@charset "utf-8";

*{margin: 0;padding: 0;}
.fix { zoom: 1 }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.wrap{width: 1200px;margin: 0 auto;}


.qcz-login{background: url(../images/dlimg.png) no-repeat center;}
.qcz-header{padding: 48px 0 0;}
.qcz-back{font-size: 18px;color: #fff;line-height: 61px;}
.loginbox{width: 520px;position: relative;margin: 8% auto 0;}
.login-switch{position: absolute;top: 15px;right: 15px;}
.login-switch i{display: none;width: 40px;height: 40px;cursor: pointer;}
.quick{background: url(../images/code.png) no-repeat center;}
.static{background: url(../images/pclogin.png) no-repeat center;}
.login-switch i.active{display: block;}

.codeline{height: 74px;border-bottom: 1px solid #DFDFDF;}
.login-quick p{font-size: 18px;color: #222;text-align: center;margin: 30px 0 0;}
.code{width: 200px;height: 200px;margin: 25px auto;}
.code img{display: block;width: 200px;height: 200px;}
.other{text-align: center;font-size: 14px;color: #999;}
.other a{color: #999;margin: 0 10px;}
.other a:hover{color: #386eef;}

.qcz-loginc{width: 422px;background: #fff;border-radius: 5px;padding: 0 49px;}
.login-quick,.login-static{height: 427px;}
.login-quick{display: none;}
.qcz-logina{padding: 10px 0 0 0px;text-align: center;}
.qcz-logina a{display: inline-block;font-size: 18px;color: #555;margin: 0 20px;padding: 20px 0;position: relative;}
.qcz-logina a.active{color: #386eef;}
.qcz-logina a.active:after{content: '';display: block;height: 2px;background: #f03;position: absolute;bottom: 0;left: 0;right: 0;}
.qcz-logincc{display: none;}
.qcz-form{width: 422px;margin: 20px auto 0;}
.qcz-ipt{width: 401px;height: 42px;border: 1px solid #ddd;padding: 0 10px;line-height: 42px;font-size: 16px;color: #555;}
.qcz-ipt_yzm{width: 261px;height: 42px;border: 1px solid #ddd;padding: 0 10px;line-height: 42px;font-size: 16px;color: #555;}
.yzm{width: 130px;height: 44px;}
.hqyzm{background: #0096FF;border-radius: 3px;width: 130px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;color: #fff;float: right;}
.hqyzm.active{background: #e9e9e9;color: #999;cursor: no-drop;}
.qcz-btn{display: block;background: #386eef;border-radius: 3px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;}
.qcz-auto{font-size: 16px;color: #999;}
.qcz-auto i{display: inline-block;background: url(../images/selico.png) 0 0 no-repeat;width: 15px;height: 15px;margin-right: 6px;vertical-align: middle;}
.qcz-auto.active i{background-position: 0 -15px;}
.qcz-link a{font-size: 16px;color: #386eef;margin-left: 20px;}

.qcz-register{padding-bottom: 25px;margin: 8% auto 0;}
.qcz-zc{text-align: center;}
.qcz-zc p.p1{font-size: 16px;color: #555;margin: 13px 0 35px;}
.qcz-zc p a{color: #386eef;}
.qcz-zc p.p2{font-size: 16px;color: #bbb;}

.qcz-forget{padding-bottom: 0;margin: 8% auto 0;height: 427px;}
.qcz-forget .qcz-logincc{display: block;}
.qcz-logina span{display: block;font-size: 18px;color: #555;padding: 20px 0;}
.qcz-forget .qzc-step2{display: none;}



.rzlogins{background: #fff;border-radius: 10px;width: 320px;padding: 0 40px;height: 420px;position: absolute;top: 98px;right: 50%;margin-right: -600px;z-index: 2;}
.rzlogina{margin: 40px 0 30px;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
.rzlogina a{font-size: 16px;color: #b2b2b2;margin-right: 30px;}
.rzlogina a.active{color: #555;border-bottom: 3px solid #4c9cfe;padding-bottom: 18px;}
.dlipt{width: 298px;height: 42px;line-height: 42px;border: 1px solid #dfdfdf;border-radius: 5px;padding: 0 10px;}
.drag{width: 320px;height: 40px;line-height: 40px;background-color: #eee;position: relative;margin:20px auto;}
.bg{width:40px;height: 100%;position: absolute;background-color: #7ac23c;z-index: 2;text-align: center;color: #fff;}
.text{position: absolute;width: 100%;height: 100%;text-align: center;user-select: none;z-index: 1;}
.dlpass{margin: 25px 0 0;}

.imgupload .uploadbox{
	max-height: 150px
}
.imgupload .uploadbox .left_top{
    width:58%;
    height:100%;
    opacity: 0;
    z-index:5
}
.imgupload .uploadbox img{
    width:58%;
}
.imgupload .uploadbox a{
    width:58%;
    text-align: center
}