.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}
.i-info{margin:15px 0;margin-bottom:50px}
.i-info .info-img{float:left;width:100px;height:100px;overflow:hidden;border-radius:50%;cursor:pointer;position:relative}
.i-info .info-img img{width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.i-info .info-img:hover:before{opacity:1}
.i-info .info-img:hover:after{opacity:1}
.i-info .info-img:before{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;overflow:hidden;background:rgba(0,0,0,0.28);transition:0.5s all;border-radius:50%}
.i-info .info-img:after{content:"更换头像";border-radius:50%;position:absolute;transition:0.5s all;top:50%;left:50%;color:white;text-align:center;border:2px solid white;width:70px;height:22px;transform:translate(-50%,-50%);border-radius:3px;font-size:13px;opacity:0;overflow:hidden}
.i-info .info-info{float:right;margin-top:15px;width:calc(100% - 150px)}
.i-info .info-info .nick{font-size:22px;font-weight:400;height:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.i-info .info-info .nick font{margin-left:13px;font-size:19px;vertical-align:middle;top:-2px;position:relative;color:#b1b1b1}
.i-info .info-info .nick i{margin-right:10px;font-size:24px;vertical-align:middle;top:-2px;position:relative;color:#b1b1b1}
.i-info .info-info .nick b{font-weight:normal;font-size:15px;border:1px solid #ffaf1e;height:26px;display:inline-block;line-height:26px;vertical-align:middle;padding:0px 10px;color:#ffaf1e;margin-left:13px;margin-top:-4px;border-radius:15px;cursor:default}
.i-info .info-info .intr{font-size:16px;color:#616161;line-height:26px;padding:5px 0px;margin-top:7px}
.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;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 span{width:70px;height:70px;background:#575757;border-radius:50px;margin-top:5px;margin-right:-20px;position:absolute;right:0px;top:85px}
.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%;height:15px;border-radius:5px;padding:15px 0;background:#f2f5f9;text-indent:15px;margin-top:5px}

.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;bottom:0;right:5px;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}
.user-stow .list ul li:first-child{padding-top:10px}
.user-stow .list ul li:last-child{border-bottom:0}
.user-stow .list ul li time{border-radius:18px;background:#f6f6f6;color:#999;padding:4px 5px;font-size:12px;margin-right:10px;z-index:1;position:relative}
.user-stow .list ul li .tit{z-index:1;position:relative}
.user-stow .list ul li .del{float:right;margin-right:50px;z-index:1;position:relative;padding:5px 10px;border-radius:15px;background:red;font-size:14px;line-height:15px;height:15px;margin-top:-3px;color:#fff}
.user-stow .list ul li .link{float:right;padding:5px 10px;border-radius:15px;background:#007bf5;font-size:14px;line-height:15px;height:15px;margin-top:-3px;color:#fff;z-index:1;position:relative}
.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:100px auto 0;display: flex;}
.user-login .login{width:600px;background:#fff;min-height: 630px;position:relative}
.user-login .box{width:700px;min-height:430px;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;}
.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;z-index: 999;}
.user-login .layui-form .layui-form-item img{position:absolute;bottom:0;right:1px;width:170px;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}
.post_code{position:relative;display:flex}
.right_btn{position:absolute;right:1px;height:38px;line-height:3;width:auto!important}
@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-menu,.user-menu li a{width:100%;line-height:40px}
.user-menu li{float:left;width:33%}
.user-menu li a{padding:0}
.user-box{padding: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}
    .tg-list li .list-img {display: none;width:0}
    .tg-list li .list-info {width: 100% !important}
}

.u-forget{background:#FFf;padding-bottom:20px}
.u-forget .code img{width:37%;float:right;height:43px;margin-top:20px;border:1px solid #EAEAEA}
.u-forget .code{display:none}
.u-forget .zc{margin-top:20px;text-align:center}
.u-forget .zc a{padding-right:15px}
.u-forget .m_phone_code .send_code{margin-top:20px;display:block;height:43px;float:right;line-height:43px;cursor:pointer;background:#45D98C;color:#FFF;width:37%;text-align:center;border-radius:3px}
.u-forget .m_phone_code .send_code:hover{background:#3DC37D}
.u-forget .m_phone_code .user_input{width:60%;float:left}
.u-forget .m_phone_code .jinzhi{cursor:not-allowed;background:#64C7F3;background:#D8D8D8}
.u-forget .m_phone_code .jinzhi:hover{background:#D8D8D8}
.u-forget .title_forget{line-height:40px;padding-top:20px;height:41px;overflow:hidden;text-align:center;font-size:26px;color:#333}
.u-forget .step{margin:0px auto;height:70px;width:840px;margin-top:108px;margin-bottom:60px;overflow:hidden;background:url(../images/step1.png) no-repeat;background-size:100% auto}
.u-forget .step1{background-image:url(../images/step1.png)}
.u-forget .step2{background-image:url(../images/step2.png)}
.u-forget .step3{background-image:url(../images/step3.png)}
.u-forget .step4{background-image:url(../images/step4.png)}
.u-forget .forget_input{width:375px;max-width:90%;margin:0px auto;margin-bottom:65px}
.u-forget .forget_input .code img{max-width:130px;border-radius:4px;cursor:pointer}
.u-forget .forget_next{display:block;width:100%;height:40px;line-height:40px;margin-top:22px;background:#5298ff;text-align:center;color:#FFF;font-size:14px;border-radius:4px}
.u-forget .forget_next:hover{background:#5193f5;color:#FFF}
.u-forget .next_2 .send_code{background:#ffffff;color:#B1B1B1;border:1px solid #EAEAEA}
.u-forget .next_2 .send_code:hover{background:#FFF;color:#B1B1B1}
.data-ul li{float:left;width:31%;margin-right:3.5%}
.data-ul li:nth-last-child(1){margin-right:0}
.data-ul li font{float:left;width:35%;height:90px;line-height:90px;text-align:center;font-size:40px;background:#ececec;color:#FFF;border-radius:3px 0px 0px 3px}
.data-ul li div{float:left;width:45%;border:1px solid #ececec;height:90px;padding-left:15px;border-radius:0px 3px 3px 0px}
.data-ul li div b{display:block;font-size:27px;font-weight:normal;margin-top:20px;height:30px;line-height:30px;overflow:hidden;color:#333}
.data-ul li div span{display:block;font-size:15px;height:30px;line-height:30px;overflow:hidden;color:#848484}
.tg-list{margin-top:15px}
.tg-list li{margin-bottom:20px;position:relative;border-bottom:1px solid #ededed}
.tg-list li .list-img{float:left;width:200px;height:100px;overflow:hidden}
.tg-list li .list-img a{display:block;width:100%;height:100%}
.tg-list li .list-img img{width:100%;min-height:150px;margin-top:-7px}
.tg-list li .list-info{float:right;width:calc(100% - 200px - 35px)}
.tg-list li .list-info .list-title{margin-top:-5px;font-size:17px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tg-list li .list-info .list-title a{color:#1b1b1b !important}
.tg-list li .list-info .list-title i{font-style:normal;font-size:15px;border:1px solid #e6e6e6;padding:3px 12px;margin-right:13px;color:#8e8e8e;vertical-align:middle;border-radius:17px;display:inline-block;line-height:17px}
.tg-list li .list-info .list-title .success{border:1px solid #38ad23;color:#38ad23}
.tg-list li .list-info .list-title .bad{border:1px solid #FF3300;color:#FF3300}
.tg-list li .list-info .list-content{font-size:15px;line-height:24px;margin-top:11px;color:#969696;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tg-list li .list-info .btn .left{line-height:42px;height:42px;overflow:hidden;font-size:15px;color:#969696}
.tg-list li .list-info .btn .right{border:1px solid #e8e8e8;font-size:15px;color:#969696;display:block;line-height:32px;margin-top:5px;width:88px;float:right;text-align:center;border-radius:3px}
.tg-list li[noread]:before{position:absolute;left:-30px;top:calc(50% - (6px / 2));content:" ";background:#ff8a8a;width:6px;height:6px;border-radius:50%}
.no-data{padding:50px 100px}
.no-data i{color:#d6d6d6}
.loadings{font-size:104px;color:#5298ff;display:block;height:100px;width:100px;margin:135px auto;margin-top:80px}
/*.inline-form .layui-form-item:nth-child(2n) {*/
/*    float: right;*/
/*}*/
.coverBox img {
    /*width: 100%;*/
    max-height: 100%;
}
u-tg .layui-btn {
    line-height: 42px;
    height: 42px;
}

.u-tg .uploadImg {
    padding: 0 35px;
    border: 1px solid #e6e6e6;
}
.coverBox {
    position: absolute;
    bottom: 45px;
    z-index: 1000;
    background: #fff;
    height: 80px;
    max-width: 150px;
}