|
.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
}
}
}
}
}
|