@charset "utf-8";
/* CSS Document */
* { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
body, html { height:100%; overflow:hidden; }
a { color:#27A9E3; text-decoration:none; cursor:pointer; }
img{ border:none;}

.app{width: 100%; height: 100%;}
.bjbox{width: 100%; height: 100%;box-sizing: border-box; background-image: url(../img/dl_bj.jpg); background-size: cover; position: relative; background-position: 50%;}
.header{ height: 55px; width: 100%;}
.main{ width: 360px; min-width: 260px; margin: 0 auto;    background: #fff;padding: 15px;border-radius: 4px;position: absolute;
top: 50%;transform: translateY(-60%);right: 150px;}
.m_title{ width:100%; text-align: center; color: #333;font-weight: 700; font-size: 20px; margin-bottom: 30px; margin-top: 20px;}
.m_box{ width: 100%;    flex-shrink: 0;
    width: 100%;
    transition: opacity .45s;
    opacity: 1;
}
.iput_d{ width:100%; margin: 0 auto;position: relative; margin-bottom: 15px;}
.icon_font{ color: #BFBFBF; position: absolute; top: 50%;transform: translateY(-50%); left: 10px; font-size: 18px;}
.login_input{ color: rgba(0,0,0,.65);font-size: 13px; width: 100%; height: 40px; border: 1px solid #DBDBDB;border-radius: 4px;
padding: 2px 5px 2px 30px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}     
.login_input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #BFBFBF;
}
.login_input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #BFBFBF;
}
.login_input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #BFBFBF;
}
.login_input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #BFBFBF;
}

.login_input:hover{
border-color: #40a9ff;
border-right-width: 1px!important;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
 .login_input:focus{border-color: #40a9ff;outline: 0;border: 1px solid #40a9ff;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.left{ float: left;}
.yzm_box{ width: 38%; height: 40px; float: left; margin-left: 2%; margin-top: 1px;}
.img{ width: 100%;}
.button_box{ margin-bottom: 20px; margin-top: 35px;}
.button{ width: 100%; height: 40px; line-height: 40px; background: #1890ff; border: none;text-shadow: 0 -1px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 0 rgba(0,0,0,.045); color: #fff;border-radius: 4px;    font-weight: 400; font-size: 16px;    cursor: pointer;}
.zd_box{ width: 100%; text-align: left;}
.footer{ width: 100%; text-align: center; color: #DADEE6;position: absolute;width: 100%;bottom: 0;padding: 0 16px;margin: 48px 0 24px;}