@import url("reset.css");
@charset "UTF-8";


@media (max-width:1660px){
  a.ligonlog.loginA strong{font-size:1.6rem;}
  .contarin{padding:4rem 8rem 2.5rem 8rem;}
}
@media (max-width:1440px){
  .contarin{padding:4rem 6rem 2.5rem 6rem;}
  .contarin_r{padding-right: 8rem;}

  /*.contarin_comControl{padding-left:16rem;}
  .contarin_comControl_r{padding-right:16rem;}*/
  .controlListMain .padingtB50{padding-top:30px; padding-bottom: 30px;}
  a.ligonlog.loginA strong{font-size:1.6rem;}
  
}

@media (max-width:1366px){
  #scrollCont2 .controlItemBox{width:16.5555%!important;}
  .contarin{padding:4rem 6rem 2rem 6rem;}
  .contarin_r{padding-right: 6rem;}
  .headerlang{top: 4rem;}

  /*.contarin_comControl{padding-left:10rem;}
  .contarin_comControl_r{padding-right:10rem;}*/
  .btnBox,.regist_btn,.headerBox{height: 50px!important; line-height: 50px!important;}
  .controlListMain .padingtB50{padding-top:30px; padding-bottom: 30px;}
  .el-textarea__inner{height: 10vh!important;border:none;}
  

}

@media (max-width:1280px){
  #scrollCont2 .controlItemBox{width:20%!important;}
  .contarin{padding:4rem 4rem 2rem 4rem;}
  .contarin_r{padding-right: 4rem;}
  .controlListMain .padingtB50{padding-top:20px; padding-bottom: 20px;}
  .el-textarea__inner{height:8h!important;border:none;}
a.loginA strong{font-size: 1.2rem; }
  a.ligonlog.loginA strong{font-size:1.4rem;}
}


@media (max-width:1024px){
  .w1024{display: none;}
  .submenuBackVido .el-menu-demo.ipad_show{display: flex;}
  .col_ipad_100{width: 100%;}
  .ipad_show{display: block;}.ipad_hide{display: none;}
  .thumbsUp p.ipad_hide{display: none!important;}
  .flexBox_colum_ipad{flex-direction: column-reverse;height: auto!important;overflow: hidden;}
  .contarin{padding: 80px 60px;}
  .contarin_r{padding-right: 60px;}
  .smContent{padding: 10px 20px;}
  .smContent_noTB{padding: 0px 20px!important;}
  .wrapBox{overflow-y: auto;}.wrapBox.hiddenBox{overflow-y: hidden;}
  .vistorControl.wrapBox{overflow-y: hidden;}
  .headerlang{top:40px;}

  .flexBox_colum_ipad .antaBackground{background: #f5f5f5!important;}

  .antaBackground .homgImg{position: relative;top: 0%;
    left: 0%;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);}
  .LogoBox{height: auto!important; padding: 30px 0px 30px 20px;}
  .dialogRegiste{width: 100%!important;}
  .flexBox_colum_ipad .eventBox{padding: 20px!important;}
  span.RegisteClose{padding-right: 30px!important;}
  .homeFoot{position: relative!important; background: #9b9b9b; padding: 25px 20px!important;}


  #scrollCont2 .controlItemBox{width:33.3333%!important;}

  .pageBox .contarin{padding:40px 0px 0px 0px;}
  .pageBox .contarin_r{padding-right: 0px;}

  .controlList.bgs1{background:#f5f5f5!important;}
  .thumlistBox{ flex-direction: column-reverse; flex-wrap: nowrap;}
  .thumlistBox .thumlist_left{width: 100%!important; height:140px!important;padding:0px!important;}
  .thumlistBox .thumlist_right{width: 100%!important;height: auto!important; padding-left: 0px!important;}
  .thumlist_left .flex_w{flex-wrap:nowrap;    width: auto!important;}
  .vistorControl .thumlistBox #scrollCont1{width: 100%;}
  .thumlistBox .controlList_scroll{padding-right: 0px; height: auto!important; overflow-y: hidden;}
  .thumSRvBOx img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .controlListMain .thumlistBox .thumlist_left #scrollCont1 .controlItemBox {width:300px!important;padding: 0px 15px;margin-bottom: 10px!important;}
  .controlListMain .thumlistBox .thumlist_left #scrollCont1 .controlItemBox dl{width: 100px;display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;}
  .bgs1 .bgopcity::after{display: none;}
  .controlList.bgs1 .controlItemBox dl dt{border:3px solid #f5f5f5!important; }
  .controlList.bgs1 .controlItemBox dl dd{position: relative;
  background: #535353;color: #fff; text-align: center; padding: 5px; margin-bottom: 10px;
    opacity: 0;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  
  .controlList.bgs1 .controlItemBox dl dd::after{
    content:'';
    position: absolute;
    width: 0;
    height: 0;
    border-left:9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 8px solid #535353;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    opacity: 0;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  .controlList.bgs1 .controlItemBox dl.active dd::after,
  .controlList.bgs1 .controlItemBox dl.active dd{opacity: 1;}
  
    /*.vistorControl .login{width: 85px;}*/
  .vistorControlTit span{display: block; text-align: center;}
  
    .userPhoto span.helloName{position: absolute; top: 100%;left:-95px; width: 220px;background: #535353;color: #fff; text-align: center; padding: 5px; margin-top: 10px;}
  .userPhoto span.helloName::after{
    content:'';
    position: absolute;
      width: 0;
      height: 0;
      border-left:9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #535353;
      top: -8px;
      left: 50%;
      margin-left: -4px;
    }
    .userPhoto{margin-right: 0px;}

    /*.mask_btn{display: none!important;}*/
    .mask-layer-container{width: 100%!important; padding: 0px!important;}
    /*.IMgPOPwrapBox .mask_btn{display: none!important;}*/
    .contarin_comControl{padding-left:0px;}
    .contarin_comControl_r{padding-right:0px;}
    
    .thumbsUp p{padding-top: 10px;padding-bottom: 10px;}
    .thumbsUp p:last-child{margin-right: -20px;}
    .thumbsUp p:last-child span{
      flex-wrap:wrap;
      justify-content: center; margin-left: 10px!important;
      i{display: block; margin-top: 0px!important;width: 100%; text-align: center; margin-right: 0px!important; margin-bottom: 5px;}
    }


    
    .vistorvideo .controlListMain{ padding-right:0px!important; overflow: auto;}
    .vistorvideo .controlListMain .flex_clum.flex_clumHEig{height: auto;}

    .vistorvideo .controlListMain .mid,
    .vistorvideo .controlListMain .left{width: 100%!important;height: auto!important;margin-bottom: 20px; float: none!important;}
    .vistorvideo .controlListMain .box{padding-right:10px;overflow: auto!important; padding-top: 20px; padding-bottom: 20px;flex-wrap: wrap; height: auto;}
    .vistorvideo .controlListMain .resize{display: none;}
    .vistorvideo .comControl_r{height: auto!important; padding-right: 0px!important;}
    .vistorvideo .videoBoxmain{
      height: auto!important; padding-left: 0px!important; padding-right: 0px!important;
    }
    

    .el-textarea__inner{height: 30px!important;}
    .shareBox .el-menu--horizontal > .el-submenu .el-submenu__title i{display: block; margin-right: 0px; width: 100%; text-align: center; padding-bottom: 5px;}
    .shareBox .el-menu--horizontal > .el-submenu .el-submenu__title{line-height: 1; display: flex; align-items: center;flex-wrap: wrap;
    justify-content: center; height: 35px;}
  
  
    .zoomHhidden{overflow: auto!important;} 
    .zoomHhidden::-webkit-scrollbar{width: 0px; height: 0px;}

    .vistorControl .bgopcity::after{
      display: none;
    }

    .mask_btn{z-index: 10; color: #84050c!important; top: 68.6%;}
  
}
@media (max-width:990px){
  .videoPlaybox video{width:85%; height:auto;}
  .videoPlaybox{padding-top: 150px;}
  .thumlistBox .thumlist_right .thumBigImgBox{padding: 0px!important;}
  .thumlistBox .thumlist_left{height: 200px;}
  a.loginA{ display: block;}
  a.loginA img{ max-width: 380px;}
}

@media (max-width:680px){
  h1{font-size: 30px;}
  h2{font-size: 20px;}
  .ph_show{display: block;}.ph_hide{display: none;}

  .col_ph_100{width: 100%!important;}
  .contarin{padding: 50px 10px}
  .contarin_r{padding-right: 10px;}
  .smContent{padding: 10px 10px;}
  .smContent_noTB{padding: 0px 10px!important;}
  .flex_ph_w{flex-wrap:wrap}
  .headerBox{padding: 12px 6px 12px 12px;  width: 110px !important; font-size: 16px;}
  .btnBox,.regist_btn,.headerBox{height: 40px!important; line-height: 40px!important;}
  .loginIcon{height: 50px!important;}
  span.RegisteClose{padding-right: 10px!important;}
  .homeFoot span{display: block; text-align: center;}

  .headerCBOX {position: relative; z-index: 1;}
  .headerCBOX .headerCenter{justify-content: center;}

  .headerlang {top: 20px;}
  .LogoBox {padding: 20px 0px 20px 10px;}
  a.loginlogoPh{ flex-wrap: wrap; width: 55%;}
  a.loginlogoPh strong{ font-size: 12px; padding-left: 0px;}
  a.loginlogoPh img{max-width:200px;max-height:50px;}
.vistorControl .login{    max-width: 50%;}
  #scrollCont2 .controlItemBox{width:100%!important; padding: 0px 10px!important;}
  .controlList_scroll{padding-right: 0px!important;}


  .mask-layer-container-operate{right: 5px!important;}

  .mask-layer-container{height: 40vh!important; top:30vh;}
  .mask_btn{z-index: 10; color: #84050c!important; top: 68.6%;}
  .maskIMGBOx p.padtop30{padding-top: 10px!important;}
  .zoomHhidden{height: 70%!important;}
  /*//   .mask-layer-imgbox > .maskIMGBOx{height: auto!important;}*/

  .thumbsUp p:last-child{margin-right: -10px!important;}
  .thumbsUp p:last-child span{margin-right: 0px!important;}
  .video_shareBox_phHide{display:none;}
  .video_shareBox_l{padding-right: 10px!important;}

  .toggleSlideLang.video_shareBox_l{display: flex!important;}
  .toggleSlideLang.video_shareBox_l p{position: relative;cursor: pointer;}
  .toggleSlideLang.video_shareBox_l p .langBtn{margin-right: 0px!important;}
  .toggleSlideLang.video_shareBox_l p i{display: block;color: #; text-align: center;}

  .toggleSlideLang.video_shareBox_l .slideLangInfo{
      position: absolute;
      height: auto;
      overflow: hidden;
      top: 100%;
      padding:0px 10px;
      background:#ebeaea;
      left: -10px;
      transition:all 0.8s;
      -webkit-transition:all 0.8s;
      -moz-transition:all 0.8s;
      -ms-transition:all 0.8s;
      display: none;
  }
  .toggleSlideLang.video_shareBox_l .slideLangInfo .langBtn{margin-right: 0px!important; margin-top: 3px;margin-bottom: 3px;}
  .toggleSlideLang.video_shareBox_l .slideLangInfo.showSlide{height: 110px;}
   
  .controlListMain.overviasable.hideBox::before{ display: none;} 

  .controlListMain .left{margin-bottom: 0px!important;}
  .controlListMain .padingtB50{padding-bottom: 0px!important;}
}

@media screen and (orientation:portrait) {
  /* 正常情况下 */
  /* portrait-specific styles */
  @media (min-height:730px){

    .video_box{padding-bottom:30px;}
  }
   
}


@media screen and (orientation: landscape) {
  /* 正常情况下 */
  /* portrait-specific styles */
  @media (min-height:320px){
    .thumlistBox {flex-wrap: nowrap!important; overflow-y: auto;}
  }
   
}