.df{

    display: flex;

}

ul,ol{
    list-style: none;
    padding: 0;
    margin: 0;
}

.pager{



    margin-top: 20px;

    display: flex;

    justify-content: center;

}

.content{
    width: 1200px;
    margin: 0 auto;
}

.hide{

    display: none !important;

}



.pager a{

    padding: 5px 10px;

    border:1px solid #e4e4e4;

    font-size: 14px;

    color: #666666;

    margin-right: 5px;
    line-height: 20px;

}

.pager a.current{

    background: #133f5c;

    color: #fff;

}

.pager a:last-child{

    margin-right: 0;

}

/*  ----position  start------*/

.position {
    padding: 40px 0;
}
.position a {
    color: #484848;
}

@media (max-width: 1200px) {
    .position {
        padding: 20px 0;
    }
}

/*  ----position  end------*/

main, header, nav, article, section, aside, footer {

    display: block;

}



.collapse {

    display: none;

}

a{

    text-decoration: none;

}

img{

    vertical-align: middle;

}



.p-l-5 {

    padding-left: 5px !important;

}



.jquery-lightbox-background IMG{

    max-height: 100% !important;

    height: auto !important;

}



.hide{

    display: none;

}



/* 加载更多*/

.load_more{

    background: #133f5c;

    color: #fff;

    font-size: 15px;

    line-height: 35px;

    height: 35px;

    width: 100%;

    text-align: center;

    cursor: pointer;

}



/*   用户登录   */

.login-wrap{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;



    z-index: 9032;

    margin: 0;

    padding: 0;

}

.login-hint{



    position: absolute;

    width: 100%;

    height: 100%;

    overflow: auto;

    background: rgba(0,0,0,0.5);

}



.login-hint .login{

    position: relative;

    margin-top: -200px;

    margin-left: -200px;

    width: 400px;

    height: 400px;

    background: #f2f3f7;

    top: 50%;

    left: 50%;

    padding: 15px;



}



.login-hint .close{

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 24px;;

    cursor: pointer;

}



.login .hint{

    text-align: center;

    margin: 0;

    padding: 20px 0px;

}



.login form{

    /*padding: 15px;*/

}



.login form .form-group{

    background: #fff;



    height: 30px;

    margin-bottom: 15px;

    line-height: 30px;

    padding: 5px 15px;

    display: flex;

    align-items: center;

    border: 2px solid #f3f3f3;

    border-radius: 5px;

}

.login form .form-group:nth-child(3){

    margin-bottom: 0;

}



.login form img.code{

    height: 50px;

    margin-bottom: 15px;

}



.login form .form-group .fa{

    color: #999;

}



.login form .form-group span{

    padding-right: 10px;

    border-right: 1px solid #ccc;

}



.login form .form-group input{

    border: none;

    margin-left: 10px;

    width: 100%;

    flex: 1;

}

.login form button.btn{

    background: #f5821f;

    color: #fff;

    text-align: center;

    width: 100%;

    height: 40px;

    line-height: 40px;

    border-radius: 5px;

    border: none;

    cursor: pointer;

}

.login_link{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 10px;

}

.login_link a{

    color: #342c2a;

}

#spotlight .page{
    background: none !important;
}

.login-hint .login .sub-title{

    /*margin-top: 30px;*/

    line-height: 24px;

    font-size: 14px;

    text-align: center;

}

.think_page_trace_open{
    display: none !important;
}

.red {

    color: #fc703e !important;

}

.mt30{

    margin-top: 30px !important;

}



.upload-resume-wrap {

    display: block;

    position: relative;

    font-size: 15px;

    overflow: hidden;

    width: 100%;

    height: 100%;

    text-align: center;



    color: #fff;

    letter-spacing: 1px;

    background: #5dd5c8;

    flex: 1;

    margin-left: 10px;

}

#fileupload{

    position: absolute;

    width: 100%;

    height: 200%;

    top: -100%;

    left: 0;

    background: 0 0;

    opacity: 0;

    cursor: pointer;

}

.danger{

    color: #f00 !important;

}

.met-show-body{
    min-height: 550px;
}
.met-product-list{
    min-height: 550px;
}

.el-message{
    top: 50px !important;
}



/*     分页    */

.pagenation{
    margin: 10px 0;
    overflow: hidden;
}
.pagenation .load_more{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: rgba(4, 12, 84, 1);
    text-align: center;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid ;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    margin: 0 auto;
}
.pagenation .nodata{
    text-align: center;
}

.pagenation .load_more i{
    font-size: 16px;
    margin-left: 10px;
}

.pagenation .load_more:hover{
    background-color: #1e50ae;
    border-color: #1e50ae;
    color: #fff;
}

/* */


@media (max-width: 1200px) {

    .pager{

        display: none;

    }



    .login-hint .login{

        width: 80%;

        margin-left: -45%;

        height: 330px;

    }

}

@media (max-width: 600px) {
    .pc{
        display: none;
    }
}

@media (min-width: 600px) {
    .mobile{
        display: none;
    }
}