.main {
  background-image: url(../static/images/news/news-bg.png);
}
.main .banner {
  background: url(../static/images/live/banner.jpg) top center / cover no-repeat;
}
.main .pageContainer .pageTop .pageTag {
  background: url(../static/images/tags/zxbb.png) top center / contain no-repeat;
}
.main .pageContainer .tabContent .top3td {
  display: flex;
  height: 230px;
  justify-content: space-between;
  padding: 20px;
  align-items: flex-end;
}
.main .pageContainer .tabContent .top3td .win {
  width: 220px;
  height: 200px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.main .pageContainer .tabContent .top3td .win .winLogo {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
}
.main .pageContainer .tabContent .top3td .win .winLogo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main .pageContainer .tabContent .top3td .win .winDes {
  height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.main .pageContainer .tabContent .top3td .win .winDes .name {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  line-height: 30px;
  margin-bottom: 6px;
  width: 100%;
}
.main .pageContainer .tabContent .top3td .win .winDes .info {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
  margin-bottom: 6px;
}
.main .pageContainer .tabContent .top3td .win .winDes .btn {
  width: 62px;
  line-height: 24px;
  color: #c3a476;
  border: 1px solid #c3a476;
}
.main .pageContainer .tabContent .top3td .win.top1 {
  background: url(../static/images/live/1.png) top center no-repeat;
  height: 232px;
}
.main .pageContainer .tabContent .top3td .win.top1 .winLogo {
  top: 45px;
}
.main .pageContainer .tabContent .top3td .win.top1 .name {
  background-color: #fcaa16;
}
.main .pageContainer .tabContent .top3td .win.top2 {
  background: url(../static/images/live/2.png) top center no-repeat;
}
.main .pageContainer .tabContent .top3td .win.top2 .name {
  background-color: #bdbdbd;
}
.main .pageContainer .tabContent .top3td .win.top3 {
  background: url(../static/images/live/3.png) top center no-repeat;
}
.main .pageContainer .tabContent .top3td .win.top3 .name {
  background-color: #c78f5c;
}
.main .pageContainer .tabContent .top10 {
  background-color: #fff;
  padding: 40px 10px;
}
.main .pageContainer .tabContent .top10 .topItem {
  height: 116px;
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: space-between;
}
.main .pageContainer .tabContent .top10 .topItem .index {
  width: 32px;
  height: 32px;
  background-color: #242424;
  border: 2px solid #242424;
  border-radius: 50%;
  margin-right: 40px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  font-size: 22px;
  font-weight: 400;
}
.main .pageContainer .tabContent .top10 .topItem .index.index1 {
  background-color: #fcaa16;
  border: 2px solid #ffe3b1;
}
.main .pageContainer .tabContent .top10 .topItem .index.index2 {
  background: #bdbdbd;
  border: 2px solid #ffe3b1;
}
.main .pageContainer .tabContent .top10 .topItem .index.index3 {
  background: #c78f5c;
  border: 2px solid #ffe3b1;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo {
  display: flex;
  width: 50%;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo .liveLogo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid #ae9057;
  margin-right: 20px;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo .liveLogo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo .liveDec {
  color: #000000;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo .liveDec .name {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 20px;
}
.main .pageContainer .tabContent .top10 .topItem .liveInfo .liveDec .role {
  font-size: 18px;
  font-weight: 400;
}
.main .pageContainer .tabContent .top10 .topItem .liveCount {
  width: 100px;
  font-size: 22px;
  font-weight: 600;
  color: #763021;
  padding-left: 40px;
}
.main .pageContainer .tabContent .top10 .topItem .liveBtn {
  width: 62px;
  line-height: 24px;
  border: 1px solid #c3a476;
  font-size: 14px;
  font-weight: 400;
  color: #c3a476;
  text-align: center;
}
.main .pageContainer .tabContent .top10 .topItem:nth-child(2n-1) {
  background-color: #f7f4f0;
}
.main .pageContainer .tabContent .top10 .topItem:nth-child(2n) {
  background-color: #fff;
}