/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
*, ::after, ::before{padding: 0;margin: 0;box-sizing: border-box;} */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&display=block');
/*标签样式*/
*, ::after, ::before{padding: 0;margin: 0;box-sizing: border-box;} 
body,a,textarea,input{font:400 16px/1.68 'Roboto Flex', sans-serif;;color: #212326;letter-spacing: 0.006875rem;}
h1,h2,h3,h4,h5,h6{color: #1973eb;background-image: linear-gradient(to top, #212326 0%, #212326 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
h1{font-size: clamp(1.875rem,22.1053px + 1.64474vw,2rem);}
h2{font-size: clamp(1.59375rem,18.7895px + 1.39803vw,1.8rem);}
img{max-width: 100%;max-height: 100%;object-fit:cover !important;height: auto;vertical-align: middle;}
input{cursor: pointer;}
input[type="text"],input[type="password"]{height: 40px;line-height: 40px;padding: 0 8px;margin-right: 10px;
        font-size: 1rem;font-weight: 400;display: block;color: rgba(0, 0, 0, 0.65);
        border: 1px solid #d8d8d8;background-color: #fff;border-radius: 4px;width: 100%;
    cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus{outline:none;border: 1px solid blue;}
hr{border: 0;height: 0.1px;color: #eee;width: 100%;background: #ccc;margin-top: 1rem;margin-bottom: 1rem;display: block;}
textarea{border: 1px solid #d8d8d8;background-color: #fff;border-radius: 4px;padding: 10px;width: 100%;max-width: 100%;
    line-height: 20px;color: rgba(0, 0, 0, 0.65);resize: vertical;height: 150px;font-size: inherit;}
textarea:focus{outline:none;border: 1px solid blue;}
select,option{cursor: pointer;}
strong{font-weight: 700;}

a{text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
cite{font-style:inherit;}

button:not(:disabled),[type=button]:not(:disabled){cursor: pointer;}

.def-btn{text-decoration: none;background: var(--main_color);border: 1px solid var(--main_color_1);color: #fff;padding-top: .2rem;padding-bottom: .2rem;padding-left: .875rem;padding-right: .875rem;min-width: 60px;border-radius: 3px;}
.def-btn:hover{text-decoration: none;background: var(--main_color_2);border: 1px solid var(--main_color_2);color: #fff;}
.def-btn a{color: #fff;}
.def-a{text-decoration: none;background: #fff;color: RGB(89,118,186);padding-top: .2rem;padding-bottom: .2rem;padding-left: .875rem;padding-right: .875rem;min-width: 60px;border-radius: 3px;border: 1px solid RGB(89,118,186);}
.def-a:hover{text-decoration: none;background: RGB(46,89,167);color: #fff;}
.def-focus:focus{outline:none;border: 1px solid RGB(46,89,167) !important;box-shadow: 0px 0px 2px 2px rgba(136,171,218,0.8);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.warn_focus{outline:none;border: 1px solid RGB(210,57,24) !important;box-shadow: 0px 0px 2px 2px var(--main_color_2);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}


.bg-success{background: #198754;color:#fff !important;}
.bg-warning{background: #ffc107;}
.bg-danger{background: #d23918;}

/*css独立样式*/
.cursor{cursor: pointer;}


/*form默认样式*/
.form-label{font-weight: 600;}



/*下划线阴影*/
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sticky-top{position: sticky;top: 0;z-index: 100;}
.sticky{position: sticky;}

.container{width: 100%;max-width: 1440px;}
.auto_width{margin: 0 auto;padding:0 2rem;max-width: 1333px;}
.auto_width_1440{margin: 0 auto;max-width: 1440px;padding:0 10px;}
.auto_width_1280{margin: 0 auto;max-width: 1280px;padding:0 10px;}
.auto_width_1120{margin: 0 auto;max-width: 1120px;padding:0 10px;}
.auto_width_960{margin: 0 auto;max-width: 960px;padding:0 10px;}
.auto_width_800{margin: 0 auto;max-width: 800px;padding:0 10px;}
.auto_width_700{margin: 0 auto;max-width: 700px;padding:0 10px;}

.btn{min-width: 60px;}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}

button .spinner-border {
    width: 1rem !important;
    height: 1rem !important;
}

.spinner-border-1{
    width: 1rem;
    height: 1rem;
}


.desktop{display: block;}
.mobile{display: none;}

.global-width{width: 90%;height: 100%;margin: 0 auto;padding-left: 1rem;padding-right: 1rem;}
.def-module{background: #fff;padding: 1.5rem;margin-top: 1rem;}
.bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: -1;}
.bg img{width: 100%;height: 100%;}


.center{display: flex;align-items: center;justify-content: center;text-align:center;max-width: 100%;max-height: 100%;width: 100%;height: 100%;}
.capitalizes{text-transform: capitalize;}
.text-center{text-align: center;}

#loading{position: fixed;top: 0;left: 0;width: 100%;min-height: 100%;height: auto;background:#fff;opacity: 0.5;display: none;}
#load{text-align: center;}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.wlc-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.wlc-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wlc-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wlc-4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wlc-5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.wlc-6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.w-1{width: 1rem;}
.w-2{width: 2rem;}
.w-3{width: 3rem;}
.w-4{width: 4rem;}
.w-5{width: 5rem;}
.w-6{width: 6rem;}
.w-7{width: 7rem;}
.w-8{width: 8rem;}
.w-9{width: 9rem;}
.w-10{width: 10%;}
.w-40{width: 40% !important;}
.w-80{width: 80% !important;}
.w-100{width: 100%;}
.w-px-20{width: 20px !important;}
.w-px-40{width: 40px !important;}
.w-px-50{width: 50px !important;}
.w-px-80{width: 80px !important;}
.w-px-100{width: 100px !important;}
.w-px-120{width: 120px !important;}
.w-px-150{width: 150px !important;}
.w-px-180{width: 180px !important;}
.h-40{height: 40px;}
.h-50{height: 50px;}

/*.rowflex>*{margin-right: 1rem;}
.rowflex>*:last-child{margin-right: 0;}*/
.rowflex{display: flex;flex-direction: row;align-items: center;}
/* 水平平均分布 */
.rowflex_around{display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
/* 水平两端对齐 */
.rowflex_between {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.rowflex_between_center{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
/** 水平左对齐 */
.rowflex_start {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.rowflex_top {display: flex;flex-direction: row;justify-content: flex-start;}
/** 水平右对齐 */
.rowflex_end {display: flex;flex-direction: row;justify-content: flex-end;}
/* 水平居中对齐 */
.rowflex_center {display: flex;flex-direction: row;justify-content: center;}
/* 垂直居中 */
.rowflex_center_align {display: flex;flex-direction: row;align-items: center;}
/* 水平两端对齐垂直居中 */
.rowflex_center_between{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
/* 水平平均垂直居中 */
.rowflex_center_around {display: flex;flex-direction: row;justify-content: space-around;align-items: center;}

.columnflex{display: flex;flex-direction: column;align-items: center;}
/* 水平平均分布 */
.columnflex_around {display: flex;flex-direction: column;}
/* 水平两端对齐 */
.columnflex_between {display: flex;flex-direction: column;justify-content: space-between;}
/** 水平右对齐 */
.columnflex_end {display: flex;flex-direction: column;justify-content: flex-end;}
/* 水平居中对齐 */
.columnflex_center {display: flex;flex-direction: column;justify-content: center;}
/* 垂直居中 */
.columnflex_center_align {display: flex;flex-direction: column;align-items: center;}
/* 水平平均垂直居中 */
.columnflex_center_around {display: flex;flex-direction: column;justify-content: space-around;align-items: center;}

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


.col-1{width: calc(100% * (1 / 12));}
.col-2{width: calc(100% * (2 / 12));}
.col-3{width: calc(100% * (3 / 12));}
.col-4{width: calc(100% * (4 / 12));}
.col-5{width: calc(100% * (5 / 12));}
.col-6{width: calc(100% * (6 / 12));}
.col-7{width: calc(100% * (7 / 12));}
.col-8{width: calc(100% * (8 / 12));}
.col-9{width: calc(100% * (9 / 12));}
.col-10{width: calc(100% * (10 / 12));}
.col-11{width: calc(100% * (11 / 12));}
.col-12{width: 100%;}

/*.grid{display: grid;grid-template-rows: auto; grid-template-columns: repeat(12, 1fr);}*/
.g-col-1 {grid-column: auto/span 1;}
.g-col-2 {grid-column: auto/span 2;}
.g-col-3 {grid-column: auto/span 3;}
.g-col-4 {grid-column: auto/span 4;}
.g-col-5 {grid-column: auto/span 5;}
.g-col-6 {grid-column: auto/span 6;}
.g-col-7 {grid-column: auto/span 7;}
.g-col-8 {grid-column: auto/span 8;}
.g-col-9 {grid-column: auto/span 9;}
.g-col-10 {grid-column: auto/span 10;}
.g-col-11 {grid-column: auto/span 11;}
.g-col-12 {grid-column: auto/span 12;}

.grid-1{display: grid; grid-template-columns: repeat(1, 1fr);}
.grid-2{display: grid; grid-template-columns: repeat(2, 1fr);}
.grid-3{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-4{display: grid; grid-template-columns: repeat(4, 1fr);}
.grid-5{display: grid; grid-template-columns: repeat(5, 1fr);}
.grid-6{display: grid !important; grid-template-columns: repeat(6, 1fr);}
.grid-7{display: grid; grid-template-columns: repeat(7, 1fr);}
.grid-8{display: grid; grid-template-columns: repeat(8, 1fr);}
.grid-9{display: grid; grid-template-columns: repeat(9, 1fr);}
.grid-10{display: grid; grid-template-columns: repeat(10, 1fr);}
.grid-11{display: grid; grid-template-columns: repeat(11, 1fr);}
.grid-12{display: grid; grid-template-columns: repeat(12, 1fr);}

.grid-2-1{display: grid; grid-template-columns: repeat(2, 1fr);}
.grid-3-1{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-4-2-1{display: grid; grid-template-columns: repeat(4, 1fr);}
.grid-5-2{display: grid; grid-template-columns: repeat(5, 1fr);}
.grid-6-4-2{display: grid; grid-template-columns: repeat(6, 1fr);}

.gcg-10{grid-column-gap: 10px;}
.gcg-20{grid-column-gap: 20px;}
.gcg-40{grid-column-gap: 40px;}

.grg-10{grid-row-gap: 10px;}
.grg-20{grid-row-gap: 20px;}
.grg-40{grid-row-gap: 40px;}

.mt-0{margin-top: 0px;}
.mt-1{margin-top: .25rem;}
.mt-2{margin-top: .5rem;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}

.mb-0{margin-bottom: 0px;}
.mb-1{margin-bottom: .25rem;}   
.mb-2{margin-bottom: .5rem;}
.mb-3{margin-bottom: .75rem;}
.mb-4{margin-bottom: 1rem;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}

.ml-0{margin-bottom: 0px;}
.ml-1{margin-left: 1rem;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}
.ml-60{margin-left: 60px;}
.ml-70{margin-left: 70px;}
.ml-80{margin-left: 80px;}

.mr-0{margin-right: 0px;}
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}
.mr-60{margin-right: 60px;}
.mr-70{margin-right: 70px;}
.mr-80{margin-right: 80px;}

.plr-40{padding-right: 40px;padding-left: 40px;}
.p-1{padding: 1rem !important;}
.p-px-5{padding: 5px 8px;}
.pl-20{padding-left: 20px;}
.pl-40{padding-left: 40px;}
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-20{padding-right: 20px;}
.pt-20{padding-top: 20px;}
.pt-40{padding-top: 40px;}
.pt-60{padding-top: 60px;}

.pb-20{padding-bottom: 20px;}
.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}

.fs-1{font-size: 1rem;}
.fs-2{font-size: 2rem;}
.fs-3{font-size: 3rem;}
.fs-10{font-size: 10px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.br-1{border-radius: 1px !important;}
.br-2{border-radius: 2px !important;}
.br-3{border-radius: 3px !important;}
.br-4{border-radius: 4px !important;}
.br-5{border-radius: 5px !important;}
.br-6{border-radius: 6px !important;}
.br-7{border-radius: 7px !important;}
.br-8{border-radius: 8px !important;}
.br-9{border-radius: 9px !important;}
.br-10{border-radius: 10px !important;}
.br-50{border-radius: 50% !important;}


.fr{float: right !important;}
.fl{float: left !important;}
.fr,.fl::after {display: block;clear: both;content: "";}

.clearfix::after {display: block;clear: both;content: "";}

.bg-white{background-color: #fff;}
.bg-gray-100{background-color: #f8f9fa;}

.bg-teal-100{color: #000;background-color: #d2f4ea;}


.bg-blue-100{background-color: #cfe2ff;color: #fff;}
.bg-blue-200{background-color: #9ec5fe;color: #fff;}
.bg-blue-300{background-color: #6ea8fe;color: #fff;}
.bg-blue-400{background-color: #3d8bfd;color: #fff;}
.bg-blue-500{background-color: #0d6efd;color: #fff;}
.bg-blue-600{background-color: #0a58ca;color: #fff;}
.bg-blue-700{background-color: #084298;color: #fff;}
.bg-blue-800{background-color: #052c65;color: #fff;}
.bg-blue-900{background-color: #031633;color: #fff;}

.c-blue-100{color: #cfe2ff}
.c-blue-200{color: #9ec5fe}
.c-blue-300{color: #6ea8fe}
.c-blue-400{color: #3d8bfd}
.c-blue-500{color: #0d6efd}
.c-blue-600{color: #0a58ca}
.c-blue-700{color: #084298}
.c-blue-800{color: #052c65}
.c-blue-900{color: #031633}

.text-white{color: #fff !important;}

.tr-gray-400{border-bottom: 1px solid #ced4da;}
.tr-gray-400:hover{background: #f8f9fa;}
.tr-gray-600{border-bottom: 1px solid #6c757d;}

.hr{border: 0;
    height: 0.1px;
    color: #eee;
    width: 100%;
    background: #ccc;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;}

.border-auto{border: 1px solid #ccc;}
/*.border-auto:hover {border: 1px solid #000;}*/

.rounded-3 {
    border-radius: 0.3rem!important;
}

.appear_list{border-left: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;
        max-height: 400px;overflow: hidden;overflow-y: scroll;position: absolute;background: #fff;min-width: 130px;display: none;z-index: 9999;}
.appear_item{width: 100%;line-height: 40px;padding-left: 10px;cursor: pointer;}
.appear_item:hover{background: #f0f8ff;}

#select_operation{display: none;}

.info{display: none;}



/*pc style*/
:root{
    --main_color: #0b57d1;
    --main_color_1: #064f9f;
    --main_color_2: #12e1e1;
    --def-background: linear-gradient(90deg, #0097b2, #7ed957);
}

a{text-decoration: none;cursor: pointer;}
textarea{resize: none;}
p {margin: 1rem 0;}

.auto_content{}
.auto_content h1{font-size: 32px;font-weight: 700;line-height: 36px;}
.auto_content h2{font-size: 32px;font-weight: 700;line-height: 36px;} 
.auto_content p{margin: 1rem 0;}
.auto_content a{color: var(--main_color);}

.auto-tight{margin-top: 2em;}


.def-btn{min-width: 60px;background: var(--main_color);text-align: center;text-decoration: none !important;padding: 0 0.75rem;}
.def-btn:hover{background: var(--main_color_2);transition: background .15s ease-in-out,box-shadow .15s ease-in-out;}

/*header 样式*/
.top_notification{background: #0083c8;padding: 8px 0;font-size: 14px;color: #fff;}
/*.header_menu{height: 56px;background: #26b4a8;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);color: #fff;background-image: linear-gradient(90deg, #0097b2, #7ed957, #7ed957,#0097b2);}*/
.header_menu{background: #fff;border-bottom: 1px solid #eee;}


.header_menu_item_list_bg{position: absolute;top: 0;z-index: 888;height: inherit;padding-left: 300px;}
.header_menu_left{height: inherit;display: flex;}
.logo{height: inherit;}
.header_menu_item_list{display: flex;height: inherit;}
.header_menu_item_list ul{padding: 0;}
.header_menu_item_list li{list-style-type: none;cursor: pointer;}
.header_menu_lever_2{position: absolute;background: var(--main_color);width:max-content;padding: .5rem 0 !important;display: none;}
.header_menu_lever_2 li{padding: .3rem .75rem;}
.header_menu_lever_2 li:hover{background-color: var(--main_color_2);}
.header_menu_lever_2 a{color: #fff;}
.header_menu_item{margin-right: .75rem;margin-left: .75rem;position: relative;font-weight: 600;}
.header_menu_item>a{font-weight: 600;}
.header_menu_item:after{content: '';width: 0;height: 0.1px;position: absolute;left: 0;bottom: 0px;background:#1973eb;transition: width 0.3s ease-in-out;}
.header_menu_item:hover::after{width: 100%;}
.header_menu_item:hover .header_menu_lever_2{display: block;}

.header_menu_item_active:after{content: '';width: 100%;height: 0.1px;position: absolute;bottom: 0px;background: var(--main_color);}
.header_menu_item_content{color: #333;width:100%;min-height: 300px;position: absolute;background:#fff;left: 0;display: none;box-shadow: 0 0 1px 1px rgb(0 0 0 / 5%), 0 7px 9px -4px rgb(0 0 0 / 16%), 0 14px 21px 2px rgb(0 0 0 / 10%), 0 5px 26px 4px rgb(0 0 0 / 8%);z-index: 999999;}
.header_menu_item_content a{font-weight: 400 !important;color: #333 !important;}
.header_menu_item_content .swiper-slide:hover a{color: var(--main_color_1) !important;}

.search_bg{height: 38px;background: #fff;border-radius: 18px;max-width: 200px;position: relative;padding: 2px 0;border: 1px solid #eee;}
.searchInput{border: none !important;height: 32px !important;width: 180px !important;margin-left: 10px;padding: 0 4px 0px 10px !important;font-size: 12px !important;margin-top: 0px;caret-color: #222;color: #6b7280;}
.searchInput:focus{outline:none;}
.search_btn{width: 30px;height: 30px;background: #fff;border-radius: 50%;right: 3px;top: 3px;border: none;margin-left: .75rem}
.search_btn:hover{background: var(--main_color_2);color: #fff;}

.home_vllis_dvantages{min-height:40px;background-color: #f3f3f3;cursor: pointer;padding: 10px 10px;}
.home_vllis_dvantages:hover{background-color: #d9d9d9;}

.home_content_one{padding: 3rem 0 1rem;background-color: #f1fdf7;margin-top: 40px;margin-bottom: 20px;}
.home_content_one h1{color: #fff;}

#home_quotations{max-width: 800px;}

.swiper-slide:hover a{color: #000;}

.swiper{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* .swiper_products_list{} */
.swiper-button-prev{background:#fff;border-radius: 50%;width: 48px !important;height: 48px !important;left: -24px !important;box-shadow: 0 4px 7px 0 rgba(0,0,0,.1);}
.swiper-button-next{background:#fff;border-radius: 50%;width: 48px !important;height: 48px !important;right: -24px !important;box-shadow: 0 4px 7px 0 rgba(0,0,0,.1);}
body .swiper-button-prev:after,body .swiper-button-next:after{font-size: 18px !important;font-weight: 500;color: #000;line-height: 48px;}
body .swiper-button-prev:hover,body .swiper-button-next:hover{background: #f6f6f6;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto !important;}
.swiper-button-disabled{display: none !important;}
.swiper_products_title{font-size: 16px;margin-top: 10px;margin-bottom: 10px;width: 100%;text-align: center;}
.swiper_bg{width: 100%;background: #f6f6f6;max-height: 500px;}
.swiper_bg img{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.swiper_bg:after {content: '';display: block;padding-top: 100%;}
.lazyload{position: relative;}
.lazyload:after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";background-color: rgba(0,0,0,.03);pointer-events: none;}

footer{background: #064f9f;color: #fff;padding: 60px 0 20px;line-height: 1;}
footer label{color:#fff;font-weight: 600;font-size: 16px;margin: 1rem 0;display: block;}
footer a{color: #fff;font-weight: 400;}
footer a:hover{text-decoration: revert;color: #fff;}

footer .item{margin-top:.625rem;}



.breadcrumb{text-transform: capitalize;font-size: 14px;color: #404145;border-bottom: 1px solid #eee;}
.breadcrumb ol{display: inline-flex;flex-wrap: wrap;align-items: center;padding: 0.675rem 0;}
.breadcrumb li{list-style-type: none !important;margin-right: 5px;}
.breadcrumb a{font-size: 14px;color: #404145;}
.breadcrumb a:hover{text-decoration:revert;}
.easy_sourcing input{padding-left: 15px;font-size: 14px;}
.easy_sourcing textarea{padding: 15px !important;}
.easy_sourcing input:focus,textarea:focus {outline:none;border: 1px solid var(--main_color_1) !important;box-shadow: 0px 0px 3px 1px var(--main_color_1);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#easy_sourcing_submit{width: 100%;height: 40px;border: none;border-radius: 8px;font-weight: 600 !important;color: #fff;}
.contact-required {position: absolute;color: red;line-height: 40px;padding-left: 5px;}

/* 专辑列表 */
/* .product_collection_list{} */
.product_collection_item{border: 1px solid #eee;text-align: center;}
.product_collection_item:hover {outline:none;border: 1px solid var(--main_color_1) !important;box-shadow: 0px 0px 3px 1px var(--main_color_1);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.product_collection_item:hover a{color: var(--main_color_1);}
/* .product_collection_item_img{} */
.product_collection_title{font-size: 16px;font-weight: 500;padding: 0 .5rem 10px .5rem;}
.product_collection_item_content{padding: 10px;}

.product_collection_info{margin-top: 1rem;}
.product_collection_info_img{min-width: 260px;max-width: 260px;}
.product_collection_info_content{width: 100%;}
.product_collection_info_content h1{line-height: 3rem;margin-bottom: 10px;font-size: 36px;}

/* .product_list{}
.product_list p{} */
/*product-category*/
.product_item{border-bottom: 1px solid #e4e5e7;padding-bottom: 1rem;position: relative;}
.product_img{display: block;text-align: center;padding: 0 1rem;}
.product_item_title{padding:0 1rem;line-height: 1.5rem;font-size: 16px;font-weight: 600;}
.product_item_title:hover{color: var(--main_color_2);}
.product_sku{padding:0 1rem;color: var(--main_color_1);font-weight: 600;}
.product_price{padding:0 1rem;color: var(--main_color_2);font-weight: 700;}
.product_datasheet{padding:0 1rem;}
.product_qty{position: absolute;top: .1rem;right: 1.5rem;background: var(--main_color_2);color: #fff;padding: 0 .875rem;border-radius: 999px;}
.product_item:hover{border-bottom: 1px solid var(--main_color_1) !important;}
.product_item a{text-decoration: none;font-weight: 500}
.product_item_bg{position: relative;}
/* .product_item_bg img{} */
.product_item_content{padding: 1.5rem 1rem;}
.product_item_img{width: 100%;text-align: center;}




/* .content{} */
.product_detail{font-size: 16px;}
.product_detail h2{font-size: 18px;line-height: 1.5;margin-bottom: 1rem;}
.product_detail p{margin-bottom: 20px;}
.product_detail ol{margin-bottom: 20px;padding: 0px 30px;}
.product_detail ul{margin-bottom: 20px;padding: 0px 30px;}
.product_detail li{margin-top:10px;}
.product_detail_title{margin-top: 1rem;font-size: 22px;}
.product_detail_sku{color: var(--main_color_1);font-weight: 600;margin-top: .2rem; }
.product_detail_price_list{margin-top: .2rem}
.product_detail_price{color: var(--main_color_2);font-weight: 700;}
.product_detail_special_price{color: var(--main_color_2);font-weight: 700;}
.product_detail_price{text-decoration: line-through;font-weight: 400;color: #74767c;}
.product_detail_attributes{margin-top: .2rem;display: grid;grid-template-columns: repeat(2, 1fr);}
.product_detail_datasheet{margin-top: .3rem}
.product_detail_button_list{margin-top: .875rem}
/* .product_detail hr{} */
.product_detail_info {position: relative;}
/*.product_detail_title{width: 100%;background: #fff;padding: 10px 0;z-index: 1;box-shadow: 0 1px 4px #d7d7d7;-webkit-box-shadow: 0 1px 4px #d7d7d7;}*/
.product_detail_title h1{font-size: 18px;font-weight: 500;width: 100%;}
.product_detail_img{text-align: right;}
#get_quote_btn{min-width: 100px;}
/* .attributes_item{border:1px solid #e9eef4;align-items: center;}
.attributes_item:last-child {border-bottom:1px solid #e9eef4;} */
.attributes_left{width:45%;padding:6px 12px;background: #f8fafc;height: 100%;display: flex;align-items: center;}
.attributes_right{width:55%;padding:6px 12px;}
.product_detail_other_sku_tilte{font-size:16px !important;margin: 1rem 0 .5rem 0 !important;color: var(--main_color_2);background-image: linear-gradient(to top, var(--main_color_2) 0%, var(--main_color_2) 100%);}
.product_detail_other_sku{text-align: center;padding: .3rem 0;background: #f7f7f7;}
.product_detail_other_sku:hover{}
.message_btn{padding: .753rem;width: 100%;}


.filter-list{margin-bottom: 20px;}
.filter-item{height:40px;padding: 0px .875rem;border-radius: 5px;border: 1px solid #999;margin-right: 10px;font-size: 14px;font-weight: 500;line-height: 1.43;color: #494949;}
.filter-item:focus{border-color: var(--main_color_2);box-shadow: 0px 0px 3px 1px var(--main_color_1)}
/* .filter-list-type{} */
.filter-list-type svg{color: #999;cursor: pointer;}
.filter-list-type svg:hover{color: var(--main_color_2);}
.filter-list-type-active svg{color: var(--main_color_1);}

.auto_content_left{width: 66.6666666667%;}
.auto_content_right{padding-left: 64px;width: 33.3333333333%;}
.page_content{max-width: 800px;margin: 0 auto;}

/* .article_list{} */
.article_item{padding-bottom: 1rem;}
.article_item_img{width: inherit;}
.article_item_content{line-height: 1.5;}
.article_item h2{margin: 0;}
.article_item_title{color: #212326;font-size: 1.325rem;display: inline-block;font-weight: 600;margin: 0;line-height: 32px;margin-bottom: 0.2916666667em;margin-top: 0.3846153846em;}
.article_item_title:hover{text-decoration: revert;color:#212326;}
/* .article_item_description{} */
.article_detail_content{max-width: 66.6666%;}
.article_detail_content h1{margin-bottom: 0.3em;line-height: 1.2142857143;}
.article_detail_content h2{margin-top: 1.875em;margin-bottom: 0.9375em;font-size: 1.7777777778em;line-height: 1.2;font-weight: 600;}
.article_detail_content ol,ul{padding:0px 1rem;}
.article_detail_content li{margin-bottom: 1rem;}
.article_detail_content a{margin-bottom: 1rem;text-decoration: revert;color: var(--main_color);}
.article_detail_content a:hover{text-decoration: none;}


#get_quote{padding: 1rem 0;}


@media (max-width: 979px){
    .auto_content_left{width: 100%;}
    .article_item{display: block;}
    .article_item_img{width: 100%;max-width: 100% !important;}
    .article_item_img img{width: 100%;}
}


/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {  
    body{font-size: .875rem;}
    .desktop{display: none;}
    .mobile{display: block;}
    #breadcrumb{display: none;}
    .global-width{width: 100%;padding-left: 1rem;padding-right: 1rem;}
    .def-module{padding: 1rem;}

    .grid-2{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-3{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-4{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-5{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-6{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-7{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-8{display: grid; grid-template-columns: repeat(2, 1fr);}
    .auto_width{padding: 0px 1rem;}
    .grid-4-2-1{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-5-2{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-6-4-2{display: grid; grid-template-columns: repeat(4, 1fr);}

    
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .desktop{display: none;}
    .mobile{display: block;}
    .auto_width{padding: 0px 1rem;}
    footer .grid-4{grid-template-columns: repeat(1, 1fr);}
    footer .item{margin-top:18px;}
    .grid-2-1{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-3-1{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-4-2-1{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-5-2{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-6-4-2{display: grid; grid-template-columns: repeat(2, 1fr);}


}


/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 
    .desktop{display: none;}
    .mobile{display: block;}
    .auto_width{padding: 0px 1rem;}
    footer .grid-4{grid-template-columns: repeat(1, 1fr);}
    footer .item{margin-top:18px;}
    .grid-2-1{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-3-1{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-4-2-1{display: grid; grid-template-columns: repeat(1, 1fr);}
    .grid-5-2{display: grid; grid-template-columns: repeat(2, 1fr);}
    .grid-6-4-2{display: grid; grid-template-columns: repeat(2, 1fr);}

}


/* 布局css */


/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) {
    .container{width: 100%;max-width: 540px;}
}

/*// `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) {
    .container{width: 100%;max-width: 720px;}
}

/*// `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {
    .container{width: 100%;max-width: 960px;}
}

/*// `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {
    .container{width: 100%;max-width: 1140px;}
}

/*// `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1400px) {
    .container{width: 100%;max-width: 1320px;}
}