/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-position:left top; }



 #user_style_04_1645177974106{width:75%;position:absolute;left:12.5%;top:34.5px;}   @media screen and (min-width:641px) and (max-width:1200px) {#user_style_04_1645177974106{left:0%;width:100%;}}   @media screen and (max-width:640px) {#user_style_04_1645177974106{width:100%;top:0px;left:0%;}}  #user_style_04_1645177974106 .btnz1Set {border-width:0px;border-style:none;border-color:#1b89f7;}
 #div_a_includeBlock_1645177946542{width:66.66666666666666%;height:342px;box-sizing:border-box;position:absolute;top:153px;left:16.66666666666667%;}   @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1645177946542{box-sizing:border-box;}}   @media screen and (max-width:640px) {#div_a_includeBlock_1645177946542{width:100%;height:300px;box-sizing:border-box;top:0px;left:0%;}}  #layout_1645177946534{height:495px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1645177946534{}}   @media screen and (max-width:640px) {#layout_1645177946534{}} #layout_1645177946534 > .view_contents{overflow:visible;max-width:1200px;} 
.UserLoginStyle_4{position: relative;overflow: hidden;min-width: 450px;padding: 10px;background:transparent;}
.UserLoginStyle_4 .UserLoginbd{width: 60%;float: left;}
.UserLoginStyle_4 .UserLoginbd .UserLoginTilte{width: 100%;overflow: hidden;}
.UserLoginStyle_4 .UserLoginbd .UserLoginTilte span{line-height: 40px;color: #34495e;}
.UserLoginStyle_4 .UserLoginbd .UserLoginTilte span:first-of-type{float: left;font-size:18px;}
.UserLoginStyle_4 .UserLoginbd .UserLoginTilte span:last-of-type{float: right;font-size: 14px;}
.UserLoginStyle_4 .UserLoginbd .UserLoginTilte span:last-of-type a{color:#3498db;text-decoration: none;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm{clear: both;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .LoginForm{border: 0;border-bottom:#e9ecee 1px solid;line-height: 40px;margin-bottom: 20px;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .LoginForm input{width:80%;border: 0;outline: none;font-size: 16px;color: inherit;background: transparent;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .userName{color: #5d6d7e;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm i{margin-right: 10px; font-size: 18px; color: #ddd;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .submit{border: 0;text-align: center;border-radius: 3px;cursor: pointer; font-size: 14px;width: 100%; color: #fff;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .submit button{border: 0;line-height: 50px;color: inherit;font-size: inherit; width: 100%;background:#22a4ff;border-radius: 3px;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .login-links{width: 100%;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .login-links a{float: right;color:#3498db;font-size: 14px;text-decoration: none;}
.UserLoginStyle_4 .UserLoginbd .UserLoginForm .login-links span{float: left;color: #b8c4ce;font-size: 14px;width: 60%;}
.UserLoginStyle_4 .btnz1Set{cursor:pointer;}
/*第三方账号登录*/
.UserLoginStyle_4 .other-login{width:29%;float: right;}
.UserLoginStyle_4 .other-login .otherLoginTilte{line-height: 40px;color: #34495e;font-size:18px;}
.UserLoginStyle_4 .other-login button{cursor:pointer;border-radius:3px;color:#fff;display: block;margin-top: 25px;line-height: 40px;width: 95%;border: 0;background: transparent;}
.UserLoginStyle_4 .other-login button:first-of-type{background: #22a4ff;}
.UserLoginStyle_4 .other-login button:last-of-type{background: #ff424f;}
.UserLoginStyle_4 .other-login i{margin-right: 10px;}

/*手机端*/
@media screen and (max-width: 481px) {
    .UserLoginStyle_4{min-width: auto;padding: 10px;}
    .UserLoginStyle_4 .UserLoginbd{width: 100%;float: none;overflow: hidden;position: relative;}
    .UserLoginStyle_4 .UserLoginbd .UserLoginTilte span:last-of-type{position: absolute;left: 0;bottom: -11px;}
    .UserLoginStyle_4 .UserLoginbd .UserLoginForm .login-links span{display: none;}
    .UserLoginStyle_4 .other-login{width: 100%;float: none;margin-top:0;}
    .UserLoginStyle_4 .other-login button{display: inline;width: 45%;margin-top: 15px;}
    .UserLoginStyle_4 .other-login .otherLoginTilte{display: none;}
    .UserLoginStyle_4 .other-login button:first-of-type{margin-right:8%;}
}

				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;}

				.bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;}
				.bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuItem.iconTxt{top:5%;}
				.bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
				.bottomMenu ul li .menuItem.icon{top: 20%;}
				.bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;}
				.bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: scale-down;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; }
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					
					body{padding-bottom:55px!important;}
				}