a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;font-size:100%;background:0 0;text-decoration:none}
a{text-decoration:none;color:#A0513C}
body{font-family:tahoma,"microsoft yahei","\5FAE\8F6F\96C5\9ED1"!important}
.clear{clear:both;height:0;content:"";width:100%;line-height:0}
img{border:none}
li,ul{list-style:none;margin:0;padding:0}
.fl{float:left}
.fr{float:right}
.bg1{background:#F1F1F1;min-width: 1300px;}
body {background: url(../images/bg.jpg) #f5f7f6 top center fixed}
.w1160{width:1240px;margin:0 auto;overflow: hidden;}
.top{background:#F2F2F2;line-height:26px;font-size:12px;color:#7B7B7B;height: 26px;}
.top a{color:#7B7B7B;padding:0 10px}
.header{background:#fff;width:100%;overflow:hidden;padding:18px 0}
.logo{float:left;padding-top:5px;width:491px;height:52px}
.isearch{float:right;position:relative}
.isearchk{background:#fff;border:2px solid #fff;overflow:hidden}
.isearchk input[type=text]{background:#fff;width:460px;height:40px;line-height:40px;text-indent:10px;font-size:14px;background:0 0;border:0;float:left}
.isearch_btn{width:76px;text-align:center;color:#fff;float:left;height:40px;float:right}
.isearch_btn .iconfont{font-size:25px;line-height:40px}
.isearch_hot a{color:#909090;padding:0 5px}
.isearch_hot{font-size:12px;padding-top:5px;color:#BFBFBF}
.icon-sousuo{color:#fff}
.nav{background:#fff;width:100%}
.menu{width:100%;height:44px;float:left}
.menu_l{float:left;height:44px;width:305px;position:relative}
.menu_l .son{position:absolute;width:935px;min-height:263px;display:none;background:#fff;padding:10px 20px;left:305px;border:1px solid;box-shadow:0 3px 8px rgba(0,0,0,.2);top:0}
.menu_list{float:left;border-left:10px solid #fff;margin:0}
.menu_l .son>dl{width:100%;overflow:hidden;margin:0}
.menu_l .son>dl>dt{font-weight:700; width:100%;line-height:30px;margin-top:5px;font-size:15px}
.menu_l .son>dl>dd{float:left;padding:0;font-size:14px;line-height:32px;width:19%;height:32px; margin:5px 0.5%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;white-space:nowrap; background:#F0F0F0; color:#333; text-align:center; }
.menu_l .son>dl>dd a{color:#333}
.menu_l .son>dl>dd:hover{background:#21A67E; color:#fff!important }
.menu_l .son>dl>dd:hover a,.menu_l .son>dl>dd a:hover{ color:#fff!important }
.menu_list li{float:left;width: 147px;}
.menu_list li a{float:left;padding:0 26px;line-height:44px;color:#fff;font-size:16px;font-weight:700}
.menu_l ul>li>h3{font-size:14px;line-height:42px;margin:0;font-weight:700;padding:0 20px;cursor:pointer;display:block}
.menu_l>dl>dd{position:absolute;left:0;top:44px;z-index:9999;width:100%}
.menu_l>dl>dt{line-height:44px;text-align:left;color:#fff;text-indent:15px}
.menu_l>dl>dd>ul,.menu_l>dl>dd>ul>li{margin:0;padding:0}
.menu_l ul>li>h3 .iconfont{font-size:18px;padding-right:5px;line-height:42px;width: 225px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu_l ul>li>h3:after{content:"\e6a4";font-family:iconfont!important;font-size:14px;position: absolute;right:8px}
.menu_l ul>li:hover .son{display:block}
.menu_l ul>li>h3:hover:after{display:none}
.menu_l ul>li>h3:hover .iconfont{color:#fff}
.menu_l>dl>dd{padding-top:5px}
.footer{width:100%;margin-top:10px}
.copy{line-height:38px;text-align:center;width:100%;font-size:12px;color:#fff}
.footer .w1160{padding:25px 0;overflow:visible}
.footer_l_tit{border-bottom:1px solid #2E9B7A;width:100%;overflow:hidden;height:36px}
.footer_l_tit h3{float:left;font-weight:700;border-bottom:2px solid #fff;line-height:33px;font-size:16px;margin:0;color:#fff}
.footer_l_con{padding-top:15px}
.footer_l{float:left;width:440px;padding-bottom:20px}
.footer_l a{float:left;padding-right:10px;line-height:30px}
.footer_r{float:right;color:#fff}
.footer_r ul li{float:left;padding:20px 15px;text-align:center;line-height:24px;position:relative}
.footer_r ul li a{font-size:12px}
.footer_r ul li span{width:56px;height:56px;text-align:center;line-height:56px;border-radius:50%;border:2px solid;display:block}
.footer_r ul li span .iconfont{font-size:26px;color:#fff}
.footer_r ul li a:hover span{text-decoration:none;opacity:.5}
.footer_r ul li a:hover{text-decoration:none}
.footer_r ul li img{position:absolute;bottom:106px;left:-10px;display:none}
.footer_r ul li a:hover img{display:block}
.list_lh{height:140px;overflow:hidden;padding-left:5px;padding-top:5px}
#skin{float:right;margin:0;margin-top:5px}
#skin ul li{list-style:none;float:left;height:15px;width:15px;text-indent:-9999px;margin:0 2px;overflow:hidden;display:block;background-image:url(../images/them.gif)}
#skin_0{background-position:0 0}
#skin_1{background-position:-15px 0}
#skin_2{background-position:-30px 0}
#skin_3{background-position:-45px 0}
#skin_0.selected{background-position:0 15px}
#skin_1.selected{background-position:-15px 15px}
#skin_2.selected{background-position:-30px 15px}
#skin_3.selected{background-position:-45px 15px}
.banner{ margin-left:315px; width:610px; height:247px; overflow:hidden; float:left; margin-top:10px}
.w305{ width:303px}
.search-tblock{position:absolute;top:46px;left:0;width:462px;background:#fff;border:1px solid #ddd;border-top:0;font-size:14px;z-index:99}
.search-tblock ul li{line-height:30px;padding:5px 10px;border-bottom:1px solid #ddd}
.search-tblock ul{margin:0}
.search-tblock ul a{color:#666}
.search-tblock ul a:hover li{background:#eee}
.header,.header .w1160{overflow:visible}
.header{float:left}
.details-box{background-color:#000;filter:alpha(opacity=40);background-color:rgba(0,0,0,.4);position:fixed;width:100%;height:100%;z-index:99999;top:0;bottom:0}
.details{width:800px;position:relative;height:600px;padding:10px 25px 10px 25px;position:absolute;margin:auto;background:#fff;top:0;bottom:0;left:50%;z-index:2;color:#fff;margin-left:-525px}
.details-title-box{position:relative}
.details-title{width:600px;height:75px;float:left}
.details-title ul li{float:left;height:auto;width:600px;padding:10px 10px 10px 0;border:1px solid #fff;color:#333}
.icon-service{height:48px;width:48px;float:left;background:url(../images/icon-service.png) no-repeat}
.details-title ul li p{float:left;line-height:28px;width:500px;padding-left:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.details-title ul li em{float:left;line-height:14px;width:500px;font-size:12px;padding-left:10px;color:#bbb;white-space:nowrap;overflow:hidden}
.details-dot a{height:16px;width:16px;position:absolute;top:5px;right:-10px;background:url(../images/details-dot.png) center
		no-repeat}
.details-dot a:hover{height:16px;width:16px;position:absolute;top:5px;right:-10px;background:center no-repeat}
.details-int-title{width:100%;height:31px;float:left;background:url(../images/details-line.png) center
		repeat-x}
.details-int-title em{width:100px;height:31px;margin-left:auto;margin-right:auto;text-align:center;line-height:30px;background-color:#fff;color:#aaa;display:block}
.details-int{width:100%;height:auto;float:left;height:400px;overflow:auto}
.details-int p{width:100%;height:390px;padding:18px;text-align:left;line-height:30px;background-color:#fff;display:block;overflow-y:scroll}
.details-btn a{float:right;height:auto;margin-right:30px;padding:8px 20px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px}
.details-btn a:hover{float:right;height:auto;margin-right:30px;padding:8px 20px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px}
.details-col-btn a{float:right;height:auto;padding:8px 20px;margin-right:10px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px;background-color:#559fff}
.details-col-btn a:hover{float:right;height:auto;padding:8px 20px;margin-right:10px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px;background-color:#6eadff}
.details-mes-btn a{float:right;height:auto;padding:8px 20px;margin-right:10px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px;background-color:#fc9322}
.details-mes-btn a:hover{float:right;height:auto;padding:8px 20px;margin-right:10px;border-radius:50px;line-height:22px;white-space:normal;color:#fff;display:block;text-align:center;font-size:16px;background-color:#ffae56}
.details-mes{width:250px;height:600px;position:absolute;background:#f0f0f0;padding-top:15px;padding-left:10px;padding-right:10px;margin-top:auto;margin-bottom:auto;top:0;bottom:0;right:-250px;z-index:2;color:#fff}
.details-mes-title{width:100%;height:40px;float:left;border-bottom:1px solid #ddd}
.details-mes-title p{float:left;line-height:38px;padding-left:6px;padding-right:6px}
.details-mes-star{width:100%;height:auto;float:left;padding-top:20px;overflow:hidden}
.details-mes-star li{width:100%;height:auto;margin-top:5px;margin-bottom:5px;float:left;overflow:hidden}
.details-mes-star li p{width:100px;padding-top:1px;float:left;padding-left:10px}
.details-mes-star.iconfont{font-size:12px;padding-right:5px}
.details-mes-star li .iconfont{color:#ccc}
.details-mes-star a{color:#ccc;text-decoration:none}
.details-mes-star a:hover{color:#fc9322;text-decoration:none}
.details-mes-star a:link,.details-mes-star a:visited{color:#fc9322;text-decoration:none}
/* {text-decoration:none} */
.details-mes-star li .details-mes-select{color:#fc9322}
.details-mes-text{float:left;width:210px;min-height:180px;padding:5px;margin-left:10px;margin-top:8px;border:1px solid #ddd}
.details-mes-submit a{float:right;height:auto;padding:6px 15px;margin-top:10px;margin-right:10px;border-radius:4px;line-height:16px;white-space:normal;color:#fff;display:block;text-align:center}
.details-mes-submit a:hover{float:right;height:auto;padding:6px 15px;margin-top:10px;margin-right:10px;border-radius:4px;line-height:16px;white-space:normal;color:#fff;display:block;text-align:center}
.details-mes-dot a{height:16px;width:16px;position:absolute;top:15px;right:15px;background:url(../images/details-dot.png) center
		no-repeat}
.details-mes-dot a:hover{height:16px;width:16px;position:absolute;top:15px;right:15px;background:center no-repeat}
.w600{width:613px}
.menu_l ul>li.cur>.son{display:block}
.menu_l .son>dl>dt a{float:right;font-weight:100;line-height:22px}
.rootTitle {width: 100%;line-height: 44px;font-weight: 600;font-size: 16px;color: #ededed;padding-left: 25px}

.page .pagination{
	cursor: pointer;
	padding-left: 30px;
}
.page .pagination>li>a {
	color: #333;
}
.page .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0099FF;
    border-color: #0099FF;
}
.officeHall .qy_yybox_l dl dd {
  background: #1d4481;
}

.officeHall .qy_yybox_r a.qy_yybox_more {
  background: #0073c6;
}

.dataCenter .qy_yybox_l dl dd {
  background: #1d4481;
}

.dataCenter .qy_yybox_r a.qy_yybox_more {
  background: #2691E1;
}

.commonService .qy_yybox_l dl dd {
  background: #1d4481;
}
.commonService .qy_yybox_more {
  background: #1d4481;
}
.popularService .qy_yybox_more {
  background: #a94442;
}
.popularService .qy_yybox_l dl dd {
  background: #a94442;
}
i {
  font-style: normal;
}
 .quick-list ul li{
  position: relative;
}
.quick-list ul li .shoucang {
  position: absolute;
  width: 64px;
  height: 22px;
  right: 0;
  font-size: 12px;
  top: 10px;
  z-index: 99;
  display: none;
}
.sub-link-list ul li .shoucang {
  position: absolute;
  width: 64px;
  height: 22px;
  right: 0;
  font-size: 12px;
  top: 5px;
  z-index: 99;
  display: none;
}

.quick-list ul li .shoucang1 {
  position: absolute;
  width: 64px;
  height: 22px;
  right: 0;
  font-size: 12px;
  top: 5px;
  z-index: 99;
  display: none;
}
.internet {
  position: absolute;
  width: 16px;
  line-height: 16px;
  left: 50px;
  font-size: 12px;
  top: 16px;
  z-index: 99;
  color: #fff;
  border-radius: 50%;
  background-color: #ff7b21;
  text-align: center;
  /* display: none; */
}
.internet1 {
  position: absolute;
  width: 16px;
  line-height: 16px;
  left: 50px;
  font-size: 12px;
  top: 6px;
  z-index: 99;
  color: #fff;
  border-radius: 50%;
  background-color: #ff7b21;
  text-align: center;
  /* display: none; */
}
.quick-list ul li,
.sub-link-list ul li{
  position: relative;
  height: auto;
  display: inline-block;
}
/* .sub-col-list ul li {
  position: relative;
  height: 70px;
  display: inline-block;
} */
.sub-user-photo img {
  width: 100%;
  margin-top: -10px;
}
.layui-layer-content {
  color: #fff;
}
.fixed-footer {
  position: fixed;
  bottom: 0;
}
.getMoreList {
  min-height: 800px;
}
.searchMore {
  margin-right: 20px;
  line-height: 24px;
  color: #aaa;
  display: none;
}
.searchLess {
  margin-right: 20px;
  line-height: 24px;
  color: #aaa;
  display: none;
}
.db,
.dy,
.bookCount,
.mailCount,
.mailCount1,
.balance,
.course {
  cursor: pointer;
}
/* 首页加载层 */
.indexAdd {
  text-align: center;
  position: relative;
  top:0;
  width: 100%;
  display: none;
}
.indexAdd img{width:100%}
marquee {
visibility: hidden;
}
.indexAdd .iconfont {
  padding: 5px;
  line-height: 34px;
  width: 40px;
  height: 40px;
  border-radius: 150px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 30px;
  position: absolute;
  z-index: 9999;
  top: 20px;
  right: 20px;
  cursor: pointer
}
/* 顶部滚动新闻 */
/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  zoom: 1;
  width: 490px;
  font-size: 12px;
  line-height: 26px;
  height: 26px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.str_wrap a {
  font-size: 12px; padding-right:20px; color:#333
}
.str_wrap.str_active {
 color:#1d4481; text-decoration:underline
}

.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}

.str_move_clone {
  display: inline-block;
  display: inline;
  zoom: 1;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}

.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}

.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}
.feedback {
  position: relative;
}
.feedback .tips {
  position: absolute;
  top: 24px;
  right: 32px;
  z-index: 2;
  width: 312px;
  height: 68px;
  display: none;
  cursor: progress;
}
.feedback .tips img {
   width: 312px;
   height: 68px;
}
.feedback .tips .iconfont {
  line-height: 15px;
  width: 20px;
  height: 20px;
  border-radius: 75px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-top: 4px;
  position: absolute;
  z-index: 99;
  top: 10px;
  right: 24px;
  cursor: pointer;
}
.roleList {
  margin-left: 14px;
  margin-top: 10px;
  float: left;
  color: #aaa;
}
.roleList i{
  color: #666;
  font-weight: 700;
  margin-right: 5px;
}
.roleList span {
  margin: 0 4px;
}
.userInfoBox em {
  float: left;
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.sub-user-photo a {
  display: block;
  width: 100%;
  height: 100%;
}
dt.userPhoto a {
  display: block;
  width: 100%;
  height: 100%;
}
/* 顶部网络公告样式 */
.welcome .netPost {
  float: left;
  font-weight: 700;
  padding: 4px 5px 0 0;
  color: #F2F2F2
}
.green.active {
  color: #f00 !important;
  font-weight: 700;
}
/* 首页角色信息选择弹窗 */
#rolPop{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 19891015;
  display: none;
}
#bindPop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 19891015;
  display: none;
}
.rolPopContent,
.bindPopContent {
  width: 460px;
  height: 460px;
  background-color: #fcfdff;
  position: relative;
  left: 50%;
  top: 50%;
  transform:translateX(-50%) translateY(-50%);
  border-radius: 5px;
}
#rolPop .iconfont {
  font-size: 34px;
  color: #afafaf;
  position: absolute;
  right: 4px;
  top: 0;
  cursor: pointer;
}
#bindPop .iconfont {
  font-size: 34px;
  color: #afafaf;
  position: absolute;
  right: 4px;
  top: 0;
  cursor: pointer;
}
#rolPop .iconfont:hover {
  color: #333
}
.rolPopContent .tit,
.bindPopContent .tit {
  width: 80%;
  margin: 0 auto;
  padding-top: 40px;
}
.rolPopContent .tit h2,
.bindPopContent .tit h2{
  font-size: 28px;
  color: #000;
  line-height: 40px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.bindPopContent .tit h2 {
  font-size: 16px;
  font-weight: 700;
}
.rolPopContent .tit p,
.bindPopContent .tit p {
  font-size: 14px;
  color: #696969;
  line-height:26px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.rolPopContent .studentChose,
.rolPopContent .teacherChose {
  background-color: #fff;
  width: 80%;
  margin: 0 auto;
  padding: 20px 56px 0 40px;
  cursor: pointer;
  margin-top: 30px;
  border-radius: 4px;
  box-shadow: 0px 1px 10px rgba(194,210,245,0.3);
}
.rolPopContent .studentChose:hover,
.rolPopContent .teacherChose:hover {
  box-shadow: 0px 1px 10px rgba(194,210,245,0.8);
}
.rolPopContent .studentChose.active,
.rolPopContent .teacherChose.active {
   box-shadow: 0px 1px 10px rgba(194,210,245,0.8);

}
.rolPopContent .studentChose .choseC,
.rolPopContent .teacherChose .choseT {
  float: left;
}
.rolPopContent .studentChose img,
.rolPopContent .teacherChose img {
  float: right;
}
.studentChose p,
.teacherChose p {
  color: #202a34;
  font-size: 24px;
  line-height: 34px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.studentChose span,
.teacherChose span {
  color: #999;
  font-size: 16px;
  line-height: 34px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/* 首页绑定邮箱手机弹窗 */
#bindPop .form-control {
  height: 40px;
  border: 1px solid #ddd
}

#bindPop .input-group-addon {
  color: #214fdb;
  border:1px solid #ddd;
  border-left: none
}

.bindPopContent .input-group {
  width: 80%;
  margin: 20px auto;
}
#getPhoneCode,
#getMailCode {
  background-color: #fff;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
#inputPhoneCode,
#inputMailCode{
 position: relative;
}
#inputPhoneCode img,
#inputMailCode img{
  position: absolute;
  right: 5px;
  z-index: 9;
  top: 8px;
  display: none;
}
#inputPhoneCode input,
#inputMailCode input {
  border-radius: 4px;
}
#bindSubmit {
  display: block;
  width: 80%;
  margin: 30px auto;
  text-align: center;
  background-color: #214fdb;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/* 修改密码弹窗样式 */
#changePwPop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 19891015;
  display: none;
}
/* 未缴费弹窗样式 */
#stuUnpaid {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 19891016;
  display: none;
}
.changePwContent {
    width: 460px;
    height: 460px;
    background-color: #fcfdff;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 5px;
}
.changePwContent .tit {
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;
}
#changePwPop .iconfont {
  font-size: 34px;
  color: #afafaf;
  position: absolute;
  right: 4px;
  top: 0;
  cursor: pointer;
}

#changePwPop .iconfont:hover {
  color: #333
}
.changePwContent .tit h2{
  font-size: 28px;
  color: #000;
  line-height: 40px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.changePwContent .tit h2 {
  font-size: 16px;
  font-weight: 700;
}
.changePwContent .tit p{
  font-size: 14px;
  color: #696969;
  line-height:26px;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.changePwContent .input-group {
    width: 80%;
    margin: 20px auto;
}
.changePwContent .input-group i {
  color: #ff0000;
  position: absolute;
  top: 44px;
  left: 4px;
  display: none;
}
#changePwPop .form-control {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#changeSubmit {
  display: block;
  width: 80%;
  margin: 28px auto;
  text-align: center;
  background-color: #214fdb;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/* 站内信********************************** */
.webMail {
  width: 300px;
  position: fixed;
  right: -350px;
  bottom: 0;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.webMail_top {
  background-color: #098b65;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
  position: relative;
}

.webMail_close {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0px;
  text-align: center;
}

.webMail_close:hover {
  cursor: pointer;
}

.webMail_list {
  padding-bottom: 39px;
}

.webMail_list li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

.webMail_list li:hover {
  cursor: pointer;
}

.webMail_list li h3 {
  font-size: 14px;
  font-weight: 700;
  color: #098b65;
  margin-bottom: 10px;
}

.webMail_list li p span {
  font-size: 14px;
  color: #ccc;
}

.webMail_time {
  float: right;
}

.webMail_footer {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e4e4e4;
  text-align: right;
}

.webMail_footer a {
  display: inline-block;
  color: #000;
  margin: 0 5px;
}

.webMail_searchBox {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  vertical-align: top;
}

.webMail_searchBox select,
.webMail_searchBox input {
  width: 200px;
}

.webMail_searchBox span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
}

.webMail_searchBox a {
  height: 34px;
}

#webMailList td p {
  display: inline-block;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#webMailList td a {
  color: #098b65;
  margin: 0 5px;
}

#webMailList .alreadyRead {
  color: #a29999;
}

#message_title {
  text-align: center;
  margin-bottom: 20px;
}

#message_name,
#message_time {
  display: inline-block;
  font-size: 14px;
  color: #a29999;
  margin: 0 20px;
}

#message_content {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}
.badge {
  vertical-align: unset !important;
  padding: 2px 7px !important;
  background-color: red !important;
  margin-left: 5px;
}
/* 个人中心控制台 */
.todoBox{
     background-color: #fff;
    margin-bottom: 24px;
    float: right;
    width: 1005px;
}
.dbList {
  padding: 10px 10px 5px 10px;
}
.dbList li {
    float: left;
    position: relative;
    height: 80px;
    width: 246px;
    padding-left: 75px;
    margin-bottom: 10px;
}
  .dbList li:not(:last-child):not(:nth-child(4)):before {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 1px;
    background-color: #ececec;
  }
  .dbList li .iconfont {
    width: 44px;
    height: 44px;
    background: rgba(56, 132, 243, .15);
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    font-size: 28px;
    position: absolute;
    left: 13px;
    top: 18px;
  }
   .dbList li:first-child .iconfont {
    color: #3884F3;
    background-color: rgba(56, 132, 243, .15);
  }

  .dbList li:nth-child(2) .iconfont {
    color: #E7A441;
    background-color: rgba(231, 165, 64, .15);
  }

  .dbList li:nth-child(3) .iconfont {
    color: #68B980;
    background-color: rgba(104, 185, 128, .15);
  }

  .dbList li:nth-child(4) .iconfont {
    color: #239FE0;
    background-color: rgba(35, 159, 224, .15);
  }

  .dbList li:nth-child(5) .iconfont {
    color: #EF5160;
    background-color: rgba(239, 81, 96, .15);
  }

  .dbList li:nth-child(6) .iconfont {
    color: #8F7EEE;
    background-color: rgba(143, 126, 238, .15);
  }
  .dbList li:nth-child(7) .iconfont {
    color: #E7A441;
    background-color: rgba(231, 165, 64, .15);
  }

  .dbList li h4 {
    color: #262626;
    font-weight: 700;
      font-size: 14px;
    line-height: 24px;
    margin-top: 17px;
  }
.dbList li p {
    color: #8C8C8C;
  }

  .dbList li p b {
    color: #262626;
    font-weight: 400;
    font-size: 20px;
    padding-right: 5px;
    cursor: pointer;
  }