.user{margin-top:100px;min-height:630px;width:100%;border-radius:5px;box-sizing:border-box;background:#fbfbfb;overflow:hidden}
.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:#007bf5}
.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-info .data{overflow:hidden;margin:25px 0}
.user-info .data ul li{width:245px;height:130px;float:left;margin-right:26px;background:#f2f5f9;border-radius:5px;overflow:hidden}
.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 span{display:block;width:70px;height:70px;background:#575757;border-radius:50px;float:right;margin-top:5px;margin-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 .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:5px;padding:15px 0;background:#f2f5f9;text-indent:15px;margin-top:5px}
.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:#007bf5}
.user-info .info .layui-btn{background:#007bf5;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 time,.user-stow .list ul li span{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:#f2f5f9;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:#f2f5f9;border-radius:5px;color:#888;margin:0 5px 0 0}
.user-box .page strong{padding:6px 10px;background:#38f;color:#fff;font-weight:400;border-radius:5px;margin:0 5px}
.user-login{width:100%;border-radius:5px;box-sizing:border-box;overflow:hidden;margin:100px auto 0}
.user-login .login{width:600px;background:#fff;min-height:630px;position:relative}
.user-login .box{width:700px;min-height:630px;background:url(../images/02.jpg) center;background-size:cover;position:relative}
.user-login .login .tit{padding:70px 0;text-align:center;font-size:30px}
.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:400px;margin:auto}
.user-login .layui-form .layui-form-item{position:relative;margin-bottom:30px}
.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{text-indent:30px;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}
.user-login .layui-form .layui-btn{background:#007bf5;width:100%}
.user-login .layui-form .forget,.user-login .layui-form .register{color:#888;float:right;margin-left:10px;line-height:30px}
.user-login .layui-form .quick{float:left;line-height:30px}
.user-login .layui-form a>.layui-icon-login-qq{color:#007bf5;font-size:30px}
.reg-login{background:rgba(255,255,255,.7);padding:10px;border-radius:50px;position:absolute;left:200px;bottom:10%}
.reg-login a{display:block;text-align:center;background:#007bf5;color:#fff;line-height:40px;width:130px;border-radius:50px;margin:5px;float:left}
.vip-tips{border-radius:5px;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:#007bf5;background-image:-webkit-radial-gradient(50% 3%,circle,#5dafff,#007bf5);background-image:radial-gradient(circle at 50% 3%,#5dafff,#007bf5);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:#007bf5;color:#fff;padding:5px 15px;display:inline-block;border-radius:15px;margin-bottom:15px;font-size:13px}
@media screen and (max-width:800px){.user-login .login{width:100%;padding:10%;box-sizing:border-box}
.user-box,.user-info .data,.user-login .layui-form{width:100%}
.user-login .box{display:none}
.user{margin-top:80px}
.user-menu{margin-bottom:1px;padding:5px;background:#fff;width:100%;box-sizing:border-box}
.user-menu li.hover{background:#007bf5}
.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:#007bf5!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}
}