@charset "utf-8";
/*
结构
1.reset.css //把浏览器提供的默认样式覆盖掉
2.全局样式  //本项目基本默认全局样式,如body,input,a样式
3.常用样式  //常用的一些样式定义,如wrap,fl,b
4.布局样式  //本项目的布局样式,与局部样式对应
  4.1 头部
  4.2 中部
  4.3 尾部 
5.应用组件样式
  5.1 职位
  5.2 工厂
  5.3 文章
  5.4 劳务公司
  5.5 问答
6.局部样式  //本项目局部样式,与布局样式对应
  6.1 登录注册代理注册
  6.2 活动详情
  6.3 首页
  6.4 评论
  6.5 动态
  6.6 用户 （个人主页、系统消息、我的报名、用户中心、基本信息、我的简历、简历编辑、邀请好友、密码修改、意见反馈）
  6.7 联系我们
*/

/* 1.reset.css */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0}
body,button,input,select,textarea {font:12px/1 Lucida Grande,'Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}
h1 {font-size:18px;font-weight:normal}
h2 {font-size:16px;font-weight:normal}
h3 {font-size:14px;font-weight:normal}
h4,h5,h6 {font-size:100%;font-weight:normal}
address,cite,dfn,em,var {font-style:normal}
code,kbd,pre,samp,tt {font-family:"Courier New",Courier,monospace}
small {font-size:12px}
ul,ol,li {list-style:none}
a {text-decoration:none;color:#666;}
abbr[title],acronym[title] {border-bottom:1px dotted;cursor:help}
q:before,q:after {content:''}
legend {color:#000}
fieldset,img {border:0}
table {border-collapse:collapse;border-spacing:0}
hr {border:0;height:1px}
* {word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input {border:medium none;}

/* 2.全局样式 */
html {font-family:Helvetica sans-serif;font-size:62.5%;color:#333;min-height:100%;}
body {width:100%;height:100%;margin:0;padding:0;}
input[type=text],input[type=password],input[type=tel] {border:1px solid #ccc;line-height:20px;height:20px;width:120px;padding:10px;}
textarea {border:1px solid #ccc;}
* { outline: medium none; }
/*a:visited {color:#666;}*/
.list-more {display: block; background: #f5f5f5; color: #999; height: 40px; line-height: 40px; text-align: center;}

/* 3.常用样式 */
#error-tip {margin-top:20px;margin-bottom:10px;border:1px solid #f8d3a7;background:#fffedf;padding-left:6px;line-height:30px;}
.hidden{display:none;}
.disabled {background-color: #eee;}
input[type=text].error{ border: 1px solid #ff6666; }
ul {margin:0;list-style:none;-webkit-padding-start:0;-moz-padding-start:0;padding-left:0;}
li {position: relative;}
.banner img {width:100%;vertical-align:bottom;}
.banner a {overflow:hidden;display:block;}
#body .login {line-height:43px;border-bottom:1px solid #e8e8e8;text-align:right;padding-right:10px;}
.noresult {font-size:13px; color:#999999; line-height:20px; overflow:hidden; text-align:center; margin-top:60px;background: transparent; border: none;}

.p-0 {padding: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-t-5 {padding-top: 5px !important;}
.p-t-10 {padding-top: 10px !important;}
.p-l-5 {padding-left: 5px !important;}
.p-l-10 {padding-left: 10px !important;}
.p-l-30 {padding-left: 30px !important;}
.m-r-5 {margin-right: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-30 {margin-right: 30px !important;}
.m-l-5 {margin-left: 5px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-30 {margin-left: 30px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0 !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-b-0 {margin-bottom: 0 !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-50 {margin-bottom: 50px !important;}

.display-flex {display: flex;display: -webkit-flex;}
.flex-column {flex-direction: column;-webkit-flex-direction: column;}
.flex-shrink-0 {flex-shrink: 0;-webkit-flex-shrink: 0;}
.flex-1 {flex: 1;-webkit-flex: 1;}
.flex-wrap {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flex-align-center {align-items: center;-webkit-align-items: center;}
.flex-justify-content {justify-content: center;-webkit-justify-content: center;}

/* 4.布局样式 */
body.fix {margin-top:45px;}
/*body.top-fix {margin-top:55px;}*/
body.bottom-fix {margin-bottom:50px;}
body.gray {background: #f5f5f5;}
body.main {background: #ffc700;}

/* 4.1 头部 */
#header {background-color:#ffc700;color:#333333;font-size:1.8rem;text-align:center;overflow:hidden;width:100%; position:fixed; top:0; z-index: 999;}
#header.red {background-color: #cc2d18;}
#header.red .home .icon-home {border-color:#a51d0f;}
#header.red .prev .icon-back {border-color:#a51d0f;}
#header.red .home:active {border-color:#a51d0f;}
#header.red .prev:active {border-color:#a51d0f;}
#header.loginreg {background-color:#01af63;}
#header.invitereg {background-color:#fff;}
#header.invitereg img {width:75%;vertical-align:bottom;}
#header .header-title {overflow:hidden;width:138px;margin:0 auto;}
#header .logo {float:left;}
#header .logo img {height:48px;width:48px;}
#header .title {float:left;line-height:48px;height:48px;}
#header .detail {line-height:48px;width:100%; padding: 0 100px;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; box-sizing: border-box; text-align: center;}
#header .prev {float:left;line-height:48px;display:inline-block; color: #333;}
#header .prev:active {background-color:#deae02;}
#header.white {background-color: #fff;}
#header.white .prev:active {background-color:#eeeeee;}
#header .prev .icon-back {font-size:20px;width:24px;position:relative;top:3px;padding:0 12px;display:inline-block;}
#header .prev .icon-back1 {font-size:20px;width:24px;position:relative;top:3px;padding:0 12px;display:inline-block;}
#header .save {line-height:48px;display:inline-block;padding: 0 10px; font-size:1.4rem; position: absolute; top: 0; right: 0; min-width: 28px; text-align: center;}
#header .save [class^="icon-"] {font-size: 20px; width: 24px; position: relative; top: 3px; display: inline-block;}
#header .save img {width: 24px; position: relative; top: 7px;}
#header .save:active {background-color:#deae02;}
#header .home {position: absolute; top: 0; right: 0;line-height:24px;display:inline-block;}
#header .home:active {background-color:#deae02;}
#header .home p {font-size:12px;}
#header .home .icon-home2 {font-size:2rem;width:24px;position:relative;top:5px;padding:0 12px;display:inline-block;}
#header .empty {width: 0;}
#header .search {width: 48px; height:48px; line-height:48px; display:inline-block; position: absolute; top: 0; right: 0;}
#header .search .icon-search1 {font-size:20px;width:24px;position:relative;top:3px;padding:0 12px;display:inline-block;}
#head {text-align:center;overflow:hidden;background-color: #01af63;color: #fff;}
#head .top {overflow:hidden;background-color:#fff;}
#head .left {float:left;width:60%;margin-left:10px;overflow:hidden;}
#head .left img {height:60px;}
#head .userinfo {float:right;}
#head .login {float:right;}
#head .reg {float:right;margin-right:7px;}
#head .right {float:right;margin:10px 0;}
#head .right span {display:block;font-size:12px;line-height:15px;color:#999;margin-right:10px;min-width:30px;max-width: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#head .right span img {width:20px;height:20px;border-radius:2px;}
#head .right span.icon {margin-bottom:5px;line-height: 20px;height: 20px;overflow: hidden;}
#head .right .icon-home2 {color:#01af63;font-size:20px;line-height:24px;margin-bottom:5px;}
#head .right .icon-user {color:#01af63;font-size:20px;line-height:24px;margin-bottom:5px;}
#head .right .icon-login {color:#01af63;font-size:20px;line-height:24px;margin-bottom:5px;}
#head .right .icon-reg {color:#01af63;font-size:20px;line-height:24px;margin-bottom:5px;}

/* 4.3 尾部 */
#footer {width:100%;height:45px;line-height:45px;border-top:1px solid #e8e8e8;background-color:#f6f6f6;color:#c2cfcc;position:fixed;bottom: 0;left:0;z-index:99999;display:-moz-box;display:-webkit-box;font-size:1.6rem;}
#footer div {height:100%;-moz-box-flex:1;-webkit-box-flex:1;text-align:center;}
#footer div.selected {color:#00b38a;background-color:#e7f3f0;}
#tail {width:100%;height:120px;background-color:#ffc700;color:#fff;text-align:center;overflow:hidden;}
#tail .about {margin:30px auto 15px;width:240px;font-size:1.4rem;padding:10px 0;border:1px solid #fff;border-radius:5px;}
#tail .about span {padding:0 10px;}
#tail .about span.user {border-right:1px solid #fff;}
#tail .about span.feedback {border-right:1px solid #fff;}

/* 4.2 中部 */
#body {position: fixed; top: 48px; bottom: 0; overflow-y: scroll; overflow-x: hidden; width: 100%;}
#body.top {top:0;}
#body .header {padding:0 15px;line-height:33px;height:33px;font-size:1.8rem;overflow:hidden;background-color:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#body .header.light {font-size:1.6rem;background-color:#f6f6f6;border:none;}
#body .header .more {float:right;font-size:14px;line-height:35px;}
#body .header .more .icon-dots {font-size:15px;position:relative;top:1px;width:15px;display:inline-block;}
#body .header .edit {float:right;font-size:14px;line-height:35px;color:#01af63;}
#body .header .ask {color:#01af63;}
#body.bottom-fix {bottom: 51px;}
#body.bottom-fix2 {bottom:40px;}

/* 6.局部样式 */
/* 6.1 登录注册代理注册 */
#login-type {width: 100%; background-color: #ffffff; overflow: hidden;}
#login-type span {float: left; display: inline;font-size: 14px;text-align: center; width: 50%; color: #999; height: 41px; line-height: 40px; border-bottom: 1px solid #eee;}
#login-type span.show { border-bottom: 2px solid #ffc700; color: #333; height: 40px;}

.loginwarp {overflow:hidden;}
.loginwarp .logininput { font-size:1.4rem;margin-top:15px;border-bottom: 1px solid #ddd;}
.loginwarp .logininput input {border: none; width: 70%; font-size: 13px; padding: 7px 5px;}
.loginwarp .logininput input#pass { padding: 9px 5px 8px; }
.loginwarp .logininput .icon-mobile {position: relative; top: 1px;}
.spanbutton span { display: inline-block;height:40px;line-height:40px;font-size: 15px;}
#login-form a { color: #999999; float: right; font-size: 12px;margin-top: 10px;}
#login-form .alock { height: 25px;}

.reg-text {color:#999;font-size:1.2rem;}
.reg-text a {color:#1b6aa3;}
#reg-form .reg-text{font-size:1.2rem;line-height:22px;}
#invite-reg-form .reg-text{font-size:1.2rem;line-height:22px;}
.new-reg {overflow:hidden;}
.new-reg input {width:91%;outline:0;font-size:1.6rem;padding:10px 4%;margin:10px 0;}
#reg-form #invitermobile {width:91%;outline:0;font-size:1.6rem;padding:10px 4%;margin:10px 0;}

#vcodewrap {overflow:hidden;border: 1px solid #ccc;margin: 10px 0 20px;position:relative;}
#vcodewrap #captcha {width:80px;outline:0;font-size:1.6rem;border:none;float:left;}
#vcodewrap a {float:right;overflow:hidden;margin-right: 5px;}
#vcodewrap em {display: block;position: absolute;height: 20px;right: 105px;top: 10px;border-right: 1px solid #ccc;}

/* 注册 */
/* 验证码 */
#codewrap {overflow:hidden;margin-top: 12px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
#codewrap .inputcode {width: 55%; display: inline-block;float: left;}
#codewrap .icon-smscode {position: relative; top: 15px; float: left; font-size: 14px;}
#codewrap .inputcode input {border: none;width: 90%;font-size: 13px; padding: 12px 5px 0;}
#codewrap .getcode { width: 35%; background-color:#ffc700;display: inline-block;float: right;height: 35px; line-height:35px;font-size: 13px;color: #333333;border-radius: 5px;text-align: center;}
#codewrap .getcode.disabled {background-color:#ccc;}

#regbtn {width:100%;font-size:15px;height:40px;line-height:40px;background-color:#ffc700;color: #333333;margin:40px 0 5px;border-radius: 5px;}
#loginbtn { width:100%;font-size:15px;height:40px;line-height:40px;color: #333333; border-radius: 5px; text-align: center;background-color: #ffc700;margin:40px 0 5px;}
#reg-form .hidden{display:none;}
.reg-wrapper {margin-top: 30px;margin-bottom:20px;padding:0 10%;}
.login-wrapper {padding:0 10%; margin-top: 30px;}
.login-wrapper .logo img {width:100%;}
.login-wrapper .logo { margin-top: 10px;}
.reg-wrapper .logo img {width:100%;}
/*.reg-wrapper a.loginlnk {font-size:1.8rem;width:99%;height:40px;line-height:40px;margin:5px 0;display:block;border:1px solid #01af63;color:#01af63;text-align:center;}
.login-wrapper a.reglnk {font-size:1.8rem;width:99%;height:40px;line-height:40px;margin:5px 0;display:block;border:1px solid #01af63;color:#01af63;text-align:center;}*/

.union-reg .bg {width: 100%;position: absolute;top: 0;z-index: -1;}

.union-reg .top-wrapper {text-align: center;margin: 20px 0;}
.union-reg .top-wrapper img {width: 40%;}
.union-reg .top-wrapper .tip {margin-top: 25px; font-size: 16px;}
.union-reg .top-wrapper .slogan {margin-top: 15px; font-size: 30px;}

#union-reg-form {margin: 60% 15px 15px; overflow: hidden;}
#union-reg-form input {width: 100%; box-sizing: border-box;position: relative;border: 1px solid #e8e8e8;border-radius: 5px;height: 35px;padding: 0 10px;}
#union-reg-form #codewrap {border: none; display: flex;display: -webkit-flex;}
#union-reg-form #codewrap input {width: 65%; margin-right: 10px;}
#union-reg-form #codewrap .getcode {background-color: #ea5455;color: #fff;}
#union-reg-form #codewrap .getcode.disabled {background-color: #ccc;color: #fff;}
#union-reg-form #reg-btn {margin-top: 7px; border: none;background-color: #ea5455;color: #fff;}

.login-wrapper.union {margin-top: 0;}
.login-wrapper.union img {width: 60%; display: block; margin: 0 auto;}

.sns-login { position: absolute; bottom: 20px; width: 80%; text-align: center; margin: 0 10%;}
.sns-login .login-ex { height: 35px; margin-top:40px;text-align: center;}
.sns-login .login-ex hr {display: inline-block;margin-top: 18px;}
.sns-login .login-ex hr.left{float: left;}
.sns-login .login-ex hr.right{float: right;}
.sns-login .re-login {height: 35px; margin-top: 8px;}
.sns-login .re-login .qq { display: inline-block; float: left; width: 50%;}
.sns-login .re-login .weibo { display: inline-block; float: right; width: 50%;}
.sns-login .re-login .qq .icon-qq { color:#002a80 ;font-size: 30px;}
.sns-login .re-login .weibo .icon-weibo { color:#da4453;font-size: 30px;}
.sns-login .re-login .font { font-size: 12px; color: #999999; margin-top: 7px;}

.sns-login span {display:inline-block;color:#ccc;line-height:26px;font-size:12px;}
.sns-login span.midlogin {padding-top: 5px;}

.invite-reg .invite {background-color:#01af63;color:#fff;}
.invite-reg .inviterinfo {overflow:hidden;padding:15px 15px 10px;text-align:center;}
.invite-reg .inviterinfo .name {font-size: 16px;font-weight: bold;line-height: 40px;}
.invite-reg .inviterinfo .icon {width:75px;height:75px;overflow:hidden;margin:0 auto;border-radius:10px;}
.invite-reg .inviterinfo .icon img {width:75px;height:75px;}
.invite-reg .inviterinfo .username {font-size:14px;margin-top:7px;}
.invite-reg .inviterinfo .username span {font-weight: bold;}
.invite-reg .inviterinfo .text span {display:block;font-weight:bold;text-align:left;margin:0 auto;width:160px;}
.invite-reg .inviterinfo .text .strong {font-size:16px;line-height:35px;}

.invite-reg .recommendjob ul {overflow:hidden;padding:10px 15px 15px;}
.invite-reg .recommendjob li {float:left;width:30%;overflow:hidden;margin-right:5%;text-align:center;}
.invite-reg .recommendjob li:last-child {margin:0;}
.invite-reg .recommendjob li .logo {overflow:hidden;width:80px;height:80px;background-color:#fff;margin:0 auto;}
.invite-reg .recommendjob li .logo img {width:80px;height:80px;}
.invite-reg .recommendjob li .job {line-height:26px;font-size:16px;font-weight:600;}
.invite-reg .recommendjob li .company {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
.invite-reg .recommendjob li .pay {line-height:22px;font-size:14px;}

.app-invite-reg {border-bottom: 1px solid #ddd; margin-top: 15px;}
.app-invite-reg span {font-size: 1.4rem; color: #333;}
.app-invite-reg span.icon-mobile {position: relative; top: 1px;}
.app-invite-reg input {border: none; padding: 7px 5px; width: 80%; font-size: 1.3rem;}
.app-invite-reg input[type=text].error {width: 80%; border: 1px solid #ff6666;}
#app-mobile-code {margin-top: 15px; overflow: hidden;}
#app-mobile-code input {width: 50%; border:none; border-bottom: 1px solid #ddd; padding: 0 5px 5px; font-size: 1.4rem; margin-top: 10px;}
#app-mobile-code a {width: 100px; float: right; font-size: 1.4rem; text-align: center; color: #fff; background: #ffc700; border-radius: 5px; line-height: 35px; margin: 0;}
#app-mobile-code a.disabled {background-color: #eee;}
#app-invite-regbtn {width: 100%; height: 35px; font-size: 1.4rem; color:#333333; background-color: #ffc700; border-radius: 5px; margin: 40px 0 5px;}
#app-invite-loginbtn {width: 100%; height: 35px; line-height: 35px; display: block; font-size: 1.6rem; text-align: center; color:#fff; background-color: #01af63; border-radius: 5px; margin-top: 5px;}

#invite-reg-form {padding:15px 0 0;}
#reg-form {padding:15px 0 0;}
#login-form {padding:15px 0 0;}

#retr-pass-form {padding:30px 40px 20px;min-height:350px;}
#retr-pass-form input#retrbtn {width:100%;font-size:1.4rem;padding:0;height:40px;line-height:40px;background-color:#ffc700;color:#333; margin:40px 0 5px; border-radius: 5px;}

#mobile-verify-form {padding:30px 40px 20px;}
#mobile-verify-form input#verify-btn {width:100%;font-size:1.4rem; padding:0;height:35px;line-height:35px;background-color:#ffc700;color:#333; margin:40px 0 20px;border-radius: 5px;}

/* 6.2 活动详情 */
.active .invite {background-color:#fee5c7;color:#f33f1e;}
.active .invite img {width:100%;display:block;}
.active .explain img {width:100%;}
.active .invite .url {padding:5px 30px;}
.active .invite .url span#url {width:94%;display:block;padding:3px 3%;border:none;line-height:22px;border-radius: 5px;font-size:14px;background-color:#fff;}
.active .invite .url span.copy {width:160px;display:block;font-size:1.8rem;margin:10px auto;height:35px;line-height:35px;text-align:center;background-color:#f33f1e;color:#fff;border-radius:5px;}
.active .invite .qrcode {padding:5px 30px;overflow:hidden;}
.active .invite .qrcode img {width:123px;float:left;}
.active .invite .qrcode a {width:120px;float:right;font-size:18px;text-align:center;background-color:#f33f1e;color:#fff;border-radius:5px;line-height:22px;padding:5px;margin-top:35px;}
.active .invite .share {padding-top:20px;}
.active .invite .share span {padding:0 30px;display:block;font-size:16px;font-weight:bold;line-height:22px;}
.active .invite .share span.icons {margin-top:10px;line-height:30px;}
.active .invite .share span em {position:relative;top:6px;}
.active .invite .share a {display:inline-block;}
.active .invite .share .qzone img {height:24px;width:24px;margin-right:10px;position:relative;top:6px;}
.active .invite .share .qq img {height:24px;width:24px;margin:0 10px 0 5px;position:relative;top:6px;}

#invite-form {overflow:hidden;padding:0 30px;}
#invite-form li {overflow:hidden;font-size: 1.4rem;padding:5px 0;}
#invite-form li:last-child {margin-top:5px;}
#invite-form li input[type="text"] {width:92%;padding:10px 4%;border:none;border-radius:5px;}
#invite-form .title {float:left;width:105px;text-align:right;height:37px;line-height:35px;margin-right:14px;}
#invite-form .field {margin-left:40px;line-height:40px;height:42px;overflow:hidden;}
#invite-form input[type="submit"] {width:100%;line-height:40px;text-align:center;background-color:#f33f1e;color:#fff;font-size:1.8rem;border-radius:5px;}
#invite-form .hidden {display:none;}
#invite-form input[type=text].error {border:1px solid #ff6666;width:90%; }


/* 6.3 首页 */
ul.nav {overflow:hidden;padding:14px 10px;}
ul.nav li {width:25%;text-align:center;float:left;}
ul.nav li a {display:inline-block;overflow:hidden;}
ul.nav li div {width:42px;height:42px;border-radius:21px;margin:0 auto;}
ul.nav [class^=icon-]:before {font-size:26px;line-height:42px;color: #fff;}
ul.nav li p {height:18px;line-height:18px;font-size:14px;margin:4px 0 7px;}
ul.nav .icon-company {background-color:#84cbc5;}
ul.nav .icon-joblist {background-color:#f8d35e;}
ul.nav .icon-time {background-color:#f47264;}
ul.nav .icon-ask {background-color:#7cc8ec;}
ul.nav .icon-article {background-color:#868ad1;}
ul.nav .icon-offer {background-color:#9cce82;}
ul.nav .icon-invite {background-color:#eea2b5;}
ul.nav .icon-phone {background-color:#9c7657;}

.index-company ul {overflow:hidden;padding:0 14px;margin:20px 0;}
.index-company li {float:left;width:30%;overflow:hidden;margin-right:5%;text-align:center;}
.index-company li:last-child {margin:0;}
.index-company li .logo {overflow:hidden;border:1px solid #ddd;width:80px;height:80px;margin:0 auto;}
.index-company li .logo img {width:80px;height:80px;}
.index-company li .name {margin:5px 0;font-size:14px;font-weight:600;color:#666;}
.index-company li .follownum {color:#01af63;}

.index-job ul {overflow:hidden;}
.index-job li {overflow:hidden;padding:10px 14px;border-bottom:1px dotted #ddd;position:relative;}
.index-job li:active {background-color:#f6f6f6;}
.index-job li:last-child {border:none;}
.index-job li .logo {float:left;border:1px solid #ddd;overflow:hidden;width:70px;height:70px;}
.index-job li .logo img {width:70px;height:70px;}
.index-job li .info {overflow:hidden;margin-left:80px;}
.index-job li .info .name {font:bold 16px "Microsoft YaHei";line-height:16px;margin-bottom:10px;}
.index-job li .info .company {color:#666;font-size:14px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.index-job li .info .pay {font-size:14px;color:#f38417;line-height:16px;}
.index-job li .info .applay {font-size:1.2rem;color:#999;line-height:16px;position:absolute;right:15px;bottom: 4px;}

.index-article ul {overflow:hidden;}
.index-article li {overflow:hidden;padding:10px 14px;border-bottom:1px solid #ccc;}
.index-article li:active {background-color:#f6f6f6;}
.index-article li:last-child {border:none;}
.index-article li .pic {float:left;overflow:hidden;width:90px;height:60px;border:1px solid #ccc;}
.index-article li .content {overflow:hidden;height:70px;margin-left:100px;}
.index-article li .content .title{font:bold 16px "Microsoft YaHei";overflow: hidden;line-height:30px;text-overflow:ellipsis;white-space:nowrap;}
.index-article li .content .intro{color:#999;line-height:20px;overflow:hidden;height:40px;}

.index-ask ul {overflow:hidden;}
.index-ask li {overflow:hidden;padding:10px 14px;border-bottom:1px solid #ccc;font-size:14px;}
.index-ask li:active {background-color:#f6f6f6;}
.index-ask li:last-child {border:none;}
.index-ask li .answernum {float:right;color:#f38417;line-height:20px;}
.index-ask li .title {color:#666;line-height:20px;float:left;width:75%;}

/* 6.6 用户（个人主页） */
.profile .userinfo {padding-top:10px;height:100px;}
.profile .userinfo .logo {float:left;width:75px;height:75px;overflow:hidden;border-radius: 5px;margin-left:30px;}
.profile .userinfo .logo img {width:75px;height:75px;}
.profile .userinfo .details {overflow:hidden;margin-left:120px; text-shadow: rgba(0, 0, 0, 0.7) 0 0 4px;}
.profile .userinfo .details .nick {margin:14px 0;font-size:18px;color:#fff;font-weight:700;}
.profile .userinfo .details .intro {font-size:12px;color:#fff;}
.profile .jobinfo {overflow:hidden;height:29px;line-height:29px;background-color:#f38417;color:#fff;}
.profile .jobinfo span {font-weight:700;font-size:14px;}
.profile .jobinfo .delivery {width:49%;text-align:center;float:left;border-right:1px solid #fff;}
.profile .jobinfo .follow {width:49%;text-align:center;float:left;}

/*6.6 用户 （系统消息）*/
.noticelist {overflow:hidden;color:#666;min-height:330px;}
.noticelist li {font-size:14px;line-height:20px;padding:10px 14px;border-bottom:1px solid #e8e8e8;}
.noticelist li:last-child {border-bottom:none;}
.noticelist li a {font-weight:bold;color:#01AF63; text-decoration:underline;}
.noticelist .time {font-size:12px;color:#999999;}
.notice-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}

.invitemenu {height:30px;line-height:30px;background-color:#f6f6f6;font-size:14px;border-bottom:1px solid #fff;}
.invitemenu span {width:33%;float:left;text-align:center;height:30px;line-height:30px;}
.list-empty a {text-decoration:underline;}
.invitelist {text-align:center;min-height:300px;}
.invitelist li {width:90%;padding:0 5%;border-bottom:1px solid #e8e8e8;font-size:14px;line-height:30px;height:30px;}
.invitelist li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.invitelist .info span {width:33%;float:left;height:30px;line-height:30px;overflow: hidden;}

.invite-memberlist {min-height:350px;margin:20px 0;}
.invite-memberlist li {width:90%;padding:10px 5%;border-bottom:1px solid #e8e8e8;font-size:14px;}
.invite-memberlist li:first-child {border-top:1px solid #e8e8e8;}
.invite-memberlist li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.invite-memberlist li div {overflow:hidden;}
.invite-memberlist li span {line-height:22px;margin-right:20px;}
.invite-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}

#bottom-message { width: 100%; position: fixed;bottom: 0; border-top: 1px solid #ddd;}
#bottom-message .foot {width: 100%;height:50px; background-color: #f5f5f5;float: left; }
#bottom-message .foot .message-message , .message-message a { color: #ff9200;}
#bottom-message .foot .user-user , .user-user a { color: #ff9200;}
#bottom-message .foot div { float: left;display: inline; text-align: center;height: 50px; width: 20%; font-size: 15px;color: #999999;}
#bottom-message .foot div ul { display: block; margin-top: 5px;}
#bottom-message .foot div ul .icon-message3 { font-size: 25px;}
#bottom-message .foot div ul .icon-job { font-size: 25px;}
#bottom-message .foot div ul .icon-forum2 { font-size: 25px;}
#bottom-message .foot div ul .icon-overtime{ font-size: 25px;}
#bottom-message .foot div ul .icon-my { font-size: 25px;}
#bottom-message .foot div ul a { font-size: 10px;display: inline-block;margin-top: 5px;}

/*6.6 用户 （我的报名）*/
.deliverylist {overflow:hidden;min-height:330px;background: #fff;}
.deliverylist li {line-height:20px;padding:10px 15px;border-bottom:1px solid #e8e8e8;position:relative;}
.deliverylist li:active {background-color:#f6f6f6;}
.deliverylist li:last-child {border-bottom:none;}
.deliverylist .icon-right {position:absolute;font-size:15px;top:28px;right:5px;color:#999;}
.deliverylist .jobcate {font-size:18px;color:#000;}
.deliverylist .time {color:#999;}
.deliverylist .companyname {font-size:14px;color:#999;}


#deliverylist {overflow: hidden; width: 100%;margin-top: 90px;}
#deliverylist li {padding:7px 14px;border-bottom:1px solid #eeeeee;overflow:hidden;background: #fff;}
#deliverylist li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
#deliverylist li:last-child {border-bottom:none;}
#deliverylist li:active {background-color:#f6f6f6;}
#deliverylist .logo {overflow:hidden;border:1px solid #ddd;display:inline-block;float:left;width:70px;height:70px;margin-top: 5px;}
#deliverylist .logo img {width:70px;height:70px;}
#deliverylist .info {margin-left:80px;color:#333;overflow: hidden;}
#deliverylist .info .top, #deliverylist .info .middle {margin-bottom: 5px; overflow:hidden; height: 20px; line-height: 20px;}
#deliverylist .info .middle .welfare_tag {font-size:10px;height: 14px;line-height: 12px;float: left;}
#deliverylist .info .middle .eat {border:1px solid #b15009; border-radius: 20px;color: #b15009;display: inline-block;padding: 2px; margin-right: 4px; height: 10px;width: 10px;text-align: center;}
#deliverylist .info .middle .home{ border:1px solid #0c80fe; border-radius: 20px;color: #0c80fe;display: inline-block;padding: 2px;margin-right: 4px;height: 10px;width: 10px;text-align: center;}
#deliverylist .info .middle .subsidy{ border:1px solid #01AF63; border-radius: 20px;color: #01AF63;display: inline-block;padding: 2px;margin-right: 4px;height: 10px;width: 10px;text-align: center;}
#deliverylist .info .bottom {overflow:hidden; height: 20px; line-height: 20px;}
#deliverylist .info .company { font-size:15px; max-width: 180px;}
#deliverylist .info .cate {font-size:12px; color:#999; float: right; }
#deliverylist .info span.verify {color: #ffffff;background-color: #7cc8ec; border-radius: 3px;font-size:10px; display: inline-block;margin-left: 5px;width: 40px;}
#deliverylist .info .pay {font-size:14px; color:#f38417; float: right;}
#deliverylist .info .pay span {color: #999; padding-left: 2px;font-size: 12px;}
#deliverylist .info .location-cycle { overflow: hidden;}
#deliverylist .info .location-cycle .location {font-size:12px; color:#999999; display: inline-block; max-width: 120px; margin-bottom: 5px;float: left;}
#deliverylist .info .location-cycle .cycle{ float: right; color: #f38417;font-size: 12px;}
#deliverylist .info .expenses {font-size:12px; color:#999999; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.delivery-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}
.order-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}
.remark-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}

#order-add-comment {overflow: hidden;}
#order-add-comment .top {overflow: hidden; padding: 10px 15px; border-bottom: 1px solid #eee;}
#order-add-comment .logo {width: 60px; height: 60px;border: 1px solid #e8e8e8;float: left;}
#order-add-comment .company {color: #333; font-size: 15px; margin-top: 20px; display: inline-block; float: left; margin-left: 10px; max-width: 210px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
#order-add-comment #content {width: 94%; padding: 7px 3%; height: 120px; line-height: 20px; border: none; }

/*5.应用组件样式*/


/*5.2 工厂*/
.companylist {min-height:300px;}
.companylist li {padding:14px 14px 10px;border-bottom:1px solid #e8e8e8;overflow:hidden;position:relative;}
.companylist li:last-child {border-bottom:none;}
.companylist li:active {background-color:#f6f6f6;}
.companylist .logo {overflow:hidden;display:inline-block;float:left;border:1px solid #ddd;width:60px;height:60px;}
.companylist .logo img {width:60px;height:60px;}
.companylist .info {margin-left:70px;}
.companylist .info .name {font-size:1.6rem;line-height:26px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.companylist .info .address {font-size:1.4rem;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:20px;}
.companylist .info .other {font-size:1.4rem;color:#666;line-height:22px;overflow:hidden;}
.companylist .info .time {line-height:22px;color:#999;}
.companylist .info .industry {margin-right:10px;}
.companylist .info .icon-right {position:absolute;font-size:15px;top:50px;right:5px;color:#999;}
.companylist li .info .echo {color:#999;line-height:18px;height:18px;}
.companylist li .info .echo .follow {margin-left:10px;}
.companylist li .info .echo .job {margin-left:10px;}
.companylist li .info .echo .icon-comment {position:relative;font-size:14px;top:1px;margin-right:3px;width:14px;display:inline-block;}
.companylist li .info .echo .icon-follow {position:relative;font-size:14px;top:1px;margin-right:3px;width:14px;display:inline-block;}
.company-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;display:inherit;background-color:#fafafa;}
.follow-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}

.companyindex .search {background-color:#f6f6f6;height:37px;padding:10px 15px;text-align:center;border-bottom:1px solid #ddd;}
.companyindex .search div {border:1px solid #ccc;border-radius:5px;overflow:hidden;}
.companyindex .search input {line-height:20px;float:left;}
.companyindex .search input[type=text] {width:64%;font-size:12px;padding:10px 3%;}
.companyindex .search input[type=button] {width:30%;font-size:16px;background-color: #a7cf5f;}

.companyinfo .companytop {width:100%;}
.companyinfo .companytop img {width:100%}
.companyinfo .basicinfo {padding:15px;position:relative;}
.companyinfo .basicinfo .logo {width:80px;height:80px;float:left;border:1px solid #eee;background-color:#fff;position:absolute;top:-30px;}
.companyinfo .basicinfo .logo img {width:80px;height:80px;}
.companyinfo .basicinfo .title {margin-left:100px;line-height:22px;}
.companyinfo .basicinfo .title h2 {font-size:1.8rem;font-weight:500;display:block;}
.companyinfo .basicinfo .title .address {color:#999;margin-top:5px;display:block;line-height:18px;}
.companyinfo .header {padding:0 15px;line-height:30px;height:33px;font-size:1.8rem;overflow:hidden;background-color:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.companyinfo .desc {padding:7px 15px;line-height:22px;font-size:1.4rem;color:#666;position:relative;}
.companyinfo .desc .info {overflow:hidden;}
.companyinfo .desc .profile {float:left;width:60%;padding-bottom:7px;}
.companyinfo .desc .follow {float:right;}
.companyinfo .desc .company-follow {color:#fff;background-color:#f38417;margin-top:10px;padding:4px 10px;border-radius:5px;display:block;}
.companyinfo .desc .company-followed {color:#f38417;background-color:#fff;border:1px solid #f38417;margin-top:10px;padding:4px 10px;border-radius:5px;display:block;}
.companyinfo .desc .intro {padding-top:7px;border-top:1px solid #ddd;}
.companyinfo .desc .intro span {color:#01af63;padding:0 5px;}
.companyinfo .desc .all {padding-top:7px;border-top:1px solid #ddd;}
.companyinfo .desc .all span {color:#01af63;padding:0 5px;}

.companyinfo .fansuser {padding:7px 15px 0;}
.companyinfo .fansuser a {display:inline-block;overflow:hidden;width:30px;height:30px;border-radius:5px;margin-right:7px;margin-bottom:7px;}
.companyinfo .fansuser a img {width:30px;height:30px;}

.companyinfo .list {overflow:hidden;}
.companyinfo .list li {line-height:20px;padding:14px 14px 10px;border-bottom:1px solid #e8e8e8;position:relative;}
.companyinfo .list li:last-child {border-bottom:none;}
.companyinfo .list .left {margin-bottom:7px;}
.companyinfo .list .left .name {font-size:18px;color:#000;}
.companyinfo .list .time {position:absolute;right:15px;top:14px;color:#999;line-height:18px;font-size:1.2rem;}
.companyinfo .list .right {font-size:14px;color:#F38417;}
.companyinfo .list .noresult {height:50px;}
.companyinfo .list .applay {font-size:1.2rem;line-height:14px;color:#999;position:absolute;right:15px;bottom:14px;}

/* 6.5 动态 */
.feedlist {overflow:hidden;}
.feedlist li {overflow:hidden;padding:14px 14px;border-bottom:1px solid #e8e8e8;font-size:14px;line-height:20px;}
.feedlist li:last-child {border-bottom:none;}
.feedlist li .icon {float:left;overflow:hidden;margin-right:5px;width:30px;height:30px;border-radius:5px;}
.feedlist li .icon img {width:30px;height:30px;}
.feedlist li .text {overflow:hidden;}
.feedlist li a {color:#666;}
.feedlist li a.info {color:#01af63;}
.feedlist li a.name {color:#333;}
.feedlist li .content {padding-left:35px;line-height:22px;font-size:1.4rem;color:#333;}
.feedlist li .content span {display:inline-block;width:14px;position:relative;top:1px;color:#999;}
.feedlist li .time {text-align:right;margin-right:0;color:#999;font-size:1.2rem;}
.feed-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;display:inherit;background-color:#fafafa;}

/* 5.3 文章 */
.articleinfo .info {overflow:hidden;padding:0 15px;}
.articleinfo .info .title .name {font-size:1.6rem;font-weight:bold;color:#333;line-height:22px;margin:10px 0 7px;}
.articleinfo .info .title .echo {color:#999;font-size:1.2rem;margin-bottom:15px;padding-bottom:7px;line-height:18px;height:18px;border-bottom:1px solid #eee;overflow:hidden;}
.articleinfo .info .title .echo a {color:#999;}
.articleinfo .info .title .echo .comment {float:right;margin-left:10px;}
.articleinfo .info .title .echo .visit {float:right;}
.articleinfo .info .title .echo .icon-comment {position:relative;font-size:14px;top:1px;margin-right:3px;width:14px;height:14px;display:inline-block;}
.articleinfo .info .title .echo .icon-eye {position:relative;font-size:14px;top:1px;margin-right:3px;width:14px;height:14px;display:inline-block;}
.articleinfo .info .detail {line-height:1.7;font-size:1.2rem;color:#666;margin-bottom:15px;}
.articleinfo .info .detail .like {width:105px;height:35px;line-height:35px;text-align:center;font-size:1.4rem;background-color:#f38417;color:#fff;margin:15px auto;}
.articleinfo .info .detail .like.disable {background-color:#fff;color:#f38417;border:1px solid #f38417;}
.articleinfo .info .detail .like .icon-like {margin-right:3px;font-size:14px;position:relative;top:1px;}
.articleinfo .info .detail img {width:100%;margin:5px 0;}
.articleinfo .header {padding:0 15px;line-height:30px;height:33px;font-size:1.8rem;overflow:hidden;background-color:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.articlelist {overflow:hidden;}
.articlelist li {overflow:hidden;padding:14px 14px 7px;border-bottom:1px solid #e8e8e8;}
.articlelist li:last-child {border-bottom:none;}
.articlelist li:active {background-color:#f6f6f6;}
.articlelist li .photo {width:90px;height:60px;float:left;overflow:hidden;margin-right:10px;border:1px solid #ccc;}
.articlelist li .desc {overflow: hidden;}
.articlelist li .title {font-size:1.6rem;line-height:26px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.articlelist li .time {font-size:1.2rem;line-height:16px;color:#999;}
.articlelist li .intro {font-size:1.4rem;line-height:20px;height:40px;color:#666;overflow:hidden;text-overflow:ellipsis;}
.articlelist li .echo {font-size:1.2rem;line-height:18px;height:18px;color:#999;margin-top:7px;}
.articlelist li .echo .comment,.articlelist li .echo .like {margin-left:10px;}
.articlelist li .echo .icon-eye {position:relative;top:1px;margin-right:3px;font-size:14px;width:14px;height:14px;display:inline-block;}
.articlelist li .echo .icon-comment {position:relative;top:1px;margin-right:3px;font-size:14px;width:14px;height:14px;display:inline-block;}
.articlelist li .echo .icon-like {position:relative;top:1px;margin-right:3px;font-size:14px;width:14px;height:14px;display:inline-block;}
.article-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;display:inherit;background-color:#fafafa;}

/* 6.4 评论 */
#comment {padding:0 15px;overflow:hidden;}
#comment #writebox {width:93%;height:60px;margin:15px auto;padding:2% 3%;font-size:1.2rem;line-height:22px;display:block;}
#comment #writebtn {width:100%;line-height:40px;height:40px;text-align:center;font-size:1.4rem;background-color:#f38417;color:#fff;margin-bottom:15px;}

#comment #comment-reply {padding-top:20px;}
#comment #comment-reply #replybox {display:block;height:60px;padding:2% 3%;width:92%;}
#comment #comment-reply #replybtn {padding:0 15px;background-color:#f38417;color:#fff;margin:10px 0;float:right;line-height:28px;}

#comment ul li {overflow:hidden;position: relative;padding:5px 0 ;border-bottom:1px solid #e8e8e8;}
#comment ul li:last-child {border-bottom:none;}
#comment ul li .comment {overflow:hidden;line-height:18px;}
#comment ul li .comment img.icon {float:left;position: relative;width:30px;height:30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#comment ul li .comment .details {overflow:hidden;margin-left:40px;}
#comment ul li .comment .nick {font-size:14px;font-weight:700;color:#666;float:left;}
#comment ul li .comment .nick a {color:#666;}
#comment ul li .comment .time {font-size:12px;color:#999;float:right;}
#comment ul li .comment .content {padding:5px 0;line-height:1.7;overflow:hidden;width:100%;}
#comment ul li .reply {overflow:hidden;margin-left:40px;background-color:#f5f4f4;padding:0 5px;margin-top:10px;border-radius:5px;}
#comment ul li .reply li:last-child {border:none;}

#comment .echo {float:right;color:#999;}
#comment .echo .icon-reply {color:#999;font-size:14px;margin-right:2px;position:relative;top:1px;}
#comment .echo .icon-like {color:#999;font-size:14px;margin-right:2px;position:relative;top:1px;}
#comment .echo a {color:#999;margin-right:5px;}
#comment .echo a.disable .icon-like {color:#01af63;}

.comment-list {overflow: hidden; background-color: #fff;}
.comment-list li {padding: 10px 15px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.comment-list li:first-child {border-top: 1px solid #e8e8e8;}
.comment-list li .comment-user {overflow: hidden;height: 20px; line-height: 20px;}
.comment-list li .comment-icon {float: left; margin-right: 5px;}
.comment-list li .comment-nick {float: left; color: #1b6aa3; font-size: 12px;}
.comment-list li .comment-time {float: right; color: #999;}
.comment-list li .comment-icon img {height: 30px; width: 30px; border-radius: 20px;}
.comment-list li .comment-content {float:left;}
.comment-list li .content-comment {overflow: hidden; line-height: 16px; font-size:12px;color: #666; margin-left: 40px;}
.comment-list li .content-comment .reply {float: left;}
.comment-list li .content-comment .user { float: left; color: #1b6aa3;}

/* 5.5 问答 */
.ask-tab {background-color:#f2f2f2;padding:10px 0;text-align:center;border-bottom:1px solid #ccc;}
.ask-tab a {width:32%;font-size:16px;color:#999;line-height: 22px;display:inline-block;}
.ask-tab a.question {border-right:1px solid #ccc;}
.ask-tab a.list {border-right:1px solid #ccc;}
.ask-tab a.selected {color:#01af63;}

#ask-form {padding:0 20px;margin-top:15px;min-height:320px;font-size:1.4rem;}
#ask-form #question {border: 1px solid #ccc;padding: 7px;line-height: 22px;color: #999;}
#ask-form .txt {margin-top:10px;line-height:22px;color: #666;}
#ask-form #memo {border: 1px solid #ccc;padding: 7px;line-height: 22px;color: #999;}
#ask-form #askbtn {margin-top:20px;width:100%;background-color:#f38417;color:#fff;text-align:center;font-size:1.8rem;height:40px;line-height:40px;}

.ask-sort {line-height:12px;margin:7px 5px;overflow:hidden;font-size:12px;}
.ask-sort span {float:right;padding:0 10px;color:#999;}
.ask-sort span.time {border-left:1px solid #ccc;}
.ask-sort span.selected {color:#01af63;}

.questionlist {overflow:hidden;min-height:300px;}
.questionlist li {overflow:hidden;padding:10px 15px;border-bottom:1px solid #e8e8e8;}
.questionlist li:last-child {border:none;}
.questionlist li:active {background-color:#f6f6f6;}
.questionlist li .title {font-size:1.6rem;line-height:22px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;}
.questionlist li .answer {font-size:1.4rem;line-height:20px;margin-bottom:7px;max-height:60px;overflow:hidden;color:#666;}
.questionlist li .info {color:#999;}
.questionlist li .info span {float:left;display:inline-block;}
.questionlist li .info .time {padding-right:10px;}
.questionlist li .info .answernum {padding:0 10px;border-left:1px solid #ccc;}
.question-list-more {width:100%;height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:block;background-color:#f2f2f2;}

.questioninfo {min-height:350px;}
.questioninfo .info {padding:0 15px;}
.questioninfo .info .question {font-size:1.8rem;margin:7px 0;color:#666;}
.questioninfo .info .asker {color:#999;font-size:12px;margin-bottom:7px;}
.questioninfo .info .asker .time {margin:0 10px;}
.questioninfo .info .asker .question-edit {color:#01af63;margin-right:10px;}
.questioninfo .info .asker .question-del {color:#01af63;}
.questioninfo .info .memo {font-size:14px;color:#666;line-height:22px;}
.questioninfo .info .memo span {color:#01af63;}
.questioninfo .info .all {font-size:14px;color:#666;line-height:22px;}
.questioninfo .answer {padding:7px 15px;font-size:14px;}
.questioninfo .answer a {color:#01af63;}

.questioninfo #answer-form {padding:15px;overflow:hidden;}
.questioninfo #answer-form #answer {border:1px solid #ccc;padding:7px;line-height:22px;color:#999;min-height:88px;}
.questioninfo #answer-form #answerBtn {margin-top:15px;width:100%;background-color:#f38417;color:#fff;text-align:center;font-size:1.8rem;height:40px;line-height:40px;}

.questioninfo .answerlist {overflow:hidden;}
.questioninfo .answerlist li {overflow:hidden;padding:10px 15px;border-bottom:1px solid #e8e8e8;}
.questioninfo .answerlist li:last-child {border:none;}
.questioninfo .answerlist li .name {float:left;color:#999;margin-right:10px;margin-bottom:7px;}
.questioninfo .answerlist li .time {float:left;color:#999;margin-bottom:7px;}
.questioninfo .answerlist li .edit {float:right;color:#01af63;margin-bottom:7px;margin-right:10px;}
.questioninfo .answerlist li .del {float:right;color:#01af63;margin-bottom:7px;}
.questioninfo .answerlist li .echo a {color: #999;margin-right: 5px;float:right;}
.questioninfo .answerlist li .icon-like {font-size:14px; margin:0 5px 0 14px; position:relative; top:1px;}
.questioninfo .answerlist li .icon-reply {font-size:14px; margin:0 5px 0 14px; position:relative; top:1px;}
.questioninfo .answerlist li .content {overflow:hidden;line-height:22px;font-size:14px;color:#666;width:100%;}
.questioninfo .answerlist li .echo {overflow:hidden;line-height:22px;width:100%;}
.answer-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color: #f2f2f2;}

#answer-edit-form {overflow:hidden;width:100%;text-align:center;}
#answer-edit-form #answeredit {border:1px solid #ccc;padding:7px;font-size:14px;line-height:22px;color:#666;min-height:88px;text-align:left;}
#answer-edit-form #cancelbtn {margin-top:10px;width:30%;background-color:#f38417;color:#fff;text-align:center;font-size:1.6rem;height:30px;line-height:30px;}
#answer-edit-form #answer-edit-btn {margin-right:15px;margin-top:10px;width:30%;background-color:#f38417;color:#fff;text-align:center;font-size:1.6rem;height:30px;line-height:30px;}

#question-edit-form {overflow:hidden;text-align:center;padding:15px 20px;}
#question-edit-form #questionedit {border:1px solid #ccc;padding:7px;font-size:14px;line-height:22px;color:#666;text-align:left;}
#question-edit-form #memoedit {border:1px solid #ccc;margin-top:10px;padding:7px;font-size:14px;line-height:22px;color:#666;min-height:88px;text-align:left;}
#question-edit-form #cancelBtn {margin-top:10px;width:30%;background-color:#f38417;color:#fff;text-align:center;font-size:1.6rem;height:30px;line-height:30px;}
#question-edit-form #question-edit-btn {margin-right:15px;margin-top:10px;width:30%;background-color:#f38417;color:#fff;text-align:center;font-size:1.6rem;height:30px;line-height:30px;}
#comment-edit-form #writebox {width:93%;height:60px;margin:15px auto;padding:2% 3%;font-size:1.2rem;line-height:22px;display:block;border: 1px solid #ddd;}
#comment-edit-form #write-btn {width:100%;line-height:40px;height:40px;text-align:center;font-size:1.4rem;background-color:#f38417;color:#fff;margin-bottom:15px;}

/* 5.4 劳务公司 */
#body .agencyinfo {border-bottom:1px solid #e8e8e8;min-height:10px;padding:15px;overflow:hidden;}
#body .agencyinfo .logo {width:60px;height:60px;float:left;}
#body .agencyinfo .desc {margin-left:15px;min-height:10px;float:left;max-width:75%;}
#body .agencyinfo .desc .title {color:#00b38a;font-size:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
#body .agencyinfo .desc .pos {font-size:1.2rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#body .agencyinfo .desc .info {color:#999;font-size:1.3rem;padding-top:3px;}
#body .agencyDesc {text-indent:2em;line-height:1.5em;font-size:1.4rem;padding:10px;border-bottom:1px solid #e8e8e8;}

.city {float: left;height: 45px;line-height: 45px;font-size: 1.5rem;text-align: center;width: 88px;border-right: 1px solid #e8e8e8;}
.searchbox {position: relative;border-bottom: 1px solid #e8e8e8;height: 45px;}
.search-input {height: 45px;margin-left: 89px;position: relative;}
.search-input input {display: block;border: none;padding: 10px 0;height: 25px;line-height: 25px;color: #333;width: 75%;margin: 0 0 0 5%;font-size: 1.5rem;float: left;}
.search-input span {display: inline-block;width: 20%;height: 45px;line-height: 45px;float: right;position: relative;}
.search-input span em {display: block;margin: 14px auto 0 auto;width: 17px;height: 17px;background: url(http://www.lagou.com/images/mobile/asset/common/img/icon.png) no-repeat -14px -2.5px;background-size: 250px 250px;}


#faq-detail {padding: 15px; background-color: #fff; color: #333;}
#faq-detail .faq-title {margin-bottom: 15px; font-size: 16px; font-weight: 600;}
#faq-detail .faq-body {font-size: 14px;line-height: 1.4;}
#faq-detail .faq-body img {margin: 0 auto; max-width: 100%;vertical-align: bottom;}

#body #search {padding: 0 15px;font-size:1.6em;}
#search .tip {padding:10px 0;}
ul.cateList li {float:left;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;padding:4px 7px;color:#1595EA;}

/* 6.6 用户 （用户中心）*/
.user-center {background-color:#f6f6f6;overflow:hidden; font-size: 14px;}
.user-center .user-info {overflow: hidden; background-color: #ffc700; text-align: center; position: relative;}
.user-center .user-info .edit {position: absolute;top: 15px;right: 15px;color: #333333;}
.user-center .user-info .icon {height:78px;overflow:hidden; margin-top: 20px;}
.user-center .user-info .icon img {width:72px;height:72px;border-radius: 40px;border: 3px solid rgba(255, 255, 255, 0.2);}
.user-center .user-info .name {overflow:hidden;position: relative;font-size:15px;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;color: #333333;}
.user-center .user-info .gender-age {overflow:hidden;font-size:12px;color:#333333;margin: 10px 0; line-height: 20px; height:20px; border: 1px solid #333333; padding: 0 10px; display: inline-block; border-radius: 100px;}
.user-center .user-info .gender-age.none {border: none;}
.user-center .user-info .enter {font-size:16px;line-height:30px;padding:0 15px;margin:20px 0;color: #333333;border: 1px solid #333333; border-radius: 3px;display: inline-block;}

.user-center .user-info .info {overflow: hidden; padding: 25px 0 15px; text-align: center; color: #333; }
.user-center .user-info .info a {float: left; width: 33%;color: #333;}
.user-center .user-info .info .dd {float: left; width: 1px; height: 25px; background-color: rgba(121, 85, 72, 0.2); transform: scaleX(0.5); -webkit-transform: scaleX(0.5); position: relative; top: 7px;}
.user-center .user-info .info a div {margin-bottom: 3px;}
.user-center .user-info .info a span {font-size: 9px; margin-left: 3px;}
.user-center .user-info .info .num {font-size: 20px;}

.user-center .job {overflow:hidden; background: #fff; position: relative;}
.user-center .job:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-center .job a {overflow:hidden; display: inline-block; width: 25%; float: left; padding: 10px 0; text-align: center; color: #333;}
.user-center .job a span {display: block; font-size: 28px; margin-bottom: 5px; color: #999;}
.user-center .job a span.icon-message {font-size: 26px; margin: 2px auto 5px; position: relative; width: 30px;}
.user-center .job a span.icon-remind {font-size: 24px; margin: 4px auto 5px; position: relative; width: 30px;}
.user-center .job em.num {color: #ff0000; position: absolute; top: -2px; left:22px; background:#fff; font-size: 12px; width: 14px; height: 14px; line-height: 14px; border-radius: 10px; border: 1px solid #ff0000;}

.user-center .buttons {overflow:hidden;}
.user-center .buttons a:active {background-color:#f6f6f6;}
.user-center .buttons .button.space {margin-top:10px;}
.user-center .buttons .button.space:before{content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-center .buttons .button.space:last-child {margin-bottom: 10px;}
.user-center .buttons .button:after{content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-center .buttons .button {display:block;position:relative;color:#333;height: 45px;padding:0 15px; background-color:#fff;}
.user-center .buttons .button span:not(.icon-enter) {position: relative; top: 17px; display: inline-block;}
.user-center .buttons .button .icon-enter {position:absolute;top:16px;right:10px;color: #999;}
.user-center .buttons .button .tip {float: right; color: #999; margin-right: 15px;}
.user-center .buttons .button img {margin-right:7px;position:relative;width:20px;height:20px;top: 13px;float: left;}
.user-center .buttons .button .icon-file {color:#b15009;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-joblist {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-email {color:#868ad1;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-follow {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-star {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-qrcode {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-invite {color:#84cbc5;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-notice {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-locked {color:#01af63;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-setting {color:#7CC8EC;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-subsidy {color:#ffc700;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}
.user-center .buttons .button .icon-order {color:#ff9200;font-size:15px;margin-right:7px;position:relative;width:15px;top:1px;}

.user-center .pos {overflow: hidden; background-color: #fff;}
.user-center .pos .info {margin: 0 15px; line-height: 35px; border-bottom: 1px solid #ddd;}
.user-center .pos .info .field {width: 60px; margin-right: 10px; color: #333; font-size: 14px;}
.user-center .pos .info span {display: inline-block; }
.user-center .pos .info .detail {color: #999; font-size: 12px; text-overflow: ellipsis; white-space: nowrap;}

.user-center .post {overflow: hidden; background-color: #fff; margin-top: 10px;}
.user-center .post .title {padding: 0 15px; line-height: 35px; border-bottom: 1px solid #ddd; color: #333; font-size: 14px;}
.user-center .post .photo {position: relative; overflow: hidden; padding: 10px 15px;}
.user-center .post .photo .image {width: 60px; height: 60px; margin-right: 5px; float: left; position: relative;}
.user-center .post .photo .more {width: 60px; height: 60px; float: left; background-color: #ccc; color: #fff; font-size: 12px; line-height: 60px; text-align: center;}
.user-center .post .photo .more .icon-enter {position: relative; top:1px;}

.user-center .logout {display:block;line-height:40px;text-align:center;background-color:#f38417;color:#fff;font-size:1.6rem;margin:20px 15px; }
.user-center .reg {display:block;height:40px;line-height:40px;text-align:center;background-color:#f38417;color:#fff;font-size:1.6rem;margin:20px 15px;}

.user-setting .button a:active {background-color:#f6f6f6;}
.user-setting .button {display:block;position:relative;color:#666;line-height:25px;font-size:14px;padding:10px 15px;background-color:#fff;}
.user-setting .button:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-setting .button .icon-enter {font-size:15px;position:absolute;top:16px;right:15px;color: #999;}
.user-setting .button .info {color: #999; float: right; margin-right: 20px;}

.user-setting .logout {font-size: 14px; color: #333333; line-height: 40px; display: block; text-align: center; background-color: #ffc700; border-radius: 5px; margin: 40px 15px 20px;}
.user-setting .logout:active {background-color: #deae02;}


#user-info {overflow: hidden; margin-top: 10px;}
#user-info .info {overflow: hidden; padding: 14px 15px; position: relative; background-color: #fff; line-height: 20px; font-size: 14px;}
#user-info .info:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#user-info .info img {width:64px;height:64px;border-radius: 40px;border: 3px solid rgba(255, 255, 255, 0.2); vertical-align: bottom;}
#user-info .info .right {float: right; color: #999;}
#user-info .info input {border: none; padding: 0; text-align: end; color: #999; font-size: 14px;}
#user-info .info.icon span {line-height: 70px;}
#user-info .info .icon-enter { position: relative; top: 2px;}


.mobile-change {overflow: hidden;}
.mobile-change .tip1 {padding: 0 15px; margin-top: 30px; width: 100%; text-align: center; color: #333; box-sizing: border-box;}
.mobile-change .tip2 {padding: 0 15px; color: #999; box-sizing: border-box; line-height: 15px;}
.mobile-change .tip2.top {margin-top: 15px;}
.mobile-change .tip2 .mobile {color: #ff9200;}
.mobile-change .current-mobile {margin: 20px 0 50px; width: 100%; text-align: center; color: #333; font-size: 28px;}
.mobile-change #mobile { margin: 7px 0; padding: 20px 15px;background: #fff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-right: none; border-left: none; width: 100%; box-sizing: border-box; font-size: 14px;}
.mobile-change .code-wrapper { margin: 20px 0 30px; padding: 10px 15px;background: #fff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-right: none; border-left: none; width: 100%; box-sizing: border-box;}
.mobile-change .code-wrapper #code {padding: 0; margin: 0; border: none; font-size: 14px; width: 60%;}
.mobile-change .code-wrapper #code-btn {float: right; margin-top: 4px; color: #ff9200;}
.mobile-change .code-wrapper #code-btn.disabled {background-color: transparent; color: #999;}
.mobile-change .step {margin: 20px 15px; line-height: 40px; font-size: 14px; color: #333333; display: block; text-align: center; background-color: #ffc700; border-radius: 5px;}



/*  6.6 用户（基本信息）*/
.userinfo {overflow:hidden;}
.userinfo .icon {width:75px;height:75px;overflow:hidden;border-radius:10px;margin:15px auto;}
.userinfo .icon img {width:75px;height:75px;}

#userinfo-form li {overflow:hidden;padding:0 15px;font-size:1.4rem;margin:10px 0;color:#666;}
#userinfo-form li input[type=text] {line-height:20px;padding:10px;}
#userinfo-form .title {float:left;width:40px;text-align:left;height:37px;line-height:35px;}
#userinfo-form .title.intro {line-height:22px;}
#userinfo-form .field {margin-left:40px;line-height:40px;overflow:hidden;}
#userinfo-form .field #year {width:26%;text-align:center;padding:10px 2%;margin:0 5px 0 0;}
#userinfo-form .field #month {width:26%;text-align:center;padding:10px 2%;margin:0 5px;}
#userinfo-form #name {width:92%;padding:10px 3%;}
#userinfo-form.gender label {margin-left:5px;}
#userinfo-form #save {width:100%;margin-top:15px;line-height:35px;text-align:center;background-color:#ffc700;color:#fff;font-size:1.4rem;}
#userinfo-form #intro {width:92%;height:100px;line-height:22px;padding:0 3%;border:1px solid #ccc;}

.agencyinfo {overflow:hidden;}
.agencyinfo .icon {width:75px;height:75px;overflow:hidden;border-radius:10px;margin:15px auto;}
.agencyinfo .icon img {width:75px;height:75px;}
#agencyinfo-form li {overflow:hidden;padding: 0 15px;font-size: 1.4rem;margin:10px 0;color:#666;}
#agencyinfo-form li input[type="text"] {width:92%;padding:7px 3%;}
#agencyinfo-form li textarea {width:92%;padding:0 3%;height:100px;line-height:20px;border-color:#ccc;}
#agencyinfo-form .title {float:left;width:60px;text-align:right;height:37px;line-height:35px;margin-right:10px;}
#agencyinfo-form .field {margin-left:40px;line-height:40px;height:42px;overflow:hidden;}
#agencyinfo-form .field.intro {height:102px;}
#agencyinfo-form .hidden {display:none;}
#agencyinfo-form input[type="submit"] {width:100%;line-height:40px;text-align:center;background-color:#f38417;color:#fff;font-size:1.8rem;}
#agencyinfo-form input[type=text].error {border:1px solid #ff6666; }

/* 6.6 用户（我的简历）*/
.resumeinfo .icon {width:75px;height:75px;overflow:hidden;border-radius:10px;margin:15px auto 0;}
.resumeinfo .icon img {width:75px;height:75px;}
.resumeinfo .name {font-size:20px;text-align:center;line-height:30px;font-weight:600;color:#666;margin:10px 0;overflow:hidden;}
.resumeinfo .info {overflow:hidden;margin:15px 0;}
.resumeinfo .info ul {overflow:hidden;min-height:150px;}
.resumeinfo .info li {overflow:hidden;padding:0 15px;font-size:1.4rem;}
.resumeinfo .info li .title {float:left;width:70px;text-align:right;height:30px;line-height:30px;}
.resumeinfo .info li .field {margin-left:80px;line-height:30px;height:30px;overflow:hidden;}

/* 6.6 用户 （简历编辑）*/
.resume-edit {overflow:hidden;}
.resume-edit .icon{width:75px;height:75px;overflow:hidden;border-radius:10px;margin:15px auto 15px;}
.resume-edit .icon img {width:75px;height:75px;}
.resume-edit .info {overflow:hidden;margin:15px 0;}
.resume-edit .info ul {overflow:hidden;}
.resume-edit .info li {overflow:hidden;padding: 5px 15px;font-size: 1.4rem;color:#666;}
.resume-edit .info li .title {float:left;width:70px;text-align:right;line-height:30px;}
.resume-edit .info li .field {margin-left:80px;line-height:30px;overflow:hidden;}

#resume-edit-form input#name {width:80%;padding:0 3%;height:35px;line-height:35px;}
#resume-edit-form input#birthday {width:80%;padding:0 3%;height:35px;line-height:35px;}
#resume-edit-form input#mobile {width:80%;padding:0 3%;height:35px;line-height:35px;}
#resume-edit-form input#idcard {width:80%;padding:0 3%;height:35px;line-height:35px;}
#resume-edit-form input#edit {width:100%;margin-top:15px;line-height:40px;text-align:center;background-color:#f38417;color:#fff;font-size:1.8rem;}
#error-tip {margin-top:20px;margin-bottom:10px;border:1px solid #f8d3a7;background:#fffedf;padding-left:6px;line-height:30px;}
input[type="text"].error { border: 1px solid #ff6666;width:90%; }
input[type="radio"].error { background-color:#ff6666; }

.noresume { color:#888;background: #ffffff;font-size:1.4em;text-indent:2em;padding:30px 10px 10px;line-height:1.5em;}
.noresume a {color:#1595EA;}

.member-edit {overflow:hidden;}
.member-edit .icon{width:75px;height:75px;overflow:hidden;border-radius:10px;margin:15px auto 15px;}
.member-edit .icon img {width:75px;height:75px;}
.member-edit .info {overflow:hidden;margin:15px 0;}
.member-edit .info ul {overflow:hidden;}
.member-edit .info li {overflow:hidden;padding: 5px 15px;font-size: 1.4rem;color:#666;}
.member-edit .info li .title {float:left;width:70px;text-align:right;line-height:30px;}
.member-edit .info li .field {margin-left:80px;line-height:30px;overflow:hidden;}

#member-edit-form input[type=text] {width:80%;padding:0 3%;height:35px;line-height:35px;}
#member-edit-form input#edit {width:100%;margin-top:15px;line-height:40px;text-align:center;background-color:#f38417;color:#fff;font-size:1.8rem;}
#error-tip {margin-top:20px;margin-bottom:10px;border:1px solid #f8d3a7;background:#fffedf;padding-left:6px;line-height:30px;}
input[type="text"].error { border: 1px solid #ff6666;width:80%; }

/* 6.6 用户 （邀请好友）*/
#invite {overflow: hidden;}
#invite a {line-height: 20px; display: block; padding: 10px 15px; border-bottom: 1px solid #eee;}
#invite a .text {margin-left: 15px;font-size: 14px;}
#invite a [class^="icon-"] {line-height: 20px; font-size: 1.6rem; position: relative; top: 1px;}
#invite a .icon-qrcode {color: #84cbc5; font-size: 1.5rem;}
#invite a .icon-url {color: #868ad1;}
#invite a .icon-invite1 {color: #f47264;}
#invite a .icon-enter {float: right;}

.invite-intro {min-height:300px;overflow:hidden;text-align:center;}
.invite-intro .rebate {font-size:14px;padding:15px;text-align:left;overflow:hidden;position:relative;}
.invite-intro .rebate .icon-money {display:inline-block;text-align:center;font-size:20px;line-height:28px;margin-right:7px;position:relative;top:1px;color: #fff;height:28px;width:28px;border-radius:14px;background-color:#f38417;}
.invite-intro .rebate a {color:#333;}
.invite-intro .rebate .icon-cash {display:inline-block;text-align:center;font-size:20px;line-height:28px;margin:0 7px 0 10px;position:relative;top:1px;color: #fff;height:28px;width:28px;border-radius:14px;background-color:#f38417;}
.invite-intro .rebate .icon-right {display:inline-block;font-size:20px;color: #ccc;width:20px;position:absolute;top:22px;right:5px;}
.invite-intro .agent {margin-top:20px;}
.invite-intro .state {background-color: #f6f6f6;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:15px 0;overflow:hidden;}
.invite-intro .state .regnum {width:33%;float:left;}
.invite-intro .state .secondnum {width:33%;float:left;}
.invite-intro .state .entrynum {width:33%;float:left;}
.invite-intro .state .num {font-size:20px;font-weight:600;color:#f38417;margin-bottom:7px;}
.invite-intro .state em {display:block;position:relative;height:20px;top:10px;border-right:1px solid #ccc;float: left;}
.invite-intro .invite-now {padding:0 15px;overflow:hidden;margin-top:20px;}
.invite-intro .invite-qrcode {padding:0 15px;overflow:hidden;margin:20px 0;}
.invite-intro .button {width:100%;line-height:40px;text-align:center;color:#fff;font-size:1.8rem;}
.invite-intro .invite-now .button {background-color:#ffc700;}
.invite-intro .invite-qrcode .button {background-color:#ff9200;}
.invite-intro .invite-now .url {padding:0 10px;text-align:left;}
.invite-intro .invite-now .url #url {margin-top:15px;padding:5px 2%;width:96%;border:1px solid #ccc;display:inline-block;line-height:20px;}
.invite-intro .invite-now .url p {line-height:20px;color:#999;}
.invite-intro .share {margin:5px 0 15px;line-height:30px;}
.invite-intro .share em {position:relative;top:6px;}
.invite-intro .share a {display:inline-block;}
.invite-intro .share .qzone img {height:24px;width:24px;margin-right:10px;position:relative;top:6px;}
.invite-intro .share .qq img {height:24px;width:24px;margin:0 10px 0 5px;position:relative;top:6px;}
.invite-intro .invite-qrcode .qrcode p {display:block; padding:5px 0 7px;}
.invite-intro .invite-qrcode .qrcode a {display:block;color:#ff9200;padding:7px 0 15px;}
.invite-intro .invite-qrcode .qrcode img {padding: 10px; border: 1px solid #333333; border-radius: 10px; width: 124px; height: 124px;}
.invite-intro .invite-qrcode .qrcode .icon-download {font-size:14px;display:inline-block;position:relative;width:14px;margin-right:7px;}
.invite-intro .inviter-info {margin: 15px; text-align: left;}
.invite-intro .inviter-info img {width: 40px;height: 40px; border-radius: 20px; margin-right: 10px; display: inline-block;}
.invite-intro .inviter-info span {line-height: 40px; display: inline-block; overflow: hidden;}
.invite-intro .inviter-info span.nick {max-width: 168px; font-size: 1.4rem; white-space: nowrap;text-overflow: ellipsis;}
.invite-intro .inviter-info span.icon-male {color:#028eb7; margin-left: 10px;}
.invite-intro .inviter-info span.icon-female {color:#f47264; margin-left: 10px;}

.invitee-num {overflow: hidden; padding:15px; border-bottom: 1px solid #eee;}
.invitee-num div {display: inline-block; width: 49%;}
.invitee-num div [class^="icon-"] {margin-right: 7px; font-size: 1.4rem; position: relative; top: 1px;}

.invitee-list {overflow: hidden;}
.invitee-list li {overflow: hidden; border-bottom: 1px solid #eee; padding: 10px 15px;}
.invitee-list li img {width:30px; height: 30px; float: left; margin-right: 10px; border-radius: 20px;}
.invitee-list li div {line-height: 15px;}
.invitee-list li div.time {color: #999;}

.resumelist {min-height:350px;overflow:hidden;text-align:center;}
.resumelist li {height:30px;line-height:30px;font-size:14px;border-bottom:1px solid #e8e8e8;padding:5px 10px;overflow:hidden;}
.resumelist li.title {background-color:#f6f6f6;}
.resumelist li span {display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.resumelist li span.name {width:20%;}
.resumelist li span.company {width:35%;}
.resumelist li span.ctime {width:25%;}
.resumelist li span.jobname {width:20%;}
.resumelist li:last-child {border:none;}
.resume-list-more {height:40px;line-height:40px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}

/*  6.6 用户 （密码修改） */
#pass-form {overflow: hidden; padding-top: 10px;}
#pass-form input[type=password] {width:88%;padding:10px 3%; border: none; border-bottom: 1px solid #e8e8e8; line-height: 20px; margin:0 3% 10px 3%;}
#pass-form #modify {width:90%;margin:40px 5% 5px; line-height:40px;text-align:center;background-color: #ffc700;color: #333333;font-size:1.4rem; border-radius: 5px; }

/*  6.6 用户 （意见反馈） */
#feedback-form {overflow:hidden;min-height:350px;}
#feedback-form input[type="text"] {width:94%;padding:10px 3%; margin-bottom: 10px;}
#feedback-form textarea {width:94%;padding:10px 3%;height:100px;line-height:20px; border: none; }
/*  6.6 用户 （提现） */
.cash {overflow:hidden;min-height:350px;}
.cash .rebate {font-size:14px;padding:15px;text-align:left;}
.cash .rebate .icon-money {display:inline-block;text-align:center;font-size:20px;line-height:28px;margin-right:7px;position:relative;top:1px;color: #fff;height:28px;width:28px;border-radius:14px;background-color:#f38417;}

.applylist {overflow:hidden;}
.applylist li {overflow:hidden;line-height:20px;padding: 0 15px;font-size: 1.4rem;margin:10px 0;color:#666;}
.applylist li span {width:33%;display:inline-block;text-align:center;float:left;}
.applylist li span.status {color:#f25618;}

#cash-form ul {overflow:hidden;margin:15px 0;}
#cash-form li {overflow:hidden;padding: 0 15px;font-size: 1.4rem;margin:10px 0;color:#666;}
#cash-form li input[type="text"] {width:91%;padding:5px 4%;}
#cash-form .title {float:left;width:60px;text-align:right;height:32px;line-height:30px;margin-right:10px;}
#cash-form .field {margin-left:40px;line-height:30px;height:32px;overflow:hidden;}
#cash-form input[type="submit"] {width:100%;line-height:35px;text-align:center;background-color:#f38417;color:#fff;font-size:1.8rem;}
#cash-form input[type=text].error {border:1px solid #ff6666; }

#user-friend {overflow:hidden;}
#user-friend ul {overflow:hidden; position: fixed; top: 48px; bottom: 0; width: 100%; overflow-y: scroll;}
#user-friend ul li {overflow:hidden; position: relative; font-size: 12px;color:#666; background: #fff; line-height: 36px; padding:10px 15px;}
#user-friend ul li:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#user-friend ul li img {width: 36px; height: 36px; border-radius: 20px; margin-right: 10px; float: left;}
#user-friend ul li.noresult {background-color: transparent; margin-top: 30px;}

/*  6.6 用户 （补贴） */
#user-subsidy {overflow:hidden;}
.user-subsidy-top { width: 100%; height: 42px; background-color: #fafafa; z-index: 9; position: fixed; top:48px; }
.user-subsidy-top span { font-size: 14px;text-align: center; width: 50%; float: left; display: inline-block; height: 41px; border-bottom: 1px solid #eee; line-height: 42px; color: #999;}
.user-subsidy-top .selected {border-bottom: 2px solid #ffc700; height: 40px; color: #333;}

#user-subsidy ul {overflow:hidden;padding:0 4%; position: fixed; top: 48px; bottom: 0; width: 92%; overflow-y: scroll;}
#user-subsidy ul li {padding:10px 15px;font-size: 1.4rem;margin-bottom:10px;color:#666; background: #fff; border-radius: 5px; position: relative;}
#user-subsidy ul li:after {content: ''; position: absolute; top: 0; left: 0; border: 1px solid #e8e8e8;border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; pointer-events: none;}
#user-subsidy ul li:first-child {margin-top:10px;}
#user-subsidy ul li .job {font-size:1.6rem; line-height: 20px; height: 20px;}
#user-subsidy ul li .job .dot {width: 10px; height: 10px; border-radius: 5px; background: #ffc700;display: inline-block;margin-right: 10px;}
#user-subsidy ul li .state {margin-top:5px;text-align: center;line-height: 15px; height:15px;}
#user-subsidy ul li .state.orange {color: #ff9200;}
#user-subsidy ul li .state.red {color: #ff0000;}
#user-subsidy ul li .money {margin-top:5px;text-align: center;color: #ff9200;}
#user-subsidy ul li .money span {font-size: 26px;line-height:30px; height: 30px;}
#user-subsidy ul li .info {margin-top:5px;text-align: center;font-size: 1.2rem;line-height: 14px;}
#user-subsidy ul li .apply {width: 100%; background: #ffc700; border-radius: 3px; color:#333333;line-height: 30px; height:30px; text-align: center; margin-top: 10px; border: none;}
#user-subsidy ul li .apply.unable {background: #f2f2f2; color:#999;}
#user-subsidy ul li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}

/*  6.6 用户 （银行账户信息） */
#bank-form ul {overflow:hidden;margin-top:10px;background: #fff;}
#bank-form li {overflow:hidden;padding-left: 15px;font-size:1.4rem; color:#666;}
#bank-form .title {float:left;width:70px;height:40px;line-height:41px;margin-right:15px;}
#bank-form .field {margin-left:40px;line-height:40px;height:41px;overflow:hidden; border-bottom: 1px solid #eee;}
#bank-form .field.right {text-align: right;}
#bank-form input {border:none; width: 94%; line-height: 20px; height: 20px; padding: 10px 3%;}
#bank-form input.select {width: 75%; text-align: right;}
#bank-form .select {position: relative; text-align: right; width: 60%; display: inline-block; margin-right: 5px;}
#bank-form .select select {position: absolute; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-appearance: none;}
#bank-form .select .selected {position: relative; color:#999; top: 0; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
#bank-form .region .select {width: 30%;}
#bank-form .region .selected {padding: 0 10px 0 0;}
#bank-form .region .select .selected::before {content: ' '; position: absolute; z-index: 98; top: 3px; right: 0; margin: 5px 0 0; border-width: 5px 3px 0; width: 0; border-style: solid; border-color: rgba(0,0,0,.5) transparent;}
#bank-form .field .icon-enter {position: relative; color:#999; top: 2px; margin-right: 5px;}

#user-job {overflow: hidden;}
#user-job-top {width: 100%; background-color: #ffffff; overflow: hidden;margin-bottom: 10px; position: fixed; top:48px; z-index: 9;}
#user-job-top span {float: left; display: inline;font-size: 12px;text-align: center; width: 33.3%; color: #999; height: 41px; line-height: 40px; border-bottom: 1px solid #eee;}
#user-job-top span.show { border-bottom: 2px solid #ffc700; color: #333; height: 40px;}

#user-job .order-list {margin-top: 90px;}

.order-list {overflow: hidden;}
.order-list li {background: #fff; margin-top: 10px; overflow: hidden;}
.order-list li .job {line-height: 30px;height:30px;color:#333;padding: 0 15px;}
.order-list li .job .state {float: right; color: #ff9200;}
.order-list li .order {padding: 10px 15px;overflow: hidden; background-color: #f5f5f5;}
.order-list li .logo {width: 70px; height:70px; float: left; margin-right: 15px;}
.order-list li .logo img {width: 70px; height:70px;}
.order-list li .info {color: #999;}
.order-list li .info .fee {color: #333; margin-top: 5px;}
.order-list li .info .time {margin-top: 7px;}
.order-list li .bottom {padding: 5px 15px;overflow: hidden; height: 26px;}
.order-list li .bottom .remark {float: right; position: relative;padding: 7px; border-radius: 2px; background-color: #ffc700;}
.order-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}

#order-comment-list {margin-top: 90px;overflow: hidden;}
#order-comment-list li {background: #fff; margin-top: 10px;overflow: hidden;}
#order-comment-list li .top {line-height: 30px;height:30px;color:#999;border-bottom: 1px solid #eee;padding: 0 15px;}
#order-comment-list li .top .state {float: right; color: #ff9200;}
#order-comment-list li .middle {padding: 10px 15px;overflow: hidden; border-bottom: 1px solid #eee;}
#order-comment-list li .logo {width: 70px; height:70px; float: left; margin-right: 10px;}
#order-comment-list li .logo img {width: 70px; height:70px;}
#order-comment-list li .info {color: #999;}
#order-comment-list li .info .job {font-size: 14px; margin-bottom: 15px;}
#order-comment-list li .info .job .company { color:#333}
#order-comment-list li .info .job .jobcate {float: right;}
#order-comment-list li .info .fee {line-height: 20px; height: 20px;}
#order-comment-list li .bottom {padding: 5px 15px;overflow: hidden;}
#order-comment-list li .bottom .comment {color: #333; background: #ffc700; border-radius: 5px;
line-height: 26px; float: right; padding: 0 10px;}
#order-comment-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}

.banner {width: 100%; vertical-align: bottom;}
.agent-list {overflow: hidden; background: #fff; margin: 0 10px;}
.agent-list li {padding: 15px 0 10px; border-bottom: 1px solid #eee; overflow: hidden;}
.agent-list li img {width: 40px; border-radius: 20px;float: left; margin-right: 7px;}
.agent-list li .name {line-height: 20px; color: #333; font-size: 14px;}
.agent-list li .contact span {line-height: 20px; vertical-align: bottom; color: #999;}
.agent-list li .contact .icon-phone1 {float: right;font-size: 18px;color: #ff9200;}
.agent-list li a:visited {color: #ff9200;}

.store-list {overflow: hidden; background: #fff; font-size: 12px;}
.store-list li {padding: 15px; overflow: hidden; position: relative;}
.store-list li:after {content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.store-list li img {width: 70px; float: left; display: block; margin-right: 10px;}
.store-list li .info { margin: 10px 20px 0 80px;}
.store-list li .name { color: #333; font-size: 14px;}
.store-list li .address {line-height: 15px; color: #999; overflow: hidden; margin-top: 10px;}
.store-list li .contact {line-height: 20px; color: #666; vertical-align: bottom; overflow: hidden;}
.store-list li .contact .icon-phone1 {float: right;font-size: 16px;color: #ff9200; margin: 2px 1px 0 0;}
.store-list li .icon-enter { position: absolute; right: 15px; top: 15px; line-height: 70px; font-size: 14px; color: #999;}
.store-list li a:visited {color: #ff9200;}

.store-info .base-info {padding: 10px 15px; background-color: #fff; border-bottom: 1px solid #eee; overflow: hidden; position: relative;}
.store-info .base-info img {width: 70px; float: left; display: block;}
.store-info .base-info .info { margin: 0 0 0 80px; }
.store-info .base-info .info div {line-height: 15px; color: #999; overflow: hidden; font-size: 10px; margin-top: 7px;}
.store-info .base-info .info div.name {color: #333; font-size: 14px;line-height: 20px;margin: 0;}

.store-info .ask {background-color: #fff; margin-top: 10px; overflow: hidden; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;font-size: 12px;}
.store-info .ask .title {font-size: 14px; padding: 10px 15px; }

.store-info .photo-info {border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 0;}
.store-info .photo-info .field {padding: 10px 15px; border-bottom: 1px solid #e8e8e8;}
.store-info .photo-info .photo {padding: 0 15px 10px;}

.store-info .question-list li {border-top: 1px solid #e8e8e8;}

#order-info {background: #fff; overflow: hidden;}
#order-info .company {font-size: 16px; color: #666; text-align: center; line-height: 20px; height:20px; margin: 15px 0 20px;}
#order-info .collect-fee {font-size: 26px; color: #ff9200; text-align: center; line-height: 30px; height:30px;}
#order-info .collect-fee span {font-size:14px;}
#order-info .state {font-size: 14px; color: #999; text-align: center; line-height: 15px; height:15px; margin: 14px 0;}
#order-info .field {height:35px; line-height: 35px; padding: 0 14px;}
#order-info .left {}
#order-info .right {float: right; color: #999;}
#order-info .ctime {border-top: 1px solid #eee;}
#order-error-tip {line-height: 15px;height:30px;color:#ff9200;text-align: center;padding: 0 15px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;}
#order-error-tip p {display: inline-block; text-align: left;}

#order-info-error {margin-top: 100px; color:#999; font-size: 14px; text-align: center;}
#order-info-error img {width: 75px; margin-bottom: 20px;}

#user-package {overflow: hidden;}
#user-package-top {width: 100%; background-color: #ffffff; overflow: hidden;margin-bottom: 10px; position: fixed; top:48px; z-index: 9;}
#user-package-top span {float: left; display: inline;font-size: 12px;text-align: center; width: 50%; color: #999; height: 41px; line-height: 40px; border-bottom: 1px solid #eee;}
#user-package-top span.show { border-bottom: 2px solid #ffc700; color: #333; height: 40px;}

#package-list {margin-top: 90px; overflow: hidden;}
#package-list li {background: #fff; padding: 10px 15px; overflow: hidden; margin-top: 10px;}
#package-list li .photo {width: 75px; height: 75px; overflow: hidden; float: left;}
#package-list li .photo img {position: relative;}
#package-list li .info {margin-left: 90px; line-height: 28px; padding-top: 7px; font-size: 14px;}
#package-list li .info .state {color:#1b6aa3;}
#package-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}

  /* 6.7 联系我们 */
#contact {padding:14px 10px;}
#contact .summary {text-align: center; margin: 30px 0 20px;}
#contact .logo {width: 75px; border-radius: 15px;}
#contact .name {line-height: 30px; height: 30px; font-size: 16px; color: #ffc700;}
#contact .slogan {width: 150px;}
#contact p {font-size:14px;line-height:18px;}
#contact .info p {margin-top: 10px;}
#contact .title {font-size:14px;line-height:30px;color: #ff9200;position: relative; text-align: center; overflow: hidden;}
#contact .title em {width: 200px; display: inline-block; position: absolute; /*height: 1px;*/ top: 15px; background: #ff9200;}
#contact .title em.left {left: 0;}
#contact .title em.right {right: 0;}
#contact .title span {padding: 0 5px; display: inline-block; }
#contact .other span {color: #ff9200;}

.terms {padding:14px 10px;}
.terms p {font-size:14px;line-height:18px;margin-bottom:7px;text-indent:1em;}
.terms b {font-size:15px;line-height:20px;margin-bottom:7px;display: block;}


/* 简历 */

/* 简历首页 */
#resume {width: 100%;}
#resume .online-resume {text-align: center; line-height: 30px; height:30px; font-size: 22px; font-weight: 500; margin-top: 30px; margin-bottom: 10px;}
#resume .img img{width: 100%;}
#resume .edit {margin:20px auto; width: 70% ;height: 35px; line-height: 35px; color: #fff; text-align: center;font-size: 18px; display: block; background-color: #01af63; border-radius: 5px;}

/* 编辑简历 */
#resume-new-form {margin: 10px 20px; overflow: hidden;}
#resume-new-form input {border: none; border-bottom: solid #ddd 1px;line-height: 20px; height: 20px; width: 100%; padding: 7px 0; margin-top: 7px;}
#resume-new-form .gender, #resume-new-form .party-member{line-height: 30px; height: 30px; margin-top: 10px;}
#resume-new-form .gender label, #resume-new-form .party-member label {width: 24%; display: inline-block;}
#resume-new-form .gender span, #resume-new-form .party-member span{width: 35%; background-color: #eee; color: #01af63; display: inline-block;text-align: center; border-radius: 5px;}
#resume-new-form .gender span.selected, #resume-new-form .party-member span.selected {background-color: #01af63; color: #fff;}
#resume-new-form .gender span.end, #resume-new-form .party-member span.end {float: right;}
#resume-new-form .info-input {overflow: hidden;}
#resume-new-form .info-input input {width: 48%;}
#resume-new-form .info-input input.end {float: right;}
#resume-new-form p {line-height: 20px; height: 20px; font-weight: 600; margin-top: 10px;}
#resume-new-form .job-input {overflow: hidden;}
#resume-new-form .job-input input {width: 30%;}
#resume-new-form .job-input input.left {float: left;}
#resume-new-form .job-input input.middle {margin-left: 5%;}
#resume-new-form .job-input input.right {float: right;}
#resume-new-form #add-job-exp {line-height: 20px; height: 20px; margin-top: 10px; color: #01af63; font-weight: 500;}
#resume-new-form .school {overflow: hidden; height: 35px; line-height: 35px; border-bottom: solid #ddd 1px; margin-top: 5px;}
#resume-new-form .school span {width: 20%; display: inline-block;}
#resume-new-form .school input {border: none; width: 75%; float: right; margin: 0;}
#resume-new-form #intro {width: 93%; height: 80px; margin-top: 5px; padding: 4px 3%; line-height: 20px;}
#resume-new-form input#error-tip {border: none; color: #f25618; padding-left: 5px; margin-top: 10px; margin-bottom: 0; display: none;}
#resume-new-form input#submit {margin:20px auto; padding:0; width: 70% ;height: 35px; line-height: 35px; color: #fff; text-align: center;font-size: 16px; display: block; background-color: #01af63; border-radius: 5px;}


/* 注册成功后的推荐 */

/* 推荐首页 */
#recommend {overflow: hidden; background-color: #f2f2f2;}
#recommend .body {margin:30px 40px 0 40px; overflow: hidden;}
#recommend .body .logo {width:80px; height:80px; margin:0 auto; text-align:center; display:block;}
#recommend .body .summary {font-size:16px; font-weight:500; text-align:center; margin:20px 0 30px;}
#recommend .body .job {display: block; width: 100%; text-align: center; font-size: 18px; line-height: 40px; background-color: #01af63; color: #fff; border-radius: 20px;}
#recommend .body .num {font-size:12px; color:#999; text-align: center; margin:10px 0 20px;}
#recommend .body .num span {font-size:16px; color:#f38417;}
#recommend .body .app-download {display: block; width: 99%; text-align: center; font-size: 18px; line-height: 38px; color: #01af63; border:solid #01af63 1px; border-radius: 20px;}
#recommend .body .weixin {margin-top:30px; overflow:hidden;}
#recommend .body .weixin .left {overflow:hidden; float:left; margin-right:5px;}
#recommend .body .weixin .weixin-qrcode {display:inline-block; float:left; width:100px; height:100px; margin:-7px 0 0 -7px;}
#recommend .body .weixin .triangle {margin-left:5px; border-width: 6px 8px 6px 0; border-style: solid; border-color: transparent #01af63 transparent transparent; display: inline-block;}
#recommend .body .weixin .text {font-size:14px; line-height:1.2;}
#recommend .bottom {width:100%; margin-top:-20px;}

/* 推荐工作列表 */
#recommend-job-list {background-color:#fff; overflow:hidden;}
#recommend-job-list li {padding:14px 14px 10px;border-bottom:1px solid #e8e8e8;overflow:hidden;position:relative;}
#recommend-job-list li:last-child {border-bottom:none;}
#recommend-job-list li:active {background-color:#f6f6f6;}
#recommend-job-list .list-empty {margin:100px auto 0; text-align:center; font-size:14px; border:none;}
#recommend-job-list .info {float:left; overflow:hidden;}
#recommend-job-list .info .company {line-height:16px;font-size:14px;color:#333;overflow:hidden;}
#recommend-job-list .info .cate {font-size:12px;overflow:hidden;margin:7px 0;color:#999;}
#recommend-job-list .info .tag-pay {font-size:12px; line-height: 20px;}
#recommend-job-list .info span.tag {color:#f38417; border:solid #f38417 1px; padding:1px; margin-right:3px;}
#recommend-job-list .info span.pay {font-size:14px; color:#f38417; margin-left:3px;}
#recommend-job-list .status {float: right; width: 90px; display: inline-block; margin-top: 10px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; background-color: #01af63; color: #fff; border-radius: 5px;}
#recommend-job-list .status.delivered {background-color: #eee;}

.recommend-rank {overflow: hidden;}
.recommend-rank .title {background-color:#fff; padding: 15px;border-bottom:1px solid #e8e8e8; font-size: 16px;}
.recommend-rank .title span {font-size: 12px; color: #999;}
.recommend-rank .rank-list {background-color:#f5f5f5; overflow:hidden;}
.recommend-rank .rank-list li {background-color:#fff; padding:10px 15px 10px 0;border-bottom:1px solid #e8e8e8;overflow:hidden;position:relative;display: flex;display: -webkit-flex; align-items: center;-webkit-align-items: center;width: 100%; box-sizing: border-box; font-size: 14px;}
.recommend-rank .rank-list li.self {margin-bottom: 10px;}
.recommend-rank .rank-list li.noresult {border: none; text-align: center; display: block; margin: 0; padding-top: 60px;}
.recommend-rank .rank-list li div {display: inline-block;}
.recommend-rank .rank-list li .info div {display: block;}
.recommend-rank .rank-list li .info .wait {font-size: 12px; color: #999; margin-top: 7px;}
.recommend-rank .rank-list li .rank {width: 45px;}
.recommend-rank .rank-list li .rank img {width: 18px; vertical-align: bottom; margin: 0 10px 0 15px;}
.recommend-rank .rank-list li .rank span {margin: 0 5px 0 7px; width: 33px; display: inline-block; text-align: center;}
.recommend-rank .rank-list li .icon {width: 35px;}
.recommend-rank .rank-list li .icon img {width: 35px; height: 35px; vertical-align: bottom; border-radius: 20px;}
.recommend-rank .rank-list li .info {margin:0 10px; flex: 1;-webkit-flex: 1;}
.recommend-rank .rank-list li .prize {width: 30px; margin-right: 5px;}
.recommend-rank .rank-list li .prize img {width: 30px; height: 30px;}
.recommend-rank .rank-list-more {display: block; background: #ffffff; color: #333333; height: 40px; line-height: 40px; text-align: center; width: 100%; font-size: 14px;}

.recommend-rank .rule {font-size: 14px; line-height: 20px; padding: 15px;}

/* 报名成功 */
#deliver-success {overflow:hidden;}
#deliver-success .tip {margin:40px auto 15px; text-align: center;}
#deliver-success .tip .icon-check {font-size: 28px; color: #01af63; position: relative; top: 6px;}
#deliver-success .tip .text {font-size: 16px; color: #333; margin-left: 5px; font-weight: 500;}
#deliver-success .mobile span {display: block; font-size: 14px; color: #999; text-align: center; line-height: 22px;}
#deliver-success .weixin-qrcode {width: 120px; height: 120px; text-align: center; display: block; margin: 60px auto 0;}
#deliver-success .weixin-text {font-size: 12px; color: #666; width: 200px; display: block; margin: 10px auto 40px; line-height: 16px;}
#deliver-success .bottom {position:fixed; bottom: 0; width:100%; background-color: #000; opacity:0.9; filter:alpha(opacity=90); overflow: hidden;}
#deliver-success .bottom img.logo {height: 60px; margin-left: 10px;}
#deliver-success .bottom .app-download {float: right; display: inline-block; width: 80px; background-color: #01af63; color: #fff; font-size: 14px; height: 35px; line-height: 35px; text-align: center; border-radius: 5px; margin: 13px 10px 0 0;}

/* 获取信息 */
#info-form {overflow:hidden; margin:20px 30px;}
#info-form input {border:none; padding:0; margin:0;}
#info-form .icon {margin:0 auto 40px; text-align:center;}
#info-form .icon img {width:75px; height:75px; border-radius:40px; margin:0 auto 10px; display:block;}
#info-form .icon span {font-size:12px; color:#999;}
#info-form div.info {width:100%; border-bottom:solid 1px #ddd; padding:7px 0; margin-bottom:10px;}
#info-form div.info span {line-height:20px; height:20px; font-size:14px; color:#999;}
#info-form div.info input {font-size:14px; color:#333; width: 90px;}
#info-form div.info span.tip {float:right; font-size:12px;}
#info-form div.info span.icon-heart {font-size:12px;}
#info-form div.info span[class^="icon-"] {margin-right:3px; color:#666;}
#info-form #nick {width:200px; font-size:14px;}
#info-form #save {width:100%; color:#333; background-color:#ffc700; border-radius:5px; height:35px; line-height:35px; text-align:center; margin-top:20px;}
#info-form .hometown {position: relative; overflow: hidden;}
#info-form .hometown #hometown {margin-right:10px;}
#info-form .hometown .select {position: relative; text-align: right; width: 24%; display: inline-block;}
#info-form .hometown .select select {position: absolute; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-appearance: none;}
#info-form .hometown .select .selected {position: relative; color:#333; top: 0; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; max-width: 100%; padding: 0 10px 0 0;}
#info-form .hometown .select .selected::before {content: ' '; position: absolute; z-index: 98; top: 3px; right: 0; margin: 5px 0 0; border-width: 5px 3px 0; width: 0; border-style: solid; border-color: rgba(0,0,0,.5) transparent;}

/* 推荐好友列表 */
#suggest-list {background-color:#fff; overflow:hidden;}
#suggest-list li {padding:7px 0 0 10px; overflow:hidden; position:relative;}
#suggest-list li img {float: left; width: 50px; height: 50px; border-radius: 25px; margin-right: 10px;}
#suggest-list li .info {overflow: hidden; height: 40px; padding: 0 10px 14px 0; border-bottom: solid 1px #e8e8e8;}
#suggest-list li .info .base {line-height: 20px; float: left; max-width: 180px;}
#suggest-list li .info .base span[class^="icon-"] {font-size: 10px;}
#suggest-list li .info .base .nick {max-width: 80px; font-size:14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; top: 7px; display: inline-block;}
#suggest-list li .info .male-age {font-size: 10px; padding:1px 0 0 3px; line-height: 14px; color:#fff; background-color: #028eb7; position: relative; bottom: 1px;}
#suggest-list li .info .female-age {font-size: 10px; padding:1px 0 0 3px; line-height: 14px; color:#fff; background-color: #f47264; position: relative; bottom: 1px;}
#suggest-list li .info .online {color: #999; margin-left: 5px;}
#suggest-list li .info .icon-male {font-size: 8px; position: relative; top: 1px;}
#suggest-list li .info .icon-female {font-size: 8px; position: relative; top: 1px;}
#suggest-list li .info .icon-time {color: #028eb7; font-size: 12px; margin-right: 2px;}
#suggest-list li .info .icon-success {color: #01af63; font-size: 12px; margin-right: 2px;}
#suggest-list li .info .location {font-size: 10px; color: #999;}
#suggest-list li .add-friend {float: right; color: #01af63; border: solid 1px #01af63; border-radius: 20px; width: 60px; line-height: 22px; text-align: center; font-size: 12px; position: relative; top: 10px;}
#suggest-complete {margin: 30px 4%; width: 92%; background-color: #01af63; line-height: 35px; color: #fff; font-size: 16px; text-align: center; border-radius: 5px;}


#bottom { width: 100%; position: fixed; bottom: 0; z-index:9999;}
#bottom:after{content: ''; position: absolute; background: #e8e8e8; width: 100%; top:0; left:0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
#bottom .foot {width: 100%; height:50px; background-color: #fff; overflow: hidden;}
#bottom .foot div { float: left; display: inline; text-align: center;height: 50px; width: 20%; font-size: 15px;color: #999999;}
#bottom .foot div.selected { color: #ff9200; }
#bottom .foot div ul { display: block; margin: 5px 0;}
#bottom .foot div ul img { width: 25px; height: 25px;}
#bottom .foot div ul .icon-message3 { font-size: 25px;}
#bottom .foot div ul .icon-job { font-size: 25px;}
#bottom .foot div ul .icon-forum2 { font-size: 25px;}
#bottom .foot div ul .icon-overtime{ font-size: 25px;}
#bottom .foot div ul .icon-my { font-size: 25px;}
#bottom .foot div ul a { font-size: 10px;display: inline-block;margin-top: 3px; color: #333;}

/* toast样式 */
#toast-container {display: block; position: fixed; width: 100%; height: auto; z-index: 9999; bottom: 60px;}
#toast-container .toast {max-width: 64%; height: auto; margin: auto; background-color: rgba(0, 0, 0, 0.8); color: #f0f0f0; font-size: 14px; padding: 12px 15px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; border-radius: 3px; box-shadow: 0 0 12px -1px #383838;}
#toast-container .toast p {text-align: left; margin: 0; padding: 0; display: inline-block;}

/* alert 样式 */
#shelter { position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 2000;}
#alert-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%; border-radius: 3px;}
#alert-dialog .title { font-size: 16px;color: #ff9200 ; padding: 15px; text-align: center; font-weight: 500;}
#alert-dialog .content { font-size: 14px;padding:0 15px 15px; border-bottom: 1px solid #eee;color: #333;line-height: 20px; }
#alert-dialog .bottom { font-size: 14px; text-align: center;padding: 15px; color: #ff9200;}

/* confirm */
#confirm-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#confirm-dialog .title { font-size: 16px;color: #ff9200 ;border-bottom: 1px solid #ff9200;padding: 15px;}
#confirm-dialog .content { font-size: 16px;padding: 15px; border-bottom: 1px solid #eee;color: #333;line-height: 20px; }
#confirm-dialog .content input {font-size: 16px;}
#confirm-dialog .bottom { font-size: 14px; text-align: center;padding: 15px; color: #666;overflow: hidden;}
#confirm-dialog .confirm-button {float: right; width: 50%;text-align: center; color:#ff9200;}
#confirm-dialog .confirm-cancel{ float: left; width: 50%;text-align: center;}

/* select */
#select-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#select-dialog .title { font-size: 16px;color: #ff9200 ;border-bottom: 1px solid #ff9200;padding: 15px;}
#select-dialog ul li  { font-size: 14px;padding: 10px 15px; border-bottom: 1px solid #eee;color: #666;line-height: 20px;text-align: center; }

/* formdialog */
#formdialog-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#formdialog-dialog .title { font-size: 16px;color: #ff9200;border-bottom: 1px solid #ff9200;padding: 15px;}
#formdialog-dialog .input-dialog {border: none;width: 90%; font-size: 16px; padding: 0;}
#formdialog-dialog .content { font-size: 16px;padding: 20px 15px; border-bottom: 1px solid #eee;color: #666;line-height: 20px; }
#formdialog-dialog .bottom { font-size: 14px; text-align: center;padding: 15px; color: #666;overflow: hidden;}
#formdialog-dialog .formdialog-button {float: right; width: 50%;text-align: center;color: #ff9200;}
#formdialog-dialog .formdialog-cancel{ float: left; width: 50%;text-align: center;}

/* fixSelect */
#fixSelect-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 80%;}
#fixSelect-dialog .title { font-size: 16px;color: #ff9200 ;border-bottom: 1px solid #ff9200;padding: 15px;}
#fixSelect-dialog .content { height: 150px; background: url(../imgm/idler.png) no-repeat ;background-size: 100% 150px; overflow: scroll;}
#fixSelect-dialog ul li  { font-size: 14px;color: #ffffff;line-height: 50px;text-align: center; height: 50px;}

.emoji {height: 18px; width: 18px; vertical-align: bottom;}

/* 头部APP */
#app-top-download {height: 55px;width:100% ;position: fixed; top: 0;background-color: #666666;overflow: hidden; z-index: 9999;}
#app-top-download img {height:55px; width: 164px; margin-left: 10px; float: left;}
#app-top-download  .app-top-download {height: 35px; width: 100px; background-color: #01AF63; line-height: 35px; float: right;text-align: center;margin: 10px; border-radius: 5px;}
#app-top-download  .app-top-download a{ color: #ffffff;font-size: 16px;}

/* APP下载 */
#app-download {height: 50px;width:100%; position: fixed; bottom:51px; background-color: RGBA(0,0,0,.8); overflow: hidden; z-index: 9999; color: #fff;}
#app-download span {display: inline-block; overflow: hidden;}
#app-download span.img {margin: 7px 15px; float: left}
#app-download img {height:36px; width: 36px; border-radius: 5px;}
#app-download .content {float: left; margin: 7px 0; line-height: 16px; font-weight: 500;}
#app-download .content .title {font-size: 16px; line-height: 20px;}
#app-download .app-download {height: 30px; width: 75px; background-color: #ffc700; line-height: 30px; float: right;text-align: center; margin: 10px 0; border-radius: 5px;}
#app-download .app-download a { color: #333333; font-size: 14px;}
#app-download .icon-close {float: right; color: RGBA(255,255,255,.8); font-size: 18px; margin: 10px; line-height:30px; width: 18px;}

#body.app-download {padding-bottom: 60px; display: table; height: 100%; text-align: center;}
#body.app-download .info {display: table-cell; vertical-align: middle;}
#body.app-download .text {position: relative; top: -36px; padding: 0 15px; line-height: 20px; height: 20px;}
#body.app-download .logo {width: 20%; border-radius: 15px; vertical-align: bottom;}
#body.app-download .name {text-align: center; margin-top: 10px; font-size: 18px; font-weight: 600;color: #592301;}
#body.app-download .intro {margin-top: 20px; overflow: hidden; font-size: 16px; color: #000;}
#body.app-download .intro .extra {font-size: 12px; color: #999; margin-top: 10px;}
#body.app-download .download {font-size: 14px; color: #333; line-height: 40px; display: block; text-align: center; background-color: #ffc700; border-radius: 5px; margin: 50px 15px 20px;}


.popup {position: fixed;z-index: 2001;top: 0; bottom: 0;left: 0;right: 0;}
.popup .mask {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.popup .popup-container {position: absolute;left: 20%;right: 0;top: 0;bottom: 0;background: #fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;z-index: 1;}
.popup .search-filter {display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;}
.popup .filter-wrap {flex: 1;-webkit-flex: 1;overflow-x: hidden;overflow-y: auto;padding: 12px 15px;font-size: 12px;color: #333;}
.popup .filter-title {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 14px;font-weight: 600;margin-top: 20px;}
.popup .filter-title:first-child {margin-top: 0;}
.popup .filter-title .iconfont {font-weight: normal;line-height: 1;margin-right: 7px;}
.popup .filter-title .unfold {line-height: 1;cursor: pointer;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.popup .filter-title .unfold.active .iconfont {transform: rotate(180deg);}
.popup .filter-title .option {font-size: 12px;font-weight: normal;user-select: none;}
.popup .filter-content {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;overflow: hidden;margin: 0 -1%;}
.popup .filter-content .item {position: relative;width: 31%;height: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;padding: 3px 7px;border-radius: 4px;border: 1px solid #ced4da;line-height: 1;margin: 3% 1% 0;cursor: pointer;box-sizing: border-box;white-space: nowrap;}
.popup .filter-content .item.selected {border-color: #00bf6f;background-color: #00bf6f;color: #fff;}
.popup .filter-content .item[class*='bg-'] {border-color: transparent;color: #fff;}
.popup .filter-content .item .text {z-index: 1;}
.popup .filter-content .item .text.with-num {position: relative;padding-right: 7px;transform: scale(0.85);}
.popup .filter-content .item .text.with-num:after {content: attr(data-num);position: absolute;word-break: keep-all;white-space: nowrap;top: -5px;margin-left: 1px; font-size: 13px;color: inherit;transform: scale(0.75);}
.popup .filter-content .item .num {font-size: 13px;background-color: #009efb;color: #fff;width: 32px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: -3px;right: -5px;transform: scale(0.75);border-radius: 3px;}
.popup .filter-content .item[class*='bg-'] .num {background-color: #00bf6f;}
.popup .filter-content .item:hover .num {z-index: 2;}
.popup .filter-bottom {flex-shrink: 0;-webkit-flex-shrink: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 12px 15px;border-top: 1px solid #ced4da;cursor: pointer;}
.popup .filter-bottom .reset {flex: 1;-webkit-flex: 1;height: 35px;line-height:33px;border-radius: 30px;border: 1px solid #ced4da;text-align: center;}
.popup .filter-bottom .ensure {flex: 1;-webkit-flex: 1;height: 35px;line-height:35px;background-color: #00bf6f;color: #fff;border-radius: 30px;text-align: center;margin-left: 15px;}

.filter-items {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;background: #fff;font-size: 12px;user-select: none;padding: 5px 10px 10px;}
.filter-items .item {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;line-height: 20px;margin-top: 5px;margin-right: 10px;cursor: pointer;padding: 0 5px 1px;color: #fff;border-radius: 3px;background-color: #00bf6f;}

.txt-logo {width: 90px;height: 90px;padding: 12px 15px;border-radius: 4px;display: flex;align-items: center;justify-content: center;overflow: hidden;text-align: center;background: #fff;white-space: pre-wrap;box-sizing: border-box;-webkit-box-sizing: border-box;}
.txt-logo [class^="txt"] {color: #fff;font-weight: 700;}
.txt-logo .txt-1 {font-weight: 500;font-size:40px;}
.txt-logo .txt-2,.txt-logo .txt-3,.txt-logo .txt-4 {font-size: 23px!important;line-height: 33px!important;}
.txt-logo .txt-5,.txt-logo .txt-6 {font-size: 20px!important;line-height: 30px!important;}
.txt-logo .txt-7,.txt-logo .txt-8,.txt-logo .txt-9 {font-size: 16px!important;line-height: 24px!important;}
.txt-logo .txt-n {font-size: 15px!important;line-height: 22px!important;}

.loading-more {width: 100%;height: 45px;color: #999;font-size: 13px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background: transparent;}
.loading {width: 100%;padding: 100px 0 20px;color: #999;font-size: 13px;text-align: center;background: transparent;}
.noresult {width: 100%;padding: 100px 0 20px;color: #999;font-size: 13px;text-align: center;background: transparent;}

/* 修改信息 */
#user-modify {background-color: #f5f5f5;}
#user-modify .modify-notice {height: 50px; line-height: 50px; color: #666;padding-left: 10px;font-size: 12px;}
#user-modify .modify-input { background-color: #ffffff;}
#user-modify .modify-input .mobile {height: 40px; overflow: hidden;padding: 0 10px;border-bottom: 1px solid #eeeeee;}
#user-modify .modify-input .font {float: left; font-size: 14px; line-height: 40px;}
#user-modify .modify-input .mobile .phone {float: right ;font-size: 12px;color: #999;line-height: 40px; height:40px; text-align: right; padding: 0; border: none;}
#user-modify .modify-input .name {height: 40px; overflow: hidden;padding: 0 10px;border-bottom: 1px solid #eeeeee;}
#user-modify .modify-input .name .show-name { float: right; font-size: 12px;color: #999;line-height: 40px; text-align: right; height: 40px; padding: 0; border: none;}
#user-modify .modify-input .gender {height: 40px; overflow: hidden;padding: 0 10px;border-bottom: 1px solid #eeeeee;}
#user-modify .modify-input .gender .modify-gender .icon-enter {float: right;font-size: 16px; position: relative; top:13px;}
#user-modify .modify-input .gender .modify-gender .gender-input {float: left;padding-right: 5px; min-width: 80px; text-align: right;}
#user-modify .modify-input .gender .modify-gender {float: right; font-size: 12px;color: #999;line-height: 40px; overflow: hidden;}
#user-modify .modify-input .degree {height: 40px; overflow: hidden;padding: 0 10px;border-bottom: 1px solid #eeeeee;}
#user-modify .modify-input .degree .modify-degree {float: right; font-size: 12px;color: #999;line-height: 40px;}
#user-modify .modify-input .degree .show-degree {float: right; font-size: 12px;color: #999;line-height: 40px;overflow: hidden; min-width: 60px; text-align: right;}
#user-modify .modify-input .degree .show-degree .icon-enter {float: right;font-size: 16px; position: relative; top:13px;}
#user-modify .modify-input .degree .show-degree .degree-input {float: left;padding-right: 5px; min-width: 80px; text-align: right;}
#user-modify .modify-button {height: 40px; line-height: 40px;text-align: center;font-size: 16px; background-color: #f38416;border-radius: 5px;color: #ffffff; margin: 25px 10px 0 10px;}

/* 求职进度 */
#flowList {background-color:#fff; overflow:hidden; padding: 20px 20px 20px 35px;}
#flowList li {border-left: 5px solid #01af63; min-height: 75px; position: relative; padding-left: 30px;}
#flowList li:last-child {border-color: transparent;}
#flowList li span {display: inline-block;}
#flowList li .info {font-size: 14px; color: #333333;}
#flowList li .dot {width: 15px; height: 15px; background-color: #01af63; border-radius: 15px; position: absolute; top: 0; left: -10px;}
#flowList li .time {float: right; color: #999;}
#flowList li .detail {margin-top: 7px; color: #999; line-height: 14px;}


.operate { height: 20px; line-height: 20px;overflow: hidden;font-size: 14px;color: #999; margin-top: 10px;}
.operate span[class^="icon-"] {font-size: 15px; position: relative; top: 1px;}
.operate .liked {float: right; min-width: 60px;}
.operate .liked .icon-good {color: #ff2222;}
.operate .like {float: right; min-width: 60px;}
.operate .comment {float: right; min-width: 60px;}

.photo-info {background-color: #fff; padding: 10px 15px; overflow: hidden; position: relative;}
.photo-info .field {line-height: 18px; color: #333; font-size: 14px;}
.photo-info .field a {position: absolute; top: 0; right: 10px; color: #999;}
.photo-info .field a .icon-enter {position: relative; top: 2px;}
.photo-info a {display: block; text-align: center; margin-top: 10px;}
.photo-info .no-result {text-align: center; margin: 30px 0 20px; color: #999;}

.photo-info .photo {overflow: hidden;}
.photo-info .item {width: 32%; margin-right: 2%; margin-top: 10px; display: inline-block; overflow: hidden; float: left; }
.photo-info .item.end {margin-right: 0;}
.photo-info .item img {position: relative; display: none;}

.photo-info.right {float: right; width: 32%;}
.photo-info.right .item {width: 100%; margin: 0;}

.subject-info {background-color: #fff; overflow: hidden; position: relative; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.subject-info .field {line-height: 18px; color: #333; font-size: 14px; padding: 10px 15px;}
.subject-info .field .intro {float: right; color: #999; font-size: 12px;}

.subject-info .qq-qun {overflow: hidden; padding: 10px 15px; line-height: 30px; border-top: 1px solid #e8e8e8; display: block;}
.subject-info .qq-qun .icon {width: 30px; height: 30px; border-radius: 20px; vertical-align: bottom;}
.subject-info .qq-qun .name {margin-left: 7px;}
.subject-info .qq-qun .intro { font-size: 10px; color: #999; float: right;}

.subject-info .staff {overflow: hidden; padding: 10px 15px; line-height: 30px; border-top: 1px solid #e8e8e8; display: block;}
.subject-info .staff .icon {width: 30px; height: 30px; border-radius: 20px; vertical-align: bottom;}
.subject-info .staff .name {margin-left: 7px;}
.subject-info .staff .mobile { float: right;}
.subject-info .staff .mobile img {width: 15px; height: 15px; margin-left: 7px; position: relative; top: 3px;}

a.position {display: block; background:url("../imgm/bg_address.jpg") no-repeat;background-size: 100% auto;overflow: hidden; color: #333; height: 55px; position: relative;}
a.position:after {content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
a.position .address {padding: 10px 15px;overflow: hidden;margin-right: 40px;height: 35px;}
a.position .address .desc {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
a.position .address .town {font-size: 12px; color: #999; margin-top: 10px;}
a.position .icon-enter {position: absolute; line-height: 55px; color: #999; top: 0; right: 10px;}

#search-wrapper {overflow: hidden; position: relative;}
#search-wrapper #search-head-wrapper {overflow: hidden; background-color: #ffffff;border-bottom: 1px solid #e8e8e8;display: flex;align-items: center;}
#search-wrapper #search-head-wrapper .cancel {height:100%;width: 48px;display: flex;align-items: center;justify-content: center;}
#search-wrapper #search-head-wrapper .cancel:active {background-color: #eeeeee;}
#search-wrapper #search-head-wrapper .cancel .icon-back {font-size: 20px;}
#search-wrapper #search-head-wrapper .search-keyword {flex: 1;height: 33px;display: inline-flex;align-items: center;font-size: 16px; padding: 0 10px;margin: 10px 0;background: #f5f5f5;border-radius: 3px;overflow: hidden;box-sizing: border-box;border: 1px solid #e8e8e8;}
#search-wrapper #search-head-wrapper .search-keyword:first-child {margin-left: 15px;}
#search-wrapper #search-head-wrapper .search-keyword input {border: none;padding: 0;flex: 1;width: 0;background-color: transparent; margin-left: 7px;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: 14px;}
#search-wrapper #search-head-wrapper .search-keyword span.icon-delete {color: #999;height: 100%;display: inline-flex;align-items: center;justify-content: center;position: relative;left: 7px;padding: 0 7px;}
#search-wrapper #search-head-wrapper .logo {width: 33px;flex-shrink: 0;margin: 0 10px;}
#search-wrapper #search-head-wrapper .tip {font-size: 14px;flex: 1;margin: 0 10px;color: #999;text-align: right;}
#search-wrapper #search-head-wrapper #search {background-color: #ffffff;height: 100%;width: 60px;}
#search-wrapper #search-head-wrapper #search.btn {background: #01AF63;border-radius: 3px;height: 33px;width: auto;padding: 6px 12px;font-size: 14px;color: #fff;margin: 0 10px;}
#search-wrapper #search-head-wrapper #filter {font-size: 14px;flex: 1;margin: 0 10px;color: #333;text-align: right;line-height: 33px;}
#search-wrapper #search-head-wrapper #filter.active {color: #00bf6f;}
#search-wrapper #search-hot-wrapper .title {line-height: 20px; padding-left: 15px; margin: 7px 0 3px;color: #666;}
#search-wrapper #search-hot-wrapper .items {overflow: hidden; padding: 0 10px;}
#search-wrapper #search-hot-wrapper .hot-item {line-height: 14px; padding: 5px; margin: 4px;background-color: #fff; border-radius: 3px; display: inline-block; white-space: nowrap;}

#search-wrapper #search-record-wrapper .title {line-height: 20px; padding:0 15px; margin: 3px 0 5px; color: #666;}
#search-wrapper #search-record-wrapper .title span {float: right;}
#search-wrapper #search-record-wrapper .record-item {background-color: #fff; line-height: 14px; padding: 10px 15px; border-bottom: 1px solid #e8e8e8;}
#search-wrapper #search-record-wrapper .record-item:last-child {border: none;}

#search-wrapper #search-suggest-wrapper {background-color: #fff;position: relative}
#search-wrapper #search-suggest-wrapper:after {content: ''; position: absolute; top: 0; left:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

#search-wrapper #search-suggest-wrapper ul {overflow-y: scroll;}
#search-wrapper #search-suggest-wrapper li.suggest-item {line-height: 16px; position: relative; padding: 10px 15px;}
#search-wrapper #search-suggest-wrapper li.suggest-item:after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#search-wrapper #search-suggest-wrapper li.suggest-item:last-child {border: none;}
#search-wrapper #search-suggest-wrapper li.suggest-item .question .answer-num {color: #999; font-size: 10px; margin-left: 20px;}

#search-wrapper #search-result-wrapper {position: relative;}
#search-wrapper #search-result-wrapper:after {content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

.add-qq-qun {position: fixed; display: block; bottom: 150px; right: 0; background: #ffc700; padding: 7px 7px 10px 20px;border-bottom-left-radius: 30px; border-top-left-radius: 30px; font-size: 12px; color: #333;}
.add-qq-qun .icon-enter {font-size: 14px; position: relative; top: 3px;}

/* union */
#union-worker {overflow: hidden;}
#union-worker .title {overflow: hidden; background-color: #fff; position: relative;}
#union-worker .title span {box-sizing: border-box; padding: 15px; background: #fff; display: inline-block;}
#union-worker .title .receive {float: right;}

#union-worker ul.union-worker-list {overflow-x: hidden; overflow-y: auto; width: 100%; margin-top: 10px;}
#union-worker ul.union-worker-list li {position: relative;overflow: hidden; padding: 15px 4%; box-sizing: border-box; width: 100%; background-color: #fff; font-size: 12px;}
#union-worker ul.union-worker-list li:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#union-worker ul.union-worker-list li.title {font-weight: bold;}
#union-worker ul.union-worker-list li div {display: inline-block;}
#union-worker ul.union-worker-list li .name {width: 24%}
#union-worker ul.union-worker-list li .money {width: 24%;}
#union-worker ul.union-worker-list li .state {width: 40%;}
#union-worker ul.union-worker-list li.no-result {border: none; background-color: transparent; margin-top: 40px; color: #999; text-align: center;}

#union-worker img {width: 30%;display: block;margin: 20px auto;}