*{padding:0;margin:0;font-size:14px;}
body{background-color:#fff;}
p{line-height:30px;margin-top:5px;margin-bottom:10px;text-indent:30px;font-size:16px;}
a{color:inherit;font-size:inherit;text-decoration:none;}
a i{margin-right:3px;}
li{list-style:none} 
sup{font-size:9px;color:#fff;background:#ed4014;border-radius:5px;padding:1px 3px;}
label{padding:5px 10px 5px 0;}
b{font-weight:bold;font-size:inherit;color:inherit;}

h1{font-size:24px;margin:30px;text-align:center;}
h2{font-size:20px;margin:25px;text-align:center;}
h3{font-size:18px;margin:20px;text-align:center;}
h4{font-size:16px;margin:15px;text-align:center;}
h5{font-size:14px;margin:10px;text-align:center;}

table{width:100%;margin:10px auto;padding:0;border-collapse:collapse;border:1px solid #C0C0C0;}
tr{border:1px solid #C0C0C0;}
th,td{padding:8px;word-break:break-all;word-wrap:break-word;}
th{background-color:#eee;}

input,textarea,select{padding:5px 10px;border:1px solid #999;border-radius:5px;}
input:focus,textarea:focus{border:1px solid #ccc;background-color:#F5F5DC;}
input[type="submit"],input[type="reset"]{padding:5px 25px;background-color:#e8ebf5;font-weight:bold;text-align:center;border-radius:5px;}
input[type="radio"],input[type="checkbox"]{margin:5px;margin-right:0;padding:5px;padding-right:0;}
input.long{width:100%;}
.randimg{background:url('/include/authcode.php') no-repeat right center;} /*验证码*/

.pages{width:100%;margin:10px auto;padding:0;line-height:30px;clear:both;text-align:center;background-color:#eee;border-radius:5px;}
.pages span{float:left;padding:0 20px;background-color:#DCDCDC;border-radius:5px;font-weight:bold;}
.pages span:hover{background-color:#C0C0C0;}

.red{color:#FF4500;}
.orange{color:FF8C00;}
.gray{color:#A9A9A9;}
.green{color:#228B22;}
.blue{color:#1E5CB9;}

.pointer{cursor:pointer}
.mt5{margin-top:5px;}
.ml15{margin-left:15px;}
.fs9{font-size:9px;}
.block{display:block;}
.hidden{display:none;}

@media screen and (max-width:768px){
	table{border:0;}
	thead{display:none;}
	tr{display:block;margin-bottom:10px;border-bottom:2px solid #C0C0C0;}
	th{display:block;text-align:left;border-bottom:1px dotted #C0C0C0;}
	td{display:block;text-align:right;border-bottom:1px dotted #C0C0C0;}
	td:last-child{border-bottom:0;}
	td:before{content:attr(label);float:left;margin-right:5%;font-weight:bold;}
	
	p{text-indent:0;}
	img{margin:2%;padding:2%;width:90%;}
	.textarea-inherit{margin:2%;padding:2%;width:90%;overflow:auto;word-break:break-all;}
	input[type="text"],select{margin:2%;padding:2%;width:90%;}
	.pages select{width:auto;}
}

/* nav */
.nav{position:absolute;top:0;left:0;bottom:0;width:220px;background:#34619d;z-index:2;}
.nav .logo{height:50px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;}
.nav .logo img{float:left;width:40px;height:40px;margin:5px 10px;}
.nav .logo span{float:left;font-size:16px;font-weight:bold;line-height:50px;}
.nav a{display:block;padding-left:20px;line-height:46px;height:46px;color:#ABB1B7;overflow:hidden;}
.nav a span{margin-left:30px;}
.nav-item{position:relative;}
.nav-item .nav-show{border-bottom:none;}
.nav-item ul{display:none;background:rgba(0,0,0,.1);}
.nav-item.nav-show ul{display:block;}
.nav .nav-icon{font-size:20px;position:absolute;margin-left:-1px;}
.nav-more{float:right;margin-top:15px;margin-right:20px;font-size:12px;transition:transform .3s;}
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color:#FFF;background:rgba(0,0,0,.1);}
.nav-item li:hover a{color:#FFF;background:rgba(0,0,0,.1);}
@media screen and (max-width:768px){
	.nav{width:60px;}
	.nav .logo span{display:none;}
	.nav .nav-item i{line-height:46px;}
	.nav .nav-item>a span{display:none;}
	.nav .nav-more{margin-right:-20px;}
	.nav .nav-item ul{position:absolute;top:0px;left:60px;width:180px;z-index:99;background:#34619d;border-left:1px solid #2f578d;overflow:hidden;}
}

.top{position:absolute;left:221px;top:0;right:0;height:50px;background-color:#e1dfde;border-bottom:1px solid #c6c6c6;}
.top .title{float:left;line-height:50px;padding-left:5px;font-size:18px;font-weight:bold;color:#5d5d5e;}
.top .title i{margin-left:5px;margin-right:5px;}
.top .board{position:absolute;right:10px;color:#5d5d5e;font-size:16px;cursor:pointer;z-index:10;}
.top .board div{min-width:100px;line-height:30px;background:#c6c6c6;border-radius:5px;text-align:center;margin-top:10px;}
.top .board div:hover{background:#9c9c9c;border-radius:5px 5px 0 0;}
.top .board .active{background:#9c9c9c;border-radius:5px 5px 0 0;}
.top .board div i{margin:0 10px;}
.top .board ul{position:absolute;top:40px;left:0;padding:7px 0;border-radius:0 0 5px 5px;background:#c6c6c6;display:none;z-index:3;}
.top .board li{font-size:14px;line-height:30px;text-align:left;text-indent:5px;}
.top .board li:hover{background:#ccc;}
.top .board li i{margin-right:10px;}
.top .board li a{display:block;}
.top .board li hr{margin:8px 0;}

.content{position:absolute;top:52px;right:0;bottom:0;left:221px;padding:15px;overflow:auto;overflow-x:scroll;z-index:1;}
.content a{text-decoration:underline;}

@media screen and (max-width:768px){
	.top{left:60px;}
	.content{left:60px;}
}

/*修改密码专用样式*/
#level{clear:both;position:relative;margin:5px 0;width:180px;height:15px;} 
.pw-bar{background:url(../images/pwd-1.png) no-repeat;position:relative;top:1px;height:14px;overflow:hidden;width:179px;} 
.pw-bar-on{background:url(../images/pwd-2.png) no-repeat;width:0px;height:14px;position:absolute;top:1px;left:2px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;} 
.pw-default .pw-bar-on{width:0px;}
.pw-weak .pw-bar-on{width:60px;}
.pw-medium .pw-bar-on{width:120px;} 
.pw-strong .pw-bar-on{width:179px;} 

/*研讨室预约专用样式*/
.week-title{display:inherit;margin:5px;}
.day-title{display:none;margin:5px;}
.rm-main{border:1px solid #ddd;}
.rm-main th{background-color:#E0EEEE;}
.rm-main td{vertical-align:top;text-align:center;}
.rm-main td.highlight{background-color:#EEE9BF;}
.rm-show{color:#1E5CB9;}
.rm-list{width:100%;background:#6fa7df;line-height:24px;border-radius:5px;margin-bottom:5px;}
.rm-list span{display:block;width:100%;line-height:30px;font-size:16px;font-weight:bold;color:#ffffff;background:#3973bc;}
.rm-list.gray{background:#eee;}
.rm-list.gray span{color:#666;background:#ccc;}
.rm-close{width:100%;line-height:30px;font-size:16px;color:#666;background:#ccc;border-radius:5px;}
.rm-add a{display:block;width:100%;line-height:30px;color:#FF8C00;background:#eee;border-radius:5px;}
.rm-add:hover a{background:#ccc;color:#FF4500;}
@media screen and (max-width:768px){
	.week-title{display:none;}
	.day-title{display:inherit;}
	.rm-main td{display:none;}
	.rm-main td.theday{display:block;}
}

/*时间面板*/
.time-panel{width:100%;text-align:center;}
.time-legend{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;display:flex;flex-direction:row;justify-content:space-between;margin:5px 0;padding:5px;}
.time-legend .legend-item{display:flex;}
.time-legend .legend-img{width:19px;height:19px;border-radius:3px;border:1px solid #ddd;margin-right:5px;}
.time-legend .legend-img.used{background:#fff;}
.time-legend .legend-img.disabled{background:#999;}
.time-legend .legend-img.checked{background:#7ed320;}
.time-legend .legend-text{color:#010101;line-height:22px;}
.time-slot{display:flex;flex-direction:row;flex-wrap:wrap;word-break:break-all;}
.time-slot .slot-item{width:50px;height:50px;line-height:50px;margin:5px;border:1px solid #ddd;border-radius:6px;text-align:center;color:#010101;cursor:pointer;}
.time-slot .slot-item.checked {color:#010101;background:#7ed320;}
.time-slot .slot-item.disable{color:#010101;background:#999;}
.time-reset{font-weight:bold;background:#ff8c00;}
@media screen and (max-width:768px){
	.time-slot .slot-item{width:20%;margin:2%;}
}

/*IE浏览器专用样式定义*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/*修正IE不支持flex布局*/
	.time-slot{width:100%;display:inline;}
	.time-slot .slot-item{float:left;}
}