.mt-15 {
    margin-top: 15px!important;
}
.r4-box { background-color: #fff; overflow: hidden; }
.r4-box .rw { overflow: hidden; padding: 0 6px; }
.r4-box .col {
  float: left; width: 270px; padding: 10px 0;
  *display: inline; *zoom: 1; margin: 0 10px;
}
.r4-box .col .head {
  height: 50px; line-height: 42px; border-bottom: 2px solid #ddd;
  float: left; width: 270px;
}
.r4-box .col .head .title { font-size: 24px;text-align: center; }
.r4-box .gl .head { border-color: #2faf27 }
.r4-box .bl .head { border-color: #43b2f7 }
.r4-box .pl .head { border-color: #7e76c0 }
.r4-box .ol .head { border-color: #fca506 }
.r4-box .gl .head .title .ft { color: #2faf27 }
.r4-box .bl .head .title .ft { color: #43b2f7 }
.r4-box .pl .head .title .ft { color: #7e76c0 }
.r4-box .ol .head .title .ft { color: #fca506 }


.r4-box .col .list { float: left; width: 100%; height: 513px; overflow: hidden; }

.r4-box .col .item {
  float: left; width: 270px; border-bottom: 1px dashed #ddd;
}
.r4-box .col .first {
  height: 80px; padding: 14px 0;
}
.r4-box .col .num {
  display: block; float: left; width: 22px; height: 22px;
  border-radius: 1px; background-color: #afafaf; line-height: 22px;
  text-align: center; color: #fff; font-style: normal;
  -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;
  border-radius: 2px; margin-right: 15px;
  *display: inline; *zoom: 1; font-size: 15px;
}
.r4-box .col .first .o3 { margin-top: 29px; }

.r4-box .gl .o3 { background-color: #2faf27 }
.r4-box .bl .o3 { background-color: #43b2f7 }
.r4-box .pl .o3 { background-color: #7e76c0 }
.r4-box .ol .o3 { background-color: #fca506 }




.r4-box .col .app { float: left; width: 233px; height: 80px; }
.r4-box .col .app .cover {
  display: block; float: left; width: 80px; height: 80px;
}
.r4-box .col .app img{border-radius: 12px;}
.r4-box .col .app .body {
  float: left; width: 143px; *display: inline; *zoom: 1;
  margin-left: 10px; height: 60px; line-height: 20px; padding: 10px 0;
}
.r4-box .col .app .title,
.r4-box .col .app .cate,
.r4-box .col .app .rs { height: 20px; }
.r4-box .col .app .title {
  font-size: 15px; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; width: 143px;
}
.r4-box .col .app .cate { font-size: 12px; }
.r4-box .col .app .cate a { color: #808080 }

.r4-box .col .app .s0,
.r4-box .col .app .s1,
.r4-box .col .app .s2,
.r4-box .col .app .s3,
.r4-box .col .app .s4,
.r4-box .col .app .s5 {
  display: inline-block; width: 78px; height: 14px; vertical-align: middle;
  background-image: url('stars00.png'); margin-top: -3px;
}

.r4-box .col .app .s0 { background-position: 0 0; }
.r4-box .col .app .s1 { background-position: 0 -14px; }
.r4-box .col .app .s2 { background-position: 0 -28px; }
.r4-box .col .app .s3 { background-position: 0 -42px; }
.r4-box .col .app .s4 { background-position: 0 -56px; }
.r4-box .col .app .s5 { background-position: 0 -70px; }




.r4-box .col .one { height: 44px; line-height: 44px; font-size: 15px; }
.r4-box .col .one .num { margin-top: 11px; }
.r4-box .col .one .title {
  float: left; width: 233px; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis;
}


.r4-box .gl .item a:hover { color: #2faf27; }
.r4-box .bl .item a:hover { color: #43b2f7; }
.r4-box .pl .item a:hover { color: #7e76c0; }
.r4-box .ol .item a:hover { color: #fca506; }