﻿/*基本*/
body{margin:0 auto;padding:0;color:#333;font-size:12px; font-family:"微软雅黑"; background-color:#f0f0f0;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
body > div{margin-right:auto;margin-left:auto; } 
body.login-index{ background: url(../images/login-pic.jpg) no-repeat;}
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
textarea{font-size:12px;resize:none;}
em{font-style:normal;}
i{padding:0 5px;}
.i-pd0 i{padding:0;}

img{vertical-align:middle;}

a{color:#000;text-decoration:none; transition:all 0.5s ; -webkit-transition:all 0.5s ;}
a:hover{color:#088043;text-decoration:none; background:none;}
a:active{background:none;}

.nl,.nl a,.nl a:hover,a.nl,a.nl:hover{text-decoration: none;}
.ul,.ul a,.ul a:hover,a.ul,a.ul:hover{text-decoration: underline;}

i.icon-new{ padding:0; position:relative; top:-5px;  background:#DF1216; width:8px; height:8px; display:inline-block; border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px;}
b.text-space{ font-weight: normal; margin:0 5px;}

.clear-i i{ padding:0;}

/*外壳*/
.index_980{width:980px; margin:0 auto;}
.bloack-fff{ background:#fff; box-shadow:0 1px 2px #AAAAAA;}
.wrapper-main{padding-bottom:10px; font-family:"微软雅黑"}
.wrapper-main .main-box{ width:100%;margin-top:10px;}
.wrapper-main .main-box-tt{width:100%;margin-top:10px; margin-bottom:-10px;}
.wrapper-main .main-box-left{margin-right:10px; float:left;}
.wrapper-main .main-box-right{float:left;}

/*width*/
.width-p50{ width:50% !important;}
.width-p100{ width:100% !important;}
.width710{ width:710px !important;}
.width780{ width:780px !important;}
.width260{ width:260px !important;}
.width300{ width:300px !important;}
.width690{ width:680px !important;}
.width600{ width:600px !important;}
.width400{ width:400px !important;}
.width940{ width:940px !important;}

/*height*/
.height30{ height:30px;line-height:30px;}
.height50{ height:50px;line-height:50px;}
.l-height30{ line-height:30px;}

/*补位*/
.pd-l-10{padding-left:10px !important;}
.pd-l-30{padding-left:30px !important;}
.pd-r-20{padding-right:20px !important;}
.pd-b-15{ padding-bottom:15px !important;}
.pd-b-30{ padding-bottom:30px !important;}
.pd-b-10{ padding-bottom:10px !important;}
.mg-t-5{ margin-top:5px !important;}
.mg-t-10{ margin-top:10px !important;}
.mg-t-15{ margin-top:15px !important;}
.mg-t-30{ margin-top:30px !important;}
.mg-b-10{ margin-bottom:10px !important;}
.mg-b-15{ margin-bottom:15px !important;}
.mg-b-30{ margin-bottom:30px !important;}
.mg-l-30{ margin-left:30px !important;}
.mg-l-15{ margin-left:15px !important;}
.mg-l-10{ margin-left:10px !important;}
.mg-l-5{ margin-left:5px !important;}
.mg-r-5{ margin-right:5px !important;}
.mg-r-10{ margin-right:10px !important;}
.mg-r-15{ margin-right:15px !important;}
.mg-r-30{ margin-right:30px !important;}
.mg-tb-10{ margin-top:10px !important; margin-bottom:10px !important;}
.mg-tb-15{ margin-top:15px !important; margin-bottom:15px !important;}
.mg-tb-30{ margin-top:30px !important; margin-bottom:30px !important;}
.pd-t-10{ padding-top:10px !important; }
.pd-t-15{ padding-top:15px !important; }
.pd-t-30{ padding-top:30px !important; }
.pd-tb-5{ padding-top:5px !important; padding-bottom:5px !important;}
.pd-tb-15{ padding-top:15px !important; padding-bottom:15px !important;}
.pd-tb-30{ padding-top:30px !important; padding-bottom:30px !important;}
.pd-all1{ padding:3px 6px !important;}
.pd-all2{ padding:6px 10px !important;}
.pd-all3{ padding:0px 12px !important;}
.pd-all-10{ padding:10px !important;}
.pd-all-15{ padding:15px !important;}
.pd-all-20{ padding:20px !important;}
.pd-all-30{ padding:30px !important;}
.pd-all-40{ padding:40px !important;}
.clear-mp{ margin:0 !important; padding:0 !important;}
.clear-m-t{ margin-top:0 !important;}
.clear-r{  padding-right:0 !important; margin-right:0 !important;}
.clear-l{  padding-left:0 !important; margin-left:0 !important;}

.space-50{ height:50px; display:block;}
.space-40{ height:40px; display:block;}
.space-100{ height:100px; display:block;}

.remove-all{ border:none; background:none;}

/*链接样式*/
.green-a a{ color:#088043;}
.green-a a:hover{ color:#990000;}

.a-blue1{ color:#2A93C7;}
.a-blue1:hover{ color:#088043;}
.a-green{ color:#088043;}
.a-green:hover{ color:#990000;}
.a-orange2{ color:#E87C12;}
.a-orange2:hover{ color:#45506c;}
.a-red1{color:#990000;}
.a-red1:hover{ color:#088043; }
.a-huiaaa{color:#aaa;}
.a-huiaaa:hover,.a-huiaaa.active{ color:#088043; }
.a-bg-pic:hover{ background:#fff; border:1px solid #ddd;}

/*透明属性*/
.opa85{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:0.85; z-index:999;}

/*悬浮框*/
.fix-info{ position:fixed;background:#F0F9E7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:0.85;z-index:999;}

/*圆角样式*/
.radius0{ border-radius:9999px; -webkit-border-radius:9999px; -o-border-radius:9999px;}
.radius1{ border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px;}
.radius2{ border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;}
.radius3{ border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}

/*线框样式*/
.all-border1{ border:1px dashed #ccc; padding:2px 4px;}

/*字体类*/
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.font26{font-size:26px !important;}
.font32{font-size:32px !important;}
.weight700{ font-weight:700;}
.font-normal{ font-style:normal !important; font-weight:normal !important;}
/*段落缩进*/
.p-indent1 p{ text-indent:2em; margin-bottom:5px;}
/*上下特显字*/
.font-up-big{ font-family: Arial; font-size:40px; position:relative; top:10px;}

.T-black{ font-family:"黑体";}
.T-song{ font-family:"宋体";}
.T-Arial{ font-family:Arial;}

.td-font14 td{font-size:14px !important;}
.font12-bule{ color:#64B4DC; font-size:12px; border:1px solid #64B4DC; padding:0 2px; border-radius:3px; font-weight:normal;}
.font12-bule:hover{ background:#64b4dc; color:#fff !important;}
.font12-bule2{ font-size:12px; color:#64b4dc;}

.i-block{ display:inline-block;}
.text-clip{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.text-indent{ text-indent:2em;}

/*webkit 超过行数...*/
.textarea-clip{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.text-shadow0{ text-shadow: 0px 1px 0px #fff;}
.text-shadow1{ text-shadow: 1px 1px 2px #333;}
.text-shadow2{ text-shadow: 0px 1px 0px #777;}
.text-shadow3{ text-shadow: 1px 1px 0px #ccc;}

/*字体颜色*/
.text-green{ color:#088043 !important;}/*原:#488552*/
.text-green1{ color:#10a956 !important;}
.text-green2{ color:#b5e9bd !important;}
.text-green3{ color:#224a32 !important;}
.text-blue{ color:#64B4DC !important;}
.text-blue2{ color:#0772A8 !important;}
.text-blue3{color:#44506C !important;}
.text-red{ color:#990000 !important;}
.text-orange{ color:#E4C453 !important;}
.text-orange2{ color:#E87C12 !important;}
.text-huiaaa{ color:#aaa !important;}
.text-777{ color:#777 !important;}
.text-ddd{ color:#ddd !important;}
.text-fff{ color:#fff !important;}
.text-black{ color:#464646 !important;}


/*背景颜色*/
.bg-green{ background:#088043;}
.bg-green1{ background:#10a956;}
.bg-green2{ background:#b5e9bd;}
.bg-green3{ background:#224a32;}/*原:#3b503d*/
.bg-blue{background:#64B4DC;}
.bg-blue3{background:#44506C;}
.bg-black{background:#000;}
.bg-red{background:#990000;}
.bg-orange{ background:#E4C453;}
.bg-orange2{ background:#E87C12;}
.bg-orange3{ background:#D74A1B;}
.bg-hui1{ background:#f0f0f0;}
.bg-aaa{ background:#aaa;}
.bg-ccc{ background:#ccc;}
.bg-fff{ background:#fff;}
.bg-none{background:none !important;}

/*图片类*/
img.pic182{ width:182px; height:117px; margin-right:15px; border:1px solid #dddddd;}
img.pic120{ width:120px; height:120px;border:1px solid #dddddd;}
img.pic200{ width:200px; height:200px;border:1px solid #dddddd;}
img.pic108{ width:108px; height:108px;}
img.pic18{ width:18px; height:18px;}
img.pic30{ width:30px; height:30px;}
img.pic40{ width:40px; height:40px;}
img.pic48{ width:48px; height:48px;}
img.pic65{ width:65px; height:65px;}
img.pic88{ width:88px; height:88px;}
img.pic140x90{ width:140px; height:90px;}
img.sm-logo{width:60px; height:40px;}
img.yuan{border:1px solid #088043; border-radius:200px; -moz-border-radius:200px; -ms-border-radius:200px; -o-border-radius:200px; -webkit-border-radius:200px;}

/*边框类*/
.border1,.border-1{border:1px solid #dddddd;}
.border3,.border-3{border:1px solid #44506c;}

.border-top{ border-top:1px solid #aaa}
.border-bottom{ border-bottom:1px solid #aaa;}

.border-s{ border-style: solid;}
.border-d{ border-style: dashed;}

.border-green{ border-color:#088043;}
.border-blue3{ border-color:#44506c;}
.border-huiaaa{ border-color:#aaa;}
.border-ccc{ border-color:#ccc;}
.border-eee{ border-color:#eee;}

.border-radius-max{ border-radius:999px; -moz-border-radius:999px; -ms-border-radius:999px; -o-border-radius:999px; -webkit-border-radius:999px; }
.border-radius-4{ border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; }
.border-radius-8{ border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; }
.border-radius-12{ border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px; }

/*图片组*/
.pic-group{ position:relative;}
.pic-group a{ position: absolute; right:0; bottom:18px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:0; z-index:999;}
.pic-group:hover a{opacity:0.45;}
.pic-group a:hover{opacity:1;}

/*button样式*/
.more{ color:#088043; margin-top:5px; height:26px; line-height:26px; width:100%; float:left;}
.more a{ padding:0 3px; color:#088043;}
.more span{ float:right;}
.more span:hover{ color:#990000;}

.btn-blue2{ padding:2px 4px; border:1px solid #ccc; color:#267FAC; border-radius:4px; line-height:26px;}
.btn-blue2:hover{ color:#fff; background:#267FAC;border:1px solid #267FAC;}
.btn-green{ background:#088043; color:#fff;}
.btn-green:hover{ background:none;color:#088043; border:1px solid #088043;}
.btn-ghost{ border:1px solid #eee; background:none; color:#eee;  }
.btn-ghost:hover{ background:#eee;color:#aaa;filter:chroma(color=#aaa);  }

/*下拉样式*/
.change-list{ border:1px solid transparent; position:relative;position:absolute;display:flex; display:-webkit-flex; flex-direction:column; height:2em; line-height:2em;  overflow:hidden; background:#fff; transition: all .5s ,transform .5s; -webkit-transition: all .5s ,-webkit-transform .5s;  }
.change-list.open{  height:10.5em; box-shadow:0 2px 6px rgba(0,0,0,0.4); border-color:#088043; z-index:9;}
.change-list li{   cursor:pointer; flex:0 0 auto; padding-right:10px;}
.change-list li.active{ order:-1;}
.change-list li.active:after{ padding-left:10px; color:#64B4DC; content: "\f0d7";display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.change-list li:hover{ color:#088043;}

.open-list{ position:relative; z-index:9; }
.open-list ul{ width:100%; background:#fff; position:absolute; top:10px; height:0;transition: all .5s ,transform .5s; -webkit-transition: all .5s ,-webkit-transform .5s; overflow:hidden; line-height:2em; border:1px solid transparent;}
.open-list ul b{ display:inline-block; width:20px;}
.open-list:hover ul{ height:auto; border-color:#088043;  box-shadow:0 2px 6px rgba(0,0,0,0.4); }
.open-list ul a,.open-list > a{ color:#777;}
.open-list ul a:hover,.open-list:hover > a{ color:#088043;}

/*通用nav列表*/
.list-style1 li{ list-style: inside disc ;}
.nav-list1 li{ padding:3px 6px; color:#777;}
.nav-list1 li.li-warning{ background:#f5f5f5 ; color:#990000; text-shadow:0 1px 0 #E7E7E7; border:1px solid #990000;}
.nav-list1 b,.nav-list1 i{ display:inline-block; width:20px; padding:0; text-align:left;}
.nav-list1 li:hover{ background:#f5f5f5; color:#088043;}
.text-list1 li{ margin-bottom:4px;}
.nav-list3 li:hover{ background:#E5EEF3; color:#44506C;}
/*通用行列表*/
.big-list > li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.mid-list > li{ padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.sma-list > li{ padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #ccc;}
/*浮动列表*/
.float-list li{ float:left; margin:0 7px;}
.float-l{ float:left !important;}
.float-r{ float:right !important; }

/*table*/
.table-no-border{ border:none !important}
.table-no-border td,.table-no-border th{ border:none !important;padding-top:0 !important;}
.em-float em{float:left !important; font-style:normal;}
.em-right1 em{ margin:0 7px !important;}

/*分割线*/
.bottom-d{border-bottom:1px dashed #aaa;}
.bottom-d-p10{ border-bottom:1px dashed #aaa; padding-top:10px; padding-bottom:10px;}
.top-b-bg1{ border-top:1px dashed #aaa; background:#f0f0f0; position:relative; top:15px;}
.top-b-bg1-no-p{position:inherit !important;}
.b-bottom-s{border-bottom:1px solid #aaa}
.comma span:not(:last-child):after{ content:"，";}

.tt-border-bottom{ border-bottom:1px solid #eee; padding-bottom:10px;}

/*箭头导航*/
.caret-nav{position:relative; left:-30px; height:29px; width:600px; border-left:1px solid #f8f8f8; box-shadow:1px 1px 2px #ccc;}
.caret-nav .caret-nav-shadow{ display: block; position:absolute;bottom:-8px; left:-1px; width:0; height:0; border-top:8px solid #c1cfd1; border-left: 15px solid transparent;}
.caret-nav .caret-nav-r{ color:#d9edf7; display:block; position:absolute; top:-24px; right:-110px; font-size:52px;}
.caret-nav .caret-nav-r i{ position:relative; }
.caret-nav .caret-nav-r i:nth-child(2){ left:-20px; top:-2px;}
.caret-nav .caret-nav-r i:nth-child(3){ left:-40px; top:-2px; color:#e9f0f5}
.caret-nav .caret-nav-r i:nth-child(4){ left:-60px; top:-2px; color:#f7fafb}

/*分页*/
.tab-page{ position:relative; height:inherit;}
.tab-page .tab-bottom-page{ position:absolute; bottom:0; left:0;}

/*表单验证*/
.check-icon{ z-index:999; position: absolute;width:26px; top:10px; right:23px ; font-size:13px;}
.check-inf{ height:34px; line-height:34px;}
.check-inf .inf-yes{ margin-left:8px; color:#088043; padding-left:24px; background:url(../images/ico_yes.png) no-repeat center left; font-size:12px;}
.check-inf .inf-no{ margin-left:8px; color:#990000;padding-left:24px; background: url(../images/ico_no.png) no-repeat center left;font-size:12px;}
.info-yes,.check-yes{ display:block; height:0;}
.info-no,.check-no{ font-size:12px; color:#990000 ;}
.check-glyphicon{ right:-20px !important;}

/*薪资样式*/
.rmb-info{ color:#990000;}
.rmb-info b{  font-size:0.65em; border-radius:4px; color:#aaa; padding:1px 2px; margin-right:3px; font-weight:normal }
.rmb-info sup i{ color:#ED8A0D;}
.rmb-info sup:hover i{ color:#088043;}
.rmb-info i{  padding-right:0;}
.rmb-month b,.rmb-year b,.rmb-no b{ color:#990000; font-weight:normal;}
.rmb-month sup i,.rmb-year sup i,.rmb-no sup i{ color:#ED8A0D}
.rmb-month sup:hover i,.rmb-year sup:hover i,.rmb-no sup:hover i{ color:#088043}
.rmb-month b::after{ content:"/月" ; color:#B58A0A; font-size:0.75em;}
.rmb-year b::after{ content:"/年" ; color:#B58A0A;font-size:0.75em;}
.rmb-month.post-info b,.rmb-year.post-info b,.rmb-no.post-info b,.rmb-month.post-info b::after,.rmb-year.post-info b::after{ color:#fff !important;}

/*标签样式*/
.lable-2 span{ color:#088043; border: solid 1px #aaaaaa; border-radius:4px; font-size:12px; padding:0 5px; margin:5px 5px 0 0;float:left; display: inline-block; }
.lable-3{line-height:30px;margin-top:5px; overflow:hidden;}
.lable-3 span{ color:#088043; border: solid 1px #aaaaaa; border-radius:4px; font-size:12px; padding:0 5px; margin:0 5px 5px 0; float:left; display:block; height:26px; line-height:26px;}
.lable-3-aaa span{color:#aaa}
.lable-3-46 span{color:#464646;}

.span-label{ float:left; color:#777; margin:3px 7px 3px 0; padding:2px 4px; border:1px solid #E58213; display:inline-block;}
.span-label:hover{ color:#990000; border-color:#990000;}

.right-top-label{ border-bottom-left-radius:200px;  width:24px; height:24px; display:inline-block; position:absolute; right:0; top:0;}
.right-top-label em{ font-style:normal; position:relative;left:7px;top:-2px; font-size:12px;}

.label-span1 span:not(:last-child):after{ content:"，";}

/*环形条*/
.Proportion-pic{ text-align:center; color:#DFDFDF; font-size:22px; margin:10px 0; height:100px;}
.Proportion-pic i{ font-size:72px;}
.Proportion-pic span{position: relative;line-height:80px;width:80px; height:80px;display:inline-block;}
.Proportion-pic span b{ width:100px; height:100px; display:inline-block;  border:10px solid #DFDFDF; border-radius:200px; }
.Proportion-pic span em{width:100px; height:100px; display:inline-block;  border:10px solid #9fd8a9; border-radius:200px;  position: absolute; top:0; left:0;}
.Proportion-pic span em.p-pic-display75{clip:rect(25px 100px 100px 0px);}
.Proportion-pic strong{width:100px; height:100px; display:inline-block;  border:10px solid #a0daf7; border-radius:200px; line-height:80px; position: absolute; left:55px;}

/*地标进度条*/
.map-load .p1 b{ font-size:20px;}
.map-load .p2{position:relative; height:20px; margin-top:30px;}
.map-load .p2 em,
.map-load .p2 b{ display:inline-block; width:100%; height:20px; position:absolute; top:0; left:0; border-radius:100px;}
.map-load .p2 em{ background:#eee;}
.map-load .p2 b{border-bottom-right-radius:0; border-top-right-radius:0;}
.map-load .p2 b i{ position:absolute; top:-22px;right:-15px; text-shadow:2px 2px 5px #aaa; font-size:36px;}

/*星级等级*/
.xin{font-size:14px; color:#c5702b; float:right; margin-right:10px;}
.xin span{ margin:0 5px;}
.xin i{ margin:0; padding:0 1px;}
.xin2{font-size:12px; color:#c5702b; float:right; margin-right:15px;}
.xin2 .pic1{ width:10px; height:14px;}
.xin2 .pic2{ height:12px;}
.xin2 span{ margin:0 5px;}

/*checkbox-radio*/
.check-group{ cursor:pointer; }
.check-group input{ display: none;}
.check-group i{ background:url(../images/checkbox-group.png);width:20px; height:20px; display:inline-block; margin-right:5px; position:relative; top:3px;}

.r-xs i{ background-position:0px 0px;}
.check-group.r-xs:hover i{background-position:-20px 1px;}
.check-group.r-xs:active i,.check-group.r-xs.active i{background-position:-40px 1px;}

.c-xs i{ background-position:0px -112px;}
.check-group.c-xs:hover i{background-position:-20px -112px;}
.check-group.c-xs:active i,.check-group.c-xs.active i{background-position:-40px -112px;}

/*渐变 过度*/
.in-out0{
			-webkit-transition: all .25s ;
				 -o-transition: all .25s ;
					transition: all .25s ;
}
.in-out1{
			-webkit-transition: all .5s ;
				 -o-transition: all .5s ;
					transition: all .5s ;
}
.text-red-to-green{ animation:r-g 5s infinite;}
@keyframes r-g
{
0%  {color:#E87C12; }
50% {color:#088043;}
100%{color:#E87C12;}
}

@-webkit-keyframes r-g 
{
0%  {color:#E87C12; }
50% {color:#088043;}
100%{color:#E87C12;}
}

@keyframes s-t-b
{
0%  {font-size:1em;}
1% {font-size:1.5em;}
2%{font-size:1em;}
3%  {font-size:1em;}
4% {font-size:1.5em;}
5%{font-size:1em;}
100%{font-size:1em;}
}

@-webkit-keyframes s-t-b 
{
0%  {font-size:1em;}
1% {font-size:1.5em;}
2%{font-size:1em;}
3%  {font-size:1em;}
4% {font-size:1.5em;}
5%{font-size:1em;}
100%{font-size:1em;}
}
.sm-to-big{ animation: s-t-b 5s infinite;}


/*箭头180度切换*/
.caretClass i,
.caretClass.toggleSort i{ 
			-moz-transition: -moz-transform 0.3s ease;
		 -webkit-transition: -webkit-transform 0.3s ease;
			  -o-transition: -o-transform 0.3s ease;
				 transition: transform 0.3s ease;
}
.searche-r-top-item span:hover{ color:#fff;} 
.caretClass.toggleSort i{ 
		   -moz-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
		}
		
/*提示工具*/
.tooltip-danger div{ background:#f2dede; border-radius:6px; color:#a94442;}
.tooltip-warning div{ background:#fcf8e3; border-radius:6px; color:#8a6d3b;}
.tooltip-info div{ background:#d9edf7; border-radius:6px; color:#31708f;}
.tooltip-success div{ background:#dff0d8; border-radius:6px; color:#3c763d;}	

/*top*/
.webtop .logo-aera{ background:#fff; padding:15px 0;}
.webtop .logo-aera .badge{ background:#088043;font-weight:normal; }
.webtop .logo-aera .info{ color:#088043;}
.webtop .logo-aera .login{ font-size:14px; line-height:30px;}
.webtop .logo-aera .login div div{ display:inline-block; }
.webtop .logo-aera .login div span:not(:first-child):before{ content:"|"; padding:0 6px;}
.webtop .logo-aera .login div a.login-btn{ padding:3px 6px; background:#088043; color:#f0f0f0;}
.webtop .logo-aera .login div a.login-btn:hover{ background:#4DA05A;color:#fff}
.webtop .nav-job{background:#088043;}
.webtop .nav-et{background:#64B4DC;}
.webtop .nav{ font-size:16px;}
.webtop .nav > li > a{ color:#fff !important; border-radius:0; padding:15px 25px;}
.webtop .nav > li > a:hover{ color:#088043 !important; background:#d3f2e3;}
.webtop .nav > li.active > a{ color:#088043 !important; background:#bfe6d3; font-weight:700; }
.webtop .nav .et-login{ padding:0 10px;}
.webtop .nav .et-login > button{ position:relative; top:11px;}

/*position*/
.webtop .position{ margin-top:10px; font-size:14px;}
.webtop .position span,.webtop .position li{ display:inline-block;}
.webtop .position > li + li:before{ content:">"; padding:0 5px; font-weight:700;color:#464646;}
.webtop .position > li.active{ color:#088043;}

/*bottom*/
.webbottom .b-top{ padding:10px 0 20px 0;}
.webbottom .b-top .top-r a{ float:left; color:#777; margin-right:15px;}
.webbottom .b-top .top-r a:hover{ color:#088043;}
.webbottom .b-bottom{ background:#224a32; padding:35px 85px;}
.webbottom .b-bottom dt{ font-size:14px; color:#fff; line-height:12px; padding-bottom:12px; }
.webbottom .b-bottom dt small{ font-size:0.65em; font-weight:normal;}
.webbottom .b-bottom dd{ line-height:20px;}
.webbottom .b-bottom dd a{ color:#aaa;}
.webbottom .b-bottom .dt3{ font-size:38px; color:#f7f07d; padding:0;}
.webbottom .b-bottom .connect{ color:#fff; text-align:center;}
.webbottom .b-bottom .connect a{ color:#fff;}
.webbottom .b-bottom .connect .connect-1{ color:#ccc; font-size:14px;}
.webbottom .b-bottom .connect .connect-1 b{position:relative;  top:18px; font-weight:normal;}
.webbottom .b-bottom .connect .connect-1 span{ font-size:24px;}
.webbottom .b-bottom .connect .connect-1 .fa-comment{color:#b5e9bd; }
.webbottom .b-bottom .connect .connect-1 .fa-phone{ color:#088043; position:relative; left:5px; bottom:2px;}
.webbottom .b-bottom .connect .connect-2{font-size:21px;}
.webbottom .b-bottom .connect .connect-3 span{font-size:12px; margin-left:-5px;}
.webbottom .b-bottom .connect .connect-3 .fa-circle{color:#b5e9bd; }
.webbottom .b-bottom .connect .connect-3 .fa-envelope{color:#088043;position:relative; left:3px; bottom:1px; }
.webbottom .b-bottom .b-b-img{ background:#f0f0f0;padding:5px; color:#777; box-shadow:inset 0 2px 1px #777; border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px;}
.webbottom .b-bottom .b-b-img img{ width:120px; height:120px;}
.webbottom .b-bottom a{ color:#fff;}
.webbottom .b-bottom a:hover{ color:#b5e9bd;}
.webbottom .b-bottom .other-login { margin-left:-35px; }
.webbottom .b-bottom .other-login a { font-size:20px; width:36px; height:36px; background-color:#fff; margin-bottom:5px;}
.webbottom .b-bottom .other-login a.weibo { color:#E94144; border:1px solid #E94144; line-height:32px; }
.webbottom .b-bottom .other-login a.qq { color:#457cc1; border:1px solid #457cc1; line-height:32px; }
.webbottom .b-bottom .other-login a:hover { color:#088403; border-color:#b5e9bd; background-color:#b5e9bd; transition:all .5s; }

/*jq*/
.jq-text-clip{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:100%; }
/*二维展开*/
.open-left{ width:0; transition:  width .75s, transform .75s; -webkit-transition:  width .75s, -webkit-transform .75s;overflow:hidden;  }

/*兼职*/
.a-bg-blue3,.a-bg-blue3:link{ color:#fff;}
.a-bg-blue3:hover{ color:#b5e9bd;}
.part-time-index-nav{ display:flex; display:-webkit-flex; font-size:16px; text-align:right; }
.part-time-index-nav li{ flex:0 0 auto; margin-left:30px;}
.part-time-index-nav li a{ color:#777;}
.part-time-index-nav li a:hover{ color:#088043;}
.part-time-index-nav li.active a{color:#088043; font-weight:700;}

/*旧样式纠正*/
.modal-content > .panel { margin-bottom:0;}

/*宽屏*/
.width-1300 { }
.width-1300 .index_980 { max-width:1300px; width:100%; min-width:980px; line-height:1.6; }
.width-1300 .index-j-list { line-height:2;}

.width-1300 .carousel.index_980 { max-width:100%; }
.width-1300 .carousel.index_980 img { width:100%; height:290px;}
.btn-school { background-color:#839ed7; color:#fff !important; }
.btn-school:hover { background-color:#708CC7 }
.width-1300 .Post-rc-50 li { width:50%; }

.width-1300 .compnay { background:url(../images/compnay.jpg); height:70px; color:#fff; line-height:70px; font-size:28px; }
.width-1300 .compnay a {  padding:2px 6px;background-color:#088403; color:#fff; }
.width-1300 .compnay a:hover { background-color:#E94144; }

.width-1300 .article { background:url(../images/article-pic.jpg); height:70px; color:#fff; position:relative;}
.width-1300 .article .tit { position:absolute; left:15px; font-size:28px; line-height:1.4; }
.width-1300 .article .nav li a { color:#fff; font-size:14px;}
.width-1300 .article .nav li.active a { background-color:#088403}
.width-1300 .article .nav li:not(.active) a:hover { background-color:rgba(255,255,255,0.4)}

.width-1300 .article-pic li { margin-bottom:25px;}
.width-1300 .article-pic li img { width:140px;}

.width-1300 .hot-compnay ul { padding:0 60px;}
.width-1300 .hot-compnay ul li { margin-bottom:15px;}
.width-1300 .hot-compnay ul li a { color:#777; text-decoration:none; display:block; border:1px solid #fff; padding:15px 0;}
.width-1300 .hot-compnay ul li a img { width:140px; height:90px;}
.width-1300 .hot-compnay ul li a:hover { border-color:#088403}

.width-1300 .hot-compnay .carousel-control { width:60px; background:none; padding-top:5.6666666%; font-size:112px; color:#088403}

.width-1300 .nav-pic { margin:0; }
.width-1300 .nav-pic .table-cell { vertical-align:middle }
.width-1300 .nav-pic .table-cell img { height:120px;}
.width-1300 .nav-pic > a > div { transition:all 0.5s; -webkit-transition:all 0.5s;}
.width-1300 .nav-pic > a > div:hover { background-color:#BADF9C;}

.width-1300 .Post-rc li a { width:auto;}
.width-1300 .Post-rc li a:hover .wrapper { width:100%;}

.datetimepicker table tr td.dayin{
	position:relative;
	color:#d94141;
}
.datetimepicker table tr td.dayin:before{
	content:'';
	width:4px;
	height:4px;
	border-radius:50%;
	background:#d94141;
	position:absolute;
	top:27px;
	left:50%;
	margin-left:-2px;
}