@charset "utf-8";
/* CSS Document */
html{text-overflow:hidden;
	white-space: no-wrap;}
body{margin:0; padding: 0;width:100%; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; }
a{ color:#000; text-decoration:none;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
p{ margin:0;}
i,em{ font-style:normal;}
b,strong{ font-weight:normal;}
/*outline: none  去除图片移动端自带边框*/
a img{ border:none;outline: none;}
input{outline: none; border: none;}
.lf{float: left;}
.rt{float: right}
/*移动端点击蓝屏现象 -webkit-tap-highlight-color:rgba(0,0,0,0)*/
*{margin: 0; padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{ display:block; content:""; clear:both;}
.clearfix{ zoom:1; }
.btn{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-small{
	padding: 3px 8px;
}
.btn-primary {
    color: #fff;
    background-color: #00b983;
}
.btn-orange{
	color: #fff;
	background-color:#feaa00;
}
.btn-transparent{
	color: #00b983;
	border-color: #00b983;
	background-color:transparent;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    vertical-align: middle;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
label {
    display: inline-block;
    color:#565656;
	font-size:15px;
	font-weight: normal;
    max-width: 100%;
    margin-bottom: 5px;
}
.form-input {
    box-sizing: border-box;
    height: 34px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#top{
	width:100%;
	height:70px;
	background: rgba(24, 28, 31, 1);
	color:#fff;
	font-size: 25px;
}
#top p{
	line-height:70px;
}
#top a {
    display: inline-block;
    width: 110px;
    height: 70px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #fff;
}
.changePwd i,.exitSys i{
	display: block;
	width:18px;
	height:18px;
	margin: 18px auto 8px;
	background-image: url(../img/icon12.png);
	background-repeat: no-repeat;
}
.exitSys {
    border-right: 1px solid #fff;
}
.changePwd i{
	background-position: -24px -1px;
}
.exitSys i{
	background-position: -4px -1px;
}
.container{
	width:90%;
	margin:0 auto;
}
#sideNav{
	color:#fff;
	width:190px;
}
#sideNav >li{
	border-bottom:1px solid #eee;
}
#sideNav > li> a{
	color:#fff;
	display: block;
	background: #283846;
	text-align: right;
	padding:10px;
}
#sideNav span{
	display: inline-block;
	width:10px;
	height:10px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	margin-left: 15px;
	transform-origin: center center;
	vertical-align: middle;
	transition: all 0.2s linear;
}
#sideNav .arrowdown{
	/*vertical-align: top;*/
	transform:rotate(45deg);
}
#sideNav .arrowup{
	
	transform:rotate(135deg);
}
.active > .downmenu{
	/*display: block;*/
	opacity: 1;
}
.downmenu{
	background: #4a5064;
	/*display: none;*/
	padding-left: 20px;
	height:0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s linear;
}
.downmenu > li> a{
	color:#fff;
	display: block;
	font-size: 14px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	text-align: center;
	padding:8px ;
}
.downmenu .active{
	color:#00b983;
}
.footer{
	position:fixed;
	z-index: 2;
	bottom:0;
	left:0;
	width:100%;
	height:4.9rem;
	background: #fff;
	border-top:1px solid #ddd;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	justify-content:space-around;
}
.footer div{
	height:100%;
	width:25%;
	display: flex;
	flex-direction:column;
	justify-content:center;
	/*text-align:center;*/
	align-items:center;
	font-style: normal;
	font-size:0.8rem;
	font-weight: 100;
	color:#696969;
	cursor:pointer;
}
.footer div span{
	display: flex;
	justify-content:center;
	/*text-align:center;*/
	align-items:center;
	margin:.1rem;
}
.footer img{
	height:50%;
	width:50%;
}
.back{
	cursor:pointer;
	padding-right:2rem;
}
/*ios去除点击边框*/
/*a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}*/