/* CSS Document */

* {padding: 0;margin: 0;outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

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

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

BODY { background: #fff; overflow-x: hidden; 一webkit一overflow一scrolling: touch; overflow一scrolling: touch;}

A {COLOR: #666; TEXT-DECORATION: none}

A:active,A:hover {TEXT-DECORATION: none;outline: 0;}

A:focus {outline:none; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */}

A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none;border: 0;}

DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}

/* 表单文本相关样式 */

FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

button, input, select, textarea {font-family: inherit; /* 更改关联字体属性 */ font-size: 100%; /* 更改字体大小属性 */ margin: 0; /* 调整边距设置 */}

button, input {line-height: normal; background: none; border: 0;}

button, select {text-transform: none;/*** 调整“button”和“select”的“text-transform”继承不一致性的问题 *其他表单控件元素不继承“text-transform”属性*/}

EM {FONT-STYLE: normal; FONT-WEIGHT: normal}

TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.cl{HEIGHT: 0px; CLEAR: both;}

.clear{clear: both;}

.jz{margin:0 auto;}

.fl{FLOAT: left;}

.fr{FLOAT: right;}

img { image-rendering: -webkit-optimize-contrast; border: 0;vertical-align: middle;}

.position-img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s;}



.imgMax {max-width: 100%;}

.c {zoom: 1;}

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

.txt-c{text-align: center;}

.txt-r{text-align: right;}

.m-auto{margin: auto;}

.col-white{color: #fff;}

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

.clearfix{zoom:1;}

.text_upper {text-transform: uppercase;}

.text_capit {text-transform: capitalize;}

.bradius100 {border-radius: 100px;}

.block {display: block;}

.flex{display: flex;}

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

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

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

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

.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}

.flex-sb{display: flex; justify-content: space-between;}

.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}

.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}

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

.flex-w{display: flex; flex-wrap: wrap;}

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



.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; grid-template-columns: repeat(6, 1fr);}



/* 多行省略 */

.line1 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }

.line2 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

.line3 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.line4 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical; }

.line5 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }

/* 绝对定位居中 */

.jddwjz {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* 滚动条样式 */

.slideScroll {scrollbar-width:thin;scrollbar-color:#0074ef #fff; overflow-y: auto;}

.slideScroll::-webkit-scrollbar {/*滚动条整体*/width: 4px;}

.slideScroll::-webkit-scrollbar-thumb {/*控制滑块*/ background: #0074ef;}

.slideScroll::-webkit-scrollbar-track {/*控制轨道*/ border-radius: 0; background: #fff;}

/* Firefox 浏览器

scrollbar-width

scrollbar-color */



/* 去除input自动填充背景色 */

input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}

input:-internal-autofill-previewed , input:-internal-autofill-selected {appearance: menulist-button;background-image: none !important;background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;color: fieldtext !important;}



:root {--cor1:#AAAAAA;--cor2:#C9C9C9; --cor3:#A4A4A4;}

/* WebKit browsers */

.inplholder::-webkit-input-placeholder {color:var(--cor1);}

/* Mozilla Firefox 4 to 18 */

.inplholder:-moz-placeholder {color:var(--cor1);}

  /* Mozilla Firefox 19+ */

.inplholder::-moz-placeholder {color:var(--cor1);}

  /* Internet Explorer 10+ */

.inplholder:-ms-input-placeholder {color:var(--cor1);}



.inplholder2::-webkit-input-placeholder {color:var(--cor2);}

.inplholder2::-webkit-textarea-placeholder {color:var(--cor2);}

.inplholder2::-webkit-textarea-placeholder {color:var(--cor2);}

.inplholder2:-moz-placeholder {color:var(--cor2);}

.inplholder2::-moz-placeholder {color:var(--cor2);}

.inplholder2:-ms-input-placeholder {color:var(--cor2);}



.inplholder3::-webkit-input-placeholder {color:var(--cor3); font-size: var(--font14);}

.inplholder3::-webkit-textarea-placeholder {color:var(--cor3);font-size: var(--font14);}

.inplholder3::-webkit-textarea-placeholder {color:var(--cor3);font-size: var(--font14);}

.inplholder3:-moz-placeholder {color:var(--cor3);font-size: var(--font14);}

.inplholder3::-moz-placeholder {color:var(--cor3);font-size: var(--font14);}

.inplholder3:-ms-input-placeholder {color:var(--cor3);font-size: var(--font14);}



/* 图标变黑色 */

.icon-black {filter: brightness(0); -webkit-filter:brightness(0);}

/* 图标变白色 */

.icon-white {filter: brightness(100); -webkit-filter:brightness(100);}

/* 图标变灰色 */

.icon-gray {filter: grayscale(100%); -webkit-filter:grayscale(100%);}

/* 实现正片叠底的属性 */

.imgmix {mix-blend-mode: multiply;}



/* 去掉sipwer按钮黑边框 */

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none; -webkit-tap-highlight-color: transparent;}



/* 居中表格 */

table[align="center"] {margin: 0 auto;}





/* 自定义颜色-字重-间距 */

.cor-fff {color: #fff;}

.cor-000 {color: #000;}

.cor-00050 {color: #00000050;}

.cor-333 {color: #333;}

.cor-444 {color: #444;}

.cor-555 {color: #555;}

.cor-666 {color: #666;}

.cor-777 {color: #777;}

.cor-888 {color: #888;}

.cor-999 {color: #999;}

.cor-2828 {color: #282828;}

.cor-4646 {color: #464646;}

.cor-B8B8 {color: #B8B8B8;}

.cor-C2C2 {color: #C2C2C2;}

.cor-D2D2 {color: #D2D2D2;}

.cor-D2D2 {color: #D2D2D2;}

.cor-E5E5 {color: #E5E5E5;}

.cor-8080 {color: #808080;}

.cor-5F5F {color: #5F5F5F;}

.cor-8F8F {color: #8F8F8F;}

.cor-8181 {color: #818181;}

.cor-8282 {color: #828282;}

.cor-8A8A {color: #8A8A8A;}

.cor-B3B3 {color: #B3B3B3;}

.cor-7B7B {color: #7b7b7b;}

.cor-5C5C {color: #5C5C5C;}

.cor-5252 {color: #525252;}

.cor-3D3D {color: #3D3D3D;}

.cor-5D5D {color: #5D5D5D;}

.cor-9C9C {color: #9C9C9C;}

.cor-9595 {color: #959595;}

.cor-0074ef {color: #0074ef;}

.cor-123891 {color: #123891;}

.cor-D81E1E {color: #D81E1E;}

.cor-00A4C2 {color: #00A4C2;}

.cor-189CE5 {color: #189CE5;}

.cor-29BA5B {color: #29BA5B;}

.cor-642615 {color: #642615;}

.cor-323756 {color: #323756;}

.cor-003E9F {color: #003E9F;}

.cor-0B082C {color: #0B082C;}

.cor-2e74c9{color: #2e74c9;}



.fw200 {font-weight: 200;}

.fw300 {font-weight: 300;}

.fw500 {font-weight: 500;}

.fw600 {font-weight: 600;}

.fw700 {font-weight: 700;}

.fw900 {font-weight: 900;}

.mt-10 {margin-top: .1rem;}

.mb-10 {margin-bottom: .1rem;}

.ml-10 {margin-left: .1rem;}

.mr-10 {margin-right:.1rem;}

.mt-15 {margin-top: .15rem;}

.mb-15 {margin-bottom: .15rem;}

.ml-15 {margin-left: .15rem;}

.mr-15 {margin-right: .15rem;}

.mt-20 {margin-top: .2rem;}

.mb-20 {margin-bottom: .2rem;}

.mr-20 {margin-right: .2rem;}

.ml-20 {margin-left: .2rem;}

.mt-25 {margin-top: .25rem;}

.mb-25 {margin-bottom: .25rem;}

.mr-25 {margin-right: .25rem;}

.ml-25 {margin-left: .25rem;}

.mt-30 {margin-top: .3rem;}

.mb-30 {margin-bottom: .3rem;}

.mr-30 {margin-right: .3rem;}

.ml-30 {margin-left: .3rem;}

.mt-40 {margin-top: .4rem;}

.mt-60 {margin-top: .6rem;}

.gap-5 {gap: .5rem;}

.gap-10 {gap: .1rem;}

.gap-15 {gap: .15rem;}

.gap-20 {gap: .2rem;}

.gap-25 {gap: .25rem;}

.gap-30 {gap: .3rem;}

.gap-40 {gap: .4rem;}



.cor-D6BD63 {color: #D6BD63;}

.opacity-70 {opacity: .7;}



/* 手机端，pc端展示内容切换 */

.pc {display: block;}

.moblie {display: none;}

@media screen and (min-width: 200px) and (max-width: 768px){ 

  .pc {display: none;}

  .moblie {display: block;}

}



/* 搜索页面 */

.search-page .container {width: 1200px;}

.search-page .box {margin-top: 80px;}

.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}

.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; }

.search-page ul {width: 100%;}

.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}

.search-page li span {background: #0074ef; color: #fff; font-size: 12px; padding: 2px 5px; }

.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}

.search-page li p {font-size: var(--font16); color: #666;}

.search-page li .le {width: 95%;}

.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}

.search-page li img {transition: .5s; margin-right: 20px;}

.search-page li:hover img {transform: translateX(20px);}

@media screen and (min-width: 200px) and (max-width: 640px){

  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}

  .search-page form .searchCon {width: 80%;}

  .search-page li {padding: 20px;}

}



/* 分页 */

.fy {margin: .5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}

.fy a { display: flex; align-items: center; border: 1px solid #D0D0D0;  justify-content: center;  color: #999; }

.fy a {width: .4rem; height: .4rem; min-width: 30px; min-height: 30px; transition: .4s; margin:5px;}

.fy a:hover {color: #fff; background: #0074ef; border-color:#0074ef ;}

.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;border-radius: .1rem; }

.fy .layui-laypage-curr {width: .4rem; height: .4rem; min-width: 30px; min-height: 30px; color: #fff; background: #0074ef; border-color:#0074ef ; margin: 0 5px;}

.fy a:first-child ,.fy a:last-child {width: auto; text-align: center;padding: 0 1.875rem;}

.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}





/* 视频弹窗 */

.video-js {width: 100%;height: 100%;}

.video-js .vjs-tech { position: relative;}

.vjs-control-bar { opacity: 0;}

.video-js .vjs-control-bar { position: relative;background-color: rgba(43, 51, 63, 0.2);}

#hi-video-pop {display: none;position: fixed;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

#hi-video-pop * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#hi-video-pop .hi-close {position: absolute;top: 100%; left: 50%; z-index: 5;margin: 20px 0 0 -20px;width: 40px;height: 40px;color: #fff; background: #fff; border-radius: 50%;transition: 0.3s;cursor: pointer;}

#hi-video-pop .hi-close:after,

#hi-video-pop .hi-close:before {content: "";position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}

#hi-video-pop .hi-close:hover { background: #0074ef;}

#hi-video-pop .hi-close:hover:after,

#hi-video-pop .hi-close:hover:before {background: #fff;}

#hi-video-pop .hi-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}

#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#hi-video-pop .hi-video-box {position: fixed; left: 0;top: 0; z-index: 1; width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}

#hi-video-pop .hi-video-box .hi-video-wrap {position: relative;border: 2px solid #fff;  max-width: 90%; max-height: 60%;  min-width: 50%; aspect-ratio: 16 / 9;}

#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%;height: 100%; vertical-align: top;}

@media (max-width: 767px) { #hi-video-pop .hi-video-box .hi-video-wrap {max-width: 90%;}}





/* 二维码弹窗 */

#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}

#c-code-pop .c-img-box {position: absolute;top: 50%; left: 50%;padding: .2rem; width: 2rem; border-radius: .1rem;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

#c-code-pop .c-img-box .c-close {position: absolute; display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;bottom: -1rem;left: 50%;margin-left: -1rem; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s;}

#c-code-pop .c-img-box .c-close img,

#c-code-pop .c-img-box .c-close svg {margin: 4px; width: .15rem;height: .15rem;}

#c-code-pop .c-img-box .c-close img path,

#c-code-pop .c-img-box .c-close svg path { fill: #333;transition: all 0.5s;}

#c-code-pop .c-img-box .c-close:hover {background-color: #0074ef;}

#c-code-pop .c-img-box .c-close:hover svg path {fill: #fff;}

#c-code-pop .c-img-box > img {width: 100%;}

#c-code-pop .c-img-box .c-text { padding-top: .625rem; line-height: 1;text-align: center; color: #333;}



/* 留言弹窗 */

#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }

#c-sub-pop .c-box {position: absolute;top: 50%;left: 50%;padding: .4rem;box-sizing: border-box;width: 5rem;max-width: 92%;border-radius: .1rem;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;}

#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}

#c-sub-pop .c-box .c-close {transition: all 0.5s;display: inline-flex;margin-left: auto;float: right;cursor: pointer;margin-top: -.25rem;margin-right: -.25rem;}

#c-sub-pop .c-box .c-close img,

#c-sub-pop .c-box .c-close svg {width: .24rem;height: .24rem; display: block; transition: .5s;}

#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}

#c-sub-pop .c-box .tit {color: #333; font-size: var(--font30); margin-top: .2rem; font-weight: 600; text-align: center;}

#c-sub-pop .c-box .inBox {margin-top: .2rem; position: relative;  border-radius: .1rem;}

#c-sub-pop .c-box .inBox input ,#c-sub-pop .c-box .inBox textarea {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: .1rem; height: .52rem; min-height: 40px; width: 100%; padding: 0 .1rem;box-sizing: border-box; font-size: var(--font16);}

#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c; font-size: var(--font14);}

#c-sub-pop .c-box .inBox.inMsg textarea {height: .8rem; padding: .1rem;}

#c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}

#c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}

#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - .06rem); width: 1.1rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}

#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: .4rem;}

#c-sub-pop .c-box .insub button {cursor: pointer; height: auto; line-height: initial; border-radius: .3rem; font-size: var(--font16); background: #0074ef; border: 0;  padding: .15rem .4rem; line-height: 1; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}

#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 .1rem #0074ef;}

@media screen and (min-width: 200px) and (max-width: 767px){

  #c-sub-pop .c-box .c-close {margin-top: -.15rem;margin-right: -0.15rem;}

  #c-sub-pop .c-box { width: 100%;}

  #c-sub-pop .c-box .tit {font-size: var(--font24);}

  #c-sub-pop .c-box .inBox {margin-top: .15rem;}

  #c-sub-pop .c-box .inBox input {height: .48rem;}


  #c-sub-pop .c-box .insub button {padding: .15rem .32rem;}

}



/* 404页面 */

.undefind {background: #fff; text-align: center;}

.undefind img {max-width: 100%;}

.undefind .box {min-height: 100vh; display: flex; align-items: center; justify-content:center ;}

.undefind .p1 {font-size: var(--font32); color: #666; font-weight: normal;}

.undefind .p2 {color: #0074ef; font-weight: 700; font-size: var(--font42); padding-top: 10px; margin: auto;}

.undefind .imgBox {margin-top: 80px;}

.undefind .img2 {margin-top: 50px;}

.undefind .morelist {margin-top: 50px;}

.undefind .morelist a {margin-top: 30px; border-radius: 100px; padding: 15px 25px; box-sizing: border-box; border: 2px solid #0074ef; transition: .5s; display: inline-block;}

.undefind .morelist a span {margin-right: 20px; font-weight: 700;}

.undefind .morelist .a1 {background: #0074ef; color: #fff;}

.undefind .morelist .a2 {margin-left: 35px; color: #0074ef; background: none;}

.undefind .morelist a:hover {background: #0074ef; color: #fff;box-shadow: 0 0 10px #0074ef;}

.undefind .morelist a:hover svg path {fill: #fff;}



/*

插件：视频全屏

版本：

官网：

*/

#hi-video-pop2 { display: none;height: 0; width: 0;}



/*使用IE浏览器提示*/

#hi-upgrade {position: fixed;top: 0; left: 0; z-index: 9999; width: 100%;height: 100%;background: #fff;font-size: 16px; line-height: 26px; text-align: center;}

#hi-upgrade .hi-wrap {position: absolute; top: 50%; left: 50%;margin: -177px 0 0 -450px;width: 900px;}

#hi-upgrade .hi-wrap .hi-title {font-size: 30px; line-height: 40px; color: #333; margin-bottom: 20px;}

#hi-upgrade .hi-wrap .hi-close {margin: 10px 0;display: inline-block; cursor: pointer;font-size: 18px;color: #0074ef;}

#hi-upgrade .hi-wrap .hi-close:hover {text-decoration: underline;}

#hi-upgrade .hi-wrap .hi-text1 {color: #666;}

#hi-upgrade .hi-wrap .hi-text1 span {color: #0074ef;}

#hi-upgrade .hi-wrap .hi-text2 {position: relative; margin: 60px 0; color: #333;}

#hi-upgrade .hi-wrap .hi-text2::before {content: "";position: absolute;top: 50%;left: 0;z-index: 1; width: 100%; border-top: 1px solid #ddd;}

#hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5; padding: 0 30px;background: #fff;}

#hi-upgrade .hi-wrap .hi-list { overflow: hidden;}

#hi-upgrade .hi-wrap .hi-list li {display: inline-block;width: 16%;}

#hi-upgrade .hi-wrap .hi-list li div {margin: 0 auto 5px;width: 50px;height: 50px;}

#hi-upgrade .hi-wrap .hi-list li a {color: #666;}

#hi-upgrade .hi-wrap .hi-list li a:hover {color: #0074ef;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {background: url(../images/hi-llqImg/hi-llq-1.svg) no-repeat center / 100%;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(../images/hi-llqImg/hi-llq-2.svg) no-repeat center / 100%;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {background: url(../images/hi-llqImg/hi-llq-3.svg) no-repeat center / 100%;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {background: url(../images/hi-llqImg/hi-llq-4.svg) no-repeat center / 100%;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {background: url(../images/hi-llqImg/hi-llq-5.svg) no-repeat center / 100%;}

#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {background: url(../images/hi-llqImg/hi-llq-6.svg) no-repeat center / 100%;}



/* 分页v2 */

.pagination {margin: .5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}

.pagination a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.pagination li { display: flex; align-items: center; border: 1px solid #D0D0D0; border-radius: .1rem; justify-content: center;  color: #999; }

.pagination li {width: .4rem; height: .4rem; min-width: 30px; min-height: 30px; transition: .4s; margin:5px;}

.pagination li:hover {color: #fff; background: #0074ef; border-color:#0074ef ;}

.pagination li:hover a{color: #fff;}

.pagination .active {display: flex; align-items: center; justify-content: center;border-radius: .1rem; }

.pagination .active {width: .4rem; height: .4rem; min-width: 30px; min-height: 30px; color: #fff; background: #0074ef; border-color:#0074ef ; margin: 0 5px;}

.pagination li:first-child:hover::before ,.pagination li:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}

.pagination .disabled{ opacity: .5;}





/* =====资料录入样式调整 */

/* 图文排版 */

.table_txt_img td:first-child {padding-right: .2rem;}



/* 图片的排版 */

.table_pic tr td {padding: 0 10px;}



@media screen and (max-width: 767px) {

  /* 表格 */

  .table_form tr td {padding: 10px;}

  .table_form tr td p , .table_form tr td span {line-height: 1.8 !important;}



  /* 图文交替排版 */

  .table_replace tr {display: flex; flex-wrap: wrap;}

  .table_replace tr:nth-child(odd) td:last-child {order: -1;}

  .table_replace tr td {width: 100%; padding: 10px 0;}



  /* 图标的排版 */

  .table_icon tr {display: flex; flex-wrap: wrap;}

  .table_icon tr td {width: 50%; padding: 10px 0;}



  /* 图文排版 */

  .table_txt_img tr {display: flex; flex-wrap: wrap;}

  .table_txt_img tr td {width: 100%; padding: 10px 0;}

  .table_txt_img tr td:first-child {padding-right: 0;}



  /* 图片的排版 */

  .table_pic tr {display: flex; flex-wrap: wrap;}

  .table_pic tr td  {width: 50%; padding: 0 5px; margin-bottom: 10px;}

  

  

  /* 内容多的表格 */

  .table-scroll-container { width: auto; overflow-x: auto;-webkit-overflow-scrolling: touch;}

  .table-scroll-container .overflow-table th,

  .table-scroll-container .overflow-table td {word-wrap: break-word !important;  word-break: break-all !important; min-width: 75px;}

  

  

}



