.tab {
  height: auto;
  padding: 0.25rem 0.25rem;
  font-size: 0.65rem;
  background-color: #ffffff;
}

.nowTab {
  color: #ffffff;
  background: #e60012;
  border: 1px solid #e60012 !important;
}

.tab ul {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.tab ul li {
  padding: 0.2rem 0.5rem;
  float: left;
  text-align: center;
  border-radius: 1.2rem;
  margin-left: 1.3rem;
  border: 1px solid #d5d5d5;
}

.tab ul li:first-of-type {
  margin-left: 0%;
}

.match{
    margin-bottom: 20px;
}

.match_box {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 0.65rem;
}

.hot-tit {
    background-color: #d20000;
    padding: 8px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.mat-tit {
    background-color: #717171;
    padding: 8px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.date {
  height: 2.5rem;
  color: #333;
  line-height: 2.5rem;
  text-align: center;
  background: #f2f2f2;
  /*font-weight: 800;*/
  font-size: 16px;
}

.date span {
  margin-left: 2%;
}

.today {
  background: #f2f2f2;
}

.match a:link,
.match a:visited,
.match a:hover,
.match a:active {
  color: #383838;
}

.containers {
  width: 1004px;
  margin: 0 auto;
  padding: 0;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  /* 设置为垂直方向的列布局 */
}

.panel {
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
  box-shadow: 0 1px 52px 0 rgb(0 0 0 / 5%);
  margin-bottom: 20px;
}

.panel-hd {
  display: flex;
  align-items: center;
  /* 垂直居中标题 */
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #d3d3d3;
  height: 30px;
  /* 可以根据内容的高度调整 */
}

.hdt {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 700;
}

.panel-bd {
  flex: 1;
  /* 让 .panel-bd 充满 .panel 的剩余空间 */
  padding: 15px 0 20px 0;
}

.zb-zzk-list {
  display: flex;
  flex-wrap: wrap;
  /* 允许元素换行 */
}

.zb-zzk-list li {
  margin: 0 10px 10px 0;
}

.zb-zzk-list li a {
  display: inline-block;
  color: #172b4c;
  padding: 2px 10px;
  background: #dedede;
  border-radius: 5px;
  text-decoration: none;
  /* 清除链接下划线 */
}

.vMod {
    margin-bottom: 20px;
}

.list {
  width: 100%;
  border-bottom: 0.18rem solid #eee;
  background-color: #ffffff;
}
.match_box match a:nth-child(2n) {
  background: #f7f7f7;
}
.list-zf {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.list-zf p {
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  text-align: center;
  height: 20px;
  margin-left: 10px;
}
.list > div {
  height: 5.5rem;
  float: left;
}

.timer {
  width: 15%;
  text-align: center;
}
.timer p {
  text-align: center;
  margin-top: 0.3rem;
  font-size: 0.85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timer img {
  height: 1.3rem;
  margin-top: 1.3rem;
  width: auto;
}
.teamOne,
.teamTwo,
.score {
  width: 25%;
  text-align: center;
}

.score p {
  width: 100%;
  font-size: 0.85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
}

.score p:first-of-type {
  margin-top: 0.3rem;
}

.score p:nth-of-type(2) {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0.3rem 0;
  color: #293b4c;
}

.imgzhibo {
  width: 10%;
  text-align: center;
}

.imgzhibo {
  line-height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list {
  overflow: hidden;
}

.teamOne,
.teamTwo {
  text-align: center;
}

.teamOne p,
.teamTwo p {
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem !important;
  font-size: 14px;
}

.teamOne img,
.teamTwo img {
  height: 2.3rem;
  margin-top: 1rem;
  width: 2.5rem;
}

.imgzhibo img {
  width: 1.5rem;
  height: auto;
}

#toToday {
  display: none;
  position: fixed;
  left: 42%;
  bottom: 22%;
}

#toToday a {
  color: #ffffff;
}

#toToday button {
  width: 3rem;
  height: 1.2rem;
  color: #ffffff;
  background: #326295;
  border-radius: 0.5rem;
}

.mengban {
  width: 100%;
  height: 38px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
}

.bofangBtn {
  width: 30px;
  height: auto;
  position: absolute;
  top: 44%;
  left: 45%;
}

/*主播*/

.bigBox {
  overflow: hidden;
}

.anchorBox {
  width: 45%;
  height: auto;
  float: left;
  margin-left: 3.4%;
  margin-bottom: 6px;
}

.anchorBox > p {
  color: #383838;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.football_bg {
  background-image: url("../images/football_bg.png");
}

.basketball_bg {
  background-image: url("../images/basketball_bg.png");
}

.anchorBox > div {
  position: relative;
}

.anchorBox > div > p {
  color: #ffffff;
  padding: 0 4%;
  position: absolute;
  top: 5%;
  left: 3%;
  border-radius: 20px;
  background: -webkit-linear-gradient(left, #2664ff, #41c4fe);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2664ff, #41c4fe);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2664ff, #41c4fe);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2664ff, #41c4fe);
  /* 标准的语法 */
}

.anchorBox img {
  width: 100%;
  height: 95px;
}

.theEnd {
  width: 100%;
  height: auto;
  color: #828282;
  font-size: 12px;
  text-align: center;
  display: block;
  padding: 2% 0;
}

/*提示框*/

#tabHeader {
  width: 100%;
  height: 1.5rem;
  color: #ffffff;
  line-height: 1.5rem;
  text-align: center;
  display: none;
  position: fixed;
  top: 0px;
  font-size: 0.65rem;
}

#tabHeader span {
  margin-left: 2%;
}

/*暂无比赛*/

.noMatch {
  width: 100%;
  height: auto;
  padding: 3% 0;
  text-align: center;
}

.noMatch img {
  width: 130px;
  height: auto;
}

.noMatch p {
  color: #6f6f6f;
}

@media only screen and (min-width: 300px) and (max-width: 320px) {
  .tab ul li {
    margin-left: 3.8% !important;
  }
}

@media only screen and (min-width: 340px) and (max-width: 360px) {
  .tab ul li {
    margin-left: 5.4% !important;
  }
}

@media only screen and (min-width: 400px) and (max-width: 414px) {
  .tab ul li {
    margin-left: 1rem !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .infoMore {
    text-align: center;
  }
  .tab ul li {
    margin-left: 10% !important;
  }
  .tab {
    padding: 12px 10px;
  }
  .bofangBtn {
    position: absolute;
    left: 48%;
  }
}

@media (max-width: 600px) {
  .containers {
    width: 100% !important;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1024px) {
  .infoMore {
    text-align: center;
  }
  .tab ul li {
    margin-left: 11% !important;
  }
  .tab {
    padding: 12px 10px;
  }
  .bofangBtn {
    position: absolute;
    left: 48%;
  }
}
@charset "UTF-8";
.vIndex_entranceArea {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  overflow: hidden;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.vIndex_entranceArea_item {
  position: relative;
  display: table-cell;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #333;
  overflow: hidden;
}
.vIndex_entranceArea_item:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center 11px;
  background-size: 18px 18px;
  vertical-align: bottom;
}
.vIndex_entranceArea_item {
  color: #e03e3f;
}
.vIndex_entranceArea_item.kj:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7QkyM9NeXAAAALHRSTlMA+QbUXAPybyj1Cr1TodusTevl4BGVLMZqDppYOSEV8IqEf2hFQs52GbRkv5LzXLUAAAGiSURBVDjLxZLpboMwEITXNpjLgQKB3Eeb3p33f75ubFckDlSVqqrfH4MZxjvrpf9ngyk2V7pUYwqd0kD+jPpEY0Q1nvPhdY1aiccRXZqpGuvLAk2HQ08hucLMcJlDgRXFBdp9KJyhXVFly3S/1SxZlVjkQYEQW6J9DZW732DO6+6AGx6IMcDsvHbAuzV4EghYxM7Y5ZGFPYE5AdFlgXrnkn91aF+ieSVnnm2HAhF9Rdj5vf6AheSVo9tN7zPzxhcdvhO2ChtdrbxPax8in8jzYgO56G+x89l64zca8B989M75eONydSWUCx9IVoDQAo3vcRZe7L6xgUwJT2ms8YZC+gzr+AioJJUyTRRw5K2ObjHAB8Qydm/xKUNmD7nlAUPLXCwuewypsTw3tdC6uOOHJRo5PvZQfO49LPd8ukI0KqyQsB9EMp8nAuyZoBoVtuBJLpC4qyr4WtCOCgW4JI05MXNoLhpiVKhDYT4hLMOje7Q/DvO79sjGNzzLgoaHmPAKDU1wvB6KI00Rd27M8j5RQBdPCoPB/RYZVa0QbRVJ+mM+AantO1fLvmosAAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.jc:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJ1BMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7QkzTbHzmAAAADHRSTlMAS/Pmvm4S54QR5HaIGwhOAAAAmklEQVQoz2OgCjgDpfALiuicQQKHHEFiHGfQQANQUEY1AVk7Z9BBIMMnANVM7iNAQicBVZDtEIiB4TzaCTLanDEEcYXPHBaACzKfOXMYJGhz5owBXJDnAMSQMyAWQhDMp0gQCHAK0sZ2hDePQ71ZgAiQmjMLQYLiZ04JUB7IkChGAWyHIIkBAWCJQUZ1AkIElmwwExjWpEgpAAD3Q5iqz072qgAAAABJRU5ErkJggg==);
}
.vIndex_entranceArea_item.yc:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAilBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkzmrzh7AAAALXRSTlMAEfhuTb706fAp2dEMB3UWA+GqnyIc7YeEgHtSSMi7tK2TjYJbVUM7NLdjMWBUu5U+AAABZUlEQVQ4y8WUWXKCQBRFoZlBRMEhIM6z5ux/e8EWQiS08JPK/WmKOnXfWE/7Z5mWjVK2ZVbcBx36KP0Qhq4OpxuCp6eFob3VEEu+Lg2/46XhiStfeP0/8q2GJbSCN1j0AcMx+GEP0AAwusGBw3XNTO8EM4Q3Eey6QN1lq2kpYqJFd9OYJ1ZwaAXnRVRZkCuQcs4tjvops591mJQKpjUBkhnGPoA/+u5TAptBI8c5lfKKmy5h/6uY0Q5w1qk5rbiTg31sq9qAZPBzYxjf29uzEARe1fUNLCNVH89FsE/55fmQhOqGT3wc6e3C8O1kFqyLuubg5o80IyW4J9WiFfhekWaMoQRXmJcxrPQijQACJTgjE7ArZpPPSGMuCtADELfHVMYQe85WAR7KZSk0yGyc2A3bwa1cllJRAhzaweVjWWp5V6xWMBR77VV5MKmJ+lJ4R62pkey5jt379vS+Zn3vY++L+yf6Als8SBNBxjBhAAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.tj:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAJ1BMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7QkzTbHzmAAAADHRSTlMAUsTzEW+AJ9HgvqFNT9mmAAAA5ElEQVR4Aa3Sv66CMBQG8IMgoDD4IA7OTi4mDg4Ojgw+AIPud3C7C4OJk4mDiYOriS8ARVTkPJT9A6UpxkU7NOGXnvK1p/DbYRxRjmGPU1gL4o0vwnldMUa2rJupuwQHOplXlaYDOvmxSvyLTv1qc/KJ3hQC2LuFToHIqNJ+leu0tVKNrNTJwZd/5OckbaLRJPMKpZAtitYdTE+SDJr6MWohPiW5VGYsLUoyE1Hv8GRlCEF2AfWxBblJg/7ujcJwo1y0oOgs21GSw9slmlaGsHEJVWs9xJhdPgGoHoB1EfT/9eN6AZuNhDct8Il/AAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.ml:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAFVBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7QkwqnzvXAAAABnRSTlMA7o88xDt/lD/YAAAAWklEQVQoz2OgLmASS1RAE1JLS0tCExIzYE5EE0oDImoKIZwDF0I4By6EcA5CCM7CJwQ2GVUIbDKqENhkVCEwMZBCYgasiQgCHiQIAhFwCAIHcEtDAinYhKgKANr4OL1AZcJ7AAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.gj:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkxq4upZAAAAHXRSTlMA8lIS0Q3W+YaCfXNoRJEXsKg6oF4t592ZA8NMtMyjUokAAAEDSURBVDjL1ZPpboQgEICHWzk80F3d3c77v2aH1A1WhbS/mn4hCMmXYY4If0VYcI8OV9Idv3O/khA5ZDjitVS5Ro01dEySxjrLV9xQqxkxP17k95KmHGGHRJQnCZV6h8z3LG3k0+H+Mynnhmnt6AAErVsu4CIn0UhjZCuydK6Os2H0bhwYP88yOwHAunTgJalnjvZXBDJZX5DaoaN9fqUCPpqCJP3Q9t7auW8GJwuSWZVYZwDfCTWZkkTtEZaeVQCRlZ6baZucW+njZSnxJ8DNCWEp4vOdOD+1YGrGB8BjbMatBfr4xyngxndAUufNFiAuB2tKnWY2hJYxDhXSgFka8H/mE1nyInAJE3u6AAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.gj2:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkww67ioAAAAEXRSTlMAQfAT1QzOhlK04fkvp3siZum6w6sAAADWSURBVDjLzZFLDsMgDERt8yek6dz/sk1FJVMCqN3liQWWnuSxTbeGM1osj6TqKHkkAbGpIjCWFiVb9FyzLRzNBvBqZkCbT/lfsoClBn/WFwnOQZVat1JFf139m6TZ8H4Ngcicr+gAg0wm2G3zwah0nS5K7SVRpZ4IJC6FExBnkhE8Di+y0wNiJlJAouCNkSclhInkwfSUwsLEsBNpg6MjZ/FEDttCSjsZH05JFu0+EsMvgrOc7Y4meBysgAwX0hVYfJNdXaZzzTI5d9Z+PYvSH1jeB74pLwujFi81CJJlAAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.zst:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAOVBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkym9eD3AAAAEnRSTlMAw/HjMxrWDfypmn1tRrlXJb7vHCM0AAAAj0lEQVQ4y9XRWQpCMQwF0Ayd2zd4979YBxB8Ik3QD/X+lJJDIAn9VRi3iAfB7uZAA2qiULBYKCoqGSgmpHxBhpGdiHligkICzdML1DBLAtY4JydAxkyErkBpr9rkTDmGrVcFIG2f3fIq6pYfCnxARTStbRwnMlb5OWJ2IMCPmB0IeBsxOxDwe4j5/j5/v5AzU4UKMkCtPEMAAAAASUVORK5CYII=);
}
.vIndex_entranceArea_item.sh:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAATlBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qky/xa9rAAAAGXRSTlMA+RsGD2rysKwV0Zd+Qdkt54lSMmC3ySXDT+iUbAAAAVZJREFUOMvNVNt2gzAMi8mVhIRAgU7//6NbcMMla583P5mDsGTZRvxddNolA5Oc7j5BHhZn2Mc7iAwArXpUQo16JSDI30weCCdJPxF812Iy0iiuMSbkO0p6bH3zndrgb4wBSe1JtJmyjYxKCNe+QMylwaGZkXDp0WJiZYShk91AxGom2FM1iAUtL7DGwj0SDu0ariaReV58wnHC6cJJxHCCubSroIRq0bZr0uarmoVUQQaqGh1QItRnqY9KwOHFtoO263TbSk9DbIEt0/NEfugbTWczsxKzwR5mbrvLh7gZWKNScQXmxifCq3pvMHA2wPR3xz2W+mr9USiFfIoV0312GqQ70Unhi5vBKRdEhG+2wKGEFFTESZutFArU7tOyZsoNyHzYzEpnK13d8XyxeYCtwqve9lpaC5q7c8t+d89ipo1SRgvMHy44NWN5/y+IPGBTBvxf4xt1AxlUMyjadQAAAABJRU5ErkJggg==);
}
.vIndex_entranceArea_item.zj:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAA7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkw7Qkxq4upZAAAAHXRSTlMA+hSF8ul8QVMGzwuyxJNlOSUcDtOgddy8MLFdTBgnSdoAAAEASURBVDjLxZFZcsMwDENJbY5sy/sSt8X9r1m7rqSkHUWZfjT4woweBQ5IL5WQE3MpxSPmovAldXnAAHVRVUUNJCmhYE5noFKJErW3NWQCKlF4W2BKQIzR2xGchyqoZ+LKPy+eryCW+RbLzJ8ld2CVPvBgnIa25IbBUQVoZ4afzMI4NJLuOr1Dh3i5Z2ZgbXu7uyswE5Htl/V0QQZo7LkUt1Kf1jaAiUzPaL5ty2ILxTfg/qbqc/hIuxKtfsLqm+LL41ufts/ouEY8oUIX04i6kNch8ASI0ERPtIWjCCBA0dpyqsi5u5ffdtDzO28ZiD6gGspBJPWYhQ4loJSehf5fn3MEGGKiivzsAAAAAElFTkSuQmCC);
}
.vIndex_entranceArea_item.gc:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAPFBMVEUAAADhPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj/hPj+hzosrAAAAE3RSTlMAQiHZXGugwc0V7i4HgBCTqH9QXvmxWwAAAXdJREFUeAGdVNm2gyAMRFkSXNCa///XGxASrG2P5/JSC0kmM1nMf87oA05EEwY/fjVyQN0B99FosPwW3ByXJc4u8B873IyWjf19f+M59rZcrSISvd5dX0QYL1aWcL7nMSPZzm5Bgvgp3wiEihs0+LgCIGyDJhOEI1FDXEWOVHGJmouV7Jku4bZm/VB42KoqQUPk56N8MPGmDtCpM8gNQ66SR/P15xeHMGrWEuHCtluiXF+vXNaKaUzSaKxDRgskNVYoL/A59xwHRY3sQvuRzMCMMUktCuuJugL4qeoWxMrEkiaRlmOUjrOHlrJw7MwSxwI/DKXbjqtZB7pTY+1YkHQBVQqpe2MPd6Gwy/9O+q4gVRCV94vZKa8Wi0GpzR0qaL3U0rMcZ6+noGnW0veNlMUF7rf8694aqWtLnpF6piabtGVOXVbBsQFaCK4JM2pv9SPzdvqReTqAD8f56XJ4umrMbXHZj4ur6PxkDRaV/H4u1f3HUv1x/gAfCBoY+P/k8wAAAABJRU5ErkJggg==);
}
.vIndex_entranceArea_item:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 0;
  height: 24px;
  border-left: 1px solid #f2f2f2;
}
.vIndex_entranceArea_item:last-child:after {
  display: none;
}
.vIndex_recommends {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
  overflow: hidden;
}
.vIndex_card {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
  overflow: hidden;
}
.vIndex_card_matchInfo {
  display: block;
  height: 54px;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.vIndex_card_matchInfo .team {
  float: left;
  width: 30%;
}
.vIndex_card_matchInfo .team img {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.vIndex_card_matchInfo .team p {
  height: 16px;
  line-height: 16px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vIndex_card_matchInfo .middle {
  float: left;
  width: 40%;
  color: #333;
  overflow: hidden;
}
.vIndex_card_matchInfo .middle p {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  overflow: hidden;
}
.vIndex_card_matchInfo .middle .score {
  font-size: 20px;
}
.vIndex_card_matchInfo .middle .state {
  display: block;
  width: 70px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
  color: #999;
  margin: 0 auto;
  overflow: hidden;
}
.vIndex_card_matchInfo .middle .live {
  border-color: #e03e3f;
  background-color: #e03e3f;
  color: #fff;
}
.vIndex_card_matchInfo .middle .green {
  border-color: #16b13a;
  color: #16b13a;
}
.vIndex_card_articles {
  position: relative;
}
.vIndex_card_articles:before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  display: block;
  height: 0;
  border-top: 1px solid #f2f2f2;
  z-index: 1;
  overflow: hidden;
}
.vIndex_matches {
  background-color: #fff;
  overflow: hidden;
}
.vIndex_matches_list {
  display: block;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.vIndex_matches_list::-webkit-scrollbar {
  display: none;
}
.vIndex_matches_list::-webkit-scrollbar-thumb {
  display: none;
}
.vIndex_matches_list:horizontal {
  display: none;
}
.vIndex_matches_list_item {
  display: inline-block;
  width: 47%;
  max-width: 176px;
  min-width: 168px;
  height: 90px;
  padding: 8px;
  border-left: 1px solid #f2f2f2;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
}
.vIndex_matches_list_item .red {
  color: #e03e3f;
}
.vIndex_matches_list_item .redBox {
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  border-radius: 18px;
  background-color: #e03e3f;
  color: #fff;
}
.vIndex_matches_list_item .videoBox {
  position: relative;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 12px 0 7px;
  border: 1px solid #f13f09;
  border-radius: 16px;
  color: #f13f09;
}
.vIndex_matches_list_item .videoBox:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #f13f09;
}
.vIndex_matches_list_item:first-child {
  border-left: none;
}
.vIndex_matches_list_item_top {
  position: relative;
  height: 18px;
  line-height: 18px;
  color: #999;
  font-size: 11px;
}
.vIndex_matches_list_item_top .right {
  position: absolute;
  top: 0;
  right: 0;
  height: 18px;
}
.vIndex_matches_list_item_main_part {
  position: relative;
  height: 20px;
  line-height: 20px;
  margin: 8px 0 0;
  padding-right: 30px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vIndex_matches_list_item_main_part img {
  float: left;
  width: 18px;
  height: 18px;
  margin: 1px 8px 1px 0;
}
.vIndex_matches_list_item_main_part .score {
  position: absolute;
  top: 0;
  right: 0;
}
.vIndex_matches_list_more {
  display: inline-block;
  width: 40px;
  height: 90px;
  line-height: 15px;
  padding: 15px 12px;
  border-left: 1px solid #f2f2f2;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
  text-align: center;
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
}
@media (min-width: 1004px) {
  .vIndex_entranceArea {
    margin-bottom: 20px;
  }
  .vIndex_card {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
  }
  .vIndex_card .vMod_articleList {
    border-radius: 0;
    border: none;
  }
  .vIndex_matches_list {
    margin: 6px;
    white-space: normal;
    text-align: left;
    overflow: hidden;
  }
  .vIndex_matches_list_item {
    width: 216px !important;
    height: 92px !important;
    max-width: none !important;
    margin: 5px;
    border: 1px solid #f2f2f2 !important;
    border-radius: 5px;
  }
  .vIndex_matches_list_more {
    display: none;
  }
}


/*------ 专题/球队--------*/


.zc_nrong {
  padding: 10px;
  max-height: auto !important;
}

.image-container {
  float: left;
  margin-right: 20px;
}
.image-container img{
  height: 200px;
}

.text-container {
  font-size: 18px;
  line-height: 35px;
}

/*.text {*/
/*  text-indent: 2em;*/
/*}*/

.zhankaiall {
  display: none;
}

.jianjie {
  color: #99190d;
}

.zc_nrong ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.zc_nrong ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.zc_nrong ul li .pic-1 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}

.zc_nrong ul li .pic-1 img{
    width: 100%;
    /*height: 128px; */
}


.zc_nrong ul li .tit {
    font-size: 14px;
    padding: 5px 0;
}

/*展开切换回pc*/
.zc_nrong_modified ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.zc_nrong_modified ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.zc_nrong_modified ul li .pic-1 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}

.zc_nrong_modified ul li .pic-1 img{
    width: 100%;
    /*height: 128px; */
}


.zc_nrong_modified ul li .tit {
    font-size: 14px;
    padding: 5px 0;
}

    
.section-tit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 28px;
    border-bottom: 2px solid #555555;
}

.section-tit span {
    font-weight: 600;
    font-size: 18px;
}

.section-tit span img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.section-tit span em {
    font-size: 14px;
    font-weight: bold;
    color: #CACACA;
    padding: 0 8px;
}

.section-tit a {
    font-weight: 400;
    color: #9F9F9F;
    font-size: 12px;
}

.section-tit .more img {
    margin-left: 3px;
}
.section-tit-nav {
    background: #F8F8F8;
    padding: 5px;
    display: flex;
}

.section-tit-nav span {
    flex: 1;
    text-align: center;
    padding: 5px 0;
}

.section-tit-nav span.on {
    background: #fff;
}

.section-tit-nav .nav.on {
    background: #FFFFFF;
}

.section-tit-nav2 {
    display: flex;
    background: #F8F8F8;
}

.section-tit-nav2 span {
    flex: 1;
    text-align: center;
    line-height: 32px;
}

.section-tit-nav2 span a {
    display: block;
}

.section-tit-nav2 span.on {
    background: #FDDC00;
}


.section-hot-team {
    padding: 10px 0;
    background: var(--bg-light-color);;
}

.section-hot-team a .pic-qiudui {
    border: 1px solid #F2F2F2;
    padding: 10px;
}

.section-hot-team a .pic-qiudui img {
    width: 40px;
    height: 40px;
}

.section-hot-team a {
    width: 82px;
    margin: 10px 0;
    /*background: #FFFFFF;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #000;
}

.section-hot-team a p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60px;
    font-size: 14px;
}

.section-hot-team-box {
    display: none
}

.section-hot-team-box.on {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-items: center;
}


.fenye {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    font-size: 14px;
}

.fenye ul li {
    display: inline-block;
    font-size: 14px;
    margin: 0 2px;
    line-height: 1.5;
}

.fenye ul li a {
    font-size: 12px;
    color: #fff;
    display: block;
    padding: 2px 6px;
    border: 1px solid #99190d;
    border-radius: 3px;
}

.fenye ul li a:hover {
    background-color: #99190d;
    color: #fff;
    border: 1px solid #fff;
}

.fenye ul li.active a {
    background-color: #99190d;
    color: #fff;
    border: 1px solid #fff;
}



.qiudui-1 p{
    padding: 8px 10px;
    font-size: 16px;
}

.qiuyuanlist {
     /*width: 1200px;*/
    border-radius: 4px;
    padding: 20px 10px;
    box-sizing: border-box;
}

.qiuyuanlist .hot_qiuyuan_main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item {
    width: 23%;
    margin: 1%
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item a {
    display: flex;
    width: 100%;
    height: 100%;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: #F5F7F9;
    border-radius: 3px;
    align-items: center;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img {
    padding: 8px;
    max-width: 80%;
    max-height: 80%;
    height: auto;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item .info {
    width: calc(100% - 68px);
    color: #000;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5px 0px 5px 10px;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item .info em {
    font-size: 12px;
    font-weight: 400;
    color: #9a9a9a;
}


.qdqyinfo .qdqy_logo {
    background: #000;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff
}

.qdqyinfo .qdqy_logo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
}

.qdqyinfo .qdqy_logo h1 {
    font-size: 16px;
    line-height: 2
}

.qdqyinfo .qy_qyxx ul {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}

.qdqyinfo .qy_qyxx ul li {
    display: flex;
    width: 33.333%;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #cacaca;
    font-size: 12px;
    padding: 15px 0;
}

.qdqyinfo .qy_qyxx ul li span {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.qdqy_lmtit {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
}

.bgwhite{
    background: #fff;
    /*border-radius: 4px;*/
    padding: 10px 10px;
    box-sizing: border-box;
}


.saishi_item .qiudui {
    padding: 0px;
}

.saishi_item .qiudui .qiudui_item {
    width: 23%;
    margin: 1%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.saishi_item .qiudui .qiudui_item .pic-1 {
    width: 50px;
    height: 50px;
    background: #F5F7F9;
    padding: 7px;
    box-sizing: content-box;
}

.saishi_item .qiudui .qiudui_item .pic-1 img {
    width: 50px;
    height: 50px;
}

.saishi_item .qiudui .qiudui_item .title {
    width: calc(100% - 74px);
    text-align: left;

}
.saishi_item .qiudui .qiudui_item .title a{
    color: #000;
    font-size: 14px;
}

.saishi_item .qiudui .qiudui_item .title p {
    font-weight: 500;
    color: #000;
    /*line-height: 2;*/
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
}

.saishi_item .qiudui .qiudui_item .title .t2 {
    font-size: 14px;
    color: #656565 !important;
    font-weight: 400;
    padding-top: 10px;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.zhuanti ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.zhuanti ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.zhuanti ul li .pic-1 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}
.zhuanti ul li .pic-1 img{
    width: 100%;
    /*height: 128px; */
}

.zhuanti ul li .tit {
    font-size: 18px;
    padding: 5px 0;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.mt20 {
margin-top: 20px;
}


@media (max-width: 600px) {
      .zc_nrong {
    /* padding: 10px; */

    clear: both;
    position: relative;
    max-height: 16rem;
    overflow-y: hidden;
  }

  .zc_nrong_modified {
    clear: both;
    position: relative;
    /*padding: 10px;*/
  }

  .image-container {
    float: left;
    margin-right: 10px;
  }
  
  .image-container img{
      height: 100px;
    }

  .text-container {
    font-size: 14px;
    line-height: 25px;
  }

  /*.text {*/
  /*  text-indent: 2em;*/
  /*}*/

  .zhankaiall {
    width: 7rem;
    height: 1.5rem;
    line-height: 1.6rem;
    margin: 10px auto;
    border-radius: 1rem;
    border: 1px #99190d solid;
    text-align: center;
    color: #99190d;
    font-size: 0.8rem;

    display: block;
  }
  .zhankaiall_btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zhankaiall_btn cite {
    float: left;
  }
  .zhankaiall_btn .iconfont {
    color: #fe373c;
    font-size: 0.38rem;
    float: left;
    line-height: 0.3rem;
  }

  .wznrzhezhao {
    position: absolute;
    width: 95%;
    height: 150px;
    bottom: 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  }

  .jianjie {
    color: #99190d;
  }
  
  .text{
      display: none;
  }
  
      
    .zc_nrong ul{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    
    .zc_nrong ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .zc_nrong ul li .pic-1 {
        width: 100%;
        /* height: 128px; */
        overflow: hidden;
    }
    
    .zc_nrong ul li .pic-1 img{
        width: 100%;
        /*height: 128px; */
    }
    
    
    .zc_nrong ul li .tit {
        font-size: 14px;
        padding: 5px 0;
        text-align: center;
    }
    
    
    .zc_nrong_modified ul{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    
    .zc_nrong_modified ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .zc_nrong_modified ul li .pic-1 {
        width: 100%;
        /* height: 128px; */
        overflow: hidden;
    }
    
    .zc_nrong_modified ul li .pic-1 img{
        width: 100%;
        /*height: 128px; */
    }
    
    
    .zc_nrong_modified ul li .tit {
        font-size: 14px;
        padding: 5px 0;
        text-align: center;
    }
    
      .zhuanti ul{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    
    .zhuanti ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .zhuanti ul li .pic-1 {
        width: 100%;
        /* height: 128px; */
        overflow: hidden;
    }
    
    .zhuanti ul li .pic-1 img{
        width: 100%;
        /*height: 128px; */
    }
    
    
    .zhuanti ul li .tit {
        font-size: 14px;
        padding: 5px 0;
        text-align: center;
    }
    
    
    .saishi_item .qiudui .qiudui_item {
        width: 48%;
    }
    
    .qiuyuanlist .hot_qiuyuan_main .hot_member_item {
        width: 48%;
    }
    
    .bgwhite {
         width: 100%; 
         padding: 14px;
         box-sizing: border-box;
    }
    .qiuyuanlist {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }
    .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info{
        white-space: nowrap;        /* 不换行 */
        overflow: hidden;           /* 隐藏超出部分 */
        text-overflow: ellipsis;
        max-width: 90px;
    }
    
    .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img{
        width: 80%;
        height: 80%;
    }
    
    .mt20 {
    margin-top: 20px;
    }
    
    .qiudui-1 p {
        padding: 8px 0;
    }
   
}