/***********直播样式开始************/
.liveview {
  z-index: 2;
  height: 2311px;
  background-color: rgba(248, 249, 255, 1);
  min-width:1440px;
   width:100%;
  justify-content: flex-start;
}

.liveview .section4 {
  z-index: auto;
  min-width:1440px;
   width:100%;
  height: 2013px;
}

.liveview .box2 {
  z-index: 51;
  height: 157px;
  background-color: rgba(216, 216, 216, 1);
  min-width:1440px;
   width:100%;
  align-items: flex-start;
}

.liveview .mod2 {
  z-index: 52;
  height: 157px;
  background: url(/img/SketchPng5a7f95558b014462b3bdb6dcdd5d6931814d773da45fd8342ef2d73a560adabf.png)
    100% no-repeat;
  min-width:1440px;
   width:100%;
  justify-content: center; 
    text-align:center;
}

.liveview .bd1 {
  z-index: auto;
  width: 320px;
  height: 91px;
    margin:auto;
}

.liveview .word7 {
  z-index: 54;
  width: 52px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  letter-spacing: 2px;
  font-family: FZZZHUNHJW--GB1-0;
  white-space: nowrap;
  line-height: 24px; 
  align-self: center;
}

.liveview .txt2 {
  z-index: 55;
  width: 320px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 1.1666666269302368px;
  font-family: FZZZHUNHJW--GB1-0;
  line-height: 25px;
  text-align: center;
  margin-top: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveview .box3 {
  z-index: auto;
  width: 1201px;
  height: 1832px;
  justify-content: space-between;
  margin: 24px 0 0 360px;
}

.liveview .group2 {
  z-index: 56;
  height: 1832px;
  background-color: rgba(255, 255, 255, 1);
  width: 786px;
}

.liveview .group3 {
  z-index: auto;
  width: 85px;
  height: 16px;
  margin: 22px 0 0 24px;
}

.liveview .word8 {
  z-index: 142;
  width: 85px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.liveview .group4 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 29px 0 0 24px;
}

.liveview .bd2 {
  z-index: 144;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng40558cfa6545370921e24314fe0e0a0cfb6c052b7047b1aca815ec25819f2232.png)
    100% no-repeat;
}

.liveview .bd3 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .group5 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word9 {
  z-index: 150;
  width: 266px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .outer1 {
  z-index: 156;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .section5 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label1 {
  z-index: 158;
  width: 16px;
  height: 16px;
}

.liveview .txt3 {
  z-index: 157;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .info9 {
  z-index: 212;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .group6 {
  z-index: 134;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .info10 {
  z-index: 135;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .bd4 {
  z-index: 125;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .txt4 {
  z-index: 126;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group7 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .box4 {
  z-index: 145;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPngadbf28e528a94b102b686543a2809ccb065f98fb2ecb48993b4598af3573728d.png)
    100% no-repeat;
}

.liveview .box5 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .wrap1 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .txt5 {
  z-index: 151;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .section6 {
  z-index: 175;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .main2 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label2 {
  z-index: 177;
  width: 16px;
  height: 16px;
}

.liveview .word10 {
  z-index: 176;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word11 {
  z-index: 213;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .wrap2 {
  z-index: 137;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word12 {
  z-index: 138;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .box6 {
  z-index: 128;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word13 {
  z-index: 129;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group8 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .bd5 {
  z-index: 146;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng09c6578279879894b51447fc36b103d2799f4b8673044963e33eda3a592bf98c.png)
    100% no-repeat;
}

.liveview .bd6 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .section7 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word14 {
  z-index: 152;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .main3 {
  z-index: 194;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .mod3 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label3 {
  z-index: 196;
  width: 16px;
  height: 16px;
}

.liveview .word15 {
  z-index: 195;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word16 {
  z-index: 214;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .section8 {
  z-index: 140;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .txt6 {
  z-index: 141;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .bd7 {
  z-index: 131;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word17 {
  z-index: 132;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group9 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .bd8 {
  z-index: 221;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng6d99d9ac0568af71870aab30bbae9021715d4d8ab915d37e9fd39b764e4a4d73.png)
    100% no-repeat;
}

.liveview .bd9 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .layer1 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word18 {
  z-index: 222;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .bd10 {
  z-index: 224;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .outer2 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .icon1 {
  z-index: 226;
  width: 16px;
  height: 16px;
}

.liveview .word19 {
  z-index: 225;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .txt7 {
  z-index: 242;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .layer2 {
  z-index: 219;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word20 {
  z-index: 220;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .bd11 {
  z-index: 216;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .txt8 {
  z-index: 217;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group10 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .block1 {
  z-index: 249;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng484bd0d2911b128881bf0783b34b4eef930970ff01f17f4b6edb108ad53c04bd.png)
    100% no-repeat;
}

.liveview .block2 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .section9 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word21 {
  z-index: 250;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .box7 {
  z-index: 252;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .wrap3 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label4 {
  z-index: 254;
  width: 16px;
  height: 16px;
}

.liveview .word22 {
  z-index: 253;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word23 {
  z-index: 270;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .section10 {
  z-index: 247;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word24 {
  z-index: 248;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .block3 {
  z-index: 244;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word25 {
  z-index: 245;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group11 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .mod4 {
  z-index: 277;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng16ef1f316e7cbce2a14ce3e89c2ff42c757b8e17f43f60ce83e447f48cf47692.png)
    100% no-repeat;
}

.liveview .mod5 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .main4 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .info11 {
  z-index: 278;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .group12 {
  z-index: 280;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .mod6 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .icon2 {
  z-index: 282;
  width: 16px;
  height: 16px;
}

.liveview .word26 {
  z-index: 281;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word27 {
  z-index: 298;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .main5 {
  z-index: 275;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .txt9 {
  z-index: 276;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .mod7 {
  z-index: 272;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word28 {
  z-index: 273;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group13 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .section11 {
  z-index: 305;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng789042c0a1a275d4d9fb6a5d646db87f51c72bc626676ff40757040bebd0dbc6.png)
    100% no-repeat;
}

.liveview .section12 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .outer3 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word29 {
  z-index: 306;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .main6 {
  z-index: 308;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .main7 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label5 {
  z-index: 310;
  width: 16px;
  height: 16px;
}

.liveview .word30 {
  z-index: 309;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .info12 {
  z-index: 326;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .outer4 {
  z-index: 303;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .info13 {
  z-index: 304;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .section13 {
  z-index: 300;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word31 {
  z-index: 301;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group14 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .box8 {
  z-index: 333;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng000dc81c8f7fe003146a4916ffa0d5380793597f22d71614969f2c6475931b60.png)
    100% no-repeat;
}

.liveview .box9 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .mod8 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word32 {
  z-index: 334;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .group15 {
  z-index: 336;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .section14 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label6 {
  z-index: 338;
  width: 16px;
  height: 16px;
}

.liveview .word33 {
  z-index: 337;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .txt10 {
  z-index: 354;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .mod9 {
  z-index: 331;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .txt11 {
  z-index: 332;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .box10 {
  z-index: 328;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word34 {
  z-index: 329;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group16 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .bd12 {
  z-index: 361;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng49d5eba9346a1b8d72aa63483bd4b1c4906de748b296554ea8e8b7424b84e1e7.png)
    100% no-repeat;
}

.liveview .bd13 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .box11 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .info14 {
  z-index: 362;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .mod10 {
  z-index: 364;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .layer3 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .icon3 {
  z-index: 366;
  width: 16px;
  height: 16px;
}

.liveview .info15 {
  z-index: 365;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .txt12 {
  z-index: 382;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .box12 {
  z-index: 359;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word35 {
  z-index: 360;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .bd14 {
  z-index: 356;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word36 {
  z-index: 357;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group17 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .box13 {
  z-index: 389;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPnga1a69d8e90ebf83afe7f638fe5e653a9594a2d98cf603db1a44231c4a2b349fb.png)
    100% no-repeat;
}

.liveview .box14 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .main8 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word37 {
  z-index: 390;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .group18 {
  z-index: 392;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .block4 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label7 {
  z-index: 394;
  width: 16px;
  height: 16px;
}

.liveview .txt13 {
  z-index: 393;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .txt14 {
  z-index: 410;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .main9 {
  z-index: 387;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .txt15 {
  z-index: 388;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .box15 {
  z-index: 384;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .info16 {
  z-index: 385;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group19 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .main10 {
  z-index: 417;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPngbe87dfa045104e347bb8e94304266444da64c565b4df58679c5758aa7da840f8.png)
    100% no-repeat;
}

.liveview .main11 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .group20 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word38 {
  z-index: 418;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .section15 {
  z-index: 420;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .group21 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label8 {
  z-index: 422;
  width: 16px;
  height: 16px;
}

.liveview .txt16 {
  z-index: 421;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word39 {
  z-index: 438;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .group22 {
  z-index: 415;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word40 {
  z-index: 416;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .main12 {
  z-index: 412;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word41 {
  z-index: 413;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group23 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .layer4 {
  z-index: 445;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng358e521ae398c5bd1fdc0c551c3e382f444110051919c0eb6e40d2899eacf78f.png)
    100% no-repeat;
}

.liveview .layer5 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .outer5 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word42 {
  z-index: 446;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .main13 {
  z-index: 448;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .box16 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label9 {
  z-index: 450;
  width: 16px;
  height: 16px;
}

.liveview .word43 {
  z-index: 449;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .info17 {
  z-index: 466;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .outer6 {
  z-index: 443;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word44 {
  z-index: 444;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .layer6 {
  z-index: 440;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .txt17 {
  z-index: 441;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group24 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .section16 {
  z-index: 473;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng0d6016f019322c3b58518c09905b9441fcbeeaad36d07780415209f23cfe746d.png)
    100% no-repeat;
}

.liveview .section17 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .section18 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .info18 {
  z-index: 474;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .outer7 {
  z-index: 476;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .box17 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .icon4 {
  z-index: 478;
  width: 16px;
  height: 16px;
}

.liveview .word45 {
  z-index: 477;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .txt18 {
  z-index: 494;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .section19 {
  z-index: 471;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word46 {
  z-index: 472;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .section20 {
  z-index: 468;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word47 {
  z-index: 469;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group25 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .mod11 {
  z-index: 501;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPngfc054d74c457df47700dc87f9d106ca1b2355d36aadb014780cf8a3a51b26d91.png)
    100% no-repeat;
}

.liveview .mod12 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .outer8 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word48 {
  z-index: 502;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .main14 {
  z-index: 504;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .group26 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .icon5 {
  z-index: 506;
  width: 16px;
  height: 16px;
}

.liveview .txt19 {
  z-index: 505;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .info19 {
  z-index: 522;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .outer9 {
  z-index: 499;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word49 {
  z-index: 500;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .mod13 {
  z-index: 496;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .txt20 {
  z-index: 497;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group27 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .mod14 {
  z-index: 529;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng914a5e9fb44051873c058537c6fbba121a110011a3078f9bbcbf391415da976b.png)
    100% no-repeat;
}

.liveview .mod15 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .box18 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .info20 {
  z-index: 530;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .outer10 {
  z-index: 532;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .main15 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label10 {
  z-index: 534;
  width: 16px;
  height: 16px;
}

.liveview .word50 {
  z-index: 533;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .info21 {
  z-index: 550;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .box19 {
  z-index: 527;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .word51 {
  z-index: 528;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .mod16 {
  z-index: 524;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .word52 {
  z-index: 525;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group28 {
  z-index: auto;
  width: 737px;
  height: 86px;
  margin: 24px 0 0 24px;
}

.liveview .box20 {
  z-index: 557;
  width: 132px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng37d2f9f1643303df89440ead7a344a0c849262e7c09ac97a685651df69e30bb5.png)
    100% no-repeat;
}

.liveview .box21 {
  z-index: auto;
  width: 310px;
  height: 86px;
  margin-left: 19px;
}

.liveview .outer11 {
  z-index: auto;
  width: 310px;
  height: 22px;
  justify-content: space-between;
}

.liveview .word53 {
  z-index: 558;
  width: 136px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.liveview .mod17 {
  z-index: 560;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.12);
  margin-top: 1px;
  width: 165px;
  justify-content: center;
  align-items: center;
}

.liveview .mod18 {
  z-index: auto;
  width: 157px;
  height: 16px;
  justify-content: space-between;
}

.liveview .label11 {
  z-index: 562;
  width: 16px;
  height: 16px;
}

.liveview .info22 {
  z-index: 561;
  width: 138px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 12px;
  text-align: left;
  margin-top: 2px;
}

.liveview .word54 {
  z-index: 578;
  width: 147px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  align-self: flex-start;
  margin-top: 8px;
}

.liveview .outer12 {
  z-index: 555;
  height: 27px;
  border-radius: 4px;
  border: 1px solid rgba(26, 107, 252, 1);
  background-color: rgba(26, 107, 252, 0.18);
  align-self: flex-start;
  margin-top: 10px;
  width: 83px;
  justify-content: center;
  align-items: center;
}

.liveview .info23 {
  z-index: 556;
  width: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(26, 107, 252, 1);
  font-size: 14px;
  letter-spacing: 0.875px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.liveview .box22 {
  z-index: 552;
  height: 33px;
  border-radius: 16.5px 16.5px 16.5px 16.5px;
  background-color: rgba(26, 107, 252, 1);
  width: 99px;
  justify-content: center;
  align-items: center;
  margin: 53px 0 0 177px;
}

.liveview .info24 {
  z-index: 553;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.liveview .group29 {
  z-index: 143;
  height: 501px;
  background-color: rgba(255, 255, 255, 1);
  width: 399px;
}

.liveview .outer13 {
  z-index: auto;
  width: 68px;
  height: 16px;
  margin: 22px 0 0 26px;
}

.liveview .word55 {
  z-index: 147;
  width: 68px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.liveview .outer14 {
  z-index: auto;
  width: 352px;
  height: 86px;
  justify-content: space-between;
  margin: 18px 0 0 26px;
}

.liveview .main16 {
  z-index: 148;
  width: 68px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPngd07ea60ba55edf898b49e766852e381f349f60a932c90d786d3ab5fab2a89133.png)
    100% no-repeat;
}

.liveview .main17 {
  z-index: auto;
  width: 268px;
  height: 86px;
}

.liveview .word56 {
  z-index: 153;
  width: 85px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: flex-start;
}

.liveview .word57 {
  z-index: 579;
  width: 268px;
  height: 38px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  line-height: 19px;
  text-align: left;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveview .wrap4 {
  z-index: auto;
  width: 108px;
  height: 19px;
  margin-top: 5px;
  justify-content: space-between;
}

.liveview .word58 {
  z-index: 581;
  width: 72px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .icon6 {
  z-index: 585;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.liveview .word59 {
  z-index: 583;
  width: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 32, 32, 1);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .outer15 {
  z-index: auto;
  width: 352px;
  height: 86px;
  justify-content: space-between;
  margin: 24px 0 0 26px;
}

.liveview .mod19 {
  z-index: 149;
  width: 68px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng55e932e59b5878b3e3a805fbfd353b1b99387853f6cf8929d834c23b696bae75.png)
    100% no-repeat;
}

.liveview .mod20 {
  z-index: auto;
  width: 268px;
  height: 86px;
}

.liveview .info25 {
  z-index: 154;
  width: 85px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: flex-start;
}

.liveview .txt21 {
  z-index: 580;
  width: 268px;
  height: 38px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  line-height: 19px;
  text-align: left;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveview .main18 {
  z-index: auto;
  width: 108px;
  height: 19px;
  margin-top: 5px;
  justify-content: space-between;
}

.liveview .word60 {
  z-index: 582;
  width: 72px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .label12 {
  z-index: 588;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.liveview .info26 {
  z-index: 584;
  width: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 32, 32, 1);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .outer16 {
  z-index: auto;
  width: 352px;
  height: 86px;
  justify-content: space-between;
  margin: 24px 0 0 26px;
}

.liveview .box23 {
  z-index: 591;
  width: 68px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng946ce520977d6feea6b63c2c4131cf4a12d98f936e772db04aa0b0cc4a3a5395.png)
    100% no-repeat;
}

.liveview .box24 {
  z-index: auto;
  width: 268px;
  height: 86px;
}

.liveview .info27 {
  z-index: 592;
  width: 85px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: flex-start;
}

.liveview .word61 {
  z-index: 593;
  width: 268px;
  height: 38px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  line-height: 19px;
  text-align: left;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveview .bd15 {
  z-index: auto;
  width: 108px;
  height: 19px;
  margin-top: 5px;
  justify-content: space-between;
}

.liveview .txt22 {
  z-index: 594;
  width: 72px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .icon7 {
  z-index: 596;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.liveview .word62 {
  z-index: 595;
  width: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 32, 32, 1);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .outer17 {
  z-index: auto;
  width: 352px;
  height: 86px;
  justify-content: space-between;
  margin: 24px 0 0 26px;
}

.liveview .section21 {
  z-index: 599;
  width: 68px;
  height: 86px;
  border-radius: 4px;
  background: url(/img/SketchPng4ad4ded9351d9019d67295cdc615f90183f0e3d7ea62bd22329887b0cade36ef.png)
    100% no-repeat;
}

.liveview .section22 {
  z-index: auto;
  width: 268px;
  height: 86px;
}

.liveview .info28 {
  z-index: 600;
  width: 85px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: flex-start;
}

.liveview .info29 {
  z-index: 601;
  width: 268px;
  height: 38px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  line-height: 19px;
  text-align: left;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveview .group30 {
  z-index: auto;
  width: 108px;
  height: 19px;
  margin-top: 5px;
  justify-content: space-between;
}

.liveview .word63 {
  z-index: 602;
  width: 72px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.liveview .label13 {
  z-index: 604;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.liveview .word64 {
  z-index: 603;
  width: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 32, 32, 1);
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}
/*********直播样式结束*******/