@charset "UTF-8";

/* 文字超出隐藏 */

html,
body,
div,
p,
ul,
li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #333;
  text-decoration: none;
}

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

#app {
  font-size: 0.213333rem;
}

/* 头部 */

.header {
  height: 5.453333rem;
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/header-bg.png?t=1767775251483");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: -1.133333rem;
  color: #fff;
  padding-top: 1.133333rem;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0.666667rem;
}

.user-container {
  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: 0 0.4rem;
}

.userinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.userinfo-avatar {
  width: 1.28rem;
  height: 1.28rem;
  margin-right: 0.506667rem;
}

.userinfo-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.userinfo-username {
  font-size: 0.48rem;
  line-height: 0.48rem;
  font-weight: bold;
  display: inline-block;
  max-width: 4.533333rem;
}

.userinfo-expire {
  margin-top: 0.186667rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: rgba(255, 255, 255, 0.66);
}

.userinfo-expire-entry img {
  margin-left: 0.053333rem;
  vertical-align: middle;
  padding-bottom: 0.066667rem;
}

.userinfo-btn {
  width: 2.026667rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.8rem;
}

.userinfo-btn.toggle {
  background-color: #252525;
}

.userinfo-btn.login {
  color: #730707;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #F2AF3A 0%, #FFE4B9 100%);
  background-image: linear-gradient(90deg, #F2AF3A 0%, #FFE4B9 100%);
}

/* 会员图标 */

.vip-icon {
  display: inline-block;
  width: 0.453333rem;
  height: 0.453333rem;
  margin-left: 0.16rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.vip-icon-normal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAABNpJREFUWAntVU1LXFcYPjOOjmN01AkofmGqibpIECtShK7aQksDXRTyAwItaaE0WWaRiGQjIW79WCiCm6TQ7hQRBJGiKGiLm4DGqBO1mvgddfzWPM/JvCfn3hkliYuEkhfuPV/v+5znPO97z1Xqk/1fFaivr+/p6+urP+v5vGcBaGtruzA3N/fV8fHxb0NDQ+fPgnUmIktLSw+Ojo48IOLf2dm5/kGIYHPP+vr6VZ/PpzweDznc4Nz7knlvRRoaGm7u7+8HEhMTZe+L/f3938jgXVtDpKamZrOjo+Pe254qEon8TjUSEhLMnoj9xQxO6dTW1nrr6ur+7u3tnRE3Q2R1dTUwOTl5t7Oz84+BgYGAOMRr29vbL4PIBRLhAwLaDe0Pw8PDOfFiZK6lpSWEunqWkpLyZVpaWlDmDRG/378/MTGhtra2ri0vL/f29PRki5O73djYuO/1ej1ChDUSJeND0f7k9pcxvrIrOOwzxOdVVVWxtp7LmiEChhFOjo+Ps/lid3d3qLu7+zIHtuHEidvb219LWiQ10YIloZ/xvMlXNLi5ufnHsbGxf3DQc9XV1SopKYkrC4JtiECRl1xcW1tTi4uLBCyEhP1dXV3fijPb0dHR25j3s0hJRoo1qghdCgYHB79nR6yxsfHO1NTUnwcHB768vDxVVFSklxATl8gKQUlmenpaIUhhwyCcO6HMrwIKpW6IGtKShChCP8SZom1qano4Ozt7j6nEYVVlZaVAOVLjk1mAvrBPNzMzI8wTANwIMiWonb/w5JKAvblNIor3HVS5NDIy8mhhYeFz+tOHSqSnp8uWbI0ihgjYztlEmCLkU6GydSA2vgW1rvNkBLWJ2MjsY82LWvt3ZWXlHEnQkpOTVUlJie7LC36xxYqiCzMtJEMJ2eI/QpklTqWmpqYTmAXKFqTMPUJitpGE4BGrrKxMx9g+OFCsIgB/KuzltCSBVKisrCwdTyWoEL4aG8+syeTm5qY6PDw0hZyRkaGys7NjVMRBjCImNWA9RuY0IcI+U0Qgno5EoIrC1c4lY7Y/JxlDfxpjWBv0oYK2Lw4eq0hmZuZj1kQ8oyo5Oa8vTKaNyvHE+OkpfEW6DQaDqqCgQBMgjqjLuEAgEA+WxIwijr9la2vrISK8ZO02ENVq8FT4/atwOKzJ2H5UtLS0VN9DnCfp4uJirQSV4cN4Gvqr+JRDeoCXudA4gcBdFiIB3Q/+LaZw5+fnY0gwninjb4KxTE1ubq7eXEjQxzKTFs6ZGuEAwREEOXQkCI0qkQyJxitW7YQX/jW6y7qSlIjCdo1gzqSFAQ4icOQ1f14CNaL14le0t7dnzZzcJRGaHEQ8ZYz2VEWWUYSfiTMJsS8twex7RcDdbSgUMsUqa4LDcRT/VEWeSzEJAEnYkvJroOQnpYdrLGwhb8cTxzqkQxFHsWKT/6RIuSEfFh1bzkvLe4Fjt3GON6iYtalMaYIcYO1kRVCIYVsROZVBiXZ4u5aXl+tfAG9RGufy8/P1PyXqZlSxCQk+5hyKOIoVi0/tzQWAwO55nr6wsFBLTXDWDr8o2yReYjmWPmIcRBypQaE+kWAbkH0BYZ9gtpEEybhjZVP62vEcI8aRGgcRyPsYAXoX92YCZm8m4PFI0J/mxmEM96ioqHjx2uPT+yNX4BW62kT/hw1fzwAAAABJRU5ErkJggg==);
}

.vip-icon-gold {
  background-image: url(data:image/png;base64,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);
}

.vip-icon-platinum {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZTFkNGQ5OS1kNGUzLTQzYjgtYTdkYS0yYTM0MmZlZDMyODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRBMkE4RDg3OTZGMTFFOEFEN0U4QkZGQjQ5MjNGM0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUIzQ0E5MzA3OTRGMTFFOEFEN0U4QkZGQjQ5MjNGM0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MmI4YmMzNy0zZjhjLTQ3MjItOTM4OS01MTkxMmE0MWJkMDciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1OWQ5NWMzYy1jMTY3LTExN2ItYWY2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);
}

.vip-icon-study {
  background-image: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/study.png?t=1767775251483");
  background-repeat: no-repeat;
}

.banner {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 2.666667rem;
  bottom: -0.666667rem;
}

.banner > img {
  width: 9.2rem;
  height: 2.666667rem;
  border-radius: 0.106667rem;
}

.viplist {
  padding-top: 0.266667rem;
}

/* 会员订购 */

.tab {
  width: 100%;
  height: 1.386667rem;
  color: #888888;
  font-size: 0.4rem;
  line-height: 0.64rem;
  margin-bottom: 0.146667rem;
}

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

.one-tab {
  width: 100%;
  height: 1.386667rem;
  font-size: 0.48rem;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.386667rem;
  text-indent: 0.4rem;
  font-weight: bold;
}

.tab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
  position: relative;
}

.tab-item-actived-gold {
  color: #BC8B52;
  font-size: 0.48rem;
  font-weight: bold;
}

.tab-item-actived-gold::after {
  content: '';
  width: 0.853333rem;
  height: 0.053333rem;
  background-color: #BC8B52;
  display: inline-block;
  position: absolute;
  bottom: -0.133333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tab-item-actived-platinum {
  color: #9F4C4C;
  font-size: 0.48rem;
  font-weight: bold;
}

.tab-item-actived-platinum::after {
  content: '';
  width: 0.853333rem;
  height: 0.053333rem;
  background-color: #9F4C4C;
  display: inline-block;
  position: absolute;
  bottom: -0.133333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tab-item-actived-union {
  color: #303030;
  font-size: 0.48rem;
  font-weight: bold;
}

.tab-item-actived-union::after {
  content: '';
  width: 0.853333rem;
  height: 0.053333rem;
  background-color: #303030;
  display: inline-block;
  position: absolute;
  bottom: -0.133333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tab-item-tag {
  width: 0.706667rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #fff;
  font-size: 0.293333rem;
  font-weight: normal;
  background: #F6541C;
  border-radius: 0.106667rem 0 0.106667rem 0;
  border-radius: 0.106667rem 0 0.106667rem 0;
  position: absolute;
  right: -0.213333rem;
  top: 0.066667rem;
}

.package-list-container {
  width: 100%;
  margin-top: 0.373333rem;
  overflow: hidden;
  box-sizing: border-box;
}

.package-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-left: 0.4rem;
}

.no-scrollbar {
  overflow: hidden;
}

.no-scrollbar .package-list-item {
  height: 100%;
  box-sizing: content-box;
}

::-webkit-scrollbar {
  display: none;
}

.package-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  padding-bottom: 10PX;
}

.package-list-item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 11.52rem;
}

.package-item.swiper-slide {
  width: 2.666667rem;
  height: 2.933333rem;
}

.package-item {
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.package-item-inner {
  width: 2.666667rem;
  height: 2.933333rem;
  text-align: center;
  padding-top: 0.533333rem;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 0.026667rem solid #E6E6E6;
  border-radius: 0.053333rem;
  margin-right: 0.213333rem;
  margin-top: 0.24rem;
}

.package-item-actived {
  background: #FFEDE6;
  border: 0.026667rem solid #E6A495;
  border-radius: 0.053333rem;
  border-radius: 0.053333rem;
}

.package-item-tag {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0 0.2rem;
  min-width: 1.68rem;
  box-sizing: border-box;
  height: 0.48rem;
  line-height: 0.48rem;
  background: #F6541C;
  border-radius: 0.106667rem 0 0.106667rem 0;
  border-radius: 0.106667rem 0 0.106667rem 0;
  font-size: 0.32rem;
  color: #FFFFFF;
}

.package-item-time {
  font-weight: bold;
  font-size: 0.373333rem;
  line-height: 0.373333rem;
  color: #333;
}

.package-item-money {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: auto;
  margin-top: 0.186667rem;
  margin-bottom: 0.213333rem;
  color: #E88C4D;
  font-weight: bold;
}

.package-item-money > div:first-child {
  font-size: 0.64rem;
  line-height: 0.64rem;
  margin-right: 0.053333rem;
}

.package-item-money > div:last-child {
  font-size: 0.293333rem;
  line-height: 0.293333rem;
}

.package-item-explain {
  color: #888;
  font-size: 0.293333rem;
  line-height: 0.4rem;
}

.union-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 0.24rem;
}

.union-item.swiper-slide {
  width: 4.133333rem;
  height: 4.293333rem;
}

.union-item {
  position: relative;
}

.union-item-inner {
  width: 4.133333rem;
  height: 4.293333rem;
  text-align: center;
  margin-right: 0.266667rem;
  border: 0.026667rem solid #E6E6E6;
  border-radius: 0.106667rem;
}

.union-item-tag {
  min-width: 1.68rem;
  height: 0.48rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background: #F6541C;
  border-radius: 0.106667rem 0 0.106667rem 0;
  border-radius: 0.106667rem 0 0.106667rem 0;
  font-size: 0.32rem;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: -0.24rem;
  text-align: center;
}

.union-item-head {
  width: 4.08rem;
  height: 2.946667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.266667rem;
}

.union-item-head-xunlei {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/xunlei-speed.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-head-zyb {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/zyb.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-head-banmaAI {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/banmaAI.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-head-himalaya {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/himalaya.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-head-wps {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/wps.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-head-imusic {
  background: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/union/iMusic.png?t=1767775251483");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.union-item-title {
  font-size: 0.373333rem;
  color: #000000;
  letter-spacing: 0;
  line-height: 0.533333rem;
}

.union-item-money {
  height: 1.333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-top: 0.266667rem;
  color: #CD8900;
  font-weight: bold;
}

.union-item-money > div:first-child {
  font-size: 0.853333rem;
  line-height: 0.853333rem;
  margin-right: 0.053333rem;
}

.union-item-money > div:last-child {
  font-size: 0.32rem;
  line-height: 0.32rem;
}

.union-item-explain {
  font-size: 0.293333rem;
  color: #888888;
  line-height: 0.4rem;
}

.union-item-actived {
  border: 0.026667rem solid #E1B355;
}

.vip-btn {
  width: 9.2rem;
  height: 1.28rem;
  line-height: 1.28rem;
  text-align: center;
  background: url(https://cloud.dlife.cn/h5/client/fenxiao/img/home/gold-btn.png?t=1767775251483) no-repeat 100%;
  border-radius: 0.64rem;
  color: #730707;
  font-weight: bold;
  font-size: 0.426667rem;
  margin: 0.533333rem auto;
}

.vip-btn-platinum {
  background: url(https://cloud.dlife.cn/h5/client/fenxiao/img/home/platinum-btn.png?t=1767775251483) no-repeat 100%;
}

/* 会员特权 */

.privilege-list-header {
  padding: 0.386667rem 0.4rem 0.213333rem;
  box-sizing: border-box;
  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;
}

.privilege-list-header .title {
  font-size: 0.426667rem;
  line-height: 0.6rem;
  font-weight: bold;
  color: #333;
}

.privilege-title {
  padding: 0.386667rem 0.4rem 0.213333rem;
  box-sizing: border-box;
  font-size: 0.426667rem;
  line-height: 0.6rem;
  font-weight: bold;
  color: #333;
  margin-top: 0.8rem;
}

.privilege-list-header .more {
  vertical-align: middle;
  line-height: 0.293333rem;
  font-size: 0.346667rem;
  color: #888;
}

.privilege-list-header .more img {
  width: 0.2rem;
  height: 0.373333rem;
  vertical-align: middle;
  padding-bottom: 0.053333rem;
}

.privilege-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.privilege-list-cell {
  font-size: 0.293333rem;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.373333rem;
  width: 25%;
}

.privilege-list-cell img {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.533333rem;
  margin-bottom: 0.293333rem;
}

.privilege-list-cell.new-tag {
  position: relative;
}

.privilege-list-cell.new-tag::after {
  content: 'New';
  width: 0.693333rem;
  height: 0.32rem;
  position: absolute;
  right: 0.373333rem;
  top: 0.533333rem;
  background-image: -webkit-linear-gradient(left, #FF825D 0%, #FE353D 90%);
  background-image: linear-gradient(90deg, #FF825D 0%, #FE353D 90%);
  border-radius: 0.186667rem 0.186667rem 0.186667rem 0.013333rem;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.32rem;
  text-align: center;
}

.privilege-desc {
  font-size: 0.32rem;
  color: #888888;
  text-align: center;
  margin-top: 0.373333rem;
  margin-left: 0.293333rem;
}

.notice-container {
  padding: 0 0.4rem;
  box-sizing: border-box;
  margin-bottom: 0.8rem;
}

.notice-header {
  padding: 0.386667rem 0 0.213333rem;
  box-sizing: border-box;
  font-size: 0.426667rem;
  line-height: 0.6rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.266667rem;
  margin-top: 0.8rem;
}

.notice-content {
  font-size: 0.346667rem;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.64rem;
}

.footer {
  padding: 0.533333rem 0;
  box-sizing: border-box;
  text-align: center;
}

.link {
  font-size: 0.266667rem;
  line-height: 0.4rem;
  margin-bottom: 0.08rem;
}

.link a {
  color: #999999;
}

.copyright {
  font-size: 0.266667rem;
  color: #888888;
  line-height: 0.4rem;
}

.divider__vertical {
  font-size: 0.186667rem;
  line-height: 1.5;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  margin: 0 0.106667rem;
  display: inline-block;
  height: .9em;
  width: 0.013333rem;
  vertical-align: middle;
  position: relative;
  top: -.06em;
  background: #9DA3B3;
  list-style: none;
}

/* 支付选项 和 弹窗 */

.pay-mask,
.browser-mask,
.agreement-mask,
.persuade-mask,
.low-version-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.pay-mask {
  z-index: 100;
}

.agreement-mask {
  z-index: 200;
}

.persuade-mask {
  z-index: 998;
}

.persuade-main {
  font-size: medium;
  width: 8.133333rem;
  height: 10.266667rem;
  position: absolute;
  z-index: 999;
  top: 4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: 100%;
}

.persuade-main .persuade-title {
  margin-top: 0.48rem;
  font-size: 0.506667rem;
  color: #000000;
  text-align: center;
  line-height: 0.666667rem;
}

.persuade-main .persuade-tips {
  margin-top: 1.066667rem;
  font-size: 0.373333rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.533333rem;
}

.persuade-main .persuade-img {
  margin-top: 0.426667rem;
  padding: 0 0.4rem;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.persuade-main .persuade-img-item {
  width: 25%;
  font-size: 0.266667rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.373333rem;
  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;
}

.persuade-main .persuade-img-item img {
  width: 0.853333rem;
  height: 0.853333rem;
}

.persuade-main .persuade-img-item span {
  margin-top: 0.213333rem;
  white-space: nowrap;
  margin-bottom: 0.426667rem;
}

.persuade-main .persuade-desc {
  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-bottom: 0.613333rem;
}

.persuade-main .persuade-text {
  font-size: 0.266667rem;
  color: #888888;
  line-height: 0.48rem;
  margin: 0 0.266667rem;
}

.persuade-main .persuade-line {
  width: 0.533333rem;
  height: 0.026667rem;
  background: #888888;
}

.persuade-main .persuade-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: 0.24rem;
}

.persuade-main .persuade-btn .give-up {
  width: 3.226667rem;
  height: 1.066667rem;
  line-height: 1.066667rem;
  border: 0.04rem solid #FCE0A4;
  border-radius: 0.533333rem;
  border-radius: 0.533333rem;
  font-size: 0.4rem;
  color: #FCE0A4;
  letter-spacing: 0;
  text-align: center;
  margin-right: 0.426667rem;
}

.persuade-main .persuade-btn .continue {
  width: 3.226667rem;
  height: 1.066667rem;
  line-height: 1.066667rem;
  background-image: -webkit-linear-gradient(left, #FDE7B8 13%, #FAD78A 83%);
  background-image: linear-gradient(90deg, #FDE7B8 13%, #FAD78A 83%);
  border-radius: 0.533333rem;
  border-radius: 0.533333rem;
  font-size: 0.4rem;
  color: #662907;
  letter-spacing: 0;
  text-align: center;
}

.persuade-main .is-platinum-btn .continue {
  background-image: -webkit-linear-gradient(118deg, #EEAE8F 0%, #FFDFCA 100%);
  background-image: linear-gradient(-28deg, #EEAE8F 0%, #FFDFCA 100%);
  color: #660B07;
}

.persuade-main .is-platinum-btn .give-up {
  border: 0.04rem solid #FFDEC9;
  color: #FEDCC6;
}

.is-gold-bg {
  background-image: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/persuade-gold.png?t=1767775251483");
}

.is-platinum-bg {
  background-image: url("https://cloud.dlife.cn/h5/client/fenxiao/img/home/persuade-platinum.png?t=1767775251483");
}

.pay-action-sheet {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
}

.pay-action-sheet .pay-title {
  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;
  margin-left: 0.4rem;
  height: 1.2rem;
  line-height: 1.2rem;
}

.pay-action-sheet .pay-title .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  font-size: 0.373333rem;
  color: #333;
}

.pay-action-sheet .pay-title .original-price {
  margin-right: 0.213333rem;
  padding-top: 0.106667rem;
  font-size: 0.373333rem;
  color: #9b9999;
  text-decoration: line-through;
}

.pay-action-sheet .pay-title .current-price {
  margin-right: 0.4rem;
  font-size: 0.533333rem;
  color: #f6541c;
}

.pay-action-sheet .pay-method {
  width: 100%;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

.pay-action-sheet .pay-method .method-title {
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.373333rem;
  color: #666;
}

.pay-action-sheet .pay-method-item {
  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;
  position: relative;
  width: 100%;
  height: 1.2rem;
  padding-left: 1.2rem;
}

.pay-action-sheet .pay-method-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: left center / 0.746667rem auto no-repeat;
}

.pay-action-sheet .pay-method-item .name {
  color: #333;
  font-size: 0.426667rem;
}

.pay-action-sheet .pay-method-item .radio {
  width: 0.533333rem;
  height: 0.533333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAdVBMVEUAAAD////////j4+PV1dXY2NjR0dHMzMzJycnNzc3KysrLy8vMzMzLy8vKysrLy8vLy8vKysrJycnLy8vKysrKysrJycnKysrKysrJycnKysrKysrKysrKysrKysrJycnJycnKysrJycnJycnJycnKysrJyclo4B61AAAAJnRSTlMAAQQJDA0WIyYpOkBBRVJdXm9yf4KDoqOlqq6/xNPZ6O7v8vP8/h8bQWQAAAEbSURBVDjLjZXZloIwEERLjIAsyib7aqD+/xPnYTzKOEC6HnNu0ulOdwX4Iycpm17rvikTB7uys44rdZm9ialUk2MR+a66uH5UjKRO1X/uNpB1YH0WrKAmh9sXdkoXtt73Zq/lkp7WK+eKc7x1n3hmdV6dV3EKtxMMJ1afM1NO171SXCem7zyWOdwvWjgvr4zUwBgHijmoV+AWh2p/g9ua3jHoUdsAHqxhUM0MQMfABAbsAIejZQKtkQ4S5jAqZ4KSdzMYsURD3wz6bNDTNYMue2gqM6io8eTFDF74lIcWJ1MykpVHVPCCifwJxU2BTNpm4sYVj4J8uMTjKjcAuaWITUpue3IjfVtzfvddpVw/yvesGYD9EJm94fv4AXF1I2Vl9B1jAAAAAElFTkSuQmCC) no-repeat;
  background-size: 90%;
}

.pay-action-sheet .pay-method-item .radio.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABPZJREFUWAnNmT1sHEUYhnf3jGysK7gmEQd2EyiQkVz4BylWSBFcRBg5RoRENFQ0EVEKIyqUKEkX4QKB0qRKg0KCbFkYuQAKCEHyzxWWcAU0PnIoNMbSydgid8v7jHZOa/t2Zy/KnTzSevZmvu/9np2fndmx7z1hWl1dPVar1SZ93x+SRJErDENyT2UVZeZSWSmXy80PDw//QV2ryW/FYW1t7cju7u6H8plS4Fdb8RX0r7Kf6+7u/mJwcPDvrL6ZANfX1/Pb29vT9Xr9IwnnI/FNBf1W13f6vaG6Sj6fr6i1/K2treeDIKA1+/Ug47re1H0h8quq7tPe3t6ZgYGBalSWmDkBl5eX31aAm1I4ioqA5hTg86Ghofu6f5yoHKuQf1epVDqhh7io+6mo6pH8L4yOjs7GTA/cJgJKyNc4u6z8CvdKD+T9sQR/OaDSQoEe+LjMb0hzTJoIX9X4vMZ9M5mmgOVy+dlKpXJbDmd11eQ8LbDPmgk8aZlALwlyRv45XfeKxeL7fX19/+7XC/YX0FoWTmD/qDtPP204YqKJNjH08ywxib2f5wAg3YoDjhrwx0dGRpgEbUloE8NCRrH3xNpDzIRQ7dd6kjpP1064OMXKysq4JtCiQGmwd9S6jYnTaEFeJQK7STMrTXcKDlBiEZPYMMBiH6AByHtOhUdl+KAdY84GTMqJSWwYIhZjarqYFWJnZ4elKC+jMRlnfpX8uXj+VK1WP+eF4esSewFVvS8e6oX5Uy4XfPXi6Ts/mEgZ/vAKUgsCWe3p6TnGimMAVXFdFZ8Ibk5wjENnKn/z3suh998twZxMM1aAH33vmQ/63vrytzQ7WyeWWbFMieW6WC7bLj6DASuENUzLNxbOn6j7j5dccGhggy0+aZq2LsZgVhxWC3Ylv8tgU8RHRJ66fNFyBFSX2rXVaqfnvr8ZhF2vuVpSrdelVmQzUdAr6KWALVOkvOCCw45ubRnOOIYF4xsFS8oihgXqYQtUwH6O7nW+kJkQWboVvWYJXzSa1cXLxPI9v2FjDJpNpvIyhWnJzNY0gwx1GTU2IqliA5D9nFNfrxKnjcsgg0aMpRhoUJoWZLPp0rbvOZddWn0WDcsCGy2ooaE9j3bCacKdrIuxhEySvwjONt0FoSd56LJx1WfRsCyw0YKmazVz7GRJjqHlK7kyY00GjRhLpQEo+X5XCNZWl42rPqOGZakwSUqIaua84RJn4Wdtddkl1eObZfMgpnE0YAs0IOcjwQkVdCWJ23IWfr1BN+3vzLl8jK/DAQZdfKYycecDvvg1GPmoLvBp6PD3WEt9L5hsCdLABZOudZjYEUMBJtgYg6Q5/qibL5K7Uv/Enfss/Fm6Gxts8XHpUh9jMEzy97zDvGGFzyR9uFxZWloKtdX52ZZ1Oic2DLDY2LaLPc5KVPhIA3RMhpesQadyYhIbhojFhG4AcpCjgXlBl+zCGT4FOwVHLGISG4b4oVIDEBjtqGdlcFW3OTnc1Yx6pd2QxCAWMYkNQzymmSTxAhn7am5WDHO6IKd32/WNHLXcXcV8TvHuCe6c4pnNi2Xa04IUYsBBDg44atovtmNMoom2hSPmfjjDw59miZY8tMdvcWA96eE8wIxDJh0By2Yh+tgqq7vMETB+1Wq1GG2Z+lXOJmRCl/1MfbpHwAS0KTpEZzk8oyFweA7RLWA8jz742/5viP8BvYK8qu88V7sAAAAASUVORK5CYII=);
}

.pay-action-sheet .bestpay:before {
  background-image: url(data:image/png;base64,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);
}

.pay-action-sheet .alipay:before {
  background-image: url(data:image/png;base64,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);
}

.pay-action-sheet .weixin:before {
  background-image: url(data:image/png;base64,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);
}

.pay-action-sheet .protocol {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
          justify-content: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-left: 0.4rem;
  height: 1.2rem;
  line-height: 1.2rem;
}

.pay-action-sheet .protocol .radio {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.133333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAFdQTFRFmpqanZ2dmZmZmZmZqqqqmZmZmZmZmpqampqamZmZmpqamZmZmpqa////mZmZmZmZm5ubn5+fmZmZmpqampqam5ubmZmZmZmZmZmZmpqa////AAAAmZmZhzqLggAAABx0Uk5T8g3uqAzY80QmjL88iQLpdkII4sxTa4X7QdkBAIKBTKcAAADFSURBVCjPhdPrDoMgDAXgegOvICoocN7/OecyNW6T9Pwh4UsIlJbimaFrWi+Eb5tuuDbpWI1WuKK0+eZlAqpe1mVZy94D03Lj4IB5vE6M4wy4cHIosNoQbwl2RREOdsi3+JMth/vwgvVPd1+xvNlMsPEhFpPZWWMOTxxm6EiDwhgfM0IN1KGKiVToqEGf4h4NtZAplmjJo05xDU8CZYpLiJ2zFGcg7nDmaszDmLIwRWW+hPtQph24ZuJakWlkbgzYIUqN4Asez1Xtl43foQAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  background-position: center;
  border: 0;
  outline: none;
}

.pay-action-sheet .protocol .radio.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAIRQTFRFmpqamZmZmZmZmpqamZmZnJycmZmZmpqampqanZ2dnJycmpqamZmZmZmZnp6eqqqqmZmZmZmZmpqamZmZmZmZmpqampqampqa////mZmZmZmZm5ubmpqamZmZmpqam5ubmZmZmZmZmZmZmpqam5ubmpqan5+fmpqampqa////AAAAmZmZ21dLHAAAACt0Uk5T8hSbug9IlkwrDRJlqO4VDNjz1Iw8vyZEAul2QsziU2v7hUF+WYkI/NkBAKWUe7IAAAECSURBVCjPhdPZcoMgFAZg0iTNHjXuu6bFAv/7v1+BqCGGDOdCGL8ZBs5CxBRZFMYsCFgcRtn8k4zrUOSYIy+GV25qwKdp4nlJShlQNwbzHqjK+URRVkDPJ+ZndC0XRvC2w5mP3ONyF4u4X9A/uEH3ptI7NIqHGq2wRIt6kFyg4jbmFQpBshylsEaJPCMRfAvtVV58RCQEfdcffMsvRUhipBb928klRUwYEov+qjUBIwG8Dyo8BJIPars5HZcqDiDT4SfcrgvVh49XO94ebqi+2vSwq3ZT9cPmtCinpuq0PJMq/UV1Uo2SrL7W22VJXAV1tIOrmVyt6Ghk1xg4h+jTCP4DnkyE+d0vGlsAAAAASUVORK5CYII=);
}

.pay-action-sheet .protocol .text {
  font-size: 0.32rem;
  color: #999;
}

.pay-action-sheet .protocol .underline {
  color: inherit;
  text-decoration: underline;
}

.pay-action-sheet .protocol .underline:active {
  color: #666666;
}

.pay-action-sheet .pay-btn {
  margin-bottom: 0.32rem;
  padding: 0 0.4rem;
}

.pay-action-sheet .pay-btn .pay {
  background: #E1B355;
  color: #fff;
  height: 1.333333rem;
  width: 100%;
  font-size: 0.48rem;
}

.pay-action-sheet .pay-btn .pay .pay-btn-text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 2.666667rem;
  height: 100%;
  margin: 0 auto;
}

.pay-action-sheet .pay-btn .pay .pay-btn-text .pay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(0.56rem);
          transform: translateX(0.56rem);
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  -webkit-animation: typing 1s linear infinite alternate;
          animation: typing 1s linear infinite alternate;
}

.pay-pending-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9999;
}

@-webkit-keyframes typing {
  0% {
    background-color: white;
    box-shadow: 0.24rem 0 0 0 rgba(255, 255, 255, 0.2), 0.48rem 0 0 0 rgba(255, 255, 255, 0.2);
  }

  25% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0.24rem 0 0 0 white, 0.48rem 0 0 0 rgba(255, 255, 255, 0.2);
  }

  75% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0.24rem 0 0 0 rgba(255, 255, 255, 0.2), 0.48rem 0 0 0 white;
  }
}

@keyframes typing {
  0% {
    background-color: white;
    box-shadow: 0.24rem 0 0 0 rgba(255, 255, 255, 0.2), 0.48rem 0 0 0 rgba(255, 255, 255, 0.2);
  }

  25% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0.24rem 0 0 0 white, 0.48rem 0 0 0 rgba(255, 255, 255, 0.2);
  }

  75% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0.24rem 0 0 0 rgba(255, 255, 255, 0.2), 0.48rem 0 0 0 white;
  }
}

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

.hidden {
  display: none;
}

.service-agreement-box {
  z-index: 3000;
}

.service-agreement {
  height: 10.08rem;
  width: 8.666667rem;
  padding: 0 0.533333rem;
  background-color: #fff;
  border-radius: 0.133333rem;
}

.service-agreement .service-title {
  width: 100%;
  background-color: #fff;
  border-radius: 0.266667rem;
  line-height: 1.653333rem;
  text-align: center;
  font-size: 0.533333rem;
  color: #333;
  z-index: 10;
  left: 0;
}

.service-agreement .service-content {
  position: relative;
  height: 8rem;
  margin-top: 1.653333rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.service-agreement .frame {
  width: 100%;
}

.service-agreement .close {
  position: absolute;
  top: 0.533333rem;
  right: 0.533333rem;
  width: 0.506667rem;
  height: 0.506667rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAASBJREFUSA21lj8OgjAUh63Mchq4APECJp5B4AJcBXB3M3Fy8wg4uXgBE2dGFuyPUMK/tq9QX0IbyOv3FdLXwpIk2ZVluc+y7LaxGFEUHVzXfWwBr+v6GobhyRYfLDDBdoqieHue9+XwFP2TxxpRO9GUM+I8zy8OYIDakIzgZ7AbgQ3JHHwgWCORwSeCJRIVfFZgItHBpQKKhAJXClQSKhwMhkYXfWCbK9Z5sxRV40kCAHoS3KKItHAkbtH8M7pCU0l6s4953p1f5G1FK+jD8VlMtxWlYAwXb2kikQpkcFPJrEAHN5FMBFQ4VTIQmMIpkk6wFK6TNIK1cJWE4fTHAc2TyOUvgLJeTJgxdnSCIPhUVVXggJYNMH2OOvF9/4Xflh+hkjaF2VB9+QAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  z-index: 20;
  outline: none;
  border: 0;
}

.service-agreement .close:active {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

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

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

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

.loading {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  background: #fff;
}

.loading img {
  width: 1.6rem;
  height: 1.6rem;
}

.package-item-inner {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.package-item-content {
  margin: 0 auto;
}

.package-item-money > div:first-child {
  font-size: 0.746667rem;
}

.package-item-money > div:last-child {
  font-size: 0.293333rem;
}

.unpaid-container {
  z-index: 1001;
}

.unpaid-container .service-agreement {
  height: auto;
  width: 7.2rem;
}

.unpaid-container .service-agreement .service-content {
  height: auto;
  margin: 0;
}

.unpaid-container .service-agreement .unpaid-tips {
  font-size: 0.426667rem;
  color: #323746;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.64rem;
  margin: 1.2rem 0 0.613333rem 0;
}

.unpaid-container .service-agreement .unpaid-tips .countdown {
  color: #FE353D;
}

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

.unpaid-container .bottom-btns button {
  border: 0;
}

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

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

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

.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;
  outline: none;
  border: none;
}

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