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

.mlr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.text-row-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes slideDownIn-bd5f92e1 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-bd5f92e1 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.marquee[data-v-bd5f92e1] {
    overflow: hidden;
    width: 100%
}

.marquee .marquee-wrap[data-v-bd5f92e1] {
    animation: marquee-wrap-bd5f92e1 20s linear infinite;
    width: 100%
}

.marquee .marquee-content[data-v-bd5f92e1] {
    animation: marquee-content-bd5f92e1 20s linear infinite;
    float: left;
    font-size: 12px;
    line-height: 20px;
    min-width: 100%;
    white-space: nowrap
}

@keyframes marquee-wrap-bd5f92e1 {
    0%,30% {
        transform: translate(0)
    }

    70%,to {
        transform: translate(100%)
    }
}

@keyframes marquee-content-bd5f92e1 {
    0%,30% {
        transform: translate(0)
    }

    70%,to {
        transform: translate(-100%)
    }
}

@keyframes slideDownIn-44231c7a {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-44231c7a {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.header-holiday[data-v-44231c7a] {
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001a;
    display: flex;
    min-height: 46px;
    position: relative;
    z-index: 1
}

.header-holiday .main[data-v-44231c7a] {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1420px;
    padding: 0 32px;
    position: relative;
    width: 84vw;
    width: 1264px
}

@media (max-width: 1264px) {
    .header-holiday .main[data-v-44231c7a] {
        width:100%
    }
}

@media (max-width: 1024px) {
    .header-holiday .main[data-v-44231c7a] {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .header-holiday .main[data-v-44231c7a] {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .header-holiday .main[data-v-44231c7a] {
        padding-left:16px;
        padding-right: 16px
    }
}

.header-holiday .notice-img[data-v-44231c7a] {
    height: 18px;
    margin-right: 8px;
    margin-top: 2.5px;
    width: 18px
}

.header-holiday .label[data-v-44231c7a] {
    color: #707070;
    flex: 1;
    font-size: 13px;
    line-height: 20px;
    line-height: 46px;
    overflow: hidden
}

.header-holiday .pc-label[data-v-44231c7a] {
    display: flex;
    line-height: 23px
}

.header-holiday .pc-label span[data-v-44231c7a]:not(.iconfont) {
    flex: 1
}

.header-holiday .m-label[data-v-44231c7a] {
    display: none
}

.header-holiday .iconfont[data-v-44231c7a] {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    margin-left: 8px;
    margin-top: 5px;
    width: 20px
}

@media (max-width: 1200px) {
    .header-holiday .main[data-v-44231c7a] {
        width:94vw
    }
}

@media screen and (max-width: 1024px) {
    .header-holiday[data-v-44231c7a] {
        height:auto;
        line-height: auto
    }

    .header-holiday .main[data-v-44231c7a] {
        padding: 8px 16px;
        width: 100%
    }

    .header-holiday .m-label[data-v-44231c7a] {
        display: flex
    }

    .header-holiday .pc-label[data-v-44231c7a] {
        display: none
    }

    .header-holiday .label[data-v-44231c7a] {
        font-size: 13px;
        line-height: 20px
    }

    .header-holiday .notice-img[data-v-44231c7a] {
        margin-top: 0
    }

    .header-holiday .iconfont[data-v-44231c7a] {
        font-size: 13px;
        height: 13px;
        width: 13px
    }
}

@keyframes slideDownIn-dff725cd {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-dff725cd {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

 .fs-input {
    height: 34px
}

.change_website_wrap {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 416px;
    width: 260px
}

@media screen and (max-width: 1024px) {
    .change_website_wrap {
        bottom:0;
        left: 0;
        padding: 0;
        position: fixed;
        right: 0;
        width: 100vw;
        z-index: 99
    }
}

.change_website_header {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    color: #19191a;
    display: none;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px;
    padding: 12px 16px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .change_website_header {
        display:flex
    }
}

.change_website_header .iconfont_close {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: 0
}

.current_country {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .current_country {
        padding:12px 16px
    }
}

.current_country .iconfont {
    color: #10a300;
    font-size: 12px;
    line-height: 1;
    margin-right: 8px
}

.current_country .country_info {
    align-items: center;
    color: #19191a;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.current_country .country_info .country_info_name {
    margin-right: 3px;
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1024px) {
    .current_country .country_info {
        font-size:14px;
        line-height: 22px
    }
}

.search_box {
    flex-shrink: 0;
    margin-bottom: 8px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .search_box {
        margin-bottom:12px;
        margin-top: 0;
        padding: 0 16px
    }
}

.search_box input {
    font-size: 12px;
    height: 34px;
    line-height: 20px;
    padding: 8px 36px 8px 12px;
    width: 100%
}

.search_box input::-moz-placeholder {
    color: #ccc;
    font-size: 12px;
    line-height: 20px
}

.search_box input::placeholder {
    color: #ccc;
    font-size: 12px;
    line-height: 20px
}

.search_box input:focus::-moz-placeholder {
    color: transparent
}

.search_box input:focus::placeholder {
    color: transparent
}

.search_box .iconfont_search {
    color: #707070;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    left: 12px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: 16px
}

.search_box .iconfont_search:hover {
    color: #19191a;
    transition: all .3s
}

@media screen and (max-width: 1024px) {
    .search_box .iconfont_search {
        left:28px
    }
}

.search_box .iconfont_clear {
    color: #707070;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: 16px
}

.search_box .iconfont_clear:hover {
    color: #19191a;
    transition: all .3s
}

@media screen and (max-width: 1024px) {
    .search_box .iconfont_clear {
        right:24px
    }
}

.country_list_box {
    flex: 1 1 auto;
    margin-right: -20px;
    overflow-y: auto;
    padding-right: 20px
}

.country_list_box>p {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 12px
}

@media screen and (max-width: 1024px) {
    .country_list_box {
        margin-right:0;
        padding: 0 16px
    }
}

.country_list li {
    font-size: 12px;
    line-height: 20px;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .country_list li {
        font-size:14px;
        line-height: 22px
    }
}

.country_list li>div {
    padding: 8px 12px
}

@media screen and (max-width: 1024px) {
    .country_list li>div {
        padding:12px
    }
}

.country_list li>div>span {
    cursor: pointer;
    padding-bottom: 4px
}

@media screen and (max-width: 1024px) {
    .country_list li>div>span {
        color:#0060bf
    }
}

.country_list li>div>span:hover {
    color: #0060bf;
    text-decoration: underline
}

.country_list li>div>span:hover .country_name {
    color: #0060bf
}

.country_list li .country_lang_symbol {
    color: #0060bf;
    cursor: pointer;
    text-decoration-color: #0060bf
}

.country_list li .country_lang_symbol:hover {
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .country_list li .country_lang_symbol {
        text-decoration:none
    }
}

.country_list li.item_line {
    border-bottom: 1px solid #ccc
}

.country_list li:focus-visible {
    border-radius: 3px;
    outline-offset: -2px
}

.current_line {
    border-bottom: 1px solid #dee0e3;
    margin: 12px 0
}

.change_website_wrap_m>.current_country {
    display: none
}

.change_website_wrap_m .current_line {
    margin: 0 auto 12px;
    width: calc(100% - 32px)
}

.change_website_wrap_m .change_website_header {
    border-bottom: none;
    padding: 16px
}

.change_website_wrap_m .current_country {
    padding: 0
}

@keyframes slideDownIn-aa4592c6 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-aa4592c6 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.header_top_wrap {
    background-color: #f7f7f7;
    width: 100%
}

.header_top_ctn {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 32px;
    width: 1264px
}

@media (max-width: 1264px) {
    .header_top_ctn {
        width:100%
    }
}

@media (max-width: 1024px) {
    .header_top_ctn {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .header_top_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .header_top_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

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

.left_box .iconfont {
    color: #707070
}

.cart_loading_box {
    padding: 20px 0;
    width: 260px
}

.cart_loading_box .cart_loading {
    height: 40px;
    position: relative
}

.site_info {
    color: #707070;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    transition: all .3s
}

.site_info.ru-email-link {
    color: #707070;
    cursor: text
}

.site_info.ru-email-link>a {
    color: #707070;
    cursor: pointer;
    transition: all .3s
}

.site_info.ru-email-link:hover,.site_info.ru-email-link>a:hover {
    color: #19191a
}

.site_info:last-child {
    margin-right: 0
}

.site_info:last-child:after {
    display: none
}

.site_info:hover {
    color: #19191a
}

.site_info:after {
    background: #ccc;
    content: " ";
    display: inline-block;
    height: 10px;
    margin: 0 12px;
    width: 1px
}

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

 .fs-tooltip__popper #arrowTip:before {
    box-shadow: none!important
}

.thruted_box .thruted {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex
}

.thruted_box .thruted img {
    display: block;
    height: auto;
    margin-right: 4px;
    width: 16px
}

.thruted_box .thruted span {
    font-size: 12px;
    line-height: 20px
}

.right_line {
    background: #e5e5e5;
    display: inline-block;
    height: 10px;
    margin: 0 12px;
    width: 1px
}

.right_ctn {
    cursor: pointer
}

.right_ctn,.right_ctn>a {
    align-items: center;
    color: #707070;
    display: flex
}

.right_ctn>a {
    text-decoration: none
}

.right_ctn>a:hover {
    color: #19191a
}

.right_ctn .iconfont_global,.right_ctn .iconfont_service {
    font-size: 18px
}

.right_ctn .current_country_info {
    font-size: 12px;
    margin-right: 4px;
    white-space: nowrap
}

.right_ctn .current_country_info.current_contact_us {
    margin: 0
}

.right_ctn .iconfont_down {
    font-size: 16px;
    line-height: 1
}

.right_ctn .iconfont_down.iconfont_down_up {
    transform: rotateX(-180deg)
}

.right_ctn:hover {
    color: #19191a;
    transition: all .3s
}

.right_ctn:hover .iconfont_global,.right_ctn:hover .iconfont_service {
    color: #707070
}

.right_ctn:hover .iconfont_down {
    transform: rotateX(-180deg)
}

.sales_support {
    background-color: #fafafb;
    padding: 20px;
    position: relative;
    z-index: 100
}

.sales_support .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.sales_support .desc {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin: 4px 0 16px
}

.sales_support .fs-button {
    width: 100%
}

.sales_support .fs-button span {
    align-items: center;
    display: flex;
    font-size: 13px;
    line-height: 20px
}

.sales_support .fs-button img {
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.list_wrap {
    padding: 16px 20px 20px
}

.list_wrap .list_item {
    align-items: flex-start;
    display: flex;
    margin-bottom: 12px
}

.list_wrap .list_item .iconfont {
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin-right: 12px
}

.list_wrap .list_item .txt_box {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    float: left;
    width: calc(100% - 30px)
}

.list_wrap .list_item .txt_box .phone,.list_wrap .list_item .txt_box .tit {
    color: #19191a;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    line-height: 20px
}

.list_wrap .list_item .txt_box .des {
    color: #707070;
    display: block;
    font-size: 12px;
    line-height: 20px
}

@keyframes slideDownIn-25d7f255 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-25d7f255 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.logo {
    background-image: url(https://img-en.fs.com/includes/templates/fiberstore/images/fs-new/common/logo.svg);
    display: inline-block;
    flex-shrink: 0;
    height: 36px;
    margin-right: 0;
    width: 76px
}

.logo,.logo.logo_cn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.logo.logo_cn {
    background-image: url(/static/common/images/logo-1.png);
    width: 135px
}

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

.menu_list:after {
    background-color: #e5e5e5;
    bottom: -1px;
    content: "";
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 980px
}

@media (max-width: 1264px) {
    .menu_list:after {
        width:calc(100% - 284px)
    }
}

.menu_list .menu_item_blank {
    width: 48px
}

.menu_list .menu_item {
    flex-shrink: 0
}

.menu_list .menu_item .menu_label {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 69px;
    line-height: 22px;
    position: relative
}

.menu_list .menu_item .menu_label:after {
    background-color: #c00000;
    border-radius: 3px;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .2s;
    width: 100%;
    z-index: 1
}

.menu_list .menu_item .menu_label.isActive:after {
    opacity: 1
}

.menu_list .menu_item .menu_label:focus-visible {
    border-radius: 2px;
    outline: 2px solid #0080ff;
    outline-offset: -1px
}

.menu_more_wrap {
    background: transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 70px;
    transform: translate(-50%);
    transition: all .13s ease-in-out;
    width: calc(100% - 64px);
    z-index: 110
}

.menu_more_wrap.menu_more_category {
    align-items: stretch;
    display: flex
}

.menu_more_wrap.menu_more_category .menu_more_right {
    max-height: calc(100vh - 181px);
    overflow: auto;
    padding: 32px 40px 40px
}

@media (max-width: 1420px) {
    .menu_more_wrap.menu_more_category .menu_more_right {
        padding:32px 40px 40px
    }
}

.menu_more_wrap.menu_more_category .menu_more_right .menu_more_left {
    padding: 32px 0 30px 20px;
    width: 260px
}

.menu_more_wrap.menu_more_category .menu_more_right .menu_more_left .left_list_item>span {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.menu_more_wrap.menu_more_category .menu_more_right .menu_more_left .left_list_item>span>.iconfont {
    color: #19191a;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    opacity: 0
}

.menu_more_wrap.menu_more_category .menu_more_right .menu_more_left .left_list_item.left_list_item_active>span>.iconfont {
    opacity: 1
}

.menu_more_wrap.menu_more_solution {
    align-items: stretch;
    display: flex
}

.menu_more_wrap.menu_more_solution .menu_more_right {
    max-height: calc(100vh - 181px);
    overflow: auto;
    padding: 32px 40px 40px
}

@media (max-width: 1420px) {
    .menu_more_wrap.menu_more_solution .menu_more_right {
        padding:32px 40px 40px
    }
}

.menu_more_wrap.menu_more_classify {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: calc(100% - 64px);
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    background: #fff;
    padding: 32px 220px 32px 116px
}

@media (max-width: 1420px) {
    .menu_more_wrap.menu_more_classify {
        padding:32px 123px 32px 116px
    }
}

@media (max-width: 1220px) {
    .menu_more_wrap.menu_more_classify {
        padding:32px 123px 32px 92px
    }
}

.menu_more_wrap.menu_more_about,.menu_more_wrap.menu_more_resources,.menu_more_wrap.menu_more_service {
    background-color: #fff;
    max-height: calc(100vh - 181px);
    overflow: auto;
    padding: 32px 40px 40px
}

.menu_more_wrap.menu_more_about .service_box,.menu_more_wrap.menu_more_resources .service_box,.menu_more_wrap.menu_more_service .service_box {
    display: flex;
    padding: 0
}

.menu_more_wrap.menu_more_about .service_box .service_text,.menu_more_wrap.menu_more_resources .service_box .service_text,.menu_more_wrap.menu_more_service .service_box .service_text {
    flex: 1
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_title,.menu_more_wrap.menu_more_resources .service_box .service_text .service_title,.menu_more_wrap.menu_more_service .service_box .service_text .service_title {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_msg,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_msg,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_msg {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px 32px;
    margin-top: 24px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .name,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .name,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .name {
    color: #19191a;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list {
    margin-top: 8px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item {
    display: flex;
    margin-top: 4px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a:hover,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a:hover,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item>a:hover {
    color: #19191a
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item:first-child,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item:first-child,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .link_item:first-child {
    margin-top: 0
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box {
    align-items: center;
    display: flex
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share {
    align-items: center;
    border-radius: 4px;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    margin-right: 4px;
    padding: 8px;
    text-decoration: none;
    transition: all .3s
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:hover,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:hover,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:hover {
    background-color: #f2f2f2;
    color: #4b4b4d
}

.menu_more_wrap.menu_more_about .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:last-child,.menu_more_wrap.menu_more_resources .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:last-child,.menu_more_wrap.menu_more_service .service_box .service_text .service_desc .service_list .service_list_item .link_list .share_box .iconfont-share:last-child {
    margin-right: 0
}

.menu_more_wrap.menu_more_about .service_box .line,.menu_more_wrap.menu_more_resources .service_box .line,.menu_more_wrap.menu_more_service .service_box .line {
    background-color: #e5e5e5;
    height: auto;
    margin: 32px 32px 0;
    width: 1px
}

.menu_more_wrap.menu_more_about .service_box .service_img,.menu_more_wrap.menu_more_resources .service_box .service_img,.menu_more_wrap.menu_more_service .service_box .service_img {
    overflow: hidden
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box,.menu_more_wrap.menu_more_service .service_box .service_img .img_box {
    margin-top: 32px;
    max-width: 360px;
    position: relative
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .img_link>img,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .img_link>img,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .img_link>img {
    border-radius: 8px;
    width: 100%
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 24px 28px;
    position: absolute;
    top: 0;
    width: 100%
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box .top,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box .top,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box .top {
    color: #fff
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box .top .text_title,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box .top .text_title,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box .top .text_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box .top .text_desc,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box .top .text_desc,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box .top .text_desc {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box .btn,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box .btn,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box .btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: center;
    line-height: 20px;
    margin-top: 24px;
    padding: 0 12px;
    width: -moz-max-content;
    width: max-content
}

.menu_more_wrap.menu_more_about .service_box .service_img .img_box .text_box .btn:before,.menu_more_wrap.menu_more_resources .service_box .service_img .img_box .text_box .btn:before,.menu_more_wrap.menu_more_service .service_box .service_img .img_box .text_box .btn:before {
    border-radius: 4px
}

.menu_more_wrap .menu_more_left {
    background: #f7f7f7;
    flex-shrink: 0;
    max-height: calc(100vh - 181px);
    overflow: auto;
    padding: 32px 0;
    width: 20%
}

.menu_more_wrap .menu_more_left .left_list {
    position: relative
}

.menu_more_wrap .menu_more_left .left_list .left_list_item {
    align-items: center;
    background: transparent;
    cursor: default;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    padding-left: 12px;
    position: relative;
    transition: all .3s;
    z-index: 1
}

.menu_more_wrap .menu_more_left .left_list .left_list_item>a {
    cursor: pointer;
    display: block;
    flex: 1;
    padding: 13px 20px;
    text-decoration: none
}

.menu_more_wrap .menu_more_left .left_list .left_list_item .category_name {
    cursor: pointer;
    line-height: 22px;
    padding-bottom: 0;
    position: relative
}

.menu_more_wrap .menu_more_left .left_list .left_list_item .category_name,.menu_more_wrap .menu_more_left .left_list .left_list_item .solution_name {
    color: #19191a;
    display: inline-block;
    text-decoration: none
}

.menu_more_wrap .menu_more_left .left_list .left_list_item:hover .category_name:after {
    background-color: #c00000;
    border-radius: 3px;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    opacity: 1;
    position: absolute;
    transition: all .2s;
    width: 100%
}

.menu_more_wrap .menu_more_left .left_list .left_list_item.left_list_item_active .category_name {
    position: relative
}

.menu_more_wrap .menu_more_left .left_list .left_list_item.left_list_item_active .category_name:after {
    background-color: #c00000;
    border-radius: 3px;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    opacity: 1;
    position: absolute;
    transition: all .2s;
    width: 100%
}

.menu_more_wrap .menu_more_left .left_list .left_list_item.left_list_item_solutions {
    cursor: default
}

.menu_more_wrap .menu_more_left .left_list .left_list_item.left_list_item_solutions>div {
    cursor: pointer;
    display: block;
    flex: 1;
    padding: 13px 20px;
    text-decoration: none
}

.menu_more_wrap .menu_more_left .left_list .left_list_item.left_list_item_solutions>div>.category_name {
    cursor: pointer
}

.menu_more_wrap .menu_more_left .left_list .list_active_block {
    background: #fff;
    border-radius: 3px 0 0 3px;
    left: 12px;
    min-height: 48px;
    position: absolute;
    width: calc(100% - 12px)
}

.menu_more_wrap .menu_more_right {
    background: #fff;
    flex: 1 1 auto;
    max-height: calc(100vh - 181px);
    overflow: auto;
    padding: 32px 40px 40px;
    position: relative
}

@media (max-width: 1420px) {
    .menu_more_wrap .menu_more_right {
        padding:32px 24px
    }
}

@media (max-width: 1220px) {
    .menu_more_wrap .menu_more_right {
        padding:32px 24px
    }
}

.menu_more_wrap .menu_more_right .category_list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

.menu_more_wrap .menu_more_right .category_list .category_item_box {
    min-width: 0
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item {
    display: flex;
    flex-direction: column
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_img {
    display: inline-block;
    flex-shrink: 0;
    height: 60px;
    margin-bottom: 4px;
    width: 60px
}

@media (max-width: 1220px) {
    .menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_img {
        display:none
    }
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list {
    color: #19191a;
    display: block;
    flex: 1 1 auto
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_title {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: left
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_title:hover {
    text-decoration: none
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_title span {
    color: #19191a;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    position: relative
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_title span:hover:after {
    background-color: #c00000;
    border-radius: 3px;
    bottom: -4px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    opacity: 1;
    position: absolute;
    transition: all .2s;
    width: 100%
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_other {
    width: 100%
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_other .category_list_children_item {
    align-items: center;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-bottom: 3px;
    width: 100%
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_other .category_list_children_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav {
    width: 100%
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item {
    display: flex;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
    width: 100%
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item:last-child {
    margin-bottom: 0
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item a {
    color: #707070;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item a:hover {
    color: #19191a;
    text-decoration: underline
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item a.item_info_hot {
    max-width: calc(100% - 21px)
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item a.item_info_new {
    max-width: calc(100% - 26px)
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item .category_tag {
    font-size: 12px;
    margin: 0
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item .category_tag.category_tag_new {
    color: #10a300
}

.menu_more_wrap .menu_more_right .category_list .category_item_box .category_item .category_list .category_list_children_nav .category_list_children_item .category_tag.category_tag_hot {
    color: #f56300
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_head {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_head .solution_list_head_left {
    flex: 1 1 auto
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_head .solution_list_head_right {
    flex-shrink: 0;
    margin-left: 20px
}

.menu_more_wrap .menu_more_right .solution_list .solution_top_title {
    align-items: center;
    display: flex;
    font-weight: 600;
    margin-bottom: 8px
}

.menu_more_wrap .menu_more_right .solution_list .solution_top_title a {
    color: #19191a;
    cursor: default;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-decoration: none
}

.menu_more_wrap .menu_more_right .solution_list .solution_top_title_desc {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 24px
}

.menu_more_wrap .menu_more_right .solution_list .solution_top_title_desc>span {
    display: block
}

.menu_more_wrap .menu_more_right .solution_list .solution_top_title_desc>a {
    display: inline-block;
    margin-top: 4px
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 16px
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_content .solution_list_item {
    display: flex;
    flex-direction: column
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_content .solution_list_item .solution_list_item_img img {
    border-radius: 8px;
    display: block;
    max-width: 100%;
    overflow: hidden
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_content .solution_list_item .solution_list_item_txt a {
    color: #19191a;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
    margin-top: 16px
}

.menu_more_wrap .menu_more_right .solution_list .solution_list_content .solution_list_item .solution_list_item_txt p {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px
}

.menu_more_wrap .classify_box .classify_title {
    color: #19191a;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
}

.menu_more_wrap .classify_box .classify_item {
    margin-bottom: 4px
}

.menu_more_wrap .classify_box .classify_item:last-child {
    margin-bottom: 0
}

.menu_more_wrap .classify_box .classify_item a {
    color: #707070;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    line-height: 20px;
    transition: all .3s
}

.menu_more_wrap .classify_box .classify_item a:hover {
    color: #19191a
}

.menu_more_wrap .iconfont_close {
    color: #707070;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px;
    width: 32px;
    z-index: 2
}

.menu_more_wrap .iconfont_close:hover {
    background: #19191a0a;
    color: #19191a;
    transition: all .3s
}

.header_ctn_right {
    align-items: center;
    display: flex;
    flex: 6;
    height: 68px;
    justify-content: flex-end;
    position: relative
}

.header_mask {
    background: #3333334d;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 99
}

@keyframes slideDownIn-41214c6a {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-41214c6a {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.search_icon[data-v-41214c6a] {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.search_icon .iconfont_search[data-v-41214c6a] {
    color: #19191a;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    width: 20px
}

.search_icon[data-v-41214c6a]:hover {
    background-color: #f2f2f2
}

@media screen and (max-width: 1024px) {
    .search_icon[data-v-41214c6a]:hover {
        background-color:transparent
    }
}

.search_box[data-v-41214c6a] {
    background-color: #fff;
    min-height: 360px;
    padding: 28px 0;
    position: relative
}

.search_box .search_content[data-v-41214c6a] {
    margin: 0 auto;
    padding: 0 32px 0 156px;
    width: 84vw;
    width: 1264px
}

@media (max-width: 1264px) {
    .search_box .search_content[data-v-41214c6a] {
        width:100%
    }
}

@media (max-width: 1024px) {
    .search_box .search_content[data-v-41214c6a] {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .search_box .search_content[data-v-41214c6a] {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .search_box .search_content[data-v-41214c6a] {
        padding-left:16px;
        padding-right: 16px
    }
}

.search_box .search_content .search_input_box[data-v-41214c6a] {
    max-width: 900px
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_input_box[data-v-41214c6a] {
        max-width:unset
    }
}

.search_box .search_content .search_input_box .search_input[data-v-41214c6a] {
    position: relative
}

.search_box .search_content .search_input_box .search_input .input_box[data-v-41214c6a] {
    border-radius: 4px;
    position: relative
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a] {
    background: #f6f6f8;
    border: none;
    border-radius: 4px;
    padding: 10px 138px 10px 12px;
    transition: none
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:focus {
    background: #f6f6f8;
    border: 1px solid #eee
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:focus::-moz-placeholder {
    opacity: 0
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:focus::placeholder {
    opacity: 0
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:focus:hover {
    background: #f6f6f8
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]::-moz-placeholder {
    color: #707070
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]::placeholder {
    color: #707070
}

.search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:hover {
    background: linear-gradient(0deg,#19191a0a,#19191a0a),#f6f6f8
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a]:hover {
        background:#f6f6f8
    }

    .search_box .search_content .search_input_box .search_input .input_box>input[data-v-41214c6a] {
        padding-left: 42px
    }
}

.search_box .search_content .search_input_box .search_input .input_box .iconfont_search[data-v-41214c6a] {
    border-radius: 3px;
    color: #707070;
    display: none;
    font-size: 16px;
    line-height: 1;
    padding: 6px;
    position: absolute;
    top: 7px;
    z-index: 1
}

.search_box .search_content .search_input_box .search_input .input_box[data-v-41214c6a] .fs-input__inner:hover {
    cursor: text
}

.search_box .search_content .search_input_box .search_input .input_box .fs-input[data-v-41214c6a] {
    color: #19191a;
    font-size: 14px;
    line-height: 22px
}

.search_box .search_content .search_input_box .search_input .input_box .search_result[data-v-41214c6a] {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 2px 8px #0000001a;
    height: 316px;
    margin-top: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_input_box .search_input .input_box .search_result[data-v-41214c6a] {
        border:none;
        border-radius: 0;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto
    }
}

.search_box .search_content .search_input_box .search_input .input_box .search_result>ul[data-v-41214c6a] {
    border-radius: 4px;
    padding: 8px 0
}

.search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li[data-v-41214c6a] {
    transition: all .3s
}

.search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li[data-v-41214c6a]:hover {
    background-color: #f7f7f7
}

.search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li[data-v-41214c6a]:focus-visible {
    border-radius: 2px;
    outline: 2px solid #0080ff;
    outline-offset: -1px
}

.search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li>a[data-v-41214c6a] {
    color: #19191a;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 12px;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_input_box .search_input .input_box .search_result>ul[data-v-41214c6a] {
        background-color:#fff
    }

    .search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li[data-v-41214c6a] {
        padding: 8px 0
    }

    .search_box .search_content .search_input_box .search_input .input_box .search_result>ul>li>a[data-v-41214c6a] {
        font-size: 14px;
        line-height: 22px
    }
}

.search_box .search_content .search_input_box .search_input .input_box .search_result[data-v-41214c6a] .fs-loading {
    background-color: #fff
}

.search_box .search_content .search_input_box .search_input .input_box .search_result[data-v-41214c6a] .fs-loading .fs-circle {
    height: 32px;
    width: 32px
}

.search_box .search_content .search_input_box .search_input .input_box .search_result .empty-result[data-v-41214c6a] {
    color: #707070;
    font-size: 14px;
    left: 50%;
    line-height: 22px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.search_box .search_content .search_input_box .search_input .submit_box[data-v-41214c6a] {
    align-items: center;
    display: flex;
    height: 40px;
    margin: 1px 1px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.search_box .search_content .search_input_box .search_input .submit_box[data-v-41214c6a] .fs-button {
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    line-height: 22px
}

.search_box .search_content .search_input_box .search_input .submit_box .close_box[data-v-41214c6a] {
    display: flex;
    height: 28px;
    margin-right: 12px
}

.search_box .search_content .search_input_box .search_input .submit_box .close_box .iconfont_close[data-v-41214c6a] {
    border-radius: 3px;
    color: #707070;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 6px
}

.search_box .search_content .search_input_box .search_input .submit_box .close_box .iconfont_close[data-v-41214c6a]:hover {
    background-color: #f7f7f7;
    color: #19191a
}

.search_box .search_content .search_input_box .search_cancel[data-v-41214c6a] {
    color: #19191a;
    cursor: pointer;
    display: none;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 10px 16px
}

.search_box .search_content .search_result_box[data-v-41214c6a] {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 2px 8px #0000001a;
    display: none;
    height: 316px;
    margin-top: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_result_box[data-v-41214c6a] {
        border:none;
        border-radius: 0;
        box-shadow: none;
        display: block;
        left: auto;
        position: relative;
        top: auto
    }
}

.search_box .search_content .search_result_box>ul[data-v-41214c6a] {
    border-radius: 4px;
    padding: 8px 0
}

.search_box .search_content .search_result_box>ul>li[data-v-41214c6a] {
    transition: all .3s
}

.search_box .search_content .search_result_box>ul>li[data-v-41214c6a]:hover {
    background-color: #f7f7f7
}

.search_box .search_content .search_result_box>ul>li[data-v-41214c6a]:focus-visible {
    border-radius: 2px;
    outline: 2px solid #0080ff;
    outline-offset: -1px
}

.search_box .search_content .search_result_box>ul>li>a[data-v-41214c6a] {
    color: #19191a;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 12px;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .search_result_box>ul[data-v-41214c6a] {
        background-color:#fff
    }

    .search_box .search_content .search_result_box>ul>li[data-v-41214c6a] {
        padding: 8px 0
    }

    .search_box .search_content .search_result_box>ul>li>a[data-v-41214c6a] {
        font-size: 14px;
        line-height: 22px
    }
}

.search_box .search_content .search_result_box[data-v-41214c6a] .fs-loading {
    background-color: #fff
}

.search_box .search_content .search_result_box[data-v-41214c6a] .fs-loading .fs-circle {
    height: 32px;
    width: 32px
}

.search_box .search_content .search_result_box .empty-result[data-v-41214c6a] {
    color: #707070;
    font-size: 14px;
    left: 50%;
    line-height: 22px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.search_box .search_content .recent>.list[data-v-41214c6a] {
    max-height: 108px;
    overflow: hidden
}

.search_box .search_content .hot[data-v-41214c6a],.search_box .search_content .recent[data-v-41214c6a] {
    margin-top: 20px;
    max-width: 900px
}

@media screen and (max-width: 1024px) {
    .search_box .search_content .hot[data-v-41214c6a],.search_box .search_content .recent[data-v-41214c6a] {
        max-width:unset
    }
}

.search_box .search_content .hot>.title[data-v-41214c6a],.search_box .search_content .recent>.title[data-v-41214c6a] {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.search_box .search_content .hot>.list .label[data-v-41214c6a],.search_box .search_content .recent>.list .label[data-v-41214c6a] {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    line-height: 20px;
    margin: 8px 8px 0 0;
    max-width: 100%;
    padding: 3px 10px;
    position: relative;
    z-index: 1
}

.search_box .search_content .hot>.list .label[data-v-41214c6a]:before,.search_box .search_content .recent>.list .label[data-v-41214c6a]:before {
    background: #19191a;
    border-radius: 999px;
    bottom: 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: -1
}

.search_box .search_content .hot>.list .label>div[data-v-41214c6a],.search_box .search_content .recent>.list .label>div[data-v-41214c6a] {
    align-items: center;
    color: #19191a;
    display: flex;
    max-width: 100%
}

.search_box .search_content .hot>.list .label>div>i[data-v-41214c6a],.search_box .search_content .recent>.list .label>div>i[data-v-41214c6a] {
    border-radius: 3px;
    color: #707070;
    font-size: 12px;
    line-height: 1;
    margin-left: 8px
}

.search_box .search_content .hot>.list .label>div>i[data-v-41214c6a]:hover,.search_box .search_content .recent>.list .label>div>i[data-v-41214c6a]:hover {
    color: #19191a
}

.search_box .search_content .hot>.list .label>div>span[data-v-41214c6a],.search_box .search_content .recent>.list .label>div>span[data-v-41214c6a] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search_box .search_content .hot>.list .label[data-v-41214c6a]:last-child,.search_box .search_content .recent>.list .label[data-v-41214c6a]:last-child {
    margin-right: 0
}

.search_box .search_content .hot>.list .label[data-v-41214c6a]:hover:before,.search_box .search_content .recent>.list .label[data-v-41214c6a]:hover:before {
    opacity: .04
}

.search_box .search_content .hot>.list .label:hover>div[data-v-41214c6a],.search_box .search_content .recent>.list .label:hover>div[data-v-41214c6a] {
    color: #19191a
}

.search_box .search_content .hot .title[data-v-41214c6a],.search_box .search_content .recent .title[data-v-41214c6a] {
    display: flex;
    justify-content: space-between
}

.search_box .search_content .hot .title .change_btn[data-v-41214c6a],.search_box .search_content .recent .title .change_btn[data-v-41214c6a] {
    align-items: center;
    color: #0060bf;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.search_box .search_content .hot .title .change_btn:hover span[data-v-41214c6a],.search_box .search_content .recent .title .change_btn:hover span[data-v-41214c6a] {
    text-decoration: underline
}

.search_box .search_content .hot .title .iconfont_change[data-v-41214c6a],.search_box .search_content .recent .title .iconfont_change[data-v-41214c6a] {
    color: #0060bf;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 4px
}

.search_box .search_content .hot .title .iconfont_change_rotate[data-v-41214c6a],.search_box .search_content .recent .title .iconfont_change_rotate[data-v-41214c6a] {
    animation: searchLoading-41214c6a 1s linear infinite
}

@keyframes searchLoading-41214c6a {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.search_box .search_box_close[data-v-41214c6a] {
    border-radius: 3px;
    color: #707070;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 6px;
    position: absolute;
    right: 16px;
    top: 16px
}

.search_box .search_box_close[data-v-41214c6a]:hover {
    background: #19191a0a;
    color: #19191a
}

@media screen and (max-width: 1024px) {
    .search_box[data-v-41214c6a] {
        height:100%;
        padding: 28px 0
    }

    .search_box .search_content[data-v-41214c6a] {
        margin: 0;
        max-width: unset;
        width: 100%
    }

    .search_box .search_content .search_input_box[data-v-41214c6a] {
        display: flex
    }

    .search_box .search_content .search_input_box .search_input[data-v-41214c6a] {
        flex: 1
    }

    .search_box .search_content .search_input_box .search_input .input_box .fs-input[data-v-41214c6a] .fs-input__wrapper {
        padding-left: 42px
    }

    .search_box .search_content .search_input_box .search_input .input_box .fs-input[data-v-41214c6a] .is-focus {
        border: 1px solid #19191a
    }

    .search_box .search_content .search_input_box .search_input .input_box .iconfont_search[data-v-41214c6a] {
        display: block;
        left: 7px
    }

    .search_box .search_content .search_input_box .search_cancel[data-v-41214c6a] {
        display: block;
        height: -moz-fit-content;
        height: fit-content
    }
}

.header_mask[data-v-41214c6a] {
    background: #3333334d;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 100
}

.fs-tooltip[data-v-41214c6a] .fs-tooltip__mobile--content {
    background-color: #fff;
    height: 100%;
    left: 0;
    padding: 0!important;
    top: 85px;
    transform: none;
    width: 100%!important
}

.fs-tooltip[data-v-41214c6a] .fs-tooltip__mobile--content>.iconfont {
    display: none
}

.fs-tooltip[data-v-41214c6a] .fs-tooltip__mobile--content .fs-tooltip__mobile--context {
    margin: 0
}

@media screen and (max-width: 1024px) {
    .fs-tooltip[data-v-41214c6a] .fs-tooltip__mobile--content {
        top:var(--db33b90e)
    }
}

.fs-tooltip[data-v-41214c6a] .fs-tooltip__mobile--mask {
    display: none
}

[data-v-41214c6a] .fs-tooltip__popper {
    box-shadow: none;
    margin: 1.5px 0 0
}

@media screen and (max-width: 1024px) {
    .search_icon[data-v-41214c6a] {
        height:48px;
        width: 48px
    }

    .search_icon .iconfont_search[data-v-41214c6a] {
        font-size: 20px;
        height: 24px;
        line-height: 20px;
        padding: 2px;
        width: 24px
    }
}

@keyframes slideDownIn-6c9652a4 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-6c9652a4 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.account_list {
    position: relative;
    z-index: 10
}

.account_list .fs-button {
    border-radius: 9999px
}

.account_list .new-account-wrap .menu-box .welcome_wrap_new {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
    text-align: center
}

.account_list .new-account-wrap .menu-box .welcome_wrap_new p {
    color: #19191a;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.account_list .new-account-wrap .menu-box .menu-list-box {
    margin-top: 8px
}

.account_list .new-account-wrap .menu-box .menu-list-box .menu-item .service-info-box {
    align-items: center;
    border-radius: 4px;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: 100%;
    justify-content: center;
    line-height: 20px;
    padding: 8px;
    text-decoration: none;
    width: 100%
}

.account_list .new-account-wrap .menu-box .menu-list-box .menu-item .service-info-box:hover {
    background: #f2f2f2;
    color: #19191a
}

.account_list .new-account-wrap .menu-box .menu-list-box .menu-item-line {
    background: #e5e5e5;
    height: 1px;
    margin: 8px 0;
    width: 100%
}

.account_list .new-account-wrap .login-box {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.account_list .new-account-wrap .login-box .fs-button {
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    height: 36px;
    line-height: 20px;
    padding: 7px 0
}

.account_list .new-account-wrap .login-box .create_btn {
    background: #f2f2f2;
    color: #707070
}

.account_list .new-account-wrap .login-box .create_btn:hover {
    background: linear-gradient(0deg,#19191a0a,#19191a0a),#f2f2f2;
    color: #19191a
}

.welcome_wrap {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .welcome_wrap {
        border-bottom:none;
        padding-bottom: 0
    }
}

.welcome_box {
    word-break: break-word
}

.welcome_box dt {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.welcome_box dd {
    color: #19191a
}

.apply_busy,.welcome_box dd {
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px
}

.apply_busy {
    color: #4b4b4d;
    font-weight: 600
}

.apply_busy p {
    margin-bottom: 4px
}

.apply_busy .iconfont {
    font-size: 12px;
    line-height: 20px;
    margin-left: 4px
}

.apply_busy .apply_busy_link>span {
    position: relative
}

.apply_busy .apply_busy_link>span:after {
    background-color: #0060bf;
    bottom: 0;
    content: "";
    display: none;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.apply_busy .apply_busy_link .iconfont {
    color: #0060bf
}

.apply_busy .apply_busy_link:hover {
    cursor: pointer;
    text-decoration: none
}

.apply_busy .apply_busy_link:hover>span:after {
    display: block
}

.apply_busy .add_team_font {
    color: #0060bf
}

.apply_busy .add_team_font:hover {
    cursor: pointer;
    text-decoration: underline
}

.apply_busy .add_team_font:hover>span:after {
    display: block
}

.apply_busy_font {
    color: #19191a
}

.account_service_box {
    padding-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .account_service_box {
        border-bottom:1px solid #e5e5e5;
        margin-bottom: 28px;
        padding-bottom: 12px
    }
}

.account_service_box .service_item {
    align-items: center;
    display: flex;
    padding-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .account_service_box .service_item {
        padding:12px 0
    }
}

.account_service_box .service_item.hide {
    display: none
}

.account_service_box .service_item .iconfont {
    color: #19191a;
    display: block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 8px;
    width: 16px
}

.account_service_box .service_item .service_info_box {
    align-items: center;
    color: #19191a;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none
}

.account_service_box .service_item .service_info_box .moti_svg {
    display: block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.account_service_box .service_item .service_info_box .service_info {
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 1024px) {
    .account_service_box .service_item .service_info_box .service_info {
        font-size:14px;
        line-height: 22px;
        text-decoration: none
    }
}

.account_service_box .service_item .service_info_box .service_info:hover {
    text-decoration: underline
}

.account_service_box .service_item .service_info_box .service_info_sub {
    color: #999
}

.account_service_box .service_item .service_info_box:hover {
    text-decoration: none
}

.account_service_box .service_item .service_info_box:hover .service_info_sub {
    color: #19191a
}

@media screen and (max-width: 1024px) {
    .account_service_box .service_item .service_info_box_noti {
        display:flex;
        position: relative
    }

    .account_service_box .service_item .service_info_box_noti .dot {
        background-color: #c00000;
        border-radius: 8px;
        height: 4px;
        left: 10px;
        position: absolute;
        top: 3px;
        width: 4px
    }
}

.account_service_box .service_item.service_item-recently {
    border-top: 1px solid #e5e5e5;
    margin-top: 8px;
    padding-top: 12px
}

.account_service_box .service_item.logout-box {
    border-top: 1px solid #ccc;
    color: #19191a;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 12px
}

.account_service_box .service_item:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 1024px) {
    .account_service_box .service_item:last-child {
        padding:12px 0
    }
}

.login-box {
    color: red
}

.login-box .fs-button {
    display: block;
    margin-left: 0;
    width: 100%
}

.new_user_popup .tips {
    background-color: #0060bf0a;
    border-radius: 3px;
    color: #707070;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 10px 16px
}

.new_user_popup .tips .iconfont {
    color: #0060bf
}

.new_user_popup .assign_roles {
    align-items: center;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.new_user_popup .iconfont-tip {
    color: #4b4b4d;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 16px;
    line-height: 1;
    margin-left: 4px;
    position: relative;
    width: 16px
}

.new_user_popup .creat_form {
    margin-bottom: 20px
}

.new_user_popup .creat_form>h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.new_user_popup .creat_form>ul {
    align-items: flex-start;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 12px
}

.new_user_popup .creat_form .form_item {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 4px
}

.new_user_popup .creat_form .form_item>span {
    font-size: 12px;
    line-height: 20px
}

.new_user_popup .creat_form .form_item_team {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin-top: 12px;
    row-gap: 4px
}

.new_user_popup .creat_form .form_item_team>span {
    font-size: 12px;
    line-height: 20px
}

.new_user_popup .creat_form .radio_group {
    margin-top: 20px
}

.new_user_popup .creat_form .radio_group .radio_item {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px
}

.new_user_popup .creat_form .radio_group .radio_item .radio_tips {
    color: #4b4b4d;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont {
    color: #ccc;
    cursor: pointer;
    font-size: 18px;
    position: relative
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont.disabled {
    background-color: #f7f7f7;
    cursor: not-allowed
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont.active {
    color: #4b4b4d
}

.new_user_popup .creat_form .radio_group .radio_item .disable_icon {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: not-allowed;
    height: 18px;
    margin-top: 3px;
    width: 18px
}

.new_user_popup .creat_form .radio_group .radio_item>div>span {
    cursor: pointer
}

.new_user_popup .btn {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-left: auto;
    width: -moz-max-content;
    width: max-content
}

.new_user_popup .error_result {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .new_user_popup {
        display:flex;
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    .new_user_popup .popup_container {
        flex: 1;
        overflow-y: scroll
    }

    .new_user_popup .popup_container .creat_form>ul {
        grid-template-columns: repeat(1,1fr);
        row-gap: 12px
    }

    .new_user_popup .btn {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 12px;
        width: 100%
    }
}

@keyframes slideDownIn-d9cf7b7a {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-d9cf7b7a {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

[data-v-d9cf7b7a] .fs-tooltip__popper .fs-cover-bottom,[data-v-d9cf7b7a] .fs-tooltip__popper .fs-cover-top {
    border-radius: 8px
}

.account_box[data-v-d9cf7b7a] {
    align-items: center;
    border-radius: 4px;
    color: #19191a;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    position: relative;
    transition: all .3s;
    width: 40px
}

.account_box[data-v-d9cf7b7a]:hover {
    text-decoration: none
}

.account_box.account_box_hover[data-v-d9cf7b7a] {
    background: #fafafb
}

.account_box[data-v-d9cf7b7a]:hover {
    background: #f2f2f2
}

.account_box .iconfont_account[data-v-d9cf7b7a] {
    color: #19191a;
    font-size: 20px;
    line-height: 20px
}

.account_box .account_svg[data-v-d9cf7b7a],.account_box .iconfont_account[data-v-d9cf7b7a] {
    display: block;
    height: 20px;
    width: 20px
}

.account_box .icon_info[data-v-d9cf7b7a] {
    font-size: 12px;
    padding-top: 2px;
    white-space: nowrap
}

.new_user_popup .tips[data-v-d9cf7b7a] {
    background-color: #0060bf0a;
    border-radius: 3px;
    color: #707070;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 10px 16px
}

.new_user_popup .tips .iconfont[data-v-d9cf7b7a] {
    color: #0060bf
}

.new_user_popup .assign_roles[data-v-d9cf7b7a] {
    align-items: center;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.new_user_popup .iconfont-tip[data-v-d9cf7b7a] {
    color: #4b4b4d;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 16px;
    line-height: 1;
    margin-left: 4px;
    position: relative;
    width: 16px
}

.new_user_popup .creat_form[data-v-d9cf7b7a] {
    margin-bottom: 20px
}

.new_user_popup .creat_form>h3[data-v-d9cf7b7a] {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.new_user_popup .creat_form>ul[data-v-d9cf7b7a] {
    align-items: flex-start;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 12px
}

.new_user_popup .creat_form .form_item[data-v-d9cf7b7a] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 4px
}

.new_user_popup .creat_form .form_item>span[data-v-d9cf7b7a] {
    font-size: 12px;
    line-height: 20px
}

.new_user_popup .creat_form .form_item_team[data-v-d9cf7b7a] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin-top: 12px;
    row-gap: 4px
}

.new_user_popup .creat_form .form_item_team>span[data-v-d9cf7b7a] {
    font-size: 12px;
    line-height: 20px
}

.new_user_popup .creat_form .radio_group[data-v-d9cf7b7a] {
    margin-top: 20px
}

.new_user_popup .creat_form .radio_group .radio_item[data-v-d9cf7b7a] {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px
}

.new_user_popup .creat_form .radio_group .radio_item .radio_tips[data-v-d9cf7b7a] {
    color: #4b4b4d;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont[data-v-d9cf7b7a] {
    color: #ccc;
    cursor: pointer;
    font-size: 18px;
    position: relative
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont.disabled[data-v-d9cf7b7a] {
    background-color: #f7f7f7;
    cursor: not-allowed
}

.new_user_popup .creat_form .radio_group .radio_item .iconfont.active[data-v-d9cf7b7a] {
    color: #4b4b4d
}

.new_user_popup .creat_form .radio_group .radio_item .disable_icon[data-v-d9cf7b7a] {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: not-allowed;
    height: 18px;
    margin-top: 3px;
    width: 18px
}

.new_user_popup .creat_form .radio_group .radio_item>div>span[data-v-d9cf7b7a] {
    cursor: pointer
}

.new_user_popup .btn[data-v-d9cf7b7a] {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-left: auto;
    width: -moz-max-content;
    width: max-content
}

.new_user_popup .error_result[data-v-d9cf7b7a] {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .new_user_popup[data-v-d9cf7b7a] {
        display:flex;
        flex-direction: column;
        height: 100%;
        padding: 20px 16px;
        width: 100%
    }

    .new_user_popup .popup_container[data-v-d9cf7b7a] {
        flex: 1;
        overflow-y: scroll
    }

    .new_user_popup .popup_container .creat_form>ul[data-v-d9cf7b7a] {
        grid-template-columns: repeat(1,1fr);
        row-gap: 12px
    }

    .new_user_popup .btn[data-v-d9cf7b7a] {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 12px;
        width: 100%
    }
}

@keyframes slideDownIn-6e9b012c {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-6e9b012c {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.cart_box[data-v-6e9b012c] {
    align-items: center;
    border-radius: 4px;
    color: #19191a;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    position: relative;
    transition: all .3s;
    width: 40px
}

.cart_box.empty[data-v-6e9b012c] {
    cursor: default
}

.cart_box[data-v-6e9b012c]:hover {
    text-decoration: none
}

.cart_box.cart_box_hover[data-v-6e9b012c],.cart_box[data-v-6e9b012c]:hover {
    background: #f2f2f2
}

.cart_box .icon_box[data-v-6e9b012c] {
    position: relative
}

.cart_box .cart-num[data-v-6e9b012c] {
    background: #c00000;
    border-radius: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    min-width: 18px;
    padding: 1px 2px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -9px
}

.cart_box .cart-num.more[data-v-6e9b012c] {
    right: -15px
}

.cart_box .iconfont_cart[data-v-6e9b012c] {
    color: #19191a;
    display: block;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    width: 20px
}

.cart_box .icon_info[data-v-6e9b012c] {
    font-size: 12px;
    padding-top: 2px;
    white-space: nowrap
}

@keyframes slideDownIn-39e996df {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-39e996df {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.header_ctn_wrap {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    width: 100%
}

.header_ctn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    width: 1264px
}

@media (max-width: 1264px) {
    .header_ctn {
        width:100%
    }
}

@media (max-width: 1024px) {
    .header_ctn {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .header_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .header_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

.header_ctn_right {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 12px;
    height: 68px;
    position: relative
}

@media (max-width: 1200px) {
    .header_ctn_right .icon_info {
        display:none
    }
}

@keyframes slideDownIn-a230487e {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-a230487e {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.fs_header_wrap {
    position: relative
}

@media screen and (min-width: 1025px) {
    .fs_header_wrap {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .fs_header_wrap {
        display:none
    }
}

@keyframes slideDownIn-f87356a5 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-f87356a5 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.m_header_top {
    align-items: center;
    background: #eee;
    display: flex;
    justify-content: space-between;
    padding: 8px 24px
}

@media (max-width: 819px) {
    .m_header_top {
        padding:8px 16px
    }
}

.website_box {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex
}

.website_box .iconfont_global {
    color: #707070;
    font-size: 18px
}

.website_box .current_country_info {
    font-size: 12px;
    line-height: 20px;
    margin: 0 4px 0 0;
    white-space: nowrap
}

.website_box .iconfont_down {
    color: #707070;
    font-size: 16px
}

.website_box .iconfont_down.iconfont_down_up {
    transform: rotateX(-180deg)
}

.nottice_box {
    flex: 1;
    margin-right: 10px;
    overflow: hidden
}

.nottice_box .notice {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: flex-start;
    line-height: 20px
}

.nottice_box .notice .iconfont {
    font-size: 16px;
    margin-right: 8px
}

@keyframes slideDownIn-9fd18f55 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-9fd18f55 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.cn_hide {
    display: none!important
}

.m_side_bar_wrap {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 2px #00000008;
    font-size: 14px;
    left: 0;
    line-height: 22px;
    overflow-y: auto;
    padding-bottom: 12px;
    position: fixed;
    top: 0;
    transform: translate3d(-100%,0,0);
    transition: all .3s;
    width: calc(100vw - 40px);
    z-index: 120
}

.m_side_bar_wrap.m_side_bar_wrap_show {
    transform: translateZ(0)
}

.section_ctn {
    max-height: 0;
    overflow: hidden;
    padding-left: 20px;
    transition: all .3s
}

.section_ctn.section_ctn_active {
    max-height: 1500px
}

.section_item {
    align-items: center;
    color: #19191a;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.section_item:hover {
    text-decoration: none
}

.section_item.section_item_active .iconfont_down {
    transform: rotateX(-180deg)
}

.section_item .section_name {
    flex: 1;
    font-size: 14px;
    line-height: 22px;
    word-break: break-all
}

.section_item .iconfont_down {
    font-size: 16px;
    line-height: 1;
    padding: 4px;
    transition: all .3s
}

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

.section_item .share_box .iconfont-share {
    align-items: center;
    border-radius: 4px;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    margin-right: 4px;
    padding: 8px;
    text-decoration: none;
    transition: all .3s
}

.section_item .share_box .iconfont-share:hover {
    background-color: #f2f2f2;
    color: #4b4b4d
}

.section_item .share_box .iconfont-share:last-child {
    margin-right: 0
}

.section_line {
    border-bottom: 1px solid #e5e5e5;
    height: 1px;
    margin: 12px 20px
}

.m_side_bar_wrap {
    display: flex;
    flex-direction: column
}

.m_side_bar_wrap.no_login {
    padding-bottom: 0
}

.top {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    padding: 20px;
    position: relative
}

.top .close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.top .close .iconfont {
    color: #19191a;
    font-size: 20px
}

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

.top .logo {
    background-image: url(https://img-en.fs.com/includes/templates/fiberstore/images/fs-new/common/logo.svg);
    display: inline-block;
    height: 28px;
    text-decoration: none;
    transition: opacity .3s;
    width: 58px
}

.top .logo,.top .logo.logo_cn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.top .logo.logo_cn {
    background-image: url(/static/common/images/logo-1.png);
    width: 89px
}

.list {
    flex: 1;
    overflow: auto
}

.bottom {
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding: 16px 20px
}

.bottom button {
    font-size: 13px;
    font-weight: 600;
    height: 36px;
    line-height: 20px;
    width: calc(50% - 4px)
}

.bottom .fs-button--black {
    background-color: #707070
}

.bottom .fs-button+.fs-button {
    margin-left: 0
}

.section_box>.section_ctn>.section_ctn>a {
    padding-left: 16px
}

@keyframes slideDownIn-402319bd {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-402319bd {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.m_account_wrap[data-v-402319bd] {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 2px #00000008;
    font-size: 14px;
    line-height: 22px;
    overflow-y: auto;
    padding: 20px 16px 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(100%,0,0);
    transition: all .3s;
    width: 288px;
    z-index: 110
}

.m_account_wrap.m_account_wrap_show[data-v-402319bd] {
    transform: translateZ(0)
}

.m_account_wrap .iconfont_close[data-v-402319bd] {
    color: #19191a;
    cursor: pointer;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 24px;
    width: 16px;
    z-index: 11
}

@keyframes slideDownIn-bb80bdf7 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-bb80bdf7 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.notifications_list[data-v-bb80bdf7] {
    position: relative;
    z-index: 10
}

.list_top[data-v-bb80bdf7] {
    padding: 0 20px
}

@media screen and (max-width: 1024px) {
    .list_top[data-v-bb80bdf7] {
        padding:0 16px
    }
}

.list_top .title[data-v-bb80bdf7] {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0
}

@media screen and (max-width: 1024px) {
    .list_top .title[data-v-bb80bdf7] {
        padding:12px 0
    }
}

.list_top .title .iconfont_back[data-v-bb80bdf7] {
    display: none;
    font-size: 12px;
    margin-right: 4px
}

@media screen and (max-width: 1024px) {
    .list_top .title .iconfont_back[data-v-bb80bdf7] {
        display:inline-block
    }
}

.list_top .handle[data-v-bb80bdf7] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.list_top .handle .label[data-v-bb80bdf7] {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.list_top .handle .link[data-v-bb80bdf7] {
    color: #19191a;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline
}

.list_top .handle .link[data-v-bb80bdf7]:hover {
    color: #707070
}

.list_content[data-v-bb80bdf7] {
    max-height: 369px;
    overflow-y: auto;
    overflow-y: overlay;
    padding: 0 20px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .list_content[data-v-bb80bdf7] {
        max-height:-moz-max-content;
        max-height: max-content
    }
}

.list_content[data-v-bb80bdf7]::-webkit-scrollbar {
    width: 8px
}

.list_content[data-v-bb80bdf7]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px
}

.list_content .item[data-v-bb80bdf7] {
    align-items: flex-start;
    border-top: 1px solid #e5e5e5;
    cursor: pointer;
    display: flex;
    padding: 16px 0;
    transition: all .2s
}

.list_content .item[data-v-bb80bdf7]:focus-visible {
    border-radius: 3px;
    outline: 2px solid #0080ff;
    outline-offset: -2px
}

.list_content .item[data-v-bb80bdf7]:hover {
    background-color: #f7f7f7
}

.list_content .item[data-v-bb80bdf7]:first-child {
    border-top: 0
}

.list_content .item.unread .dot[data-v-bb80bdf7] {
    opacity: 1
}

.list_content .item.unread .label dt[data-v-bb80bdf7] {
    font-weight: 600
}

.list_content .item .dot[data-v-bb80bdf7] {
    background-color: #c00000;
    border-radius: 8px;
    height: 5px;
    margin: 7px 4px 0 0;
    opacity: 0;
    width: 5px
}

.list_content .item .label[data-v-bb80bdf7] {
    flex: 1;
    margin-right: 8px
}

.list_content .item .label dt[data-v-bb80bdf7] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 13px;
    line-height: 20px
}

.list_content .item .label dd[data-v-bb80bdf7] {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px
}

.list_content .item .iconfont_handle[data-v-bb80bdf7] {
    font-size: 16px;
    line-height: 24px;
    margin-right: 2px
}

.list_content .item+.footer[data-v-bb80bdf7] {
    margin-top: 0
}

.list_content .footer[data-v-bb80bdf7] {
    border-top: 1px solid #e5e5e5;
    margin-top: 12px;
    padding: 16px 0 40px;
    text-align: center
}

.list_content .footer dt[data-v-bb80bdf7] {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.list_content .footer dd[data-v-bb80bdf7] {
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px
}

.handle_box_popover>div[data-v-bb80bdf7] {
    width: -moz-max-content;
    width: max-content
}

.handle_box_popover p[data-v-bb80bdf7] {
    color: #19191a;
    cursor: pointer;
    font-size: 13px;
    line-height: 20px;
    margin: 0 16px;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 8px 0;
    text-align: center
}

.handle_box_popover p[data-v-bb80bdf7]:focus-visible {
    border-radius: 2px;
    outline: 2px solid #0080ff;
    outline-offset: -1px
}

.handle_box_popover p[data-v-bb80bdf7]:last-child {
    border-bottom: none
}

.handle_box_popover p[data-v-bb80bdf7]:hover {
    text-decoration: underline
}

.empty[data-v-bb80bdf7] {
    display: flex;
    font-size: 12px;
    line-height: 20px;
    padding: 0 20px 20px
}

.empty .iconfont[data-v-bb80bdf7] {
    color: #0060bf;
    font-size: 14px;
    margin: 0 4px 0 13px
}

@keyframes slideDownIn-7d9f7ba6 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-7d9f7ba6 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.m_notifications_wrap[data-v-7d9f7ba6] {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 2px #00000008;
    font-size: 14px;
    line-height: 22px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(100%,0,0);
    transition: all .3s;
    width: 350px;
    z-index: 100
}

.m_notifications_wrap.m_notifications_wrap_show[data-v-7d9f7ba6] {
    transform: translateZ(0)
}

@keyframes slideDownIn-f0b31ce1 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-f0b31ce1 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.m_header_cart_wrap[data-v-f0b31ce1] {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 2px #00000008;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 22px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(100%,0,0);
    transition: all .3s;
    width: 350px;
    z-index: 100
}

.m_header_cart_wrap.m_header_cart_wrap_show[data-v-f0b31ce1] {
    transform: translateZ(0)
}

.cart_header[data-v-f0b31ce1] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    margin: 0 0 0 16px;
    padding-top: 0
}

.cart_header .cart_title[data-v-f0b31ce1] {
    align-items: center;
    color: #19191a;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0
}

.cart_header .iconfont_close[data-v-f0b31ce1] {
    align-items: center;
    color: #19191a;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    padding: 14px 16px;
    transition: all .3s;
    width: 52px
}

.cart_list_main[data-v-f0b31ce1] {
    flex: 1 1 auto;
    overflow-y: auto
}

.cart_list_main .cart_list_item[data-v-f0b31ce1] {
    display: flex;
    padding: 20px 16px;
    position: relative
}

.cart_list_main .cart_list_item[data-v-f0b31ce1]:not(:last-child):after {
    background-color: #e5e5e5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 16px;
    position: absolute;
    right: 16px
}

.cart_list_main .cart_list_item>img[data-v-f0b31ce1] {
    height: 60px;
    margin-right: 20px;
    width: 60px
}

.cart_list_main .cart_list_item .right[data-v-f0b31ce1] {
    flex: 1
}

.cart_list_main .cart_list_item .right .name[data-v-f0b31ce1] {
    color: #19191a;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cart_list_main .cart_list_item .right .model[data-v-f0b31ce1] {
    margin-top: 8px
}

.cart_list_main .cart_list_item .right .model span[data-v-f0b31ce1] {
    color: #4b4b4d;
    font-size: 13px;
    line-height: 20px
}

.cart_list_main .cart_list_item .right .model span[data-v-f0b31ce1]:last-child {
    margin-left: 12px
}

.cart_list_main .cart_list_item .right .price[data-v-f0b31ce1] {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 12px
}

.cart_list_main .cart_list_item .right .edit[data-v-f0b31ce1] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.cart_list_main .cart_list_item .right .edit .iconfont-delete[data-v-f0b31ce1] {
    color: #19191a;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    transition: all .3s
}

.cart_list_main .cart_list_item .right .edit .iconfont-delete[data-v-f0b31ce1]:hover {
    color: #19191a
}

.cart_list_btn[data-v-f0b31ce1] {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 20px 16px;
    width: 100%
}

.cart_list_btn .sum[data-v-f0b31ce1] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.cart_list_btn .sum p[data-v-f0b31ce1] {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.cart_list_btn[data-v-f0b31ce1] .fs-button {
    display: block;
    margin-bottom: 12px;
    margin-left: 0
}

.cart_list_btn[data-v-f0b31ce1] .fs-button:last-child {
    margin-bottom: 0
}

.delete_info[data-v-f0b31ce1] {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px
}

.delete_btn_box[data-v-f0b31ce1] {
    display: flex;
    justify-content: flex-end
}

.delete_btn_box[data-v-f0b31ce1] .fs-button {
    margin-left: 12px;
    min-width: 120px
}

.no_cart_box[data-v-f0b31ce1] {
    padding: 0 16px
}

.no_cart_box .title[data-v-f0b31ce1] {
    color: #19191a;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px
}

.no_cart_box .descr[data-v-f0b31ce1] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 22px
}

.no_cart_box[data-v-f0b31ce1] .isNum {
    color: #707070
}

.no_cart_box[data-v-f0b31ce1] .isNum a {
    color: #0060bf
}

.no_cart_box[data-v-f0b31ce1] .isNum a:hover {
    text-decoration: underline
}

.no_cart_box[data-v-f0b31ce1] .isnNum {
    color: #19191a;
    display: block
}

.no_cart_box[data-v-f0b31ce1] .isnNum>span {
    display: block
}

.no_cart_box[data-v-f0b31ce1] .isnNum>span:first-child {
    margin-bottom: 2px
}

.no_cart_box[data-v-f0b31ce1] .isnNum>span:last-child {
    margin-bottom: 0
}

.no_cart_box[data-v-f0b31ce1] .isnNum a {
    color: #0060bf
}

.no_cart_box[data-v-f0b31ce1] .isnNum a:hover {
    text-decoration: underline
}

.no_cart_box[data-v-f0b31ce1] .isnNumisLogin a {
    color: #0060bf
}

.no_cart_box[data-v-f0b31ce1] .isnNumisLogin a:hover {
    text-decoration: underline
}

@keyframes slideDownIn-991cc70a {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-991cc70a {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.self_tooltip,.self_tooltip .fs-tooltip__click {
    height: 100%
}

.m_header_ctn_box {
    background: #fff;
    box-shadow: 0 2px 4px #0000001a;
    height: 48px;
    position: relative
}

.m_header_ctn_box .m_header_ctn_fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50
}

.m_header_ctn_box .m_header_ctn_fixed .m_header_ctn {
    box-shadow: 0 2px 4px #0000001a
}

.m_header_ctn {
    align-items: center;
    background: #fff;
    display: flex;
    height: 48px;
    justify-content: space-between;
    padding: 0 24px;
    position: relative
}

@media (max-width: 819px) {
    .m_header_ctn {
        padding:0 16px
    }
}

.menu_box {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-left: -12px;
    width: 48px
}

.menu_box .iconfont {
    font-size: 28px;
    height: 28px;
    width: 28px
}

.logo_area {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 12px
}

.logo_area .logo {
    background-image: url(https://img-en.fs.com/includes/templates/fiberstore/images/fs-new/common/logo.svg);
    display: inline-block;
    height: 28px;
    text-decoration: none;
    transition: opacity .3s;
    width: 58px
}

.logo_area .logo,.logo_area .logo.logo_cn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.logo_area .logo.logo_cn {
    background-image: url(/static/common/images/logo-1.png);
    width: 89px
}

.m_header_left,.m_header_left .logo_area {
    align-items: center;
    display: flex;
    height: 100%
}

.m_header_left .logo_area {
    padding: 0 12px
}

.menu {
    height: 28px;
    position: relative;
    width: 28px
}

.menu .line {
    background: #19191a;
    border-radius: 1px;
    display: block;
    height: 2px;
    margin: 4px auto 6px;
    transition: all .3s ease-in-out;
    width: 28px
}

.menu .line:last-child {
    margin-bottom: 3px
}

.menu.menu_expand .line {
    width: 24px
}

.menu.menu_expand .line.line1 {
    transform: translateY(8px) rotate(45deg)
}

.menu.menu_expand .line.line2 {
    opacity: 0
}

.menu.menu_expand .line.line3 {
    transform: translateY(-8px) rotate(-45deg)
}

.m_header_right,.m_header_right .right_box {
    align-items: center;
    display: flex;
    height: 100%
}

.m_header_right .right_box {
    justify-content: center;
    text-decoration: none;
    width: 48px
}

.m_header_right .right_box.login_box {
    margin-right: -12px
}

@media (max-width: 768px) {
    .m_header_right .right_box.login_box {
        margin-right:-12px
    }
}

.m_header_right .iconfont {
    color: #19191a;
    display: block;
    font-size: 20px;
    height: 24px;
    line-height: 20px;
    padding: 2px;
    width: 24px
}

.m_header_right .login_box {
    position: relative
}

.m_header_right .login_box .tag {
    position: absolute;
    right: 10px;
    top: 10px
}

.m_header_right .login_box .account_svg {
    display: block;
    height: 20px;
    width: 20px
}

.m_header_right .notice-wrap {
    position: relative
}

.m_header_right .notice-wrap .dot {
    background-color: #c00000;
    border-radius: 8px;
    height: 5px;
    left: 22px;
    position: absolute;
    top: 14px;
    width: 5px
}

.m_header_right .cart_box {
    position: relative
}

.m_header_right .cart_box .iconfont_cart {
    color: #19191a;
    font-size: 20px
}

.m_header_right .cart_box .cart-num {
    background: #eee;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    min-width: 18px;
    padding: 1px 2px;
    position: absolute;
    right: -9px;
    text-align: center;
    top: -10px
}

.m_header_right .cart_box .nums {
    position: absolute;
    top: 10px
}

.m_header_right .cart_box .nums img {
    display: block
}

.m_header_right .cart_box .nums span {
    bottom: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    line-height: 11px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translate(2%) scale(.7)
}

.m_mask {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s;
    z-index: -1
}

.m_mask.m_mask_show {
    opacity: .3;
    z-index: 109
}

.m_mask.m_mask_show.left_shadow {
    background: #000c;
    opacity: 1;
    top: 0!important;
    transition: unset;
    z-index: 101
}

.m_mask .close {
    padding: 8px;
    position: absolute;
    right: 60px;
    top: 0
}

.m_mask .close img {
    display: block;
    width: 24px
}

@keyframes slideDownIn-95f6d112 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-95f6d112 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.m_fs_header_wrap {
    display: none;
    position: relative;
    width: 100%;
    z-index: 100
}

@media screen and (min-width: 1025px) {
    .m_fs_header_wrap {
        display:none
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .m_fs_header_wrap {
        display:block
    }
}

@media screen and (max-width: 768px) {
    .m_fs_header_wrap {
        display:block
    }
}

@keyframes slideDownIn-c3f56c09 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-c3f56c09 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

@media screen and (min-width: 1025px) {
    .fix_top[data-v-c3f56c09] {
        position:sticky;
        top: 0;
        z-index: 110!important
    }
}

@keyframes slideDownIn-c538dc7d {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-c538dc7d {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.subscribe_box {
    width: 100%
}

@media (max-width: 819px) {
    .subscribe_box {
        margin:0;
        width: 100%
    }
}

.subscribe_box h3 {
    color: #19191a;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 12px
}

@media (max-width: 819px) {
    .subscribe_box h3 {
        font-weight:400
    }
}

.logo_box {
    margin-bottom: 40px
}

@media (max-width: 819px) {
    .logo_box {
        display:none;
        margin-bottom: 24px
    }
}

.logo_box .logo {
    display: block;
    width: 85px
}

@media (max-width: 819px) {
    .logo_box .logo {
        width:76px
    }
}

.logo_box .logo.logo_cn {
    width: 135px
}

.logo_box .logo>img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.form {
    margin-bottom: 12px
}

@media (max-width: 819px) {
    .form {
        margin-bottom:21px
    }
}

.form_item {
    display: flex
}

.form_item input {
    background: #f6f6f8;
    border-radius: 4px 0 0 4px;
    border-width: 0;
    font-size: 12px;
    height: 32px;
    line-height: 20px;
    padding: 0 12px;
    transition: none
}

.form_item input:focus {
    background: #f6f6f8;
    border: 1px solid #eee
}

.form_item input:focus::-moz-placeholder {
    opacity: 0
}

.form_item input:focus::placeholder {
    opacity: 0
}

.form_item input:focus:hover {
    background: #f6f6f8
}

.form_item input::-moz-placeholder {
    color: #707070
}

.form_item input::placeholder {
    color: #707070
}

.form_item input:hover {
    background: linear-gradient(0deg,#19191a0a,#19191a0a),#f6f6f8
}

@media (max-width: 819px) {
    .form_item input:hover {
        background:#f6f6f8
    }

    .form_item input {
        background: #fff;
        font-size: 13px;
        height: 42px;
        line-height: 20px
    }

    .form_item input:focus,.form_item input:focus:hover,.form_item input:hover {
        background: #fff
    }
}

.form_item .fs-input.is_focus .fs-input__wrapper {
    border-radius: 4px 0 0 4px
}

.form_item .fs-input .fs-input__inner:hover {
    cursor: text
}

.form_item .fs-input .fs-input__wrapper {
    background: #f6f6f8;
    border-radius: 4px 0 0 4px;
    border-width: 0;
    font-size: 12px;
    line-height: 20px;
    padding: 0 12px
}

@media (max-width: 819px) {
    .form_item .fs-input .fs-input__wrapper {
        background:#fff;
        font-size: 13px;
        height: 42px;
        line-height: 20px
    }
}

.form_item .fs-button {
    background: #c00000;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    height: 32px;
    line-height: 20px;
    margin-left: -1px;
    padding: 0 12px
}

@media (max-width: 819px) {
    .form_item .fs-button {
        font-size:14px;
        height: 42px;
        line-height: 22px;
        padding: 10px 24px
    }
}

.subscribe_info {
    color: #19191a;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
    max-width: 276px
}

@media (max-width: 819px) {
    .subscribe_info {
        max-width:100%
    }
}

.agree_box {
    align-items: flex-start;
    display: flex
}

.agree_box .fs-checkbox {
    height: auto;
    margin-right: 0
}

.agree_box p {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    padding-top: 1px
}

.agree_box p a {
    color: #19191a;
    text-decoration: underline
}

.agree_box p a:hover {
    color: #707070
}

.error_info {
    color: #c00000;
    font-size: 13px;
    line-height: 20px
}

.error_info.error_info_success {
    color: #10a300;
    padding-top: 4px
}

@keyframes slideDownIn-64fabf1d {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-64fabf1d {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.app_download_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 24px
}

.app_box {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 819px) {
    .app_box {
        justify-content:center
    }
}

.app_box .app_item {
    display: inline-block;
    height: 28px;
    margin-right: 12px
}

.app_box .app_item img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.app_box .app_item:last-child {
    margin-right: 0
}

@media (max-width: 819px) {
    .app_download_title {
        display:none
    }

    .app_box {
        margin: 32px 0 16px
    }
}

@keyframes slideDownIn-90cfa330 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-90cfa330 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.footer_social_box {
    flex-shrink: 0
}

.footer_social_box .footer_box {
    width: 280px
}

@media (max-width: 819px) {
    .footer_social_box {
        display:none
    }
}

.share_box,.share_box .iconfont-share {
    align-items: center;
    display: flex
}

.share_box .iconfont-share {
    border-radius: 4px;
    color: #707070;
    cursor: pointer;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    margin-right: 4px;
    padding: 8px;
    text-decoration: none;
    transition: all .3s;
    width: 32px
}

.share_box .iconfont-share:hover {
    background-color: #f2f2f2;
    color: #4b4b4d
}

.share_box .iconfont-share:last-child {
    margin-right: 0
}

.jp_locale {
    margin: 16px 0 -8px
}

.jp_locale div {
    color: #707070
}

.jp_locale div:first-of-type {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.jp_locale div:last-of-type,.tel_box {
    font-size: 12px;
    line-height: 20px
}

.tel_box {
    color: #707070;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 16px
}

.tel_box>div {
    margin-right: 16px
}

.tel_box>div:last-child {
    margin-right: 0
}

.tel_box>div>span {
    white-space: nowrap
}

.tel_box>div>span .iconfont {
    font-size: 12px;
    margin-right: 8px
}

.tel_box .telcode a {
    color: #707070
}

.tel_box .telcode a:hover {
    color: #19191a
}

.jp_txt {
    color: #707070;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.jp_txt .iconfont {
    font-size: 12px;
    margin-right: 8px
}

.about_fs_cn {
    align-items: center;
    color: #707070;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.about_fs_cn>span {
    margin-right: 8px
}

@keyframes slideDownIn-afd8d306 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-afd8d306 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.ru_grid {
    gap: 60px
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .ru_grid {
        gap:36px
    }
}

.ru_grid .footer_nav {
    width: 170px!important
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .ru_grid .footer_nav {
        width:138px!important
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .ru_grid .footer_nav {
        width:calc(25% - 36px)!important
    }
}

.footer_nav_box {
    display: flex;
    flex-grow: 1;
    justify-content: space-between
}

@media (max-width: 819px) {
    .footer_nav_box {
        background-color:#f7f7f7;
        flex-direction: column;
        padding-top: 0;
        width: 100%
    }

    .footer_nav_box .fs-collapse {
        display: block;
        width: 100%
    }

    .footer_nav_box .fs-collapse .fs-collapse-item__header {
        background-color: #f7f7f7;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 11px 0
    }

    .footer_nav_box .fs-collapse .fs-collapse-item__content {
        background-color: #f7f7f7;
        padding-bottom: 0
    }

    .footer_nav_box a {
        color: #707070;
        cursor: pointer;
        display: block;
        font-size: 13px;
        line-height: 20px;
        padding: 10px calc(3% - 1px);
        text-decoration: none
    }
}

@media screen and (min-width: 1025px) {
    .footer_nav_box .fs-collapse {
        display:none
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .footer_nav_box .fs-collapse {
        display:none
    }
}

@media (max-width: 819px) {
    .footer_nav_box .fs-collapse {
        display:block
    }
}

@media screen and (min-width: 1025px) {
    .footer_nav {
        display:block
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .footer_nav {
        display:block
    }
}

@media (max-width: 819px) {
    .footer_nav {
        display:none
    }
}

.footer_nav .title {
    color: #19191a;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 12px;
    word-wrap: break-word
}

.footer_nav .list .list-item {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px
}

.footer_nav .list .list-item>a {
    color: #707070;
    text-decoration: none
}

.footer_nav .list .list-item .fs-hover-underline {
    background-position: 0 100%;
    background-size: 100% 0;
    padding-bottom: 3.5px
}

.footer_nav .list .list-item .fs-hover-underline:hover {
    color: #19191a;
    text-decoration: underline
}

.footer_nav .list .list-item .iconfont_com {
    color: #707070;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 13px;
    margin-left: 4px;
    width: 13px
}

.footer_nav .list .list-item:last-child {
    margin-bottom: 0
}

.mobile_subscribe {
    display: none
}

@media (max-width: 819px) {
    .mobile_subscribe {
        display:block
    }
}

#MyCustomTrustbadge {
    position: relative
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h {
    border: 1px solid #ccc!important;
    border-radius: 3px!important;
    box-sizing: border-box!important;
    padding: 11px 16px!important;
    position: relative!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae {
    align-items: center!important;
    width: 100%!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._1qiwh36 {
    height: 58px!important;
    margin: 0 12px 0 0!important;
    padding: 0!important;
    width: 58px!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._1qiwh36 ._upwhbk {
    display: block!important;
    height: 58px!important;
    margin: auto!important;
    width: 58px!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._argvb9 {
    align-items: center!important;
    display: flex!important;
    flex: 1!important;
    flex-direction: column!important;
    height: 58px!important;
    justify-content: center!important;
    padding: 12px 0 0!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._argvb9 ._s7xc8z {
    color: #707070!important;
    font-display: swap!important;
    font-size: 12px!important;
    line-height: 18px!important;
    margin-top: 2px!important;
    padding: 0!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._argvb9 ._8pqgf9 {
    color: #707070!important;
    font-display: swap!important;
    font-size: 13px!important;
    height: 13px!important;
    line-height: 13px!important;
    margin-bottom: -2px!important;
    margin-top: 4px!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._thsmae ._argvb9 ._8pqgf9>span {
    color: #707070!important;
    display: inline-block!important;
    font-display: swap!important;
    font-size: 13px!important;
    height: 13px!important;
    line-height: 13px!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._1iu1jow,#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._zbxp0s {
    display: none!important
}

#MyCustomTrustbadge ._1gwv20v ._lk7o4h ._qcra45 {
    color: #19191a!important;
    font-display: swap!important;
    font-size: 13px!important;
    left: 16px!important;
    margin: 0!important;
    padding: 0 0 0 70px!important;
    position: absolute!important;
    text-align: center!important;
    top: 6px!important;
    white-space: nowrap!important;
    width: calc(100% - 32px)!important
}

#MyCustomTrustbadge.myCustomTrustbadge_none {
    display: none
}

#MyCustomTrustbadge.myCustomTrustbadge_other {
    display: block
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel {
    border: 1px solid #e5e5e5!important;
    border-radius: 8px!important;
    height: 56px!important;
    width: 112px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s {
    border-width: 0!important;
    height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll {
    height: 40px!important;
    position: relative!important;
    width: 90px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._ihmjp9 {
    height: 28px!important;
    left: 8px!important;
    position: absolute!important;
    top: 8px!important;
    width: 28px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._ihmjp9 img {
    height: 100%!important;
    width: 100%!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s {
    left: 42px!important;
    padding: 0!important;
    position: absolute!important;
    top: 6px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._trzuc6 {
    font-size: 10px!important;
    line-height: 10px!important;
    margin-top: 2px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._1o5ol2b {
    color: #19191a!important;
    font-size: 10px!important;
    line-height: 10px!important;
    padding-top: 2px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 {
    height: 8px!important;
    width: 48px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 img {
    height: 8px!important;
    width: 8px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._1cghd0k,#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._9m9ntk,#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._gy75xr {
    height: 100%!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._1cghd0k img,#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._9m9ntk img,#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._gy75xr img {
    height: 8px!important;
    width: 8px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._1h8iniw {
    height: 100%!important;
    width: 100%!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._1h8iniw img {
    height: 8px!important;
    width: 8px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1748qll ._1koxq8s ._jikro2 ._1qrabcm {
    height: 13px!important;
    width: 13px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1bjjocx {
    height: 3px!important;
    position: absolute!important;
    right: 6px!important;
    top: 6px!important;
    width: 10px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._1bjjocx ._fhufc4 {
    height: 3px!important;
    position: absolute!important;
    width: 10px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._6ql45s ._ue0ri9 {
    left: 8px!important;
    position: absolute!important;
    width: 96px!important
}

#MyCustomTrustbadge.myCustomTrustbadge_other ._t53mel ._1qgn7s9 {
    color: #19191a!important;
    font-size: 9px!important;
    height: 15px!important;
    line-height: 9px!important;
    margin-top: 4px!important
}

#MyCustomTrustbadge.MyCustomTrustbadge-de ._1gwv20v ._lk7o4h {
    width: 182px!important
}

#MyCustomTrustbadge.MyCustomTrustbadge-de-en ._1gwv20v ._lk7o4h {
    width: 204px!important
}

#MyCustomTrustbadge.MyCustomTrustbadge-fr ._1gwv20v ._lk7o4h {
    width: 223px!important
}

#MyCustomTrustbadge.MyCustomTrustbadge-es ._1gwv20v ._lk7o4h,#MyCustomTrustbadge.MyCustomTrustbadge-mx ._1gwv20v ._lk7o4h {
    width: 254px!important
}

#MyCustomTrustbadge.MyCustomTrustbadge-it ._1gwv20v ._lk7o4h {
    width: 233px!important
}

@keyframes slideDownIn-debdd36e {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-debdd36e {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.footer_country_box {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    margin-top: 24px;
    padding-bottom: 24px
}

.footer_country_box,.footer_country_box.new_country_box {
    justify-content: space-between
}

.footer_country_box.au_country_box {
    justify-content: flex-end
}

.footer_country_box .certification-box {
    display: flex;
    height: 28px
}

.footer_country_box .certification-box.certification-box-uk {
    height: auto
}

.footer_country_box .certification-box .uk_local_txt {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

.footer_country_box .certification-box a {
    margin-right: 16px
}

.footer_country_box .certification-box a:last-of-type {
    margin-right: 0
}

.footer_country_box .certification-box a img {
    max-height: 28px;
    width: auto
}

.footer_country_box .certification-cn-box {
    display: flex
}

.footer_country_box .certification-cn-box a {
    background: url(https://img-en.fs.com/zh/includes/templates/fiberstore/images/footer/customer_service_icon.png) no-repeat;
    height: 40px;
    margin-right: 20px;
    text-decoration: none;
    width: 80px
}

.footer_country_box .certification-cn-box a:first-of-type {
    background-position: -61px -28px
}

.footer_country_box .certification-cn-box a:nth-of-type(2) {
    background-position: -61px -126px
}

.footer_country_box .certification-cn-box a:nth-of-type(3) {
    background-position: -61px -222px
}

.footer_country_box .certification-cn-box a:last-child {
    align-items: center;
    background: none;
    display: flex;
    width: auto
}

.footer_country_box .certification-cn-box a:last-child img {
    display: block;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.footer_country_box .certification-cn-box a:last-child p {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

.footer_country_box .country_box_right {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    position: relative
}

.footer_country_box .country_box_right .right_ctn {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex
}

.footer_country_box .country_box_right .right_ctn .iconfont_global,.footer_country_box .country_box_right .right_ctn .iconfont_mobile,.footer_country_box .country_box_right .right_ctn .iconfont_service {
    font-size: 18px
}

.footer_country_box .country_box_right .right_ctn .current_country_info {
    color: #707070;
    font-size: 12px;
    margin: 0 4px;
    white-space: nowrap
}

.footer_country_box .country_box_right .right_ctn .iconfont_down {
    font-size: 16px
}

.footer_country_box .country_box_right .right_ctn .iconfont_down.iconfont_down_up {
    transform: rotateX(-180deg)
}

.footer_country_box .country_box_right .right_ctn:hover {
    color: #19191a;
    transition: all .3s
}

.footer_country_box .country_box_right .right_ctn:hover .current_country_info {
    color: #19191a
}

.footer_country_box .country_box_right .right_ctn:hover .iconfont_global,.footer_country_box .country_box_right .right_ctn:hover .iconfont_mobile,.footer_country_box .country_box_right .right_ctn:hover .iconfont_service {
    color: #707070
}

.footer_country_box .country_box_right .right_ctn:hover .iconfont_down {
    transform: rotateX(-180deg)
}

.footer_country_box .line {
    background: #e5e5e5;
    display: inline-block;
    height: 8px;
    margin: 0 20px;
    width: 1px
}

@keyframes slideDownIn-1d6e5fc6 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-1d6e5fc6 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.foooterMBottom .fs-tooltip {
    width: 100%
}

.foooterMBottom__changeWebsite {
    align-items: center;
    color: #707070;
    display: flex;
    justify-content: center;
    padding: 15px 0 18px;
    width: 100%
}

.foooterMBottom__changeWebsite .iconfont {
    font-size: 12px
}

.foooterMBottom__changeWebsite .iconfont_global {
    font-size: 18px
}

.foooterMBottom__changeWebsite__country {
    font-size: 12px;
    line-height: 20px;
    margin: 0 4px
}

.foooterMBottom__changeWebsite .iconfont_down {
    font-size: 12px
}

.foooterMBottom__changeWebsite .iconfont_down.iconfont_down_up {
    transform: rotateX(-180deg)
}

.foooterMBottom .foooterMBottom__countryBox {
    margin-bottom: 20px
}

.foooterMBottom .uk_bottom {
    margin-bottom: 16px
}

.foooterMBottom .foooterMBottom__share {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.foooterMBottom .foooterMBottom__share a {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    margin: 0 2px;
    text-decoration: none;
    width: 32px
}

.foooterMBottom .line {
    border-left: 1px solid #707070;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    margin: 0 6px;
    width: 1px
}

.foooterMBottom .foooterMBottom__copy__countryBox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0 15px
}

.foooterMBottom .foooterMBottom__copy__countryBox a {
    margin-right: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.foooterMBottom .foooterMBottom__copy__countryBox a:last-of-type {
    margin-right: 0
}

.foooterMBottom .foooterMBottom__copy__countryBox a img {
    max-height: 24px;
    width: auto
}

.foooterMBottom__copy .foooterMBottom__copy__copyright {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.foooterMBottom__copy .foooterMBottom__copy__policy {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 20px;
    padding-top: 4px
}

.foooterMBottom__copy a {
    align-items: center;
    color: #707070;
    display: flex
}

.foooterMBottom__copy .line {
    border-left: 1px solid #707070;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    margin: 0 6px;
    width: 1px
}

.website_wrap {
    display: none
}

.website_box {
    align-items: center;
    color: #707070;
    cursor: pointer;
    display: flex
}

.website_box .iconfont_global {
    font-size: 18px
}

.website_box .current_country_info {
    font-size: 12px;
    line-height: 20px;
    margin: 0 4px;
    white-space: nowrap
}

.website_box .iconfont_down {
    font-size: 16px;
    line-height: 24px
}

.website_box .iconfont_down.iconfont_down_up {
    transform: rotateX(-180deg)
}

.certification-cn-box {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 4px 0 20px
}

.certification-cn-box a {
    background: url(https://img-en.fs.com/zh/includes/templates/fiberstore/images/footer/customer_service_icon.png) no-repeat;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    text-decoration: none;
    width: 80px
}

.certification-cn-box a:first-of-type {
    background-position: -61px -28px
}

.certification-cn-box a:nth-of-type(2) {
    background-position: -61px -126px
}

.certification-cn-box a:nth-of-type(3) {
    background-position: -61px -222px
}

.certification-cn-box a:last-child {
    align-items: center;
    background: none;
    display: flex;
    width: auto
}

.certification-cn-box a:last-child img {
    display: block;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.certification-cn-box a:last-child p {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

@keyframes slideDownIn-541b198e {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-541b198e {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.switch_box[data-v-541b198e] {
    align-items: center;
    background: #c9cdd4;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 16px;
    padding: 2px;
    width: 28px
}

.switch_box.isOpen[data-v-541b198e] {
    background-color: #10a300;
    justify-content: end
}

.switch_box .dot[data-v-541b198e] {
    background: #fff;
    border-radius: 50%;
    height: 12px;
    width: 12px
}

@keyframes slideDownIn-5ce3d5eb {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-5ce3d5eb {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.logo_box[data-v-5ce3d5eb] {
    background-image: url(https://img-en.fs.com/includes/templates/fiberstore/images/fs-new/common/logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    flex-shrink: 0;
    height: 36px;
    height: 28px;
    margin-right: 0;
    width: 76px;
    width: 58px
}

.popup_content[data-v-5ce3d5eb] {
    max-width: 750px
}

.popup_content .popup_content_main[data-v-5ce3d5eb] {
    font-size: 12px;
    line-height: 20px
}

.popup_content .popup_content_main h1[data-v-5ce3d5eb] {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 4px
}

.popup_content .popup_content_main p[data-v-5ce3d5eb] {
    color: #4b4b4d
}

.popup_content .popup_content_main .policy_tips[data-v-5ce3d5eb] {
    margin-bottom: 16px;
    margin-top: 20px
}

.popup_content .cookies_content[data-v-5ce3d5eb] {
    border: 1px solid #ededf0;
    border-radius: 8px;
    margin-top: 8px
}

.popup_content .cookies_content>ul>li[data-v-5ce3d5eb] {
    padding: 12px
}

.popup_content .cookies_content>ul>li[data-v-5ce3d5eb]:not(:last-of-type) {
    border-bottom: 1px solid #ededf0
}

.popup_content .cookies_content>ul .cookies_item[data-v-5ce3d5eb] {
    display: flex;
    justify-content: space-between
}

.popup_content .cookies_content>ul .cookies_item .label[data-v-5ce3d5eb] {
    align-items: center;
    color: #19191a;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 13px;
    line-height: 20px
}

.popup_content .cookies_content>ul .cookies_item .label .iconfont[data-v-5ce3d5eb] {
    color: #4b4b4d;
    cursor: pointer
}

.popup_content .cookies_content>ul .des_box[data-v-5ce3d5eb] {
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
    max-width: 614px
}

.popup_content .cookies_content>ul .isActive[data-v-5ce3d5eb] {
    color: #10a300
}

.footer_btn[data-v-5ce3d5eb] {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: end;
    margin-top: 24px
}

@media (max-width: 768px) {
    .footer_btn[data-v-5ce3d5eb] {
        flex-direction:column;
        row-gap: 12px
    }

    .footer_btn .fs-button[data-v-5ce3d5eb] {
        margin: 0
    }
}

@keyframes slideDownIn-b4c31347 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-b4c31347 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.footer_bottom {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    padding: 24px 0 0
}

.footer_bottom .left_cr_box {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.footer_bottom .left_cr_box .copyright {
    line-height: 20px;
    text-align: right
}

.footer_bottom .left_cr_box a {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    text-decoration: none
}

.footer_bottom .cookie_setting {
    cursor: pointer
}

.footer_bottom .copyright {
    color: #707070;
    font-size: 12px
}

.footer_bottom .policy-box {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.footer_bottom .policy-box .line {
    background: #ccc;
    display: inline-block;
    height: 8px;
    margin: 0 8px;
    width: 1px
}

.footer_bottom .policy-box>a {
    align-items: center;
    color: #707070;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.footer_bottom .policy-box>a:last-child .line {
    display: none
}

.footer_bottom .policy-box>a:hover {
    color: #19191a
}

@media screen and (min-width: 960px) and (max-width:1200px) {
    .footer_bottom .au_box {
        width:auto
    }
}

@keyframes slideDownIn-c5360743 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-c5360743 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.footer_certification_box[data-v-c5360743] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.footer_certification_box .certification-box[data-v-c5360743] {
    display: flex
}

.footer_certification_box .certification-box .uk_local_txt[data-v-c5360743] {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

.footer_certification_box .certification-box .uk_local_txt p[data-v-c5360743] {
    width: -moz-max-content;
    width: max-content
}

.footer_certification_box .certification-box a[data-v-c5360743] {
    margin-right: 16px
}

.footer_certification_box .certification-box a[data-v-c5360743]:last-of-type {
    margin-right: 0
}

.footer_certification_box .certification-box a img[data-v-c5360743] {
    max-height: 28px;
    width: auto
}

.footer_certification_box .fr_pay_box[data-v-c5360743] {
    align-items: flex-end;
    display: flex
}

@media screen and (max-width: 768px) {
    .footer_certification_box .fr_pay_box[data-v-c5360743] {
        margin-bottom:20px
    }
}

.footer_certification_box .fr_pay_box img[data-v-c5360743] {
    margin-right: 16px!important
}

@media screen and (max-width: 768px) {
    .footer_certification_box .fr_pay_box img[data-v-c5360743] {
        height:20px;
        margin-right: 12px!important
    }
}

.footer_certification_box .fr_pay_box[data-v-c5360743] :last-of-type {
    margin-right: 0!important
}

.footer_certification_box .pay_box[data-v-c5360743] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media screen and (max-width: 768px) {
    .footer_certification_box .pay_box[data-v-c5360743] {
        justify-content:center;
        margin-bottom: 20px
    }
}

.footer_certification_box .pay_box[data-v-c5360743] :last-of-type {
    margin-right: 0!important
}

.footer_certification_box .pay_box>a[data-v-c5360743] {
    margin-right: 16px!important
}

@media screen and (max-width: 768px) {
    .footer_certification_box .pay_box>a[data-v-c5360743] {
        margin-right:12px!important
    }
}

.footer_certification_box .pay_box>a[data-v-c5360743] :hover {
    cursor: default
}

@media screen and (max-width: 768px) {
    .footer_certification_box .pay_box>a img[data-v-c5360743] {
        height:20px!important
    }
}

.footer_certification_box .pay_box>a.uk_a[data-v-c5360743] {
    display: block;
    padding-top: 4px
}

.footer_certification_box .pay_box>a.uk_a img[data-v-c5360743] {
    display: block
}

.uk_top[data-v-c5360743] {
    margin-top: 0
}

.footerMBottom__copy .footerMBottom__copy__copyright[data-v-c5360743] {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.footerMBottom__copy .footerMBottom__copy__policy[data-v-c5360743] {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 20px;
    padding-top: 4px
}

.footerMBottom__copy a[data-v-c5360743] {
    align-items: center;
    color: #707070;
    display: flex
}

.footerMBottom__copy .line[data-v-c5360743] {
    border-left: 1px solid #707070;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    margin: 0 6px;
    width: 1px
}

.footerMBottom__copy .m_uk_local_txt[data-v-c5360743] {
    color: #707070;
    font-size: 12px;
    line-height: 20px;
    padding-top: 4px;
    text-align: center
}

@keyframes slideDownIn-7e20ecc3 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-7e20ecc3 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.fs_footer_wrap {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 32px 0;
    width: 100%
}

@media (max-width: 819px) {
    .fs_footer_wrap {
        background-color:#f7f7f7;
        padding: 0
    }
}

.footer_ctn {
    margin: 0 auto;
    padding: 0 32px;
    width: 1264px
}

@media (max-width: 1264px) {
    .footer_ctn {
        width:100%
    }
}

@media (max-width: 1024px) {
    .footer_ctn {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .footer_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .footer_ctn {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 1360px) {
    .footer_ctn {
        padding-right:80px
    }
}

@media (max-width: 1300px) {
    .footer_ctn {
        padding-right:80px
    }
}

@media (max-width: 1200px) {
    .footer_ctn {
        padding:0 80px 0 32px;
        width: 100%
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .footer_ctn {
        padding:0 80px 0 24px
    }
}

@media (max-width: 819px) {
    .footer_ctn {
        padding:32px 16px 24px;
        width: 100%
    }
}

.section_main_m {
    display: none
}

@media (max-width: 819px) {
    .section_main_m {
        display:block
    }
}

.section_main {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media (max-width: 819px) {
    .section_main {
        display:flex;
        flex-direction: column
    }
}

.section_bottom {
    display: block
}

@media (max-width: 819px) {
    .section_bottom {
        display:none
    }
}

.section_bottom_m {
    display: none
}

@media (max-width: 819px) {
    .section_bottom_m {
        display:block
    }
}

.section_bottom_m .footer_certification_box {
    display: flex;
    flex-direction: column
}

.section_bottom_m .footer_certification_box .certification-box {
    margin-bottom: 16px
}

@keyframes slideDownIn-ca2873b9 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-ca2873b9 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.aus_care_box[data-v-ca2873b9] {
    padding: 16px
}

.aus_care_box .auo_center[data-v-ca2873b9] {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%!important;
    width: 84vw
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .aus_care_box .auo_center[data-v-ca2873b9] {
        width:94vw
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .aus_care_box .auo_center[data-v-ca2873b9] {
        width:calc(100% - 48px)
    }
}

@media screen and (max-width: 768px) {
    .aus_care_box .auo_center[data-v-ca2873b9] {
        width:calc(100% - 32px)
    }
}

.aus_care_box .auo_center .icon_left[data-v-ca2873b9] {
    height: 40px;
    margin-right: 36px;
    width: 40px
}

.aus_care_box .auo_center .txt_right[data-v-ca2873b9] {
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

@keyframes slideDownIn {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.contact_sales_popup {
    border-radius: 8px!important;
    box-shadow: 0 2px 8px #0000001a
}

@media (max-width: 768px) {
    .contact_sales_popup {
        border-radius:0!important
    }
}

.contact_sales_popup_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.contact_sales_popup .fs-form__item .fs-form--item__error-msg {
    font-size: 12px;
    line-height: 20px
}

.contact_sales_popup .contact_sales_popup_title {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    font-size: 18px;
    height: 60px;
    justify-content: space-between;
    line-height: 26px;
    padding: 24px 16px 16px 20px
}

.contact_sales_popup .contact_sales_popup_title .iconfont {
    border-radius: 3px;
    color: #707070;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 6px;
    position: absolute;
    right: 16px;
    top: 16px
}

.contact_sales_popup .contact_sales_popup_title .iconfont:hover {
    background-color: #19191a0a;
    color: #19191a
}

@media (max-width: 768px) {
    .contact_sales_popup .content_div {
        display:flex;
        flex-direction: column;
        height: 100%
    }
}

.contact_sales_popup .fs-textarea__wrapper {
    height: 110px
}

.contact_sales_popup .fs-textarea__number {
    bottom: 0
}

.contact_sales_popup .whatsapp {
    margin-bottom: 16px
}

.contact_sales_popup .whatsapp p {
    color: #19191a;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: center
}

.contact_sales_popup .whatsapp__text {
    align-items: center;
    color: #707070;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 20px
}

.contact_sales_popup .whatsapp__text__content {
    padding: 0 12px
}

.contact_sales_popup .whatsapp__line {
    background-color: #e4e7ed;
    flex: 1;
    height: 1px
}

.contact_sales_popup .fs-form__item.is-inline {
    width: calc(50% - 8px)
}

.contact_sales_popup .fs-form__item.is-inline:first-child {
    margin-right: 16px
}

.contact_sales_popup .fs-dialog__footer {
    padding: 20px
}

.contact_sales_popup .agreement_wrap {
    color: #707070;
    font-size: 12px;
    line-height: 20px
}

.contact_sales_popup .successPadding .fs-dialog__content--box {
    padding: 36px
}

.contact_sales_popup .success-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.contact_sales_popup .success-box .success-logo {
    color: #329a34;
    font-size: 50px
}

.contact_sales_popup .success-box .success-tit {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 16px 0 8px
}

.contact_sales_popup .success-box .success-des {
    color: #4b4b4d;
    font-size: 14px;
    line-height: 22px
}

.contact_sales_popup .fs-dialog__footerM {
    border-top: none;
    display: flex;
    flex-direction: column-reverse
}

.contact_sales_popup .fs-dialog__footerM .fs-button:last-of-type {
    margin-left: 0
}

.contact_sales {
    margin-top: 16px;
    padding-bottom: 24px;
    text-align: right
}

@media (max-width: 768px) {
    .contact_sales {
        margin-bottom:0;
        margin-top: auto;
        padding-top: 20px
    }

    .contact_sales .fs-button {
        width: 100%
    }
}

.comments_box .fs-textarea__number {
    margin-top: 0;
    position: absolute;
    top: -24px
}

.comments_box .fs-textarea__wrapper {
    padding: 10px 12px
}

@keyframes slideDownIn-dde16ad3 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-dde16ad3 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.fs_global_btn_box {
    bottom: 100px;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 20px;
    z-index: 98
}

@media screen and (max-width: 1024px) {
    .fs_global_btn_box {
        display:none;
        right: 16px
    }

    .fs_global_btn_box.fs_global_btn_box_scroll {
        opacity: .5
    }
}

.service_btn_wrap {
    border-radius: 3px;
    box-shadow: 0 2px 8px #0000001a
}

.service_btn_box,.service_btn_wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.service_btn_box {
    height: 96px;
    overflow: hidden;
    transition: all .3s
}

@media screen and (max-width: 1024px) {
    .service_btn_box.service_btn_hide {
        height:0
    }
}

.btn_box {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 48px
}

.btn_box,.btn_box.back_top_btn {
    cursor: pointer;
    transition: all .3s
}

.btn_box.back_top_btn {
    border-radius: 4px;
    box-shadow: 0 2px 8px #0000001a;
    margin-bottom: 20px;
    opacity: 0
}

.btn_box.back_top_btn.active {
    opacity: 1
}

.btn_box.livechat_btn {
    border-radius: 4px 4px 0 0
}

.btn_box.consult_btn {
    background-color: #707070;
    border-radius: 0 0 4px 4px
}

@media screen and (max-width: 1024px) {
    .btn_box.consult_btn {
        background-color:#fff;
        border-radius: 0
    }
}

.btn_box.consult_btn .iconfont,.btn_box.consult_btn .iconfont:hover {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .btn_box.consult_btn .iconfont {
        color:#707070
    }

    .btn_box.consult_btn .iconfont:hover {
        color: #19191a
    }

    .btn_box.btn_box_line:after {
        background-color: #e5e5e5;
        bottom: 0;
        content: "";
        height: 1px;
        left: 7px;
        position: absolute;
        right: 7px;
        z-index: 2
    }
}

.btn_box.fold_btn {
    display: none
}

@media screen and (max-width: 1024px) {
    .btn_box.fold_btn {
        border-radius:0 0 4px 4px;
        display: flex
    }

    .btn_box.fold_btn.btn_folded {
        border-radius: 4px
    }
}

.btn_box.btn_folded .iconfont_fold {
    transform: rotate(180deg)
}

.btn_box .iconfont {
    color: #707070;
    display: block;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    transition: all .3s;
    width: 24px
}

@media screen and (max-width: 1024px) {
    .btn_box .iconfont {
        display:block;
        font-size: 21px;
        height: 21px;
        line-height: 21px;
        width: 21px
    }

    .btn_box .iconfont:hover {
        color: #707070
    }
}

.btn_box .iconfont:hover {
    color: #19191a
}

.btn_box .iconfont.iconfont_fold {
    display: block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 16px
}

.fs_global_btn_box_padMobile {
    bottom: 16px;
    display: none;
    flex-direction: column;
    position: fixed;
    right: 10px;
    z-index: 98
}

@media screen and (max-width: 1024px) {
    .fs_global_btn_box_padMobile {
        display:flex;
        right: 16px
    }
}

.fs_global_btn_box_padMobile .padMobile_btn {
    align-items: center;
    border-radius: 30px;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.fs_global_btn_box_padMobile .padMobile_btn img {
    width: 24px
}

.fs_global_btn_box_padMobile .padMobile_btn.consult_btn {
    background: #fff;
    box-shadow: 0 4px 12px #00000026
}

.fs_global_btn_box_padMobile .padMobile_btn.livechat_btn {
    background: #707070;
    margin-top: 16px
}

@keyframes slideDownIn-f4031eb0 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-f4031eb0 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.cookie_box[data-v-f4031eb0] {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -8px 20px #0000001a;
    left: 0;
    padding: 16px 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

.cookie_box .main[data-v-f4031eb0] {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    width: 1264px
}

@media (max-width: 1264px) {
    .cookie_box .main[data-v-f4031eb0] {
        width:100%
    }
}

@media (max-width: 1024px) {
    .cookie_box .main[data-v-f4031eb0] {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 819px) {
    .cookie_box .main[data-v-f4031eb0] {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .cookie_box .main[data-v-f4031eb0] {
        padding-left:16px;
        padding-right: 16px
    }
}

.cookie_box .main-EU[data-v-f4031eb0] {
    justify-content: space-between
}

@media (max-width: 768px) {
    .cookie_box .main-EU[data-v-f4031eb0] .fs-button {
        width:100%
    }
}

.cookie_box .main-EU p[data-v-f4031eb0] {
    color: #707070;
    font-size: 13px;
    line-height: 20px;
    max-width: 1200px
}

.cookie_box .main-EU p .policy[data-v-f4031eb0] a {
    color: #707070;
    text-decoration: underline
}

.cookie_box .main-EU p .manage[data-v-f4031eb0] {
    color: #4b4b4d;
    cursor: pointer
}

.cookie_box .main-EU p .manage .iconfont[data-v-f4031eb0] {
    font-size: 13px;
    margin-left: 4px
}

@media (max-width: 768px) {
    .cookie_box .main-EU[data-v-f4031eb0] {
        flex-direction:column
    }

    .cookie_box .main-EU .accept[data-v-f4031eb0] {
        margin-left: 0;
        margin-top: 20px
    }
}

.footer_box[data-v-f4031eb0] {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    max-width: -moz-max-content;
    max-width: max-content
}

.footer_box .fs-button[data-v-f4031eb0] {
    height: 32px;
    margin-left: 0;
    padding: 10px 12px
}

@media (max-width: 768px) {
    .footer_box[data-v-f4031eb0] {
        flex-direction:column;
        margin-left: 0;
        margin-top: 16px;
        max-width: none;
        row-gap: 12px;
        width: 100%
    }

    .footer_box .fs-button[data-v-f4031eb0] {
        height: 42px;
        width: 100%
    }
}

@keyframes slideDownIn-36c936b1 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-36c936b1 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.error_info[data-v-36c936b1] {
    color: #c00000;
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}