.user{margin-top:100px;min-height:630px;width:100%;border-radius:10px;box-sizing:border-box;background:#fbfbfb;overflow:hidden}
html body{min-width:0!important;background:#eef1f6}
body .container{width:min(1320px,calc(100% - 32px))!important;max-width:1320px}
.user-menu{width:180px;height:auto;position:relative}
.user-menu li a{width:150px;display:block;line-height:70px;font-size:15px;vertical-align:middle;min-width:65px;padding:0 15px;text-align:center;cursor:pointer;-webkit-transition:all .2s}
.user-menu li.hover{background:#fff;color:#5b8def}
.user-box{width:1060px;background:#fff;min-height:600px;padding:30px}
.user .title{font-weight:500}
.user .title span{font-size:14px;color:#888;font-weight:100;margin-left:15px}
.user .title p{font-size:14px;color:#888;font-weight:100;margin-top:15px}
.user-info .data{overflow:hidden;margin:25px 0}
.user-info .data ul li{width:245px;height:130px;float:left;margin-right:26px;background:#eff1f3;border-radius:10px;overflow:hidden;position:relative}
.user-info .data ul li:last-child{margin-right:0}
.user-info .data ul li h3{font-size:18px;font-weight:700;text-indent:30px;margin-top:35px}
.user-info .data ul li p{text-indent:30px;margin-top:5px;color:#888}
.user-info .data ul li p em{display:block;color:#ff0e00;font-style:inherit}
.user-info .data ul li span{position:absolute;display:block;width:70px;height:70px;background:#575757;border-radius:50px;bottom:-25px;right:-20px}
.user-info .data ul li span i{color:#fff;font-size:20px;margin:15px 0 0 15px}
.user-info .data ul li:nth-child(2) span{background:#ffae13}
.user-info .data ul li:nth-child(3) span{background:#1e9dff}
.user-info .data ul li:nth-child(4) span{background:#ff6917}
.user-info .notice-bar{width:100%;height:60px;line-height:60px;background-color:#eff1f3;overflow:hidden;position:relative;border-radius:10px}
.user-info .notice-title{position:absolute;top:0;color:red;font-weight:700;z-index:1;background:#eff1f3;padding:0 0 0 15px}
.user-info .notice-content{position:absolute;left:80px;top:0;white-space:nowrap;animation:scroll 15s linear infinite}
@keyframes scroll{0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}
.user-info .notice-bar:hover .notice-content{animation-play-state:paused}
.user-info .notice-text{color:#333;text-decoration:none}
.user-info .list li{width:49%;float:left}
.user-info .list li:nth-child(2n){float:right}
.user-info .list li label{display:block;margin-top:10px;height:30px;line-height:30px;font-weight:700}
.user-info .list li span{display:block;width:100%;border-radius:10px;padding:15px 0;background:#eff1f3;text-indent:15px;margin-top:5px;overflow: hidden;}
.user-info .list li:nth-child(7){width:100%}
.user-info .list li:nth-child(7) textarea{height:100px;display:block;width:100%;border:1px solid #ebebeb;margin-top:10px;padding:15px 0;text-indent:15px}
.user-info .info{overflow:hidden;margin:25px 0 25px}
.user-info .info .layui-form-label{padding-left:0;text-align:left;width:auto}
.user-info .info .layui-input-block{margin:0;width:100%;float:left;position:relative}
.user-info .info .layui-input-block img{position:absolute;top:7px;bottom:0;right:5px;width:70px;display:inline-flex;justify-content:center;align-items:center;color:#999}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:#5b8def}
.user-info .info .layui-btn{background:#5b8def;width:100%}
.user-zl .data li{width:100%;border-bottom:1px solid #eff3f5;height:89px}
.user-zl .data li:last-child{border-bottom:0}
.user-zl .data li span.tit{opacity:.5;line-height:89px;width:124px}
.user-zl .data li input.user_txt{line-height:89px;width:362px;border:0}
.user-zl .data li span.no{color:red}
.user-zl .data li span.yes{color:#38f}
.user-zl .data li div{margin-top:30px}
.user-zl .data li div a{width:100px;height:50px;border-radius:30px;background:#f6f6f6;text-align:center;line-height:50px;padding:0;margin-left:10px;display:inline-block}
.user-zl .data li .btn-tj{margin:20px auto 0;border:0;width:100px;height:50px;border-radius:30px;background:#f6f6f6;text-align:center;line-height:50px;padding:0;display:block;cursor:pointer}
.user-stow .list ul li{padding:20px 10px 20px 0;border-bottom:1px solid #f6f6f6;position:relative;width:48%;float:left}
.user-stow .list ul li:nth-child(2n){float:right}
.user-stow .list ul li span,.user-stow .list ul li time{font-size:14px;color:#ababab;margin-top:5px;line-height:18px;margin-right:10px}
.user-stow .list ul li i{margin-right:5px}
.user-stow .list .txt .tit{width:100%;font-size:15px;margin:11px 0 0;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.user-stow .list .txt{margin:0 10px;width:calc(100% - 85px)}
.user-stow .list .img{width:60px;height:60px;border-radius:20px;border:1px solid #f6f6f6;overflow:hidden;display:flex}
.user-stow .list .img img{width:100%;height:100%}
.user-stow .list ul li .del{float:right;font-size:14px;height:15px;top:10px;color:#d6d6d6;z-index:1;position:relative}
.user-stow .list ul li .del:hover{color:#888}
.user-comment .list ul li{padding:10px 10px 10px 0;position:relative}
.user-comment .list ul li:first-child{padding-top:10px}
.user-comment .list ul li:last-child{border-bottom:0}
.user-comment .list ul li time{float:left}
.user-comment .list ul li p{padding:15px;display:block;background:#eff1f3;border-radius:5px}
.user-comment .list ul li a{float:right;color:#888}
.user-comment .list ul li span{display:block;overflow:hidden;line-height:30px;color:#888;margin-top:10px}
.user-box .page{text-align:center;margin-top:30px}
.user-box .page span{color:#888}
.user-box .page span:first-of-type{float:right;display:none}
.user-box .page .indexPage,.user-box .page a{padding:6px 10px;background:#eff1f3;border-radius:10px;color:#888;margin:0 5px 0 0}
.user-box .page strong{padding:6px 10px;background:#38f;color:#fff;font-weight:400;border-radius:10px;margin:0 5px}
.user-login{display:flex;align-items:stretch;width:100%;min-height:640px;border-radius:24px;box-sizing:border-box;overflow:hidden;margin:100px auto 0;background:#fff;box-shadow:0 24px 60px rgba(15,35,95,.12)}
.user-login>.login,.user-login>.box{float:none}
.user-login .login{width:42%;max-width:620px;background:#fff;min-height:640px;position:relative;box-sizing:border-box;padding:0 32px 36px}
.user-login .box{flex:1 1 auto;min-width:0;min-height:640px;position:relative;background:url(../images/02.jpg) center center no-repeat #edf2f8;background-size:100% 100%}
.user-login .box:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(91,141,239,.06));pointer-events:none}
.user-login .login .tit{padding:56px 0 42px;text-align:center;font-size:32px;font-weight:700;color:#222}
.user-login .login ul{text-align:center}
.user-login .login ul a i{font-size:100px}
.user-login .login .tips{width:100%;line-height:40px;text-align:center;color:#888;position:absolute;bottom:140px}
.user-login .layui-form{width:100%;max-width:400px;margin:auto}
.user-login .layui-form .layui-form-item{position:relative;margin-bottom:24px}
.user-login .layui-form .layui-form-item span{position:absolute;top:0;bottom:0;left:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}
.user-login .layui-form .layui-form-item img{position:absolute;top:7px;bottom:0;right:5px;width:70px;display:inline-flex;justify-content:center;align-items:center;color:#999}
.user-login .layui-form .layui-form-item em{position:absolute;top:9px;right:0;width:70px;display:inline-flex;justify-content:center;align-items:center;color:#999;font-style:inherit}
.user-login .layui-form .layui-input{height:46px;line-height:46px;text-indent:30px;color:#666;border:1px solid #e5e5e5;border-radius:12px;transition:.2s ease-in-out;transition-property:color,background-color,border,box-shadow}
.user-login .layui-form .layui-input:focus{border-color:#8cbfff;box-shadow:0 0 0 4px rgba(91,141,239,.08)}
.user-login .layui-form .layui-btn{height:46px;line-height:46px;border-radius:12px;background:#5b8def;width:100%;font-size:16px;font-weight:700}
.user-login .layui-form .forget,.user-login .layui-form .register{color:#888;float:right;margin-left:12px;line-height:30px}
.user-login .layui-form .quick{float:left;line-height:30px}
.user-login .layui-form a>.layui-icon-login-qq{color:#5b8def;font-size:30px}
@media screen and (max-width:1200px){.user-login{margin-top:84px;min-height:auto;border-radius:20px}.user-login .login{width:100%;max-width:none;min-height:auto;padding:0 28px 30px}.user-login .box{display:none}.user-login .login .tit{padding:42px 0 30px;font-size:28px}}
.reg-login{background:rgba(255,255,255,.82);padding:10px;border-radius:50px;position:absolute;left:50%;bottom:34px;transform:translateX(-50%);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.reg-login a{display:block;text-align:center;background:#5b8def;color:#fff;line-height:40px;width:130px;border-radius:50px;margin:5px;float:left}
.vip-tips{border-radius:10px;width:20%;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px 10px 25px;overflow:hidden}
.vip-tips h3{background-color:#5b8def;background-image:-webkit-radial-gradient(50% 3%,circle,#5dafff,#5b8def);background-image:radial-gradient(circle at 50% 3%,#5dafff,#5b8def);line-height:50px;font-size:17px;color:#fff}
.vip-tips h4{color:#238ff9;padding:5px 20px 0;font-size:20px;border-radius:20px;display:inline-block;margin-top:10px;font-weight:800}
.vip-tips p{padding:10px 10px 15px;color:#888;line-height:25px;font-size:13px}
.vip-tips a{background:#5b8def;color:#fff;padding:5px 15px;display:inline-block;border-radius:15px;margin-bottom:15px;font-size:13px}
.user-menu li.mycoupon a{color:#ff6917;font-weight:700}
.user-menu li.mycoupon a i{padding-right:5px}
@media screen and (max-width:1100px){body .container{width:min(100%,calc(100% - 24px))!important}
.user-login{margin-top:84px;min-height:auto;border-radius:20px}
.user-login .login{width:100%;max-width:none;min-height:auto;padding:0 28px 30px}
.user-login .box{display:none}
.user-login .login .tit{padding:42px 0 30px;font-size:28px}
.user-box,.user-info .data,.user-login .layui-form{width:100%}
.user{margin-top:80px}
.user-menu{margin-bottom:1px;padding:5px;background:#fff;width:100%;box-sizing:border-box}
.user-menu li.hover{background:#5b8def}
.user-menu li.hover a{color:#fff}
.user-menu li{float:left;width:23%;margin:1%;background:#f6f6f6;border-radius:5px}
.user-menu li a{padding:0;line-height:30px;width:100%;color:#666;font-size:14px}
.user-box{padding:15px 10px;box-sizing:border-box}
.user-info .data ul li{width:49%;margin:0 2% 2% 0}
.user-info .data ul li:nth-child(2n){margin-right:0}
.vip-tips{width:95%}
.user-stow .list ul li{width:98%}
body.night .user-menu{background:#000}
body.night .user-menu li{background:#252525}
body.night .user-menu li.hover{background:#5b8def!important}
body.night .user-menu li.hover a{color:#fff!important}
.user-comment .list ul li a{width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
}
@media screen and (max-width:640px){body .container{width:calc(100% - 20px)!important}
.user-login{margin-top:76px;border-radius:16px}
.user-login .login{padding:0 18px 22px}
.user-login .login .tit{padding:34px 0 24px;font-size:24px}
.user-login .layui-form .layui-form-item{margin-bottom:18px}
.user-login .layui-form .layui-form-item img{width:64px;top:9px}
.user-login .layui-form .layui-input,.user-login .layui-form .layui-btn{height:44px;line-height:44px}
.user-login .layui-form .forget,.user-login .layui-form .register,.user-login .layui-form .quick{font-size:13px}
}
body.night .user-login{background:#1e2127;box-shadow:0 24px 60px rgba(0,0,0,.35)}
body.night .user-login .login{background:#1e2127}
body.night .user-login .box{background-color:#15181d}
body.night .user-login .box:after{background:linear-gradient(135deg,rgba(0,0,0,.18),rgba(91,141,239,.08))}
body.night .user-login .login .tit{color:#eef3ff}
body.night .user-login .layui-form .layui-input{background:#2a2d33;border-color:#3b414b;color:#d7dce5}
body.night .user-login .layui-form .layui-input::placeholder{color:#8e96a3}
body.night .user-login .layui-form .layui-form-item span,body.night .user-login .layui-form .layui-form-item em{color:#8e96a3}
body.night .user-login .layui-form .layui-form-item img{filter:brightness(.92)}
body.night .user-login .layui-form .layui-input:focus{border-color:#4a8cff;box-shadow:0 0 0 4px rgba(74,140,255,.15)}
body.night .user-login .layui-form .forget,body.night .user-login .layui-form .register,body.night .user-login .layui-form .quick{color:#aeb6c2}
body.night .user-login .layui-form .forget:hover,body.night .user-login .layui-form .register:hover,body.night .user-login .layui-form .quick:hover{color:#fff}
body.night .user-login .layui-form a>.layui-icon-login-qq{color:#66a9ff}
body.night .reg-login{background:rgba(21,24,29,.84);box-shadow:0 14px 34px rgba(0,0,0,.28)}
body.night .login-important-wrap{margin:0 0 15px}
body.night .login-important-tip{background:#332812!important;border:1px solid #8f5b1f!important;color:#ffd6a0!important}
body.night .login-important-tip strong{color:#ffe07f}
.login-important-wrap{margin:0 0 15px}
.login-important-tip{background:#fff9e6;border:1px solid #ff9a2a;color:#e65f00;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.7;margin:0 8px}
.login-important-tip strong{display:inline-block;margin-bottom:2px}

/* ============ 登录页现代化增强（2026-07-05） ============ */
/* 登录按钮：青蓝渐变 + hover 上浮 */
.user-login .layui-form .layui-btn{background:linear-gradient(135deg,#5b8def,#7ea6f5)!important;box-shadow:0 10px 22px -10px rgba(91,141,239,.6);transition:transform .25s,box-shadow .25s}
.user-login .layui-form .layui-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(91,141,239,.7)}
/* 输入框 focus 光晕青蓝 */
.user-login .layui-form .layui-input:focus{border-color:#7ea6f5;box-shadow:0 0 0 4px rgba(91,141,239,.1)}
/* QQ 快捷登录：做成按钮 */
.user-login .layui-form .quick{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:#eef3fd;color:#5b8def;transition:all .25s}
.user-login .layui-form .quick:hover{background:#5b8def;color:#fff}
.user-login .layui-form a>.layui-icon-login-qq{color:inherit!important;font-size:20px!important}
/* 注册/忘记密码 hover 青蓝 */
.user-login .layui-form .register:hover,.user-login .layui-form .forget:hover{color:#5b8def}
/* 重要提示卡片化 —— 醒目警示版 */
.user-login .login-important-tip{position:relative;background:#fff7e6;border:1.5px solid #ff9a2a;border-radius:12px;padding:14px 16px 14px 44px;font-size:13px;line-height:1.8;color:#9a4a00;box-shadow:0 6px 18px -8px rgba(255,138,0,.45)}
.user-login .login-important-tip::before{content:"\26A0";position:absolute;left:15px;top:12px;font-size:18px;line-height:1.4;color:#ff8a00}
.user-login .login-important-tip strong{color:#d92d20;font-weight:700}
body.night .user-login .login-important-tip{background:#332812;border:1.5px solid #8f5b1f;color:#ffd6a0;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
body.night .user-login .login-important-tip::before{color:#ffab3d}
body.night .user-login .login-important-tip strong{color:#ff9d8a}

/* ============ 会员中心现代化增强（2026-07-05） ============ */
/* 左侧菜单：卡片化 + 选中/hover 青蓝 */
.user .user-menu{background:#fff;border-radius:14px;box-shadow:0 16px 40px -28px rgba(20,40,80,.4);padding:8px 0;overflow:hidden}
.user .user-menu li{margin:2px 10px}
.user .user-menu li a{width:100%;box-sizing:border-box;line-height:48px;border-radius:12px;transition:all .2s;color:#5a6572}
.user .user-menu li a:hover{background:#eef3fd;color:#5b8def;border-radius:12px}
.user .user-menu li.hover{background:transparent}
.user .user-menu li.hover a{background:linear-gradient(135deg,#5b8def,#7ea6f5);color:#fff;border-radius:12px}
.container .user .user-menu li a i{display:inline-block;width:18px;margin-right:5px;text-align:center}
.container .user .user-menu li.mycoupon a i{padding-right:0}
/* 右侧内容卡片化 */
.user .user-info.user-box{background:#fff;border-radius:14px;box-shadow:0 16px 40px -28px rgba(20,40,80,.4);box-sizing:border-box;padding:24px 26px}
/* 数据卡：等分填满容器（3 卡） */
.user-info .data ul li{width:calc((100% - 44px) / 3);margin-right:22px;box-sizing:border-box;background:#f7f9fc;border:1px solid #eef1f5;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s}
.user-info .data ul li:nth-child(3){margin-right:0}
.user-info .data ul li:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(91,141,239,.45);border-color:#cddcfa}
/* 图标圆渐变：级别金 / 下载青蓝 / 收藏红 */
.user-info .data ul li span{background:linear-gradient(135deg,#ffb43d,#ff8a00)!important}
.user-info .data ul li:nth-child(2) span{background:linear-gradient(135deg,#5b8def,#7ea6f5)!important}
.user-info .data ul li:nth-child(3) span{background:linear-gradient(135deg,#ff7a8a,#ff4d6d)!important}
/* 公告栏 */
.user-info .notice-bar{background:#fff8ee;border:1px solid #ffe6c7;border-radius:12px}
.user-info .notice-title{background:#fff8ee;color:#ff8a00}
/* 资料列表 */
.user-info .list li span{background:#f7f9fc;border:1px solid #eef1f5;border-radius:10px}
/* 夜间 */
body.night .user .user-menu{background:#292a2d;box-shadow:none}
body.night .user .user-menu li a{color:#c0c4cc}
body.night .user .user-menu li a:hover{background:#2a3a4d;color:#8bb0f7}
body.night .user .user-info.user-box{background:#292a2d;box-shadow:none}
body.night .user-info .data ul li{background:#323335;border-color:#3a3d42}
body.night .user-info .notice-bar{background:#2a2620;border-color:#4a3f2c}
body.night .user-info .notice-title{background:#2a2620}
body.night .user-info .list li span{background:#323335;border-color:#3a3d42}

/* ============ 会员中心容器布局修复（2026-07-05）：flex 两栏填满，消除右/下空隙 ============ */
.container .user{display:flex;align-items:stretch;gap:20px;background:transparent;overflow:visible;min-height:0}
.container .user .user-menu{width:200px;flex-shrink:0;float:none}
.container .user .user-info.user-box{width:auto;flex:1 1 auto;min-width:0;float:none;min-height:0}
@media screen and (max-width:800px){
  .container .user{flex-direction:column;gap:14px}
  .container .user .user-menu{width:100%}
}

/* ============ 升级会员·激活码表单现代化（2026-07-05） ============ */
.user-info .info .layui-form{max-width:460px}
.user-info .info .vip-cdk-item{position:relative;margin-bottom:18px}
.user-info .info .vip-cdk-item .vip-ic{position:absolute;left:0;top:0;bottom:0;width:44px;display:inline-flex;align-items:center;justify-content:center;color:#9aa3b0;z-index:1}
.user-info .info .vip-cdk-item .layui-input{height:48px;line-height:48px;text-indent:40px;border:1px solid #e6eaf0;border-radius:12px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%}
.user-info .info .vip-cdk-item .layui-input:focus{border-color:#7ea6f5;box-shadow:0 0 0 4px rgba(91,141,239,.1)}
.user-info .info .vip-cdk-item img#validateimg{position:absolute;right:6px;top:6px;height:36px;width:auto;border-radius:8px;cursor:pointer}
/* 验证码输入框给右侧图留位 */
.user-info .info .vip-cdk-item input#vdcode{padding-right:130px}
/* 确认按钮：青蓝渐变 */
.user-info .info .vip-submit{height:48px;line-height:48px;border-radius:12px;width:100%;max-width:460px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#5b8def,#7ea6f5)!important;box-shadow:0 10px 22px -10px rgba(91,141,239,.6);transition:transform .25s,box-shadow .25s}
.user-info .info .vip-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(91,141,239,.7)}
/* 夜间 */
body.night .user-info .info .vip-cdk-item .layui-input{background:#2a2d33;border-color:#3b414b;color:#d7dce5}
body.night .user-info .info .vip-cdk-item .layui-input::placeholder{color:#8e96a3}

/* 左侧菜单·盒子优惠码：红色加粗突出 */
.user .user-menu li.mycoupon a{color:#e60039!important;font-weight:700}
.user .user-menu li.mycoupon a:hover{color:#fff!important;background:#e60039}
.user .user-menu li.mycoupon.hover a{background:linear-gradient(135deg,#ff4d6d,#e60039);color:#fff!important}

/* ============ 会员中心手机端优化（2026-07-10） ============ */
@media screen and (max-width:800px){
body .container{width:calc(100% - 20px)!important}
.container .user{margin-top:72px;gap:12px}
.container .user .user-menu{padding:10px;border-radius:14px;box-sizing:border-box;box-shadow:0 10px 30px -24px rgba(20,40,80,.55)}
.container .user .user-menu ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.container .user .user-menu li{float:none;width:auto;margin:0;background:transparent;border-radius:10px}
.container .user .user-menu li a{height:42px;line-height:42px;padding:0 8px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f6f8fb;border:1px solid #edf1f6;border-radius:10px}
.container .user .user-menu li.hover a{background:linear-gradient(135deg,#5b8def,#7ea6f5);border-color:transparent;color:#fff}
.container .user .user-menu li.mycoupon a{background:#fff4f6;border-color:#ffd6df;color:#e60039!important}
.container .user .user-menu li.mycoupon.hover a{background:linear-gradient(135deg,#ff4d6d,#e60039);color:#fff!important}
.container .user .user-info.user-box{padding:18px 14px;border-radius:14px;box-shadow:0 10px 30px -24px rgba(20,40,80,.55)}
.user .title{font-size:18px;line-height:1.4}
.user .title span{display:block;margin:6px 0 0;font-size:13px;line-height:1.5}
.user-info .data{margin:16px 0}
.user-info .data ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.user-info .data ul li,.user-info .data ul li:nth-child(2n),.user-info .data ul li:nth-child(3){float:none;width:auto;height:106px;margin:0;border-radius:12px}
.user-info .data ul li h3{font-size:14px;text-indent:12px;margin-top:18px;line-height:1.35}
.user-info .data ul li p{text-indent:12px;margin-top:7px;font-size:13px;line-height:1.45;padding-right:8px}
.user-info .data ul li p em{font-size:12px}
.user-info .data ul li span{width:52px;height:52px;right:-14px;bottom:-16px}
.user-info .data ul li span i{font-size:16px;margin:12px 0 0 12px}
.user-info .notice-bar{height:44px;line-height:44px;border-radius:10px}
.user-info .notice-title{padding-left:12px;font-size:13px}
.user-info .notice-content{left:58px;font-size:13px}
.user-info .list ul{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.user-info .list li,.user-info .list li:nth-child(2n){float:none;width:100%}
.user-info .list li label{height:auto;line-height:1.4;margin:0 0 6px;font-size:13px;color:#667085}
.user-info .list li span{box-sizing:border-box;min-height:44px;padding:12px 14px;margin:0;text-indent:0;font-size:14px;line-height:1.5;word-break:break-all}
body.night .container .user .user-menu{background:#292a2d}
body.night .container .user .user-menu li.hover{background:transparent!important}
body.night .container .user .user-menu li a{background:#323335;border-color:#3a3d42;color:#c0c4cc}
body.night .container .user .user-menu li.mycoupon a{background:#38262b;border-color:#5b303a;color:#ff8aa0!important}
}

@media screen and (max-width:480px){
body .container{width:calc(100% - 16px)!important}
.container .user{margin-top:66px;gap:10px}
.container .user .user-menu{padding:8px}
.container .user .user-menu ul{gap:7px}
.container .user .user-menu li a{height:40px;line-height:40px;font-size:13px}
.container .user .user-info.user-box{padding:16px 12px}
.user-info .data ul{grid-template-columns:1fr;gap:10px}
.user-info .data ul li,.user-info .data ul li:nth-child(2n),.user-info .data ul li:nth-child(3){height:92px}
.user-info .data ul li h3{font-size:15px;margin-top:17px}
.user-info .data ul li p{font-size:14px}
.user-info .notice-content{animation-duration:18s}
}