.container{
    height: auto;
}
.main_colum{
    float: left;
    width: 100%;
    margin-top:30px;
    position: relative;
}
.right_colum{
    float: right;
    width: 300px;
    padding:10px;
    box-sizing: border-box;
}
.right_colum.fixed_colum{
    
    position: fixed;
    top:0px;
    right:calc(50% - 600px);
    height: 90%;
    overflow: scroll;
    /*position: absolute;
    right: 0px;*/
    /*top: 0px;*/
}
.right_colum .tit_colum{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
}
.right_colum .tit_colum span{
    float: left;
    background-color: #ececec;
    margin: 0px 10px 10px 0px;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}
.right_colum .tit_colum .active{
    color: #fff;
    background-color:var(--main-color)!important;
}
.right_colum .tj_list{
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top:20px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
}
.right_colum .tj_list .mtit{
    
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ececec;
}
.right_colum .tj_list .list{
    float: left;
    width: 100%;
}
.right_colum .tj_list .list a{
    float: left;
    width: 100%;
    line-height: 24px;
    font-size:14px;
}
.left_colum{
    float: left;
    width: calc(100% - 310px);
    padding:10px;
    box-sizing: border-box;
}
.left_colum .con_colum{
    float: left;
    width: 100%;
}

.left_colum .title_colum{
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding-left:8px;
    box-sizing: border-box;
}
.left_colum .title_colum .info{
     float: left;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    color: #999;
    line-height: 16px;
    line-height:20px;
    margin-top:10px;
}
.left_colum .title_colum .info img{
    
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    object-fit: cover;
}
.left_colum .title_colum .info .uname{
    float: left;
    margin-left:5px;
}
.left_colum .title_colum .info .date{
    float: left;
    margin-left:5px;
}
.left_colum .title_colum .info .zz_btn{
    
    color: var(--main-color);
    cursor: pointer;
    float: right;
    font-weight: bold;
}
.left_colum .title_colum .info .azz_btn{

    cursor: pointer;
    float: right;
    font-weight: bold;
}
.left_colum .title_colum .info .nzz_btn{

    cursor: pointer;
    float: right;
    font-weight: bold;
}
.left_colum .title_colum .info .layui-icon{
    font-size:14px!important;
}
.left_colum .fixed_colum{
    
    position: fixed;
    top: 0px;
    background-color:  rgb(244, 245, 246);
    width: 990px;
}
.left_colum .title_colum span{
    float: left;
    width: 100%;
    line-height: 24px;
    color: #999;
    font-size: 14px;
}
.left_colum .title_colum .name{
    font-size:24px!important;
    line-height: 30px!important;
    color: #000;
}
.left_colum .detail_colum{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
}
.left_colum .detail_colum .item_list{
    float: left;
    width: 100%;
    margin-bottom:10px;
}
.left_colum .detail_colum .val_list{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left:8px;
}