/* 职位列表页 */
#header .search {line-height:30px;display:inline-block;margin:10px 2px 8px;text-overflow: ellipsis;white-space: nowrap; font-size: 14px; padding: 0 10px; background: #fff; color: #666; border-radius: 3px; position: absolute; left: 48px; right: 48px; top: 0; text-align: left;overflow: hidden;}
#header .search input {border: none; padding: 0; line-height: 16px; height: 16px;}
#header .search span {margin-right: 7px; position: relative; top: 1px; font-size: 12px;}

#header .header-position {float: left; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; max-width: 70%; overflow: hidden;}

#header-top1 { width: 100%;margin: 0 auto;}
#header-top1 .search { display: inline-block; border-bottom: 1px solid #e8e8e8; width: 100%;}
#header-top1 .search .top { height: 40px;}
#header-top1 .search .top  div {font-size: 13px; line-height: 25px; width: 25%; float: left;display: inline-block;margin-top: 10px;}
#header-top1 .search .top span {display: inline-block; margin-left: 25px;float: left;}
#header-top1 .search .top .tri{ width:0;height:0; border-left:5px solid transparent;border-right:5px solid transparent; border-top:5px solid #000000;margin-left: 5px;margin-top: 10px;float: left;}

#header-top1 .distid { position: absolute; width: 100%; z-index: 9;}
#header-top1 .distid  span { width: 25%; line-height: 30px; font-size: 15px; color: gray; text-align: center; background-color: white; float: left;display: inline; }
#header-top1 .welfare{ position: absolute; width: 100%; z-index: 9;}
#header-top1 .welfare  span { width: 25%; line-height: 30px; font-size: 15px; color: gray; text-align: center; background-color: white; float: left;display: inline; }

.job-banner {overflow: hidden; min-height: 100px;}
.job-banner img {width: 100%; vertical-align: bottom;}

#top {background: #fff;}
#top .image {position: relative; overflow: hidden; min-height: 135px;}
#top .image img {width: 100%;}
#top ul.banner li{width:100%;list-style: none;background-color: #f00; text-align: center;}
#top ul.banner li:not(:first-child){display: none;}


#top .search {position: absolute; top: 15px; background: #fff; margin: 0 4%; width: 92%; border-radius: 3px; line-height: 30px; height:30px; color: #999; display: block; text-align: center;}
#top .search input {border: none; line-height: 16px; height: 16px; padding: 0; margin-left: 7px; width: 90px;}
#top .search .icon-search {position: relative; top: 1px;}

#top .column {overflow: hidden; display: flex; padding: 5px 0;}
#top .column a {flex: 1; display: inline-block; text-align: center; color: #333; margin: 5px 0;}
#top .column a:visited {color: #333;}
#top .column a div {margin-bottom: 7px; text-align: center;}
#top .column a img {width: 25px;}

#headline {overflow: hidden; box-sizing: border-box; width: 100%; margin-bottom: 10px; background-color: #fff; position: relative; padding: 10px 15px;}
#headline .content {overflow: hidden;}
#headline:after {content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#headline .left {float: left;}
#headline .left img {height: 30px; vertical-align: bottom;}
#headline ul {margin-left: 50px; height: 30px; position: relative;}
#headline ul li {overflow: hidden; line-height: 15px; height: 30px;}
#headline ul li .message {display: inline-block;}
#headline ul li img {height: 30px; width: 30px; float: right;}

#type {overflow: hidden; padding: 5px 4%; background-color: #fff; margin-top: 10px;}
#type .item {width: 48%; float: left; margin: 5px 0; height: 80px; display: block; font-size: 10px;}
#type .item.start {margin-right: 4%;}
#type .item .left {float: left; margin-top: 10px; color: #999; max-width: 60%;}
#type .item .left .title {font-weight: bolder; color: #333; font-size: 12px; margin-bottom: 7px;}
#type .item .left .company {margin-bottom: 5px;}
#type .item .left .info {line-height: 12px; max-height: 36px; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
#type .item .right {float: right; margin-top: 15px;}
#type .item .right img {width: 50px; height: 50px;}

#filter {overflow: hidden;margin-top: 10px; background-color: #fff;}
#filter .top {text-align: center; line-height: 35px; position: relative;}
#filter .top:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#filter .item {overflow: hidden;float: left; width: 25%; text-align: center; font-size: 10px; padding: 10px 0; border-bottom: 1px #eee solid; border-right: 1px #eee solid; box-sizing: border-box;}
#filter .item.end {border-right: none;}
#filter .item .title {font-weight: bolder; font-size: 12px; color: #333; margin-top: 7px;}
#filter .item .num {color: #999; margin-top: 5px;}
#filter .item .num span {color: #ffc700; font-size: 14px;}
#filter .item img {width: 50px; height: 50px; margin-top: 5px;}



.search-item {padding: 15px 2%; width: 96%; border-bottom: 1px solid #eee; background-color: #fff; position: fixed; top: 48px; }
.search-item div {display: inline-block; width: 32%; text-align: center;font-size: 14px; position: relative;}
.search-item div.hotel {text-align: left;padding-left: 2%;width: 90%;}
.search-item span {position: relative;font-size: 14px;display: inline-block;}
.search-item em {margin-left:5px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #333  transparent transparent transparent; position: absolute; top: 5px;}
.search-item div.selected {color: #ff9200;}
.search-item div.selected span {border-color: transparent transparent #ff9200 transparent; border-width: 0 5px 5px 5px;}

#mask {width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 99; overflow: hidden;}
.search-dialog {position: fixed; z-index: 99; width: 100%; overflow: hidden; top: 93px;}
.search-dialog div.dialog {border-bottom: 1px solid #ddd; background: #fff; overflow: hidden;}

.search-dialog .select .field {padding: 10px 0; border-bottom: 1px solid #eeeeee;}
.search-dialog .select .field.other {border: none; margin-bottom: 5px;}
.search-dialog .select .title {padding: 0 15px; font-size: 14px;}
.search-dialog .select .items {margin-left: 15px;}
.search-dialog .select .item {width:20%; text-align: center; display: inline-block; border: 1px solid #ddd;border-radius: 5px; padding: 7px 0; margin-right: 3%; margin-top: 10px;}
.search-dialog .select .item:last-child {margin-right: 0;}
.search-dialog .select .item.selected {border: 1px solid #ffc700;background: #ffc700;}
.search-dialog .select input {margin: 0 4% 15px; width: 92%; line-height: 35px; font-size: 1.6rem; text-align: center; border-radius: 5px; background: #ffc700;color: #333333;}
.search-dialog .position ul {width: 50%; height: 246px; float: left; overflow-y: scroll;}
.search-dialog .position ul li {line-height: 20px; padding: 7px 10px;}
.search-dialog .position ul li .num {float: right; color:#999;}
.search-dialog .position ul.city-list {background-color: #f5f5f5;}
.search-dialog .position ul.dist-list {background-color: #fff;}
.search-dialog .position ul.city-list li {border-bottom: 1px solid #f5f5f5;}
.search-dialog .position ul.city-list li.selected {background-color: #fff;}
.search-dialog .position ul.dist-list li {border-bottom: 1px solid #e8e8e8;}
.search-dialog .position div:last-child {border: none;}
.search-dialog .position div:active {background: #f2f2f2;}
.search-dialog .position div span.num {float: right;}

.search-dialog .position ul.area-list {background-color: #f5f5f5;}
.search-dialog .position ul.court-list {background-color: #fff;}
.search-dialog .position ul.area-list li {border-bottom: 1px solid #f5f5f5;}
.search-dialog .position ul.area-list li.selected {background-color: #fff;}
.search-dialog .position ul.court-list li {border-bottom: 1px solid #e8e8e8;}

.search-dialog .order div {padding: 15px; line-height: 15px; border-bottom: 1px solid #eee;}
.search-dialog .order div:last-child {border: none;}
.search-dialog .order div:active {background: #f2f2f2;}

.chk {display: none;}
.chk + label {background-color: #FFF; border: 1px solid #dddddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 5px; display: inline-block; position: relative;margin-right: 7px;}
.chk:checked + label {background-color: #ECF2F7; border: 1px solid #92A1AC; color: #243441;}
.chk:checked + label:after {content: '\2714'; position: absolute; top: 0; left: 0; color: #758794; width: 100%; text-align: center; font-size: 1.4em; padding: 1px 0 0 0; vertical-align: text-top; }








/* 职位搜索页 */
#body .title_static { width: 100%;}
#body .title_search_company { width: 100%;}
#body .title_search_company span { font-size: 15px; width: 50%; color: gray;}

.recommend-job {font-size: 12px; margin-top: 7px; background: #fff; height: 35px; line-height: 35px;position: relative;padding-left:14px;}
.recommend-job:after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.recommend-job a {float: right; padding: 0 10px; color: #333;}
.recommend-job a:visited {color: #333;}
.recommend-job a .icon-enter {position: relative; top: 1px;}
.recommend-more {font-size: 14px; background: #fff; height: 40px; line-height: 40px;display: block; text-align: center; color: #333; position: relative;}
.recommend-more:after{content: ''; position: absolute; top: 0; left: 0;background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.recommend-more:visited {color: #333;}

.joblist {overflow-y: auto; overflow-x: hidden; width: 100%;}
.joblist.top-fix {position: fixed; top: 93px; bottom: 0;}
.joblist.top-fix2 {position: fixed; top: 49px; bottom: 0;}
.joblist li {overflow:hidden;position:relative;background: #fff; padding: 10px 15px;}
.joblist li:after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.joblist li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.joblist li:last-child:after {height: 0;}
.joblist li:active {background-color:#f6f6f6;}
.joblist .logo {overflow:hidden;border:1px solid #ddd;display:inline-block;float:left;width:70px;height:70px;}
.joblist .logo img {width:70px;height:70px;}
.joblist .info {margin-left:84px;color:#333;overflow: hidden;}
.joblist .info .top, .joblist .info .middle { overflow:hidden; height: 20px; line-height: 20px; margin-top: 3px;}
.joblist .info .middle .welfare_tag {font-size:10px;height: 14px;line-height: 12px;float: left;}
.joblist .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;}
.joblist .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;}
.joblist .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;}
.joblist .info .middle .address { font-size:12px; color:#999999; display: inline-block; max-width: 120px; margin-bottom: 5px;float: left; }
.joblist .info .bottom {overflow:hidden; line-height: 14px; margin-top: 10px; color: #999;}
.joblist .info .bottom .recommend {margin-top: 3px;}
.joblist .info .bottom span {color: #fff; background-color: #00a6a6; margin-right: 7px; width: 14px; line-height: 12px; font-size: 10px; display: inline-block; text-align: center; padding-top: 2px; position: relative; bottom: 1px;}
.joblist .info .bottom .fee {white-space: nowrap; text-overflow: ellipsis;}
.joblist .info .bottom .fee span.subsidy {background-color: #ffc700;}
.joblist .info .bottom .recommend span {background-color: #ea5455;}
.joblist .info .company { font-size:15px; max-width: 180px;}
.joblist .info .cate {font-size:12px; color:#999; float: right; }
.joblist .info span.verify {color: #ffffff;background-color: #7cc8ec; border-radius: 3px;font-size:10px; display: inline-block;margin-left: 5px;width: 40px;}
.joblist .info span.stop {color: #ffffff;background-color: #aaa; border-radius: 2px;font-size:10px;margin-left: 4px; padding: 3px 3px 1px 2px; position: relative; bottom: 2px;}
.joblist .info .pay {font-size:14px; color:#ea5455; float: right;}
.joblist .info .pay span {color: #999; padding-left: 2px;font-size: 12px;}
.joblist .info .location-cycle { overflow: hidden;}
.joblist .info .location-cycle .location {font-size:12px; color:#999999; display: inline-block; max-width: 120px; margin-bottom: 5px;float: left;}
.joblist .info .location-cycle .cycle{ float: right; color: #f38417;font-size: 12px;}
.joblist .info .expenses {font-size:12px; color:#999999; display: inline-block; overflow: hidden;}
.joblist-more {height:50px;line-height:50px;text-align:center;font-size:1.5rem;color:#666;display:inherit;background-color:#f2f2f2;}


.joblist .job-item {position: relative;overflow:hidden; padding: 10px 15px;background: #fff;font-size: 14px;color: #333;}
.joblist .job-item:after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.joblist .job-item .info {display: flex;display: -webkit-flex;display: -ms-flex;margin: 0;padding: 0;align-items: center;-ms-flex-align: center;-webkit-align-items: center;}
.joblist .job-item .order {margin-right: 10px;}
.joblist .job-item img {position: relative;width: 36px;height: 36px;border: 1px solid #e8e8e8;}
.joblist .job-item .info .company {flex: 1;-webkit-flex: 1;-ms-flex: 1;margin-left: 15px;}
.joblist .job-item .intro {margin-top: 10px; color: #787878;}

#delivery .job-list {margin-top: 90px;}
#remind .job-list {margin-top: 90px;}
.job-list {overflow-y: auto; overflow-x: hidden; width: 100%;}
.job-list li {border-bottom:1px solid #eeeeee;overflow:hidden;position:relative;background: #fff; margin-top: 10px;}
.job-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.job-list li:last-child {border-bottom:none;}
.job-list li:active {background-color:#f6f6f6;}
.job-list li .head {padding:10px 15px;}
.job-list li .head .icon-enter {position: relative; top: 1px; left: 7px;}
.job-list li .head .state {float: right; color: #ff9200;}
.job-list li .head .stop {float: right; color: #999999;}
.job-list li .head .start {float: right; color: #01af63;}
.job-list li .job {background-color: #f5f5f5;padding:10px 15px;}
.job-list .logo {overflow:hidden;border:1px solid #ddd;display:inline-block;float:left;width:70px;height:70px;}
.job-list .logo img {width:70px;height:70px;}
.job-list .info {margin-left:84px;color:#333;overflow: hidden;}
.job-list .info .top, .job-list .info .middle {overflow:hidden; height: 20px; line-height: 20px; margin-top: 3px;}
.job-list .info .middle .welfare_tag {font-size:10px;height: 14px;line-height: 12px;float: left;}
.job-list .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;}
.job-list .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;}
.job-list .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;}
.job-list .info .middle .address { font-size:12px; color:#999999; display: inline-block; max-width: 120px; margin-bottom: 5px;float: left; }
.job-list .info .bottom {overflow:hidden; line-height: 14px; margin-top: 10px; color: #999;}
.job-list .info .bottom .recommend {margin-top: 3px;}
.job-list .info .bottom span {color: #fff; background-color: #00a6a6; margin-right: 7px; width: 14px; line-height: 12px; font-size: 10px; display: inline-block; text-align: center; padding-top: 2px; position: relative; bottom: 1px;}
.job-list .info .bottom .fee {white-space: nowrap; text-overflow: ellipsis;}
.job-list .info .bottom .fee span.subsidy {background-color: #ffc700;}
.job-list .info .bottom .recommend span {background-color: #ea5455;}
.job-list .info .company { font-size:15px; max-width: 180px;}
.job-list .info .cate {font-size:12px; color:#999; float: right; }
.job-list .info span.verify {color: #ffffff;background-color: #7cc8ec; border-radius: 3px;font-size:10px; display: inline-block;margin-left: 5px;width: 40px;}
.job-list .info span.stop {color: #ffffff;background-color: #aaa; border-radius: 2px;font-size:10px;margin-left: 4px; padding: 3px 3px 1px 2px; position: relative; bottom: 2px;}
.job-list .info .pay {font-size:14px; color:#ea5455; float: right;}
.job-list .info .pay span {color: #999; padding-left: 2px;font-size: 12px;}
.job-list .info .location-cycle { overflow: hidden;}
.job-list .info .location-cycle .location {font-size:12px; color:#999999; display: inline-block; max-width: 120px; margin-bottom: 5px;float: left;}
.job-list .info .location-cycle .cycle{ float: right; color: #f38417;font-size: 12px;}
.job-list .info .expenses {font-size:12px; color:#999999; display: inline-block; overflow: hidden;}
.job-list li .foot {padding:10px 15px;}
.job-list li .foot .time {color: #999;}
.job-list li .foot .deliver, .job-list li .foot .remind {float: right; position: relative; top: -5px; font-size: 10px;}
.job-list li .foot .cancel {border: 1px solid #333; padding: 5px 7px; border-radius: 2px;}
.job-list li .foot .again {border: 1px solid #ffc700; padding: 5px 7px; border-radius: 2px; background-color: #ffc700;}

/* 搜索页 */
.jobsearch { width: 100%; border-bottom: 1px solid #f8f8f8; height: 45px;display: inline-block;}
.jobsearch .search {width: 75%; float: left;display: inline;margin-top:5px;margin-left:17px;margin-bottom:5px;border: 1px solid #999;}
.jobsearch .search .icon-search {font-size: 15px;margin-left: 10px;display: inline-block; margin-top: 5px;width: 10%;color: #999;}
.jobsearch .search .job_search {height: 15px;margin-left: -5px;}
.jobsearch .search .job_search input{ height:10px;border: none;}
.jobsearch .job_search_button { width: 10% ;float: right;border-radius: 5px;margin-top: 10px;background-color: #00b38a;margin-right: 20px;height: 25px;text-align: center;}
.jobsearch .job_search_button span { color: #ffffff; font-size: 15px;display: block;margin-top: 4px;}

.jobfast {width:92% ;margin: 0 auto;}
.jobfast .search_hot{position: relative;border-bottom: 1px solid #999; margin-top: 10px;height: 30px;}
.jobfast .search_hot span { display: block; font-size: 18px; color: #999;line-height: 22px;}
.title_search_company { display: inline;float: left;margin-top: 10px;}
.title_search_company span {width: 50% ;float: left;font-size: 15px;line-height: 30px;color: #666;}


/* 职位详情页 */
.job_detail_top { width: 100%;height: 42px;position: fixed; top: 48px; background-color: #ffffff; z-index: 9;}
.job_detail_top span { float: left; display: inline; font-size: 14px;text-align: center; width: 33.3%;line-height: 41px; border-bottom: 1px solid #e8e8e8; color: #999;}
.job_detail_top .selected {border-bottom: 2px solid #ffc700; height: 40px; color: #333;}
.jobinfo .picture {overflow:hidden; width: 100%; position: relative; z-index: -1; }
.jobinfo .picture img {vertical-align: bottom; width: 100%;}

#job-body {margin-top: 90px;}
#company-body {margin-top: 90px;}
#comment-body {margin-top: 90px;}

.jobinfo {font-size: 14px;}
.jobinfo .jobhead {overflow:hidden; margin: 0 10px 5px 10px ;}
.jobinfo .jobhead .title {overflow:hidden; line-height:26px;margin-top: 8px;}
.jobinfo .jobhead .title .job{ font-size: 14px; float: left; font-weight: bold;}
.jobinfo .jobhead .info {line-height:20px;color:#999 ;overflow: hidden; font-size: 12px;margin-bottom: 8px;}
.jobinfo .jobhead .info .time {float: left; }
.jobinfo .jobhead .info .delivernum {float: right;}
.jobinfo .jobhead .agencyname {margin-top:7px;}
.jobinfo .jobhead .jobdetail {padding:7px 15px;}
.jobinfo span.pay {color:#f38417;float: right;font-size: 14px;}
.jobinfo .payinfo {color: #fff;position: absolute; bottom: 20px; overflow: hidden; font-weight: 600; font-size: 16px; margin: 0 4%; width: 92%; line-height: 20px;}
.jobinfo .payinfo span {text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);}
.jobinfo .payinfo span:last-child{float: right;}
.jobinfo .payinfo span .font {font-size: 10px; font-weight: normal; position: relative; top: 1px;}
.jobinfo .nav {background-color: #fff; padding: 20px 0; margin-top: 10px; height: 115px; position: relative;}
.jobinfo .nav:before{content: ''; position: absolute; left: 0; top: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .nav:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .nav .item {display: inline-block; width: 20%; text-align: center;margin-bottom: 15px; color: #333; font-size: 12px; float: left;}
.jobinfo .nav .item div {text-align: center; margin-bottom: 7px;}
.jobinfo .nav .item img {width: 30px; height: 30px;}
.jobinfo .nav .indicator {text-align: center; position: absolute; bottom: 15px; width: 100%;}
.jobinfo .nav .indicator span {width: 4px; height: 4px; border-radius: 5px; background-color: #fff; display: inline-block; border: 1px solid #ffc700;}
.jobinfo .nav .indicator span.selected {background-color: #ffc700;}

.jobinfo .fee {background: #fff;overflow: hidden;position: relative; min-height: 55px;}
.jobinfo .fee:after {content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .fee a {position: absolute; line-height: 55px; color: #999; top: 0; right: 10px;}
.jobinfo .fee a .icon-enter {position: relative; top: 2px; margin-left: 3px;}
.jobinfo .fee .fee-content {padding: 10px 15px; color: #ea5455;overflow: hidden;margin-right: 84px; min-height: 35px; display: table;}
.jobinfo .fee .fee-content em {display: table-cell; line-height: 16px; vertical-align: middle;}

.jobinfo .subsidy-item {background: #fff; overflow: hidden; position: relative; min-height: 55px;}
.jobinfo .subsidy-item:after {content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .subsidy-item .field { margin-left: 15px; line-height: 55px; color: #333; float: left;}
.jobinfo .subsidy-item .content {padding: 10px 15px; color: #ea5455;overflow: hidden; margin-left: 105px; min-height: 35px; display: table; position: absolute; right: 0;}
.jobinfo .subsidy-item .content em {display: table-cell; line-height: 16px; vertical-align: middle;}

.jobinfo .main {margin-bottom: 10px;}
.jobinfo .main .welfare {line-height: 20px; margin:0 10px 5px 10px;font-size: 10px;}
.jobinfo .main .welfare em.eat {border: 1px solid #b15009;color:#b15009;display: inline-block; height: 10px;line-height: 12px;padding: 2px;border-radius: 20px;margin-right: 4px;}
.jobinfo .main .welfare em.home {border: 1px solid #0c80fe;color:#0c80fe;display: inline-block; height: 10px;line-height: 12px;padding: 2px;border-radius: 20px;margin-right: 4px;}
.jobinfo .main .welfare em.subsidy {border: 1px solid #01AF63;color:#01AF63;display: inline-block; height: 10px;line-height: 12px;padding: 2px;border-radius: 20px;margin-right: 4px;}
.jobinfo .main .welfare span.font{ color:#999; font-size: 12px;}
.jobinfo .main .location {padding:0 10px 10px 10px ;color: #666666; font-size: 14px;line-height: 20px;overflow: hidden;height: 20px;}
.jobinfo .main .location .left{float: left;width: 20px;height:100%;}
.jobinfo .main .location .icon-map2 {color: #01af63; font-size: 12px; line-height: inherit;}
.jobinfo .main .location .right{padding-left:20px;height: auto;font-size: 12px;}
.jobinfo .welfare-form{ height: 120px; margin:10px 0;overflow: hidden;line-height: 40px;background-color: #ffffff;}
.jobinfo .welfare-form .form{ height: 40px; overflow: hidden;width: 100%;font-size: 12px;}
.jobinfo .welfare-form .form1{ height: 40px; overflow: hidden;width: 96%;font-size: 10px;background-color: #f5f5f5; padding: 0 2%;}
.jobinfo .welfare-form .form2{ height: 40px; overflow: hidden;width: 96%;padding: 0 2%; font-size: 10px;}
.jobinfo .welfare-form .fee{ width: 25%;text-align: center;float: left;font-size: 12px;}
.jobinfo .welfare-form .service{width: 25%;text-align: center;float: left;}
.jobinfo .welfare-form .middle{width: 25%;text-align: center;float: left;}
.jobinfo .welfare-form .wel {width: 25%;text-align: center;float: left;}
.jobinfo .welfare-form .main2 {color: #333333;}
.jobinfo .welfare-form .light {color: #ff9200 ;display: inline-block;line-height: 14px;vertical-align: middle;}
.jobinfo .main .map1 {color: #00AD4D;font-size: 12px;margin: 5px 10px 0 10px;padding-bottom: 7px;}
.jobinfo .main .map1 .icon-map {font-size: 14px; position: relative; top:2px;}
.jobinfo .job-detail-one {margin-bottom: 10px; background-color: #ffffff;border-bottom: 1px solid #e8e8e8;}
.jobinfo .job-detail-next {margin: 10px 0;background-color: #ffffff;border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}

.jobinfo .other-photo:before {content: ''; position: absolute; left: 0; top: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .other-photo {margin-top: 10px; position: relative;}
.jobinfo .photo-info {position: relative;}
.jobinfo .photo-info:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

.jobinfo .recommend {display: block; overflow: hidden; background-color: #fff; padding: 10px 10px 10px 15px; line-height: 20px; margin: 10px 0; color: #333; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.jobinfo .recommend span {float: right; color: #ea5455;}
.jobinfo .recommend span .icon-enter {position: relative; top: 4px; color: #999; margin-left: 3px; }
.jobinfo .condition { margin: 0 15px;overflow: hidden;}
.jobinfo .peopleapply {height: 32px;border-bottom: 1px solid #e8e8e8; line-height: 35px;}
.jobinfo .peopleapply span {font-size: 12px; color:#000000;}
.jobinfo .jobdesc {font-size: 12px; color: #333333;padding: 5px 0;line-height: 20px;}
.jobinfo .deliver {margin: 10px 0; position: relative; padding: 0 15px;overflow: hidden; background-color: #fff;}
.jobinfo .deliver:before{content: ''; position: absolute; left: 0; top: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .deliver:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .deliveruser { width: 75%;float: left;}
.jobinfo .deliveruser a {display:inline-block;overflow:hidden;width:30px;height:30px;border-radius:20px; margin-top: 7px;margin-right:7px;margin-bottom:7px;}
.jobinfo .deliveruser a:last-child {margin-right: 0;}
.jobinfo .deliveruser a img {width:30px;height:30px;}
.jobinfo .deliver-num {color: #999;float: right;line-height: 45px;height:45px;font-size: 12px;}
.jobinfo .condition1 {margin: 5px 10px 45px 10px;display: block; }

.jobinfo .ask {background-color: #fff; padding: 15px; margin-top: 10px; overflow: hidden; box-sizing: border-box;font-size: 12px; position: relative;}
.jobinfo .ask:before{content: ''; position: absolute; left: 0; top: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .ask:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .ask .title {font-size: 14px;}
.jobinfo .ask .no-question {text-align: center; margin: 20px 0 10px;}
.jobinfo .ask .no-question .text {color: #999;}
.jobinfo .ask .no-question .ask-question {color: #649cf1; display: inline-block; border-bottom: 1px solid #649cf1;}

.jobinfo .ask .question-info {overflow: hidden;}
.jobinfo .ask .question-info .question {margin-top: 12px; white-space: nowrap; text-overflow: ellipsis;}
.jobinfo .ask .question-info .answer {margin-top: 10px;white-space: nowrap; text-overflow: ellipsis;}
.jobinfo .ask .question-info .question-num {margin-top: 30px; color: #999; display: block; text-align: center;}
.jobinfo .ask .question-info span {margin-right: 7px; width: 14px; line-height: 12px; font-size: 10px; display: inline-block; text-align: center; padding-top: 2px; position: relative; bottom: 1px;}
.jobinfo .ask .question-info .question span {color: #333; background-color: #ffc700;}
.jobinfo .ask .question-info .answer span {color: #fff; background-color: #ea5455;}

.jobinfo .remark {background-color: #fff; padding: 15px; margin-top: 10px; overflow: hidden; box-sizing: border-box; font-size: 12px; position: relative;}
.jobinfo .remark:before{content: ''; position: absolute; left: 0; top: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .remark:after{content: ''; position: absolute; left: 0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.jobinfo .remark .title {font-size: 14px;}
.jobinfo .remark .content {margin-top: 7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.jobinfo .remark .user-info {overflow: hidden; margin-top: 10px;}
.jobinfo .remark .user-info span {line-height: 30px; margin-left: 7px; color: #333;display: inline-block;}
.jobinfo .remark .user-info img {width: 30px; border-radius: 50%; vertical-align: bottom;}
.jobinfo .remark .all {margin-top: 20px; text-align: center; display: block; }
.jobinfo .remark .no-remark {text-align: center; margin: 20px 0 10px;}
.jobinfo .remark .no-remark .text {color: #999; }
.jobinfo .remark .no-remark .add-remark {color: #649cf1; display: inline-block;  border-bottom: 1px solid #649cf1;}

#job-info {overflow: hidden; background-color: #f5f5f5;}
#job-info .content {background-color: #fff; padding: 10px 15px; line-height: 15px; margin-top: 10px;}
#job-info .content b {font-size: 14px; line-height: 18px;}

#job-fee {overflow: hidden;}
#job-fee .date {background-color: #f5f5f5; padding: 10px 15px; overflow: hidden;}
#job-fee .date select {border: none;  -webkit-appearance: none; background: url("../imgm/arrow_down.png") no-repeat right center transparent; background-color: #f5f5f5; width: 80px;}
#job-fee .info {padding: 10px 15px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#job-fee .info .time {color: #333; }
#job-fee .info .content { color: #ea5455; max-width: 70%; float: right; line-height: 15px;}

#job-returnfee-date {overflow: hidden;}
#job-returnfee-date .title {color: #999;background-color: #f5f5f5; padding: 10px 15px; overflow: hidden;}
#job-returnfee-date .title .date { float: right;}
#job-returnfee-date .info {padding: 10px 15px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#job-returnfee-date .info .company {color: #333;}
#job-returnfee-date .info .date { color: #ea5455; max-width: 70%; float: right; line-height: 15px; text-align: right;}

#job-comment {margin-top: 48px;}
#job-comment ul {overflow: hidden;}
#job-comment ul li {overflow: hidden; background: #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px;}
#job-comment ul li:last-child {border: none;}
#job-comment ul li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
#job-comment ul li img {float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 7px;}
#job-comment ul li .info {margin-top: 4px;}
#job-comment ul li .info .name {color: #333; font-size: 14px;}
#job-comment ul li .info .time {color: #999; font-size: 12px; float: right;}
#job-comment ul li .content {color: #333; line-height: 15px; font-size: 12px; margin-top: 5px;}
#job-comment .comment-list-more {display: block; background: #f5f5f5; color: #999; height: 35px; line-height: 35px; text-align: center;}


#user-remark .order-list {margin-top: 90px;}
#user-remark .remark-list {margin-top: 90px; background-color: #f5f5f5;}
#user-remark .remark-list li {padding: 0; margin-top: 10px;}
#user-remark .remark-list .remark {padding: 10px 15px;}

#user-remark {overflow: hidden;}
#user-remark .user-remark-top {width: 100%; background-color: #ffffff; overflow: hidden;margin-bottom: 10px; position: fixed; top:48px; z-index: 9;}
#user-remark .user-remark-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-remark .user-remark-top span.selected { border-bottom: 2px solid #ffc700; color: #333; height: 40px;}

.remark-list {overflow: hidden;}
.remark-list li {overflow: hidden; background: #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px;}
.remark-list li:last-child {border: none;}
.remark-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.remark-list li .company {padding: 10px 15px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.remark-list li .company .icon-enter {float:right; color: #999; position: relative; top: 1px;}
.remark-list li .icon {float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 7px;}
.remark-list li .right {overflow: hidden;}
.remark-list li .info {margin-top: 5px;}
.remark-list li .info .name {color: #333; font-size: 14px;}
.remark-list li .info .time {color: #999; font-size: 12px; float: right;}
.remark-list li .total-score {margin-top: 5px;}
.remark-list li .total-score img {width: 12px;height: 12px;}
.remark-list li .score {margin-top: 5px; font-size: 10px; color: #999999;}
.remark-list li .content {color: #333; line-height: 15px; font-size: 12px; margin-top: 5px;}
.remark-list li .content .emoji {width: 15px; height: 15px;}
.remark-list-more {display: block; background: #f5f5f5; color: #999; height: 35px; line-height: 35px; text-align: center;}

#remark-detail {overflow: hidden; padding: 10px 15px;}
#remark-detail .icon {float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 7px;}
#remark-detail .remark {overflow: hidden;}
#remark-detail .info {margin-top: 5px;}
#remark-detail .info .name {color: #333; font-size: 14px;}
#remark-detail .info .time {color: #999; font-size: 12px; float: right;}
#remark-detail .total-score {margin-top: 5px;}
#remark-detail .total-score img {width: 12px;height: 12px;}
#remark-detail .score {margin-top: 5px; font-size: 10px; color: #999999;}
#remark-detail .content {color: #333; line-height: 15px; font-size: 12px; margin-top: 5px;}
#remark-detail .content .emoji {width: 15px; height: 15px;}

#job-paybill .paybill-info {background-color: #fff; padding: 10px 4%; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#job-paybill .month {font-size: 14px; color: #333; line-height: 20px;}

#job-photo {height: 100%; width: 100%; background-color: #000;}
#job-photo img {position: relative;}
#job-photo .title {color: #fff; background-color: rgba(0,0,0,0.3); position: fixed; width: 100%; bottom: 0; padding: 7px 10px;}

#comment-body ul {overflow: hidden;}
#comment-body ul li {overflow: hidden; background: #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px;}
#comment-body ul li:last-child {border: none;}
#comment-body ul li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
#comment-body ul li img {float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 7px;}
#comment-body ul li .info {margin-top: 4px;}
#comment-body ul li .info .name {color: #333; font-size: 14px;}
#comment-body ul li .info .time {color: #999; font-size: 12px; float: right;}
#comment-body ul li .content {color: #333; line-height: 18px; font-size: 14px; margin-top: 5px;}
#comment-body .comment-list-more {display: block; background: #f5f5f5; color: #999; height: 35px; line-height: 35px; text-align: center;}

.job-bottom .blank{ width: 100%;height:60px;position: relative;}
.job-bottom .blank .job-phone{ height:30px;margin-bottom: 30px; position: absolute;bottom: 1px;background-color: #ffffff;}
.job-bottom .blank .job-message { height:30px; position: absolute;bottom:1px;background-color: #ffffff;}
.job-bottom .blank .border {border: 1px solid #ddd; width: 99% ;height: 30px; color: #666;line-height: 30px; font-size: 12px;}
.job-bottom .blank .border .font {display: inline-block;margin-left: 5px;}
.job-bottom .blank .icon-call {font-size: 14px; padding: 5px;}
.job-bottom .blank .icon-sms{ font-size: 14px; padding: 5px;}
.job-bottom .blank .icontop1{ float: right; border-radius: 20px; width: 35px; height: 35px;border: 1px solid #999;margin-right: 15px;background-color:rgba(255,255,255,0.7);}
.job-bottom .blank .icontop1 .icon-top{margin:5px 12px;font-weight: bold;}
.job-bottom .blank .icontop1 span {color: #666;display: block;padding: 0 5px;margin-top: -3px;}
.job-bottom .foot {width: 100%; height:40px;}
.job-bottom .foot .min-font{font-size: 10px;}
.job-bottom .foot span { float: left;display: inline-block; text-align: center;height: 40px;}
.job-bottom .index {background-color:#f8f8f8;color: #666;width: 20%;font-size: 10px;}
.job-bottom .index .job-index { display: block; margin-top: 3px; width: 99%; border-right: 1px solid #ddd;}
.job-bottom .index .icon-home3{font-size: 25px;margin-top: 5px;}
.job-bottom .agent {background-color:#f8f8f8;color: #666;width: 20%;font-size: 10px;}
.job-bottom .agent ul { display: block; margin-top: 3px;}
.job-bottom .agent .icon-manager{font-size: 20px;margin-top: 5px;}
.job-bottom .touch {background-color:#333333;color: #ffffff;width: 30%;font-size: 14px;text-align: center;line-height: 40px;}
.job-bottom .nowork { background-color:#333333;color: #ffffff;width: 30%;font-size: 14px; text-align: center;}
.job-bottom .nowork .icon-flag { height: 16px; text-align: center; font-size:16px;line-height: 16px; margin-top:3px;}
.job-bottom .nowork .font {height: 20px;line-height: 20px;text-align: center;}

.job-bottom {position: fixed; bottom: 0; width: 100%; color: #333333; text-align: center;height: 40px; z-index: 99;}
.job-bottom:after{content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.job-bottom .right {line-height: 40px; font-size: 12px;}
.job-bottom .apply {background-color:#ffc700;}
.job-bottom .accomplish {background-color: #ddd;}
.job-bottom .left .item {width: 14%; float: left; font-size: 10px;}
.job-bottom .left .item div[class^=icon-] {font-size: 16px; margin: 5px 0 3px;}
.job-bottom .right div {width: 29%; float: right;}
.job-bottom .right div.deliver-click {width: 58%; float: right;}
.job-bottom .remind {background-color:#ffc700;}
.job-bottom .stop {background-color:#ddd; color: #fff;}

/* 公司详情页 */
.jobinfo .companytop .message {width: 94%; background-color: #f8f8f8; padding: 10px 3%; overflow: hidden;}
.jobinfo .companytop .message .logo { float:left;width: 60px;height: 60px;border: #eee 1px solid; }
.jobinfo .companytop .message .logo img {width: 60px; height: 60px;}
.companytop .message .right {float: left; overflow: hidden; margin-left: 10px;}
.jobinfo .companytop .message .title {margin: 0 auto 15px; font-size:15px; color: #000000; white-space: nowrap; text-overflow: ellipsis; max-width: 210px; overflow: hidden;}
.jobinfo .companytop .message .info ul li {color: #999; margin-bottom: 5px;}
.jobinfo .companytop .message .info ul li:last-child { margin-bottom: 0;}
.jobinfo .body .introduce {width: 100%;background-color: #ffffff;margin-bottom: 10px; border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.jobinfo .body .introduce .intro {width: 92%; border-bottom: 1px solid #e8e8e8;margin: 0 auto;}
.jobinfo .body .introduce .intro span {font-size: 14px; display: inline-block; margin: 10px 0;}
.jobinfo .body .introduce .intro .map1 { float: right; font-size: 12px;color: #01AF63;}
.jobinfo .body .introduce .intro .map1 .icon-map2 {font-size: 14px;position: relative; top:2px; margin-right: 5px;}
.jobinfo .body .introduce .message { width:92%; border-bottom: 1px solid #eeeeee; margin: 0 auto; }
.jobinfo .body .introduce .message ul li {font-size: 12px; color: #666666;margin-top: 5px;line-height: 18px;}
.jobinfo .body .introduce .message ul li:last-child {margin-bottom: 5px;}
.jobinfo .body .introduce .shortintro { width: 92%; margin: 0 auto;font-size: 12px; color: #666666;padding:5px 0;line-height: 18px;}

.jobinfo .body .invijob { width: 100%; background-color: #ffffff; margin: 10px 0;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.jobinfo .body .invijob .invite {width: 92%; margin:0 auto;border-bottom: 1px solid #e8e8e8;height: 40px;line-height: 42px;}
.jobinfo .body .invijob .invite span {font-size: 14px;}

.jobinfo .body .invijob .list .head {overflow:hidden;border-bottom:1px solid #e8e8e8; padding:7px 0; margin: 0 15px;}
.jobinfo .body .invijob .list .head .title h1 {font-size:12px;color:#000;padding-bottom:5px;}
.jobinfo .body .invijob .list .head .title h1.pay { color: #f38417; }
.jobinfo .body .invijob .list .head .title {float:left;line-height:20px;}
.jobinfo .body .invijob .list .head .time {font-size:12px;line-height:14px;color:#f38417;right:15px;}
.jobinfo .body .invijob .list .head .info {float:right;line-height:20px;color:#999 ;margin-left:80px;}
.jobinfo .body .invijob .list .head .info h1 {height:22px;color:#999;padding-bottom:7px;font-size:1.2rem;}
.jobinfo .body .invijob .list .head .info .delivernum {font-size:1.2rem;line-height:14px;color:#999;right:15px;float: right;}
.jobinfo .body .invijob .list .head:last-child {border: none;}

.jobinfo .que { width: 100%; margin-top: 10px;}
.jobinfo .que .invite {width: 92%; margin:0 auto;border-bottom: 1px solid #e8e8e8;height: 25px;}
.jobinfo .que .invite span {font-size: 15px;display: inline-block;padding-top: 5px;}
.jobinfo .que .invite .askcompany {font-size: 10px; color: #00AD4D;float: right;padding-top: 5px;}
.jobinfo .que .question { width: 92%;margin:0 auto;border-bottom: 1px solid #e8e8e8;}
.jobinfo .que .question span { font-size: 15px;}
.jobinfo .que .more { height: 30px; width: 92%; margin: 0 auto; text-align: center; }
.jobinfo .que .more span { color: #00AA55; font-size: 15px;display: inline-block;margin-bottom: 45px;}

/* 问问大家 */
.noquestion {width: 100%; margin: 0 auto;}
.noquestion .head { height: 30px; background-color: #ffffff;}
.noquestion .head span { font-size: 15px;color: #999999;}
.noquestion .blank { width: 100%; margin:0 auto;}
.noquestion .blank h1 {height: 200px;}
.noquestion .blank .list ul li  {color: #999; font-size: 15px;}
.noquestion .blank .list .incon-question-sign {  height: 100px;}



/* 我要提问 */
.ask {width: 100%;margin:  0 auto;}
.ask .message { height: 100px;}
.ask .message .input { height: 200px;width: 500px;}


.jobinfo #ask-form {min-height:120px;}
.jobinfo li.askItem {padding: 0 20px;border-bottom:1px solid #e8e8e8;}
.jobinfo li:last-child{border-bottom:none;}
.jobinfo li.askItem .ask{margin-bottom:7px;}
.jobinfo li.askItem .ask .left{width:20px;height:20px;color: #fff;background: #f38417;text-align: center;line-height: 17px;font-weight: bold;font-size:16px;float:left;}
.jobinfo li.askItem .ask .info{margin-left: 30px;overflow: hidden;font-size:14px;}
.jobinfo li.askItem .ask .info a{color:#999;}
.jobinfo li.askItem .ask .info .question{line-height:22px;}
.jobinfo li.askItem .answer{margin-bottom:7px;}
.jobinfo li.answerItem .left{width:20px;height:20px;color: #fff;background: #01af63;text-align: center;line-height: 17px;font-weight: bold;font-size:16px;float:left;}
.jobinfo li.answerItem .info{margin-left: 30px;overflow: hidden;font-size:14px;}
.jobinfo li.answerItem .info a{color:#999;}
.jobinfo li.answerItem .info .content{line-height:22px;}


.rank-top { width: 100%;height: 45px; background-color: #fafafa; z-index: 9;}
.rank-top span { font-size: 14px;text-align: center; width: 50%; float: left; display: inline-block;height: 44px; border-bottom: 1px solid #eee; line-height: 45px; color: #999;}
.rank-top .selected {border-bottom: 2px solid #ff9200; color: #333; height: 43px;}

.ranklist {overflow: hidden; position: fixed; top: 93px; bottom: 45px; width: 100%; overflow-y: scroll;}
.ranklist li {background: #fff; padding: 10px 4%; border-bottom: 1px solid #eee; line-height: 40px; font-size: 14px; overflow: hidden;}
.ranklist li:last-child {border: none;}
.ranklist li img {display: inline-block; width: 35px; height: 35px; border-radius: 20px; vertical-align: bottom; float: left;}
.ranklist li .info {float: left; line-height: 20px; margin-left: 15px;}
.ranklist li .info .company { color: #999; font-size: 12px;}
.ranklist li span.money {color:#ff9200; float: right; display: inline-block;}

.worker-recommend {width: 100%; background: #ffc700; color: #333333; text-align: center; font-size: 16px; line-height: 45px; position: fixed; bottom: 0;}

#worker-recommend {overflow: hidden;}
#worker-recommend img {width: 50%; margin: 30px auto; display: block;}
#worker-recommend p {text-align: center; margin-top: 7px;}
#worker-recommend p.fee {font-size: 18px; margin-bottom: 40px;}
#worker-recommend div {margin-top: 20px; padding: 0 4%; line-height: 30px; overflow: hidden;}
#worker-recommend div span {margin-right: 7px; display: inline-block;}
#worker-recommend div input {border: none; border-bottom: 1px solid #eee; padding: 0 0 0 10px; width: 75%;height: 30px;line-height: 30px;}
#worker-recommend input[type=button] {margin: 40px 4% 20px; width: 92%; line-height: 35px; border-radius: 5px;background: #ffc700; color: #333333; font-size: 16px;}

#recommend-accept {text-align: center; overflow: hidden; background-color: #e2d493;}
#recommend-accept .recommender {position: relative; overflow: hidden;}
#recommend-accept .recommender img {width: 100%;}
#recommend-accept .recommender .info {position: absolute;width: 100%;}
#recommend-accept .recommender .info p {color: #333;font-size: 14px;}
#recommend-accept .recommender .info p.fee {font-size: 22px; margin-top: 7px;}
#recommend-accept .recommender .info img {margin: 25px auto 20px;width: 25%; border-radius: 50%; border: 1px solid #fff;}
#recommend-accept .accept {margin: 15px 0; overflow: hidden;}
#recommend-accept .accept input {display: block; width: 92%; box-sizing: border-box; margin: 15px 4%; border: 1px solid #ea5455; border-radius: 3px; height: 35px; text-align: center;}
#recommend-accept .accept input[type=button] {background-color: #ea5455; color: #fff;}
#recommend-accept .accept .icon-arrow-down {color: #ea5455;}
#recommend-accept .accept p {font-size: 10px; line-height: 14px;}
#recommend-accept .app-intro {margin-top: 30px; overflow: hidden;}
#recommend-accept .app-intro img {width: 60%;}
#recommend-accept a {display: block; width: 92%; margin: 30px 4%; background: #ea5455; box-sizing: border-box; border-radius: 3px; line-height: 35px; color: #fff;}
#recommend-accept .app-intro img.logo {width: 40%; margin-bottom: 30px;}


.oo-list {overflow: hidden;}
.oo-list li {overflow: hidden; border-bottom: 1px solid #e8e8e8;}
.oo-list li.noresult {border: none;}
.oo-info {overflow: hidden; padding: 15px 15px 10px; color: #999; font-size: 12px; background-color: #fff;}
.oo-info.detail {padding: 20px 15px;}
.oo-info .title {margin-bottom: 10px; line-height: 20px;}
.oo-info .name {color: #333; font-size: 14px; margin-bottom: 5px;}
.oo-info .pay {float: right;}
.oo-info .money {color: #ea5455; font-size: 16px; margin-right: 2px;}
.oo-info .info {margin-top: 7px;}

.oo-intro {margin-top: 10px; background-color: #fff; padding: 15px; font-size: 13px; color: #333;}
.oo-intro .intro {margin-top: 7px; line-height: 20px;}

.oo-bottom {color: #fff; line-height: 40px; text-align: center; font-size: 12px; position: fixed; bottom: 0; width: 100%;}
.oo-bottom .deliver {background-color:#ffc700;}
.oo-bottom .delivered {background-color: #e8e8e8;}

.hotel-list {overflow: auto; overflow-x: hidden;width: 100%;position: fixed; top: 93px; bottom: 0;}
.hotel-list li {overflow:hidden;position:relative;background: #fff; padding: 10px 15px;display: flex;}
.hotel-list li:not(.noresult):after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.hotel-list li.noresult {background-color: transparent;border: none; margin-top: 30px;padding: 0;}
.hotel-list li .logo {display: inline-block;margin-right: 10px;}
.hotel-list li .info {flex: 1;margin: 7px 0;}
.hotel-list li .intro {line-height: 15px;}
.hotel-list li .desc {display: flex; margin-top: 10px;}
.hotel-list li .price {color: #ea5455;font-weight: 600;margin-right: 7px;line-height: 20px;}
.hotel-list li a {flex:1; text-align: right;font-weight: 600;color: #333;}
.hotel-list li a img {width: 15px; height: 15px;position: relative; top: 2px; margin-left: 5px;}

.sendout-item {overflow:hidden;position:relative;background: #fff; padding: 10px 15px;}
.sendout-item:not(:first-child):before {content: ''; position: absolute; left: 0; right: 0;top: 0;background: #e8e8e8;height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.sendout-item .top {font-weight: 600;font-size: 36px;line-height: 40px;text-align: center;padding: 10px 10px 15px;}
.sendout-item .content {font-size: 16px;line-height: 22px;margin-top: 7px;}