body {
    color: #222;
    margin: 0;
    font-size: 13px;
    font-family: sans-serif
}

a {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.border_u{
    border: unset!important;
}
.width_96b {
    width: 96% !important;
}
.width_40b {
    width: 40% !important;
}
.width_u{
    width: unset!important;
}
.p-t_1rem{
    padding-top: 1rem;
}
.p-r_1rem{
    padding-right: 1rem;
}
.f-w_b{
    font-weight: bold;
}
.p-b_u{
    padding-bottom: unset!important;
}

dialog::backdrop {
    background: rgba(64, 67, 78, 0.8)
}

:focus {
    outline-color: var(--itchio_input_focus_color)
}

.star_picker>button:left-child,
.star_picker>.star:left-child {
    margin-right: 0
}

body {
    background: #eee
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:fullscreen {
    display: block
}

.forms_color_input_widget input.color_text_input:focused {
    color: #222
}

:root {
    --itchio_ui_bg: #282828;
    --itchio_ui_bg_dark: #222222
}
:root {
    --itchio_white_back: #fff;
    --itchio_gray_back: #F4F4F4;
    --itchio_bg_color: #fff;
    --itchio_body_color: #222;
    --itchio_body_color_gray: #767676;
    --itchio_body_color_med: #434343;
    --itchio_body_color_light: #606060;
    --itchio_body_color_lighter: #858585;
    --itchio_border_color: #dadada;
    --itchio_edge_border_color: #cdcdcd;
    --itchio_input_border_color: #cdcdcd;
    --itchio_input_focus_color: #361275;
    --itchio_light_highlight: #FFF0F0;
    --itchio_warning_bg: #fffdbd;
    --itchio_gutter_width: 40px
}

body {
    color: #222;
    margin: 0;
    font-size: 13px;
    font-family: sans-serif
}

a {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

h2 {
    margin: 15px 0
}

dialog::backdrop {
    background: rgba(64, 67, 78, 0.8)
}

:focus {
    outline-color: var(--itchio_input_focus_color)
}

button {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif
}

.star_picker>button:left-child,
.star_picker>.star:left-child {
    margin-right: 0
}

body {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif;
    background: #F4F4F4;
    color: #222
}

@media (max-width: 650px) {
    body.responsive {
        --itchio_gutter_width: 10px
    }
}

h2 {
    font-size: 20px
}

.page_widget h2 {
    margin-top: 0;
    font-weight: 900;
    color: var(--itchio_body_color_med)
}

.page_widget h2 {
    margin-bottom: 20px
}

.svgicon {
    display: inline-block;
    vertical-align: middle
}

.browse_filter_group_widget {
    border: 1px solid transparent
}

.browse_filter_group_widget.filters_open .filter_group_label .group_toggle_btn .icon-triangle-down {
    display: inline
}

.browse_filter_group_widget.filters_open .filter_group_label .group_toggle_btn .icon-triangle-right {
    display: none
}

.browse_filter_group_widget.filters_open>ul li {
    height: 32px
}

.browse_filter_group_widget .filter_group_label {
    color: #606060;
    font-size: 14px;
    display: flex;
    align-items: center
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn {
    flex: 1;
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
    padding: 10px 0 10px 8px
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn:hover {
    color: #222
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn:hover .filter_arrow {
    color: inherit
}

.browse_filter_group_widget .filter_group_label .filter_arrow {
    color: #606060;
    width: 15px;
    text-align: center;
    margin-right: 10px
}

.browse_filter_group_widget .filter_group_label .filter_arrow .icon-triangle-down {
    display: none
}

.browse_filter_group_widget>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.browse_filter_group_widget>ul li {
    transition: height 0.2s;
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center
}

.browse_filter_group_widget>ul li>*:first-child {
    flex: 1;
    gap: 10px
}

.browse_filter_group_widget>ul li:not(.active)>a:hover {
    color: white;
    background: #666
}

.browse_filter_group_widget>ul li>a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.browse_filter_group_widget>ul li>a:first-child {
    padding-left: 28px
}

.browse_filter_group_widget>ul li>:first-child .icon {
    flex-shrink: 0;
    opacity: 0.8
}

.browse_related_tags_widget {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 10px;
    margin: 10px 20px
}

@media (max-width: 650px) {
    .browse_related_tags_widget {
        margin-left: 10px;
        margin-right: 10px
    }

    .browse_related_tags_widget .tag_segmented_btn {
        white-space: nowrap
    }

    .browse_related_tags_widget .tag_segmented_btn:nth-child(n+8) {
        display: none
    }
}

.browse_related_tags_widget .tags_label {
    font-size: 14px;
    color: #606060;
    white-space: nowrap
}

.browse_related_tags_widget .tags_label .svgicon {
    color: #606060
}

.browse_related_tags_widget .tag_selector.selectize-control {
    min-width: 200px;
    max-width: 200px
}

@media (max-width: 650px) {
    .browse_related_tags_widget .tag_selector.selectize-control {
        max-width: none;
        min-width: 120px;
        flex: 1
    }
}

.browse_related_tags_widget .browse_top_tags {
    color: #606060
}

.browse_related_tags_widget .browse_top_tags a {
    color: var(--itchio_body_color_gray)
}

.browse_related_tags_widget .tag_segmented_btn {
    color: #606060;
    font-size: 14px;
    display: flex;
    height: 30px;
    box-sizing: border-box
}

.browse_related_tags_widget .tag_segmented_btn>a {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    text-decoration: none;
    font-weight: bold;
    color: inherit;
    display: flex;
    padding: 0 8px;
    align-items: center
}

.browse_related_tags_widget .tag_segmented_btn>a:hover {
    background-color: #FF2449;
    background-color: var(--itchio_button_color, #FF2449);
    color: white;
    color: var(--itchio_button_fg_color, white);
    border-color: transparent
}

.browse_related_tags_widget .tag_segmented_btn>a:first-child:last-child {
    border-radius: 3px
}

.browse_sort_options_widget {
    padding-right: 25px;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 2px solid;
    border-color: #F4F4F4;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.browse_sort_options_widget .sort_label {
    font-size: 14px;
    color: #606060;
    padding-bottom: 7px;
    white-space: nowrap
}

.browse_sort_options_widget .sort_label>.svgicon {
    margin-right: 10px;
    color: #606060
}

.browse_sort_options_widget .sort_label>div {
    display: inline-block
}

.browse_sort_options_widget>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px
}

@media (max-width: 650px) {
    .browse_sort_options_widget>ul {
        font-size: 14px
    }
}

.browse_sort_options_widget>ul li>button {
    border: 0;
    background: transparent;
    font-size: inherit;
    cursor: pointer
}

.browse_sort_options_widget>ul li>a,
.browse_sort_options_widget>ul li button {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    color: var(--itchio_body_color_med);
    font-weight: bold;
    position: relative
}

.browse_sort_options_widget>ul li>a:hover,
.browse_sort_options_widget>ul li button:hover,
.browse_sort_options_widget>ul li button.active {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.browse_sort_options_widget>ul li button.active:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #FF2449;
    bottom: -2px;
    left: 0;
    right: 0
}

.filter_picker_widget {
    display: inline-block;
    position: relative;
    z-index: 1
}

.filter_picker_widget .value_label {
    transition: color 0.1s ease
}

.filter_picker_widget .filter_value {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif;
    font-size: inherit;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: inherit;
    font-weight: inherit;
    display: flex;
    align-items: center
}

.filter_picker_widget .filter_value:hover .value_label {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.filter_picker_widget .icon_down_tick2 {
    color: #606060;
    margin-top: 2px;
    margin-left: 4px
}

.filter_picker_widget .filter_popup {
    transition: all 0.15s ease;
    opacity: 0;
    box-sizing: border-box;
    display: none;
    min-width: 150px;
    position: absolute;
    text-align: left;
    top: -10px;
    left: -15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: #F4F4F4;
    border-radius: 3px;
    z-index: 1
}

.filter_picker_widget .filter_options {
    transition: margin-top 0.1s ease;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: #fff;
    padding: 5px 0;
    border-radius: 0 0 3px 3px
}

.filter_picker_widget .filter_options .filter_option {
    cursor: pointer;
    font-weight: normal;
    font-size: 15px;
    padding: 5px 15px;
    min-height: 28px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    letter-spacing: 0.03em;
    position: relative;
    color: var(--itchio_body_color_med);
    display: flex;
    align-items: center
}

.filter_picker_widget .filter_options .filter_option:hover {
    background-color: var(--itchio_light_highlight);
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.filter_picker_widget .filter_options .filter_option:active {
    position: relative;
    top: 1px
}

.jam_browse_entries_widget .browse_sidebar .search .search_input:not(:invalid) {
    border-color: var(--itchio_button_color, #FF2449);
    box-shadow: inset 0 0 0 1px var(--itchio_button_color, #FF2449)
}

.browse_base_page .grid_columns {
    margin: 0 auto;
    max-width: 1200px;
    *
    zoom: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.browse_base_page .grid_columns:before,
.browse_base_page .grid_columns:after {
    /* content: " "; */
    display: table
}

.browse_base_page .grid_columns:after {
    clear: both
}

.browse_base_page .grid_columns .filter_column_outer {
    box-sizing: border-box;
    width: 300px;
    float: left;
    padding: 14px 20px;
}

.browse_base_page .grid_columns .grid_column_outer {
    /* margin-left: 260px; */
    width: 880px;
}

.browse_base_page .grid_column {
    margin: 0;
    background-color: #fff
}

.browse_base_page .filter_column .filters_header {
    padding: 0px 0px 0 0px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.browse_base_page .filter_column .filters_header>h2 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0
}

.browse_base_page .browse_header {
    position: relative
}

.browse_base_page .browse_header h2 {
    font-size: 24px;
    margin: 0 20px 20px 20px;
    padding-top: 16px;
    line-height: 1.8
}

@media (max-width: 650px) {
    .browse_base_page .browse_header h2 {
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.browse_base_page .browse_header h2 .game_count {
    font-weight: normal;
    color: #606060
}

@media (max-width: 650px) {
    .browse_base_page .browse_header h2 .game_count {
        display: none
    }
}

.browse_base_page .browse_header .classification_picker {
    line-height: 1.2;
    border: 2px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    padding: 3px 5px 4px 8px;
    margin: 0 8px;
    display: inline-block
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .classification_picker {
        padding: 2px 2px 2px 3px
    }
}

.browse_base_page .browse_header .sort_options_mobile {
    display: none;
    padding: 0 10px 0 7px;
    font-size: 14px
}

.browse_base_page .browse_header .sort_options_mobile .game_count {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #606060
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .sort_options_mobile {
        display: flex
    }
}

.browse_base_page .browse_header .browse_sort_options_widget {
    margin-bottom: 10px
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .browse_sort_options_widget {
        display: none
    }
}

.browse_base_page .browse_header p {
    margin: 15px 20px 10px 20px;
    color: #606060;
    line-height: 1.5;
    font-size: 16px
}

@media (max-width: 650px) {
    .browse_base_page .browse_header p {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px
    }
}

.browse_base_page .browse_header p a:not(.button) {
    color: #606060
}

.browse_base_page .filter_pickers>* {
    margin: 10px
}

.browse_base_page .filter_pickers>*:last-child {
    margin-bottom: 0
}

.browse_base_page .mobile_filter_row {
    display: none;
    /* float: right; */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.browse_base_page .mobile_filter_row .mobile_filter_btn {
    transition: background 0.2s;
    display: block;
    text-align: center;
    border: 1px solid;
    background-color: #F4F4F4;
    border-color: var(--itchio_border_color);
    color: #606060;
    font-weight: bold;
    border-radius: 3px;
    height: 30px;
    padding: 0 6px;
    display: flex;
    align-items: center
}

.browse_base_page .mobile_filter_row .mobile_filter_btn .svgicon {
    margin-right: 5px
}

.browse_base_page .mobile_filter_row .mobile_filter_btn:hover {
    cursor: pointer;
    opacity: 0.9
}

@media (max-width: 850px) {
    .browse_base_page {
        max-width: 100vw;
        overflow: hidden
    }

    .browse_base_page .mobile_filter_row {
        display: block
    }

    .browse_base_page .grid_columns {
        min-height: 100vh;
        position: relative
    }

    .browse_base_page .grid_columns .grid_column_outer {
        transition: transform 0.2s;
        margin-left: 20px;
        position: relative;
        z-index: 2
    }

    .browse_base_page .grid_columns .filter_column_outer {
        transition: opacity 0.2s ease;
        opacity: 0;
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .browse_base_page .grid_columns .grid_column_outer {
        margin-left: 0
    }

    .browse_base_page .grid_columns .grid_column_outer .grid_column {
        box-shadow: none;
        border: 0
    }

    .browse_base_page .grid_columns .filter_column_outer {
        padding-top: 0
    }

    .browse_base_page .browse_header h2 {
        font-size: 18px
    }
    .browse_base_page .grid_columns .grid_column_outer {
        margin-left: 0;
        max-width: 100%;
    }
}

@media (max-width: 650px) {
    .browse_base_page p.search_description {
        font-size: 14px
    }
}

.events_page .event_row .event_header button.follow_button_widget.is_following:not(:hover) {
    border-color: var(--itchio_border_color);
    color: #606060
}



>.jam_rate_game_page .jam_game_header .responsive_column:empty {
    display: none
}

.forms_color_input_widget input.color_text_input:focused {
    color: #222
}

@font-face {
    font-family: 'icomoon';
    src: url("../img/icomoon.ttf");
    src: url("../img/icomoon.ttf") format("embedded-opentype"), url("../img/icomoon.ttf") format("truetype"), url("../img/icomoon.ttf") format("woff"), url("../img/icomoon.ttf") format("svg");
    font-weight: normal;
    font-style: normal
}

[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-hand:before {
    content: "\e609"
}

.icon-triangle-right:before {
    content: "\e612"
}

.icon-triangle-down:before {
    content: "\e613"
}

.icon-stopwatch:before {
    content: "\e61a"
}

.icon-filter:before {
    content: "\e616"
}

.icon-earth:before {
    content: "\e9ca"
}

.icon-star1:before {
    content: "\e00d"
}

.icon-windows8:before {
    content: "\e010"
}

.icon-apple:before {
    content: "\e011"
}

.icon-tux:before {
    content: "\e012"
}

.icon-globe:before {
    content: "\e013"
}

.icon-cart:before {
    content: "\e000"
}

.icon-android:before {
    content: "\e601"
}

.icon-tag:before {
    content: "\e603"
}

.icon-gamepad:before {
    content: "\e61b"
}



.selectize-control {
    position: relative;
}
form.frame_4_1 {
    width: 100%;
}

select.sheng_cheng {
    width: 100%;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    text-decoration: none;
    font-weight: bold;
    color: inherit;
    display: flex;
    padding: 0 8px;
    align-items: center;
    height: 30px;
}
@media (max-width: 850px){
    .browse_base_page.filters_shown .grid_columns .filter_column_outer {
        opacity: 1.0;
    }
    .browse_base_page.filters_shown .grid_columns .grid_column_outer {
        transform: translate(260px, 0);
    }
}







/* 3css */





































body {
    -webkit-font-smoothing: subpixel-antialiased;
    font: 14px/1.5 '思源黑体', Helvetica, Arial, sans-serif;
    font-family: '思源黑体';
    color: #333;
}
a {
    color: #000;
}
body {
    margin: 0;
}
a {
    text-decoration: none;
}
img {
    padding: 0;
    margin: 0;
    border: none;
}
a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
    transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
body {
    color: #323232;
    background: rgba(245, 245, 245, 1);
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
body,
div {
    margin: 0;
    padding: 0;
    outline: none
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline
}
a:focus {
    outline: none
}
a:hover {
    text-decoration: none;
    color: #ff5733;
}
.htmlBody_t {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    border-top: 1px solid rgba(229, 229, 229, 1);
}
.htmlBody_t a{
    color: rgba(255, 255, 255, 1);
}
.htmlBody1_frame {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.Website_title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 21.12px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
}
a.Website_a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 16px;
}

a.Website_www {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.Website_www > img{
    height: 25px;
    width: 25px;
    padding-right: 7px;
}

.Information_li::marker {
    color: rgba(233, 116, 164, 1);
}
.Rnformation_li::marker {
    color: rgba(23, 121, 101, 1);
}
.Sharing_frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
img {
    vertical-align: middle;
    border: none;
}
.header {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 1);
}
.nav_ {
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.nav_a_img img {
    width: 100%;
    height: 100%;
}
nav.nav_s {
    opacity: 1;
    background: #ff5733;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
li.item {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 21.12px;
    text-align: left;
    vertical-align: top;
    padding: 13px 28px;
}
.item a{
    color: rgba(255, 255, 255, 1);
}
.nav-list::-webkit-scrollbar {
    display: none;
}
li.item.active {
    background: #da3b1a;
}
.item:hover{
    background: #da3b1a;
}
.Large_image {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    background-size: 100% 100%;
    height: 720px;
}

.frame_kuang_auto_shang {
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
}
.swiper_auto_shang{
    width: 100%;
    height: 100%;
}
.swiper_auto_shang a img{
    width: 100%;
}
.frame_kuang_right_k {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.frame_right_k_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.frame_right_left {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.frame_right_left_img{
    width: 100%;
    height: 100%;
}
.frame_right_left_pm {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 6px 0px 6px 0px;
    background: rgba(212, 48, 48, 1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 20px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: top;
}
.frame_right_right_t {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.frame_right_right_s {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.frame_right_right_s span{
    font-size: 14px;
    font-weight: 700;
    line-height: 18.48px;
    color: rgba(51, 51, 51, 1);
}
.frame_right_right_s1 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.frame_right_right_s , .frame_right_right_s1{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.frame_right_right_s11{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgb(125, 125, 125);
    text-align: left;
    vertical-align: top;
    margin-top: 16px;
    display: flex;
}
.frame_right_right_s11 > div{
    color: rgba(153, 153, 153, 1);
    width: 670px;
}
.frame_right_right_s11 > div.t11{
    color: rgb(185 185 185);
    width: 150px;
}
a.frame_to_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.frame_to_kuang_c {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}
.frame_kuang_t {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}
.frame_kuang_t_left {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
}
a.frame_kuang_t_left_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    /* width: 100%; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.co_con{
    margin-top: 20px;
    max-width: 100%;
}
.co_con img{
    display: block;
    max-width: 90%;
    margin: 0 auto;
}
.co_con table{
    margin: 1rem 0;
    max-width: 100%;
    border: 1px solid #dfdfdf;
}
.co_con table td{
    padding: .3rem;
    border: 1px solid #dfdfdf;
}
.frame_kuang_t_left_t span{
    color: rgba(255, 87, 51, 1);
}
a.frame_kuang_t_left_t1 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-left: 10px;
}
a.f_See {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
img.product-list_a_img {
    border-radius: 6px;
}
.frame_to_kuang_a1_t {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: break-spaces;
}
a.list_frame_t2 {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_frame_k {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
a.mod-regions_a {
    border-radius: 8px;
    background: rgba(255, 251, 240, 1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.regions_a_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(255, 195, 0, 1);
    text-align: left;
    vertical-align: top;
}
.mod-regions .mod-regions_a:nth-child(2){
    background: rgba(253, 242, 255, 1);
}
.mod-regions .mod-regions_a:nth-child(3){
    background: rgba(255, 240, 240, 1);
}
.frame_switch {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide2 {
    width: 100px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;
    margin-right: 48px;
    position: relative;
    border-radius: 8px;
}
.swiper-slide2 img {
    width: 100%;
    height: 100px;
    border-radius: 50%;
}
.gallery-thumb1 {
    width: 100%;
}
.top_title {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 17.84px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    vertical-align: top;
    margin-top: 10px;
}
.frame_kuang2_frame_a img{
    width: 100%;
}
.frame_kuang2_frame_a_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.frame_kuang2_frame_a_c {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 21px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.frame_time {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 12px;
}
.frame_kuang2_frame1_a img{
    height: 140px;
    width: 100%;
    border-radius: 6px;
}
a.tuijian_a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    text-align: left;
    vertical-align: top;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.frame_kuang_right1 img{
    width: 100%;
    height: 100%;
}
.tb-list_frame_a1 img{
    border-radius: 50%;
}
.tabs-wrap {
    width: 100%;
    padding: 16px 0%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
}
.browse_base_page .grid_column {
    margin: 0;
    background-color: #fff;
    width: 96%;
    padding: 0px 2%;
    padding-bottom: 10px;
}
a.tabs-wrap_a {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-right: 20px;
}
.tabs-wrap_a.active{
    color: rgba(255, 87, 51, 1);
}
.listpic-btn {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.listpic-btn_frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.listpic-btn_frame.active i{
    color: #e72528;
}
.listpic-btn_t {
    font-size: 14px;
    text-indent: 0.5rem;
}
.listpic-btn_frame i{
    height: 21px;
    width: 16px;
}
.listpic-btn .listpic-btn_frame{
    margin-left: 5%;
}
.listpic-btn_r {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    width: 75%;
}
.datuAndLiebiao {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
div.datuAndLiebiao_a ,a.datuAndLiebiao_a{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.datuAndLiebiao_a_x {
    width: 96%;
    padding: 15px 2%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.datuAndLiebiao_a_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.datuAndLiebiao_a_c {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}
.datuAndLiebiao_a_t {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 5px;
}

.datuAndLiebiao.active {
    display: flex;
    flex-direction: column;
}

.datuAndLiebiao.active .datuAndLiebiao_a {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.productPaging {
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    width: 96%;
}
a.shang1.on {
    background: rgba(255, 87, 51, 1);
    color: #fff;
}
a.shang1.on {
    border-radius: 5px;
}
a.People_frame_a {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    display: flex;
}
a.People1_frame_a {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.People_frame_c {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
    width: 100%;
    display: flex;
}
.Large_image1 {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.product-list_a:hover .an_Inquire{
    background: linear-gradient(90deg, rgba(212, 48, 48, 1) 0%, rgba(255, 59, 48, 1) 100%);
    color: #fff;
}
.swiper-slide2:hover .top_title{
    color: linear-gradient(90deg, rgba(212, 48, 48, 1) 0%, rgba(255, 59, 48, 1) 100%);
}
.frame_kuang2_frame_a:hover{
    background: rgb(237 237 237);
}
.frame_kuang2_frame1_a:hover{
    background: rgb(237 237 237);
}
.datuAndLiebiao_a:hover{
    background: rgb(237 237 237);
}
.case{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}



/*用户开始*/
.login_frame {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    align-content: center;
    justify-content: center;
    background-color: #607d8b;
    height: 100%;
    top: 0;
    left: 0;
}
.login_frame img{
    width: 100%;
    height: 100%;
}
.frame_login_t {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}
.frame_login_Email {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
}
img#captcha_img {
    width: 50%;
    height: 24px;
}
img.input_img {
    width: 24px;
    height: 24px;
}
.input_frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
}
.input_frame >span.xuanze {
    color: #79757d;
    width: 42%;
}
input.input_input {
    background: #03020200;
    border: 1px dashed #ffffff00;
}
input#captcha,input#code {
    width: 25%;
}
a.Email_a,input.Email_a {
    background: rgba(255, 51, 102, 1);
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    margin-top: 20px;
    border-radius: .2rem;
    border: 0px;
}
.other_login{
    margin-top: 20px;
}
.qitacaozuo{
    padding: .3rem 0;
    font-size: .6rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}
.qitacaozuo > a{
    color: #c3c3c3;
}
.login_or {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12px;
    line-height: 15.84px;
    align-items: center;
    width: 100%;
}
.login_or::after{
    content: '';
}
.login_or::before{
    content: '';
}
.input_frame.input_frame1 {
    background: #ffffff00;
    border: 2px solid #ffffff4d;
}
.login_t {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: top;
}


/*用户中心*/
.comment_Sign {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    margin-right: 0px;
    background: rgba(42, 130, 228, 1);
    border-radius: .2rem;
}
#user_images_u {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #dbdbdb;
    width: 50%;
    border-radius: 6px;
    z-index: 999;
}
#user_images_u .ui_i_t{
    display: flex;
    justify-content: space-between;
    padding: 2%;
    color: #fff;
    font-size: 1.2rem;
}
#user_images_u .ui_i_t > span{
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#user_images_u .ui_i_t .ui_i_t_x{
    cursor: pointer;
}
#user_images_u .ui_i_t_c{
    padding: 2%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#user_images_u .ui_i_t_c .ui_i_t_c_i{
    margin: .2rem;
    cursor: pointer;
}
.feedback_frame {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.comment_input1_s {
    height: 160px;
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 20px;
    border-radius: .2rem;
}
.frame_right1_title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 26.4px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
}
.center_head_s {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.center_ID {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 5px;
}
.center_Lowell {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.center_Lowell_t {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.76px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    max-width: 100%;
    word-break: break-word;
}
img.center_Lowell_img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
.frame_Sort_1 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
}
.layui-inline.select_frame {
    display: flex;
    flex-direction: column;
}
.center_head_s1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.layui-form-label {
    text-align: left;
}
.frame_right_switch {
    width: 100%;
    display: flex;
    flex-direction: column;
}
input#user_username_i {
    max-width: 100%;
    width: 30rem;
    height: 2rem;
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    padding: 0px 10px;
    margin-top: 10px;
    border-radius: .2rem;
}

/*用户结束*/





.route {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}
.route a {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: #333;
}
.route.route1 a:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#post_ok {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #dbdbdb;
    width: 30%;
    height: 10%;
    border-radius: 6px;
    text-align: center;
    z-index: 9999999;
    padding: 10px;
    box-shadow: 4px 5px 6px 0px #343232;
}
#post_ok > span {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}




































@media (min-width: 751px) {
    .Sharing_frame a {
        width: 40px;
        height: 40px;
        border-radius: 4px;
        overflow: hidden;
        display: block;
        margin-left: 20px;
    }
    .htmlBody {
        font-size: 16px;
        box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.03);
        background: rgba(56, 56, 56, 1);
        padding: 56px 0px 20px 0px;
        margin-top: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .htmlBody1 {
        width: 1200px;
        display: flex;
        flex-direction: column;
    }
    .htmlBody_t {
        font-size: 14px;
    }
    .share_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 40px;
        padding-bottom: 30px;
    }
    .Website_Box {
        padding: 0px 40px;
        border-right: 1px solid rgba(255, 255, 255, 1);
        height: 274px;
        display: flex;
        flex-direction: column;
        width: 33%;
    }
    .Website_Box1_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    a.Website_www {
        margin-top: 18px;
        width: 30%;
        margin-right: 5%;
    }
    .Website_Box1_frame a.Website_www:nth-child(3n){
        margin-right: 0;
    }
    .Website_Box1 {
        padding: 0px 40px;
        height: 274px;
        display: flex;
        flex-direction: column;
        width: 500px;
    }
    .frame {
        width: 1200px;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    a.nav_a_img {
        width: 170px;
        height: 48px;
    }
    .nav_ {
        width: 1200px;
        padding: 16px 0px;
    }
    a.nav_a {
        width: 160px;
    }
    .nav_LOGO{
        width: 100%;
        height: auto;
    }
    .search-con {
        border-radius: 212px;
        width: 600px;
        border: 1px solid #d43030;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
    }
    nav.nav_s {
        width: 100%;
    }
    ul.nav-list.fix {
        width: 1200px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .Large_image {
        background-image: url(../img/8.png);
    }
    .Large_frame {
        width: 1200px;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        height: 580px;
    }
    .frame_kuang_left {
        width: 250px;
        opacity: 1;
        border-radius: 10px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        display: flex;
        flex-direction: column;
    }
    .menu_frame {
        display: flex;
        flex-direction: column;
        padding-bottom: 13px;
        position: relative;
    }
    .menu_frame {
        cursor: pointer;
    }
    .menu_frame_content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0px 20px;
        width: 210px;
        padding-top: 20px;
        /*position: relative;*/
    }
    .menu_frame_content .icon {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }
    .nav-cnt {
        display: none;
        width: 650px;
        position: absolute;
        top: 0;
        left: 250px;
        padding: 20px 20px;
        background-color: #fff;
        border-radius: 0 6px 6px 6px;
        z-index: 9999;
        border-radius: 10px;
    }
    .nav-cnt2 {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .nav-cnt2 span {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 14px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 140px;
        margin-top: 20px;
        display: block;
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 20px;
    }
    .nav-cnt2 > a {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 14px;
        color: rgba(102, 102, 102, 1);
        text-align: left;
        vertical-align: top;
        margin-right: 20px;
        width: 140px;
        margin-top: 20px;
        display: block;
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .menu_frame_content:hover .icon i {
        display: contents;
        color: rgba(56, 103, 255, 1)
    }
    .menu_frame_content:hover{
        color: rgba(56, 103, 255, 1);
    }
    .icon i {
        display: none;
    }
    .menu_frame_content:hover .nav-cnt{
        display: block !important;
    }
    .frame_left_head {
        width: 210px;
        padding: 20px;
        padding-bottom: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    img.frame_left_head_img {
        width: 16px;
        height: 16px;
    }
    .frame_left_head_title {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 10px;
    }
    .frame_kuang_auto {
        width: 660px;
        display: flex;
        flex-direction: column;
    }
    .frame_kuang_auto_shang {
        height: 440px;
    }
    .swiper_auto_shang a img{
        height: 440px;
    }
    .frame_kuang_auto_xia {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    a.frame_kuang_auto_xia_a {
        width: 156px;
        height: 120px;
        opacity: 1;
        border-radius: 8px;
        position: relative;
        overflow: auto;
    }
    .frame_kuang_auto_xia_img {
        width: 100%;
        height: 100%;
    }
    .frame_kuang_auto_xia_t {
        background: rgba(103, 165, 235, 1);
        position: absolute;
        bottom: 0px;
        padding: 9px;
        width: 138px;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 21.12px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .frame_kuang_auto_xia .frame_kuang_auto_xia_a:nth-child(2) .frame_kuang_auto_xia_t{
        background: rgba(224, 152, 237, 1);
    }
    .frame_kuang_auto_xia .frame_kuang_auto_xia_a:nth-child(3) .frame_kuang_auto_xia_t{
        background: rgba(237, 142, 164, 1);
    }
    .frame_kuang_auto_xia .frame_kuang_auto_xia_a:nth-child(4) .frame_kuang_auto_xia_t{
        background: rgba(126, 224, 218, 1);
    }
    .frame_kuang_left1{
        display: none;
    }
    .frame_kuang_right {
        width: 210px;
        opacity: 1;
        border-radius: 10px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        display: flex;
        flex-direction: column;
        padding: 20px;
    }
    .frame_right_k_t {
        font-size: 12px;
        line-height: 15.84px;
    }
    .frame_right_k_t_a{
        display: none;
    }
    .frame_kuang_right_k1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.frame_kuang_right_k1_a {
        margin-top: 15px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .frame_right_left {
        width: 80px;
        height: 80px;
    }
    .frame_right_right {
        width: 114px;
        display: flex;
        flex-direction: column;
    }
    a.frame_right_See {
        border: 1px solid rgba(238, 238, 238, 1);
        margin-top: 13px;
        padding: 6px 0px;
        width: 100%;
        text-align: center;
        border-radius: 214px;
    }
    .frame_ad {
        margin-top: -120px;
    }
    .frame_kuang_to {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    .frame_kuang_to_frame {
        width: 347px;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        padding: 14px 20px;
        display: flex;
        flex-direction: column;
    }
    a.frame_to_title {
        font-size: 22px;
        line-height: 29.04px;
        width: 100%;
    }
    .frame_kuang_right_c {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 5px;
    }
    .frame_to_kuang {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 17px;
    }
    a.frame_to_kuang_a {
        width: 105px;
        display: flex;
        flex-direction: column;
    }
    .frame_to_kuang_t {
        font-size: 16px;
        line-height: 21.12px;
        margin-top: 16px;
    }
    .frame_to_kuang_a1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    img.frame_to_kuang_img {
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }
    .frame_kuang {
        width: 1160px;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        margin-top: 20px;
        padding: 14px 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    a.frame_kuang_t_left_t {
        font-size: 22px;
    }
    a.f_See {
        font-size: 14px;
        line-height: 18.48px;
    }
    .product-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    div.product-list_a,a.product-list_a {
        width: 220px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 20px;
    }
    .frame_to_kuang_a1_t {
        font-size: 14px;
        line-height: 18.48px;
        margin-top: 13px;
        text-align: center;
    }
    .an_Inquire {
        border-radius: 215px;
        border: 1px solid rgba(221, 221, 221, 1);
        padding: 6px 20px;
        margin-top: 15px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    .frame_to_kuang_a2 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .rs-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 45px;
    }
    .rs-list_frame {
        width: 340px;
        display: flex;
        border-radius: 6px;
        background: rgba(245, 245, 245, 1);
        padding: 20px;
        flex-direction: column;
        position: relative;
    }
    img.rs-list_frame_img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e1e1e1;
        color: white;
    }
    a.list_frame_t {
        width: 100%;
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 23.76px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    a.list_frame_t1 {
        margin-top: 10px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    img.list_frame_t1_img {
        width: 62px;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
    }
    .list_frame_title {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    a.list_frame_t2 {
        font-size: 12px;
        line-height: 15.84px;
    }
    a.list_frame_k_a {
        width: 98px;
        height: 98px;
        border-radius: 6px;
        overflow: hidden;
        margin: 0 6px;
        border: 1px solid #e9e9e9;
    }
    .frame_kuang1 {
        width: 1120px;
        border-radius: 8px;
        margin-top: 20px;
        background-image: url(../img/14.png);
        padding: 25px 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .frame_kuang1_left {
        width: 400px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    h2.tit {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 29.04px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .frame_sfz {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 35px;
    }
    p.view-more {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        border-radius: 4px;
        background: rgba(255, 255, 255, 1);
        padding: 9px 36px;
        margin-top: 30px;
    }
    ul.frame_kuang1_ul {
        width: 100%;
        margin-top: 37px;
        display: flex;
        flex-direction: column;
    }
    li.frame_kuang1_li {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 21.12px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        list-style: inside;
        margin-top: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .frame_kuang1_right {
        width: 600px;
        border-radius: 6px;
        background: rgba(255, 255, 255, 1);
        padding: 40px;
    }
    .frame_kuang1_right_t {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 29.04px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 100%;
    }
    .frame_kuang1_right_k {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 6px;
    }
    .frame_right_ssk {
        border-radius: 212px;
        border: 1px solid rgba(221, 221, 221, 1);
        width: 90%;
        padding: 10px 5%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 16px;
    }
    .frame_right_ssk input{
        border: 1px solid rgba(255, 255, 255, 1);
        width: 100%;
    }
    .frame_right_ssk1 {
        margin-top: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .frame_right2_ss {
        border: 1px solid rgba(221, 221, 221, 1);
        width: 40%;
        padding: 10px 5%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        border-radius: 212px;
    }
    .frame_right2_ss input{
        border: 1px solid rgba(255, 255, 255, 1);
        width: 100%;
    }
    .select_top1 {
        /*height: 49px;*/
        width: 48%;
    }
    .select_top1 > textarea {
        width: 700px; height: 200px;
    }
    .sheng_cheng {
        display: block !important;
        display: block;
        width: 100%;
        padding-left: 10px;
        border: 1px solid rgba(221, 221, 221, 1);
        border-radius: 5px;
        height: 49px;
        border-radius: 212px;
    }
    a.Request {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        padding: 10px 54px;
        border-radius: 212px;
        background: linear-gradient(90deg, rgba(212, 48, 48, 1) 0%, rgba(255, 59, 48, 1) 100%);
        margin-top: 30px;
        float: left;
    }
    .mod-regions {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    a.mod-regions_a {
        padding: 25px 2%;
        width: 28%;
    }
    img.mod-regions_a_img {
        width: 40px;
        height: 30px;
    }
    .regions_a_title {
        font-size: 18px;
        line-height: 23.76px;
        margin-left: 20px;
    }
    .frame_kuang_s1 {
        width: 100%;
        position: relative;
        margin-top: 20px;
        overflow: hidden;
    }
    .frame_kuang2 {
        width: 1200px;
        opacity: 1;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }
    .frame_kuang2_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
    }
    a.frame_kuang2_frame_a {
        width: 347px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
    }
    .frame_kuang2_frame_a img{
        height: 180px;
    }
    .frame_kuang2_frame_a_t {
        font-size: 18px;
        line-height: 23.76px;
        margin-top: 17px;
    }
    .frame_kuang2_frame1 {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
    }
    a.frame_kuang2_frame1_a {
        width: 245px;
        padding: 20px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        display: flex;
        flex-direction: column;
    }
    .frame_kuang2_frame1_a_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 16px;
    }
    .tuijian {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 224px);
        justify-content: space-between;
    }
    .frame_kuang_right1 {
        width: 930px;
        height: 300px;
        opacity: 1;
        border-radius: 8px;
        overflow: hidden;
    }
    .frame_kuang_2 {
        width: 100%;
        background: rgba(255, 255, 255, 1);
        overflow: hidden;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    .frame_kuang_2_left {
        padding: 30px 25px;
        width: 170px;
        display: flex;
        flex-direction: column;
        background-image: url(../img/15.png);
        background-size: 100% 100%;
        align-items: center;
    }
    .frame_kuang_2_left_t {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 31.68px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
    }
    a.frame_kuang_2_left_see {
        width: 125px;
        opacity: 1;
        border-radius: 215px;
        background: rgba(255, 255, 255, 1);
        margin-top: 20px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(254, 134, 110, 1);
        text-align: center;
        vertical-align: top;
        padding: 10px 0px;
    }
    .frame_kuang_2_right {
        width: 940px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-right: 20px;
        padding: 20px 0px;
    }
    .tb-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .tb-list_frame {
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        width: 550px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 14px;
        padding: 20px;
    }
    a.tb-list_frame_a1 {
        width: 70px;
        height: 70px;
    }
    .tb-list_frame_a1 img{
        width: 100%;
        height: 100%;
    }
    .list_frame_r {
        width: 460px;
        display: flex;
        flex-direction: column;
    }
    a.list_frame_r_t {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 23.76px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .tb-sup {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 8px;
    }
    img.tb-sup_img {
        width: 62px;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
        margin-right: 10px;
    }
    .years {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    .tb-txt {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 10px;
        width: 100%;
    }
    .tb-img {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    a.tb-img_a {
        width: 100px;
        height: 100px;
        border-radius: 6px;
        overflow: hidden;
    }
    .tb-img_a img{
        width: 100%;
        height: 100%;
    }
    .select_top2 {
        height: 20px;
        padding: 9px 0px;
    }
    .sheng_cheng1 {
        height: 20px;
        border: 1px solid rgba(255, 255, 255, 1);
        margin-left: 16px;
        width: 100px;
        padding-right: 20px;
        border-right: 1px solid rgba(204, 204, 204, 1);
    }
    input.select_input {
        width: 400px;
        border: 1px solid rgba(255, 255, 255, 1);
    }
    a.a_Search {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 20.27px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        background: linear-gradient(90deg, rgba(212, 48, 48, 1) 0%, rgba(255, 59, 48, 1) 100%);
        padding: 8px 13px;
    }
    .tools-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    a.tools-list_a {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .list_a_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 8px;
        width: 72px;
    }
    .tools-list .tools-list_a:nth-child(2){
        margin-left: 20px;
    }
    .head—{
        display: none;
    }
    div#browse_games_5419958 {
        margin-top: 20px;
    }
    a.tabs-wrap_a {
        font-size: 16px;
        line-height: 21.12px;
    }
    .tabs-wrap_title {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 21.12px;
        color: rgba(51, 51, 51, 1);
        margin-top: 16px;
    }
    .tabs-wrap_checkbox {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-indent: 0.5rem;
        font-size: 14px;
        font-weight: 400;
        line-height: 18.48px;
        color: rgba(102, 102, 102, 1);
    }
    .tabs-wrap_checkbox input:nth-child(2){
        margin-left: 20px;
    }
    .form-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 20px;
    }
    .form-list_frame {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .form-list_frame_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    input.form-list_input {
        width: 104px;
        height: 32px;
        opacity: 1;
        border-radius: 4px;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-left: 10px;
    }
    a.form-list_GO {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 10px;
        border: 1px solid rgba(221, 221, 221, 1);
        padding: 6px;
        border-radius: 4px;
    }
    .form-list .form-list_frame:nth-child(2){
        margin-left: 20px;
    }
    img.form-list_img {
        width: 16px;
        height: 16px;
        margin-left: 10px;
    }
    .listpic-btn_r{
        width: 100%;
    }
    .browse_base_page .grid_columns .filter_column_outer {
        background: #fff;
    }
    div.datuAndLiebiao_a {
        width: 280px;
    }
    .datuAndLiebiao_a_title {
        font-size: 14px;
        line-height: 18.48px;
    }
    .datuAndLiebiao.active .datuAndLiebiao_a .datuAndLiebiao_a_x {
        width: 560px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .productPaging {
        margin-top: 20px;
        padding: 10px 2%;
    }
    .fenye {
        height: 40px;
        opacity: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0px auto 0px;
        border-radius: 8px;
        flex-wrap: wrap;
    }
    a.shang1 {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin: 0px 20px;
        font-size: 20px;
    }
    img.shang {
        width: 40px;
    }
    .People_frame {
        margin-top: 20px;
        width: 840px;
        padding: 20px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
    }
    a.People_frame_a {
        font-size: 16px;
        line-height: 21.12px;
    }
    .People1_frame {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 24%);
        justify-content: space-between;
    }
    a.People1_frame_a {
        font-size: 14px;
        line-height: 18.48px;
    }
    a.People_frame_c {
        font-size: 14px;
        line-height: 18.48px;
    }
    .Large_image1_frame {
        width: 1200px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }
    .browse_base_page .grid_column {
        border-radius: 10px;
    }
    .column.filter_column_outer {
        border-radius: 10px;
    }


    .route {
        width: 100%;
        padding: 20px 0%;
    }
    .route_div {
        font-size: 14px;
        padding: 0px 5px;
        width: 3px;
        color: #333;
    }

}




















@media (max-width:750px) {
    .htmlBody {
        width: 94%;
        display: flex;
        flex-direction: column;
        padding: 0px 3%;
        background: rgba(56, 56, 56, 1);
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .htmlBody1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .htmlBody_t {
        font-size: 12px;
    }
    .share_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 20px;
        margin-top: 20px;
    }
    a.Website_www {
        margin-top: 12px;
        width: 45%;
    }
    .htmlBody1_frame .Website_Box:nth-child(3){
        display: none;
    }
    .htmlBody1_frame {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .Website_Box1 {
        width: 100%;
        margin-top: 20px;
    }
    .Website_Box {
        width: 45%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .Website_Box1_frame {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .frame {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        /* background: #fff; */
    }
    .Sharing_frame a {
        height: 28px;
        border-radius: 4px;
        overflow: hidden;
        display: block;
        margin-left: 10px;
    }
    .Sharing_frame a img {
        width: 100%;
        height: 100%;
    }
    .nav_ {
        justify-content: center;
    }
    .nav_ {
        width: 96%;
        padding: 10px 2%;
    }
    .nav_a_img{
        width: 25%;
        height: 30px;
    }
    nav.nav_s {
        width: 100%;
    }
    ul.nav-list.fix {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    li.item {
        overflow: hidden;
        display: inline-block;
        position: relative;
        padding: 8px 10px;
        font-size: 14px;
    }
    .Large_image {
        background-image: url(../img/8-1.png);
        height: auto;
    }
    .frame_kuang_left{
        display: none;
    }
    .Large_frame {
        width: 94%;
        padding: 0px 3%;
    }
    .frame_kuang_auto {
        width: 100%;
        margin-top: 12px;
    }
    .swiper_auto_shang a img{
        height: 160px;
    }
    .frame_kuang_auto_xia{
        display: none;
    }
    .frame_kuang_left1 {
        width: 100%;
        margin-top: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    a.frame_kuang_left1_a {
        width: 21%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    img.frame_kuang_left1_a_img {
        width: 60%;
    }
    .frame_kuang_left1_a_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
        margin-top: 10px;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .frame_kuang_right {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }
    .frame_right_k_t {
        font-size: 16px;
        line-height: 21px;
    }
    a.frame_right_k_t_a {
        width: 16px;
        height: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .frame_right_k_t_a img{
        width: 100%;
        height: 100%;
    }
    a.frame_kuang_right_k1_a {
        margin-top: 10px;
        width: 100px;
        margin-right: 12px;
        display: inline-block;
    }
    .frame_right_right {
        width: 100%;
        margin-top: 10px;
    }
    .frame_right_right .frame_right_right_s{
        min-height: 19px;
    }
    .frame_right_See{
        display: none;
    }
    .frame_kuang_right_k1 {
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
    }
    a.frame_to_title {
        font-size: 16px;
        line-height: 21px;
        width: 80%;
    }
    .frame_kuang_to {
        width: 94%;
        padding: 0px 3%;
        margin-top: 20px;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .frame_kuang_to_frame {
        width: 166px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        padding: 12px;
        margin-right: 20px;
        display: inline-block;
    }
    .frame_kuang_right_c{
        display: none;
    }
    .frame_to_kuang {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }
    a.frame_to_kuang_a {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 8px;
    }
    img.frame_to_kuang_img {
        width: 39%;
        border-radius: 8px;
    }
    .frame_to_kuang_a1 {
        width: 57%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .frame_to_kuang_c {
        text-align: left;
    }
    a.frame_kuang_t_left_t {
        font-size: 16px;
    }
    .frame_kuang_t_left_t1{
        display: none;
    }
    a.f_See {
        font-size: 12px;
        line-height: 16.48px;
    }
    .frame_kuang {
        width: 94%;
        padding: 12px 3%;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .frame_to_kuang_a1_t {
        font-size: 12px;
        line-height: 15.48px;
        margin-top: 10px;
        min-height: 30px;
        text-align: center;
    }
    .an_Inquire {
        border-radius: 215px;
        border: 1px solid rgba(221, 221, 221, 1);
        padding: 6px 20px;
        margin-top: 15px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        display: block;
    }
    .product-list {
        overflow-x: scroll;
        white-space: nowrap;
        margin-top: 10px;
        width: 100%;
    }
    a.product-list_a,div.product-list_a {
        width: 101px;
        margin-right: 20px;
        display: inline-block;
    }
    .rs-list {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.list_frame_t2 {
        font-size: 12px;
        line-height: 15.84px;
    }
    .rs-list_frame {
        width: 96%;
        display: flex;
        border-radius: 6px;
        background: rgba(245, 245, 245, 1);
        padding: 20px 2%;
        flex-direction: column;
        position: relative;
        margin-top: 35px;
    }
    img.rs-list_frame_img {
        width: 15%;
        border-radius: 50%;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e1e1e1;
        color: white;
    }
    a.list_frame_t {
        width: 100%;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 23.76px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    a.list_frame_t1 {
        margin-top: 10px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    img.list_frame_t1_img {
        width: 16%;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
    }
    .list_frame_title {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    a.list_frame_k_a {
        width: 30%;
        border-radius: 6px;
        overflow: hidden;
        margin: 0 1.3%;
    }
    .mod-regions {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .regions_a_title {
        font-size: 14px;
        line-height: 18.5px;
        margin-left: 2%;
    }
    .frame_kuang1{
        display: none;
    }
    a.mod-regions_a {
        width: 96%;
        padding: 8px 2%;
        margin-top: 12px;
    }
    .mod-regions_a img{
        width: 10%;
    }
    .frame_kuang_s1 {
        margin-top: 20px !important;
        width: 100%;
    }
    .swiper-wrapper_s {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .swiper-wrapper_s {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .top_title {
        white-space: break-spaces;
    }
    .swiper-slide2{
        margin-right: 20px;
    }
    .frame_kuang2_frame_a img{
        height: 180px;
    }
    .frame_kuang2_frame_a_t {
        font-size: 14px;
        line-height: 18.5px;
        margin-top: 10px;
    }
    .frame_kuang2 {
        width: 94%;
        padding: 12px 3%;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
    }
    a.frame_kuang2_frame_a {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #151515;
    }
    .frame_kuang2_frame .frame_kuang2_frame_a:last-child{
        border-bottom: 0px solid #151515;
        padding-bottom: 0px;
    }
    .frame_kuang2_frame1 {
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
        margin-top: 15px;
    }
    a.frame_kuang2_frame1_a {
        display: inline-block;
        width: 60%;
        margin-right: 20px;
        white-space: normal;
    }
    .frame_kuang2_frame1_a_t {
        width: 100%;
        display: flex;
        margin-top: 10px;
    }
    .tuijian {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 45%);
        justify-content: space-between;
    }
    .frame_kuang_2 {
        width: 94%;
        padding: 12px 3%;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
    }
    .frame_kuang_2_left {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .frame_kuang_2_left_t {
        width: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: baseline;
        font-weight: 700;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        vertical-align: top;
        font-size: 16px;
    }
    a.frame_kuang_2_left_see {
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        font-size: 12px;
        line-height: 16.48px;
    }
    .frame_kuang_2_right {
        width: 100%;
        margin-top: 20px;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .tb-list {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .tb-list_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        align-items: flex-start;
    }
    .tb-list_frame_a1 img {
        width: 100%;
    }
    a.tb-list_frame_a1 {
        width: 15%;
    }
    .list_frame_r {
        width: 80%;
        display: flex;
        flex-direction: column;
    }
    a.list_frame_r_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    .tb-sup {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 10px;
    }
    img.tb-sup_img {
        width: 22%;
        height: 16px;
        padding-right: 2%;
    }
    .years {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
    }
    .tb-txt {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 10px;
    }
    .tb-img {
        margin-top: 20px;
        width: 125%;
        padding: revert;
        margin-left: -25%;
        z-index: 99999;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    a.tb-img_a {
        width: 23%;
        height: 84px;
        border-radius: 6px;
        display: flex;
        overflow: hidden;
    }
    .tb-img_a img{
        width: 100%;
        height: 100%;
    }
    .frame_kuang_left1.frame_kuang_left2 {
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        margin-top: 0px;
        padding-top: 16px;
    }
    .frame_kuang_right1 {
        border-radius: 8px;
        overflow: hidden;
        margin-top: 15px;
        height: 108px;
    }
    .frame_kuang_left2 .frame_kuang_left1_a .frame_kuang_left1_a_t{
        color: rgba(51, 51, 51, 1);
        white-space: break-spaces;
    }
    .frame_kuang_left2 .frame_kuang_left1_a {
        padding-bottom: 16px;
    }
    .header{
        display: none;
    }
    .head— {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        background: #fff;
    }
    .head {
        width: 94%;
        opacity: 1;
        padding: 10px 3%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .head_bottom a {
        width: 30%;
    }
    img.img_log1 {
        height:auto;
        width: 100%;
    }
    .ss_frame {
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 87, 51, 1);
        width: 50%;
        padding: 5px 12px;
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    img.ss_frame_img {
        width: 8%;
    }
    input.ss_frame_input {
        border: 1px solid rgba(255, 255, 255, 1);
        width: 88%;
    }
    a.tabs-wrap_a {
        font-size: 14px;
        line-height: 18.5px;
    }
    .tabs-wrap_title{
        display: none;
    }
    .tabs-wrap_checkbox{
        display: none;
    }
    .form-list{
        display: none;
    }
    div.datuAndLiebiao_a {
        width: 48%;
    }
    .datuAndLiebiao{
        width: 96%;
        padding: 0px 2%;
    }
    .datuAndLiebiao_a_title {
        font-size: 12px;
        line-height: 15.8px;
    }
    .frame_right_right_s11{
        display: flex;
        flex-wrap: wrap;
    }
    .frame_right_right_s11 > div{
        width: 100%;
    }
    .datuAndLiebiao.active .datuAndLiebiao_a .datuAndLiebiao_a_x {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .datuAndLiebiao.active .datuAndLiebiao_a .datuAndLiebiao_a_x .frame_right_right_s {
        display: none;
    }
    .productPaging {
        margin-top: 10px;
    }
    .fenye {
        height: 40px;
        opacity: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 20px auto 0px;
        border-radius: 8px;
        flex-wrap: wrap;
        padding: 0px 10px;
    }
    .shang {
        width: 22px;
        height: 22px;
        border-radius: 50%;
    }
    .shang1 {
        width: 22px;
        height: 22px;
        font-size: 12px;
        font-family: TsangerFeiBai, TsangerFeiBai-W05;
        font-weight: normal;
        text-align: center;
        color: #333333;
        line-height: 22px;
        letter-spacing: 0.12px;
        margin-left: 10px;
        border-radius: 50%;
    }
    .productPaging{
        width: 100%;
    }
    .People_frame {
        margin-top: 20px;
        width: 94%;
        padding: 12px 3%;
        display: flex;
        flex-direction: column;
        background: #fff;
    }
    a.People_frame_a {
        font-size: 14px;
        line-height: 18.5px;
    }
    .People1_frame {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 48%);
        justify-content: space-between;
    }
    a.People1_frame_a {
        font-size: 12px;
        line-height: 15.8px;
    }
    a.People_frame_c {
        font-size: 12px;
        line-height: 15.8px;
    }

    .route.route1 {
        width: 96%;
        padding: 10px 2%;
        display: flex;
        white-space: nowrap;
        flex-wrap: unset;
    }
    .route.route1 .route_div {
        padding: 0 5px;
    }
    #post_ok {
        width: 50%;
    }
    #post_ok > span{
        font-size: .8rem;
    }

}








.Large_r_frame {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
a.Large_r_frame_a {
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(245, 81, 94, 1) 0%, rgba(255, 116, 41, 1) 100%);
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
}
a.Large_r_frame_New {
    border-radius: 2px;
    background: rgba(252, 233, 233, 1);
    margin-left: 2%;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(231, 37, 40, 1);
    text-align: left;
    vertical-align: top;
    padding: 0px 3px;
}
.Large_r_frame_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.order-history {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.order-history_t {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-right: 10px;
}
.price-coupon-box {
    border-radius: 6px;
    background: rgba(245, 245, 245, 1);
    margin-top: 15px;
    padding: 10px 3%;
    width: 94%;
    display: flex;
    flex-direction: column;
}
.price-us {
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    font-weight: 700;
}
.price-us1 {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    margin-top: 5px;
}
.price-us1 span{
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
}
.price_frame {
    width: 100%;
    margin-top: 7px;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    padding-bottom: 20px;
}
.price_frame_1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.Quantity {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
}
.FOB.Price {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
}
.Quantity_t {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.FOB.Price_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.price_frame1 {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.FOB.Price1 {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.company-info_t {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: 18.48px;
}
.company-info_f_a_img{
    width: 100%;
    height: 100%;
}
.Response {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(51, 51, 51, 1);
}
.Response span{
    color: rgba(67, 207, 124, 1);
}
.Business {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}
.key {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
a.key_a {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    vertical-align: top;
    padding: 6px 0px;
    width: 45%;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 203px;
}
.descriptions_frame {
    border: 1px solid rgba(221, 221, 221, 1);
    width: 578px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.descriptions_frame_t {
    border-right: 1px solid rgba(221, 221, 221, 1);
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FAQ_frame_f .descriptions_1 .descriptions_frame .descriptions_frame_t {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}
.descriptions_frame .descriptions_frame_t:last-child{
    border-right: 0px solid rgba(221, 221, 221, 1);
}
.descriptions {
    margin-top: 20px;
}
.qeihuan_frame_t.active {
    color: #ff5733;
    border-bottom: 1px solid #ff5733;
    padding-bottom: 13px;
}
.Specifications_t {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 21.12px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
}
img.Specifications_img {
    margin-top: 15px;
    width: 100%;
}
.descriptions1 {
    width: 100%;
    border: 1px solid rgba(221, 221, 221, 1);
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.FAQ_frame {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.FAQ_frame_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(255, 87, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
}
.FAQ_frame_s {
    width: 100%;
    display: flex;
    flex-direction: column;
}
a.FAQ_frame_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.FAQ_frame_a_title {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.FAQ_frame_a_c {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 5px;
}
.FAQ_frame_title1 {
    font-size: 16px;
    line-height: 21.12px;
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
}
a.FAQ_frame_a1 {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 15px;
}
.swiper-button-next1{
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.frame_kuang_qh {
    width: 100%;
    display: flex;
    flex-direction: column;
}
a.FAQ_frame_f1_a {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FAQ_To {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}
.FAQ_To span{
    color: rgba(153, 153, 153, 1);
}
.wbk_frame_t {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
}
a.Send_Inquiry {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    border-radius: 216px;
    background: linear-gradient(90deg, rgba(234, 41, 55, 1) 0%, rgba(252, 111, 91, 1) 100%);
}
a.frame_kuang_2_left1_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
}
.frame_kuang_2_right1_s {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.frame_right1_t {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.frame_right1_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.frame_right1_c {
    width: 100%;
    display: flex;
    flex-direction: column;
}
a.frame_right1_c_a {
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: top;
    width: 100%;
    display: block;
}
a.frame_More {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(0, 102, 203, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}
img.More_img {
    width: 14px;
    margin-left: 2%;
    height: 14px;
}
a.frame_kuang_3_a {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.frame_3_kuang_a {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    padding: 7px 14px;
    border-radius: 4px;
    background: rgba(245, 247, 250, 1);
    border: 1px solid rgba(206, 211, 217, 1);
    margin-right: 10px;
}
.frame_3_kuang_zy_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.frame_3_kuang_zy_c {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 10px;
}
img.ad_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.frame_kuang_5_left_img{
    width: 100%;
    height: 100%;
}
.frame_kuang_5_right {
    display: flex;
    flex-direction: column;
}
.frame_kuang_5_right_t {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.frame_kuang_5_right_c {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 12px;
    width: 100%;
}
.frame_right_lei_t {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(102, 102, 102, 1);
}
.frame_right_lei_t span{
    color: #000;
}
.frame_right_lei1 .frame_right_lei_a:nth-child(2){
    margin-left: 5%;
}
a.frame_right_lei_a.frame_right_lei_a1 {
    border: 1px solid rgba(221, 221, 221, 1);
    background: #fff;
}
.frame_right_lei_a1 .frame_right_lei_a_t{
    color: #000;
}
.frame_right_article {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.frame_right_article_h2 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.frame_right_article_c {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 3px;
}
a.View_More {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(0, 102, 203, 1);
    text-align: left;
    vertical-align: top;
}
.frame_right_right_s{
    width: 100%;
}
.wiper_t{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
a.Company_frame_a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.Company_r_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Company_r_China {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.Brochure_left_t {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.swiper-slide3:hover .wiper_di .an_Inquire{
    background: linear-gradient(90deg, rgba(233, 39, 54, 1) 0%, rgba(252, 111, 92, 1) 100%);
    color: #fff;
}
.modal {
    display: none; /* 隐藏模态框 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    width: 50%;
    border-radius: 6px;
    text-align: center;
    z-index: 10000;
    padding: 10px;
    box-shadow: 4px 5px 6px 0px #343232;
    border: 1px solid #e5e5e5;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.FAQ_frame_title1_sbd {
    font-size: 16px;
    line-height: 21.12px;
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding-bottom: 10px;
}
.FAQ_To_sbd {
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}
.FAQ_To_sbd span {
    color: rgba(153, 153, 153, 1);
}
.wbk_frame_t_sbd {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
}
a.l_a_n{
    color: #0066cb!important;
}











@media (min-width: 751px) {
    .swiper-button-prev {
        color: #fff;
    }
    .swiper-button-next {
        color: #fff;
    }
    ::-webkit-scrollbar {
        width: 8px;
        height: 1px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.2);
    }
    ::-webkit-scrollbar-track {
        background: #f8f8f8;
    }
    .frame_swiper {
        width: 400px;
    }
    .swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
        width: 400px;
        height: 400px;
        border-radius: 8px;
    }
    div#swiper-wrapper-410b32e1109b6466c7 {
        height: 60px;
    }
    /*.swiper-slide img{*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    border-radius: 4px;*/
    /*}*/
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
        margin-top: 20px;
    }
    .swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
        width: 100%;
        height: 400px;
    }
    .w_sdivi{
        height: 300px;
        width: 300px;
        vertical-align: middle;
        position: relative;
    }
    .w_sdivi > img{
        max-width: 300px;
        max-height: 300px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .w_divi{
        height: 70px;
        width: 70px;
        vertical-align: middle;
        position: relative;
    }
    .w_divi > img{
        max-width: 70px;
        max-height: 70px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .xh_divi{
        height: 200px;
        width: 220px;
        vertical-align: middle;
        position: relative;
    }
    .xh_divi > img{
        max-width: 200px;
        max-height: 200px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .li_divi{
        height: 280px;
        width: 280px;
        vertical-align: middle;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }
    .li_divi > img{
        max-width: 250px;
        max-height: 250px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .dxg_divi{
        vertical-align: middle;
        position: relative;
    }
    .dxg_divi > img{
        max-width: 98px;
        max-height: 98px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .dxgx_divi{
        width: 220px;
        height: 220px;
        vertical-align: middle;
        position: relative;
        border: 1px solid #ededed;
        border-radius: .2rem;
    }
    .dxgx_divi > img{
        max-width:  220px;
        max-height: 220px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .cos_divi{
        width: 250px!important;
        height: 250px!important;
        vertical-align: middle;
        position: relative;
        border: 1px solid #ededed;
        border-radius: .2rem;
    }
    .cos_divi > img{
        max-width:  250px;
        max-height: 250px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    div.product-list_a .frame_right_right_s {
        min-height: 18px;
    }
    .Large_r {
        width: 530px;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .Large_r_frame_t {
        font-size: 26px;
        line-height: 36px;
    }
    .order-history {
        margin-top: 13px;
    }
    .price-us {
        font-size: 22px;
        line-height: 29.04px;

    }
    .price-us1 {
        font-size: 16px;
        line-height: 21.12px;
    }
    .Quantity {
        width: 20%;
    }
    .Quantity_t{
        width: 20%;
    }
    .FOB.Price_t {
        font-size: 20px;
        line-height: 26.4px;
    }
    .FOB.Price1 {
        font-size: 16px;
        line-height: 21.12px;
        width: 80%;
    }
    .number_frame {
        width: 130px;
        height: 36px;
        opacity: 1;
        border-radius: 4px;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-top: 30px;
        padding: 0px 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .number_frame_img{
        width: 16px;
        height: 16px;
    }
    .button-box {
        width: 100%;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .Inquire {
        width: 200px;
        height: 48px;
        opacity: 1;
        border-radius: 4px;
        background: linear-gradient(90deg, rgba(234, 41, 55, 1) 0%, rgba(252, 111, 91, 1) 100%);
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 48px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
    }
    .Start {
        width: 200px;
        height: 48px;
        opacity: 1;
        border-radius: 4px;
        background: linear-gradient(90deg, rgba(252, 162, 66, 1) 0%, rgba(252, 170, 83, 1) 100%);
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 48px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
        margin-left: 20px;
    }
    .Add_Cart {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .Add_Cart span{
        margin-left: 10px;
    }
    .Payment {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .Payment_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(102, 102, 102, 1);
        text-align: left;
        vertical-align: top;
    }
    a.Payment_a {
        width: 60px;
        height: 24px;
        opacity: 1;
        border-radius: 2px;
        display: flex;
        margin-left: 10px;
    }
    .Payment_img{
        width: 100%;
        height: 100%;
    }
    .Samples {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(102, 102, 102, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 12px;
    }
    .company-info {
        width: 210px;
        opacity: 1;
        border-radius: 6px;
        background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
        border: 1px solid rgba(221, 221, 221, 1);
        position: absolute;
        right: 0px;
        z-index: 9999;
        padding: 15px;
        display: flex;
        flex-direction: column;
    }
    .company-info_f {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.company-info_f_a {
        width: 44px;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
        margin-top: 5px;
    }
    a.company-info_f_a1 {
        width: 62px;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
        display: flex;
    }
    .company-kuang {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 5px;
        text-indent: 0.5rem;
    }
    .descriptions {
        width: 1160px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .descriptions_frame_t {
        width: 25%;
        padding: 10px 2%;
        font-size: 14px;
        line-height: 18.48px;
    }
    .descriptions_frame_t.descriptions_frame_t1 {
        width: 65%;
        padding: 10px 2%;
        font-size: 14px;
        line-height: 18.48px;
    }
    .qeihuan_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
    }
    .qeihuan_frame_t {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 29.04px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-right: 40px;
    }
    .FAQ_frame_title {
        font-size: 22px;
        line-height: 29.04px;
    }
    .FAQ_frame_a_title {
        font-size: 14px;
        line-height: 18.48px;
    }
    .FAQ_frame_a_c {
        font-size: 14px;
        line-height: 18.48px;
    }
    a.FAQ_frame_a1 {
        font-size: 14px;
        line-height: 18.48px;
    }
    .FAQ_frame_f {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .FAQ_frame_f1 {
        display: grid;
        grid-template-columns: repeat(4, 24%);
        justify-content: space-between;
        width: 100%;
    }
    a.FAQ_frame_f1_a {
        font-size: 14px;
        line-height: 18.48px;
        margin-top: 20px;
    }
    .FAQ_To {
        font-size: 14px;
        line-height: 18.5px;
    }
    .wbk_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 15px;
    }
    textarea.layui-textarea.wbk_frame_nr {
        width: 1060px;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-left: 20px;
    }
    .wbk_frame_t {
        width: 70px;
    }
    input.wbk_input {
        width: 1050px;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-left: 20px;
        border-radius: 4px;
        min-height: 42px;
        padding-left: 10px;
    }
    a.Send_Inquiry {
        font-size: 14px;
        line-height: 18.48px;
        padding: 10px 35px;
        margin-top: 30px;
    }
    .frame_kuang_2_left1 {
        padding: 30px 25px;
        width: 230px;
        display: flex;
        flex-direction: column;
        background-image: url(../img/15.png);
        background-size: 100% 100%;
        align-items: center;
    }
    a.frame_kuang_2_left1_t {
        font-size: 24px;
        line-height: 31.68px;
    }
    .frame_kuang_2_right1 {
        width: 880px;
        padding: 0px 20px 16px;
        display: grid;
        grid-template-columns: repeat(4, 24%);
        justify-content: space-between;
    }
    .frame_right1_title {
        font-size: 16px;
        line-height: 21.12px;
        width: 100%;
    }
    .frame_right1_img{
        display: none;
    }
    a.frame_right1_c_a {
        font-size: 14px;
        line-height: 18.48px;
        margin-top: 20px;
    }
    a.frame_More {
        font-size: 14px;
        line-height: 18.48px;
    }
    .frame_kuang_3 {
        width: 1200px;
        opacity: 1;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }
    a.frame_kuang_3_a {
        font-size: 22px;
        line-height: 29.04px;
        width: 100%;
    }
    .frame_3_kuang {
        width: 1160px;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        margin-top: 20px;
        padding: 14px 20px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    a.frame_3_kuang_a {
        font-size: 14px;
        line-height: 18.48px;
        margin-bottom: 20px;
    }
    .frame_3_kuang1 {
        width: 1160px;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        margin-top: 20px;
        padding: 14px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .frame_3_kuang_zy {
        width: 49%;
        display: flex;
        flex-direction: column;
        border-right: 1px solid rgba(221, 221, 221, 1);
        align-items: flex-start;
    }
    .frame_3_kuang_zy_t {
        font-size: 16px;
        line-height: 21.12px;
    }
    .frame_3_kuang_zy_c {
        font-size: 14px;
        line-height: 18.48px;
    }
    .frame_3_kuang1 .frame_3_kuang_zy:last-child{
        border-right: 0px solid rgba(221, 221, 221, 1);
    }
    ul.header_ul {
        /* width: 900px; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .header_ul .item1 {
        display: flex;
        align-items: center;
        cursor: default;
        position: relative;
        font-size: 12px;
        margin-right: 24px;
    }
    .nav-show {
        left: -24px;
        overflow: hidden;
        position: absolute;
        top: 15px;
        display: none;
        width: 220px;
        z-index: 98;
        padding-top: 15px;
    }
    .item1:hover .nav-show{
        display: block;
    }
    .item2:after {
        background: #fff;
        -webkit-box-shadow: -2px -2px 8px -3px rgba(0,0,0,.12);
        box-shadow: -2px -2px 8px -3px rgba(0,0,0,.12);
        content: "";
        display: block;
        height: 12px;
        opacity: 0;
        position: absolute;
        right: 2px;
        top: 32px;
        /* -webkit-transform: rotate(45deg);
	    transform: rotate(45deg); */
        /* -webkit-transition: all .3s ease-in;
	    transition: all .3s ease-in; */
        width: 12px;
        z-index: 99;
    }
    .nav-show .nav-show-list{
        background: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
        padding: 10px 0;
    }
    .nav-show .nav-show-list .item1 {
        height: 32px;
        line-height: 32px;
        width: 100%;
    }
    .nav-show .nav-show-list .item1>a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 20px
    }
    .item1 .tit {
        color: #2d2d2d;
        font-size: 12px;
        margin-right: 4px;
    }
    .nav-show-list .item1:hover {
        background: rgba(245, 245, 245, 1);
    }
    i.layui-icon.item2_icon {
        height: 12px;
        width: 12px;
        font-size: 12px;
    }
    li.item1.item2:hover .item2_icon{
        transform: rotate(180deg);
    }
    img.item2_img {
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }
    img.nav_img {
        width: 100px;
        height: 56px;
    }
    .nav_select {
        /*border-left: 1px solid rgba(221, 221, 221, 1);*/
        padding: 7px 0px;
        padding-left: 16px;
        display: flex;
        flex-direction: column;
    }
    .tool_right_select1{
        border: 1px solid #fff;
    }
    a.nav_Follow {
        border-radius: 214px;
        border: 1px solid rgba(221, 221, 221, 1);
        padding: 7px 14px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-indent: 0.5rem;
    }
    .nav_Follow img{
        width: 18px;
        height: 18px;
    }
    .search-con1 .select_input{
        width: 300px;
    }

    .cnav-box {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        background: rgba(0, 102, 203, 1);
    }
    .cwrap {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cnav li {
        position: relative;
        float: left;
    }
    .cnav-link {
        padding: 0 18px !important;
    }
    .cnav-link {
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
    }
    .cnav-hide {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 22;
        width: 100%;
        font-size: 14px;
        border: 1px solid #eee;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #ffffff;
    }
    .cnav-hide .cnav-hide-item {
        display: block;
        width: 100%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }
    .cnav li:hover .cnav-link {
        display: inline-block;
        background: rgba(0, 83, 166, 1);
        color: #fff;
    }
    .cnav li:hover .cnav-link img{
        transform: rotate(180deg);
    }
    .cnav li:hover .cnav-hide {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }
    ul.cnav.cclr {
        width: 700px;
        display: flex;
    }
    .cnav-link img{
        margin-left: 8px;
    }
    .cwrap_r {
        width: 300px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    a.cwrap_r_a {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-left: 30px;
    }
    img.cwrap_r_a_img {
        width: 16px;
        height: 16px;
    }
    .cwrap_r_a_title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 10px;
    }
    .header_title {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url(../img/62.png);
        background-size: 100% 100%;
    }
    .header_title1 {
        width: 1200px;
        display: flex;
        flex-direction: column;
        padding: 12px 0px;
    }
    .title_t {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 29.04px;
        color: rgba(255, 255, 255, 1);
        vertical-align: top;
        width: 100%;
        text-align: center;
    }
    .title_c {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
        margin-top: 10px;
    }
    .picture_ {
        height: 400px;
        width: 100%;
    }
    .picture_ img{
        width: 100%;
        height: 100%;
    }




    .head—move{
        display: none;
    }
    .frame_kuang_5 {
        width: 1160px;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        margin-top: 20px;
        padding: 14px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    a.frame_kuang_5_left {
        width: 450px;
        height: 340px;
        opacity: 1;
        border-radius: 6px;
        position: relative;
        overflow: hidden;
    }
    img.ad_img {
        width: 64px;
        height: 64px;
    }
    .frame_kuang_5_right {
        width: 690px;
    }
    .frame_kuang_5_right_t {
        font-size: 16px;
        line-height: 21.12px;
    }
    .frame_kuang_5_right_c {
        font-size: 14px;
        line-height: 18.48px;
    }
    .frame_right_lei {
        width: 100%;
        margin-top: 8px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .frame_right_lei_t {
        margin-left: 10px;
    }
    .frame_right_lei .frame_right_lei_t:nth-child(1){
        margin-left: 0px;
    }
    a.frame_right_lei_a {
        border-radius: 212px;
        background: linear-gradient(90deg, rgba(233, 39, 54, 1) 0%, rgba(252, 111, 92, 1) 100%);
        padding: 9px 28px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    img.frame_right_lei_a_img {
        width: 16px;
        height: 16px;
    }
    .frame_right_lei_a_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 6px;
    }
    .frame_right_lei1 {
        width: 100%;
        margin-top: 12px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .frame_right_article_c {
        font-size: 14px;
        line-height: 18.48px;
    }
    .frame_right_article_c1 {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        justify-content: space-around;
        align-items: flex-start;
    }
    .frame_right_article_c_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 80%;
    }
    a.View_More {
        font-size: 14px;
        line-height: 18.48px;
    }
    .frame_switch_3 .thumb1_s .di a img{
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    .frame_switch_3 .thumb1_s .di a {
        width: 100px !important;
    }
    .frame_switch_3 .thumb1_s .di{
        margin-top: 20px;
    }
    .up_and_down {
        position: absolute;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        top: 45%;
        z-index: 9999;
        padding: 0px 0%;
    }
    .swiper-button-prev {
        width: 48px;
        height: 48px;
        opacity: 1;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-left: -10px;
    }
    .swiper-button-prev:after {
        font-size: 25px;
        color: #fff;
    }
    .swiper-button-next {
        width: 48px;
        height: 48px;
        opacity: 1;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-right: -10px;
    }
    .swiper-button-next:after {
        font-size: 25px;
        color: #fff;
    }
    .swiper-slide3 {
        width: 270px !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background: rgba(255, 255, 255, 1);
        overflow: hidden;
        margin-right: 20px;
        position: relative;
        border-radius: 8px;
        z-index: 9999;
        padding-bottom: 15px;
    }
    .swiper-slide3_img {
        width: 100%;
        height: 275px;
        position: relative;
    }
    img.wiper_img1 {
        width: 24px;
        height: 24px;
        position: absolute;
        bottom: 12px;
        right: 12px;
    }
    img.wiper_img2 {
        width: 32px;
        height: 32px;
        position: absolute;
        right: 12px;
        top: 12px;
    }
    .wiper_title {
        width: 100%;
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .wiper_title1 {
        border-radius: 2px;
        background: linear-gradient(90deg, rgba(245, 82, 94, 1) 0%, rgba(255, 117, 40, 1) 100%);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 3px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
    }
    img.wiper_title1_img {
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }
    .wiper_di {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    img.wiper_di_img {
        width: 24px;
        height: 24px;
        margin-left: 10px;
        margin-top: 15px;
    }
    .wiper_t {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(102, 102, 102, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 5px;
        min-height: 36px;
    }
    .Company_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    a.Company_frame_a {
        width: 210px;
    }
    img.Company_img {
        width: 62px;
        height: 62px;
    }
    .Company_r {
        width: 142px;
        display: flex;
        flex-direction: column;
    }
    .Company_r_t {
        font-size: 14px;
        line-height: 18.48px;
    }
    .Company_r_China {
        font-size: 14px;
        line-height: 18.48px;
        margin-top: 8px;
    }
    .frame_kuang_s1.frame_kuang_s2 {
        border-bottom: 1px solid rgba(221, 221, 221, 1);
        padding-bottom: 20px;
    }
    .Brochure_frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
    .Brochure_left {
        width: 200px;
        border-right: 1px solid rgba(221, 221, 221, 1);
        display: flex;
        flex-direction: column;
        padding-right: 10px;
    }
    .Brochure_left_t {
        font-size: 14px;
        line-height: 18.48px;
        width: 100%;
    }
    .Brochure_f {
        width: 200px;
        margin-top: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    img.Brochure_f_img {
        width: 42px;
        height: 42px;
        opacity: 1;
        border-radius: 2px;
        overflow: hidden;
    }
    .Brochure_title {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        width: 150px;
    }
    .Brochure_right {
        width: 930px;
        display: flex;
        flex-direction: column;
    }
    .Brochure_frame1 {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .Brochure_frame1 .Brochure_f{
        margin-right: 10px;
    }





    /*用户开始*/
    .login_frame {
        background-size: 100% 100%;
        height: 100%;
    }
    .fanhuizhuye {
        position: absolute;
        top: 48px;
        width: 48px;
        height: 48px;
        right: 48px;
    }
    .guanbi {
        position: absolute;
        top: 48px;
        width: 48px;
        height: 48px;
        left: 48px;
    }
    .frame_login {
        width: 350px;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .login_img{
        width: 112px !important;
        height: 112px !important;
    }
    .input_frame {
        width: 320px;
        /*height: 24px;*/
        opacity: 1;
        background: rgba(255, 255, 255, 0.3);
        margin-top: 20px;
        padding: 12px 15px;
    }
    input.input_input {
        width: 280px;
        color: #fff;
    }
    a.Email_a,input.Email_a {
        font-size: 16px;
        line-height: 21.12px;
        padding: 13px 0;
        width: 100%;
        text-align: center;
    }
    .login_or {
        margin-top: 16px;
        width: 100%;
    }
    .login_or::after{
        width: 150px;
        height: 1px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
    }
    .login_or::before{
        width: 150px;
        height: 1px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
    }
    .login_t {
        width: 280px;
    }

    /*用户中心*/
    .frame_user {
        width: 1200px;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .frame_user_shuru{
        max-width: 500px;
        padding: 2rem 3rem;
        background-color: #f9f9f9;
        box-shadow: 6px 6px 6px 0px #ebebeb;
        margin: 10rem auto 10rem auto;
        border-radius: .3rem;
    }
    .frame_user_shuru .input_frame{
        background:#d7d7d74d;
    }
    .frame_user_shuru .frame_user_shuru_an{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .frame_user_shuru .frame_user_shuru_an > input{
        color: white;
        background-color: #626262;
        padding: 8px;
        display: block;
        width: 134px;
        text-align: center;
        border-radius: 5px;
        margin: 10px;
    }
    .frame_user_shuru .frame_user_shuru_an > a{
        color: white;
        background-color: #626262;
        padding: 10px;
        display: block;
        width: 106px;
        text-align: center;
        border-radius: 5px;
        margin: 10px;
        float: right;
    }
    .frame_user_tishi{
        max-width: 500px;
        padding: 2rem 3rem;
        background-color: #f9f9f9;
        box-shadow: 6px 6px 6px 0px #ebebeb;
        margin: 10rem auto 10rem auto;
        border-radius: .3rem;
    }
    .frame_user_tishi > p{
        padding: 20px 10px;
        font-size: 18px;
    }
    .frame_user_tishi > a{
        color: white;
        background-color: #626262;
        padding: 10px;
        display: block;
        width: 106px;
        text-align: center;
        border-radius: 5px;
        margin: 10px;
        float: right;
    }
    .frame_kuang1_user {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        align-items: flex-start;
    }
    .comment_Sign {
        font-size: 14px;
        line-height: 18.48px;
        padding: 10px 12px;
        margin-top: 20px;
    }
    .comment_input1_s {
        width: 760px !important;
        padding: 20px;
        border-radius: .2rem;
    }
    .frame_left1_user {
        width: 200px;
        display: flex;
        flex-direction: column;
    }
    .frame_left1_a {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(153, 153, 153, 1);
        text-align: center;
        vertical-align: top;
        padding: 15px 0px;
        width: 100%;
    }
    .frame_left1_a.active {
        background: rgba(244, 240, 136, 1);
        color: #000;
        border-radius: .2rem;
    }
    .frame_right1_user {
        border: 1px solid rgba(229, 229, 229, 1);
        width: 940px;
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: .2rem;
        background-color: white;
    }
    img.center_head_s_img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
    }
    .center_head_s_right {
        width: 850px;
        display: flex;
        flex-direction: column;
    }
    .sheng_cheng1_gr {
        width: 250px;
        height: 48px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        padding: 0px 7px;
        margin-top: 10px;
        border-radius: .2rem;
    }
    .rili {
        width: 250px;
        height: 48px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 7px;
        justify-content: space-between;
        margin-top: 10px;
        border-radius: .2rem;
    }
    .rili input {
        border: 0px solid rgb(255 255 255);
        width: 90%;
    }
    .layui-inline.select_frame {
        margin-left: 20px;
    }
    .frame_user input.select_input {
        width: 515px;
        height: 48px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        padding: 0px 10px;
        margin-top: 10px;
        border-radius: .2rem;
    }
    .select_top1 #guojiaid{
        width: 535px;
        height: 48px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        padding: 0px 10px;
        margin-top: 10px;
        border-radius: .2rem;
    }
    .center_head_s2 {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .center_head_s2 .select_top2:last-child{
        margin-left: 35px;
    }
    .frame_left1_a:hover{
        background: rgba(244, 240, 136, 1);
        color: #000;
    }

    /*用户结束*/


    .frame_kuang_sbd {
        width: 94%;
        opacity: 1;
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        padding: 3%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .FAQ_To_sbd {
        font-size: 14px;
        line-height: 18.5px;
    }
    .wbk_frame_sbd {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 15px;
    }
    .wbk_frame_t_sbd {
        width: 20%;
    }
    input.wbk_input_sbd  {
        width: 71%;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-left: 3%;
        border-radius: 4px;
        min-height: 42px;
        padding: 0 1.5%;
    }
    textarea.layui-textarea.wbk_frame_nr_sbd {
        width: 74%;
        border: 1px solid rgba(221, 221, 221, 1);
        margin-left: 20px;
    }
}


@media (max-width:750px) {
    .frame_swiper {
        width: 100%;
    }
    .swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
        width: 100%;
        height: 180px;
    }
    /*.swiper-slide img {*/
    /*    width: 100%;*/
    /*    height: 180px;*/
    /*    border-radius: 4px;*/
    /*}*/
    a.swiper-slide.swiper-slide-visible.swiper-slide-active img{
        width: 100%;
        height: 100%;
    }
    .Large_image1_frame {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        padding-bottom: 20px;
    }
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs{
        display: none;
    }
    .lbt_s a img{
        height: 375px;
    }
    .lbt_s a{
        height: 375px;
    }
    .lbt_s1{
        height: 300px !important;
    }
    .w_sdivi{
        height: 300px;
        width: 300px;
        vertical-align: middle;
        position: relative;
    }
    .w_sdivi > img{
        max-width: 300px;
        max-height: 300px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .w_divi{
        height: 3rem;
        width: 3rem;
        vertical-align: middle;
        position: relative;
    }
    .w_divi > img{
        max-width: 3rem;
        max-height:3rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .xh_divi{
        height: 100px;
        width: 100px;
        vertical-align: middle;
        position: relative;
    }
    .xh_divi > img{
        max-width: 100px;
        max-height: 100px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .li_divi{
        height: 130px;
        width: 100%;
        vertical-align: middle;
        position: relative;
    }
    .li_divi > img{
        max-width: 100px;
        max-height: 100px;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .id_divi{
        height: 3rem;
        width: 100%;
        vertical-align: middle;
        position: relative;
    }
    .id_divi > img{
        max-width: 100%;
        max-height: 3rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .idl_divi{
        height: 5rem;
        width: 100%;
        vertical-align: middle;
        position: relative;
    }
    .idl_divi > img{
        max-width: 100%;
        max-height: 5rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .dxg_divi{
        height: 6rem;
        vertical-align: middle;
        position: relative;
        border: 1px solid #ededed;
    }
    .dxg_divi > img{
        max-width: 100%;
        max-height: 6rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .dxgx_divi{
        width: 6rem;
        height: 6rem;
        vertical-align: middle;
        position: relative;
        border: 1px solid #ededed;
        border-radius: .2rem;
    }
    .dxgx_divi > img{
        max-width: 6rem;
        max-height: 6rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    .cos_divi{
        width: 7rem!important;
        height: 7rem!important;
        vertical-align: middle;
        position: relative;
        border: 1px solid #ededed;
        border-radius: .2rem;
        margin: 0 auto;
    }
    .cos_divi > img{
        max-width: 7rem;
        max-height: 7rem;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto!important;
    }
    div.product-list_a {
        width: 101px;
        margin-right: 20px;
        display: inline-block;
        height: 220px;
    }
    div.product-list_a .frame_right_right_s {
        min-height: 19px;
    }
    div.product-list_a .frame_to_kuang_a2 > a {
        margin-top: 10px;
    }
    .datuAndLiebiao.active .li_divi{
        height: 200px;
        width: 100%;
    }
    .datuAndLiebiao.active .li_divi > img{
        max-width: 179px;
        max-height: 180px;
    }
    .Large_r {
        width: 94%;
        padding: 15px 3%;
        display: flex;
        flex-direction: column;
    }
    .Large_r_frame_t {
        font-size: 26px;
        line-height: 36px;
        margin-top: 5px;
    }
    .order-history {
        margin-top: 7px;
    }
    .price-us {
        font-size: 14px;
        line-height: 21px;

    }
    .price-us1 {
        font-size: 12px;
        line-height: 15.8px;
    }
    .Quantity {
        width: 45%;
    }
    .Quantity_t{
        width: 45%;
    }
    .FOB.Price_t {
        font-size: 14px;
        line-height: 18.5px;
    }
    .FOB.Price1 {
        font-size: 12px;
        line-height: 15.8px;
        width: 48%;
    }
    .number_frame{
        display: none;
    }
    .button-box {
        width: 100%;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .Inquire {
        width: 8rem;
        height: 2rem;
        opacity: 1;
        border-radius: 4px;
        background: linear-gradient(
                90deg, rgba(234, 41, 55, 1) 0%, rgba(252, 111, 91, 1) 100%);
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 2rem;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: top;
    }
    .Payment{
        display: none;
    }
    .Samples{
        display: none;
    }
    .company-info_f {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 8px;
        align-items: center;
    }
    .company-info {
        width: 90%;
        margin: 0px 3%;
        display: flex;
        background: linear-gradient(
                180deg, rgba(245, 245, 245, 1) 0%, rgb(245 245 245 / 29%) 100%);
        flex-direction: column;
        padding: .5rem 2%;
        border-radius: 6px;
    }
    a.company-info_f_a {
        height: 16px;
        width: 12%;
    }
    .company-kuang {
        width: 85%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 5px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        margin-left: 2%;
    }
    a.company-info_f_a1 {
        width: 62px;
        height: 16px;
        opacity: 1;
        border-radius: 2px;
    }
    .descriptions {
        width: 100%;
        border: 1px solid rgba(221, 221, 221, 1);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .descriptions_frame_t {
        min-width: 25%;
        width: 25%;
        padding: 10px 2%;
        font-size: 12px;
        line-height: 15.8px;
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
    .descriptions_frame {
        min-width: 16rem;
        width: 100%;
    }
    .descriptions_frame_t.descriptions_frame_t1 {
        min-width: 66%;
        width: 66%;
        padding: 10px 2%;
        font-size: 12px;
        line-height: 15.8px;
    }
    .qeihuan_frame {
        width: 100%;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
        overflow-x: scroll;
        white-space: nowrap;
    }
    .qeihuan_frame_t {
        margin-right: 20px;
        display: inline-flex;
    }
    .FAQ_frame_title {
        font-size: 16px;
        line-height: 21px;
    }
    .FAQ_frame_a_title {
        font-size: 12px;
        line-height: 15.8px;
    }
    .FAQ_frame_a_c {
        font-size: 12px;
        line-height: 15.8px;
    }
    a.FAQ_frame_a1 {
        font-size: 12px;
        line-height: 15.8px;
    }
    .FAQ_frame_f {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.FAQ_frame_f1_a {
        font-size: 12px;
        line-height: 15.8px;
        margin-top: 10px;
    }
    .FAQ_frame_f1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .FAQ_To {
        font-size: 12px;
        line-height: 15.8px;
    }
    .wbk_frame {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }
    .wbk_frame_t {
        width: 100%;
    }
    textarea.layui-textarea.wbk_frame_nr {
        border: 1px solid rgba(221, 221, 221, 1);
        margin-top: 10px;
    }
    input.wbk_input {
        width: 100%;
        border: 1px solid rgba(221, 221, 221, 1);
        border-radius: 4px;
        height: 36px;
        margin-top: 5px;
        padding-left: 6px;
    }
    a.Send_Inquiry {
        font-size: 12px;
        line-height: 15.8px;
        padding: 10px 17px;
        margin-top: 16px;
    }
    a.frame_kuang_2_left1_t {
        font-size: 16px;
        line-height: 21px;
    }
    .frame_kuang_2_left1 {
        padding: 12px 3%;
        width: 94%;
        display: flex;
        flex-direction: column;
        background-image: url(../img/15.png);
        background-size: 100% 100%;
        align-items: center;
        height: 150px;
        border-radius: 8px;
    }
    .frame_kuang_2_right1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .frame_right1_title {
        font-size: 14px;
        line-height: 18.5px;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    img.frame_right1_img {
        width: 6%;
    }
    a.frame_right1_c_a {
        font-size: 12px;
        line-height: 15.8px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .frame_right1_c{
        display: none;
    }
    .frame_right1_t.clicked img{
        transform: rotate(180deg);
    }
    .hidden {
        display: block;
    }
    a.frame_More {
        font-size: 12px;
        line-height: 15.8px;
    }
    .frame_kuang_3 {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    a.frame_kuang_3_a {
        line-height: 21px;
        width: 94%;
        padding: 0px 3%;
        font-size: 16px;
    }
    a.frame_3_kuang_a {
        font-size: 12px;
        line-height: 15.8px;
        margin-bottom: 10px;
    }
    .frame_3_kuang {
        width: 94%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 10px 3% 0px;
        background: #fff;
        margin-top: 10px;
    }
    .frame_3_kuang1 {
        width: 94%;
        display: flex;
        flex-direction: column;
        padding: 10px 3% 0px;
        background: #fff;
        margin-top: 10px;
    }
    .frame_3_kuang_zy {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
        align-items: flex-start;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .frame_3_kuang_zy_t {
        font-size: 14px;
        line-height: 18.5px;
    }
    .frame_3_kuang_zy_c {
        font-size: 12px;
        line-height: 15.8px;
    }
    .frame_3_kuang1 .frame_3_kuang_zy:last-child{
        margin-bottom: 0px;
        border-bottom: 0px solid rgba(221, 221, 221, 1);
    }
    a.head_bottom_a {
        width: 7% !important;
    }


    .head—move {
        width: 94%;
        padding: 0px 3%;
        display: flex;
        flex-direction: column;
    }
    .head—move_upper {
        border-radius: 8px;
        background: rgba(255, 255, 255, 1);
        padding: 12px 2%;
        width: 96%;
        margin-top: 12px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
    }
    img.head—move_upper_img {
        width: 14%;
    }
    .move_upper_r {
        width: 84%;
        display: flex;
        flex-direction: column;
    }
    .upper_r {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .upper_r_title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    a.upper_r_Follow {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        border-radius: 201px;
        border: 1px solid rgba(221, 221, 221, 1);
        padding: 5px 5%;
    }
    li.item_s {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18.48px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        display: inline-block;
        margin-top: 16px;
        margin-right: 16px;
    }
    li.item_s.active a {
        color: rgba(212, 48, 48, 1);
    }
    li.item_s.active {
        border-bottom: 2px solid rgba(212, 48, 48, 1);
        padding-bottom: 4px;
    }
    a.picture_ {
        height: 140px;
        opacity: 1;
        border-radius: 8px;
        width: 100%;
        margin-top: 12px;
        overflow: hidden;
    }
    .picture_img{
        width: 100%;
        height: 100%;
    }
    .frame_kuang_5 {
        width: 94%;
        padding: 12px 3%;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    a.frame_kuang_5_left {
        width: 100%;
        height: 160px;
        overflow: hidden;
        border-radius: 6px;
        position: relative;
    }
    img.ad_img {
        width: 15%;
    }
    .frame_kuang_5_right {
        width: 100%;
        margin-top: 20px;
    }
    .frame_kuang_5_right_t {
        font-size: 14px;
        line-height: 18.5px;
    }
    .frame_kuang_5_right_c {
        font-size: 12px;
        line-height: 15.8px;
    }
    .frame_right_lei {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .frame_right_lei_t {
        margin-top: 8px;
    }
    .frame_right_lei_a_img{
        display: none;
    }
    .frame_right_lei_a_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
        padding: 10px;
    }
    .frame_right_lei1 {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 13px;
    }
    a.frame_right_lei_a {
        border-radius: 212px;
        background: linear-gradient(90deg, rgba(233, 39, 54, 1) 0%, rgba(252, 111, 92, 1) 100%);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .frame_right_article_c {
        font-size: 12px;
        line-height: 15.8px;
    }
    .frame_right_article_c1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.View_More {
        font-size: 12px;
        line-height: 15.8px;
        margin-top: 10px;
    }
    .frame_right_article_c_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: left;
        vertical-align: top;
        width: 100%;
        margin-top: 10px;
    }
    .frame_switch_3 .thumb1_s .di a img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }
    .frame_switch_3 .thumb1_s .di{
        transform: translate3d(0px, 0px, 0px) !important;
        overflow-x: scroll;
        white-space: nowrap;
        margin-top: 20px;
    }
    .frame_switch_3 .thumb1_s .di a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .buhua {
        transform: translate3d(0px, 0px, 0px) !important;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .swiper-slide3 {
        width: 46% !important;
        display: flex;
        flex-direction: column;
        padding: 10px 2%;
    }
    .swiper-slide3_img {
        width: 100%;
        position: relative;
    }
    .wiper_img1{
        display: none;
    }
    .wiper_img2{
        position: absolute;
        right: 8px;
        bottom: 8px;
        width: 24px !important;
        height: 24px !important;
    }
    .wiper_title1 {
        border-radius: 2px;
        background: linear-gradient(90deg, rgba(245, 82, 94, 1) 0%, rgba(255, 117, 40, 1) 100%);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 3px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        vertical-align: top;
    }
    .wiper_title1_img{
        width: 12px !important;
        height: 12px !important;
    }
    .wiper_title {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 10px;
    }
    .wiper_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(102, 102, 102, 1);
        text-align: left;
        vertical-align: top;
        margin-top: 5px;
        min-height: 30px;
    }
    .wiper_di_img{
        display: none;
    }
    .wiper_di .an_Inquire {
        display: block;
        border-radius: 214px;
        border: 1px solid rgba(221, 221, 221, 1);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        vertical-align: top;
        padding: 6px;
        margin-top: 10px;
    }
    .up_and_down{
        display: none;
    }
    .Company_frame {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.Company_frame_a {
        width: 100%;
        margin-top: 15px;
    }
    .Company_r_t {
        font-size: 12px;
        line-height: 15.8px;
    }
    .Company_r_China {
        font-size: 12px;
        line-height: 15.8px;
        margin-top: 6px;
    }
    img.Company_img {
        width: 15%;
    }
    .Company_r {
        width: 80%;
        display: flex;
        flex-direction: column;
    }
    .frame_kuang_s2{
        display: none;
    }
    .Brochure_left_t {
        font-size: 14px;
        line-height: 18.48px;
        width: 100%;
    }
    .Brochure_frame {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }
    a.Brochure_f {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    img.Brochure_f_img {
        width: 12%;
    }
    .Brochure_title {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 15.84px;
        color: rgba(153, 153, 153, 1);
        text-align: left;
        vertical-align: top;
        width: 85%;
    }
    .Brochure_right {
        width: 100%;
        margin-top: 15px;
    }
    .Brochure_frame1 {
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
    }
    .Brochure_frame1 .Brochure_f {
        width: 50%;
        display: inline-flex;
        margin-right: 20px;
    }
    .Brochure_frame1 .Brochure_f .Brochure_f_img {
        width: 42px;
        height: 42px;
    }
    .Brochure_frame1 .Brochure_f .Brochure_title{
        width: 70%;
    }



    /*用户开始*/
    .login_frame {
        background-size: 100% 100%;
        height: 100% !important;
    }
    .guanbi {
        position: absolute;
        top: 15px;
        width: 25px;
        height: 25px;
        right: 15px;
    }
    .fanhuizhuye {
        position: absolute;
        top: 15px;
        width: 25px;
        height: 25px;
        left: 15px;
    }
    .frame_login {
        width: 90%;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .login_img{
        width: 72px !important;
        height: 72px !important;
    }
    .input_frame {
        width: 96%;
        /*height: 24px;*/
        opacity: 1;
        background: rgba(255, 255, 255, 0.3);
        margin-top: 15px;
        padding: 12px 2%;
    }
    .input_input {
        width: 90%;
        color: #fff;
    }
    a.Email_a,input.Email_a {
        font-size: 14px;
        line-height: 15px;
        width: 100%;
        padding: 15px 0px;
        text-align: center;
    }
    .login_or {
        margin-top: 15px;
    }
    .login_or::after{
        width: 45%;
        height: 1px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
    }
    .login_or::before{
        width: 45%;
        height: 1px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
    }
    .login_t {
        width: 90%;
    }

    /*用户中心*/
    .frame_user{
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
    }
    .frame_user_tishi{
        max-width: 82%;
        padding: 2rem 5%;
        background-color: #f9f9f9;
        box-shadow: 6px 6px 6px 0px #ebebeb;
        margin: 3rem auto;
        border-radius: .3rem;
    }
    .frame_user_tishi > p{
        padding: 1rem 0.6rem;
        font-size: 1rem;
    }
    .frame_user_tishi > a{
        color: white;
        background-color: #626262;
        padding: .6rem;
        display: block;
        width: 6rem;
        text-align: center;
        border-radius: .2rem;
        margin: .4rem;
        float: right;
    }
    .frame_kuang1_user {
        width: 96%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        padding: 0px 2%;
    }
    .comment_Sign {
        font-size: 12px;
        line-height: 15px;
        padding: 8px 17px;
        margin-top: 12px;
    }
    #user_images_u {
        width: 94%;
    }
    .top{
        margin-top: 12px !important;
    }
    .comment_input1_s {
        width: 96% !important;
        padding: 2%;
    }
    .frame_left1_user{
        overflow-x: scroll;
        white-space: nowrap;
        padding: 1rem 0;
        margin: 1rem 0;
    }
    .frame_left1_user > a.frame_left1_a{
        padding: .5rem 1rem;
        border: 1px solid #e5e5e5;
        margin-right: 0.5rem;
        border-radius: .3rem;
    }
    .frame_left1_user >.frame_left1_a.active {
        background: rgba(244, 240, 136, 1);
        color: #000;
        border-radius: .2rem;
        border: 1px solid rgba(244, 240, 136, 1);
    }
    .frame_right1_user {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    img.center_head_s_img {
        width: 15%;
        border-radius: 50%;
        overflow: hidden;
    }
    .center_head_s_right {
        width: 81%;
    }
    .sheng_cheng1_gr {
        width: 100%;
        height: 40px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        padding: 0px 7px;
        margin-top: 10px;
        border-radius: .2rem;
    }
    .select_top1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .select_top1 > textarea {
        width: 100%; height:10rem;
    }
    .layui-inline.select_frame {
        margin-top: 20px;
        width: 100%;
    }
    .rili {
        width: 96%;
        height: 40px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 2%;
        justify-content: space-between;
        margin-top: 10px;
    }
    .rili input {
        border: 0px solid rgb(255 255 255);
        width: 95%;
    }
    input.select_input {
        height: 40px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        margin-top: 10px;
        padding: 0px 7px;
        border-radius: .2rem;
    }
    .select_top1 #guojiaid{
        height: 40px;
        opacity: 1;
        border: 1px solid rgba(229, 229, 229, 1);
        margin-top: 10px;
        padding: 0px 7px;
        border-radius: .2rem;
    }
    .center_head_s2 {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .select_top2 {
        width: 48%;
        display: flex;
        flex-direction: column;
    }
    .center_Lowell_t{
        font-size: 14px;
    }


    /*用户结束*/
    .modal {
        width: 85%;
    }
    .wbk_frame_t_sbd {
        width: 100%;
    }
    input.wbk_input_sbd {
        width: 100%;
        border: 1px solid rgba(221, 221, 221, 1);
        border-radius: 4px;
        height: 36px;
        margin-top: 5px;
    }
    textarea.layui-textarea.wbk_frame_nr_sbd {
        border: 1px solid rgba(221, 221, 221, 1);
        margin-top: 10px;
    }
    a#cp_bt {
        clear: both;
        margin-top: 16px;
        display: block;
        text-align: center;
    }
}



/*评论开始*/
.Comments{
    margin-top: 1rem;
    clear: both;
}
.comment_frame1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 30px;
}
.Comment_options {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.select_top {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#provinceid {
    display: block !important;
    border-radius: 5px;
    border: 1px solid rgb(255 255 255);
    margin-left: 10px;
}
.Ranking {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.Ranking .border_none{
    border: none!important;
}
.Comment_box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    padding-bottom: 30px;
    margin-top: 20px;
}
.Comment_box_left {
    border-left: 1px solid rgba(229, 229, 229, 1);
    position: relative;
    width: 0%;
    height: auto;
    top: -6px;
}
.Comment_box_left_yuan {
    opacity: 1;
    position: relative;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.Comment_box_left_yuan img{
    width: 40px;
    margin-left: 25px;
    height: 100%;
    border-radius: 20%;
}
.Comment_box1 {
    width: 96%;
    display: flex;
    flex-direction: column;
}
.comment_top {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.comment_top_name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.comment_top_left {
    display: flex;
    flex-direction: column;
}
.comment_top_right {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
}
.comment_auto {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 16px;
}
.comment_buttom {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}
.Ranking_kuang2 .Comment_box .comment_buttom {
    margin: 10px 0;
}
.comment_See {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
}
.comment_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.comment_right1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.comment_number {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-left: 10px;
}
.comment_right1 img{
    width: 16px;
    height: 16px;
}
.Ranking .Comment_box:last-child{
    border-bottom: 0px solid rgba(229, 229, 229, 1);
}
span.Ranking_a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(42, 130, 228, 1);
    text-align: left;
    vertical-align: top;
    padding: 7px 12px;
    border: 1px solid rgba(217, 235, 255, 1);
    /*width: 160px;*/
    margin: 25px auto 0;
    border-radius: 5px;
    cursor: pointer;
}
.frame_Sort {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-right: 10px;
}
#comment_frame1 #sort{
    padding: 2px 10px;
    border: 1px solid rgb(229 229 229);
    border-radius: 5px;
    color: rgba(102, 102, 102, 1);
    background: white;
}
.zhankai {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.84px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 16px;
    cursor: pointer;
}
.zhankai::before {
    content: '';
    height: 2px;
    display: block;
    width: 1rem;
    position: relative;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    top: 10px;
}
.Ranking_kuang2 {
    width: 100%;
}
.Comment_box1_s{
    width: 100%;
}
.Ranking_kuang2 .Comment_box {
    padding-bottom: 0px;
}
.Ranking_kuang2 .Comment_box .Comment_box1 {
    padding-bottom: 0px;
}
.comment_frame {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.frame_kuang_top1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.frame_top_title {
    font-weight: 700;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
a.See {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.48px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
}
.Comments_content {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 15px;
}
textarea.comment_input {
    width: 96% !important;
    padding: 2%;
    border: 1px solid #d7d7d7;
}
.comment_Sign {
    cursor: pointer;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    margin-right: 0px;
    background: rgba(42, 130, 228, 1);
    border-radius: 5px;
}
.comment_zan,.comment_cai,.comment_comment{
    cursor: pointer;
}
#post_ok {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #dbdbdb;
    width: 30%;
    height: 10%;
    border-radius: 6px;
    text-align: center;
    z-index: 999;
    padding: 10px;
    box-shadow: 4px 5px 6px 0px #343232;
}
#post_ok > span {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#comment_comment {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #dbdbdb;
    width: 50%;
    border-radius: 6px;
    z-index: 999;
}
#comment_comment .c_c_t{
    display: flex;
    justify-content: space-between;
    padding: 2%;
    color: #fff;
    font-size: 1.2rem;
}
#comment_comment .c_c_t > span{
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#comment_comment .c_c_t .c_c_t_x{
    cursor: pointer;
}
#comment_comment .comment_comment_input{
    height: 10rem;
    width: 92% !important;
    padding: 2%;
    margin: 0 2%;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}
#comment_comment .comment_comment_Sign{
    font-size: 14px;
    line-height: 18.48px;
    padding: 10px 12px;
    cursor: pointer;
    font-weight: bolder;
    color: rgba(255, 255, 255, 1);
    background: rgba(42, 130, 228, 1);
    border-radius: 5px;
    width: 20%;
    float: right;
    margin-right: 2%;
    margin-bottom: 1%;
    text-align: center;
}
/*评论结束*/