/*公用组件css*/
/* nav 左侧菜单栏*/
.nav{width: 220px;height: 100%;background: #eaebee;transition: all .3s;padding-top: 30px;}
.nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #000;transition: all .3s;}
.nav a span{margin-left: 30px;font-size: 16px;}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #0086df;opacity:0;transition: all .3s;}
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
/*.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
.icon_4::after{content: "\e620";}*/
/*---------------------*/
.nav-more{float:right;margin-right: 20px;font-size: 18px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
/*.nav-more::after{content: "\e621";}*/
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #0086df;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
/* .nav-item li:hover a{color: #0086df;background: rgba(205, 229, 239,1);} */
.nav-item-ul a span{margin-left: 50px;font-size: 14px;}
/* .nav-item-ul .nav-item-ul-li{color: #0086df;background: rgba(205, 229, 239,1);} */
.nav .nav-item-ul li a i{margin-left: 30px;font-size: 14px;}

/*按钮*/
.btn-info{background-color: #01b0f0;border-color: #01b0f0;padding: 6px 20px;}
.btn-default{color: #01b0f0;border-color: #01b0f0;padding: 6px 20px;}
.btn-danger{background-color: #fa4b00;color: #fff;border-color: #fa4b00;padding: 6px 20px;}

/*下拉框*/
.select{border: none;box-sizing: border-box;cursor: pointer;line-height: normal;font-weight: normal;width: 100%;white-space: nowrap;}
.select-box{padding: 4px 5px;border-radius: 4px;border: solid 1px #ddd;box-sizing: border-box;vertical-align: middle;width: 100%;display: inline-block;}
.select:focus{outline: none;}
.select-box.active{border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}


/*表格*/
thead{background-color: #f5f5f5}
.table > thead > tr > th{border-bottom: 2px solid #9cd8ff}
.table_state1{text-align: center;color: #fff;background-color: #ade469;display: inline-block;width: 50px;height: 20px;border-radius: 15px;}
.table_state2{text-align: center;color: #fff;background-color: #f77e78;display: inline-block;width: 50px;height: 20px;border-radius: 15px;}
.table .btn-table{background-color: #01b0f0;border-color: #01b0f0;padding: 3px 10px;}
/* .table .doTh{padding: 0;padding-top: 3px;} */
/*分页*/

.ui-pagination-container .ui-pagination-page-item {display: inline-block;padding: 0 12px;line-height: 30px;border: solid 1px #ccc;margin: 0 5px;border-radius: 3px;}
.ui-pagination-container .ui-pagination-page-item:hover {background-color: #01b0f0;border-color: #01b0f0;color: #fff;}
.ui-pagination-container .ui-pagination-page-item.active {background-color: #01b0f0;border-color: #01b0f0;color: #fff;cursor: default;}

/*搜索框*/
input::-webkit-input-placeholder {color:#ccc;}
input:-moz-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder{color:#ccc;}
.search_btn {outline: none;border: none;background: url("../img/q.png") no-repeat center;width: 32px;height: 34px;background-color: #fff;cursor: pointer;}
.search_input {float: left;outline: none;border: none;width: 200px;height: 34px;padding-left: 10px;font-size: 12px;color: #999;display: block;}
.active.search_div{border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.search_div{width: 240px;height: 34px;border: 1px solid #cacaca;border-radius: 5px;overflow:hidden}

/*上传按钮*/
.uploadBox{width: 70px;height: 70px;font-size:0;position: relative;cursor: pointer;}
.uploadBox img{width: 100%;}
.uploadFile{position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 0;text-align: right;filter: alpha(opacity=0);
	opacity: 0;outline: none;background: white;cursor: inherit;display: block;}

/*文本域*/
.textarea{width: 100%;height: 100px;border-radius: 5px;outline: none;padding-left: 10px;border: 1px solid #cacaca;}
.textarea:focus{border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}


.tab_head{height: 50px;background-color: #f5f5f5;}
.tab_head ul{height: 100%;line-height: 50px;}
.tab_head ul li{display: inline-block;float: left;vertical-align: middle;margin:0 20px;}
.tab_head ul li a{padding: 6px 20px;}
.tab_head ul li a.active{background-color: #00a0ff;color:#fff;border-radius: 20px;}
.tab_content_item{display: none;}
.tab_content_item.tab_show{display: block;}
.tab_content{padding: 20px;}

*{font-family:"Microsoft YaHei";}
body{margin:0;}
ul{margin:0;padding:0;}
li{list-style: none;}
a{text-decoration: none;color:#000;}
a:hover, a:focus {text-decoration: none;}
p{margin: 0;}

.head{height: 70px;line-height: 70px;border-bottom: 1px solid #f1f1f1;padding: 0 20px;}
.head_title{float: left;height: 70px;font-size: 26px;}
.head_crumbs{float: right;height: 70px;}
.crumbs1{color:#665d5d;}
.child_content{padding: 0 20px;}

table{border: none!important;border: 1;}
.table-striped > tbody > tr:nth-child(odd){background-color: transparent;}
.table > thead > tr > th{border: none;}
.table > tbody > tr > td{border: none;}
.table > tbody > tr{border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.table .btn-table{padding: 0;background-color: transparent;border: none;color: #51C7EA;margin: 0 5px;font-weight: bold;}
.table-hover > tbody > tr:hover{background-color: #f5f5f5;}