* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
html,
body,
.app {
  height: 100%;
}
body {
  font-size: 16px;
  line-height: 1;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
::placeholder {
  color: #bcbec2;
  font-weight: normal;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.ovAuto {
  overflow-y: auto;
}
.mt15 {
  margin-bottom: 15px;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}

.button {
  display: block;
  margin: 0 15px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  background: #fd514b;
  box-shadow: 0 0 6px rgba(20, 75, 221, 0.3);
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}

.app {
  flex-direction: column;
  padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
  box-sizing: border-box;
}
.app .top .media .video-js {
  width: 100vw;
  height: 56vw;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}

.video-js .vjs-big-play-button {
  background-color: rgba(115, 133, 159, 0.5);
}

/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
  width: 100%;
  height: 100%;
  font-size: 1.63em;
}

/* 加载圆圈 */
.vjs-loading-spinner {
  font-size: 2.5em;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  margin-top: -1em;
  margin-left: -1.5em;
}

.app .top .tel-img{width:100%;height:auto;padding:15px;box-sizing:border-box}
.app .top .tel-img img{width:100%;height:auto;display:block}
.app .bottom .title{width:100vw;height:40px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,0.1);text-align:center;color:#fd514b;line-height:40px;font-size:18px;font-weight:bold}
.app .bottom ul.q{padding:15px;box-sizing:border-box}
.app .bottom ul.q li{margin-bottom:15px}
.app .bottom ul.q li h2 img{width:20px;height:20px;display:block;margin-right:5px;margin-top:4px}
.app .bottom ul.q li h2 p{font-size:18px;color:#17233d;line-height:28px;text-align:justify}
.app .bottom ul.q li div a{border-radius:4px;background:#fafafa;font-size:16px;cursor:pointer;display:flex;line-height:20px;padding:15px;text-align:justify;margin-top:10px;color:#515a6e}
.app .bottom ul.q li div a.on{color:#17233d;background:#f5ecd0;font-weight:bold}
.app .bottom ul.q li div a:before{width:20px;height:30px;display:block;flex-shrink:0;margin:-5px 10px -5px -5px;line-height:30px;text-align:center;font-weight:bold}
.app .bottom ul.q li div a:nth-child(1):before{content:"A"}
.app .bottom ul.q li div a:nth-child(2):before{content:"B"}
.app .bottom ul.q li div a:nth-child(3):before{content:"C"}
.app .bottom ul.q li div a:nth-child(4):before{content:"D"}
.app .bottom ul.q li div a.on:before{color:#17233d}

.app .mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100}
.app .login h1{font-size:18px;line-height:1;margin-bottom:15px}
.app .login .input-item input{border:0;width:100%;font-size:18px;padding:0 2px;color:#3763d7;font-weight:bold;outline:0;border-radius:0;display:block;height:50px;background:none;margin-bottom:1px}
.app .login .button{width:100%;margin:15px 0 0}
.toast{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center}
.toast p{background:rgba(0,0,0,0.8);color:#fff;padding:15px;border-radius:5px;line-height:1.5;text-align:justify;max-width:90vw;box-sizing:border-box}
.grayBg{background:rgba(0,0,0,0.6)}
.toast p.whiteBg{background:#fff;color:#17233d}
.spinner{width:100%;text-align:center}
.spinner > div{width:10px;height:10px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}

.success{position:fixed;top:50%;left:50%;width:320px;height:320px;background:url("https://bucket.tzgj333.cn/clients/success.png") no-repeat center;background-size:320px;margin:-160px 0 0 -160px;z-index:500;text-align:center;font-size:50px;font-weight:bold;color:#ffde58;box-sizing:border-box;padding-top:180px}
.success:before{content:"￥";font-size:20px;font-weight:normal;margin-right:5px}
.coliectButton { height: 50px; }
@keyframes loading{0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}
}
@keyframes zoomIn{0%{opacity:0}
    100%{opacity:1}
}
.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center;}
.loading{position:relative;width:30px;height:30px;border:2px solid #000;border-top-color:rgba(255,255,255,0.8);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.6);border-radius:100%;animation:circle infinite 0.75s linear}@keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

.error {flex:1;padding:16px;text-align:center;}
.error-message {font-size:18px;font-weight:bold;line-height:1.5;text-align:center;}
.user_info,.team_info {text-align:center;margin-top:6vh;}
.user_info img {width:80px;height:80px;border-radius:50%;border:0.5px solid #ccc;margin-bottom:16px;}
.user_info p,.team_info p {font-size:14px;line-height:1.5;margin-top:5px;}
.team_info {margin:5vh auto 0;}
.team_info img {width:200px;height:auto; display: block; margin: 0 auto;}
.error .btn {background-color:rgba(30,101,207,0.82);color:#fff;width:60%;height:50px;text-align:center;border-radius:5px;margin-top:16px;}

.accredit { padding:16px;display:block; text-align: center; background-color: rgba(0, 0, 0, 0.8);}
.accredit .accredit-con { background-color: #fff; border-radius: 5px; margin-top: 20vh; padding: 26px 16px;}
.accredit .bottom { width: 100%; border-top: .5px solid #eee; box-sizing: border-box; margin-top: 16px; }
.accredit .bottom .title {width: auto; font-size:14px; color: #17233d; box-shadow: none; text-align: left; }
.accredit .bottom .tips { margin-top: 0; font-size: 14px; color: #ccc; text-align: left;}
.accredit .btn-box {width:100%;margin-top:16px;}
.accredit .btn-box .btn {width:100%;border:0;height:50px;font-size:16px;border-radius:5px;background-color:#1aac19;color:#fff;display:block;text-align:center;line-height:50px;text-decoration:none}