/**

 单页面样式
 包含：登录、绑定、错误页
 
 */

 /* 错误页 */
.shuipf-massage{text-align: center;position: absolute;width:80%;max-width:420px;left:50%;top:40%;transform: translate(-50%, -50%);}
.shuipf-massage .layui-icon{font-size: 120px;color: #393D49;}
.shuipf-massage .layui-text{border-top: 2px solid #009688;margin:20px 0;padding:10px 0;font-size: 20px;line-height: 1.5;color: #333}
.shuipf-massage .layui-word-aux{font-size: 14px;margin-top: 8px;}
    
    


/* 登录绑定页面 */
body{overflow:hidden;}
/* 背景视频 */
.bottom_player{background-color: transparent;display: block;position: absolute;z-index: 1;top:50%;left: 50%;transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bottom_player_mask{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,0.2);}
/* 移动端背景 */
.bottom_wap_bg{background-image: url(res/m_login_bg.png);position: absolute;z-index: 1;top:0;left:0;width:100%;height: 100%;background-size: 100% 100%;background-position: center;}
/* 登录框 */
.login_wrap{background: #fff;position: absolute;width: 420px;max-width: 90%;left: 50%;top: 50%;
z-index: 3;transform: translate(-50%, -50%);border-radius: 5px;box-shadow: 0 0 3px rgba(0,0,0,0.2)}
/*登入框右上角切换*/
.login_change {position: absolute;right: 0;top: 0;width: 50px;max-width: 14%;}
.login_change span {display: none;width: 100%;padding: 50% 0;background-size: 100% 100%;text-indent: -9999px;}
.login_change_weixin {background-image: url(res/icon_login_weixin.png);}
.login_change_accounts {background-image: url(res/icon_login_accounts.png);}
/*帐号登录*/
.login_accounts {display: none;}
.login_accounts h3 {font-size: 24px;font-weight: 400;text-align: center;padding: 15px 0 10px;}
.login_accounts .layui-form{margin:0 10%;}
/*微信登录*/
.login_weixin {text-align: center;display: none;}
.login_weixin h3 {font-size: 24px;font-weight: 400;text-align: center;padding: 15px 0 10px;}
.wx_code {width: 60%;margin: 0 auto;width: 240px;height: 240px;position: relative;}
.wx_code img {display: block;width: 100%;height: 100%;}
.wx_code_loading {display: block;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;}
.wx_code_loading .layui-icon{font-size: 60px;}
.wx_code_refresh {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 85px 20px 0;box-sizing: border-box;text-align: center;font-size: 16px;;color: #111;background-color: hsla(0, 0%, 100%, .7);}
.wx_code_refresh a {display: inline-block;margin-top: 5px;padding: 5px 15px;background-color: #249bd8;color: #fff;border-radius: 5px;text-decoration: none;}
.wx_code_refresh a:hover {background-color: #00aded;}
.wx_tip {display: block;width: 50%;margin: 0 auto 15px;height: 32px;line-height: 32px;border-radius: 16px;background: #dcdcdc;text-align: center;}
/* footer */
.login_wrap footer {text-align: center;padding: 8px 0 16px;color: #c2c2c2}