@charset "utf-8";

body{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;}
input,textarea,select{outline:none;}
ul,ol{margin:0;padding:0;list-style:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}

.waiting, .waiting *{cursor:wait !important;}
.clear{display:block;clear:both}
.my-hidden{overflow:hidden;}
.my-hide{display:none;}
.c{text-align:center;}
.r{text-align:right;}
.b{font-weight:bold;}
.i{font-style:italic;}
.fl{display:block;float:left;}
.fr{display:block;float:right;}
.block{display:block;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
a.ellipsis, .ellipsis a, .self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.size16, .medium{font-size:medium;}
.size18, .large{font-size:large;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24, .x-large{font-size:x-large;}
.size28{font-size:28px;}
.h0{height:0;}
.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.pointer{cursor:pointer;}
.color-fff,.white{color:#fff;}
.color-f00,.red{color:#f00;}
.color-999{color:#999;}
.color-888{color:#888;}
.color-777{color:#777;}
.color-666{color:#666;}
.color-555{color:#555;}
.color-444{color:#444;}
.color-333{color:#333;}
.color-000,.black{color:#000;}
.color-29b{color:#29b;}

/*登录、注册、找回密码*/
.login{margin:0 auto;width:100%;max-width:520px;}
.login-container{margin:0 15px;}
.login-logo{margin:20px auto 10px;width:140px;height:140px;line-height:120px;border-radius:50%;background-color:#fff;border:10px solid #fff;}
.login-logo img{max-width:100%;max-height:100%;}
.login-title{margin-bottom:20px;color:#fff;}
.login h1{font-size:x-large;}
.login h2{font-size:large;}
.login-main{padding:2em;background-color:rgba(255,255,255,.85);}
.login-main h3{margin-top:0;}
.login-line{margin:1.5em 0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
.login-tip{display:none;padding:15px;border-radius:4px;}
.login-footer a{color:#333;}
@media(max-width:767px){
	.login h2 span{display:block;line-height:1.6;}
	.login-footer .footer-blank{display:block;clear:both;height:0;overflow:hidden;}
}

.footer{padding:20px 0;font-size:14px;line-height:24px;background:#ccc;}

.header{border-bottom:1px solid #ddd;padding-top:15px;padding-bottom:15px;}
.header .logo{height:60px;line-height:60px;}
.header .logo img{max-width:100%;max-height:100%;}
.header .web-title{padding-top:12px;font-size:x-large;}
.header-icons a{margin-right:18px;line-height:60px;}
@media(max-width:991px){
	.header .web-title{padding-top:16px;font-size:large;}
	.navbar-toggle{display:block;margin-right:5px;}
	.navbar-toggle:hover{background-color:#eee;}
	.nav-collapsed-btn .icon-bar{background:#10509c;}
}
@media(max-width:767px){
	.header .logo{height:40px;line-height:38px;}
	.header .web-title{padding-top:0;padding-left:0;font-size:medium;}
}

#wrapper{background-color:#fff;}
.nav-box{position:absolute;top:0;bottom:0;left:0;padding:20px 0;width:200px;background-color:#29b;}
.nav-box, .nav-box a{color:#fff;line-height:48px;text-decoration:none;}
#nav li{border-top:1px solid #3ac;}
#nav li:first-child{border-top:0;}
#nav li.last{margin-top:48px;}
#nav>li>a{padding-left:30px;}
#nav>li>a.on{color:#29b;background-color:#fff;}
#nav i.glyphicon{margin-right:10px;}
#nav dl{display:none;margin:10px 0;}
#nav dd a{padding-left:32px;line-height:2.5;}
#nav dd a:hover{color:#111;}
#nav dd a i.glyphicon{visibility:hidden;}
#nav dd a.on i.glyphicon{visibility:visible;}
.navmask{top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5); -webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:ease .5s;transition:ease .5s;}
.navmask.on{-webkit-transform:translateX(0);transform:translateX(0);}
.main-container{margin-left:220px;margin-right:20px;padding:20px 0 60px 0;}
.main-container img{max-width:100%;}
@media(max-width:991px){
	.nav-box{z-index:2;position:fixed;width:50%;min-width:200px;overflow:auto; -webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:ease .5s;transition:ease .5s;}
	.nav-box.on{-webkit-transform:translateX(0);transform:translateX(0);}
	.main-container{margin-left:20px;}
}
@media(max-width:767px){
	.main-container{margin-right:0;margin-left:0;}
}

.main-title{position:relative;margin-bottom:20px;font-size:large;line-height:48px;text-indent:12px;}
.main-title:before{position:absolute;display:block;top:14px;bottom:14px;left:0;border-left:3px solid #29b;content:"";}

.badge-table-responsive{border:0;}
.badge-table-responsive>.table>tbody>tr>td{padding:0 !important;border-top:0 !important;}

.pagebar{clear:both;padding:40px 0 20px;text-align:center;}
.pagebar a{display:inline-block;padding:0 8px;margin:0 3px;font-weight:bold;border:1px solid #ccc;line-height:24px;}
.pagebar .on, .pagebar a:hover{background-color:#f00;border-color:#c00;color:#fff}

.main-container img.zslogo{max-width:100px;max-height:100px;}
.my-table>tbody>tr>td{vertical-align:middle;}
