﻿@charset "utf-8";/* CSS Document *//** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,/* structural elements 结构元素 */ dl, dt, dd, ul, ol, li,/* list elements 列表元素 */ pre,/* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea,/* form elements 表单元素 */ th, td,/* table elements 表格元素 */ img/* img elements 图片元素 */ { margin: 0; padding: 0; }
::-webkit-scrollbar {
display: none;
}/** 设置默认字体 **/
body, button, input, select, textarea { font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; color: #333; }
body { background-color: #fff; }
form { display: block; }
em { font-style: normal; }/** 重置列表元素 **/
ul, ol, li { list-style: none; }/** 重置超链接元素 **/
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #1975ff; }
/** 重置图片元素 **/
img { border: 0px; }/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
.al { text-align: left !important; }
.ar { text-align: right !important; }
.ac { text-align: center !important }
.fl { float: left; }
.fr { float: right; }
.clear, .cb { clear: both; text-indent: -9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; }/* Hides from IE-mac \*/
* html .clf { height: 1%; }
.clf, .clearfix { display: block; }
.clf:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }/* End hide from IE-mac */
.w { width: 1200px; margin: 0 auto; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { margin-left: 20px; }
.pr20 { margin-right: 20px; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.flex_c { display: flex; justify-content: center; }
.flex_sb { display: flex; justify-content: space-between; }
.hide { display: none!important; }
.rel { position: relative; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.red { color: #f00 !important; padding: 0 3px; }
.blue { color: #ffcc00 !important; padding: 0 3px; }
.orange { color: #f60 !important; padding: 0 3px; }
.green { color: #9dcd17 !important; padding: 0 3px; }
.bggray { background: #eee; }
.tc { text-align: center !important; }/*提示框样式*/
.tip { font-size: 14px; background: #F0F2F5; line-height: 23px; padding: 8px 66px 8px 12px; color: #5E6D81; margin: 10px 0; }
.tip span { color: #5E6D81; margin-right: 5px; }
.tip.tip_green { background-color: #F2FFEA; color: #55911f; }
.tip.tip_green span { color: #55911f; }
.tip.tip_blue { background-color: #e9f2ff; color: #1975ff; }
.tip.tip_blue span { color: #1975ff; }
.tip.tip_red { background-color: #f9f0f0; color: #86222d; }
.tip.tip_red span { color: #86222d; }
.tipinfo { font-size: 12px; color: #999; }/*head*/
.topbar { height: 60px; line-height: 60px; /*background: -webkit-gradient(linear, left top, right top, from(#252848), to(#171a21));
	background: -webkit-linear-gradient(left, #252848, #171a21);
	background: linear-gradient(90deg, #252848 0, #171a21);
    background: linear-gradient(121.26deg,#d600aa -24.03%,#512bd4 85.5%) !important;*/ background: #fff; position: fixed; width: 100%; min-width: 1200px; z-index: 1000; color: #666; /*border-bottom: solid 1px rgba(0,0,0,.1);*/ -webkit-box-shadow: 0px 2px 3px rgba(45, 48, 55, 0.15); -moz-box-shadow: 0px 2px 3px rgba(45, 48, 55, 0.15); -o-box-shadow: 0px 2px 3px rgba(45, 48, 55, 0.15); box-shadow: 0px 2px 3px rgba(45, 48, 55, 0.15); }
.topbar a { color: #666; display: block; }
.topbar a:hover { color: #333; text-decoration: none; }
.topbar .top-lxlogo { width: 220px; height: 60px; display: block; background-color: #fff; background-position: center; background-repeat: no-repeat; }
.topbar .top-menu { position: relative; font-size: 14px; }
.topbar .top-menu > a { position: relative; display: inline-block; line-height: 60px; color: #333; font-size: 14px; padding: 0 23px; -webkit-transition: color .3s ease; transition: color .3s ease; }
.topbar .top-menu > a:hover, .topbar .top-menu > a.on { color: #1975ff; text-decoration: none; display: block; }
.topbar .top-menu .top-side { background: none; display: block; padding: 0 20px; position: relative; z-index: 4; cursor: pointer; }
.topbar .top-menu .top-side i { display: inline-block; margin-left: 8px; }
.topbar .top-menu .top-side.on { background-color: #fff; color: #333; }
.topbar .top-menu .top_menu_a_big { padding: 0 15px; display: block; height: 60px; overflow: hidden; }
.topbar .top-menu .top_menu_a_big i { font-size: 18px; line-height: 60px; }
.topbar .top-menu .top-side.on i { color: #333; }
.topbar .top-menu ul { box-shadow: 0px 2px 5px #ccc; width: 150%; }
.topbar .top-menu ul li { background-color: #fff; }
.topbar .top-menu ul li a { background-color: #fff; color: #333; padding-left: 20px; height: 40px; line-height: 40px; font-size: 14px; }
.topbar .top-menu ul li a:hover { background-color: #1975ff; color: #fff; }/*contain*/
.container { width: 100%; padding: 60px 0 38px; }
/*left menu*/
.contain_left { border-right: solid 1px #eee; position: fixed; top: 60px; bottom: 0px; background-color: #FFF; /*background-image: linear-gradient(133.5deg,#171a21 22.55%,#252848 72.74%);*/ z-index: 102; overflow-x: hidden; width: 220px; display: block; box-sizing: border-box; }
.leftsidebar_box { width: 220px; height: 100%; overflow: auto; overflow-x: hidden; }
.leftsidebar_box .sidebar-fold { height: 30px; background: #fff; color: #999; text-align: center; line-height: 30px !important; font-size: 12px; user-select: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; }
.leftsidebar_box dl { position: relative; }
.leftsidebar_box dt { padding-left: 57px; color: rgba(0, 0, 0, 0.8); font-size: 14px; position: relative; line-height: 42px; cursor: pointer; position: relative; }
.leftsidebar_box dt:hover { }
.leftsidebar_box dd { line-height: 42px; display: none; }
.leftsidebar_box dd a { color: #666; padding-left: 57px; width: 100%; box-sizing: border-box; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.leftsidebar_box dd a:hover { background-image: linear-gradient(270deg, #f8f8f8 22.55%, #e9e9e9 72.74%); }
.leftsidebar_box dd a.on { text-decoration: none; background-image: linear-gradient(270deg, #f8f8f8 22.55%, #e9f2ff 100%); color: #1975ff; }
.leftsidebar_box dt i { position: absolute; left: 30px; top: 13px; display: block; width: 20px; }
.leftsidebar_box .sidebar-nav-fold { background: #f8f8f8; }
.leftsidebar_box .sidebar-nav-fold dt { }
.leftsidebar_box dt i:before { width: 40px; height: 40px; text-align: center; }
.sidebar-title-icon { display: inline-block; position: absolute; right: 20px; top: 12px; /*color: hsla(0, 0%, 100%, .5);*/ font-size: 18px; transition: transform 0.12s; -o-transition: -o-transform 0.12s; -ms-transition: -ms-transform 0.12s; -moz-transition: -moz-transform 0.12s; -webkit-transition: -webkit-transform 0.12s; }
.sidebar-title-icon:before { width: 8px; }
.contain_left.left_hide { width: 30px; }
.left_hide .leftsidebar_box { width: 50px; }
.left_hide .leftsidebar_box .sidebar-fold { width: 30px; }
.left_hide .leftsidebar_box dl { display: none; }
/*right*/
.contain_right { padding-left: 220px; background: #f5f5f5; min-height: calc(100vh - 99px); min-width: 1000px; }
.contain_right.r_full { padding-left: 30px; }
.mainbody { margin: 0 20px 0px; /*background: #fff;*/ padding-bottom: 20px; min-height: calc(100vh - 264px); }
.location { line-height: 32px; border: 0; margin: 0 0px 20px; padding: 10px 0 10px 20px; font-size: 12px; color: #666; border-bottom: solid 1px #eee; background: #fff; }
.location a { color: #666; }
.location i { font-size: 16px; color: #ccc; margin: 0px 10px; }
/*工具栏*/
.toolbar-box { position: relative; /*padding-bottom: 20px;*/ overflow: hidden; display: flex; justify-content: space-between; padding: 20px; background: #fff; margin-bottom: 4px; }
.logintime { height: 21px; line-height: 21px; margin: 20px 0px; }
/*底部版权样式*/
.footer { border-top: 1px solid #eee; font-family: 'Montserrat'; position: fixed; bottom: 0; padding: 10px 0; color: #666; background-color: #fff; display: block; text-align: center; width: 100%; text-transform: uppercase; font-size: 12px; z-index: 103; }
.footer a { color: #666; }
.text { /*border: 1px solid #BDC5D3;*/ border: 1px solid #ddd; line-height: 38px; height: 38px; padding: 0 8px; outline: none; color: #475568; background: #f5f5f5; display: inline-block; vertical-align: middle; border-radius: 0px; position: relative; }
.text:focus { border: 1px solid #1975ff; z-index: 101; }
.textLong { width: 300px !important; }
select.text { height: 40px; line-height: 40px; }
.card { /*border: 1px solid #EBEEF5;*/ background-color: #FFF; color: #303133; -webkit-transition: .3s; transition: .3s; overflow: hidden; /*-webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);*/ padding: 20px 20px; }
.Listcard { padding: 5px 20px; min-height: calc(100vh - 286px); }
/*table list*/
.stylized { border-collapse: collapse; text-align: center; width: 100%; }
.stylized a:hover { text-decoration: underline; }
.stylized td, .stylized th { padding: 12px 5px; /*line-height: 23px;*/ min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: center; }
.stylized thead th { background: #fff; color: #333; line-height: 23px; padding: 10px 5px 9px; border-bottom: 1px solid #DBE1E8; text-align: left; }
.stylized thead th:last-child { text-align: center; width: 100px; }
.stylized tbody td { font-size: 14px; table-layout: fixed; word-break: break-all; overflow: hidden; vertical-align: middle; /*border: 1px solid #f2f2f2;*/ text-align: left; border-bottom: 1px solid #EBEEF5; -webkit-transition: background-color .25s ease; transition: background-color .25s ease; color: #333; }
.stylized tbody tr td:last-child { text-align: center; }
/*.stylized tbody tr:nth-child(2n+1) td { background: #fafafa; }*/
.infotable tbody td { border: 0; position: relative; padding: 8px 5px }
.infotable tbody td .err, .infotable tbody td .suc, .infotable tbody td .point { position: absolute; right: 10px; bottom: 8px; }
.infotable tbody tr:nth-child(2n+1) td { background: none !important; }
.stylized tbody tr:hover td { background-color: #F5F7FA; }
.infotable tbody tr:hover td { background-color: #fff !important; }
.stylized tfoot td { height: 40px; line-height: 40px; }
.stylized input[type=text], .stylized input[type=file], .stylized input[type=number], .stylized textarea, .stylized select, .stylized input[type=password] { /*-webkit-appearance: none;*/ background-color: #FFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; display: inline-block; height: 40px; line-height: 40px; outline: 0; padding: 0 10px; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100%; box-sizing: border-box; }
.stylized textarea { padding-top: 5px; padding-bottom: 5px; }
.stylized input:hover, .stylized textarea:hover, .stylized select:hover { border-color: #C0C4CC; }
.stylized input:focus, .stylized textarea:focus, .stylized select:focus { border-color: #f73f4f; z-index: 101; }
.stylized input[type="checkbox"] { width: 16px; height: 16px; }
.stylized input[type=radio] { margin-left: 10px; line-height: 24px; vertical-align: middle; margin-bottom: 3px; margin-right: 3px; width: 16px; height: 16px; }
#tabList tr { /*border: 1px solid #f2f2f2;*/ background: #fff; }
/*************** Pagination ***************/
.pagination { height: 32px; line-height: 32px; text-align: center; font-size: 12px; color: #999; margin: 10px 0; }
.pagination1 { margin: 15px 0 20px; display: flex; justify-content: space-between; }
.pagination a { margin: 0 0 0 0; padding: 4px 6px; margin: 0px 2px; line-height: 24px; color: #666; text-decoration: none; text-shadow: none; background-color: #eee; display: inline-block; min-width: 32px; box-sizing: border-box; border-radius: 3px; }
.pagination a.number { padding: 4px 12px; margin: 0px 2px; color: #666; text-decoration: none; text-shadow: none; background-color: #eee; }
.pagination a:hover { background: #1975ff; color: #fff !important; }
.pagination a.number.current, .pagination a.number:hover { background: #1975ff; color: #fff !important; }
.pagination a.current:hover { text-decoration: underline; }
.txthide { width: 500px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; }
.txthide p { width: 500px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; }
/*tab选项卡*/
.tag { background: #fff; padding-bottom: 20px; padding: 10px 30px 20px; }
.tag1 { padding: 10px 0px 0px; }
.tag .tag-head { background-color: #fff; font-size: 12px; border-bottom: 1px solid #ddd; /*border-image-slice: 1;
    border-image-source: linear-gradient(121.26deg,#d600aa -24.03%,#512bd4 85.5%);*/ border-radius: 4px 4px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; position: relative; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.tag .tag-head .tag-head-tit { height: 40px; line-height: 40px; }
.tag .tag-head .tag-btn { display: block; height: 50px; line-height: 50px; text-align: center; color: #333; float: left; font-size: 14px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; /*border-bottom: 1px solid #BDC5D3;*/ /*border-left: 1px solid #BDC5D3;*/ -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1); transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1); }
.tag .tag-head .tag-btn:first-child { border-left: none; }
.tag .tag-head .tag-btn:hover { color: #1975ff; }
.tag .tag-head .tag-btn.on { color: #1975ff; border-bottom: 1px solid #1975ff; font-weight: bold; }
.tag .tag-body { /*border: 1px solid #BDC5D3;*/ /*border-image-slice: 1;
    border-image-source: linear-gradient(121.26deg,#d600aa -24.03%,#512bd4 85.5%);*/ /*margin-top: -1px;*/ padding: 20px 0 10px; }
.tag .tag-body .tag-content { position: relative; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.tag .tag-body .tag-content.on { display: block; }
.trash, .edit { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #1975ff; color: #1975ff !important; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; margin-left: 5px; padding: 7px 8px; font-size: 12px; border-radius: 3px; }
.edit:hover { color: #fff !important; border-color: #1975ff; background-color: #1975ff; }
.trash { background: #fff; border-color: #fe3355; color: #fe3355 !important; }
.trash:hover { background: #fe3355; border-color: #fe3355; color: #FFF !important; }
.toggleico i { font-size: 24px; color: #ccc; }
.toggleico.toggle_on i { color: #12bd0a; }
.stylized input.ajax_input { width: 60px; padding-left: 5px; text-align: center; padding: 0; }
.stylized input.ajax_input:focus { border-color: #008cee; }
.stylized input.ajax_input1 { border: 0; text-align: center; padding: 0; background: none; height: 30px; line-height: 30px; padding-left: 5px; }
.stylized input.ajax_input1:focus { border-color: #008cee; background: #fff; border: 1px solid #ccc; }
.stylized input.ajax_input2 { width: 68px; }
.Tb_img { height: 30px; /*margin: 0 auto;*/ display: block; }
.Checkbox1 { margin-top: 7px; }
.dl-box dl { clear: both; padding: 5px 0; /*height: 20px;*/ line-height: 28px; font-size: 13px; }
.dl-box dl dt { display: block; float: left; width: 100px; text-align: right; padding-right: 10px; font-weight: bold; }
.dl-box dl dd { margin-left: 70px; color: #787878; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*树型*/
.Tree-title-icon { display: block; float: left; margin-left: 10px; margin-right: 10px; line-height: 20px; color: #333; font-size: 12px; transition: transform 0.12s; -o-transition: -o-transform 0.12s; -ms-transition: -ms-transform 0.12s; -moz-transition: -moz-transform 0.12s; -webkit-transition: -webkit-transform 0.12s; }
.Tree-title-icon1 { margin-left: 40px; }
.Tree-title-icon2 { margin-left: 70px; }
.Tree-title-icon3 { margin-left: 100px; }
.option4 { text-indent: 120px; }
.EditTable { padding: 0px 0px 60px; position: relative; }
.EditTable > h2 { font-size: 12px; margin-bottom: 10px; text-align: center; font-weight: bold; background: #f5f5f5; padding: 10px 0; color: #ff6600; }
.EditTable .ET_Item { display: flex; align-items: center; justify-content: flex-start; padding: 6px 0; }
.EditTable .ET_Item input[type="checkbox"] { width: 16px; height: 16px; }
.EditTable .ET_Item .fa { padding-left: 20px; }
.EditTable .ET_Item span { padding-left: 5px; padding-right: 5px; }
.EditTable .ET_Item section { line-height: 16px; font-size: 12px; }
.EditTable .ET_Item_sub span { padding-left: 50px; }
.fubtn { display: flex; background: #fff; justify-content: center; height: 38px; padding: 10px 0; position: fixed; bottom: 0; left: 0; width: 100%; }
.tdStyle1 { display: flex; justify-content: flex-start; }
.tdStyle1 a { display: flex; height: 36px; align-items: center; border: 1px solid #ddd; border-radius: 3px; justify-content: center; }
.tdStyle1 img { max-height: 36px; display: block; margin: 0 0px; }
/*通用按钮*/
.mmbutton { line-height: 26px; border-radius: 5px; padding: 6px 15px; background: #f5f5f5; border: 1px solid #ddd; color: #475568; -webkit-appearance: none; cursor: pointer; outline: none; float: left; font-size: 14px; display: block !important; text-decoration: none !important; z-index: 1; }
.mmbutton:hover { color: #fff; border-color: #1975ff !important; background-color: #1975ff; z-index: 99; position: relative; }
.mmbutton .fa { margin-right: 5px; }
.mmbuttonF { margin-left: -1px; outline-style: none; }
.mmbuttonY { border-radius: 0 5px 5px 0 !important; }
.mmbuttonZ { border-radius: 0 !important; }
.mmbuttonY1 { border-radius: 5px 0 0 5px !important; }
.back_but { margin-left: 20px; border-radius: 5px; }
.back_but:hover { border-color: #1975ff !important; }
.mmbutton1 { border-radius: 5px; }
.mmbutton2 { background: #ccc !important; color: #000 !important; border-color: #ccc !important; border-radius: 5px; }
.mmbutton3 { background: red !important; color: #fff !important; border-color: red !important; border-radius: 5px; }
.mmbutton4 { background: #1975ff; border-color: #1975ff !important; color: #FFF; border-radius: 5px; }
.mmbutton4:hover { background: #f73f4f !important; border-color: #f73f4f !important; color: #FFF; }
.mmbutton-green { background: #189201 !important; border-color: #189201 !important; color: #FFF; border-radius: 5px; }
.mmbutton-green:hover { background: #2faf02 !important; border-color: #2faf02 !important; color: #FFF; }
