@charset "UTF-8";

/* CSS reset
---------------------------------------------------------------- */

*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tr,
th,
td,
input {
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  background: #fff;
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */

fieldset,
img {
  border: 0;
}

/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* 一致的 del 样式 */

del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}

/* 去掉列表前的标识, li 会继承 */

ol,
ul,
dl {
  list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
  text-align: left;
}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

q:before,
q:after {
  content: '';
}

/* 统一上标和下标 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 默认不显示下划线，保持页面简洁 */

ins,
a {
  text-decoration: none;
}

/* 点击不弹出对话框 */

a,
img {
  -webkit-touch-callout: none;
}

input,
select,
textarea {
  font-size: 100%;
}

textarea,
input[type="password"],
input[type="text"] {
  resize: none;
  outline: none;
  -webkit-appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fff;
}

button {
  -webkit-user-select: none;
          user-select: none;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

html,
body {
  height: 100%;
  background-color: #fff;
}

body {
  font-family: '-apple-system', 'Helvetica Neue', 'Roboto', 'Segoe UI', sans-serif;
  -webkit-user-select: none;
          user-select: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: normal;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: button;
}

.btn {
  border-radius: 0.106667rem;
  background: #121255;
  font-size: 0.373333rem;
  color: #fff;
  line-height: 0.533333rem;
  text-transform: none;
}

.btn:active {
  background-color: #09092b;
}

.btn.disabled {
  background: #eee;
  border: 1px solid #C8C8CA;
  color: #bcbcbc;
  cursor: not-allowed;
}

.btn.disabled.active {
  background-color: #eee;
}

.block,
.image {
  display: block;
}

.relative,
.cover-x,
.cover-y,
.app,
.scroll-wrap,
.wrap,
.section {
  position: relative;
}

.absolute,
.top,
.absolute-cover,
.bottom,
.left,
.right,
.center,
.center-x,
.center-y {
  position: absolute;
}

.top,
.absolute-cover {
  top: 0;
}

.bottom,
.absolute-cover {
  bottom: 0;
}

.left,
.absolute-cover {
  left: 0;
}

.right,
.absolute-cover {
  right: 0;
}

.left-float {
  float: left;
  position: relative;
}

.right-float {
  float: right;
  position: relative;
}

.cover,
.absolute-cover {
  width: 100%;
  height: 100%;
}

.cover-x {
  width: 100%;
}

.cover-y {
  height: 100%;
}

.center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.center-x {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.center-y {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 闭合浮动 */

.clear-fix:before,
.clear-fix:after {
  display: table;
  content: '';
}

.clear-fix:after {
  clear: both;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

.scroll-wrap {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #FDFBF7;
}

.wrap {
  min-height: 100%;
  padding-bottom: 3.466667rem;
  overflow: hidden;
}

.mask {
  background-color: rgba(0, 0, 0, 0.5);
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.slide-enter,
.slide-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

/* 1px 线 */

[v-cloak] {
  display: none;
}

html,
body {
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}

.main-content {
  width: 100%;
  max-width: 10rem;
  min-height: 100vh;
}

.main-content .head-content {
  height: 10.08rem;
  background: url("../img/bg_head.jpg?t=1741174122046") no-repeat;
  background-size: 100% 100%;
}

.main-content .head-content .header-bg {
  width: 9.2rem;
  height: 0.4rem;
  position: relative;
  top: 0.266667rem;
  left: 0.266667rem;
  right: 0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.main-content .head-content .header-bg .logo {
  width: 3.493333rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAAAeCAMAAAD5GUBMAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////T4si0AAAAP90Uk5TdsF+PJFfJ2DziZO6tla959dzjWlhWew9nk6neuTMuUeue15rdFxKQ+A7Y5Sbx2x1bU9MlTRGZ1F/oz+AMJpo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) no-repeat;
  background-size: 100%;
}

.main-content .head-content .header-bg .login-info {
  font-size: 0.32rem;
  color: #FFFFFF;
}

.main-content .head-content .header-bg .user {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.main-content .head-content .header-bg .user .toggle {
  width: 0.346667rem;
  height: 0.346667rem;
  margin-left: 0.133333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAABGdBTUEAALGPC/xhBQAAAK5QTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAzTUF+QAAADp0Uk5TQ7Y4HIORdXKFXiBlAjuGf34FAYFFRC3ALoeks8e5aieABsE2cBWmFqERmaI6v4KlVVqgCgi+TUDMALJtJRkAAAEFSURBVCjPjVJnd8MgDKR7j6y22Xt4xSHgGP3/P9YDDNh9bV7vi5AO3dOBGFWYTuLxaDSOJ1NXYTYsj8rjuKxRYq8aeBeOinKdL155r8f7C30eRJYSGyQZl1ZG8gxpLgyl1ZIteWwTFPaaSnHYSapB7lBKQUGuWFfF59SEdQFJYl+4cfANFycTDih+sBWa5p5K1IMOc7StGLzOkAy9qbs20hmcs0+rFyh13zKKBcO51P5OAY9EJcoVdVUGXFJFWUF5EwSHdsTMjdG6blBmDDd8+1Z1vAc7fLD8FHvKWq491Itj9ENtzj/vmU8hkf/5lRQNzAL0ebf7YwHQ12muzZv4z7L9vqLfgTSHHZil60wAAAAASUVORK5CYII=) no-repeat center/100%;
}

.main-content .head-content .major-content {
  background-image: -webkit-linear-gradient(268deg, #60C3A0 2%, #91ECD2 67%);
  background-image: linear-gradient(182deg, #60C3A0 2%, #91ECD2 67%);
  position: relative;
  top: 9.666667rem;
  width: 10rem;
  padding-bottom: 0.213333rem;
}

.main-content .head-content .major-content .timeMsg {
  font-size: 0.373333rem;
  color: #006953;
  text-align: center;
  height: 1.2rem;
  font-weight: 540;
  position: relative;
  top: -0.586667rem;
}

.main-content .head-content .major-content .major-content-bg {
  width: 9.2rem;
  margin: 0 auto;
  position: relative;
  top: -0.666667rem;
}

.main-content .head-content .major-content .item {
  width: 100%;
  min-height: 2.24rem;
  background-image: -webkit-linear-gradient(97deg, #DBFDD7 0%, #FFFFFF 78%);
  background-image: linear-gradient(-7deg, #DBFDD7 0%, #FFFFFF 78%);
  border-radius: 0.213333rem;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.main-content .head-content .major-content .price {
  font-size: 0.666667rem;
  color: #008162;
  letter-spacing: 0;
  line-height: 0.773333rem;
  font-weight: 700;
}

.main-content .head-content .major-content .price-num {
  font-size: 0.533333rem;
}

.main-content .head-content .major-content .price-dec {
  font-size: 0.373333rem;
}

.main-content .head-content .major-content .old-price {
  margin-top: 0.026667rem;
  font-size: 0.32rem;
  color: #666666;
  letter-spacing: 0;
  line-height: 0.4rem;
  font-weight: 400;
}

.main-content .head-content .major-content .btn-bg {
  width: 3.44rem;
  height: 1.6rem;
  margin-top: 0.24rem;
  background: url("../img/btn.png?t=1741174122046") no-repeat center/100%;
}

.main-content .head-content .major-content .btns {
  font-size: 0.426667rem;
  color: #FFFFFF;
  letter-spacing: 0.0152rem;
  text-align: center;
  margin-top: 0.506667rem;
  line-height: 0.4rem;
}

.main-content .head-content .major-content .study-privilege {
  margin-top: 0.426667rem;
  width: 100%;
  min-height: 7.093333rem;
  margin-bottom: 0.453333rem;
  background: url("../img/bg.png?t=1741174122046") no-repeat center;
  background-size: 100%;
}

.main-content .head-content .major-content .study-privilege .item-bg {
  position: relative;
  top: 1.146667rem;
  width: 9.066667rem;
  height: 4.946667rem;
  left: 0.133333rem;
  right: 0.133333rem;
}

.main-content .head-content .major-content .study-privilege .privilege-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: auto;
}

.main-content .head-content .major-content .study-privilege .privilege-info .item-info-bg {
  display: inline-block;
  width: 25%;
  height: 2.48rem;
  text-align: center;
  margin-bottom: 0.266667rem;
}

.main-content .head-content .major-content .study-privilege .privilege-info .icon {
  width: 1.2rem;
  height: auto;
}

.main-content .head-content .major-content .study-privilege .privilege-info .title {
  font-size: 0.32rem;
  color: #008162;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.4rem;
}

.main-content .head-content .major-content .space-desc {
  font-size: 0.32rem;
  color: #008162;
  letter-spacing: 0;
  line-height: 0.373333rem;
  margin-bottom: 1.066667rem;
}

.main-content .head-content .major-content .study-order-introduce {
  margin-bottom: 1.6rem;
}

.main-content .head-content .major-content .study-order-introduce .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 0.16rem;
  color: #008162;
  font-weight: 700;
  font-size: 0.373333rem;
  line-height: 0.746667rem;
}

.main-content .head-content .major-content .study-order-introduce .hr-left {
  width: 3.466667rem;
  height: 0.053333rem;
  background-image: -webkit-linear-gradient(right, #01B98C 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(270deg, #01B98C 0%, rgba(255, 255, 255, 0) 100%);
}

.main-content .head-content .major-content .study-order-introduce .hr-right {
  width: 3.466667rem;
  height: 0.053333rem;
  background-image: -webkit-linear-gradient(left, #00B98C 0%, rgba(192, 244, 231, 0) 99%);
  background-image: linear-gradient(90deg, #00B98C 0%, rgba(192, 244, 231, 0) 99%);
}

.main-content .head-content .major-content .study-order-introduce .info {
  font-size: 0.373333rem;
  color: #008162;
  text-align: justify;
  line-height: 0.64rem;
}

.main-content .head-content .major-content .study-order-introduce .desc {
  margin-bottom: 0.4rem;
}

.main-content .head-content .major-content .study-order-introduce .down-line {
  text-decoration: underline;
}

.main-content .head-content .major-content .study-order-introduce .down-line-href {
  color: #008162;
}

.toast {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 6.933333rem;
  height: 1.066667rem;
  display: inline-block;
  font-size: 0.373333rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.08rem;
  z-index: 9999;
}

.toast p {
  text-align: center;
  color: #fff;
  line-height: 1.066667rem;
  padding: 0 0.266667rem;
}

.service-automatic {
  max-height: 10.933333rem;
}

.bottom-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0.32rem 0 0.373333rem 0;
}

.bottom-btns .cancel-btn,
.bottom-btns .continue-btn {
  width: 3.146667rem;
  display: inline-block;
  height: 1.013333rem;
  font-size: 0.426667rem;
  border-radius: 0.506667rem;
}

.bottom-btns .cancel-btn {
  margin-right: 0.373333rem;
  background: #F5F5FA;
  color: #0087FF;
}

.bottom-btns .continue-btn {
  background-image: -webkit-linear-gradient(right, #0087FF 0%, #2BBFFB 100%);
  background-image: linear-gradient(270deg, #0087FF 0%, #2BBFFB 100%);
  color: #fff;
}

.service-agreement .automatic {
  color: #323746;
  padding: 0 0.4rem;
  font-size: 0.373333rem;
}

.service-automatic {
  height: auto !important;
  max-height: 10.933333rem;
  padding: 0;
}

.results-suggest {
  font-size: 0.32rem;
  color: #878C96;
  padding: 0 0.4rem;
  margin-top: 0.106667rem;
}

.results-suggest .cloud-msg {
  color: #141900;
}

.service-agree-auto {
  width: 7.2rem;
  height: unset !important;
}

.service-agree-auto .service-title {
  font-size: 0.426667rem;
  color: #323746;
  height: 0.586667rem;
  margin: 0.64rem 0 0.213333rem 0;
  line-height: unset;
  font-weight: bold;
}

.service-agree-auto .service-content {
  height: unset !important;
  -webkit-box-flex: unset;
  -webkit-flex: unset;
          flex: unset;
  overflow-x: unset;
  overflow-y: unset;
}

.service-agree-auto .service-content .color-text {
  color: #0087FF;
}

.service-agree-auto .automatic {
  font-size: 0.373333rem;
  color: #030819;
  letter-spacing: 0;
  line-height: 0.586667rem;
  font-weight: 400;
}

.service-agree-auto .bottom-btns .cancel-btn,
.service-agree-auto .bottom-btns .continue-btn {
  width: 2.933333rem;
  height: 1.013333rem;
}

.service-agree-auto .bottom-btns .cancel-btn {
  margin-right: 0.373333rem;
}