html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, th, td {margin:0; padding:0;}
ol, ul, li {list-style:none;}
img{border:0 none;}
body{background: transparent url(../images/loginBg.jpg) no-repeat center center;background-size: 200% 100%;background-attachment: fixed;}
.loginPage{height:100%;width:100%; position:fixed;left:0;top:0;text-align:center;background:rgba(0,0,0,0.2);z-index:1;display: none;justify-content:space-between;flex-direction:row; align-items: center;}
.loginPage.login.show{display:flex}
.loginBox{display:inline-block;vertical-align:middle; width:80%;padding:50px 20px 30px 20px;margin:0 auto; z-index:2; text-align: left;background:#ffffff;}
.loginTxt{text-align: center;font-weight:bold;font-size: 24px;}
.loginType{clear:both;width:100%;text-align: center;margin:10px auto 0;}
.loginType li{float:left; width:50%;text-align:center; display: inline-block;margin-top: 20px;}
.loginType li img{cursor:pointer;}
.loginGuide{font-size: 10px;margin-top: 10px;display: inline-block;}
.loginGuide span{color: red;font-weight: bold;}

.loginPage.phone{background:none}
.loginPage.phone.show{display:flex}
.loginBox.phone{padding: 30px 20px 30px 20px}
.loginBox.phone .icon_close{display:block;width:30px;margin:-15px auto;padding-left: 94%;}
.loginTxt.phone{padding-bottom: 10px;}
.loginType.phone ul{padding: 0px 20px 0 20px;}
.loginType.phone li{font-size:18px;float:left; width:100%;text-align:left; display: inline-block;margin-top: 20px;}
.loginType.phone input{border: 1px solid #B9B9B9;opacity: 1;width: 98%;height: 40px;font-size: 18px;}
.loginType.phone button{background: #22BA4F 0% 0% no-repeat padding-box;box-shadow: inset -1.5px -1.5px 1px #00000029;border-radius: 5px;border-color: white;border-width: 0px;opacity: 1;width:100%;height:50px}
.loginType.phone span{font-size:20px;text-align: center;letter-spacing: 0px;color: #FFFFFF;opacity: 1;}

.loginPage.confirm.show{display:flex}
.loginBox.confirm{width:73%;padding: 0px 20px 20px 20px}
/*.loginType.confirm ul{padding: 0px 20px 0 20px;}*/
.loginType.confirm li{float:left; width:100%;text-align:left; display: inline-block;margin-top: 20px;}
.loginType.confirm button{background: #22BA4F 0% 0% no-repeat padding-box;box-shadow: inset -1.5px -1.5px 1px #00000029;border-radius: 5px;border-color: white;border-width: 0px;opacity: 1;width:100%;height:50px}
.loginType.confirm span{font-size:20px;text-align: center;letter-spacing: 0px;color: #FFFFFF;opacity: 1;}

.loginPage.message.show{display:flex}
.loginBox.message{width:73%;padding: 0px 20px 20px 20px}
.loginType.message ul{padding: 0px 15px 0 15px;}
.loginType.message li{float:left; width:100%;text-align:left; display: inline-block;margin-top: 20px;}
.loginType.message button{background: #22BA4F 0% 0% no-repeat padding-box;box-shadow: inset -1.5px -1.5px 1px #00000029;border-radius: 5px;border-color: white;border-width: 0px;opacity: 1;width:100%;height:50px}
.loginType.message span{font-size:20px;text-align: center;letter-spacing: 0px;color: #FFFFFF;opacity: 1;}

.mask {position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;filter:alpha(opacity:70);opacity:0.7;z-index:100;display:none;}