.public-panel{
    margin-top: 4px;
    width: 100%;}
.panel-head .headcolor{
    background-color: #dae4ea;
    height: 38px;
    width: 896px;
    float: left;}
.panel-head .item{
    float: left;
    line-height: 38px;
    background-color: #318fc9;
    text-align: center;
    height: 38px;
    color: #fff;
    line-height: 38px;
    width: 104px ;
    font-size: 14px;
    font-family:微软雅黑;}
.public-panel .panel-body{
    position: relative;
    width: 962px;
    margin-top: 17px;
    margin-left: 32px;
    margin-bottom: 10px;}
#a1{
    float: left;
    width: 662px;}
.public-panel .mlist{
   float: left;
    width: 257px;
    height: 446px;
    margin-left: 42px;
    overflow-y: auto;
    background-color:#f1f1f1 ;}

.mlist .icon{

    position: absolute;
    right: 12px;}
.mlist .icon span{
    font-family: "iconfont";
    font-size: 14px;
    color: #ff6600;}
.icon .icon-tran{
    position: relative;
   display: inline-block;
    transform: rotate(180deg);
    top: -3px;}
.mlist-a{
    display: block;
    padding: 15px;
    font-size: 14px;
    background:url(../img/play.png) 0 0 no-repeat;
    background-position: 20px 15px;
    padding-left: 80px;
    color: #318fc9;
    border-bottom: 1px solid #ddd;
    text-decoration: none;}
.mlist-a span{
    display: block;}
.mlist-a p{
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 25px;
    color: #bfbfbf;}
.mlist-a.on,.mlist-a:hover{
    background-color: #fff;}