/*
* @ description: 基础样式+公用样式，每个页面必须引用
* @ author:liaoym
* @ update:liaoym(2017-10-11)
*/

/*=============================================================== base CSS ===============================================================*/
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
img {vertical-align:bottom;clear: both;}
input{outline: none;}
input[type=submit],botton,input[type=botton]{cursor: pointer;}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #dfdfdf;
	/*很关键：将默认的select选择框样式清除
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;*/
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("../images/icon_arror_down.png") no-repeat scroll right 11px top 18px transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
	outline:none;
}

/* 设置提示文字颜色 */
::-webkit-input-placeholder {
	color: #838383;
}
:-moz-placeholder {
	color: #838383;
}
.placeholder {
	color: #ccc;
}

/* 设置滚动条的样式 */
/*::-webkit-scrollbar {
    width: 12px;
}*/
/* 滚动槽*/
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}*/ 
/* 滚动条滑块 */
/*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    //-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}*/
/*::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}*/

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/***S important***/
html{width:100%;}
body{min-height:600px;padding-top:68px;line-height:1;font:12px "microsoft yahei", "微软雅黑",Tahoma, Arial, Helvetica, Sans-serif;color:#666;}
input,select,textarea{font-family:"microsoft yahei", "微软雅黑",Tahoma, Arial, Helvetica, Sans-serif; }
/*input,select,textarea{font-family:"Tahoma", "\5B8B\4F53",Tahoma, Arial, Helvetica, Sans-serif; }*/
a{color:#fff;text-decoration:none;outline:none;}
/*a:hover{color:#0ba0f4;}*/
a.c-mian:hover{opacity:0.8;filter:alpha(opacity=80)}
.ui-overflow-auto{float:left;width:100%;overflow-x:hidden;overflow-y: hidden}
input.placeholder{color:#999;}
/***E important***/

/*fonts*/
.fb{font-weight:bold}.fn{font-weight:normal}.ft0{font-size:0}.f18{font-size: 18px;}.f16{font-size: 16px;}.f14{font-size: 14px;}.f13{font-size: 13px;}.f15{font-size: 15px;}.f21{font-size: 21px;}.f24{font-size: 24px;}.f12{font-size: 12px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}
.t2{text-indent:2em}.lh150{line-height:1.5}.lh180{line-height:1.8}.lh200{line-height:2}
/*position*/
.pr{position:relative}.pa{position:absolute}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}.fr{float:right;display:inline}
.cb{clear:both}.cl{clear:left}.cr{clear:right}
.vm{vertical-align:middle}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.none{display:none}.hidden{visibility:hidden}.zoom{zoom:1}.bn{border: none;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.overflow-hidden{overflow:hidden;}
.display-b{display:block;}
.display-i{display:inline-block;}
.borderBox{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*margin 5~100px*/
.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}.m50{margin:50px}.m100{margin:100px}
.mt2{margin-top:2px}.mt3{margin-top:3px}.mt4{margin-top:4px}.mt5{margin-top:5px}.mt7{margin-top:7px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt13{margin-top:13px}.mt15{margin-top:15px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt73{margin-top:73px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mt115{margin-top:115px}.mt150{margin-top:150px}
.mr1{margin-right:1px}.mr3{margin-right:3px}.mr4{margin-right:4px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mr90{margin-right:90px}.mr100{margin-right:100px}
.mb3{margin-bottom:3px}.mb5{margin-bottom:5px}.mb7{margin-bottom:7px}.mb10{margin-bottom:10px}.mb12{margin-bottom:12px}.mb13{margin-bottom:13px}.mb15{margin-bottom:15px}.mb17{margin-bottom:17px}.mb20{margin-bottom:20px}.mb23{margin-bottom:23px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}.mb150{margin-bottom:150px}.mb245{margin-bottom:245px}
.ml4{margin-left:4px}.ml5{margin-left:5px}.ml7{margin-left:7px}.ml8{margin-left:8px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml28{margin-left:28px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml100{margin-left:100px} .ml150{margin-left:150px;}
/*padding 3~100px*/
.ph3{padding:0 3px;}.ph5{padding:0 5px;}.ph10{padding:0 10px;}.ph15{padding:0 15px;}.ph20{padding:0 20px;}.ph30{padding:0 30px;}.ph50{padding:0 50px;}.ph100{padding:0 100px;}
.pv3{padding:3px 0;}.pv5{padding:5px 0;}.pv10{padding:10px 0;}.pv15{padding:15px 0;}.pv20{padding:20px 0;}.pv30{padding:30px 0;}.pv50{padding:50px 0;}.pv100{padding:100px 0;}
.pt165{padding-top:165px;}.pt21{padding-top:21px;}.pt90{padding-top:90px;}.pb65{padding-bottom:65px;}  .pb50{padding-bottom:50px;} .pb40{padding-bottom:40px;}  .pb30{padding-bottom:30px;}.pb20{padding-bottom:20px;}.pb10{padding-bottom:10px;} .pt10{padding-top:10px;}.pt5{padding-top:5px;}
/*color*/
.gray{color:#999999;}
.blue{color:#004cb3;}
.green{color:#5faf63;}
.red{color:red;}
.orange{color: #ea5c08;}
.black{color: #333333;}
.white{color: #ffffff;}
.highline,
.highlight{color: #e9362a;}
.background-gray{background-color:#f4f4f4;}
.background-fff{background-color:#fff;}
.check{background-color:#0ba0f4;}
.c-666{color:#666;}
.c-999{color:#999;}
.c-mian{color:#0ba0f4;}
.c-fff{color:#fff;}
.c-333{color:#333;}
.c-00caa0{color:#00caa0;}
.c-ff5400{color:#ff5400;}
.bg-f1f6fa{background-color:#f1f6fa;}
.c-ff0101{color:#ff0101;}
.cWarning{color:#ff0101;}
.c-c1c1c1{color:#c1c1c1;}
.c-ff6f98{color:#ff6f98;}
.font-price{font-size: 30px;color: #52a905;}

/*---S other ---*/
.cu-df{cursor: default;}
/*---E other ---*/

/*--- elements 一些元素的样式，比如：按钮，图标，表单元素等 ---*/
/*sprite*/
.icon,
.btns,
.ie6_box li a{background-repeat: no-repeat;}

/*arrow 三角形*/
.triangle-down{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #fff;}

.btns-topCart:hover{width: 108px; border-color: #52a905;}
.btns-topCart em{display: none;}
.btns-topCart:hover em{display: inline;}
.btn-carts{display: inline-block;width: 94px;height: 27px;background-position: -83px -130px; vertical-align: middle;}
.btn-carts:hover{background-position: -83px -159px;}
/*form elements*/
.select{margin: 0;}
.select,
.texts,
.texts5,
.textm,
.textl,
.textarea{/*border: 1px solid #dcdcdc;*/padding: 4px;}
.texts,
.texts5,
.textm,
.textl{height: 14px;padding: 5px;}
.texts{width: 100px;}
.texts5{width: 150px;}
.textm{width: 200px;}
.textl{width: 300px;}
.textm.on {border: #e5383c 2px solid;}

.checkbox,
.radio{margin-right: 3px;vertical-align: middle;}
.textareas{width: 300px; height: 200px;}
.textaream{width: 450px; height: 300px;}
.textareal{width: 600px; height: 400px;}

/*=== icheck 美化的复选框 ===*/
.icheck{position: relative; display: inline-block; width: 16px;height: 16px;  cursor: pointer;}
.icheck:before{position: absolute;left: 0;top: 0;z-index: 9; content: ""; width: 100%;height: 100%; background: url(../images/icons_enterprise.png) no-repeat -326px 0; opacity: 1;}
.icheck .checkbox{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.icheck.on:before{background-position: -421px -282px;}

.icheck.size-xl{width: 26px;height: 26px;}
.icheck.size-xl:before{background-position: -232px -192px;}
.icheck.size-xl.on:before{background-position: -232px -224px;}

/*--other-*/

/*=============================================================== layout CSS ===============================================================*/
.w,
.ws{width:1200px;margin-left:auto;margin-right:auto;}

.header,
.mainner,
.footer,
.wf{width:100%; min-width:1200px;}
.warp{width: 100%}
.warp:after{content:"";display:block;height:0;clear:both;visibility:hidden}

/*box 列布局*/
.box{}
.box:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.box-bd:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.box-bd{display:block}
.heightAuto{height:auto;}

/*breadcrumb 面包屑*/
.breadcrumb a{color:#333;}
.breadcrumb a:hover{color:#0ba0f4;}
.breadcrumb .crumb-arrow{margin:0 7px;font-family: Simsun, sans-serif;font-size:15px;font-style:normal;color:#666;}
.breadcrumb span{color:#666;}




/*=============================================================== module CSS ===============================================================*/




/*IE低版本提示*/
.ie6_box{background:#ffffff;border:5px solid #000000;width:600px;height:350px;padding:30px;position:absolute;z-index:9999;top:50%;left:50%;margin-left:-300px; margin-top:-150px;}
.ie6_box h6{border-bottom:1px solid #d4d4d4;font-size:24px;padding-bottom:10px;}
.ie6_box p{height:70px;line-height:60px;}
.ie6_box li{float: left;}
.ie6_box li a{float: left; display:block;width:148px;background-position: 180px 180px;border:1px solid #ffffff;text-align:center; padding:120px 0px 20px 0px;}
.ie6_box li a:hover{border:1px solid #d4d4d4;}
.ie6_box .chrome{background-position:0px 0px;}
.ie6_box .safari{background-position:-150px 0px;}
.ie6_box .firefox{background-position:-300px 0px;}
.ie6_box .ie89{background-position:-450px 0px;}
.ie6_box span{text-align:center;display:inline-block;width:100%;margin-top:30px;}
/*mask，alert 遮罩层，弹出层*/
.mask{position:fixed;top:0;left:0;right:0;bottom:0;display:none;width:100%;height:100%;background-color:#000;z-index:999;opacity:0.4;filter:alpha(opacity=40);}
.alert{position:fixed;top:30%;left:50%;display:none;margin: 0 0 0 -207px; width: 418px;/*margin: 0 0 0 -250px; width: 500px;*/ background-color: #ffffff;border:1px solid #dfdfdf\9;box-shadow: 0 0 5px 2px rgba(0,0,0,.3);z-index:1000;border-radius: 8px;}
.alert .hd{height: 40px;line-height: 40px;padding-left:15px;background-color: #0ba0f4;font-size:14px;color: #ffffff;text-align: left;border-radius: 8px 8px 0 0;}
.alert .btn-close{position: absolute;top: 10px;right: 10px; padding: 3px;width: 16px;height: 16px; line-height: 0;}
.alert .btn-close .icon{display: inline-block; width: 17px;height: 17px; background: url(../img/arrows.png) no-repeat -55px 0; margin: 0;padding: 0;}
.alert .bd{padding: 5px;overflow-y: auto;font-size:14px;color:#333;text-align: center;}
.alert .bd .content{color:#5c7087;}
.alert .desc{padding: 44px;line-height: 22px;text-align: center;font-size: 14px;color: #ea5c08;}
.alert .action{padding: 10px 0;text-align: center;}
.alert .action .btns{margin: 0 20px;}
.alert .warning{padding: 10px 0 0 0;color: #ff0101;}
.alert .wrap-close{position:absolute;right:10px;top:8px;width:30px;height:30px;background:url(../images/icon_close_public.png) no-repeat;}
.alert-contacSet .btn-cancel{margin:23px 0 0 10px;background-color:#eeeeee;color:#999;}
/*freeData 编辑器内容样式*/
.freeData{line-height: 1.8;font-size: 14px;}
.freeData img{max-width: 100%;vertical-align: middle;border:none;}
/*tag 标签*/
.tag-title{display:inline-block;width:42px;height:18px;margin-left:15px;border:1px solid #0ba0f4;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;line-height:18px;text-align:center;font-size:15px;color:#0ba0f4;font-weight: normal;}


/*=============================================================== state CSS ===============================================================*/
/*--header--*/
/*.youpu-tnav{overflow: hidden;}*/
.youpu-tnav div{display:inline-block;vertical-align: top;}
.youpu-tnav .wrap-delivery-record{height:68px;}
.youpu-tnav .dropdown-menu{display:none;z-index:99;}
.youpu-tnav .fl{height:68px;overflow: hidden;}
.youpu-tnav .w{display:block;}
.youpu-tnav {position:fixed;top:0;width:100%;z-index:999;background-color:#0ba0f4;/* box-shadow: 0 0 4px 1px rgba(0,0,0,.08);-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);-moz-box-shadow:  0 0 4px 1px rgba(0,0,0,.2); */}
.youpu-tnav  .container{/* width:100%; */min-width:1000px;max-width:1200px;line-height:68px;background-color:#0ba0f4;}
.youpu-tnav  .container:after{content:'';width:0;height:0;clear:both;display:block;visibility: hidden;}
.youpu-tnav  .choose-city{margin-left:15px;}
.youpu-tnav  .suggest-city{margin-right:3px;font-size:18px;color:#333;}
.youpu-tnav .wrap-youpu-tnav li{float:left;height:68px;margin-left:40px;}
.youpu-tnav  .wrap-youpu-tnav li a{padding:0 24px;font-size:18px;color:#fff;border-bottom:2px solid transparent;}
.youpu-tnav  .wrap-youpu-tnav li.on a,.youpu-tnav .wrap-youpu-tnav li a:hover{height:65px;color:#fff;/*border-color: #fff;*/    border-bottom: 3px solid #00caa0;}
.youpu-tnav  .btn-change-city a{font-size:14px;color:#999;}
.youpu-tnav  .wrap-login,.youpu-tnav .wrap-register{width:84px;height:34px;margin-top:17px;line-height:34px;font-size:16px;color:#fff;text-align: center;}
.youpu-tnav  .warp-login-register a:hover{color:#fff;}
.youpu-tnav  .wrap-login{background-color:#0ba0f4;}
.youpu-tnav  .wrap-register{margin-left:10px;background-color:#00caa0;}
.youpu-tnav  .wrap-login,.youpu-tnav .wrap-register{background-color: transparent;border: 1px solid #fff;border-radius: 5px;height: 28px;line-height: 28px;}


/*2017、04、08修改*/
.youpu-tnav .wrap-form{display:none;}
.youpu-tnav .wrap-form.shown{display:inline-block;}
.youpu-tnav .wrap-search{position:relative;margin-right:40px;}
.youpu-tnav .warp-resume-delivery .wrap-search{margin-right:31.5px;}
.youpu-tnav .search-input{width:240px;height:46px;line-height:44px;padding:0 40px 0 10px;margin-top:11px;border:1px solid #ddd;font-size:16px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;}
.youpu-tnav .wrap-search .btn{position:absolute;right:3px;top:19px;width:30px;height:30px;border:none;background-color:transparent;background-image:url(../images/search_head.png);background-repeat:no-repeat;background-position:-18px 5px;font-size:0;}
.youpu-tnav .search-input:focus + .btn{background-position:-18px -26px;}

.youpu-tnav .index-resume.none{display:none;}

.youpu-tnav .dropdown-menu li.none.shown{display:block;}

.youpu-tnav .dropdown-menu .wrap-myResume ,.youpu-tnav .dropdown-menu .wrap-delivery-record{width:100%;}

.youpu-tnav .wrap-resume-index-entreprise a,
.youpu-tnav .wrap-resume-index-entreprise a:hover{color:#666;}
.youpu-tnav .wrap-resume-index-entreprise .dropdown-btn{margin-top:10px;padding-left:8.5px;vertical-align: middle;}
.youpu-tnav .wrap-resume-index-entreprise .dropdown-menu a:hover{color:#fff;}

	/*enterprise_header*/
.youpu-tnav-enterprise{background-color:#fff;height:68px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}
.youpu-tnav-enterprise .container{width:100%;background-color:#fff;}
.youpu-tnav-enterprise  .suggest-city{color:#333;}
.youpu-tnav-enterprise  .btn-change-city a{color:#333;}
.youpu-tnav-enterprise  .wrap-youpu-tnav li a{border:none;}
.youpu-tnav-enterprise  .wrap-youpu-tnav li.on a, .youpu-tnav-enterprise  .wrap-youpu-tnav  li a:hover,.youpu-tnav-enterprise .wrap-youpu-tnav li a{color:#333;}
.youpu-tnav-enterprise  .wrap-youpu-tnav li:hover,.youpu-tnav-enterprise  .wrap-youpu-tnav li.on{/*background-color:#0089e0;*/}
.warp-resume-delivery .separator{display:inline-block;width:1px;height:16px;background-color:#fff;vertical-align: middle;}
.warp-resume-delivery a,.warp-resume-delivery a:hover{font-size:15px;margin:0 17px;color:#333;}
.warp-resume-delivery .wrap-delivery-record a,.warp-resume-delivery .wrap-delivery-record a:hover{margin-right:0px;}
.youpu-tnav-enterprise .member-head,
.youpu-tnav-mycenter .member-head,
.youpu-tnav .wrap-resume-index .member-head,
.wrap-resume-index-personnel .member-head{position:relative;display:inline-block;width:38px;height:38px;padding:0 0 10px 30.5px;margin-top:10px;vertical-align: middle;-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;}
.youpu-tnav-enterprise .member-head img,
.youpu-tnav-mycenter .member-head img,
.youpu-tnav .wrap-resume-index .member-head img,
.wrap-resume-index-personnel .member-head img{-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;overflow: hidden;}
.youpu-tnav-enterprise .member-head .dropdown-btn{-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;}
.dropdown-menu{position:absolute;top:45px;left:-66px;width:122px;background-color:#fff;border:1px solid #dfdfdf\9;-webkit-box-shadow:0 0 4px #ddd;-moz-box-shadow:0 0 4px #ddd;box-shadow: 0 0 4px #ddd; }
.dropdown-menu li{height:32px;line-height:32px;}
.dropdown-menu a{display:inline-block;width:100%;margin:0;padding-left:30px;font-size:13px;color:#333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dropdown-menu li:hover,.dropdown-menu li:hover{background-color:#00caa0;}
.dropdown-menu li:hover a,.dropdown-menu li:hover a{margin:0;font-size:13px;color:#fff;}
.youpu-tnav .dropdown-btn{height:38px;padding-bottom:15px;/* overflow: hidden; */}
.youpu-tnav .dropdown-menu{left:30px;/*box-shadow: 0px 5px 26px #c1c1c1;*/}

/*header_mycenter.html*/
.youpu-tnav-mycenter,.youpu-tnav-mycenter .container{position:relative;z-index:999;background-color:#fff;}
.youpu-tnav-mycenter{position:fixed;}
.youpu-tnav-mycenter .warp-resume-delivery a,.youpu-tnav-mycenter .warp-resume-delivery a:hover{color:#666;}
.youpu-tnav-mycenter .wrap-delivery-record a{margin:0 0 0 17px;}
.youpu-tnav-mycenter  .dropdown-menu a{font-size:14px;}
.youpu-tnav-mycenter  .dropdown-menu a:hover{color:#fff;}
.youpu-tnav-mycenter .warp-resume-delivery .separator{background-color:#dfdfdf;}

/*header_enterprise.html*/
.youpu-tnav-enterAccount .wrap-youpu-tnav{margin-left:87px;}
.youpu-tnav-enterAccount .warp-resume-delivery a,.youpu-tnav-enterAccount .warp-resume-delivery a:hover{color:#fff;}
.youpu-tnav-enterAccount .member-head .dropdown-btn{margin-left:-22px;}
.youpu-tnav-enterAccount .dropdown-menu{top:64px;}
.youpu-tnav-enterAccount .dropdown-menu a{color:#666;}

.boxShadow{box-shadow: 0 0 4px 1px rgba(0,0,0,.08);-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);-moz-box-shadow:  0 0 4px 1px rgba(0,0,0,.08); }

/*首页企业、个人登录账户之后的样式*/
.wrap-resume-index a,
.wrap-resume-index a:hover,
.wrap-resume-index-personnel a,
.wrap-resume-index-personnel a:hover{color:#666;}
.wrap-resume-index .separator,.wrap-resume-index-personnel .separator{background-color:#dfdfdf;}
.wrap-resume-index .dropdown-menu{left:auto;right:-71px;top:64px;}


/*-logo-*/
.promise{float: left;overflow: hidden;}

.banner{min-width:1200px;height:79px;}


/*--footer--*/
.footer .copyright span{line-height: 48px;}
.footer .copyright .logo-bottom{margin-right: 20px;vertical-align: middle;}
.footer .copyright .site-links a{margin: 0 5px;}
.footer{position:relative;z-index:2;margin-top:39px;padding:25px 0;background-color:#0ba0f4;text-align: center;margin-bottom: -16px;}
.footer .container{display:inline-block;}
.footer ul,.footer .copyright{line-height:40px;text-align: center;}
.footer ul:after,.footer .copyright:after{content:'';width:0;height:0;display:block;clear:both;line-height:0;}
.footer li{float:left;margin-right:27px;font-size:13px;color:#fff;  transition: all 0.4s ease-in-out;}
.footer .li-erweima{position:relative;margin:0 15px 0 10px;}
.footer li .telephone-num{font-size:18px;}
.footer li span{display:inline-block;line-height:40px;vertical-align: top;}
.footer li a{color:#fff;}
.footer li.li-erweima a{color:#0089e0;}
.footer li a:hover{color:#fff;}
.footer li .app{margin:0 3px 0 -10px;vertical-align: -5px;}
.footer li .erweima{position:absolute;top:-225px;left:-84px;display:none; -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;}
.footer li .erweima a{color:#0089e0;}
.footer li.li-erweima .txt:after{content:'|';display:inline-block;margin-left:16px;width:1px;height:14px;color:#333;}
.footer .li-erweima:hover .erweima{top:-203px;display:block;}
.footer .customer-center-txt{margin:0 12px 0 5px;}
.footer .copyright{margin:-6px 0 2px;font-size:14px;color:#fff;}


/*resume_preview*/
.resume-preview .right  .content{width:840px;padding:0 30px 40px;background-color:#fff;border-top:2px solid #0ba0f4; }
.resume-preview .basic-info .wrap-img{width:100px;height:100px;margin-right:18px;text-align: center;line-height:100px;}
.resume-preview div{font-size:14px;color:#666;}
.resume-preview .basic-info2 .info{width:720px;}
.resume-preview .basic-info2 .info-edit{width:660px;}
.resume-preview .categorys-city .categorysUi-city,.resume-preview .select-Ui .select-ul{top:49px;}
.resume-preview .categorys-city .categorys-txt{line-height:25px;}
.resume-preview .item{padding:27px 0;border-top:1px dashed #ddd;}
.resume-preview .item:after{content:'';width:0;height:0;clear:both;display:block;}
.resume-preview .item-s{padding:20px 0 23px;}
.resume-preview .wrap-name{font-size:18px;color:#333;}
.resume-preview .basic-info .wrap-name{margin:5px 0 3px;}
.resume-preview .item .two-words{letter-spacing: 27px;margin-right:-26px;}
.resume-preview  .title{margin-right:8px;font-weight:bold;}
.resume-preview  .item-s  .title{display:inline-block;margin-bottom:2px;}
.resume-preview .basic-info .job-name{color:#333;}
.resume-preview .basic-info .txt{display:inline-block;margin:11px 11px 0 0;}
.resume-preview .item .left{float:none;display:inline-block;width:361px;margin-top:11px;}
.resume-preview .item .right{float:none;display:inline-block;width:462px;margin-bottom:0;}
.resume-preview .item .info .right{width:280px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.resume-preview .item-row .title{margin-bottom:7px;}
.resume-preview .item-row{padding:19px 0 20px;}
.resume-preview .item-row .job-name{margin:0 42px 0 52px;}
.resume-preview .item .item-con{width:572px;margin-top:7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.resume-preview .item-project .left{width:100%;}
.resume-preview .item-project .title-project{display:inline-block;vertical-align: top;}
.resume-preview .item-project .detail{display:inline-block;width:770px;margin:-5px 0;line-height:29px;}
.resume-preview .item-selfEvaluation .detail{width:100%;}
.aside-resume-preview{position:fixed;top:97px;left:1419px;}
.aside-resume-preview .txt{margin-top:7px;line-height:16px;font-size:14px;color:#fff;}
.aside-resume-preview li{width:60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.aside-resume-preview  .wrap-modifyResume a{margin-bottom:1px;padding:15px;background-color:#0ba0f4;text-align: center;}
.aside-resume-preview  .wrap-modifyResume .wrap-img{width:100%;height:18px;background:url(../images/icon_bianji_02.png) no-repeat center;}
.aside-resume-preview  .wrap-downloadResume a{padding:15px;background-color:#00caa0;text-align: center;}
.aside-resume-preview  .wrap-downloadResume .wrap-img{width:100%;height:18px;background:url(../images/icon_downlod.png) no-repeat center;}

/*myResource*/
.myResource-main .container{background-color:#fff;border:1px solid #dfdfdf\9;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.myResource-main .container:after{content:'';display:block;width:0;height:0;clear:both;visibility: hidden;}
.myResource-main  .hd{padding:0 20px;margin-top:20px;height:58px;line-height:58px;overflow: hidden;}
.myResource-main .hd .prompt-info{margin-left:10px;font-size:14px;color:#999;}
.myResource-main .hd  .wrap-input{display:inline-block;vertical-align: middle;}
.myResource-main .btn-importResume a,.myResource-main .btn-importPersonnel a{width:96px;height:36px;padding:0 8px 0 32px;margin-right:5px;line-height:36px;background-color:#00caa0;background-image:url(../images/icon_import_resume.png);background-repeat: no-repeat;background-position:10px center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius:2px;}
.myResource-main .btn-importResume:hover a,.myResource-main .btn-importPersonnel:hover a{color:#fff;}
.myResource-main  .btn-filter{width:72px;height:36px;line-height:36px;border:none;background-color:#0089e0;color:#fff;cursor: pointer;}
.myResource-main  .btn-importPersonnel a{background-image:url(../images/icon_search_14_14.png);background-position:17px center;}
.myResource-main table{table-layout: fixed;}
.myResource-main .table{width:100%;}
.myResource-main td,.myResource-main th{border-bottom:1px solid #eee;font-size:13px;color:#666;/*text-align: center;*/}
.myResource-main td .wrap-hook{vertical-align: top;margin-top:15px;}
.myResource-main th .wrap-hook{vertical-align: top;margin-top:11.5px;}
.myResource-main td .a-index{color:#666;}
.myResource-main td .a-index:hover{color:#0ba0f4;}
.myResource-main th .btn-ellipsis{cursor: pointer;}
.myResource-main td{position:relative;padding-right:5px;height:46px;line-height:46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.myResource-main td .job-name{display:inline-block;width:123px;vertical-align: top;}*/
.myResource-main td.last{overflow: visible;}
.myResource-main .tr-filter td{height:40px;line-height:40px;text-align: left;overflow: visible;}
.myResource-main .tr-filter td:first-child{padding-left:65px;}
.myResource-main .tr-filter .select-ul{top:37px;}
.myResource-main th:first-child,.myResource-main td:first-child{text-align: left;}
.wrap-hook{display:inline-block;width:16px;height:16px;margin:0 22px 0 21px;line-height:16px;border:1px solid #dfdfdf;background-color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
	-ms-user-select: none;
	user-select: none;
}
.wrap-hook.check{background-color:#0ba0f4;border-color:#0ba0f4;}
.myResource-main .container-table{position:relative;width:100%;background-color:#fff;}
.myResource-main .wrap-table{float: left;width: auto;min-height:240px;padding-right:80px;overflow: hidden;}
.resumes-newest .myResource-main .wrap-table{min-height:400px;}
.myResource-main .container-table-mana .wrap-table{padding-right:115px;min-height:465px;}
.index-ea .container-table-mana .wrap-table{min-height:420px;padding-right:85px;}
/*.index-ea .wrap-table{padding-right:85px;}*/
.myResourses-s .container-table-mana .wrap-table{min-height:530px;padding-right:158px;}
.myResource-main .extra-handle{position:absolute;width:88px;right:0;top:0;border-left:1px dashed #dfdfdf;background:#fff;}
.myResource-main .container-table-mana .extra-handle{width:115px;}
.myResource-main .extra-handle td{padding-left:10px;overflow: visible;}
.myResource-main .container-table-mana .extra-handle td{padding-left:20px;}
.index-ea .container-table-mana .extra-handle td{padding-left:10px;}
.myResource-main .extra-handle th,.myResource-main .extra-handle td{width:88px;}
.index-ea .container-table-mana .extra-handle,.index-ea .container-table-mana .extra-handle th,.index-ea .container-table-mana .extra-handle td{width:85px;}
.myResource-main .container-table-mana .extra-handle th,.myResource-main .container-table-mana .extra-handle td{width:115px;}
.myResourses-s .container-table-mana .extra-handle,.myResourses-s .container-table-mana .extra-handle th,.myResourses-s .container-table-mana .extra-handle td{width:158px;}
.myResource-main .extra-handle:after{content:'';width:0;height:0;clear:both;visibility: hidden;}
.myResource-main .thd-myResource,.myResource-main .extra-handle th{height:40px;line-height:40px;background-color:#f1f6f8;}
.myResource-main .tr-filter{background-color:#f5f5f5;}
.myResource-main .extra-handle .tr-filter{height:43px;}
.myResource-main .select-ul{top:37px;}
.myResource-main .select-ul a{color:#333;}
.myResource-main table .wrap-input,.myResource-main table .select-Ui{display:inline-block;width:185px;height:32px;margin:5px 6px 5px 0;background-color:#fff;-webkit-border-radius: 2px;-moz-border-radius:2px;border-radius: 2px;vertical-align: middle;}
.myResource-main  .tr-filter input,.myResource-main   .select-Ui-txt{width:100%;padding-left:10px;border:1px solid #dfdfdf;height:32px;line-height:9px;text-align: left;vertical-align: top;}
.myResource-main  .tr-filter #input-salary,.myResource-main  .tr-filter .wrap-input-salary{width:160px;}
.myResource-main  .tr-filter input{line-height:30px;}
.myResource-main   .select-Ui-txt{padding-right:30px;/*background:url(../img/icon_arror_down.png) no-repeat right 11px center;*/}
.myResource-main .btn-operation{margin-right:84px;}
.myResourses-s .btn-operation{padding-left:20px;margin-right:64px;}
.myResource-main table  .wrap-input-address{width:212px;}
.myResource-main td a{color:#0ba0f4;}
.myResource-main  .btn-edit{margin-right:16px;}
.choose-page{height:50px;line-height:50px;background-color:#f5f5f5;border-top:1px solid #eee;padding-right:20px;font-size:12px;color:#999;text-align: right;}
.myResource-main .choose-page .select-Ui-txt{width:66px;min-width:0px;height:26px;margin-top:12px;border:1px solid #dfdfdf;background-color:#fff;font-size:12px;}
.myResource-main .choose-page-resources  .wrap-hook{margin-top:16px;vertical-align: top;}
.choose-page .prompt-info{display:inline-block;vertical-align: top;}
.choose-page .select-ul{top:-82px;line-height:30px;width:66px;}
.myResource-main  .show-num{color:#333;}
.myResource-main  .wrap-btn a{width:56px;height:24px;margin-top:9px;border:1px solid #dfdfdf;background-color:#fff;color:#333;line-height:24px;text-align: center;}
.myResource-main  .wrap-btn a.disabled{color:#999;}
.myResource-main .wrap-input-page input{width:46px;height:24px;border:1px solid #dfdfdf;line-height:24px;text-align: center;}



/*findResumes.html*/
.container-prompt-info{width:1200px;height:50px;margin:20px auto;line-height:50px;background-color:#fdfcde;font-size:14px;color:#333;}
.container-prompt-info .light{margin:14px 6px 0 20px;}
.container-prompt-info .btn-importResume{color:#0ba0f4;}
.find-resumes  .container{background:none;box-shadow: none;}
.find-resumes .tabNavs{height:52px;margin-bottom:20px;border-bottom:1px solid #dfdfdf;}
.find-resumes .tabNavs a{border-bottom:3px solid transparent;padding:0 2px;margin-right:26px;height:49px;line-height:49px;font-size:15px;color:#999;}
.find-resumes .tabNavs li{float:left;margin-left:0px;}
.find-resumes .tabNavs .tabNav.on a{color:#333;border-color:#0ba0f4;}
.find-resumes .detail-left,.find-resumes .detail-right,.find-resumes .row-left,.find-resumes .row-md,.find-resumes .row-right{display:inline-block;margin-bottom:15px;vertical-align: middle;}
.find-resumes .detail-left{width:547px;}
.find-resumes .detail-right{margin-left:60px;}
.find-resumes .ui-label{display:inline-block;font-size:13px;color:#999;vertical-align: middle;}
.find-resumes .notice-tb2 .ui-label{color:#666;}
.find-resumes .ui-label .three-words{display:inline-block;margin-right:-7px;letter-spacing:7.3px;}
.find-resumes .wrap-input,.find-resumes .select-Ui ,.find-resumes .categorys,.find-resumes .categorys-city {display:inline-block;margin-left:3px;vertical-align: middle;}
.find-resumes .wrap-input input,.find-resumes .select-Ui .select-Ui-txt{font-size: 13px;width:340px;height:34px;line-height:32px;padding:0 10px;border:1px solid #dfdfdf;box-sizing: border-box;}
.find-resumes .wrap-input input.placeholder{color:#999;}
.find-resumes .enterprise-infoSet-ea .select-Ui, .find-resumes .enterprise-infoSet-ea .categorys{width:340px;}
.find-resumes .categorys-txt,.find-resumes .categorys-city .categorys-txt,.find-resumes .enterprise-infoSet-ea .select-Ui-txt,.find-resumes .enterprise-infoSet-ea .categorys-txt{font-size: 13px;width:340px;height:34px;line-height:15px;}
.find-resumes .select-Ui-txt{min-width:0;padding:0;line-height:32px;}
.find-resumes .categorysUi{top:41px;right:0;}
.find-resumes .set-default{display:inline-block;cursor: pointer;}
.find-resumes .set-default .wrap-hook1{margin:2px 6px 0 10px;vertical-align: top;}
.find-resumes .set-default-txt{font-size:12px;color:#666;}
.find-resumes .set-default.on .wrap-hook1{background-color:#0ba0f4;border-color:#0ba0f4;font-size:14px;}
.find-resumes  .wrap-item-chosen{font-size:14px;color:#666;}
.find-resumes .categorys-city,.find-resumes .categorys{width:auto;vertical-align: middle;}
.find-resumes .select-Ui .select-Ui-txt:before{right:10px;background:url(../member/images/icon_arrow_down_05.png) no-repeat;}
.find-resumes .content-search .two-words{display:inline-block;margin-right:-30px;letter-spacing: 28px;}
.find-resumes  .size-md input,.find-resumes  .size-md .select-Ui-txt{width:220px;}
.find-resumes .size-sm input,.find-resumes .size-sm .select-Ui-txt{width:105px;}
.find-resumes .separator{display:inline-block;margin:0 -1px 0 2px;font-size:14px;color:#333;vertical-align: middle;}
.find-resumes .row-md,.find-resumes .row-right{margin-left:76px;}
.find-resumes .wrap-input-language{margin-right:7.3px;}
.find-resumes .wrap-btn a{display:inline-block;width:220px;height:42px;line-height:42px;background-color:#0ba0f4;border-color:#0ba0f4;font-size:14px;color:#fff;}
.find-resumes .wrap-btn .btn-moreConditions{width:auto;margin-left:30px;background:none;border:none;color:#0ba0f4;}
.find-resumes .row{margin-bottom:15px;}
.find-resumes .row .wrap-input{width:470px;}
.find-resumes .notice-tb2 .wrap-btn{margin-left:-126px;}
.find-resumes .content-main{min-height:305px;}
.findPersonnel .content-main{min-height:375px;}
.find-resumes .table th{height:40px;line-height:40px;background-color:#f1f5fb;font-size:14px;color:#666;text-align: left;}
.find-resumes .table th:first-child{padding-left:40px;}
.find-resumes .table .first-th{padding-left:40px;}
.find-resumes .table .wrap-img{position:relative;width:60px;height:60px;margin-left:20px;overflow: hidden;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;text-align: left;line-height:60px;}
.find-resumes .table .wrap-img img{border-radius:80px;}
.find-resumes .table td{position:relative;padding:15px 0;font-size:13px;color:#333;line-height:20px;}
.find-resumes .table td a{display:block;color:#666;}
.find-resumes .table .img-mask,.find-resumes .table .img-txt{display:none;position:absolute;top:0px;left:0px;width:60px;height:60px;border-radius: 80px;font-size:14px;color:#fff;text-align: center;transition: all 0.4s ease-in-out;}
.find-resumes .table .img-mask{background-color:#33a5e7;opacity:0.8;filter:alpha(opacity=80);}
.find-resumes .table .label{position:absolute;right:4px;top:22px;}
.find-resumes .table .wrap-img:hover .img-mask,.find-resumes .table .wrap-img:hover .img-txt{display:inline-block;}
.find-resumes .content-main .box-hd{padding:0 30px;height:47px;line-height:47px;}
.find-resumes .basic-info{margin:6px 0 12px -10px;}
.find-resumes .basic-info li{float:left;height:14px;line-height:14px;padding:0 10px;border-left:1px solid #dfdfdf;}
.find-resumes .basic-info li:first-child{border-left:0;}
.find-resumes .edu .name{max-width:105px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.find-resumes .edu .major{max-width:61px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.find-resumes .edu .edu-level{max-width:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.find-resumes .workExp .job-name{max-width:61px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.find-resumes .workExp .company-name{max-width:177px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.find-resumes .update-time{color:#999;}
.find-resumes .edu{margin:0 0 9px 0;}
.find-resumes .edu-first{margin-top:17px;}
.find-resumes .job-name{color:#0ba0f4;}
.find-resumes .workExp li{border:none;padding:0 13px 0 0 ;}
.find-resumes  .wrap-download,.find-resumes  .wrap-download .bg{position:absolute;right:0;top:0;height:100%;width:80px;padding:0 25px;box-sizing:border-box;;text-align: center;cursor: pointer;}
.find-resumes  .wrap-download .bg{background-color:#0ba0f4;opacity:0.7;filter:alpha(opacity=70);}
.find-resumes  .wrap-download .wrap-img1{position:absolute;right:30px;top:38px;width:20px;height:18px;background:url(../images/icon_downlod.png) no-repeat center;}
.find-resumes  .wrap-download .img-txt1{position:absolute;right:0;top:64px;padding:0 25px;font-size:14px;color:#fff;line-height:16px;white-space: normal;}
.find-resumes .pager .box{margin:20px 0 30px;}


.find-resumes .table tr{transition: all 0.4s ease-in-out;}
.find-resumes .table tr:hover{background-color:#f1f5fb;}
.find-resumes .table tr:hover .wrap-download{display:inline-block;}

/*企业账号二级菜单*/
.secondaryNav-ea .tabNavs{margin:20px -20px 20px 0;}
.secondaryNav-ea a{float:left;padding:36px 60px 36px 92px;margin-right:20px;background:url(../images/icons_enterprise.png) no-repeat;background-color:#fff;font-size:18px;color:#333;}
.secondaryNav-ea .index-jobMana-ea{background-position:42px 24px;}
.secondaryNav-ea .inde-resumeMana-ea{background-position:44px -45px;}
.secondaryNav-ea .index-enterpriseInfoSet{background-position:45px -113px;}
.secondaryNav-ea .index-accountMana-ea{background-position:42px -176px;}
.secondaryNav-ea .jobPub-ea{background-position:42px -238px;}
.secondaryNav-ea a.on,.secondaryNav-ea a:hover{background-color:#00a5e4;color:#fff;}
.secondaryNav-ea .index-jobMana-ea.on,.secondaryNav-ea .index-jobMana-ea:hover{background-position:-148px -40px;}
.secondaryNav-ea .inde-resumeMana-ea.on,.secondaryNav-ea .inde-resumeMana-ea:hover{background-position:-145px 24px;}
.secondaryNav-ea .index-enterpriseInfoSet.on,.secondaryNav-ea .index-enterpriseInfoSet:hover{background-position:-147px -111px;}
.secondaryNav-ea .index-accountMana-ea.on,.secondaryNav-ea .index-accountMana-ea:hover{background-position:-145px -173px;}
.secondaryNav-ea .jobPub-ea.on,.secondaryNav-ea .jobPub-ea:hover{background-position:-147px -238px;}
/*=============================================================== theme CSS ===============================================================*/
/*--pagination--*/
/*page-radius*/
.page-radius .page-ul li span,
.page-radius .page-ul li a{border:none; border-radius: 3px; height: 22px;padding:0 7px;color:#444444;background-color: #e2e2e2;font: 500 12px/22px "microsoft yahei";}
.page-radius .page-ul .on,
.page-radius .page-ul a:hover{background-color: #8ec31f;}
/*page-left*/
.page-left .page-ul{float: left;}
/*page-center*/
.page-center .wrapper{position:relative;left:50%;float:left;}
.page-center .page-ul{position:relative;left:-50%;float:left;}
/*page-right*/
.page-right .page-ul{float: right;}
/*--mask,alert--*/
.mask-black{background-color:#000000;}

/*=============================================================== other CSS ===============================================================*/
/*一些 CSS 3.0 的样式、帮助说明信息、浏览器兼容样式以及一些BUG处理代码*/
.transition{
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	/*
    1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
    2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
    3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
    4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
    5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
    6、cubic-bezier：（该值允许你去自定义一个时间曲线）， 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内，否则无效。
    */
}

.transition2{
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	/*
    1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
    2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
    3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
    4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
    5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
    6、cubic-bezier：（该值允许你去自定义一个时间曲线）， 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内，否则无效。
    */
}
.shadow{box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);}/**box-shadow: h v 模糊值 长度 color inset;*/
.shadow1{box-shadow: 0 4px 6px -2px rgba(0,0,0,.5);-moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5);}
.textShadow{text-shadow: 0 1px 1px #000;}

/*----------------- BUG ---------------*/
.jb{
	fifter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/
	background:-moz-linear-gradient(left,#b8c4cb,#f6f6f8);/*火狐*/
	background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/
	/*S 版本2
        background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#201F1F));
        background: -moz-linear-gradient(top, #555454, #201F1F);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F)";
        background: -ms-linear-gradient(top, #555454, #201F1F);
        background: -o-linear-gradient(top, #555454, #201F1F);
    版本2 */
}
.opacity{
	opacity: 0.8; /*Chrome、Safari、Firefox、Opera */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6/IE7/8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*  IE8 */
}

.opacity-5{
	opacity: 0.5; /*Chrome、Safari、Firefox、Opera */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6/IE7/8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*  IE8 */
}
.opacity-10{
	opacity: 1; /*Chrome、Safari、Firefox、Opera */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
}
.transparent{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
	filter: alpha(opacity=50);/* IE 5-7 */
	-moz-opacity: 0.5;/* Netscape */
	-khtml-opacity: 0.5;/* Safari 1.x */
	opacity: 0.5;/* Good browsers */
}
/*--首页头部公共CSS--*/

/*所有的按钮滑过的透明度*/
.btn:hover{opacity: 0.8; /*Chrome、Safari、Firefox、Opera */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6/IE7/8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*  IE8 */}
.btn-submit-memberInfo{padding:10.5px 30px;margin:28px 0 36px;border:none;background-color:#0ba0f4;font-size:13px;color:#fff;cursor: pointer;border-radius: 3px;}
.btn-save{height:38px;line-height:38px;background-color:#0ba0f4;border:none;font-size:14px;color:#fff;cursor: pointer;}
.login-main input{display:inline-block;width:304px;height:48px;padding:0 10px;margin-bottom:20px;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:46px;font-size:15px;color:#333;}
.login-main input.placeholder{color:#999;}
.btn-secondaryIndu{width:76px;height:34px;margin-right:10px;line-height:32px;border:1px solid #0ba0f4;background-color:#fff;font-size:12px;color:#0ba0f4;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer;}
.btn-sm{width:82px;height:38px;line-height:38px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color:#0ba0f4;font-size:14px;color:#fff;cursor: pointer;}
.btn-md{width:102px;height:42px;line-height:40px;border:1px solid #00a5e4;background-color:#0ba0f4;font-size:16px;color:#fff;cursor: pointer;}
.inputTxt.size-44,
.btn.size-44{height:44px;padding:0 10px;line-height:42px;border:1px solid #dfdfdf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.wrap-hook,.wrap-hook1
{display:inline-block;width:15px;height:15px;margin-right:6px;border:1px solid #dfdfdf;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;line-height:15px;color:#fff;overflow:hidden;cursor: pointer;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
	-ms-user-select: none;
	user-select: none;}
.wrap-hook .icon-hook{width:16px;height:16px;color:#fff;text-align: center;line-height:16px;line-height:14px\9;vertical-align: top;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
}
.textarea-replay{width:100%;height:130px;padding:11px 15px;margin-top:8px;border:1px solid #dfdfdf;font-size:15px;color:#333;resize: none;outline: none;}
.textarea-replay.placeholder{color:#999;}
/*图片格式设置*/
.pic{display:inline-block;vertical-align: middle;border:none;}
.pic2{display:inline-block;vertical-align: top;border:none;}
.pic3{display:inline-block;width:100%;height:auto;vertical-align: top;border:none;}
.pic4{display:inline-block;max-width:100%;height:auto;vertical-align: top;border:none;}
.pic5{display:inline-block;width:100%;height:100%;vertical-align: top;border:none;}
.pic6{display:inline-block;width:100%;height:100%;vertical-align: top;border:none;}

/*单选按钮*/
.wrap-icon-radio{display:inline-block;width:15px;height:15px;margin:2px 11px 0 0;border:1px solid #0ba0f4;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;text-align: center;vertical-align: top;}
.inner-circle{display:inline-block;width:7px;height:7px;margin-top:3px;background-color:#fff;border:1px solid #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;vertical-align: top;}
.wrap-inner-input.on .inner-circle{background-color:#0ba0f4;border-color:#0ba0f4;}
/*关闭按钮*/
.close{cursor: pointer;}

/*errorsTipsBox 表单验证错误提示框 start*/
.errorsTipsBox{position:fixed;z-index:2001;width:250px;height:auto;min-height:100px;left:50%;padding:12px 10px;top:100px;margin:0 auto;border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:5px;background:#fff;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);color:#000;display:none;text-align:center;font-size:13px;}
.errorsTipsBox-bgBlack,.errorsTipsBox-bgBlack1{position:fixed;z-index:2001;width:230px;height:auto;min-height:50px;left:50%;top:18%;padding:25px;margin:0 0 0 -140px;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);display:none;text-align:center;font-size:13px;  background:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow:8px;}
.errorsTipsBox-bgBlack-md{top:50%;width:146px;min-height:32px;margin:-41px 0 0 -88px;}
.errorsTipsBox-bgBlack .hd,.errorsTipsBox-bgBlack1 .hd{font-size:26px;color:#00caa0;}
.errorsTipsBox-bgBlack-md .hd{height:32px;line-height:32px;}
.errorsTipsBox-bgBlack .hd img,.errorsTipsBox-bgBlack .hd span{display:inline-block;vertical-align: middle;}
.errorsTipsBox-bgBlack-md .hd img,.errorsTipsBox-bgBlack-md .hd span{vertical-align: top;}
.errorsTipsBox-bgBlack-md .hd span{line-height:32px;}
.errorsTipsBox-bgBlack .bd{margin-top:4px;font-size:16px;color:#00caa0;}
.alert-errorsTipsBox{bottom:55%;}
.form  .tipbar{position:absolute;left:23px;top:50px;font-size:12px;color:#999;line-height:16px;display:none;}
.form-register-succ .tipbar{top:46px;left:147px;}
.form  .tipbar:before{content:'';position:absolute;left:-23px;top:0px;width:16px;height:16px;background:url(../images/icon_wrong_16_16.png) no-repeat;display:block;}
/*.form  .tipbar img{margin-right:7px;}*/
.form .onFocus .tipbar,
.form .onError .tipbar{display: inline-block;}
.myCenter .form .onFocus .tipbar,
.myCenter .form .onError .tipbar{display: none;}
.form .validate-import-target.onError .required.validate-blur + .tipbar,
.form .validate-import-target.onError-submit-tel .tipbar{display:inline-block;}
.form .onFocus .tipbar:before{}
.form .onError .tipbar{color: #f50000 !important;}
.form .onError .tipbar:before,
.form .onCross .tipbar:before{position:absolute;left:-23px;top:0px;width:16px;height:16px;background:url(../images/icon_wrong_16_16.png) no-repeat;display:inline-block;}
.form .onError .tipbar:before{background-position: 0 -34px;}
.form .onCross .tipbar:before{background-position: 0 -17px;}
.form .onFocus .change:before,
.form .onError .change:before,.form .onCross .change:before{background:none;background-size:100%;left:-21px;}
.form .onError input[type="text"],
.item .form .onError .required{border-color: #f50000;box-shadow: 0 0 5px 2px rgba(245,0,0,.1);}
.form .onError input[type="password"]{border-color: #f50000;box-shadow: 0 0 5px 2px rgba(245,0,0,.1);}
.form .onError input[type="select"]{border-color: #f50000;box-shadow: 0 0 5px 2px rgba(245,0,0,.1);}
/*errorsTipsBox end*/

/*五星评价*/
.outer-stars{position:relative;width:89px;height:16px;background:url(../images/icon_stars_01.png) no-repeat;}
.outer-stars .pa{height:16px;width:50%;overflow: hidden;}
.outer-stars img{position:absolute;top:0;left:0;width:88px;}

/*圆角*/
.borderRadius-2{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.borderRadius-3{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/*分页*/
.pager .box{display:inline-block;/* margin:18px 0 -7px; */}
.pager li{float:left;margin-right:6px;}
.pager li a,.pager li span{width:32px;height:32px;background-color:#f5f5f5;line-height:32px;text-align: center;border-radius: 2px;}
.pager li.on a,.pager li a:hover{background-color:#0ba0f4;color:#fff !important;}
.pager .ellipsis-li span{display:inline-block;background:none;line-height:32px;font-size:14px;color:#666;}
.pager li .previout-off,.pager li .next{font-size:20px;font-family: Simsun,sans-serif;}
.pager li .previout-off.disable:hover,.pager li .next.disabled:hover{background-color:#fff;color:#999;}
.pager li a{font-size:12px;color:#999;}

/*swiper*/
.swiper-pagination-switch{display:inline-block;width:8px;height:8px;margin-right:8px;background-color:transparent;border:2px solid #fff;-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px;vertical-align: middle;cursor: pointer;}
.swiper-active-switch{background-color:#fff;width:10px;height:10px;}

/*下拉选择*/
.select-Ui-txt,
.categorys-txt{min-width:110px;height:36px;line-height:19px;padding:7.5px 21px 7.5px 10px;border:1px solid #dfdfdf;font-size:13px;color:#838383;cursor: pointer;}
.select-Ui-txt,
.categorys-txt{position: relative;background: none;}
.select-Ui-txt > span:first-child,
.categorys-txt > span:first-child{display: block;width: 100%; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.select-Ui-txt:before,
.categorys-txt:before{position: absolute;right: 10px;top: 50%;content: ""; width: 14px;height: 8px;margin-top: -4px; background:url(../images/icon_arrow_down_05.png) no-repeat; transform: rotate(0deg);transform-origin: center;transition: all .4s ease-in-out;}
.choose-page .select-Ui-txt:before{right:4px;background:url(../images/icon_arrow_fee.png) no-repeat -1px -5px;}
.alert-personnelRecco .choose-page .select-Ui.open .select-Ui-txt:before{right:-2px;}
.select-Ui.open .select-Ui-txt:before,
.categorys.open .categorys-txt:before,
.categorys-city.open .categorys-txt:before{transform: rotate(-180deg);}
.chat .message-record .btn-showRecord.open .icon-shouqi{transform:rotate(0deg);}
.select-Ui-txt.size-s:before,
.categorys-txt.size-s:before{width: 10px;height: 6px;margin-top: -2px;background-image:url(../images/icon_arrow_down_02.png);}


.categorys .categorysUi,
.categorys-city .categorysUi-city,
.select-Ui .select-ul,
.dropdown-menu,
.j-btn-ellipsis .dropdown-menu2,.alert-dropdown .dropdown-menu2,
.select-Ui .bd{
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
/*  margin-top: 4px;*/
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
      -ms-transform: scale(0.75) translateY(-21px);
          transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  visibility: hidden;
}

.categorys.open .categorysUi,
.categorys-city.open .categorysUi-city,
.select-Ui.open .select-ul,
.open .dropdown-menu,
.alert-dropdown.open .dropdown-menu2,.open .dropdown-menu2,
.select-Ui.open	 .bd{
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
      -ms-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0); 
  visibility: visible;
}
.categorysUi{position:relative;}
.categorysUi .box-hd{height:336px;width:204px;overflow-y:auto;overflow-x:hidden;}
.select-Ui .bd{position:absolute;top:49px;width:100%;height:225px;}
.select-Ui .bd .select-ul{border-bottom:1px solid #eee;}
.select-Ui.desired .btn-reset{width:76px;height:34px;padding:0;margin-right:10px;border:1px solid #0ba0f4;background-color:#fff;color:#0ba0f4;}
.select-Ui.desired .btn-confirm{width:76px;height:34px;padding:0;margin-right:20px;background-color:#00a5e4;color:#fff;}
.select-Ui.desired .ft{position:absolute;bottom:0;left:0;width:100%;height:42px;padding-top:8px;text-align: right;}
/*.select-Ui .bd{border:1px solid #dfdfdf;-webkit-box-shadow:0 0 4px #ddd;-moz-box-shadow:0 0 4px #ddd;box-shadow: 0 0 4px #ddd;}*/
.select-Ui .bd .select-ul{top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none;}
.select-ul li{width:100%;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.select-ul li a{position:relative;width:100%;padding:0 21px 0 10px;font-size:13px;color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
.select-ul li a .icon-chosen{position:absolute;right:10px;top:10px;display:none;width:16px;height:16px;background:url(../img/icon_right_16_16.png) no-repeat;}
.select-ul li.on a .icon-chosen{display:block;}
.select-ul li:hover{background-color:#0ba0f4;}
.select-ul  li:hover a{color:#fff;}

.select-Ui select,
.select-Ui .select,
.categorys select,
.categorys .select,
.categorys-city select,
.categorys-city .select{display: none;}

.myResource-main .select-Ui-txt:before{background:url(../images/icon_arrow_down_04.png) no-repeat;/*background-position: right 11px center;background-position: 35px center\9;*/}
.myResource-main .choose-page .select-ul{top:-107px;height:107px;overflow-y:auto;}

.j-btn-ellipsis .dropdown-menu,
.j-btn-ellipsis .dropdown-menu2{left: auto;right: 0;}
.select-Ui .select-ul{position:absolute;top:42px;left:0;z-index:2;/*display:none;*/min-width:100%;max-height:200px;overflow-y:auto;background-color:#fff;font-size:14px;color:#333;border:1px solid #dfdfdf\9;line-height:36px;-webkit-box-shadow:0 0 4px #ddd;-moz-box-shadow:0 0 4px #ddd;box-shadow: 0 0 4px #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
/*S 设置所有的input,select,textarea,.select-Ui-txt,.categorys-txt的获得焦点的样式*/
input[type=text],
select,
textarea,
.select-Ui-txt,
.categorys-txt,
.categorys-txt{transition: border-color,box-shadow .4s ease-out;}

input[type=text]:focus,
select:focus,
textarea:focus,
.onFocus .select-Ui-txt,
.onFocus .categorys-txt{border-color: #0ba0f4 !important; /* box-shadow: 0 0 4px 1px rgba(11,160,244,.3); */outline: 0;}
#input-nationality:focus,#input-nationality1:focus,#input-nationality2:focus{box-shadow: none;}

.onFocus .select-Ui-txt input,
.onFocus .categorys-txt input,.onFocus #input-nationality{border: none;box-shadow: none;}
/*E 设置所有的input,select,textarea,.select-Ui-txt,.categorys-txt的获得焦点的样式*/

/*搜索框*/
.search-bar{margin:0 auto;}
.search-bar .btn-search-comment{width:70px;height:47px;margin-left:-1px;color: #fff;line-height:39px;border:none;background-color: #0ba0f4;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0;}
.search-bar .input-search-job{width:562px;height:47px;border:1px solid #dfdfdf;padding: 10px 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:15px;color:#333;/* -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; */vertical-align: top;}
.search-bar .input-search-job.placeholder{color:#999;}
.search-bar .btn-search-job{width:70px;height:47px;margin-left:-1px;line-height:47px;background-color:#0ba0f4;background-image:url(../images/icon_search_01.png);background-repeat: no-repeat;background-position:center;border:none;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0;cursor: pointer;}

/*avatar-upload-box 头像上传*/
.avatar-upload-box{padding: 20px 45px;}
.avatar-upload-box .aub-zoom{ float:left; width: 336px;margin-left:-33px;}
.avatar-upload-box .aub-pane{ float:right; width: 272px; margin-right:-36px; display: inline; }
.avatar-upload-box .aub-upload-box{width: 336px; height: 336px; box-sizing: border-box;padding: 118px 40px 80px; background-color: #eeeeee; text-align: center; overflow: hidden;}
.avatar-upload-box .aub-upload-box .file,
.avatar-upload-box .aub-upload-box .filePrew{display:inline-block;width: 116px;height: 36px; border: none;background-color: #fff;}
.avatar-upload-box .aub-upload-box .file span{line-height: 36px;font-size: 14px;color: #333;}
.avatar-upload-box .aub-upload-box .desc{padding: 0;margin-top: 20px; line-height: 18px; font-size: 12px;color: #999;}
.avatar-upload-box .aub-zoom-box{display: none;}
.avatar-upload-box .action{ position: relative; width: 100%;height: 24px;padding: 3px 0;}
.avatar-upload-btn{ display: none; position: absolute; background-repeat: no-repeat; background-image: url(../../common/jquery.jcrop/img/icons-avatar-upload.jpg); }
.avatar-upload-turnLeft-btn{ width: 15px; height: 20px; background-position: 0 0; left: 0; top: 10px; }
.avatar-upload-turnShrink-btn{ width: 39px; height: 24px; background-position: -15px 0px; left: 50%; margin-left: -39px; top: 7px; }
.avatar-upload-turnMagnify-btn{ width: 37px; height: 24px; background-position: -54px 0px; left: 50%; top: 7px; }
.avatar-upload-turnRight-btn{ width: 15px; height: 20px; background-position: -91px 0px; right: 0; top: 10px; }
.avatar-upload-turnLeft-btn:hover{ background-position: 0 -27px; }
.avatar-upload-turnShrink-btn:hover{ background-position: -15px -24px;}
.avatar-upload-turnMagnify-btn:hover{ background-position: -54px -24px;}
.avatar-upload-turnRight-btn:hover{ background-position: -91px -27px;}
.avatar-upload-box .submit{text-align: center;}
.avatar-upload-box .submit .btn.size-l{padding:8px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.avatar-upload-box .submit .btn,.avatar-upload-box .submit .btn:hover{display:inline-block;width: 102px;height: 44px;line-height:28px;margin: 0 10px;background-color:#0ba0f4;font-size:16px;color:#fff;}
.avatar-upload-box .submit .btn-cancel,.avatar-upload-box .submit .btn-cancel:hover{background-color:#eee;color:#999;}
.avatar-upload-box .submit .btn-reupload,.avatar-upload-box .submit .btn-reupload:hover{display: none;background-color:#e6e6e6;color:#999;}
.avatar-upload-box .aub-zoom-box{position: relative; width: 336px; height: 336px; background-color: #eeeeee; overflow: hidden;}
.avatar-upload-box .zoom-img{ width: 100%; height: 100%; overflow: hidden; }
.avatar-upload-box .zoom-img img{ position: absolute;}
.avatar-upload-box .aub-pane .mt{margin-bottom: 20px;}
.avatar-upload-box .aub-pane-title{font-size: 14px;color: #333;}
.avatar-upload-box .aub-pane-desc{margin-top: 5px; font-size: 12px;color: #999;}
.avatar-upload-box .small-preview .sp-item{margin-top: 10px;}
.avatar-upload-box .small-preview .sp-item:first-child{margin-right:24px;}
.avatar-upload-box .small-preview .img{position: relative; background-color: #eeeeee; overflow:hidden;}
.avatar-upload-box .small-preview .img:before{position: absolute;left: 0;top: 50%;width: 100%;height: 20px; content: "暂无预览"; margin-top: -10px; line-height: 20px;text-align: center;color: #999;font-size: 12px;}
.avatar-upload-box .small-preview .img img{position: relative;z-index: 2;}
.avatar-upload-box .sp-item{display:inline-block;vertical-align: middle;text-align: center;}
.avatar-upload-box .pre-1 .img{width: 140px;height: 140px;}
.avatar-upload-box .pre-2 .img{width: 100px;height: 100px;}
.avatar-upload-box .pre-3 .img{width: 50px;height: 50px;margin-top:10px;}
.avatar-upload-box .small-preview .text{margin-top: 5px; text-align: center;color: #999;font-size: 12px;}

.alert-avatar{top:50%;width: 695px;height: 533px;margin: -266px 0 0 -347px;}
.alert-avatar .alert-hd{padding: 13px 20px; height: 20px; border-bottom: 1px solid #eee; line-height: 20px;}
.alert-avatar .img-loading{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;}

	/*职位列表*/
.job-list-main .job-list-left{/* float:left; */width:1200px;/* -webkit-box-shadow: 0 0 17px 5px #eef2fb;box-shadow: 0 0 17px 5px #eef2fb; */}
.job-list-main .items{width:790px;}
.job-list-main .filter-item-presence li,.job-list-main .filter-item-presence .li-btn-clear{float:left;height:28px;line-height:28px;margin:0 0 10px 10px;border:1px solid #0ba0f4;}
.job-list-main .filter-item-presence li:hover .icon-guanbi{background-color:#0ba0f4;color:#fff;}
/*.job-list-main .filter-item-presence li:hover span{color:#fff;}*/
.job-list-main .filter-item-presence .li-btn-clear{height:30px;padding-left:24px;margin-left:14px;background:url(../images/icon_trash_01.png) no-repeat left center;line-height:30px;border:none;cursor: pointer;}
.job-list-main .filter-item-presence .li-btn-clear:hover{background:url(../images/icon_trash_03.png) no-repeat left center;}
.job-list-main .filter-item-presence .li-btn-clear:hover span{color:#0ba0f4;}
.job-list-main .filter-item-presence  a,.job-list-main .filter-item-presence span{font-size:13px;color:#666;}
.job-list-main .filter-item-presence span{display:inline-block;vertical-align: top;}
.job-list-main .filter-item-presence  a{padding-left:9px;}
.job-list-main .filter-item-presence  .icon-guanbi{margin-left:10px;padding:0 1px;font-size:22px;color:#0ba0f4;}
.job-list-main .filter-item-presence .fliter-result{height:30px;margin-right:45px;line-height:30px;}
.job-list-main  .filter-item-presence .fliter-result-num{margin-top:-7px;font-size:18px;color:#0ba0f4;line-height:25px;vertical-align: middle;}
.job-list-main  .filter-list-items{border-top:1px solid #eee;padding:0 50px;}
.filter-list-items .job,.filter-list-items .salary,.filter-list-items .company-info,.filter-list-items .company-favicon{display:inline-block;vertical-align: top;}
.filter-list-items .company-favicon a{display:inline;}
.filter-list-items .job{float:left;width:310px;overflow: hidden;}
.job-list-main .filter-list-items .item{min-height:66px;padding:25px 0;border-top:1px dashed #dfdfdf;}
.job-list-main .filter-list-items .item:after{content:'';width:0;height:0;clear:both;display:block;visibility: hidden;}
.job-list-main .filter-list-items li:first-child .item{border:none;}
/*.job-list-main .filter-list-items .last .item{border:none;}*/
.job-list-main .filter-list-items .job-name{margin:0 10px 15px 0;width:153px;/*width:130px;*/font-size:16px;color:#0ba0f4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.job-list-main .filter-list-items .job-name .name{display:inline-block;/*max-width:80%;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.job-list-main .filter-list-items .wrap-pubTime{display:inline-block;margin-top:3.5px;font-size:13px;color:#999;vertical-align: top;}
.job-list-main .filter-list-items .wrap-job-requirement{font-size:14px;color:#999;margin-top: 6px;}
.job-list-main .filter-list-items .salary{float:left;width:315px;height:66px;line-height:66px;font-size:16px;color:#ff5400;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filter-list-items .company-info{float:left;width:285px;overflow: hidden;}
.filter-list-items .company-info ul:after{content:'';width:0;height:0;clear:both;display:block;visibility: hidden;}
.filter-list-items .company-name a{width:260px;width:250px;font-size:15px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filter-list-items .company-name a:hover{color:#0ba0f4;}
.filter-list-items .company-info li{float:left;min-width:18px;padding:5.5px 7px;margin:13px 10px 0 0;background-color:#f5f5f5;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size:13px;color:#888;text-align: center;}
.filter-list-items .company-favicon{float:right;width:64px;height:64px;border:1px solid #dfdfdf;text-align: center;line-height:66px;border-radius: 32px;overflow: hidden;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);}

.filter-list-items .company-info div{height:44px;overflow: hidden;}
.filter-list-items .company-info .company-name{height:21px;}

.job-list-main .pager-job-list{background-color:#fff;padding-top:15px;padding-bottom:15px;}
.job-list-main .pager-job-list li a,.job-list-main .pager-job-list li span{background-color:#fff;}
.job-list-main .pager-job-list li.on a,.job-list-main .pager-job-list li a:hover{background-color:#0ba0f4;}
.job-list-main  .pager .ellipsis-li span{background:none;}
/*选择城市的弹窗*/
.alert-choose-city{position:fixed;top:20%;left:50%;z-index:999;width:586px;margin:0 0 0 -293px;}
.alert-choose-city .box-hd{height:44px;line-height:44px;padding:0 14px;background-color:#0ba0f4;font-size:16px;color:#fff;}
.alert-choose-city .box-hd .wrap-img{height:24px;margin-top:10px;}
.alert-choose-city .box-bd{padding:26px 30px 30px 42px;background-color:#fff;}
.alert-choose-city .box-bd .title{font-size:18px;color:#333;}
.alert-choose-city .box-bd  .hot-cities-lists li{float:left;margin:14px 30px 9px 0;}
.alert-choose-city .hot-cities-lists li a{padding:10px 30px;border:1px solid #ddd;font-size:18px;color:#999;}
.alert-choose-city .hot-cities-lists li a:hover{border-color:#0ba0f4;color:#0ba0f4;}
.alert-choose-city .other-cities-lists ul{float:left;width:50%;font-size:0;}
.alert-choose-city .other-cities-lists span{display:inline-block;margin-right:9px;height:42px;line-height:42px;}
.alert-choose-city .other-cities-lists span,.choose-city .notice-info{font-size:14px;color:#999;}
.alert-choose-city .other-cities-lists a{font-size:14px;color:#333;}
.alert-choose-city .other-cities-lists a:hover{color:#0ba0f4;}
.alert-choose-city .box-bd  .hot-cities-lists:after,.choose-city .other-cities-lists:after{content:'';display:block;width:0;height:0;clear:both;}

/*资源库简历收费设置*/
.alert-allEnterpriseShield{width:750px;top:50%;margin:-279px 0 0 -350px;}
.alert-allEnterpriseShield .bd{padding:20px 20px 27px 20px;}
.alert-allEnterpriseShield .input-memberName{width:368px;padding:9.5px 8px;margin-right:10px;border:1px solid #dfdfdf;font-size:14px;color:#333;vertical-align: top;}
.alert-allEnterpriseShield .btn-submit-memberInfo.btn-search{margin:0;height:40px;line-height:17px;}
.alert-allEnterpriseShield table{width:100%;margin-top:20px;}
.alert-allEnterpriseShield th,.alert-allEnterpriseShield  td{height:50px;line-height:50px;border-bottom:1px solid #eee;text-align:left;font-size:14px;color:#333;}
.alert-allEnterpriseShield th{height:40px;background-color:#f1f5fb;line-height:40px;color:#666;}
.alert-allEnterpriseShield  .col-first{padding-left:15px;}
.alert-allEnterpriseShield .input-price{width:82px;height:28px;padding:0 10px;margin-right:6px;border:1px solid #dfdfdf;line-height:28px;}
.alert-allEnterpriseShield  .choose-page{margin:12px 0 -19px;background-color:#fff;border:none;font-size:12px;color:#333;}
.alert-allEnterpriseShield  .choose-page div,.alert-allEnterpriseShield  .choose-page span{display:inline-block;height:28px;line-height:28px;vertical-align: top;}
.alert-allEnterpriseShield  .select-ul{width:40px;min-width:1px;top:-91px;line-height:28px;}
.alert-allEnterpriseShield  .choose-page .select-Ui-txt{min-width:4px;width:40px;height:28px;padding:0 15px 0 5px;/*background:url(../images/icon_arrow_fee.png) no-repeat 15px 5px;*/line-height:26px;font-size:12px;}
.alert-allEnterpriseShield .select-ul li{padding:0 0 0 10px;text-align: left;}
.alert-allEnterpriseShield  .select-ul li a{font-size:12px;}
.alert-allEnterpriseShield  .choose-page .input-pageNum{width:26px;height:26px;border:1px solid #dfdfdf;line-height:26px;text-align: center;vertical-align: top;}
.alert-allEnterpriseShield  .choose-page .previous,.alert-allEnterpriseShield  .choose-page .next{background:url(../images/icon_arrow_fee.png) no-repeat;background-position:  -27px center;}
.alert-allEnterpriseShield  .choose-page .next{background-position:-63px center;}

/*刷新成功*/
.alert-refresh{width:460px;top:50%;margin:-108px 0 0 -230px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.alert-refresh .hd{height:38px;line-height:38px;background-color:#fff;text-align: center;}
.alert-refresh .hd span{display:inline-block;height:32px;line-height:32px;font-size:26px;color:#00caa0;}
.alert-refresh .bd{padding:10px;}
.alert-refresh .bd .desc{padding:7px 20px 15px;font-size:18px;color:#000;}
.alert-refresh .bd .wrap-btn a{font-size:18px;color:#0ba0f4;}
.alert-refresh .wrap-close{top:-10px;right:-10px;background:url(../images/icon_close_02.png) no-repeat;}
/*文件上传*/
.box-upload{position:relative;}
.box-upload  .box-file{position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;opacity:0;filter:alpha(opacity=0);z-index:9;}
.box-upload  .box-file .file{position:absolute;top:0;left:0;border:none;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;vertical-align: top;cursor: pointer;}
.btn-uploadClose{position:absolute;top:-7px;right:-8px;z-index:3;display:none;width:19px;height:19px;-webkit-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;background-color:#0ba0f4;font-size:20px;line-height:19px;color:#fff;cursor: pointer;text-align: center;}
.filePrew{position: absolute;top: 0;left: 0;font-size: 100px; /* å¢žå¤§ä¸åŒæµè§ˆå™¨çš„å¯ç‚¹å‡»åŒºåŸŸ */ opacity: 0; /* å®žçŽ°çš„å…³é”®ç‚¹ */filter:alpha(opacity=0);/* å…¼å®¹IE */}
/*加减按钮*/
.btn-add,.btn-reduce{display:inline-block;width:24px;height:24px;margin-top:7px;background-image:url(../images/icon_reduce_add.png);background-repeat:no-repeat;background-position:-2px 0;vertical-align: top;cursor:pointer;text-align: center;}
.btn-add{margin:7px 10px 0;}
.btn-add:hover{background-position:-2px -43px;}
.btn-reduce{background-position:-36px 0;}
.btn-reduce:hover{background-position:-36px -43px;}

/*对齐方式*/
.vt{display:inline-block;vertical-align: top;}
.vm{display:inline-block;vertical-align: middle;}
.vb{display:inline-block;vertical-align: bottom;}

/*圆点*/
.dot-green{display:inline-block;width:8px;height:8px;border:1px solid #00c99d;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#00c99d;}
.dot-green2{width:6px;height:6px;margin-top:5px;vertical-align: top;}
.dot-blue{display:inline-block;width:8px;height:8px;border:1px solid #0090ff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#0090ff;}
.dot-red{width:5px;height:5px;border-color:#f50000;background-color:#f50000;}
/*--other-*/
.hr-dashed{border:none;border-top: 1px dashed #ddd;}

.hasDots{position: relative;}
.hasDots .icon-dots{position: absolute;right: -10px;top: -2px;}
.icon-dots{display: block;width: 16px;height: 16px;background-position: -88px 0;line-height: 16px;text-align: center;color: #ffffff;font-size: 10px;font-family: Arial, Sans-serif;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

.icon-dot{display:inline-block;width:18px;height:18px;border-radius:50%;background:#ea5652;line-height:18px;text-align:center;color:#fff;font-size:12px;font-family:Arial, Sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}

@font-face {font-family: "iconfont";
	src: url('../fonts/iconfont.eot?t=1489135597990'); /* IE9*/
	src: url('../fonts/iconfont.eot?t=1489135597990') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff?t=1489135597990') format('woff'), /* chrome, firefox */
	url('../fonts/iconfont.ttf?t=1489135597990') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg?t=1489135597990') format('svg'); /* iOS 4.1- */
}


.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ke-toolbar-icon{
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shuaxin:before { content: "\e600"; }

.icon-shequtianjiabeizhubianji:before { content: "\e6b9"; }

.icon-guanbi:before { content: "\e623"; }

.icon-wenjianjia:before { content: "\e644"; }

.icon-shijian:before { content: "\e65e"; }

.icon-tupian:before { content: "\e689"; }

.icon-shezhi:before { content: "\e621"; }

.icon-guanbi1:before { content: "\e62a"; }

.icon-cheqibiaozhushezhi:before { content: "\e793"; }

.icon-xiugai:before { content: "\e69c"; }

.icon-shuaxin1:before { content: "\e66b"; }

.icon-x-image-copy:before { content: "\e688"; }

.icon-shouqi:before { content: "\e667"; }

.icon-close:before { content: "\e663"; }

.icon-iconfontguanbi2:before { content: "\e68b"; }

.icon-right-circle-true:before { content: "\e6b4"; }

.icon-mima:before { content: "\e654"; }

.icon-shouqi1:before { content: "\e63e"; }

.icon-jianhao:before { content: "\e660"; }

.icon-gouxuan1:before { content: "\e624"; }

.icon-shuaxin2:before { content: "\e60f"; }

.icon-chenggong:before { content: "\e632"; }

.icon-unie631:before { content: "\e66f"; }

.icon-xiaolian:before { content: "\e748"; }

.icon-gantanhao:before { content: "\e601"; }

.icon-duigou:before { content: "\e62d"; }

.icon-weibiaoti5:before { content: "\e626"; }

.icon-wujiaoxingkong:before { content: "\e627"; }

.icon-wujiaoxing-copy:before { content: "\e652"; }

.icon-fabu:before { content: "\e64d"; }

.icon-shipin:before { content: "\e72e"; }

.icon-zhuye:before { content: "\e6cb"; }

.icon-add:before { content: "\e68f"; }

.icon-arrow-bottom:before { content: "\e7bc"; }

.icon-gerenjianli:before { content: "\e60e"; }

.icon-zhiwei:before { content: "\e61a"; }

.icon-CombinedShape:before { content: "\e637"; }

.icon-jiangpai:before { content: "\e638"; }


/*屏幕适配*/
.screen1600 .aside-resume-preview{left:1308px;}
.screen1440 .aside-resume-preview{left:1187px;}
.screen1280 .aside-resume-preview{left:1068px;}
.screen1200 .aside-resume-preview{left:1068px;}
.icon-wujiaoxing-copy{font-size:24.5px;}
.icon-unie631{font-size:24.5px;}
.icon-guanbi{cursor: pointer;}

/*提示框*/

.tip-darkgray {
	opacity:0.95;
	z-index:1000;
	text-align:left;
	text-shadow:#40d8b8 0 1px 1px;
	border:1px solid #40d8b8;
	padding:8px;
	min-width:50px;
	max-width:530px;
	color:#fff;
	background-color:#40d8b8;
	border-radius:5px;
	/*background-image:url(../images/tip-darkgray.png);*/ /* bgImageFrameSize >= 11 should work fine */
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-darkgray .tip-inner {
	font:bold 12px/18px arial,helvetica,sans-serif;
	margin-top:-1px;
	padding:0 4px 3px 4px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-darkgray .tip-arrow-top {
	margin-top:-7px;
	margin-left:15px;
	top:0;
	left:0;
	width:16px;
	height:10px;
	background:url(../images/tip-darkgray_arrows.png) no-repeat;
}
.tip-darkgray .tip-arrow-right {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-7px;
	top:50%;
	left:100%;
	width:11px;
	height:21px;
	background:url(../images/tip-darkgray_arrows.png) no-repeat -22px 0;
}
.tip-darkgray .tip-arrow-bottom {
	margin-top:-7px;
	margin-left:15px;
	top:100%;
	left:0;
/*	width:22px;
	height:13px;*/
	width:0;
	height:0;
	border-left:14px solid transparent;
	border-right:14px solid transparent;
	border-top:14px solid #40d8b8;

/*	background:url(../images/tip-darkgray_arrows.png) no-repeat -44px 0;*/
}
.tip-darkgray .tip-arrow-left {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:11px;
	height:21px;
	background:url(../images/tip-darkgray_arrows.png) no-repeat -66px 0;
}


/*区域无数据时*/
.noDataAll{width:100%;padding:102px 0;background-color:#fff;text-align: center;}
.noDataAll .txt{margin-top:13px;font-size:24px;color:#ccc;}





/*table td的宽度设置*/
.table .w20{width: 20px;}
.table .w30{width: 30px;}
.table .w40{width: 40px;}
.table .w50{width: 50px;}
.table .w60{width: 60px;}
.table .w70{width: 70px;}
.table .w75{width: 75px;}
.table .w80{width: 80px;}
.table .w85{width: 85px;}
.table .w90{width: 90px;}
.table .w95{width: 95px;}
.table .w100{width: 100px;}
.table .w105{width: 105px;}
.table .w110{width: 110px;}
.table .w115{width: 115px;}
.table .w120{width: 120px;}
.table .w125{width: 125px;}
.table .w130{width: 130px;}
.table .w140{width: 140px;}
.table .w150{width: 150px;}
.table .w158{width: 158px;}
.table .w160{width: 160px;}
.table .w170{width: 170px;}
.table .w180{width: 180px;}
.table .w190{width: 190px;}
.table .w195{width: 195px;}
.table .w200{width: 200px;}
.table .w210{width: 210px;}
.table .w222{width: 222px;}
.table .w250{width: 250px;}
.table .w260{width: 260px;}
.table .w300{width: 300px;}
.table .w350{width: 350px;}
.table .w400{width: 400px;}
.table .w450{width: 450px;}
.table .w500{width: 500px;}
.table .wauto{width: auto;}


/*操作下拉菜单*/
.alert-dropdown{position:absolute;width:212px;margin:0;top:0;}
.dropdown-menu2{top:36px;right:0;width:212px;background-color:#fff;border:1px solid #dfdfdf\9;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.dropdown-menu2 .dp-content{height:292px;overflow-y: auto;}
.dropdown-menu2 .dp-btn{height:60px;margin-right:10px;line-height:60px;text-align: right;}
.dropdown-menu2 .btn-save{width:60px;height:34px;line-height:34px;}
.dropdown-menu2 .item{height:36px;line-height:36px;}
.dropdown-menu2 .item:hover{background-color:#f5f6fa;}
.dropdown-menu2 a{font-size:12px;color:#333;}
.dropdown-menu2  .item .wrap-hook-extra{display:inline-block;width:14px;height:14px;line-height:14px;color:#fff;font-size:14px;margin:10px 8px 10px 10px;border:1px solid #dfdfdf;background-color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;
	-moz-user-select: -moz-none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
	-ms-user-select: none;
	user-select: none;
}
.dropdown-menu2  .item .check{background-color:#0ba0f4;border-color:#0ba0f4;}
.dropdown-menu2  .item .icon-hook{display:inline-block;width:100%;height:100%;background:url(../images/icon_gou_02.png) no-repeat center;vertical-align: top;}
.dropdown-menu2  span{display:inline-block;vertical-align: top;}
.dropdown-menu2  .wrap-icon{width:9px;height:36px;margin-right:13px;background:url(../images/icon_up_down_01.png) no-repeat;background-position: left 0 center;background-position:0 center\9;overflow: hidden;cursor: pointer;}
.dropdown-menu2  .wrap-icon:hover{background:url(../images/icon_up_down_02.png) no-repeat;background-position: left 0 center;background-position: 0 center\9;}
.dropdown-menu2  .wrap-icon-down{background:url(../images/icon_up_down_01.png) no-repeat;background-position: right 0 center;background-position:-24px center\9;}
.dropdown-menu2  .wrap-icon-down:hover{background:url(../images/icon_up_down_02.png) no-repeat;background-position: right 0 center;background-position: -24px center\9;}
.dropdown-menu2 .item-last .wrap-icon-down{background:url(../images/icon_up_down_01.png) no-repeat;background-position: right 0 center;background-positon:0 center\9;}
.dropdown-menu2  .item:hover .wrap-icon{display:inline-block;}


/*@font-face {font-family: "iconfont";
	src: url('../fonts_chat/iconfont.eot?t=1469505235'); !* IE9*!
	src: url('../fonts_chat/iconfont.eot?t=1469505235#iefix') format('embedded-opentype'), !* IE6-IE8 *!
	url('../fonts_chat/iconfont.woff?t=1469505235') format('woff'), !* chrome, firefox *!
	url('../fonts_chat/iconfont.ttf?t=1469505235') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!
	url('../fonts_chat/iconfont.svg?t=1469505235#iconfont') format('svg'); !* iOS 4.1- *!
}

.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.fi-face:before { content: "\e601"; }
.fi-mobile:before { content: "\e602"; }
.fi-search:before { content: "\e603"; }
.fi-cut:before { content: "\e604"; }
.fi-back:before { content: "\e605"; }
.fi-arrow-right:before { content: "\e606"; }
.fi-location:before { content: "\e607"; }
.fi-folder:before { content: "\e608"; }*/

/*chatContainer*/
.alert-chat{top:50%;margin:-300px 0 0 -450px;width:900px;padding:0;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);}
.alert-chat .wrap-close{display:block;right:6px;background:none;}
.alert-chat  .wrap-close .icon-guanbi{display:inline-block;margin-top:1px;font-size:22px;color:#999;font-weight:bold;}
.alert-chat .list-item .wrap-close{line-height:14px;text-align:center;}
.alert-chat .list-item .wrap-close .icon-guanbi{color:#fff;font-size:15px;vertical-align: top;font-weight:normal;}
.chatContainer{height:80%;min-height:600px;height:60px;-webkit-transition:padding .3s linear;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:14px;}
@media (max-width: 1000px),(max-height: 800px) {
	.chatContainer{padding-top:0;height:100%;}
}
.chat{max-width:1000px;min-width:800px;height:600px;margin:0 auto; overflow:hidden;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);}
.panel{position:relative;width:280px;height:100%;float:left;background:#0ba0f4;overflow: hidden;}
.panel .mt{float:left;width:64px;}
.panel .mc{float:left;height:600px;background-color:#39b8ff;}

.header{position:relative;min-width:10px;/* padding: 10px 18px; */background:#0ba0f4;box-sizing: border-box;}
.header .avatar{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;padding-right:10.625px;}
.header .avatar .img{width:23px;height:20px;margin-top:3px;display:block;cursor:pointer;}
.header .info{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;width:100%;}
.header .info .nickname{display:inline-block;font-weight:400;width:156px;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#fff;font-size:16px;vertical-align:top;line-height:31px;text-decoration:none;}

.tab{overflow:hidden;position:relative; /* background-color: #0ba0f4; */}
.tab .tab-item{position:relative;border-bottom:1px solid #0ba0f4;}
.tab .tab-item a{display:block;/*height:20px;*//*margin:16px 0;*/padding:22px 15px;border-left:1px solid #0ba0f4;font-size:16px;text-align:center;color:#fff;}
.tab .tab-item i{position:absolute;top:24px;right:10px;display:none;font-style:normal;vertical-align: top;}
.tab .tab-item:first-child a{border-left: none;}
.tab .tab-item.on,.tab .tab-item:hover{background-color:#39b8ff;}
.tab .tab-item.on a{color:#fff;}
.tab .tab-item.on i{display:inline-block;}
.tab .tab-item .avatar{margin:2px 0 5px;}

.search-chat{position: relative;width:216px; padding:10px 0;}
.search-chat .form{position:relative;width:216px;margin:auto;}
.search-chat .iconfont{position:absolute;left:10px;top:5px;z-index:101;display:inline-block;vertical-align:middle;font-size:18px;color:#616672;}
.search-chat .search-text{width:198px;height:26px;padding:0 38px 0 12px;margin-left:9px;line-height:26px;border:0;box-sizing:border-box;border-radius:30px;background-color:#0ba0f4;color:#fff;}
.search-chat .wrap-icon-search{position:absolute;top:6.5px;right:25px;display:inline-block;width:14px;height:14px;background:url(../images/icon_search_14_14.png) no-repeat;cursor: pointer;}
.alert .search-chat .wrap-close{right:24px;top:6px;display:none;width:14px;height:14px;background-color:#fff;border-radius:14px;-moz-border-radius: 14px;-webkit-border-radius: 14px;text-align: center;}
.alert .search-chat .wrap-close .icon-guanbi{position:static;margin-top:0;vertical-align: top;font-size:12px;color:#0ba0f4;}
.search-result{position: absolute;left: 10px;top: 40px;z-index: 9; width: 196px;max-height: 255px; overflow: auto;}
.search-result .nothing{display: none; height: 16px; padding: 5px 10px; border-top: 1px solid #0ba0f4; border-radius: 2px; background-color: #0ba0f4; line-height: 16px; color: #fff;}
.search-result .something{display: none; padding: 0; background-color: #263548;}

.search-result .list-item:hover,
.search-result .sub-item:hover{background-color: transparent;}
.search-result .list-item .inner{width: auto;padding: 5px 10px;}
.search-result .list-item .sub-item:hover .inner{border-top-color: #172331;}
.search-result .list-item .msg,
.search-result .list-item .time,
.search-result .list-item .action{display: none;}

.list{position:relative;height:554px;}
.list-item{position:relative;width:216px;overflow: hidden;}
.list-item > .dt,
.list-item .inner{position: relative; width: 220px;height: 40px; padding: 8px 0;margin: 0 auto;}
.list-item > .dt{padding-left: 20px;}
.list-item > .dt .cssarr-right{position: absolute;left: 8px;top: 50%; width: 0;height: 0; margin-top: -5px; border-left-color: #fff; transition: all .2s ease-in-out;}
.list-item.on > .dt .cssarr-right{
	border-left-color: #5874d8;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);   /* IE 9 */
	-moz-transform:rotate(90deg);  /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg);  /* Opera */
}
.list-item .avatar{position: relative; display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;padding:0 10.625px;}
.list-item .avatar .img{width:40px;height:40px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:block;cursor:pointer;}
.list-item .avatar .icon-dot{position: absolute;right: 0;top: 0;}
.list-item .info{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;max-width:194px;}
.list-item .nickname{display:inline-block;font-weight:400;width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#fff;vertical-align:top;line-height:31px;text-decoration:none;}
.list-item .nickname .count{display: none; margin: 0 5px;}
.list-item > .dt > .count{position: absolute;right: 0;top: 10px;line-height: 40px; color: #777;}
.list-item > .dt > .action{position: absolute;right: 0;top: 10px; display: none; line-height: 40px;}
.list-item > .dd{display: none; background-color: #263548;}
.list-item:hover,
.sub-item:hover{background-color: #4dbfff;cursor: pointer;}
.list .list-item.on{background-color: #0ba0f4;}
/*.customer-list .list-item.on{background-color: transparent;cursor: pointer;}*/
.list-item.on > .dt .nickname{color: #5874d8;}
.list-item.on .nickname .count{display: inline;}
.list-item.on > .dt > .count{display: none;}
.list-item.on > .dt > .action{display: block;}
.list-item .sub-item{background-color: #212838;}
.list-item .sub-item:hover{background-color: #384154;}
.list-item .sub-item:hover .inner{border-top-color: #2a3a4f;}
.list-item .sub-item:first-child .inner{border-top: none;}
.list-item .sub-item .info{height: 36px;padding: 2px 0;line-height: 18px;}
.list-item .sub-item .nickname,
.list-item .sub-item .msg{height: 18px; line-height: 18px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-item .sub-item .msg{color: #777;font-size: 12px;}
.list-item .sub-item .time{position: absolute;right: 0;top: 10px;line-height: 20px; color: #777;}

.list-item .wrap-close{top:22px;display:none;background-image:none;width:16px;height:16px;line-height:16px;background-color:#235f80;color:#fff;border-radius:16px;}
.list-item:hover .wrap-close{display:block;}
.list .wrap-btn-sign{position:absolute;left:50%;bottom:15px;width:104px;height:32px;margin-left:-52px;border:1px solid #fff;border-radius:5px;text-align: center;line-height:32px;cursor: pointer;}
.list .wrap-btn-sign > .btn-sign{width:100%;font-size:14px;color:#fff;}

.service-list,.info-center{display: none;}
.list .list-item .info{height: 36px;padding: 2px 0;line-height: 18px;}
.list .list-item .nickname,
.list .list-item .msg{width:123px;height: 18px; line-height: 18px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list .list-item .msg{color: #b9e2fe;font-size: 12px;}
.list .list-item.disabled{cursor: default;}
.list .list-item.disabled .img{opacity: .5;filter: alpha(opacity=50);}
.list .list-item.disabled .nickname,
.list .list-item.disabled .msg{color: #777;}

.section{height: auto;}
/* .section .wrap{position: relative; height: 100%; overflow: hidden; background: transparent url(../images/icon_nochat.png) no-repeat 50% 182px;} */
.conversation{height: 100%; background-color: #f6f6f6; visibility: hidden;}
.conversation .mt{position: relative; height: 38px; padding: 6px 0; border-bottom: 1px solid #ddd;}
.conversation .mt .person{padding-left:20px;height:38px;line-height:38px;font-size:14px;color:#999;}
.conversation .person .btn-edit,.conversation .person .btn-save{color:#0ba0f4;margin-left:6px;cursor: pointer;}
.conversation .person .btn-edit{display:inline-block;padding-left:20px;background:url(../images/icon_bianji_03.png) no-repeat 0 center;background-size:14px 14px;vertical-align: top;}
.conversation .person .btn-save{display:none;background:none;}
.conversation .mt .person .name{display:inline-block;max-width:150px;color:#333;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.conversation .mt .person .person-name{display:none;width:138px;height:30px;padding:0 10px;margin-left:-11px;line-height:30px;border:1px solid #ddd;font-size:14px;color:#333;font-weight:bold;}
.conversation .mt .read-jobInfo{position:absolute;right:70px;top:14px;}
.conversation .mt .read-jobInfo a{font-size:14px;color:#0ba0f4;}
.conversation .back{position: absolute;left: 0;top: 20px; color: #999;}
.conversation .back:hover{color: #5874d8;}
.conversation .fi-back{font-size: 24px;}
.conversation .title{line-height: 38px; font-weight: 700; color: #283040;}
.conversation .btn-showInfo{cursor: pointer;}
.conversation .userInfo{position: absolute;left: -20px;top: 61px; z-index: 2; display: none; width: 480px;padding: 30px 120px; border-bottom: 1px solid #ddd; background-color: #f6f6f6; text-align: left; box-shadow: 0 2px 3px 1px rgba(0,0,0,.08);}
.conversation .userInfo > .avatar{float: left;}
.conversation .userInfo > .info{padding-left: 15px;padding-top: 10px; line-height: 1.8; overflow: hidden;}
.conversation .userInfo > .info .name{font-size: 18px;color: #283040;}
.conversation .userInfo > .info .location,
.conversation .userInfo > .info .phone{margin-left: 15px; color: #777;}
.conversation .userInfo > .info .fi{color: #5874d8;font-size: 20px;}
.conversation .userInfo > .info > h3{height: 48px; line-height: 24px; font-size: 16px;color: #777; overflow: hidden;}
.conversation .userInfo > .info > p{color: #777;}
.conversation .mc{position: absolute;left: 0;right: 0;top: 50px;bottom: 171px;}
.conversation .message-list{max-height: 100%; padding:20px;box-sizing:border-box;overflow: hidden;overflow-y: auto;}

.conversation .user-group{width: 100%;height: 70px;}
.conversation .user-group > .wrapper{position: absolute;left: 0;top: 0;z-index: 9; width: 100%; height: 40px; padding: 10px 0 20px; background-color: #f6f6f6;}
.conversation .user-slider{position: relative;height: 100%; margin: 0 20px;}
.conversation .user-slider .prev{position: absolute;left: 0;top: 0; height: 40px;width: 20px; line-height: 40px;text-align: left; cursor: pointer;}
.conversation .user-slider .next{position: absolute;right: 0;top: 0; height: 40px;width: 20px; line-height: 40px;text-align: right; cursor: pointer;}
.conversation .user-slider .slides{width: auto;height: 100%; margin: 0 20px; overflow: hidden;}
.conversation .user-slider .slide{float: left; width: 40px;height: 40px; margin-right: 10px;}
.conversation .user-slider .avatar,
.conversation .user-slider .avatar .img{display: block; width: 40px;height: 40px; border-radius: 40px;}

.conversation .time{display: block;margin: 10px auto;text-align: right;}
.conversation .message-mine .time{margin:4px 54px 0 0;}
.conversation .message-yours .time{margin:4px 0 0 54px;text-align: left;}
.conversation .time .answer-time{}
.conversation .time span{display:inline-block;font-size:12px;color:#999;}
.conversation .nomessage{margin-top: 120px;text-align: center;color: #ccc;}
.message{margin-bottom:16px;float:left;width:100%;}
.message .avatar{width:40px;height:40px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;float:left;cursor:pointer;}
.message .content{overflow:hidden;}
.message-mine{float:right;text-align:right;clear:right;}
.message-mine .avatar{float:right;margin-left:3px;}
.message-yours .avatar{margin-right:3px;}
.message-yours .bubble_cont .btn-resend .iconfont{color:transparent;}
.bubble{max-width:492px;min-height:1em;display:inline-block;vertical-align:top;position:relative;text-align:left;font-size:14px;border-radius:7px;margin:0 10px;}
.bubble.right{background-color:#0ba0f4;color: #fff}
.bubble.left{background-color:#ddd;color: #333;}
.bubble:before,
.bubble:after{position:absolute;top:12px;border:6px solid transparent;content:" ";}
.bubble.right:after{border-left-color: #0ba0f4;border-left-width: 6px}
.bubble.left:after{border-right-color: #ddd;border-right-width: 8px;/*background-color:#ddd;*/}
.bubble.left:before{border-left:0;/*border-right:10px solid #ddd;*/}
.bubble.left:before,
.bubble.left:after{right: 100%;}
.bubble.right:before,
.bubble.right:after{left:100%;}
.bubble_cont{word-wrap:break-word;word-break:break-all;min-height:25px;}
.bubble_cont .plain{padding:7px;position:relative;}
/*.bubble.left .bubble_cont .plain{border:1px solid #ddd;}*/
/*.bubble.left .bubble_cont .plain:before{content:'';position:absolute;left:0;top:0;z-index:9;width:1px;height:16px;display:block;margin-top:9px;background-color:#fff;}*/
.bubble_cont .plain pre{margin:0;font-family:inherit;font-size:inherit;white-space:pre-wrap;word-break:initial;}
.bubble_cont img{max-width: 100%; vertical-align:middle;}
.bubble_cont .plain .loading{position:absolute;right:100%;top:50%;margin-top:-7px;margin-right:13px;}
.btn-resend{position:absolute;right:100%;top:50%;margin-top:-11px;margin-right:9px;cursor:pointer;display:block;width:22px;height:22px;vertical-align:middle;display:inline-block;}
.bubble_cont .btn-resend .iconfont{font-size: 22px;color: #ea5652;}
.btn-theme{background-color: #0ba0f4!important;color: #fff!important;}
.btn-theme:hover{opacity:0.8;filter:alpha(opacity=80);color: #fff!important;}
.btn-theme2{background-color: #34b4ec!important;color: #fff!important;}
.btn-theme2:hover{background-color: #49c4f9!important;color: #fff!important;}
.btn-danger{background-color: #ea5652!important;color: #fff!important;}
.btn-danger:hover{background-color: #f9706c!important;color: #fff!important;}
.btn-border,
.btn-border:hover{background: transparent!important;border: 1px solid #5874d8;color: #5874d8;}

/*按钮群组 button-group*/
.button-group{overflow: hidden;}
.button-group .button-item{float: left;margin-left: 10px;}
.button-group .button-item:first-child{margin-left: 0;}

.btn-group{overflow: hidden;}
.btn-group .btn{float: left;margin-left: 10px;}
.btn-group .btn:first-child{margin-left: 0;}

/*图标文字按钮*/
.btn-import:hover,
.btn-export:hover{color: #5874d8;}

.btn-showdetail{cursor: pointer;}

.btn.error{background-color: #ea5652!important;color: #fff!important; transition: background-color .2s linear;}
/*mb*/
.chat .mb{position:absolute;right:0;bottom:0;left:0; height:170px;padding: 0 20px;border-top:1px solid #d6d6d6;}

.chat .message-record{position: absolute;right: 20px;top: 0;}
.chat .message-record .btn-showRecord{height: 38px;line-height: 38px;text-align: right;color:#333; cursor: pointer;}
.chat .message-record .message-record-options{position: absolute;right: 0;top: 90%; display: none; min-width: 108px; padding: 5px 9px; border: 1px solid #ddd;border-radius: 3px; background-color: #fff; box-shadow: 4px 4px 5px 1px rgba(0,0,0,.1);}
.chat .message-record .message-record-options .item{font-size: 12px;line-height: 1.8;color: #777; cursor: pointer;}
.chat .message-record .message-record-options .item:hover{color: #5874d8;}
.chat .message-record .iconfont{display:inline-block;margin-left:6px;font-size:12px;transition:all 0.2s ease-in-out;transform:rotate(180deg);vertical-align: top;}
.chat .editor{width:100%;height:118px; margin-bottom: 10px;}
.chat .editor .freeWords{width:100%;height:60px;visibility:hidden;}
.chat .ke-container{border: none;background-color: transparent;}
.chat .ke-toolbar{padding: 10px 0 6px; border-bottom: none;background-color: transparent;}
.chat .ke-statusbar{display: none;}
.chat .ke-edit{border-radius: 4px; background-color: #fff;}
.chat .ke-toolbar .ke-outline{display:none;padding: 0;margin: 0;margin-left: 10px; border: none; overflow: visible; transition: none;}
.chat .ke-toolbar .ke-outline:first-child{margin: 0;}
.chat .ke-edit{height:100px;}
.chat .ke-toolbar .ke-on{color: #5874d8;}
.chat .ke-toolbar-icon{display: inline-block; width: 22px;height: 22px; background: none; line-height: 22px;text-align: center; font-size: 23px;color: #6b7b96; vertical-align: middle;}
.chat .ke-icon-image{font-size:18px;}
.chat .ke-icon-insertfile{font-size:17.5px;}
.chat .ke-icon-emoticons{margin-top:2px;}
.chat .ke-icon-emoticons:before { content: "\e748"; }
.chat .ke-icon-image:before {content: "\e689";}
.chat .ke-icon-insertfile:before {content: "\e644";}

.chat .action{text-align: right;padding:0;}
.chat .btn-send{display: inline-block; width: 80px;height: 30px; border-radius: 3px; line-height: 30px;text-align: center; font-size: 12px;color: #fff;}
/*=============================================================== local CSS ===============================================================*/
/*客户端*/
.chat-client .panel .title{display:block;height:20px;padding:16px 18px;border-bottom:1px solid #2a3a4f;overflow:hidden;}
.chat-client .panel .title h3{color:#5874d8;font-size: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.chat-client .panel .title .icon-dot{margin: 0 5px;}
.chat-client .service-list{display: block;}

.label{display:inline-block;margin-left:8px;background-color:#0abd98;width:22px;height:22px;line-height:22px;font-size:15px;color:#fff;vertical-align: 7px;text-align: center;}
.label.vt-8{vertical-align: 8px;}
.label-sm{width:18px;height:18px;line-height:18px;font-size:13px;vertical-align: 5px;border-radius:10px;position:relative;top:3px;}
.label-money{display:inline-block;padding:0 9px;height:28px;line-height:28px;font-size:14px;color:#fff;background-color:#0abd98;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}
.vt-1{vertical-align: 1px;}  .vt-2{vertical-align: 2px;}  .vt-3{vertical-align: 3px;} .vt-4{vertical-align: 4px;} .vt-6{vertical-align: 6px;} .vt-7{vertical-align: 7px;}  .vt-8{vertical-align: 8px;}
.label-l{width:auto;height:20px;line-height:20px;padding:0 6px;font-size:14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/*右侧悬浮栏*/
.right-bar{width: 47px;height: 56px;position: fixed;display: block;bottom: 143px;margin-left: 50%;left: 620px;z-index:100;}
#feedback {z-index: 9999;width: 38px;height: 38px;text-align: center;line-height: 38px;color: #444;cursor: pointer;border-radius: 2px; text-decoration: none;opacity: 1;transition: opacity .2s ease-out;}
#feedback .img{width: 47px;height: 47px;background: url(../images/icon_feedback_bar.png) no-repeat;background-position: 0px 0px;}
#feedback .img:hover{width: 47px;height: 47px;background: url(../images/icon_feedback_bar_1.png) no-repeat;background-position: 0px 0px;}
#back-to-top.show {opacity: 1;}
#back-to-top {z-index: 9999;width: 38px; margin-top: 5px; display: block;height: 38px;text-align: center;line-height: 38px;color: #444;cursor: pointer; border-radius: 2px; text-decoration: none;opacity: 0;transition: opacity .2s ease-out;}
#back-to-top .img{width: 47px;height: 47px;background: url(../images/backtop.png?v=1.2) no-repeat;background-position: 0px -47px;}
#back-to-top .img:hover{width: 47px;height: 47px;background: url(../images/backtop.png?v=1.2) no-repeat;background-position: 0px -47px;}