@font-face {
  font-family: "iconfont"; /* Project id 1667377 */
  src: url('iconfont.woff2?t=1620964049770') format('woff2'),
       url('iconfont.woff?t=1620964049770') format('woff'),
       url('iconfont.ttf?t=1620964049770') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-loading:before {
  content: "\e601";
}

.icon-yinliang:before {
  content: "\e626";
}

.icon-chakan:before {
  content: "\e600";
}

.icon-icon--:before {
  content: "\e71d";
}

.icon-weimingmingwenjianjia_xunhuan:before {
  content: "\e63b";
}

.icon-mute:before {
  content: "\ea7d";
}

.icon-hanhan-01-01:before {
  content: "\e6ae";
}

.icon-bofangsanjiaoxing:before {
  content: "\e769";
}

.icon-shangyixiang:before {
  content: "\e66e";
}

.icon-xiayixiang:before {
  content: "\e68e";
}

.icon-screenfull:before {
  content: "\e824";
}

.icon-quanping:before {
  content: "\e768";
}

.icon-icon-:before {
  content: "\e606";
}

.icon-xunhuan:before {
  content: "\e64e";
}

.icon-pause:before {
  content: "\eb15";
}

.icon-gonggaoxiaolaba:before {
  content: "\e6db";
}

.icon-next:before {
  content: "\e615";
}

.icon-prev:before {
  content: "\e65f";
}

.icon-loading{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 999;
  font-family: "FontAwesome";
  display: inline-block;
  background: inherit;
  font-size: 1.4em;
  padding: inherit;
  -webkit-animation: loading 0.5s step-start;
  -webkit-animation-iteration-count: infinite;
}
@keyframes loading {
   0%{
     transform: rotate(0deg);
     transform-origin: center;
   }
  11%{
    transform: rotate(40deg);
    transform-origin: center;
  }
  22%{
    transform: rotate(80deg);
    transform-origin: center;
  }
  33%{
    transform: rotate(120deg);
    transform-origin: center;
  }
  44%{
    transform: rotate(160deg);
    transform-origin: center;
  }
  55%{
    transform: rotate(200deg);
    transform-origin: center;
  }
  66%{
    transform: rotate(240deg);
    transform-origin: center;
  }
  77%{
    transform: rotate(280deg);
    transform-origin: center;
  }
  88%{
    transform: rotate(320deg);
    transform-origin: center;
  }
   100%{
     transform: rotate(360deg);
     transform-origin: center;
   }
 }
@-webkit-keyframes loading {
  0%{
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: center;
  }
  11%{
    -webkit-transform: rotate(40deg);
    -webkit-transform-origin: center;
  }
  22%{
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: center;
  }
  33%{
    -webkit-transform: rotate(120deg);
    -webkit-transform-origin: center;
  }
  44%{
    -webkit-transform: rotate(160deg);
    -webkit-transform-origin: center;
  }
  55%{
    -webkit-transform: rotate(200deg);
    -webkit-transform-origin: center;
  }
  66%{
    -webkit-transform: rotate(240deg);
    -webkit-transform-origin: center;
  }
  77%{
    -webkit-transform: rotate(280deg);
    -webkit-transform-origin: center;
  }
  88%{
    -webkit-transform: rotate(320deg);
    -webkit-transform-origin: center;
  }
  100%{
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: center;
  }
}