@font-face {
  font-family: "fan";
  src: url('https://at.alicdn.com/t/font_2701600_loackf4ohps.woff2?t=1629029040203') format('woff2'),
    url('https://at.alicdn.com/t/font_2701600_loackf4ohps.woff?t=1629029040203') format('woff'),
    url('https://at.alicdn.com/t/font_2701600_loackf4ohps.ttf?t=1629029040203') format('truetype');
}

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

.son-tuijian:before {
  content: "\e647";
}

.son-xiazai:before {
  content: "\e606";
}

.son-remen:before {
  content: "\e608";
}

.son-close:before {
  content: "\e61d";
}

.son-gonggao:before {
  content: "\e69a";
}

.son-xing:before {
  content: "\e65c";
}

.son-search:before {
  content: "\e614";
}

.son-downs:before {
  content: "\e76e";
}

.son-shuaxin:before {
  content: "\e715";
}

.son-fenlei:before {
  content: "\e69b";
}

.son-fanhui:before {
  content: "\e84f";
}

.son-views:before {
  content: "\e7ab";
}

.son-time:before {
  content: "\e819";
}

.son-kong:before {
  content: "\e6e3";
}

.son-link:before {
  content: "\e772";
}

.son-safe:before {
  content: "\e776";
}

.son-apply:before {
  content: "\e7b4";
}

.son-right:before {
  content: "\e84e";
}

.son-you:before {
  content: "\e6fe";
}

a,
body,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
menu,
nav,
p,
ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  list-style: none;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}

*,
:after,
:before {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: color .1s ease;
}

html {
  overflow-x: hidden;
  font-size: 62.5%;
}

html,
body {
  position: relative;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Microsoft Yahei", sans-serif;
  color: #333;
  background-image: url(https://w2.tkabc.eu.org/img/xxxcxxcqwnm.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  width: 100%;
  height: 60px;
}

main {
  width: 100%;
  padding: 10px;
}

.max {
  max-width: 750px;
  margin: 0 auto;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center {
  justify-content: center !important;
}

.shadow {
  background-color: #fff;
}

.header {
  height: 60px;
}

.header h1 {
  font-size: 18px;
  color: #ccc;
}

.notice {
  width: 100% !important;
  margin: 0 auto 10px !important;
  padding: 10px;
  border-radius: 5px !important;
  background-color: rgba(254, 168, 2, .15) !important;
}

.notice i {
  font-size: 15px;
  color: #FEA802;
}

.notice marquee {
  width: calc(100% - 25px);
}

.notice h2 {
  font-size: 15px;
  color: #FEA802;
}

.app {
  width: 100%;
  padding: 15px 10px 10px;
  margin: 0 auto 10px;
  background-color: #fff;
  border-radius: 5px;
}

.app-meta {
  padding: 10px 0 25px;
}

.app-meta h1 {
  font-size: 16px;
  color: #000;
}

.app-meta h1 i {
  font-size: 16px;
  color: #06f;
  margin: 0 5px 0 0;
}

.app-meta h2 {
  font-size: 14px;
  color: #999;
}

.app ul {
  flex-wrap: wrap;
  justify-content: flex-start !important;
}

.app-item {
  width: calc(50% - 5px);
  margin: 0 10px 15px 0;
  padding: 13px 10px 13px 10px;
  background-color: #f3f5f7;
  border-radius: 5px;
  overflow: hidden;
}

.app-item img {
  width: 26px;
  height: 26px;
  /* border-radius: 100%; */
  overflow: hidden;
}

.app-item h1 {
  width: calc(100% - 56px);
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

.app-item i {
  font-size: 20px;
  color: #ccc;
}

.app-item:nth-child(2n) {
  margin: 0 0 15px 0;
}



.rol {
  width: 100%;
  height: 100%;
}

.banner {
  width: 100%;
  height: 100%;
  /* overflow-x: scroll; */
  white-space: nowrap;
}

.one {
  position: relative;
  width: 48%;
  height: 88%;
  margin-right: 1%;
  display: inline-block;
  cursor: pointer;
}

.one img {
  width: 100%;
  height: 80%;

}

.text {
  position: absolute;
  font-size: 18px;
  color: #FFF;
  top: 83%;
  left: 5%;
}

.zol {
  width: 100%;
  height: 27%;
  position: absolute;
  top: 37%;
  left: 0;
}

.videos {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
}


/* 媒体查询 */

@media screen and (max-width: 768px) {
  .videos {
    width: 95%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .videos {
    width: 80%;
  }
}

@media screen and (min-width: 992px) {
  .videos {
    width: 25%;
  }
}

.vclose {
  position: absolute;
  right: 1%;
  top: 1%;
  border-radius: 100%;
  border: 1px solid #a1a1a1;
  width: 25px !important;
  height: 25px !important;
}