.term-tabs[data-v-07ddf2e2] {
  max-width: 628px;
  height: 38px;
  padding: 4px 2px;
  box-sizing: border-box;
  margin: 0 24px;
  background: #ffffff;
  border-radius: 19px;
  box-shadow: 0px 4px 16px 0px rgba(217, 231, 241, 0.44);
  position: relative;
}
.term-tabs .wrapper[data-v-07ddf2e2] {
  margin: 0 2px;
  overflow: hidden;
}
.term-tabs .left[data-v-07ddf2e2] {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
  transition: all 1s;
}
.term-tabs .right[data-v-07ddf2e2] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
  transition: all 1s;
}
.term-tabs .tab-con[data-v-07ddf2e2] {
  display: flex;
  transition: all 0.6s ease;
}
.term-tabs .tab-con .tab-item[data-v-07ddf2e2] {
  width: 94px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #3a3d4b;
  border-radius: 17px;
  cursor: pointer;
  flex-shrink: 0;
}
.term-tabs .tab-con .tab-item.active[data-v-07ddf2e2] {
  color: #025eff;
  background: linear-gradient(270deg, #eaf6ff 0%, #dae8ff);
}

.main-tabs[data-v-1bc15835] {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.main-tabs .tab-item[data-v-1bc15835] {
  font-size: 20px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  color: rgba(2, 94, 255, 0.5);
  cursor: pointer;
  height: 46px;
  line-height: 46px;
}
.main-tabs .tab-item.tab1[data-v-1bc15835] {
  width: 166px;
  background: url(../../static/images/tab1.ed4777b3a89e7970241773451f5a3111.png) no-repeat;
}
.main-tabs .tab-item.tab1.active[data-v-1bc15835] {
  background: url(../../static/images/tab_sel1.123ad95e87f02375c03c488713fef3d9.png) no-repeat;
}
.main-tabs .tab-item.tab2[data-v-1bc15835] {
  width: 180px;
  background: url(../../static/images/tab2.a552f38cc657930ab7e11ad43afd7552.png) no-repeat;
}
.main-tabs .tab-item.tab2.active[data-v-1bc15835] {
  background: url(../../static/images/tab_sel2.50576dd7dc5f775619684f6182ace777.png) no-repeat;
}
.main-tabs .tab-item.tab3[data-v-1bc15835] {
  width: 166px;
  background: url(../../static/images/tab3.4944b9acfee08bb500f241c37b09fed3.png) no-repeat;
}
.main-tabs .tab-item.tab3.active[data-v-1bc15835] {
  background: url(../../static/images/tab_sel3.ffe4f90eb89b04e0224cf90c319681ec.png) no-repeat;
}
.main-tabs .tab-item.active[data-v-1bc15835] {
  width: 178px;
  height: 112px;
  line-height: 96px;
  color: #fff;
  transition: width 1s;
}

.main-sub-title[data-v-cbef9838] {
  margin: 0 auto;
}
.main-sub-title .main-title[data-v-cbef9838] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-sub-title .main-title .title[data-v-cbef9838] {
  font-size: 24px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #3a3d4b;
  margin: 0 24px;
}
.main-sub-title .sub-title[data-v-cbef9838] {
  font-size: 13px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  color: #99a1af;
}


[data-v-d3d3fc50] .dialog {
  border-radius: 16px;
}
[data-v-d3d3fc50] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-d3d3fc50] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
.main-title[data-v-d3d3fc50] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.btn[data-v-d3d3fc50] {
  width: 96px;
  height: 44px;
  border-radius: 24px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  cursor: pointer;
}
.btn.primary[data-v-d3d3fc50] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}
.btn.default[data-v-d3d3fc50] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.blue[data-v-d3d3fc50] {
  color: #3e84ff;
}
.tip[data-v-d3d3fc50] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #3a3d4b;
  line-height: 32px;
}
.close[data-v-d3d3fc50] {
  margin: 24px auto 0;
}


[data-v-87804658] .dialog {
  border-radius: 16px;
}
[data-v-87804658] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-87804658] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
.main-title[data-v-87804658] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.btn[data-v-87804658] {
  width: 96px;
  height: 44px;
  border-radius: 24px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  cursor: pointer;
}
.btn.primary[data-v-87804658] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}
.btn.default[data-v-87804658] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.blue[data-v-87804658] {
  color: #3e84ff;
}
.tip[data-v-87804658] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #3a3d4b;
  line-height: 32px;
}
.account[data-v-87804658] {
  margin: 20px 0 0 0;
  text-align: center;
}
.account .qrcode[data-v-87804658] {
  width: 180px;
  height: 180px;
}
.sure[data-v-87804658] {
  margin: 12px auto 0;
}


[data-v-79fded44] .dialog {
  border-radius: 16px;
}
[data-v-79fded44] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-79fded44] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
.main-title[data-v-79fded44] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.btn[data-v-79fded44] {
  width: 96px;
  height: 44px;
  border-radius: 24px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  cursor: pointer;
}
.btn.primary[data-v-79fded44] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}
.btn.default[data-v-79fded44] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.blue[data-v-79fded44] {
  color: #3e84ff;
}
.tip[data-v-79fded44] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #3a3d4b;
  line-height: 32px;
  padding: 0 8px;
}
.sure[data-v-79fded44] {
  margin: 24px auto 0;
}


[data-v-ffb05698] .dialog {
  border-radius: 16px;
}
[data-v-ffb05698] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-ffb05698] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
.main-title[data-v-ffb05698] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.btn[data-v-ffb05698] {
  width: 96px;
  height: 44px;
  border-radius: 24px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  cursor: pointer;
}
.btn.primary[data-v-ffb05698] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}
.btn.default[data-v-ffb05698] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.blue[data-v-ffb05698] {
  color: #3e84ff;
}
.tip[data-v-ffb05698] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #3a3d4b;
  line-height: 32px;
}
.footer[data-v-ffb05698] {
  width: 217px;
  margin: 24px auto 0;
  display: flex;
  justify-content: space-between;
}

.make-appointment-exam .content[data-v-f33ea73a] {
  width: 1224px;
  min-height: 174px;
  margin: 0 auto;
}
.make-appointment-exam .content[data-v-f33ea73a]:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.make-appointment-exam .content .exam-item[data-v-f33ea73a] {
  width: 588px;
  height: 150px;
  background: url(../../static/images/order_background.93e4ccea323ebe2035d7216f736debf4.png) no-repeat;
  margin: 24px 12px 0;
  float: left;
}
.make-appointment-exam .content .exam-item.pointer[data-v-f33ea73a] {
  cursor: pointer;
}
.make-appointment-exam .content .main-title[data-v-f33ea73a] {
  padding: 0 22px 0 12px;
  position: relative;
  margin-top: 19px;
  height: 52px;
}
.make-appointment-exam .content .main-title .title-bg[data-v-f33ea73a] {
  position: absolute;
  top: 0;
  left: 0;
}
.make-appointment-exam .content .main-title .title[data-v-f33ea73a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0 22px 0 12px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #152c5c;
  border-radius: 36px;
  background: linear-gradient(244deg, #cce9ff, #b9d2ff 83%);
  min-width: 116px;
  height: 32px;
  line-height: 32px;
}
.make-appointment-exam .content .main-title .title .sound[data-v-f33ea73a] {
  vertical-align: middle;
  margin-right: 6px;
}
.make-appointment-exam .content .main-title .live[data-v-f33ea73a] {
  width: 56px;
  height: 18px;
  background: url(../../static/images/live.6caa6e2b5d05b0b70b6fd746ddc903c3.png) no-repeat;
  line-height: 18px;
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  text-indent: 22px;
  position: absolute;
  bottom: 0;
  right: -64px;
}
.make-appointment-exam .content .exam-relevant[data-v-f33ea73a] {
  padding: 0 40px 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: -10px;
}
.make-appointment-exam .content .exam-relevant .blue[data-v-f33ea73a] {
  color: #1F74FF;
}
.make-appointment-exam .content .exam-relevant .left .left-tip[data-v-f33ea73a] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #3a3d4b;
  line-height: 28px;
}
.make-appointment-exam .content .exam-relevant .left .left-tip[data-v-f33ea73a]:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border: 2px solid rgba(58, 61, 75, 0.6);
  border-radius: 50%;
  margin-right: 8px;
}
.make-appointment-exam .content .exam-relevant .right .main-btn[data-v-f33ea73a] {
  width: 126px;
  height: 44px;
  line-height: 42px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 2px 4px 0px #206bec;
  cursor: pointer;
}
.make-appointment-exam .content .exam-relevant .right .main-btn > img[data-v-f33ea73a] {
  margin-left: 8px;
}
.make-appointment-exam .content .exam-relevant .right .main-btn.blue-btn[data-v-f33ea73a] {
  background: url(../../static/images/btn_blue.905fc2a20684390bcfa98570de653bd1.png) no-repeat;
}
.make-appointment-exam .content .exam-relevant .right .main-btn.yellow-btn[data-v-f33ea73a] {
  background: url(../../static/images/btn_yellow.b3cd950d7f9df68a62ce4b116e2d5826.png) no-repeat;
}
.make-appointment-exam .content .exam-relevant .right .report[data-v-f33ea73a] {
  margin-top: 10px;
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #1d65f3;
  text-align: center;
}
.make-appointment-exam .content .exam-relevant .right .report > div[data-v-f33ea73a] {
  cursor: pointer;
}
.make-appointment-exam .content .exam-relevant .right .report.flex[data-v-f33ea73a] {
  display: flex;
  justify-content: space-around;
}

.layer-small[data-v-6f943f6e] {
  position: absolute;
  left: 50%;
  top: 8px;
  margin-left: -79px;
  z-index: 99;
}
.layer-small .arrow[data-v-6f943f6e] {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  left: 50%;
  top: -8px;
  margin-left: -4px;
  border-radius: 2px 0px 0px;
}
.layer-small .layer[data-v-6f943f6e] {
  width: 158px;
  max-height: 372px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 10px 2px rgba(11, 42, 113, 0.1);
  padding: 12px 10px;
  overflow-y: auto;
}
.layer-small .layer[data-v-6f943f6e]::-webkit-scrollbar {
  width: 4px;
}
.layer-small .layer .menu-item[data-v-6f943f6e] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f6f7fa;
  border-radius: 8px;
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #3a3d4b;
  cursor: pointer;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layer-small .layer .menu-item[data-v-6f943f6e]:last-child {
  margin-bottom: 0;
}
.layer-small .layer .menu-item.active[data-v-6f943f6e] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}

.score-ranking .container[data-v-63fdbbdc] {
  width: 1200px;
  min-height: 208px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 4px 28px 0px rgba(217, 231, 241, 0.2);
  margin-top: 24px;
  padding: 25px 34px 25px 28px;
}
.score-ranking .container .nav[data-v-63fdbbdc] {
  display: flex;
  justify-content: space-between;
}
.score-ranking .container .nav .subject[data-v-63fdbbdc] {
  position: relative;
}
.score-ranking .container .nav .subject-name[data-v-63fdbbdc] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #272a2e;
  cursor: pointer;
  white-space: nowrap;
}
.score-ranking .container .nav .subject-name .switch[data-v-63fdbbdc] {
  vertical-align: middle;
  margin-left: 8px;
}
.score-ranking .container .nav .subject .layer[data-v-63fdbbdc] {
  min-height: 10px;
  position: relative;
}
.score-ranking .container .nav .tip[data-v-63fdbbdc] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #77798d;
}
.score-ranking .container .content .billboard[data-v-63fdbbdc] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 18px 0 30px;
  position: relative;
}
.score-ranking .container .content .billboard .billboard-mar[data-v-63fdbbdc] {
  margin-left: -275px;
}
.score-ranking .container .content .billboard-second[data-v-63fdbbdc] {
  margin-right: 80px;
}
.score-ranking .container .content .billboard-second .avatar[data-v-63fdbbdc] {
  width: 56px;
  height: 75px;
  background: url(../../static/images/crown2.2b899341fed5c4c21d27fd38771d9ea0.png) no-repeat;
  display: flex;
  justify-content: end;
  margin: 0 auto 8px;
  align-items: flex-end;
}
.score-ranking .container .content .billboard-second .avatar > img[data-v-63fdbbdc] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.score-ranking .container .content .billboard-second .name-wrapper[data-v-63fdbbdc] {
  width: 212px;
  height: 81px;
  background: url(../../static/images/background2.4767f557d53ddae94c06dbe1ea3aa7bd.png) no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.score-ranking .container .content .billboard-second .name-wrapper .name[data-v-63fdbbdc] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #272a2e;
  margin-bottom: 4px;
}
.score-ranking .container .content .billboard-second .name-wrapper .source[data-v-63fdbbdc] {
  width: 56px;
  height: 56px;
  background: url(../../static/images/medal2.dd72a053281a6a92f3b18e2c491fced4.png) no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.score-ranking .container .content .billboard-second .name-wrapper .source > span[data-v-63fdbbdc] {
  width: 38px;
  height: 38px;
  display: inline-block;
  font-size: 14px;
  font-family: 'my-font';
  font-weight: 700;
  color: #272a2e;
  text-align: center;
  line-height: 32px;
}
.score-ranking .container .content .billboard-second .name-wrapper .source > span .float[data-v-63fdbbdc] {
  font-size: 10px;
}
.score-ranking .container .content .billboard-first.absolute[data-v-63fdbbdc] {
  position: absolute;
}
.score-ranking .container .content .billboard-first .avatar[data-v-63fdbbdc] {
  width: 64px;
  height: 83px;
  background: url(../../static/images/crown1.f1fd2181143f5f47cfc981a67cce4e81.png) no-repeat;
  display: flex;
  justify-content: end;
  margin: 0 auto 8px;
  align-items: flex-end;
}
.score-ranking .container .content .billboard-first .avatar > img[data-v-63fdbbdc] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.score-ranking .container .content .billboard-first .name-wrapper[data-v-63fdbbdc] {
  width: 234px;
  height: 101px;
  background: url(../../static/images/background1.f4da64a752ca8a780335d9bb1d2aeb34.png) no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.score-ranking .container .content .billboard-first .name-wrapper .name[data-v-63fdbbdc] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #272a2e;
  margin-bottom: 4px;
}
.score-ranking .container .content .billboard-first .name-wrapper .source[data-v-63fdbbdc] {
  width: 68px;
  height: 68px;
  background: url(../../static/images/medal1.cb7877f01d2ef8f34696ba55a196a50b.png) no-repeat;
  display: flex;
  justify-content: center;
}
.score-ranking .container .content .billboard-first .name-wrapper .source > span[data-v-63fdbbdc] {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-family: 'my-font';
  font-weight: 700;
  color: #964d08;
  margin-top: 16px;
}
.score-ranking .container .content .billboard-first .name-wrapper .source > span .float[data-v-63fdbbdc] {
  font-size: 10px;
}
.score-ranking .container .content .billboard-third[data-v-63fdbbdc] {
  margin-left: 80px;
}
.score-ranking .container .content .billboard-third .avatar[data-v-63fdbbdc] {
  width: 56px;
  height: 75px;
  background: url(../../static/images/crown3.f5e2f8bba157ed6c9a0299f1985f6fb5.png) no-repeat;
  display: flex;
  justify-content: end;
  margin: 0 auto 8px;
  align-items: flex-end;
}
.score-ranking .container .content .billboard-third .avatar > img[data-v-63fdbbdc] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.score-ranking .container .content .billboard-third .name-wrapper[data-v-63fdbbdc] {
  width: 192px;
  height: 71px;
  background: url(../../static/images/background3.18b6d16abf9410059894f76d8421776a.png) no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.score-ranking .container .content .billboard-third .name-wrapper .name[data-v-63fdbbdc] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #272a2e;
  margin-bottom: 4px;
}
.score-ranking .container .content .billboard-third .name-wrapper .source[data-v-63fdbbdc] {
  width: 50px;
  height: 50px;
  background: url(../../static/images/medal3.d8643b5dae65fc45a52573ccba91c005.png) no-repeat;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.score-ranking .container .content .billboard-third .name-wrapper .source > span[data-v-63fdbbdc] {
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  font-family: 'my-font';
  font-weight: 700;
  color: #9D2C09;
  padding-top: 12px;
}
.score-ranking .container .content .billboard-third .name-wrapper .source > span .float[data-v-63fdbbdc] {
  font-size: 10px;
}
@font-face {
  font-family: 'my-font';
  src: url(../../static/images/D-DIN-Bold.7bada7ddc65324c6d69928bc2475369e.ttf);
}
.score-ranking .container .content .billboard-list[data-v-63fdbbdc] {
  margin: 0 auto;
  width: 703px;
}
.score-ranking .container .content .billboard-list[data-v-63fdbbdc]:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.score-ranking .container .content .billboard-list .billboard-item[data-v-63fdbbdc] {
  display: inline-block;
  margin-bottom: 20px;
  width: 40.6%;
  line-height: 44px;
  float: left;
}
.score-ranking .container .content .billboard-list .billboard-item[data-v-63fdbbdc]:nth-of-type(2n) {
  float: right;
}
.score-ranking .container .content .billboard-list .billboard-item > div[data-v-63fdbbdc] {
  float: left;
}
.score-ranking .container .content .billboard-list .billboard-item .order-number[data-v-63fdbbdc] {
  font-size: 18px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #272a2e;
  position: relative;
  margin-right: 32px;
  width: 35px;
}
.score-ranking .container .content .billboard-list .billboard-item .order-number[data-v-63fdbbdc]:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 2px;
  background: #d8d8d8;
  border-radius: 2px;
  position: absolute;
  bottom: 7px;
  left: 50%;
  margin-left: -4px;
}
.score-ranking .container .content .billboard-list .billboard-item .avatar[data-v-63fdbbdc] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}
.score-ranking .container .content .billboard-list .billboard-item .avatar > img[data-v-63fdbbdc] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.score-ranking .container .content .billboard-list .billboard-item .name[data-v-63fdbbdc] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #272a2e;
}
.score-ranking .container .content .billboard-list .billboard-item .source[data-v-63fdbbdc] {
  float: right;
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #5a6069;
}
.score-ranking .container .content .billboard-list .billboard-item .source .source-num[data-v-63fdbbdc] {
  font-size: 16px;
  font-family: D, D-Bold;
  font-weight: 700;
  color: #272a2e;
}


[data-v-b0c58dfa] .dialog {
  border-radius: 16px;
}
[data-v-b0c58dfa] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-b0c58dfa] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
.main-title[data-v-b0c58dfa] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.btn[data-v-b0c58dfa] {
  width: 96px;
  height: 44px;
  border-radius: 24px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  cursor: pointer;
}
.btn.primary[data-v-b0c58dfa] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}
.btn.default[data-v-b0c58dfa] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.blue[data-v-b0c58dfa] {
  color: #3e84ff;
}
.img[data-v-b0c58dfa] {
  width: 183px;
  height: 183px;
  margin: 16px auto 23px;
  display: block;
}
.tip[data-v-b0c58dfa] {
  font-size: 18px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-MicrosoftYaHei;
  font-weight: normal;
  text-align: center;
  color: #999999;
}

.live-analysis[data-v-07865b98] {
  display: flex;
  flex-wrap: wrap;
  min-height: 348px;
}
.live-analysis-item[data-v-07865b98] {
  width: 280px;
  height: 348px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 28px 0px rgba(217, 231, 241, 0.2);
  flex-shrink: 0;
  margin: 0 10px 32px;
  cursor: pointer;
}
.live-analysis-item[data-v-07865b98]:hover {
  box-shadow: 0px 0px 10px 0px rgba(58, 61, 75, 0.1), 0px 4px 28px 0px rgba(217, 231, 241, 0.2);
  transform: translateY(-5px);
  transition: all 0.8s;
}
.live-analysis-item:hover .cover-img[data-v-07865b98] {
  transform: scale(1.1);
  transition: all 0.5s;
}
.live-analysis-item .cover[data-v-07865b98] {
  height: 175px;
  width: 100%;
  background: #999999;
  border-radius: 8px 8px 0 0;
  position: relative;
  overflow: hidden;
}
.live-analysis-item .cover > .cover-img[data-v-07865b98] {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
}
.live-analysis-item .cover .redeemed[data-v-07865b98] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.live-analysis-item .cover .live[data-v-07865b98] {
  width: 56px;
  height: 18px;
  background: url(../../static/images/live.6caa6e2b5d05b0b70b6fd746ddc903c3.png) no-repeat;
  line-height: 18px;
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  text-indent: 22px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.live-analysis-item .introduce[data-v-07865b98] {
  padding: 0 18px;
}
.live-analysis-item .introduce .class-name[data-v-07865b98] {
  font-size: 14px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: justify;
  color: #3a3d4b;
  margin: 12px 0 8px;
  height: 38px;
}
.live-analysis-item .introduce .live-time[data-v-07865b98] {
  font-size: 12px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-MicrosoftYaHei;
  font-weight: normal;
  text-align: justify;
  color: #53586c;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ebf4;
}
.live-analysis-item .introduce .introduce-bottom[data-v-07865b98] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.live-analysis-item .introduce .introduce-bottom .teacher[data-v-07865b98] {
  line-height: 38px;
  display: flex;
}
.live-analysis-item .introduce .introduce-bottom .teacher .avatar[data-v-07865b98] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 14px;
}
.live-analysis-item .introduce .introduce-bottom .teacher .teacher-name[data-v-07865b98] {
  font-size: 14px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-MicrosoftYaHei;
  font-weight: normal;
  text-align: justify;
  color: #53586c;
}
.live-analysis-item .introduce .introduce-bottom .instant-view[data-v-07865b98] {
  width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  border-radius: 19px;
  font-size: 14px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-MicrosoftYaHei;
  font-weight: normal;
  color: #ffffff;
  cursor: pointer;
}


[data-v-0596221e] .dialog .vb-dialog__header {
  padding: 24px 10px;
  box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.05);
}
[data-v-0596221e] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
}
[data-v-0596221e] .dialog .vb-dialog__body {
  max-height: 750px;
  overflow-x: hidden;
  overflow-y: auto;
}
.main-title[data-v-0596221e] {
  font-size: 20px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: center;
  color: #3e3a39;
}
.content[data-v-0596221e] {
  padding: 32px 48px 40px;
}
.content[data-v-0596221e] strong {
  font-weight: bold;
}
.footer[data-v-0596221e] {
  text-align: center;
}
.footer .close[data-v-0596221e] {
  width: 96px;
  height: 48px;
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
}


[data-v-c4ccf04a] .dialog {
  border-radius: 16px;
}
[data-v-c4ccf04a] .dialog .vb-dialog__header {
  padding: 16px 0 0 32px;
}
[data-v-c4ccf04a] .dialog .vb-icon-close:before {
  content: '';
  display: block;
  width: 37px;
  height: 37px;
  background: url(../../static/images/close.e199679895461577c2b0cfb89a2277c8.png) no-repeat;
  margin-top: -8px;
}
[data-v-c4ccf04a] .dialog .vb-dialog__body {
  padding: 25px 25px 20px;
}
.dialog-title[data-v-c4ccf04a] {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 8px;
}
.dialog-content[data-v-c4ccf04a] {
  font-size: 16px;
  color: #3a3d4b;
  line-height: 26px;
}
.dialog-footer > button[data-v-c4ccf04a] {
  height: 44px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  background: #ffffff;
}
.dialog-footer > button[data-v-c4ccf04a]:nth-child(2) {
  margin-left: 12px;
}
.dialog-footer .cancel[data-v-c4ccf04a] {
  border: 1px solid #1d65f3;
  color: #1d65f3;
}
.dialog-footer .confirm[data-v-c4ccf04a] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  color: #ffffff;
}

.animation[data-v-5b685826] {
  animation: fadeIn-data-v-5b685826 linear 1s;
  -webkit-animation: fadeIn-data-v-5b685826 linear 1s;
  -moz-animation: fadeIn-data-v-5b685826 linear 1s;
  -o-animation: fadeIn-data-v-5b685826 linear 1s;
  -ms-animation: fadeIn-data-v-5b685826 linear 1s;
  transition: all 0.5s;
}
@keyframes fadeIn-data-v-5b685826 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
main[data-v-5b685826] {
  background-color: #f8fcff;
}
.mock-end-empty[data-v-5b685826] {
  height: 660px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main[data-v-5b685826] >  .loading-container {
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 99;
}
.container[data-v-5b685826] {
  width: 1200px;
  margin: 0 auto;
}
.nav-menu[data-v-5b685826] {
  padding-top: 30px;
  display: flex;
  align-items: center;
  position: relative;
  height: 68px;
}
.nav-menu .mock[data-v-5b685826] {
  position: relative;
}
.nav-menu .mock_name[data-v-5b685826] {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #272a2e;
  cursor: pointer;
  white-space: nowrap;
  height: 38px;
  line-height: 38px;
}
.nav-menu .mock_name .switch[data-v-5b685826] {
  vertical-align: middle;
  margin-left: 8px;
}
.nav-menu .mock .layer[data-v-5b685826] {
  min-height: 10px;
  position: relative;
}
.btn-wrapper[data-v-5b685826] {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
}
.btn-wrapper > .btn[data-v-5b685826] {
  width: 120px;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  margin-right: 16px;
  text-align: center;
  flex-shrink: 0;
  cursor: pointer;
}
.btn-wrapper > .btn.blue-btn[data-v-5b685826] {
  background: linear-gradient(135deg, #7ea9ff, #1d65f3);
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
}
.btn-wrapper > .btn.online[data-v-5b685826] {
  border: 1px solid #9abcff;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #025eff;
}
.btn-wrapper > .btn.rule[data-v-5b685826] {
  background: linear-gradient(180deg, #fff4d8, #ffbb49);
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #7e4c09;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.btn-wrapper > .btn.rule > img[data-v-5b685826] {
  margin-left: 8px;
}
.user[data-v-5b685826] {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: right;
  color: #3a3d4b;
  margin-top: 20px;
}