﻿@charset "utf-8";
/* CSS Document */
*{padding:0px;font-size:14px;margin:0px;}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
body{ background:#fff url(../images/bodybg.gif) left top repeat-y; color:#666; min-width:1320px;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none;}
a{ text-decoration:none; color:#399bff;/*transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;-o-transition:color 0.5s;*/}
a:hover{ color:#06c; text-decoration: none!important}
input,select,textarea{ color:#555; font-family:"微软雅黑"; font-size:14px; text-indent:4px; outline:none}
h1{ font-size:23px; font-weight:normal; color:#333; text-indent:24px; line-height:55px;}
input,select,textarea{ color:#555; font-family:"微软雅黑"; font-size:14px; text-indent:4px; outline:none}
h1,h2,h3,h5,h4,h6,ul,ol,p{ padding:0; margin:0;}
/*菜单样式*/
.menu_left{background:#32323a; z-index:1000; position:absolute;
box-shadow:3px 0px 4px rgba(0,0,0,0.1),-3px 0px 4px rgba(0,0,0,0.1); z-index:100;width:220px; left:0;}

.menu_left>ul>li{ position:relative;}
.menu_left>ul{width:100%; margin: 0px; padding:0;}
.menu_left>ul img{ width:30px; position:relative; top:-2px; margin-right:10px; display:inline-block; vertical-align:middle;}
.menu_left>ul>li>i{ position:absolute; right:15px; top:22px; color:#686868;}
.menu_left>ul>li.active{background-color:#293846}
.menu_left>ul>li.active i{ color:#a7b1c2;}
.menu_left>ul>li.active span{ color:#fff;}
.menu_left>ul>li.active:before{content:"";position:absolute;height:100%;top:0;bottom:0;left:0px;width:3px;overflow: hidden;background-color: #2dc3e8;}
.menu_left>ul>li>a{ display:block;text-indent:16px; color:#95a0aa; line-height:60px;height:60px; border-bottom:1px solid #7d8892;  border-bottom:1px solid rgba(255,255,255,0.07); }
.menu_left>ul>li>a>i{ padding-right:10px;color:#a7b1c2; line-height: 60px;}
.menu_left>ul>li>a>span{color:#becad4; font-weight: bold; font-size:16px;}
.menu_left>ul>li>a:hover{ background:#293846; color: #fff;}
.menu_left>ul>li>a:hover *{color: #fff;}

.menu_left>ul>li li a.active,
.menu_left>ul>li li a.active:hover{color:#2dcc70}

.menu_left>ul>li>ul>li{ line-height:48px; text-indent:57px;}
.menu_left>ul>li>ul .active1 a,.menu_left>ul>li>ul a:hover{ color:#fff;display:block;}
.menu_left>ul>li>ul>li a{ color:#a7b1c2; font-size:16px; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.menu_left>ul>li>ul{ display:none}

.menu_left>ul>li>ul ul li{ white-space:nowrap;text-overflow: ellipsis;overflow: hidden; text-indent:38px; line-height:28px;}
.menu_left>ul>li>ul ul li a{color:#999;}

/*右侧*/

.right_box{ margin-left:220px;  padding:10px 20px;}
/***/
/***/
.headbar{ padding:19px 10px;; border-bottom:1px solid #e5e5e5; background:#fff;}
.headbar  a{ padding:0 15px; position: relative; color: #768285}
.headbar  a i{ color:#999; margin-right:5px; font-size:16px;}
.headbar  a img{ display:inline-block; vertical-align:middle; border-radius:100px; width:32px; height:32px; margin-right:10px;}
.headbar h1{ font-size:30px; color:#2dcc70; line-height:32px; text-indent:0; font-weight:bold;}
.headbar h1 i{ color:#50b4ff; margin-right:5px;}
/****/

/**按钮**/
.btn{ border-radius:3px!important;border:none; transition:all .5s;}
.btn i{ color:#fff;}
.btn.focus, .btn:focus{border:none;}
.btn-default{background: #f0f0f0}
.btn-primary{ background: #217fbc}
.btn-success{background: #1bae5d}
.btn-info{background: #40b4d7}
.btn-warning{background: #f59c00}
.btn-danger{background: #d14642}
.modal-content{ border-radius:2px;}


/**表格模块**/
.boxall{ background:#fff; padding:0; margin-bottom:15px;}
.boxnav{ padding:0px 15px 10px 15px;; position: relative}
.boxtit{ line-height:64px; border-bottom: 1px solid #ddd; font-size:24px;}
.boxtit a{ font-size:20px; color:#888; display:inline-block; position:relative; margin-right:20px;;}
.boxtit a.active{ color:#333}
.boxtit a.active:before{ border-bottom:2px solid #2dcc70; position:absolute; content:""; width:100%; height:100%; bottom:-1px; left:0;}
.boxbtn1{ padding:5px 0; border-top: 1px solid #ddd;}
.boxbtn{ padding:10px 0; border-bottom: 1px solid #ddd;}
.search_box01{ padding-bottom:5px;}
.search_box01 .form-group{ padding:5px 5px 5px 0;}
.search_box01 .form-control{padding: 6px 0  6px 6px; min-width:80px;}
.search_box01 label{ font-weight:normal;margin-bottom:0; color:#888;}
/**layerUI**/
.layui-layer-hui .layui-layer-content{ color:#fff;}

/***/
.tab-content{background:#fff; border:1px solid #ddd; border-top:none;}
.nav>li>a{ padding:7px 15px}

/*表格2*/
.table>thead>tr>th {border-bottom:none;}
.table{ border-bottom:1px solid #ddd; margin-bottom:0}
.table a{}
.label{ display:inline-block; padding:5px 8px;}
.page{ text-align:right;}
/*表单*/
.form-control{border:1px solid #ddd; border-radius:2px; box-shadow:none; outline:none; padding:0 0 0 3px;}
.form-control:fous{outline:none; box-shadow:none;}
.input-group-btn .btn{border:1px solid #e2e2e2; }
.form-group{ padding:0px 5px;}
.input-group i{ color:#666}
.dateicon{ background:#fff url(../images/icon.png) no-repeat right center; cursor: pointer; padding-right:20px; }
.topbt li{ width:33.3333333%;  border-right:1px dotted #ddd; overflow:hidden;}
#main1,#main2,#main3,#main4{height:340px; margin:0px auto;}
#main5,#main6,#main7{height:380px; margin:0px auto}
.topbt{ margin:10px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.05)}
.form-inline .form-control{width:120px;}
.form-inline label{ font-weight:normal!important; color:#777; position:relative; top:2px; height:30px; overflow:hidden; vertical-align:middle; margin-bottom:0; line-height:24px;}
.selebox h3{ font-size:16px; line-height:48px; font-weight:bold; position:relative; padding-left:12px;}
.selebox h3:before{ position:absolute; content:""; width:3px; height:20px; background:#2dcc70; border-radius:3px;left:0; top:50%; margin-top:-10px;}
.selebox { padding:5px 15px; line-height:48px;}
/*表单*/
.table02 td{  padding:5px}
.table02 tr td:nth-child(odd){ white-space:nowrap; padding:0px 5px 0 10px; text-align:right;}
/****/
.login{ background:#d1e7f7 url(../images/bg.jpg) no-repeat center top;background-size: cover;}
.loginbox{ position:absolute; left:50%; top:50%; width:620px; height:430px; margin-left:-310px; margin-top:-230px; background:rgba(0,0,0,0.58); border-radius:12px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.3)}
.login .inputuser{ float:left; width:326px; border-radius: 6px; font-size:18px; height:40px; display:block; border:none;   text-indent:14px; border-radius:5px;}
.login li{ padding-bottom:26px; position:relative; overflow: hidden;}
.login span{float:left; line-height:40px; width:110px; color:#fff; text-align: ; font-size: 18px;}

.login i{ position:absolute; top:10px; line-height:55px; font-size:24px; left:12px; color:#b4bcc3;}
.login ul{ padding:50px 90px 0px 90px;}

.loginbox a{ line-height:50px; height:50px; padding:0px; font-size:18px; margin-top:0px;}
.loginbox li.active *{ color:#259cff;}
.copyright{ text-align:center; position:absolute; bottom:25px; font-size:18px; color:#fff; text-align:center; width:100%; text-shadow:0 0 3px #000; }
.loginbox .btn{ height:50px; border-radius:5px!important; line-height: 50px; font-size:24px;}
.table-condensed{ width:100%;}
.forget a,.forget label{ color:#fff; font-size:16px;}
li.forget{ margin-top:-10px;}
li.forget .pull-left{  padding:10px 0;}
.checkbox{ line-height:24px; text-align:center;}

.aui-checkbox{ margin:0 2px 0 0!important; position:relative!important; outline:none;}
.aui-checkbox:focus{outline:none!important;}
.aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked {
    text-align: center;
    background-clip: padding-box;
}
.aui-checkbox {
    border-radius: 0.1rem;
}
.aui-radio, .aui-checkbox {
    width: 24px;
    height:24px;  top:2px; margin-right: 10px!important;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 0.6rem;
    border-radius:6px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}







.aui-radio:checked:before, .aui-radio.aui-checked:before, .aui-checkbox:checked:before, .aui-checkbox.aui-checked:before, .aui-radio:checked:after, .aui-radio.aui-checked:after, .aui-checkbox:checked:after, .aui-checkbox.aui-checked:after {
    content: '';
     width:30px;
    height:30px;
    position: absolute;
   bottom:0;
	 left:-4px;;
     background: url(../images/sele.png) no-repeat;
    z-index: 2;
   
}

.upfilebox{ border:1px solid #ddd; min-width:300px; float:left; padding:0px 10px; margin-top:15px; border-radius:2px; position:relative}
.upfilebox li{ border-bottom:1px dashed #eee; color:#666666; padding-right:15px;}
.upfilebox li:last-child{ border-bottom:none;}
.upfilebox i{ color:#999; margin-right:5px;}
.upfilebox:before{ content:""; position:absolute; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ddd; top:-6px;}
.modal-header .close span{ font-size:24px;}
label{ font-weight:normal!important;}
label input{ margin-right:5px!important; position: relative; top:2px;}
.text-table {background:#f9f9f9; border: 1px solid #eee; }
.text-table th{ line-height: 40px; font-weight: normal; padding: 0 8px; color: #888;;}
.line{ border-bottom:1px solid #ddd; margin:10px 0;}

.pagination {margin: 20px 0 0 0; 
}
.qxlist  li{ padding-top:10px;}
.qxlist .qxx{ border:1px solid #ddd; padding:5px 10px; background:#f9f9f9}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f9f9f9; border:1px solid #f5f5f5
    opacity: 1;
}
.modal-body>.boxnav{ padding:0;}
.table  td label{ margin-bottom:0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{    vertical-align:middle}
.addpic li{ padding:0px 3px;}
.addpic ul{ margin-left:-3px;}
.addpic a{ display:block; border:1px solid #ddd; position:relative}
.addpic a span{ position:absolute; right:0; top:0; background:#f60; color:#fff; width:18px; height:18px; line-height:18px; text-align:center;}