﻿*{
	margin:0;
	padding:0;
	font-family:微软雅黑,黑体;
}



img{
	display:inline-block;
}
ul{
	list-style:none;
}
a{
	text-decoration: none;
}
a:link{
	color:#9EBDF4;
}
a:visited{
	color:#9EBDF4;
}
a:hover{
	color:#9EBDF4;
	cursor:pointer;
}
a:active{
	color:#9EBDF4;
}

.icon-text{
	width:280px;
	height:35px;
	border:1px solid #45B561;
	display:block;
}
.icon-text img{
	width:20px;
	height:20px;
	margin-left:5px;
	float:left;
	display:block;
	margin-top:5px;
}

.icon-text input{
	border:0px;
	width:230px;
	height:32px;
}
.icon-text:hover{
	width:278px;
	height:33px;
	border-width:2px;
}


.bg-btn{
	width:280px;
	height:30px;
	background-color:rgba(34, 175, 73, 1);
	border-radius:3%;
	display:block;
	color:#fff;
	cursor:pointer;
	line-height:30px;
}

.icon-btn{
	cursor:pointer;
}
.icon-btn img{
	position:relative;
	top: 5px;
}


.icon-menu{
	display:block;
	height:35px;
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:1rem;
	cursor:pointer;
	color:#ccc;
}
.icon-menu:hover{
	color:#fff;
}
.icon-menu img:first-child{
	width:25px;
	height:25px;
	position:relative;
	top: 7px;
	margin:0 12px;
}

.icon-menu img:last-child{
	margin-left:10px;
	margin-top:2px;
}
.sub-menu{
	width:100%;
	text-align:center;
	color:#fff;
	background-color:rgba(61, 68, 78, 1);
	font-size:0.8rem;
	cursor:pointer;

}
.sub-menu li{
	height:30px;
	padding-top:10px;
	
}
.sub-menu li:hover{
	color:rgba(158, 186, 50, 1);
}













.icon-select{
	width:100px;
	height:23px;
	border-radius:5%;
	display:block;
	background-color:rgba(74, 83, 92, 1);
	color:#fff;
	padding:7px 5px 5px 25px;
	cursor:pointer;
}
.icon-select:img{

}



.icon-date{
	width:150px;
	height:30px;
	border-radius:10%;
	border:1px solid #ccc;
	display:inline-block;
}
.icon-date input{
	width:123px;
	height:28px;
	border:0px;
	float:left;
}
.icon-date img{
	width:25px;
	height:28px;
	background-color:#0CA847;
	float:right;
}



.bg-text{
	display:block;
	width:120px;
	height:30px;
	border:1px solid #45B561;
	border-radius:5%;
}


.sm-btn{
	display:block;
	width:38px;
	height:18px;
	border: 1px solid #ccc;
	border-radius:5%;
	color:#ccc;
	padding:6px 6px;
	cursor:pointer;
}

.icon-button{
	display:block;
	width:85px;
	height:30px;
	border-radius:5%;
	background-color:#E89C0B;
	color:#fff;
	font-size:0.9rem;
	cursor:pointer;
	padding-top:7px;
	padding-left:5px;
	text-align:left;

}

.icon-button span{

}







/* 特别书写类 */
.sub-menu-active{
	position:relative;
}

.sub-menu-active:after{
    content: "";
    position: absolute;
    top: 18%;
    left: 92%;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-right-color: rgba(255,255,255,1);
}

.display-hidden{
	display:none;
}
.display-show{
	display:block;
}
.menu-on img:last-child{
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.menu-off img:last-child{
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}




