#listcolumnContent{width:100%;background-color:#fff} #listcolumnContent .row{width:100%;display:block;zoom:1} #listcolumnContent .row:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden} #listcolumnContent .row .col{float:left} #listcolumnContent .sidebar{width:15%;background: linear-gradient(to bottom, #fafafa, #f1f1f1);margin:1%} #listcolumnContent .sidebar .col_title{width:100%;height:50px;padding:5px;text-align:center;background-color:#530e5f;box-sizing:border-box;font-weight:700} #listcolumnContent .sidebar .col_title .col_titleName{width:100%;height:40px;line-height:40px;font-size:16px;color:#fff} #listcolumnContent .sidebar .col_title .col_titleName span{color:#fff} #listcolumnContent .sidebar .col_menu{width:100%;padding:1%;text-align:center} #listcolumnContent .sidebar .col_menu .col_menuList li{ width:98%;height:40px;margin-bottom:5px;list-style:none;font-size:14px; background: transparent !important; } #listcolumnContent .sidebar .col_menu .col_menuList li a{display:block;width:100%;height:100%;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #listcolumnContent .sidebar .col_menu .col_menuList li a.selected,#listcolumnContent .sidebar .col_menu .col_menuList li a:hover{background:linear-gradient(to right,#662170,#85289a);color:#fff} #listcolumnContent .list{width:80%;border:1px solid #cdcdcd;margin:1%;min-height:500px} #listcolumnContent .list2{width:98%} #listcolumnContent .list .position{padding:5px;font-size:14px} #listcolumnContent .list .columnlist{padding:5px;font-size:16px} .clearfix{display:block;zoom:1} .clearfix:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden} @media only screen and (max-width:959px){#listcolumnContent .row{display:flex;flex-direction:column} #listcolumnContent .row .col{width:98%} }