#loginLayout{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:none;overflow:hidden}#loginLayout.active{display:block}#loginLayout .contentBox{position:relative;width:760px;height:500px;background:#eee;margin:20px auto;transition:400ms;transform:translateY(-1000px)}#loginLayout .contentBox.active{transform:translateY(0)}#loginLayout .contentBox h4{height:38px;line-height:38px;width:100%;padding:0;margin:0;border-bottom:1px solid #ccc;background:#ddd}#loginLayout .contentBox .tabBox{text-align:center}#loginLayout .contentBox .tabBox >a,#loginLayout .contentBox .tabBox >span{display:inline-block;height:40px;line-height:40px;font-size:16px;text-align:center;color:#222;cursor:pointer;text-decoration:none;margin-left:20px}#loginLayout .contentBox .tabBox >a.active,#loginLayout .contentBox .tabBox >span.active,#loginLayout .contentBox .tabBox >a:hover,#loginLayout .contentBox .tabBox >span:hover{color:#0aca96}#loginLayout .contentBox .bodyBox{width:100%;height:100%;overflow:hidden;padding:30px;overflow:hidden}#loginLayout .contentBox .bodyBox .formBox{width:200%;margin-top:20px;transition:300ms;transform:translateX(0)}#loginLayout .contentBox .bodyBox .formBox .loginBox,#loginLayout .contentBox .bodyBox .formBox .registerBox{width:50%;float:left}#loginLayout .contentBox .bodyBox .formBox .loginBox .info,#loginLayout .contentBox .bodyBox .formBox .registerBox .info{margin-left:90px}#loginLayout .contentBox .bodyBox .formBox.active{transform:translateX(-50%)}#loginLayout .contentBox .bodyBox .formBox .codeImg{margin-left:50px}#loginLayout .contentBox .closeBox{position:absolute;width:20px;height:20px;right:5px;top:5px;cursor:pointer}#loginLayout .contentBox .closeBox:hover{color:#ea4b51}