html,body{overflow: auto;background-color: #f7f7f7}
.wrapper{opacity: 0}
body {  width: 100%;  height: 100% ;overflow-x: hidden;}
.fl{float: left}
.fr{float: right}
.cf{clear: both}
.cf:after{display: table;content: "";clear: both}
.inline{display: inline-block}
/*侧边栏统一样式*/
.slideout-menu { position: fixed;  top: 0;  bottom: 0;  width: 256px; left: -256px; min-height: 100vh;  overflow-y: scroll;  -webkit-overflow-scrolling: touch;  z-index: 0;  display: none  }
.slideout-menu-left {  left: 0  }
.slideout-menu-right {  right: 0  }
.slideout-panel {  position: relative; width: 100%;  z-index: 12;  will-change: transform;  min-height: 100vh;overflow: auto}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {  overflow: auto  }
.slideout-open .slideout-menu {  display: block ;background-color: #313535 ;  background: url(/static/app/wap/images/black.jpg);}
#panel{width: 100%}
/*侧边栏主题 简约*/
.slideout-open .slideout-menu[theme='simple']{ background:#fff;}
.slideout-open .slideout-menu[theme='simple'] .mobile-header h3{color: #888}
.slideout-open .slideout-menu[theme='simple'] .mobile-header p{color: #a9a9a9}
.slideout-open .slideout-menu[theme='simple'] .menu-section-list a{color: #736f6f;font-size: .16rem}
.slideout-open .slideout-menu[theme='simple'] .menu-section-list a.active{background-color: #e4e4e4}
/*侧边栏专用遮罩*/
#panel-mask{position: absolute;top:0;left: 0;background:#000;opacity:0;z-index: -1;height: 100%;width: 100%;overflow: hidden;display: none}
#panel-mask.show{display:block;z-index:101;opacity: .2;transition:  opacity .5s ease}
/*模态窗弹出层专用*/
#Mask{position: absolute;width: 100%;height: 100%;background:rgba(0,0,0,.2);z-index: 1;overflow: hidden;top:0;left: 0}
/*旋转*/
.rotate90{transition: transform .5s;transform: rotate( -180deg)}
.rotate{transition: transform .5s;transform: rotate( 0deg)}

.recomState{padding: 2px 8px;border-radius: 3px;display: inline-block;  font-size:15px;}
.stateTip{font-size: 0.15rem;  display: inline-block;  padding: 0.01rem 0.1rem;  border-radius: 30px;}

/*使用须知*/
.notice-wrapper{ position: fixed;  background: rgba(0,0,0,.15);  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 999999; overflow-y: scroll; -webkit-overflow-scrolling: touch }
.notice-wrapper .notice-main{background: rgb(255, 255, 255);  width: 96%;  margin: 0 auto;  height: 96%;  margin-top: 2%;}
.notice-wrapper .notice-main .notice-comfirm button{width: 100%; padding: .1rem .22rem;  font-size: .16rem;}

a{text-decoration: none}
.hand{cursor: pointer}
/*margin*/
.m0{margin: 0}
.m-xs{margin: .12rem}
.m-sm{margin: .24rem}
.mt0{  margin-top:0;}
.mt5{  margin-top:5px;}
.mt10{margin-top: 10px}
.mt-xs{margin-top: .12rem}
.mt-sm{margin-top: .24rem}
.mt-lg{margin-top: .36rem}

.mr0{  margin-right:0;}
.mr-xs{margin-right: .12rem}
.mr-sm{margin-right: .24rem}
.mr-lg{margin-right: .36rem}

.mb0{  margin-bottom:0;}
.mb-xs{margin-bottom: .12rem}
.mb-sm{margin-bottom: .24rem}
.mb-lg{margin-bottom: .36rem}

.ml0{  margin-left:0;}
.ml-xs{margin-left: .12rem}
.ml-sm{margin-left: .24rem}
.ml-lg{margin-left: .36rem}

.mrl-xs{margin-left: .12rem;margin-right: .12rem}
.mrl-sm{margin-left: .24rem;margin-right: .24rem}
.mrl-lg{margin-left: .36rem;margin-right: .36rem}


.mtb-xs{margin-top: .12rem;margin-bottom: .12rem}
.mtb-sm{margin-top: .24rem;margin-bottom: .24rem}
.mtb-lg{margin-top: .36rem;margin-bottom: .36rem}

.pd0{padding: 0!important;}
.padding-m{padding: .05rem}
.padding-xs{padding: 12px}
.padding-sm{padding: .24rem}

.padding-5{padding: 5px}
.pt-xs{  padding-top: .12rem}
.pt-lg{padding-top: .36rem!important;}
.pb-xs{  padding-bottom:.12rem;}
.pb-sm{  padding-bottom:.24rem!important;}
.pb-lg{padding-bottom: .36rem!important;}
.pl-xs{padding-left: .12rem}

.prl-xs{padding-left: .12rem;padding-right: .12rem}
.ptb-xs{padding-top: .12rem;padding-bottom: .12rem}

/*border*/
.border-none,.bd0{border: none!important;}
.bd1{border-bottom: 1px solid #f3f3f3}
.item{border-color: #ececec}

/*btn*/
.btn{ border-radius: 4px;padding: .04rem 0.1rem;display: inline-block;border:1px solid transparent; text-align: center; box-shadow: inset 0 0px 0px rgba(255,255,255,.15), 0 0px 2px rgba(0,0,0,.2);background-color: transparent }
.btn-sm{padding: .06rem .15rem;  font-size:.15rem;}
.btn-xs{padding: 2px 8px;  font-size:14px;}
.btn-height{padding: .12rem .1rem}
.btn-lg{  padding:.1rem .22rem;  font-size:.16rem;}
.btn-light{border-color:#e0e0e0;text-shadow:none;background: #fff}
.btn-info{ color:#fff;background-image: -webkit-linear-gradient(top,#569fde 0,#4590d4 100%);  background-image: -o-linear-gradient(top,#569fde 0,#4590d4 100%);  background-image: -webkit-gradient(linear,left top,left bottom,from(#569fde),to(#4590d4));  background-image: linear-gradient(to bottom,#569fde 0,#4590d4 100%); background-repeat: repeat-x;border-color:#4f9ee2}
.btn-primary{background-color: #33b5a9;color: #fff!important;}
.btn-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13;
    color: #fff;
    /*
    background-color: #f0ad4e;
    border-color: #eea236;*/
}
.btn-gray{background: linear-gradient(#fbfbfb,#e6e6e6);  border: 1px solid #e2e4e4;  box-shadow: none;  color: #767676;}
.btn-danger{background-color: #bd5b60;color: #fff;border-color:#bd5b60 }
.btn-round{border-radius: 10rem;}
.btn-danger:hover{background-color: #d26267;color: #fff;box-shadow: 0 2px 12px #ab5055 inset}
.btn-danger.btn-outlined{color: #bd5b60;background-color: transparent}
.btn-pink{  background-color: #fee2e7;  color: #e53b60;}
.btn-yellow{  background-color: #fff6e7;  color: #eaad64;  }
.btn-skyblue{  background-color: #e0f7f6;  color: #68bfba;}
.btn-theme{  border: 1px solid #009688;  color: #ffffff;  background-color: #009688;  }
.btn-blue{background-color: #c7f1ff;  color: #52a0b7;}
.btn-block{display: block;margin:auto .2rem}
.alert {color:#fff; border: 1px solid transparent;  border-radius: 4px;    padding: 6px 12px;  text-shadow: 0 1px 0 rgba(255,255,255,.2);  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);  }
.alert-danger {color: #a94442;  background-color: #f2dede; background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);  background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);  background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));  background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);  background-repeat: repeat-x;  border-color: #dca7a7;  }
.btn-group{background-color: #fff;clear: both;display: inline-block;border-radius: 20px;margin: 8px auto}
.btn-group:after{content:"";display:table;clear: both}
.btn-group .btn{float: left;border-radius: 0;  margin-left: -1px;  box-shadow: none;  border-color: #ddd;}
.btn-group .btn:first-child{border-radius: 20px 0 0 20px}
.btn-group .btn:last-child{border-radius: 0 20px 20px 0}
.btn-group .btn.active{ background-color: #5dc1b8; border-color: #63b5ad; color: #ffffff;  }
.list-input .item-input{padding-right:16px; }
.list-input .item-input .input-label{margin-bottom: 10px}

/*font*/
.fz-xs{font-size: .12rem}
.fz-sm{font-size: .14rem}
.fz-15{font-size: .15rem}
.fz-lg{font-size: .16rem}
.fz-xl{font-size: .2rem}
.fz-xxl{font-size: .26rem}
.fb{font-weight: bold}
.fn{font-weight: normal}
.fw{white-space: nowrap}
.oh{overflow: hidden;text-overflow: ellipsis;white-space:nowrap}

/*flex布局*/
.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}
.flex{-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1;/* OLD - Firefox 19- */  -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- */  -webkit-flex: 2;  /* Chrome */ -ms-flex: 2;			  /* IE 10 */ flex: 2;	}

/*color*/
.text-gray{color:#8f8f8f}
.text-blue{color: #0390d0}
.text-yellow {color: #f39c12}
.text-green {color: #00a65a}
.text-red{color: #dd4b39 }
.text-white{color: #fff}
.text-warning{color: #8a6d3b}

/*background*/
.bg-white{background: #fff}
/*header*/
.nav_fix{border: none;background: transparent;}

.pos_re{position: relative}
.pos_ab{position: absolute}

.vtop{vertical-align: text-top}
.top{vertical-align: top}

/*分页*/
.pagetion {margin: .1rem 0;text-align: center}
.pagetion li{background: linear-gradient(#fbfbfb,#ffffff,#fbfbfb); font-size:.15rem;color: #6f6a68;text-align: center;padding: .05rem .12rem;float: left;border:1px solid #ececec;  margin-left:-1px;}
.pagetion li.disabled{color: #ccc}
.pagetion li.active{    color: #fff;  border-color: #009688;  background: #009688;}
.pagetion li:first-child{border-radius: 5px 0 0 5px}
.pagetion li:last-child{border-radius: 0 5px 5px 0}


/*悬赏方式图标、悬赏金统一样式、格子样式*/
.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;}/**零首付*/
span.saraly{  display: inline-block;  padding: 0 .04rem;  background:linear-gradient(to right ,#ff848a , #ffad3c);  color: #fff;  border-radius: 2px;  font-size: .14rem;  }
span.saraly i{margin: 0}
/*select*/
.item-input select {  -webkit-border-radius: 0;  border-radius: 0;  -webkit-box-flex: 1;  -webkit-flex: 1 220px;  -moz-box-flex: 1;  -moz-flex: 1 220px;  -ms-flex: 1 220px;  flex: 1 220px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  margin: 0;  padding-right: 24px;  background-color: transparent;  border:0  }
select{ display: block;width: 100%;  padding-top: 2px;  padding-left: 0;  height: 34px;  color: #111;  vertical-align: middle;  font-size: 14px;  line-height: 16px;  }

/*radio、checkbox样式*/
[class*="icheck-"] {min-height: 22px;  padding-left: 0px;}
.radio {  position: relative;  display: inline-block;}
[class*="icheck-"] > input:first-child {  position: absolute;  opacity: 0;  margin: 0; height: auto }
[class*="icheck-"] > label {  padding-left: 29px !important;  min-height: 22px;  line-height: 22px;  display: inline-block;  position: relative;  vertical-align: top;  margin-bottom: 0;  font-weight: normal;  cursor: pointer;  }
[class*="icheck-"] > input:first-child + label::before, [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {  content: "";  display: inline-block;  position: absolute;  width: 22px;  height: 22px;  border: 1px solid #D3CFC8;  border-radius: 0px;  margin-left: -29px;  }
[class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {  content: "";  display: inline-block;  position: absolute;  top: 0;  left: 0;  width: 7px;  height: 10px;  border: solid 2px #fff;  border-left: none;  border-top: none;  transform: translate(7.75px, 4.5px) rotate(45deg);  -ms-transform: translate(7.75px, 4.5px) rotate(45deg);  }
.icheck-primary > input:first-child:checked + label::before, .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {  background-color: #337ab7;  border-color: #2e6da4;  }
[class*="icheck-"] > input[type="radio"]:first-child + label::before, [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {  border-radius: 50%;  }
.icheck-success > input:first-child:checked + label::before, .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {  background-color: #009688;  border-color: #009688;  }
label.icheck-sm::before{width: 18px!important;height: 18px!important;top:2px}
[class*="icheck-"] > input:first-child:checked + label.icheck-sm::after{transform:translate(5.75px, 3.5px) rotate(45deg);top:2px}
.icheck-white > input:first-child:checked + label::before, .icheck-white > input:first-child:checked + input[type="hidden"] + label::before{  background-color: #ffffff;  border-color: #ffffff;  }
.icheck-white > input:first-child:checked + label::after, .icheck-white > input:first-child:checked + input[type="hidden"] + label::after{border-color: #009688}

/*滑动*/
.aui-switch {  width: .48rem;  height: .23rem;  position: relative;  vertical-align: top;  border: 1px solid #dddddd;  background-color: #dddddd;  border-radius: 0.3rem;  background-clip: content-box;  display: inline-block;  outline: none;  -webkit-appearance: none;  appearance: none;  -webkit-user-select: none;  user-select: none;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-background-clip: padding-box;  background-clip: padding-box;  -webkit-transition: all 0.2s linear;  transition: all 0.2s linear;  }
.aui-switch:before {  width: .21rem;  height: .21rem;  position: absolute;  top: 0;  left: 0;  border-radius: 0.1rem;  background-color: #fff;  content: '';  -webkit-transition: left 0.2s;  transition: left 0.2s;  }
.aui-switch:checked {  border-color: #03a9f4;  background-color: #03a9f4;  }
.aui-switch:checked:before {  left: .25rem;  }

code{  padding: 2px 4px;  font-size: 90%;  color: #c7254e;  background-color: #f9f2f4;  border-radius: 4px;  }
.company_higher{display: inline-block; border: 1px solid #bcd3de;  border-radius: 3px;  padding: 2px 5px;  color: #92c4ec;margin-right: 3px;margin-bottom: 3px}
.label_higher{display: inline-block; border: 1px solid #ececec;border-radius: 4px;padding: 3px .08rem;color: #666;margin-right: 3px;margin-bottom: 3px}
.label_higher.active{border-color: #73d4cb;  color: #12b1a2;  background-color: #e9fdfa;}

/*下拉框样式*/
.SelectBox{bottom:-11px;z-index: 15; background-color:rgba(0,0,0,.25);top:0; color: #4d525d;position: fixed; left: 0; width: 100%;}
.SelectBox .sele-title{position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.SelectBox .sele-title h3 {margin: 0 0.675rem; text-align: center; font-size: .16rem; line-height: 0.5rem; }
.SelectBox .sele-title a{position: absolute;  top: 0;height: .5rem;  font-size: .16rem;  padding: 0 10px;  color: #737475;  text-decoration: none;line-height: .5rem}
.SelectBox .sele-title a.finshback{left: .1rem;}
.SelectBox .sele-title a.finshback_bg{background: url(/static/app/wap/images/icon/back.png) no-repeat center; background-size: 50%;font-size: 0px;}
.SelectBox .sele-title a.resultback{right: .11rem;}
.SelectBox .sele-title a.resultback_bg{background: url(/static/app/wap/images/icon/close-area.png) no-repeat center; background-size: 75%;font-size: 0px;}
.SelectBox article{height: 3rem; bottom:0;width: 100%;background-color: #fff;position: absolute}
.SelectBox .sele-container{overflow: scroll; -webkit-overflow-scrolling: touch;height: calc( 100% - .6rem );width: 100%}
.SelectBox .sele-container li{cursor:pointer;padding: .05rem .06rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: .16rem; line-height: 0.4rem;position: relative;}
.SelectBox .sele-container li.active:after{content: "\2713"; color: #84bbf7;position: absolute;right: 12px;font-size: .16rem;}

.seleactive {  position:relative;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  -moz-transition:border-color ease 0.2s;  -o-transition:border-color ease 0.2s;  -webkit-transition:border-color ease 0.2s;  transition:border-color ease 0.2s;  cursor:pointer;  }
.seleactive::before,.seleactive::after {  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  position:absolute;  height:0;  width:3px;  background-color:#34b93d;  display:inline-block;  -moz-transform-origin:left top;  -ms-transform-origin:left top;  -o-transform-origin:left top;  -webkit-transform-origin:left top;  transform-origin:left top;  border-radius:5px;  content:' ';  }
.seleactive::before {  top:37px;  right:22px;  box-shadow:0 0 0 0px #667788;  -moz-transform:rotate(-135deg);  -ms-transform:rotate(-135deg);  -o-transform:rotate(-135deg);  -webkit-transform:rotate(-135deg);  transform:rotate(-135deg);  }
.seleactive::after {  top:30px;  right:30px;  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);  transform:rotate(-45deg);  }
.seleactive::after,.seleactive::after {  height:10px;  -moz-animation:dothabottomcheck 0.2s ease 0s forwards;  -o-animation:dothabottomcheck 0.2s ease 0s forwards;  -webkit-animation:dothabottomcheck 0.2s ease 0s forwards;  animation:dothabottomcheck 0.2s ease 0s forwards;  }
.seleactive::before,.seleactive::before {  height:30px;  -moz-animation:dothatopcheck 0.4s ease 0s forwards;  -o-animation:dothatopcheck 0.4s ease 0s forwards;  -webkit-animation:dothatopcheck 0.4s ease 0s forwards;  animation:dothatopcheck 0.4s ease 0s forwards;  }

/*打勾特效*/
@-moz-keyframes dothabottomcheck { 0% {  height:0;  } 100% {  height:10px;  } }
@-webkit-keyframes dothabottomcheck { 0% {  height:0;  } 100% {  height:10px;  } }
@keyframes dothabottomcheck { 0% {  height:0;  } 100% {  height:10px;  } }
@keyframes dothatopcheck { 0% {  height:0;  } 50% {  height:0;  } 100% {  height:30px;  } }
@-webkit-keyframes dothatopcheck { 0% {  height:0;  } 50% {  height:0;  } 100% {  height:30px;  } }
@-moz-keyframes dothatopcheck { 0% {  height: 0;  } 50% {  height: 0;  } 100% {  height: 30px;  } }
.check-box {  height:20px;  width:20px;  background-color:transparent;  border:1px solid black;  border-radius:5px;  position:relative;  display:inline-block;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  -moz-transition:border-color ease 0.2s;  -o-transition:border-color ease 0.2s;  -webkit-transition:border-color ease 0.2s;  transition:border-color ease 0.2s;  cursor:pointer;  }
.check-box::before,.check-box::after {  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  position:absolute;  height:0;  width:3px;  background-color:#34b93d;  display:inline-block;  -moz-transform-origin:left top;  -ms-transform-origin:left top;  -o-transform-origin:left top;  -webkit-transform-origin:left top;  transform-origin:left top;  border-radius:5px;  content:' ';  }
.check-box::before {  top:16px;  left:8px;  box-shadow:0 0 0 0px #667788;  -moz-transform:rotate(-135deg);  -ms-transform:rotate(-135deg);  -o-transform:rotate(-135deg);  -webkit-transform:rotate(-135deg);  transform:rotate(-135deg);  }
.check-box::after {  top:9px;  left:0px;  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);  transform:rotate(-45deg);  }
.check-box,.check-box.checked {  border-color:#34b93d;  }
.check-box::after,.check-box.checked::after {  height:10px;  -moz-animation:dothabottomcheck 0.2s ease 0s forwards;  -o-animation:dothabottomcheck 0.2s ease 0s forwards;  -webkit-animation:dothabottomcheck 0.2s ease 0s forwards;  animation:dothabottomcheck 0.2s ease 0s forwards;  }
.check-box::before,.check-box.checked::before {  height:30px;  -moz-animation:dothatopcheck 0.4s ease 0s forwards;  -o-animation:dothatopcheck 0.4s ease 0s forwards;  -webkit-animation:dothatopcheck 0.4s ease 0s forwards;  animation:dothatopcheck 0.4s ease 0s forwards;  }

/*底部选择弹出层 仿ios*/
.ios_Dialog{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);left: 0; top: 0;z-index:100;}
.Dialog_container{width: 100%;padding: 10px;position: fixed;bottom:0;text-align: center}
.Dialog_container .Dialog_list li{background-color: #f5f5f5;  border-bottom: 1px solid #ececec;  color: #00a0e9;  font-size: .18rem;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding: .1rem .05rem;}
.Dialog_container .Dialog_list li.Dialog_header{border-radius: 6px 6px 0 0;color: #abacac;font-size: .16rem;line-height: 100%;white-space: inherit;padding: 0.12rem .05rem }
.Dialog_container .Dialog_list li:last-child{border-radius: 0 0 6px 6px ;border-bottom: none;}
.Dialog_container .Dialog_cancel_button{padding:.12rem .05rem; color: #ea4c19;border-radius: 6px;background-color: #fff;margin-top: 10px;color: #039be5;font-size:0.16rem}
.ios_Dialog .comfire-container{position: absolute;top:18%;width: 100%}
.ios_Dialog .comfire-dialog{width:90%;max-width:414px;margin: 0 auto; background: #f5f5f5;border-radius: 6px;box-shadow: 0 0 5px rgba(0,0,0,.25);}
.ios_Dialog .comfire-dialog .comfire-title{padding: 8px 10px;font-size: .16rem;font-weight:600;color: #3a3a3a;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.ios_Dialog .comfire-dialog .comfire-main{padding:15px 10px;text-align: center;color: #333;border-bottom: 1px solid #e2e2e2;font-size: .16rem}
.ios_Dialog .comfire-dialog .comfire-btn{display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}
.ios_Dialog .comfire-dialog .comfire-btn > *{-webkit-box-flex: 1;  -moz-box-flex: 1;  -webkit-flex: 1;  -ms-flex: 1;  flex: 1; color: #0d86c4;font-size:.15rem;padding:.1rem .15rem;text-align: center }
.ios_Dialog .comfire-dialog .comfire-btn >*:nth-child(2){border:solid #e2e2e2;border-width: 0 1px}
.ios_Dialog .comfire-dialog .comfire-btn >*:last-child{border-right: none}

/*icon*/
.icon { display: inline-block; width: 16px;  height: 16px;  margin-right: 5px; vertical-align: text-bottom;}
.icon-lg{width: 22px;height: 22px}
.icon-resume{background: url("/static/app/home/hunter/images/icon/resume.png")center no-repeat}
.icon-resumeAuth{background: url("/static/app/home/hunter/images/icon/resume_auth.png")bottom center no-repeat;width: 18px;height: 18px;}
.icon-orderAuth{background: url("/static/app/home/hunter/images/icon/order_auth.png")center no-repeat;width: 18px;height:18px;}
.icon-search-more{ background: url(/static/app/home/hunter/images/icon/search_more.png)1px 5px no-repeat; width: 16px;  height: 20px;  margin-right: 2px;}
.icon-finance{ background: url(/static/app/home/hunter/images/icon/finance.png)center no-repeat; background-size:19px ;width: 20px;  height: 20px;  margin-right: 2px;}
.icon-down{ background: url("/static/app/home/hunter/images/icon/down.png")-4px 0 no-repeat;}
.icon-job-order{ background: url("/static/app/home/hunter/images/icon/job_order.png")0px 0 no-repeat;}
.icon-age{background: url("/static/app/home/hunter/images/icon/age.png")0px 0 no-repeat;}
.icon-customer{background: url("/static/app/home/hunter/images/icon/customer.png")0px 0 no-repeat;}
.icon-customer-add{background: url("/static/app/home/hunter/images/icon/customer-add.png")0px 0 no-repeat;}
.icon-invite{background: url("/static/app/home/hunter/images/icon/icon_invite.png")0px 0 no-repeat;width: 36px;height: 36px;background-size: 36px;vertical-align: middle}
.icon-inviteManner{background: url("/static/app/home/hunter/images/icon/icon_inviteManner.png")0px 0 no-repeat;width: 38px;height: 38px;background-size: 38px;vertical-align: middle}
.icon-close{background: url("/static/app/home/hunter/images/icon/tree-close.png")0px 0 no-repeat;width: 20px;height: 20px}
.icon-salary{background: url("/static/app/wap/images/icon/salary.png")0 0 no-repeat;width: 18px;height: 18px;background-size: 18px 18px}
.icon-exp{background: url("/static/app/wap/images/icon/exp.png")0 0 no-repeat}
.icon-edu{background: url("/static/app/wap/images/icon/edu.png")0 0 no-repeat}
.icon-industry{background: url("/static/app/wap/images/icon/industry.png")0 0 no-repeat}
.icon-database{background: url("/static/app/wap/images/icon/database.png")0 0 no-repeat}
.icon-remarknum{background: url("/static/app/wap/images/icon/icon_remarknum.png")0 0 no-repeat;width: 20px;height: 20px}
.icon-place{background: url("/static/app/wap/images/icon/icon_place.png")0 0 no-repeat;}
.icon-cloak{background: url("/static/app/wap/images/icon/icon_cloak.png")0 0 no-repeat;width: 20px;height: 20px}
.menu-person-resume{
    background: url("/static/app/wap/images/icon/menu-person-resume.png") center no-repeat;
    background-size: 22px;
}
.menu-com-resume{
    background: url("/static/app/wap/images/icon/menu-com-resume.png") center no-repeat;
    background-size: 22px;
}
.menu-apply-resume{
    background: url("/static/app/wap/images/icon/menu-apply-resume.png") center no-repeat;
    background-size: 22px;
}
.menu-audit-manage{
    background: url("/static/app/wap/images/icon/menu-audit-manage.png") center no-repeat;
    background-size: 30px;
}
.menu-reject-resume{
    background: url("/static/app/wap/images/icon/menu-reject-resume.png") center no-repeat;
    background-size: 20px;
}
.menu-follow-resume{
    background: url("/static/app/wap/images/icon/menu-follow-resume.png") center no-repeat;
    background-size: 28px;
}
.menu-person-manage{
    background: url("/static/app/wap/images/icon/menu-person-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-com-manage{
    background: url("/static/app/wap/images/icon/menu-com-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-record-manage{
    background: url("/static/app/wap/images/icon/menu-record-manage.png") center no-repeat;
    background-size: 30px;
}
.menu-biness-manage{
    background: url("/static/app/wap/images/icon/menu-biness-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-mine-manage{
    background: url("/static/app/wap/images/icon/menu-mine-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-bind-manage{
    background: url("/static/app/wap/images/icon/menu-bind-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-cominfo-manage{
    background: url("/static/app/wap/images/icon/menu-cominfo-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-workmate-manage{
    background: url("/static/app/wap/images/icon/menu-workmate-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-finance-manage{
    background: url("/static/app/wap/images/icon/menu-finance-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-setting-finance{
    background: url("/static/app/wap/images/icon/menu-setting-finance.png") center no-repeat;
    background-size: 22px;
}
.menu-pass-manage{
    background: url("/static/app/wap/images/icon/menu-pass-manage.png") center no-repeat;
    background-size: 22px;
}
.menu-ocean-job{
    background: url("/static/app/wap/images/icon/menu-ocean-job.png") center no-repeat;
    background-size: 22px;
}
.menu-take-job{
    background: url("/static/app/wap/images/icon/menu-take-job.png") center no-repeat;
    background-size: 25px;
}
.menu-assign-job{
    background: url("/static/app/wap/images/icon/menu-assign-job.png") center no-repeat;
    background-size: 22px;
}
.menu-all-recomm{
    background: url("/static/app/wap/images/icon/menu-all-recomm.png") center no-repeat;
    background-size: 25px;
}
.menu-apply-recomm{
    background: url("/static/app/wap/images/icon/menu-apply-recomm.png") center no-repeat;
    background-size: 22px;
}
.menu-oa-create{
    background: url("/static/app/wap/images/icon/menu-oa-create.png") center no-repeat;
    background-size: 23px;
}
.menu-oa-receive{
    background: url("/static/app/wap/images/icon/menu-oa-receive.png") center no-repeat;
    background-size: 23px;
}
.menu-oa-launch{
    background: url("/static/app/wap/images/icon/menu-oa-launch.png") center no-repeat;
    background-size: 20px;
}
.menu-oa-manage{
    background: url("/static/app/wap/images/icon/menu-oa-manage.png") center no-repeat;
    background-size: 32px;
}
.icon-finance-user{
    background: url("/static/app/wap/images/icon/finance-user.png") center no-repeat;
    background-size: 52px;
}
.icon-finance-freeze{
    background: url("/static/app/wap/images/icon/finance-freeze.png") center no-repeat;
    background-size: 32px;
}
.icon-addrecord{
    background: url("/static/app/wap/images/icon/addRecord.png") center no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
}
.icon-lock{
    background: url("/static/app/wap/images/icon/lock.png") center no-repeat;
    background-size: 16px;
    vertical-align: sub;
}
.icon-sex{
    background: url("/static/app/wap/images/icon/sex.png") center no-repeat;
    background-size: 17px;
    height: 17px;
    width: 17px;
    vertical-align: middle;
}
.icon-team{
    background: url("/static/app/wap/images/icon/team_filter.png") center no-repeat;
    height: 16px;
    width: 16px;
    background-position: -20px 0;
}


/*loading特效*/
.loader-ring { position: absolute;  top: 50%;  left: 50%;  margin: -120px 0 0 -120px;  width: 240px;  height: 240px;  }
.loader-ring-light { width: 240px;  height: 240px;  -moz-border-radius: 240px;  -webkit-border-radius: 240px;  border-radius: 240px;  -moz-box-shadow: 0 4px 0 #00abf2 inset;  -webkit-box-shadow: 0 4px 0 #00abf2 inset;  box-shadow: 0 4px 0 #557d7a inset;  animation: rotate-360 1.2s linear infinite;  }
.loader-ring-track { position: absolute;  top: 0;  left: 0;  width: 240px;  height: 240px;  -moz-border-radius: 240px;  -webkit-border-radius: 240px;  border-radius: 240px;  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;  box-shadow: 0 0 10px 4px rgba(251, 251, 251, 0.3) inset;  }
@keyframes rotate-360 { 0% {  -moz-transform: rotate(0);  -ms-transform: rotate(0);  -webkit-transform: rotate(0);  transform: rotate(0);  } 10%{  box-shadow: 0 4px 0 rgba(156, 39, 176, 0.17) inset;;  } 20%{  box-shadow: 0 4px 0 rgba(103, 58, 183, 0.41) inset;;  } 30%{  box-shadow: 0 4px 0 rgba(182, 183, 58, 0.41) inset;;  } 40%{  box-shadow: 0 4px 0 rgba(183, 138, 58, 0.41) inset;;  } 50%{  box-shadow: 0 4px 0 rgba(183, 58, 58, 0.41) inset;;  } 60%{  box-shadow: 0 4px 0 rgba(102, 183, 58, 0.41) inset;;  } 70%{  box-shadow: 0 4px 0 rgba(58, 183, 141, 0.41) inset;;  } 80%{  box-shadow: 0 4px 0 rgba(70, 58, 183, 0.41) inset;;  } 90%{  box-shadow: 0 4px 0 rgba(255, 255, 255, 0.17) inset;;  } 100% {  -moz-transform: rotate(360deg);  -ms-transform: rotate(360deg);  -webkit-transform: rotate(360deg);  transform: rotate(360deg);  } }
#loading {background-color:#fff/*#b9c1d2 #2c3e50*/;  height: 100%;  width: 100%;  position: fixed;  z-index: 19899999;  margin-top: 0px;  top: 0px;  }
#loading-center {  width: 100%;  height: 100%;  position: relative;  }
#loading-center-absolute {  position: absolute;  left:calc( 50% - 100px) ; top: 50%;  height: 50px;  width: 50px;  margin-top: -25px;  margin-left: -25px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-animation: loading-center-absolute 1.5s infinite;  animation: loading-center-absolute 1.5s infinite;  }
#loading-center .object {  width: 25px;  height: 25px;  background-color: #FFF;  float: left;  }
#object_one {  -webkit-animation: object_one 1.5s infinite;  animation: object_one 1.5s infinite;  }
#object_two {  -webkit-animation: object_two 1.5s infinite;  animation: object_two 1.5s infinite;  }
#object_three {  -webkit-animation: object_three 1.5s infinite;  animation: object_three 1.5s infinite;  }
#object_four {  -webkit-animation: object_four 1.5s infinite;  animation: object_four 1.5s infinite;  }
.mask{ height: 100%;  width: 100%;  position: fixed;  z-index: 10;left: 0; top: 0px;background: rgba(0,0,0,.2);display: none}
@-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);  } }

.moreLoading{  padding: .15rem 0;  background: #fff;  margin-bottom: .1rem; display: none }


.filter-bar{ background-color: #dcdcdc; color: #fff;font-size: .14rem;border-radius: 10px;padding: 0.01rem .08rem;display: inline-block}
.filter-bar.cur{background-color: #009f95}

/*table 布局*/
.flextable{display: table;width: 100%;height: 100%;vertical-align: middle}
.flextable .table-cell{display: table-cell;height:100%;vertical-align: middle }


/*dialog-mobile*/
.dialog-main{  background: rgba(0,0,0,.2);  position: fixed;  z-index: 99;  width:100%;  top:0;  display: table;  height: 100%;  padding: 3%;  }
.dialog-main .dialog-header{ position: relative;}
.dialog-main .dialog-header .dialog-title{  padding: 10px 45px 10px 12px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #ddd;  background-color: #f2f2f2;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #666;  font-size: .15rem;  }
.dialog-main .dialog-header a{ width: 24px;  height: 24px;  line-height: 24px;  display: inline-block;  cursor: pointer; color: #a79f9f;  font-size: 1.4em;  text-align: center;  position: absolute;  top: 8px;  right: 8px;  }
.dialog-main .dialog-header a span{  width:24px;  height:24px;  display:inline-block;  }
.dialog-main .dialog-layout{position: relative;  display: table-cell;  vertical-align: middle;  }
.dialog-main .dialog-layout .dialog-body{max-height: calc(100vh * 0.75);overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;border-radius: 0 0 4px 4px;}


.succDialog{
    position: fixed;
    top:20%;
    width: 80%;
    left:10%;
    background: #fff;
    border-radius: 6px;
    z-index: 3;
    box-shadow: 0 2px 5px rgba(0,0,0,.3) ;
}
.succDialog .succ-main{
    padding:.2rem .1rem;
}
.succDialog .succ-main .succ-title{
    text-align: center;
    font-weight:bold;
    color: #333;
    font-size: .18rem;
    padding: .08rem .05rem;
}
.succDialog .succ-main .succ-body{
    text-align: center;
}
.succDialog .succ-main .succ-body .succ-msg{
    padding: .1rem .06rem;
}
.succDialog .succ-main .succ-btn{
    padding: .05rem;
}