/*
** Name: dgy.login.css
** Date: 2020/04/29.
** Anthor: tonney.
** Version: 2.0.1.
** Last: 2020/04/29 tonney.
*/

/*
* login
*/
body{ height:100%;}

.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; border-top: 1px solid #eee;}
.footerInfo a{ color:#2254f4;}

.dogo_logo{ display:block; position:absolute; left:20px; top:20px; width:50px; height:30px; background: url('../images/dgy-logo.png') no-repeat center; background-size:50px;}

.dogo_loginwp { position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background:#fff url('../images/login-bg.png') no-repeat; background-size:cover;}

.dogo_loginwp .banner{ background: url('https://www.duoguyu.com/dist/images/common/640-banner.gif') no-repeat; background-size:cover; width:100%; height:200px;}

.dogo_loginwp .topgroup { height: 60px; /*border-bottom: 1px solid #eee; background: #fff;*/ overflow: hidden; }
.dogo_loginwp .topgroup .navwrap { width: 1100px; height: 60px; margin: 0 auto; overflow: hidden; }
.dogo_loginwp .topgroup .navwrap .logo { float: left; height: 50px; width: 100px; background:url(../images/logo.png) no-repeat center; background-size: 32px; display: block; overflow: hidden; line-height: 50px; color: #333; font-size: 14px; margin-top:5px; }
.dogo_loginwp .topgroup .navwrap .rtwrap { float: right; display: inline-block; text-align: right; height: 14px; line-height: 14px; color: #333; font-size: 12px; overflow: hidden; margin-top: 20px; }
.dogo_loginwp .topgroup .navwrap .rtwrap span { padding: 0 10px; border-left: 1px solid #aaa; }
.dogo_loginwp .topgroup .navwrap .rtwrap span.bl0 { border-left: 0; }
.dogo_loginwp .topgroup .navwrap .rtwrap a { color: #333; }

.dogo_loginwp { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #fff url(../images/login-bg.png) no-repeat; background-size: cover; }
.dogo_loginwp .midgroup { width: 420px; margin: 10% auto 120px; position:relative;}

.dogo_loginwp .midgroup .logingroup{ padding:40px; overflow:hidden;}
.dogo_loginwp .midgroup .logingroup header{padding-bottom:30px; text-align:center; color:#999; font-size:12px; overflow:hidden;}
.dogo_loginwp .midgroup .logingroup footer{margin-top:10px; padding-top:10px; border-top:1px dotted #ddd; color:#999; font-size:12px; overflow:hidden;}
.dogo_loginwp .midgroup .logingroup footer .cf_green{color:#04ac71;}
.dogo_loginwp .midgroup .logingroup footer .cf_blue{color:#0ad;}
.dogo_loginwp .midgroup .logingroup footer .cf_999{color:#999;}
.dogo_loginwp .midgroup .logingroup h2{ width:80px; height:80px; /*background:url(../images/default-user-avatar.png) no-repeat;*/ background:url(../images/logo_100.png) no-repeat; background-size:80px 80px; overflow:hidden; margin:5px auto; text-indent: -999em; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius:50%;}
.dogo_loginwp .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;}
.dogo_loginwp .midgroup .logingroup section .input_block{ display:block; width:100%; height:40px; line-height:20px; padding:10px 15px; background:none; border:0;}
.dogo_loginwp .midgroup .logingroup section.qrcode{ padding-right:100px;}
.dogo_loginwp .midgroup .logingroup section.qrcode:after{ content:''; display:block; height:40px; width:1px; background:#ddd; position:absolute; right:100px; top:0;}
.dogo_loginwp .midgroup .logingroup section.qrcode .qrcode{ cursor: pointer; display:block; width:80px; height:25px; border:0; position:absolute; top:8px; right:10px; overflow:hidden;}

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

.dogo_loginwp .loginbtn{ display:block; width:100%; height:40px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #2254f4; color: #fff; font-size: 14px; text-align: center; line-height: 40px; background: linear-gradient(270deg,#2254f4,#406dff); box-shadow: 0 12px 30px 0 rgba(34,84,244,.2); }
.dogo_loginwp .midgroup.retrieve { width: 460px; padding: 50px 30px 20px; height: auto; margin: 120px auto 180px; }
.dogo_loginwp .midgroup.retrieve .reg_wp .loginbox { margin: 30px auto; }
.dogo_loginwp .midgroup.retrieve .reg_wp .regbtn { margin: 10px auto; }
.dogo_loginwp .midgroup.retrieve .reg_wp .copyright { width: 320px; margin: 20px auto 0; }
.dogo_loginwp .btmgroup { padding: 25px 0; /*border-top: 1px solid #eee; background: #fff;*/ overflow: hidden; }
.dogo_loginwp .btmgroup .btmwrap { width: 1100px; margin: 0 auto; ; text-align: center; overflow: hidden; }
.dogo_loginwp .btmgroup .lfwrap { width: 700px; float: left; overflow: hidden; }
.dogo_loginwp .btmgroup .rtwrap { width: 350px; text-align: right; float: right; overflow: hidden; }
.dogo_loginwp .btmgroup .btmwrap p { line-height: 20px; margin-bottom: 10px; font-size: 12px; color: #666; }
.dogo_loginwp .btmgroup .btmwrap b { font-size: 18px; line-height: 24px; color: #333; }


.dogo_loginwp.link .midgroup{ height:650px; margin: 40px auto;}
.dogo_loginwp.link .midgroup .loginwrap { margin-top:-260px;}

.dogo_loginwp.link .midgroup .logingroup header{padding-bottom:10px;}
.dogo_loginwp h4{ font-size:16px; color:#333; line-height:30px;}

@media screen and (max-width: 640px){
    body{ min-width:320px;}
    .dogo_loginwp .midgroup { width: 100%; }
}

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