No Description

browse.scss 5.7KB

    .browse-main{ .block-wrapper{ display: flex; justify-content: space-between; color:$commonFont; .content-wrapper{ width:100%; box-sizing:border-box; text-align:justify; .tag-item{ margin: 10px 0; .el-tag{ margin:5px; &.tag-line{ display:inline-block; width:auto; } } } .rel-detail{ font-size:15px; line-height:26px; .rel-item{ margin-bottom:15px; &:last-child{ margin-bottom:0; } .rel-tit{ font-size: 16px; line-height:30px; } } } } .split-other{ margin-bottom:20px; } .headcon-box{ min-height:160px; background: #fff; position: relative; display:flex; align-items: center; &.detail-box{ min-height:auto; } .headimg-box{ position:absolute; top:50%; margin-top:-71px; width: 140px; height: 140px; overflow:hidden; border:1px solid #E5E5E5; border-radius:50%; background-size: cover; } .zoom-box{ width: 362px; } .show-info{ width:100%; &.reInfo-box{ padding-left:170px; } .info-tit{ font-size: 18px; color:$commonFont; margin-bottom:10px; &.info-tit-big{ font-size: 20px; line-height: 32px; } } .info-tag{ font-size: 16px; color:$commonFont; margin-bottom:10px; } .info-operate{ display:flex; color:$secondaryFont; .addr{ margin-right: 10px; } } } .goSpan{ min-width: 200px; } &.org-head{ .headimg-box{ @include border-radius(4px); @include center-items(200px, 140px); } .reInfo-box{ padding-left:230px; } } &.hdetail-box{ align-items:flex-start; .reInfo-box{ padding-left:15px; position: relative; min-height: 252px; padding-bottom: 24px; .zoom-operate{ position:absolute; bottom:0; } } } } .wrapper-left{ padding: 0; display: flex; flex-direction: column; .el-menu-demo{ margin-bottom:20px; } } .wrapper-right{ width: 280px; .content-wrapper{ width: 100%; box-sizing: border-box; margin-bottom: 20px; .right-split{ margin-top: 20px; padding-top: 10px; position: relative; &::before{ position: absolute; right: 0; left: 0; top: 0; content:''; border-top:1px solid #dadada; } &:first-child{ margin-top: 0; padding-top: 0; &::before{ content: none; } } } .info-main{ font-size: 24px; line-height: 34px; color:$mainFont; } .info-tip{ margin-top:12px; font-size: 14px; line-height: 22px; color:$secondaryFont; } .ulM{ width:100%; .liM{ display: block; padding: 4px 0; } } } } .left-main{ width:800px; .el-tabs__nav-wrap.is-top{ background-color: #ffffff; border:none; padding:10px 20px; &::after{ content:none; } } .el-tabs__item{ font-size:15px; } .el-tabs__header{ margin-bottom:20px; } .el-tab-pane{ .notice_d{ background: #fff; margin: -40px; padding: 60px 40px; } } .inner-wrapper{ margin-bottom:20px; &:last-child{ margin-bottom:0; } .content-title{ margin-bottom:2px; } .content{ display: flex; font-size: 15px; line-height: 30px; font-weight:normal; word-break: break-all; .list-item{ padding: 8px 0; } .ulM{ width:100%; .liM{ padding-left:15px; margin-bottom:6px; &:last-child{ margin-bottom:0; } .liM-tit{ position:relative; color:$mainFont; small{ margin-left:10px; color:$secondaryFont; } &::before{ content:''; position: absolute; left:-12px; top:13px; width:6px; height:6px; background:$mainColor; border-radius: 50%; } } .liM-con{ color:$commonFont; } } } } .content-nf{ display:block } } } } }