body, html{ height:100%; min-height:100%; position:relative}
body{ font-family:arial, microsoft yahei; font-family:microsoft yahei, arial\0/; color:#555; font-size:14px; background:#f5f5f5 !important; overflow:hidden}
a{ color:#333}
a:hover{ color:#0095db}
*:focus{ outline:none !important}
ul, li, dd, dt{ list-style:none}
p, ul, li{ margin:0; padding:0}
.bg-white{ background-color:#fff}
.control-inline{ display:inline-block}
.hidden{ display:none !important}
.container-shadow{ padding:1px 3px 4px}
.main-box{ background:#fff}
.waves-effect.waves-gray .waves-ripple{ background-color: rgba(223, 223, 223, 1)}
.text-danger { color:#e44036 }
h6.m-title{ color:#000; font-weight:bold; padding:10px 15px; position:relative}
/*h6.m-title:before{ content:""; width:3px; height:16px; background:#0095db; border-radius:4px; position:absolute; top:11px; left:0}*/
h6.m-title .text-danger{ font-weight:normal; font-size:14px; margin-left:5px}

/*====B:flex============================================*/
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex }
.flex{ -webkit-box-flex:1; -ms-flex:1; flex:1}
.flex.fixed{ height:100%; overflow: hidden} 
.flex.fixed .flex-body{ height:100%}
.flex.fixed .container-detail-body{ padding-bottom:100px}
/*====E:flex============================================*/



/*====B:主布局============================================*/
#content{ position:absolute; top:64px; right:0; bottom:0; left:0; z-index:1}
.container{ width:100%; max-width:none; padding:0 30px 0; z-index:1; position:relative}
.main-content{ position:relative; height:100%}
.main-content.bottom{ padding-bottom:74px}
/*====B:主布局============================================*/


/*====B:clearfix============================================*/
.clearfix{ clear:none}
.clearfix:before,
.clearfix:after,
.nav-slide:before,
.nav-slide:after{ display:table; content:" "}
.clearfix:after,
.nav-slide:after{ clear:both}
/*====B:clearfix============================================*/


/*====B:ellipsis============================================*/
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ellipsis-2{ display:-webkit-box; overflow:hidden; white-space:normal !important; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical}
/*====E:ellipsis============================================*/



/*====B:删格============================================*/
.row{ margin-bottom:0; margin: 0 -.75rem}
.row .col.l5c{ width:20%}
.row0{ margin:0}
.row0 .col{ padding:0}
.row10{ margin:0 -5px}
.row10 .col{ padding:0 5px}
/*====E:删格============================================*/


/*====B:九宫格形式============================================*/
.row.row-btn{ padding:10px 0 !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; text-align:center}
.row.row-btn .btn-box{ display:block; text-decoration:none; padding:10px 15px}
.row.row-btn .title{ margin-top:4px; color:#333; font-size:2rem}
/*row-btn-space*/
.row.row-btn-space{ text-align:center; margin:0 -2px}
.row.row-btn-space .col{ padding:0 2px}
.row.row-btn-space .btn-box{ display:block; text-decoration:none; padding:20px 15px; background:#fff; margin:2px 0}
.row.row-btn-space .title{ margin-top:8px; color:#333}
/*row-btn-line*/
.row.row-btn-line{ text-align:center; margin:0 0 -1px -1px; background:#fff}
.row.row-btn-line .col{ padding:0; border-left:1px solid #ddd; border-bottom:1px solid #ddd}
.row.row-btn-line .btn-box{ display:block; text-decoration:none; padding:20px 10px; background:#fff; margin-top:1px}
.row.row-btn-line .title{ margin-top:8px; color:#039be5; font-size:2rem}
.row.row-btn-line .desc{ color:#777; font-weight:bold; margin-top:5px}
.row.row-btn-line .desc span{ margin:0 4px}
/*====E:九宫格形式============================================*/


/*====B:color=============================*/
.color-red{ color:#f44336 !important}
.color-orange{ color:#ff9800 !important}
.color-green{ color:#48c07e !important}
.color-violet{ color:#ba68c8 !important}
.color-pink{ color:#ef6192 !important}
.desc{ color:#777}
/*====E:color=============================*/


/*====B:shadow=============================*/
.md-whiteframe-1dp,
.main-box{ box-shadow:0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12)}
.page{ background:#fff; box-shadow:0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12); position:relative}
.page-full .scroll-container{ bottom:0}
/*====E:shadow=============================*/


/*====B:width height=============================*/
.full-height{ height:100%}
.full-width{ width:100%}
.max-height{ max-height:100%}
.max-width{ max-width:100%}
/*====E:width height=============================*/


/*====B:border=============================*/
.border{ border:1px solid #ddd !important}
.border-top{ border-top:1px solid #ddd !important}
.border-bottom{ border-bottom:1px solid #ddd !important}
.border-none{ border:none !important}
.border-top-none{ border-top:none !important}
/*====E:border=============================*/


/*====B:margin padding=============================*/
.mar{ margin:30px !important}
.mar-t{ margin-top:30px !important}
.mar-b{ margin-bottom:30px !important}
.mar-b-none{ margin-bottom:0 !important}
.mar-none{ margin:0 !important}
.mar-b20{ margin-bottom:20px !important}
.mar-t5{ margin-top:5px !important}
.mar-t10{ margin-top:10px !important}
.mar-t20{ margin-top:20px !important}
/**/
.pad{ padding:30px !important}
.pad-l{ padding-left:30px !important}
.pad-r{ padding-right:30px !important}
.pad-t{ padding-top:30px !important}
.pad-b{ padding-bottom:30px !important}
.pad-none{ padding:0 !important}
.pad-t10{ padding-top:10px !important}
/*====E:margin padding=============================*/


/*====B:icon============================================================*/
/*.icon{ display:inline-block; background-image:url(../images/icon.png); background-repeat:no-repeat; vertical-align:middle; width:16px; height:16px}*/
.icon { display: inline-block; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px }
/*灰色*/
.icon-user-default{ background-position:0 0}
.icon-lock-default{ background-position:-26px 0}
.icon-shield-default{ background-position:-52px 0}
.icon-trash-default{ background-position:-104px 0}
.icon-search-default{ background-position:-130px 0}
.icon-list-default{ background-position:-286px 0}
.icon-pen-default{ background-position:-728px 0}
.icon-printer-default{ background-position:-754px 0}
.icon-exit-default{ background-position:-910px 0}
.icon-circle-list-default{ background-position:-1014px 0}
/*主色*/
.icon-lock{ background-position:-26px -26px}
.icon-add{ background-position:-78px -26px}
.icon-trash{ background-position:-104px -26px}
.icon-search{ background-position:-130px -26px}
.icon-ok{ background-position:-182px -26px}
.icon-return{ background-position:-208px -26px}
.icon-export{ background-position:-234px -26px}
.icon-list{ background-position:-286px -26px}
.icon-book{ background-position:-312px -26px}
.icon-user-line{ background-position:-338px -26px}
.icon-circle{ background-position:-364px -26px}
.icon-excel{ background-position:-676px -26px}
.icon-cancel{ background-position:-702px -26px}
.icon-pen{ background-position:-728px -26px}
.icon-printer{ background-position:-754px -26px}
/*白色*/
.icon-add-white{ background-position:-78px -52px}
.icon-trash-white{ background-position:-104px -52px}
.icon-search-white{ background-position:-130px -52px}
.icon-arrow-down-white{ background-position:-156px -52px}
.icon-ok-white{ background-position:-182px -52px}
.icon-return-white{ background-position:-208px -52px}
.icon-export-white{ background-position:-234px -52px}
.icon-list-white{ background-position:-286px -52px}
.icon-book-white{ background-position:-312px -52px}
.icon-tick-white{ background-position:-390px -52px}
.icon-user-white{ background-position:0 -52px}
.icon-lock-white{ background-position:-26px -52px}
.icon-shield-white{ background-position:-52px -52px}
.icon-excel-white{ background-position:-676px -52px}
.icon-cancel-white{ background-position:-702px -52px}
.icon-pen-white{ background-position:-728px -52px}
.icon-printer-white{ background-position:-754px -52px}
/**/
.icon-burger-menu{ background-image:url(../images/icon-burger-menu.png)}
.icon-arrow-left{ background-image:url(../images/icon-arrow-left.png)}
/*background*/
.icon-bg{ display:inline-block; line-height:0}
/*====E:icon============================================================*/


/*====B:btn============================================================*/
.btn i{ font-size:14px; margin-right:3px}
.btn span{ /*vertical-align:middle;*/ line-height:0}
.btn .icon{ vertical-align:middle; margin-right:5px}
/*次按钮*/
.btn{ background:linear-gradient(to right, #31bdff, #63cdff); box-shadow:0 3px 12px rgba(0,0,0,0.1); border-radius:35px; position:relative; overflow:hidden}
.btn:before{ content:""; position:absolute; left:-100%; width:100%; height:100%; background:linear-gradient(to left, rgba(255,255,255,.1), #fff, rgba(255,255,255,.1)); opacity:.4; transition:.6s}
.btn:hover{background:linear-gradient(to right, #31bdff, #63cdff); color:#fff; box-shadow:0 3px 12px rgba(0,0,0,0.1)}
.btn:hover:before{ left:100%}
/*主按钮*/
.btn-main{ background:linear-gradient(to right, #1e95d4, #23acf4); color:#fff}
.btn-main:hover,
.btn-main:focus{ background:linear-gradient(to right, #1e95d4, #23acf4); color:#fff}
/*辅助按钮*/
.btn-default{ background:#eef2f5; color:#1e95d4; box-shadow:0 5px 20px rgba(0,0,0,0.15)}
.btn-default:hover{ background:#eef2f5; color:#0087ce; box-shadow:0 5px 20px rgba(102,102,102,0.5)}
.btn-primary { background:linear-gradient(to right, #3db682, #4bd89c); color:#fff }
.btn-primary:hover { background:linear-gradient(to right, #3db682, #4bd89c); color:#fff}
/*transparent*/
.btn-transparent{ background:transparent; border-color:transparent}
.btn-transparent:hover { background: transparent; }
/*large*/
.btn-large{ font-size:16px}
/*上传*/
.btn-upload-img{ text-align:center; color:#00a0ea; border:2px dashed #ddd; padding:30px 30px 20px 30px; background:#f5f5f5}
.btn-upload-img .title{ margin-top:15px}
.btn-upload-img:hover{ background:#efefef; color:#e44036}
/**/
.btn-block{ display:block; width:100%}
/*====E:btn============================================================*/


/*====B:提示========================================*/
.bg-danger{ padding:10px 15px; background:#ffd1cc; border:1px solid #ffb8b0; color:#e74c3c}
.bg-danger a{ color:#e74c3c}
span.bg-danger{ display:inline-block; padding:0 3px; background:#e81919; border-color:#e81919; color:#fff; border-radius:4px}
/*====E:提示========================================*/


/*====B:scrollbar================*/
.scrollbar{ overflow-y:auto}
.scrollbar::-webkit-scrollbar{ width:8px; height:8px}
.scrollbar::-webkit-scrollbar-button{ background-color:#f5f5f5}
.scrollbar::-webkit-scrollbar-track{ background-color:#f5f5f5}
.scrollbar::-webkit-scrollbar-track-piece{}
.scrollbar::-webkit-scrollbar-thumb{ background:#c8c8c8; border-radius:6px}
/*====B:scrollbar================*/


/*====B:btn-circle-list=============================*/
.btn-circle-list .clbox{ position:relative; cursor:pointer; text-align:center}
.btn-circle-list ul{ position:absolute; top:0; right:0; background:#fff; width:120px; padding:2px 0; box-shadow:0 1px 5px 0 rgba(0,0,0,.3); display:none; z-index:99}
.btn-circle-list ul a{ display:block; padding:8px 20px; font-size:14px; font-weight:bold; color:#666; text-align:left}
.btn-circle-list ul span{ vertical-align:middle}
.btn-circle-list ul .icon{ margin-right:5px}
.btn-circle-list:hover ul{ display:block}
/**/
.circle-list .item{ padding-right:40px; position:relative}
.circle-list .btn-circle-list{ position:absolute; right:10px; top:50%; margin-top:-20px; padding:10px}
/*====E:btn-circle-list=============================*/

.fixed-table-container{ border:none}
.bootstrap-table .table{ border-bottom:none}


/*====B:form============================================================*/
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]){ border-color:#0095db;  box-shadow:0 1px 0 0 #0095db}
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label{ color:#0095db}
/**/
.group-both{ position:relative; margin:10px 0}
.group-both .btn{ position:absolute; top:0; right:0; margin:0; box-shadow:none}
/*form-inline*/
.form-inline .input-field{ display:inline-block}
.form-inline .form-group{ display:inline-block; margin-bottom:0; vertical-align:middle}
.form-inline .form-group label{ display:inline-block; max-width:100%; margin-bottom:5px; font-weight:700; font-size:14px}
.form-inline .form-control{ display:inline-block !important; width:auto; vertical-align:middle !important; color:#fff !important; margin:0; height:32px; padding:0 10px}
.form-inline .select-wrapper{ display:inline-block}

.form-group { border: 1px dashed #ccc; padding: 0.75rem; }
/*====E:form============================================================*/


/*====B:左右结构=========================================*/
.container-left{ position:relative; padding-left:180px}
/**/
.left-box{ position:absolute; left:0; top:0; width:180px; height:100%; overflow-y:auto}
.left-box .title{ font-size:16px; color:#fff; font-weight:bold; margin-top:176px; padding:0 30px}
.left-box .title .icon-bg{ padding:7px; border:1px solid #0095db; border-radius:50%; position:absolute; top:21px; right:20px; cursor:pointer}
.left-box .title .icon-bg:hover{ padding:7px; border:1px solid #0095db; border-radius:50%; position:absolute; top:21px; right:20px; cursor:pointer}
/*menu*/
.left-menu{ margin-top:30px}
.left-menu li{ position:relative}
.left-menu a.item{ display:block; padding:8px 30px; border-right:3px solid transparent; color:#666}
.left-menu a.item:hover{ color:#0095db; text-decoration:none}
.left-menu li.active a.item{ border-color:#0095db; color:#00a0ea; font-weight:bold}
.left-menu .action{ position:absolute; right:0; top:3px; display:none}
.left-menu .action a{ padding:6px; line-height:0; height:auto; box-shadow:none; border-radius:50%}
.left-menu .action .icon{ margin:0}
.left-menu li:hover .action{ display:block}
/*bottom*/
.left-box .bottom{ padding:0 30px; margin-top:30px}
.left-box .bottom .btn{ border-radius:2px; box-shadow:0 0 10px rgba(0,0,0,.1)}
/**/
.iframe-right{ width:100%; height:100%; position:relative; z-index:2; background-color:transparent}
/*====E:左右结构=========================================*/


/*====B:dl-horizontal========================================*/
.dl-horizontal{ margin-bottom:0}
.dl-horizontal dt{ color:#333}
.dl-horizontal dt, .dl-horizontal dd{ padding:3px 0}
/*====E:dl-horizontal========================================*/


/*====B:tab========================================*/
.tabbtn{ background:#fff}
.tabbtn .item{ float:left; font-size:16px}
.tabbtn .item a{ display:block; padding:25px 30px; color:#666; border-bottom:3px solid #fff; text-decoration:none}
.tabbtn .item a:hover{ text-decoration:none; color:#e44036}
.tabbtn .item.active a{ border-color:#e44036; color:#e44036; font-weight:bold}
.tabbtn .pull-right{ padding:20px}
/*tabbtn-block*/
.tabbtn-block{ background:#dfdfdf; padding:0 30px}
.tabbtn-block .item{ font-size:14px; }
.tabbtn-block .item a{ border-bottom:none; padding:10px 20px; border-right:1px solid #d1d1d1}
.tabbtn-block .item.active a{ background:#fff; color:#222; font-weight:bold; border-color:#fff; margin-left:-1px}
/*iframe*/
.tabiframe-container{}
.tabiframe-hd{ position:relative}
.tabiframe-bd{ overflow:hidden}
/*====E:tab========================================*/


/*====B:nav-slide=============================*/
.nav-slide{ position:relative; overflow-x:auto}
.nav-slide .nav-item{ float:left; position:relative; cursor:pointer; padding:16px; color:#777}
.nav-slide .nav-item.active{ color:#333; font-weight:bold}
.nav-slide .nav-bg{ position:absolute; bottom:0; height:2px; background:#039be5; display:none}
/*====E:nav-slide=============================*/


/*====B:top=============================*/
.top{ height:30px; background:#2c2f37; line-height:30px; color:#9f9fa2; font-size:12px}
.top a{ color:#9f9fa2}
.top a:hover{ color:#79aef0; text-decoration:none}
.top .pull-right .item{ float:left; display:block; height:30px; line-height:30px; padding:0 10px; border-left:1px solid #4d4d4d}
.top .pull-right .item b{}
/*====E:top=============================*/


/*====B:nav=============================*/
nav { background: #fff; color: #333; height: 64px; position: relative; z-index: 999 }
nav .logo { display: block; line-height: normal; height: 64px; border-right: 1px solid #e1e1e1; margin-right: 10px; position: relative }
nav .version { background: #1595d9; width: 50px; height: 22px; line-height: 22px; color: #fff; font-size: 12px; text-align: center; position: absolute; top: 30px; right: -55px; border-radius: 12px }
nav .logo span { display: inline-block; height: 24px; overflow: hidden; line-height: 24px; font-size: 24px; font-weight: bold; color: #ff5722; vertical-align: top; margin-top: 22px; border-left: 1px solid #ff5722; padding: 0 20px 0 10px; margin-left:-10px}
/**/
nav ul{ position:relative}
nav ul a{ color:#333}
nav ul li.active a{ color:#1e95d4; font-weight:bold;font-size:1.2em}
nav ul li.active, nav ul a:hover{ background-color:transparent}
nav ul .nav-bg{ position:absolute; bottom:0}
nav ul .nav-bg span{ display:block; border-bottom:3px solid #1e95d4; margin:0 15px}
/**/
nav .dropdown-content{ top:64px !important}
nav .dropdown-content li>a{ color:#666; font-size:14px; text-align:center}
/*right*/
.nav-right{ float:right;background-color:#fff;}
.nav-right .item{ float:left; display:block; height:64px; line-height:64px; padding:0 15px; color:#888; border-left:1px solid #e1e1e1}
.nav-right .item b{ font-weight:normal}
.nav-right .item span{ vertical-align:middle}
.nav-right .item .avatar{ display:inline-block; width:40px; height:40px; overflow:hidden; margin-right:10px; border-radius:50%}
.nav-right .item .avatar img{ width:100%; vertical-align:top}
/**/
.nav-right .item.dropdown-button{ cursor:pointer}
.nav-right .item.dropdown-button:hover{ background:#ececec}
/*logout*/
.nav-right .logout{ border-left:1px solid #e9e9e9}
.nav-right .logout .icon{ margin-left:5px}
.nav-right .logout:hover .icon{ background-position:-780px -26px}
.nav-right a:hover, .header-right a:hover b{ color:#0095db}
/*====E:nav=============================*/


/*====B:page-banner=============================*/
.page-banner{ height:160px; width:100%;  background:url(images/header-bg.png) #1e95d4; background-size:cover;  color:#fff; position:absolute; top:0; left:0}
/*====E:page-banner=============================*/



/*====B:table=======================================*/
td, th{ padding:8px}
.td-title { font-weight: bold; text-align: right; color: #333; width: 75px; padding-right: 0; vertical-align: inherit }
.td-title.w4 { width: 80px }
.td-title.w6 { width: 120px }
.td-title.w8 { width: 150px }
.td-title label { margin-bottom: 0 }
/**/
.table-bordered th,
.table-bordered td{ border:1px solid #ddd} 
/**/
.table-no-bordered tr{ border-bottom:none}
/**/
.table-data-list tr{ border-bottom:none}
.table-data-list tr td{ border-left:1px solid #ddd}
.table-data-list thead tr th{ background:#eee; border-left:1px solid #ddd; color:#000}
.table-data-list tr th:first-child,
.table-data-list tr td:first-child{ border-left:none}
.table-data-list tr th:last-child,
.table-data-list tr td:last-child{ border-right:none}
.table-data-list tbody tr:nth-child(even){ background:rgba(0,0,0,.05)}
.table-data-list tbody tr:hover{ background-color:rgba(0, 149, 219, .1) !important; color:#000}
.table-data-list .btn{ height:28px; line-height:28px; font-size:14px; padding:0 8px}
/*====BE:table=======================================*/


/*====B:数据列表=======================================*/

/*datalist*/
.datalist .item{ border-bottom:1px solid #e1e1e1; padding:12px 46px 12px 20px}
.datalist .desc{ font-size:12px}
/*toolbar*/
.toolbar{ background:#fff; height:56px; background:#fff; border-bottom:1px solid #e1e1e1}
.toolbar li{ float:left}
.toolbar li a{ display:block; height:56px; line-height:56px; font-weight:bold; color:#0095db; padding:0 15px; border-right:1px solid #e1e1e1}
.toolbar li a span{ vertical-align:middle}
.toolbar li a:hover{ background:#f5f5f5}
/**/
.scroll-container{ position:absolute; top:60px; right:0; bottom:64px; left:0}
.scroll-container.to-up{ top:0}
.scroll-container.to-down{bottom:0}
/**/
/**/
.page-bottom { position: fixed; left: 30px; right: 30px; bottom: 0; border-top: 1px solid #ddd; background: #fff; height: 64px; padding: 15px; }
.page-bottom .item { float: left }
.page-bottom .select-page { float: left; margin-top: 14px }
.page-bottom .select-page select { display: inline-block; width: initial; vertical-align: middle; height: 36px }
.page-bottom .pagination { /*margin-top:16px; */ text-align: right }
.page-bottom .pagination li a { font-size: 14px }
.page-bottom .pagination li.active { background: #1e95d4 }
#goToBtn { background: #2a6fd5 }
.page-bottom .info { float: right; padding-top: 21px }
/*====E:数据列表========================================*/


/*====B:顶部工具栏========================================*/
.container-top{ padding:30px 0; position:relative; z-index:999}
.container-top h6.title{ color:#fff; font-size:1.5rem; font-weight:bold; margin-top:6px}
.container-top .input-field{ margin-bottom:0; margin-top:-5px}
.container-top .input-field input{ margin-bottom:0; color:#fff}
.container-top .input-field label{ color:#fff; opacity:.7}
/**/
.search{ position:relative}
.search input{ background:#fff; border-bottom:none; padding:0 20px 0 46px; box-sizing:inherit}
.search i{ position:absolute; left:20px; top:13px}
/**/
.container-top .form-group label{ color:#fff; margin-right:5px}
.container-top .form-control{ border-color:#fff;}
.container-top .select-wrapper input.select-dropdown{ color:#fff}
.container-top .select-wrapper .caret{ fill:#fff}
/*====E:顶部工具栏========================================*/


/*====详情编辑页面============================================================*/
/*title*/
.container-title { padding: 20px 30px; background: url(images/header-bg.png) #1e95d4; background-size: cover }
.container-title h5 { color: #fff; font-size: 18px; font-weight: bold }
.container-detail-body { padding: 30px }
.container-detail-body .title { font-weight:bold;padding:5px; }
.container-detail-body .field{padding:5px;}
/**/
.panel { background: #fff }
.panel-heading { background: none; font-size: 16px; color: #222; font-weight: bold; padding: 15px 0 }
.panel-body { padding: 25px; background: #fff; box-shadow: 0 1px 10px 1px rgba(0,0,0,.05) }
.panel-body .panel-title { font-size: 16px; color: #222; font-weight: bold; padding-bottom: 15px; margin-top: -5px }
.panel-bottom { color: #888; padding: 20px 10px 0 }
/*container-bottom*/
.container-bottom { padding-bottom: 85px }
.toolbar-footer { text-align: center; background: #fff; padding: 20px; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #e1e1e1; z-index:999}
/*====E:container-bottom{========================================*/


/*====B:layer========================================*/
.layui-layer-title{ background:#fff; color:#333; font-size:18px; line-height:73px; border:none; border-bottom: 1px solid #eee; padding-left:30px; height:73px; border-radius:0}
.layui-layer-setwin{ top:28px; right:20px}
.popover-body{ padding:25px 30px}
.popover-body .table>tbody>tr>td{ padding:4px 10px}
.popover-body .form-control{ border-color:#e8e8e8}
.popover-desc{ border-top:1px solid #ddd; padding:20px 0; margin:0 30px}
.popover-desc li{ float:right; margin-left:20px}
.popover-desc li .title{ margin-right:5px; color:#999}
/*
.layui-layer-dialog{ border-radius:0;  min-width:360px}
.layui-layer-dialog .layui-layer-title{ display:none}
.layui-layer-dialog .layui-layer-content{ background:#79aef0; padding:40px 50px 35px; text-align:center}
.layui-layer-dialog h5{ color:#fff; line-height:22px; margin-top:20px}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{ position:static; width:60px; height:60px; background-position:-220px 0}
.layui-layer-dialog .layui-layer-btn{ padding:30px; text-align:center}*/
/*上传文件*/
.file-control .file-preview{ border:none; padding-left:8px}
.file-control .file-preview .close{ display:none}
.file-control .file-preview-frame{ background:#e4e4e4; box-shadow:none}
.file-control .file-drop-zone{ border:2px dashed #ddd}
.file-control .file-input .input-group{ padding:0 20px 20px 20px}
.file-control .file-input .btn-primary{ background:#00a0ea; border-color:#00a0ea}
.file-control .file-input .progress{ margin:20px}
.file-control.bg-white .form-control{ background:#eee; border-color:#eee}
.file-control.bg-white .btn-default{ border-color:#eee}
.file-control.bg-white .btn-default:hover{ border-color:#e44036}
/**/
.file-single{ border:2px dashed #ddd; background:#f5f5f5; border-radius:5px; text-align:center; padding:20px}
.file-single .file-preview{ border:none; padding:0; margin-bottom:20px}
.file-single .file-drop-zone{ border:none; margin:0; padding:0}
.file-caption.form-control{ height:36px}
.file-caption .file-caption-name{ border:none; height:auto}
/*====B:layer========================================*/


.datepicker-date-display,
.datepicker-table td.is-selected{ background:#2a6fd5}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{ color:#2a6fd5}
.datepicker-table td.is-today{ color:#2a6fd5}

.ie-shade{ height:100%; width:100%; position:absolute; z-index:19999;  top:0; left:0; background:#000000; opacity:0.5}
.ie-browser{ width:500px;position:fixed;z-index:20000; background:#fff; left:50%; top:50%; margin:-45px 0 0 -250px;  text-align:center; font-size:20px; padding:30px 0}


.search-toolbar{ background:#fff; padding:5px 20px 0; box-shadow:0 0 20px rgba(0,0,0,.1)}

/*====B:card-list========================================*/
.card-list{ display:flex; flex-flow:wrap; margin-top:20px}
.card-list .col{ float:none; word-wrap: break-word; margin-bottom:20px; margin-left:initial !important}
.card-list .box{ height:100%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)}
.card-list .hd{ display:flex; padding:15px 20px; border-bottom:1px solid #ddd}
.card-list .hd-t{ font-weight:bold; color:#333}
.card-list .hd-r{ flex:1}
.card-list .bd{ padding:10px 20px}
.card-list .bd table td{ padding:5px 0}
.card-list .bd .td-title{ width:80px; color:#333}
.card-list .ft{ padding:15px 20px; border-top:1px solid #ddd; display:flex}
.card-list .ft .item{ padding-right:20px}
.card-list .ft .item:last-child{ padding-right:0}
.card-list .ft .item b{ color:#333}
/*====E:card-list========================================*/

/*====B:底部页码========================================*/
/*pagination*/
.pagination-container { background: #fff; display: flex; align-items: center }
.pagination-container .page-info { flex: 1; color: #888 }
.pagination-container .page-info span { color: #60a1cc; font-weight: bold }
.pagination-container .item { display: inline-block; vertical-align: middle }
/**/
.pagination { margin: 0; width: auto }
.pagination li { background: #eee; margin: 0 2px }
.pagination li a { font-size: 12px }
.pagination li.active { background: #0095db; font-weight: bold }
#inputPageIndex { width: 50px }
.pagination-container select { display: inline-block; width: auto; padding: 0; height: 30px; border-color: #ddd }
.pagination-container .btn { font-size: 12px; height: 30px; line-height: 30px; vertical-align: top }
/*====E:底部========================================*/

/*====B:登录=========================================*/
.login-bg { background: linear-gradient(to bottom, #1e95d4, #23acf4) !important; display: table; width: 100% }
.login-container { display: table-cell; vertical-align: middle }
.login { max-width: 380px; background: #fff; padding: 40px; margin: 0 auto; box-shadow: 0 0 50px rgba(0,0,0,.15); border-radius: 20px }
.login .logo { padding: 10px 0; text-align: center; width: 120px; margin: 0 auto; position: relative }
.login .version { position: absolute; top: 30px; left: 96%; background: #40cf6c; color: #fff; font-size: 12px; padding: 0 4px; border-radius: 4px }
.form-login input { box-shadow: 0 0 0 50px #fff inset !important }
.form-login .btn { margin-top: 20px }
.form-login .text-danger { color: #ffff00 }
.form-login .text-danger li { padding: 0 0 10px 10px }
.copyright { text-align: center; color: #999; font-size: 12px; padding: 50px 0 25px }
/*====E:登录=========================================*/

/*====B:登录 修改密码=========================================*/
.modify-password-container { background: #fff; padding: 50px; box-shadow: 0 1px 10px 1px rgba(0,0,0,.05);  margin: 200px 200px 0 200px; }
.modify-password-container .title { margin-top: -10px; text-align: center; color: #1e95d4; font-weight: bold }
.modify-password-container form { max-width: 360px; margin: 0 auto }
/*====E:登录 修改密码=========================================*/