#bsBox,#bsWXBox,#bsPanelHolder{box-sizing:content-box}.share-custom{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ededed}.share-custom .bshare-custom a{display:inline-block}.share-custom .custom-more-btn{background:url(http://static.bshare.cn/frame/images/logos/s4/more-style-addthis.png) no-repeat}.share-mini-code-container{position:relative;display:inline-block}.share-mini-code-container .share-mini-code-trigger{padding-left:25px;line-height:20px;background:url(../assets/common/wechat-default.png) no-repeat left/20px 20px;color:#fff;cursor:pointer;font-size:14px}.share-mini-code-container .share-mini-code-trigger.share-mini-code-trigger--primary{color:#333;background:url(../assets/common/wechat-primary.png) no-repeat left/20px 20px}.share-mini-code-container .share-mini-code-trigger.share-mini-code-trigger--info{color:#5c85f8;background:url(../assets/common/wechat-info.png) no-repeat left/20px 20px}.share-mini-code-container .share-mini-code-trigger.font-color{color:#333}.share-mini-code-container .share-mini-code-trigger.font-color-white{color:#fff}.share-mini-code-container .share-mini-code-trigger:hover+.share-mini-code-popup{display:flex}.share-mini-code-container .share-mini-code-popup{top:calc(100% + 13px);position:absolute;background:linear-gradient(180deg, #fff8ee, #ffffff);box-shadow:0px 0px 10px 0px rgba(51,51,51,.2);border-radius:8px;z-index:2000;flex-direction:column;display:none;align-items:center;justify-content:center;padding:24px 24px 21px;left:50%;transform:translateX(-50%)}.share-mini-code-container .share-mini-code-popup::before{content:"";position:absolute;top:-12px;left:calc(50% - 6px);border-width:6px;border-style:solid;border-color:transparent transparent #fff8ee transparent;transform:scaleY(1.5)}.share-mini-code-container .share-mini-code-popup .share-mini-code{width:140px;height:140px;margin-bottom:8px}.share-mini-code-container .share-mini-code-popup .share-mini-code .share-mini-code-img{width:100%;height:100%}.share-mini-code-container .share-mini-code-popup .share-mini-code-title{line-height:1.01;font-weight:bold;margin-bottom:9px;color:#333;font-size:14px}.share-mini-code-container .share-mini-code-popup .share-mini-code-tips{line-height:1.01;font-size:12px;color:rgba(51,51,51,.8)}.detail-container .detail-header{background:url(../assets/detail/detail-header.jpg) no-repeat center/cover}.detail-container .detail-header.is-fixed{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 1px 10px 4px rgba(51,51,51,.08);top:68px}.detail-container .detail-header.is-fixed .detail-header-container .breadcrumb{display:none}.detail-container .detail-header.is-fixed .detail-header-container .main{margin-bottom:0;padding-bottom:24px}.detail-container .detail-header.is-fixed .detail-header-container .main section .title h1{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-header.is-fixed .detail-header-container .main section .title .job-tag-cell{display:none}.detail-container .detail-header.is-fixed .detail-header-container .main section .info{margin-bottom:0}.detail-container .detail-header.is-fixed .detail-header-container .main section .info .establishment-tag{padding:0 10px;line-height:18px;border-radius:4px;border:1px solid #4fbc67;color:#4fbc67;font-size:12px}.detail-container .detail-header.is-fixed .detail-header-container .main section .info .establishment-tag{margin-right:7px;display:inline-block}.detail-container .detail-header.is-fixed .detail-header-container .main section .tips{margin-bottom:0}.detail-container .detail-header.is-fixed .detail-header-container .main section .boons{display:none}.detail-container .detail-header.is-fixed .detail-header-container .main section .job-tag-cell{margin-right:12px;display:inline-flex}.detail-container .detail-header.is-fixed .detail-header-container .main .view-button{display:none}.detail-container .detail-header.is-fixed .view-relation{display:inline-block}.detail-container .detail-header .detail-header-container{margin:0 auto;width:1200px}.detail-container .detail-header .detail-header-container .main{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;padding:24px 0 40px}.detail-container .detail-header .detail-header-container .main section{width:900px;color:#333;font-size:14px}.detail-container .detail-header .detail-header-container .main section .title{display:flex;align-items:flex-start;margin-bottom:20px}.detail-container .detail-header .detail-header-container .main section .title h1{margin-right:20px;max-width:710px;font-size:22px;font-weight:bold;line-height:30px}.detail-container .detail-header .detail-header-container .main section .title .job-tag-cell{display:inline-block;position:relative;inset:-3px 0 0}.detail-container .detail-header .detail-header-container .main section .title .color-salary{font-size:16px;font-weight:bold;line-height:30px}.detail-container .detail-header .detail-header-container .main section .info .establishment-tag{display:none}.detail-container .detail-header .detail-header-container .main section .tips{display:flex;align-items:center;margin-bottom:20px;line-height:1}.detail-container .detail-header .detail-header-container .main section .tips .job-tag-cell .fast-feedback{margin-left:6px}.detail-container .detail-header .detail-header-container .main section .tips .job-tag-cell .establishment{margin-left:6px}.detail-container .detail-header .detail-header-container .main section .tips>span{line-height:1}.detail-container .detail-header .detail-header-container .main section .tips>span+span{margin-left:10px;padding-left:10px;border-left:1px solid rgba(51,51,51,.4)}.detail-container .detail-header .detail-header-container .main section .boons{display:flex;align-items:center;font-size:12px}.detail-container .detail-header .detail-header-container .main section .boons span+span{margin-left:10px;padding-left:10px;border-left:1px solid rgba(51,51,51,.4)}.detail-container .detail-header .detail-header-container .main section .boons span.boon{padding:4px 10px;color:#333;line-height:1;background:#f8f9fb;border:1px solid #f2f2f2;border-radius:4px}.detail-container .detail-header .detail-header-container .main section .boons span.boon::before{content:"";display:inline-block;margin-top:-3px;margin-right:4px;width:4px;height:4px;background:#ffa000;border-radius:4px;vertical-align:middle}.detail-container .detail-header .detail-header-container .main section .boons .boon-more{margin-left:10px;color:#bcbcbc;font-size:18px;cursor:pointer}.detail-container .detail-header .detail-header-container .main section .boons .establishment-tag{padding:0 10px;line-height:18px;border-radius:4px;border:1px solid #4fbc67;color:#4fbc67;font-size:12px}.detail-container .detail-header .detail-header-container .main section .job-tag-cell{display:none}.detail-container .detail-header .detail-header-container .main section .help-wanted{border-radius:4px;flex:none;padding:3px 10px 3px;color:#fa635c;font-size:12px;line-height:1;border:1px solid #fa635c}.detail-container .detail-header .detail-header-container .main section .establishment{border-radius:4px;flex:none;padding:3px 10px 3px;color:#4fbc67;font-size:12px;line-height:1;border:1px solid #4fbc67}.detail-container .detail-header .detail-header-container .main section .fast-feedback{border-radius:4px;flex:none;padding:3px 5px 3px 15px;color:#ffa000;font-size:12px;line-height:1;background:url(../assets/job/fast-feedback.png) no-repeat 6px 4px/8px 12px;border:1px solid #ffa000}.detail-container .detail-header .detail-header-container .main aside .el-button{width:175px}.detail-container .detail-header .detail-header-container .main aside .el-button.el-button--collect{color:#ffa000;background-color:transparent;border-color:#ffa000;padding-top:0;padding-bottom:0;display:inline-block;padding-left:30px;background:url(../assets/detail/collect.png) no-repeat left center/20px;line-height:38px}.detail-container .detail-header .detail-header-container .main aside .el-button.el-button--collect.collected{background-image:url(../assets/detail/collected.png)}.detail-container .detail-header .detail-header-container .main aside .el-button--collect{background-color:transparent;border-color:#ffa000;padding-top:0;padding-bottom:0;display:inline-block;padding-left:25px;background:url(../assets/detail/collect.png) no-repeat left center/20px;line-height:38px;text-align:left}.detail-container .detail-header .detail-header-container .main aside .el-button--collect.collected{background-image:url(../assets/detail/collected.png)}.detail-container .detail-header .detail-header-container .main aside .el-button--analyse{background-color:transparent;border-color:#ffa000;padding-top:0;padding-bottom:0;display:inline-block;padding-left:25px;background:url(../assets/detail/analyse.png) no-repeat left center/20px;line-height:38px;text-align:right}.detail-container .detail-header .detail-header-container .main aside .emit{display:flex;flex-direction:column;align-items:flex-end}.detail-container .detail-header .detail-header-container .main aside .emit .detail-button{font-size:14px;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.detail-container .detail-header .detail-header-container .main aside .emit .detail-button>div:not(:first-child){margin-left:30px}.detail-container .detail-header .detail-header-container .main aside .emit .detail-button .see-analysis{margin-left:30px}.detail-container .detail-header .detail-header-container .main aside .emit .detail-button.announcement-button{justify-content:space-between}.detail-container .detail-header .detail-header-container .main aside .emit .button-group{display:flex}.detail-container .detail-header .detail-header-container .main aside .emit .button-group button{width:120px}.detail-container .detail-header .detail-header-container .main aside .emit .button-group .chat-button{color:#ffa000;border-color:#ffa000;padding-left:40px;background:#fff url(../assets/common/chat-primary.png) no-repeat left 22px center/20px}.detail-container .detail-header .detail-header-container .main .view-button{position:absolute;left:0;padding:0 20px;min-height:35px;line-height:35px;bottom:-17.5px;border-radius:17.5px;border:none}.detail-container .detail-header .detail-header-container .main .view-button span{padding-right:25px;background:url(../assets/detail/view-button-arrow.png) no-repeat right center/20px 11px}.detail-container .detail-header .view-relation{display:none;margin-left:20px;padding-right:15px;color:#ffa000;font-weight:bold;background:url(../assets/detail/view-relation.png) no-repeat right center/8px}.detail-container .detail-main{display:flex;justify-content:space-between;margin:0 auto;width:1200px}.detail-container .detail-main section{padding:20px 30px 0;width:858px;background:#fff;border-radius:10px}.detail-container .detail-main section .tips{margin-bottom:20px;padding:10px 20px 10px 45px;color:rgba(51,51,51,.8);line-height:2;background:url(../assets/icon/warning.png) no-repeat #fff9e2 20px 14px/16px;border-radius:4px}.detail-container .detail-main section .detail-list .detail-item{padding:20px 0 15px;border-bottom:1px solid #f2f2f2}.detail-container .detail-main section .detail-list .detail-item:last-of-type{border:none}.detail-container .detail-main section .detail-list .detail-item .detail-title{margin-bottom:20px;font-size:16px;font-weight:bold;background:url(../assets/detail/title.png) no-repeat left bottom/80px 8px}.detail-container .detail-main section .detail-list .detail-item .detail-content{color:#333;font-size:14px;font-weight:400}.detail-container .detail-main section .detail-list .detail-item .detail-content p{font-size:inherit;margin-left:5px;cursor:pointer;display:inline-block}.detail-container .detail-main section .detail-list .detail-item .detail-content .disinblock{display:inline-block}.detail-container .detail-main section .detail-list .detail-item .detail-content .el-col{padding:7px 0;line-height:1.5;word-break:break-word}.detail-container .detail-main section .detail-list .detail-item .detail-content.single{line-height:2}.detail-container .detail-main section .detail-list .detail-item .detail-content .attention{display:flex;padding:0px 10px 0px 12px;margin-top:20px;color:#ffa000;background:#fff9e2;border-radius:15px;align-items:center}.detail-container .detail-main section .detail-list .detail-item .detail-content .attention p{flex:1}.detail-container .detail-main section .detail-list .detail-item .detail-content .attention a{width:18px;height:18px;line-height:16px;border-radius:50%;text-align:center;color:#fff;background:#ffa000}.detail-container .detail-main section .detail-list .detail-item .detail-content .el-row{width:100%}.detail-container .detail-main section .detail-list .detail-item .detail-content .el-row .el-col{width:100% !important}.detail-container .detail-main section .detail-list .detail-item .detail-content .show-complete{display:flex}.detail-container .detail-main section .detail-list .detail-item .detail-content .show-complete .label{flex-shrink:0;line-height:1.5}.detail-container .detail-main section .detail-list .detail-item .detail-content .show-complete .value{flex-wrap:wrap;flex-grow:1;line-height:1.5}.detail-container .detail-main section .detail-list .detail-item .detail-content .show-complete a.color-primary{margin-left:3px;white-space:pre-wrap;word-break:break-all}.detail-container .detail-main section .detail-list .detail-item .detail-content .job-detail-major-tips{margin-top:8px}.detail-container .detail-main section .detail-list .detail-item .detail-content .job-detail-major-tips span{border-radius:4px;padding:4px 10px 4px 32px;font-size:13px;line-height:1;background:#fff9e2 url(../assets/icon/type-select-tips.png) no-repeat 10px 50%/13px}.detail-container .detail-main section .detail-list .detail-item .el-col{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main section .detail-list .detail-item .el-col:nth-of-type(n){width:50%}.detail-container .detail-main section .detail-list .detail-item .el-col:nth-of-type(2n){margin-left:5%;width:45%}.detail-container .detail-main section .detail-list .detail-item .el-col.is-complete{white-space:normal}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col.is-complete{white-space:normal}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col:nth-of-type(n){margin-left:6.25%;width:29.1666666667%}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col:nth-of-type(3n + 1){margin-left:0}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col.el-col-8{width:29.1666666667%;max-width:29.1666666667%}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col.el-col-16{width:62.5%;max-width:62.5%}.detail-container .detail-main section .detail-list .detail-item .announcement .el-col a+a{margin-left:1em}.detail-container .detail-main section .analyse{margin-top:20px;cursor:pointer}.detail-container .detail-main section .analyse .open-analysis{cursor:pointer;position:absolute;font-weight:400;right:0;padding-right:10px;font-size:14px;color:#ffa000;background:url(../assets/detail/to-next.png) no-repeat right center/5px 7px}.detail-container .detail-main section .heat{margin-top:20px;cursor:pointer}.detail-container .detail-main section .heat .open-heat{cursor:pointer;position:absolute;font-weight:400;right:0;padding-right:10px;font-size:14px;color:#ffa000;background:url(../assets/detail/to-next.png) no-repeat right center/5px 7px}.detail-container .detail-main section .power-heat{margin:15px 0 35px 0;font-size:14px}.detail-container .detail-main section .power-heat .text-heat{margin-bottom:35px}.detail-container .detail-main section .power-heat .text-heat span{font-size:16px;color:#ffa000;font-weight:700}.detail-container .detail-main section .power-heat .text-heat .active{color:transparent;text-shadow:#ffa000 0 0 10px}.detail-container .detail-main section .power-analyse{margin:15px 0 70px 0;font-size:14px}.detail-container .detail-main section .power-analyse .text-heat{margin-bottom:35px}.detail-container .detail-main section .power-analyse .text-heat span{font-size:16px;color:#ffa000;font-weight:700}.detail-container .detail-main section .power-analyse .text-heat .active{color:transparent;text-shadow:#ffa000 0 0 10px}.detail-container .detail-main section .power-analyse .text-rate{margin-bottom:50px}.detail-container .detail-main section .power-analyse .text-rate span{font-size:16px;color:#ffa000;font-weight:700}.detail-container .detail-main section .power-analyse .text-rate .active{color:transparent;text-shadow:#ffa000 0 0 10px}.detail-container .detail-main section .power-analyse .not-login{text-align:center;color:#5c5c5c;margin-bottom:18px;margin-top:-23px}.detail-container .detail-main section .power-analyse .matching-rate{height:10px;display:flex;text-align:center;color:#5c5c5c}.detail-container .detail-main section .power-analyse .matching-rate span{width:100%;height:100%;display:inline-block;margin-bottom:5px}.detail-container .detail-main section .power-analyse .matching-rate .lower{width:198px;margin-right:5px;position:relative}.detail-container .detail-main section .power-analyse .matching-rate .lower .active{position:absolute;top:-283%;left:46%;background:url(../assets/detail/positioning.png) no-repeat center/28px;width:18px;height:50px}.detail-container .detail-main section .power-analyse .matching-rate .lower span{background:linear-gradient(90deg, #fdde60, #fcc854);border-radius:5px 0px 0px 5px}.detail-container .detail-main section .power-analyse .matching-rate .general{width:198px;margin-right:5px;position:relative}.detail-container .detail-main section .power-analyse .matching-rate .general .active{position:absolute;top:-283%;left:46%;background:url(../assets/detail/positioning.png) no-repeat center/28px;width:18px;height:50px}.detail-container .detail-main section .power-analyse .matching-rate .general span{background:linear-gradient(90deg, #fcc854, #fda92c)}.detail-container .detail-main section .power-analyse .matching-rate .matching{width:198px;margin-right:5px;position:relative}.detail-container .detail-main section .power-analyse .matching-rate .matching .active{position:absolute;top:-283%;left:46%;background:url(../assets/detail/positioning.png) no-repeat center/28px;width:18px;height:50px}.detail-container .detail-main section .power-analyse .matching-rate .matching span{background:linear-gradient(90deg, #fda92c, #ff8c00)}.detail-container .detail-main section .power-analyse .matching-rate .closely-match{width:198px;position:relative}.detail-container .detail-main section .power-analyse .matching-rate .closely-match .active{position:absolute;top:-283%;left:46%;background:url(../assets/detail/positioning.png) no-repeat center/28px;width:18px;height:50px}.detail-container .detail-main section .power-analyse .matching-rate .closely-match span{background:linear-gradient(90deg, #ff8c00, #ff6600);border-radius:0px 5px 5px 0px}.detail-container .detail-main section .detail-emit{margin:30px 0;text-align:center}.detail-container .detail-main section .detail-emit .el-button+.el-button{margin-left:30px}.detail-container .detail-main section .file-list{display:flex;flex-wrap:wrap;margin-top:20px}.detail-container .detail-main section .file-list .file{display:flex;align-items:center;width:calc((100% - 15px)/2);height:40px;margin:10px 0;border-radius:4px;text-decoration:none;background:#fafafc}.detail-container .detail-main section .file-list .file:nth-of-type(2n){margin-left:15px}.detail-container .detail-main section .file-list .file .word{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#eff2ff url(../assets/icon/word.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .excel{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#e6fef2 url(../assets/icon/excel.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .pdf{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#ffeceb url(../assets/icon/pdf.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .zip{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#e6fef2 url(../assets/icon/zip.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .ppt{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#ffeceb url(../assets/icon/ppt.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .jpg{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#eff2ff url(../assets/icon/jpg.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .txt{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#fff1d9 url(../assets/icon/txt.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .common{width:40px;height:40px;border-radius:4px 0px 0px 4px;opacity:.6;background:#fff1d9 url(../assets/icon/common.png) no-repeat center/30px}.detail-container .detail-main section .file-list .file .file-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:85%;margin-left:8px;font-size:14px}.detail-container .detail-main section .qr-code{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-top:1px solid #ededed}.detail-container .detail-main section .qr-code .qr-tips{margin:30px auto 15px;color:#ffa000;font-size:14px;line-height:24px;font-weight:700}.detail-container .detail-main section .qr-code .code{width:150px;object-fit:contain}.detail-container .detail-main section .detail-tips{margin:0 auto 20px;padding:15px;color:#fa635c;line-height:2;background:#fffcea;border-radius:4px}.detail-container .detail-main section .qr{padding-top:25px;text-align:center;color:#ffa000;font-weight:bold;border-top:1px solid #ededed}.detail-container .detail-main aside{width:320px}.detail-container .detail-main aside .unit{margin-bottom:20px;padding:0 0 20px 20px;background:linear-gradient(180deg, #fff8ee, #ffffff 45%);border-radius:10px}.detail-container .detail-main aside .unit .unit-name{display:flex;align-items:center;padding-bottom:20px;background:url(../assets/detail/company-card-bg.png) no-repeat right top/231px 133px}.detail-container .detail-main aside .unit .unit-name .logo{margin-top:20px;margin-right:20px;width:60px;height:60px;object-fit:contain;border-radius:50%}.detail-container .detail-main aside .unit .unit-name .name{flex:1;padding-top:20px;padding-right:20px;overflow:hidden}.detail-container .detail-main aside .unit .unit-name .name h3{margin-bottom:10px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;font-size:16px;line-height:24px;word-break:break-word;white-space:normal;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main aside .unit .unit-name .name h5{font-size:14px;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;font-size:14px;line-height:21px;word-break:break-word;white-space:normal;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main aside .unit .unit-tips{margin-bottom:20px;margin-right:20px;padding-left:30px;color:#333;font-size:14px;line-height:18px}.detail-container .detail-main aside .unit .unit-tips.category{background:url(../assets/detail/category.png) no-repeat left center/18px}.detail-container .detail-main aside .unit .unit-tips.number{background:url(../assets/detail/number.png) no-repeat left center/18px}.detail-container .detail-main aside .unit .unit-tips.type{background:url(../assets/detail/type.png) no-repeat left center/18px}.detail-container .detail-main aside .unit .unit-data{margin-right:20px;padding:16px 0;line-height:1;background:#fafafc;border-radius:10px}.detail-container .detail-main aside .unit .unit-data .el-col{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}.detail-container .detail-main aside .unit .unit-data .el-col:nth-of-type(2){border-left:1px solid rgba(51,51,51,.1)}.detail-container .detail-main aside .unit .unit-data .el-col strong{margin-bottom:10px;font-size:16px;font-weight:bold}.detail-container .detail-main aside .unit .unit-data .el-col span{color:#333}.detail-container .detail-main aside .unit .unit-data .el-col.to-home{align-items:flex-end}.detail-container .detail-main aside .unit .unit-data .el-col.to-home a{padding:5px 8px;font-size:14px;background:linear-gradient(90deg, #eedfd7 0%, #dcc9bb 100%);border-radius:12px 0px 0px 12px}.detail-container .detail-main aside .unit .unit-data .el-col.to-home a span{padding-right:10px;color:#6c4133;background:url(../assets/detail/to-home.png) no-repeat right center/6px 9px}.detail-container .detail-main aside .contact{margin-bottom:20px;padding:20px;background-color:#fff;box-shadow:0px 4px 30px 0px rgba(102,102,102,.06);border-radius:10px;color:#333;font-size:16px;line-height:1;word-break:break-word}.detail-container .detail-main aside .contact .title{display:flex;align-items:center;margin-bottom:20px;font-weight:bold}.detail-container .detail-main aside .contact .title::before{content:"";margin-right:6px;width:4px;height:16px;background-color:#ffa000;border-radius:2px}.detail-container .detail-main aside .contact .intro{display:flex;align-items:center}.detail-container .detail-main aside .contact .avatar-content{position:relative}.detail-container .detail-main aside .contact .avatar-content .online-status{position:absolute;width:12px;height:12px;background:#4fbc67;border-radius:50%;border:2px solid #fff;left:37px;top:37px}.detail-container .detail-main aside .contact .avatar-content .avatar{margin-right:12px;width:50px;height:50px;border-radius:50%}.detail-container .detail-main aside .contact .box{width:100%}.detail-container .detail-main aside .contact .top{display:flex;align-items:center;margin-bottom:6px}.detail-container .detail-main aside .contact .top .name{line-height:1.5;max-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main aside .contact .top .active-time{font-size:12px;margin-left:22px;color:rgba(51,51,51,.6)}.detail-container .detail-main aside .contact .desc{color:rgba(51,51,51,.8);font-size:14px;line-height:21px}.detail-container .detail-main aside .contact .chat{margin-top:20px;height:40px;color:#ffa000;font-weight:bold;text-align:center;line-height:40px;background:#fff1da;border-radius:4px;cursor:pointer}.detail-container .detail-main aside .contact .chat span{display:inline-block;padding-left:25px;line-height:20px;background:url(../assets/common/chat-primary.png) no-repeat left center/20px}.detail-container .detail-main aside .recommend{padding:20px;background:#fff;border-radius:10px;box-shadow:0px 4px 30px 0px rgba(102,102,102,.06)}.detail-container .detail-main aside .recommend .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-container .detail-main aside .recommend .title h5{position:relative;padding-left:12px;font-size:16px;font-weight:bold;line-height:1}.detail-container .detail-main aside .recommend .title h5::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:#ffa000;border-radius:2px}.detail-container .detail-main aside .recommend .swiper{padding-bottom:20px}.detail-container .detail-main aside .recommend .swiper .swiper-pagination{bottom:0}.detail-container .detail-main aside .recommend .swiper-pagination-bullet{--swiper-pagination-bullet-inactive-opacity: 1;background-color:#e5e5e5}.detail-container .detail-main aside .recommend .swiper-pagination-bullet-active{background-color:#ffa000}.detail-container .detail-main aside .recommend .recommend-list{display:flex;flex-direction:column;font-size:14px}.detail-container .detail-main aside .recommend .recommend-list .recommend-item{padding:15px 10px;line-height:1;background-color:#fafafc;border-radius:4px}.detail-container .detail-main aside .recommend .recommend-list .recommend-item+.recommend-item{margin-top:10px}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-title{display:flex;justify-content:space-between}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-title .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;font-size:14px;line-height:21px;word-break:break-word;white-space:normal;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;max-width:65%;color:#333}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-title span{color:#fa635c;line-height:1.5}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-tips{margin-bottom:15px;color:rgba(51,51,51,.8);font-size:12px}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-tips span+span{margin-left:10px;padding-left:10px;border-left:1px solid rgba(51,51,51,.4)}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-data{display:flex;justify-content:space-between}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-data h6{margin-right:10px;max-width:60%;color:rgba(51,51,51,.8);font-size:14px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main aside .recommend .recommend-list .recommend-item .recommend-item-data span{padding-left:16px;color:rgba(51,51,51,.6);font-size:13px;background:url(../assets/icon/address.png) no-repeat left center/12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-title .name{max-width:100%}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-data{display:flex;justify-content:space-between}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-data .tips{color:rgba(51,51,51,.8);font-size:12px}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-data .tips i{font-style:normal}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-data .tips i+i{margin-left:10px;padding-left:10px;border-left:1px solid rgba(51,51,51,.4)}.detail-container .detail-main aside .recommend.is-notice .recommend-list .recommend-item .recommend-item-data span{padding-left:16px;max-width:30%;color:rgba(51,51,51,.6);font-size:13px;background:url(../assets/icon/address.png) no-repeat left center/12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.el-popper .boon{display:inline-block;padding:3px 8px;margin:8px 6px;color:#ffa000;font-size:12px;font-weight:400;background:#feebcb;border-radius:4px}