@media (max-width: 1219px) {
  html,
  body {
    min-width: 0 !important;
    width: 100%;
    margin: 0;
    -webkit-text-size-adjust: 100%;
  }
  .bodybox,
  .bodybox * {
    box-sizing: border-box;
  }
  .bodybox {
    width: 100% !important;
    min-width: 0 !important;
    font-family: Arial, "Microsoft YaHei", sans-serif;
  }
  .bodybox
    :is(
      .bgdiv,
      #headdivbox,
      .headboxf,
      .headboxh,
      .headboxhc,
      .headboxh2,
      .headbox,
      .menubannbox,
      .menubox,
      .menuboxr,
      .zhezao,
      .zhezao_content,
      .kair,
      .kail,
      .announce_top,
      .home_littleimg,
      .middbox,
      .haomabox,
      .haomaqu,
      .haomaqu_resetPar,
      .haomaqul,
      .haomaqur,
      .haomaqur_l,
      .haomaqur_r,
      .haomaline,
      .haomaline2,
      .numberqu,
      .nuberqutit,
      .kajianhaoPar,
      .kajianhao,
      .kaijiangjl,
      .listcontent,
      .jrsmhmtj,
      #fooderbox,
      .footer3,
      .footer3c
    ) {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static;
  }
  .bodybox .headboxhc {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
  }
  .bodybox .headboxhr {
    width: 100%;
    float: none;
    text-align: right;
  }
  .bodybox .headboxhr ul {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
  .bodybox #hotbox {
    display: flex;
    width: 100%;
    height: 30px;
    min-width: 0;
  }
  .bodybox .hoticon {
    flex: 0 0 80px;
    padding-left: 22px;
    white-space: nowrap;
  }
  .bodybox .hotcontent {
    width: auto !important;
    flex: 1;
    min-width: 0;
  }
  .bodybox .hotcontent marquee {
    width: 100%;
  }
  .bodybox .headboxf .headbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 12px 14px;
  }
  .bodybox .headboxf .headbox > div {
    flex-shrink: 1;
    height: auto !important;
  }
  .bodybox .headboxf .headbox .logobox.results-brand {
    width: 226px;
    height: 66px;
    margin: 0 auto;
  }
  .bodybox .headbox .advertisebox:empty {
    display: none;
  }
  .bodybox .headbox .advertisebox:not(:has(img, video, iframe, a)) {
    display: none;
  }
  .bodybox .headbox .loginbox {
    width: 100% !important;
    flex-basis: 100%;
    height: auto !important;
  }
  .bodybox #time {
    margin: 8px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.8;
  }
  .bodybox .menuboxr > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px 8px;
    height: auto !important;
    overflow: visible;
  }
  .bodybox .menuboxr > ul > li {
    width: auto !important;
    min-width: 0;
    flex: 1 1 24%;
    height: auto;
    line-height: 44px;
    float: none;
  }
  .bodybox .menuboxr > ul > li > a {
    display: block;
    font-size: 15px;
    padding: 0 6px;
    white-space: nowrap;
    width: 100% !important;
  }
  .bodybox .menubannbox2 {
    display: none !important;
  }
  .bodybox .cphost_content {
    left: 8px !important;
    right: 8px !important;
    top: auto;
    width: calc(100vw - 16px) !important;
    max-height: 70dvh;
    overflow-y: auto;
    z-index: 10000;
    background: #fff;
  }
  .bodybox .cphost_content :is(.content_middle, .RMC, .JISUC, .LineOne) {
    width: 100%;
    height: auto;
    float: none;
  }
  .bodybox .cphost_content .LineOne {
    display: flex;
    flex-direction: column;
    padding: 8px;
  }
  .bodybox .cphost_content ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .bodybox .cphost_content ul li {
    width: 50%;
    min-width: 0;
    padding: 4px;
    height: auto;
    line-height: 36px;
  }
  .bodybox .cphost_content ul li a {
    font-size: 14px;
    white-space: normal;
  }
  .bodybox .menubannboxc {
    padding: 10px;
  }
  .bodybox .menubannboxc .zhezao main,
  .bodybox .menubannboxc .zhezao main .view_box,
  .bodybox #e_li,
  .bodybox #e_li2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    height: auto !important;
  }
  .bodybox .video_box {
    width: 100% !important;
    height: auto;
    padding: 12px 0 !important;
    overflow: visible;
  }
  .bodybox .video_box > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100% !important;
    margin: 0;
  }
  .bodybox .video_box > ul > li {
    width: 100% !important;
    float: none;
    margin: 0 !important;
  }
  .bodybox .video_box > ul > li > div,
  .bodybox .video_box a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 4px !important;
  }
  .bodybox .video_box a div {
    font-size: 20px !important;
  }
  .bodybox .video_box a {
    display: flex !important;
    flex-direction: column;
    min-height: 105px;
    border-radius: 8px;
  }
  .bodybox .video_box a div {
    float: none !important;
    width: 100% !important;
  }
  .bodybox .show_info_gpc_stat {
    font-size: 13px !important;
    line-height: 1.8;
  }
  .bodybox .announce_top {
    display: grid;
    gap: 14px;
    padding: 0 !important;
    background: transparent !important;
  }
  .bodybox .home_littleimg {
    padding: 10px;
    border: 1px solid #c5dce9;
    border-radius: 10px;
    background: #fff;
  }
  .bodybox .lottey_title {
    width: 100% !important;
    height: auto !important;
  }
  .bodybox .lottey_title ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
    height: auto !important;
  }
  .bodybox .lottey_title ul li {
    flex: 1 1 30%;
    float: none;
    height: auto !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 4px;
    font-size: 14px;
    white-space: nowrap;
  }
  .bodybox [id^="li1_"] {
    width: 100% !important;
    height: auto !important;
  }
  .bodybox .lhcss {
    width: 100% !important;
    height: auto !important;
    padding: 8px 0;
  }
  .bodybox .nuberqutit {
    font-size: 14px;
    line-height: 1.9;
    padding: 5px 0;
    text-align: center;
  }
  .bodybox .pk10tit {
    display: block;
    font-size: 19px;
    line-height: 1.6;
  }
  .bodybox .kajianhaoPar {
    padding: 5px 0;
  }
  .bodybox .kajianhao {
    margin: 0 !important;
  }
  .bodybox .kajianhao > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    width: 100%;
    height: auto !important;
    padding: 6px 0;
  }
  .bodybox .kajianhao > ul > li {
    float: none;
    flex-shrink: 0;
    margin: 0 !important;
  }
  .bodybox .kajianhao > ul > li[class*="pphk6"] {
    width: 33px !important;
    height: 33px !important;
    margin-bottom: 26px !important;
    font-size: 18px;
    line-height: 33px !important;
  }
  .bodybox .kajianhao > ul > li[class*="pphk6"] b {
    display: block;
    font-size: 14px;
    line-height: 22px;
  }
  .bodybox .kajianhao > ul > li:not([class]) {
    width: 10px !important;
    font-size: 17px;
    line-height: 33px !important;
  }
  .bodybox .kajianhao > ul > li[class*="numblue"]:not([class*="pphk6"]) {
    max-width: 34px;
  }
  .bodybox .haomabox {
    padding: 10px;
  }
  .bodybox .haomaqu {
    padding: 12px;
    border: 1px solid #c5dce9;
  }
  .bodybox .haomaqu_resetPar {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .bodybox .haomaqur {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid #d7e5ec;
  }
  .bodybox .haomaqur_l {
    text-align: center;
    padding: 0;
  }
  .bodybox .haomaqur .line {
    height: auto;
    line-height: 1.8;
    margin: 0;
  }
  .bodybox .haomaqur .linetime {
    min-height: 45px;
    padding-top: 8px;
  }
  .bodybox #startVideo {
    width: 185px;
    height: 122px;
    position: relative;
    margin: 4px auto;
  }
  .bodybox .middbox {
    padding: 12px 0 !important;
  }
  .bodybox .middbox .tablehead {
    width: 100%;
    height: auto;
  }
  .bodybox .middbox .tablehead > ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .bodybox .middbox .tablehead ul .list {
    float: none;
    width: 100%;
    height: auto !important;
    min-height: 160px;
    padding: 12px 8px;
    border: 1px solid #c5dce9;
    border-radius: 10px;
    margin: 0 !important;
    background: #fff;
  }
  .bodybox .middbox .tablehead .list :is(.kjsj, .haoma, .cztype, .numberqu) {
    width: 100% !important;
    height: auto;
    float: none;
    padding: 4px 0;
  }
  .bodybox .middbox .tablehead .list :is(.cz, .kjhm) {
    display: block;
    width: 100% !important;
    height: auto;
    float: none;
  }
  .bodybox .middbox .tablehead .list .cz {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
  }
  .bodybox .middbox .tablehead .list :is(.cz, .kjhm, .kjsj) {
    position: static !important;
    height: auto !important;
    margin: 0 !important;
  }
  .bodybox .middbox .tablehead .list .cz :is(.imgheadl, .title) {
    position: static !important;
    float: none !important;
    height: auto !important;
    padding: 0 !important;
  }
  .bodybox .middbox .tablehead .list .cz p {
    margin: 3px 0;
    line-height: 1.6;
  }
  .bodybox .middbox .tablehead .list .cz .title {
    width: auto !important;
  }
  .bodybox .middbox .tablehead .list .kjsj {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }
  .bodybox .middbox .tablehead .list .kjsj > div {
    width: auto;
    float: none;
  }
  .bodybox .middbox .tablehead .list .kaijintime {
    width: 100% !important;
    padding: 5px 0;
  }
  .bodybox .kaijiangjl {
    margin-top: 12px;
    padding: 0 10px 16px !important;
  }
  .bodybox .kaijiangjl .head {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    height: auto;
    padding: 12px 0;
  }
  .bodybox .kaijiangjl .head > * {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .bodybox #TiemDate {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 0;
  }
  .bodybox #TiemDate h3 {
    font-size: 15px;
  }
  .bodybox #date {
    width: 180px !important;
    max-width: 100%;
    font-size: 16px;
    height: 44px;
    border: 1px solid #adc6d8;
    border-radius: 6px;
    padding: 8px;
    color: #254b68;
    background-color: #fff;
  }
  .bodybox .jrsmhmtj {
    padding: 0;
    overflow: visible;
  }
  .bodybox #top2_menu {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    padding: 6px;
    gap: 6px;
  }
  .bodybox #top2_menu > * {
    float: none;
    height: auto;
    min-height: 36px;
    line-height: 36px;
    font-size: 14px;
    margin: 0;
  }
  .bodybox .h5-history {
    display: block;
    width: 100% !important;
    min-width: 0;
    background: transparent !important;
  }
  .bodybox .h5-history thead {
    display: none;
  }
  .bodybox .h5-history tbody {
    display: grid;
    gap: 12px;
  }
  .bodybox .h5-history tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    gap: 4px;
    padding: 10px;
    border: 1px solid #c5dce9;
    border-radius: 10px;
    background: #fff;
  }
  .bodybox .h5-history tbody td {
    display: block;
    flex: 1 1 24%;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    padding: 5px;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 0;
    font-size: 15px;
    background: transparent;
  }
  .bodybox .h5-history tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: 12px;
    color: #667f91;
    line-height: 1.8;
  }
  .bodybox .h5-history tbody td.h5-numbers {
    flex-basis: 100%;
  }
  .bodybox .h5-history tbody td.h5-numbers > * {
    max-width: 100%;
  }
  .bodybox .h5-history .h5-numbers ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
    width: 100% !important;
    height: auto;
  }
  .bodybox .h5-history .h5-numbers li {
    float: none;
    width: 30px;
    max-width: 30px;
    min-width: 0;
    margin: 0 !important;
  }
  .bodybox .footer3c {
    line-height: 1.8;
    padding: 14px;
    font-size: 13px;
  }
  .bodybox .fixedgoBack {
    right: 10px;
    bottom: 20px;
    width: 44px;
  }
  .bodybox .fix1200 {
    width: 44px;
  }
  .bodybox .fix1200 ul {
    position: static;
    width: 44px;
  }
  .display-status {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    box-sizing: border-box;
  }
  #live-view {
    width: calc(100vw - 16px);
    max-height: 94dvh;
  }
  #live-view header {
    padding: 8px;
    font-size: 14px;
    gap: 8px;
  }
  #live-view header button,
  #replay-close {
    min-width: 40px;
    min-height: 40px;
  }
  #live-frame iframe {
    height: 70dvh;
  }
}