.wrap {
  width: 1200px;
  margin: 0 auto;
}
.plat {
  padding-top: 20px;
}

.plat .col_tt {
  background-image: linear-gradient(
    0deg,
    rgb(1, 94, 234) 0%,
    rgb(0, 192, 250) 100%
  );
  background-image: -moz-linear-gradient(
    0deg,
    rgb(1, 94, 234) 0%,
    rgb(0, 192, 250) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(1, 94, 234) 0%,
    rgb(0, 192, 250) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(1, 94, 234) 0%,
    rgb(0, 192, 250) 100%
  );
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  width: 400px;
  position: relative;
}

.plat .col_tt img{
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    bottom: -11px;
}

.plat .list {
  border: 1px dashed #c9c9c9;
  margin-top: 2px;
}
.plat .list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 20px 0 20px;
}

.plat .list ul li {
  position: relative;
  background-color: #d0eaff;
  margin-bottom: 20px;
}

.pNone{
	pointer-events:none;
}
.cNot{
	cursor:not-allowed;
}

.plat .list ul li a {
  display: block;
}
.plat .list ul li .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 520px;
  height: 50px;
  padding: 0 20px;
}

.plat .list ul li .bar .pl {
  display: flex;
  align-items: center;
}

.plat .list ul li .bar .icon {
  width: 50px;
  height: 50px;
  background: url(../../images/zw_topic/icon2.png) no-repeat center;
}

.plat .list ul li:hover .bar{
	background-color: #0067b8;
}

.plat .list ul li:hover .bar .tt{
	color: #fff;
}

.plat .list ul li:hover .bar .icon {
  background: url(../../images/zw_topic/icon21.png) no-repeat center;
}


.plat .list ul li .bar .tt {
  font-size: 16px;
  color: #0067b8;
  line-height: 50px;
  font-weight: bold;
}