body{
    background-color: #f8f8f8;
}
header .wrap_bg{
    margin-top:50px;
}
header .wrap_bg img{
    width:100%;
    height:auto;
}
main{
    padding:0 0.8125rem;
}
main .wrap_search{
    display: flex;
    flex-wrap: nowrap;
    width:100%;
    margin-top:1rem;
}
main .wrap_search input{
    flex-grow: 1;
    border:none;
    padding: 0.4rem 0 0.4rem  1.125rem;
    font-size: 0.875rem;
    /* border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem; */
    outline: none;
}
main .wrap_search button{
    background: #00a2e9;
    color:white;
    border:none;
    outline: none;
    width:5rem;
    font-size: 0.875rem;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.content_tips{
    margin-top:4rem;
    font-size:1.5rem;
    margin-bottom:0.375rem;
    color: #323232;
    font-weight: bold;
}
.tips_name{
    font-size:14px;
    color:#666;
}
.tips_english{
    position: relative;
}
.tips_english::before,.tips_english::after{
    content: "";
    height:1px;
    width:130px;
    background: #DDDDDD;
    position: absolute;
    top:40%;
}
.tips_english::before{
    left:-150px;
}
.tips_english::after{
    right:-150px;
}
.m_job_item{
    background: white;
    margin-bottom:0.6rem;
    padding:1.25rem 2.625rem 1.25rem 1rem;
    position: relative;
    border-radius: 0.5rem;
}
.m_job_item:first-child{
    margin-top:1.25rem;
}
.m_toggle_tag{
    position: absolute;
    right:0.625rem;
    top:50%;
    margin-top: -0.5125rem;
}
.m_toggle_tag img{
    height:0.625rem;
    width:1.125rem;
}
.m_title_name,.m_location{
    flex:1;
}
.m_location span{
    padding-right:0.625rem;
}
.m_title_name{
    color:#333333;
    font-size:1rem;
}
.m_tag{
    padding:0 0.3125rem;
}
.m_price{
    color:#FF7800;
    font-size:1.25rem;
}
.m_item_title,.m_item_bottom{
    display: flex;
    flex-direction: row;
}
.m_item_bottom{
    color:#999999;
    font-size:0.75rem;
}
.m_request{
    color:#333333;
}
.m_rq_title{
    font-size:1rem;
    padding-top:1.25rem;
}
.m_rq_content{
    font-size:1rem;
    line-height: 2.1875rem;
    color:#5b5b5b;
}
.m_well{
    background: white;
    border:none;
}
.m_button{
    background: #00A2E9;
    color:white;
    font-size:0.875rem;
    padding: 0.5rem 0;
    cursor: pointer;
    margin-top:1.875rem;
}
.m_transform img{
    transform: rotate(180deg);
}
.m_send_tips{
    font-size:0.75rem;
    color:#CCCCCC;
    padding:0.625rem 0;
}
a{
    text-decoration: none;
    color:white;
}
.m_job_list{
    display: block;
}

.wrap_search .select-menu{
    cursor:pointer;
    position: relative;
    font-size:1rem;
    width:8rem;
}
.wrap_search .select-menu-ul{
    list-style:none;
    opacity:0;
    display:none;
    width:100%;
    text-align:left;
    border:1px solid #ddd;
    background:#fff;
    position:absolute;
    z-index:1;
    padding:0;
    font-size:0.8rem;
}
.wrap_search .select-menu-ul li{
    width:100%;
    padding:8% 8%;
    box-sizing: border-box;
    text-align: center;
    list-style: none;
}
.wrap_search .select-menu-ul li:hover{
    background:#f2f2f2;
    
}
.wrap_search .select-menu-div{
    position:relative;
    height:100%;
    border:none;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.wrap_search .select-this{
    background:#00a2e9;
}
.wrap_search .select-this:hover{
     background:#00a2e9!important;
}
.wrap_search i{
    margin-right:5px;
    position:absolute;
    right:0;
    top:50%;
    margin-top: -3.5px;

}
.wrap_search .select-menu-input{
    border:0;
    height:100%;
    cursor:pointer;
    user-select:none;
    padding-left:15%;
    box-sizing: border-box;
    width: 100%;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.wrap_search i{
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.triangle{
    border-left:7px solid transparent;
    border-top: 7px solid #c1c1c1;
    border-right:7px solid transparent;
    border-bottom:7px solid transparent;
}
header .navbar-default{
    box-shadow: 0px 0px 5px #ccc;
}
@media (min-width: 768px) {
    body{
        background-color: white;
    }
    header .wrap_bg{
        margin-top:66px;
    }
    main{
        padding:0 18.75%;
    }
    main .wrap_search{
        margin-top:3.2rem;
        margin-bottom:1.875rem;
    }
    .wrap_search .select-menu{
        flex:0.4;
    }
    .wrap_search .select-menu-ul{
        font-size:1rem;
    }
    .wrap_search .select-menu-div{
        border:1px solid #e2e2e2;
    }
    main .wrap_search input{
        padding: 0.833% 0 0.833%  1.3%;
        font-size: 1rem;
        border:1px solid #e2e2e2;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left:none;
    }
    main .wrap_search button{
        width:8.75rem;
        font-size:1rem;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .job_item{
        display: flex;
        flex-direction: row;
        border:1px solid #CCCCCC;
        border-top:none;
        padding:1rem 3rem 1rem 3rem;
        font-size:1rem;
    }
    .job_item:first-child{
        border-top:1px solid #CCCCCC;
    }
    .job_name{
        flex:4;
        line-height: 32px;
    }
    .job_location{
        text-align: left;
        line-height: 32px;
        width:23%;
    }
    .job_location span{
        padding-right:0.625rem;
    }
    .job_location img{
        padding-right:1rem;
    }
    .job_detail img{
        width:2rem;
        height:auto;
    }
    .toggleImg{
        transform: rotate(90deg);
    }
    .job_list{
        padding-bottom:6.25rem;
        min-height: 300px;
    }
    .well{
        color:#333333;
        font-size:0.875rem;
        padding: 40px 40px 90px;
        background-color: #fafbff;
        margin-bottom:0;
    }
    .request_title{
        display: flex;
        flex-direction: row;
    }
    .request_title .title_name{
        font-size:1.75rem;
        padding-right:1.875rem;
        line-height: 3rem;
    }
    .request_title .price{
        color:#FF7800;
        font-size:1.75rem;
    }
    .send_request{
        width:7.5rem;
        color:white;
        cursor: pointer;
        height: 2.2rem;
        background-color: #00A2E9;
        border-radius: 25px;
        text-align: center;
        line-height:2.2rem;
    }
    .send_request a:hover{
        color:white;
    }
    .send_logo{
        display: inline-block;
        border-top:6px solid transparent;
        border-right:6px solid transparent;
        border-bottom:6px solid white;
        border-left:6px solid transparent;
        transform: rotate(90deg);
        margin-left:5px;
        margin-top:2px;
    }
    .request_detail{
        flex: 1;
        display: flex;
        flex-direction: row;
    }
    .request_detail span{
        padding:0 0.5rem;
        line-height:3.5rem;
    }
    .request_detail div:first-child{
        padding:0;
        line-height: 3rem;
    }
    .title_tips{
        color:#999999;
        font-size:0.75rem;
        text-align: right;
        border-bottom:1px solid #CCCCCC;
        line-height: 32px;
    }
    .rq_item_title{
        font-size:1.5rem;
        margin-top:2.125rem;
    }
    .rq_content{
        line-height: 42px;
    }
    .m_job_list{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    main{
        padding:0 2%;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    main{
        padding:0 2%;
    }
}
@media (min-width: 1920px) {
    main{
        padding:0 25.64%;
    }
}