/* .carousel-links */

.carousel-links img {
  width: 100%;
  height: 320px !important;
}

/* .carousel-news */

.carousel-news img {
  width: 100%;
  height: 320px !important;
}

/* card */

.card {
  width: 100%;
  margin: 12px 0;
  padding: 12px;
  padding-bottom:2px;/*20210129  中午修改*/
  background-color: #ffffff;
  min-height:320px;
}

.card-head {
  border-bottom: 3px solid #ff7f02;
}

.card-title {
  display: inline-block;
  padding: 8px 0;
  font-size: 17px;
  color: #cf0d0d;
  font-weight: bold;
}

.card-extra {
  float: right;
  margin-right: 12px;
  padding: 12px 0;
}

.card-extra a {
  text-decoration: none;
  color: #333333;
  font-size: 12px;
}

.card-extra a:hover {
  color: #cf0d0d;
  text-decoration: underline;
}

.card-body {
  margin: 12px 0;
}

/* data-list */

.data-list {
  margin: 0;
  padding: 0;
}

.data-item {
  line-height: 38px;
  list-style-type: none;
  border-bottom: 1px dashed #dddddd;
}

.data-item a {  
  display: inline-block;
  color: #333333;
  margin-left: 6px;
}

.data-item a:hover {
  text-decoration: none;
  color: #b10004;
}

.data-item span {
  font-size: 9px;
  float: right;

  color: #666666;
}

.data-item-time {
  float: left !important;
  width: 45px;
  cursor: pointer;
  text-align: center;
  font-size: 10px; line-height: 12px;padding-top:3px;
}

.data-item-time > span {
  float: left;
  width: 100%;
  height: 14px;
 font-size:10px;
 
}
.data-item-time > span:first-child {
  background-color: #b10004;
  color: #ffffff;
}
.data-item-time > span:last-child {
  border: 1px solid #b10004;
  border-top: none;
}

/* .server-list */
.server-list {
  margin: 0;
  padding: 0;

}

.server-list > li {
  float: left;
  width: 33.33%;
  list-style-type: none;
  text-align: center;
  /*border: 1px solid #ededed;*/
/*  border-left: none;
  border-top: none;*/

}

.border-right-none {
  border-right: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.padding-6 {
  padding: 3px 0;
line-height:36px;
}

.server-list > li > a {
  display: block;
  padding: 26px 0;  
  text-decoration: none;
  color: #b10004;
  font-size: 15px;
}

.server-list > li > a > i {
  display: block;
  font-size: 36px;
  margin-bottom: 2px;
}


/* links */
.links {
  margin: 0;
  padding: 0;
}

.links>li {
  list-style-type: none;
  display: inline-block;
  margin: 4px;
}

.links>li>a {
  display: block;
}

.links>li img {
  width: 170px;
  height: auto;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 6px;
}

.links>li img:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}