@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;
  background: url("../img/bg-head.png?t=1767776517601") no-repeat;
  background-color: #d5fffc;
  background-size: 100% auto;
  padding-top: 8.453333rem;
}

.user-content {
  width: 8.933333rem;
  height: -webkit-fit-content;
  height: fit-content;
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 17%, rgba(255, 255, 255, 0.5) 92%);
  background-image: linear-gradient(0deg, #FFFFFF 17%, rgba(255, 255, 255, 0.5) 92%);
  border: 0.013333rem solid #FFFFFF;
  border-radius: 0.213333rem;
  position: relative;
  padding: 0.426667rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-backdrop-filter: blur(0.133333rem);
          backdrop-filter: blur(0.133333rem);
}

.user-content .avatar {
  width: 0.96rem;
  height: 0.96rem;
  margin-right: 0.32rem;
  border-radius: 0.48rem;
}

.user-content .user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.user-content .user-info .nickname {
  font-family: PingFangSC-Medium;
  font-size: 0.373333rem;
  color: #000000;
  line-height: 0.48rem;
  margin-bottom: 0.053333rem;
}

.user-content .user-info .times {
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #82888D;
  line-height: 0.48rem;
  margin-bottom: 0.053333rem;
}

.user-content .user-info .message {
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #747A7E;
  line-height: 0.48rem;
}

.user-content .user-package {
  height: 0.533333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 0.533333rem;
}

.user-content .user-package .package-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.user-content .user-package .package-box p {
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #878C96;
  line-height: 0.48rem;
}

.user-content .user-package .package-box p .time {
  font-family: DINAlternate-Bold;
  font-size: 0.426667rem;
  color: #C47A21;
  line-height: 0.533333rem;
  font-weight: bold;
  margin: 0 0.106667rem;
}

.user-content .user-package .middle-line {
  width: 0.026667rem;
  height: 0.533333rem;
  background-color: #E3E6ED;
  margin: 0 0.4rem;
}

.user-content .toggle {
  position: absolute;
  top: 0.426667rem;
  right: 0.4rem;
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #000000;
  line-height: 0.48rem;
}

.major-content {
  background-color: #d5fffc;
  position: relative;
  width: 10rem;
  padding: 0.32rem 0 1.6rem;
}

.major-content .banner-list {
  width: 8.933333rem;
  margin: 0.32rem auto;
  height: -webkit-fit-content;
  height: fit-content;
}

.major-content .banner-list .banner {
  width: 100%;
  height: 1.6rem;
}

.major-content .main-order {
  width: 8.933333rem;
  height: 3.84rem;
  background-image: -webkit-linear-gradient(288deg, #F4FEFF 0%, #E3FFFC 100%), -webkit-linear-gradient(288deg, #FFEDD2 0%, #FFFFFF 100%);
  background-image: linear-gradient(162deg, #F4FEFF 0%, #E3FFFC 100%), linear-gradient(162deg, #FFEDD2 0%, #FFFFFF 100%);
  box-shadow: 0 0.106667rem 0.32rem 0 rgba(185, 210, 224, 0.2), inset 0 -0.026667rem 0 0 #FFFFFF, inset 0 0.026667rem 0 0 #FFFFFF;
  border-radius: 0.213333rem;
  padding: 0.533333rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .main-order .order-info {
  width: 100%;
  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;
}

.major-content .main-order .order-desc {
  font-family: PingFangSC-Semibold;
  font-size: 0.4rem;
  font-weight: bold;
  color: #02A8AC;
  line-height: 0.586667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.major-content .main-order .price-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: right;
}

.major-content .main-order .price-desc .price {
  font-family: DINAlternate-Bold;
  font-size: 1.066667rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.066667rem;
  color: #C47A21;
  -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
}

.major-content .main-order .price-desc .price .yuan {
  font-size: 0.4rem;
  line-height: 0.586667rem;
}

.major-content .main-order .highlight {
  color: #DC7D0A;
}

.major-content .main-order .order-button {
  width: 6.826667rem;
  height: 1.066667rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  background-image: -webkit-linear-gradient(43deg, #FFDE5F 0%, #FFF2BA 88%);
  background-image: linear-gradient(47deg, #FFDE5F 0%, #FFF2BA 88%);
  border-radius: 0.64rem;
  font-family: PingFangSC-Semibold;
  font-weight: bold;
  font-size: 0.426667rem;
  color: #DC7D0A;
  letter-spacing: 0;
  line-height: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0 auto;
}

.major-content .privilege-desc {
  font-family: PingFangSC-Semibold;
  font-size: 0.426667rem;
  font-weight: bold;
  line-height: 0.586667rem;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0.586667rem auto 0.293333rem;
}

.major-content .privilege-desc .more {
  font-family: PingFangSC-Regular;
  font-size: 0.346667rem;
  font-weight: normal;
  color: #888888;
  letter-spacing: -0.008267rem;
  text-align: right;
  line-height: 0.293333rem;
}

.major-content .privilege-desc .arrow {
  display: inline-block;
  width: 0.133333rem;
  height: 0.293333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAGOIT3LAAAAAXNSR0IArs4c6QAAAV1JREFUKBWdUrtOwzAUdR4DHVFWWBlgSjIys0J/AiHEP/D4CASID+gIiIWddstDGWCNROd0bIfUKeekses0ZMGS5XPPOffa17YQ5oii6MWMFQa/FHme7yRJcqrIeoWyEnEcT1rsRlI0fHObgeM4J0x4VMp6ZR0UP2yzTUQR87pP/NECCp/TjeEIgE8QM632Ajg3NRoXTxtDmHeyUPOGmyjBUiBN0zMp5avneQNNUmRnVVV91Teg3DjjGJhzPVBzqW+GHXATdqQM7GiFTY41QZBl2V6LYIC0yZ/CltPGPlVZllMkzDqlDXPdDw+FXu6xXkCTlmVdhmH4bPhEq3EK7AAJD4AOEp6CILjCKjtGVYXHwG29I2kX3LjXyITmaj8A910S26N5lBEqDqDxcQ5aFXGp/Fl3TMS5btFQjRm7/PRFUYyAh5gLfN+h7/tvFM3hwrQAMbVt+wgdfpviv/AvVqbKz5ZrDC8AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 0.133333rem;
  position: relative;
  top: 0.026667rem;
}

.major-content .privilege {
  width: 8.933333rem;
  background-image: -webkit-linear-gradient(288deg, #F4FEFF 0%, #E3FFFC 100%), -webkit-linear-gradient(288deg, #FFEDD2 0%, #FFFFFF 100%);
  background-image: linear-gradient(162deg, #F4FEFF 0%, #E3FFFC 100%), linear-gradient(162deg, #FFEDD2 0%, #FFFFFF 100%);
  box-shadow: 0 0.106667rem 0.32rem 0 rgba(185, 210, 224, 0.2), inset 0 -0.026667rem 0 0 #FFFFFF, inset 0 0.026667rem 0 0 #FFFFFF;
  border-radius: 0.213333rem;
  padding: 0.373333rem 0.4rem 0.426667rem;
  margin: 0 auto;
}

.major-content .privilege .privilege-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.major-content .privilege .privilege-info .item-info {
  width: 1.706667rem;
  height: 2.293333rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  margin-right: 0.213333rem;
}

.major-content .privilege .privilege-info .item-info:last-child {
  margin-right: 0;
}

.major-content .privilege .privilege-info .item-info:nth-child(3) {
  margin-right: 0.88rem;
}

.major-content .privilege .privilege-info .item-info .icon-wrapper {
  width: 1.173333rem;
  height: 1.173333rem;
  margin-bottom: 0.186667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .privilege .privilege-info .item-info .icon-wrapper img {
  width: 1.173333rem;
  height: 1.173333rem;
  display: inline-block;
}

.major-content .privilege .privilege-info .item-info .title {
  font-family: PingFangSC-Semibold;
  font-size: 0.293333rem;
  font-weight: bold;
  color: #863611;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.373333rem;
  white-space: nowrap;
}

.major-content .privilege .privilege-info .item-info .desc {
  width: 100%;
  opacity: 0.6;
  font-family: PingFangSC-Regular;
  font-size: 0.266667rem;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.32rem;
  white-space: nowrap;
  position: absolute;
  bottom: -0.08rem;
  left: 0;
}

.major-content .privilege .privilege-info .item-info .icon-plus {
  position: absolute;
  left: -0.76rem;
  bottom: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
}

.major-content .privilege .privilege-info .item-info .frequency {
  position: absolute;
  top: 0.24rem;
  right: 0.106667rem;
  width: 0.746667rem;
  height: 0.48rem;
  font-family: PingFangSC-Regular;
  font-size: 0.266667rem;
  color: #FFFFFF;
  line-height: 0.266667rem;
  background-image: -webkit-linear-gradient(right, #FF7C56 0%, #FE353D 100%);
  background-image: linear-gradient(270deg, #FF7C56 0%, #FE353D 100%);
  border-radius: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .privilege .space-explain {
  height: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: 0.48rem;
}

.major-content .privilege .space-explain p {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0.6;
  font-family: PingFangSC-Regular;
  font-size: 0.266667rem;
  color: #000000;
  text-align: center;
  line-height: 0.426667rem;
  margin: 0 0.346667rem;
}

.major-content .privilege .space-explain p .space-bold {
  font-weight: bold;
}

.major-content .privilege .space-explain .space-line {
  width: 1.28rem;
  height: 0;
  opacity: 0.3;
  border-top: 0.026667rem dashed #730707;
}

.major-content .privilege .explain {
  font-family: PingFangSC-Regular;
  font-size: 0.373333rem;
  color: #323746;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.586667rem;
  margin-top: 0.373333rem;
}

.major-content .order {
  width: 9.573333rem;
  height: 2.986667rem;
  margin: 0.106667rem auto -0.426667rem;
  padding: 0.213333rem 0.32rem 0.426667rem;
  background: url("../img/order-bg.png?t=1767776517601") no-repeat;
  background-size: 100% 100%;
  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;
}

.major-content .order.order-first {
  margin-top: 0.293333rem;
}

.major-content .order .order-desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  font-family: PingFangSC-Semibold;
  font-size: 0.48rem;
  color: #01A8AC;
  line-height: 0.64rem;
  font-weight: bold;
  padding: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .order .highlight {
  color: #DC7D0A;
}

.major-content .order .price-desc {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.133333rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .order .price-desc .price {
  font-family: PingFangSC-Semibold;
  font-size: 0.853333rem;
  color: #DC7D0A;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.853333rem;
  font-weight: bold;
}

.major-content .order .price-desc .price .yuan {
  font-size: 0.426667rem;
}

.major-content .order .order-button {
  width: 2.133333rem;
  height: 0.8rem;
  background-image: -webkit-linear-gradient(43deg, #FFDE5F 0%, #FFF2BA 88%), -webkit-linear-gradient(43deg, #FFC65F 0%, #FFE5B9 88%);
  background-image: linear-gradient(47deg, #FFDE5F 0%, #FFF2BA 88%), linear-gradient(47deg, #FFC65F 0%, #FFE5B9 88%);
  border-radius: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-size: 0.32rem;
  color: #DC7D0A;
  letter-spacing: 0;
  line-height: 0.48rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.major-content .instructions {
  width: 8.933333rem;
  margin: 0.72rem auto 0;
}

.major-content .instructions .title {
  width: 100%;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 0.48rem;
  font-weight: bold;
  color: #000000;
  letter-spacing: 0;
  line-height: 0.64rem;
  margin-bottom: 0.213333rem;
}

.major-content .instructions .info {
  font-family: PingFangSC-Regular;
  font-size: 0.373333rem;
  color: #323746;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.64rem;
}

.major-content .instructions .down-line {
  text-decoration: underline;
}

.major-content .instructions .down-line-href {
  font-family: PingFangSC-Semibold;
  font-weight: bold;
  color: #000;
}

.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;
}

.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;
}

.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;
}