
.center{ padding:140px 0 50px; }

.self{ background:#f5f5f5; padding:50px 0;}
.selfleft{ float:left; width:250px; background:#fff; border:1px solid #eee;}
.selfleic{ display:block; padding-left:30px; color:#003c83; font-size:16px; background:url(../images/selfleic.png) no-repeat 10px center; position:relative; font-weight:bold; z-index:2; }
.selfleft li{ line-height:50px; border-bottom:1px solid #eee; }
.selfleft dd{ height:50px; line-height:50px; border-top:1px solid #fff;}
.selfleft a{ display:block; font-size:14px; padding-left:20px; color:#555;}
.selfleft a:hover,.selfleft a.selfleonc{ background:#003c83; color:#fff;}
.selfleft i{ display:inline-block; width:20px; height:50px; vertical-align:top;margin-right:5px; }
.selfleft a i.icon_center_1{background:url(../images/center-icon-01.png) no-repeat center center/15px auto;}
.selfleft a i.icon_center_2{background:url(../images/center-icon-02.png) no-repeat center center/15px auto;}
.selfleft a i.icon_center_3{background:url(../images/center-icon-03.png) no-repeat center center/15px auto;}
.selfleft a i.icon_center_4{background:url(../images/center-icon-04.png) no-repeat center center/15px auto;}
.selfleft a i.icon_center_5{background:url(../images/center-icon-05.png) no-repeat center center/20px auto;}
.selfleft a i.icon_center_6{background:url(../images/center-icon-06.png) no-repeat center center/15px auto;}
.selfleft a i.icon_center_7{background:url(../images/center-icon-07.png) no-repeat center center/15px auto;}

.selfleft li:last-child a{ text-align:center; padding-left:0; background:#ddd; }
.selfleft li:last-child a:hover{color:#333;}

.selfright{ float:right; width:930px;padding-bottom:25px; background:#fff; border:1px solid #f5f5f5;}
.selfbread{ display:block; padding-left:22px; height:50px; line-height:50px; color:#000; border-bottom:1px solid #eee; position:relative; z-index:2;font-size:16px;}

.selfbread a{ margin:0 10px; color:#003c83;}
.selfbread b{ margin:0 10px; font-weight:normal;}

.selfalma{ padding:30px; font-size:14px;}
.selfbase li{ padding:10px 0 10px;color:#555; line-height:45px; }
.selfbase span.selfbasetl{ display:inline-block; line-height:45px; vertical-align:top; width:100px; text-align:right; margin-right:5px;}

.selfbasetl_img{display:inline-block; width:86px; height:86px; overflow:hidden;}
.selfbasetlimg{ display:inline-block; width:86px; height:auto; min-height:100%;}
.sebaedred{ color:#cc0000; padding:0 5px;}
.sebaedredico{ display:inline-block; width:30px; height:30px; background:url(../images/sebaedredico.png) no-repeat center center; vertical-align:top;}

.selfbaseedtio{ display:inline-block; height:45px; line-height:45px; text-align:center; width:120px;margin-top:15px; border-radius:5px; background:#003c83; color:#fff; font-size:16px;}
.selfbaseedtio:hover{ color:#fff;}

.selfvaedti{ width:390px; padding:0 5px; border:1px solid #eee; height:45px;font-size:14px;}

.selfbachekbi{ display:inline-block;}
.selfbachekbi label{ margin-right:15px;}
.selfbachekbi label input[type="checkbox"]{ display:inline-block; vertical-align:top; margin:10px 5px 0 0;}

.selfbasetlimged{ display:inline-block; width:86px; height:86px; background:url(../images/selfbasetlimged.jpg) no-repeat center center; position:relative; cursor:pointer;}
.selfbasetlimged i{ font-style:inherit; background:url(../images/equimgsbg.png); height:24px; line-height:24px; bottom:0; left:0; position:absolute; color:#fff; width:100%; text-align:center;}
.selfbasetlimgedup{ display:none;}

/* 会议室预约 */
.roomlist{ width:100%; height:auto; overflow:hidden; padding:0 20px 20px; }
.pers_date{ padding:15px 0;border-bottom:1px solid #eee; margin-bottom:10px; }
.search_num{ float:right; line-height:30px; color:#666;margin-top:20px; }
.search_num span{ font-weight:bold; color:#003c83; }
.pro_datetime{ display:inline-block; width:180px; vertical-align: middle; height:32px; line-height:30px; border:1px solid #eee;font-size:14px;
	border-radius:5px; padding:0px 40px 0px 15px; background:url(../images/wdxb_date.png) no-repeat 98% 6px;}
.pro_dateto{ margin:0 10px; line-height:32px; vertical-align:middle;}

.pers_date .pro_dateque{ display:inline-block; vertical-align:middle; width:60px; line-height:30px; margin:0 15px;border:none;
	cursor: pointer;
	background:#003c83; border-radius:5px; text-align:center; color:#fff; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.pro_dateque:hover{color:#fff; }
.roomlist_ul{ width:910px; height:auto; }
.roomlist_ul>li{ display:block; width:283px; height:auto;margin:0 20px 20px 0; float:left;position: relative; }
.roomlist_ul li a{ display:block; width:100%; height:auto; border:1px solid #eee; }
.roomlist_pic{ display:block; width:100%; height:200px; overflow:hidden; background:#eee; }
.roomlist_pic img{ display:block; width:100%; height:auto; min-height:100%; }
.roomlist_ul li a:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);
	-o-transform:scale(1.2);}
.roomlist_tit{ height:40px; line-height:40px; overflow:hidden;padding:0 10px; font-size:16px;border-bottom:1px dashed #eee; }
.room_money{ float:right; color:#003c83; font-weight:normal; font-size:12px; }
.roomlist_des{ color:#666; padding:0 10px; line-height:20px; height:40px; overflow:hidden; margin:10px 0; }

.p_select_con{ width:100%; padding-left:80px; position:relative; overflow:hidden; }
.select_tit{ width:80px; height:45px; line-height:45px; position:absolute;left:0; top:0; text-align:right; font-size:14px; }
.select_right{ line-height:43px; border:none;height:43px; width:100%; outline:none; font-size:14px; }

/* 预约订单 */
.order_list{ width:100%; height:auto;}
.order_list li{ display:block; width:100%; height:auto; padding:20px 20px 20px 155px;  position:relative; color:#666; font-size:14px; border-bottom:1px solid #eee; }
.order_list li span{color:#000;}
.roomlistcon_pic{ display:block; width:120px; height:120px; position:absolute;left:20px; top:20px; background:#eee; }
.roomlistcon_pic img{ display:block; width:100%; height:auto; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); }
.roomlist_con{ width:100%; height:auto; min-height:80px; }

.order_table{ width:100%; border-collapse: collapse; text-align:center;}
.order_table,.order_table th,.order_table  td{ border:1px solid #eee; vertical-align:middle; }
.order_table th{ background:#eee; height:45px; }
.order_table  td{ padding:10px; font-size:13px; }
.usebtn{ font-size:12px; color:#003c83; margin:0 5px; }
/* 密码修改 */
.safe_password{ width:400px;margin:0 auto; padding:60px 0; }
.safe_password .login_input{border:1px solid #e8e8e8;}
.login_input {width: 100%;height: 55px;background: #fff;border-radius: 5px;
	margin-bottom: 20px;padding-left: 40px;position: relative;}
.login_input .icon_password {background: url(../images/icon_password.png) no-repeat center center/auto 27px;}
.login_input .icon_password2 {background: url(../images/icon_password2.png) no-repeat center center/auto 27px;}
.login_input .icon_password3 {background: url(../images/icon_password3.png) no-repeat center center/auto 27px;}
.login_input i {display: block;width: 40px;height: 55px;position: absolute;
	left: 0;top: 0;}
.login_input .input_con {width: 100%; height: 55px; border: none;
	background: none;display: inline-block;vertical-align: top;font-size:14px; outline:none;}
.login_btn {display: block;width: 100%;height: 55px;line-height: 55px;background: #003c83;color: #fff;border-radius: 5px;text-align: center;
	font-size: 18px; letter-spacing: 3px;}
.login_btn:hover{color:#fff;}

/* 下载中心 */
.download{ width:100%; height:auto; min-height:390px; }
.chair-li{ width:100%; height:auto; }
.chair-li li,.chair-li li a{ display:block; width:100%; height:50px; line-height:50px; }
.chair-li li{ border-bottom:1px dashed #eee;}
.icon-caret-right{ display:block; width:10px; height:50px; background:url(../images/icon_download.png) no-repeat center center/10px auto; position:absolute;left:20px; top:0; }
.chair-li li a{font-size:14px; padding:0 60px 0 50px; position:relative;}
.chair-li li a:hover{color:#003c83;}
.icon_xz{ display:block; width:30px; height:50px; background:url(../images/icon_xiazai.png) no-repeat center center/25px auto; position:absolute;right:15px; top:0; }

/* 微信推送 */
.selfbullst{ padding:0 20px 10px; }
.selfbullst li{ margin:10px 0 15px; font-size:14px; background:#fafafa; padding:5px 15px; box-shadow:0 4px 3px #eee;}
.selfbullst li a{ display:block; padding:10px 0; }
.selfbulltil{ width:100%; height:32px; line-height:32px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap; cursor:pointer; font-size:14px;}
.selfbulltil span{ float:right; background:#ccc; display:inline-block; vertical-align:middle; width:12px; height:12px; margin-top:10px; border-radius:6px;}
.selfbulltex{ color:#666; font-size:12px;}
.selfbullst li:hover span{ background:#003c83;}

.pushlist_con{ width:100%; height:auto; padding:10px 20px 30px; }
.pushlist_tit{ text-align:center; padding:15px 0; border-bottom:1px dashed #eee; font-weight:bold; font-size:16px;margin-bottom:20px; }
.pushlist_tit .pushlist_des{ font-weight:normal; font-size:14px; color:#999; }


.notice_ul li a{ padding-right:20px; }
.indedsele{
	display: inline-block;
	width: 120px;
	vertical-align: middle;
	height: 32px;
	line-height: 30px;
	border: 1px solid #eee;
	font-size: 14px;
	border-radius: 5px;
	padding: 0px 15px 0px 15px;
	outline: none;
}

.time_listBox{
	position: absolute;
	top:10px;
	left: 50%;
	transform: translate(-50%,0);
	width: 250px;
	height: 180px;
	background: rgba(0,60,131,0.8);
	color:#fff;
	/*border-radius: 5px;*/
	text-align: center;
	line-height: 24px;
	padding:10px 0;
	transition: all 0.3s;
	opacity: 0;
}
.time_listUl{
	margin-top: 10px;
	font-size: 12px;
}
.time_listBox li{
	width: 100%;
}
.roomlist_ul>li:hover .time_listBox{
	opacity: 1;
}