/*body{background-color:#f5f5f5;}*/

#userBox{display:none;width:0;height:0;overflow:hidden}
#userboxs .user-login{width:100%;border-radius:5px;box-sizing:border-box;overflow:hidden}
#userboxs .user-login .login{width:478px;background:#fff;min-height:630px;position:relative}
#userboxs .user-login .box{width:200px;min-height:390px;background:url(../images/02.jpg) center;background-size:cover;position:relative}
#userboxs .user-login .login .tit{padding:22px 40px;text-align:left;font-size:20px}
#userboxs .user-login .login ul{text-align:center}
#userboxs .user-login .login ul a i{font-size:100px}
#userboxs .user-login .login .tips{width:100%;line-height:40px;text-align:center;color:#888;position:absolute;bottom:140px}
#userboxs .user-login .layui-form{width:400px;margin:auto}
#userboxs .user-login .layui-form .layui-form-item{position:relative;margin-bottom:25px}
#userboxs .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}
#userboxs .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}
#userboxs .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}
#userboxs .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}
#userboxs .user-login .layui-form .layui-btn{background:#007bf5;width:100%}
#userboxs .user-login .layui-form .forget,.user-login .layui-form .register{color:#888;float:right;margin-left:10px;line-height:30px}
#userboxs .user-login .layui-form .quick{float:left;line-height:30px}
#userboxs .user-login .layui-form a>.layui-icon-login-qq{color:#007bf5;font-size:30px}
#userBox{display:none;width:0;height:0;overflow:hidden}
#userboxs{/*width:678px;*/height:390px;overflow:hidden;border-radius:6px;background-color:#fff;-webkit-user-select:none;z-index:99;box-sizing:border-box}
#userboxs .closeuser{font-size:21px;position:absolute;right:24px;top:24px;color:#b3b3b3;cursor:pointer;z-index:1}
#userboxs .closeuser:hover{color:#007bf5}

.searchskin .layui-layer-close{display:none}

@media screen and (max-width:800px){body{min-width:100%}
header .menu{width:30px;display:block;font-size:15px;margin:0;line-height:55px;text-align:center}
.userskin {width: 90%!important;left: 0px!important;margin:0px auto;top: 10%!important;padding-left: 10%!important;}
.user-login .login {width: 100%!important;}
#userboxs .user-login .layui-form {width: 85%!important;}
}

.layui-form-item {
    margin-bottom: 15px;
    clear: both;
}
.pages{text-align:center;display:block;font-size:14px;margin:10px 0 0;color:#666}
.pages span{background: #1b8eff;color: #fff;padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display: inline-block;line-height:30px;margin:15px 5px 0 5px;}
.pages a{padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display:inline-block;line-height:30px;color:#007bf5;margin:15px 5px 0 5px}
.pages li{display:inline}
.pages li a{padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display:inline-block;line-height:30px;color:#007bf5;margin:15px 5px 0 5px}
.pages li a:hover{color:#1b8eff}
.pages .thisclass a{background:#1b8eff;color:#fff;border-color:#1b8eff}
.pages .thisclass a:hover{color:#fff}
.pages .no-result{min-height:300px;padding-top:70px}
.pages .no-result h2{display:block;text-align:center;line-height:40px;font-size:22px;font-weight:700;color:#333}
.pages .no-result h2 span{display:block;font-size:14px;font-weight:400}
.pages .no-result .search-box{margin:20px auto;position:relative;width:50%}
.pages .no-result .search-box input.txt{height:40px;width:100%;text-indent:30px;line-height:40px;border:0;border-radius:5px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px}
.pages .no-result .search-box input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888}

.user{margin-top:15px;min-height:600px;width:100%;border-radius:5px;box-sizing:border-box;background:#fbfbfb;overflow:hidden;margin:0 auto 15px}
.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:1020px;background:#fff;min-height:600px;padding:30px}
.user .c-title{font-weight:500}
.user .c-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:220px;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 2px 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{font-size:14px;color:#ababab;margin-top: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}
.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:15px auto 15px}
.user-login .login{width:500px;background:#fff;min-height:630px;position:relative}
.user-login .box{width:700px;min-height:630px;background:url(../images/lashgg.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{display: inline-block;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:15px}
.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}
}