.mobile {
    padding-bottom: 80px;
}
.pc .condition-box {
    background-color: #f8f8f8;border-radius: 6px;margin-bottom: 25px;
}
.mobile .condition-box {
    margin-bottom: 0px;
}
.pc .tag-name {
    float: left;margin-right: 10px;
}
.pc .tag-name .layui-badge-rim {
    background-color: #c7e2f6;color: #1E9FFF;
}
.pc .tag-list {
    margin-left: 100px;
}
.tag-list li {
    float: left; margin-right: 20px;margin-bottom: 10px;
}
.pc .tag-box .tag-li {
    margin-bottom: 5px;
}
.pc .condition-list {
    border-top: 1px solid #eee;padding-top: 10px;
}
.pc .condition-list-box {
    position: relative;margin-bottom: 5px;

}
.pc .condition-list-box .tag-name {
    padding-top: 13px;
}
.pc .condition-list a {
    margin-right: 10px;
}
.pc .condition-list a .layui-icon-close {
    margin-left: 5px;font-size: 10px;
}
.pc .condition-list a  .layui-badge-rim {
    background-color: #c7e2f6;color: #1E9FFF;
}
.pc .condition-list-box .del-all-btn {
    position: absolute;right: 0px;top: 10px;
}
.pc .condition-list-box .del-all-btn .layui-icon-delete {
    color: #ff9c22;
}
.pc .area-box {
    position: relative;
}
.pc .area-box .show-all {
    position: absolute;right: 0px;bottom: 7px;background-color: #fff;padding: 3px 5px;border-radius: 6px;
}
.pc .area-box .show-all .layui-icon-down {
    font-size: 10px;margin-left: 5px;
}


.mobile .tags-list {
    height: 40px;position: relative;border-bottom: 1px solid #1E9FFF;line-height: 40px;
}
.mobile .tags-list a {
    color: #999;
}
.mobile .tags-list li {
    float: left;
}
.mobile .search-left{
    float: left;padding-left: 10px;
}
.mobile .search-left li {
    margin-right: 20px;font-weight: bold;
}
.mobile .search-left li b{
    color: #666;
}
.mobile .search-right{
    float: right;
}
.mobile .search-right li {
    margin-right: 40px;position: relative;
}
.mobile .search-right li .layui-icon-triangle-d {
    position: absolute;right: -20px;bottom: -3px;color: #999;
}
.mobile .tags-list li .select {
    color: #333;font-weight: bold;
}
.mobile .search-detail {
    display: none;
}

.list {
    height: 30px;position: relative;border-bottom: 1px solid #1E9FFF;
}
.list-head li {
    float: left;
    width: 80px;
    text-align: center;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
}
.list-head li .select {
    background-color: #1E9FFF;
}
.list-head li 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;
}
.list-head {
    position: absolute;left: 0px;bottom: 0;margin-bottom: 0px;
}
.list-head 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 li a {
    font-size: 14px;
}
.list-head .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: 0px;bottom: 3px;background-color: #ff2222;border-radius: 6px;font-size: 14px;
}
.layui-layer {
    border-radius: 8px;
}
.layui-layer-content {
    border-radius: 8px;
}
.layui-layer-iframe iframe {
    border-radius: 8px;
}
.ref-btn {
    display: block;
}
.ref-btn b {
    font-size: 16px;
}
.ref-btn .layui-icon-refresh {
    margin-right: 5px;
}