.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; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
}

.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}
.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%;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}
.user-login .login{width:600px;background:#fff;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}
.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}
@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;
}