*{padding: 0;margin: 0;}
.ng-cloak{ display: none; }
ul,li,dl,dt,dd,a{text-decoration: none;list-style: none;}
body{font-family: "Roboto","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;min-width: 1010px;opacity: 0}
@keyframes bodyShade {
    0%{opacity: 0}
    50%{  opacity:0.02;}
    100%{opacity: 1}
}
@-moz-keyframes bodyShade {
    0%{opacity: 0}
    50%{  opacity:0.02;}
    100%{opacity: 1}
}
@-ms-keyframes bodyShade {
    0%{opacity: 0}
    50%{  opacity:0.02;}
    100%{opacity: 1}
}
@-o-keyframes bodyShade {
    0%{opacity: 0}
    50%{  opacity:0.02;}
    100%{opacity: 1}
}
@-webkit-keyframes bodyShade {
    0%{opacity: 0}
    50%{  opacity:0.02;}
    100%{opacity: 1}
}
a{color: #000;}
a:hover{text-decoration: none;}
.skyblue{color: #0099ff}
.gray6{color:#666;}
.gray8{color: #868686;}
.white{color: #FFF !important;}
.blue1{color: #157bc5;}
.black4{color: #404040;}
.gray98{color: #989898}
.gray9{color: #999;}
.text-red{color: #dd4b39 !important;}
.text-yellow{color: #f39c12 !important;}
.text-blue{color: #39a1e8}
.text-green{color: #00a65a!important;}
.text-lightred{color: #ff9595!important;}
.text-red-1{color: #a11}
.text-orange-1{color: #cc880c}

a:hover{color: #39A1E7; cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.dis_block,.block{display: block;}
.dis_inline,.inline{display: inline-block !important;}
.hidden{visibility: hidden;}
.pos_ab{position: absolute;}
.pos_re{position: relative;}
.pos_fix{position: fixed;}
.td2{text-indent: 2em;}

.w100{width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w29{width: 29%;}
.w100_{width: 100px;}
.w105_{width: 105px}
.w120_{width: 120px}
.w200_{width: 200px}
.w150_{width: 150px}
.w70_{width: 70px}
.w60_{width: 60px;}
.l-1200{margin: 0 auto;max-width: 1600px}
.oh{overflow: hidden;}
.foh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.whitebg{background-color: #fff!important;}
.fabg{background-color: #FAFAFA;}
.graye{background-color: #ECECEC;}
.greenbg{background-color: #06bd60 !important;}
.bluebg{background-color: #39a1e7; }
.redbg{background-color: #d2335c !important;}
.orange{background-color: orange !important;}
.graytr{background-color: #f2f5f7}
.qrsm_bg{background-color: #cddc39}
.msz_bg{background-color: #4dd0e1}
.rzz_bg{background-color: #ba68c8}
.syz_bg{background-color: #f06292}
.sjff_bg{background-color: #4db6ac}
.fail_bg{background-color: #e57373}
.success_bg{background-color: #0ee176}
.bg-default{background: #f2f5f7}

.box,.flexbox{display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;display: -ms-flexbox;  /* TWEENER - IE 10 */ display: -webkit-flex;	 /* NEW - Chrome */ display: flex;flex-flow: wrap}
.flex1{-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1;/* OLD - Firefox 19- */ width: 20%;  /* For old syntax, otherwise collapses. */ -webkit-flex: 1;		  /* Chrome */ -ms-flex: 1;			  /* IE 10 */ flex: 1;	}
.flex2{-webkit-box-flex: 2;	  /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 2;/* OLD - Firefox 19- */ width: 40%;  /* For old syntax, otherwise collapses. */ -webkit-flex: 2;		  /* Chrome */ -ms-flex: 2;			  /* IE 10 */ flex: 2;	}
.fboxc{align-items:center;/*垂直居中*/  justify-content: center;/*水平居中*/-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1;/* OLD - Firefox 19- */ width: 20%;  /* For old syntax, otherwise collapses. */ -webkit-flex: 1;/* Chrome */ -ms-flex: 1;			  /* IE 10 */ flex: 1;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.clear:before,.clear:after{  display: table;  content:'';  clear:both;  }
.hand{cursor: pointer}

.b_bottom2{border-bottom:2px solid red}
.b_bottom6{border-bottom: 6px solid #157bc5}
.b_bottom1{border-bottom: 1px solid #ddd}
.brd1{border-right: 1px dashed #ddd}
.btd1{border-top: dashed 1px #ddd}
.bd1{border:1px solid #DDD}
.bd0{border: none !important}
.bbf3{border-bottom: 1px solid #f3f3f3 !important}
.bt1{border-top: 1px solid #ddd}
div.line{border-bottom: 1px dashed #ddd}


.pd0{padding: 0 !important;}
.pl0{padding-left: 0px}
.ptb1{padding-top: 1px !important; padding-bottom: 1px !important;}
.ptb5{padding-top: 5px ; padding-bottom: 5px}
.pd10{padding: 10px !important;}
.plr16{padding-left: 16px;padding-right: 16px}
.pl5{padding-left: 5px}
.pl15{padding-left: 15px}
.ptrbl20{padding: 20px}
.pd5{padding: 5px}
.pd20{padding: 20px}
.pd30{padding: 30px}
.pt0{padding-top: 0;}
.pt5{padding-top: 5px}
.pt20{padding-top: 20px}
.pt30{padding-top: 30px}
.pt15{padding-top: 15px}
.ptb10{padding: 10px 0}
.pb20{padding-bottom: 20px}
.pb15{padding-bottom: 15px}
.prl0{padding-left: 0;padding-right: 0}
.pr0{padding-right: 0}

.mt20{margin-top: 20px}
.mt15{margin-top: 15px}
.mt10{margin-top: 10px}
.mtb5{margin-top: 5px; margin-bottom: 5px}
.mt5{margin-top: 5px}
.mt30{margin-top: 30px}
.mt60{margin-top: 60px}
.mt_6{margin-top: 6em}
.mr15{margin-right: 15px}
.ml0{margin-left: 0!important;}
.ml5{margin-left: 5px}
.mr5{margin-right: 5px}
.ml30{margin-left: 30px}
.ml15{margin-left: 15px}
.mb30{margin-bottom: 30px !important;}
.mb20{margin-bottom: 20px !important;}
.mb10{margin-bottom: 10px !important;}
.mb0{margin-bottom: 0 !important;}
.mt0{margin-top: 0!important;}
.mtlr0{margin-left: 0 !important;margin-right: 0 !important;}
.mr-lg{margin-right: 32px}
.mr-sm{margin-right: 24px}

.lh0{line-height: 0}
.lh26{line-height: 26px}
.lh28{line-height: 28px}
.lh30{line-height: 30px}
.lh36{line-height: 36px}
.lh60{line-height: 60px}

.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px}
.fz20{font-size: 20px!important;}
.fz22{font-size: 22px;}
.fz30{font-size: 30px;}
.fz40{font-size: 40px;}
.small-font{font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.80); display: inline-block; }
.small_font{ -webkit-transform: scale(0.80); display: inline-block; }
.fw{font-weight:normal;}
.fb{font-weight: bold;}
.fno{white-space:nowrap; }

.vsub{vertical-align: sub;}
.vb{vertical-align: bottom;}
.vs{vertical-align: super;}
.vmd{vertical-align: middle;}
.vttop{vertical-align: text-top;}
.vtop{vertical-align:top;}

.opc{opacity: 0;}

.span-bagde{    display: inline-block;  padding: 1px 5px;  border-radius: 3px;  border: 1px solid #EBEFF6;  font-size: 13px;  margin-right: 5px;  color: #82939E;}

/*icon*/
.icon{display: inline-block;}
.icon-invoice{background: url("/public/images/icon/invoice.png") center; height: 64px;  width: 64px;  background-repeat: no-repeat;  float: left;height: 100%;}
.icon-invoice_end{background: url("/public/images/icon/invoice_end.png")center; height: 64px;  width: 64px;  background-repeat: no-repeat;  float: left;height: 100%;}
.icon-invoice_start{background: url("/public/images/icon/invoice_start.png")center; height: 64px;  width: 64px;  background-repeat: no-repeat;  float: left;height: 100%;}
.icon-meun{background: url("/public/images/icon/resume_class.png");background-position: center;background-repeat: no-repeat;   height: 64px;  background-size: 32px;}
.icon-virtual{background: url("/public/images/icon/virtual.png");background-position: center;background-repeat: no-repeat;  height: 64px;  background-size: 36px;}
.icon-digital{background: url("/public/images/icon/digital.png");background-position: center;background-repeat: no-repeat;  height: 64px;  background-size: 32px;}
.icon-resume-user-bg{background: url("/public/images/icon/resume_user.png")left no-repeat; width: 26px;height: 21px;vertical-align: top;background-size: 19px}
.icon-resume-attch-bg{background: url("/public/images/icon/resume_atten.png")left no-repeat;width: 26px;height: 21px;vertical-align: top;background-size:22px}
.icon-contract{background: url("/public/images/icon/contract.png")0px -2px no-repeat;width: 18px;height:15px;}

/*悬赏方式图标*/
.RZF{background-color: #06bd60;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px;cursor:pointer;}/*入职付*/
.GBF{background-color: #00BCD4;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px;cursor:pointer;}/*过保付*/
.LSF{background-color: #de5b51;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px;cursor:pointer;}/**零首付*/
.MSF{background-color: #05dea1;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px;cursor:pointer;}/**面试付*/
.WLSP{background-color: #FF7043;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px;cursor:pointer;}/**微猎速聘*/

.impatient{background-color: #DF3440;display: inline-block;cursor:pointer;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px}/*加急*/
.straw{background-color: #5dcb0b;display: inline-block;font-size: 14px;color: #fff;cursor:pointer;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px}/*推荐*/
.credit{background-color: #4caf50;cursor:pointer;display: inline-block;font-size: 14px;color: #fff;border-radius: 4px;font-weight: 700;text-align: center;line-height: 12px;padding: 4px}/*推荐*/
.Bigcustomer{ background: url(/public/images/icon/dakehu.png)center no-repeat;  background-size: 20px;  font-size: 0;  cursor: pointer;  display: inline-block;  width: 22px;  height: 20px;  vertical-align: text-bottom;}/*大客户*/
.VIP{background: url(/public/images/icon/vip.png)center no-repeat; background-size: 22px;  font-size: 0;  cursor: pointer;  display: inline-block; width: 22px;  height: 22px;  vertical-align: text-bottom;} /*VIP客户*/
.Certification{background: url(/public/images/icon/saryfe.png)center no-repeat; background-size: 17px;  font-size: 0;  cursor: pointer;  display: inline-block; width: 17px;  height: 22px;  vertical-align: text-bottom;} /*VIP客户*/
.quality{background: url(/public/images/icon/quality.png)center no-repeat; background-size: 20px;  font-size: 0;  cursor: pointer;  display: inline-block; width: 22px;  height: 22px;  vertical-align: text-bottom;} /*VIP客户*/
.rewardMoneybtn{position: relative;  display: inline-block; background: #fff;  padding: 1px 10px 1px 47px;  border-radius: 4px;  border: 1px solid #cec5c5;  color: #e02626!important;    height: 25px;  line-height: 22px;}
.rewardMoneybtn:before{content: attr(data-text);  display: inline-block;  position: absolute;  left: -1px;  top: -1px;  bottom: -1px;  line-height: 25px;  background: #ec2c2c;  width: 40px;  text-align: center;  color: #fff;  border-radius: 4px 0 0 4px;}


footer{background: #3e3e3e;padding: 45px 0;float: left; min-width: 100%;font-size:15px;transition: transform .1s}
footer.fixedbom{position: fixed;bottom: 0px;transition: bottom 2s; }
footer .botm ul{padding-bottom: 16px;  max-width: 1400px;  margin: 0 auto;  }
footer .botm li{color: #f1f1f1;  text-align: center;}
footer .botm li h2,.botm li h1{margin-bottom:10px ;font-size: 26px}
footer .botm li .infomation{width: 580px;display: inline-block;line-height: 30px;}
footer .botm li .infomation p span{text-align: center;display: inline-block;}
footer .botm li a{display: inline-block;color: #f1f1f1}
footer .botm li .code{ display: inline-block;   width: 470px;  display: inline-block;  vertical-align: bottom;}
footer .botm li .code div:last-child{width: 150px}
footer .botm li .code .ql_code img{width: 90px;}
footer .botm li .code .ql_link p img{width: 26px;background:#fff;border-radius: 50%;vertical-align: middle;margin: 0 5px}
footer .botm li .code .ql_link p{    line-height: 32px;  margin-bottom: 0;}
footer .botm li .code .ql_link p:hover{cursor: pointer;background: #505050}
footer .f_link{padding: 12px 0}
footer .f_link p{color: #9daeb7;  font-size: 16px;  line-height: 22px;}
footer .f_link p:last-child{  margin-bottom:0;}
footer .f_link p span{margin-right:18px}

/*分页*/
.page-list .pagination>li>a, .pagination>li>span{  color: #c37b7e;  padding: 8px 16px;  }
.page-list .pagination>.active>a{background-color: #d4d7da;  border-color: #c1c5c5;  color: #847c7c;}

.loadingbar{top: 0; bottom: 0; left: 0; background: rgba(0,0,0,.1); width: 100%;}
.spinner { margin: 100px auto 0; width: 150px; text-align: center; }
.spinner > div { width: 30px; height: 30px; background-color: #ff8f00;  border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

/*全局遮罩样式 loading start*/
#loadingShade{position: fixed;top:0;left: 0;bottom: 0;right: 0;background: #fff; z-index: 2}
#loadingShade .loading-body{display: table;text-align: center;width: 100%;height: 100%}
#loadingShade .loading-body .loading-content{display: table-cell;vertical-align: middle;color: #ccc}
#loadingShade .loading-body .loading-content span{display: block;margin-top: 20px}

#loading {  background-color:#fff;  height: 100%;  width: 100%;  position: fixed;  z-index: 19999999;  margin-top: 0px;  top: 0px;  }
#loading-table{display: table;width: 100%;height: 100%;vertical-align: middle}
#loading-tell{display: table-cell;text-align: center;vertical-align: middle}
.mask{ height: 100%;  width: 100%;  position: fixed;  z-index: 1;left: 0; top: 0px;background: rgba(0,0,0,.2);display: none}
[data-loader=loader-circle] {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -webkit-animation: loader-circle infinite 1s linear;
    -moz-animation: loader-circle infinite 1s linear;
    -o-animation: loader-circle infinite 1s linear;
    animation: loader-circle infinite 1s linear;
    border: 2px solid #607D8B;
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.2);
    border-radius: 100%;
}
@keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading-center-absolute {
	100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolute {
	100% {
		transform:  rotate(-45deg);
		-webkit-transform:  rotate(-45deg);
	}
}
@-webkit-keyframes object_one {
	25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_one {
	25% {
		transform: translate(0,-50px) rotate(-180deg);
		-webkit-transform: translate(0,-50px) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}
@-webkit-keyframes object_two {
	25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_two {
	25% {
		transform: translate(50px,0) rotate(-180deg);
		-webkit-transform: translate(50px,0) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}

@-webkit-keyframes object_three {
	25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_three {
	25% {
		transform:  translate(-50px,0) rotate(-180deg);
		-webkit-transform:  translate(-50px,0) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}
@-webkit-keyframes object_four {
	25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_four {
	25% {
		transform: translate(0,50px) rotate(-180deg);
		-webkit-transform: translate(0,50px) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}
/* loading end */

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes rating{
	0%{
		transform:scale(1)
	}
	99%{
		transform:scale(2);opacity:0
	}
	to{
		transform:scale(1);opacity:0
	}
}

@keyframes topslow{
	from{
		top:0 ;
	}
	to{
		margin-top: 100px;
	}
}

.fillter-animate-upin {
    -webkit-animation: upin 1s forwards  ease;
    -moz-animation: upin 1s forwards  ease;
    -ms-animation: upin 1s forwards  ease;
    -o-animation: upin 1s forwards  ease;
    animation: upin 1s forwards  ease;
}

.fillter-animate-downin {
    -webkit-animation: downin 1s forwards  ease;
    -moz-animation: downin 1s forwards  ease;
    -ms-animation: downin 1s forwards  ease;
    -o-animation: downin 1s forwards  ease;
    animation: downin 1s forwards  ease;
}
@-moz-keyframes upin{
    0% {
        margin-left:0;
        width: 100%
    }
    100% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
}

@-ms-keyframes upin{
    0% {
        margin-left:0;
        width: 100%
    }
    100% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
}

@-o-keyframes upin{
    0% {
        margin-left:0;
        width: 100%
    }
    100% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
}

@keyframes upin{
    0% {
        margin-left:0;
        width: 100%
    }
    100% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
}

@-moz-keyframes downin{
    0% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
    100% {
        margin-left:0;
        width: 100%
    }
}

@-ms-keyframes downin{
    0% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
    100% {
        margin-left:0;
        width: 100%
    }
}

@-o-keyframes downin{
    0% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
    100% {
        margin-left:0;
        width: 100%
    }
}

@keyframes downin{
    0% {
        margin-left: 16.66666667%;
        width: 83.3333333%
    }
    100% {
        margin-left:0;
        width: 100%
    }
}


@media (max-width: 1480px) {
	#WEBindex{display: none}
	.scaleCon{width: 166px!important;}
}
@media screen and (max-width: 1100px) {
    footer .botm li .infomation {
        width: 520px;
    }
    footer .botm li .code {
        width: 410px;
    }
}
@media screen and (max-width: 991px) {
    footer .botm li .infomation {
        width: 410px;
    }
    footer .botm li .code {
        width: 300px;
    }
    footer .f_link p {
        font-size: 14px;
        line-height: 20px;
    }
    footer .botm li .code .ql_link p {
        font-size: 14px;
        line-height: 32px;
    }
    footer .botm li h2, .botm li h1 {
        font-size: 23px;
    }
}
@media screen and (max-width: 767px) {
    footer .botm li .infomation {
        width: auto;
        display: block;
    }
    footer .botm li .code {
        width: auto;
        margin-top: 30px;
        display: block;
    }
    footer .f_link p {
        font-size: 13px;
        line-height: 17px;
    }
    footer .botm li .code .ql_link p {
        font-size: 13px;
    }
    footer {
        padding: 35px 0 20px 0;
    }
}

/*@media screen and (max-width: 450px) {*/
    /*footer .botm li .infomation {*/
        /*width: auto;*/
        /*display: block;*/
    /*}*/
    /*footer .botm li .code {*/
        /*width: auto;*/
        /*margin-top: 35px;*/
        /*display: block;*/
    /*}*/
/*}*/


/* index 首页**/
.account-label{display: inline-block;line-height: 50px;vertical-align: top}
.account-index {border-right: 1px solid #ecebeb;  padding: 0 36px; }
.account-index p{margin-bottom:5px}
.btn-status{display: inline-block;padding: 3px 6px;font-size: 12px;color: #fff;border-radius: 3px}
.btn-status-default{background-color: #efefef;}