/**
  base Css
  Create by:	Jin Ya Jun
  Create date:	09/01/2023
  History:
	  Append - 09/01/2023 - Jin Ya Jun
	  		   Create the base css file
	  Modify - one ......
	  Modify - two ......aaaaaaaaaaaaaaaaa
**/

@charset "UTF-8";

@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-ExtraLight.woff2") format("woff2"), url("../fonts/Manrope/Manrope-ExtraLight.woff") format("woff"), url("../fonts/Manrope/Manrope-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-Light.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Light.woff") format("woff"), url("../fonts/Manrope/Manrope-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-Regular.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Regular.woff") format("woff"), url("../fonts/Manrope/Manrope-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-Medium.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Medium.woff") format("woff"), url("../fonts/Manrope/Manrope-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-SemiBold.woff2") format("woff2"), url("../fonts/Manrope/Manrope-SemiBold.woff") format("woff"), url("../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-Bold.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Bold.woff") format("woff"), url("../fonts/Manrope/Manrope-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope/Manrope-ExtraBold.woff2") format("woff2"), url("../fonts/Manrope/Manrope-ExtraBold.woff") format("woff"), url("../fonts/Manrope/Manrope-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap }

html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; outline: none 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, a { border: 0; outline: none 0; }
address, caption, em, strong, th { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: super; }
sub { vertical-align: super; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { font-size: 100%; }
legend { color: #000; }
select, input, button, textarea { font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif; }
table { font-size: inherit; font: 100%; }
pre, code, kbd, samp, tt { font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 500; }
html, body, form { font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif; cursor: default; font-size: 14px; }
form { height: auto; background: none; }
html, body { background: #fff; }
em, i, b { font-style: normal; }
strong { font-weight: bold; }
hr { height: 1px; font: 0; padding: 0; background-color: #e6e6e6; margin: 5px 0; border: 0; clear: both; }
a { color: #333; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; }
.spcH15 { display: block; height: 15px; font-size: 0; width: 100%; padding: 0; margin: 0; clear: both; flex-shrink: 0; }
.spcW15 { display: block; height: 100%; font-size: 0; width: 15px; padding: 0; margin: 0; clear: both; flex-shrink: 0; }
.splitPd3 { color: #aaa; padding: 0 3px; }
.clear_fix { clear: both; display: block; height: auto; width: auto; padding: 0; margin: 0; border: none 0; line-height: normal; font-size: 0; }

/* 控件样式 */
input.textbox { background: #fff; border: solid 1px #ddd; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; }
input.textbox:focus { color: #0e5ea1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); border-color: #ccc; }
textarea.textarea { background: #fff; border: solid 1px #ddd; padding: 15px; box-sizing: border-box; font-size: 16px; color: #000; border-radius: 7px; line-height: 24px; }
textarea.textarea:focus { color: #0e5ea1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); border-color: #ccc; }
select.dropdownlist { background: #fff; border: solid 1px #ddd; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; }
input.dropdownlist:focus { color: #0e5ea1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); border-color: #ccc; }
input.selector { border: solid 1px #ddd; padding: 0 44px 0 10px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; background: url(../img/svg/menu_squared.svg) right 10px center no-repeat #fff; background-size: 26px; cursor: pointer; }
input.selector:focus { color: #0e5ea1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); border-color: #ccc; }
input.datePicker { border: solid 1px #ddd; padding: 0 44px 0 10px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; background: url(../img/svg/calendar.svg) right 10px center no-repeat #fff; background-size: 26px; cursor: pointer; }
input.datePicker:focus { color: #0e5ea1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); border-color: #ccc; }

/* 标签 */
label.lbTxt { line-height: 40px; }

/* 手机验证码 */
div.mobilesms { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
div.mobilesms > input { margin-right: 10px; }
div.mobilesms > a { flex-shrink: 0; color: #0e5ea1; }
div.mobilesms > a:hover { text-decoration: underline; }
div.mobilesms > a.disabled,
div.mobilesms > a.disabled:hover { flex-shrink: 0; color: #888; cursor: not-allowed; text-decoration: none; }
div.mobilesms > span { flex-shrink: 0; color: #888; }
div.mobilesms > span.time { flex-shrink: 0; color: #0e5ea1; }

/* 单选、多选标签 */
div.tags { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: 4px; }
div.tags > a { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: 40px; box-sizing: border-box; border: solid 1px #ddd; border-radius: 7px; color: #777; padding: 0 10px 0 10px; position: relative; }
div.tags > a:hover { color: #0e5ea1; border-color: #0e5ea1; }
div.tags > a.se { padding: 0 36px 0 10px; border-color: #0e5ea1; background: #0e5ea1; color: #fff; box-shadow: 0 2px 6px rgba(100, 149, 255, 0.3); }
div.tags > a.se::after { content: ''; display: inline-flex; width: 16px; height: 16px; border-radius: 0 6px 0 0; background: url(../img/svg/checkmark.svg) 0 0 no-repeat; background-size: 100%; position: absolute; right: 10px; top: 50%; margin-top: -8px; }

/* 上传图片 */
a.uploadImg { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; border: dotted 2px #ddd; width: 128px; height: 128px; border-radius: 7px; }
a.uploadImg::before { content: ''; display: inline-flex; width: 48px; height: 48px; background: url(../img/svg/upload_to_ftp.svg) 0 0 no-repeat; background-size: 100%; }
a.uploadImg:hover { border-color: #ef823a; color: #ef823a; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }

/* 上传图片列表 */
.upload_img_grps { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: 10px; }
.upload_img_grps > li { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; position: relative; }
.upload_img_grps > li > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; border: dotted 2px #ddd; width: 128px; height: 128px; border-radius: 7px; }
.upload_img_grps > li > a > img { max-height: 80%; max-width: 80%; }
.upload_img_grps > li > .op { display: none; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 5px; gap: 5px; flex-flow: column nowrap; justify-content: center; align-items: center; background: rgba(0,0,0,.5); }
.upload_img_grps > li > .op > a { color: #fff; }
.upload_img_grps > li > .op > a:hover { color: #ef823a; }
.upload_img_grps > li > a:hover { border-color: #ef823a; color: #ef823a; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }
.upload_img_grps > li:hover .op { display: flex; }
.upload_img_grps > li.append > a::before { content: ''; display: inline-flex; width: 48px; height: 48px; background: url(../img/svg/upload_to_ftp.svg) 0 0 no-repeat; background-size: 100%; }

/* 富文本编辑器 */
.txtEditor { display: block; border: solid 1px #ddd; border-radius: 7px; overflow: hidden; }
.txtEditor textarea { box-sizing: border-box; border: none 0; padding: 5px; width: 100%; min-width: 100%; max-width: 100%; min-height: 180px; height: 180px; background: url(../img/editor_bg.png) center center no-repeat #fff; }
.txtEditor .editorNext { display: block; height: 48px; line-height: 48px; text-align: right; padding: 0 10px; background: #f8f8f8; border-top: solid 1px #eee; }
.txtEditor .editorNext a { text-decoration: none; color: Blue; font-weight: bolder; }
.txtEditor .editorNext a:hover { text-decoration: underline; }
.txtEditor .editorNext em { color: #000; padding-right: 5px; float: left; }
.txtEditor .editorNext em { color: red; padding-right: 5px; float: left; }
.fullEditor { display: block; }
.fullEditor .ke-container { box-sizing: border-box; }
.fullEditor .ke-statusbar { display: none; }
.fullEditor .editorNext { display: block; height: 48px; line-height: 48px; padding: 0 10px; background: #f0f0f0; border-top: solid 1px #eee; color: red; }
.fullEditor .editorNext a { float: right; color: Blue; font-weight: bolder; }
.fullEditor .editorNext a:hover { text-decoration: underline; }

/* 表单主按钮 */
a.formBtnPri { display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(45deg, #0e5ea1 0%, #2ead77 100%); padding: 0 20px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; font-weight: bold; color: #fff; opacity: .8; }
a.formBtnPri:hover { opacity: 1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }

/* 表单次按钮 */
a.formBtnSec { display: inline-flex; justify-content: center; align-items: center; background: #eee; padding: 0 20px; box-sizing: border-box; font-size: 16px; color: #000; height: 40px; border-radius: 7px; border: solid 1px #ddd; font-weight: bold; color: #000; opacity: .8; }
a.formBtnSec:hover { opacity: 1; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }

/* 页面容器样式 */
.page_container { width: 1200px; margin: 0 auto; }

/* 导航样式 */
.navigation { margin: 0 auto; padding: 120px 0 0 0; }
.navigation ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; font-size: 16px; border-bottom: solid 1px #ddd; padding: 0 0 30px 0; }
.navigation ul li { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; font-weight: bold; }
.navigation ul li::after { content: ''; display: inline-flex; width: 16px; height: 16px; background: url(../img/svg/double_right.svg) 0 0 no-repeat; margin: 0 10px; }
.navigation ul li.curr { color: #888; }
.navigation ul li.fst::after,
.navigation ul li.curr::after { display: none; }
.navigation ul li a.home { color: #000; display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.navigation ul li a.home::before { content: ''; display: inline-flex; width: 24px; height: 24px; background: url(../img/svg/home.svg) 0 0 no-repeat; margin-right: 4px; }
.navigation ul li a.home:hover { color: #b22923; text-decoration: underline; }

/* 头部（公共） */
.header { width: 100%; background: #fff; }
.header .header_bar { width: 1200px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; padding: 30px 0 0 0; }
.header .logo { width: 299px; height: 64px; flex-shrink: 0; }
.header .hdwrap { width: 100%; }

/* 头部（公共）搜索框 */
.header .hdwrap .search { margin-bottom: 20px; text-align: right; }
.header .hdwrap .search > input { box-sizing: border-box; padding: 10px 44px 10px 10px; border: solid 1px #ddd; width: 300px; height: 36px; background-color: #fff; background-image: url(../img/svg/search.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 24px; opacity: .5; }
.header .hdwrap .search > input:focus { opacity: .9; }

/* 头部（公共）菜单 */
.header .hdwrap .menus { position: relative; }
.header .hdwrap .menus ul { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; }
.header .hdwrap .menus li { display: inline-flex; margin-left: 20px; }
.header .hdwrap .menus li > a { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 25px; line-height: 18px; font-size: 18px; color: #000; }
.header .hdwrap .menus li > a::after { content: ''; display: inline-flex; width: 0%; height: 2px; background: #0e5ea100; transition: all .3s; -webkit-transition: all .3s; }
.header .hdwrap .menus li > a:hover,
.header .hdwrap .menus li > a.se,
.header .hdwrap .menus li > a.se:hover { color: #0e5ea1; }
.header .hdwrap .menus li > a.se::after { width: 100%; background: #0e5ea1ff; }

/* 头部（公共）二级菜单 */
.header .hdwrap .menus .submenu { position: absolute; z-index: 700; left: 0; top: 45px; background: rgba(255, 255, 255, .8); box-shadow: 0 5px 30px rgba(0, 0, 0, .15); padding: 30px; display: none; }
.header .hdwrap .menus .submenu img { width: 220px; height: auto; float: left; margin: 0 20px 0 0; }
.header .hdwrap .menus .submenu span { float: left; width: 250px; }
.header .hdwrap .menus .submenu span a { display: inline-block; box-sizing: border-box; padding: 10px; width: 120px; height: 40px; line-height: 40px; color: #000; font-size: 16px; line-height: 20px; }
.header .hdwrap .menus .submenu span a::before { content: ''; display: inline-block; height: 16px; width: 16px; background: url(../img/svg/chevron_right.svg) center center no-repeat; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
.header .hdwrap .menus .submenu span a:hover { color: #fff; background: #0e5ea1; }
.header .hdwrap .menus .submenu span a:hover::before { background-image: url(../img/svg/chevron_right_white.svg); }

/* 头部（公共）标题 */
.page_tit { width: 100%; height: 289px; background: url(../img/page_title_01.jpg) center center no-repeat; background-size: cover; }
.page_tit_02 { background-image: url(../img/page_title_02.jpg); }
.page_tit_03 { background-image: url(../img/page_title_03.jpg); }
.page_tit_04 { background-image: url(../img/page_title_04.jpg); }
.page_tit_05 { background-image: url(../img/page_title_05.jpg); }
.page_tit_06 { background-image: url(../img/page_title_06.jpg); }
.page_tit_07 { background-image: url(../img/page_title_07.jpg?v20231206); }
.page_tit > .wrap { width: 1200px; height: 100%; margin: 0 auto; display: flex; flex-flow: row; justify-content: space-between; align-items: center; }
.page_tit > .wrap > b { font-size: 40px; font-weight: normal; color: #fff; }


/* 导航功能 */
.page_nav { background: #fff; }
.page_nav .wrap { width: 1200px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.page_nav .wrap .nav { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.page_nav .wrap .nav li { padding: 0; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 20px 0; }
.page_nav .wrap .nav li::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../img/svg/chevron_right.svg) center center no-repeat; margin: 0 6px; }
.page_nav .wrap .nav li.home::before { width: 20px; height: 20px; background: url(../img/svg/home.svg) center center no-repeat; margin: 0 6px 0 0; }
.page_nav .wrap .nav li.curr { color: #888; }
.page_nav .wrap .nav li a { font-size: 16px; color: #000; }
.page_nav .wrap .nav li a:hover { color: #0e5ea1; text-decoration: underline; }
.page_nav .wrap .nav_single { padding: 20px 0; }

/* 导航栏二级菜单 */
.page_nav .wrap .submenu { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 20px; padding: 20px 0 0 0; }
.page_nav .wrap .submenu li a { color: #000; font-size: 16px; line-height: 16px; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 20px; }
.page_nav .wrap .submenu li a:hover { color: #0e5ea1; text-decoration: none; }
.page_nav .wrap .submenu li a::after { content: ''; display: inline-flex; width: 100%; height: 2px; background: #fff; margin: 0 0 0 0; }
.page_nav .wrap .submenu li.se a { color: #0e5ea1; }
.page_nav .wrap .submenu li.se a::after { background: #0e5ea1; }


/* 底部 */
.footer { box-sizing: border-box; width: 1200px; padding: 40px 0; margin: 0 auto; }
.footer > .footer_left { float: left; }
.footer .vision { font-size: 14px; line-height: 18px; color: #888; margin-bottom: 20px; }
.footer .vision::before { content: ''; width: 92px; height: 36px; background: url(../img/logo.png) center center no-repeat; background-size: contain; float: left; margin-right: 20px; }
.footer .flinks { font-size: 14px; }
.footer .flinks a:hover { color: #0e5ea1; text-decoration: underline; }
.footer .flinks a::after { content: ''; display: inline-block; width: 1px; height: 12px; background: #ddd; margin: -2px 10px 0 10px; vertical-align: middle; }
.footer .flinks a:last-child::after { display: none; }
.footer > .footer_right { float: right; font-size: 14px; line-height: 20px; text-align: right; color: #888; }
.footer > .footer_right > em { padding: 0 4px; color: #0e5ea1; }

.footer1 { font-size: 12px; box-sizing: border-box; width: 1200px; gap: 20px; padding: 20px 0 40px 0; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; }
.footer1 .blk { box-sizing: border-box; background: #f2f2f2; width: 100%; padding: 30px; line-height: 20px; }
.footer1 .blk1 { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 260px; flex-shrink: 0; color: #666; }
.footer1 .blk1::before { content: ''; display: inline-flex; width: 92px; height: 36px; background: url(../img/logo.png) center center no-repeat; background-size: contain; margin-bottom: 20px; }
.footer1 .blk2 { color: #666; width: 380px; flex-shrink: 0; }
.footer1 .blk2 a { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.footer1 .blk2 a:hover { color: #0e5ea1; }
.footer1 .blk2 a::after { content: ''; display: inline-flex; width: 1px; height: 12px; background: #ddd; margin: 0 6px; }
.footer1 .blk2 a.last::after { background: #f2f2f2 }
.footer1 .blk3 { color: #666; justify-content: space-between; }
.footer1 .blk3 .recom { margin-bottom: 10px; }
.footer1 .blk3 .ipv6 { margin-bottom: 10px; }
.footer1 .blk3 .ipv6 em { display: inline-flex; border: solid 1px #ccc; padding: 0px 6px; border-radius: 4px; margin-left: 4px; }
.footer1 .blk3 .stas em { color: #0e5ea1; padding: 0 4px; }

/* 通用信息列表 */
.gen_info_section { font-size: 16px; }
.gen_info_section > dt { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; line-height: 30px; margin-bottom: 20px; }
.gen_info_section > dt > b { color: #0e5ea1; font-weight: bold; display: inline-flex; flex-flow: column nowrap; font-size: 30px; line-height: 30px; }
.gen_info_section > dt > b::after { content: ''; display: inline-flex; width: 100%; height: 4px; background: #0e5ea1; margin-top: 20px; flex-shrink: 0; }
.gen_info_section > dt > a { font-size: 18px; color: #888; }
.gen_info_section > dt > a:hover { color: #0e5ea1; text-decoration: underline; }
.gen_info_section > dd { line-height: 24px; }
.gen_info_section > dd > ul > li { padding: 6px 0; line-height: 24px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.gen_info_section > dd > ul > li > span { color: #888; font-size: 14px; }
.gen_info_section > dd > ul > li > a { color: #000; }
.gen_info_section > dd > ul > li > a:hover { color: #0e5ea1; text-decoration: underline; }

/* 新闻列表 */
.news_section { font-size: 18px; }
.news_section > dt { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; line-height: 30px; margin-bottom: 20px; }
.news_section > dt > b { color: #0e5ea1; font-weight: bold; font-size: 30px; }
.news_section > dt > a { font-size: 18px; color: #888; }
.news_section > dt > a:hover { color: #0e5ea1; text-decoration: underline; }
.news_section > dd { line-height: 24px; }
.news_section > dd > a { font-size: 18px; line-height: 30px; padding: 4px 0; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; }
.news_section > dd > a::before { display: inline-flex; content: ''; width: 6px; height: 6px; background: #aaa; flex-shrink: 0; transform: rotate(45deg); margin-top: 14px; margin-right: 10px; }
.news_section > dd > a > span { width: 100%; display: inline-flex; }
.news_section > dd > a:hover { color: #0e5ea1; text-decoration: underline; }
.news_section > dd > a:hover::before { background: #0e5ea1; }

/* 分页样式 */
.pageing { text-align: center; background: #fff; padding: 20px 20px; margin-top: 40px; }
.pageing .layui-laypage-curr .layui-laypage-em { background: linear-gradient(45deg, #0e5ea1 0%, #2ead77 100%); color: #fff; }
.pageing .layui-laypage a, .pageing .layui-laypage span { font-size: 14px; }

/* 主题图标集合 */
a > span > i.ico_maintenance { background-image: url(../img/svg/maintenance_color.svg); }
a:hover > span > i.ico_maintenance { background-image: url(../img/svg/maintenance_white.svg); }
a > span > i.ico_location { background-image: url(../img/svg/location_color.svg); }
a:hover > span > i.ico_location { background-image: url(../img/svg/location_white.svg); }
a > span > i.ico_paid_search { background-image: url(../img/svg/paid_search_color.svg); }
a:hover > span > i.ico_paid_search { background-image: url(../img/svg/paid_search_white.svg); }
a > span > i.ico_create_archive { background-image: url(../img/svg/create_archive_color.svg); }
a:hover > span > i.ico_create_archive { background-image: url(../img/svg/create_archive_white.svg); }
a > span > i.ico_search_contacts { background-image: url(../img/svg/search_contacts_color.svg); }
a:hover > span > i.ico_search_contacts { background-image: url(../img/svg/search_contacts_white.svg); }
a > span > i.ico_card_payment { background-image: url(../img/svg/card_payment_color.svg); }
a:hover > span > i.ico_card_payment { background-image: url(../img/svg/card_payment_white.svg); }
a > span > i.ico_transfer { background-image: url(../img/svg/transfer_color.svg); }
a:hover > span > i.ico_transfer { background-image: url(../img/svg/transfer_white.svg); }
a > span > i.ico_service_tips { background-image: url(../img/svg/service_tips_color.svg); }
a:hover > span > i.ico_service_tips { background-image: url(../img/svg/service_tips_white.svg); }
a > span > i.ico_calendar { background-image: url(../img/svg/calendar_color.svg); }
a:hover > span > i.ico_calendar { background-image: url(../img/svg/calendar_white.svg); }
a > span > i.ico_wrench { background-image: url(../img/svg/wrench_color.svg); }
a:hover > span > i.ico_wrench { background-image: url(../img/svg/wrench_white.svg); }
a > span > i.ico_pen { background-image: url(../img/svg/pen_color.svg); }
a:hover > span > i.ico_pen { background-image: url(../img/svg/pen_white.svg); }
a > span > i.ico_private { background-image: url(../img/svg/private_color.svg); }
a:hover > span > i.ico_private { background-image: url(../img/svg/private_white.svg); }
a > span > i.ico_user_menu_male { background-image: url(../img/svg/user_menu_male_color.svg); }
a:hover > span > i.ico_user_menu_male { background-image: url(../img/svg/user_menu_male_white.svg); }
a > span > i.ico_check { background-image: url(../img/svg/check_color.svg); }
a:hover > span > i.ico_check { background-image: url(../img/svg/check_white.svg); }
a > span > i.ico_rescan_document { background-image: url(../img/svg/rescan_document_color.svg); }
a:hover > span > i.ico_rescan_document { background-image: url(../img/svg/rescan_document_white.svg); }
a > span > i.ico_documents { background-image: url(../img/svg/documents_color.svg); }
a:hover > span > i.ico_documents { background-image: url(../img/svg/documents_white.svg); }
a > span > i.ico_delete_archive { background-image: url(../img/svg/delete_archive_color.svg); }
a:hover > span > i.ico_delete_archive { background-image: url(../img/svg/delete_archive_white.svg); }
a > span > i.ico_change { background-image: url(../img/svg/change_color.svg); }
a:hover > span > i.ico_change { background-image: url(../img/svg/change_white.svg); }
a > span > i.ico_adjust { background-image: url(../img/svg/adjust_color.svg); }
a:hover > span > i.ico_adjust { background-image: url(../img/svg/adjust_white.svg); }
a > span > i.ico_sort_by_modified_date { background-image: url(../img/svg/sort_by_modified_date_color.svg); }
a:hover > span > i.ico_sort_by_modified_date { background-image: url(../img/svg/sort_by_modified_date_white.svg); }
a > span > i.ico_process { background-image: url(../img/svg/process_color.svg); }
a:hover > span > i.ico_process { background-image: url(../img/svg/process_white.svg); }
a > span > i.ico_shield_user { background-image: url(../img/svg/shield_user_color.svg); }
a:hover > span > i.ico_shield_user { background-image: url(../img/svg/shield_user_white.svg); }
a > span > i.ico_purchase_order { background-image: url(../img/svg/purchase_order_color.svg); }
a:hover > span > i.ico_purchase_order { background-image: url(../img/svg/purchase_order_white.svg); }

/* 表单样式 */
.formSec { font-size: 16px; padding: 60px 30px; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .05); border-radius: 7px; }
.formSec .formRow { margin-bottom: 10px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: 10px; margin-right: 40px; }
.formSec .formRow .formFed { width: 160px; text-align: right; color: #000; font-size: 16px; flex-shrink: 0; }

/* 必填项 */
.formSec .formRow .formFed .req { color: #888; margin-right: 6px; }
.formSec .formRow .formFed .req i { color: #cc0000; padding: 0 4px; }
.formSec .formRow .formCtr { width: 100%; }
.formSec .formRow .fedDesc { color: #888; margin-top: 6px; font-size: 14px; }
.formSec .formRow .fedDesc a { color: #0e5ea1; margin: 0 4px; }
.formSec .formRow .fedDesc a:hover { text-decoration: underline; }
.formSec .formBtnRow { padding: 30px 0; text-align: center; }

/* 表单分段样式 */
.formSecRow { padding: 30px 0; text-align: center; }
.formSecRow b { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 10px; color: #cc0000; font-size: 24px; line-height: 24px; }
.formSecRow b::after { content: ''; display: inline-flex; width: 45%; height: 4px; border-radius: 6px; background: linear-gradient(45deg, #0e5ea1 0%, #2ead77 100%); box-shadow: 0 1px 4px rgba(0, 0, 0, .15); }

/* 未发布内容 */
.nopubcon { padding: 80px 0; text-align: center; font-size: 24px; font-weight: normal; color: #888; }
.nopubcon::before { content: ''; display: block; height: 64px; width: 64px; margin: 0 auto 20px auto; background: url(../img/svg/hide.svg); }

/* 搜索页面 */
.search_container { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 40px; position: relative; }
.search_container .search_silder { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; flex-shrink: 0; width: 100%; }

.gen_selector_lay { position: absolute; top: 0; left: 0; width: 100px; background: #fff; border: solid 1px #ccc; z-index: 99999; box-shadow: 0 1px 5px 0 rgba(0,0,0,.15); }
.gen_selector_lay > .ztree { padding: 5px; }
.gen_selector_lay > .treeWrap { padding: 0px; height: 200px; overflow: auto; overflow-x: hidden; }
.gen_selector_lay > .treeWrap > .ztree { padding: 5px; }
.gen_selector_lay > .search { box-sizing: border-box; width: 100%; height: 32px; border: none; border-bottom: solid 1px #f2f2f2; background: url(../img/svg/search.svg) 4px center no-repeat; background-size: 16px; padding: 0 0 0 24px; }
.gen_selector_loading { background: url(../img/genLoading.gif) center center no-repeat #fff; }

/* zTree css v3 ---------- begin -----------------------------------------------------------------------------------------*/
.ztree * { padding: 0; margin: 0; font-size: 12px; }
.ztree { margin: 0; padding: 0px; color: #333 }
.ztree li { padding: 0; margin: 0; list-style: none; line-height: 14px; text-align: left; white-space: nowrap; outline: 0 }
.ztree li ul { margin: 0; padding: 0 0 0 18px }
.ztree li ul.line { background: url(../img/ztree/line_conn.gif) 0 0 repeat-y; }
.ztree li a { padding: 1px 3px 0 0; margin: 0; cursor: pointer; height: 17px; color: #333; background-color: transparent; text-decoration: none; vertical-align: top; display: inline-block; transition: none; -webkit-transition: none; }
.ztree li a:hover { text-decoration: underline }
.ztree li a.curSelectedNode { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; opacity: 0.8; }
.ztree li a.curSelectedNode_Edit { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; opacity: 0.8; }
.ztree li a.tmpTargetNode_inner { padding-top: 0px; background-color: #316AC5; color: white; height: 16px; border: 1px #316AC5 solid; opacity: 0.8; filter: alpha(opacity=80) }
.ztree li a.tmpTargetNode_prev { }
.ztree li a.tmpTargetNode_next { }
.ztree li a input.rename { height: 14px; width: 80px; padding: 0; margin: 0; font-size: 12px; border: 1px #7EC4CC solid; *border: 0px }
.ztree li span { line-height: 16px; margin-right: 2px }
.ztree li span.button { line-height: 0; margin: 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border: 0 none; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-image: url("../img/ztree/zTreeStandard.png"); *background-image: url("../img/ztree/zTreeStandard.gif") }
.ztree li span.button.chk { width: 13px; height: 13px; margin: 0 3px 0 0; cursor: auto }
.ztree li span.button.chk.checkbox_false_full { background-position: 0 0 }
.ztree li span.button.chk.checkbox_false_full_focus { background-position: 0 -14px }
.ztree li span.button.chk.checkbox_false_part { background-position: 0 -28px }
.ztree li span.button.chk.checkbox_false_part_focus { background-position: 0 -42px }
.ztree li span.button.chk.checkbox_false_disable { background-position: 0 -56px }
.ztree li span.button.chk.checkbox_true_full { background-position: -14px 0 }
.ztree li span.button.chk.checkbox_true_full_focus { background-position: -14px -14px }
.ztree li span.button.chk.checkbox_true_part { background-position: -14px -28px }
.ztree li span.button.chk.checkbox_true_part_focus { background-position: -14px -42px }
.ztree li span.button.chk.checkbox_true_disable { background-position: -14px -56px }
.ztree li span.button.chk.radio_false_full { background-position: -28px 0 }
.ztree li span.button.chk.radio_false_full_focus { background-position: -28px -14px }
.ztree li span.button.chk.radio_false_part { background-position: -28px -28px }
.ztree li span.button.chk.radio_false_part_focus { background-position: -28px -42px }
.ztree li span.button.chk.radio_false_disable { background-position: -28px -56px }
.ztree li span.button.chk.radio_true_full { background-position: -42px 0 }
.ztree li span.button.chk.radio_true_full_focus { background-position: -42px -14px }
.ztree li span.button.chk.radio_true_part { background-position: -42px -28px }
.ztree li span.button.chk.radio_true_part_focus { background-position: -42px -42px }
.ztree li span.button.chk.radio_true_disable { background-position: -42px -56px }
.ztree li span.button.switch { width: 18px; height: 18px }
.ztree li span.button.root_open { background-position: -92px -54px }
.ztree li span.button.root_close { background-position: -74px -54px }
.ztree li span.button.roots_open { background-position: -92px 0 }
.ztree li span.button.roots_close { background-position: -74px 0 }
.ztree li span.button.center_open { background-position: -92px -18px }
.ztree li span.button.center_close { background-position: -74px -18px }
.ztree li span.button.bottom_open { background-position: -92px -36px }
.ztree li span.button.bottom_close { background-position: -74px -36px }
.ztree li span.button.noline_open { background-position: -92px -72px }
.ztree li span.button.noline_close { background-position: -74px -72px }
.ztree li span.button.root_docu { background: none; }
.ztree li span.button.roots_docu { background-position: -56px 0 }
.ztree li span.button.center_docu { background-position: -56px -18px }
.ztree li span.button.bottom_docu { background-position: -56px -36px }
.ztree li span.button.noline_docu { background: none; }
.ztree li span.button.ico_open { margin-right: 2px; background-position: -110px -16px; vertical-align: top; *vertical-align: middle }
.ztree li span.button.ico_close { margin-right: 2px; background-position: -110px 0; vertical-align: top; *vertical-align: middle }
.ztree li span.button.ico_docu { margin-right: 2px; background-position: -110px -32px; vertical-align: top; *vertical-align: middle }
.ztree li span.button.edit { margin-right: 2px; background-position: -110px -48px; vertical-align: top; *vertical-align: middle }
.ztree li span.button.remove { margin-right: 2px; background-position: -110px -64px; vertical-align: top; *vertical-align: middle }
.ztree li span.button.ico_loading { margin-right: 2px; background: url(../img/ztree/loading.gif) no-repeat scroll 0 0 transparent; vertical-align: top; *vertical-align: middle }
ul.tmpTargetzTree { background-color: #FFE6B0; opacity: 0.8; filter: alpha(opacity=80) }
span.tmpzTreeMove_arrow { width: 16px; height: 16px; display: inline-block; padding: 0; margin: 2px 0 0 1px; border: 0 none; position: absolute; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: -110px -80px; background-image: url("../img/ztree/zTreeStandard.png"); *background-image: url("../img/ztree/zTreeStandard.gif") }
ul.ztree.zTreeDragUL { margin: 0; padding: 0; position: absolute; width: auto; height: auto; overflow: hidden; background-color: #cfcfcf; border: 1px #00B83F dotted; opacity: 0.8; filter: alpha(opacity=80) }
.zTreeMask { z-index: 10000; background-color: #cfcfcf; opacity: 0.0; filter: alpha(opacity=0); position: absolute }

/* ztree css v3 ---------- end -----------------------------------------------------------------------------------------*/

/*图形验证码弹层*/
.smsImgCodePage { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: 100%; width: 100%; }
.smsImgCodePage > .control { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; border: solid 1px #ddd; padding: 10px; border-radius: 4px; margin-right: 10px; }
.smsImgCodePage > .control > img { height: 42px; width: 106px; background: #fff; margin-right: 10px; }
.smsImgCodePage > .control > input { border: none 0; height: 42px; width: 120px; font-size: 18px; font-weight: bold; text-align: center; }
.smsImgCodePage > a { display: inline-flex; justify-content: center; align-items: center; height: 42px; justify-content: center; align-items: center; padding: 11px 48px; background: #71a05f; color: #fff; border-radius: 4px; }
.smsImgCodePage > a:hover { background: #dea240; }