@charset "utf-8";

/* 字体设置 */
:root {
    --font-family: 'IBM Plex Sans', sans-serif;
}

[data-lang="zh"] {
    --font-family: 'Noto Sans TC', sans-serif;
}

[data-lang="en"] {
    --font-family: 'IBM Plex Sans', sans-serif;
}

body {
    font-family: var(--font-family);
}


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td,
button {
    padding: 0;
    margin: 0;
}

button {
    cursor: pointer;
    outline: none;
    background-color: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
}

fieldset,
img,
button {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul,
li {
    list-style: none;
}

caption,
th,
li,
dt,
dd,
p {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

a {
    color: #303355;
    text-decoration: none;
    outline: none;
    transition: all 0.25s ease-out;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

/*a:hover{text-decoration:none;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}*/
/*a,a:hover{transition:all 0.3s ease 0s}*/
button {
    cursor: pointer;
    outline: none;
}

button:focus {
    outline: none;
}

input {
    outline: none;
    font-size: 14px;
    color: #333
}

em {
    font-style: normal;
}

i {
    font-style: normal;
}


body {
    font-size: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: rgba(0, 0, 0, 0.75);
    line-height: 1.5;
    min-width: 320px;
}


.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

.center {
    margin: 0 auto;
    display: block;
}

.clear:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/* End hide from IE-mac */
#cnzz_stat_icon_1279364743 {
    display: none;
}

.el-image-viewer__close .el-icon-circle-close {
    color: #fff;
}

.el-image-viewer__close .el-icon-circle-close:hover {
    color: #1977EF;
}

/*设置palceholder属性*/
input::-webkit-input-placeholder {
    color: #CBCDDB;
}

input::-moz-placeholder {
    color: #CBCDDB;
}

/* firefox 19+ */
input:-ms-input-placeholder {
    color: #CBCDDB;
}

/* ie */
img {
    max-width: 100%;
    height: auto;
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.dis_ibk {
    display: inline-block;
}

.dis_none {
    display: none;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.pos_relative {
    position: relative;
}


.wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

.btn_sty {
    /* display: inline-block; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 11px;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    border: 1px solid transparent;
    background: none;
    border-radius: 3px;
    font-weight: 500;
    transition: border .2s ease, background-color .2s ease, color .15s ease;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
    outline: none;
}

.btn_kx {
    color: #1977EF;
    background: #ffffff;
    border-color: #1977EF;
}

.btn_kx:hover {
    background: #1977EF;
    border-color: #1977EF;
    color: #ffffff;
}

.btn_sx {
    background: #1977EF;
    border-color: #1977EF;
    color: #ffffff;
}

.btn_sx:hover {
    /*color: #ffffff;*/
    background: #4396FF;
    border-color: #4396FF;
}

.btn_kx:active,
.btn_sx:active {
    color: #ffffff;
    background: #125CB9;
    border-color: #125CB9;
}

.btn_sty,
.btn_sty:active,
.btn_sty:focus,
.btn_sty:hover {
    /*text-decoration: none;*/
    /*background-color: #f34a2e;*/
}

.btn_sty:active {
    transition: border .2s ease, background-color .2s ease
}

.btn_sty:active svg {
    opacity: .7
}


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

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

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

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

[v-cloak] {
    display: none !important;
}

.header-dropdown-menu {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

@media only screen and (max-width: 450px) {
    .cookies-block {
        padding: 15px 16px !important;
    }

    .wrap {
        padding: 0 16px !important;
    }

    .padding_100 {
        padding: 50px 0
    }

    .pub_tit_1 {
        font-size: 27px
    }

    a:hover {
        text-decoration: inherit !important;
    }

    .btn_kx:hover {
        color: #1977EF !important;
        background: #ffffff !important;
        border-color: #1977EF !important;
    }

    .btn_sx:hover {
        background: #4396FF !important;
        border-color: #4396FF !important;
        color: #ffffff !important;
    }
}

/* 隐藏滚动条 */
.scroll_bar_hidden::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.scroll_bar_hidden {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

/* 修改滚动条样式 */
.scroll_bar_custom::-webkit-scrollbar {
    width: 10px;
    /* 滚动条宽度 */
}

.scroll_bar_custom::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 轨道背景色 */
}

.scroll_bar_custom::-webkit-scrollbar-thumb {
    background: #888;
    /* 滑块颜色 */
}

.scroll_bar_custom::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* 滑块悬停颜色 */
}

.scroll_bar_custom {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #888 #f1f1f1;
    /* 滑块颜色和轨道背景色 */
}

.scroll_bar_custom:hover {
    scrollbar-color: #555 #f1f1f1;
    /* 滑块悬停颜色和轨道背景色 */
}

.scroll_bar_custom {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
}