@media only screen and (max-width: 768px) {
  .footer .item1 {
    justify-content: flex-start !important;
    margin-bottom: 0.5rem !important;
    padding-left: 1rem;
  }
  .mobel_line_show {
    display: none ;
  }
  .mobel_baawards .applye {
    float: unset !important;
  }
  .mobel_baawards .iveyawards {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
  }
  .mobel_baawards .pingjiang {
    display: block;
  }
  .mobel_baawards .pingjiang img {
    width: 100% !important;
    position: relative !important;
    left: -1.15rem !important;
  }
  .mobel_baawards .selectionpro {
    margin-left: 0  !important;
    width: 100%;
  }
  .mobel_baawards .logoBox {
    background-size: contain !important;
    width: 100%;
    height: 5.5rem !important;
  }
  .mobel_baawards .nbsp4 {
    display: none;
  }
  .mobel_baawards .layuiBoxel {
    position: relative;
    background-size: contain !important;
  }
  .mobel_baawards .mobellayuiboxel {
    width: 100% !important;
    float: unset !important;
  }
  .mobel_baawards .main .text {
    width: 100%;
  }
  .mobel_baawards .mobel_bottom_box_el {
    display: flex;
  }
  .mobel_baawards .mobel_bottom_box_el div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobel_baawards .mobel_bottom_box_el div.goCoting .deadvote {
    position: absolute;
    left: 25%;
    transform: translateX(-75%);
    bottom: 3rem;
    width: 200px;
  }
}
@media only screen and (max-width: 768px) and only screen and (max-width: 768px) {
  .getindexHtml .ambassadoratag {
    margin: 10px  0 !important;
    width: 100% ;
    text-align: center;
  }
  .getindexHtml .text_row {
    display: flex !important;
    font-size: 1rem !important;
  }
  .getindexHtml .text_row span:last-child {
    flex: 1;
    padding-left: 0.5rem !important;
  }
  .getindexHtml .main {
    box-sizing: border-box;
  }
  .getindexHtml .deadvote,
  .getindexHtml .goCoting {
    text-align: center !important;
    margin-top: 0.7143rem !important;
  }
  .getindexHtml .deadvote a,
  .getindexHtml .goCoting a {
    display: inline-block !important;
  }
  .getindexHtml .videoBox {
    padding-right: 0 !important;
    margin: 0 auto 1.5rem auto !important;
  }
  .getindexHtml #slider2 .item {
    width: 100% !important;
  }
  .getindexHtml video {
    width: 100% !important;
  }
  .getindexHtml .layui-carousel {
    margin-top: -1rem !important;
  }
  .getindexHtml .Besttop {
    margin-top: 5rem !important;
  }
  .getindexHtml .layui-carousel-ind {
    top: -42px !important;
  }
  .getindexHtml .main.bannerlinner.none {
    margin-bottom: 3rem!important;
  }
  .getindexHtml .applye {
    margin-top: 1rem !important;
  }
  .getindexHtml .laoutbox {
    height: 100%!important;
    display: flex!important;
    flex-direction: column !important;
  }
  .getindexHtml .laoutbox .award {
    display: flex !important;
  }
  .getindexHtml .laoutbox .award .iveyawards {
    flex: 1 !important;
  }
  .getindexHtml .laoutbox .mobel_ranks_box {
    display: flex !important;
    flex: unset !important;
    justify-content: center !important;
    height: 12rem !important;
  }
  .getindexHtml .laoutbox .mobel_ranks_box .mobel_ranks {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }
  .getindexHtml .iveyawards {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
  }
  .getindexHtml .layui-this {
    position: relative !important;
  }
  .getindexHtml .layui-this .deadvote {
    position: absolute !important;
    bottom: 58px !important;
    left: 14% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
  }
  .getindexHtml .logoFrontBox {
    display: none !important;
  }
  .getindexHtml .logoBox {
    height: fit-content !important;
  }
  .getindexHtml .logoBox .compenyName.centerBoxss img {
    width: 100% !important;
  }
  .getindexHtml .companyname {
    display: none !important;
  }
  .getindexHtml .banner .bannerTitle {
    font-size: 0.8rem !important;
    padding-right: 0.5rem !important;
  }
  .getindexHtml .banner .bannerTitle .gig.centerBox {
    font-size: 1.5rem !important;
  }
  .getindexHtml .flex.newVideoTree {
    display: block !important;
  }
  .getindexHtml .flex.newVideoTree .tree {
    margin-bottom: 1rem !important;
  }
  .getindexHtml .flex.lorem {
    display: block !important;
  }
  .getindexHtml .flex.lorem .loremItem {
    width: 100% !important;
  }
  .getindexHtml .flex.lorem .loremItem a {
    margin: 0.5rem 0 !important;
    display: inline-block;
  }
  .getindexHtml .flex.lorem .loremItem a:last-child {
    margin-bottom: 0!important;
  }
  .getindexHtml .flex.lorem .loremItem a span {
    display: inline-block !important;
    margin: 0.5rem 0 !important;
  }
  .getindexHtml .flex.lorem .loremItem .margin_index {
    margin: 1rem 0 !important;
    display: inline-block !important;
  }
  .getindexHtml .flex.lorem .loremItem .margin_index.nobottom_margin {
    margin-bottom: 0 !important;
  }
  .getindexHtml .logoimg {
    width: 3.9286rem;
  }
  .getindexHtml .logoFrontBox {
    width: 3.9286rem;
    height: 6.3571rem;
    float: left;
    text-align: center;
  }
  .getindexHtml .mobel_bottom_box_el {
    height: 13rem;
    display: flex;
    padding-top: 1rem;
    box-sizing: border-box;
  }
  .getindexHtml .mobel_bottom_box_el div {
    flex: 1 !important;
  }
  .getindexHtml .lastaboutfont {
    flex: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .getindexHtml .layuiBoxel {
    background-size: contain !important ;
  }
  .getindexHtml .layuiBoxel .nbsp4 {
    display: none !important;
  }
  .getindexHtml .layuiBoxel .mobellayuiboxel {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
  }
  .getindexHtml .layuiBoxel .Publisher_box {
    display: inline-block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    width: 22rem !important;
  }
  .getindexHtml .newSechduleBox .toModel {
    height: unset !important;
    bottom: -49px !important;
    top: calc(100% - 98px) !important;
    left: 30px !important;
    right: 0 !important;
    padding: 1rem !important;
    box-sizing: border-box !important;
    width: 317px !important;
    font-size: 1rem !important;
  }
  .getindexHtml .newSechduleBox .toModel div {
    margin-top: 0 !important;
    color: #5f021f !important;
    padding-right: 0 !important;
    position: absolute;
    bottom: 0.26rem;
    right: -2rem;
  }
}