.s-canvas[data-v-ac976ea8] {
  height: 38px;
  cursor: pointer;
}
.s-canvas canvas[data-v-ac976ea8] {
  margin-top: 1px;
  margin-left: 8px;
}
.mypopcon[data-v-74f8ba12] {
  text-align: left;
  font-size: 14px;
  padding: 10px 30px 30px 30px;
}
.mypopcon p[data-v-74f8ba12] {
  line-height: 1.6rem;
}
.mypopcon p.t[data-v-74f8ba12] {
  margin-top: 0.6rem;
  color: #f60;
}
.member-load-state[data-v-74f8ba12] {
  padding: 26px 18px;
  text-align: center;
  color: #71899b;
  background: #fff;
}
.member-load-state button[data-v-74f8ba12] {
  margin-top: 12px;
  padding: 7px 18px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: #168fd5;
  cursor: pointer;
}
.member-main-loading[data-v-32ebe0ff] {
  padding: 28px 2px;
}
.member-main-state[data-v-32ebe0ff] {
  padding: 70px 20px;
  text-align: center;
  color: #71899b;
}
.member-main-state button[data-v-32ebe0ff] {
  margin-top: 14px;
  padding: 8px 20px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: #168fd5;
  cursor: pointer;
}
.team-badge[data-v-c602ba2a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  color: #061522;
  font-size: 12px;
  font-weight: 900;
  border: 2px solid hsla(0, 0%, 100%, 0.86);
  box-shadow: 0 0 0 2px rgba(177, 132, 40, 0.25), 0 5px 14px rgba(0, 0, 0, 0.18);
  position: relative;
  overflow: hidden;
}
.team-badge[data-v-c602ba2a]:before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(5, 22, 34, 0.38);
  border-radius: 50%;
}
.team-badge[data-v-c602ba2a]:after {
  content: "";
  position: absolute;
  width: 55%;
  height: 2px;
  background: rgba(5, 22, 34, 0.35);
  transform: rotate(-35deg);
}
.team-badge span[data-v-c602ba2a] {
  position: relative;
  z-index: 1;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.35);
}
.team-badge.has-logo[data-v-c602ba2a] {
  background: hsla(0, 0%, 100%, 0.96);
  padding: 3px;
  border-color: rgba(93, 225, 255, 0.72);
}
.team-badge.has-logo[data-v-c602ba2a]:after,
.team-badge.has-logo[data-v-c602ba2a]:before {
  display: none;
}
.team-badge img[data-v-c602ba2a] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.recommend-hero-message[data-v-08c8d994] {
  position: relative;
  z-index: 1;
  width: min(600px, 48%);
  display: grid;
  gap: 12px;
}
.recommend-hero-message p[data-v-08c8d994] {
  margin: 0;
  padding: 13px 18px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(8, 119, 217, 0.14);
  border-radius: 10px;
  background: hsla(0, 0%, 100%, 0.68);
  box-shadow: 0 8px 24px rgba(27, 80, 118, 0.06);
  backdrop-filter: blur(3px);
}
.recommend-hero-message i[data-v-08c8d994] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 16px;
  color: #0877d9;
  background: #e8f5fd;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.recommend-hero-message p:last-child i[data-v-08c8d994] {
  color: #078958;
  background: #e5f7ef;
}
.recommend-hero-message strong[data-v-08c8d994] {
  color: #234d6c;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 0.015em;
}
@media (max-width: 960px) {
  .recommend-hero-message[data-v-08c8d994] {
    width: 52%;
  }
  .recommend-hero-message p[data-v-08c8d994] {
    padding: 11px 13px;
    grid-template-columns: 74px;
    gap: 10px;
  }
  .recommend-hero-message strong[data-v-08c8d994] {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .recommend-hero-message[data-v-08c8d994] {
    width: 100%;
    margin-top: 17px;
    gap: 9px;
  }
  .recommend-hero-message p[data-v-08c8d994] {
    padding: 10px 12px;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 10px;
  }
  .recommend-hero-message i[data-v-08c8d994] {
    min-height: 27px;
    font-size: 12px;
  }
  .recommend-hero-message strong[data-v-08c8d994] {
    font-size: 13px;
    line-height: 1.55;
  }
}
.rule[data-v-32506ae1] {
  padding: 20px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  line-height: 28px;
  color: #666;
  background-color: #fff;
  margin: 0.6rem;
}
.rule .sm[data-v-32506ae1] {
  margin: 0 0 10px 0;
  color: #000;
}
.notice_list li[data-v-5686072a] {
  overflow: hidden;
  background: #fff;
  margin-bottom: 10px;
}
.notice_list .title[data-v-5686072a] {
  padding: 0 15px;
  line-height: 35px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  color: #666;
}
.notice_list .title span[data-v-5686072a] {
  float: right;
  color: #999;
}
.notice_list .content[data-v-5686072a] {
  overflow: hidden;
  padding: 10px 15px;
  color: #444;
  font-size: 14px;
  line-height: 22px;
}
.notice_list .content[data-v-5686072a] span {
  color: #09f;
  padding: 0 2px;
}
.notice_list .content[data-v-5686072a] b {
  color: red;
}
.tixian[data-v-9fd82436] {
  background-color: #fff;
  overflow: hidden;
  padding: 2rem 1rem 5rem 1rem;
}
.tixian .tips[data-v-9fd82436] {
  font-size: 12px;
  color: #f60;
  background-color: #ffe395;
  padding: 0.3rem 0.5rem;
  border: 1px solid #fc0;
  border-radius: 3px;
  margin-bottom: 1rem;
}
.tixian .tips span[data-v-9fd82436] {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 5px;
}
.tixian .name[data-v-9fd82436] {
  color: #333;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 1rem;
}
.tixian .name span[data-v-9fd82436] {
  float: right;
  color: #666;
}
.tixian .name em[data-v-9fd82436] {
  padding: 0 3px;
  color: red;
}
.tixian .put[data-v-9fd82436] {
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
}
.tixian .put input[data-v-9fd82436] {
  width: 94%;
  padding: 0 3%;
  height: 2.5rem;
  border: 0;
  font-size: 16px;
}
.tixian .put span[data-v-9fd82436] {
  display: block;
  position: absolute;
  right: 10px;
  top: 2px;
  line-height: 2.3rem;
  text-align: right;
  background: #fff;
}
.tixian button[data-v-9fd82436] {
  background: #09f;
  color: #fff;
  width: 100%;
  height: 2.6rem;
  border: 0;
  margin-top: 2rem;
  font-size: 14px;
  border-radius: 3px;
}
.tixian .link[data-v-9fd82436] {
  text-align: center;
  margin-top: 1rem;
}
.tixian .link a[data-v-9fd82436] {
  color: #f90;
}
.tixian .text[data-v-9fd82436] {
  margin-top: 1rem;
  font-size: 14px;
  color: #999;
  line-height: 22px;
}
.tixian .text div[data-v-9fd82436] {
  color: #333;
}
.follow-expert-list[data-v-703c15fa] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 24px 28px 30px;
  list-style: none;
}
.follow-expert-list > li[data-v-703c15fa] {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5e4ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(31, 83, 113, 0.07);
  transition: 0.2s ease;
}
.follow-expert-list > li[data-v-703c15fa]:hover {
  transform: translateY(-2px);
  border-color: #8dc9ec;
  box-shadow: 0 14px 30px rgba(31, 83, 113, 0.12);
}
.follow-expert-card[data-v-703c15fa] {
  display: block;
  color: #153d59;
}
.follow-expert-profile[data-v-703c15fa] {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  padding: 20px 20px 16px;
}
.follow-expert-profile .img[data-v-703c15fa] {
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
  padding: 3px;
  border: 2px solid #1596df;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 7px 18px rgba(21, 150, 223, 0.16);
}
.follow-expert-profile .img img[data-v-703c15fa] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.follow-expert-profile .cone[data-v-703c15fa] {
  min-width: 0;
  flex: 1;
}
.follow-expert-profile .name[data-v-703c15fa] {
  margin: 3px 0 8px;
  color: #092f4c;
  font-size: 20px;
  font-weight: 800;
}
.follow-expert-profile .name em[data-v-703c15fa] {
  display: inline-block;
  margin-left: 6px;
  padding: 3px 8px;
  border-radius: 5px;
  color: #765300;
  background: #ffde78;
  font-size: 11px;
  font-style: normal;
  vertical-align: 3px;
}
.follow-expert-profile .intro[data-v-703c15fa] {
  display: -webkit-box;
  overflow: hidden;
  color: #607f93;
  font-size: 14px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.follow-expert-metrics[data-v-703c15fa] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #e0eaf0;
  border-bottom: 1px solid #e0eaf0;
  background: #f5f9fc;
}
.follow-expert-metrics span[data-v-703c15fa] {
  display: flex;
  min-height: 69px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid #e0eaf0;
  border-bottom: 1px solid #e0eaf0;
}
.follow-expert-metrics span[data-v-703c15fa]:nth-child(3n) {
  border-right: 0;
}
.follow-expert-metrics span[data-v-703c15fa]:nth-child(n + 4) {
  border-bottom: 0;
}
.follow-expert-metrics b[data-v-703c15fa] {
  color: #0b9664;
  font-size: 19px;
  line-height: 1.15;
}
.follow-expert-metrics span:nth-child(2) b[data-v-703c15fa] {
  color: #1688d1;
}
.follow-expert-metrics span:nth-child(5) b[data-v-703c15fa] {
  color: #c38a0b;
}
.follow-expert-metrics small[data-v-703c15fa] {
  margin-top: 5px;
  color: #738b9b;
  font-size: 11px;
}
.follow-expert-home[data-v-703c15fa] {
  height: 50px;
  padding: 15px 130px 0 20px;
  color: #087fc3;
  font-size: 13px;
  font-weight: 800;
}
.follow-expert-home b[data-v-703c15fa] {
  margin-left: 5px;
  color: #d19a16;
}
.follow-expert-list .rel[data-v-703c15fa] {
  position: absolute;
  right: 18px;
  bottom: 10px;
}
.follow-expert-list .rel span[data-v-703c15fa] {
  display: flex;
  min-width: 86px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #fff;
  background: #10a66e;
  font-size: 13px;
  cursor: pointer;
}
.follow-expert-list .rel span.en[data-v-703c15fa] {
  color: #466678;
  background: #e6eff4;
}
@media (max-width: 1100px) {
  .follow-expert-list[data-v-703c15fa] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .follow-expert-list[data-v-703c15fa] {
    padding: 14px;
    gap: 12px;
  }
  .follow-expert-profile[data-v-703c15fa] {
    padding: 16px;
  }
  .follow-expert-profile .img[data-v-703c15fa] {
    flex-basis: 60px;
    width: 60px;
    height: 60px;
  }
  .follow-expert-metrics b[data-v-703c15fa],
  .follow-expert-profile .name[data-v-703c15fa] {
    font-size: 17px;
  }
}
body,
html {
  padding: 0;
}
html {
  height: 100%;
  overflow-y: auto;
}
body {
  margin: 0 auto;
  background: #f5f5f5;
  overflow: hidden;
  padding-top: 60px;
}
a,
a:active,
a:link {
  text-decoration: none;
  font-size: 13px;
  color: #666;
}
input,
textarea {
  outline: none;
  resize: none;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}
dd,
dl,
dt,
em,
form,
i,
p {
  font-style: normal;
  margin: 0;
  padding: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  height: 100%;
}
.fxwidth {
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 1000;
}
.wrap {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}
.wptop {
  display: none;
}
.wpheader {
  line-height: 50px;
  background-color: #f90;
  color: #fff;
  text-align: center;
  overflow: hidden;
  top: 0;
}
.headerhd,
.wpheader {
  height: 50px;
}
.headerhd_lg {
  height: 100px;
}
.logo {
  float: left;
  margin-left: 10px;
  height: 50px;
  width: 200px;
  background: url(../img/logo.29fa4744.png) no-repeat 0;
  background-size: 60%;
}
.logo a {
  display: block;
  height: 100%;
}
.tpnav {
  float: right;
  line-height: 50px;
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
}
.tpsign {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAf9JREFUaEPtWeE5xEAUnOlAB6gAFaADHaACVEAHqMBdBXTgVIAK0IEOxje+jS+3l8QluW+TY9+/3N3mzbx5+zKbI9Y8uOb4kQkMreDfV0DSMYADAFuJq/0OYEZy2pS3UQFJ5wCuEwOP012QvKnDUEtAkiv+NjD4Iv02SSuyEE0EJgDcPo5Tkr5OFpJOANyFhFOSvl6OQFT9D5Kp+/8bqCRXfTOgrlShUgFJ5eq7/x6SlX4+0REA70NHpQp1BGYA9gcCXZf2iaSn4Vz8CwKHAyvxGPJ3U4DkoE9rScoEhmyhrECKPSBpF8BnlV0YvQKSLgFcAbglWTy0frp2tAQkbQSna4/zastO8jPeb6MkELzWPQC3Ti344IfGNUYl2Q4YvBVoBD86ApFF/hX8qAhIsrcvPP1S4JMQkOR2cFv40LNgu8NmtZ9xvzuWBp+KwAuAnQDOBEzke5qE+W7w7vfW4FMRMDifHwoSBu957s/Lh/FWlS/GaZIxGtqkTCIe553AJ1GgVKlYieKrzuCTEgjJYhK9wCcnEJHwZaU9aGPPk+yBNoDa/jYTSHEeaFIlK5AVaLtro9/nFlrXFrIJO+up/qqXVx76617u2rs/rxpBz/vtkbR1n4umf2hMwieo4iDSM3/n5QY9qQLvOw764rYzpdLCTGAVVexzj6xAn+qtYu0XK7STQHFr0EEAAAAASUVORK5CYII=)
    no-repeat 0;
  background-size: 18px;
  padding-left: 20px;
}
.hdtitle {
  margin: 0 100px;
  text-align: center;
}
.hdbtn {
  width: 80px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  color: #fff;
}
.hdbtn .van-icon {
  vertical-align: -2px;
  margin: 0 3px;
}
.hdback {
  width: 50px;
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 24px;
  display: none;
}
.hdback2 {
  background-image: url(data:image/png;base64,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);
}
.hdedit {
  width: 50px;
  background: url(../img/icon_edit.1401a3f9.png) no-repeat 50%;
  background-size: 24px;
}
.wpheader a {
  color: #fff;
}
.hdpush {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAexJREFUaEPtmMFNAzEQRf8/cU0H0AFw5oJEAYgKSO5cqICkAxpAJBUADXBKAUkH0AEdDJrVruRs7N21d6wokX2KVvb4P3+PxzFx5I1Hrh8F4NAOZnVARN4AnAF4IvmXAzYbgIisAdzUor9J3h0NgIgsATy2BC9JzqwhzB0IiG90m0OYAvSIzwJhBuARvwVwWat2f+snMydMADziVwB+ALzUAAsAF628MIEYDSAiUwDvTnKuSE5FZO4CkJx7QGckNeGTmzVAJV7V+ADq7+4JdXiAWlQl2l3NEECof6oFox0ITdwFkCrWN24PQEQ02T4AXAUm0uR8ILnpEhILkDqvD8BNvpDG3r2bADBk3meSr66oFIBfALck1YlgSwBQxzXBm9rhi73Q0ywGYG/A0P0bC5CaS30OFICmErett3IypwNuhdZT63OoaLdf31bMCTDRZAcwGXNdOBhAymr7xhSAdvLVFfNet4bVKjtxvtoV3twBEdECdp5BvIbckLzOmsSZAbYkd+5gORzQCarTJYML+i9t54piDpBBdGfIApB6BbByqjhwcg6UQtadHKWQBR+kmoUTkVLIYo7Ycoye3DEaY79F37FbyEKDZYzohy3LyS1iDXpaHPLEZyEmNob3STPb83qsutT+BSB15azG/QNH0shAnj9mzAAAAABJRU5ErkJggg==)
    no-repeat 1px 15px;
  background-size: 16px;
  padding-left: 5px;
  font-size: 12px;
}
.tpsearch {
  width: 30px;
  height: 50px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA1FJREFUaEPtmYtRFEEQhvuPQM1AIlAjECJQIhAiECMQI1AjECJAIhAiUCIQIxAiaOu/6raGZnbnwe5xSzFVV9Qxczv99Wt6eiELH1i4/PIIcN8WnMwCqvpaRJ6KyMsA9UtErgCczwF7JwBVfSMib+1D4cfGlYh85wfA6VQwXQCqui0inzParpWLVvkA4Kz2B0PrmgBUlVo+ERECxHEtIit3sb+cpzu5Wz3J/IYAuwD4m65RDaCqFIbCPw87HZtb0D0Gh6q6q70Liyj8DgDCN48qABP+h2nTN6HghwAuW3ZVVSrgUERSEELsAxhVQm6fIkBGeLrKXs9mqQBmkSMRcdfqssQogPk8Ne+pkcJv95o7atCUwzhwCFrzVUtMlACoITf1pMI7TAaCaXa31i0HASxVUvs+mC2afbRGEHMnJggfDOqqFDsGQOE9XR4D2KsRpneNqqbWPgOwU/OsLICZ9WfygK3WbFOzeQhqZqffyf8YC8XUOgTwRUTe28Nm134SD6kVvgI4KCliCICa8ANrNt/PZCUedh4LlwC2mgHsoHFTXgMoFWmlPZrmVZXngafVohvdskDIPucAcnVPk1Ati1WV2YelOUcxG+UAUjOeAuD3tQ1VZapmmc5RdN8cAOuUj/aATwD4fW1DVZv2f5AAi3chBq2XEIsM4vRE5GX82doCQERU9W9y7yhWAEMHGY/wF7WZYCrAUNRdAIgdjltbPdhSguT3XcwVDzGaY6ycTk/E2Qu6UE5XJ48xgGiF4qnYGwuzXGgoTNBK16W7BJVpGjRZu3QnZiVKV/KMNClERvg/bCBMdqk3K/BcYFpN2x9dPZzUGuY230KvqelCPxrEYTPGQ9r+4DRvTyz2ehpbLBaH7thHAPZLrufzxcaWL7SLDktddyefIkix45x0sqPgdBta2EvolXJqIaoBzJ0YE7wvx/4mp72pO9Tczd3s2J48oM+HhFEN0QSQWIMuRRC/OdVa3NfxZQf7qjd6Pz0QXQABhC7BCja6VoS6sDiiewy2S1oh7gQQAp3Zip/0NZO/L2CHoTrYWyAmA2j1odL6WoiNBchUAtnA3miAAQi+W2MCWY2NB8hA3Gj1LALAINhuYfpm+v2fxRYDMBT0jwCldDj3/D/TI5FArY/6CAAAAABJRU5ErkJggg==)
    no-repeat 50%;
  background-size: 20px;
}
.tpsearch2 {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 50px;
}
.header {
  height: 50px;
  line-height: 50px;
  background-color: #f90;
  color: #fff;
  text-align: center;
  overflow: hidden;
  top: 0;
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 1000;
}
.header .wrap {
  display: flex;
}
.hdnav {
  flex: 1;
}
.hdnav a {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  font-size: 15px;
  margin: 0 1px;
}
.hdnav a.active {
  background-color: #000;
}
.hdrge {
  float: right;
  font-size: 13px;
}
.hdrge .lg {
  float: left;
  padding-right: 20px;
}
.hdrge .lg a {
  color: #fff;
}
.hdrge .ui {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 24px;
}
.hdrge .ui a {
  display: block;
  height: 100%;
}
.list-more {
  clear: both;
  text-align: center;
  font-size: 13px;
  color: #999;
  padding: 15px 0;
  margin-top: 8px;
  background-color: #fff;
  cursor: pointer;
}
.list-more:hover {
  color: #333;
}
.searchpop {
  transition: all 0.3s;
}
.searchpop .bg {
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.6;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}
.searchpop .bx {
  width: 100%;
  height: 3rem;
  background-color: #fff;
}
.searchpop .bx input {
  width: 93%;
  padding: 0 2%;
  display: block;
  height: 2.1rem;
  line-height: 2.1rem;
  border: 1px solid #ddd;
  margin: 0.4rem auto;
  border-radius: 5px;
}
.searchpop .bx input:focus {
  border-color: #f90;
}
.searchpop .bx button {
  display: block;
  height: 1.6rem;
  width: 2rem;
  position: absolute;
  top: 0.7rem;
  right: 3%;
  border: 0;
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA7ZJREFUaEPtmdFRGzEQhle6AkI6gApiIb1jKiBUEKggUEGggpAK4lSAqQDzrkNQQUwFcQqQlNkbHSPku5N0nB2bQTOMx/h8t5/239XumsCWL7Ll9sM7wP/24GAeuL+/PyCE7BhjRj4UpfTBWrvY39+/WwXsqwCUUkfGmM8AgH87EQMXADCllE4ZYzdDwfQCUEqNtdbfCSEvdjvVKGvtQ1EU54yxWep32q7LAlBK7Witrwkh4/CG1tq/hJBKLviKn1trRygr9/qh4TuzoiiOGWPonV4rGUApNTLGXAPArv8ka+0vlIYQYtplgZSykhoh5Etw3YJSesgYq6BzVxKAM/7W1zkaXhTFBWNsnvNQpdSu1voiAFlYa09jm9D0nChAaDxKBQBO+jzMN8B5ZEIIqaXVyxOdAE7zt3WwovFFUYz7ujvcQdwcrfXMg5hTSllOTHQCSClxhyrNDm18DRNCWGsxno5TZdkKgKnSGIO6r5a19vi1smkzCuVECMEEUS0X1EkpthVASonSqdIlBqwQ4iR1V/pcF3h7JoQ4TLlPI4ALXOXtyF5utkl5uH8NZidjzG/vmRgL0dTaCFCW5RUAfF3X7tdG+14AgB+c87PYRrQB4E5UB9YqtR8aF8TCnHO+lw3guxIzjxAiVqTFnpH1uZQSS5HqbHAptVNGSx4Iss8d53yp7smyKPPisiwx+xykZqMlAN+N1tobIQTWMGtbUsopIeQoVb5LAGVZXgDAN2fxJecc369t5T7/7QFsvYS2PoiDE3HBOf+4tgAAgLIs/9R9B6U0WgG0HWSYez+lZoKhAIOD7JFzHu2532YpsSHFHPbJ0ZK6tZz2T8R1l9MAkFwBdDU0OIV4LqlXWdStpKHBwAzK215NdyzAG4YGWc1TtKk3xqAOq4wEAINCNIxrniilo8GaerTYzXEe/PFH3xmO7w0nm5/BrCmrocf7RedCDiIcf+C/J5TSy9xW0x2UWCy29dgTzvlpTHr150kAtSeMMTg+rOVU3wNBohNnb5IdGv6Ew966hHY3TYZIBnAQONy9aphvVvGBhuCrP9xFibjB2FJn58aTZ6j5IGFUHk7xRBZAveUu+LDxrzqnHuuOUopz1RcHVR+IXgABCEoC285QWiHXIwDMKKWTrnFJLsSrAHwLMThxkqG1riWDEw38IQNn//OcYM+BGAygh4w6v5IKsbEADZVAY2BvNEALxDnnHBNItTYeIIQIRz1bAYAQOG7BHwvdz1rP07qtAWiL+HeAodNn7v3+AdDAZk9HqL4JAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 18px;
}
.copyright {
  text-align: center;
  font-size: 12px;
  color: #ccc;
  padding: 15px 0;
}
.banner {
  min-height: 5rem;
  overflow: hidden;
}
.banner img {
  width: 100%;
  height: 100%;
  background-color: #f90;
}
.hotexpert {
  overflow: hidden;
}
.hometab,
.hotexpert {
  background-color: #fff;
}
.hometab {
  height: 45px;
  line-height: 43px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 0 10px;
  clear: both;
}
.hometab span {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
  color: #777;
  cursor: pointer;
}
.hometab span.curr {
  border-bottom: 2px solid #f90;
  color: #f90;
}
.hometab a {
  float: right;
  color: #999;
  font-size: 12px;
  padding: 0 5px;
}
.hotexpert ul {
  overflow: hidden;
  padding: 20px 15px;
}
.hotexpert li {
  float: left;
  width: 20%;
  height: 5rem;
  overflow: hidden;
  text-align: center;
}
.hotexpert a {
  display: block;
  overflow: hidden;
}
.hotexpert .img {
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
}
.hotexpert .img img {
  width: 100%;
  height: 100%;
}
.hotexpert .name {
  font-size: 12px;
  color: #666;
  line-height: 23px;
  margin: 0 8px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotlist {
  margin: 0;
}
.hottab {
  margin-top: 20px;
}
.everydan {
  clear: both;
  margin: 20px 0 -10px 0;
  overflow: hidden;
}
.danlist {
  overflow: hidden;
  background: #fff;
  padding: 10px 15px;
}
.danlist .item {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin-bottom: 5px;
  position: relative;
  min-height: 20px;
  width: 48%;
  float: left;
}
.danlist .item:nth-child(2n) {
  float: right;
}
.danlist .item span {
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  text-align: right;
}
.danlist .item div {
  margin-right: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.links {
  margin: 1rem 0;
  overflow: hidden;
  background-color: #fff;
}
.links .con {
  padding: 0.6rem;
  line-height: 1.2rem;
}
.links .con a {
  display: inline-block;
  margin: 4px 0 4px 10px;
}
.linkkeys {
  margin: 0.5rem 0 -10px 0;
}
.login {
  margin: 2rem 0;
  overflow: hidden;
}
.login .btn,
.login .item {
  margin: 15px auto;
  overflow: hidden;
  clear: both;
  position: relative;
  width: 300px;
}
.login .item p {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  margin-top: 6px;
}
.login input {
  height: 40px;
  width: 93%;
  background: #fff;
  padding: 0 3%;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
}
.login input:focus {
  border-color: #f90;
}
.login .btn {
  padding: 0;
  border: 0;
}
.login button {
  height: 45px;
  background-color: #f60;
  color: #fff;
  width: 100%;
  border: 0;
  opacity: 0.8;
  border-radius: 5px;
  cursor: pointer;
}
.login button:hover {
  opacity: 1;
}
.login button.btnrg {
  background-color: #2c3e50;
}
.login .act {
  color: #666;
  font-size: 13px;
  text-align: center;
}
.login .act a {
  color: #09f;
  font-size: 13px;
}
.login .code {
  background: #eee;
}
.login .code,
.login .code_n {
  border-radius: 3px;
  overflow: hidden;
}
.login .code_n {
  margin-right: 1px;
}
.login .yzm {
  position: absolute;
  right: 10px;
  top: 4px;
}
.ranklist {
  overflow: hidden;
  margin: 0;
}
.ranklist li {
  overflow: hidden;
  position: relative;
  line-height: 40px;
  min-height: 40px;
  margin: 10px 0;
  padding: 1rem 0.5rem;
  background-color: #fff;
}
.ranklist .lfcon {
  width: 125px;
  position: absolute;
  left: 0.5rem;
  top: 1rem;
}
.ranklist .num {
  width: 25px;
  height: 40px;
  font-size: 24px;
  color: #ccc;
  float: left;
  overflow: hidden;
  text-align: center;
}
.ranklist .numc {
  color: #c00;
}
.ranklist .name {
  width: 100px;
  float: left;
  font-size: 0.6rem;
  line-height: 20px;
}
.ranklist .img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.ranklist .img img {
  width: 100%;
  height: 100%;
}
.ranklist .nick {
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  margin: 0 8px;
  text-overflow: ellipsis;
}
.ranklist .name a {
  display: block;
  font-size: 0.7rem;
}
.ranklist .linebx {
  margin: 0 10px 0 130px;
}
.ranklist .linecn {
  text-align: left;
  line-height: 36px;
  min-height: 36px;
}
.ranklist .linecn span {
  display: inline-block;
  margin-right: 10px;
  width: 45px;
  font-size: 13px;
}
.ranklist .linecn span em {
  display: inline-block;
  margin-right: 3px;
  width: 24px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
  height: 22px;
  line-height: 22px;
  opacity: 0.4;
}
.ranklist .linecn span.sh {
  color: #c00;
}
.ranklist .linecn span.sh em {
  background-color: #c00;
}
.ranklist .linecn span.pi {
  color: #080;
}
.ranklist .linecn span.pi em {
  background-color: #080;
}
.ranklist .linecn span.fu {
  color: #333;
}
.ranklist .linecn span.fu em {
  background-color: #333;
}
.ranklist .linecn span.sl {
  float: right;
  color: #999;
  font-size: 12px;
  margin: 0;
  width: auto;
  opacity: 0.5;
}
.ranklist .linecn span.sl i {
  font-size: 18px;
  color: #c00;
  display: inline-block;
  margin-right: 3px;
}
.ranklist .linect {
  height: 4px;
  background: #ddd;
  opacity: 0.8;
}
.ranklist .linecor {
  height: 4px;
  background-color: #c00;
  transition: all 0.3s;
  width: 0;
}
.rankpopcon {
  text-align: left;
  font-size: 14px;
  padding: 10px 30px;
}
.rankpopcon p {
  line-height: 1.6rem;
}
.rankpopcon p.t {
  margin-top: 0.6rem;
  color: #f60;
}
.dropmenutab,
.navtab {
  top: 50px;
}
.navtab {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}
.navtab span {
  display: inline-block;
  padding: 0 50px;
  cursor: pointer;
}
.navtab span.curr {
  border-bottom: 2px solid #f90;
  color: #f90;
}
.navtab span i {
  display: block;
  float: right;
  width: 1px;
  height: 20px;
  margin-top: 15px;
  background: #f5f5f5;
}
.navtab .recmpush {
  float: right;
  background: url(data:image/png;base64,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)
    no-repeat center left 8px;
  background-size: 16px;
  padding: 0 8px 0 27px;
  font-size: 13px;
  color: #888;
  border: 1px solid #ddd;
  height: 30px;
  line-height: 32px;
  margin: 10px 0;
  cursor: pointer;
}
.tuijielist {
  padding: 0;
  margin-top: 0;
  text-align: left;
  overflow: hidden;
  min-height: 90vh;
}
.navtab_zw {
  height: 50px;
}
.tuijielist li {
  line-height: 40px;
  overflow: hidden;
  background-color: #fff;
  margin: 6px 0;
  position: relative;
  width: 49.5%;
  float: left;
}
.tuijielist li:nth-child(2n) {
  float: right;
}
.tuijielist .porta {
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.tuijielist .porta img {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  float: left;
  margin: 0 6px 0 0;
}
.tuijielist .porta em {
  font-size: 12px;
  margin-top: 5px;
  border-radius: 3px;
  opacity: 0.5;
  color: #999;
  padding: 0 5px;
  display: inline-block;
  line-height: 18px;
  float: right;
}
.tuijielist .porta em b {
  font-size: 16px;
  color: #c00;
}
.tuijielist .porta a {
  overflow: hidden;
  display: inline-block;
}
.tuijielist .fxlab {
  position: absolute;
  left: 50%;
  top: 35px;
  margin-left: -20px;
  width: 50px;
  padding: 0 7px;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  border-radius: 5px;
  opacity: 0.5;
  transform: rotate(-10deg);
}
.tuijielist .fxmy {
  background: #09f;
  box-shadow: 0 0 3px #09f;
}
.tuijielist .fxcm {
  background: #080;
  box-shadow: 0 0 3px #080;
  font-size: 0.8rem;
}
.tuijielist .con {
  margin: 15px 10px 6px 10px;
  overflow: hidden;
  position: relative;
}
.tuijielist .conlf {
  margin-right: 35px;
}
.tuijielist .tmss {
  line-height: 22px;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}
.tuijielist .tmss .ss {
  display: block;
  border-radius: 3px;
  padding: 0 3px;
  font-size: 11px;
  margin-right: 10px;
  width: 50px;
  float: left;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.tuijielist .tmss .time {
  float: left;
}
.tuijielist .duiz {
  line-height: 30px;
  overflow: hidden;
  margin: 6px 0 0 0;
}
.tuijielist .duiz span {
  font-size: 16px;
  color: #333;
}
.tuijielist .duiz em {
  padding: 0 5px;
  color: #ccc;
}
.tuijielist .duiz em.vs {
  font-size: 18px;
}
.tuijielist .duiz em.bf {
  padding: 0 8px;
  font-size: 18px;
  color: #09f;
}
.tuijielist .rs {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  opacity: 0.6;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0;
}
.tuijielist .desc {
  margin: 5px 10px;
  background: #f8f8f8;
  padding: 8px 10px;
  color: #666;
  font-size: 12px;
  border-top: 1px solid #eee;
  line-height: 20px;
}
.tuijielist .detc {
  color: #ccc;
  padding: 0 10px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  font-size: 13px;
  margin-bottom: 15px;
}
.tuijielist .detc span {
  float: right;
  color: #999;
}
.tuijielist .detc span.tm {
  float: left;
  display: block;
  color: #ccc;
}
.tuijielist .detc span.dai {
  color: #ccc;
}
.tuijielist .detc span.kck {
  color: #999;
}
.tuijielist .detc span.kck em {
  color: #c00;
  padding-right: 5px;
  font-size: 16px;
}
.tuijielist .detc span.gk {
  color: #666;
}
.tuijielist .detc span.gk em {
  display: block;
  float: left;
  padding: 0 10px;
  background: #09f;
  margin-right: 15px;
  color: #fff;
}
.matchlist {
  padding: 0;
  margin-top: 0;
  text-align: left;
  overflow: hidden;
}
.matchlist li {
  overflow: hidden;
  background-color: #fff;
  margin: 6px 0;
  width: 49.5%;
  float: left;
}
.matchlist li:nth-child(2n) {
  float: right;
}
.matchlist .cnbx {
  padding: 10px;
  overflow: hidden;
}
.matchlist .tmss {
  line-height: 22px;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}
.matchlist .tmss .ss {
  border-radius: 3px;
  padding: 0 10px;
  font-size: 12px;
  margin-right: 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.matchlist .tmss .ss,
.matchlist .tmss .time {
  display: block;
  float: left;
}
.matchlist .tmss .tn {
  color: #999;
  font-size: 12px;
  float: right;
}
.matchlist .tmss .tn em {
  color: #f90;
}
.matchlist .duiz {
  overflow: hidden;
  margin: 10px 88px 0 0;
  font-size: 18px;
  color: #000;
  text-align: center;
  position: relative;
}
.matchlist .duiz .vs {
  color: #ccc;
  font-size: 14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin: 0;
  position: absolute;
  left: 0;
  top: 20px;
}
.matchlist .duizcn {
  margin: 0 0 0 30px;
}
.matchlist .duiz span {
  display: block;
  margin-bottom: 6px;
}
.matchlist .duiz span.sp,
.matchlist .duiz span.xp {
  text-align: left;
}
.matchlist .duiz a {
  font-size: 18px;
  color: #333;
}
.matchlist .acte {
  overflow: hidden;
  position: relative;
}
.matchlist .acte button {
  position: absolute;
  padding: 0;
  top: 18px;
  right: 0;
  width: 80px;
  height: 40px;
  font-size: 13px;
  border: 0;
  background: #09f;
  color: #fff;
  opacity: 0.6;
  cursor: pointer;
}
.matchlist .acte button:hover {
  opacity: 1;
}
.list_count {
  color: #999;
  padding: 15px 10px 0 10px;
  overflow: hidden;
}
.fttabs {
  float: right;
}
.fttabs .item {
  float: left;
  margin-left: 10px;
  border: 1px solid #eee;
  color: #666;
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.fttabs .item span {
  display: inline-block;
  width: 45px;
  line-height: 24px;
  opacity: 0.8;
}
.fttabs .item span.curr {
  background: #09f;
  color: #fff;
}
.memberinfolist li.ball1 {
  background: #fff url(../img/icon_fball.e26b3874.png) no-repeat center top 10px;
  background-size: 36px;
}
.memberinfolist li.ball2 {
  background: #fff url(../img/icon_bkball.2d0aacd4.png) no-repeat center top
    10px;
  background-size: 36px;
}
.userfex {
  position: static;
}
.userfex .hdback,
.userfexlg {
  display: none;
}
.userbox {
  background: #fff;
  padding: 1rem;
  overflow: hidden;
  color: #333;
}
.userboxcn {
  overflow: hidden;
  position: relative;
  height: 4.2rem;
  margin: 1rem 0 0 0;
}
.userboxcn .img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 10px;
  top: 0;
}
.userboxcn .img img {
  width: 100%;
  height: 100%;
}
.userboxcn .cone {
  margin: 0 4.6rem 0 5rem;
}
.userboxcn .name {
  font-size: 1.2rem;
  margin: 3px 0;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userbox .intro {
  font-size: 12px;
  margin-left: 10px;
  line-height: 20px;
}
.usertot {
  overflow: hidden;
  margin-bottom: 10px;
}
.usertot .item {
  display: inline-block;
  padding-right: 15px;
}
.usertot .item em {
  display: inline-block;
  font-size: 12px;
  padding-right: 3px;
}
.usertot .item span {
  color: #666;
  font-size: 11px;
}
.tprel {
  position: absolute;
  top: 6px;
  right: 0;
  width: 4rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: 13px;
  overflow: hidden;
}
.tprel span {
  display: block;
  background: #f90;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}
.tprel span.en {
  background-color: #eee;
  color: #999;
}
.tprel em {
  font-size: 20px;
  display: inline-block;
  vertical-align: -2px;
  padding-right: 3px;
}
.rate_box {
  overflow: hidden;
  background-color: #fff;
  margin: 10px 0;
  padding: 1rem;
  height: 160px;
}
.rate_box .ranklist li {
  padding: 0;
}
.rate_box .ranklist .title {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 45px;
  color: #888;
  font-size: 13px;
  width: 50px;
  text-align: right;
}
.rate_box .ranklist .linebx {
  margin: 0 8px 0 70px;
}
.rate_none {
  text-align: center;
  font-size: 18px;
  line-height: 8rem;
  color: #ccc;
}
.memberlist,
.memberlist li {
  overflow: hidden;
}
.memberlist li {
  background-color: #fff;
  margin: 10px 0;
  width: 49%;
  float: left;
  position: relative;
}
.memberlist li a {
  display: block;
  height: 5.5rem;
  padding: 1rem;
  position: relative;
}
.memberlist li:nth-child(2n) {
  float: right;
}
.memberlist .img {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
.memberlist .img img {
  width: 100%;
  height: 100%;
}
.memberlist .cone {
  margin: 0 4.5rem 0 3.8rem;
}
.memberlist .name {
  font-size: 15px;
  color: #333;
  margin: 5px 0;
}
.memberlist .sl {
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}
.memberlist .sl b {
  color: red;
  padding-left: 5px;
  font-weight: 400;
}
.memberlist .intro {
  font-size: 11px;
  color: #999;
  line-height: 15px;
  word-break: break-all;
  margin: 0.5rem 0 0 3.8rem;
}
.memberlist .intro2 {
  margin-left: 0;
}
.memberlist .rel {
  width: 4rem;
  height: 1.8rem;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
}
.memberlist .rel span {
  display: block;
  line-height: 1.8rem;
  text-align: center;
  background-color: #f90;
  color: #fff;
  border-radius: 3px;
  opacity: 0.8;
  font-size: 13px;
  cursor: pointer;
}
.memberlist .rel span.en {
  background-color: #ddd;
  color: #999;
}
.memberlist .rel em {
  font-size: 18px;
  vertical-align: -2px;
}
.popbox {
  padding: 0;
  text-align: center;
  overflow: hidden;
  max-height: 100%;
}
.popboxtitle {
  text-align: center;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  padding: 15px 0 15px 0;
  margin-bottom: 5px;
  color: #333;
  font-size: 16px;
  position: relative;
}
.popboxtitle p {
  color: #f90;
  font-size: 12px;
  margin-top: 3px;
}
.popboxtitle .close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 16px;
  opacity: 0.6;
}
.popboxcon {
  overflow: hidden;
  padding: 15px;
}
.matchpopbox .sai {
  color: #999;
  font-size: 14px;
}
.matchpopbox .sai span {
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 6px;
}
.matchpopbox .duiz {
  line-height: 30px;
  overflow: hidden;
  margin: 20px 0;
  font-size: 20px;
  color: #000;
  text-align: center;
}
.matchpopbox .duiz .vs {
  color: #ccc;
  font-size: 20px;
  display: inline-block;
  width: 30px;
}
.matchpopbox .duiz span {
  display: inline-block;
}
.matchpopbox .duiz span.sp,
.matchpopbox .duiz span.xp {
  text-align: center;
}
.matchpopbox .selcm {
  overflow: hidden;
  line-height: 40px;
  margin-bottom: 8px;
}
.matchpopbox .selcm span {
  display: inline-block;
  width: 100px;
  background: #09f;
  color: #fff;
  border-radius: 5px;
  opacity: 0.8;
  font-size: 14px;
  cursor: pointer;
}
.matchpopbox .selcm em {
  display: inline-block;
  width: 80px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: -8px;
}
.matchpopbox .selcm em i {
  display: block;
  font-size: 11px;
  color: #ccc;
  line-height: 12px;
}
.matchpopbox .selcm span.dxq {
  opacity: 0.6;
}
.matchpopbox .selcm span.curr {
  background-color: #c00;
  opacity: 1;
}
.matchpopbox .gold {
  line-height: 40px;
  font-size: 13px;
  color: #999;
  padding: 10px 0;
}
.matchpopbox .gold em {
  color: #666;
}
.matchpopbox .gold .van-icon {
  vertical-align: -3px;
}
.matchpopbox .putbx {
  display: inline-block;
  margin: 0 5px;
  overflow: hidden;
  vertical-align: -15px;
  border-radius: 3px;
}
.matchpopbox .putbx .icon {
  display: none;
}
.matchpopbox .desc {
  overflow: hidden;
  margin: 5px 0 0 0;
}
.matchpopbox .desc .liu {
  font-size: 13px;
  color: #999;
  margin: 0 0 10px 0;
}
.matchpopbox .desc textarea {
  height: 60px;
  width: 258px;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 13px;
  border-radius: 5px;
}
.matchpopbox .butn {
  width: 280px;
  margin: 20px auto 30px auto;
  height: 40px;
  background-color: #f60;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}
.matchpopload {
  padding: 3rem 0;
}
.list-none {
  margin-top: 80px;
  min-height: 30rem;
  color: #ccc;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  background: url(../img/empty-image.0bc9958e.png) no-repeat top;
  background-size: 14rem;
  opacity: 0.8;
}
.screenFull {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  background: #fff;
  line-height: 200px;
  color: #999;
}
.matchinfobx {
  overflow: hidden;
}
.matchdtbx {
  background: #2c3e50 url(../img/football.bg.b6f0b88d.jpg) no-repeat 50%;
  background-size: 100%;
  color: #fff;
  padding: 10px 10px 50px 10px;
  height: 10rem;
  position: relative;
  text-align: center;
}
.matchtp span {
  display: inline-block;
  margin: 5px;
  font-size: 13px;
}
.matchcn {
  overflow: hidden;
  margin: 2rem 0 0.5rem;
}
.matchcn span {
  display: block;
  font-size: 28px;
  width: 44%;
}
.matchcn span.sp {
  text-align: right;
  float: left;
}
.matchcn span.xp {
  text-align: left;
  float: right;
}
.matchcn em,
.matchcn i {
  display: block;
  width: 12%;
  text-align: center;
  float: left;
}
.matchcn em {
  color: #999;
  font-size: 20px;
}
.matchbf {
  overflow: hidden;
}
.matchbf .bf {
  display: block;
  width: 40%;
  color: #f90;
  font-size: 28px;
}
.matchbf .bf1 {
  text-align: right;
  float: left;
}
.matchbf .bf2 {
  text-align: left;
  float: right;
}
.pannelmatch {
  overflow: hidden;
  margin-bottom: 1rem;
}
.matchpk {
  background: #fff;
  overflow: hidden;
  padding: 5px 15px;
  margin-top: 0;
}
.matchpk .lf {
  float: left;
  line-height: 20px;
  text-align: center;
}
.matchpk span {
  display: inline-block;
  width: 60px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
  color: #999;
}
.matchpk em {
  display: inline-block;
  width: 50px;
  font-size: 15px;
}
.matchpk div {
  margin: 5px 0;
  overflow: hidden;
}
.matchpk button {
  float: right;
  height: 40px;
  padding: 0 20px;
  margin-top: 15px;
  background: #09f;
  color: #fff;
  border: 0;
  opacity: 0.6;
  font-size: 14px;
  cursor: pointer;
}
.matchiftab {
  width: 100%;
  background-color: #fff;
  height: 50px;
  line-height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.matchiftab span {
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin: 0 1rem;
  padding: 0 1rem;
  cursor: pointer;
}
.matchiftab span.curr {
  color: #f60;
  border-bottom: 2px solid #f60;
}
.recmdetail {
  overflow: hidden;
  background: #fff;
  position: relative;
}
.recmdetail .fxlab {
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -20px;
  width: 50px;
  height: 1.6rem;
  line-height: 1.6rem;
  padding: 0 7px;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  border-radius: 5px;
  opacity: 0.5;
  transform: rotate(-10deg);
}
.recmdetail .fxmy {
  background: #09f;
  box-shadow: 0 0 5px #09f;
}
.recmdetail .fxcm {
  background: #080;
  box-shadow: 0 0 5px #080;
}
.recmdetail .porta {
  height: 40px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.recmdetail .img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
  background-color: #fff;
}
.recmdetail .img img {
  width: 100%;
  height: 100%;
}
.recmdetail .name {
  float: left;
  text-align: left;
  font-size: 12px;
  color: #ccc;
  line-height: 20px;
}
.recmdetail .name a {
  font-size: 15px;
  color: #333;
}
.recmdetail .sl {
  float: right;
  font-size: 13px;
  line-height: 40px;
  color: #999;
}
.recmdetail .sl span {
  color: #f60;
}
.recmdetail .con {
  padding: 20px 10px;
  overflow: hidden;
  text-align: left;
  line-height: 40px;
  float: left;
}
.recmdetail .rs {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  background: #f90;
  color: #fff;
  border: 1px solid #f90;
  opacity: 0.8;
}
.recmdetail .rs1 {
  font-size: 14px;
  width: 120px;
}
.recmdetail .rs2 {
  background-color: #c00;
  border-color: #c00;
}
.recmdetail .rs4 {
  background-color: #333;
  border-color: #333;
}
.recmdetail .rs3 {
  background-color: #080;
  border-color: #080;
}
.recmdetail .desc {
  text-align: left;
  color: #999;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 20px;
}
.recmdetail .desc span {
  color: #444;
}
.recmdetfxbm {
  height: 40px;
  line-height: 40px;
  padding: 20px 10px;
  background: #fff;
  bottom: 0;
  color: #fff;
  position: static;
  width: auto;
  float: right;
}
.recmdetfxbm .dai {
  background: #ccc;
  color: #666;
  display: block;
  text-align: center;
}
.recmdetfxbm .gk {
  display: block;
  height: 40px;
  line-height: 40px;
  background-color: #09f;
  position: relative;
  text-align: center;
}
.recmdetfxbm .gk em {
  display: block;
  width: 70px;
  height: 100%;
  background: #333 url(../img/icon_tui.b07a4bf7.png) no-repeat 50%;
  background-size: 50%;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
}
.recmdetfxbm .gk span {
  display: block;
  margin-right: 70px;
  position: relative;
  padding: 0 20px;
}
.recmdetfxbm .gk i {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 15px;
  right: 0;
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.recmdetfxbm .kck {
  display: block;
  height: 100%;
  color: #666;
  font-size: 14px;
  position: relative;
  text-align: center;
}
.recmdetfxbm .kck span {
  line-height: 50px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.recmdetfxbm .kck em {
  font-size: 18px;
  padding-right: 4px;
  color: #c00;
}
.recmdetfxbm .kck button {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  margin-left: 20px;
  border-radius: 5px;
  background: #333;
  color: #fff;
  top: 0;
  right: 0;
  border: 0;
  cursor: pointer;
}
.recmdetfxbm .kck i {
  display: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  right: 0;
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.recmlistit {
  text-align: right;
  color: #666;
  font-size: 14px;
  margin: 30px 0 0 0;
}
.recmlistit span {
  float: left;
  color: #999;
}
.recmlistit i {
  color: red;
}
.recmlist {
  margin-top: 0;
}
.recmlist .detc {
  padding: 10px 50px 10px 10px;
  position: relative;
}
.recmlist .detc span.rs {
  color: #fff;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.recmlist .detc span.tm {
  color: #ccc;
}
.van-list__finished-text {
  color: #ddd;
}
.mywrap {
  overflow: hidden;
}
.myrht {
  float: right;
  width: 940px;
}
.meminfo,
.mylft {
  width: 240px;
  float: left;
}
.portrait {
  min-height: 8rem;
  border-bottom: 1px solid #eee;
  position: relative;
}
.portrait,
.portrait .img {
  background: #fff;
  overflow: hidden;
}
.portrait .img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin: 0.5rem auto;
}
.portrait .img_s {
  width: 4rem;
  height: 4rem;
  top: 2rem;
  left: 2rem;
}
.portrait .img img {
  width: 100%;
  height: 100%;
}
.portrait .con {
  margin: 1rem;
  text-align: center;
  color: #333;
}
.portrait .con span {
  padding: 0 5px;
}
.portrait .name {
  font-size: 18px;
  margin: 10px 0 5px 0;
}
.portrait .dsc {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  display: none;
}
.portrait a {
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
}
.mycoin {
  color: #999;
  font-size: 13px;
  margin: 0 0 10px 0;
  background-color: #fff;
  height: 4rem;
  line-height: 0.8rem;
  overflow: hidden;
}
.mycoin b {
  color: #c00;
  display: block;
  font-size: 20px;
  margin: 0.5rem 0 0 0;
  height: 2rem;
  line-height: 2rem;
}
.mycoin .item {
  float: left;
  width: 50%;
  text-align: center;
  position: relative;
}
.mycoin .item em {
  display: block;
  width: 1px;
  height: 2rem;
  background-color: #eee;
  position: absolute;
  top: 1rem;
  right: 0;
}
.mycoin .item .van-icon {
  vertical-align: -2px;
  margin-left: 3px;
}
.mycoin .item div {
  display: inline-block;
}
.myrhtinfo {
  min-height: 89vh;
}
.mytit {
  background: #fff;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  padding: 0 15px;
  font-weight: 700;
}
.mybox {
  overflow: hidden;
  margin: 10px 0;
}
.portpcc {
  display: none;
}
.portpwc {
  text-align: center;
  min-height: 80vh;
  line-height: 100px;
}
.portpwc a {
  display: inline-block;
  margin: 0 10px;
  color: #09f;
  font-size: 15px;
}
.mybox .pc {
  display: block;
}
.mybox .wp {
  display: none;
}
.mybox .item {
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  padding: 0 15px;
  text-align: left;
  font-size: 15px;
  color: #666;
  background: #fff;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.mybox .item:hover {
  background: #eee;
}
.mybox .item a {
  display: block;
  font-size: 15px;
  position: relative;
}
.mybox .item_help {
  display: none;
}
.mybox .active,
.mybox .active:hover {
  background: rgba(253, 160, 0, 0.5);
  color: #fff;
}
.mybox .active a {
  color: red;
}
.mybox .out {
  margin-top: 10px;
}
.mybox i {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: -19px;
  margin-right: 5px;
}
.mybox i.dy {
  background: url(../img/icon_dingyue.6a60558f.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.cz {
  background: url(../img/icon_jiaoyi.9ec2681b.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.gz {
  background: url(../img/icon_follow.092b3eba.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.sc {
  background: url(data:image/png;base64) no-repeat 50%;
  background-size: 26px;
}
.mybox i.rc {
  background: url(../img/icon_chongzhi.48df01ba.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.in {
  background: url(../img/icon_doc.1d6bf7dd.png) no-repeat 50%;
  background-size: 20px;
}
.mybox i.et {
  background: url(../img/icon_exit2.a4404f3f.png) no-repeat 50%;
  background-size: 16px;
}
.mybox i.mg {
  background: url(../img/icon_msg.c4a9cdda.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.tj {
  background: url(../img/icon_tj2.a1deec92.png) no-repeat 50%;
  background-size: 24px;
}
.mybox i.tx {
  background: url(../img/icon_dui.1742fa3d.png) no-repeat 50%;
  background-size: 20px;
}
.mybox i.yj {
  background: url(../img/icon_yj.1755383e.png) no-repeat 50%;
  background-size: 20px;
}
.mybox i.hp {
  background: url(../img/icon_help.57e3c353.png) no-repeat 50%;
  background-size: 20px;
}
.mybox i.sc {
  background: url(../img/icon_sale.8a7a3476.png) no-repeat 50%;
  background-size: 20px;
}
.mybox i.fl {
  background: url(../img/icon_follow.092b3eba.png) no-repeat 50%;
  background-size: 24px;
}
.mybox .nt {
  display: inline-block;
  margin-left: 10px;
  vertical-align: 2px;
  padding: 0 3px;
}
.subcrlist li {
  background: #fff;
  margin: 0 0 10px 0;
  border: 1px solid #fff;
  overflow: hidden;
  position: relative;
  min-height: 5rem;
}
.subcrlist li .con,
.subcrlist li a {
  display: block;
  overflow: hidden;
  padding: 10px;
}
.subcrlist li.ball1 {
  background: #fff url(../img/icon_fball.e26b3874.png) no-repeat center top 1rem;
  background-size: 36px;
}
.subcrlist li.ball2 {
  background: #fff url(../img/icon_bkball.2d0aacd4.png) no-repeat center top
    1rem;
  background-size: 36px;
}
.subcrlist .linetp {
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  line-height: 35px;
  overflow: hidden;
  color: #666;
  font-size: 14px;
}
.subcrlist .linetp .time {
  float: left;
  font-size: 13px;
  color: #ccc;
}
.subcrlist .linetp .gold {
  float: right;
}
.subcrlist .linetp .gold em {
  color: #c00;
  font-weight: 700;
}
.subcrlist .linetp .ding {
  float: left;
  display: block;
  line-height: 20px;
  padding: 0 6px;
  background-color: #c00;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  margin: 8px 10px;
  opacity: 0.6;
}
.subcrlist .linetp .ding em {
  padding-right: 3px;
  font-size: 14px;
}
.subcrlist .linecn {
  padding: 0;
}
.subcrlist .linecn .sais {
  padding-right: 10px;
}
.subcrlist .linemt {
  padding: 5px 0 0 0;
  overflow: hidden;
}
.subcrlist .linemt span {
  font-size: 16px;
  color: #333;
}
.subcrlist .linemt em {
  padding: 0 6px;
  color: #999;
  font-size: 15px;
}
.subcrlist .linemt b {
  color: #09f;
  font-size: 18px;
  padding: 0 8px;
}
.subcrlist .rs {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 50px;
}
.subcrlist .van-cell {
  padding: 0;
  background: none;
}
.subcrlist .van-button--square {
  height: 100%;
}
.subcrlist .desc {
  padding: 8px;
  background-color: #f5f5f5;
  line-height: 20px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  color: #777;
}
.skeletonbx {
  background: #fff;
  padding: 2rem 0;
  overflow: hidden;
}
.costlist .desc span,
.costlist .ntcomdjiang {
  color: #09f;
  padding: 0 3px;
}
.costlist .type {
  color: #666;
}
.costlist .type em {
  font-size: 18px;
  padding: 0 3px;
  color: #999;
}
.costlist .type .amtj {
  color: #c00;
}
.costlist .type .amtz {
  color: #000;
}
.tixianlist .amt {
  float: left;
}
.tixianlist .amt b {
  color: #c00;
}
.tixianlist .txrs {
  float: right;
}
.tixianlist .txrs1 {
  color: #09f;
}
.tixianlist .txrs2 {
  color: #080;
}
.tixianlist .txrs3 {
  color: red;
}
.txtab {
  position: static;
}
.fltbox {
  text-align: right;
  line-height: 2rem;
  overflow: hidden;
  margin-bottom: 5px;
  color: #666;
}
.fltbox .name {
  float: left;
  font-size: 14px;
}
.fltbox .name em {
  color: red;
}
.fltbox .item {
  display: inline-block;
  color: #888;
  font-size: 13px;
  margin-left: 10px;
}
.fltbox .item i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 12px;
  transform: rotate(-90deg);
}
.memberinfo {
  margin: 0;
  overflow: hidden;
  background: #fff;
  padding: 1rem;
}
.memberinfo .title {
  line-height: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}
.memberinfo .title span {
  display: block;
  width: 4rem;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #999;
}
.memberinfo .title i {
  display: block;
  margin-left: 4.5rem;
  height: 1px;
  background: #f5f5f5;
  margin-top: 0.9rem;
}
.memberinfo .title2 {
  margin-top: 3rem;
}
.memberinfo .img {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 3rem auto;
  position: relative;
}
.memberinfo .img img {
  width: 100%;
  height: 100%;
}
.memberinfo .van-uploader {
  width: 100%;
}
.memberinfo .van-uploader,
.memberinfo .van-uploader__input-wrapper,
.memberinfo .van-uploader__wrapper {
  width: 100%;
  height: 100%;
}
.memberinfo .img .txt {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  color: #fff;
  text-align: center;
  bottom: 0;
}
.memberinfo .img .imgupload,
.memberinfo .img .txt {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
}
.memberinfo .img .imgupload {
  height: 100%;
  top: 0;
}
.memberinfo .img .van-loading {
  width: 24px;
  height: 24px;
  margin: 2rem auto;
}
.memberinfo .item {
  overflow: hidden;
  min-height: 2rem;
  position: relative;
  margin: 0.5rem;
  line-height: 1.6rem;
  clear: both;
}
.memberinfo .name {
  position: absolute;
  left: 0;
  top: 0;
  width: 5rem;
  color: #ccc;
  font-size: 14px;
}
.memberinfo .con {
  margin: 0 0 0 5rem;
  color: #999;
  line-height: 1.7rem;
}
.memberinfo .tme {
  color: #999;
}
.memberinfo .gold {
  color: red;
  font-weight: 700;
}
.memberinfo .btnsp {
  display: block;
  float: right;
  width: 2.8rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border: 0;
  font-weight: 400;
  padding: 0;
  background: #09f;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  opacity: 0.6;
}
.memberinfo .btnsp-tx {
  background: #080;
}
.memberinfo .btnsp-ed {
  background: #999;
  margin: 0 auto;
}
.memberinfo .btnsp-cl {
  background: #999;
  margin-left: 6px;
}
.memberinfo .btnsp-sa {
  background: #f90;
}
.memberinfo .item input {
  width: 40%;
  padding: 0 3%;
  border: 1px solid #ddd;
  height: 1.5rem;
  border-radius: 3px;
  font-size: 13px;
}
.memberinfo .item input:focus {
  border-color: #f90;
}
.memberinfo .item textarea {
  width: 80%;
  padding: 3%;
  border: 1px solid #ddd;
  height: 5rem;
  border-radius: 3px;
}
.memberinfo .pwd {
  margin-bottom: 0.8rem;
}
.memberinfo .pwd input {
  width: 80%;
  height: 2rem;
}
.memberinfo .btn {
  text-align: center;
  padding: 1rem 0 2rem 0;
  clear: both;
}
.memberinfo .btn button {
  width: 5rem;
  height: 2rem;
  border-radius: 3px;
  border: 0;
  margin: 0 0.5rem;
  background-color: #eee;
  color: #999;
  font-size: 13px;
}
.memberinfo .btn button.save {
  background-color: #f90;
  color: #fff;
}
.mymatchdypop {
  min-height: 8rem;
}
.mymatchdypop .item {
  overflow: hidden;
  text-align: left;
  padding: 0.6rem 0;
  line-height: 2rem;
  border-bottom: 1px solid #eee;
}
.mymatchdypop .item:last-child {
  border: 0;
}
.mymatchdypop .item img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.mymatchdypop .item span {
  float: left;
  display: block;
}
.mymatchdypop em {
  float: right;
  color: #ccc;
}
.mymatchdypop a {
  display: block;
  overflow: hidden;
}
.rs1 {
  background-color: #f90;
}
.rs1,
.rs2 {
  color: #fff;
}
.rs2 {
  background-color: #c00;
}
.rs3 {
  background-color: #080;
}
.rs3,
.rs4 {
  color: #fff;
}
.rs4 {
  background-color: #333;
}
.loginpop {
  padding: 2.8rem 0;
  width: 262px;
  margin: 0 auto;
}
.loginpop .item {
  margin: 0 0 0.6rem 0;
  overflow: hidden;
  position: relative;
}
.loginpop .code {
  width: 260px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #ddd;
  padding: 0 1px;
}
.loginpop input {
  width: 230px;
  height: 2.4rem;
  padding: 0 15px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.loginpop input:focus {
  border-color: #f90;
}
.loginpop button {
  width: 262px;
  height: 2.6rem;
  background-color: #f90;
  border: 1px solid #f90;
  color: #fff;
  margin: 1rem 0;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}
.loginpop span {
  color: #09f;
}
.loginpop p {
  font-size: 13px;
  color: #999;
}
.loginpop .yzm {
  position: absolute;
  top: 3px;
  right: 1px;
}
.helpbox {
  background-color: #fff;
  padding: 20px;
}
.helpbox .item {
  margin-bottom: 1.5rem;
  line-height: 1.6rem;
}
.helpbox .title {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 0.5rem;
}
.helpbox p {
  line-height: 1.6rem;
  color: #444;
  margin-bottom: 0.4rem;
}
.helpbox p.sm {
  color: #333;
  margin: 0.5rem 0;
}
.helpbox .tips {
  margin: 1rem 1.4rem;
}
.newslist {
  background: #fff;
  padding: 15px;
  overflow: hidden;
  min-height: 90vh;
}
.newslist li {
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  position: relative;
  width: 49%;
  float: left;
  display: flex;
}
.newslist li:nth-child(2n) {
  float: right;
}
.newslist li .tme {
  display: block;
  text-align: right;
  color: #999;
  margin-left: 20px;
}
.newslist li .txt {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newslist li a {
  font-size: 14px;
  color: #444;
}
.newsdetail {
  background: #fff;
  min-height: 85vh;
  overflow: hidden;
  padding: 0 15px;
  margin-bottom: -50px;
}
.newsdetail h1 {
  font-size: 22px;
  margin: 10px 0;
}
.newsdetail .time {
  font-size: 12px;
  color: #999;
}
.newsdetail .content {
  padding: 20px 0;
  line-height: 28px;
  color: #333;
}
.pgnext {
  margin-bottom: 30px;
  overflow: hidden;
  color: #999;
  font-size: 13px;
  line-height: 24px;
}
.pgnext a {
  color: #666;
  font-size: 13px;
}
.van-popup--bottom {
  bottom: auto;
  top: 50px;
  width: 460px;
  left: 50%;
  margin-left: -230px;
}
.bfwrap {
  height: calc(100vh - 120px);
}
.bfwrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 640px) {
  .fxwidth,
  body {
    width: 100%;
    left: 0;
    margin: 0;
  }
  #app {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 375px) {
  .matchcn span {
    font-size: 15px;
  }
  .matchdtbx {
    height: 9rem;
    background-size: 100% 100%;
  }
  .matchcn {
    margin-top: 1.4rem;
  }
  .rate_box {
    padding: 0.6rem 0.4rem;
  }
  .rate_box .ranklist .linebx {
    margin-left: 60px;
  }
  .userboxcn .img {
    width: 3.3rem;
    height: 3.3rem;
  }
  .userboxcn .cone {
    margin: 0 4rem 0 4.2rem;
  }
  .tprel {
    width: 3.5rem;
  }
  .userboxcn .img {
    left: 5px;
  }
  .loginpop {
    padding: 2rem;
  }
}
@media (max-width: 320px) {
  .loginpop {
    padding: 2rem 1rem;
  }
}
@media (max-width: 768px) {
  #app,
  body {
    padding: 0;
  }
  .wrap {
    width: 100%;
  }
  .copyright,
  .header {
    display: none;
  }
  .hdback,
  .wptop {
    display: block;
  }
  .navtab span {
    width: 50%;
    padding: 0;
    text-align: center;
    color: #666;
    cursor: pointer;
  }
  .navtab .recmpush,
  .navtab_zw {
    display: none;
  }
  .userfex {
    position: fixed;
  }
  .userfexlg {
    display: block;
  }
  .userfex .hdback {
    z-index: 100;
    display: block;
  }
  .userbox {
    color: #fff;
    background: #f90;
  }
  .usertot .item span {
    color: #eee;
  }
  .tprel span {
    background: #fff;
    color: #f90;
  }
  .matchtp span {
    display: block;
  }
  .matchcn span {
    font-size: 18px;
  }
  .recmdetail .con {
    float: none;
  }
  .recmdetfxbm {
    position: fixed;
    width: 100%;
    background-color: red;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0;
    float: none;
  }
  .recmdetfxbm .kck {
    color: #fff;
  }
  .recmdetfxbm .kck span {
    display: block;
    margin-right: 100px;
  }
  .recmdetfxbm .kck em {
    color: #fff;
  }
  .recmdetfxbm .kck button {
    position: absolute;
    height: 50px;
    width: 100px;
    line-height: 50px;
    margin: 0;
    border-radius: 0;
  }
  .recmdetfxbm .kck i {
    display: block;
  }
  .recmdetfxbm .gk {
    height: 50px;
    line-height: 50px;
  }
  .recmdetfxbm .gk em {
    width: 100px;
    background-size: 40%;
  }
  .recmdetfxbm .gk span {
    margin-right: 100px;
    padding: 0;
  }
  .van-popup--bottom {
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    margin: 0;
  }
  .helpbox {
    padding: 1rem;
  }
  .newslist {
    padding: 10px;
  }
  .newslist li:nth-child(n) {
    width: 100%;
    float: none;
  }
  .newsbox {
    width: 100%;
  }
  .list-none {
    min-height: 12rem;
  }
  .mylft,
  .myrhtinfo {
    display: none;
  }
  .meminfo,
  .myrht {
    width: 100%;
    float: none;
  }
  .portrait {
    background: #f90;
  }
  .portrait .img {
    top: 1.5rem;
    left: 1.5rem;
    position: absolute;
  }
  .portrait .con {
    margin: 2rem 1rem 1rem 7.5rem;
    text-align: left;
    min-height: 5rem;
    color: #fff;
  }
  .portrait .dsc {
    color: #eee;
    display: block;
  }
  .mytit {
    display: none;
  }
  .mybox .item_help {
    display: block;
  }
  .txtab {
    position: fixed;
  }
  .mybox .pc,
  .portpwc {
    display: none;
  }
  .mybox .wp,
  .portpcc {
    display: block;
  }
}
@media (max-width: 426px) {
  .list-more,
  .navtab_zw,
  .pctitle {
    display: none;
  }
  .memberlist li:nth-child(n) {
    width: 100%;
    float: none;
  }
  .memberlist li a {
    height: auto;
  }
  .danlist .item:nth-child(n),
  .matchlist li:nth-child(n),
  .tuijielist li:nth-child(n) {
    width: 100%;
    float: none;
  }
}
:root {
  --content: 1500px;
  --qy-navy: #102033;
  --qy-navy-2: #172b43;
  --qy-gold: #b18428;
  --qy-red: #d71920;
  --qy-paper: #f3f6fa;
  --qy-line: #dce3eb;
  --qy-muted: #69788d;
}
.login.auth-page-card {
  width: 60vw !important;
  max-width: 1152px !important;
}
@media (max-width: 760px) {
  .login.auth-page-card {
    width: 100% !important;
    max-width: none !important;
  }
}
.qy-score-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}
.qy-score-summary {
  display: grid;
  grid-template-columns: repeat(3, 105px);
  background: #f7f9fb;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
}
.qy-score-summary span {
  padding: 17px 8px;
  text-align: center;
  color: var(--qy-muted);
  font-size: 12px;
  border-right: 1px solid var(--qy-line);
}
.qy-score-summary span:last-child {
  border: 0;
}
.qy-score-summary b {
  display: block;
  margin-bottom: 4px;
  color: var(--qy-navy);
  font-size: 21px;
}
.qy-score-panel {
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  overflow: hidden;
}
.qy-score-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-score-tabs {
  display: flex;
  gap: 8px;
}
.qy-score-refresh,
.qy-score-tabs button {
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  background: #fff;
  padding: 10px 15px;
  color: var(--qy-navy);
  font-weight: 700;
}
.qy-score-tabs button.active {
  background: var(--qy-navy);
  border-color: var(--qy-navy);
  color: #fff;
}
.qy-score-tabs em {
  margin-left: 4px;
  font-style: normal;
  color: var(--qy-gold);
}
.qy-score-refresh {
  border-color: var(--qy-gold);
  color: #836019;
}
.qy-score-refresh:disabled {
  opacity: 0.55;
}
.qy-score-row,
.qy-score-table-head {
  display: grid;
  grid-template-columns: 1.05fr 1.5fr 0.65fr 1.5fr 0.9fr 0.85fr;
  align-items: center;
}
.qy-score-table-head {
  padding: 12px 22px;
  background: #f6f8fa;
  color: var(--qy-muted);
  font-size: 12px;
  font-weight: 700;
}
.qy-score-table-head span {
  text-align: center;
}
.qy-score-table-head span:first-child {
  text-align: left;
}
.qy-score-row {
  min-height: 92px;
  padding: 12px 22px;
  border-top: 1px solid var(--qy-line);
  box-sizing: border-box;
}
.qy-score-row:first-child {
  border-top: 0;
}
.qy-score-row header {
  display: grid;
  grid-template-columns: 5px 1fr;
  gap: 3px 9px;
  align-items: center;
}
.qy-score-row header i {
  grid-row: 1/3;
  width: 4px;
  height: 38px;
  border-radius: 3px;
}
.qy-score-row header b {
  font-size: 14px;
}
.qy-score-row header time {
  color: var(--qy-muted);
  font-size: 12px;
}
.qy-score-team {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  text-align: center;
}
.qy-score-team strong {
  max-width: 150px;
  line-height: 1.35;
}
.qy-score-result {
  text-align: center;
}
.qy-score-result b {
  display: block;
  font-size: 24px;
  white-space: nowrap;
  color: var(--qy-navy);
}
.qy-score-result span {
  display: block;
  margin-top: 4px;
  color: var(--qy-muted);
  font-size: 11px;
}
.qy-score-data {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.qy-score-data span {
  color: var(--qy-muted);
  font-size: 11px;
}
.qy-score-data b {
  display: block;
  margin-top: 4px;
  color: var(--qy-navy);
  font-size: 14px;
}
.qy-score-row footer {
  text-align: center;
}
.qy-score-row footer > span {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 14px;
  background: #eef2f6;
  color: var(--qy-muted);
  font-size: 11px;
}
.qy-score-row footer > span.live {
  background: #e8f7ef;
  color: #16844e;
}
.qy-score-row footer > span.upcoming {
  background: #f8f0df;
  color: #8b651d;
}
.qy-score-row footer small {
  display: block;
  margin-top: 6px;
  color: var(--qy-muted);
}
.qy-score-loading {
  padding: 70px;
  text-align: center;
  color: var(--qy-muted);
}
.qy-score-guide {
  margin-top: 22px;
  padding: 30px 34px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
}
.qy-score-guide > small {
  color: var(--qy-red);
  font-weight: 800;
  letter-spacing: 1.5px;
}
.qy-score-guide h2 {
  margin: 8px 0 20px;
}
.qy-score-guide > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.qy-score-guide p {
  margin: 0;
  padding: 17px;
  background: #f6f8fa;
  color: var(--qy-muted);
  line-height: 1.7;
  border-radius: 8px;
}
.qy-score-guide p b {
  display: block;
  margin-bottom: 4px;
  color: var(--qy-navy);
}
.auth-promise {
  background: linear-gradient(145deg, var(--qy-navy), #263e59) !important;
}
.auth-promise:before {
  background: var(--qy-gold) !important;
}
.auth-form-panel button,
.auth-submit {
  background: var(--qy-navy) !important;
  border-color: var(--qy-navy) !important;
}
.auth-form-panel h1,
.auth-form-panel h2 {
  color: var(--qy-navy) !important;
}
@media (max-width: 760px) {
  .qy-score-head {
    display: block;
  }
  .qy-score-summary {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 22px;
  }
  .qy-score-toolbar {
    display: block;
    padding: 14px;
  }
  .qy-score-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .qy-score-tabs button {
    padding: 9px 3px;
    font-size: 12px;
  }
  .qy-score-refresh {
    width: 100%;
    margin-top: 10px;
  }
  .qy-score-table-head {
    display: none;
  }
  .qy-score-row {
    grid-template-columns: 1fr 64px 1fr;
    gap: 12px;
    min-height: 0;
    padding: 17px 14px;
  }
  .qy-score-row header {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--qy-line);
  }
  .qy-score-row header i {
    width: 4px;
    height: 18px;
  }
  .qy-score-row header time {
    margin-left: auto;
  }
  .qy-score-team {
    flex-direction: column;
    gap: 8px;
  }
  .qy-score-team strong {
    max-width: 120px;
    min-height: 38px;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .qy-score-result b {
    font-size: 23px;
  }
  .qy-score-result span {
    font-size: 10px;
  }
  .qy-score-data {
    grid-column: 1/3;
    justify-content: flex-start;
    padding-top: 10px;
    border-top: 1px dashed var(--qy-line);
  }
  .qy-score-data span {
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .qy-score-data b {
    display: inline;
    margin: 0;
  }
  .qy-score-row footer {
    grid-column: 3;
    text-align: right;
    padding-top: 10px;
    border-top: 1px dashed var(--qy-line);
  }
  .qy-score-row footer small {
    display: inline;
    margin-left: 5px;
  }
  .qy-score-guide {
    padding: 24px 20px;
  }
  .qy-score-guide > div {
    grid-template-columns: 1fr;
  }
  .qy-score-guide p {
    padding: 14px;
  }
}
body,
html {
  background: var(--qy-paper) !important;
  color: var(--qy-navy) !important;
}
body {
  padding-top: 0 !important;
  overflow-x: hidden !important;
}
#app {
  min-height: 100vh;
  height: auto !important;
  font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif !important;
}
#app > .wrap {
  width: 100% !important;
  overflow: visible !important;
}
.qy-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--qy-line);
  box-shadow: 0 6px 20px rgba(20, 42, 65, 0.06);
}
.qy-header-inner {
  max-width: 1500px;
  min-height: 86px;
  margin: auto;
  padding: 0 34px;
  gap: 30px;
  box-sizing: border-box;
}
.qy-header-inner,
.qy-logo {
  display: flex;
  align-items: center;
}
.qy-logo {
  gap: 12px;
  min-width: 280px;
  color: var(--qy-navy) !important;
}
.qy-logo img {
  width: 58px;
  height: 58px;
  -o-object-fit: contain;
  object-fit: contain;
}
.qy-logo span {
  display: flex;
  flex-direction: column;
}
.qy-logo b {
  font-size: 27px;
  line-height: 1.1;
}
.qy-logo small {
  margin-top: 6px;
  color: var(--qy-gold);
  font-size: 12px;
  letter-spacing: 2.3px;
  font-weight: 900;
  line-height: 1;
}
.qy-header nav {
  margin-left: auto;
  display: flex;
  align-self: stretch;
}
.qy-header nav a {
  display: flex;
  align-items: center;
  padding: 0 17px;
  color: var(--qy-navy) !important;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid transparent;
}
.qy-header nav a.router-link-exact-active,
.qy-header nav a:hover {
  color: var(--qy-red) !important;
  border-bottom-color: var(--qy-red);
}
.qy-account {
  display: flex;
  gap: 8px;
}
.qy-account a {
  border: 1px solid var(--qy-line);
  border-radius: 8px;
  padding: 10px 14px !important;
  color: var(--qy-navy) !important;
  font-weight: 700;
}
.qy-account a:last-child {
  background: var(--qy-navy);
  color: #fff !important;
}
.qy-menu-button {
  display: none;
}
.qy-home,
.qy-page {
  max-width: 1500px;
  margin: 0 auto;
  padding: 54px 34px 80px;
  box-sizing: border-box;
}
.qy-hero {
  min-height: 390px;
  display: grid;
  grid-template-columns: 1fr 430px;
  gap: 65px;
  align-items: center;
  padding: 58px 64px;
  background: linear-gradient(118deg, #fff, #fff 64%, #edf1f6 0);
  border: 1px solid var(--qy-line);
  border-radius: 18px;
  box-sizing: border-box;
}
.qy-hero-copy > small,
.qy-page-head small,
.qy-section header small {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--qy-red);
}
.qy-hero h1 {
  margin: 20px 0 22px;
  font-size: 48px;
  line-height: 1.22;
  letter-spacing: -2px;
}
.qy-hero h1 em {
  font-style: normal;
  color: var(--qy-gold);
}
.qy-hero p {
  max-width: 840px;
  font-size: 17px;
  line-height: 2;
  color: var(--qy-muted);
}
.qy-hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 28px;
}
.qy-hero-actions a {
  padding: 13px 22px;
  border-radius: 8px;
  background: var(--qy-navy);
  color: #fff !important;
  font-weight: 700;
}
.qy-hero-actions a.outline {
  background: #fff;
  color: var(--qy-navy) !important;
  border: 1px solid var(--qy-navy);
}
.qy-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 15px;
  box-shadow: 0 16px 34px rgba(16, 32, 51, 0.08);
}
.qy-hero-metrics div {
  text-align: center;
  padding: 29px 8px;
  border-right: 1px solid var(--qy-line);
}
.qy-hero-metrics div:last-child {
  border: 0;
}
.qy-hero-metrics b {
  display: block;
  font-size: 30px;
}
.qy-hero-metrics span {
  display: block;
  margin-top: 7px;
  color: var(--qy-muted);
}
.qy-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 18px 0 56px;
}
.qy-trust-grid div {
  padding: 20px 22px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
}
.qy-trust-grid b,
.qy-trust-grid span {
  display: block;
}
.qy-trust-grid b {
  font-size: 17px;
}
.qy-trust-grid span {
  margin-top: 7px;
  color: var(--qy-muted);
}
.qy-section {
  margin: 0 0 58px;
}
.qy-section > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 22px;
}
.qy-page-head h1,
.qy-section h2 {
  margin: 7px 0 5px;
  font-size: 34px;
}
.qy-page-head p,
.qy-section header p {
  color: var(--qy-muted);
  font-size: 15px;
}
.qy-section header > a {
  color: var(--qy-red) !important;
  font-size: 15px;
  font-weight: 700;
}
.qy-expert-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.qy-expert-card {
  display: block;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-top: 4px solid var(--qy-gold);
  border-radius: 12px;
  padding: 22px;
  color: var(--qy-navy) !important;
  transition: 0.2s;
  box-sizing: border-box;
}
.qy-expert-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(15, 35, 55, 0.1);
}
.qy-expert-head {
  display: flex;
  align-items: center;
  gap: 15px;
}
.qy-expert-head img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--qy-gold);
}
.qy-expert-head > div {
  min-width: 0;
}
.qy-expert-head span {
  color: var(--qy-muted);
  font-size: 12px;
}
.qy-expert-head h3 {
  margin: 5px 0;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qy-expert-head i {
  display: inline-block;
  padding: 4px 8px;
  background: #f5ecd9;
  color: #88651f;
  border-radius: 12px;
  font-size: 11px;
}
.qy-expert-card > p {
  height: 48px;
  margin: 17px 0;
  color: var(--qy-muted);
  font-size: 14px;
  line-height: 1.7;
  overflow: hidden;
}
.qy-expert-card dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 -22px;
  border-top: 1px solid var(--qy-line);
  border-bottom: 1px solid var(--qy-line);
}
.qy-expert-card dl div {
  text-align: center;
  padding: 13px 4px;
  border-right: 1px solid var(--qy-line);
}
.qy-expert-card dl div:last-child {
  border: 0;
}
.qy-expert-card dt {
  font-size: 20px;
  font-weight: 800;
}
.qy-expert-card dd {
  margin-top: 4px;
  color: var(--qy-muted);
  font-size: 11px;
}
.qy-expert-card footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}
.qy-expert-card footer span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--qy-muted);
}
.qy-expert-card footer b {
  white-space: nowrap;
  color: var(--qy-red);
}
.qy-article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.qy-article-card {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  color: var(--qy-navy) !important;
  box-sizing: border-box;
}
.qy-article-card > span {
  color: var(--qy-red);
  font-size: 12px;
  font-weight: 700;
}
.qy-article-card h3 {
  margin: 13px 0 10px;
  font-size: 20px;
  line-height: 1.5;
}
.qy-article-card > p {
  color: var(--qy-muted);
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qy-article-card footer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--qy-line);
}
.qy-article-card footer i {
  color: var(--qy-red);
}
.qy-ai-section {
  padding: 32px 36px;
  background: var(--qy-navy);
  border-radius: 16px;
  color: #fff;
}
.qy-ai-section header p {
  color: #b9c4d1;
}
.qy-ai-section header > a {
  color: #f0c976 !important;
}
.qy-ai-panel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.qy-ai-panel div {
  padding: 20px;
  border: 1px solid #395069;
  border-radius: 9px;
}
.qy-ai-panel b,
.qy-ai-panel span {
  display: block;
}
.qy-ai-panel b {
  font-size: 18px;
  color: #f0c976;
}
.qy-ai-panel span {
  margin-top: 8px;
  color: #c6d0da;
}
.qy-page-head {
  padding: 42px 46px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  margin-bottom: 20px;
}
.qy-source-tabs {
  display: flex;
  gap: 10px;
  margin: 0 0 20px;
}
.qy-source-tabs button {
  padding: 11px 18px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  color: var(--qy-navy);
  font-weight: 700;
}
.qy-more,
.qy-source-tabs button.active {
  background: var(--qy-navy);
  color: #fff;
}
.qy-more {
  display: block;
  margin: 28px auto 0;
  padding: 12px 30px;
  border: 0;
  border-radius: 8px;
}
.qy-empty {
  grid-column: 1/-1;
  padding: 55px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  color: var(--qy-muted);
}
.qy-article-view {
  max-width: 1050px;
}
.qy-article-view article {
  padding: 48px 65px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 15px;
}
.qy-article-meta {
  display: flex;
  gap: 14px;
  color: var(--qy-red);
}
.qy-article-view h1 {
  font-size: 38px;
  line-height: 1.45;
}
.qy-article-view .lead {
  padding: 18px 22px;
  background: #f5f7fa;
  border-left: 4px solid var(--qy-gold);
  color: var(--qy-muted);
  line-height: 1.8;
}
.qy-article-author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.qy-article-author img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.qy-article-author b,
.qy-article-author span {
  display: block;
}
.qy-article-author span {
  margin-top: 5px;
  color: var(--qy-muted);
}
.qy-richtext {
  font-size: 17px;
  line-height: 2;
  color: #29394b;
}
.qy-richtext img {
  max-width: 100%;
  height: auto;
}
.qy-article-view article > footer {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--qy-line);
  color: var(--qy-muted);
}
.copyright {
  color: #8a96a5 !important;
  background: #e9eef4 !important;
  padding: 24px !important;
  display: flex;
  justify-content: center;
  gap: 26px;
}
@media (max-width: 1100px) {
  .qy-header-inner {
    padding: 0 18px;
  }
  .qy-logo {
    min-width: 220px;
  }
  .qy-header nav a {
    padding: 0 10px;
    font-size: 14px;
  }
  .qy-hero {
    grid-template-columns: 1fr;
    padding: 44px;
  }
  .qy-hero-metrics {
    max-width: 500px;
  }
  .qy-article-grid,
  .qy-expert-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 760px) {
  .qy-header-inner {
    min-height: 68px;
    padding: 0 14px;
  }
  .qy-logo {
    min-width: 0;
    flex: 1;
  }
  .qy-logo img {
    width: 44px;
    height: 44px;
  }
  .qy-logo b {
    font-size: 22px;
  }
  .qy-logo small {
    font-size: 8px;
  }
  .qy-menu-button {
    display: flex;
    width: 42px;
    height: 42px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border: 0;
    background: transparent;
  }
  .qy-menu-button i {
    height: 2px;
    background: var(--qy-navy);
    width: 24px;
  }
  .qy-header nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 68px;
    background: #fff;
    padding: 10px 14px 16px;
    grid-template-columns: repeat(2, 1fr);
    box-shadow: 0 16px 24px rgba(16, 32, 51, 0.14);
  }
  .qy-header nav.open {
    display: grid;
  }
  .qy-header nav a {
    min-height: 44px;
    justify-content: center;
    border: 1px solid var(--qy-line);
    margin: 4px;
    border-radius: 6px;
  }
  .qy-account > a:first-child {
    display: none;
  }
  .qy-account a {
    padding: 9px !important;
  }
  .qy-home,
  .qy-page {
    padding: 20px 14px 50px;
  }
  .qy-hero {
    min-height: 0;
    padding: 28px 22px;
    gap: 28px;
    background: #fff;
  }
  .qy-hero h1 {
    font-size: 31px;
    letter-spacing: -1px;
  }
  .qy-hero p {
    font-size: 15px;
    line-height: 1.8;
  }
  .qy-hero-actions {
    flex-direction: column;
  }
  .qy-hero-actions a {
    text-align: center;
  }
  .qy-hero-metrics {
    width: 100%;
  }
  .qy-hero-metrics div {
    padding: 18px 3px;
  }
  .qy-hero-metrics b {
    font-size: 23px;
  }
  .qy-hero-metrics span {
    font-size: 11px;
  }
  .qy-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 38px;
  }
  .qy-trust-grid div {
    padding: 16px;
  }
  .qy-section > header {
    align-items: flex-start;
  }
  .qy-page-head h1,
  .qy-section h2 {
    font-size: 27px;
  }
  .qy-section header p {
    padding-right: 12px;
    line-height: 1.5;
  }
  .qy-section header > a {
    max-width: 80px;
    text-align: right;
  }
  .qy-article-grid,
  .qy-expert-grid {
    grid-template-columns: 1fr;
  }
  .qy-expert-card {
    padding: 19px;
  }
  .qy-expert-card dl {
    margin: 0 -19px;
  }
  .qy-ai-section {
    padding: 25px 20px;
  }
  .qy-ai-panel {
    grid-template-columns: 1fr;
  }
  .qy-page-head {
    padding: 28px 24px;
  }
  .qy-source-tabs {
    overflow-x: auto;
  }
  .qy-source-tabs button {
    white-space: nowrap;
  }
  .qy-article-view article {
    padding: 28px 22px;
  }
  .qy-article-view h1 {
    font-size: 27px;
  }
  .copyright {
    flex-direction: column;
    gap: 5px;
  }
  .breadcrumb {
    display: none !important;
  }
}
.qy-live-head {
  justify-content: space-between;
  background: linear-gradient(105deg, #fff, #fff 72%, #edf1f5 0);
}
.qy-live-head,
.qy-live-stamp {
  display: flex;
  align-items: center;
}
.qy-live-stamp {
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid var(--qy-line);
  border-radius: 10px;
  background: #fff;
}
.qy-live-stamp b {
  padding: 7px 9px;
  background: var(--qy-red);
  color: #fff;
  border-radius: 5px;
  letter-spacing: 1px;
}
.qy-live-stamp span {
  font-weight: 800;
}
.qy-live-panel {
  overflow: hidden;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(16, 32, 51, 0.06);
}
.qy-live-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  border-bottom: 3px solid var(--qy-gold);
  background: var(--qy-navy);
  color: #fff;
}
.qy-live-panel-title span {
  font-size: 17px;
  font-weight: 800;
}
.qy-live-panel-title small {
  color: #cbd4df;
}
.qy-score-frame-wrap {
  height: 1380px;
  overflow: hidden;
  background: #fff;
}
.qy-score-frame-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.qy-rank-hero,
.qy-tips-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 46px;
  align-items: center;
  margin-bottom: 20px;
  padding: 40px 46px;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  background: #fff;
}
.qy-rank-hero small,
.qy-tips-copy > small {
  color: var(--qy-red);
  font-weight: 800;
  letter-spacing: 1.8px;
}
.qy-rank-hero h1,
.qy-tips-copy h1 {
  margin: 9px 0;
  font-size: 36px;
}
.qy-rank-hero p,
.qy-tips-copy p {
  color: var(--qy-muted);
  font-size: 15px;
  line-height: 1.8;
}
.qy-tips-copy > div {
  display: flex;
  gap: 9px;
  margin-top: 19px;
}
.qy-tips-copy > div span {
  padding: 7px 11px;
  border: 1px solid var(--qy-line);
  border-radius: 20px;
  color: #52657a;
  font-size: 12px;
}
.qy-tips-hero aside {
  padding: 22px 26px;
  border-left: 5px solid var(--qy-gold);
  background: var(--qy-navy);
  color: #fff;
  border-radius: 8px;
}
.qy-tips-hero aside b,
.qy-tips-hero aside small,
.qy-tips-hero aside span {
  display: block;
}
.qy-tips-hero aside strong {
  display: block;
  margin: 9px 0 1px;
  color: #f0ca76;
  font-size: 38px;
}
.qy-tips-hero aside small {
  margin-top: 14px;
  color: #b8c4d0;
  line-height: 1.6;
}
.qy-rank-panel,
.qy-tips-panel {
  padding: 24px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
}
.qy-tips-toolbar {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-tips-toolbar .filter-tabs {
  display: flex;
  gap: 8px;
}
.qy-tips-toolbar .filter-tabs button {
  padding: 11px 24px;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  background: #fff;
  color: var(--qy-navy);
  font-weight: 800;
}
.qy-tips-toolbar .filter-tabs button.active {
  border-color: var(--qy-navy);
  background: var(--qy-navy);
  color: #fff;
}
.qy-tips-note {
  margin-left: auto;
  color: var(--qy-muted);
  font-size: 12px;
}
.qy-tips-note b {
  color: var(--qy-red);
  font-size: 20px;
}
.qy-tips-note span {
  display: block;
  margin-top: 3px;
}
.qy-tips-toolbar .publish-btn {
  padding: 10px 15px;
  border: 0;
  border-radius: 7px;
  background: var(--qy-gold);
  color: #fff;
  font-weight: 800;
}
.qy-tips-page .synced-recommend-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px !important;
  margin: 0 !important;
}
.qy-tips-page .prediction-card {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--qy-line) !important;
  border-top: 4px solid var(--qy-gold) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.qy-tips-page .prediction-expert-top {
  padding: 19px 20px 15px !important;
  background: #f8fafc !important;
}
.qy-tips-page .prediction-main {
  margin: 0 !important;
  padding: 21px 18px !important;
  background: #fff !important;
  border-top: 1px solid var(--qy-line) !important;
  border-bottom: 1px solid var(--qy-line) !important;
}
.qy-tips-page .prediction-footer,
.qy-tips-page .prediction-league,
.qy-tips-page .prediction-metrics,
.qy-tips-page .prediction-research {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.qy-tips-page .prediction-footer {
  margin-bottom: 17px !important;
}
.qy-tips-page .team-side img {
  border-radius: 50% !important;
}
.qy-rank-hero {
  background: linear-gradient(115deg, #fff, #fff 72%, #f3ead8 0);
}
.qy-rank-seal {
  justify-self: end;
  width: 210px;
  padding: 22px;
  border: 1px solid #d4bd8d;
  border-radius: 11px;
  background: #fff;
  text-align: center;
}
.qy-rank-seal b {
  display: block;
  color: var(--qy-gold);
  font-family: Georgia, serif;
  font-size: 38px;
}
.qy-rank-seal small,
.qy-rank-seal span {
  display: block;
}
.qy-rank-seal span {
  margin-top: 4px;
  font-weight: 800;
}
.qy-rank-seal small {
  margin-top: 8px;
  color: var(--qy-muted);
}
.qy-rank-toolbar {
  padding: 0 0 20px !important;
  border-bottom: 1px solid var(--qy-line) !important;
}
.qy-rank-page .expert-rank-row {
  border-left: 4px solid var(--qy-gold) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(16, 32, 51, 0.045) !important;
}
.qy-rank-page .expert-rank-row:hover {
  border-left-color: var(--qy-red) !important;
}
.qy-rank-page .rank-identity img {
  border-radius: 50% !important;
}
@media (max-width: 760px) {
  .qy-live-head {
    display: block;
    background: #fff;
  }
  .qy-live-stamp {
    margin-top: 18px;
  }
  .qy-live-panel-title {
    padding: 13px 15px;
  }
  .qy-live-panel-title small {
    display: none;
  }
  .qy-score-frame-wrap {
    height: 900px;
  }
  .qy-rank-hero,
  .qy-tips-hero {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 27px 22px;
  }
  .qy-rank-hero h1,
  .qy-tips-copy h1 {
    font-size: 29px;
  }
  .qy-tips-copy > div {
    flex-wrap: wrap;
  }
  .qy-tips-hero aside {
    padding: 18px 20px;
  }
  .qy-rank-seal {
    justify-self: stretch;
    width: auto;
  }
  .qy-rank-panel,
  .qy-tips-panel {
    padding: 13px;
  }
  .qy-tips-toolbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }
  .qy-tips-toolbar .filter-tabs {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .qy-tips-toolbar .filter-tabs button {
    padding: 10px;
  }
  .qy-tips-note {
    margin-left: 0;
  }
  .qy-tips-page .synced-recommend-list {
    grid-template-columns: 1fr !important;
  }
  .qy-tips-page .prediction-expert-top {
    padding: 15px !important;
  }
  .qy-tips-page .prediction-main {
    padding: 18px 10px !important;
  }
}
.qy-rank-toolbar .rank-ball-tab.active,
.qy-tips-toolbar .filter-tabs button.active {
  border-color: var(--qy-navy) !important;
  background: var(--qy-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.qy-page {
  padding-top: 24px;
}
.source-yaxun {
  --source-accent: #d71920;
  --source-soft: #fff1f2;
}
.source-zhiyan {
  --source-accent: #138fd4;
  --source-soft: #edf8fe;
}
.source-saidian {
  --source-accent: #ff6b21;
  --source-soft: #fff4ed;
}
.source-default {
  --source-accent: var(--qy-gold);
  --source-soft: #faf6ec;
}
.qy-source-tabs button.source-yaxun {
  border-color: #efb5b8;
}
.qy-source-tabs button.source-zhiyan {
  border-color: #a9d8ef;
}
.qy-source-tabs button.source-saidian {
  border-color: #ffc4a5;
}
.qy-source-tabs button.source-yaxun.active {
  background: #d71920;
  border-color: #d71920;
  color: #fff;
}
.qy-source-tabs button.source-zhiyan.active {
  background: #138fd4;
  border-color: #138fd4;
  color: #fff;
}
.qy-source-tabs button.source-saidian.active {
  background: #ff6b21;
  border-color: #ff6b21;
  color: #fff;
}
.qy-expert-card[class*="source-"] {
  border-top-color: var(--source-accent);
}
.qy-expert-card[class*="source-"] .qy-expert-head img {
  box-shadow: 0 0 0 2px var(--source-accent);
}
.qy-expert-card[class*="source-"] .qy-expert-head i {
  background: var(--source-soft);
  color: var(--source-accent);
}
.qy-expert-card[class*="source-"] footer b {
  color: var(--source-accent);
}
.qy-article-card {
  min-height: 274px;
  border-top: 4px solid var(--source-accent, var(--qy-gold));
}
.qy-article-expert {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-article-expert img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px var(--source-accent, var(--qy-gold));
}
.qy-article-expert > div {
  min-width: 0;
}
.qy-article-expert b {
  max-width: 100%;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qy-article-expert b,
.qy-article-expert i {
  display: inline-block;
  vertical-align: middle;
}
.qy-article-expert i {
  margin-left: 7px;
  padding: 3px 7px;
  border-radius: 12px;
  background: var(--source-soft, #f5ecd9);
  color: var(--source-accent, var(--qy-gold));
  font-size: 10px;
  font-style: normal;
}
.qy-article-expert span {
  display: block;
  margin-top: 5px;
  color: var(--qy-muted);
  font-size: 11px;
}
.qy-article-expert time {
  align-self: start;
  color: var(--qy-muted);
  font-size: 11px;
  white-space: nowrap;
}
.qy-article-card h3 {
  margin-top: 16px;
}
.qy-article-card footer {
  gap: 12px;
}
.qy-article-card footer b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qy-article-card footer i {
  flex: none;
  color: var(--source-accent, var(--qy-red));
}
.article-ai {
  --source-accent: #d5aa47;
  --source-soft: #fff4d8;
}
.qy-ai-article-grid .qy-article-card {
  background: #14283e;
  border-color: #38516b;
  color: #fff !important;
}
.qy-ai-article-grid .qy-article-expert {
  border-color: #38516b;
}
.qy-ai-article-grid .qy-article-card > p,
.qy-ai-article-grid .qy-article-expert span,
.qy-ai-article-grid .qy-article-expert time {
  color: #bcc8d5;
}
.qy-ai-article-grid .qy-article-card footer,
.qy-ai-empty {
  border-color: #38516b;
}
.qy-ai-empty {
  background: #14283e;
  color: #bcc8d5;
}
.qy-detail-expert-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 330px auto;
  gap: 22px;
  align-items: center;
  margin-bottom: 18px;
  padding: 24px 28px;
  background: #fff;
  border: 1px solid var(--qy-line);
  border-top: 4px solid var(--source-accent, var(--qy-gold));
  border-radius: 14px;
}
.qy-detail-expert-card > img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--source-accent, var(--qy-gold));
}
.qy-detail-expert-copy span {
  color: var(--source-accent, var(--qy-gold));
  font-size: 12px;
  font-weight: 800;
}
.qy-detail-expert-copy h2 {
  margin: 5px 0;
  font-size: 23px;
}
.qy-detail-expert-copy h2 i {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  background: var(--source-soft, #f5ecd9);
  color: var(--source-accent, var(--qy-gold));
  font-size: 11px;
  font-style: normal;
  vertical-align: middle;
}
.qy-detail-expert-copy p {
  margin: 0;
  color: var(--qy-muted);
  line-height: 1.65;
}
.qy-detail-expert-card dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  border: 1px solid var(--qy-line);
  border-radius: 9px;
  overflow: hidden;
}
.qy-detail-expert-card dl div {
  padding: 12px;
  text-align: center;
  border-right: 1px solid var(--qy-line);
}
.qy-detail-expert-card dl div:last-child {
  border: 0;
}
.qy-detail-expert-card dt {
  font-size: 19px;
  font-weight: 800;
}
.qy-detail-expert-card dd {
  margin-top: 3px;
  color: var(--qy-muted);
  font-size: 10px;
}
.qy-detail-expert-card > a {
  color: var(--source-accent, var(--qy-red)) !important;
  font-weight: 800;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .qy-page {
    padding-top: 14px;
  }
  .qy-article-expert {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
  }
  .qy-article-expert img {
    width: 44px;
    height: 44px;
  }
  .qy-article-expert time {
    grid-column: 2;
    margin-top: -4px;
  }
  .qy-detail-expert-card {
    grid-template-columns: 70px 1fr;
    padding: 19px;
    gap: 14px;
  }
  .qy-detail-expert-card > img {
    width: 66px;
    height: 66px;
  }
  .qy-detail-expert-copy h2 {
    font-size: 19px;
  }
  .qy-detail-expert-card dl {
    grid-column: 1/-1;
  }
  .qy-detail-expert-card > a {
    grid-column: 1/-1;
    text-align: right;
  }
  .qy-ai-article-grid {
    grid-template-columns: 1fr;
  }
}
.qy-header-inner {
  min-height: 124px;
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  grid-template-rows: 66px 58px;
  gap: 0 28px;
}
.qy-logo {
  grid-row: 1/3;
}
.qy-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}
.qy-header-search {
  display: flex;
  width: min(460px, 44vw);
  height: 46px;
  align-items: center;
  overflow: hidden;
  border: 1px solid #cad6e2;
  border-left: 4px solid var(--qy-gold);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(16, 32, 51, 0.06);
}
.qy-header-search > i {
  position: relative;
  width: 41px;
  height: 100%;
  flex: 0 0 41px;
}
.qy-header-search > i:before {
  position: absolute;
  top: 13px;
  left: 14px;
  width: 13px;
  height: 13px;
  border: 2px solid var(--qy-navy);
  border-radius: 50%;
  content: "";
}
.qy-header-search > i:after {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 8px;
  height: 2px;
  transform: rotate(45deg);
  background: var(--qy-navy);
  content: "";
}
.qy-header-search > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.qy-header-search small {
  color: var(--qy-gold);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.qy-header-search input {
  width: 100%;
  height: 23px;
  padding: 0;
  border: 0 !important;
  outline: 0;
  color: var(--qy-navy);
  font-size: 13px;
}
.qy-header-search button {
  width: 38px;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--qy-gold);
  font-size: 19px;
}
.qy-account-card,
.qy-sign-card {
  display: flex;
  height: 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cad6e2;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}
.qy-sign-card {
  min-width: 132px;
  gap: 8px;
  padding: 0 12px;
  color: var(--qy-navy);
}
.qy-sign-card > i {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--qy-gold), #d6ad51);
  color: #fff;
  font-style: normal;
}
.qy-account-card,
.qy-sign-card > span {
  flex-direction: column;
}
.qy-account-card small,
.qy-sign-card small {
  color: #8b98a8;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.13em;
}
.qy-account-card b,
.qy-sign-card b {
  margin-top: 2px;
  font-size: 13px;
}
.qy-sign-card.signed {
  border-color: #a8d7c2;
  background: #eef8f3;
}
.qy-sign-card.signed > i {
  background: #16875b;
}
.qy-account-card {
  min-width: 72px;
  padding: 0 11px !important;
  background: var(--qy-navy);
  color: #fff !important;
}
.qy-account-card b {
  color: #fff;
}
.qy-header nav {
  grid-column: 2;
  grid-row: 2;
  justify-content: flex-end;
  margin: 0;
  border-top: 1px solid #edf1f5;
}
.qy-header nav a {
  min-width: 88px;
  justify-content: center;
  padding: 0 12px;
}
.qy-search-page {
  max-width: 1500px;
  margin: auto;
  padding: 30px 34px 70px;
  box-sizing: border-box;
}
.qy-search-box {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 22px 45px;
  align-items: center;
  padding: 34px 40px;
  border: 1px solid var(--qy-line);
  border-top: 4px solid var(--qy-gold);
  border-radius: 14px;
  background: linear-gradient(110deg, #fff, #fff 72%, #f5efe2 0);
}
.qy-search-title {
  grid-row: 1/3;
}
.qy-search-title small {
  color: var(--qy-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.qy-search-title h1 {
  margin: 9px 0 7px;
  font-size: 27px;
}
.qy-search-title p {
  margin: 0;
  color: var(--qy-muted);
  line-height: 1.7;
}
.qy-search-form {
  display: flex;
  height: 58px;
  align-items: center;
  border: 1px solid #ccd7e1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16, 32, 51, 0.08);
}
.qy-search-form > i {
  position: relative;
  width: 56px;
  height: 100%;
}
.qy-search-form > i:before {
  position: absolute;
  top: 17px;
  left: 20px;
  width: 17px;
  height: 17px;
  border: 3px solid var(--qy-gold);
  border-radius: 50%;
  content: "";
}
.qy-search-form > i:after {
  position: absolute;
  top: 36px;
  left: 37px;
  width: 9px;
  height: 3px;
  transform: rotate(45deg);
  background: var(--qy-gold);
  content: "";
}
.qy-search-form input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0 !important;
  outline: 0;
  font-size: 15px;
}
.qy-search-form button {
  height: 40px;
  margin-right: 9px;
  padding: 0 24px;
  border: 0;
  border-radius: 7px;
  background: var(--qy-navy);
  color: #fff;
  font-weight: 800;
}
.qy-search-types {
  display: flex;
  gap: 8px;
}
.qy-search-types button {
  padding: 8px 16px;
  border: 1px solid var(--qy-line);
  border-radius: 18px;
  background: #fff;
  color: var(--qy-muted);
}
.qy-search-types button.active {
  border-color: var(--qy-gold);
  background: #fbf5e8;
  color: #7d5b18;
  font-weight: 800;
}
.qy-search-results {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  background: #fff;
}
.qy-search-results > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 2px 18px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-search-results > header span {
  display: flex;
  flex-direction: column;
}
.qy-search-results > header small {
  color: var(--qy-gold);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.qy-search-results > header b {
  margin-top: 5px;
  font-size: 20px;
}
.qy-search-results > header em {
  color: var(--qy-muted);
  font-style: normal;
}
.qy-search-empty {
  display: flex;
  min-height: 210px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--qy-muted);
}
.qy-search-empty b {
  color: var(--qy-navy);
  font-size: 20px;
}
.qy-search-empty span {
  margin-top: 8px;
}
.qy-advice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.qy-advice-card {
  position: relative !important;
  width: auto !important;
  overflow: hidden;
  border: 1px solid #d8e0e8 !important;
  border-top: 4px solid var(--qy-gold) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(16, 32, 51, 0.06) !important;
}
.qy-advice-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: linear-gradient(105deg, #102033, #1b344f);
  color: #fff;
}
.qy-advice-expert {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  color: #fff !important;
}
.qy-advice-expert .portrait,
.qy-ranking-person .portrait {
  position: relative;
  flex: 0 0 auto;
}
.qy-advice-expert img {
  width: 62px;
  height: 62px;
  border: 3px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--qy-gold);
}
.qy-advice-expert .portrait i,
.qy-ranking-person .portrait > i {
  position: absolute;
  right: -2px;
  bottom: 1px;
  display: flex;
  width: 19px;
  height: 19px;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--qy-gold);
  color: #fff;
  font-size: 10px;
  font-style: normal;
}
.qy-advice-expert > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.qy-advice-expert small {
  color: #cbb275;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.13em;
}
.qy-advice-expert b {
  margin: 5px 0 4px;
  font-size: 18px;
}
.qy-advice-expert em {
  width: -moz-max-content;
  width: max-content;
  padding: 3px 7px;
  border: 1px solid rgba(237, 205, 126, 0.45);
  border-radius: 10px;
  color: #edcf82;
  font-size: 10px;
  font-style: normal;
}
.qy-advice-score {
  display: flex;
  flex: none;
}
.qy-advice-score span {
  min-width: 72px;
  text-align: center;
  border-left: 1px solid hsla(0, 0%, 100%, 0.15);
}
.qy-advice-score b,
.qy-advice-score small {
  display: block;
}
.qy-advice-score b {
  color: #f1cc70;
  font-size: 20px;
}
.qy-advice-score small {
  margin-top: 4px;
  color: #aebdcb;
  font-size: 9px;
}
.qy-advice-meta {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 14px 18px 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-advice-meta > b {
  padding-left: 8px;
  border-left: 4px solid var(--qy-gold);
}
.qy-advice-meta time {
  color: var(--qy-muted);
}
.qy-advice-meta span {
  margin-left: auto;
  padding: 3px 7px;
  border-radius: 10px;
  background: #eef5fa;
  color: #47647c;
  font-size: 10px;
}
.qy-advice-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
  align-items: center;
  padding: 20px 18px;
  color: var(--qy-navy) !important;
}
.qy-advice-match > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}
.qy-advice-match > div:last-child {
  justify-content: flex-end;
  text-align: right;
}
.qy-advice-match > span {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.qy-advice-match strong {
  margin: 4px 0;
  color: var(--qy-navy);
  font-size: 24px;
}
.qy-advice-match em,
.qy-advice-match small {
  color: var(--qy-muted);
  font-size: 9px;
  font-style: normal;
}
.qy-advice-intro {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 10px;
  margin: 0 18px;
  border-left: 3px solid var(--qy-gold);
  background: #f5f7fa;
}
.qy-advice-intro b {
  color: #8a6419;
}
.qy-advice-intro p {
  margin: 0;
  color: var(--qy-muted);
  line-height: 1.6;
}
.qy-advice-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 14px 0 0;
  background: #0d253a;
}
.qy-advice-metrics span {
  text-align: center;
  border-right: 1px solid #2b4359;
}
.qy-advice-metrics span:last-child {
  border: 0;
}
.qy-advice-metrics b,
.qy-advice-metrics small {
  display: block;
}
.qy-advice-metrics b {
  color: #f1c868;
  font-size: 18px;
}
.qy-advice-metrics small {
  margin-top: 4px;
  color: #a8bac8;
  font-size: 9px;
}
.qy-advice-card > footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
.qy-advice-card > footer > span b,
.qy-advice-card > footer > span small {
  display: block;
}
.qy-advice-card > footer > span small,
.qy-advice-card > footer > time {
  color: var(--qy-muted);
  font-size: 9px;
}
.qy-advice-card > footer > span b {
  margin-top: 3px;
}
.qy-advice-card > footer > time {
  text-align: right;
}
.qy-advice-action {
  grid-column: 1/-1;
  padding: 10px 13px;
  border-radius: 6px;
  background: #eef2f6;
  color: var(--qy-navy) !important;
  text-align: center;
  font-weight: 800;
}
.qy-advice-action.premium {
  background: linear-gradient(135deg, #a8791d, #d0aa50);
  color: #fff !important;
}
.qy-ranking-dossier {
  padding: 0 !important;
  overflow: hidden;
}
.qy-ranking-dossier > .qy-rank-toolbar {
  padding: 18px 22px !important;
  background: #fff;
}
.qy-rank-toolbar > div {
  display: flex;
  gap: 8px;
}
.qy-rank-toolbar button {
  min-width: 145px;
  padding: 11px 18px;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  background: #fff;
  font-weight: 800;
}
.qy-rank-toolbar label {
  display: flex;
  gap: 8px;
  color: var(--qy-muted);
}
.qy-rank-toolbar select {
  height: 41px;
  padding: 0 35px 0 12px;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  background: #fff;
}
.qy-ranking-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 24px 28px;
  background: var(--qy-navy);
  color: #fff;
}
.qy-ranking-title span {
  display: flex;
  flex-direction: column;
}
.qy-ranking-title small {
  color: #d7b963;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.qy-ranking-title b {
  margin-top: 5px;
  font-size: 25px;
}
.qy-ranking-title p {
  margin: 0;
  color: #aebccb;
}
.qy-ranking-list {
  display: grid;
  gap: 14px;
  padding: 20px;
  background: #f4f7fa;
}
.qy-ranking-card {
  display: grid;
  grid-template-columns: minmax(390px, 1.15fr) minmax(520px, 1.65fr) 205px;
  border: 1px solid #d6dfe8;
  border-left: 5px solid var(--qy-gold);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(16, 32, 51, 0.05);
}
.qy-ranking-person {
  display: grid;
  grid-template-columns: 45px 74px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--qy-navy) !important;
}
.qy-ranking-person > em {
  display: flex;
  width: 39px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(155deg, #876419, #352800);
  clip-path: polygon(
    8% 0,
    92% 0,
    100% 18%,
    100% 82%,
    92% 100%,
    8% 100%,
    0 82%,
    0 18%
  );
  color: #ffe6a3;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
}
.qy-ranking-person img {
  width: 70px;
  height: 70px;
  border: 3px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--qy-gold);
}
.qy-ranking-person > span:last-child {
  min-width: 0;
}
.qy-ranking-person small {
  color: #9a7a34;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.09em;
}
.qy-ranking-person b {
  display: block;
  margin: 4px 0;
  font-size: 18px;
}
.qy-ranking-person b i {
  padding: 3px 6px;
  border-radius: 10px;
  background: #f4ead2;
  color: #8a6419;
  font-size: 9px;
}
.qy-ranking-person p {
  margin: 0;
  color: var(--qy-muted);
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qy-ranking-person strong {
  display: block;
  margin-top: 5px;
  color: #48647b;
  font-size: 11px;
}
.qy-ranking-performance {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #f7fafc;
}
.qy-ranking-performance > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-left: 1px solid #dbe3ea;
  box-shadow: inset 0 3px 0 #90bcd3;
}
.qy-ranking-performance > span:first-child {
  align-items: flex-start;
  padding: 0 14px;
  border: 0;
  box-shadow: inset 0 3px 0 var(--qy-gold);
}
.qy-ranking-performance small {
  color: #648095;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.qy-ranking-performance b {
  margin: 6px 0 2px;
  color: #17425f;
  font-size: 21px;
}
.qy-ranking-performance .primary b {
  color: #16875b;
}
.qy-ranking-performance em {
  color: #7f91a0;
  font-size: 9px;
  font-style: normal;
}
.qy-ranking-actions > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
  overflow: hidden;
}
.qy-ranking-actions > div span {
  padding: 8px;
  text-align: center;
}
.qy-ranking-actions > div span + span {
  border-left: 1px solid var(--qy-line);
}
.qy-ranking-actions b,
.qy-ranking-actions small {
  display: block;
}
.qy-ranking-actions b {
  font-size: 18px;
}
.qy-ranking-actions small {
  color: var(--qy-muted);
  font-size: 9px;
}
.qy-ranking-actions > a,
.qy-ranking-actions > button {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 8px;
  border: 0;
  border-radius: 6px;
  text-align: center;
  font-weight: 800;
}
.qy-ranking-actions > a {
  background: var(--qy-navy);
}
.qy-ranking-actions > button {
  background: #edf2f6;
  color: var(--qy-navy);
}
.qy-ranking-actions > button.followed {
  color: #16875b;
}
.qy-expert-profile .member-profile-card {
  position: relative;
  grid-template-columns: minmax(0, 1.5fr) 145px minmax(390px, 0.9fr) 126px !important;
  overflow: hidden;
  border-top: 4px solid var(--qy-gold) !important;
  border-left: 1px solid var(--qy-line) !important;
  background: linear-gradient(110deg, #fff, #fff 68%, #f4efe4 0) !important;
}
.qy-profile-code {
  color: #9a7a34 !important;
  font-size: 8px !important;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.qy-profile-seal {
  display: flex;
  height: 105px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #cfb97f;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 5px #f5eddb;
  text-align: center;
}
.qy-profile-seal b {
  color: var(--qy-gold);
  font-family: Georgia, serif;
  font-size: 27px;
}
.qy-profile-seal span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.qy-profile-seal small {
  margin-top: 4px;
  color: var(--qy-muted);
  font-size: 8px;
}
.qy-expert-profile .member-name span {
  background: #f4ead2 !important;
  color: #835f19 !important;
}
.qy-expert-profile .member-data-section {
  border-top: 3px solid var(--qy-gold);
  box-shadow: 0 10px 26px rgba(16, 32, 51, 0.05);
}
.qy-analysis-page .detail-match-card {
  overflow: hidden;
  border-top: 4px solid var(--qy-gold);
  background: linear-gradient(180deg, #fff, #f8fafc);
}
.qy-analysis-kicker {
  padding: 10px 18px;
  background: var(--qy-navy);
  color: #d7bb70;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
}
.qy-analysis-page .detail-content-panel {
  border-top: 0;
}
.qy-analysis-page .expert-report-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #ccd9e4 !important;
  border-left: 5px solid var(--qy-gold) !important;
  border-radius: 11px !important;
  box-shadow: 0 12px 30px rgba(16, 32, 51, 0.08) !important;
}
.qy-report-ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #102033;
  color: #fff;
}
.qy-report-ribbon b {
  color: #e3c675;
}
.qy-report-ribbon span {
  color: #aebdca;
  font-size: 10px;
}
.qy-analysis-page .report-expert-head {
  background: #f6f8fa !important;
}
.qy-analysis-page .report-expert img {
  box-shadow: 0 0 0 2px var(--qy-gold) !important;
}
.qy-analysis-page .report-expert i {
  background: #f2e7cb !important;
  color: #7f5d18 !important;
}
.qy-analysis-page .report-metrics {
  background: #102033 !important;
}
.qy-analysis-page .report-metrics span {
  border-color: #33495e !important;
}
.qy-analysis-page .report-metrics b {
  color: #edca72 !important;
}
.qy-analysis-page .report-metrics small {
  color: #afbecb !important;
}
.qy-analysis-page .report-analysis {
  border-left-color: var(--qy-gold) !important;
}
.qy-analysis-page .report-conclusion {
  background: #f8fafc !important;
}
.qy-analysis-page .report-subscribe button {
  background: linear-gradient(135deg, #a8791d, #d1a94d) !important;
}
.qy-recharge-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 360px;
  gap: 45px;
  min-height: 360px;
  margin: 24px 28px 18px;
  padding: 50px 52px;
  overflow: hidden;
  border: 1px solid #30475e;
  border-top: 5px solid var(--qy-gold);
  border-radius: 16px;
  background: radial-gradient(
      circle at 72% 10%,
      rgba(185, 144, 48, 0.18),
      transparent 27%
    ),
    linear-gradient(125deg, #0b1d30, #132c46);
  box-shadow: 0 18px 42px rgba(8, 29, 49, 0.18);
  box-sizing: border-box;
}
.qy-recharge-card:after,
.qy-recharge-card:before {
  position: absolute;
  border: 1px solid rgba(213, 178, 91, 0.13);
  border-radius: 50%;
  content: "";
}
.qy-recharge-card:before {
  right: 210px;
  bottom: -190px;
  width: 480px;
  height: 480px;
}
.qy-recharge-card:after {
  right: 270px;
  bottom: -130px;
  width: 350px;
  height: 350px;
}
.qy-recharge-copy {
  position: relative;
  z-index: 1;
  align-self: center;
  color: #fff;
}
.qy-recharge-copy > small {
  color: #d7ba6c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.2em;
}
.qy-recharge-copy h2 {
  margin: 16px 0 13px;
  color: #fff;
  font-size: 34px;
}
.qy-recharge-copy p {
  max-width: 650px;
  margin: 0;
  color: #bdc9d5;
  font-size: 15px;
  line-height: 1.9;
}
.qy-recharge-tags {
  display: flex;
  gap: 10px;
  margin-top: 25px;
}
.qy-recharge-tags span {
  padding: 8px 13px;
  border: 1px solid #42596f;
  border-radius: 18px;
  color: #dce5ec;
  font-size: 12px;
}
.qy-wallet-panel {
  position: relative;
  z-index: 1;
  align-self: center;
  padding: 30px;
  border: 1px solid rgba(224, 192, 111, 0.55);
  border-radius: 13px;
  background: linear-gradient(
    145deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.035)
  );
  color: #fff;
  box-shadow: inset 0 0 28px hsla(0, 0%, 100%, 0.025);
}
.qy-wallet-panel > span {
  color: #d5b766;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.qy-wallet-panel > b {
  display: block;
  margin-top: 8px;
  font-size: 22px;
}
.qy-wallet-panel > p {
  margin: 14px 0;
  color: #b9c7d3;
}
.qy-wallet-panel > strong {
  display: block;
  padding: 13px;
  border-radius: 7px;
  background: linear-gradient(135deg, #a8791d, #d5ae55);
  text-align: center;
}
.qy-wallet-panel > small {
  display: block;
  margin-top: 12px;
  color: #97aabc;
  line-height: 1.5;
}
.qy-recharge-assurance {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 0 28px;
}
.qy-recharge-assurance article {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 12px;
  padding: 19px;
  border: 1px solid var(--qy-line);
  border-radius: 10px;
  background: #fff;
}
.qy-recharge-assurance i {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f4ead2;
  color: #87631c;
  font-style: normal;
  font-weight: 900;
}
.qy-recharge-assurance b {
  font-size: 15px;
}
.qy-recharge-assurance p {
  margin: 7px 0 0;
  color: var(--qy-muted);
  font-size: 12px;
  line-height: 1.65;
}
.qy-recharge-note {
  display: flex;
  gap: 15px;
  margin: 14px 28px 32px;
  padding: 14px 18px;
  border-left: 4px solid var(--qy-gold);
  background: #f7f3e9;
  color: var(--qy-muted);
}
.qy-recharge-note b {
  flex: none;
  color: #76571c;
}
@media (max-width: 1150px) {
  .qy-header-inner {
    grid-template-columns: 245px minmax(0, 1fr);
    padding: 0 18px;
  }
  .qy-logo {
    min-width: 0;
  }
  .qy-header-search {
    width: min(360px, 39vw);
  }
  .qy-header nav a {
    min-width: auto;
    padding: 0 9px;
  }
  .qy-ranking-card {
    grid-template-columns: minmax(330px, 1fr) minmax(420px, 1.4fr);
  }
  .qy-ranking-actions {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 220px 1fr 150px;
    gap: 8px;
  }
  .qy-ranking-actions > div {
    grid-row: 1;
  }
  .qy-ranking-actions > a,
  .qy-ranking-actions > button {
    margin: 0;
  }
  .qy-expert-profile .member-profile-card {
    grid-template-columns: minmax(0, 1fr) 120px minmax(340px, 0.9fr) !important;
  }
  .qy-expert-profile .member-follow {
    grid-column: 3 !important;
  }
  .qy-recharge-card {
    grid-template-columns: 1fr 310px;
    padding: 42px 35px;
  }
}
@media (max-width: 760px) {
  .qy-header {
    position: relative;
  }
  .qy-header-inner {
    min-height: 132px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 62px 62px;
    gap: 0 8px;
    padding: 0 10px;
  }
  .qy-logo {
    grid-row: 1;
  }
  .qy-logo span small {
    display: none;
  }
  .qy-header-tools {
    grid-column: 1/-1;
    grid-row: 2;
    gap: 6px;
    padding: 6px 0;
  }
  .qy-header-search {
    width: auto;
    min-width: 0;
    flex: 1;
    height: 46px;
  }
  .qy-header-search small {
    display: none;
  }
  .qy-header-search input {
    height: 100%;
    font-size: 12px;
  }
  .qy-header-search > i {
    width: 35px;
    flex-basis: 35px;
  }
  .qy-header-search > i:before {
    left: 10px;
  }
  .qy-header-search > i:after {
    left: 23px;
  }
  .qy-header-search button {
    display: none;
  }
  .qy-sign-card {
    min-width: 104px;
    height: 46px;
    padding: 0 7px;
    gap: 5px;
  }
  .qy-sign-card > i {
    width: 23px;
    height: 23px;
  }
  .qy-sign-card small {
    font-size: 6px;
  }
  .qy-sign-card b {
    font-size: 11px;
  }
  .qy-account-card {
    min-width: 50px;
    height: 46px;
    padding: 0 7px !important;
  }
  .qy-account-card small {
    display: none;
  }
  .qy-account-card b {
    font-size: 12px;
  }
  .qy-menu-button {
    grid-column: 2;
    grid-row: 1;
  }
  .qy-header nav {
    grid-column: 1/-1;
    grid-row: auto;
    top: 62px;
  }
  .qy-search-page {
    padding: 14px 12px 45px;
  }
  .qy-search-box {
    display: block;
    padding: 22px 16px;
    background: #fff;
  }
  .qy-search-title h1 {
    font-size: 22px;
  }
  .qy-search-title p {
    font-size: 13px;
  }
  .qy-search-form {
    height: 50px;
    margin-top: 17px;
  }
  .qy-search-form > i {
    width: 48px;
  }
  .qy-search-form input {
    font-size: 13px;
  }
  .qy-search-form button {
    padding: 0 17px;
  }
  .qy-search-types {
    margin-top: 12px;
  }
  .qy-search-results {
    padding: 12px;
  }
  .qy-search-results > header b {
    font-size: 17px;
  }
  .qy-search-results > header em {
    font-size: 11px;
  }
  .qy-advice-grid {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }
  .qy-advice-card > header {
    padding: 14px 12px;
  }
  .qy-advice-expert {
    gap: 9px;
  }
  .qy-advice-expert img {
    width: 50px;
    height: 50px;
  }
  .qy-advice-expert b {
    font-size: 16px;
  }
  .qy-advice-score span {
    min-width: 54px;
  }
  .qy-advice-score b {
    font-size: 17px;
  }
  .qy-advice-score span:nth-child(2) {
    display: none;
  }
  .qy-advice-match {
    grid-template-columns: minmax(0, 1fr) 65px minmax(0, 1fr);
    padding: 17px 10px;
  }
  .qy-advice-match > div {
    flex-direction: column;
    gap: 6px;
    text-align: center !important;
  }
  .qy-advice-match > div:last-child {
    justify-content: center;
  }
  .qy-advice-match strong {
    font-size: 21px;
  }
  .qy-advice-intro {
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 0 12px;
  }
  .qy-advice-metrics span {
    padding: 10px 2px;
  }
  .qy-advice-metrics b {
    font-size: 16px;
  }
  .qy-advice-card > footer {
    padding: 12px;
  }
  .qy-ranking-dossier > .qy-rank-toolbar {
    display: grid !important;
    gap: 10px;
  }
  .qy-rank-toolbar > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .qy-rank-toolbar button {
    min-width: 0;
    padding: 10px 5px;
  }
  .qy-rank-toolbar label {
    justify-content: space-between;
  }
  .qy-ranking-title {
    display: block;
    padding: 19px;
  }
  .qy-ranking-title b {
    font-size: 21px;
  }
  .qy-ranking-title p {
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.6;
  }
  .qy-ranking-list {
    padding: 10px;
  }
  .qy-ranking-card {
    display: block;
    padding: 13px;
  }
  .qy-ranking-person {
    grid-template-columns: 36px 58px minmax(0, 1fr);
    gap: 8px;
  }
  .qy-ranking-person > em {
    width: 32px;
    height: 40px;
    font-size: 14px;
  }
  .qy-ranking-person img {
    width: 54px;
    height: 54px;
  }
  .qy-ranking-person b {
    font-size: 16px;
  }
  .qy-ranking-person p {
    font-size: 11px;
  }
  .qy-ranking-performance {
    grid-template-columns: 1.2fr repeat(3, 1fr);
    margin-top: 13px;
  }
  .qy-ranking-performance > span {
    min-height: 66px;
  }
  .qy-ranking-performance > span:first-child {
    padding: 0 8px;
  }
  .qy-ranking-performance small {
    font-size: 6px;
  }
  .qy-ranking-performance b {
    font-size: 16px;
  }
  .qy-ranking-performance em {
    font-size: 7px;
  }
  .qy-ranking-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
  }
  .qy-ranking-actions > div {
    grid-column: 1/-1;
  }
  .qy-ranking-actions > a,
  .qy-ranking-actions > button {
    margin: 0;
  }
  .qy-expert-profile .member-profile-card {
    grid-template-columns: 1fr !important;
    background: #fff !important;
  }
  .qy-profile-seal {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 70px;
    height: 70px;
    opacity: 0.75;
  }
  .qy-profile-seal b {
    font-size: 19px;
  }
  .qy-profile-seal span {
    font-size: 7px;
  }
  .qy-profile-seal small {
    display: none;
  }
  .qy-expert-profile .member-profile-identity {
    padding-right: 60px;
  }
  .qy-expert-profile .member-follow,
  .qy-expert-profile .member-profile-metrics {
    grid-column: 1 !important;
  }
  .qy-report-ribbon {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
  .qy-analysis-kicker {
    font-size: 8px;
  }
  .qy-recharge-card {
    display: block;
    min-height: 0;
    margin: 14px 12px;
    padding: 30px 20px;
  }
  .qy-recharge-copy h2 {
    font-size: 26px;
    line-height: 1.35;
  }
  .qy-recharge-copy p {
    font-size: 13px;
  }
  .qy-recharge-tags {
    flex-wrap: wrap;
    margin: 18px 0 22px;
  }
  .qy-recharge-tags span {
    padding: 6px 10px;
  }
  .qy-wallet-panel {
    padding: 21px;
  }
  .qy-recharge-assurance {
    grid-template-columns: 1fr;
    margin: 0 12px;
  }
  .qy-recharge-note {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    margin: 13px 12px 25px;
    line-height: 1.65;
  }
}
.qy-header-tools {
  position: relative;
}
.qy-header-search button.clear {
  color: #879aab;
  font-size: 21px;
  font-weight: 400;
}
.qy-search-dropdown {
  position: absolute;
  z-index: 1200;
  top: 56px;
  right: 0;
  width: min(650px, 72vw);
  overflow: hidden;
  border: 1px solid #cdd8e2;
  border-top: 4px solid var(--qy-gold);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(16, 32, 51, 0.2);
}
.qy-search-dropdown > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-search-dropdown > header span {
  display: flex;
  flex-direction: column;
}
.qy-search-dropdown > header small {
  color: var(--qy-gold);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.qy-search-dropdown > header b {
  margin-top: 4px;
  font-size: 18px;
}
.qy-search-dropdown > header em {
  color: var(--qy-muted);
  font-size: 11px;
  font-style: normal;
}
.qy-search-dropdown-list {
  max-height: 435px;
  overflow: auto;
}
.qy-search-dropdown-list > a {
  display: grid;
  grid-template-columns: 125px minmax(0, 1fr) 175px;
  gap: 15px;
  align-items: center;
  min-height: 72px;
  padding: 10px 18px;
  border-bottom: 1px solid #e5eaf0;
  color: var(--qy-navy) !important;
}
.qy-search-dropdown-list > a:hover {
  background: #f7f9fb;
}
.qy-search-dropdown .league {
  display: grid;
  grid-template-columns: 5px 1fr;
  gap: 2px 8px;
}
.qy-search-dropdown .league i {
  grid-row: 1/3;
  width: 4px;
  height: 30px;
  border-radius: 3px;
}
.qy-search-dropdown .league b {
  font-size: 12px;
}
.qy-search-dropdown .league time {
  color: var(--qy-muted);
  font-size: 10px;
}
.qy-search-dropdown .teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 45px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  text-align: center;
}
.qy-search-dropdown .teams b {
  font-size: 13px;
}
.qy-search-dropdown .teams strong {
  color: var(--qy-red);
  font-size: 16px;
}
.qy-search-dropdown .analyst {
  display: flex;
  align-items: center;
  gap: 9px;
}
.qy-search-dropdown .analyst img {
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--qy-gold);
}
.qy-search-dropdown .analyst > i {
  display: flex;
  min-width: 0;
  flex-direction: column;
  font-style: normal;
}
.qy-search-dropdown .analyst b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qy-search-dropdown .analyst small {
  margin-top: 4px;
  color: var(--qy-muted);
  font-size: 9px;
}
.qy-search-dropdown-empty {
  padding: 42px 20px;
  color: var(--qy-muted);
  text-align: center;
}
.qy-search-dropdown > footer {
  padding: 10px 15px;
  background: #f5f7fa;
  text-align: right;
}
.qy-search-dropdown > footer button {
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: var(--qy-navy);
  color: #fff;
  font-weight: 800;
}
@media (max-width: 760px) {
  .qy-header-search button.clear {
    display: block;
    width: 29px !important;
    flex: 0 0 29px;
  }
  .qy-search-dropdown {
    position: fixed;
    top: 98px;
    left: 8px;
    right: 8px;
    width: auto;
    max-height: calc(100vh - 110px);
  }
  .qy-search-dropdown-list {
    max-height: calc(100vh - 234px);
  }
  .qy-search-dropdown-list > a {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 8px 10px;
    min-height: 92px;
    padding: 10px;
  }
  .qy-search-dropdown .league {
    grid-row: 1/3;
  }
  .qy-search-dropdown .teams {
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  }
  .qy-search-dropdown .teams b {
    font-size: 11px;
  }
  .qy-search-dropdown .analyst {
    grid-column: 2;
  }
  .qy-search-dropdown .analyst img {
    width: 30px;
    height: 30px;
  }
  .qy-search-dropdown > header {
    padding: 13px 14px;
  }
  .qy-search-dropdown > header b {
    font-size: 16px;
  }
}
.member-profile-page,
.recommend-detail-page {
  width: calc(100% - 40px);
  max-width: var(--content);
  margin: 18px auto 42px;
  color: var(--qy-navy);
}
.member-profile-card {
  display: grid;
  align-items: center;
  gap: 22px;
  min-height: 154px;
  padding: 22px 24px;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16, 32, 51, 0.07);
}
.member-profile-identity {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.member-profile-identity > img {
  width: 92px;
  height: 92px;
  border: 4px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--qy-gold);
}
.member-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.member-name h1 {
  margin: 0;
  font-size: 25px;
}
.member-name span {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 10px;
}
.member-profile-identity p {
  margin: 9px 0 0;
  color: var(--qy-muted);
  font-size: 14px;
  line-height: 1.7;
}
.member-profile-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid var(--qy-line);
  border-radius: 9px;
  background: #f7f9fb;
}
.member-profile-metrics span {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid var(--qy-line);
}
.member-profile-metrics span:last-child {
  border: 0;
}
.member-profile-metrics b {
  color: #16875b;
  font-size: 23px;
}
.member-profile-metrics small {
  margin-top: 5px;
  color: var(--qy-muted);
}
.member-follow {
  min-height: 42px;
  border: 0;
  border-radius: 7px;
  background: var(--qy-navy);
  color: #fff;
  font-weight: 800;
}
.member-follow.followed {
  background: #e9eef3;
  color: #5f7386;
}
.member-data-section {
  margin-top: 18px;
  padding: 18px 20px 20px;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  background: #fff;
}
.member-section-head {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--qy-line);
}
.member-section-head small {
  color: var(--qy-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.member-section-head h2 {
  margin: 5px 0 0;
  font-size: 23px;
}
.member-tabs {
  display: flex;
  gap: 9px;
}
.member-tabs .item {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--qy-line);
  border-radius: 7px;
}
.member-tabs button {
  min-width: 64px;
  height: 36px;
  border: 0;
  border-right: 1px solid var(--qy-line);
  background: #f7f9fb;
  color: var(--qy-muted);
  font-weight: 800;
}
.member-tabs button:last-child {
  border: 0;
}
.member-tabs button.curr {
  background: var(--qy-navy);
  color: #fff;
}
.member-record-head,
.member-record-list li {
  display: grid;
  grid-template-columns: 1fr 1.4fr 0.7fr 2fr;
  align-items: center;
  gap: 20px;
}
.member-recommend-head,
.member-record-head {
  height: 40px;
  margin-top: 12px;
  padding: 0 18px;
  border: 1px solid var(--qy-line);
  border-radius: 6px;
  background: #f3f6f9;
  color: var(--qy-muted);
  font-size: 12px;
  font-weight: 800;
}
.member-record-list {
  margin: 0;
  padding: 0;
}
.member-record-list li {
  min-height: 72px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--qy-line);
}
.record-result {
  display: flex;
  gap: 8px;
}
.record-result span {
  padding: 5px 8px;
  border-radius: 5px;
  background: #f3f6f9;
}
.record-progress {
  height: 6px;
  border-radius: 4px;
  background: #e5ebf0;
}
.record-progress i {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--qy-gold);
}
.member-record-list li > strong {
  color: #16875b;
  font-size: 22px;
}
.member-empty {
  display: flex;
  min-height: 100px;
  align-items: center;
  justify-content: center;
  color: var(--qy-muted);
}
.member-recommend-head,
.member-recommend-row {
  display: grid;
  grid-template-columns:
    minmax(120px, 0.72fr) minmax(430px, 2fr) 76px minmax(110px, 0.62fr)
    minmax(145px, 0.72fr);
  align-items: center;
  gap: 20px;
}
.member-recommend-row {
  position: relative;
  min-height: 92px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--qy-line);
  color: var(--qy-navy) !important;
}
.member-recommend-row:before {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 4px;
  border-radius: 3px;
  background: var(--qy-gold);
  content: "";
}
.recommend-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.recommend-meta b {
  width: -moz-max-content;
  width: max-content;
  padding-left: 7px;
  border-left: 3px solid;
}
.recommend-meta time {
  color: var(--qy-muted);
  font-size: 11px;
}
.recommend-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.recommend-match > span {
  display: flex;
  align-items: center;
  gap: 9px;
}
.recommend-match > span:last-child {
  justify-content: flex-end;
}
.recommend-match em {
  text-align: center;
  color: var(--qy-red);
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}
.recommend-result {
  display: flex;
  width: 58px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid currentColor;
  border-radius: 7px;
}
.recommend-direction {
  color: var(--qy-red);
  font-weight: 900;
}
.recommend-publish {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 6px;
  text-align: right;
}
.recommend-publish small {
  color: var(--qy-muted);
}
.detail-match-card {
  overflow: hidden;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16, 32, 51, 0.07);
}
.detail-match-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 20px 4px;
}
.detail-match-meta b {
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--qy-navy);
  color: #fff;
}
.detail-match-meta time {
  color: var(--qy-muted);
}
.detail-versus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 10px 9% 18px;
}
.detail-versus > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.detail-versus > div:last-child {
  justify-content: flex-start;
}
.detail-versus strong {
  font-size: 22px;
}
.detail-versus > span {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.detail-versus > span small {
  color: var(--qy-muted);
}
.detail-versus > span em {
  margin-top: 5px;
  color: var(--qy-red);
  font-size: 29px;
  font-style: normal;
  font-weight: 900;
}
.detail-tabs {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--qy-line);
  background: #f7f9fb;
}
.detail-tabs button {
  position: relative;
  min-width: 160px;
  height: 46px;
  border: 0;
  background: transparent;
  color: var(--qy-muted);
  font-weight: 800;
}
.detail-tabs button.curr {
  color: var(--qy-navy);
}
.detail-tabs button.curr:after {
  position: absolute;
  right: 24px;
  bottom: 0;
  left: 24px;
  height: 3px;
  background: var(--qy-gold);
  content: "";
}
.detail-content-panel {
  margin-top: 16px;
  padding: 18px 20px;
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  background: #fff;
}
.market-data-row {
  display: grid;
  grid-template-columns: 240px 240px 1fr;
  gap: 14px;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--qy-line);
}
.market-data-row > div {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 10px;
  align-items: center;
}
.market-data-row > div > span {
  display: grid;
  grid-template-columns: 1fr 58px 1fr;
  align-items: center;
  height: 38px;
  overflow: hidden;
  border: 1px solid var(--qy-line);
  border-radius: 6px;
  text-align: center;
}
.market-data-row span b {
  height: 100%;
  background: #f3f6f9;
  line-height: 38px;
}
.market-data-row > button {
  justify-self: end;
  height: 38px;
  border: 0;
  border-radius: 6px;
  background: var(--qy-navy);
  color: #fff;
}
.match-description {
  padding: 12px 14px;
  border-left: 3px solid var(--qy-gold);
  background: #f6f8fa;
  color: var(--qy-muted);
  line-height: 1.7;
}
.expert-report-card {
  margin-top: 16px;
}
.report-expert-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--qy-line);
}
.report-expert {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
}
.report-expert img {
  width: 68px;
  height: 68px;
  border: 3px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.report-expert > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.report-expert b {
  font-size: 18px;
}
.report-expert b i,
.scheme-expert b i {
  padding: 3px 7px;
  border-radius: 10px;
  font-size: 9px;
  font-style: normal;
}
.report-expert small {
  line-height: 1.5;
}
.report-expert small,
.report-expert time {
  margin-top: 4px;
  color: var(--qy-muted);
}
.report-label {
  margin-left: auto;
  padding: 5px 9px;
  border-radius: 5px;
  background: var(--qy-navy);
  color: #fff;
}
.report-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 14px 18px 0;
  overflow: hidden;
  border-radius: 8px;
}
.report-metrics span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.report-analysis {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  margin: 14px 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--qy-gold);
  background: #f3f6f9;
}
.report-analysis p {
  margin: 0;
  color: var(--qy-muted);
  line-height: 1.7;
}
.report-conclusion {
  display: flex;
  min-height: 64px;
  align-items: center;
  gap: 15px;
  padding: 10px 18px;
  border-top: 1px solid var(--qy-line);
}
.report-result {
  padding: 10px 12px;
  border-radius: 6px;
  background: #718397;
  color: #fff;
}
.report-direction {
  display: flex;
  align-items: center;
  gap: 12px;
}
.report-direction strong {
  color: var(--qy-red);
  font-size: 20px;
}
.report-subscribe {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.report-subscribe span {
  display: flex;
  flex-direction: column;
}
.report-subscribe b {
  color: var(--qy-gold);
  font-size: 18px;
}
.report-subscribe button {
  min-width: 112px;
  height: 40px;
  border: 0;
  border-radius: 7px;
  color: #fff;
}
.scheme-head,
.scheme-row {
  display: grid;
  grid-template-columns:
    minmax(310px, 1.35fr) minmax(360px, 1.35fr) minmax(130px, 0.58fr)
    minmax(150px, 0.62fr);
  align-items: center;
  gap: 20px;
}
.scheme-head {
  height: 40px;
  padding: 0 16px;
  background: #f3f6f9;
  color: var(--qy-muted);
}
.scheme-row {
  min-height: 100px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--qy-line);
}
.scheme-expert {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.scheme-expert img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.scheme-expert small {
  display: block;
  margin-top: 4px;
  color: var(--qy-muted);
}
.scheme-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.scheme-metrics span {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  background: #f3f6f9;
  color: var(--qy-muted);
  font-size: 10px;
}
.scheme-status {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 7px;
}
.login.auth-page-card {
  width: min(900px, calc(100% - 24px)) !important;
  min-height: 470px;
  margin: 24px auto !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: 42% 58%;
  overflow: hidden;
  border: 1px solid var(--qy-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 28px 70px rgba(16, 32, 51, 0.15) !important;
}
.login.auth-page-card:before {
  display: none !important;
}
.auth-promise {
  position: relative;
  padding: 48px 38px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--qy-navy), #263e59);
  color: #fff;
  text-align: left;
}
.auth-promise small {
  color: #d6b963;
  letter-spacing: 0.2em;
}
.auth-promise h2 {
  margin: 16px 0;
  color: #fff;
  font-size: 28px;
}
.auth-promise p {
  color: #c7d1dc;
  line-height: 1.8;
}
.auth-promise strong {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  padding: 12px;
  border: 1px solid rgba(213, 177, 87, 0.4);
  border-radius: 7px;
  color: #f2d687;
}
.auth-form-panel {
  padding: 38px 52px;
  background: #fff;
}
.auth-form-heading {
  margin-bottom: 22px;
  text-align: left;
}
.auth-form-heading small {
  color: var(--qy-gold);
  letter-spacing: 0.18em;
}
.auth-form-heading h1 {
  margin: 7px 0;
  font-size: 28px;
}
.auth-form-heading p {
  color: var(--qy-muted);
}
.auth-page-card > .auth-form-panel > .item {
  position: relative;
  height: auto !important;
  margin-bottom: 12px !important;
  background: transparent !important;
}
.auth-page-card > .auth-form-panel > .item input {
  box-sizing: border-box;
  width: 100% !important;
  height: 48px !important;
  padding: 0 15px !important;
  border-radius: 6px !important;
}
.auth-page-card .btn button {
  height: 48px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--qy-navy) !important;
}
.auth-page-card .wptop {
  display: none !important;
}
@media (max-width: 768px) {
  .member-profile-page,
  .recommend-detail-page {
    width: calc(100% - 24px);
    margin: 12px auto 28px;
  }
  .member-profile-identity {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }
  .member-profile-identity > img {
    width: 68px;
    height: 68px;
  }
  .member-profile-identity p {
    grid-column: 1/-1;
  }
  .member-profile-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .member-profile-metrics span {
    min-height: 64px;
    border-bottom: 1px solid var(--qy-line);
  }
  .member-data-section {
    padding: 14px 12px;
  }
  .member-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .member-tabs {
    width: 100%;
    justify-content: space-between;
  }
  .member-recommend-head,
  .member-record-head {
    display: none;
  }
  .member-record-list li {
    grid-template-columns: 0.65fr 1.35fr 0.55fr;
    gap: 8px;
    padding: 10px 4px;
  }
  .record-progress {
    grid-column: 1/-1;
  }
  .member-recommend-row {
    grid-template-columns: 84px minmax(0, 1fr) 54px;
    gap: 7px;
    min-height: 116px;
    padding: 11px 5px 11px 10px;
  }
  .recommend-match {
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
  }
  .recommend-match > span {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .recommend-match b {
    font-size: 12px;
  }
  .recommend-direction {
    grid-column: 2;
    text-align: center;
  }
  .recommend-publish {
    display: none;
  }
  .recommend-result {
    grid-row: 1/3;
    grid-column: 3;
  }
  .detail-versus {
    grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
    gap: 7px;
    padding: 9px 6px 14px;
  }
  .detail-versus > div {
    align-items: center;
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
  .detail-versus > div:last-child {
    align-items: center;
  }
  .detail-versus strong {
    font-size: 15px;
  }
  .detail-content-panel {
    padding: 12px 10px;
  }
  .market-data-row {
    grid-template-columns: 1fr;
  }
  .report-expert-head {
    align-items: flex-start;
    padding: 12px;
  }
  .report-expert {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .report-expert img {
    width: 54px;
    height: 54px;
  }
  .report-label {
    font-size: 10px;
  }
  .report-metrics {
    grid-template-columns: repeat(2, 1fr);
    margin: 11px;
  }
  .report-analysis {
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 11px;
  }
  .report-conclusion,
  .report-subscribe {
    align-items: stretch;
    flex-direction: column;
  }
  .scheme-head {
    display: none;
  }
  .scheme-row {
    grid-template-columns: minmax(0, 1fr) 90px;
    gap: 10px;
  }
  .scheme-metrics {
    grid-column: 1/-1;
  }
  .scheme-status {
    display: none;
  }
  .login.auth-page-card {
    width: 100% !important;
    display: block;
    margin: 0 !important;
  }
  .auth-form-panel,
  .auth-promise {
    padding: 24px 22px;
  }
  .auth-promise h2 {
    font-size: 22px;
  }
}
.geo-guide {
  box-sizing: border-box;
  width: calc(100% - 68px) !important;
  max-width: 1500px !important;
  margin: 0 auto 34px !important;
  padding: 28px 32px !important;
  border: 1px solid var(--qy-line);
  border-radius: 14px;
  background: #fff;
}
.geo-guide > header {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--qy-line);
}
.geo-guide > header small {
  color: var(--qy-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.geo-guide > header h2 {
  margin: 0;
  font-size: 24px;
}
.geo-guide > header p {
  margin: 0;
  color: var(--qy-muted);
}
.geo-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.geo-guide-grid article {
  padding: 18px;
  border-left: 3px solid var(--qy-gold);
  border-radius: 7px;
  background: #f5f7fa;
}
.geo-guide-grid h3 {
  margin: 0 0 8px;
  font-size: 15px;
}
.geo-guide-grid p {
  margin: 0;
  color: var(--qy-muted);
  font-size: 13px;
  line-height: 1.7;
}
@media (max-width: 760px) {
  .geo-guide {
    width: calc(100% - 24px) !important;
    padding: 20px 16px !important;
  }
  .geo-guide > header {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .geo-guide > header h2 {
    font-size: 21px;
  }
  .geo-guide > header p {
    font-size: 12px;
  }
  .geo-guide-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .geo-guide-grid article {
    padding: 14px;
  }
}
.qy-header-search input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.qy-advice-expert .portrait,
.qy-ranking-person .portrait {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.qy-advice-expert .portrait > i {
  top: 44px !important;
  right: -2px !important;
  bottom: auto !important;
}
.qy-ranking-person .portrait > i {
  top: 40px !important;
  right: -2px !important;
  bottom: auto !important;
}
.site-breadcrumb {
  display: flex;
  width: calc(100% - 40px);
  max-width: var(--content);
  min-height: 44px;
  align-items: center;
  gap: 9px;
  margin: 0 auto;
  border-bottom: 1px solid var(--qy-line);
  color: #657d92;
  font-size: 13px;
  line-height: 1.4;
}
.site-breadcrumb a,
.site-breadcrumb span {
  display: inline-flex;
  align-items: center;
  color: #48677f;
}
.site-breadcrumb i {
  color: #9cadba;
  font-size: 14px;
  font-style: normal;
}
.site-breadcrumb span {
  font-weight: 700;
  color: var(--qy-navy);
}
@keyframes qy-sign-breathe {
  0%,
  to {
    box-shadow: 0 0 0 0 rgba(190, 140, 35, 0.1);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(190, 140, 35, 0.18);
  }
}
.qy-sign-card {
  border-color: #c69a3d !important;
  background: linear-gradient(135deg, #fffaf0, #f3dfaa) !important;
  color: #6e4b08 !important;
  animation: qy-sign-breathe 2.2s ease-in-out infinite;
}
.qy-sign-card > i {
  background: linear-gradient(145deg, #e0bb60, #a87517) !important;
  box-shadow: 0 3px 10px rgba(152, 105, 16, 0.28);
}
.qy-sign-card > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.qy-sign-card b {
  margin: 0 !important;
  color: #6d4b0d !important;
  font-size: 14px !important;
}
.qy-sign-card.signed {
  border-color: #c5a458 !important;
  background: #f7f0df !important;
  animation: none;
}
.qy-sign-card.signed > i {
  background: linear-gradient(145deg, #d7b65f, #a87517) !important;
}
@keyframes qy-nav-gold-breathe {
  0%,
  to {
    color: #a87517;
    text-shadow: 0 0 0 rgba(198, 154, 61, 0);
  }
  50% {
    color: #d2a83f;
    text-shadow: 0 0 10px rgba(198, 154, 61, 0.72);
  }
}
.qy-header nav a.qy-nav-featured {
  color: #a87517 !important;
  animation: qy-nav-gold-breathe 2.2s ease-in-out infinite;
}
.qy-advice-card > header {
  min-height: 112px;
  padding: 20px 22px;
}
.qy-advice-expert {
  gap: 16px;
}
.qy-advice-expert img {
  width: 78px;
  height: 78px;
}
.qy-advice-expert .portrait > i {
  top: 58px !important;
  width: 22px !important;
  height: 22px !important;
}
.qy-advice-expert b {
  margin: 0 0 7px;
  font-size: 20px;
  line-height: 1.2;
}
.qy-advice-expert em {
  padding: 4px 9px;
  border-color: #d7b65f;
  color: #f0d381;
  font-size: 11px;
  font-weight: 800;
}
.qy-advice-score b {
  font-size: 25px;
}
.qy-advice-score small {
  font-size: 10px;
}
.qy-advice-match {
  grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr);
  min-height: 128px;
  padding: 22px;
}
.qy-advice-match > div {
  gap: 13px;
}
.qy-advice-match > div > b {
  font-size: 16px;
  line-height: 1.35;
}
.qy-advice-match strong {
  font-size: 28px;
}
.qy-advice-match em,
.qy-advice-match small {
  font-size: 11px;
}
.qy-advice-intro {
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: start;
  padding: 15px 17px;
}
.qy-advice-intro b {
  font-size: 15px;
}
.qy-advice-intro p {
  font-size: 14px;
  line-height: 1.75;
}
.qy-advice-metrics span {
  min-height: 76px;
  padding: 13px 4px;
}
.qy-advice-metrics b {
  font-size: 22px;
}
.qy-advice-metrics small {
  font-size: 10px;
}
.qy-advice-card > footer {
  padding: 15px 20px;
}
.qy-advice-action {
  font-size: 14px;
}
.qy-ranking-card {
  min-height: 224px;
  align-items: center;
}
.qy-ranking-person {
  grid-template-columns: 54px 88px minmax(0, 1fr);
  gap: 14px;
}
.qy-ranking-person img {
  width: 82px;
  height: 82px;
}
.qy-ranking-person .portrait > i {
  top: 61px !important;
  width: 23px !important;
  height: 23px !important;
}
.qy-ranking-person b {
  font-size: 19px;
  line-height: 1.35;
}
.qy-ranking-person b i {
  display: inline-flex;
  margin-left: 5px;
  padding: 4px 8px;
  border: 1px solid #c59c42;
  border-radius: 12px;
  background: #fbf3df;
  color: #775410;
  font-size: 10px;
  font-style: normal;
}
.qy-ranking-person p {
  margin: 7px 0;
  font-size: 13px;
  line-height: 1.65;
}
.qy-ranking-performance > span {
  min-height: 94px;
}
.qy-ranking-performance b {
  font-size: 23px;
}
.qy-ranking-performance em {
  font-size: 10px;
}
.report-expert {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 17px;
}
.report-expert img {
  width: 86px;
  height: 86px;
}
.report-expert b {
  font-size: 20px;
}
.report-expert b i,
.scheme-expert b i {
  display: inline-flex;
  padding: 4px 8px;
  border: 1px solid #d1ad59;
  background: #fbf2da !important;
  color: #76520d !important;
  font-size: 10px;
}
.report-expert small {
  font-size: 13px;
  line-height: 1.7;
}
.report-expert time {
  font-size: 11px;
}
.report-metrics span {
  min-height: 82px;
}
.report-metrics b {
  font-size: 22px;
}
.report-metrics small {
  font-size: 11px;
}
.detail-versus {
  min-height: 142px;
}
.detail-versus strong {
  font-size: 24px;
}
.detail-tabs button {
  font-size: 15px;
}
.market-data-row,
.report-analysis,
.report-conclusion {
  font-size: 14px;
}
.scheme-expert {
  grid-template-columns: 70px minmax(0, 1fr);
}
.scheme-expert img {
  width: 66px;
  height: 66px;
}
.qy-expert-profile .member-profile-identity {
  grid-template-columns: 112px minmax(0, 1fr);
}
.member-profile-identity > img {
  width: 106px;
  height: 106px;
}
.member-name h1 {
  font-size: 27px;
}
.member-name span {
  border: 1px solid #c59b3c;
  font-size: 11px;
  font-weight: 800;
}
.qy-profile-seal {
  width: 112px;
  height: 112px;
}
.qy-profile-seal b {
  font-family: inherit;
  font-size: 28px;
}
.qy-profile-seal span {
  margin-top: 2px;
  color: #76520d;
  font-size: 11px;
  letter-spacing: 0;
}
.qy-profile-seal small {
  font-size: 9px;
}
.mywrap {
  display: grid !important;
  width: calc(100% - 40px);
  max-width: var(--content);
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 22px;
  overflow: visible !important;
  margin: 22px auto 46px;
}
.mywrap .meminfo,
.mywrap .mylft,
.mywrap .myrht {
  width: auto !important;
  float: none !important;
}
.mywrap .myrht {
  min-width: 0;
}
.mywrap .portrait {
  min-height: 0;
  padding: 22px 16px 18px;
  border: 1px solid var(--qy-line);
  border-radius: 12px 12px 0 0;
  background: #fff !important;
}
.mywrap .portrait .img {
  position: static !important;
  width: 104px;
  height: 104px;
  margin: 0 auto;
  border: 4px solid #fff;
  box-shadow: 0 0 0 2px var(--qy-gold);
  background: #102033;
}
.mywrap .portrait .img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.mywrap .portrait .con {
  min-height: 0 !important;
  margin: 14px 0 0 !important;
  color: var(--qy-navy) !important;
  text-align: center !important;
}
.mywrap .portrait .name {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}
.mywrap .portrait .dsc {
  margin-top: 7px;
  color: var(--qy-muted) !important;
  font-size: 12px;
  line-height: 1.6;
}
.mywrap .mycoin {
  display: grid;
  height: auto;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  padding: 10px 0;
  border: 1px solid var(--qy-line);
  border-top: 0;
  background: #fff;
}
.mywrap .mycoin .item {
  width: auto;
  float: none;
}
.mywrap .mycoin b {
  margin: 0;
  color: #b17d17;
  font-size: 21px;
}
.mywrap .mybox {
  overflow: hidden;
  margin: 12px 0 0;
  border: 1px solid var(--qy-line);
  border-radius: 10px;
  background: #fff;
}
.mywrap .mybox .item {
  height: 48px;
  padding: 0 13px;
  border-color: var(--qy-line);
  background: #fff;
  line-height: 48px;
}
.mywrap .mybox .item:hover {
  background: #f5f8fa;
}
.mywrap .mybox .active,
.mywrap .mybox .active:hover {
  background: #f5ead0 !important;
}
.mywrap .mybox .active a {
  color: #8a6114;
}
.mywrap .mybox .item a,
.mywrap .mybox .out {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--qy-navy);
  font-size: 14px;
  font-weight: 700;
}
.member-nav-icon {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  border: 1px solid #ccdae6;
  border-radius: 7px;
  background: #f6f9fb;
  color: #305777;
  vertical-align: middle !important;
}
.member-nav-icon svg {
  display: block;
  width: 18px !important;
  height: 18px !important;
}
.mywrap .mybox .active .member-nav-icon {
  border-color: #c69a3d;
  background: #fff;
  color: #9d6f13;
}
.mywrap .mybox .out {
  margin-top: 0;
  border-top: 8px solid #eef2f6;
  cursor: pointer;
}
.mywrap .memberinfo {
  border: 1px solid var(--qy-line);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(16, 32, 51, 0.05);
}
@media (max-width: 760px) {
  .site-breadcrumb {
    width: calc(100% - 24px);
    min-height: 38px;
    gap: 7px;
    font-size: 12px;
  }
  .qy-sign-card {
    min-width: 98px !important;
  }
  .qy-sign-card b {
    font-size: 11px !important;
  }
  .qy-advice-card > header {
    min-height: 96px;
    padding: 15px;
  }
  .qy-advice-expert {
    gap: 11px;
  }
  .qy-advice-expert img {
    width: 64px !important;
    height: 64px !important;
  }
  .qy-advice-expert .portrait > i {
    top: 46px !important;
  }
  .qy-advice-expert b {
    font-size: 17px;
  }
  .qy-advice-expert em {
    font-size: 9px;
  }
  .qy-advice-score span {
    min-width: 57px;
  }
  .qy-advice-score b {
    font-size: 18px;
  }
  .qy-advice-match {
    grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr);
    min-height: 140px;
    padding: 18px 8px;
  }
  .qy-advice-match > div {
    gap: 8px;
  }
  .qy-advice-match > div > b {
    font-size: 13px;
  }
  .qy-advice-match strong {
    font-size: 23px;
  }
  .qy-advice-intro {
    grid-template-columns: 1fr;
    padding: 12px 13px;
  }
  .qy-advice-intro b {
    font-size: 14px;
  }
  .qy-advice-intro p {
    font-size: 12px;
  }
  .qy-ranking-card {
    min-height: 0;
  }
  .qy-ranking-person {
    grid-template-columns: 34px 68px minmax(0, 1fr);
  }
  .qy-ranking-person img {
    width: 64px !important;
    height: 64px !important;
  }
  .qy-ranking-person .portrait > i {
    top: 46px !important;
  }
  .qy-ranking-person b {
    font-size: 16px;
  }
  .qy-ranking-person p {
    font-size: 11px;
  }
  .qy-ranking-performance > span {
    min-height: 74px;
  }
  .qy-ranking-performance b {
    font-size: 17px;
  }
  .qy-ranking-performance em {
    font-size: 8px;
  }
  .detail-versus {
    min-height: 168px;
  }
  .detail-versus strong {
    font-size: 15px;
  }
  .report-expert {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }
  .report-expert img {
    width: 68px !important;
    height: 68px !important;
  }
  .report-expert b {
    font-size: 16px;
  }
  .report-expert small {
    font-size: 11px;
  }
  .member-profile-identity {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    padding-right: 68px !important;
  }
  .member-profile-identity > img {
    width: 78px !important;
    height: 78px !important;
  }
  .member-name {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .member-name h1 {
    font-size: 21px;
  }
  .qy-profile-seal {
    width: 68px;
    height: 68px;
  }
  .qy-profile-seal b {
    font-size: 19px;
  }
  .qy-profile-seal span {
    font-size: 8px;
  }
  .mywrap {
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 12px auto 30px;
  }
  .mywrap .meminfo {
    display: block !important;
  }
  .mywrap .portrait {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    padding: 16px;
  }
  .mywrap .portrait .img {
    width: 72px;
    height: 72px;
    margin: 0;
  }
  .mywrap .portrait .con {
    margin: 0 0 0 14px !important;
    text-align: left !important;
  }
  .mywrap .portrait .dsc {
    display: block;
  }
  .mywrap .mybox .pc {
    display: none !important;
  }
  .mywrap .mybox .wp {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mywrap .mybox .item {
    height: 46px;
    padding: 0 10px;
    line-height: 46px;
  }
  .mywrap .mybox .item:nth-child(odd) {
    border-right: 1px solid var(--qy-line);
  }
  .mywrap .mybox .out {
    grid-column: 1/-1;
    height: 46px;
    padding: 0 10px;
  }
  .mywrap .member-nav-icon {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px;
  }
  .mywrap .member-nav-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .mywrap .myrhtinfo {
    display: block !important;
  }
}
.qy-ranking-dossier > .qy-rank-toolbar {
  display: flex !important;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 26px !important;
}
.qy-rank-toolbar > div {
  display: inline-grid !important;
  grid-template-columns: repeat(2, 160px);
  gap: 0;
  padding: 4px;
  border: 1px solid #d3dee7;
  border-radius: 10px;
  background: #f3f6f9;
}
.qy-rank-toolbar button {
  min-width: 0 !important;
  height: 44px;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #526b7f;
}
.qy-rank-toolbar button.active {
  box-shadow: 0 5px 12px rgba(16, 32, 51, 0.16);
}
.qy-rank-toolbar label {
  display: grid !important;
  grid-template-columns: auto 150px;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
}
.qy-rank-toolbar select {
  width: 150px;
  height: 44px;
  font-size: 14px;
  font-weight: 700;
}
.qy-ranking-card {
  grid-template-columns: minmax(430px, 1.22fr) minmax(500px, 1.5fr) minmax(
      190px,
      0.58fr
    );
  gap: 22px;
  padding: 20px;
}
.qy-ranking-person > em.rank-medal {
  position: relative;
  width: 52px;
  height: 52px;
  border: 2px solid #cfb15c;
  border-radius: 50%;
  clip-path: none;
  background: radial-gradient(circle at 36% 28%, #21415d, #0d2236 70%);
  box-shadow: inset 0 0 0 4px #f8f2e2, 0 5px 13px rgba(16, 32, 51, 0.18);
  color: #f1d17a;
  font-size: 16px;
  letter-spacing: 0.03em;
}
.qy-ranking-person > em.rank-medal:before {
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(177, 132, 40, 0.32);
  border-radius: 50%;
  content: "";
}
.qy-ranking-person > em.rank-1 {
  background: radial-gradient(circle at 35% 27%, #d5af4e, #5d430a 74%);
  color: #fff3bd;
}
.qy-ranking-person > em.rank-2 {
  background: radial-gradient(circle at 35% 27%, #9aa8b2, #394958 74%);
  color: #fff;
}
.qy-ranking-person > em.rank-3 {
  background: radial-gradient(circle at 35% 27%, #bc8552, #59361e 74%);
  color: #fff0dd;
}
.qy-ranking-person {
  grid-template-columns: 58px 92px minmax(0, 1fr);
  gap: 16px;
}
.qy-ranking-person p {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.qy-ranking-performance {
  align-self: stretch;
}
.qy-ranking-actions {
  align-self: stretch;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1150px) {
  .qy-ranking-dossier > .qy-rank-toolbar {
    gap: 14px;
  }
  .qy-ranking-card {
    grid-template-columns: minmax(360px, 1fr) minmax(430px, 1.35fr);
  }
  .qy-ranking-actions {
    display: grid;
    grid-template-columns: 220px 1fr 150px;
    gap: 8px;
  }
}
@media (max-width: 760px) {
  .qy-ranking-dossier > .qy-rank-toolbar {
    display: grid !important;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px !important;
  }
  .qy-rank-toolbar > div {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }
  .qy-rank-toolbar label {
    width: 100%;
    grid-template-columns: auto minmax(120px, 1fr);
    margin: 0;
  }
  .qy-rank-toolbar select {
    width: 100%;
  }
  .qy-ranking-card {
    display: block;
    padding: 14px;
  }
  .qy-ranking-person {
    grid-template-columns: 45px 68px minmax(0, 1fr);
    gap: 10px;
  }
  .qy-ranking-person > em.rank-medal {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
  .qy-ranking-performance {
    margin-top: 14px;
  }
  .qy-ranking-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.qy-advice-card > header {
  height: 98px;
  min-height: 0;
  padding: 10px 18px;
  box-sizing: border-box;
}
.qy-advice-expert img {
  width: 72px;
  height: 72px;
}
.qy-advice-expert .portrait > i {
  top: 52px !important;
}
.qy-advice-score span {
  min-width: 76px;
}
.qy-advice-match {
  min-height: 0;
  padding: 12px 18px;
}
.qy-advice-intro {
  padding: 12px 14px;
}
.qy-advice-metrics span {
  min-height: 0;
  padding: 12px 4px;
}
.qy-advice-card > footer {
  padding: 13px 18px;
}
.qy-ranking-card {
  min-height: 0;
  padding: 16px;
  gap: 16px;
}
.qy-ranking-person {
  grid-template-columns: 58px 84px minmax(0, 1fr);
  gap: 13px;
}
.qy-ranking-person img {
  width: 78px;
  height: 78px;
}
.qy-ranking-person .portrait > i {
  top: 57px !important;
}
.qy-ranking-performance > span {
  min-height: 78px;
}
.qy-ranking-actions {
  align-self: center;
}
.detail-versus {
  min-height: 110px;
  padding-top: 8px;
  padding-bottom: 14px;
}
.report-expert-head {
  min-height: 94px;
  padding: 4px 18px;
}
.report-expert {
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 14px;
}
.report-expert img {
  width: 76px;
  height: 76px;
}
.report-metrics span {
  min-height: 72px;
}
@media (max-width: 760px) {
  .qy-advice-card > header {
    height: 88px;
    min-height: 0;
    padding: 10px 12px;
  }
  .qy-advice-expert img {
    width: 62px !important;
    height: 62px !important;
  }
  .qy-advice-expert .portrait > i {
    top: 44px !important;
  }
  .qy-advice-match {
    min-height: 0;
    padding: 12px 8px;
  }
  .qy-ranking-card {
    min-height: 0;
    padding: 13px;
  }
  .qy-ranking-person img {
    width: 62px !important;
    height: 62px !important;
  }
  .qy-ranking-person .portrait > i {
    top: 44px !important;
  }
  .qy-ranking-performance > span {
    min-height: 66px;
  }
  .detail-versus {
    min-height: 110px;
    padding: 8px 6px 12px;
  }
  .report-expert-head {
    min-height: 82px;
    padding: 6px 12px;
  }
  .report-expert {
    grid-template-columns: 66px minmax(0, 1fr) !important;
  }
  .report-expert img {
    width: 62px !important;
    height: 62px !important;
  }
  .report-metrics span {
    min-height: 64px;
  }
}
.expert-cert {
  display: block !important;
  width: -moz-max-content !important;
  width: max-content !important;
  margin: 0 0 6px !important;
  padding: 4px 9px !important;
  border: 1px solid #c59a35 !important;
  border-radius: 4px !important;
  background: linear-gradient(135deg, #fff9e9, #f3dfaa) !important;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.75) !important;
  color: #76520d !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}
.qy-advice-expert em.expert-cert {
  order: 0;
}
.qy-advice-expert b {
  order: 1;
  margin: 0;
}
.qy-ranking-person > span:last-child > b {
  display: block;
  margin: 0 0 4px;
}
.member-name {
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
}
.member-name .expert-cert {
  order: 0;
}
.member-name h1 {
  order: 1;
}
.report-expert > span > b,
.scheme-expert span > b {
  display: block;
}
.qy-expert-head > div > .expert-cert {
  margin-top: 5px !important;
}
.qy-expert-head h3 {
  margin: 4px 0 0;
}
.qy-article-expert > div > b {
  display: block;
}
.qy-detail-expert-copy > .expert-cert {
  margin-top: 5px !important;
}
.qy-detail-expert-copy h2 {
  margin: 4px 0;
}
.news-copy footer > span {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
}
.follow-expert-profile .name {
  margin: 0 0 8px;
}
.qy-advice-expert .portrait,
.qy-ranking-person .portrait {
  min-height: 0 !important;
  overflow: visible !important;
}
.qy-advice-expert .portrait {
  transform: translateY(3px);
}
.qy-advice-score span {
  min-width: 86px;
}
.qy-advice-score b {
  font-size: 26px;
  line-height: 1;
}
.qy-advice-score small {
  margin-top: 7px;
  font-size: 12px;
}
.qy-advice-meta {
  margin-top: 12px;
  padding-bottom: 10px;
  font-size: 14px;
}
.qy-advice-meta time {
  font-size: 14px;
}
.qy-advice-match {
  padding: 9px 18px;
}
.qy-advice-match > div > b {
  font-size: 17px;
}
.qy-advice-match > span {
  justify-content: center;
}
.qy-advice-match > span > small {
  color: var(--qy-gold);
  font-size: 15px;
  font-weight: 800;
}
.qy-advice-match strong {
  margin: 8px 0 0;
  transform: translateY(2px);
  font-size: 26px;
}
.qy-advice-match em {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.35;
}
.qy-advice-intro {
  padding: 11px 14px;
}
.qy-advice-intro b {
  font-size: 16px;
}
.qy-advice-intro p {
  font-size: 15px;
  line-height: 1.65;
}
.qy-advice-metrics {
  margin-top: 10px;
}
.qy-advice-metrics span {
  padding: 11px 4px;
}
.qy-advice-metrics b {
  font-size: 23px;
  line-height: 1;
}
.qy-advice-metrics small {
  margin-top: 7px;
  font-size: 12px;
}
.qy-advice-card > footer {
  padding: 11px 18px;
}
.qy-advice-card > footer > span small {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.qy-advice-card > footer > time {
  font-size: 13px;
  line-height: 1.35;
}
.qy-advice-card > footer > span b {
  margin-top: 5px;
  font-size: 19px;
}
.qy-advice-action {
  font-size: 16px;
}
.qy-ranking-person p {
  font-size: 14px;
  line-height: 1.6;
}
.qy-ranking-person strong {
  margin-top: 7px;
  font-size: 14px;
}
.qy-ranking-performance > span {
  min-height: 74px;
}
.qy-ranking-performance small {
  font-size: 15px;
  letter-spacing: 0;
}
.qy-ranking-performance b {
  font-size: 24px;
}
.qy-ranking-performance > span:first-child b {
  font-size: 21px;
  white-space: nowrap;
}
.qy-ranking-performance em {
  margin-top: 7px;
  font-size: 15px;
  line-height: 1.35;
}
.qy-ranking-actions b {
  font-size: 22px;
}
.qy-ranking-actions small {
  font-size: 15px;
}
.qy-ranking-actions > div span {
  padding: 9px 7px;
}
@media (max-width: 760px) {
  .qy-advice-expert .portrait {
    transform: translateY(2px);
  }
  .qy-advice-score span {
    min-width: 58px;
  }
  .qy-advice-score b {
    font-size: 20px;
  }
  .qy-advice-score small {
    font-size: 10px;
  }
  .qy-advice-match > div > b {
    font-size: 14px;
  }
  .qy-advice-match em,
  .qy-advice-match small {
    font-size: 10px;
  }
  .qy-advice-intro p {
    font-size: 13px;
  }
  .qy-advice-metrics b {
    font-size: 19px;
  }
  .qy-advice-metrics small {
    font-size: 10px;
  }
  .qy-advice-card > footer > span small {
    font-size: 12px;
  }
  .qy-advice-card > footer > time {
    font-size: 11px;
  }
  .qy-advice-card > footer > span b {
    font-size: 17px;
  }
  .qy-ranking-person p,
  .qy-ranking-person strong {
    font-size: 12px;
  }
  .qy-ranking-performance small {
    font-size: 10px;
  }
  .qy-ranking-performance b {
    font-size: 18px;
  }
  .qy-ranking-performance em {
    font-size: 10px;
  }
  .qy-ranking-actions b {
    font-size: 21px;
  }
  .qy-ranking-actions small {
    font-size: 11px;
  }
}
@media (max-width: 760px) {
  #app {
    padding-top: 142px;
  }
  .qy-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .qy-header-inner {
    min-height: 142px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 50px 48px 44px;
    gap: 0;
    padding: 0 8px;
  }
  .qy-logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    flex: none;
  }
  .qy-logo img {
    width: 36px;
    height: 36px;
  }
  .qy-logo b {
    font-size: 19px;
  }
  .qy-logo span small {
    display: block;
    margin-top: 2px;
    font-size: 8px;
    letter-spacing: 1px;
  }
  .qy-menu-button {
    display: none !important;
  }
  .qy-header-tools {
    grid-column: 1;
    grid-row: 2;
    padding: 3px 0;
  }
  .qy-account-card,
  .qy-header-search,
  .qy-sign-card {
    height: 40px !important;
  }
  .qy-header-search input,
  .qy-search-form input {
    font-size: 16px !important;
  }
  .qy-header-search input {
    line-height: 40px;
  }
  .qy-sign-card {
    min-width: 94px !important;
  }
  .qy-account-card {
    min-width: 48px;
  }
  .qy-header nav {
    position: static;
    display: grid !important;
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-self: stretch;
    overflow: visible;
    padding: 0;
    border-top: 1px solid #edf1f5;
    background: #fff;
    box-shadow: none;
    white-space: nowrap;
  }
  .qy-header nav a {
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 0 1px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    font-size: 10.5px;
    letter-spacing: -0.2px;
  }
  .qy-header nav a.router-link-exact-active {
    border-bottom-color: var(--qy-red);
  }
  .qy-ranking-dossier > .qy-rank-toolbar {
    display: flex !important;
    min-height: 64px;
    align-items: center;
    gap: 8px;
    padding: 10px !important;
  }
  .qy-rank-toolbar > div {
    display: grid !important;
    width: auto;
    min-width: 0;
    flex: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 3px;
  }
  .qy-rank-toolbar button {
    height: 40px;
    padding: 0 8px !important;
    font-size: 14px;
  }
  .qy-rank-toolbar label {
    display: block !important;
    width: 92px;
    flex: 0 0 92px;
    margin: 0;
  }
  .qy-rank-toolbar select {
    width: 92px;
    height: 46px;
    padding: 0 26px 0 10px;
    font-size: 14px;
  }
  .qy-ranking-performance {
    grid-template-columns: 1.15fr repeat(3, 1fr);
  }
  .qy-ranking-performance > span:first-child {
    padding: 0 5px;
  }
  .qy-ranking-performance > span:first-child b {
    font-size: 15px;
  }
  .qy-ranking-performance > span:first-child em {
    font-size: 8px;
    letter-spacing: -0.35px;
    white-space: nowrap;
  }
}
.qy-advice-card > header,
.qy-ranking-dossier > .qy-rank-toolbar,
.qy-ranking-title {
  position: relative;
  overflow: hidden;
  background: radial-gradient(
      circle at 10% 46%,
      rgba(22, 185, 232, 0.24),
      transparent 25%
    ),
    radial-gradient(
      circle at 48% 118%,
      rgba(214, 165, 45, 0.15),
      transparent 34%
    ),
    linear-gradient(112deg, #071827, #102d46 58%, #09233a) !important;
}
.qy-advice-card > header:before,
.qy-ranking-dossier > .qy-rank-toolbar:before,
.qy-ranking-title:before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  opacity: 0.42;
  background-image: linear-gradient(rgba(64, 202, 235, 0.11) 1px, transparent 0),
    linear-gradient(90deg, rgba(64, 202, 235, 0.1) 1px, transparent 0),
    radial-gradient(
      circle at 18% 35%,
      rgba(65, 220, 255, 0.82) 0 2px,
      transparent 3px
    ),
    radial-gradient(
      circle at 35% 72%,
      rgba(220, 169, 50, 0.75) 0 2px,
      transparent 3px
    ),
    radial-gradient(
      circle at 63% 28%,
      rgba(65, 220, 255, 0.68) 0 2px,
      transparent 3px
    );
  background-size: 42px 42px, 42px 42px, 190px 94px, 230px 112px, 260px 128px;
}
.qy-advice-card > header > *,
.qy-ranking-dossier > .qy-rank-toolbar > *,
.qy-ranking-title > * {
  position: relative;
  z-index: 1;
}
.qy-advice-card > header {
  box-shadow: inset 0 1px 0 rgba(222, 177, 66, 0.52),
    inset 0 -1px 0 rgba(54, 202, 234, 0.24);
}
.qy-advice-metrics {
  overflow: hidden;
  background: linear-gradient(110deg, #071827, #0d2c45 52%, #082238) !important;
  box-shadow: inset 0 2px 0 rgba(214, 165, 45, 0.72);
}
.qy-advice-metrics span {
  position: relative;
  border-right-color: rgba(55, 201, 233, 0.3) !important;
  background: radial-gradient(
    circle at 50% 15%,
    rgba(30, 177, 216, 0.12),
    transparent 58%
  );
}
.qy-advice-metrics span:nth-child(2n) {
  background: radial-gradient(
    circle at 50% 18%,
    rgba(214, 165, 45, 0.08),
    transparent 60%
  );
}
.qy-advice-metrics b {
  text-shadow: 0 0 15px rgba(214, 165, 45, 0.2);
}
.qy-ranking-dossier > .qy-rank-toolbar {
  box-shadow: inset 0 1px 0 rgba(214, 165, 45, 0.55),
    inset 0 -1px 0 rgba(50, 198, 231, 0.28);
}
.qy-rank-toolbar > div {
  border-color: rgba(78, 207, 235, 0.38) !important;
  background: rgba(3, 17, 30, 0.62) !important;
  box-shadow: inset 0 0 18px rgba(27, 178, 212, 0.08);
}
.qy-rank-toolbar button {
  color: #c7d9e6 !important;
}
.qy-rank-toolbar button.active {
  background: linear-gradient(135deg, #17496a, #0b2b43) !important;
  box-shadow: inset 0 2px 0 #d0a43d, 0 5px 14px rgba(0, 0, 0, 0.22) !important;
}
.qy-rank-toolbar label {
  color: #d7e4ed !important;
}
.qy-rank-toolbar select {
  border-color: rgba(78, 207, 235, 0.46) !important;
  background: hsla(0, 0%, 100%, 0.96) !important;
  color: #102d46 !important;
}
.qy-ranking-title {
  box-shadow: inset 0 2px 0 rgba(214, 165, 45, 0.7),
    inset 0 -1px 0 rgba(54, 202, 234, 0.28);
}
.qy-ranking-title p {
  color: #c4d8e6 !important;
}
.qy-ranking-actions > div {
  border-color: rgba(74, 196, 226, 0.36) !important;
  background: linear-gradient(120deg, #0a2034, #103450) !important;
  box-shadow: inset 0 2px 0 rgba(214, 165, 45, 0.55);
}
.qy-ranking-actions > div span + span {
  border-left-color: rgba(74, 196, 226, 0.3) !important;
}
.qy-ranking-actions > div b {
  color: #f0c962 !important;
  text-shadow: 0 0 13px rgba(214, 165, 45, 0.2);
}
.qy-ranking-actions > div small {
  color: #b7cedd !important;
}
.qy-ranking-actions > a {
  position: relative;
  overflow: hidden;
  background: radial-gradient(
      circle at 15% 50%,
      rgba(25, 184, 220, 0.2),
      transparent 35%
    ),
    linear-gradient(120deg, #071827, #103450) !important;
  box-shadow: inset 0 2px 0 rgba(214, 165, 45, 0.72),
    inset 0 -1px 0 rgba(55, 201, 233, 0.3);
}
.qy-ranking-actions > a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -35%;
  width: 28%;
  transform: skewX(-20deg);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(82, 217, 245, 0.15),
    transparent
  );
  content: "";
  animation: qy-ai-scan 5.5s ease-in-out infinite;
}
@keyframes qy-ai-scan {
  0%,
  72% {
    left: -35%;
  }
  to {
    left: 125%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qy-ranking-actions > a:after {
    animation: none;
  }
}
.qy-ranking-dossier > .qy-rank-toolbar {
  overflow: visible;
  background: #fff !important;
  box-shadow: none !important;
}
.qy-ranking-dossier > .qy-rank-toolbar:before {
  display: none !important;
}
.qy-rank-toolbar > div {
  border-color: #d3dee7 !important;
  background: #f3f6f9 !important;
  box-shadow: none !important;
}
.qy-rank-toolbar button {
  color: #526b7f !important;
}
.qy-rank-toolbar button.active {
  background: var(--qy-navy) !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(16, 32, 51, 0.16) !important;
}
.qy-rank-toolbar label {
  color: var(--qy-muted) !important;
}
.qy-rank-toolbar select {
  color: var(--qy-navy) !important;
}
.qy-rank-toolbar select,
.qy-ranking-actions > div {
  border-color: var(--qy-line) !important;
  background: #fff !important;
}
.qy-ranking-actions > div {
  box-shadow: none !important;
}
.qy-ranking-actions > div span + span {
  border-left-color: var(--qy-line) !important;
}
.qy-ranking-actions > div b {
  color: var(--qy-navy) !important;
  text-shadow: none !important;
}
.qy-ranking-actions > div small {
  color: var(--qy-muted) !important;
}
.qy-ranking-actions > a {
  overflow: visible;
  background: var(--qy-navy) !important;
  box-shadow: none !important;
  color: #fff !important;
}
.qy-ranking-actions > a:after {
  display: none !important;
}
.qy-advice-card > header {
  isolation: isolate;
  background-image: url(../img/ai-card-data-bg.5f09bb2b.svg),
    radial-gradient(
      circle at 13% 48%,
      rgba(17, 206, 244, 0.38),
      transparent 29%
    ),
    radial-gradient(
      circle at 42% 108%,
      rgba(219, 169, 47, 0.24),
      transparent 36%
    ),
    linear-gradient(108deg, #041624, #0b3049 52%, #06243a) !important;
  background-position: 50%, 50%, 50%, 50% !important;
  background-size: cover, auto, auto, auto !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 3px 0 rgba(214, 165, 45, 0.9),
    inset 0 -1px 0 rgba(45, 213, 247, 0.55), 0 7px 18px rgba(5, 25, 41, 0.12);
}
.qy-advice-card > header:after,
.qy-advice-card > header:before {
  display: none !important;
}
.qy-advice-expert .portrait {
  filter: drop-shadow(0 0 13px rgba(33, 204, 239, 0.38))
    drop-shadow(0 0 5px rgba(214, 165, 45, 0.28));
}
.qy-advice-score {
  position: relative;
  z-index: 2;
  padding: 8px 5px;
  border: 1px solid rgba(62, 207, 238, 0.14);
  border-radius: 8px;
  background: rgba(3, 20, 34, 0.2);
  backdrop-filter: blur(1px);
}
.qy-advice-score b {
  text-shadow: 0 0 18px rgba(214, 165, 45, 0.35);
}
.qy-advice-metrics {
  position: relative;
  isolation: isolate;
  background: radial-gradient(
      circle at 14% 0,
      rgba(21, 195, 232, 0.2),
      transparent 32%
    ),
    radial-gradient(
      circle at 72% 100%,
      rgba(214, 165, 45, 0.12),
      transparent 38%
    ),
    linear-gradient(108deg, #041624, #0b3049 55%, #06243a) !important;
  box-shadow: inset 0 3px 0 rgba(214, 165, 45, 0.86),
    inset 0 -1px 0 rgba(45, 213, 247, 0.45);
}
.qy-advice-metrics:before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  opacity: 0.45;
  background-image: radial-gradient(
    circle,
    rgba(64, 218, 247, 0.58) 0 1px,
    transparent 1.5px
  );
  background-size: 18px 18px;
  -webkit-mask-image: linear-gradient(
    90deg,
    #000,
    transparent 32%,
    transparent 68%,
    #000
  );
  mask-image: linear-gradient(
    90deg,
    #000,
    transparent 32%,
    transparent 68%,
    #000
  );
}
.qy-advice-metrics span {
  z-index: 1;
  border-right-color: rgba(59, 216, 247, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(59, 216, 247, 0.18);
}
.qy-advice-metrics b {
  text-shadow: 0 0 19px rgba(214, 165, 45, 0.38);
}

/* AI专家档案入口：金色智能光路与扫描效果 */
.qy-ranking-actions > a {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  color: #fff8dc !important;
  border: 1px solid #e6bd54 !important;
  background: radial-gradient(
      circle at 14% 35%,
      rgba(255, 235, 151, 0.3) 0 1px,
      transparent 2px
    ),
    radial-gradient(
      circle at 84% 68%,
      rgba(255, 244, 190, 0.24) 0 1px,
      transparent 2px
    ),
    linear-gradient(118deg, #8f5d08 0%, #d49b20 45%, #9a650b 100%) !important;
  background-size: 42px 24px, 54px 30px, auto !important;
  box-shadow: inset 0 1px 0 rgba(255, 248, 210, 0.78),
    inset 0 -1px 0 rgba(91, 54, 0, 0.32), 0 5px 14px rgba(181, 125, 13, 0.22) !important;
  text-shadow: 0 1px 2px rgba(69, 39, 0, 0.5) !important;
  transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.qy-ranking-actions > a:before {
  position: absolute;
  inset: 3px;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0.34;
  border-radius: 4px;
  background-image: linear-gradient(
      90deg,
      transparent 48%,
      rgba(255, 241, 174, 0.46) 50%,
      transparent 52%
    ),
    linear-gradient(
      transparent 48%,
      rgba(255, 241, 174, 0.38) 50%,
      transparent 52%
    );
  background-size: 24px 100%, 100% 15px;
}
.qy-ranking-actions > a:after {
  display: block !important;
  position: absolute !important;
  top: -35% !important;
  bottom: -35% !important;
  left: -38% !important;
  width: 24% !important;
  pointer-events: none;
  content: "" !important;
  transform: skewX(-19deg) !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 249, 207, 0.72),
    transparent
  ) !important;
  animation: qy-gold-ai-scan 3.8s ease-in-out infinite !important;
}
.qy-ranking-card:hover .qy-ranking-actions > a {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 250, 221, 0.9),
    0 7px 18px rgba(190, 132, 15, 0.32), 0 0 14px rgba(232, 190, 79, 0.23) !important;
}
@keyframes qy-gold-ai-scan {
  0%,
  62% {
    left: -38%;
  }
  100% {
    left: 126%;
  }
}

/* 球研：顶部导航固定，桌面端与手机端均预留对应高度，避免遮挡正文。 */
#app {
  padding-top: 124px !important;
}
.qy-header {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
}

/* 球研赛果状态：红=红色，黑=灰色，其余已结算状态=绿色。 */
.qy-advice-action.result-red,
.recommend-result.result-red,
.member-result-entry.result-red {
  color: #d91f2d !important;
  border-color: #d91f2d !important;
  background: #fff1f2 !important;
}
.qy-advice-action.result-black,
.recommend-result.result-black,
.member-result-entry.result-black {
  color: #707b87 !important;
  border-color: #9aa3ad !important;
  background: #eef1f4 !important;
}
.qy-advice-action.result-draw,
.qy-advice-action.result-neutral,
.recommend-result.result-draw,
.recommend-result.result-neutral,
.member-result-entry.result-draw,
.member-result-entry.result-neutral {
  color: #16875b !important;
  border-color: #48a47f !important;
  background: #eaf7f1 !important;
}
.member-result-entry.result-red i {
  background: #d91f2d !important;
}
.member-result-entry.result-black i {
  background: #707b87 !important;
}
.member-result-entry.result-draw i,
.member-result-entry.result-neutral i {
  background: #16875b !important;
}
.member-result-entry.result-red em,
.member-result-entry.result-black em,
.member-result-entry.result-draw em,
.member-result-entry.result-neutral em {
  color: inherit !important;
}

@media (max-width: 760px) {
  #app {
    padding-top: 142px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qy-ranking-actions > a:after {
    animation: none !important;
  }
}