@charset "utf-8";
body {
    width:100%;	height:auto; background:#fff; text-align:center;
    font:12px microsoft yahei,tahoma, helvetica, arial, sans-serif;
	margin:0px auto; padding:0;	color:#333;	
}
div{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.head{float:left; width:1024px; height:auto; padding:20px 0px; margin-left:calc(50% - 512px); }
.head img{float:left; width:auto; height:30px;}
.head span{float:left; width:auto; height:30px; line-height:30px; margin-left:30px; color:#333; font-size:16px;}

.contentbar{float:left; width:100%; padding-right:calc(50% - 512px); height:580px; background-image:url(../images/login.png); background-repeat: no-repeat; background-size: 100% 100%; background-color:#0e1117;}
.content{float:right; width:320px; height:auto; margin-top:100px; background-color:#fff; border:0px; border-radius:10px;}
.dialog_table{float:left; width:100%; height:auto; padding:0px 0px 25px;}

.dialog_title{float:left; width:100%; height:auto; text-align:center; color:#333; border-bottom:solid 1px #ddd; font-size:18px; color:#666}
.dialog_title div{float:left; width:50%; text-align:center; cursor:pointer; padding:30px 0px; }
.dialog_title div.selected{color:#37a6f4; border-bottom:solid 3px #37a6f4; cursor:default; padding:30px 0px;}

.dialog_qrcode{float:left; width:100%; height:235px; color:#333;}
#dialog_qrcode{float:left; width:200px; margin-left:calc(50% - 100px); height:200px; line-height:200px; margin-top:17px; color:#369;}
.dialog_qrcode div{float:left; width:100%; height:auto; margin-top:10px; text-align:center; color:#999}

.dialog_body{display:none; float:left; width:100%; height:auto; color:#333;}
.dialog_message{float:left; width:100%; height:35px; color:#b33;}
.dialog_message div{display:none; float:left; width:100%; height:35px; line-height:35px; font-size:16px; background-color:#faffbd;}

.dialog_row{float:left; width:90%; margin-left:5%; height:50px; margin-bottom:25px; padding:0px 0px; color:#333; border:1px solid #ccc; border-radius:5px; cursor:text}
.dialog_row:hover{border:1px solid #336}
.dialog_body input[type=text]{float:left; width:calc(100% - 20px); height:47px; padding:0px 10px; font-size:16px; border:0px; outline:none; border-radius:5px; }
.dialog_body input[type=password]{float:left; width:calc(100% - 120px); height:47px; padding:0px 10px; font-size:16px; border:0px; outline:none; border-radius:5px; }

.dialog_row div.button{float:right; width:70px; height:26px; line-height:26px; margin-top:12px; margin-right:10px; background-color:#37a6f4; color:#fff; cursor:pointer; text-align:center;}
.dialog_row div.button:hover{background-color:#336;}
.dialog_body button{float:left; width:90%; margin-left:5%; height:50px; line-height:50px; margin-bottom:0px; font-size:16px; border-radius:5px; outline:none; background-color:#37a6f4; color:#fff; border:0px; cursor:pointer}
.dialog_body button:hover{background-color:#336;}

.foot{float:left; width:1024px; height:auto; padding:20px 0px 5px; margin-left:calc(50% - 512px); text-align:center; color:#aaa}
.linker{float:left; width:100px; height:auto; padding:0px 0px; margin-left:calc(50% - 50px); text-align:center; color:#369; cursor:pointer;}
.linker:hover{color:#b33}