@charset "utf-8";
::-moz-selection { background: #2b83c8;  color:#fff !important;  }
::selection { background: #2b83c8 ; color:#fff !important; }
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{background:#F5F5F5;}
body{margin:0px; padding:0 0 40px 0; font-family:Microsoft Yahei,Arial, sans-serif; font-size:14px; font-weight:300; color:#333; background:#F5F5F5;overflow-x:hidden;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
dl,dt,dd{padding:0px; margin:0px;list-style:none;}
p{margin:0px; padding:0px;}
img{border:none; vertical-align:middle; max-width:100%}
a{ cursor: pointer; color:inherit; text-decoration:none;font-family:Microsoft Yahei,Arial, sans-serif; font-size:inherit;font-weight:300; outline:none; cursor:pointer;transition:All .3s ease-in-out;-webkit-transition:All .3s ease-in-out;-moz-transition:All .3s ease-in-out;-o-transition:All .3s ease-in-out;}
a:hover{color:#000;text-decoration:underline;font-size:inherit;outline: none;}
a:focus {outline: none;text-decoration:none;}
a:active{text-decoration:none;}
u{text-decoration:none;}
input,textarea{-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}

select {
    
    padding: 10px; /* 增加内边距 */
    width: 100%; /* 确保宽度 */
    border: 1px solid #ccc; /* 边框 */
    border-radius: 4px; /* 圆角 */
}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:30px;}
.pr30{padding-right:30px;}
.mb15{margin-bottom:15px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.pd10{padding:10px 0;}
.pd20{padding:20px 0;}
.pd30{padding:30px 0;}
.clear{height:0;line-height:0; font-size:0; clear:both;}
@media (max-width: 768px){
	body,a{font-size:12px;}
}

.logo{text-align: center;padding:50px 0 40px 0;}
.logo img{max-height: 80px}
.loginForm{max-width: 400px;margin: 0 auto;}
.loginForm input{width: 100%; margin-bottom: 10px; display: block;padding: 8px 8px 8px 35px;border:1px solid #a9a9a9; background: #FFF; outline: none}
.loginForm input[name='loginName']{background:url(../img/oa1.png) 3px 5px no-repeat #FFF;background-size:30px 23px}
.loginForm input[name='loginPass']{background:url(../img/oa4.png) 3px 5px no-repeat #FFF;background-size:30px 23px}
.loginForm button{display: block;width: 100%;padding: 10px;text-align: center;background: #39ba36;color: #FFF;border: 0}
.loginForm button:hover{background:#50c64d}


.search{position:relative;border:1px solid #cdcdcd}
.search form{overflow:hidden; height:45px; width:100%; display:flex}
.search form p{float:left;background:url(../img/j.gif) right center #EEE no-repeat; color:#777; border-right:1px solid #cdcdcd; display:inline-block; line-height:45px; padding:0 20px 0 15px; white-space:nowrap; cursor:pointer; }
.search form input{float:left;width:100%;  height:45px; line-height:45px; color:#777; padding:0 10px; border:0; outline:none}
.search form button{border:0; width:140px; height:45px; outline:none; background:#3cbb39; color:#FFF}
.search ul{ position:absolute; left:-1px;top:45px; background:#FFF; border:1px solid #DDD; padding:0; min-width:150px; max-height:250px; overflow:auto; list-style:none; z-index:9; display:none}
.search ul li{padding-bottom:1px;}
.search ul li a{padding:5px 8px; display:block}
.search ul li a.active,.search ul li a:hover{background:#3cbb39; color:#FFF}
@media (max-width: 768px){
.logo{padding:20px 0;}
.logo img{max-height: 50px}
.search form p{padding:0 15px 0 10px;}
.search form button{width:120px;}
}


.menu{margin:0;padding:80px 0 0 0;list-style:none}
.menu li{width:33.33%;float:left;text-align:center}
.menu li h2{font-size:24px;padding:10px 0}
@media (max-width: 768px){
.menu{padding:30px 0;}
.menu li img{width:80px}
.menu li h2{font-size:16px;}
}

.add{color:#3cbb39;display: inline-block;}
.add:hover{color:#50c64d}

.day{display: inline-block;margin-left: 10px; background: url(../img/check.jpg) 4px 4px no-repeat;padding-left: 20px}
.day.active{background: url(../img/checkOn.jpg) 4px 4px no-repeat;}

.tableList{border:1px solid #cdcdcd;text-align:center;background: #FFF}
.tableList th{padding:8px;background:#EEE;text-align:center;border:1px solid #cdcdcd}
.tableList td{padding:8px;background:#FFF;text-align:center;border:1px solid #cdcdcd}
.tableList td strong{color: #3cbb39}
.tableList td span{display: block;color: #25a618}
.tableList td span.active{color: #df8f30}
.tableList .tableTr.noUse{color: #ccc}
.tableList .tableTr.noUse span,.tableList .tableTr.noUse span.active{color: #999}
.tableList .tableTr.active td{background: #fcf7dd}

.isMy{display: inline-block; background: url(../img/check.jpg) 4px 4px no-repeat;padding-left: 20px}
.isMy.active{background: url(../img/checkOn.jpg) 4px 4px no-repeat;}

.shadow{position: fixed;width: 100%;height: 100%;top: 0;z-index: 2;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.doBox{position: absolute;z-index: 3;width: 100%; top: 100px}
.doBox form{max-width: 600px; padding:15px 25px 25px 25px; margin: 0 auto;position: relative;background: #FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.doBox form td{padding: 3px 0;}
.doBox form input{width:100%;  height:40px; line-height:40px; color:#777; padding:0 10px; border:1px solid #DDD; outline:none}
.doBox form textarea{width:100%;  height:150px; line-height:130%; color:#777; padding:10px; border:1px solid #DDD; outline:none}
.doBox form button{border:0; width:100%; height:35px; outline:none; background:#3cbb39; color:#FFF;margin-top: 10px;}
.doBox button:hover{background:#50c64d}
.doBox .closeBox{text-align: right;color:#df8f30}

@media (max-width: 768px){
.doBox{top: 10px}
}

/*分页*/
/*分页*/

DIV.black2 {

	PADDING:10px 0 30px 0; MARGIN: 7px; TEXT-ALIGN: center; clear:both

}

DIV.black2 A {

	BORDER: #ddd 1px solid; PADDING:8px; COLOR: #aaa; MARGIN-RIGHT: 2px;TEXT-DECORATION: none; background:#FFF;

}

DIV.black2 A:hover {

	BORDER: #a0a0a0 1px solid; PADDING:8px;MARGIN-RIGHT: 2px;background:#FFF;

}

DIV.black2 A:active {

	BORDER: #a0a0a0 1px solid; PADDING:8px; MARGIN-RIGHT: 2px;background:#FFF;

}

DIV.black2 SPAN.current {

	BORDER: 0; PADDING:10px;COLOR: #aaa; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #f0f0f0

}

DIV.black2 SPAN.disabled {

	BORDER: #f3f3f3 1px solid;PADDING:11px;COLOR: #ccc; MARGIN-RIGHT: 2px; 

}
DIV.black2 select{ height:33px; padding:0 10px; border:1px solid #DDD; margin-top:-1px}

.copy{text-align: center;padding:10px;color: #999;position:fixed; text-align:center; width:100%; bottom:0}