


body{
    padding:0px;
    margin: 0px;
  }
  .assdasdas{
      width: 10rem;
      height: 10rem;
  }
  .toast{
      position: fixed;
      z-index: 9999;
      pointer-events: none;
      display: flex;
      display:-webkit-flex;
      justify-content: center;
      width: 100%;
      height: 100%;
      align-items: center; 
      left: 0;
      top: 0;
  }
  .toast-msg{
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8);
      border:0.2rem solid #f1f1f1;
      border-radius:2rem;
      font-size: 3rem;  
      padding: 1rem 2rem;
      max-width: 80%;
      word-break: break-all;
  }
  @keyframes fade
  {
      0%{
          opacity: 1;
      }
      50%{
         opacity: 0;
      }
      100%{
         opacity: 1;
      }
  }
  @-webkit-keyframes fade
  { 0%{
          opacity: 1;
      }
      50%{
         opacity: 0;
      }
      100%{
         opacity: 1;
      }
  }
  
  
  .a-fade{
      animation:fade 1s  infinite ;
      -webkit-animation:fade 1s infinite ;
  }
  
  
  
  @keyframes rotate-key
  {
      0%{
         transform: rotate(0deg);
      }
      25%{
         transform: rotate(-30deg);
      }
      50%{
         transform: rotate(0deg);
      }
      75%{
         transform: rotate(30deg);
      }
      100%{
         transform: rotate(0deg);
      }
  }
  @-webkit-keyframes rotate-key
  {
       0%{
         transform: rotate(0deg);
      }
      25%{
         transform: rotate(-30deg);
      }
      50%{
         transform: rotate(0deg);
      }
      75%{
         transform: rotate(30deg);
      }
      100%{
         transform: rotate(0deg);
      }
  }
  
  
  .a-rotate{
      animation:rotate-key 1s linear infinite ;
      -webkit-animation:rotate-key 1s linear infinite ;
  }
  
  
  @keyframes rotate-door
  {
      0%{
         transform: rotateZ(0deg)
      }
      25%{
         transform: rotateZ(-3deg);
      }
      50%{
         transform: rotateZ(0deg);
      }
      75%{
         transform: rotateZ(3deg);
      }
      100%{
         transform: rotateZ(0deg);
      }
  }
  @-webkit-keyframes rotate-door
  {
       0%{
         transform: rotateZ(0deg);
      }
      25%{
         transform: rotateZ(-3deg);
      }
      50%{
         transform: rotateZ(0deg);
      }
      75%{
         transform: rotateZ(3deg);
      }
      100%{
         transform: rotateZ(0deg);
      }
  }
  
  
  .a-rotate-door{
      animation:rotate-door 1s linear infinite ;
      -webkit-animation:rotate-door 1s linear infinite ;
  }
  
  
  @keyframes rotate-center
  {
      0%{
         transform: rotate(0deg);
      }
      25%{
         transform: rotate(90deg);
      }
      50%{
         transform: rotate(180deg);
      }
      75%{
         transform: rotate(270deg);
      }
      100%{
         transform: rotate(360deg);
      }
  }
  @-webkit-keyframes rotate-center
  {
       0%{
         transform: rotate(0deg);
      }
      25%{
         transform: rotate(90deg);
      }
      50%{
         transform: rotate(180deg);
      }
      75%{
         transform: rotate(270deg);
      }
      100%{
         transform: rotate(360deg);
      }
  }
  
  
  .a-rotate-center{
      animation:rotate-center 3s linear infinite ;
      -webkit-animation:rotate-center 3s linear infinite ;
  }
  
  
  .hlayout{
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
  }
  .vlayout{
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
  }
  .center{
      justify-content: center;
      align-items: center;
  }
  .hcenter{
      align-items: center;
  }
  .vcenter{
      justify-content: center;
  }
  .wechat-share-content
  {
  
      width: 42.8rem;
      height: 30.5rem;
  }
  .bd-box{
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
  }
  .disabled{
      filter: grayscale(1);
      -webkit-filter: grayscale(1);
      -ms-filter: grayscale(1);
      pointer-events: none;
      opacity: 0.8;
  }
  .disabled2{
       filter: grayscale(1) ;
      -webkit-filter: grayscale(1);
      -ms-filter: grayscale(1);
      opacity: 0.8;
  }
  .flex-1{
      flex: 1;
  }
  .shrink-0{
      flex-shrink: 0;
  }
  img{
      border: none;
      /* max-width: 75rem !important; */
     
  }
  .img_bg{
    background-size:100% 100%; 
  }
  
   .app{
     width: 100vw;
     height: 100vh;
	 background-color: #000;
     overflow-x:hidden; 
     overflow-y: auto;
     position: fixed;
  
  
   }
  body{
       -moz-user-select:none; /*火狐*/
      -webkit-user-select:none; /*webkit浏览器*/
      -ms-user-select:none; /*IE10*/
      -khtml-user-select:none; /*早期浏览器*/
      user-select:none;
  }
  
  .mask{
    background-color: rgba(0, 0, 0, 0.7);
  }
  .bt-music{
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    right: 2rem;
    top: 45rem;
    transform-origin: center center;
    -webkit-transform-origin: center center;
  }
  .bt-music.on{
    animation:rotate-center 3s linear infinite ;
    -webkit-animation:rotate-center 3s linear infinite ;
  }
  .circular{
      width: 4rem !important;
      height: 4rem !important;
  }
  .el-loading-spinner .el-loading-text{
      font-size: 3rem !important;
  }
  .button:active{
    opacity: 0.8;
  }
  
  
  .bt-ljlg{
      width: 13.1rem;
      height: 12.3rem;
      position: absolute;
      left: 1rem;
  }
  
  
  
  @keyframes mymove
  {
      0%{
          bottom:-4rem
      }
      50%{
          bottom:-2.2rem
      }
      100%{
          bottom:-4rem
      }
  }
  
  @-webkit-keyframes  mymove
  {
      0%{
          bottom:-4rem
      }
      50%{
          bottom:-4rem
      }
      100%{
          bottom:-4rem
      }
  }
  
  
  .transX-50p{
      transform: translate(-50%);
      -webkit-transform:translate(-50%);
  }
  