* { margin: 0; padding: 0; font-family: Microsoft YaHei, Microsoft YaHei-Regular,PingFang SC,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif }
body { font: 14px Microsoft YaHei, Microsoft YaHei-Regular,PingFang SC,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif; }
html { background-color: #f2f4f7 }
/*全局样式开始*/
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }*/
.clearfloat:after { clear: both; content: ''; display: block; }
body > .layui-fluid { padding: 24px }
.ml-4{margin-left:4px;}
.ml-48{
    margin-left:48px;
}
/*滚动条*/
::-webkit-scrollbar { width: 8px;height:8px; }
::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 4px; }
.layui-table-fixed-l { box-shadow: 0 0 9px rgba(0,0,0,.08); }
input::-webkit-input-placeholder { color: #999999; }
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; }
/*全局样式结束*/
/*通用样式开始*/
/*通用样式-按钮开始*/
.layui-btn { height: 32px; line-height: 32px; background: #005ce6; border-radius: 3px; border:none}
/*.layui-btn:hover { color: #005de0; }*/
/*.layui-btn-normal:hover { opacity: 1; filter: none; color: #0064BD; }
.layui-btn-danger:hover { color: #ff7171; opacity: 1; filter: none; }
.layui-btn-primary:hover { border-color: #005de0 !important; }*/
/*开关switch*/

.layui-form-switch { background-color: #ced2d8 }
.layui-form-switch i{background-color:#fff}
.layui-form-switch em{color:#fff!important}
.layui-form-onswitch { border-color: #005ce6; background-color: #005ce6; border-radius: 12px; }
/*通用样式-按钮结束*/
/*通用样式输入框下拉框开始*/
.layui-input-block input:focus { border: 1px solid #007EED !important }
.layui-input-block input.layui-disabled:focus { border: 1px solid #eee !important }
.layui-form-select dl dd.layui-this { background-color: #ecf3fe; color: #007EED; }
.layui-form-label { padding: 6px 15px; color: #141414;font-weight:700 }
.layui-input-block { min-height: 32px; line-height: 26px; }
.layui-input, .layui-select, .layui-textarea { height: 32px; border-color: #e5e7eb; }
.layui-select-title .layui-disabled { background-color: #f7f7f7; }
.layui-form input[disabled] { background-color: #f7f7f7; color: #CCCCCC }
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i { color: #007EED; }
.main-filter .layui-input-block { margin-left: 130px; }
.main-filter .layui-input-block textarea { width: 210px; }
.main-filter .layui-filter-body .layui-input-block input[type=text], .main-filter .layui-filter-body .layui-input-block input[type=number] { width: 190px; }
.layui-form-select .layui-edge { border-style: none; border-color: transparent; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: auto; height: auto; margin-top: -7px; line-height: 15px; color: #999999 }
.layui-form-select .layui-edge:before { content: "\e051"; }
/*通用样式输入框下拉框结束*/	
.layui-card { border-radius:3px;}
/*通用样式结束*/
/*侧边导航菜单栏开始*/
.layui-side-menu { background: linear-gradient(0deg,#1a478a, #072955) !important; }
/*logo*/
.card-logo { position: absolute; top: 20px; left: 19px; /* margin-left: -12px; */ width: 24px; }
.card-title { color: #fff; font-size: 17px; font-weight: 400; }
.layui-layout-admin .layui-logo { background-color: #082b58; height: 64px; line-height: 64px; text-align: center; width: 220px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%) }
.layui-side-menu .layui-nav { margin-top: 64px;flex:1 }
/*.layui-logo img { display: none }*/
.layui-logo .card-title { position: relative;margin-left:35px; }
.layadmin-side-shrink .layui-logo .card-title span { display: none }
.layui-side .card-title:before { font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; content: '\e012'; position: absolute; left: 0; margin-left: 5px; }
.layui-side-menu .layui-nav .layui-nav-item a { color: #8aa5cc }
.layui-side-menu .layui-nav .layui-nav-item { width: auto; border: 1px solid transparent; margin: 4px 0;position:relative; }
.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child { position: relative }
.layui-side-menu .layui-nav .layui-nav-itemed > a { color: #fff !important; }
/*.layui-side-menu .layui-nav .layui-nav-itemed > dl dd:hover { background: #f5f5f5; }*/
.layui-side-menu .layui-nav .layui-nav-itemed .layui-icon { color: #fff }
.layui-side-menu .layui-nav .layui-nav-itemed .layui-nav-child { background-color: transparent !important; opacity: 1; color: #fff; }
.layui-side-menu .layui-nav .layui-nav-item > .layui-nav-child > dd { overflow: hidden; margin: 4px 8px; border-radius: 3px; }
.layui-side-menu .layui-nav .layui-nav-item > .layui-nav-child > dd a { padding-top: 8px; padding-bottom: 8px; }
/*.layui-side-menu .layui-nav .layui-nav-itemed .layui-this a { color: rgba(0,0,0,0.60) !important; }*/
.layui-side-menu #LAY-system-side-menu li.layui-this { background-color: #005de0 !important; }
.layui-side-menu #LAY-system-side-menu li.layui-this > a { background-color: #005de0 !important; color: #fff }
.layui-nav-tree .layui-nav-bar { background-color: #005de0 }
.layadmin-side-shrink .title-nav span { display: none; }
.layadmin-side-shrink .title-nav{width:60px;}
.title-nav span{line-height:normal}
.layadmin-side-shrink .layui-side-menu .layui-nav{width:220px;}
.layui-nav-tree .layui-nav-hover { position: fixed!important; min-width: 130px; padding: 4px; display: block !important; background: transparent !important; }
.layui-nav-tree .layui-nav-hover:before { content: ''; position: absolute; right: 4px; left: 4px; bottom: 0; top: 0; overflow: hidden; background-color: #123a74; display: block; border: 1px solid #e5e7eb; border-radius: 3px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.12); }
.layadmin-side-shrink .layui-side-menu .layui-nav{position:relative}
/*覆盖admin.css*/
.layui-side-menu #LAY-system-side-menu .layui-nav-item a { height: 20px; line-height: 20px; }
.layui-side-menu .layui-nav .layui-nav-item .layui-icon { margin-top: -10px; }
.layui-side-menu #LAY-system-side-menu .layui-nav-more { border-style: none; border-color: transparent; margin-top: -15px; width: 22px; height: auto; text-align: center; font-size: 13px; }
.layadmin-setTheme-side, .layui-side-menu { background-color: #fff; color: #666666; }
.layui-side-menu .layui-side-scroll { background: url('../dist/style/res/img_dq.png') no-repeat bottom left;display:flex;flex-direction:column; }
.title-nav { color: #ffffff; font-size: 12px; height: 49px; line-height: 49px;display:flex;justify-content:center;align-items:center;width:220px; }
.title-nav img { vertical-align: text-bottom;width:16px;height:16px; }
/*侧边导航菜单栏结束*/
/*顶部导航栏开始*/
.layui-nav.layui-layout-right { display: flex }
.layadmin-side-shrink .layui-layout-admin .layui-logo { background-image: url('') !important; }
.layui-layout-admin .layui-header { height: 64px; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo { display: flex; align-items: center; height: 64px; }
.layui-header .layui-nav-item .layui-icon { color: #000;top:0;line-height:normal }
.layui-layout .layui-header .card-admin { background-color: #fff; margin-top: 0px; height: 32px; display: flex; align-items: center; padding: 0px 6px 0 12px; border: 1px solid #e5e7eb; border-radius: 17px; }
.card-admin .user-icon { line-height: 17px;  padding: 0 !important; }
.icon-ic-photo { display: inline-block; position: absolute; top: 8px; width: 31px; left: 0px; }
/*.layui-layout .layui-header .layui-nav-item .layui-icon-screen-full, .layui-layout .layui-header .layui-nav-item .layui-icon-screen-restore { top: -1px }*/
.card-admin span.ic-footerhide { display: inline-block !important; line-height: normal }
.card-admin img.ic-footerhide { display: none !important }
.card-admin span.ic-footershow { display: none !important }
.card-admin img.ic-footershow { display: block !important }
.card-admin .user-icon { display: inline-block !important }
.layui-header .layui-nav-item .layui-icon.layui-icon-download-circle { top: 0 }
.layui-layout-admin .layui-layout-left .layui-nav-item { margin-left:16px; }
.layui-layout-admin .layui-layout-right .layui-nav-item { margin: 0 8px; }
.layui-layout-admin .layui-layout-right .layui-nav-item a.circle { border: 1px solid #e5e7eb; box-sizing: border-box; border-radius: 50%; width: 32px; height: 32px; display: flex; padding: 0; align-items: center; justify-content: center;position:relative }
/*顶部导航栏结束*/
/*多标签开始*/
/*覆盖admin.css*/
.layadmin-pagetabs { top: 64px }
.layadmin-pagetabs .layui-tab-title li.layui-this { background-color: #ecf3fe !important; color: #005ce6; }
.layadmin-pagetabs .layui-tab-title li { font-size: 14px; color: #141414; height: 24px; line-height: 24px; margin-top: 8px;padding-right:28px }
.layadmin-pagetabs .layui-icon-prev { border-right: none }
.layadmin-pagetabs .layadmin-tabs-control { border-left: none }
.layadmin-pagetabs .layui-tab-title li.layui-this:after { height: 0 }
.layadmin-pagetabs .layui-tab-title li:after { height: 0 }
.layui-layout-admin .layadmin-pagetabs .layui-tab-title li { padding-left: 8px; margin-left: 8px; border-right: none; border-radius: 3px }
.layadmin-pagetabs .layui-tab-title li:first-child{margin-left:0;padding-right:8px}
.layadmin-pagetabs .layui-tab-title li .layui-tab-close { width: 12px; height: 12px; line-height: 12px; margin: -6px 0 0; }
.layui-nav-bar{height:0!important}
/*多标签结束*/
/*字体开始*/
/*@font-face { font-family: "iconfont"; src: url('newfonts/iconfont.eot?t=91f2ec68a845e734c0c89a79461df670');*/ /* IE9 */ /*src: url('newfonts/iconfont.eot?t=91f2ec68a845e734c0c89a79461df670#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('newfonts/iconfont.woff?t=91f2ec68a845e734c0c89a79461df670') format('woff2'), url('newfonts/iconfont.woff?t=91f2ec68a845e734c0c89a79461df670') format('woff'),*/ /* chrome、firefox */ /*url('newfonts/iconfont.ttf?t=91f2ec68a845e734c0c89a79461df670') format('truetype'),*/ /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ /*url('newfonts/iconfont.svg?t=91f2ec68a845e734c0c89a79461df670#iconfont') format('svg');*/ /* iOS 4.1- */ /*}*/
@font-face { font-family: "iconfont"; src: url('newfonts/iconfont.eot?t=afb0ddddc8c8ce7f58f703a589e1f7aa'); /* IE9 */ src: url('newfonts/iconfont.eot?t=afb0ddddc8c8ce7f58f703a589e1f7aa#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('newfonts/iconfont.woff?t=afb0ddddc8c8ce7f58f703a589e1f7aa') format('woff2'), url('newfonts/iconfont.woff?t=afb0ddddc8c8ce7f58f703a589e1f7aa') format('woff'), /* chrome、firefox */ url('newfonts/iconfont.ttf?t=afb0ddddc8c8ce7f58f703a589e1f7aa') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('newfonts/iconfont.svg?t=afb0ddddc8c8ce7f58f703a589e1f7aa#iconfont') format('svg'); /* iOS 4.1- */ }
#LAY-system-side-menu .layui-icon { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*箭头*/
#LAY-system-side-menu .layui-nav-more:before { content: "\e051"; }
.layui-table-tool .layui-table-tool-self .layui-icon-cols:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e07d"; }
.layui-table-tool .layui-table-tool-self .layui-icon-export:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e07b"; vertical-align: top; }
.layui-table-tool .layui-table-tool-self .layui-icon-print:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e07c"; }
/*首页*/
.ic-notification { display: flex !important; align-items: center }
.ic-notification span { color: rgba(0,0,0,0.90); }
.ic-notification span { color: rgba(0,0,0,0.90); position: absolute; display: inline-block; width: 15px; height: 15px; background: red; border-radius: 50%; right: -5px; top: -3px; color: #fff; font-size: 12px;line-height: 15px; text-align: center; }
#LAY-system-side-menu .layui-icon-home:before { font-family: "iconfont" !important; content: "\e04f"; }
/*上游*/
.icon-ic_supplier:before { font-family: "iconfont" !important; content: "\e062"; }
/*应用*/
.icon-ic_application:before { font-family: "iconfont" !important; content: "\e050"; }
/*业务*/
.icon-ic_card_business:before { font-family: "iconfont" !important; content: "\e075"; }
/*财务*/
.layui-icon-rmb:before { font-family: "iconfont" !important; content: "\e068"; }
/*流量池*/
.icon-ic_flow_pool:before { font-family: "iconfont" !important; content: "\e076"; }
/*短信*/
.icon-ic_note:before { font-family: "iconfont" !important; content: "\e065"; }
/*日志*/
.icon-ic_log:before { font-family: "iconfont" !important; content: "\e06c"; }
/*用户*/
.icon-ic_user:before { font-family: "iconfont" !important; content: "\e07a"; }
/*操作设置*/
.icon-ic_system_operate:before { font-family: "iconfont" !important; content: "\e081" !important; font-size: 18px; color: #141414; }
.icon-ic_system_operate { display: inline-block }
.layui-table-hover .icon-ic_system_operate:before { color: #005ce6!important;  }
/*设置*/
.icon-ic_system_management:before { font-family: "iconfont" !important; content: "\e074" !important;   }
/*刷新*/
.ic-sx .layui-icon-refresh-3:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e072"; }
/*全屏*/
.ic-screen-full .layui-icon-screen-full:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e064"; }
.ic-screen-full .layui-icon-screen-restore:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e06d"; }
/*收缩展开*/
.ic-flexible .layui-icon-shrink-right:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e066"; }
.ic-flexible .layui-icon-spread-left:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e067"; }
/*admin图标*/
.layui-layout-right .layui-icon-down:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e051" }
/*下载content: "\e024";*/
.layui-icon-download-circle:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e061";  }
/*user*/
.card-admin .ic-admin:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 18px; content: "\e07e"; }
.layui-icon-prev:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e05e"; }
.layui-icon-next:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e05f"; }
/*多页签*/
.layadmin-pagetabs .layui-icon-down:before { font-family: "iconfont" !important; content: "\e051"}
/*搜索*/
.layui-icon-search:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e080"; }
.layui-icon-refresh:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e070"; }
.layui-filter-btn-fold .layui-icon-up:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e05d"; }
.layui-filter-btn-fold .layui-icon-down:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e060"; }
.ic-circular-attention:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e057'; }
.layui-icon-home:before {  font-family: "iconfont" !important; content: "\e04f"; }
.ic_icon_notification:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e082"; }
/*字体结束*/
/*首页开始*/
.card-index .layui-col-space15 > * { padding: 10px; }
.card-index .layuiadmin-badge, .card-index .layuiadmin-btn-group, .card-index .layuiadmin-span-color { right: 20px; }
.card-index .layadmin-backlog-body h3::after { width: 16px; height: 2px; background: #ef3454; content: ''; display: block; }
.card-index .layui-card-header { padding: 13px 16px; line-height: normal; height: auto; }
.card-position { position: relative; height: 100%; }
.card-flex .layui-card-header { border-bottom: 0 }
.card-flex > div:first-child .card-span-t::before { background: #13a3ff; }
.card-flex > div:first-child + div .card-span-t::before { background: #f93d3f }
.card-flex > div:first-child + div + div .card-span-t::before { background: #8b34ef; }
.card-flex .layui-card-body { padding: 0px 20px 16px 20px }
.card-index .card-switch-flow .layui-card-header { padding: 20px 20px 0px 20px; height: 42px; line-height: 42px; }
.card-bg-gray { background-color: #fff !important; color: #333 !important; }
.card-bg-blue { background-color: #1e9fff !important; color: #fff !important; border-radius: 4px; }
.card-switch-btn { display: inline-block; height: 18px; line-height: 17px; border: 1px solid #e6e6e6; border-radius: 4px; }
.used-traffic { color: #b3b3b3; display: inline-block; }
.card-span-t::before { width: 21px; height: 3px; background: #13a3ff; content: ''; display: block; position: absolute; top: 22px; }
.title-status { font-size: 16px; font-weight: 700; }
.card-flex-bottom .layui-card-body { padding: 18px 15px; }
.card-index .layadmin-backlog-body h3 { color: #1a1a1a; }
.card-index .layadmin-backlog-body p { text-align: right }
.card-index .layadmin-backlog-body p cite { font-style: normal; font-size: 24px; font-weight: 700; color: #1a1a1a; }
.card-index .layadmin-backlog .layadmin-backlog-body { height: 82px; box-sizing: border-box }
.card-index .layadmin-dataview { height: 343px !important; }
/*
    .card-img-out { width: 20px; vertical-align: middle; }
    .card-line { width: 16px; height: 2px; background: #1293de; position: absolute; }
.layui-input-block button[type=submit] { background-color: #1890FF !important; border-radius: 4px; position: absolute; left: 50%; margin-left: -92px; color: #fff }
*/
/*进度条*/
.card-progress .layadmin-takerates .progress-father:first-child .layui-progress { margin: 0; margin-top: -1px; }
.card-index .layadmin-takerates .progress-father .layui-progress h3 { top: 19px; width: 100%; }
.card-index .layadmin-takerates .layui-progress h3 .left { float: left; color: #030303; }
.card-index .layadmin-takerates .layui-progress h3 .right { float: right; }
.card-progress .progress-father .layui-progress { height: 22px; border-radius: 2px; }
.card-progress .progress-father .layui-progress-bar { height: 22px; border-radius: 2px; }
.card-progress .layui-card:first-child + .layui-card .layui-progress-bar { background: #34c2ef }
.home-progress { padding: 21px 20px 1px 48px !important; }
.progress-father { position: relative; }
.card-progress .layadmin-takerates .layui-progress { margin: 36px 0 0px; }
.home-progress .progress-father .progress-rank { display: inline-block; width: 22px; height: 22px; background: #f5f2f2; border-radius: 3px; position: absolute; left: -30px; line-height: 22px; text-align: center; color: #666; }
.home-progress .progress-father:first-child .progress-rank { background: #ff5d5d; color: #fff; }
.home-progress .progress-father:first-child + .progress-father .progress-rank { background: #fe812e; color: #fff; }
.home-progress .progress-father:first-child + .progress-father + .progress-father .progress-rank { background: #b56f13; color: #fff; }

.card-progress .layui-card { margin-bottom: 20px; }

.lay-flex { display: flex; align-items: center; }
.pie-legend > li div {color: #1a1a1a; }
.pie-legend > li p { color: #b3b3b3; margin-left:16px;}
.pie-legend > li { display: flex; line-height: 20px; margin-top: 16px; }
.pie-legend li i { width: 12px; height: 12px;  border-radius: 50%; display: inline-block; margin-right: 4px; }
.pie-legend li:nth-child(1) i { background-color: #0594fa }
.pie-legend li:nth-child(2) i { background-color: #00a870 }
.pie-legend li:nth-child(3) i { background-color: #ed7b2f }
.pie-legend li:nth-child(4) i { background-color: #834ec2 }
@media screen and (max-width: 992px) { .card-progress { position: static; }
}
/*首页结束*/

/*新首页开始*/
.layui-layout-admin .layui-body { top: 104px }
/*.main-index .layui-card-header:before { content: ""; width: 3px; height: 15px; background: #007eed; position: absolute; top: 31px; -webkit-transform: translate(-10px,-50%); transform: translate(-10px,-50%); }*/
.main-index .layui-card-header { padding: 8px 24px 0; font-size: 18px; color: #141414;font-weight:700 }
.main-index .layui-card { overflow: hidden; }
.main-index .layuiadmin-badge { height: 18px; line-height: 18px; color: #1a1a1a; margin-top: -4px; font-size: 14px;font-weight:400 }
.main-index .layui-card-header { border-bottom: 0 }
.main-index .circle-select { display: flex; justify-content: space-between; }
.main-index table tbody tr > td:nth-child(1) { background-color: #f7f8fa }
.main-index .layui-tab-title .layui-this:after { border: none }
.main-index .layui-tab .layui-tab-title li { color: #000; font-size: 12px; padding: 0px 8px; background: #ECF3FE; border-radius: 3px; height: 24px; line-height: 26px; padding: 0px 8px }
.main-index .layui-tab .layui-tab-title .layui-this { color: #ffffff; background: #005CE6; border-radius: 3px; height: 24px; line-height: 26px; }
.main-index .layui-tab-title { border: none; width: 152px; height: 33px; margin-top: 5px; line-height: 29px;font-weight:400 }
.main-index .layui-col-space15>*{ padding:9.5px }
.circle-select form { display: flex; align-items: center; }
.circle-select form .layui-form-select { width: 60%; margin-left: 40% }
.h-258 { height: 258px; }
.h-230 { height: 230px; }
.h-220 { height:220px }
.h-210{height:210px}
.w-full { width: 100% }
.h-full { height: 100% }
.h-440 { height: 440px }
.h-397 { height:397px }
.h-350 { height: 350px; }
.legend { display: flex; flex-wrap: wrap; padding-left: 60px; margin-top:-22px;}
.legend li { width: 25%; color: #333333; font-size: 12px; padding-top: 20px; line-height: 20px; }
.legend li p { padding-left: 15px; font-size: 16px; font-weight: 700; color: rgba(0,0,0,0.90); line-height: 24px; }
.legend li > div { display: flex; align-items: center; font-size: 14px; color: rgba(0,0,0,0.90);line-height:22px; }
.legend li i { width: 12px; height: 12px; background: #00a870; border-radius: 50%; display: inline-block; margin-right: 4px }
.legend li:nth-child(1) i { background: #00a870; }
.legend li:nth-child(2) i { background: #834ec2; }
.legend li:nth-child(3) i { background: #0052d9; }
.legend li:nth-child(4) i { background: #0594fa; }
.legend li:nth-child(5) i { background: #e34d59; }
.legend li:nth-child(6) i { background: #ed7b2f; }
.legend li:nth-child(7) i { background: #ebb105; }
.main-index .layui-table-header, .layui-table thead tr{height:32px;}

.apply-list { display: flex; flex-wrap: wrap }
.apply-list li { width: 25%; text-align: center; margin-top: 50px; }
.apply-list li p { margin-top: 8px; }

.layuiadmin-card-list{ padding:0px 15px }
.layuiadmin-card-list .layui-table-view { height:auto!important }
.layuiadmin-card-list .layui-table-view .layui-table-box .layui-table-main{ height:auto!important;text-align:center }
.layuiadmin-card-list .layui-table-view .layui-table-box .layui-table-header .layui-table th{ text-align:center }
/*进度条*/
.main-index .layadmin-takerates .progress-father .layui-progress h3 { top: 19px; width: 100%; line-height: 30px; }
.main-index .layadmin-takerates .layui-progress h3 .left { float: left; color: #030303; }
.main-index .layadmin-takerates .layui-progress h3 .right { float: right; }
.mno-table .layui-table .layui-table-cell { color: rgba(0,0,0,0.90); }
/*新首页结束*/
/*弹框开始*/
.layui-layer .layui-input { height: 32px; min-height: 32px; }
.layui-layer-admin .layui-layer-content .layui-form-item .layui-form-label { width: 100%; text-align: left; float: none;padding:0 0 9px 48px; }
.layui-layer-admin .layui-layer-content .layui-form-item{margin-left:-48px}
.layui-layer-admin .layui-layer-content .layui-form-item > div { margin-bottom: 24px; }
.layui-layer-admin .layui-layer-content .layui-form-item .layui-input-block { margin-left: 48px; }
.layui-layer .layui-layer-btn { background: #f7f8fa; padding: 0 48px 15px; text-align: left }
.layui-layer.layui-layer-page .layui-layer-btn { padding-top: 14px; }
.layui-layer-dialog .layui-layer-btn { padding-top: 10px; }
.layui-layer .layui-layer-btn .layui-layer-btn0 { border-color: #005DE0; background-color: #005DE0; border: 1px solid #005DE0!important; }
.layui-layer-btn a:focus { outline: none; }
.layui-layer-admin .layui-layer-content .main-filter .layui-form-item .layui-form-label { float: left; width: 88px; text-align: right; }
.layui-layer-admin .layui-layer-content .main-filter .layui-form-item .layui-input-block { margin-left: 118px; }
.layui-layer-admin .layui-layer-content .main-table { padding: 16px 0 0 0px; border-bottom: 1px solid transparent;}
.layui-layer-admin .layui-layer-content .financial_manager {  margin-bottom: 24px;margin-left:0; }
.layui-layer-btn a { font-size: 14px; }
/*搜索*/
.layui-layer-admin .layui-layer-content .main-filter.layuiadmin-card-header-auto { padding: 0px 0px 0px 0px;padding-top:0!important}
.layui-layer-admin .layui-layer-content .main-filter .layui-form-item .layui-form-label { padding: 6px 15px; }
.layui-layer-admin .layui-layer-content .main-filter .layui-form-item{margin-left:0;}
/*覆盖admin.css*/
.layui-layer-admin .layui-layer-content { padding: 10px 48px 10px 48px; }
/*.layui-layer-admin .layui-layer-content form{margin-left:-48px;}*/
.layui-layer-admin .layui-layer-content form.main-filter { margin-left:0;}
.layui-layer-admin i[close] { color: #000; top: 24px; }
.layui-layer-admin .layui-layer-title { background-color: #fff; color: #1a1a1a; padding: 28px 30px 14px; text-align: center; font-weight: 700; font-size: 20px; height: auto; line-height: normal; }
/*弹框结束*/

/*详细页开始*/
.main-info { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center }
.main-info .layui-inline { width: 33% }
.main-info .layui-inline .layui-form-label:after { content: ":"; display: block; position: absolute; top: 5px; right: 5px; font-size: 18px; }
.main-info .layui-input-company { line-height: 32px }
.main-info .layui-collapse { width: 100%; }
/*详细页结束*/

/*新详情页开始*/
.main-info-cards { background: #fff; }
.layui-layer-page .layui-layer-content { background: #fff; }
.main-info-cards .layui-card-header { border-bottom: 0; padding: 0 30px; }
.main-info-cards .layui-card { box-shadow: none; }
.main-info-cards .layui-card:nth-child(1) .layui-card-body { border: 1px solid #f2f3f5; margin: 0 18px; }
.main-info-cards .main-table { padding: 0 }
.main-info-cards .layui-tab-content { padding: 15px 0px 15px 0px; }
.main-info-cards .layui-card-header:before { content: ""; width: 3px; height: 15px; background: #007eed; position: absolute; top: 21px; left: 28px; -webkit-transform: translate(-10px,-50%); transform: translate(-10px,-50%); }
.main-info-cards .layui-tab-title { border: none }
.main-info-cards .layui-tab-title .layui-this:after { border: none;  width: 15px; left: 36px; }
.main-info-cards .layui-tab-title .layui-this { }
.main-info-cards .main-info .layui-form-label { float: none; width: auto; text-align: left; color: rgba(51,68,102,.6); padding: 6px 10px; }
.main-info-cards .main-info .layui-input-block { margin-left: 0 }
.main-info-cards .main-info .layui-input-block .layui-input-input { height: 32px; }
.main-info-cards .main-info .layui-inline .layui-form-label:after { content: '' }
.main-info-cards .main-info .layui-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.certificate_img { height: 78px; width: 64px; }
/*新详情页结束*/
/*列表页-table开始*/
.main-table { padding: 16px 24px 24px 24px; }
.main-table .layui-form { border: none }
.main-table .layui-table-box { border: 1px solid #e6e6e6; }
/*.main-table .layui-table-header { border-width: 0 0 0px; }*/
.layui-table-header, .layui-table thead tr { background-color: #f2f6fc; }
.main-table .layui-table-body .layui-table td, .main-table .layui-table-body .layui-table th { border-right: 1px solid transparent; }
.main-table .layui-table-box .layui-table .layui-table-col-special .layui-icon:before { content: '' }
.layui-icon-ok:before { content: "\e605" !important; }
.main-table .layui-table-box  .layui-table-col-special a, .main-table .layui-table-box  .layui-table-col-special button { font-size: 14px; font-weight: 400; color: #007eed !important }
.main-table .layui-table-view .layui-table td, .main-table .layui-table-view .layui-table th { border: 1px solid #ebedf0; border-top: none; border-left: none; font-size: 14px; color: #000000; text-align: center; box-sizing: border-box }
.main-table .layui-table-view .layui-table-header .layui-table td, .main-table .layui-table-view .layui-table-header .layui-table th{height:40px;}
.main-table .layui-table-view .layui-table-body .layui-table td, .main-table .layui-table-view .layui-table-body .layui-table th { height: 48px; }
.layui-table-col-special a, .layui-table-col-special button { background-color: transparent; font-size: 14px;color: #007eed !important; }
.layui-table .layui-table-col-special .layui-icon:before { content: ''; }
body > .layui-fluid > .layui-card > .main-table { border-top: none; }
.main-table .layui-table-header .layui-table th { font-weight: 700;color: #141414; }
/*工具栏*/
.main-table .layui-btn { font-size: 14px; }
.main-table .layui-table-tool { padding: 0px 0 16px 0; background: #fff; border: none; display: flex; justify-content: space-between; align-items: center; }
.layui-table-tool { border: none }
.main-table .layui-table-tool button i{display:none}
.main-table .layui-table-tool button{padding:0 16px;}
.main-table .layui-table-tool-self { position: static; right: 0; top: 16px; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: -10px; }
.main-table .layui-table-tool .layui-inline[lay-event] { width: auto; border: 1px solid #ebedf0; border-radius: 4px; height: 32px; line-height:32px; padding: 0 12px; color: #141414; margin-bottom: 10px !important; }
.main-table .layui-table-tool .layui-inline[lay-event] i { margin-right: 4px; }
/*.main-table .layui-btn .layui-icon:before{
    content:''
}*/
/*翻页*/
.layui-table-page > div { height: 32px; }
.main-table .layui-table-page { border: none }
.main-table .layui-table-page .layui-laypage a { height: 32px;border: 1px solid #e5e7eb; line-height: 32px; border-radius: 3px;color:#666666; box-sizing: border-box; }
.main-table .layui-table-page .layui-laypage a.layui-laypage-prev { border: none }
.main-table .layui-table-page .layui-laypage a.layui-laypage-next { border: none }
.layui-table-page .layui-laypage .layui-laypage-prev, .layui-table-page .layui-laypage .layui-laypage-next { padding: 0 7px; color: #dedede; }
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span { margin-left: 8px; height: 32px; line-height: 32px; margin-bottom: 0px; color:#666}
/*.layui-table-page .layui-laypage span { color: #b3b3b3 }*/
.layui-laypage .layui-laypage-curr .layui-laypage-em { background: #005ce6; height: 32px;  border-radius: 3px; border: none; }
.layui-laypage .layui-laypage-curr em { color: #fff; }
.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input { height: 32px; line-height: 32px; }
.layui-table-page select { height: 24px; }
.main-table .layui-table-page .layui-laypage-spr { padding: 0 10px; border: 1px solid #f2f3f5; box-sizing: border-box; }
.main-table .layui-table-page .layui-laypage a:hover { color: #1890ff; }
.layui-laypage input:focus, .layui-laypage select:focus { border-color: #1890ff !important; }
.layui-table-page { height: auto; padding: 24px 7px 0 }
.layui-table-page select[lay-ignore] { color: #666666; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 13px; border: solid 1px #e5e7eb; padding: 0 12px; width: 96px; height: 32px; line-height: 32px; border-radius: 4px; box-sizing: border-box; }
.layui-table-page .layui-laypage-limits{position:relative}
.layui-table-page .layui-laypage-limits:after { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; content: "\e051";position:absolute;right:12px }
.layui-laypage-skip input{margin:0 4px;width:48px;}
.layui-laypage-skip .layui-laypage-btn{width:52px;}
/*列表页-table结束*/
/*列表页-搜索开始*/
.main-filter .layui-btn { padding: 0 12px; }
/*.main-filter .layui-filter-btns > button[type='submit'] { background-color: #005de0; color: #fff }*/
.ic-visibility { visibility: hidden; position: absolute; left: 0; top: 54px }
.layui-filter-btns .layui-icon { font-size: 14px; }
/*body > .layui-fluid > .layui-card > .main-filter { border-bottom: 12px solid #f2f2f2; }*/
.main-filter { display: flex; }
.main-filter.layuiadmin-card-header-auto { line-height: normal !important; padding-top: 24px !important; padding-bottom: 0 !important; border-bottom: none; padding: 0 24px 0 15px; }
.main-filter.layui-filter-fold { max-height: 56px !important }
.main-filter.layuiadmin-card-header-auto .layui-form-item .layui-inline { margin-bottom: 24px; margin-right: 10px; }
.main-filter .layui-filter-body { display: table-cell; width: 100%; margin-bottom: -8px; height: 100%; position: relative }
.layuiadmin-card-header-auto i.layuiadmin-button-btn{vertical-align:top}
.main-filter .layui-filter-btns button{display:flex;align-items:center}
.main-filter .layui-filter-btns button i{margin-top:0}
.main-filter .layui-filter-btns { display: table-cell; min-width: auto; display: flex }
.main-filter .layui-filter-btns button[type=reset] { order: -1; margin-left: 10px; border: 1px solid #e5e7eb; border-radius: 3px; background: #fff; color: #141414; }
.main-filter .layui-filter-btns button[type=submit] { order: -2; margin-left: 0px !important }
.main-filter .layui-filter-btns button[type=button] { order: 3 }
.main-filter .layui-filter-btns .layui-filter-btn-fold { border: 1px solid #e5e7eb; border-radius: 3px; color: #141414;}
.main-filter .layui-filter-btns .layui-filter-btn-fold i{order:-1;margin-top:0}
.main-filter .layui-filter-btns .layui-btn i{margin-right:4px;}
/*.main-filter.layui-filter-fold { max-height: 40px !important; }*/
.main-filter .layui-form-label { padding: 6px 15px; color: #1a1a1a; color: #141414; font-weight: 700; width: 100px; }
/*列表页-搜索结束*/
/*日期选择框开始*/
.layui-laydate .layui-laydate-content .layui-this { background-color: #007EED !important }
.layui-laydate-content td.laydate-selected { background-color: #E4F3FF !important }
.layui-laydate-header i:hover, .layui-laydate-header span:hover { color: #007EED !important }
.laydate-footer-btns span { margin-right: 8px !important; }
.laydate-footer-btns .laydate-btns-confirm { background-color: #007EED !important; color: #fff !important; border-color: #007EED !important; }
.laydate-footer-btns .laydate-disabled { border-color: #C9C9C9 !important; background: #F4F5F6 !important; }
.laydate-footer-btns .laydate-btns-clear:hover { color: #999 !important }
.laydate-footer-btns .laydate-btns-now:hover { color: #007EED !important }
.laydate-footer-btns .laydate-disabled:hover { border-color: #C9C9C9; }
.layui-laydate-main .layui-laydate-content tbody td:hover { background-color: #E4F3FF; }
.layui-laydate, .layui-laydate-hint { box-shadow: 0 2px 6px rgb(0 0 0 / 20%) !important; }
.layui-laydate-footer span, .layui-laydate-footer span:hover { color: #666 !important; }
.laydate-footer-btns .laydate-btns-confirm:hover { color: #fff !important; opacity: .8; filter: alpha(opacity=80); }
/*日期选择框结束*/

/*单选项组件开始*/
.layui-form-checked[lay-skin="primary"] i { border-color: #005de0 !important; background-color: #005de0; color: #fff; }
.layui-form-checkbox[lay-skin="primary"]:hover i { border-color: #005de0 !important; color: #fff; }
/*单选框组件结束*/
/*权限样式开始*/
.layui-tree-pack { padding-left: 50px; }
/*权限样式结束*/

/*特殊详情页开始*/
.lay-spe-margin { margin-right: 20px; line-height: 50px; margin-left: 20px; }
/*特殊详情页结束*/

/* 隐藏账户管理充值按钮 */
.layui-table-tool .layui-table-tool-temp .tool-btn-accountmanagement-recharge { display: none; }

/* 隐藏账户管理提现按钮 */
.layui-table-tool .layui-table-tool-temp .tool-btn-accountmanagement-withdraw { display: none; }

/*减免*/
.waiver_apply { margin: 20px 0px 0px 0px; font-size: 14px; color: #333; border: 1px solid #ebedf0; border-radius: 3px; padding: 24px 24px 0px 24px; }
.waiver { display: flex; flex-wrap: wrap; }
.waiver > div { display: flex; /* align-items: center; */ flex-direction: column; justify-content: center; margin-right: 48px; margin-bottom: 24px; color: #ff770f; min-width: 180px; }
.waiver > div:nth-child(1),
.waiver > div:nth-child(2),
.waiver > div:nth-child(3) { color: #005ce6; }
.waiver > div span:nth-child(1) { font-weight: 700; color: #141414; }
.waiver > div span:nth-child(2) { margin-top: 8px; font-weight: 700; font-size: 18px; }
.waiver_apply .message .layui-form-label { font-weight: 700; width: auto; padding: 6px 0; }
.waiver_apply .message .layui-input-block { margin-left:70px;}
/*正式卡table*/
#inner_html .layui-tab-title .layui-this { font-weight: 700; text-align: center; color: #005ce6; font-size: 14px; }
#inner_html .layui-tab-title li { border-right: 1px solid #e5e7eb; }
#inner_html .layui-tab-title .layui-this:after { border: none; border-bottom: 1px solid #fff; }
.main-table td[data-field="FlowUseRatio"] .layui-table-cell { height: auto; line-height: normal }
.progress-layer .color-green { background: #85db99; }
.progress-layer .color-oranges { background: #ff923f; }
.progress-layer .color-red { background: #ef6868; }
.progress-layer .layui-progress-big, .progress-layer .layui-progress-big .layui-progress-bar { height: 20px; line-height: 20px; }
.progress-layer .layui-progress-big .layui-progress-text { color: #141414; }
.progress-layer .layui-progress-bar { text-align: left; }
.progress-layer { display: flex; align-items: center; }
.progress-layer .layui-progress { width: 90%;}
.progress-layer .percent { color: #141414; margin-left: 8px;  }
.layui-dropdown-menu li { height: 40px; border-radius: 3px;color: #141414; }
.layui-dropdown-menu li:hover { background: #ecf3fe;color: #005ce6; }

/*消息通知*/
#LAY-popup-notification { padding: 0; }
#msg-reminder { display: flex; flex-direction: column; height: 100%; }
#msg-reminder .msg-container { margin: 10px 20px 0; flex: 1; overflow: scroll }
#msg-reminder .msg-container .content img { max-width: 100%; height: auto; } 
#msg-reminder .msg-footer { border: 1px solid #E8E8E8; padding: 10px 20px; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
#msg-reminder .title { text-align: center; font-size: 20px; font-weight: 800;line-height:40px; }
#msg-reminder .time { color: #666666; text-align: right; }