/*
* login
*/
body {
    font: 13px "Microsoft YaHei", Arial, Helvetica, sans-serif;
    background: url(../image/bg.jpg) no-repeat top center;
    background-size: cover;
    color: #000;
    background-attachment: fixed;
}

.dogo_logo{ display:block; position:absolute; left:20px; top:20px; width:180px; height:40px; background: url('../image/mini_logo.png') no-repeat center;}
.midgroup{ margin: 40px auto;width: 420px;}

.midgroup .logingroup{ padding:40px; overflow:hidden;}
.midgroup .logingroup footer{margin-top:10px; padding-top:10px; border-top:1px dotted #ddd; color:#999; font-size:12px; overflow:hidden;}
.midgroup .logingroup section{ margin-bottom:15px; position:relative; border:1px solid #ddd; background:#fff; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; color:#333;}
.midgroup .logingroup section .input_block{ display:block; outline: none;width:100%; line-height:20px; padding:10px 15px; background:none; border:0;}
.midgroup .logingroup section.qrcode{ padding-right:100px;}
.midgroup .logingroup section.qrcode:after{ content:''; display:block; height:40px; width:1px; background:#ddd; position:absolute; right:100px; top:0;}
.midgroup .logingroup section.qrcode .qrcode{ cursor: pointer; display:block; width:80px; height:25px; border:0; position:absolute; top:8px; right:10px; overflow:hidden;}

.sendMail{ display:block; position: absolute; width: 100px; height: 40px; top: 0; right: 0; line-height: 40px; text-align: center; cursor: pointer; }
.sendMail>span{ cursor: pointer; }

.loginbtn{ display:block; width:100%; height:40px;outline: none; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #74a08b;border:none; color: #fff; font-size: 14px; text-align: center; line-height: 40px; box-shadow: 0 12px 30px 0 rgba(34,84,244,.2); }




.footerInfo{width: 100%; text-align: center; line-height: 24px; color: #666; font-size: 12px; position: fixed; left: 0; bottom: 20px; overflow: hidden; padding-top: 10px; }
.footerInfo a{ color:#666;}
@media screen and (max-width: 640px){
    body{ min-width:320px;}
    .midgroup { width: 100%; }
}

@media screen and (max-width: 360px){
    .midgroup { margin-top:20%; }
    .midgroup .logingroup { padding: 20px; }
}