body{
  min-height: 100vh;
  font-family:  Source Han Sans CN;
  overflow-y: scroll;
}


/* 当屏幕宽度小于750px时，认为是手机 */
@media (max-width: 750px) {
  .pc-page{
    display: none;
    position: relative;
  }
  .m-page{
    display: block;
    position: relative;
  }
  
  .pc-screen-page{
    display: none;
    position: relative;
  }
  .m-screen-page{
    display: block;
    position: relative;
  }
  
  .ne-logo{
    position: relative;
    padding: 0 .25rem .8rem;
    font-size: 0;
    text-align: center;
    margin-top: .85rem;
  }
  .logo-img{
    position: relative;
    left: -.2rem;
    width: 5.06rem;
  }
  
  .screen-info-box{
    position: relative;
    padding: .95rem 0;
    background: url('../img/m/bg.jpg') no-repeat fixed;
    background-size: 100% 100%;
    margin-top:-2px;
  }
  .screen-sy-text{
    position: relative;
    font-weight: 400;
    font-size: .29rem;
    color: #CDA361;
    text-align: center;
    padding: .4rem 0 .1rem;
  }
  
  .screen-info-box .screen-title{
    position: relative;
    font-weight: bold;
    font-size: .40rem;
    color: #FFFEFE;
    text-align: center;
  }
  .screen-info-box .screen-pos-list{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: .5rem;
    padding-left: .73rem;
    gap: .35rem .5rem;
  }
  .pos-btn , .pos-btn-imax{
    position: relative;
    width: 1.68rem;
    height: .75rem;
    background: url("../img/pos-btn.png");
    font-size: .26rem;
    font-weight: 400;
    color: white;
    text-align: center;
    line-height: .75rem;
    background-size: 100% 100%;
    cursor: pointer;
    text-decoration: none;
  }
  .area-box{
    position: relative;
    padding : .6rem .4rem .1rem;
  }
  .area-title{
    font-weight: 400;
    font-size: .32rem;
    color: #FFFEFE;
    text-align: center;
    position: relative;
    padding-bottom: .2rem;
  }
  .area-title-line{
    position: relative;
    margin: auto auto .55rem;
    width: 1.6rem;
    height: 3px;
    background: #F3AD00;
    text-align: center;
  }
  .area-table{
    position: relative;
    width: 100%;
  }
  .table-header{
    position: relative;
    background: #B52C2C;
    height: .53rem;
    font-size: .27rem;
    line-height: .53rem;
    font-weight: bold;
  }
  .table-header td{
    padding-left: .1rem;
    color: white;
  }
  .table-body{
    position: relative;
    font-weight: 400;
    font-size: .24rem;
    line-height: .24rem;
    color: #FFFFFF;
    text-align: left;
    border-bottom: 1px dashed #ffffff;
  }
  
  .table-body td{
    position: relative;
    padding: .28rem 0 .28rem .1rem;
    font-size: .24rem;
  }
  .no-data{
    text-align: center;
  }
  .loc-text-link-box{
    padding-right: 20px;
  }
  .loc-link, .loc-link-imax{
    position: relative;
    line-height: 32px;
    color: #FFBD38;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFBD38;
    
  }
  
  .bg-bot{
    position: relative;
    font-size: 0;
  }
  .bg-bot img{
    position: relative;
    width: 100%;
  }
  
  .imax-icon-box{
    position: relative;
    padding-top: .15rem;
    display: flex;
    flex-direction: row;
    gap : .1rem;
  }
  .imax-icon-box img{
    width: .88rem;
    height: .34rem;
    border-radius: 4px;
  }
 
  .notice-box{
    position: relative;
    padding-left: .45rem;
  }
  .notice-text{
    font-weight: bold;
    font-size: .29rem;
    color: #F9B44A;
    line-height: .48rem;
  }
  .notice-box img{
    position: absolute;
    float: left;
    width: .36rem;
    height: .36rem;
    left: 0;
    top:.05rem
  }
  
  .mvtk-box{
    position: relative;
    padding: .6rem 0 .3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
 
  .m-screen-page .mvtk-box{
    padding: .05rem 0 .6rem;
  }
  .screen-info-box .mvtk-box{
    padding-bottom: .3rem;
  }
  .imax-notice-box{
    padding: 0 .45rem .6rem;
  }
  
  .advance-page .section-first{
    position: relative;
    padding: .3rem 0 .6rem;
    margin: auto;
  }
  .advance-page  .mvbox{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: .5rem;
  }
}


@media (min-width: 751px) {
  .pc-page{
    display: block;
    position: relative;
  }
  .m-page{
    display: none;
    position: relative;
  }
  
  .pc-screen-page{
    display: block;
    position: relative;
  }
  .m-screen-page{
    display: none;
    position: relative;
  }
  
  
  .pc-screen-page{
    position: relative;
    background: url('../img/pc/main-bg.jpg') no-repeat fixed;
    background-size: 100%;
    color: #fff;
    min-height: 100vh;
  }
  
  .pc-screen-page .ne-logo{
    position: relative;
    margin-top: .69rem;
    padding: .3rem 0 0;
    text-align: center;
    font-size: 0;
  }
  .pc-screen-page .ne-logo .logo-img{
    position: relative;
    width: 3.73rem;
    height: 2.16rem;
  }
  
  .screen-info-box{
    position: relative;
    padding: .4rem 0;
  }
  .screen-info-box .screen-title{
    position: relative;
    font-weight: bold;
    font-size: .25rem;
    color: #FFFFFF;
    text-align: center;
  }
  
  .screen-info-box .screen-sy-text{
    position: relative;
    font-weight: 400;
    font-size: .20rem;
    color: #C79F61;
    text-align: center;
    padding: .25rem 0 0;
  }
  
  .screen-info-box .screen-pos-list{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: .2rem;
    padding-top: .35rem;
  }
  
  .screen-pos-list .pos-btn,  .screen-pos-list .pos-btn-imax{
    position: relative;
    width: 1.05rem;
    height: .47rem;
    background: url("../img/pos-btn.png?t=1");
    font-size: .15rem;
    font-weight: 400;
    color: white;
    text-align: center;
    line-height: .47rem;
    background-size: 100% 100%;
    cursor: pointer;
    text-decoration: none;
  }
  
  .area-box{
    position: relative;
    padding-top : .5rem;
    width: 8.6rem;
    margin: 0 auto;
  }
  .area-title{
    font-weight: 400;
    font-size: .20rem;
    color: #FFFFFF;
    text-align: center;
    height: .2rem;
    line-height: .2rem;
  }
  .area-title-line{
    position: relative;
    margin: .1rem auto .35rem;
    width: .85rem;
    height: 2px;
    background: #F3AD00;
    text-align: center;
  }
  .area-table{
    position: relative;
    width: 100%;
  }
  .table-header{
    position: relative;
    background: #B52C2C;
    height: .33rem;
    font-size: .17rem;
    line-height: .33rem;
    font-weight: bold;
  }
  .table-header td{
    padding-left: .3rem;
    color: white;
  }
  .table-body{
    position: relative;
    font-weight: 400;
    font-size: .15rem;
    line-height: .15rem;
    color: #FFFFFF;
    text-align: left;
    border-bottom: 1px dashed #ffffff;
  }
  
  .table-body td{
    position: relative;
    padding: .18rem 0 .18rem .3rem;
  }
  .no-data{
    font-size: .15rem;
    text-align: center;
  }
  .loc-link , .loc-link-imax{
    position: relative;
    color: #FFBD38;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: .5px solid #FFBD38;
    line-height: 36px;
  }
 
  .sxh-link{
    position: absolute;
    font-size: 0;
    top: -.35rem;
  }
   .sxh-link img{
     position: relative;
     font-size: 0;
     width: 1.6rem;
     left: -10px;
   }

  .banner-link{
    position: absolute;
    font-size: 0;
    top: -.25rem;
  }
  .banner-link img{
    position: relative;
    font-size: 0;
    width: 1.35rem;
  }
 
  .imax-info{
    position: relative;
    padding: .2rem 0 0;
    text-align: center;
    font-size: 0;
  }
  .imax-info .imax-info-btn {
    width: 3.34rem;
    cursor: pointer;
  }
  
  .imax-icon-box{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  .imax-icon-box img{
    width: .52rem;
    height: .20rem;
    border-radius: 4px;
  }
  .mvtk-box-info{
    position: relative;
    text-align: center;
  }
  .notice-box{
    position: relative;
    font-weight: bold;
    font-size: .14rem;
    color: #FFB4B2;
    line-height: .22rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .2rem 0 .3rem;
  }
  .notice-img{
    position: relative;
    width: .16rem;
    height: .16rem;
    margin-right: 10px;
  }
 
  .mvbox{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #mvtk-box-pc{
    position: relative;
    max-width: 840px !important;
    overflow: hidden;
  }
  
  .notice-text{
    position: relative;
    font-family: Source Han Sans CN;
    font-size: 16px;
    color: #F9B44A;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
  }
 
  .pc-screen-page .notice-box{
    padding-bottom: 0;
  }
  .pc-index-bg{
    position: relative;
    padding-top: .3rem;
    background: #000000;
  }
}

#mvtk-widgets{
  font-size: 12px;
}