body {background:url(../../../../public/img/back.jpg); }
.cur{color:#fff !important;background-color: #4E5465;border-left: 5px solid #009688;padding: 0 15px !important;}
.tpt-user{position:relative;margin: 10px;min-height:600px}
.tpt-user-l{padding: 0 25px 0 25px;margin: 25px 0 25px 0;float:left;border-right: 1px solid #C9C9C9;width: 50%;box-sizing: border-box;}
.tpt-user-r{padding: 0 25px 0 25px;margin: 25px 0 25px 0;float:right;width: 50%;box-sizing: border-box;}
.tpt-user-d{border-bottom: 1px solid #C9C9C9;box-sizing: border-box;line-height: 90px;}
.tpt-user-d-t{border-bottom: 1px solid #C9C9C9;box-sizing: border-box;line-height: 40px;}
.tpt-user-dd{box-sizing: border-box;line-height: 90px;}
.tpt-tab{margin:0 0 10px 220px;background:#fff;padding:10px 20px 20px 20px}
.jie-row li{position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #E9E9E9;font-size:0}
.jie-row li .jie-title{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jie-row li a{padding-right:15px;font-size:14px}
.jie-row li *{display:inline-block;vertical-align:top;line-height:24px;font-size:12px}
.jie-row li cite,.jie-row li em,.jie-row li i{font-size:12px;color:#999;font-style:normal}
.jie-row li em{position:absolute;right:0;top:0}
.jie-row li .mine-edit{margin-left:15px;padding:0 6px;background-color:#8FCDA0;color:#fff;font-size:12px}
.home-dacontent{margin-top:10px;padding:10px 15px;background-color:#F2F2F5;border-radius:5px;word-wrap:break-word}
.home-jieda li p{color:#999}
.home-jieda li p span{padding-right:5px}
.home-jieda li a{padding:0 5px;color:#4F99CF}
.home-jieda li .mine-edit{margin-left:15px;padding:4px 6px;background-color:#8FCDA0;color:#fff;font-size:12px}
.layui-elem-quote .mine-edit{margin-left:15px;padding:4px 6px;background-color:#8FCDA0;color:#fff;font-size:12px}
.home-jieda li{margin-bottom:20px;line-height:24px}
.avatar-add{position:relative;}
.avatar-add p{position:absolute;font-size:12px;left: 125px;top: 10px;color: #999;}
.avatar-addd p{position:absolute;font-size:12px;left: 150px;top: 10px;color: #999;}
.avatar-add .upload-img{}
.avatar-add img{width:300px;height:200px;margin-top: 20px;}
.fly-home{position:relative;padding:30px 0 30px;text-align:center;background-color:#fff}
.fly-home img{width:120px;height:120px;border-radius:100%}
.fly-home h1{font-size:26px;line-height:30px;margin-top:10px}
.fly-home h1 .icon-nan{font-size:22px;color:#4EBBF9}
.fly-home h1 .icon-nv{font-size:22px;color:#F581B1}
.fly-home-info i{padding-right:5px;padding-left:10px;color:#666}
.fly-home-info span{color:#999}
.fly-home-sign{padding:0 10px;color:#999;margin-top:10px}
.fly-home-main{margin-top:15px;font-size:0;text-align:center}
.layui-inline{vertical-align:top;font-size:14px;text-align:left}
.fly-panel{background-color:#fff;border-radius:2px;margin: 10px;}
.fly-panel-title{position:relative;height:40px;line-height:40px;padding:0 20px;margin-bottom:5px;background-color:#f8f8f8;color:#333;border-radius:2px 2px 0 0;font-size:14px}
.fly-home-da .home-jieda,.fly-home-jie .jie-row{min-height:300px;padding:5px 20px}
.tpt-user .layui-nav{position:absolute;left:0;top:0;z-index:1000;height:100%;padding:10px 0}
.tpt-user .layui-nav .layui-icon{position:relative;top:2px;font-size:20px;margin-right:10px}
.tpt-user .layui-tab{margin:0}
.tpt-user .layui-tab-content{min-height: 300px;padding:10px 0}
.mine-msg{min-height: 300px;}
.mine-msg li{position:relative;margin-bottom:15px;padding:10px 0 5px;line-height:24px;border-bottom:1px dotted #E9E9E9}
.mine-msg li cite{padding:0 5px;color:#4F99CF}
.mine-msg li .fly-delete{position:relative;top:-3px}
.mine-msg li>p{position:relative;margin: 8px 0 5px 0;line-height:26px;text-align:right}
.mine-msg li>p span{position:absolute;left:0;top:0;color:#999}
.tpt-tab .tpts-btn{margin:10px 0}
.fly-tab{margin:0 0 10px 0;border-right:1px solid #E8E8E8;border:1px solid #E8E8E8;background:#fff}
.fly-tab ul li{width:33.333%;float:left;text-align:center}
.fly-tab a{padding:0;border-right:1px solid #E8E8E8;display:inline-block;width:100%;height:38px;line-height:38px}
.tpt-login{padding: 10px 20px 20px 20px;background: #fff;margin: 10px}

img[src=""],img:not([src]){
    opacity:0;
}
.uspictm{ border:1px solid #e1e1e1;width:28%; margin:auto;}
.uspictm .title{ border-bottom:1px solid #e1e1e1; height:54px;}
.uspictm .title li{ float:left; padding:0 30px; background:#fff; line-height:54px; color:#595959; font-size:15px;}
.uspictm .title li a{ display:block; color:#595959}
.uspictm .title li.on{ border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding-bottom:1px; position:relative; z-index:999; color:#6bc85c}
.uspictm .title li#fit.on{ border-left:none;}
.uspictm .title li.on a{ color:#6bc85c}
.uspictm .contms{ padding: 20px 40px 55px 40px;}
.uspictm .infoxg li{padding:15px 0 5px; font-size:15px; overflow:hidden; color:#595959}
.uspictm .infoxg li label{ display:block; float:left; text-align:right; width:75px; color:#333; line-height:28px;}
.uspictm .infoxg li span{ width:782px; float:right}
.uspictm .infoxg li span .webtxt{ font-size:14px; border:1px solid #e1e1e1; height:26px; line-height:26px; padding-left:10px; width:200px;}
.uspictm .infoxg li span a{ display:block; width:82px; height:28px; line-height:28px; color:#fff; font-size:15px; background:#6bc85c; text-align:center}
.uspictm .infoxg p{ display:block; padding:30px 20px; font-size:13px; color:#a1a1a1; line-height:23px;}
.uspictm .contms dl{ padding:10px;}
.uspictm .contms dt{ font-size:13px; color:#a1a1a1; padding-bottom:25px;}
.uspictm .contms dt i{ color:#6bc85c}
.uspictm .contms dd{min-height:50px;overflow:hidden}
.uspictm .contms dd label{ display:block;float:left; text-align:right; color:#595959; font-size:15px; width:100px; }
.uspictm .contms dd span{ display:block; float:left; padding-left:10px}
.uspictm .contms dd .webtxt{ width:96%; height:35px;font-size: 16px; line-height:35px; border:1px solid #e7e7e7;  padding-left:10px;}
.uspictm .contms dd textarea{ width:408px; height:158px; line-height:28px; border:1px solid #e7e7e7; background:#f4f4f4; padding-left:10px; box-shadow:0px 2px 3px #e7e7e7 inset; margin-bottom: 20px}
.uspictm .contms dd span i{ display:block; line-height:22px; padding-top:6px}
.uspictm .contms dd span i a{ color:#6bc85c}
.uspictm .contms dd .webtn{ display:block; width:100px; height:30px; margin-left:110px; line-height:30px; color:#fff; font-size:15px; text-align:center; background:#6bc85c; border:none; cursor:pointer}
.uspictm .contms.pdlg{ padding:0}
.uspictm .tabsd ul{ border-bottom: 1px solid #eaeaea}
.uspictm .tabsd li{  height:50px; overflow:hidden; font-size:14px; padding:0 6px; color: #858585; border-left:4px solid #fff}
.uspictm .tabsd li.frt{ font-weight:bolder; margin:0;border-bottom:1px solid #eaeaea; padding: 0 16px 0 50px; line-height: 50px;}
.uspictm .tabsd li label{ display:block; overflow: hidden;border-bottom:1px solid #eaeaea; padding:0 16px; height: 49px; line-height: 49px;}
.uspictm .tabsd li label.born{ border:none;}

.uspictm .tabsd li input{display: block; float: left; margin-top: 20px; margin-right: 16px;}
.uspictm .tabsd li span{ float: left}
.uspictm .tabsd li a.delmsg{ float: right; line-height: 49px; margin-right: 26px; color: #ff5656}
.uspictm .tabsd li i{ display:block; float:left;width:208px}
.uspictm .tabsd li:hover,.uspictm .tabsd li.on{ border-left: 4px solid #6bc85c}
.uspictm .tabsd li.ac,.uspictm .tabsd li.ac a{ color: #ccc}
.uspictm .tabsd li.frt:hover{ border-left: 4px solid #fff}
.uspictm .tabsd li label:hover,.uspictm .tabsd li label:hover a{ color:#6bc85c}

.uspictm .pages{ padding:40px; text-align:center;}
.uspictm .pages a,.uspictm .pages span{ display:inline-block; margin:0 8px; height:30px; line-height:30px; padding:0 11px; background:#f5f5f5; color:#595959; font-size:16px;}
.uspictm .pages a:hover,.uspictm .pages span{ background:#38b351; color:#fff}
.uspictm .tginfos{ margin: 30px}
.uspictm .tginfos .bord{ border: 1px solid #eaeaea; padding:22px; font-size: 14px;}
.uspictm .tginfos ul{ border-bottom: 1px solid #ddd; line-height: 26px; padding-bottom: 12px;}
.uspictm .tginfos p{ display: block; padding:40px 0; line-height: 24px;}
.uspictm .tginfos a{ display:block;margin:20px auto; width: 160px; height: 30px; line-height: 30px; color: #fff; background:#6bc85c; font-size: 15px; text-align: center;}
.uspictm .tabs dl{line-height: 50px; font-size: 14px; border:1px solid #eaeaea; margin:30px 30px 0;}
.uspictm .tabs dt{border-bottom: 1px solid #eaeaea; font-weight: bolder; overflow: hidden;padding-left:58px;}
.uspictm .tabs dd{ padding: 0 12px; border-left:4px solid #fff}
.uspictm .tabs dd span{ display: block; border-bottom: 1px solid #eaeaea; background:url(../images/libg.png) no-repeat 12px center; padding-left: 42px; overflow: hidden;}
.uspictm .tabs dl i{ display: block; float: left; overflow: hidden;}
.uspictm .tabs dl .i1{width:165px;}
.uspictm .tabs dl .i2{width:156px;}
.uspictm .tabs dl .i3{width:145px;}
.uspictm .tabs dl .i4{width:230px;}
.uspictm .tabs dl .i5{width:70px;}
.uspictm .tabs dd.active,.uspictm .tabs dd:hover{ color: #6bc85c; border-left:4px solid #6bc85c;}
.uspictm .tabs dd.active a,.uspictm .tabs dd:hover a{color: #6bc85c;}


.uspictm .anser{padding:30px 40px; font-size: 14px; color: #787878}
.uspictm .anser .titles{ color: #6bc85c; font-size: 16px; font-weight:bolder; padding-bottom:10px}
.uspictm .anser .zpert{ padding-top: 14px;}
.uspictm .anser .stle{ padding-bottom: 16px}
.uspictm .anser .stle em{float: right}
.uspictm .anser .stle i{float: right}
.uspictm .anser .ancnt{ border:1px solid #eaeaea; padding:15px 30px; line-height: 24px;}
.uspictm .anser .jxca{ padding:50px 0 30px;}
.uspictm .anser .jxca span{ display: block; padding-bottom: 12px;}
.uspictm .anser .jxca textarea{ width:814px; height:108px; line-height:28px; border:1px solid #e7e7e7; background:#f4f4f4; padding-left:10px; box-shadow:0px 2px 3px #e7e7e7 inset; margin-bottom: 20px}
.upvippaytype {
    width: 114px;
    height: 37px;
    display: inline-block;
    line-height: 35px;
    margin: 6px 5px 0 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}
.upvippayren, .upvippay {
    border: 1px solid #ef9509 !important;
    position: relative;
}
.zhifuing {
    height: 25px;
    margin-top: -1px;
    margin-left: -5px;
    margin-right: 2px;
}
.upvippayren::before, .upvippay::before {
    position: absolute;
    content: "";
    height: 15px;
    width: 18px;
    right: 0px;
    bottom: 0px;
    background: url(../img/gg.png) no-repeat right bottom;
    background-size: 18px 18px;
}
.shuoming {
    border: 1px solid #6cd66e;
    font-size: 14px;
    color: #5fb878;
    position: relative;
    padding: 20px 25px;
    background-color: #F1F6EF;
}
.shuoming::before {
    font-family: layui-icon!important;
    content: "\e60b";
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #6cd66e;
    background-color: #6cd66e;
    line-height: 20px;
}
@media only screen and (max-width: 767px) {
.tpt-tab {margin: 0;}
.layui-inline {width: 100%;}
.fly-home-da {margin: 0;}
.fly-panel {margin: 15px 10px 0px 10px;}
.avatar-add img {width: 100%;height: 100%;}
.fly-home-main {margin-top: 0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tpt-tab {margin: 0;}
.layui-inline {width: 100%;}
.fly-home-da {margin: 0;}
.fly-panel {margin: 15px 10px 0px 10px;}
.avatar-add img {width: 100%;height: 100%;}
.fly-home-main {margin-top: 0px;}

}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {

}