@charset "utf-8";

body { font: 14px "微软雅黑", "FontAwesome", "Arial Narrow", HELVETICA; -webkit-text-size-adjust: 100%; }
.fl{float: left}
.fr{float: right}
ol, ul {
    list-style: none outside none;
}
ul,li{ margin:0; padding:0; list-style:none; }
.alignleft{text-align: left}
.center{text-align: center}
.relative{position: relative}
.dnone{display: none}
.color1{color: #8C8C8C}
.color2{color: #EF4548}
.color3{color: #A2A2A2}
.mtb10{margin: 10px 0px;}
.mtb20{margin: 20px 0px;}
.mtb30{margin: 30px 0px;}
.mtb40{margin: 40px 0px;}
.mtb50{margin: 50px 0px;}
.mt5{margin-bottom: 5px}
.mt10{margin-bottom: 10px}
.mt20{margin-bottom:20px}
.mt30{margin-bottom: 30px}
/* 用户登录样式 */
.textright{text-align: right;line-height: 40px;height: 40px;}
.large-header-admin {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url('/static/admin/images/admin_login.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.large-header-mes {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url('/static/admin/images/mes_login.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}


.large-header-supplier {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url('/static/admin/images/supplier_login.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}


.large-header-training {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url('/static/admin/images/training_login.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.login-logo {
    margin: 0 auto;
    height: 56px;
    line-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logobg_style .login-form {
    position:absolute;
    top: 57%;
    font-family: "微软雅黑", Microsoft YaHei UI, serif;
    margin-top: -225px;
    margin-left: -225px;
    left: 71%;
    z-index: 999;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}
.logobg_style .login-content {
    position: relative;
    width: 440px;
    z-index: 999;
    height: 420px;
    /*box-shadow: 0 2px 4px #333333;*/
    /*background: url('/static/admin/images/bg_03.png') repeat;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}
.logobg_style .input-group-addon{ padding:6px 20px }
.logobg_style .login-content .title_name{ color: #000000; font-weight: bold}
.login_padding{padding: 50px 50px; position: relative}
.logobg_style .form-control{ height: 55px}
.logobg_style .input-group {
    height:55px;
    float: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.logobg_style a:hover{color: #ffffff}
.logobg_style .form-group{ margin-bottom: 25px; display: block}
.logobg_style .input-group-addon i{background-size: 25px; position: absolute; left: 3px; top:12px; width: 30px; height: 30px;}
.logobg_style .icon_user{background: url('/static/admin/images/iconfont-yonghu.png') no-repeat 7px center;  }
.logobg_style .icon_password{background: url('/static/admin/images/iconfont-psw.png') no-repeat 7px center; }
.logobg_style .icon_phone{ background: url('/static/admin/images/iconfont-shouji.png')no-repeat 7px center;}
.logobg_style .icon_yanzhen{ background: url('/static/admin/images/iconfont-duanxin.png')no-repeat 5px center;}
.btn-block{height: 45px; line-height:29px; font-size: 18px}
.forget{color: #000000; text-align: right}
/***********************分辨率设置********************/
@media (max-width: 321px){

}
@media (max-width: 720px){
    .Retrieve_style{ background: rgba(255,255,255,0.00); border: 0px; width:none; top:10%; margin-top: 0px;}
    .logobg_style .login-form{top:10%; margin-top: 0;}
    .Retrieve_style .Retrieve-content{width:none; border: 0px; background: rgba(255,255,255,0.00) }
    .Retrieve_style h1{background: rgba(255,255,255,0.00);color: #ffffff; font-weight: bold}
    .container  .Article_list .Article_title{font-size: 1.5rem}
    .container  .Article_list .Article_info{
        font-size: 1.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-word;}
    .container .detailed_content{border-right: 0px;}
    .logobg_style .login-content{background:none; box-shadow: 0px 0px 0px;}
    .container  .digital_style{position: absolute; color: #C1C1C1; background: none; width: auto}
    .container  .Article_list .Article_content{ left: 75px;}
    .container .user_operating a{width: 90px;}
    .container  .Article_list .Article_title span{ position: absolute; bottom: 5px; left: -65px;}
    .container  .user_article_content .Article_operating{width: 70px;}
    .container .user_article_content .Article_list .Article_content{right:80px;}
    .pays_style .options_btn{
        margin: 0 auto 20px;
    }
    .classify_list .sub-menu li{ width: 50%!important;  padding: 0px;}
    .navMenu>li>a{border: 0px!important}
    .navMenu{width: 100%; left: 0px; display: block; position: relative; margin-top: 10px;}
    .menu_Plate .user_operating a{ margin-bottom: 10px!important}
    .user_info_style{position: relative!important; top:0px!important;right: 0px!important; margin-bottom: 20px;}
}

@media (max-width: 1600px){

}
@media (max-width: 1400px){

}