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

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

img {
  display: block;
}

[v-cloak] {
  display: none;
}

html {
  height: 100%;
}

html body {
  height: 100%;
  background: #0a4acb;
}

html body #app {
  height: 100%;
}

.pre-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  color: #fff;
  background-color: #2D2927;
  text-align: center;
}

.pre-loading .loading-container {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 5.333333rem;
  height: 5.333333rem;
  margin-left: -2.666667rem;
  margin-top: -2.666667rem;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.pre-loading p {
  margin-top: 0.533333rem;
  font-size: 0.64rem;
}

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

.login-box {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0.4rem;
  padding: 0.106667rem 0.48rem;
  line-height: 0.453333rem;
  color: #fff;
  font-size: 0.32rem;
}

.login-box.account {
  padding: 0.16rem 0.266667rem;
  line-height: 0.373333rem;
  font-size: 0.32rem;
}

.logo {
  width: 1.84rem;
  height: 0.8rem;
  z-index: 1;
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}

.main-banner {
  width: 10rem;
  height: auto;
}

.contain {
  background: #0a4acb;
}

.contain .main-intor-box {
  width: 9.2rem;
  height: 5.6rem;
  margin: -0.733333rem auto 0;
  border-radius: 0.133333rem;
  background: #e4f3fd;
}

.contain .main-intor-box .banner-img {
  width: 6.973333rem;
  display: block;
  margin: 1.066667rem auto 0;
}

.contain .btn-disable {
  background: url("../img/btn-disable.png") no-repeat 0 0 !important;
  background-size: 100% !important;
}

.contain .btn {
  display: block;
  text-align: center;
  position: relative;
  width: 6.226667rem;
  height: 1.306667rem;
  line-height: 1.28rem;
  margin: 0;
  border: 0;
  background: url("../img/btn-bg.png") no-repeat 0 0;
  background-size: 100%;
  font-size: 0.453333rem;
  font-weight: bold;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  color: #fff;
}

.content {
  text-align: center;
}

.small-btn-1 {
  display: inline-block;
  margin: 0;
  border: 0;
  text-align: center;
  font-size: 0.453333rem;
  font-weight: bold;
  width: 4.106667rem;
  height: 1.24rem;
  line-height: 1.213333rem;
  color: #fff;
  background: url("../img/small-btn.png") no-repeat 0 0;
  background-size: 100%;
}

.small-btn-1:first-child {
  margin-right: 0.266667rem;
}

.tips {
  min-height: 0.506667rem;
  line-height: 0.506667rem;
  padding: 0.026667rem 0 0.266667rem;
  color: #fff;
  font-size: 0.266667rem;
  text-align: center;
}

.content-phase-2 {
  width: 9.2rem;
  margin: 0.133333rem auto 0;
  padding: 0.426667rem;
  background: #e4f3fd;
  border-radius: 0.2rem;
}

.activity-title {
  margin-bottom: 0.493333rem;
  text-align: center;
  color: #012fbc;
  font-size: 0.4rem;
  font-weight: bold;
}

.activity-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 0.32rem;
  padding: 0.573333rem 0.16rem;
  color: #0e387e;
  font-size: 0.466667rem;
  font-weight: bold;
  background: #97b9f0;
  border-radius: 0.2rem;
}

.activity-card .activity-text-share {
  height: 1.28rem;
}

.activity-card .activity-notice {
  margin-top: 0.226667rem;
  color: #fedc3d;
  font-size: 0.32rem;
}

.activity-card .small-btn {
  position: relative;
  top: 0.266667rem;
  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;
  padding: 0 0.266667rem;
  height: 0.96rem;
  min-width: 2.453333rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: #ae7203;
  background: -webkit-linear-gradient(#fbeeae, #fbd72b);
  background: linear-gradient(#fbeeae, #fbd72b);
  border: none;
  border-radius: 0.48rem;
}

.activity-card .small-btn-disabled {
  color: #fff;
  background: -webkit-linear-gradient(#bdcddf, #a5adb5);
  background: linear-gradient(#bdcddf, #a5adb5);
}

.activity-card .tag {
  position: absolute;
  width: 2.666667rem;
  left: 2.666667rem;
  top: 1.066667rem;
}

.go-app-tip {
  margin-top: 0.266667rem;
  display: block;
  text-align: center;
  color: #0e387e;
  font-size: 0.32rem;
}

.browser-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 9.2rem;
  margin: 0.133333rem auto 1.6rem;
  padding: 0.493333rem 0.373333rem;
  font-size: 0.48rem;
  font-weight: bold;
  color: #0a4acb;
  background: #e4f3fd;
  border-radius: 0.2rem;
}

.browser-box img {
  width: 2.933333rem;
  margin: 0.093333rem 0 0 0.466667rem;
}

.browser-box .qrcode-img {
  margin-left: 0.466667rem;
  font-size: 0.4rem;
  text-align: center;
  text-align: justify;
  text-align-last: justify;
}

.browser-box .qrcode-img:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.rule-title {
  color: #23498f;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.4rem;
}

.box {
  position: relative;
  margin: 0.426667rem 0.533333rem 0.8rem;
  padding: 0.4rem 0.506667rem;
  height: 6.933333rem;
  color: #23498f;
  font-size: 0.346667rem;
  border-radius: 0.133333rem;
  background: #709ae6;
  overflow: hidden;
}

.box .box-content {
  height: 3.466667rem;
  overflow: hidden;
}

.box .box-content p {
  margin-bottom: 0.333333rem;
  text-align: justify;
}

.box .box-content .box-content-sub {
  margin-bottom: 0;
}

.box .box-content .high-light {
  font-size: 0.346667rem;
  color: #fde260;
}

.box img {
  display: block;
  margin: 0.533333rem auto 0;
  height: 0.8rem;
}

.box-more {
  height: auto;
}

.box-more .box-content {
  height: auto;
}

.box-more img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-container {
  width: 8rem;
  height: 4rem;
}

.swiper-slide {
  text-align: center;
  font-size: 0.24rem;
  background: transparent;
  /* Center slide text vertically */
  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;
}

.choose-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.choose-list .choose-item {
  margin-top: 0.266667rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABOCAMAAABrCBgyAAAABGdBTUEAALGPC/xhBQAAAYxQTFRFkNXqjdPpj9XpjNHohMvlhMvlkdbqkdbqi9HoR5bNkdbqj9XpecHhkdbqd7/gjdLokNXqgMfjkdbqi9HoaLPahszmiM/nkNXqg8rlgsnkXqrXjtPpSJbOW6fVgsnkhs3mXqrWgcjkiM7nXqrWb7jdPI3Jj9Xpi9HogMjkfcXijNHokdbqkNXqWaXUkdbqhcvljdLoZ7LakNXqjtTpjNLoMILFkNXqkNXqkNXqitDndL3fe8PikdbqkdbqesLhjtPpj9XpkNXqXKjWjdLojdLokNXqj9XpKXzCKXzCj9TpKXzCkdbqKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCjNHoKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCjtPpgcjkKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCAAAAkdbq+yMmLQAAAIN0Uk5TbHVAXzEI8NtxDpHUM+48e9ke6EQXVnvhZqAp5kdWn7hZoJ8xXivxrpWG1f3xVe+Z0kVWTds5ckxND36Q5teK40F2WRpO8nkgJXoQ/igcFiIfHRQTIyoaMCYXLRkrCQ4FEQoMBk8YLg0SMSQpHjM1CAMBe6EsGychCy8VNDIPBwI2BABlGJecAAADJ0lEQVR42u3bZ5OaUBQG4E3vvffee+91s3Gza0VAFOmx6yqJCrLSlj+eCxjNBPcHHOa+M3y/zxy4Xzjvwsa/UdFj2z0UF1L8A/dsW51BFv5F7di68B3lh59fQLJl23ZLURRBQDokUyOsxb07PZDZtXsPx3UtRZjBZqynDz2w2be/JusSkiFY4JqyXq56gHPgoGjyMoIJoesv6zVoleedOmvkRV7mLMH1XRPWm/ce8NwasOn8Sk0K5xWy1C/QVd69J+1BxRD50DVhfQDP8h6RWo41RDQvtzdhLcJXeY+Ty5k2bYgyp7h2wFI/x4B1v08xmTZLmHpX6IWsVzFgeaMSxWipYr2GxhWynsWBNS6UWs0sbZi6FbBU+1scWOvjUXmYyRVFuSvEiLXWCcbF5nlJCVk/Y8Hyx8VoNGFKVsDqxYLlIFZ/mEkZK3qsWOgt7CfJXBp9XDFjlVpkcGfEi9VAd0Y7rqx67FhVxKrElVXDLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCrAnrWAxUS1HWkRiw7kZ/2ymH4bOuRH+yKofAq1YvRH+JK8ePQmddcqILDAp3AvgK8rnzTnTdROjKJ0G7bl52nMhykI1Y4ukluKrnD5Aqssplu5ZuGteuAoV9+vjCV0UX71xF4vNs+8b1O7cvnvkNKu/efnWcQPX/mmT4cYnplMZQ1UJnfQ3FARV04PVOsNSamC21Bm+hZKJxkcNytTDudNbBpTNuRFeQbXTFy6JBZ8khVRoVGo0xsDQahWpkYRy9hWhcfD09yJJMq9yvVkfAUi31qch6vz8uoaub9SLd1prDJEWVUfpA4p+VaiWZZqSMofqXoe9Ks6msRjaXmSGkMMxyk9Si1Rnk6vkuXiSKbCqXTSQ0UElk27lp0cmdFp2C1xC5JNkUiXSxwtIDSKFptlKcV0sLXYLF6TV+RaznCcIAFILI1+eXCIPvCw3M4iRdrvEmrPD8ZpXPiUtQrG6XkyRJhxN02s0Lur4LwXouoimKBSp+n3qzOnUIU4Pyu+uCa7/7JnVe+X0qC3CAMjnzxvxOf4zyB2C7U16ulO6GAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: 100%;
  width: 2.84rem;
  height: 1.04rem;
  line-height: 0.906667rem;
  font-size: 0.373333rem;
  color: #fff;
  text-indent: 0.866667rem;
  position: relative;
}

.choose-list .choose-item i {
  position: absolute;
  top: 50%;
  left: 20%;
  margin-top: -0.106667rem;
  width: 0.133333rem;
  height: 0.133333rem;
  background: #fff;
  border-radius: 50%;
}

.choose-list .choose-item:first-child {
  margin-left: 0.133333rem;
}

.choose-list .choose-item.choose-item-select {
  background: url(data:image/png;base64,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) no-repeat 0 0;
  background-size: 100%;
  color: #cf2c0f;
}

.choose-list .choose-item.choose-item-select i {
  background-color: #cf2c0f;
}

/*包裹自定义分页器的div的位置等CSS样式*/

.swiper-pagination-custom {
  left: 0;
  top: 0.133333rem;
  width: 100%;
  height: 1.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

/*自定义分页器的样式，这个你自己想要什么样子自己写*/

.swiper-pagination-customs {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  z-index: 999;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABOCAMAAABrCBgyAAAABGdBTUEAALGPC/xhBQAAAYxQTFRFkNXqjdPpj9XpjNHohMvlhMvlkdbqkdbqi9HoR5bNkdbqj9XpecHhkdbqd7/gjdLokNXqgMfjkdbqi9HoaLPahszmiM/nkNXqg8rlgsnkXqrXjtPpSJbOW6fVgsnkhs3mXqrWgcjkiM7nXqrWb7jdPI3Jj9Xpi9HogMjkfcXijNHokdbqkNXqWaXUkdbqhcvljdLoZ7LakNXqjtTpjNLoMILFkNXqkNXqkNXqitDndL3fe8PikdbqkdbqesLhjtPpj9XpkNXqXKjWjdLojdLokNXqj9XpKXzCKXzCj9TpKXzCkdbqKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCjNHoKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCjtPpgcjkKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCKXzCAAAAkdbq+yMmLQAAAIN0Uk5TbHVAXzEI8NtxDpHUM+48e9ke6EQXVnvhZqAp5kdWn7hZoJ8xXivxrpWG1f3xVe+Z0kVWTds5ckxND36Q5teK40F2WRpO8nkgJXoQ/igcFiIfHRQTIyoaMCYXLRkrCQ4FEQoMBk8YLg0SMSQpHjM1CAMBe6EsGychCy8VNDIPBwI2BABlGJecAAADJ0lEQVR42u3bZ5OaUBQG4E3vvffee+91s3Gza0VAFOmx6yqJCrLSlj+eCxjNBPcHHOa+M3y/zxy4Xzjvwsa/UdFj2z0UF1L8A/dsW51BFv5F7di68B3lh59fQLJl23ZLURRBQDokUyOsxb07PZDZtXsPx3UtRZjBZqynDz2w2be/JusSkiFY4JqyXq56gHPgoGjyMoIJoesv6zVoleedOmvkRV7mLMH1XRPWm/ce8NwasOn8Sk0K5xWy1C/QVd69J+1BxRD50DVhfQDP8h6RWo41RDQvtzdhLcJXeY+Ty5k2bYgyp7h2wFI/x4B1v08xmTZLmHpX6IWsVzFgeaMSxWipYr2GxhWynsWBNS6UWs0sbZi6FbBU+1scWOvjUXmYyRVFuSvEiLXWCcbF5nlJCVk/Y8Hyx8VoNGFKVsDqxYLlIFZ/mEkZK3qsWOgt7CfJXBp9XDFjlVpkcGfEi9VAd0Y7rqx67FhVxKrElVXDLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCLMzCrAnrWAxUS1HWkRiw7kZ/2ymH4bOuRH+yKofAq1YvRH+JK8ePQmddcqILDAp3AvgK8rnzTnTdROjKJ0G7bl52nMhykI1Y4ukluKrnD5Aqssplu5ZuGteuAoV9+vjCV0UX71xF4vNs+8b1O7cvnvkNKu/efnWcQPX/mmT4cYnplMZQ1UJnfQ3FARV04PVOsNSamC21Bm+hZKJxkcNytTDudNbBpTNuRFeQbXTFy6JBZ8khVRoVGo0xsDQahWpkYRy9hWhcfD09yJJMq9yvVkfAUi31qch6vz8uoaub9SLd1prDJEWVUfpA4p+VaiWZZqSMofqXoe9Ks6msRjaXmSGkMMxyk9Si1Rnk6vkuXiSKbCqXTSQ0UElk27lp0cmdFp2C1xC5JNkUiXSxwtIDSKFptlKcV0sLXYLF6TV+RaznCcIAFILI1+eXCIPvCw3M4iRdrvEmrPD8ZpXPiUtQrG6XkyRJhxN02s0Lur4LwXouoimKBSp+n3qzOnUIU4Pyu+uCa7/7JnVe+X0qC3CAMjnzxvxOf4zyB2C7U16ulO6GAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: 100%;
  width: 2.84rem;
  height: 1.04rem;
  line-height: 0.906667rem;
  font-size: 0.373333rem;
  color: #fff;
  text-indent: 0.066667rem;
  position: relative;
}

.swiper-pagination-customs i {
  position: absolute;
  top: 50%;
  left: 18%;
  margin-top: -0.106667rem;
  width: 0.133333rem;
  height: 0.133333rem;
  background: #fff;
  border-radius: 50%;
}

.swiper-pagination-customs:first-child {
  margin-left: 0.133333rem;
}

.swiper-pagination-customs:first-child i {
  left: 23%;
}

/*自定义分页器激活时的样式表现*/

.swiper-pagination-customs-active {
  background: url(data:image/png;base64,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) no-repeat 0 0;
  background-size: 100%;
}

.mask {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 7.16rem;
  height: 7.026667rem;
  text-align: center;
  background: url("../img/modal-bg.png") no-repeat 0 0;
  background-size: 100%;
  border-radius: 0.266667rem;
  z-index: 100;
}

.modal-br-20 {
  height: 0.266667rem;
}

.modal-br-10 {
  height: 0.133333rem;
}

.modal-br-50 {
  height: 0.666667rem;
}

.modal-br-40 {
  height: 0.533333rem;
}

.modal-btn {
  width: 5.546667rem;
  height: 1.4rem;
  display: block;
  line-height: 1.28rem;
  font-weight: bold;
  margin: 0 auto 0.266667rem;
  border: 0;
  font-size: 0.453333rem;
}

.modal-btn.red {
  background: url("../img/modal-btn-red.png") no-repeat 0 0.04rem;
  background-size: 100%;
  color: #ffb63c;
}

.modal-btn.yellow {
  background: url("../img/modal-btn-yellow.png") no-repeat 0 0.04rem;
  background-size: 100%;
  color: #d0180d;
}

.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0.4rem 0.4rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.066667rem;
  font-size: 0.373333rem;
  color: #fff;
  text-align: center;
  z-index: 9999;
}

.toast p {
  text-align: center;
  color: #fff;
}

.toast.fade {
  animation: fade 2.5s ease-in;
  -webkit-animation: fade 2.5s ease-in;
}

.share-guide {
  width: 6.706667rem;
  height: 6.253333rem;
  background: url("../img/share-guide.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.shoud-share-guide {
  width: 4.28rem;
  height: 4.533333rem;
  background: url("../img/share-guide.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.tip-modal-box {
  width: 7.6rem;
  min-height: 4.96rem;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.706667rem 0.6rem;
  background: #ecf7fd;
  border-radius: 0.4rem;
  z-index: 100;
}

.tip-title {
  text-align: center;
  color: #244897;
  font-size: 0.48rem;
  font-weight: bold;
}

.tip-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.413333rem;
}

.tip-item img {
  width: 2.133333rem;
  height: 2.133333rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
}

.tip-item p {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 0.586667rem;
  font-size: 0.293333rem;
  color: #012f8c;
}

.tip-btn {
  display: block;
  max-width: 4.8rem;
  margin: 0.586667rem auto 0;
  padding: 0.266667rem 0.8rem;
  text-align: center;
  color: #fff;
  font-size: 0.48rem;
  background: #2b6ef2;
  border-radius: 0.533333rem;
}

.upload-input {
  display: none;
}

.tip-notice {
  margin-top: 0.32rem;
  text-align: center;
  font-size: 0.266667rem;
  color: #4e89d2;
}

.uploading-text {
  margin: 2.226667rem auto;
  text-align: center;
  color: #244897;
  font-size: 0.4rem;
  font-weight: bold;
}

.notice-box {
  padding: 0.533333rem 0;
  text-align: center;
  color: #244897;
  font-size: 0.4rem;
  font-weight: bold;
}

.notice-box-ecloud {
  margin: 2rem auto;
  padding: 0;
}

.tip-modal-close {
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1.066667rem;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
}

.loading .loading-box {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 1.2rem 1.653333rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.16rem;
}

.loading .loading-box .loading-icon,
.loading .loading-box:before,
.loading .loading-box:after {
  content: '';
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.32rem;
  margin-left: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAh1BMVEUAAABwcHCWkpJ8eHhcXFxvbm54d3dycXFqamp9e3t3dnZ6eXl6eHh3dHR1c3N2dHR0c3N3dXV1dHR2dnZ4d3d5d3dmZWVycnJ3d3d6enpzc3N1dHRwb297enp+e3tta2t6eXl6d3d7eHh9e3t5eXl5eXlhYWF8eXlra2t2dHRraWlnZ2dnZ2fTceZ5AAAALXRSTlMALgNrEyZXNhx0QmNgTUAWEkoqBjgjHQ0KHxpuaidyZlVFUko9MxBdQ2peYVSP1+TiAAACBklEQVRIx72S2XqiQBBGy45gCwhIsysEWZ3l/Z9vfhtwIHQn5ibnyg/r1NJVpEb0vqDv0O/3Pn0FMyI2/94DmklTtXC7vt9Vgh9zdbVfl+s73wqCA6VQQ/jLNkLOeewpBe8CY/dRSGIIQjMEhN/pWmAcgu7B0scUh7XQcxiMNHQQ/vRLQcQQEv0mbBj35eL2EDjpiR5TLE8jjnmcbvI2ZTW/2+lyvdMC//+TCm7kJCmOoElHOTDWE6bJlNUzQDIJJYyyY6THjwwpzC1JxY5IQxobkvw5q3OUSq0uko/hUbKYu3srj6AgBckY73+oeis/E4J8W9yry0bXEhf0g2TO24SdkYYk2E0ECSH+aegExD+NpeC8JGTDHD+81tIP4jd2q1wci7oi3R5kawPlvXoHkIl1kmCwbcdxlIIfPozOW5TPKmSHYKlbKg6SXT9/sBAM6lw7XhfKKtGYMJLZh4CRFpZDAP4oOCAU4z9ZtvKYN7UuohBVvPFjO9ygSlrTDFdH4brB/I5BGG2ayE3TrAl4N0tmc4H/SasnszJbArfT2SKws1w31A9XmEAmPJ3OZwKJBUP7eqJGfEdLgQoYrdAIIRqqxSQ0oyBcGIVmPaZZVQUtBZBZMBKl0KKhM6NlS4CFmGKnFCoIOa0F4Fkw1CNUWNpWwNNagVKQZ6EQ5vPQMy/uZebTUPIP1U4l+2PA1iUAAAAASUVORK5CYII=);
  background-size: 0.64rem 0.64rem;
  display: inline-block;
  -webkit-animation: loading-animate .85s;
          animation: loading-animate .85s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

@-webkit-keyframes loading-animate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loading-animate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*iPhone X 适配*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .fixed-bottom {
    bottom: 0.493333rem;
  }
}

/*iPhone XS max 适配*/

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .fixed-bottom {
    bottom: 0.493333rem;
  }
}

/*iPhone XR max 适配*/

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .fixed-bottom {
    bottom: 0.493333rem;
  }
}