body {
    background-color: #fff;
}
.pd {
    padding: 10px;
}
.city-box .layui-form-select .layui-input { border: none;font-size: 14px}
.city-box .layui-form-select {
    width: 100px;float: left;margin-top: 7px;
}
.city-box .layui-input {
    height: 26px;line-height: 26px;color: #666;
}
.search-box {
    position: relative;margin-bottom: 20px;
}
.type-box {
    position: absolute;left: 10px;top: 5px;border-right: 1px solid #eee;
}
.phone-input {
    padding-left: 70px;
}
.cs_btn {
    position: absolute;right: 5px;top: 4px;
}
.cs_btn .layui-btn {
    background-color: #f66a33;border-radius: 6px;font-size: 14px;
}
a {
    cursor: pointer;
}
.layui-form-select dl {
    left: -10px;width: 90px;
}
.layui-form-select dl dd.layui-this {
    background-color: #f66a33;
}
footer {
    border-top: 2px solid #eee;text-align: center;padding-top: 10px;
}
footer p {
    margin-bottom: 3px;
}
footer .shuoming {
    color: #2e8ded;
}
.app {
    max-width:1000px;margin: 0 auto;
}
header {
    height: 80px;background-color: #1E9FFF;position: relative;width: 100%;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}
.pc header .logo {
    width: 150px;margin-top: 0px;
}
.mobile header .logo {
    width: 135px;margin-top: 5px;
}
.pc header .menu {
    margin-bottom: 0px;position: absolute;right: 10px;bottom: 10px;
}
.pc header .menu li {
    float: left;margin-left: 30px;
}
.pc header .menu li a {
    color: #fff;display: block;font-weight: 400;font-size: 16px;
}
.pc header .menu li a .menu-name {
    position: relative;
}
header .menu li a .menu-name .layui-badge {
    position: absolute;color: #fff;font-size: 9px;animation: changeColor 1s infinite;line-height: 21px;border-radius: 6px;padding: 0 4px;
}
@keyframes changeColor {
    0% {background-color: red;}
    50% {background-color: blue;}
    100% {background-color: green;}
}
.pc header .menu li a .menu-name .layui-badge {
    right: -28px;top: -23px;
}
.pc header .btn a {
    border: 1px solid #fff;padding: 2px 8px;border-radius: 6px;
}
.pc header .menu ul {
    float: left;margin-right: 10px;margin-bottom: 0px;
}
.pc header .btn {
    float: left;margin-left: 20px;
}
.pc header .btn a {
    color: #fff;
}
.pc header .btn span {
    margin: 0 5px;color: #fff;
}
.pc header .menu-btn {
    display: none;
}

.mobile header .menu-btn {
    position: absolute;right: 10px;bottom: 20px;
}
.mobile header .menu {
    display: none;
    position: absolute;
    left: 0px;top: 70px;width: 100%;z-index: 9;background-color: #fff;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}
.mobile header .menu li {
    line-height: 40px;border-bottom: 1px solid #eee;position: relative;
}
.mobile header .menu li .layui-icon-right {
    position: absolute;right: 10px;top: 0px;color: #999;
}
.mobile header .menu li a {
    padding-left: 10px;display: block;
}
.mobile header .menu li .menu-name {
    position: relative;
}
.mobile header .menu li .menu-name .layui-badge {
    right: -34px;top: -7px;font-size: 7px;
}
.mobile header .menu .btn {
    background-color: #fff;
}
.mobile header .menu .btn .left-btn {
    float: left;width: 50%;text-align: center;
}
.mobile header .menu .btn .right-btn {
    float: right;width: 50%;text-align: center;
}
.mobile header .menu .btn a {
    background-color: #1E9FFF;color: #fff;padding: 10px 50px;border-radius: 6px;
}
.mobile header .menu-btn .Hui-iconfont {
    font-size: 20px;
}
.mobile .Hui-iconfont-close {
    display: none;
}
.foot-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(225, 108, 12, 0.5);
    background-color: #fff;
    z-index: 99999;
}
.foot-menu .admin-box li {
    float: left;width: 20%;
    text-align: center;
    padding: 5px 0;
    position: relative;
}
.foot-menu .qiye-box li {
    float: left;width: 20%;
    text-align: center;
    padding: 5px 0;
    position: relative;
}
.foot-menu .fxs-box li {
    float: left;width: 33.333%;
    text-align: center;
    padding: 5px 0;
    position: relative;
}
.foot-menu li a {
    display: block;
}
.foot-menu ul {
    margin-bottom: 0px;
}
.foot-menu li .Hui-iconfont {
    font-size: 20px;
}
.foot-menu li .fabu .Hui-iconfont-add {
    font-size: 24px;
}
.foot-menu li .pt {
    line-height: 40px;
}
.foot-menu li .fabu {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    color: #e16c0c;
    border-top: 1px solid rgba(225,108,12,0.5);
    border-radius: 50%;
    background: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    position: absolute;
    top: -20px;
    margin-top: 4px;
    background-size: 26px auto;
    background-position: center 8px;
    border-top: 1px solid rgba(225,108,12,0.5);
    left: 50%;
    margin-left: -30px;
}
.search-box {
    background-color: #f8f8f8;margin-top: 10px;
}
.pc .search-box .pd {
    padding: 30px 10px;
}
.search-box .txt {
    font-size: 16px;
}
.pc .search-box .txt {
    padding-left: 20px;margin-bottom: 15px;
}
.pc search-box .txt2 {
    margin-bottom: 30px!important;
}
.mobile .search-box .txt {
    padding-left: 24px;
}
.search-box .txt b {
    font-size: 18px;margin: 0 5px;
}
.mobile .search-box {
    margin-bottom: 0!important;
}
.mobile .search-box .pd {
    padding-top: 20px;
}
.search-box .layui-form{
    position: relative;
}
.search-box .layui-form-item{
    margin-bottom: 10px;
}
.search-box  .select {
    position: absolute;left: 23px;top: 1px;
}
.search-box .layui-form-select {
    width: 75px;float: left;
}
.search-box  .select .split-line {
    height: 25px;width: 1px;background-color: #1E9FFF;float: left;margin-top: 7px;
}
.search-box  .layui-form-select .layui-input {
    border: none;color: #999;padding-left: 0px;
}
.pc .search-box .search-btn {
    width: 100px;
}
.search-box .search-btn {
    position: absolute;right: -2px;background-color: #1E9FFF;color: #fff;top: 0px;display: block;height: 38px;line-height: 38px;border-radius: 20px;width: 50px;text-align: center;border: 1px solid #1E9FFF;
}
.search-box .search-input {
    width: 100%;height: 38px;line-height: 38px;border-radius: 20px;background-color: #fff;border: 1px solid #1E9FFF;text-indent: 110px;
}
.job .list {
    height: 30px;position: relative;border-bottom: 1px solid #1E9FFF;
}
.list-head {
    position: absolute;left: 0px;bottom: 0;margin-bottom: 0px;
}
.list-head .job {
    float: left;width: 80px;text-align: center;margin-right: 10px;height: 30px;line-height: 30px;
}
.list-head .job a {
    display: block;width: 100%;height: 100%;color: #fff;font-weight: 600;font-size: 16px;border-radius: 6px 6px 0 0 ;background-color: #999;position: relative;
}
.mobile .list-head .job li a {
    font-size: 14px;
}
.list-head .job .select::after {
    content: "";
    position: absolute;
    bottom: -5px; /* 使其位于底部 */
    left: 50%; /* 居中 */
    transform: translateX(-50%) translateY(50%) rotate(180deg); /* 调整位置和旋转 */
    width: 0;
    height: 0;
    border-left: 15px solid transparent; /* 根据需要调整 */
    border-right: 15px solid transparent; /* 根据需要调整 */
    border-bottom: 20px solid #1E9FFF; /* 根据需要调整 */
}
.list-head .job .select {
    background-color: #1E9FFF;
}
.list .layui-btn {
    position: absolute;right: 10px;bottom: 3px;background-color: #ff2222; border-radius: 6px;
}
.result .job {
    position: relative;background-color: #f8f8f8;border-radius: 6px;margin-bottom: 10px;
}
.result .job  p {
    margin-bottom: 15px;
}
.result .job p:last-child {
    margin-bottom: 10px;
}
.result .other {
    margin-bottom: 10px!important;
}
.result .job .title b {
    font-size: 18px;color: #333;
}
.result .job .title span {
    color: #fca63c;float: right;
}
.result .job .title span .layui-icon {
    margin-right: 5px;
}
.result .job  .title .layui-badge {
    background-color: #ff2222;color: #fff;
}
.result .job .info .layui-badge-rim {
    background-color: #eee;
}
.result .job .info2 .layui-badge-rim {
    background-color: #fff;
}
.mobile .job .pd {
    padding: 10px 5px;
}
.result .job .layui-badge-rim {
    margin-right: 8px;border-radius: 4px;
}
.pc .result .job  .apply-btn {
    text-align: right;
}
.mobile .result {
    margin: 0 5px;
}
.mobile .result .job  .apply-btn {
    float: right;
}
.result .job .money {
    margin-bottom: 10px;color: #fca63c;font-weight: 600;font-size: 18px;
}
.result .job .layui-btn {
    background-color: #1E9FFF;
}
.pc .result .job .right {
    position: absolute;right: 10px;top: 15px;text-align: right;
}
.result .job .right .money {
    margin-bottom: 10px;color: #fca63c;font-weight: 600;font-size: 18px;
}
.result .job .right .layui-btn {
    background-color: #1E9FFF;border-radius: 6px;
}
.pc .result .job .right .layui-btn {
    margin-top: 20px;
}

.work {
    position: relative;
    background-color: #f8f8f8;
    border-radius: 6px;
    margin-bottom: 10px;
}
.work .headImg {
    float: left;width: 70px;
}
.work .headImg img {
    width: 60px;height: 60px;border-radius: 50px;
}
.work .userBox {
    float: left;
}
.work .info .layui-badge-rim {
    margin-right: 10px;font-size: 12px;padding: 0 3px;
}
.work .title {
    border-bottom: 1px solid #eee;line-height: 30px;margin-bottom: 10px;
}
.work .title b{
    color: #1E9FFF;font-size: 16px;
}
.work .userBox p {
    margin-top: 12px;
}
.work .title {
    color: #999;font-size: 12px;
}
.work .title .layui-icon-time {
    margin-left: 20px;margin-right: 5px;
}
.red {
    color: #ff2222;
}
.work .user-view {
    margin-bottom: 10px;
}
.work .other-info .layui-badge-rim{
    margin-right: 10px;
}
.mobile .result li .money {
    float: right;color: #fca63c;
}
.result li .apply-btn {
    float: right;border-radius: 6px;margin-top: -8px;
}
.mobile .status .layui-badge{
    margin-right: 20px;
}
.mobile .job a {
    color: #666;
}
.mobile .job .layui-icon-location {
    margin-right: 5px;
}
.split {
    margin: 0 8px;
}
.job .info img {
    width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;float: left;margin-top: -3px;
}
.mobile .result .job p:last-child {
    margin-bottom: 5px;
}
.result .job .status {
    margin-bottom: 5px;
}
.result .job .status li {
    margin-right: 10px;float: left;
}
.result .job .status li .layui-form-item {
    margin-bottom: 0px;
}
.result .job .status img {
    width: 20px;height: 20px;margin-right: 2px;float: left;
}
.result .job .status .top-img {
    width: 22px;height: 20px;
}
.result .job .status label {
    float: left;
}
.load-more {
    text-align: center;background-color: #f8f8f8;line-height: 40px;color: #666;margin: 0 5px;border-radius: 6px;
}
.work .title .today {
    background-color: #00B83F;
}
.work .title span {
    margin-left: 20px;border-radius: 6px;
}
.work .applyBtn {
    position: absolute;right: 10px; top: 67px;background-color: #1E9FFF;color: #fff;padding: 3px 8px;border-radius: 6px;font-size: 12px;
}
.select-box {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 50vh;
    background-color: #eaeaea;
    border-radius: 20px 20px 0 0 ;
    z-index: 9;
    border: 1px solid #eee;
    overflow-y: auto;
}
.select-box .select-title {
    line-height: 50px;position: absolute;top: 0px;left: 0px;padding: 0 10px;font-size: 16px;font-weight: bold;
}
.select-box .close-btn {
    color: #1E9FFF;position: absolute;right: 20px;top: 15px;
}
.select-box .tag-list {
    margin-top: 10px;padding-bottom: 20px;
}
.select-box .tag-list li {
    margin-bottom: 15px;
}
.select-box .layui-badge-rim {
    height: 24px;line-height: 24px;border-radius: 20px;
}
.select-box .tag-list .checked .layui-badge-rim {
    background-color: #ff2222;color: #fff;border: 1px solid #ff2222;
}
.select-box .btn-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0px;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #eee;
    padding: 10px 0;
    border-radius: 20px 20px 0 0;
}
.select-box .btn-box li {
    width: 50%;float: left;text-align: center;
}
.select-box .btn-box li .layui-btn {
    padding: 0 50px;
}
.select-box .btn-box li .succ {
    background-color: #1E9FFF;
}
.select-box .btn-box li .cancel {
    background-color: #999;
}
.select-box .other-title {
    font-size: 16px;font-weight: 600;padding-top: 20px;;
}
.other-box .tag-list {
    margin-bottom: 0px;padding-bottom: 0px;
}
.select-box .column .title {
    line-height: 40px;
}
.select-box .column li {
    line-height: 35px;
}
.select-box .column li a {
    display: block;position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-box .column li  .layui-icon-right {
    position: absolute;right: 0px;top: 0px;font-size: 12px;color: #999;
}
.container {
    margin-top: 40px; height: 35vh;border-top: 1px solid #fff;
}
.container2 {
    display: flex;
    overflow-y: auto;
}
.column {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    width: 50%;
    float: left;
}
.select-title .select-txt {
    color: #1E9FFF;
}
.select-title .select-txt .split {
    color: #999;margin: 0 5px;
}
.container .checked {
    color: #ff2222;
}
.container .title .remove-btn {
    float: right;
}
.container .title .allCity-btn {
}
.none {
    display: none;
}
.parent-city .title {
    color: #5cb85c;
}
.parent-city .Hui-iconfont-close2 {
    color: #5cb85c;
}
.city .title {
    color: #1E9FFF;
}
.city .Hui-iconfont-close2 {
    color: #5cb85c;
}