/**
  base Css
  Create by:	Jin Ya Jun
  Create date:	02/24/2024
  History:
	  Append - 05/14/2020 - Jin Ya Jun
	  		   Create the base css file
	  Modify - one ......
	  Modify - two ......aaaaaaaaaaaaaaaaa
**/

/*@font-face { font-family: "HarmonySansSc"; src: url("/font/HarmonySansSc/HarmonyOS_Sans_SC_Regular.ttf") format("truetype"); font-style: normal; font-display: swap; }
@font-face { font-family: "HarmonySansSc"; src: url("/font/HarmonySansSc/HarmonyOS_Sans_SC_Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "HarmonySansCondensed"; src: url("/font/HarmonySansCondensed/HarmonyOS_Sans_Condensed_Regular.ttf") format("truetype"); font-style: normal; font-display: swap; }
@font-face { font-family: "HarmonySansCondensed"; src: url("/font/HarmonySansCondensed/HarmonyOS_Sans_Condensed_Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
*/
@font-face { font-family: "MyriadPro"; src: url("/font/MyriadPro/Myriad Pro Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro"; src: url("/font/MyriadPro/Myriad Pro Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro"; src: url("/font/MyriadPro/Myriad Pro Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro"; src: url("/font/MyriadPro/Myriad Pro Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro"; src: url("/font/MyriadPro/Myriad Pro Black.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap }

@font-face { font-family: "MyriadPro_Condensed"; src: url("/font/MyriadPro/Myriad Pro Light Condensed.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro_Condensed"; src: url("/font/MyriadPro/Myriad Pro Condensed.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro_Condensed"; src: url("/font/MyriadPro/Myriad Pro Semibold Condensed.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro_Condensed"; src: url("/font/MyriadPro/Myriad Pro Bold Condensed.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: "MyriadPro_Condensed"; src: url("/font/MyriadPro/Myriad Pro Black Condensed.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap }


html { color: #000; }
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: text-top; }
sub { vertical-align: text-bottom; }
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: 'Microsoft YaHei', 'MyriadPro', Arial, Helvetica Neue, Helvetica, sans-serif; }
table { font-size: inherit; font: 100%; }
pre, code, kbd, samp, tt { font-family: 'Microsoft YaHei', 'MyriadPro', Arial, Helvetica Neue, Helvetica, sans-serif; }
html, body { min-width: 1400px; font-family: 'Microsoft YaHei', 'MyriadPro', Arial, Helvetica Neue, Helvetica, sans-serif; cursor: default; font-size: 16px; color: #000; }
form { height: auto; background: none; }
html, body { background: #f6f6f4; }
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: #000; 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; }

/*地图格式化*/
.map { }
.map .BMap_cpyCtrl { display: none; }
.map .anchorBL { display: none; }

/*标签文字样式*/
.f_blue { color: #2a7dda; }
.f_red { color: #ff5722; }
.f_green { color: #00a103; }
.f_gray { color: #aaa; }

/*链接样式*/
.gen_blue_lnk { color: #0066ff; text-decoration: none; }
.gen_blue_lnk:hover { color: #0066ff; text-decoration: underline; }

/*
    布局样式
*/
.header { background: #fff; }
.header > .wrap { width: 1400px; height: 68px; padding: 16px 0; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.header > .wrap > .logo { display: inline-flex; height: 68px; flex-shrink: 0; }
.header > .wrap > .logo > svg { height: 68px; }
.header > .wrap > .menu { display: inline-flex; gap: 40px; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.header > .wrap > .menu > a { display: inline-flex; font-size: 20px; font-weight: bold; position: relative; }
.header > .wrap > .menu > a::after { content: ''; height: 2px; position: absolute; left: 50%; right: 50%; bottom: -22px; background: #1a5eff; transition: all .3s; -webkit-transition: all .3s; }
.header > .wrap > .menu > a:hover { color: #1a5eff; }
.header > .wrap > .menu > a:hover::after { left: 0; right: 0; }

.mend { flex-shrink: 0; gap: 20px; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.mend > .mendFun { position: relative; width: 50px; cursor: pointer; padding-top: 36px; background: url(/img/web/ico/geography.svg) top center no-repeat; background-size: 32px; font-size: 12px; line-height: 14px; color: #888; }
.mend > .mendFun > h2 { text-transform: uppercase; text-align: center; width: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mend > .mendFun > p { z-index: 9999; position: absolute; top: 50px; left: -25px; background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); width: 100px; height: 0; overflow: hidden; border-radius: 20px; padding: 0px 0; display: flex; flex-flow: column nowrap; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.35); transition: all .3s; -webkit-transition: all .3s; }
.mend > .mendFun > p > a { display: block; text-align: center; padding: 10px 0; color: #fff; font-size: 14px; }
.mend > .mendFun > p > a:hover { background: #ffffff33; }
.mend > .mendFun:hover > p { height: auto; padding: 20px 0; }
/*用户*/
.mend > .user { background-image: url(/img/web/ico/user_male.svg); }
.mend > .user:hover { background-image: url(/img/web/ico/user_male_color.svg); }
.mend > .mendFun.user > p { width: 140px; left: -45px; }
/*搜索*/
.mend > .search { background-image: url(/img/web/ico/search.svg); }
.mend > .search:hover, .mend > .search.se:hover { background-image: url(/img/web/ico/search_color.svg); }
.mend > .mendFun:hover { color: #113020; }

/*搜索层*/
.searchLay { position: absolute; left: 0; top: 100px; right: 0; z-index: 9990; height: 0; overflow: hidden; background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); box-shadow: 0 4px 40px rgba(0,0,0,.3); display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; opacity: 0; transition: all .3s; -webkit-transition: all .3s; }
.searchLay > .searchBox { display: inline-flex; position: relative; }
.searchLay > .searchBox > input { display: inline-flex; position: relative; z-index: 8; width: 500px; box-sizing: border-box; height: 60px; padding: 0 140px 0 20px; border-radius: 30px; border: none 0; }
.searchLay > .searchBox > a { position: absolute; z-index: 9; top: 2px; right: 2px; width: 126px; height: 56px; border-radius: 28px; background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); color: #fff; display: inline-flex; justify-content: center; align-items: center; }
.searchLay > .searchBox > a:hover { opacity: .8; }
.searchLay > a.close { display: inline-flex; width: 48px; height: 48px; background: url(/img/web/ico/delete.svg) center center no-repeat; background-size: 100%; opacity: .5; margin-left: 20px; }
.searchLay > a.close:hover { opacity: 1; }
.searchLayActive { opacity: 1; height: auto; padding: 60px 0; }

/*网站底部*/
.footer { padding: 60px 0; }
.footer > .wrap { width: 1400px; margin: 0 auto; }
.footer .fotCon { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; }
.footer .fotCon .abt { line-height: 30px; flex-shrink: 0; }
.footer .fotCon .abt b { font-size: 18px; line-height: 26px; }
.footer .fotCon .org { line-height: 30px; text-align: right; }
.footer .sptLine { display: flex; height: 1px; width: 100%; background: #ddd; margin: 40px 0; }
.footer .navBottom { display: flex; gap: 40px; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; }
.footer .navBottom > dl { }
.footer .navBottom > dl > dt { font-weight: bold; margin-bottom: 10px; }
.footer .navBottom > dl > dd { display: flex; gap: 8px; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; }

/* paging */
.paging { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; padding: 20px 0; font-size: 16px; background: #fff; }
.layui-laypage a, .layui-laypage span { line-height: 40px; height: 40px; padding: 0 20px; font-size: 16px; margin-bottom: 0; }
.layui-laypage a:hover { color: #1a5eff; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background: #1a5eff; }
.layui-laypage select { height: 34px; }

/* navigate */
.nav { margin-bottom: 60px; }
.navDetail { padding: 100px 0 0 0; margin-bottom: 0; }
.nav > .wrap { width: 1400px; gap: 12px; font-size: 18px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.nav > .wrap > span { display: inline-flex; height: 14px; width: 14px; background: url(/img/web/ico/chevron_right_black.svg); background-size: 100%; }
.nav > .wrap > em { color: #555; }
.nav > .wrap > i.ico_home { display: inline-flex; height: 18px; width: 18px; background: url(/img/web/ico/home_black.svg); background-size: 100%; }

/* navigate right */
.navr { width: 1400px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; }
.navr::after { content: ''; height: 24px; width: 24px; display: inline-block; background: url(/img/en/home.svg) center center no-repeat; background-size: 24px; margin-left: 20px; }
.navr a { color: #113020; position: relative; padding: 0 0 0 20px; }
.navr a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; height: 1px; background: #113020; }
.navr a.curr { color: #1a5eff; }
.navr a.curr::after { background: #1a5eff; }
.navr a:first-child { padding-left: 0; }

.mainBody { padding: 40px 0; }
.mainBody > .wrap { width: 1400px; margin: 0 auto; }


/* No data yet */
.listEmpty { width: 100%; padding: 100px 0; background: none; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; font-size: 20px; color: #888; }
.listEmpty::before { content: ''; display: inline-flex; width: 96px; height: 96px; background: url(/img/en/no_entry.svg) center center no-repeat; background-repeat: no-repeat; margin-bottom: 10px; }
.listEmpty:hover { box-shadow: none; }


/*banner*/
.banner { }
.banner > .wrap { padding: 60px 0; width: 1400px; margin: 0 auto; display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; }
.banner > .wrap > h2 { font-size: 60px; }
.banner > .wrap > p { font-family: 'HarmonySansCondensed'; font-size: 30px; color: #000; text-transform: uppercase; opacity: .7 }


.main { }
.main > .wrap { width: 1400px; margin: 0 auto; }
.backTop { position: absolute; z-index: 99; right: -44px; top: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-content: center; }
.backTop > a:first-child { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; padding: 10px 0; font-size: 12px; line-height: 18px; border-top: solid 1px #000; border-bottom: solid 1px #000; }
.backTop > a:first-child::before { content: ''; display: inline-flex; width: 16px; height: 16px; background: url(/img/web/ico/up_arrow_black.svg) center center no-repeat; background-repeat: no-repeat; margin-bottom: 8px; }
.backTop > a:first-child:hover { border-color: #1a5eff; color: #1a5eff; }
.backTop > a:first-child:hover::before { background-image: url(/img/web/ico/up_arrow_them_green.svg); }
.backTop > a.backto { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; padding: 10px 0; font-size: 12px; line-height: 18px; border-bottom: solid 1px #000; }
.backTop > a.backto::before { content: ''; display: inline-flex; width: 16px; height: 16px; background: url(/img/web/ico/left_arrow_black.svg) center center no-repeat; background-repeat: no-repeat; margin-bottom: 4px; }
.backTop > a.backto:hover { border-color: #1a5eff; color: #1a5eff; }
.backTop > a.backto:hover::before { background-image: url(/img/web/ico/left_arrow_green.svg); }

.playout { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; gap: 60px; }
.playoutL { width: 240px; flex-shrink: 0; }
.playoutR { width: 100%; }
.pagenav { position: relative; background: rgba(255,255,255,.7); border-radius: 20px; height: 100%; }
.pagenav > dl { padding: 40px; width: 100%; box-sizing: border-box; }
.pagenav > dl > dt { color: #000; font-weight: bold; font-size: 20px; margin-bottom: 20px; text-align: center; }
.pagenav > dl > dd { font-size: 18px; margin-bottom: 20px; text-align: center; }
.pagenav > dl > dd > a { font-size: 16px; line-height: 32px; display: flex; justify-content: center; align-items: center; border-radius: 18px; border: solid 1px #1a5eff00; box-sizing: border-box; }
.pagenav > dl > dd > a:hover { color: #1a5eff; border: solid 1px #7d9ffc; }
.pagenav > dl > dd > a.se, .pagenav > dl > dd > a.se:hover { background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); color: #fff; }

.pageTit { position: relative; text-align: center; margin-bottom: 40px; padding: 60px 0; display: flex; flex-flow: column nowrap; }
.pageTit > b { z-index: 9; font-weight: bold; font-size: 36px; }
.pageTit > em { z-index: 8; font-size: 16px; margin-top: 10px; }
.subTitle { font-size: 20px; color: #555; margin-top: 60px; margin-bottom: 60px; text-align: center; }
.pageTit::after { content: ''; display: inline-flex; position: absolute; top: 50%; margin-top: -63px; left: 50%; margin-left: -63px; height: 126px; width: 126px; box-sizing: border-box; border-radius: 50%; border: solid 2px #7d9ffc; opacity: .3; z-index: 1; }
.pageTit::before { content: ''; display: inline-flex; position: absolute; top: 50%; margin-top: -43px; left: 55%; margin-left: -43px; height: 86px; width: 86px; box-sizing: border-box; border-radius: 50%; border: solid 2px #7d9ffc; opacity: .2; z-index: 2; }
.pageCon { font-size: 18px; }
.pageCon p { font-size: 18px; line-height: 30px; text-indent: 2em; padding: 10px 0; }



/**/
.layCfm { position: fixed; z-index: 99999; left: 50%; margin: -300px 0 0 -400px; width: 800px; top: 50%; height: 600px; background: #fff; border-radius: 20px; }
.layCfm > .tit { position: absolute; left: 0; right: 0; top: 0; padding: 60px 60px 40px 60px; height: 40px; text-align: center; font-size: 40px; line-height: 40px; font-weight: bold; }
.layCfm > .con { padding: 140px 60px; height: 100%; box-sizing: border-box; }
.layCfm > .con > .infocon { font-size: 20px; overflow: auto; overflow-x: hidden; }
.layCfm > .btn { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 20px; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; padding: 40px 60px 60px 60px; text-align: center; }
.layCfm > .btn > a { border-radius: 4px; height: 50px; padding: 0 40px; background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); color: #fff; font-size: 20px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; }
.layCfm > .btn > a:last-child { background: #ddd; color: #444; }
.layCfm > .btn > a:hover { opacity: .8; transform: scale(1.1); }
.layCfm > .btn > a:last-child:hover { background: #eee; color: #000; }
.layCfm > .close { position: absolute; right: -80px; top: 0; }
.layCfm > .close a { overflow: hidden; padding: 64px 0 0 0; display: inline-flex; height: 0; width: 64px; background: url(/img/web/ico/delete_white.svg) center center no-repeat; background-size: cover; }
.layCfm > .close a:hover { transform: rotate(.5turn) }
.layMark { position: fixed; z-index: 99992; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .3; }

/*表单控件*/

/*解决回填后带背景色问题*/
.el_input__inner:-webkit-autofill,
.el_input__inner:-webkit-autofill:hover,
.el_input__inner:-webkit-autofill:focus,
.el_input__inner:-webkit-autofill:active { background-color: transparent; -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out, font-size 99999s ease-out; }

.formTab { width: 100%; font-size: 18px; }
.formTab .formRow > td { padding: 10px; }
.formTab .formRow > td.fedTxt { text-align: right; width: 200px; font-weight: bold; }
.formTab .formRow > td.formReq::before { content: '*'; color: red; margin-right: 4px; }
.formTab .formRow > td.formCtrl { color: #888; }
.formTab .formRow .fedDesc { color: #888; margin-top: 10px; }

a.button { height: 42px; font-size: 18px; display: inline-flex; justify-content: center; align-items: center; color: #fff; background: #1a5eff; border-radius: 4px; padding: 0 20px; box-sizing: border-box; }
a.button:hover { background: #7d9ffc; }
a.cancelButton { height: 42px; font-size: 18px; display: inline-flex; justify-content: center; align-items: center; color: #fff; background: #aaa; border-radius: 4px; padding: 0 20px; box-sizing: border-box; }
a.cancelButton:hover { background: #888; }
a.secondaryBtn { height: 42px; font-size: 18px; display: inline-flex; justify-content: center; align-items: center; color: #1a5eff; border: solid 2px #1a5eff; background: none; border-radius: 4px; padding: 0 20px; box-sizing: border-box; }
a.secondaryBtn:hover { border-color: #7d9ffc; color: #7d9ffc; }

.textBox { box-sizing: border-box; height: 42px; font-size: 18px; border: none 0; border-bottom: solid 2px #ddd; color: #444; transition: .3s; box-sizing: border-box; background: none; }
.textBox:hover { border-color: #aaa; }
.textBox:focus { border-color: #1a5eff; border-width: 2px; color: #1a5eff; }

.textArea { box-sizing: border-box; height: 42px; font-size: 18px; border: none 0; border-bottom: solid 2px #ddd; color: #444; transition: .3s; box-sizing: border-box; background: none; width: 100%; min-width: 100%; max-width: 100%; height: 100px; }
.textArea:hover { border-color: #aaa; }
.textArea:focus { border-color: #1a5eff; border-width: 2px; color: #1a5eff; }

.dropDownList { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; height: 42px; padding: 0; font-size: 18px; border: none 0; border-bottom: solid 2px #ddd; color: #444; transition: .3s; box-sizing: border-box; background: url(/img/web/ico/drop_down_black.svg) right 4px center no-repeat; background-size: 24px; cursor: pointer; background-color: none; }
.dropDownList > option { padding: 0; margin: 0; }
.dropDownList:hover { border-color: #aaa; }
.dropDownList:focus { border-color: #1a5eff; border-width: 2px; color: #1a5eff; background-image: url(/img/web/ico/drop_down_green.svg); }

.treeSelector { box-sizing: border-box; height: 42px; font-size: 18px; border: none 0; border-bottom: solid 2px #ddd; color: #444; transition: .3s; box-sizing: border-box; background: url(/img/web/ico/new_document_black.svg) right 4px center no-repeat; background-size: 24px; cursor: pointer; background-color: none; padding-right: 24px; }
.treeSelector:hover { border-color: #aaa; }
.treeSelector:focus { border-color: #1a5eff; border-width: 2px; color: #1a5eff; background-image: url(/img/web/ico/new_document_green.svg); }
.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 { font-size: 12px; box-sizing: border-box; width: 100%; height: 32px; border: none; border-bottom: solid 1px #f2f2f2; background: url(/img/appmgr/svg_ctrl/search.svg) left 4px center no-repeat; background-size: 16px; padding: 0 0 0 24px; }
.gen_selector_loading { background: url(/img/appmgr/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/appmgr/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/appmgr/ztree/zTreeStandard.png"); *background-image: url("/img/appmgr/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/appmgr/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/appmgr/ztree/zTreeStandard.png"); *background-image: url("/img/appmgr/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 -----------------------------------------------------------------------------------------*/

.datePicker { box-sizing: border-box; height: 42px; font-size: 18px; border: none 0; border-bottom: solid 2px #ddd; color: #444; transition: .3s; box-sizing: border-box; background: url(/img/web/ico/calendar_black.svg) right 4px center no-repeat; background-size: 24px; cursor: pointer; background-color: none; }
.datePicker:hover { border-color: #aaa; }
.datePicker:focus { border-color: #1a5eff; border-width: 2px; color: #1a5eff; background-image: url(/img/web/ico/calendar_theme_green.svg); }

.tags { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 4px; background: none; }
.tags > a { display: inline-flex; flex-flow: row nowrap; justify-items: center; align-items: center; box-sizing: border-box; height: 42px; padding: 0 20px; border: solid 2px #ddd; border-radius: 4px; }
.tags > a:hover { border-color: #1a5eff; color: #1a5eff; }
.tags > a.se { background: linear-gradient(-167deg, #1a5eff, #496bf2, #7373fa, #9966ff); border-color: #1a5eff; color: #fff; }
.tags > a.se::after { margin-left: 4px; content: ''; display: inline-flex; height: 18px; width: 18px; background: url(/img/web/ico/checkmark_white.svg) center center no-repeat; background-size: cover; }

.lbTags { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 10px; }
.lbTags > a { box-sizing: border-box; height: 42px; border: solid 2px #1a5eff; position: relative; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 0 20px; border-radius: 4px; color: #1a5eff; }
.lbTags > a::after { position: absolute; right: 4px; top: 4px; content: ''; display: inline-flex; height: 12px; width: 12px; background: url(/img/web/ico/cancel_theme_red.svg) center center no-repeat; background-size: cover; }
.lbTags > .addForm { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; overflow: hidden; box-sizing: border-box; }
.lbTags > .addForm:focus-within { border-color: #1a5eff; }
.lbTags > .addForm > input { box-sizing: border-box; height: 42px; width: 160px; margin: 0 2px 0 0; border: none 0; border-bottom: solid 2px #ddd; }
.lbTags > .addForm > input:focus { border-color: #1a5eff; color: #1a5eff; }
.lbTags > .addForm > a { box-sizing: border-box; height: 42px; border: none 0; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 0 10px; background: #1a5eff; color: #fff; border-radius: 4px; }
.lbTags > .addForm > a:hover { background: #7d9ffc; }

.uploadPrv { box-sizing: border-box; display: inline-flex; flex-flow: column wrap; justify-content: center; align-items: center; border: solid 2px #ddd; border-radius: 4px; height: 200px; width: 200px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: 80%; }
.uploadPrv::after { transition: .3s; content: '上传图片'; color: #000; position: relative; z-index: 7; }
.uploadPrv::before { transition: .3s; content: ''; display: inline-flex; height: 48px; width: 48px; background: url(/img/web/ico/upload_to_ftp_black.svg) center center no-repeat; background-size: cover; position: relative; z-index: 7; }
.uploadPrv > i { transition: .3s; position: absolute; z-index: 8; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.uploadPrv:hover { color: #1a5eff; border-color: #1a5eff; }
.uploadPrv:hover::after { color: #1a5eff; }
.uploadPrv:hover::before { color: #1a5eff; background-image: url(/img/web/ico/upload_to_ftp_theme_green.svg); }
.uploadPrv.uploaded::after,
.uploadPrv.uploaded::before { display: none; }

.labelText { display: flex; }

.viewPrv { box-sizing: border-box; display: inline-flex; flex-flow: column wrap; justify-content: center; align-items: center; border: solid 2px #ddd; border-radius: 4px; height: 200px; width: 200px; position: relative; }
.viewPrv::before { transition: .3s; content: ''; display: inline-flex; height: 48px; width: 48px; background: url(/img/web/ico/upload_to_ftp_black.svg) center center no-repeat; background-size: cover; position: relative; z-index: 7; }
.viewPrv > i { transition: .3s; position: absolute; z-index: 8; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.viewPrv:hover { color: #1a5eff; border-color: #1a5eff; }
.viewPrv:hover::after { color: #1a5eff; }
.viewPrv:hover::before { color: #1a5eff; background-image: url(/img/web/ico/upload_to_ftp_theme_green.svg); }

/*.uploadDoc { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; gap: 4px; }
.uploadDoc > .upload { box-sizing: border-box; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; gap: 4px; }
.uploadDoc > .upload > i { flex-shrink: 0; transition: .3s; box-sizing: border-box; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-radius: 4px; height: 42px; background: #1a5eff; color: #fff; padding: 0 20px; position: relative; }
.uploadDoc > .upload > i::after { transition: .3s; content: '上传文件'; color: #fff; position: relative; z-index: 7; }
.uploadDoc > .upload > i::before { transition: .3s; content: ''; display: inline-flex; height: 26px; width: 26px; margin-right: 4px; background: url(/img/web/ico/upload_to_ftp_white.svg) center center no-repeat; background-size: cover; position: relative; z-index: 7; }
.uploadDoc > .upload:hover > i { background: #7d9ffc; }
.uploadDoc > .uploaded > i::after { content: '重新上传'; }*/

a.filUpload { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; gap: 4px; word-break: break-all; }
a.filUpload > i { line-height: 24px; border-bottom: solid 2px #ddd; padding: 10px 0; }
a.filUpload::after { transition: .3s; flex-shrink: 0; content: '上传文件'; border-radius: 4px; height: 42px; color: #fff; padding: 0 20px 0 50px; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: url(/img/web/ico/upload_to_ftp_white.svg) left 20px center no-repeat #1a5eff; background-size: 26px; }
a.filUpload:hover::after { background-color: #7d9ffc; }
a.filUpload:hover i { border-color: #7d9ffc; }
a.filUpload.uploaded::after { content: '重新上传'; }

.inlineFlex { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.formTips { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; padding: 20px; background: #7d9ffc22; border-radius: 4px; }
.formTips::before { flex-shrink: 0; content: ''; display: inline-flex; height: 24px; width: 24px; background: url(/img/web/ico/info_theme_orange.svg) center center no-repeat; background-size: cover; }
.formTips span { display: block; width: 100%; }

.formDivButtonRow { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 10px; background: #fff; padding: 40px 40px 80px 40px; }
.formDivButtonRow > a { padding: 0 40px; }

.gen_table_list { width: 100%; }
.gen_table_list thead th { padding: 10px; background: #f2f2f2; text-align: center; font-size: 18px; }
.gen_table_list thead th > em { display: flex; }
.gen_table_list thead th > em.reqFed::before { content: '*'; color: red; margin-right: 3px; display: inline-flex; }
.gen_table_list tbody td { padding: 10px; border-bottom: dotted 1px #ddd; text-align: center; font-size: 18px; vertical-align: top; }
.gen_table_list tbody td > .uploadPrv { height: 100px; width: 100px; }
.gen_table_list tbody td > .uploadPrv::after { font-size: 14px; }
.gen_table_list tbody td > .uploadPrv::before { height: 32px; width: 32px; }
.gen_table_list tbody td > .imgView { display: inline-flex; max-height: 100px; max-width: 100px; border: solid 1px #eee; border-radius: 4px; padding: 4px; background-color: #fff; }
.gen_table_list tbody td.middle { vertical-align: middle; }
.gen_table_list tbody td.op { vertical-align: middle; }
.gen_table_list tbody td.op > a { color: #1a5eff; }
.gen_table_list tbody td.op > a:hover { color: #7d9ffc; }
.gen_table_list tfoot td { padding: 10px; text-align: center; }


/*未发布内容*/
.noPubCon { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; padding: 100px 0; font-size: 16px; color: #aaa; }
.noPubCon::before { content: ''; display: inline-flex; width: 64px; height: 64px; background: url(/img/web/ico/empty_box_black.svg) center center no-repeat; background-size: 100%; margin-bottom: 10px; opacity: .15; }

/*图形验证码弹层*/
.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: #1a5eff; color: #fff; border-radius: 4px; }
.smsImgCodePage > a:hover { background: #7d9ffc; }