@charset "utf-8";
/* CSS Document */
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input{margin:0;padding:0;}
ul,ol,li{list-style-type:none; line-height:24px;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal}
.hidden{display:none;}
a{outline-style:none;color:#666666;text-decoration:none;}
a:hover{color:#2b61b1; text-decoration:none;}/*F03E34 */
.clear{ clear:both}
u{ text-decoration:underline}
/*input{ padding-left:2px;}*/
img{ border:0px;}
.fl{ float:left}
.fr{ float:right}

.a a{ color:#6b90eb}
.a a:hover{ color:#6b90eb}
.als{ text-decoration:underline; color:#0E57B6}
.als:hover{ text-decoration:underline; color:#0E57B6}

/*header*/
.header{ width:991px; height:157px; margin:0 auto; position:relative; z-index:1}
.h_top{ height:115px; position:relative; z-index:111}
.logo{ padding:12px 0 0 26px}
.h_a{ padding:8px 32px 0 0}
.ha_h1{ height:22px; line-height:22px; display:block; text-align:right; color:#6b90eb; margin-bottom:9px}
.ha_h2{ height:22px; line-height:22px; display:block; text-align:right; color:#6b90eb}
/*nav*/

/*输入框样式*/
.texta{ width:120px; height:19px; border:1px solid #E3E3E3; border-top:1px solid #B5B5B5; font:12px/19px "宋体"; padding-left:2px}
.texta_style{ border:1px solid #CCDEF2; border-top:1px solid #91B5E5}
.texta_style2{ border:1px solid #CCDEF2; border-top:1px solid #91B5E5}
.texta1{ width:140px}
.texta2{ width:110px}
.texta3{ width:75px}
.texta4{ width:215x}
.texta5{ width:96px}
.text6{ width:300px}
.text7{ width:140px}
.text4{ width:630px; height:84px; border:1px solid #E3E3E3; border-top:1px solid #B5B5B5; font:13px/20px "宋体"; padding-left:2px}
.seleb{ width:124px;  border:1px solid #E3E3E3; border-top:1px solid #B5B5B5; font-size:12px; color:#939393}
.selea{ width:144px}
.sele{ border:1px solid #CCDEF2; border-top:1px solid #91B5E5}
.selec{ width:144px}
.seled{ width:138px}
.selee{ width:100px}
.selef{ width:60px}

/*fotoer*/
.footer{ width:991px; margin:0 auto}
.ft_left{ width:246px; padding-left:54px}
.ftl_h1{ font:14px/22px "微软雅黑"; color:#C9E964; padding-top:8px; margin-bottom:8px; display:block}
.ft_cont{ width:322px; padding:0 20px 0 40px}
.ftc_top{ height:30px; font:14px/22px "微软雅黑"; color:#C9E964; margin-bottom:15px}
.ftc_top span{ display:block}
.ftct_sa{ padding-top:8px}
.ftc_bot{ color:#ccc}
.ftcb_a{ width:130px; padding-top:4px}
.ftcb_a h1{ display:block}
.ftcba_img{ margin-bottom:4px}
.ftcba_txt{ width:105px; line-height:22px; text-align:center}
.ftcb_b{ padding-left:10px}
.ftcb_b h1{ line-height:22px}
.ft_right{ width:255px; padding-top:6px}
.f_bot{ width:940px; height:50px; margin:0 auto; padding-bottom:8px; line-height:50px; color:#011957}
.f_bot span{ display:block}

.fl_footer{ width:552px; margin:0 auto}
.fl_footer p{ text-align:center; line-height:26px; color:#FFF}
@charset "utf-8";
/*登录界面 css style*/
.dl_body{ background:url(../images/dl_box.jpg) no-repeat center top; padding-top:150px}
.dl_main{ width:552px; height:293px; margin:0 auto 36px}
.dl_logo{ height:72px; padding:18px 0 0 72px;}
.dl_title{ width:240px; font:18px/24px "黑体"; color:#FFF; padding:28px 1px 0 9px; display:block}
.dl_con{ padding:15px 0 0 70px}
.dl_con span{ display:block}
.dl_als{ font:14px "黑体"; color:#0c57b2}
.dlta_bg{ width:174px; height:20px; background:url(../images/dlta_bg.jpg) no-repeat}
.dltb_bg{ width:174px; height:20px; background:url(../images/dltb_bg.jpg) no-repeat}
.dltb_bgyzm{ width:110px; height:20px; background:url(../images/dltb_yzm.jpg) no-repeat}
.dl_text{ width:150px; height:20px; font:12px/20px "宋体"; margin-left:22px; border:none; background:none}
.dl_but{ height:30px; padding:0px 0 0 85px}
.dlbut_a{ padding:0 3px 0 10px; position:relative; top:8px; *top:4px; _top:3px}
.dlbut_b{ line-height:30px}
.dl-hide-xs {
    display: block !important;
}
.mobile-show {
    display: none !important;
}

/*新登录页样式*/
html,body{
    height: 100%;
    background: #efefef;
    box-sizing: border-box;
    padding-top: 4%;
}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.login-page {
    width: 74%;
    margin: 0 auto 0;
    background: #fff;
    min-width: 800px;
}
.left-logo {
    float: left;
    width: 56%;
    text-align: center;
    background-image: radial-gradient(circle at 50% 40%, #262553, #171925);
    position: relative;
    padding: 12% 0 18%;
}
.right-cont{
    float: right;
    width: 44%;
    padding: 14% 0 9%;
}
.logoImg {
    display: block;
    width: 274px;
    height: 274px;
    background: url(./images/login-logo.png) no-repeat center;
    background-size: 274px;
    margin: 0 auto;
}
.left-logo h1 {
    opacity: 0.8;
    font-size: 56px;
    color: #FFFFFF;
    letter-spacing: 1.1px;
    margin: -30px auto 20px;
}
.login-title {
    opacity: 0.8;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0.54px;
}
.bottom-img {
    position: absolute;
    width: 100%;
    height: 132px;
    background: url(./images/bottom-img.png) no-repeat left center;
    background-size:  auto 132px;
    bottom: 0;
    left: 0;
}
.right-main {
    width: 65%;
    margin: 0 auto;
}
.right-main h1 {
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.74px;
}
.mr-bottom {
    margin-bottom: 30px;
}
.textInp {
    width: 100%;
    /*height: 56px;
    line-height: 56px;*/
    border: 1px solid #E7E7E7;
    font-size: 18px;
    padding: 19px 0 19px 24px;
    box-sizing: border-box;
}
.textInp::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.db-box {
    position: relative;
    width: 100%;
}
.verifyCodeImg {
    position: absolute;
    right: 4px;
    top: 12px;
    width: 76px;
    height: 32px;
    cursor: pointer;
}
.verifyCodeImg img {
    width: 100%;
    height: 100%;
}
.verifyCodeImg i {
    position: absolute;
    background: #fff;
    z-index: 10;
}
.codeBorder {
    position: absolute;
    width: 100px;
    height: 37px;
    border: 4px solid #fff;
    right: 10px;
    top: 16px;
    z-index: 10;
}
.com-wh {
    width: 4px;
    height: 100%;
}
.com-tb {
    width: 100%;
    height: 4px;
}
.left_br {
    left: 0;
}
.right_br {
    right: 0;
}
.top_br {
    top: 0;
}
.bottom_br {
    bottom: 0;
}
.loginBtn {
    width: 65%;
    height: 56px;
    background-image: linear-gradient(-180deg, #FF4234 0%, #D11F30 76%);
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.39px;
    line-height: 56px;
    margin: 52px auto 0;
    cursor: pointer;
}
.login-tip {
    font-size: 20px;
    color: #999;
    line-height: 30px;
    letter-spacing: 0.33px;
}
.verifyCodeBox {
    width: 100%;
    position: relative;
}
.getVerifyCode {
    width: 33%;
    /*height: 56px;*/
    text-align: center;
    /*line-height: 56px;*/
    border: 1px solid #FF2715;
    font-size: 16px;
    color: #FF2715;
    letter-spacing: 0.39px;
    background: #fff;
    min-width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 19px 0;
}
.defaultNoShow .textInp {
    width: 66%;
}
.animate {
    animation:actDia-scale 4s infinite;
    -webkit-animation: actDia-scale 4s infinite; /* Safari 和 Chrome */
}
@keyframes actDia-scale {
    0% {
        opacity: 0.7;
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
        opacity: 1; 
    }
    100% {
        transform: scale(0.97);
        opacity: 0.7;
    }
}
/*自适应*/

@media screen and (max-width:414px) {
    .dl_body {
        background: #fff !important;
        padding-top: 80px !important;
    }
    .dl-hide-xs {
        display: none !important;
    }
    .mobile-show {
        display: block !important;
    }
    #LAY_app,
    body,
    html {
        height: 100%
    }

    .layui-layout-body {
        overflow: auto
    }

    #LAY-user-login,
    .layadmin-user-display-show {
        display: block !important
    }

    .layadmin-user-login {
        position: relative;
        left: 0;
        top: 0;
        padding: 110px 0;
        min-height: 100%;
        box-sizing: border-box
    }

    .layadmin-user-login-main {
        width: 375px;
        margin: 0 auto;
        box-sizing: border-box
    }

    .layadmin-user-login-box {
        padding: 20px
    }

    .layadmin-user-login-header {
        text-align: center
    }

    .layadmin-user-login-header h2 {
        margin-bottom: 10px;
        font-weight: 300;
        font-size: 30px;
        color: #000
    }

    .layadmin-user-login-header p {
        font-weight: 300;
        color: #999
    }

    .layadmin-user-login-body .layui-form-item {
        position: relative
    }

    .layadmin-user-login-icon {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 38px;
        line-height: 36px;
        text-align: center;
        color: #d2d2d2
    }

    .layadmin-user-login-body .layui-form-item .layui-input {
        padding-left: 38px
    }

    .layadmin-user-login-codeimg {
        max-height: 38px;
        /*width: 100%;*/
        cursor: pointer;
        box-sizing: border-box
    }

    .layadmin-user-login-other {
        position: relative;
        font-size: 0;
        line-height: 38px;
        padding-top: 20px
    }

    .layadmin-user-login-other>* {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        font-size: 14px
    }

    .layadmin-user-login-other .layui-icon {
        position: relative;
        top: 2px;
        font-size: 26px
    }

    .layadmin-user-login-other a:hover {
        opacity: .8
    }

    .layadmin-user-jump-change {
        float: right
    }

    .layadmin-user-login-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        line-height: 30px;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
        color: rgba(0, 0, 0, .5)
    }

    .layadmin-user-login-footer span {
        padding: 0 5px
    }

    .layadmin-user-login-footer a {
        padding: 0 5px;
        color: rgba(0, 0, 0, .5)
    }

    .layadmin-user-login-footer a:hover {
        color: rgba(0, 0, 0, 1)
    }

    .layadmin-user-login-main[bgimg] {
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .05)
    }

    .ladmin-user-login-theme {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center
    }

    .ladmin-user-login-theme ul {
        display: inline-block;
        padding: 5px;
        background-color: #fff
    }

    .ladmin-user-login-theme ul li {
        display: inline-block;
        vertical-align: top;
        width: 64px;
        height: 43px;
        cursor: pointer;
        transition: all .3s;
        -webkit-transition: all .3s;
        background-color: #f2f2f2
    }

    .ladmin-user-login-theme ul li:hover {
        opacity: .9
    }
    .layadmin-user-login {
        padding-top: 60px
    }
    .layadmin-user-login-main {
        width: 300px
    }
    .layadmin-user-login-box {
        padding: 10px
    }
}
@media screen and (max-width:1500px) {
    html,body{
        padding-top: 2.5%;
    }
    .left-logo {
        padding: 8% 0 18%;
    }
    .right-cont{
        padding: 10% 0 7%;
    }
}