@charset "utf-8";
/*
   Author:Seamless
   QQ:105811404
*/

/* Style
----------------------------------------------------------------------------------- */
.bgDot{background: url(../images/login/dot.png) repeat center center;width: 100%;height: 100%;z-index: -1;}
.bgDot{position: absolute;top: 0;left: 0;}

.loginBox{min-height: 168px; position: fixed; top: 50%; left:50%; margin-top: -84px; padding: 10px;}
.loginBox .weui-cells{margin-top: 0;}

.weui-cells{background: rgba(255,255,255,0.8);}
.weui-btn_primary{/*background-color: #000; */cursor: pointer;}
.weui-label{/*color: #555;*/margin-bottom: 0px;}

.vcode{height: 56px; position: relative;}
.vcode .vcode-img{height: 40px; position: absolute; right: 10px; top: 50%; margin-top: -20px; cursor: pointer;}

/* media
----------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
	.loginBox{max-width: 90%; margin-left: -45%;}

	.weui-label {width: 85px;}
	.vcode .vcode-img{height: 30px; margin-top: -15px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.loginBox{max-width: 90%; margin-left: -45%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.loginBox{max-width: 90%; margin-left: -45%;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.loginBox{max-width: 90%; margin-left: -45%;}
}

@media (min-width: 1200px) {
	.loginBox{max-width: 500px; margin-left: -250px;}
}