/* 登录页 */
.login_header {width:100%;height:281px;margin-top:10px;background:url(../images/login_logo.png) no-repeat center center;}
.login_main {width:320px;height:230px;margin:auto;padding:30px;border-radius:5px;background:#FFF;margin-top:20px;box-shadow: 0px 0px 5px #888888;}
.login_main h1 {text-align:center;font-size:18px;font-weight:500;margin-bottom:30px;}
.login_user {width:318px;height:44px;line-height:44px;border:1px solid #e6e6e6;border-radius:3px;text-align:center;font-size:14px;color:#404040;background:url(../images/user.png) no-repeat 12px 12px;}
.login_pw {width:318px;height:44px;line-height:44px;border:1px solid #e6e6e6;border-radius:3px;text-align:center;font-size:14px;color:#404040;margin:20px 0px;background:url(../images/pw.png) no-repeat 12px 12px;}
.login_btn {float:left;width:320px;height:46px;line-height:46px;text-align:center;background:#5fb878;color:#FFF;float:left;font-size:14px;text-decoration:none;}
.login_btn:hover {text-decoration:none;background:#3da45a;border-radius:3px;color:#FFF;}

.login_bottom {color:#218e4a;height:60px;width:100%;float:left;position:fixed;bottom:0px;background:rgba(255,255,255,0.5);text-align:center;line-height:76px;font-size:14px;z-index:1;}


/* 引导页 */
.header {width:100%;height:180px;float:left;background:url(../images/logo.png) no-repeat center center #FFF;text-align:center;padding:20px 0px;}
.home_main {width:1200px;margin:auto;}
.home_main ul li {width:25%;float:left;text-align:center;padding:100px 0px 60px;font-size:24px;font-weight:bold;}
.home_main ul li a {width:170px;height:170px;margin:auto;border-radius:85px;display:block;margin-bottom:50px;transition: all 0.4s;}
.home_main ul li a:hover {transform: scale(1.1);}
.sqsp_icon 	{background:url(../images/sqsp_icon.png) no-repeat center center #218e4a;}
.bxgl_icon 	{background:url(../images/bxgl_icon.png) no-repeat center center #d52b2b;}
.zdgl_icon 	{background:url(../images/zdgl_icon.png) no-repeat center center #2b56d5;}
.cxgl_icon 	{background:url(../images/cxgl_icon.png) no-repeat center center #dcb455;}
.Enter {background:url(../images/enter.png) no-repeat 110px 20px #4cb032;font-size:18px;margin-left:44%;text-align:center;color:#FFF;line-height:46px;float:left;height:46px;display:block;font-weight:500;border-radius:23px;padding:0 50px 0 30px;}
.Enter:hover {text-decoration:none;background:url(../images/enter.png) no-repeat 110px 20px #61ba4a;}

/* 报销管理 */
.returnbox {width:100%;float:left;padding-bottom:60px;}
.return {background:url(../images/return.png) no-repeat 20px 20px #4cb032;font-size:18px;margin-left:47%;text-align:center;color:#FFF;line-height:46px;float:left;height:46px;display:block;font-weight:500;border-radius:23px;padding:0 20px 0 50px;margin-top:20px;}
.return:hover {text-decoration:none;background:url(../images/return.png) no-repeat 20px 20px #61ba4a;}

.expense_title {font-size:24px;font-weight:bold;text-align: center; padding: 230px 0 15px 0}
.expense_main {margin:auto;width:840px;padding:0 0 20px 0;background:#FFF;height:auto;overflow:hidden;border-radius:5px;}
.expense_main ul li {float:left;width:100%;height:auto;overflow:hidden;}
.expense_main ul li a {float:left;width:182px;text-align:center;margin:auto 49px;height:58px;background:url(../images/expense_icon.png) no-repeat 60px 30px #36cf85;margin-top:20px;border-radius:10px;text-decoration:none;color:#FFF;font-size:18px;padding-top:100px;transition: all 0.4s;}
.expense_main ul li a:hover {background:url(../images/expense_icon.png) no-repeat 60px 20px #25c075;}



/* 事前审批 */
.approval_main {margin:auto;width:840px;padding:30px 0 0;background:#FFF;height:auto;overflow:hidden;border-radius:5px;}
.approval_main ul li {float:left;width:100%;height:auto;overflow:hidden;}
.approval_main ul li a {float:left;width:200px;text-align:center;margin:auto 39px;height:75px;margin-bottom:40px;border-radius:10px;text-decoration:none;color:#FFF;font-size:18px;transition: all 0.4s;}
.approval_main ul li a:hover {opacity:0.5;filter(alpha=50)}


/* 制度管理 */
.system_main {margin:auto;width:780px;padding:30px;background:#FFF;height:auto;overflow:hidden;border-radius:5px;}

 #container div {
      width: 780px;
      height: 200px;
      border-top:1px solid #5586f0;
      display: none;
      text-align: center;
	  line-height:32px;
	  padding-top:10px;
    }
	#container div ul li {
		float:left;width:100%;
		font-size:16px;padding-left:10px;transition: all 0.4s;background:url(../images/zd_icon.png) no-repeat left;
		color:#797979;text-align:left;
	}
	#container div ul li:hover {background:url(../images/zd_icon.png) no-repeat left 10px;}
	#container div ul li a {
		float:left;
		width:85%;
		color:#000;
		transition: all 0.4s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#container div ul li a:hover {color:#5586f0;text-decoration:none;}
    #container div.active {
      display: block;
    }

     button {
      outline:none;
	  background:none;
	  border:none;
	  margin:auto 10px;
	  font-size:18px;
	  color:#666;
	  line-height:42px;
	  cursor:hand
    }
	button:hover {}
    button.active {
		color:#5586f0;
	  font-size:22px;
	  background:none;
    }

.search {font-size:16px;color:#4cb032;font-weight:500;}
.search:hover {color:#61ba4a;}