/* 内容 */
.content{
    position: relative;
    margin: 0 auto; 
}

.layui-nav-tree{
    width: 160px !important;
}
/* .layui-side-scroll{
    width: 160px !important;
} */
.layui-nav-child a:hover{
    background-color:#b18cc2 !important;
}
.content-right{
    margin-left:165px;
}
.postcontent{
    margin-top:10px;
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.postcontent-items-left{
    display: flex;
    width:750px;
    height: 100%;
    flex-direction: column;
}
/* 轮播图的样式开始 */
.postcontent-items-left-1{
    display: flex;
    background-color:white;

    box-shadow: 0px 0px 5px #b3b3b3;
}
/* 轮播图的样式结束 */
/* 中间第二部分 */
.postcontent-items-left-2{

    box-shadow: 0px 0px 5px #b3b3b3;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    background-color:white;
}
.postcontent-items-left-2 ul{
    display: flex;
}
.postcontent-items-left-2 ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    padding-top: 10px;
	cursor:pointer;
}
/* 修改开始 */
.postcontent-items-left-2 ul li:hover{
box-shadow: 0px 0px 15px #d6d5d5 inset;
background: rgba(241, 241, 241,0.3);
}
.postcontent-items-left-2 ul li:hover div{
width: 99%;
}
.postcontent-items-left-2 ul li:hover div img{
width: 100%;
}
/* 修改结束 */
.postcontent-items-left-2 ul li span{
    color:#999;
    margin-top: 5px;
}
.postcontent-items-left-2 ul li h4{
    font-weight: bold;
    font-size: 16px;
}
.postcontent-items-left-2 ul li div{
/* width: 100%; */
margin-top: 15px;
height: 100%;
overflow: hidden;
text-align: center;
}
.postcontent-items-left-2 ul li div img{
height: 100%;
min-height: 200px;
/* width: 130%; */
    width: 186px;
}
/* 中间帖子样式结束 */
/* 中间底部编辑器部分的样式 */
.postcontent-items-left-3{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    background-color:white;
    box-shadow: 0px 0px 5px #b3b3b3;
}
.postcontent-items-left-3  .postcontent-items-left-title{
   display: flex;   
   align-items: flex-start;
}
.postcontent-items-left-3 label{
    padding: 5px 0px;
    font-weight: bold;
    font-size: 16px;
    border-bottom:4px solid #611987;
    margin-left:20px;
    letter-spacing: 2px;
}
.postcontent-items-left-3  ul {
    border-top:1px solid #e2e2e2;
    display: flex;
    flex-direction: column;
    padding: 15px 0px;
}
.postcontent-items-left-3  ul li{
   display: flex;
   justify-content: space-between;
   padding: 5px 20px;
   color:#535353;
}
.postcontent-items-left-3  ul li a{
    display: block;
    border-bottom:1px solid white;
}
.postcontent-items-left-3  ul li a:hover{
    display: block;
    border-bottom:1px solid #535353;
}
/* .postcontent-items-left-3  ul li div:child(2) span:hover{
    display: block;
    border-bottom:1px solid #535353;
} */
.postcontent-items-left-3  ul li a{
    color: #535353;
}
.postcontent-items-left-3  ul li .layui-badge-dot{
    width: 2px;
    height: 2px;
    background-color: #535353 !important;
    margin-right: 5px;
}
.postcontent-items-left-3  ul li div:nth-child(1){
    display: flex;
    align-items: center;
}
.postcontent-items-right{
    width:285px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    flex-direction: column;
}
.postcontent-items-right-1 {
    display: flex;
    flex-direction: column;
    background-color:white;
    box-shadow: 0px 0px 5px #b3b3b3;
    margin-bottom:10px;
}
.postcontent-items-right-1 ul{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e2e2e2;
}
.postcontent-items-right-1 ul li{
    display: flex;
    align-items: center;
    margin:5px 10px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0px;
    font-size: 14px;
}
.postcontent-items-right-1 ul li:last-child{
    border-bottom:none;
}
.postcontent-items-right-1 ul li div:nth-child(1){
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.postcontent-items-right-1 ul li div:nth-child(1) img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.postcontent-items-right-1 ul li div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.postcontent-items-right-title{
    display: flex;   
    align-items: flex-start;
}
.postcontent-items-right-title label{
    padding: 5px 0px;
    font-weight: bold;
    font-size: 16px;
    border-bottom:4px solid #611987;
    margin-left:10px;
    letter-spacing: 2px;
}
.postcontent-items-right-2 {
    display: flex;
    flex-direction: column;
    background-color:white;
    box-shadow: 0px 0px 5px #b3b3b3;
    margin-bottom:10px;
	width:100%;    
}
.postcontent-items-right-2 ul li div:nth-child(1){
    width: 30px;
    height: 30px;
    background-color: #dfd1e7;
    border-radius: 50%;
    padding: 10px;
    margin-right: 10px;
}
.postcontent-items-right-2 ul li div:nth-child(1) img{
    width: 100%;
    height: 100%;
    /* margin: 5px 5px; */
}
.postcontent-items-right-2 ul{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e2e2e2;
}
.postcontent-items-right-2 ul li{
    display: flex;
    align-items: center;
    margin:5px 10px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0px;
    font-size: 12px;
}
.postcontent-items-right-2 ul li h4{
    font-weight: normal;
}
.postcontent-items-right-2 ul li div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.postcontent-items-right-2 ul li:last-child{
    border-bottom:none;
}
.postcontent-items-right-2 ul li div:nth-child(2) span{
    font-size: 12px;
    color: #888888;
}
.postcontent-items-right-3{
    display: flex;
    align-items: center;
    background-color:white;
    box-shadow: 0px 0px 5px #b3b3b3;
    margin-bottom:10px;
    justify-content: space-between;
    position: relative;
}
.postcontent-items-right-3 div{
    margin-right: 6px;
}
.postcontent-items-right-3 div img{
    width: 100%;
    height: 100%;
    MARGIN: 5PX;
}
.postcontent-items-right-3 ul{
    flex: 1;
    font-size: 14px;
}
.postcontent-items-right-3 ul li:first-child span{
    color: #611987;
    font-size: 16px;
    font-weight: bold;
    margin-left:3px;
}
.postcontent-items-right-3 dl{
    position: absolute;
    left: 110%;
    bottom: 0px;
    color: #611987;
    font-size: 16px;
    text-align: center;
}
.postcontent-items-right-3 dl dd:first-child{
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}
.postcontent-items-right-3 dl dd:first-child img{
    width: 100%;
    height: 100%;
}
/* 轮播 */
/* .layui-carousel-ind ul{
    display: none !important;
} */
.layui-carousel{
    height: 300px !important;
}
.layui-carousel img{
    width: 100%;
    height: 100%;
}