@charset "utf-8";
html{ width:100%; height:100%;}
.full{ width: 100%; background:#f8f8f8; position:relative; height:100%;}
.top-hd{ background:url(../img/h5c_headbg1.html) repeat top center; height:270px; overflow:hidden; clear:both; position:relative;}
.top-hd .face{ display:block; position:absolute; left:50%; top:34px; width:110px; height:110px; margin-left:-55px;}
.top-hd .face img{ width:90px; height:90px; border-radius:110px; border:10px solid #fead4f;}
.top-hd .username{ display:block; position:absolute; font-size:20px; top:160px; color:#fff; width:110px; height:42px; left:50%; margin-left:-55px; text-align:center;}
.top-hd .idname{ display:block; position:absolute; width:110px; left:50%; margin-left:-55px; top:202px; height:28px; line-height:28px; border-radius:28px; background:#feaf46; color:#fff; font-size:14px; text-align:center;}
.top-hd .outover{ display:block; width:70px; height:52px; text-align:center; line-height:52px; position:absolute; right:0px; top:0px; font-size:16px; color:#fff;}

.centerlist{ background:#fff; overflow:hidden; margin-top:10px; text-align:center; padding-top:28px; padding-bottom:22px; clear:both;}
.centerlist a{ display:inline-block; width:23%; text-align:center;}
.centerlist a span{ display:block; text-align:center; font-size:14px; color:#333; padding-top:6px;}
.common-entrance{ background:#fff; overflow:hidden; margin-top:10px; clear:both;}
.common-entrance dl dt{ height:58px; line-height:58px; font-size:18px; color:#333333; padding-left:17px;}
.common-entrance dl dd{ display:block; width:100%; overflow:hidden; clear:both; height:28px; line-height:28px; padding:14px 0 13px 0; border-top:1px solid #f3f3f3;}
.common-entrance dl dd em{ display:block; float:left; width:21px; height:21px; padding-top:4px; padding-left:17px; padding-right:7px;}
.common-entrance dl dd em img{ float:left;}
.common-entrance dl dd span{ font-size:16px; float:left; display:block;}
.common-entrance dl dd a{ display:block; width:80px; height:28px; line-height:28px; color:#fff; text-align:center; border-radius:3px; background:#febb39; float:right; margin-right:17px; font-size:14px;}

.popup_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 3100;
    display: none;
}
/*选择登陆方式*/
.login-mode{ width:100%; padding-bottom:20px; position:absolute; left:0px; top:0px; z-index:100; height:100%;}
.graybg{ display:block; width:100%; height:100%; background:#000; opacity: 0.5; position:absolute; left:0px; top:0px;}
.login_cont{ display:block; width:82%; background:#fff; border-radius:10px; position:fixed; top:150px; left:50%; margin-left:-41%; padding:10px 0 15px 0;}
.ltit{ text-align:center; font-size:16px; color:#333; width:100%; display:block; height:27px; line-height:37px;}
.login_cont .wx,.login_cont .qq,.login_cont .wb,.login_cont .sj{ display:block; width:80%; margin:0 auto; margin-top:19px; height:30px; line-height:30px; padding:8px 0; overflow:hidden; clear:both; font-size:16px; color:#fff; border-radius:46px; position:relative; text-align:center;}
.login_cont em{ display:block; width:30px; height:30px; position:absolute; left:22px; top:8px;}
.wx{ background:#2ad892;}
.qq{ background:#3fa4ee;}
.wb{ background:#f34f50;}
.sj{ background:#f3a644;}
.zh{ display:block; width:80%; margin:0 auto; text-align:right; font-size:16px; padding-top:10px; color:#666;}

/*手机号登陆*/
.phone-login{ display:block; width:72%; background:#fff; border-radius:10px; position:absolute; top:150px; left:50%; margin-left:-36%; padding:10px 0 15px 0;}
.closed_b{ position:absolute; right:15px; top:15px; width:28px; display:block; height:28px;}
.inpt,.inpm{ display:block; width:90%; margin:0 auto; height:38px; padding-top:6px; border-bottom:1px solid #eee; overflow:hidden; clear:both;}
.inpt input,.inpm input{ display:block; border:none; background:none; float:left; font-size:14px; color:#999; height:38px; line-height:38px; text-indent:12px;}
.inpt input{ width:100%;}
.inpm input{ width:60%;}
.inpm a{ display:block; width:36%; border:1px solid #fa9631; border-radius:4px; height:31px; line-height:31px; font-size:14px; color:#fa9631; float:right; text-align:center;}
.tips1{ font-size:14px; width:90%; margin:0 auto; line-height:22px; color:#333; padding-top:10px;}
.login-btn{ display:block; width:90%; margin:0 auto; background:#fe9e39; border-radius:19px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; margin-top:10px;}

/*账号登录*/
.account-login{ display:block; width:82%; background:#fff; border-radius:10px; position:absolute; top:150px; left:50%; margin-left:-41%; padding:10px 0 30px 0;}
.ltit2{ font-size:20px; padding-top:5px;}
.acccount-p{ display:block; width:80%; border:1px solid #e1e1e1; height:27px; padding:9px 0 8px 0; margin:0 auto; margin-top:15px; border-radius:35px; position:relative;}
.acccount-p span{ display:block; position:absolute; width:27px; height:27px; top:9px; left:18px;}
.acccount-p input{ display:block; width:100%; border:none; background:none; text-indent:55px; font-size:16px; color:#999; line-height:27px;}
.login-btn2{ display:inline-block; width:40%; margin:0 auto; background:#fe9e39; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; margin-top:20px; border-radius:19px;}

/*关注微信*/
.wechat{ display:block; width:80%; background:#fff; border-radius:10px; position:fixed; top:70px; left:50%; margin-left:-40%; padding:0px 0 15px 0; border-radius:10px;}
.ltit3{ background:#ffbc2d; font-size:20px; height:56px; line-height:56px; color:#333; border-radius:10px 10px 0 0;}
.follow{ text-align:center; font-size:18px; line-height:26px; color:#333; padding:12px 0 10px 0;}
.follow span{ color:#ff9b25;}
.sm{ display:block; text-align:center; overflow:hidden; clear:both;}
.sm img{ max-width:150px;}
.how1{ border:1px solid #ff9b25; display:block; margin:0 15px; border-radius:15px; font-size:14px; line-height:22px; padding:10px; margin-top:20px;}
.htit{ display:block; width:140px; height:28px; line-height:28px; background:#ffbc2d; text-align:center; border-radius:14px; margin:0 auto; color:#fff; margin-top:-24px;}

/*每日充值*/
.daily{display:block; width:82%; background:#fff; border-radius:10px; position:fixed; top:150px; left:50%; margin-left:-41%; padding:0px 0 30px 0;}
.playtit{ padding:0 10px; overflow:hidden; clear:both; height:16px; line-height:16px; font-size:14px; color:#333;}
.playtit span{ display:block; float:left; width:4px; background:#fe9e39; height:16px; border-radius:3px; margin-right:8px;}
.playcon{ text-align:center; padding-top:14px; overflow:hidden; clear:both;}
.playcon a{ display:inline-block; width:24%; text-align:center; float:left;}
.playcon a span{ display:block; text-align:center; font-size:14px; color:#333; padding-top:6px;}
.playcon a img{ width:60px; height:60px;}

/*绑定手机*/
.account-lost{display:block; width:82%; background:#fff; border-radius:10px; position:fixed; top:150px; left:50%; margin-left:-41%; padding:0px 0 60px 0;}
.account-lost p{ text-align:center; font-size:18px; color:#333; line-height:28px; padding-top:20px;}
.binding{ display:block; width:70%; margin:0 auto; margin-top:20px; height:46px; line-height:46px; background:#e64047; color:#fff; font-size:16px; text-align:center; border-radius:23px;}
.handico{ position:absolute; top:175px; right:10px;}

/*联系客服*/
.service{display:block; width:82%; background:#fff; border-radius:10px; position:fixed; top:150px; left:50%; margin-left:-41%; padding:0px 0 30px 0;}
.kfbt{ text-align:center; font-size:16px; height:58px; line-height:58px; color:#333; clear:both; overflow:hidden;}
.kfqq{ height:40px; border:1px solid #ffbc2d; color:#ffbc2d; text-align:center; line-height:40px; border-radius:3px; margin:0 40px;}
.kfcp{ text-align:center; font-size:14px; padding-top:10px; color:#333;}

/*支付*/
.payment{display:block; width:82%; background:#fff; border-radius:10px; position:fixed; top:150px; left:50%; margin-left:-41%; padding:0px 0 10px 0;}
.zfbt{ text-align:center; font-size:16px; color:#333; height:50px; line-height:50px;}
.kfje{ height:40px; text-align:center; font-size:30px; color:#ff0000;}
.kfxz{ height:36px; background:#f3f3f3; border-top:1px solid #ebebeb; color:#333; text-align:center; font-size:16px; line-height:36px;}
.wxplay{ height:28px; padding:14px 20px; line-height:28px; position:relative; clear:both; display:block; overflow:hidden; border-top:1px solid #ebebeb;}
.wxplay em,.wxplay span,.wxplay i{ display:block; float:left;}
.wxplay span{ padding-left:12px; padding-right:10px;}
.wxplay i{ display:block; width:40px; height:20px; background:#ff2323; border-radius:3px; color:#fff; margin-top:4px; text-align:center; line-height:20px; font-size:12px;}
.wxplay b{ display:block; float:right;}

/**/
.wechat2{ width:90%; margin-left:-45%; top:20px;}
.follow2{ font-size:16px;}
.leave{display:block; width:70%; margin:0 auto; margin-top:20px; height:46px; line-height:46px; background:#fdb325; color:#fff; font-size:16px; text-align:center; border-radius:5px;}

@charset "utf-8";
/* 基础样式复用原有common_style.css，此处仅补充登录相关 */
/* 弹窗背景统一优化 */
.popup_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6); /* 加深遮罩层，提升层次感 */
    z-index: 3100;
    display: none;
    backdrop-filter: blur(2px); /* 增加模糊效果，提升质感 */
}

/* 选择登录方式弹窗 - 整体美化 */
.login-mode{ 
    width:100%; 
    padding-bottom:20px; 
    position:absolute; 
    left:0; 
    top:0; 
    z-index:100; 
    height:100%;
}
.graybg{ 
    display:block; 
    width:100%; 
    height:100%; 
    background:#000; 
    opacity: 0.6; 
    position:absolute; 
    left:0; 
    top:0;
}
.login_cont{ 
    display:block; 
    width:82%; 
    background:#fff; 
    border-radius:12px; /* 增大圆角，更现代 */
    position:fixed; 
    top:50%; /* 改为垂直居中 */
    left:50%; 
    transform: translate(-50%, -50%); /* 精准居中 */
    margin-left:0; /* 取消原有负边距 */
    padding:20px 0 25px 0; /* 增加内边距，更宽松 */
    box-shadow: 0 8px 24px rgba(0,0,0,.15); /* 增加阴影，提升立体感 */
}
.ltit{ 
    text-align:center; 
    font-size:18px; /* 增大标题字号 */
    color:#333; 
    width:100%; 
    display:block; 
    height:32px; 
    line-height:32px;
    margin-bottom:10px; /* 增加间距 */
    font-weight: 600; /* 加粗标题 */
}
/* 第三方登录按钮美化 */
.login_cont .wx,.login_cont .qq,.login_cont .wb,.login_cont .sj{ 
    display:block; 
    width:85%; /* 加宽按钮 */
    margin:0 auto; 
    margin-top:15px; 
    height:48px; /* 增高按钮 */
    line-height:48px; 
    padding:0; /* 取消内边距，统一高度 */
    overflow:hidden; 
    clear:both; 
    font-size:16px; 
    color:#fff; 
    border-radius:24px; /* 全圆角 */
    position:relative; 
    text-align:center;
    transition: all .3s ease; /* 增加过渡动画 */
}
/* 第三方登录按钮 hover 效果 */
.login_cont .wx:hover{ background:#27c885; }
.login_cont .qq:hover{ background:#3899e8; }
.login_cont .wb:hover{ background:#f13c3e; }
.login_cont .sj:hover{ background:#f29933; }

.login_cont em{ 
    display:block; 
    width:24px; 
    height:24px; 
    position:absolute; 
    left:25px; 
    top:50%;
    transform: translateY(-50%); /* 垂直居中图标 */
}
.wx{ background:#2ad892;}
.qq{ background:#3fa4ee;}
.wb{ background:#f34f50;}
.sj{ background:#f3a644;}
.zh{ 
    display:block; 
    width:85%; 
    margin:0 auto; 
    text-align:right; 
    font-size:14px; 
    padding-top:15px; 
    color:#666;
}
.zh a{ color:#fe9e39; /* 突出链接颜色 */}

/* 手机号登录弹窗 - 美化+新增勾选框 */
.phone-login{ 
    display:block; 
    width:78%; /* 调整宽度 */
    background:#fff; 
    border-radius:12px; 
    position:fixed; 
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    margin-left:0;
    padding:25px 0 20px 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
.closed_b{ 
    position:absolute; 
    right:15px; 
    top:15px; 
    width:28px; 
    display:block; 
    height:28px;
    cursor: pointer; /* 增加鼠标指针 */
}
.inpt,.inpm{ 
    display:block; 
    width:90%; 
    margin:0 auto; 
    height:44px; /* 增高输入框 */
    padding:0; /* 取消内边距 */
    border-bottom:1px solid #eee; 
    overflow:hidden; 
    clear:both;
    position:relative;
}
.inpt input,.inpm input{ 
    display:block; 
    border:none; 
    background:none; 
    float:left; 
    font-size:15px; /* 增大输入字号 */
    color:#333; /* 调整输入文字颜色 */
    height:44px; 
    line-height:44px; 
    text-indent:12px;
    outline: none;
}
.inpt input{ width:100%;}
.inpm input{ width:60%;}
.inpm a{ 
    display:block; 
    width:36%; 
    border:1px solid #fa9631; 
    border-radius:4px; 
    height:34px; /* 增高按钮 */
    line-height:34px; 
    font-size:14px; 
    color:#fa9631; 
    float:right; 
    text-align:center;
    margin-top:5px; /* 垂直居中 */
    transition: all .3s ease;
}
.inpm a:hover{ 
    background:#fa9631; 
    color:#fff; 
}
/* 新增：勾选框容器 */
.checkbox-wrap{
    width:90%;
    margin:15px auto 10px;
    overflow: hidden;
    clear: both;
}
/* 新增：自定义勾选框样式 */
.custom-checkbox{
    display: none; /* 隐藏原生复选框 */
}
.checkbox-label{
    display: flex;
    align-items: center;
    font-size:13px;
    color:#666;
    cursor: pointer;
}
/* 勾选框样式 */
.checkbox-icon{
    display: inline-block;
    width:16px;
    height:16px;
    border:1px solid #ddd;
    border-radius:3px;
    margin-right:8px;
    position: relative;
    transition: all .2s ease;
}
/* 勾选状态样式 */
.custom-checkbox:checked + .checkbox-label .checkbox-icon{
    background:#fe9e39;
    border-color:#fe9e39;
}
/* 勾选对勾 */
.custom-checkbox:checked + .checkbox-label .checkbox-icon::after{
    content: "";
    position: absolute;
    left:4px;
    top:1px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform: rotate(45deg);
}
/* 勾选框文字链接 */
.checkbox-label a{
    color:#fe9e39;
    margin-left:4px;
}

.tips1{ 
    font-size:14px; 
    width:90%; 
    margin:0 auto; 
    line-height:22px; 
    color:#999; /* 调整提示文字颜色 */
    padding-top:5px;
}
.login-btn{ 
    display:block; 
    width:90%; 
    margin:0 auto; 
    background:#fe9e39; 
    border-radius:22px; /* 增大圆角 */
    height:44px; /* 增高按钮 */
    line-height:44px; 
    text-align:center; 
    font-size:16px; 
    color:#fff; 
    margin-top:15px;
    border:none;
    cursor: pointer;
    transition: all .3s ease;
}
.login-btn:hover{ 
    background:#f88e28; /* 加深hover颜色 */
}

/* 账号登录弹窗 - 美化+勾选框 */
.account-login{ 
    display:block; 
    width:78%; 
    background:#fff; 
    border-radius:12px; 
    position:fixed; 
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    margin-left:0;
    padding:25px 0 25px 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
.ltit2{ 
    font-size:20px; 
    padding-top:0; 
    text-align:center;
    margin-bottom:15px;
    font-weight: 600;
}
.acccount-p{ 
    display:block; 
    width:85%; 
    border:1px solid #e1e1e1; 
    height:32px; /* 增高输入框 */
    padding:8px 0; 
    margin:0 auto; 
    margin-top:12px; 
    border-radius:35px; 
    position:relative;
    transition: all .2s ease;
}
/* 输入框聚焦样式 */
.acccount-p:focus-within{
    border-color:#fe9e39;
}
.acccount-p span{ 
    display:block; 
    position:absolute; 
    width:27px; 
    height:27px; 
    top:50%;
    transform: translateY(-50%);
    left:18px;
}
.acccount-p input{ 
    display:block; 
    width:100%; 
    border:none; 
    background:none; 
    text-indent:55px; 
    font-size:15px; 
    color:#333; 
    line-height:32px;
    outline: none;
}
/* 账号登录 - 勾选框复用手机号登录样式，仅调整间距 */
.account-login .checkbox-wrap{
    margin:12px auto 10px;
}
.login-btn2{ 
    display:block; /* 改为block，居中更友好 */
    width:85%; 
    margin:0 auto; 
    background:#fe9e39; 
    height:44px; 
    line-height:44px; 
    text-align:center; 
    font-size:16px; 
    color:#fff; 
    margin-top:15px; 
    border-radius:22px;
    border:none;
    cursor: pointer;
    transition: all .3s ease;
}
.login-btn2:hover{
    background:#f88e28;
}