.input,.select,.textarea{height:32px;line-height:32px;border-width:1px;border-style:solid;background:transparent;}
.input::-webkit-input-placeholder,.select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{line-height:1.3;color:#8a8a8a;}
.input,.textarea{display:block;width:100%;padding-left:10px;border: 1px solid #535353;}
.textarea{min-height:80px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}
.select{padding:0 10px}
.form input[type=checkbox],.form input[type=radio],.form select{display:none}
.form [lay-ignore]{display:initial}
.form-item{margin-bottom:15px;}
/* .form-item:after{content:'\20';clear:both;display:block;height:0} */
.form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}
.form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}
.input-block{margin-left:110px;min-height:32px}
.input-inline{display:inline-block;vertical-align:middle}
.form-item .input-inline{float:left;width:190px;}
.form-text .input-inline{width:auto}
.tips{color: #F98117;}
.ml12{margin-left: 12px;}
/* 用户主页 */
.user-home{padding-top:0;}
.user-left{width: 806px;float: left;}
/* 页面导航栏目 */
.banner{min-width: 1200px;height:208px;text-align:center;position:relative;}
.banner > b {position: absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.40);font-weight:normal;padding-top:45px;opacity: 0;transition:all .3s;}
.user-home .banner>p {width:1200px; height:28px; margin:0 auto; padding-top:40px;position: relative;}
.user-home .banner>p span {width:68px;height:28px;line-height: 28px;font-size: 12px;text-align: center;border:1px solid rgba(138,138,138,.3);float: right;border-radius:4px;position: absolute;right: 0;}
.user-home .banner>p span:hover {opacity:1;}
.user-home .banner>p span input {position:absolute; width:100%; height:100%; opacity:0;left:0;top:0;font-size: 0;cursor:pointer;}
.user-home .banner>p span input:hover{cursor:pointer}
/* .user-home .user-top {position: relative;} */
.user-home .user-top .nav { height:78px;position: relative; width:100%;}
/* .user-home .user-top .nav ul {text-align:center;} */
.user-home .user-top ul li { display:inline-block; width:78px; height:78px;font-size:16px;  text-align:left;cursor: pointer;position: relative;}
.user-home .user-top ul li>a{color:#989CAB;padding-top: 26px;display: block;}
.user-home .user-top ul li a i{margin-left: 6px;width: 9px;height: 9px;display: inline-block;background: url(/static/img/icon/down.png) no-repeat;transition: all .3s;vertical-align: middle;margin-top: 3px;opacity: .6;}
.user-home .user-top ul li:hover a{color:#212229;}
.user-home .user-top ul li:hover a i{opacity: 1;}
.user-home .user-top ul li.on a {color:#212229;}
.user-home .user-top ul dd{display: none;position: absolute;top: 61px;left:-5px;z-index: 999;width: 72px;line-height: 24px;text-align: center;background: #FFFFFF;font-size: 12px;padding: 8px 0;box-shadow:0px 3px 6px rgba(220,222,233,1);}
.user-home .user-top ul dd a{color: #5C5E68;font-size: 14px;}
.user-home .user-top ul li:hover dd{display: block;}
.user-home .user-top ul em {position: absolute;width: 32px !important;height:3px; background:#212229;top:56px;display: block;border-radius:16px;}
.banner:hover b{opacity: 1;}
.banner:hover p span{color: #FFFFFF;border:1px solid #FFFFFF;}
/* 用户内文章案例活动区域 */
.user-home .user .user-panel{margin-bottom: 100px;}
.user-home .user .user-panel .panel-title{height: 78px;line-height: 78px;font-size:24px;font-weight: bold;color: #333333;}
.user-home .user .user-panel .panel-title span{color: #B1BBD2;margin-left: 6px;}
.user-home .user .user-panel .panel-title a{float: right;font-size:16px;font-weight:400;color: #989CAB;}
.user-home .user .user-panel .panel-title a:hover{color: #E26F21;}
.user-home .user .user-panel .user-panel-progect  ul li {flex-direction:column; width:260px;height: 246px; float:left;position: relative;margin-right:12px;margin-bottom: 53px;}
.user-home .user .user-panel .user-panel-progect  ul li:nth-child(3n){margin-right: 0;}
.user-home .user .user-panel .user-panel-progect  ul li .img {width:100%; height:146px;border-radius:4px;position: relative;}
.user-home .user .user-panel .user-panel-progect  ul li .img img {width: 100%;height: 100%;object-fit: cover;}
.user-home .user .user-panel .user-panel-progect  ul li h5 {line-height: 24px;font-size: 16px;height: 48px;font-weight: 600;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 14px;margin-bottom: 6px;}
.user-home .user .user-panel .user-panel-progect  ul li h5 a{color: #212229;word-wrap:break-word}
.user-home .user .user-panel .user-panel-progect ul li h5 a:hover{color: #F98117;}
.user-home .user .user-panel .user-panel-progect  ul li .img .time{color: #ffffff;width: 100%;text-align: right;display: block;font-size: 14px;position: absolute;bottom:0;opacity: 0;transition:all .3s;padding-right: 14px;line-height:34px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);border-radius:4px;}
.user-home .user .user-panel .user-panel-progect  ul li .img:hover .time{opacity:1;}
.user-home .user .user-panel .user-panel-progect  ul li .img .imgvod {position: absolute;left: 7px;top: 7px;color: #FFFFFF;font-size: 14px;background: rgba(0,0,0,.6);padding: 0 7px 0 7px;height: 21px;line-height: 21px;display: flex;align-items: center;justify-content: center;}
.user-home .user .user-panel .user-panel-progect  ul li .vod .pre {transition: all .25s;overflow: hidden;position: absolute;top: 7px;left: 0px;right: 0px;height: 5px;margin: 0 10px;background-color: rgba(255,255,255,.5);z-index: 101;}
.user-home .user .user-panel .user-panel-progect  ul li .vod .pre em {display: block;height: 5px;background: #fff;width: 0%;}
.user-home .user .user-panel .user-panel-progect  ul li .vod {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: #000;}
.user-home .user .user-panel .user-panel-progect  ul li .vod i {width: 100%;height: 100%;opacity: 0;transition: all .25s;display: none;}
.user-home .user .user-panel .user-panel-progect  ul li .vod i.on {opacity: 1;display: block;}
/* 用户主页文章 */
.user-home .user .user-panel .user-panel-article  ul li {width:100%;height: 148px;position: relative;margin-bottom: 32px;display: flex;}
.user-home .user .user-panel .user-panel-article  ul li>div{width: 555px;}
.user-home .user .user-panel .user-panel-article  ul li h6 {color: #989CAB;font-size: 12px;clear: both;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 16px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;-o-line-clamp: 2;-o-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;}
.user-home .user .user-panel .user-panel-article  ul li .img {width:260px; height:146px;border-radius:4px;margin-right: 17px;position: relative;}
.user-home .user .user-panel .user-panel-article  ul li .img img {width: 100%;height: 100%;object-fit: cover;}
.user-home .user .user-panel .user-panel-article  ul li h5 {line-height: 24px;font-size: 16px;max-height: 48px;font-weight: 600;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 8px;}
.user-home .user .user-panel .user-panel-article  ul li h5 a{color: #212229;}
.user-home .user .user-panel .user-panel-article  ul li h5 a:hover{color: #F98117;}
.user-home .user .user-panel .user-panel-article  ul li div>div>div.time{margin-left: 8px;}
/* 用户主页活动 */
.user-home .user .user-panel .user-panel-active  ul li {flex-direction:column;width:248px;height:463px;position: relative;margin-bottom: 30px;float: left;margin-right:30px;}
.user-home .user .user-panel .user-panel-active  ul li:nth-child(3n){margin-right: 0;}
.user-home .user .user-panel .user-panel-active  ul li>div{width: 248px;height: 116px;position: relative;}
.user-home .user .user-panel .user-panel-active  ul li .img {width:248px; height:330px;border-radius:4px;margin-right: 17px;position: relative;margin-bottom: 16px;background: #8a8a8a;}
.user-home .user .user-panel .user-panel-active  ul li .img img {width: 100%;min-height: 100%;transition: .3s;}
.user-home .user .user-panel .user-panel-active  ul li .img :hover img {transform:scale(1.03);-ms-transform:scale(1.03); /* IE 9 */-moz-transform:scale(1.03); /* Firefox */-webkit-transform:scale(1.03); /* Safari 和 Chrome */-o-transform:scale(1.03); /* Opera */}
.user-home .user .user-panel .user-panel-active  ul li .img div {height:67px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 59%,rgba(0,0,0,1) 100%);border-radius:4px;position: relative;bottom: 67px;color: #C6C8D1;padding: 0 10px;display: flex;transition:all .3s;opacity: 0;}
.user-home .user .user-panel .user-panel-active  ul li .img:hover div{opacity: 1;}
.user-home .user .user-panel .user-panel-active  ul li .img div p{text-align: right;width: 100%;margin-top: 33px;}
.user-home .user .user-panel .user-panel-active  ul li h5 {line-height: 24px;font-size: 16px;max-height: 48px;font-weight: 600;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 11px;}
.user-home .user .user-panel .user-panel-active  ul li h5 a{color: #212229;}
.user-home .user .user-panel .user-panel-active  ul li h5 a:hover{color: #F98117;}
.user-home .user .user-panel .user-panel-active  ul li h5 .time{margin-bottom: 11px;}
.user-home .user .user-panel .user-panel-active  ul li div dl{width: 248px;margin-top: 11px;position: absolute;bottom: 0;}
.user-home .user .user-panel .user-panel-active  ul li div dl dt{display: flex;}
.user-home .user .user-panel .user-panel-active  ul li div dl span:nth-child(1){padding: 1px 10px;color: #FFFFFF;border-radius: 2px;}
.user-home .user .user-panel .user-panel-active  ul li div dl span.u-gf{width: 44px;height: 24px;line-height: 24px;text-align: center;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 400;background-color: #212229;color: #F3B435;-webkit-border-radius: 2px;border-radius: 2px;margin-right: 8px;font-style: normal;margin-left: 9px;}
.user-home .user .user-panel .user-panel-active  ul li div dl dt .price{line-height: 24px;font-size:18px;font-weight:500;flex: 1;text-align: right;color: #212229;}
.user-home .user .user-panel .user-panel-active  ul li div dl dt .u-js{line-height: 24px;font-size:18px;font-weight:500;flex: 1;text-align: right;color: #9FA2AE;}
.user-home .user .user-panel .user-panel-active  ul li div dl dt .price.theme-color{color: #EF8035;}
.user-home .user .user-panel .panel-body  ul li div>div{font-size: 12px;color: #989CAB;}
.user-home .user .user-panel .panel-body  ul li div>div>div{float: left;}
.user-home .user .user-panel .panel-body  ul li div>div span:nth-child(1){margin-right: 8px;}
.user-home .user .user-panel .panel-body  ul li div>div span:nth-child(2){margin-right: 8px;}
.user-home .user .user-panel .panel-body  ul li .img>i{width: 20px;height: 20px;display: block;}
.user-home .user .user-panel .panel-body  ul li div>div span i{width: 18px;height: 17px;display: inline-block;vertical-align: middle;background: url(/static/img/icon/user-icon.png) no-repeat;}
.user-home .user .user-panel .panel-body  ul li .img .i1{background: url(/static/img/icon/aljx.png) no-repeat center;position: absolute;left: 12px;top: 11px;}
.user-home .user .user-panel .panel-body  ul li div>div .i2{display: inline-block;vertical-align: middle;padding: 1px 0.6em;font-size: 12px;font-weight: 500;line-height: 1.3;color: #F98117;-webkit-border-radius: 8px;border-radius: 8px;margin-right: 8px;margin-top: -0.2em;font-style: normal;border: 1px solid #F98117;}
.user-home .user .user-panel .user-panel-article  ul li div>div .i2{margin-right: 15px;}
.user-home .user .user-panel .panel-body ul li div>div .i3{background-position:-30px -100px;margin-right: 3px;}
.user-home .user .user-panel .panel-body ul li div>div .i4{background-position:-8px -81px;}
.user-home .user .user-panel .panel-body ul li div>div .i5{background-position:-30px -81px;}
.user-home .user .user-panel .panel-body  ul li .img .i6{background: url(/static/img/icon/user-icon.png) no-repeat center;position: absolute;left: 12px;top: 11px;background-position:-230px -9px;}
.user-home .user .user-panel .panel-body  ul li div>div .i7{width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: url(/static/img/icon/user-icon.png) no-repeat;background-position:-177px -10px;margin-right: 15px;margin-top: -0.3em;}
.user-home .user .user-panel .panel-body  ul li .img .i8{width: 24px;height: 24px;background: url(/static/img/icon/user-icon.png) no-repeat center;background-position:-290px -8px;float: right;margin-left: 7px;}
.user-home .user .user-panel .panel-body  ul li .img .i8:hover{background: url(/static/img/icon/user-icon.png) no-repeat center;background-position:-258px -8px;}
.user-home .user .user-panel .panel-body  ul li .img .i9{width: 24px;height: 24px;background: url(/static/img/icon/user-icon.png) no-repeat center;background-position:-258px -8px;float: right;margin-left: 7px;}
/* 用户基本资料 */
.user-home .user .user-basedata .d2{border-bottom: 2px solid #F1F3F6;padding: 0 0 23px 0;margin-bottom: 6px;}
.user-home .user .user-basedata .basedata-header{line-height: 64px;color: #333333;}
.user-home .user .user-basedata .panel-body{margin-left: 100px;}
.user-home .user .user-basedata .basedata-box p{font-size: 14px;margin-bottom: 17px;display: flex;}
.user-home .user .user-basedata .basedata-box p span{margin-left: 16px;width: 596px;color: #333333;}
.user-home .user .user-basedata .basedata-box p span i{font-style: normal;font-size: 12px;color: #989CAB;}
.user-home .user .user-basedata .basedata-box .basedata-des{word-wrap: break-word;white-space: pre-line;line-height: 24px;}
.user-home .user .user-basedata .basedata-box p>em {opacity: 0;}
/* 机构历程 */
.user-home .user .user-basedata .d3{border-bottom: 2px solid #F1F3F6;margin-bottom: 6px;}
.user-home .user .user-basedata .history-box .item{position: relative;padding-bottom: 40px;color: #333333;}
.user-home .user .user-basedata .history-box dt{padding-left: 16px;font-size: 14px;}
.user-home .user .user-basedata .history-box .history-timeline{width:14px;height:14px;background:#CCD0EF;border-radius:50%;display: block;position: absolute;left: -14px;top: 4px;z-index: 10;border-radius: 50%;}
.user-home .user .user-basedata .history-box .item:before{content: '';position: absolute;left: -8px;top:10px;z-index: 0;width: 1px;height: 100%;border: 1px dashed #CCD0EF;}
.user-home .user .user-basedata .history-box .item:last-child:before{display: none;}
.user-home .user .user-basedata .history-box .item dt span{margin-bottom: 11px;display: block;}
/* 企业联系人 */
.user-home .user .user-basedata .d5{border-bottom: 2px solid #F1F3F6;padding: 0 0 23px 0;margin-bottom: 6px;}
/* 领域标签 */
.user-home .user .user-basedata .d4{margin-bottom: 97px;}
.user-home .user .user-basedata .lingyu-box{display: flex;flex-flow: wrap;}
.user-home .user .user-basedata .d4 .lingyu-box a{padding: 5px 14px;font-size: 14px;background:#F2F4F8;border-radius:4px;float: left;margin-right: 24px;margin-bottom: 20px;}
/* 团队 */
.user-home .user .user-team .d1{border-bottom: 1px solid #ECECEC;}
.user-home .user .user-team .d1:last-child{border-bottom:none;margin-bottom: 140px;}
.user-home .user .user-team .team-header{line-height: 66px;color: #333333;}
.team-box{margin-left: 64px;}
.user-home .user .user-team ul{display: flex;flex-flow: wrap}
.user-home .user .user-team ul li {width: 120px;float: left;margin-bottom: 24px;margin-right: 30px;}
.user-home .user .user-team ul li:nth-child(5n){margin-right: 0;}
.user-home .user .user-team ul li .popup-team {position: relative;width: 120px;height: 90px;overflow: hidden;}
.user-home .user .user-team ul li .img {width: 90px;height: 90px;border-radius: 50%;margin: 0 auto;border: 1px solid #ECECEC;}
.user-home .user .user-team ul li .popup-team .i1{width: 20px;height: 20px;display: block;position: absolute;right: 20px;bottom: 2px;background: url(/static/img/icon/grgfzh.png) no-repeat center center;background-size: 100% 100%;}
.user-home .user .user-team ul li .img img {width: 88px;height: 88px;border-radius: 50%;}
.user-home .user .user-team ul li p:nth-child(2) {padding-top: 12px;}
.user-home .user .user-team ul li p a{font-weight: 600;font-size:15px;}
.user-home .user .user-team ul li p {text-align: center;}
.user-home .user .user-team ul li p .i2{width: 15px;height: 15px;display: inline-block;position: relative;margin-left: 3px;bottom: -2px;background:url(/static/img/icon/user-icon.png) no-repeat;background-position:-9px -10px;}
/* 工作经历 */
.user-home .user .user-basedata .d7{border-bottom: 1px solid #ECECEC;}
.user-home .user .user-basedata .d7 .panel-body .item dt{display: flex;}
/* .user-home .user .user-basedata .d7 .panel-body .item p:first-child {} */
.user-home .user .user-basedata .d7 .panel-body .item dt p span{display: block;color: #333333;line-height: 24px;}
.user-home .user .user-basedata .d7 .panel-body .item dt p>i {font-style: normal;margin-top: 5px;}
.user-home .user .user-basedata .d7 .job-box {padding-bottom: 16px;}
.user-home .user .user-basedata .d7 .job-box .item {margin-bottom: 24px;}
.user-home .user .user-basedata .d7 .job-box .item p:first-child i{width: 30px;height: 30px;background:url(/static/img/icon/user-icon.png) no-repeat;background-position:-325px -7px;display: block;margin-right: 16px;border-radius: 50%;}
.user-home .user .user-basedata .d7 .job-box .item i.i1{width:15px;height:15px;background:url(/static/img/icon/user-icon.png) no-repeat;background-position: -9px -10px;display: inline-block;margin-left: 16px;vertical-align: middle;margin-top: -3px;}

.user-home .user .user-basedata .d7 .project-box{padding-bottom: 16px;}
.user-home .user .user-basedata .d7 .project-box .item {margin-bottom: 24px;}
.user-home .user .user-basedata .d7 .project-box .item p:first-child i{width: 30px;height: 30px;background:url(/static/img/icon/user-icon.png) no-repeat;background-position:-401px -7px;display: block;margin-right: 16px;border-radius: 50%;}
.user-home .user .user-basedata .d7 .edu-box{padding-bottom: 16px;}
.user-home .user .user-basedata .d7 .edu-box .item{margin-bottom: 24px;}
.user-home .user .user-basedata .d7 .edu-box .item p:first-child i{width: 30px;height: 30px;background:url(/static/img/icon/user-icon.png) no-repeat;background-position:-363px -7px;display: block;margin-right: 16px;border-radius: 50%;}
/* 关注 */
.layui-show {display: block !important;}
.user .layui-tab .layui-tab-title{height: 18px;white-space: nowrap;font-size: 0;border-bottom-width: 0px;border-bottom-style: solid;transition: all .2s;-webkit-transition: all .2s;}
.user .layui-tab .layui-tab-title li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 18px;font-weight: bold;transition: all .2s;-webkit-transition: all .2s;position: relative;line-height: 18px;min-width: auto;padding: 0 0px;margin-right: 26px;text-align: left;color: #BABDC2;cursor: pointer;}
.user .layui-tab .layui-tab-title .layui-this {color:#212229;}
.user .layui-tab .layui-tab-title li span{margin-left: 3px;}
.user .layui-tab .layui-tab-title .layui-this:after {border: none;}
.user .layui-tab{margin: 0px 0;}
.user .layui-tab-content {padding: 0;min-height:400px;}
.user .user-panel-collect .follow-fans ul li{border-bottom: 1px solid #ECECEC;padding:40px 0;}
.user .user-panel-collect .follow-fans ul li:last-child{border-bottom: none;}
.user .user-panel-collect .follow-fans ul li>div {border-left: none;display: flex;position: relative;width: 100%;}
.user .user-panel-collect .follow-fans ul li>div>a {width: 72px;height: 72px;border-radius: 50%;position: relative;}
.user .user-panel-collect .follow-fans ul li>div>a>.img {width: 72px;height: 72px;border-radius: 50%;overflow: hidden;border: 1px solid #e0e0e0;transform: rotate(0deg);}
.user .user-panel-collect .follow-fans ul li>div>a>.img>img {width: 72px;height: 72px;border-radius: 50%;}
.user .user-panel-collect .follow-fans ul li>div>a i {width: 16px;height: 16px;display: inline-flex;position: absolute;left: 50px;bottom: 0;}
.user .user-panel-collect .follow-fans ul li>div>a i.i1 {background: url(/static/img/icon/qygfrz.png) no-repeat;background-size: 100% 100%;}
.user .user-panel-collect .follow-fans ul li>div>a i.i2{background:url(/static/img/icon/grgfzh.png) no-repeat;background-size: 100% 100%;}
.user .user-panel-collect .follow-fans ul li dl {padding: 0 0 0 16px;border-left: none;height: 114px;}
.user .user-panel-collect .follow-fans ul li dl dt {font-size: 16px;height: 24px;line-height: 24px;width: 350px;margin-bottom: 10px;font-weight:500;}
.user .user-panel-collect .follow-fans ul li dl dt a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 210px;color: #212229;margin-right: 12px;display: inline-block;}
.user .user-panel-collect .follow-fans ul li dl dt i{width: 16px;height: 20px;margin-right: 8px;display: inline-block;}
.user .user-panel-collect .follow-fans ul li dl dt i.i3{background: url(/static/img/icon/u-jlb.png) no-repeat;background-size: 100%;}
.user .user-panel-collect .follow-fans ul li dl dt i.i4{background: url(/static/img/icon/u-hp.png) no-repeat;background-size: 100%;}
.user .user-panel-collect .follow-fans ul li dl dt em.i5{width: 28px;height: 16px;line-height: 16px;text-align: center;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 400;background-color: #212229;color: #F3B435;-webkit-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top:-1.3em;font-style: normal;margin-left: 4px;}
.user .user-panel-collect .follow-fans ul li dl dt i.i6{background: url(/static/img/icon/p-aldr.png) no-repeat;background-size: 100%;}
.user .user-panel-collect .follow-fans ul li dl dt i.i7{background: url(/static/img/icon/p-yxzz.png) no-repeat;background-size: 100%;}
.user .user-panel-collect .follow-fans ul li dl dt i.i8{background: url(/static/img/icon/p-yndk.png) no-repeat;background-size: 100%;}
.user .user-panel-collect .follow-fans ul li dl dd{margin-bottom: 12px;font-size: 12px;height: 12px;}
.user .user-panel-collect .follow-fans ul li dl dd>span {height: 12px;color: #989CAB;margin-right: 10px;}
.user .user-panel-collect .follow-fans ul li dl dd>span>span{margin: 0 9px;}
.user .user-panel-collect .follow-fans ul li dl dd p .highlight {color: #212229;font-size: 14px;}
.user .user-panel-collect .follow-fans ul li dl dd p span{margin-right: 24px;}
.user .user-panel-collect .follow-fans ul li dl dd>div{display: flex;}
.user .user-panel-collect .follow-fans ul li dl dd>div .btn {height: 32px;line-height: 32px;padding: 0 14px;font-size: 14px;margin: 0 8px 0 0;color: #EF8035;border: 1px solid #FCE6D6;background:#FCE6D6;font-style: normal;border-radius: 2px;margin-top: 5px;transition: all .3s;}
.user .user-panel-collect .follow-fans ul li dl dd>div .btn:hover {border-color: #FAD9C2;color: #EF8035;background: #FAD9C2;}
.user .user-panel-collect .follow-fans ul li dl dd>div .btn.on {background: #C6C8D1;color: #FFFFFF;border: 1px solid #C6C8D1;}
.user .user-panel-collect .follow-fans ul li dl dd>div .follow {background: #EF8035;color: #FFFFFF;transition: all .3s;}
.user .user-panel-collect .follow-fans ul li dl dd>div .follow:hover {background: #E26F21;color: #FFFFFF;}
.user .user-panel-collect .follow-fans ul li dl dd>div .follow.on {background: none;color: #C6C8D1;border: 1px solid #C6C8D1;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action {width: 68px;padding: 0px 0px;text-align: right;position: relative;margin-left:16px;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action .manage-setting>span {min-width: 30px;display: inline-block;font-size: 15px;color: #EE7E1C;cursor: pointer;margin-right: 24px;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action div .icon-label i {width: 32px;height: 32px;display: block;background: url(/static/img/icon/more-btn.png) no-repeat center;position: absolute;top: 5px;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action .manage-setting .setting-popup span {line-height: 26px;cursor: pointer;display: block;font-size: 14px;font-weight: 500;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action .manage-setting .icon-label .setting-popup {color: #5C5E68;padding: 8px 0px;text-align: center;position: absolute;right:-10px;top: 34px;width: 92px;background: rgba(255,255,255,1);box-shadow: 0px 3px 6px #DCDEE9;border-radius: 2px;display: none;z-index: 99;}
.user .user-panel-collect .follow-fans ul li dl dd>div .manage-action .manage-setting .icon-label:hover .setting-popup {display: block;}
.user .user-panel-collect .follow-fans ul li .docs {height: 114px;display: flex;justify-content: flex-end;align-items: center;width: 416px;position: absolute;right: 0;top: 0;}
.user .user-panel-collect .follow-fans ul li .docs span {padding-left: 16px;}
.user .user-panel-collect .follow-fans ul li .docs span .img{width: 200px;height: 114px;border-radius: 4px;position: relative;}
.user .user-panel-collect .follow-fans ul li .docs span img {height: 100%;object-fit: cover;}
.user .user-panel-collect .follow-fans ul li dl dd i.i9{width: 15px;height: 15px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -9px -10px;top: 3px;margin-left: 6px;display: inline-block;vertical-align: middle;}
.user .user-panel-collect .follow-fans ul li dl dd i.i9n{width: 15px;height: 15px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -30px -10px;top: 2px;margin-left: 6px;display: inline-block;vertical-align: middle;}
.user .user-panel-collect .follow-fans ul li dl dd i.i10{width: 15px;height: 15px;background: url(/static/img/icon/i-city.png) no-repeat;background-position:2px 1px;display: inline-block;top: 2px;vertical-align: middle;}
.user .user-panel-collect .follow-fans ul li dl dd i.i11{width: 15px;height: 15px;background: url(/static/img/icon/i-ly.png) no-repeat;background-position:2px 0px;display: inline-block;top: 2px;vertical-align: middle;}
.user .user-panel-collect .follow-fans ul li dl dd i.i12{width: 15px;height: 15px;background: url(/static/img/icon/i-zy.png) no-repeat;background-position:3px 1px;display: inline-block;top: 2px;vertical-align: middle;}
.user .user-panel-collect .follow-fans ul li .img .meida-video {width: 34px;height: 34px;display: inline-block;position: absolute;top: 3px;top: 50%;left: 50%;margin-left: -17px;margin-top: -17px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -7px -229px;}
/* 用户右侧导航 */
.user-right {box-shadow:0px 3px 6px rgba(240, 244, 251,1);position: relative;top: -36px;background: #ffffff;border-radius:8px;}
.user-right .user-right-top{padding:40px 24px 0px;}
.user-right .d1 {text-align: center;}
.user-right .d1 dt { width:88px; height:88px; position:relative;margin: 0 auto 16px auto;}
.user-right .d1 dt em{ width:88px; height:88px;border-radius: 50%;display:inline-block; position:absolute; right:0px; bottom:0; background-color: rgba(0,0,0,.5); opacity:0; transition:all .3s; z-index: 0;}
.user-right .d1 dt em input {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10; cursor:pointer;}
.user-right .d1 dt em i {width: 24px;height: 24px;background: url(/static/img/icon/u-tedit.png) no-repeat; display:inline-block; opacity:.6; transition:all .3s;margin-left: 8%;margin-top: 38%;}
.user-right .d1 dt em p{font-size: 12px;margin-top: -8px;color: #fff;}
.user-right .d1 dt em:hover i {opacity:1;}
.user-right .d1 dt:hover em{opacity:1;z-index:1;}
.user-right .d1 dt .img { width:88px;height: 88px;border-radius:50%;border: 1px solid #ECECEC;transform: rotate(0deg)}
.user-right .d1 dd{position: relative;}
.user-right .d1 dd p { font-size:12px; color:#989CAB;line-height: 24px;}
.user-right .d1 dd p#right_name { color:#333333; padding-top:0; font-size:18px;font-weight:bold;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.user-right .d1 dd p#right_cate{color: #212229;}
.user-right .d1 dd p span {margin-right:6px;}
.user-right .d1 dd .btns { border:none;padding-top:30px;display:flex;flex-flow: wrap; justify-content:space-between;}
.user-right .d1 dd .btns button{border:none;height:37px;line-height: 37px; cursor: pointer; transition:all .3s; align-items:center; justify-content:center; width:140px;border-radius:4px; margin-bottom:25px;}
.user-right .d1 dd .btns .bg1{background:#EF8035;color: #FFFFFF;}
.user-right .d1 dd .btns .bg1 a{height: 37px;line-height: 37px;width: 100%;display: block;color: #FFFFFF;}
.user-right .d1 dd .btns .bg2{background: #FCE6D6;color: #333333;}
.user-right .d1 dd .btns .bg1:hover{background:#E26F21;}
.user-right .d1 dd .btns .bg2:hover{background:#FAD9C2;}
.user-right .d1 dd .btns .share{margin-left: 12px;}
.user-right .d1 dd .btns .join{margin-left: 12px;}
.user-right .d1 dd .btns .letter{margin-left: 12px;}
.user-right .d1 dd .btns .letter.m0{margin-left: 0px;}
.user-right .d1 dd p.job-rz{width: 300px;line-height: 40px;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;margin-left: -26px;margin-top: 7px;margin-bottom: 25px;}
.user-right .d1 dd p.job-rz a:hover{color: #F98117 !important;}
.user-right .d1 dd .btns button.on{background: #C6C8D1;color: #FFFFFF;}
.user-right .d1 .popup-fullname{width: 250px;padding: 11px 8px;box-shadow: 0px 0px 8px rgba(215,224,238,1);position: absolute;background: #fff;transition: all .5s;bottom: 27px;opacity: 0;z-index: 99;}
.user-right .d1 .popup-fullname i{left: 106px;bottom: -15px;transform: rotate(-90deg);border-right-color: rgb(255, 255, 255);position: absolute;width: 0;height: 0;border-width: 8px;border-color: transparent;border-style: dashed;*overflow: hidden;}
/* 分享主页 */
.user-right .d1 dd .btns .share{position: relative;}
.user-right .d1 .popup-share{left: 0px;}
.user-right .d1 .popup-share{width: 120px;padding:11px 18px;box-shadow: 0px 0px 8px rgba(215,224,238,1);position: absolute;background: #fff;transition: all .5s;top: 47px;display:none;z-index: 99;}
.user-right .d1 .popup-share i{left: 54px;top: -16px;transform: rotate(90deg);border-right-color: rgb(255, 255, 255);position: absolute;width: 0;height: 0;border-width: 8px;border-color: transparent;border-style: dashed;*overflow: hidden;}
.user-right .d1 dd .btns .share:hover .popup-share{display:block;}
.popup-share>div{display: flex;}
.popup-share>div em{width: 34px;height: 34px;display: block;border-radius: 50%;background: url(/static/img/icon/user-icon.png) no-repeat;}
.popup-share>div .em1{background-position: -127px -36px;margin-right: 16px;}
.popup-share>div .em2{background-position: -167px -36px;}
.popup-share>div .em1:hover{background-position: -127px -76px;}
.popup-share>div .em2:hover{background-position: -167px -76px;}
/* .user-right .d1 dd .btns button:hover {color:#fff; border-color:#fff;} */
.user-right .d2{margin-bottom: 32px;}
.user-right .d2 .dd1 #right_text{width: 100%;line-height: 24px;word-break: break-all;}
.user-right .d2 .dd1 em{float: right;color: #EE7E1C;cursor:pointer;}
.user-right .d3{margin-bottom: 40px;display: flex;}
.user-right .d3 dd{margin-right: 10px;}
.user-right .d3 dd:last-child{margin-right: 0px;}
.user-right .d3 dd i{width: 24px;height: 24px;display: block;background: url(/static/img/icon/s-icon.png);}
.user-right .d3 dd .i-s1{background-position:-5px -5px;}
.user-right .d3 dd .i-s2{background-position:-39px -5px;}
.user-right .d3 dd .i-s3{background-position:-73px -5px;}
.user-right .d3 dd .i-s4{background-position:-107px -5px;}
.user-right .d3 dd .i-s5{background-position:-141px -5px;}
.user-right .d3 dd .i-s6{background-position:-175px -5px;}
.user-right .d3 dd .i-s7{background-position:-209px -5px;}
/* 鼠标移动 */
.user-right .d3 dd .i-s1:hover{background-position:-5px -38px;}
.user-right .d3 dd .i-s2:hover{background-position:-39px -38px;}
.user-right .d3 dd .i-s3:hover{background-position:-73px -38px;}
.user-right .d3 dd .i-s4:hover{background-position:-107px -38px;}
.user-right .d3 dd .i-s5:hover{background-position:-141px -38px;}
.user-right .d3 dd .i-s6:hover{background-position:-175px -38px;}
.user-right .d3 dd .i-s7:hover{background-position:-209px -38px;}

.user-right .d3 dd a img{width: 110px;height: 110px;position: absolute;margin-top: 0px;margin-left: -45px;}
.user-right .d3 dd:hover img{display: block !important;}
.user-right .go-center{line-height:72px;font-size:24px;font-weight: bold;background:rgba(243,248,255,1);border-radius:0px 0px 4px 4px;padding:0 24px;}
.user-right .go-center a{line-height:72px;display: block;}
.user-right .go-center a i{position: relative;width: 24px;height: 24px;display: inline-block;float: right;vertical-align: middle;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -5px -95px;top: 24px;}
/* 右侧用户企业icon */
.user-right i{display: inline-flex;position: relative;}
/* 未认证 */
.user-right .i1{width:16px;height:16px;background: url(/static/img/icon/icon1.png) no-repeat;background-position: -80px -113px;top: 5px;}
.user-right .i1n{width:16px;height:16px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -30px -34px;top: 4px;margin-right: 5px;}
.user-right .i2{width:24px;height:24px;background: url(/static/img/icon/u-jlb.png) no-repeat;margin-right: 14px;}
.user-right .i2n{width:24px;height:24px;background: url(/static/img/icon/u-jlbn.png) no-repeat;margin-right: 14px;}
.user-right .i3{width:24px;height:24px;background: url(/static/img/icon/u-hp.png) no-repeat;}
.user-right .i3n{width:24px;height:24px;background: url(/static/img/icon/u-hpn.png) no-repeat;}
.user-right .i4{width:12px;height:12px;background: url(/static/img/icon/i-city.png) no-repeat;margin-right: 2px;top: 2px;}
.user-right .i5{width: 36px;height: 18px;line-height: 18px;text-align: center;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 400;background-color: #212229;color: #F3B435;-webkit-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top: -0.2em;font-style: normal;margin-left: 4px;}
.user-right .ily{width:12px;height:12px;background: url(/static/img/icon/i-ly.png) no-repeat;margin-right: 4px;top: 1px;}
.user-right .izy{width:12px;height:12px;background: url(/static/img/icon/i-zy.png) no-repeat 2px 1px;margin-right: 4px;top: 1px;}
/* 个人icon */
.user-right .i6{width:18px;height:18px;background: url(/static/img/icon/grgfzh.png) no-repeat;background-size:100%;bottom: -3px;right: 0px;z-index: 9;}
.user-right .i6n{width:18px;height:18px;background: url(/static/img/icon/qygfrzw.png) no-repeat;background-size:100%;bottom: -3px;right: 0px;z-index: 9;}
.user-right .i7{width:15px;height:15px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -9px -10px;top: 2px;margin-left: 6px;}
.user-right .i7n{width:15px;height:15px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -30px -10px;top: 3px;margin-left:6px;}
.user-right .i10{width:24px;height:24px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -59px -118px;}
.user-right .i10n{width:24px;height:24px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -91px -118px;}
.user-right .i11{width:30px;height:15px;background: url(/static/img/icon/user-icon.png) no-repeat;background-position: -324px -45px;vertical-align: middle;}
.user-right .nan{width:24px;height:24px;background:url(/static/img/icon/nan.png) no-repeat;bottom: 24px;right: -32px;z-index: 9;background-size: 100%;}
.user-right .nv{width:24px;height:24px;background:url(/static/img/icon/nv.png) no-repeat;bottom: 24px;right: -32px;z-index: 9;background-size: 100%;}
/* 右侧数据 */
.user-right .user-dashboard{display: flex;width: 100%;margin-top: 10px;}
.user-right .user-dashboard-column{flex: 1;text-align: center;border-radius: 2px;height: 50px;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;position: relative;}
.user-right .user-dashboard-column span:first-child{color: #333333;font-size: 26px;font-weight:800;margin-bottom: 4px;}
.user-right .user-dashboard-column span:last-child{color: #989CAB;font-size: 12px;font-weight:400;}
.user-right .user-dashboard .user-dashboard-column:after {content: "";display: inline-block;position: absolute;top: 19px;right: 0;width: 1px;height: 14px;background-color: #E3E8F1;}
.user-right .user-dashboard .user-dashboard-column:last-child:after{display: none;}
/* .user-right .i2{width:16px;height:16px;border-radius:50%;background: url(/static/img/icon/icon1.png) no-repeat;background-position: -43px -80px;top: 5px;margin-right: 5px;} */

/* 用户页面右侧相关面板 */
.panel-user-right{width:364px;background:#FFFFFF;box-shadow:0px 3px 6px rgba(217,226,239,1);border-radius:8px;padding: 0 26px 22px 24px;margin-bottom: 20px;}
.panel-right-header{line-height: 62px;margin-bottom: 3px;display: flex;position: relative;}
.panel-right-header h3{color: #333333;font-weight:bold;}
.panel-right-header a{color: #989CAB;position: absolute;right: 0;font-size:12px;}
.panel-right-body ul:after {content: '\20';clear: both;display: block;height: 0;}
.panel-right-body ul li{height: 80px;margin-bottom: 16px;text-align: center;width: 33.333%;margin-right: 0;float: left;}
.panel-right-body ul li img {width: 56px;height: 56px;border-radius: 50%;border: 1px solid #e9e9e9;}
.panel-right-body ul li p{padding-top: 0;width: 74px;margin-left: 8px;height: 28px;line-height: 28px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.panel-right-body ul li i.i2 {width: 16px;height: 16px;background: url(/static/img/icon/user-icon.png) no-repeat center center;background-position: -9px -58px;display: inline-flex;position: absolute;left: 53px;bottom: 0;transform: scale(0.9);}
.panel-right-body ul li i.i3 {width: 16px;height: 16px;background: url(/static/img/icon/user-icon.png) no-repeat center center;background-position:-9px -34px;display: inline-flex;position: absolute;left: 53px;bottom: 0;transform: scale(0.9);}
.disable-c{color: #989CAB !important;}