@charset "UTF-8";

/* reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p {
  padding: 0;
  margin: 0;
}

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

input,
textarea {
  outline: none;
  border: none;
}

a {
  text-decoration: none;
}

img {
  display: block;
}

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

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#app {
  width: 10rem;
  margin: 0 auto;
}

.F5 {
  background: #F5F5F5;
}

.F6 {
  background: #F6F6F6;
}

.F7 {
  background: #F7F7F7;
}

.FF {
  background: #FFFFFF;
}

/* 弹窗 */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  overflow: auto;
  display: none;
}


.share-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  overflow: auto;
  display: none;
}


.share-popup .poseter-img {
  width: 100%;
  height: 64%;
  line-height: 64%;
}

.share-popup .poster-tips {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  height: 1.5rem;
  line-height: 1.5rem;
}


/* 顶部 */
.header .header-height {
  width: 10rem;
  height: 1.1733rem;
  background: #FFFFFF;
}

.header .header-wrap {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.1733rem;
}

.header .header-wrap .header-content {
  width: 10rem;
  height: 1.1733rem;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 1.1733rem;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000;
}

.header .header-wrap .header-content .left {
  position: absolute;
  left: .4rem;
  top: 0;
  height: 1.1733rem;
  display: flex;
  align-items: center;
}

.header .header-wrap .header-content .left .go-back {
  width: .5867rem;
  height: .5867rem;
  cursor: pointer;
}

.header .header-wrap .header-content .left .go-back img {
  width: 100%;
  height: 100%;
}

.header .header-wrap .header-content .left .text {
  margin-left: .16rem;
  font-size: .48rem;
  height: 1.1733rem;
  line-height: 1.1733rem;
}

.header .header-wrap .header-content .title {
  height: 1.1733rem;
  font-size: .4533rem;
}

/* 底部tabBar */
.tab-bar-wrap .bar-height {
  height: 1.3333rem;
}

.tab-bar-wrap .tab-bar {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 10rem;
  height: 1.3333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
}

.tab-bar-wrap .tab-bar .item {
  width: 2.42rem;
  height: 1.3333rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.tab-bar-wrap .tab-bar .item .icon {
  margin-top: .1333rem;
  width: .6933rem;
  height: .6933rem;
}

.tab-bar-wrap .tab-bar .item .icon img {
  width: 100%;
  height: 100%;
}

.tab-bar-wrap .tab-bar .item .icon img:last-of-type {
  display: none;
}

.tab-bar-wrap .tab-bar .item .title {
  margin-top: .08rem;
  height: .2667rem;
  font-size: .2667rem;
  line-height: .2667rem;
  color: #666666;
}

.tab-bar-wrap .tab-bar .item.active .icon img:first-of-type {
  display: none;
}

.tab-bar-wrap .tab-bar .item.active .icon img:last-of-type {
  display: block;
}

.tab-bar-wrap .tab-bar .item.active .title {
  color: #376CFD;
}

/* 轮播样式 */
.carousel-container {
  overflow: hidden;
  position: relative;
}

.carousel-container .carousel-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.carousel-container .carousel-wrapper .carousel-item {
  min-width: 100%;
  height: 100%;
}

.carousel-container .carousel-dots {
  position: absolute;
  display: flex;
}

.carousel-container .carousel-dots .dot {
  cursor: pointer;
  transition: background-color 0.3s;
}

/* 首页 */
.index-page .header-box {
  width: 10rem;
  height: 8.2933rem;
  background: #FFFFFF;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.index-page .header-box .circle1 {
  position: absolute;
  left: 1.7867rem;
  top: -6.8267rem;
  width: 13.1733rem;
  height: 13.1733rem;
  border-radius: 50%;
  background: linear-gradient(149deg, #1D42EF 7%, #366AF9 83%);
}

.index-page .header-box .circle2 {
  position: absolute;
  left: -5.9467rem;
  bottom: 2.4533rem;
  width: 14.5067rem;
  height: 14.5067rem;
  border-radius: 50%;
  background: linear-gradient(106deg, #366BFD 10%, #376CFD 88%);
}

.index-page .header-box .user-box {
  position: absolute;
  left: .48rem;
  bottom: 5.76rem;
  height: 1.0357rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.index-page .header-box .user-box .avatar {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.index-page .header-box .user-box .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.index-page .header-box .user-box .nickname-box {
  margin-left: .2176rem;
}

.index-page .header-box .user-box .nickname-box .nickname {
  height: .5824rem;
  width: 6.6667rem;
  line-height: .5867rem;
  font-size: .4267rem;
  font-weight: 500;
  color: #FFFFFF;
}

.index-page .header-box .user-box .nickname-box .tag-name {
  height: .4533rem;
  line-height: .4533rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.6);
}

.index-page .header-box .erji {
  position: absolute;
  bottom: 5.84rem;
  right: .5067rem;
  width: .6933rem;
  height: .6933rem;
  cursor: pointer;
}

.index-page .header-box .erji img {
  width: 100%;
  height: 100%;
}

.index-page .header-box .banner {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5467rem;
  width: 9.2533rem;
  height: 3.76rem;
  border-radius: .16rem;
  overflow: hidden;
}

.index-page .header-box .banner #carousel1 {
  width: 100%;
  height: 100%;
}

.index-page .header-box .banner #carousel1 .carousel-item img {
  width: 100%;
  height: 100%;
}

.index-page .header-box .banner #carousel1 .carousel-dots {
  left: 50%;
  transform: translateX(-50%);
  bottom: .2133rem;
}

.index-page .header-box .banner #carousel1 .carousel-dots .dot {
  margin-right: .1067rem;
  width: .1067rem;
  height: .1067rem;
  border-radius: .0533rem;
  background: #FFFFFF;
}

.index-page .header-box .banner #carousel1 .carousel-dots .dot.active {
  width: .4267rem;
}

.index-page .header-box .notice-box {
  position: absolute;
  bottom: .2933rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: .88rem;
  border-radius: 4.73px;
  opacity: 1;
  background: #F8F8FA;
  display: flex;
  align-items: center;
}

.index-page .header-box .notice-box .notice-label {
  margin-left: .3733rem;
  height: .88rem;
  font-size: .4419rem;
  line-height: .88rem;
  font-weight: bold;
  color: #333333;
  flex-shrink: 0;
}

.index-page .header-box .notice-box .notice-label span {
  color: #F83F35;
}

.index-page .header-box .notice-box .notice-text {
  margin-left: 18px;
  height: .88rem;
  width: 6.4rem;
  font-size: .3787rem;
  line-height: .88rem;
  letter-spacing: 0px;
  color: #333333;
}

.index-page .two-box {
  margin: .32rem auto 0;
  width: 9.36rem;
  display: flex;
  justify-content: space-between;
}

.index-page .two-box .top {
  margin-top: .2667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-page .two-box .top .title {
  margin-left: .2667rem;
  width: 1.4933rem;
  height: .5333rem;
  font-size: .3749rem;
  line-height: .5333rem;
  color: #000000;
  white-space: nowrap;
  ;
}

.index-page .two-box .top .more {
  margin-right: .3579rem;
  height: .5333rem;
  line-height: .5333rem;
  display: flex;
  align-items: center;
  font-size: .2667rem;
  line-height: .5333rem;
  color: #FFFFFF;
  background: linear-gradient(90deg, #3467F8 0%, #4E7DFC 100%);
  padding: 0 .2277rem 0 7.89px;
  border-radius: .24rem;
  border-bottom-left-radius: 0;
  cursor: pointer;
}

.index-page .two-box .top .more img {
  margin-left: .0888rem;
  width: .0936rem;
  height: .1472rem;
}

.index-page .two-box .left {
  margin-left: 6px;
  width: 4.4533rem;
  height: 6.48rem;
  border-radius: .2677rem;
  background: #EFF4FF;
  overflow: hidden;
}

.index-page .two-box .left #carousel2 {
  margin: .2165rem auto 0;
  width: 3.9093rem;
  height: 5.009rem;
  border-radius: .2141rem;
  background: #FFFFFF;
  border: .0267rem solid #A3DDFF;
}

.index-page .two-box .left #carousel2 .carousel-item {
  position: relative;
  cursor: pointer;
}

.index-page .two-box .left #carousel2 .carousel-item .jian {
  position: relative;
  margin-top: .1339rem;
  margin-left: .1605rem;
  width: .5333rem;
  height: .5333rem;

}

.index-page .two-box .left #carousel2 .carousel-item .jian img {
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999998;
}

.index-page .two-box .left #carousel2 .carousel-item .jian span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: .348rem;
  color: #FFFFFF;
  font-weight: 500;
  z-index: 9999999;
}

.index-page .two-box .left #carousel2 .carousel-item .product-image {
  position: absolute;
  height: 3.5187rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-page .two-box .left #carousel2 .carousel-item .product-image img {
  width: auto;
  height: 100%;
}

.index-page .two-box .left #carousel2 .carousel-dots {
  left: .2133rem;
  bottom: .2133rem;
}

.index-page .two-box .left #carousel2 .carousel-dots .dot {
  margin-right: .0533rem;
  width: .1067rem;
  height: .0533rem;
  border-radius: .0533rem;
  background: #F0F0F0;
}

.index-page .two-box .left #carousel2 .carousel-dots .dot.active {
  width: .2133rem;
  background: #A3DDFF;
}

.index-page .two-box .left .product-title {
  margin: .2667rem auto 0;
  width: 3.7867rem;
  height: .5333rem;
  line-height: .5333rem;
  font-size: .3749rem;
  color: #333333;
  text-align: left;
}

.index-page .two-box .left .point-box {
  margin-top: .112rem;
  margin-left: .3733rem;
  height: .4267rem;
  display: flex;
  align-items: center;
}

.index-page .two-box .left .point-box img {
  width: .3733rem;
  height: .3733rem;
}

.index-page .two-box .left .point-box span {
  line-height: .4267rem;
  height: .4267rem;
  margin-left: .1067rem;
  font-size: 16px;
  color: #3467F8;
}

.index-page .two-box .right {
  width: 4.4533rem;
  height: 6.48rem;
  border-radius: .2677rem;
  background: linear-gradient(180deg, #BFFFE8 -5%, #FFFFFF 27%);
  overflow: hidden;
}

.index-page .two-box .right .product-list {
  margin: .2667rem auto 0;
  display: flex;
  flex-wrap: wrap;
  width: 3.8933rem;
  justify-content: space-between;
}

.index-page .two-box .right .product-list .item {
  margin-bottom: .216rem;
  width: 1.8667rem;
  cursor: pointer;
}

.index-page .two-box .right .product-list .item .product-image {
  width: 1.8667rem;
  height: 1.8667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: .0267rem solid #A3DDFF;
  border-radius: .2141rem;
}

.index-page .two-box .right .product-list .item .product-image img {
  max-width: 90%;
  max-height: 90%;
}

.index-page .two-box .right .product-list .item .product-title {
  margin-top: .0533rem;
  width: 1.8667rem;
  text-align: center;
  height: .5067rem;
  line-height: .5067rem;
  font-size: .348rem;
  color: #333333;
}

.index-page .video-box {
  margin: .3467rem auto 0;
  width: 9.36rem;
  height: 7.2264rem;
  border-radius: .16rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 4.13px 20.65px 0px rgba(104, 128, 235, 0.1), inset 0px 1.03px 1.03px 0px #FFFFFF;
}

.index-page .video-box .bg {
  width: 9.36rem;
  height: 7.2264rem;
}

.index-page .video-box .bg img {
  width: 100%;
  height: 100%;
}

.index-page .video-box .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 9.36rem;
  height: 7.2264rem;
}

.index-page .video-box .content .top {
  margin-top: .4131rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index-page .video-box .content .top .title {
  margin-left: .5232rem;
  height: .6608rem;
  line-height: .6608rem;
  font-size: .4955rem;
  color: #FFFFFF;
}

.index-page .video-box .content .top .more-box {
  margin-right: .2203rem;
  height: .6608rem;
  padding: 0 .3027rem 0 .2752rem;
  border-radius: .1067rem;
  background: #FFF0DD;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-page .video-box .content .top .more-box .point {
  width: .1101rem;
  height: .1101rem;
  border-radius: 50%;
  background: #AF8151;
  margin-right: .1101rem;
}

.index-page .video-box .content .top .more-box .text {
  width: 78.95%;
  height: .6608rem;
  line-height: .6608rem;
  font-size: .3853rem;
  font-weight: 500;
  color: #AF8151;
}

.index-page .video-box .content .article-list {
  margin: .7733rem auto 0;
}

.index-page .video-box .content .article-list .article-item {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 8.5341rem;
  height: 2.5603rem;
  padding: .2203rem .2885rem .2245rem 12.62px;
  box-sizing: border-box;
  border-radius: .2885rem;
  background: #FFFFFF;
  margin-top: .1376rem;
  cursor: pointer;
}

.index-page .video-box .content .article-list .article-item .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index-page .video-box .content .article-list .article-item .left .title {
  margin-top: .1885rem;
  width: 4.4232rem;
  height: 1.0667rem;
  font-size: .3845rem;
  line-height: .5333rem;
  color: #111111;
}

.index-page .video-box .content .article-list .article-item .left .bottom {
  height: .2885rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #9E9E9E;
  font-size: .2885rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box {
  height: .2885rem;
  display: flex;
  align-items: center;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box img {
  width: .2885rem;
  height: .2885rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box span {
  margin-left: .1203rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .right-text {
  height: .2885rem;
  line-height: .2885rem;
}

.index-page .video-box .content .article-list .article-item .right {
  width: 3.0291rem;
  height: 2.1155rem;
}

.index-page .video-box .content .article-list .article-item .right img {
  width: 100%;
  height: 100%;
}

.index-page .video-box .content .article-list .article-item:first-of-type {
  margin-top: 0;
}

.index-page .recommend-box {
  margin: .5067rem auto 0;
}

.index-page .recommend-box .title {
  height: .7467rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-page .recommend-box .title .left {
  width: .8533rem;
  height: .0267rem;
  border-radius: .0267rem;
  background: linear-gradient(90deg, rgba(150, 150, 150, 0) 0%, #969696 100%);
}

.index-page .recommend-box .title .right {
  width: .8533rem;
  height: .0267rem;
  border-radius: .0267rem;
  background: linear-gradient(90deg, #969696 0%, rgba(150, 150, 150, 0) 100%);
}

.index-page .recommend-box .title .middle {
  margin: 0 .2667rem;
  font-size: 20px;
  line-height: .7467rem;
  color: #333333;
}

.index-page .recommend-box .list {
  margin: .5067rem auto 0;
  width: 9.36rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.index-page .recommend-box .list .item {
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 11px;
  margin-bottom: 10px;
  background: #FFFFFF;
}

.index-page .recommend-box .list .item .product-image {
  width: 4.5333rem;
  height: 4.5333rem;
}

.index-page .recommend-box .list .item .product-image img {
  width: 100%;
  height: 100%;
}

.index-page .recommend-box .list .item .product-title {
  margin-top: .3733rem;
  margin-left: .2667rem;
  width: 4rem;
  height: .4rem;
  font-size: .4rem;
  line-height: .4rem;
  color: #333333;
}

.index-page .recommend-box .list .item .bottom {
  margin: .2933rem auto 0;
  width: 4rem;
  height: .64rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-page .recommend-box .list .item .bottom .point-box {
  height: .64rem;
  display: flex;
  align-items: center;
}

.index-page .recommend-box .list .item .bottom .point-box img {
  width: .3733rem;
  height: .3733rem;
}

.index-page .recommend-box .list .item .bottom .point-box span {
  margin-left: .1067rem;
  height: .4267rem;
  font-size: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
}

.index-page .recommend-box .list .item .bottom .btn {
  padding: 0 .2933rem;
  height: .64rem;
  line-height: .64rem;
  border-radius: .32rem;
  color: #FFFFFF;
  font-size: .32rem;
  background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
  box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
  cursor: pointer;
}

/* 达人升级 */
.drsj-page .top-wrap {
  width: 10rem;
  height: 4.6667rem;
  position: relative;
}

.drsj-page .top-wrap img {
  width: 100%;
  height: 100%;
}

.drsj-page .top-wrap .title {
  position: absolute;
  top: .8rem;
  left: 0;
  width: 10rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .5333rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.drsj-page .card-list {
  position: relative;
  margin: -2.16rem auto 0;
  width: 8.3467rem;
}

.drsj-page .card-list .item {
  width: 100%;
  height: 2.96rem;
  border-radius: 10px;
  background: #F3E0B3;
  overflow: hidden;
  margin-bottom: .2667rem;
  cursor: pointer;
}

.drsj-page .card-list .item .top {
  margin-top: .32rem;
  width: 1.6533rem;
  height: .6933rem;
  background: linear-gradient(113deg, #3D3634 0%, #827776 100%);
  border-top-right-radius: .3467rem;
  border-bottom-right-radius: .3467rem;
  overflow: hidden;
}

.drsj-page .card-list .item .top img {
  margin-top: .1333rem;
  margin-left: .1867rem;
  width: 1.0667rem;
  height: .4267rem;
}

.drsj-page .card-list .item .middle {
  margin-top: .1867rem;
  height: .6667rem;
  display: flex;
  justify-content: space-between;
}

.drsj-page .card-list .item .middle .left {
  margin-left: .5067rem;
  height: .6667rem;
  font-size: .48rem;
  line-height: .6667rem;
  color: #333333;
}

.drsj-page .card-list .item .middle .right {
  margin-right: .7733rem;
  height: .6667rem;
  display: flex;
  align-items: center;
}

.drsj-page .card-list .item .middle .right img {
  width: .72rem;
  height: .6667rem;
  margin-left: .24rem;
}

.drsj-page .card-list .item .bottom {
  margin-top: .16rem;
  margin-left: .5067rem;
  height: .4533rem;
  font-size: .32rem;
  line-height: .4533rem;
  color: #B88640;
}

.drsj-page .card-list .item:nth-of-type(2) {
  background: #E4CDC2;
}

.drsj-page .card-list .item:nth-of-type(3) {
  background: #5C5660;
}

.drsj-page .card-list .item:nth-of-type(3) .middle .left {
  color: #FAD2A5;
}

.drsj-page .card-list .item:nth-of-type(3) .bottom {
  color: #FAD2A5;
}

/* 会员升级 */
.hysj-page {
  padding-bottom: .6933rem;
}

.hysj-page .top-wrap {
  width: 10rem;
  height: 4.0533rem;
  overflow: hidden;
  position: relative;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 4.0533rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(2) {
  position: absolute;
  top: 2.2667rem;
  left: .4rem;
  width: 9.2rem;
  height: 2.72rem;
  border-radius: .2667rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(3) {
  position: absolute;
  left: 0;
  top: 3.3259rem;
  width: 10rem;
  height: 2.1867rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(4) {
  position: absolute;
  left: 3.2rem;
  top: 2.2667rem;
  width: .2381rem;
  height: 1.512rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(5) {
  position: absolute;
  left: 3.6701rem;
  top: 2.2667rem;
  width: .5245rem;
  height: 1.564rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(6) {
  position: absolute;
  left: 4.1536rem;
  top: 2.2667rem;
  width: .8864rem;
  height: 1.5733rem;
}

.hysj-page .top-wrap .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.hysj-page .top-wrap .content .user-info {
  margin-top: .4267rem;
  margin-left: .4rem;
  height: 1.6rem;
  display: flex;
}

.hysj-page .top-wrap .content .user-info .left {
  width: 1.6rem;
  height: 1.6rem;
}

.hysj-page .top-wrap .content .user-info .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.hysj-page .top-wrap .content .user-info .right {
  margin-left: .2667rem;
}

.hysj-page .top-wrap .content .user-info .right .row-1 {
  margin-top: .0533rem;
  height: .5867rem;
  font-size: .4267rem;
  font-weight: .5867rem;
  color: #FFFFFF;
}

.hysj-page .top-wrap .content .user-info .right .row-2 {
  margin-top: .3467rem;
  height: .4rem;
  font-size: .2933rem;
  line-height: .4rem;
  color: #FFFFFF;
}

.hysj-page .top-wrap .content .desc-wrap {
  margin-top: .56rem;
  display: flex;
  justify-content: space-between;
}

.hysj-page .top-wrap .content .desc-wrap .desc {
  margin-left: .8533rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #FAD2A5;
}

.hysj-page .top-wrap .content .desc-wrap .tips-box {
  margin-right: .8267rem;
  width: 1.28rem;
  height: .5333rem;
  border-radius: .2667rem;
  box-sizing: border-box;
  border: .0267rem solid #FFFFFF;
  line-height: .48rem;
  font-size: .32rem;
  color: #FFFFFF;
  text-align: center;
}

.hysj-page .product-wrap .product-box {
  margin-top: .96rem;
}

.hysj-page .product-wrap .product-box .title-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: .64rem;
}

.hysj-page .product-wrap .product-box .title-wrap img {
  width: .4rem;
  height: .2667rem;
}

.hysj-page .product-wrap .product-box .title-wrap .title {
  margin: 0 .2533rem;
  height: .64rem;
  line-height: .64rem;
  color: #333333;
  font-size: .4533rem;
}

.hysj-page .product-wrap .product-box .subtitle-wrap {
  margin-top: .16rem;
  height: .4533rem;
  line-height: .4533rem;
  color: #875E2B;
  font-size: .32rem;
  text-align: center;
}

.hysj-page .product-wrap .product-box .subtitle-wrap span {
  margin-left: .4rem;
}

.hysj-page .product-wrap .product-box .product-list {
  margin: .5067rem auto 0;
  width: 9.1467rem;
  display: flex;
  flex-wrap: wrap;
}

.hysj-page .product-wrap .product-box .product-list .product-item {
  margin-right: 12px;
  margin-bottom: .4267rem;
  width: 2.8267rem;
  height: 4.2133rem;
  position: relative;
}

.hysj-page .product-wrap .product-box .product-list .product-item .selected-img {
  display: none;
  position: absolute;
  left: .24rem;
  top: .16rem;
  width: .48rem;
  height: .48rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .selected-img img {
  width: 100%;
  height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-image {
  width: 2.8267rem;
  height: 2.8267rem;
  border-radius: .1067rem;
  overflow: hidden;
  box-sizing: border-box;
  background: linear-gradient(180deg, #D4E9FF -29%, #FFFFFF 92%);
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-image img {
  width: 100%;
  height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-title {
  margin: .2133rem auto 0;
  width: 2.72rem;
  height: .5067rem;
  font-size: .3467rem;
  line-height: .5067rem;
  color: #333333;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom {
  height: .6133rem;
  line-height: .6133rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .left {
  height: .6133rem;
  font-size: .4267rem;
  color: #F73131;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .left span {
  font-size: .2933rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right {
  height: .6133rem;
  display: flex;
  align-items: center;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap {
  width: .4432rem;
  height: .4533rem;
  position: relative;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .out,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .out {
  width: 100%;
  height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .in,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .in {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: .2216rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .in {
  height: .0453rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .in {
  height: .2267rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .number {
  font-weight: .6133rem;
  font-size: .3101rem;
  color: #2E343A;
  padding: 0 .1773rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item:nth-of-type(3n) {
  margin-right: 0;
}

.hysj-page .product-wrap .product-box .product-list .product-item.active .selected-img {
  display: block;
}

.hysj-page .product-wrap .product-box .product-list .product-item.active .product-image {
  border: .0267rem solid #2493F1;
}

.hysj-page .product-wrap .product-box:first-of-type {
  margin-top: .32rem;
}

.hysj-page .commit-btn {
  margin: 0.54rem auto 0;
  /*width: 8.2933rem;*/
  width: 45%;
  height: 1.28rem;
  line-height: 1.28rem;
  border-radius: .64rem;
  text-align: center;
  background: #C6C7CB;
  color: #FFFFFF;
  font-size: .4267rem;
  font-weight: 500;
}

.hysj-page .commit-btn.active {
  background-color: #2493F1;
}

/* 邀请朋友 */
.invite-page {
  padding-bottom: .4rem;
}

.invite-page .top-wrap {
  width: 10rem;
  position: relative;
}

.invite-page .top-wrap .invite-bg1 {
  width: 10rem;
  height: 5.5467rem;
}

.invite-page .top-wrap .invite-bg1 img {
  width: 100%;
  height: 100%;
}

.invite-page .top-wrap .sph {
  position: absolute;
  /* top: .4533rem;
  left: 2.28rem;
  width: 3.44rem;
  height: 1.5467rem; */

  top: .6533rem;
  left: 2.08rem;
  width: 5.84rem;
}

.invite-page .top-wrap .sph img {
  width: 100%;
  height: 100%;
}

/* .invite-page .top-wrap .sph .title {
  white-space: nowrap;
  color: rgb(231, 48, 24) ;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgb(95, 42, 35);
} */

.invite-page .top-wrap .text {
  position: absolute;
  top: 1.7867rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.2rem;
  font-size: .5333rem;
  font-weight: bold;
  line-height: 1.2rem;
  color: #FFFFFF;
  /* color: rgb(215, 75, 49) ;
  text-shadow: 1px 1px 1px rgb(95, 42, 35); */
  text-align: center;
}

.invite-page .middle-wrap {
  margin: -2.2933rem auto 0;
  width: 9.2rem;
  height: 12.7067rem;
  border-radius: .4rem;
  overflow: hidden;
  position: relative;
}

.invite-page .middle-wrap .invite-bg2 {
  width: 9.2rem;
  height: 12.7067rem;
}

.invite-page .middle-wrap .invite-bg2 img {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.2rem;
  height: 12.7067rem;
}

.invite-page .middle-wrap .content .top-box {
  margin: .5333rem auto 0;
  width: 8.1867rem;
  height: 8.1867rem;
  position: relative;
}

.invite-page .middle-wrap .content .top-box #carousel1 {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content .top-box #carousel1 .carousel-item img {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content .top-box .to-left {
  position: absolute;
  top: 50%;
  left: -0.3333rem;
  transform: translateY(-50%);
  width: .6667rem;
  height: .6667rem;
}

.invite-page .middle-wrap .content .top-box .to-left img {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content .top-box .to-right {
  position: absolute;
  top: 50%;
  right: -0.3333rem;
  transform: translateY(-50%);
  width: .6667rem;
  height: .6667rem;
}

.invite-page .middle-wrap .content .top-box .to-right img {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content .bottom-box {
  margin-top: .2933rem;
  display: flex;
}

.invite-page .middle-wrap .content .bottom-box .left {
  margin-left: .3733rem;
  width: 3.1733rem;
  height: 3.1733rem;
  flex-shrink: 0;
}

.invite-page .middle-wrap .content .bottom-box .left img {
  width: 100%;
  height: 100%;
}

.invite-page .middle-wrap .content .bottom-box .right {
  margin-left: .2667rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box {
  margin-top: .24rem;
  height: 1.0357rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .avatar {
  flex-shrink: 0;
  width: 1.0357rem;
  height: 1.0357rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box {
  margin-left: .2176rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box .nickname {
  height: .5333rem;
  width: 3.7333rem;
  line-height: .5333rem;
  font-size: .3733rem;
  font-weight: 500;
  color: #000000;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box .tag-name {
  height: .3733rem;
  line-height: .3733rem;
  font-size: .2667rem;
  color: rgba(0, 0, 0, 0.5);
}

.invite-page .middle-wrap .content .bottom-box .right .share-code {
  display: inline-block;
  margin-top: .3243rem;
  padding: 0 .2667rem;
  /* height: .56rem;
  line-height: .56rem; */
  height: .76rem;
  line-height: .76rem;
  border-radius: .8rem;
  text-align: center;
  color: #000000;
  font-size: .3467rem;
  background: linear-gradient(90deg, rgba(36, 147, 241, 0.2) 0%, rgba(125, 199, 255, 0.2) 100%);
}

.invite-page .middle-wrap .content .bottom-box .right .tips {
  margin-top: .2133rem;
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #333333;
}

.invite-page .click-tips {
  margin-top: .3333rem;
  height: .4267rem;
  font-size: .2933rem;
  font-weight: .4267rem;
  line-height: 16px;
  text-align: center;
}

.invite-page .click-tips .blue {
  color: #1A66FF;
}

.invite-page .btn-list {
  margin-top: .4267rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.12rem;
  line-height: 1.12rem;
}

.invite-page .btn-list .left-btn,
.invite-page .btn-list .right-btn {
  margin-right: .5333rem;
  width: 3.36rem;
  height: 1.12rem;
  line-height: 1.12rem;
  border-radius: .8rem;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
  color: #FFFFFF;
  text-align: center;
  font-size: .4rem;
  cursor: pointer;
}

.invite-page .btn-list .right-btn {
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.invite-page .popup-content {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 1000;
  width: 10rem;
  height: 5.8133rem;
  background: #FFFFFF;
  border-top-left-radius: .5333rem;
  border-top-right-radius: .5333rem;
  display: none;
}

.invite-page .popup-content .title {
  margin-top: .5067rem;
  height: .56rem;
  font-size: .4rem;
  line-height: .56rem;
  text-align: center;
  color: #333333;
}

.invite-page .popup-content .middle {
  margin-top: 23px;
  display: flex;
  justify-content: center;
}

.invite-page .popup-content .middle .left,
.invite-page .popup-content .middle .right {
  width: 3.1467rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.invite-page .popup-content .middle .left .img,
.invite-page .popup-content .middle .right .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.3867rem;
  height: 1.3867rem;
  background: linear-gradient(90deg, #3FD57B 0%, #8EEB79 100%);
  border-radius: 50%;
}

.invite-page .popup-content .middle .left .img img,
.invite-page .popup-content .middle .right .img img {
  max-width: .8rem;
  max-height: .8rem;
}

.invite-page .popup-content .middle .left .text,
.invite-page .popup-content .middle .right .text {
  margin-top: .1333rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  text-align: center;
  color: #333333;
}

.invite-page .popup-content .middle .right .img {
  background: linear-gradient(90deg, #9EDB14 0%, #C9EE3F 100%);
}

.invite-page .popup-content .cancel-btn {
  margin-top: .8267rem;
  height: .64rem;
  font-size: .4533rem;
  line-height: .64rem;
  text-align: center;
  color: #333333;
}

/* 我的 */
.wd-page .top-wrap {
  width: 10rem;
  height: 5.6133rem;
  position: relative;
  overflow: hidden;
}

.wd-page .top-wrap .bg {
  position: absolute;
  left: 0;
  top: -1.0267rem;
  width: 10rem;
  height: 6.64rem;
}

.wd-page .top-wrap .bg img {
  width: 100%;
  height: 100%;
}

.wd-page .top-wrap .top-content {
  position: absolute;
  width: 10rem;
  height: 5.6133rem;
  left: 0;
  top: 0;
}

.wd-page .top-wrap .top-content .header-wrap {
  width: 10rem;
  height: 1.1733rem;
  display: flex;
  align-items: center;
}

.wd-page .top-wrap .top-content .header-wrap .go-back {
  margin-left: .4rem;
  width: .5867rem;
  height: .5867rem;
}

.wd-page .top-wrap .top-content .header-wrap .go-back img {
  width: 100%;
  height: 100%;
}

.wd-page .top-wrap .top-content .header-wrap .text {
  margin-left: .16rem;
  height: .6667rem;
  font-size: .48rem;
  line-height: .6667rem;
  color: #FFFFFF;
}

.wd-page .top-wrap .top-content .user-info {
  margin-top: .3867rem;
  margin-left: .4rem;
  height: 1.6rem;
  display: flex;
  position: relative;
}

.wd-page .top-wrap .top-content .user-info .left {
  width: 1.6rem;
  height: 1.6rem;
}

.wd-page .top-wrap .top-content .user-info .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.wd-page .top-wrap .top-content .user-info .right {
  margin-left: .2667rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 {
  margin-top: .16rem;
  height: .7467rem;
  display: flex;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .nickname {
  width: 2.64rem;
  height: .7467rem;
  font-size: .48rem;
  line-height: .7467rem;
  color: #FFFFFF;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box {
  margin-top: .16rem;
  margin-left: .1333rem;
  width: 1.76rem;
  height: .48rem;
  position: relative;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box .vip-bg {
  left: 0;
  top: 0;
  width: 1.76rem;
  height: .48rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box .royal {
  position: absolute;
  top: .0533rem;
  left: .2056rem;
  width: .3491rem;
  height: .3491rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box .vip-text {
  position: absolute;
  top: 0;
  left: .6381rem;
  font-size: .2184rem;
  height: .48rem;
  line-height: .48rem;
  color: #464048;
}

.wd-page .top-wrap .top-content .user-info .right .row-2 {
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
}

.wd-page .top-wrap .top-content .user-info .right .row-2 div {
  margin-right: .48rem;
}

.wd-page .top-wrap .top-content .user-info .agent-level {
  position: absolute;
  top: 0;
  left: 7.5rem;
  height: .6933rem;
  padding: 0 .4267rem;
  border-radius: .3467rem;
  background: linear-gradient(90deg, #FFEACB 0%, #E8BC77 100%);
  font-size: .32rem;
  line-height: .6933rem;
  text-align: center;
  color: #333333;
}

.wd-page .top-wrap .top-content .layer1 {
  margin-top: .32rem;
  height: .5867rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wd-page .top-wrap .top-content .layer1 .left {
  margin-left: 1.1733rem;
  color: #FFE1C0;
  font-size: .3733rem;
  font-weight: bold;
  height: .5867rem;
  line-height: .5867rem;
}

.wd-page .top-wrap .top-content .layer1 .right {
  margin-right: 1.0283rem;
  height: .5867rem;
  display: flex;
  align-items: center;
}

.wd-page .top-wrap .top-content .layer1 .right div {
  height: .5867rem;
  line-height: .5867rem;
  font-size: .32rem;
  color: #FFE1C0;
}

.wd-page .top-wrap .top-content .layer1 .right img {
  width: .2933rem;
  height: .2933rem;
}

.wd-page .top-wrap .top-content .upgrade {
  position: absolute;
  top: 2.0933rem;
  right: .4rem;
  width: 1.5467rem;
  height: .72rem;
  border-radius: .3733rem;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.wd-page .top-wrap .top-content .upgrade div {
  margin-left: .3704rem;
  color: #2493F1;
  height: .72rem;
  line-height: .72rem;
  font-size: .3293rem;
}

.wd-page .top-wrap .top-content .upgrade img {
  width: .3051rem;
  height: .3051rem;
}

.wd-page .layer2 {
  margin: -1.44rem auto 0;
  width: 9.2rem;
  height: 2.6667rem;
  position: relative;
  border-radius: .2133rem;
  overflow: hidden;
}

.wd-page .layer2 img {
  width: 100%;
  height: 100%;
}

.wd-page .layer2 .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 9.2rem;
  height: 2.6667rem;
}

.wd-page .layer2 .content .layer2-top {
  margin-top: .4267rem;
  display: flex;
  height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left {
  display: flex;
  height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left img {
  margin-left: .48rem;
  width: .5333rem;
  height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left span {
  margin-left: .1333rem;
  height: .5333rem;
  line-height: .5333rem;
  font-size: .4267rem;
  color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-top .right {
  margin-left: .1867rem;
  margin-top: .1067rem;
  height: .4rem;
  font-size: .32rem;
  line-height: .4rem;
  color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-bottom {
  margin-top: .4533rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wd-page .layer2 .content .layer2-bottom .left {
  margin-left: .64rem;
  height: .8rem;
  font-size: .8rem;
  line-height: .8rem;
  color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-bottom .right {
  margin-right: .3733rem;
  height: .6933rem;
  padding: 0 .4267rem;
  border-radius: .3467rem;
  background: linear-gradient(90deg, #FFEACB 0%, #E8BC77 100%);
  font-family: Alibaba PuHuiTi 2.0;
  font-size: .32rem;
  line-height: .6933rem;
  text-align: center;
  color: #333333;
}

.wd-page .middle-wrap {
  margin: .2667rem auto 0;
  width: 9.2rem;
  height: 2.9867rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.wd-page .middle-wrap .item {
  width: 2.2667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wd-page .middle-wrap .item img {
  margin-top: .56rem;
  width: 1.2rem;
  height: 1.2rem;
}

.wd-page .middle-wrap .item div {
  margin-top: .16rem;
  height: .5067rem;
  font-size: .3467rem;
  line-height: .5067rem;
  color: #333333;
}

.wd-page .bottom-wrap {
  margin: .2667rem auto 0;
  width: 9.2rem;
  border-radius: .2667rem;
  background: #FFFFFF;
}

.wd-page .bottom-wrap .item {
  display: flex;
  justify-content: space-between;
  height: 1.4933rem;
  align-items: center;
  cursor: pointer;
}

.wd-page .bottom-wrap .item .left {
  margin-left: .24rem;
  height: 1.4933rem;
  display: flex;
  align-items: center;
}

.wd-page .bottom-wrap .item .left .icon {
  width: .64rem;
  height: .64rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wd-page .bottom-wrap .item .left .icon img {
  max-width: 100%;
  max-width: 100%;
}

.wd-page .bottom-wrap .item .left .title {
  margin-left: .1867rem;
  height: .64rem;
  line-height: .64rem;
  color: #1A1F2D;
  font-size: .4rem;
}

.wd-page .bottom-wrap .item .right {
  margin-right: .32rem;
  width: .4267rem;
  height: .4267rem;
}

.wd-page .bottom-wrap .item .right img {
  width: 100%;
  height: 100%;
}

.wd-page .bottom-wrap .item:nth-of-type(1) .icon img {
  width: .4667rem;
  height: .4435rem;
}

.wd-page .bottom-wrap .item:nth-of-type(2) .icon img {
  width: .4667rem;
  height: .42rem;
}

.wd-page .bottom-wrap .item:nth-of-type(3) .icon img {
  width: .64rem;
  height: .64rem;
}

.wd-page .bottom-wrap .item:nth-of-type(4) .icon img {
  width: .5333rem;
  height: .5333rem;
}

.wd-page .bottom-wrap .item:nth-of-type(5) .icon img {
  width: .5867rem;
  height: .5867rem;
}

.wd-page .bottom-wrap .item:nth-of-type(6) .icon img {
  width: .64rem;
  height: .64rem;
}

.wd-page .version-content {
  margin: .2667rem auto .4267rem;
  height: .4267rem;
  font-size: .2933rem;
  line-height: .4267rem;
  text-align: center;
  color: #646466;
}

.wd-page .version-content span {
  margin-left: .2667rem;
  color: #1A66FF;
}

/* 积分钱包 */
.point-wallet-page {
  padding-bottom: .2667rem;
}

.point-wallet-page .top-wrap {
  width: 10rem;
  height: 4.2667rem;
  position: relative;
}

.point-wallet-page .top-wrap .bg {
  width: 10rem;
  height: 4.2667rem;
}

.point-wallet-page .top-wrap .bg img {
  width: 100%;
  height: 100%;
}

.point-wallet-page .top-wrap .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 4.2667rem;
  display: flex;
  justify-content: space-between;
}

.point-wallet-page .top-wrap .content .left {
  margin-top: .6667rem;
  margin-left: .4rem;
  height: 1.52rem;
}

.point-wallet-page .top-wrap .content .left .point-row {
  display: flex;
}

.point-wallet-page .top-wrap .content .left .point-row .number {
  height: .96rem;
  font-size: 1.0667rem;
  line-height: .96rem;
  color: #FFFFFF;
}

.point-wallet-page .top-wrap .content .left .point-row .coin {
  margin-top: .3733rem;
  width: .5867rem;
  height: .5867rem;
}

.point-wallet-page .top-wrap .content .left .point-row .coin img {
  width: 100%;
  height: 100%;
}

.point-wallet-page .top-wrap .content .left .rule {
  height: .4rem;
  line-height: .4rem;
  margin-top: .1333rem;
  font-size: .2933rem;
  color: #FFFFFF;
}

.point-wallet-page .top-wrap .content .right {
  margin-top: .7733rem;
  margin-right: .4rem;
  width: 2.2133rem;
  height: 1.12rem;
  border-radius: .8rem;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.point-wallet-page .top-wrap .content .right div {
  height: 1.12rem;
  line-height: 1.12rem;
  font-size: .4rem;
  color: #2493F1;
}

.point-wallet-page .top-wrap .content .right img {
  width: .3733rem;
  height: .3733rem;
}

.point-wallet-page .rows-wrap {
  margin: -1.7067rem auto 0;
  width: 9.2rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  padding-bottom: .8rem;
}

.point-wallet-page .rows-wrap .title {
  margin-top: .3467rem;
  height: .6667rem;
  font-family: Alibaba PuHuiTi 2.0;
  font-size: .48rem;
  line-height: .6667rem;
  color: #2493F1;
  text-align: center;
  font-weight: 600;
}

.point-wallet-page .rows-wrap .rows .item {
  margin: .4267rem auto 0;
  width: 8.3467rem;
  height: 1.0933rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.point-wallet-page .rows-wrap .rows .item .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.point-wallet-page .rows-wrap .rows .item .left .text {
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.point-wallet-page .rows-wrap .rows .item .left .time {
  height: .4533rem;
  font-size: .32rem;
  line-height: .4533rem;
  color: #777777;
}

.point-wallet-page .rows-wrap .rows .item .right {
  height: .5867rem;
  font-size: .4267rem;
  line-height: .5867rem;
  color: #2493F1;
}

/* 收款账号 */
.acount-page .top-wrap {
  margin: .4533rem auto 0;
  width: 9.2rem;
  height: 2.72rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.acount-page .top-wrap .row {
  margin-top: .9867rem;
  margin-left: .6133rem;
  display: flex;
}

.acount-page .top-wrap .row .pay-logo {
  height: .7733rem;
  width: auto;
}

.acount-page .top-wrap .row .pay-logo img {
  height: 100%;
  width: auto;
}

.acount-page .top-wrap .row .name {
  margin-top: .16rem;
  margin-left: .4rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.acount-page .top-wrap .default {
  position: absolute;
  top: .3733rem;
  right: .56rem;
  height: .48rem;
  padding: 0 .48rem;
  background: #3388FF;
  font-size: .2933rem;
  line-height: .48rem;
  color: #FFFFFF;
}

.acount-page .rows-wrap {
  margin: 16px auto 0;
  width: 9.2rem;
  min-height: 7.3867rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .2933rem 0;
}

.acount-page .rows-wrap .rows .item {
  height: 1.3867rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.acount-page .rows-wrap .rows .item .left {
  height: 1.3867rem;
  display: flex;
  align-items: center;
}

.acount-page .rows-wrap .rows .item .left .icon {
  margin-left: .4rem;
  min-width: .7467rem;
  height: .64rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.acount-page .rows-wrap .rows .item .left .icon img {
  max-height: 100%;
  width: auto;
}

.acount-page .rows-wrap .rows .item .left span {
  margin-left: .1867rem;
  font-size: .4rem;
  font-weight: 600;
  color: #333333;
}

.acount-page .rows-wrap .rows .item .right {
  height: 1.3867rem;
  display: flex;
  align-items: center;
}

.acount-page .rows-wrap .rows .item .right .qrcode {
  width: .9867rem;
  height: .9867rem;
}

.acount-page .rows-wrap .rows .item .right span {
  font-size: 14px;
  line-height: .5333rem;
  color: #B6BDBD;
  margin-right: .1013rem;
}

.acount-page .rows-wrap .rows .item .right .right-icon {
  margin-right: .32rem;
  width: .72rem;
  height: .8509rem;
}

.acount-page .rows-wrap .rows .item .bottom-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 8.5067rem;
  height: .0267rem;
  background: rgba(216, 216, 216, 0.2);
}

.acount-page .bottom-wrap {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.8133rem;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.acount-page .bottom-wrap .edit-btn {
  width: 9.2rem;
  height: 1.12rem;
  line-height: 1.12rem;
  border-radius: .56rem;
  background: #2493F1;
  text-align: center;
  color: #FFFFFF;
  font-size: .4267rem;
}

.acount-page .bottom-wrap-height {
  height: 2.6133rem;
}

/* 提现 */
.withdrawal-page .top-wrap {
  margin: .4533rem auto 0;
  width: 9.2rem;
  height: 3.4933rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.withdrawal-page .top-wrap .title {
  margin-top: .5067rem;
  margin-left: .4267rem;
  height: .56rem;
  font-size: .4rem;
  line-height: .56rem;
  color: #333333;
}

.withdrawal-page .top-wrap .amount-box {
  margin-top: .3733rem;
  display: flex;
  align-items: center;
  height: .9067rem;
}

.withdrawal-page .top-wrap .amount-box .symbol {
  margin-left: .4267rem;
  width: .64rem;
  height: .9067rem;
  font-size: 24px;
  line-height: .9067rem;
  color: #333333;
  text-align: center;
}

.withdrawal-page .top-wrap .amount-box input {
  margin-left: .24rem;
  width: 31.19%;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.withdrawal-page .top-wrap .amount-box input::placeholder {
  font-size: .3733rem;
  color: #B6BDBD;
}

.withdrawal-page .top-wrap .hr {
  margin: .16rem auto 0;
  width: 8.2933rem;
  height: 1px;
  background: #EDEEF2;
}

.withdrawal-page .top-wrap .bottom-text {
  margin-top: .16rem;
  margin-left: .5333rem;
  height: .4267rem;
  display: flex;
  line-height: .4267rem;
  align-items: center;
  font-size: .2933rem;
}

.withdrawal-page .top-wrap .bottom-text .text {
  height: .4267rem;
  line-height: .4267rem;
  color: #646466;
}

.withdrawal-page .top-wrap .bottom-text .btn {
  margin-left: .2667rem;
  height: .4267rem;
  line-height: .4267rem;
  color: #1A66FF;
  cursor: pointer;
}

.withdrawal-page .payway-wrap {
  margin: .4267rem auto 0;
  width: 9.2rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  overflow: hidden;
  padding-bottom: .6667rem;
}

.withdrawal-page .payway-wrap .title {
  margin-top: .5067rem;
  margin-left: .4267rem;
  height: .56rem;
  font-size: .4rem;
  line-height: .56rem;
  color: #333333;
}

.withdrawal-page .payway-wrap .list {
  margin-top: .8533rem;
  margin-left: .8533rem;
  display: flex;
  flex-wrap: wrap;
}

.withdrawal-page .payway-wrap .list .item {
  width: 1.8667rem;
  margin-right: .8533rem;
  margin-bottom: .2667rem;
  position: relative;
  cursor: pointer;
}

.withdrawal-page .payway-wrap .list .item .image {
  width: 1.8667rem;
  height: 1.28rem;
  border-radius: .16rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: .0267rem solid #2493F1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.withdrawal-page .payway-wrap .list .item .image img {
  max-height: .7467rem;
  max-width: 1.3333rem;
}

.withdrawal-page .payway-wrap .list .item .text {
  margin-top: .1067rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
  text-align: center;
}

.withdrawal-page .payway-wrap .list .item .sel-img {
  position: absolute;
  left: -0.24rem;
  top: -0.24rem;
  width: .48rem;
  height: .48rem;
  display: none;
}

.withdrawal-page .payway-wrap .list .item.active .sel-img {
  display: block;
}

.withdrawal-page .bottom-btn {
  position: fixed;
  left: 50%;
  bottom: .8rem;
  transform: translateX(-50%);
  width: 8.2933rem;
  height: 1.28rem;
  line-height: 1.28rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .4267rem;
  border-radius: .64rem;
  background: #2493F1;
  cursor: pointer;
}

.my-recommend-page {
  padding-bottom: .3467rem;
}

.my-recommend-page .container {
  margin: .3467rem auto 0;
  width: 9.2rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding-bottom: .48rem;
  overflow: hidden;
}

.my-recommend-page .container .search-box {
  margin: .48rem auto 0;
  width: 8.3467rem;
  height: .96rem;
  border-radius: .8rem;
  background: #F2F2F2;
  display: flex;
  align-items: center;
}

.my-recommend-page .container .search-box img {
  margin-left: 2.4rem;
  width: .4533rem;
  height: .4533rem;
  cursor: pointer;
}

.my-recommend-page .container .search-box input {
  margin-left: .16rem;
  width: 4rem;
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
  background: #F2F2F2;
}

.my-recommend-page .container .search-box input::placeholder {
  font-size: .3467rem;
  color: #BDBDBD;
}

.my-recommend-page .container .list {
  margin-top: .08rem;
}

.my-recommend-page .container .list .item {
  margin: .0533rem auto 0;
  width: 8.3467rem;
  height: 2.1867rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px #EEEEEE;
  position: relative;
  overflow: hidden;
  display: flex;
}

.my-recommend-page .container .list .item .avatar {
  margin-top: .4533rem;
  width: 1.3333rem;
  height: 1.3333rem;
}

.my-recommend-page .container .list .item .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.my-recommend-page .container .list .item .info {
  margin-left: .2667rem;
}

.my-recommend-page .container .list .item .info .nickname-box {
  margin-top: .4533rem;
  height: .5333rem;
  display: flex;
  align-items: center;
}

.my-recommend-page .container .list .item .info .nickname-box .nickname {
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.my-recommend-page .container .list .item .info .nickname-box .daren {
  margin-left: .1333rem;
  width: 1.2rem;
  height: .3733rem;
  position: relative;
}

.my-recommend-page .container .list .item .info .nickname-box .daren img {
  width: 100%;
  height: 100%;
}

.my-recommend-page .container .list .item .info .nickname-box .daren .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: .3733rem;
  line-height: .3733rem;
  text-align: center;
  color: #232734;
  font-size: .2667rem;
}

.my-recommend-page .container .list .item .info .phone {
  margin-top: .2933rem;
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
}

.my-recommend-page .container .list .item .right-row1,
.my-recommend-page .container .list .item .right-row2 {
  position: absolute;
  right: 0;
  top: .7467rem;
  font-size: .32rem;
  height: .4533rem;
  line-height: .4533rem;
  color: #999999;
}

.my-recommend-page .container .list .item .right-row2 {
  top: 1.2rem;
}

/* 会员升级2 */
.hysj2-page {
  padding-bottom: .88rem;
}

.hysj2-page .top-wrap {
  width: 10rem;
  height: 4.0533rem;
  overflow: hidden;
  position: relative;
}

.hysj2-page .top-wrap .bg-list img {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 4.0533rem;
}

.hysj2-page .top-wrap .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.hysj2-page .top-wrap .content .user-info {
  margin-top: .4267rem;
  margin-left: .4rem;
  height: 1.6rem;
  display: flex;
}

.hysj2-page .top-wrap .content .user-info .left {
  width: 1.6rem;
  height: 1.6rem;
}

.hysj2-page .top-wrap .content .user-info .left img {
  width: 100%;
  height: 100%;
}

.hysj2-page .top-wrap .content .user-info .right {
  margin-left: .2667rem;
}

.hysj2-page .top-wrap .content .user-info .right .row-1 {
  margin-top: .0533rem;
  height: .5867rem;
  font-size: .4267rem;
  font-weight: .5867rem;
  color: #FFFFFF;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 {
  margin-top: .1867rem;
  height: .56rem;
  display: flex;
  align-items: baseline;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 .text-left {
  margin-top: .16rem;
  height: .4rem;
  font-size: .2933rem;
  line-height: .4rem;
  color: #FFFFFF;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 .text-right {
  font-size: .3931rem;
  height: .56rem;
  line-height: .56rem;
  color: #FFFFFF;
}

.hysj2-page .product-wrap {
  margin: -1.7867rem auto 0;
  position: relative;
  width: 9.2rem;
  height: 22.28rem;
  background: #FFFFFF;
  border-radius: .2667rem;
  box-shadow: 0px 3px 6px 0px rgba(177, 177, 177, 0.16);
  overflow: hidden;
}

.hysj2-page .product-wrap .product-box {
  margin-top: .8533rem;
}

.hysj2-page .product-wrap .product-box .title-wrap {
  display: flex;
  height: .6667rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .title {
  margin-left: .3733rem;
  margin-right: .3467rem;
  height: .6667rem;
  line-height: .6667rem;
  color: #000000;
  font-size: .48rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text {
  height: .56rem;
  font-size: .32rem;
  line-height: .56rem;
  color: #2493F1;
  display: flex;
  align-items: baseline;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(1) {
  font-size: .32rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(2) {
  font-size: .2704rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(3) {
  font-size: .3931rem;
}

.hysj2-page .product-wrap .product-box .product-list {
  margin: .2933rem auto 0;
  width: 8.48rem;
  display: flex;
  flex-wrap: wrap;
}

.hysj2-page .product-wrap .product-box .product-list .product-item {
  margin-right: .32rem;
  margin-bottom: .38rem;
  width: 2.6133rem;
  height: 3.8867rem;
  position: relative;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-image {
  width: 2.6133rem;
  height: 2.6133rem;
  border-radius: .1067rem;
  overflow: hidden;
  box-sizing: border-box;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-image img {
  width: 100%;
  height: 100%;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-title {
  margin: .1971rem auto 0;
  width: 2.6133rem;
  height: .4533rem;
  font-size: .32rem;
  line-height: .4533rem;
  color: #333333;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom {
  margin-top: .0643rem;
  height: .56rem;
  line-height: .56rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .left {
  height: .56rem;
  font-size: .3931rem;
  color: #F73131;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .left span {
  font-size: .2704rem;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .right {
  margin-right: .1579rem;
  height: .56rem;
  font-size: .3195rem;
  color: rgba(51, 51, 51, 0.5);
}

.hysj2-page .product-wrap .product-box .product-list .product-item:nth-of-type(3n) {
  margin-right: 0;
}

.hysj2-page .product-wrap .product-box .product-list .product-item.active .selected-img {
  display: block;
}

.hysj2-page .product-wrap .product-box .product-list .product-item.active .product-image {
  border: .0267rem solid #2493F1;
}

.hysj2-page .product-wrap .product-box:first-of-type {
  margin-top: .32rem;
}

.hysj2-page .btn-wrap {
  margin-top: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.12rem;
  text-align: center;
  line-height: 1.12rem;
  color: #FFFFFF;
  font-size: .4rem;
}

.hysj2-page .btn-wrap .btn {
  width: 3.36rem;
  border-radius: .56rem;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
}

.hysj2-page .btn-wrap .right-btn {
  margin-left: .5333rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

/* 任务列表 */
.tasklist-page {
  padding-bottom: .5333rem;
}

.tasklist-page .top-wrap {
  width: 10rem;
  height: 3.4667rem;
  background: #FFFFFF;
  border-top: .0267rem solid #ECECEC;
  box-sizing: border-box;
  overflow: hidden;
}

.tasklist-page .top-wrap .title {
  margin-top: .5333rem;
  margin-left: .5333rem;
  height: .96rem;
  font-size: .6133rem;
  line-height: .96rem;
  color: #000000;
}

.tasklist-page .top-wrap .progress-bar {
  margin: .32rem auto 0;
  width: 9.2rem;
  height: .4rem;
  border-radius: .8rem;
  background: #EEEEEE;
  position: relative;
}

.tasklist-page .top-wrap .progress-bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  height: .4rem;
  border-radius: .8rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .top-wrap .desc {
  margin-top: .24rem;
  margin-left: .4rem;
  height: .4267rem;
  font-size: .2933rem;
  line-height: .4267rem;
  color: #646466;
}

.tasklist-page .list-wrap {
  margin: .4267rem auto 0;
  width: 9.2rem;
  overflow: hidden;
}

.tasklist-page .list-wrap .item {
  margin-bottom: .32rem;
  width: 9.2rem;
  height: 2.1867rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  overflow: hidden;
  position: relative;
}

.tasklist-page .list-wrap .item .tag {
  width: 1.7667rem;
  height: .56rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: .2667rem 0px .2667rem 0;
  background: #EAFEF5;
  text-align: center;
  font-size: .32rem;
  line-height: .56rem;
  color: #2EBC8C;
}

.tasklist-page .list-wrap .item .tag.blue {
  background: #F1F8FF;
  color: #339CF3;
}

.tasklist-page .list-wrap .item .orange {
  background: #FEF4EA;
  color: #F37D33;
}

.tasklist-page .list-wrap .item .row {
  display: flex;
}

.tasklist-page .list-wrap .item .row .rank {
  margin-top: .8267rem;
  margin-left: .56rem;
  width: .4533rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.tasklist-page .list-wrap .item .row .avatar {
  margin-top: .4267rem;
  margin-left: .2667rem;
  width: 1.3333rem;
  height: 1.3333rem;
  border-radius: 50%;
  overflow: hidden;
}

.tasklist-page .list-wrap .item .row .avatar img {
  width: 100%;
  height: 100%;
}

.tasklist-page .list-wrap .item .row .name-box {
  margin-left: .2667rem;
}

.tasklist-page .list-wrap .item .row .name-box .nickname {
  margin-top: .6133rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.tasklist-page .list-wrap .item .row .name-box .phone {
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
}

.tasklist-page .list-wrap .item .right-wrap {
  top: .1067rem;
  right: 0;
  position: absolute;
  height: 2.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tasklist-page .list-wrap .item .right-wrap .btn {
  margin-right: 20px;
  margin-left: auto;
  right: .5333rem;
  top: .72rem;
  width: 2.1333rem;
  height: .8533rem;
  border-radius: .4267rem;
  text-align: center;
  line-height: .8533rem;
  font-size: .4rem;
  background: #EEEEEE;
  color: #666666;
  cursor: pointer;
}

.tasklist-page .list-wrap .item .right-wrap .btn.green {
  color: #FFFFFF;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%), linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .list-wrap .item .right-wrap .btn.blue {
  color: #FFFFFF;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .list-wrap .item .right-wrap .time {
  margin-top: .1067rem;
  margin-right: .4267rem;
  margin-left: auto;
  height: .48rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #EE2C2C;
}

/* 任务审核 */
.taskaudit-page {
  padding-bottom: .5333rem;
}

.taskaudit-page .top-wrap {
  margin: .3733rem auto 0;
  width: 9.2rem;
  height: 2.3467rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.taskaudit-page .top-wrap .line {
  position: absolute;
  left: 4.4533rem;
  top: 50%;
  transform: translateY(-50%);
  width: .0267rem;
  height: 1.1467rem;
  background: #EDEEF2;
}

.taskaudit-page .top-wrap .left {
  width: 4.4533rem;
  box-sizing: border-box;
}

.taskaudit-page .top-wrap .left .number {
  margin-top: .3467rem;
  height: .9067rem;
  font-size: .64rem;
  font-weight: bold;
  line-height: .9067rem;
  text-align: center;
  color: #2493F1;
  text-align: center;
}

.taskaudit-page .top-wrap .left .label {
  margin-top: .08rem;
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
  text-align: center;
}

.taskaudit-page .top-wrap .right {
  width: 4.72rem;
  box-sizing: border-box;
}

.taskaudit-page .top-wrap .right .amount {
  margin-top: .3467rem;
  height: .9067rem;
  font-size: .64rem;
  font-weight: bold;
  line-height: .9067rem;
  text-align: center;
  color: #F73131;
}

.taskaudit-page .top-wrap .right .amount span {
  font-size: .3733rem;
}

.taskaudit-page .top-wrap .right .label {
  margin-top: .08rem;
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
  text-align: center;
}

.taskaudit-page .tag-list {
  width: 10rem;
  height: 1.4933rem;
  display: flex;
  overflow: hidden;
}

.taskaudit-page .tag-list .item {
  margin-left: .5867rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.taskaudit-page .tag-list .item .text {
  margin-top: .6133rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #777777;
  text-align: center;
}

.taskaudit-page .tag-list .item img {
  display: none;
  margin-top: .08rem;
  width: .4365rem;
  height: .1803rem;
}

.taskaudit-page .tag-list .item.active .text {
  color: #000000;
  font-size: .5333rem;
}

.taskaudit-page .tag-list .item.active img {
  display: block;
}

.taskaudit-page .list-wrap {
  margin: .4267rem auto 0;
  width: 9.2rem;
  overflow: hidden;
}

.taskaudit-page .list-wrap .item {
  margin-bottom: .32rem;
  width: 9.2rem;
  height: 2.1867rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  overflow: hidden;
  position: relative;
}

.taskaudit-page .list-wrap .item .tag {
  width: 1.4667rem;
  height: .56rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: .2667rem 0px .2667rem 0;
  background: #EAFEF5;
  text-align: center;
  font-size: .32rem;
  line-height: .56rem;
  color: #2EBC8C;
}

.taskaudit-page .list-wrap .item .tag.blue {
  background: #F1F8FF;
  color: #339CF3;
}

.taskaudit-page .list-wrap .item .orange {
  background: #FEF4EA;
  color: #F37D33;
}

.taskaudit-page .list-wrap .item .row {
  display: flex;
}

.taskaudit-page .list-wrap .item .row .rank {
  margin-top: .8267rem;
  margin-left: .56rem;
  width: .4533rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.taskaudit-page .list-wrap .item .row .avatar {
  margin-top: .4267rem;
  margin-left: .2667rem;
  width: 1.3333rem;
  height: 1.3333rem;
  border-radius: 50%;
  overflow: hidden;
}

.taskaudit-page .list-wrap .item .row .avatar img {
  width: 100%;
  height: 100%;
}

.taskaudit-page .list-wrap .item .row .name-box {
  margin-left: .2667rem;
}

.taskaudit-page .list-wrap .item .row .name-box .nickname {
  margin-top: .6133rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.taskaudit-page .list-wrap .item .row .name-box .phone {
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
}

.taskaudit-page .list-wrap .item .right-wrap {
  top: .1067rem;
  right: 0;
  position: absolute;
  height: 2.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.taskaudit-page .list-wrap .item .right-wrap .btn {
  margin-right: 20px;
  margin-left: auto;
  right: .5333rem;
  top: .72rem;
  width: 2.1333rem;
  height: .8533rem;
  border-radius: .4267rem;
  text-align: center;
  line-height: .8533rem;
  font-size: .4rem;
  background: #EEEEEE;
  color: #666666;
  cursor: pointer;
}

.taskaudit-page .list-wrap .item .right-wrap .btn.green {
  color: #FFFFFF;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%), linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit-page .list-wrap .item .right-wrap .btn.blue {
  color: #FFFFFF;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit-page .list-wrap .item .right-wrap .time {
  margin-top: .1067rem;
  margin-right: .4267rem;
  margin-left: auto;
  height: .48rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #EE2C2C;
}

/* 达人计划 */
.drjh-page {
  padding-bottom: .32rem;
}

.drjh-page .content {
  margin: .32rem auto 0;
  width: 9.2rem;
  padding-bottom: 1.2267rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  overflow: hidden;
}

.drjh-page .content .title-box {
  margin: .5333rem auto 0;
  height: .7467rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drjh-page .content .title-box .left {
  width: .8533rem;
  height: .0267rem;
  border-radius: .0267rem;
  background: linear-gradient(90deg, rgba(150, 150, 150, 0) 0%, #969696 100%);
}

.drjh-page .content .title-box .text {
  margin: 0 .32rem;
  height: .7467rem;
  font-size: .5333rem;
  line-height: .7467rem;
  color: #333333;
}

.drjh-page .content .title-box .text span {
  color: #2493F1;
}

.drjh-page .content .title-box .right {
  width: .8533rem;
  height: .0267rem;
  border-radius: .0267rem;
  background: linear-gradient(90deg, #969696 0%, rgba(150, 150, 150, 0) 100%);
}

.drjh-page .content .current-task {
  margin-top: .5067rem;
  margin-left: .4rem;
  width: 2rem;
  height: .6133rem;
  line-height: .6133rem;
  text-align: center;
  background: #EAFEF5;
  color: #2EBC8C;
  font-size: .3467rem;
  border-radius: .2667rem;
  border-bottom-left-radius: 0;
}

.drjh-page .content .task-name {
  margin-top: .2667rem;
  margin-left: .4rem;
  height: .4267rem;
  font-size: .32rem;
  line-height: .4267rem;
  color: #646466;
}

.drjh-page .content .procedure-box {
  margin: .72rem auto 0;
  width: 7.8133rem;
  border-left: .0533rem solid #2493F1;
  box-sizing: border-box;
  padding-top: .4133rem;
  padding-bottom: .7067rem;
  position: relative;
}

.drjh-page .content .procedure-box .title-1,
.drjh-page .content .procedure-box .title-2 {
  position: absolute;
  top: -0.3333rem;
  left: .3733rem;
  height: .5867rem;
  font-size: .4267rem;
  line-height: normal;
  color: #000000;
}

.drjh-page .content .procedure-box .title-2 {
  top: auto;
  bottom: -0.2533rem;
}

.drjh-page .content .procedure-box .one,
.drjh-page .content .procedure-box .two {
  position: absolute;
  top: -0.28rem;
  left: -0.3067rem;
  width: .56rem;
  height: .56rem;
  line-height: .56rem;
  border-radius: 50%;
  background: #2493F1;
  text-align: center;
  color: #FFFFFF;
  font-size: .4rem;
  font-weight: bold;
}

.drjh-page .content .procedure-box .two {
  top: auto;
  bottom: -0.28rem;
}

.drjh-page .content .procedure-box .qrcode {
  margin-left: .2667rem;
  width: 2.9067rem;
  height: 2.9067rem;
}

.drjh-page .content .procedure-box .qrcode img {
  width: 100%;
  height: 100%;
}

.drjh-page .content .procedure-box .qrcode-tips {
  margin-left: .3733rem;
  height: .4533rem;
  font-size: .32rem;
  line-height: .4533rem;
  color: #000000;
}

.drjh-page .content .procedure-box .red-tips {
  margin-top: .2667rem;
  margin-left: .3733rem;
  width: 7.0667rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #EE2C2C;
}

.drjh-page .content .form-box {
  margin-top: .4933rem;
  display: flex;
  align-items: center;
  height: 1.1733rem;
}

.drjh-page .content .form-box input {
  margin-left: 1.12rem;
  width: 6.48rem;
  height: 1.1733rem;
  box-sizing: border-box;
  padding: .2667rem .2987rem .32rem;
  line-height: .5867rem;
  border-radius: .1067rem;
  background: #F6F6F6;
  font-size: .4267rem;
  color: #666666;
}

.drjh-page .content .form-box .add {
  margin-left: .2133rem;
  width: 1.0133rem;
  height: 1.0133rem;
  border-radius: 50%;
  background: #F6F6F6;
  color: rgba(102, 102, 102, 0.5);
  font-size: .96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.drjh-page .content .form-box .add img {
  width: .5333rem;
  height: .5333rem;
}

.drjh-page .content .phone-box {
  margin-top: .2933rem;
  height: .5333rem;
  display: flex;
  align-items: center;
}

.drjh-page .content .phone-box .phone {
  margin-left: 1.12rem;
  margin-right: .5067rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #666666;
}

.drjh-page .content .phone-box .phone span {
  color: #2493F1;
}

.drjh-page .content .phone-box .btn {
  padding: 0 .2667rem;
  height: .5333rem;
  line-height: .5333rem;
  border-radius: .2667rem;
  color: #FFFFFF;
  font-size: .3149rem;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
  cursor: pointer;
}

.drjh-page .content .phone-box .btn.blue {
  margin-left: .2667rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.drjh-page .content .commit-btn {
  margin: .9067rem auto 0;
  width: 7.52rem;
  height: 1.0133rem;
  border-radius: .5067rem;
  line-height: 1.0133rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
  font-size: .4rem;
  text-align: center;
  color: #FFFFFF;
}

/* 任务审核2 */
.taskaudit2-page {
  padding-bottom: .3733rem;
}

.taskaudit2-page .top-wrap {
  margin: .3733rem auto 0;
  width: 9.2rem;
  height: 2.3467rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.taskaudit2-page .top-wrap .left {
  margin-left: .5333rem;
  display: flex;
  align-items: center;
  height: 2.3467rem;
}

.taskaudit2-page .top-wrap .left .avatar {
  width: 1.3333rem;
  height: 1.3333rem;
  border-radius: 50%;
  overflow: hidden;
}

.taskaudit2-page .top-wrap .left .avatar img {
  width: 100%;
  height: 100%;
}

.taskaudit2-page .top-wrap .left .user-info {
  margin-left: .2667rem;
}

.taskaudit2-page .top-wrap .left .user-info .nickname {
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.taskaudit2-page .top-wrap .left .user-info .phone {
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
}

.taskaudit2-page .top-wrap .right {
  margin-right: .7733rem;
  height: .48rem;
  font-size: .3733rem;
  line-height: .48rem;
  color: #EE2C2C;
}

.taskaudit2-page .content-wrap {
  margin: .32rem auto 0;
  width: 9.2rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .4rem .5333rem .7467rem;
  box-sizing: border-box;
  overflow: hidden;
}

.taskaudit2-page .content-wrap .title-box {
  display: flex;
  align-items: center;
  height: .5867rem;
  margin-bottom: .3733rem;
}

.taskaudit2-page .content-wrap .title-box .sy {
  width: .48rem;
  height: .16rem;
  transform: rotate(-90deg);
  border-radius: .8rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit2-page .content-wrap .title-box .title {
  margin-left: .2133rem;
  height: .5867rem;
  font-size: .4267rem;
  line-height: .5867rem;
  color: #000000;
}

.taskaudit2-page .content-wrap .order-no {
  padding-left: .2667rem;
  height: .5333rem;
  font-size: 14px;
  line-height: .5333rem;
  color: #666666;
  margin-bottom: .16rem;
}

.taskaudit2-page .content-wrap .hr {
  margin-top: .3733rem;
  width: 8.1867rem;
  height: .0267rem;
  background: #EDEEF2;
}

.taskaudit2-page .content-wrap .red-row {
  margin-top: .16rem;
  height: .56rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.taskaudit2-page .content-wrap .red-row .left {
  height: .56rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.taskaudit2-page .content-wrap .red-row .left .label {
  height: .48rem;
  font-size: .3467rem;
  line-height: .48rem;
  color: #666666;
}

.taskaudit2-page .content-wrap .red-row .left .symbol {
  color: #F73131;
  font-size: .2704rem;
}

.taskaudit2-page .content-wrap .red-row .left .amount {
  height: .56rem;
  font-size: .3931rem;
  line-height: .56rem;
  color: #F73131;
}

.taskaudit2-page .content-wrap .red-row .right {
  height: .48rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #EE2C2C;
}

.taskaudit2-page .content-wrap .btn-list {
  margin: .8267rem auto 0;
  width: 7.2533rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.12rem;
}

.taskaudit2-page .content-wrap .btn-list .btn {
  width: 3.36rem;
  height: 1.12rem;
  line-height: 1.12rem;
  border-radius: .56rem;
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
  font-size: .4rem;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}

.taskaudit2-page .content-wrap .btn-list .btn.blue {
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit2-page .content-wrap .reject-title {
  margin-top: 1.0933rem;
  height: .5867rem;
  font-size: .4267rem;
  line-height: .5867rem;
  color: #000000;
}

.taskaudit2-page .content-wrap textarea {
  margin: .3467rem auto 0;
  width: 8.08rem;
  height: 3.5467rem;
  border-radius: .1067rem;
  background: #F6F6F6;
  resize: none;
  box-sizing: border-box;
  padding: .4267rem;
  font-size: .4267rem;
  color: #333333;
  line-height: .7467rem;
  overflow: hidden;
}

/* 市场级别 */
.market-level-page {
  padding-bottom: .32rem;
}

.market-level-page .top-wrap {
  width: 10rem;
  height: 4.2133rem;
  position: relative;
}

.market-level-page .top-wrap .layer-1 {
  position: absolute;
  top: .32rem;
  left: 50%;
  transform: translateX(-50%);
  width: 8.6667rem;
  height: 1.3867rem;
  border-radius: .2667rem;
  background: #232734;
}

.market-level-page .top-wrap .layer-2 {
  position: absolute;
  top: 1.36rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: 2.8533rem;
  border-radius: .2133rem;
  overflow: hidden;
}

.market-level-page .top-wrap .layer-2 img {
  width: 100%;
  height: 100%;
}

.market-level-page .top-wrap .layer-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 4.2133rem;
}

.market-level-page .top-wrap .layer-3 .money-box {
  height: .8rem;
  line-height: .8rem;
  font-size: .8rem;
  color: #FFDBB5;
}

.market-level-page .top-wrap .layer-3 .money-box span {
  font-size: .64rem;
}

.market-level-page .top-wrap .layer-3 .title-box {
  margin-top: .5867rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.market-level-page .top-wrap .layer-3 .title-box .left {
  width: .5333rem;
  height: .5333rem;
}

.market-level-page .top-wrap .layer-3 .title-box .left img {
  width: 100%;
  height: 100%;
}

.market-level-page .top-wrap .layer-3 .title-box .right {
  margin-left: .16rem;
  height: .5867rem;
  line-height: .5867rem;
  color: #FFE1C0;
  font-size: .3733rem;
}

.market-level-page .top-wrap .layer-3 .middle-box {
  margin-top: .6133rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .5707rem;
  line-height: .5707rem;
}

.market-level-page .top-wrap .layer-3 .middle-box .left {
  margin-left: 1.04rem;
  color: #FFDBB5;
  font-size: .32rem;
}

.market-level-page .top-wrap .layer-3 .middle-box .right {
  margin-right: .7733rem;
  width: 1.7867rem;
  height: .5707rem;
  line-height: .5707rem;
  border-radius: .32rem;
  background: linear-gradient(90deg, #FFEACB 0%, #E8BC77 100%);
  text-align: center;
  color: #333333;
  font-size: .32rem;
  cursor: pointer;
}

.market-level-page .top-wrap .layer-3 .fenhong-box {
  margin-top: .5467rem;
  display: flex;
  overflow: hidden;
}

.market-level-page .top-wrap .layer-3 .fenhong-box .text {
  margin-right: .1067rem;
  margin-top: .3733rem;
  margin-left: 1.04rem;
  height: .32rem;
  line-height: .32rem;
  color: #FFDBB5;
  font-size: .32rem;
}

.market-level-page .top-wrap .layer-3 .bottom-box {
  margin: .2013rem auto 0;
  display: flex;
  justify-content: space-between;
  width: 9.2rem;
}

.market-level-page .top-wrap .layer-3 .bottom-box .item {
  width: 4.5867rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.market-level-page .top-wrap .layer-3 .bottom-box .item .text {
  margin-top: .1333rem;
  height: .32rem;
  line-height: .32rem;
  font-size: .32rem;
  font-weight: 600;
  color: #FFDBB5;
}

.market-level-page .content-wrap {
  margin: .32rem auto 0;
  width: 9.2rem;
  padding-bottom: .8533rem;
  background: #FFFFFF;
  border-radius: .2667rem;
  overflow: hidden;
}

.market-level-page .content-wrap .top-box {
  margin-top: .4267rem;
  display: flex;
  align-items: center;
  height: .5867rem;
}

.market-level-page .content-wrap .top-box .fh {
  margin-left: .4533rem;
  margin-right: .24rem;
  width: .48rem;
  height: .16rem;
  transform: rotate(-90deg);
  border-radius: .8rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.market-level-page .content-wrap .top-box .title {
  height: .5867rem;
  line-height: .5867rem;
  color: #000000;
  font-size: .4267rem;
  font-weight: 600;
}

.market-level-page .content-wrap .table-header {
  margin: .24rem auto 0;
  width: 8.48rem;
  height: .8267rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(246, 246, 246, 0.6);
  padding: 0 1.0133rem 0 .4rem;
  box-sizing: border-box;
}

.market-level-page .content-wrap .table-header div {
  height: .5333rem;
  line-height: .5333rem;
  font-size: .3733rem;
  color: #333333;
}

.market-level-page .content-wrap .list {
  margin: 0 auto;
  width: 8.48rem;
}

.market-level-page .content-wrap .list .row {
  height: 1.68rem;
  align-items: center;
  display: flex;
  border-bottom: .0267rem solid #EDEEF2;
}

.market-level-page .content-wrap .list .row .datetime {
  padding-left: .32rem;
  box-sizing: border-box;
  width: 2.4533rem;
  color: #777777;
  font-size: .32rem;
  line-height: .4533rem;
  display: flex;
  flex-direction: column;
}

.market-level-page .content-wrap .list .row .middle {
  width: 3.3067rem;
  height: 1.68rem;
  line-height: 1.68rem;
  text-align: center;
  color: #777777;
  font-size: .32rem;
}

.market-level-page .content-wrap .list .row .last {
  width: 2.7467rem;
  height: .56rem;
  line-height: .56rem;
  font-size: .3931rem;
  color: #F73131;
  text-align: center;
}

.market-level-page .content-wrap .list .row .last span {
  font-size: .2704rem;
}

/* 登录 */
.login-page {
  padding-bottom: 1.4933rem;
}

.login-page .content-wrap {
  margin: 0 auto;
  width: 8.2933rem;
}

.login-page .content-wrap .hi {
  margin-top: .64rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #303030;
  font-size: .8533rem;
}

.login-page .content-wrap .welcome {
  margin-top: .1067rem;
  margin-bottom: .5333rem;
  height: .5867rem;
  line-height: .5867rem;
  color: #303030;
  font-size: .4267rem;
}

.login-page .content-wrap .input-wrap {
  height: 1.6rem;
  border-bottom: .0133rem solid #EDEEF2;
  overflow: hidden;
  position: relative;
}

.login-page .content-wrap .input-wrap input {
  margin-top: .88rem;
  width: 70%;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.login-page .content-wrap .input-wrap input::placeholder {
  font-size: .3733rem;
  color: #B6BDBD;
}

.login-page .content-wrap .input-wrap .send-code {
  position: absolute;
  right: 0;
  bottom: .16rem;
  position: absolute;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #397BFF;
  cursor: pointer;
}

.login-page .content-wrap .jump-list {
  margin-top: .4267rem;
  line-height: .4267rem;
  height: .4267rem;
  display: flex;
  justify-content: space-between;
}

.login-page .content-wrap .jump-list a {
  color: #646466;
  font-size: .32rem;
}

.login-page .content-wrap .tips {
  margin-top: .32rem;
  height: .4267rem;
  font-size: .32rem;
  line-height: .4267rem;
  color: #646466;
}

.login-page .content-wrap .commit-btn {
  margin-top: .8533rem;
  width: 8.2933rem;
  height: 1.28rem;
  line-height: 1.28rem;
  border-radius: .64rem;
  background: #2493F1;
  color: #FFFFFF;
  font-size: .4267rem;
  text-align: center;
  cursor: pointer;
}

.login-page .content-wrap .commit-btn.disable {
  background: #C6C7CB;
}

.login-page .content-wrap .protocol {
  position: fixed;
  left: 50%;
  width: 10rem;
  transform: translateX(-50%);
  bottom: .32rem;
  line-height: .4267rem;
  font-size: .2933rem;
  color: #646466;
  text-align: center;
}

.login-page .content-wrap .protocol a {
  color: #1A66FF;
  cursor: pointer;
}

/* 积分商场 */
.point-mall-page {
  padding-bottom: .32rem;
}

.point-mall-page .banner {
  margin: .2933rem auto .24rem;
  width: 9.36rem;
  height: 3.8667rem;
  border-radius: .16rem;
  overflow: hidden;
}

.point-mall-page .banner #carousel1 {
  width: 100%;
  height: 100%;
}

.point-mall-page .banner #carousel1 .carousel-item img {
  width: 100%;
  height: 100%;
}

.point-mall-page .banner #carousel1 .carousel-dots {
  left: 50%;
  transform: translateX(-50%);
  bottom: .2133rem;
}

.point-mall-page .banner #carousel1 .carousel-dots .dot {
  margin-right: .1067rem;
  width: .1067rem;
  height: .1067rem;
  border-radius: .0533rem;
  background: #FFFFFF;
}

.point-mall-page .banner #carousel1 .carousel-dots .dot.active {
  width: .4267rem;
}

.point-mall-page .tag-wrap {
  height: 1.4933rem;
  overflow: hidden;
}

.point-mall-page .tag-wrap .tag-list::-webkit-scrollbar {
  display: none;
}

.point-mall-page .tag-wrap .tag-list {
  padding-left: .4133rem;
  width: 10rem;
  box-sizing: border-box;
  height: 1.4933rem;
  display: flex;
  overflow-x: scroll;
  background: #FFFFFF;
}

.point-mall-page .tag-wrap .tag-list .item {
  padding: 0 .2rem;
  height: 1.4933rem;
  position: relative;
  width: 3.2rem;
  cursor: pointer;
}

.point-mall-page .tag-wrap .tag-list .item .text {
  margin-top: .56rem;
  height: .5333rem;
  font-size: .3733rem;
  line-height: .5333rem;
  text-wrap: none;
  color: #777777;
  white-space: nowrap;
}

.point-mall-page .tag-wrap .tag-list .item img {
  position: absolute;
  display: none;
  margin-top: .08rem;
  bottom: .1131rem;
  left: 50%;
  transform: translateX(-50%);
  width: .4365rem;
  height: .1803rem;
}

.point-mall-page .tag-wrap .tag-list .item.active .text {
  margin-top: .3733rem;
  height: .7467rem;
  line-height: .7467rem;
  color: #000000;
  font-size: .5333rem;
}

.point-mall-page .tag-wrap .tag-list .item.active img {
  display: block;
}

.point-mall-page .product-list {
  display: flex;
  flex-wrap: wrap;
}

.point-mall-page .product-list .item {
  margin-left: .32rem;
  margin-top: .2667rem;
  width: 4.5333rem;
  height: 6.5333rem;
  border-radius: .1067rem;
  background: #FFFFFF;
  overflow: hidden;
}

.point-mall-page .product-list .item .image {
  width: 4.5333rem;
  height: 4.5333rem;
}

.point-mall-page .product-list .item .image img {
  width: 100%;
  height: 100%;
}

.point-mall-page .product-list .item .title {
  margin: .4rem auto 0;
  width: 4rem;
  height: .4rem;
  font-size: .4rem;
  line-height: .4rem;
  color: #333333;
}

.point-mall-page .product-list .item .bottom-box {
  margin: .2933rem auto 0;
  width: 4rem;
  height: .64rem;
  display: flex;
  justify-content: space-between;
}

.point-mall-page .product-list .item .bottom-box .left {
  height: .64rem;
  display: flex;
  align-items: center;
}

.point-mall-page .product-list .item .bottom-box .left img {
  width: .3733rem;
  height: .3733rem;
}

.point-mall-page .product-list .item .bottom-box .left span {
  height: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
  font-size: .4267rem;
}

.point-mall-page .product-list .item .bottom-box .right {
  width: 1.8667rem;
  height: .64rem;
  line-height: .64rem;
  border-radius: .32rem;
  background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
  box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
  color: #FFFFFF;
  font-size: .32rem;
  text-align: center;
  cursor: pointer;
}

/* 商品详情 */
.product-page .top-wrap {
  width: 10rem;
  height: 10rem;
  position: relative;
  overflow: hidden;
}

.product-page .top-wrap #carousel1 {
  width: 10rem;
  height: 10rem;
}

.product-page .top-wrap #carousel1 .carousel-item img {
  width: 100%;
  height: 100%;
}

.product-page .top-wrap .go-down {
  position: absolute;
  left: .4533rem;
  top: .2933rem;
  width: .5867rem;
  height: .5867rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.product-page .top-wrap .go-down img {
  width: .3733rem;
  height: .1867rem;
}

.product-page .top-wrap .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: .3733rem;
  width: 6.9333rem;
  font-size: .4267rem;
  font-weight: 500;
  height: .4267rem;
  line-height: .4267rem;
  text-align: center;
  color: #FFFFFF;
}

.product-page .top-wrap .carousel-page {
  position: absolute;
  right: .4rem;
  bottom: .4rem;
  width: 1.3333rem;
  height: .5333rem;
  line-height: .5333rem;
  border-radius: .2667rem;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: .4rem;
  text-align: center;
}

.product-page .info-box {
  width: 10rem;
  height: 1.8667rem;
  background: #FFFFFF;
  overflow: hidden;
}

.product-page .info-box .title {
  margin: .2667rem auto 0;
  width: 9.2rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .48rem;
  color: #333333;
}

.product-page .info-box .bt {
  margin: .2933rem;
  width: 9.2rem;
  height: .5333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-page .info-box .bt .left {
  height: .5333rem;
  display: flex;
  align-items: center;
}

.product-page .info-box .bt .left img {
  width: .48rem;
  height: .48rem;
}

.product-page .info-box .bt .left span {
  margin-left: .1067rem;
  height: .5333rem;
  font-size: .5333rem;
  line-height: .5333rem;
  color: #3467F8;
}

.product-page .info-box .bt .left .market-price {
  margin-left: .4267rem;
  height: .5333rem;
  display: flex;
  align-items: center;
  border-radius: .0267rem;
  box-sizing: border-box;
  border: 1px solid #0F5A7A;
}

.product-page .info-box .bt .left .market-price .text {
  height: .4267rem;
  line-height: .4267rem;
  font-size: .2667rem;
  padding: 0 .0533rem;
  background: #E0F7FF;
}

.product-page .info-box .bt .left .market-price .price {
  padding: 0 .1067rem;
  height: .2667rem;
  font-size: .2667rem;
  line-height: .2667rem;
  color: #0F5A7A;
}

.product-page .info-box .bt .right {
  display: flex;
  height: .2667rem;
  align-items: center;
}

.product-page .info-box .bt .right .text {
  height: .2667rem;
  line-height: .2667rem;
  font-size: .2667rem;
  color: #999999;
}

.product-page .info-box .bt .right .li {
  margin: 0 .2667rem;
  width: 1px;
  height: .2133rem;
  background: #CCCCCC;
}

.product-page .options-wrap {
  margin: .24rem auto 0;
  width: 9.52rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .4267rem .3467rem;
  box-sizing: border-box;
}

.product-page .options-wrap .row-1,
.product-page .options-wrap .row-2 {
  margin-bottom: .64rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .5333rem;
}

.product-page .options-wrap .row-1 .left,
.product-page .options-wrap .row-2 .left {
  height: .5333rem;
  display: flex;
  align-items: center;
}

.product-page .options-wrap .row-1 .left .label,
.product-page .options-wrap .row-2 .left .label {
  font-size: .3733rem;
  font-weight: 500;
  color: #999999;
  height: .5333rem;
  line-height: .5333rem;
}

.product-page .options-wrap .row-1 .left .value,
.product-page .options-wrap .row-2 .left .value {
  margin-left: .4533rem;
  font-size: .3733rem;
  font-weight: 500;
  color: #333333;
  height: .5333rem;
  line-height: .5333rem;
}

.product-page .options-wrap .row-1 .left .value span,
.product-page .options-wrap .row-2 .left .value span {
  color: #CCCCCC;
}

.product-page .options-wrap .row-1 .right,
.product-page .options-wrap .row-2 .right {
  width: .3733rem;
  height: .3733rem;
  cursor: pointer;
}

.product-page .options-wrap .row-1 .right img,
.product-page .options-wrap .row-2 .right img {
  width: 100%;
  height: 100%;
}

.product-page .options-wrap .row-3 {
  height: .4533rem;
  font-size: .32rem;
  font-weight: 500;
  line-height: .4533rem;
  color: #CCCCCC;
}

.product-page .options-wrap .row-3 span {
  margin: 0 .2667rem;
}

.product-page .product-detail {
  margin: .2667rem auto 0;
  width: 10rem;
  background: #FFFFFF;
  box-shadow: inset 0px -0.5px 0px 0px #DDDDDD;
}

.product-page .product-detail .detail-top {
  width: 10rem;
  height: 1.0667rem;
  background: #FFFFFF;
  box-shadow: inset 0px -0.5px 0px 0px #DDDDDD;
  display: flex;
}

.product-page .product-detail .detail-top .zz {
  margin-top: .3467rem;
  margin-left: .4rem;
  width: .1067rem;
  height: .3733rem;
  border-radius: .0533rem;
  background: #0F5A7A;
}

.product-page .product-detail .detail-top .title {
  margin-top: .32rem;
  margin-left: .1333rem;
  height: .48rem;
  font-size: .48rem;
  line-height: .48rem;
  color: #333333;
}

.product-page .product-detail .content {
  margin: .2933rem auto 0;
  padding-bottom: .2933rem;
  overflow: hidden;
  width: 9.2rem;
  font-size: .3733rem;
  line-height: .5333rem;
  color: #333333;
}

.product-page .product-detail .content img {
  width: 100%;
  height: auto;
}

.product-page .bottom-wrap .z-height {
  height: 1.6rem;
}

.product-page .bottom-wrap .fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-page .bottom-wrap .fixed-bottom .left {
  margin-left: .4rem;
}

.product-page .bottom-wrap .fixed-bottom .left .text {
  height: .2667rem;
  font-size: .2667rem;
  line-height: .2667rem;
  color: #999999;
}

.product-page .bottom-wrap .fixed-bottom .left .price {
  margin-top: .1333rem;
  height: .3733rem;
  font-size: .3733rem;
  line-height: .3733rem;
  color: #F54414;
}

.product-page .bottom-wrap .fixed-bottom .right {
  margin-right: .4rem;
  width: 5.52rem;
  height: 1.1733rem;
  line-height: 1.1733rem;
  border-radius: 220px;
  background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
  box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
  color: #FFFFFF;
  font-size: .48rem;
  text-align: center;
  cursor: pointer;
}

/* 确认订单 */
.checkout-page .address-wrap {
  margin: .16rem auto 0;
  padding: .4267rem 0;
  width: 9.1467rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  position: relative;
}

.checkout-page .address-wrap .position {
  margin-left: .32rem;
  width: .7467rem;
  height: .7467rem;
  background: #F7F7F7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-page .address-wrap .position img {
  width: .3733rem;
  height: .3733rem;
}

.checkout-page .address-wrap .info {
  margin-left: .32rem;
  width: 6.9333rem;
}

.checkout-page .address-wrap .info .address {
  width: 100%;
  color: #1A1A1A;
  font-size: .4rem;
  font-weight: bold;
  line-height: .56rem;
}

.checkout-page .address-wrap .info .name-phone {
  margin-top: .1067rem;
  width: 100%;
  line-height: .48rem;
  font-size: .3467rem;
  font-weight: 500;
  color: #666666;
}

.checkout-page .address-wrap .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .32rem;
  width: .4267rem;
  height: .4267rem;
  cursor: pointer;
}

.checkout-page .address-wrap .right img {
  width: 100%;
  height: 100%;
}

.checkout-page .order-info {
  margin: .32rem auto 0;
  width: 9.1467rem;
  height: 6.7733rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .32rem 0 .56rem;
  box-sizing: border-box;
}

.checkout-page .order-info .product-info {
  margin: 0 auto;
  width: 8.8267rem;
  display: flex;
  position: relative;
  margin-bottom: .64rem;
}

.checkout-page .order-info .product-info .left {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .16rem;
  overflow: hidden;
}

.checkout-page .order-info .product-info .left img {
  width: 100%;
  height: 100%;
}

.checkout-page .order-info .product-info .right {
  margin-left: .2133rem;
}

.checkout-page .order-info .product-info .right .title {
  margin-top: .1867rem;
  width: 5.8667rem;
  height: .56rem;
  font-size: .4rem;
  font-weight: bold;
  line-height: .56rem;
  color: #1A1A1A;
}

.checkout-page .order-info .product-info .right .subtitle {
  margin-top: .0533rem;
  width: 5.8667rem;
  height: .48rem;
  font-size: .3467rem;
  font-weight: 500;
  line-height: .48rem;
  color: #999999;
}

.checkout-page .order-info .product-info .right .price {
  margin-top: .4533rem;
  height: .5067rem;
  font-size: .4267rem;
  font-weight: 500;
  line-height: .5067rem;
  color: #1A1A1A;
}

.checkout-page .order-info .product-info .number {
  position: absolute;
  right: .32rem;
  bottom: .2667rem;
  font-size: .3733rem;
  height: .4267rem;
  line-height: .4267rem;
  color: #999999;
}

.checkout-page .order-info .amount-row {
  margin: 0 auto .4267rem;
  width: 8.5067rem;
  display: flex;
  height: .5333rem;
  line-height: .5333rem;
  justify-content: space-between;
  align-items: center;
}

.checkout-page .order-info .amount-row .left {
  height: .5333rem;
  font-size: .3733rem;
  font-weight: 500;
  line-height: .5333rem;
  color: #333333;
}

.checkout-page .order-info .amount-row .right {
  height: .5333rem;
  display: flex;
  align-items: center;
}

.checkout-page .order-info .amount-row .right img {
  width: .3733rem;
  right: .3733rem;
  margin-right: .1067rem;
}

.checkout-page .order-info .amount-row .right span {
  height: .4267rem;
  font-size: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
}

.checkout-page .order-info .hr {
  margin: 0 auto;
  width: 8.5067rem;
  height: .0267rem;
  background: #F7F7F7;
}

.checkout-page .order-info .total-row {
  margin: .4533rem auto 0;
  width: 8.5067rem;
  display: flex;
  height: .48rem;
  align-items: center;
}

.checkout-page .order-info .total-row .left {
  margin-left: auto;
  margin-right: 0;
  height: .48rem;
  font-size: .3733rem;
  font-weight: 500;
  line-height: .48rem;
  color: #333333;
}

.checkout-page .order-info .total-row .right {
  margin-right: 0;
  height: .48rem;
  display: flex;
  align-items: center;
}

.checkout-page .order-info .total-row .right img {
  width: .3733rem;
  right: .3733rem;
  margin-right: .1067rem;
}

.checkout-page .order-info .total-row .right span {
  height: .4267rem;
  font-size: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
}

.checkout-page .payment-box {
  margin: .2933rem auto 0;
  width: 9.1467rem;
  height: 1.3867rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .32rem;
  box-sizing: border-box;
}

.checkout-page .payment-box .left {
  font-size: .3733rem;
  font-weight: 500;
  color: #333333;
}

.checkout-page .payment-box .right {
  display: flex;
  align-items: center;
  height: .5333rem;
  cursor: pointer;
}

.checkout-page .payment-box .right span {
  font-size: .3733rem;
  font-weight: 500;
  color: #333333;
}

.checkout-page .payment-box .right img {
  margin-left: .1067rem;
  width: .32rem;
  height: .32rem;
}

.checkout-page .bottom-wrap .z-height {
  height: 1.6rem;
}

.checkout-page .bottom-wrap .fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkout-page .bottom-wrap .fixed-bottom .left {
  margin-left: .4rem;
}

.checkout-page .bottom-wrap .fixed-bottom .left .text {
  height: .2667rem;
  font-size: .2667rem;
  line-height: .2667rem;
  color: #999999;
}

.checkout-page .bottom-wrap .fixed-bottom .left .price {
  margin-top: .1333rem;
  height: .3733rem;
  font-size: .3733rem;
  line-height: .3733rem;
  color: #F54414;
}

.checkout-page .bottom-wrap .fixed-bottom .right {
  margin-right: .4rem;
  width: 5.52rem;
  height: 1.1733rem;
  line-height: 1.1733rem;
  border-radius: .5867rem;
  background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
  box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
  color: #FFFFFF;
  font-size: .48rem;
  text-align: center;
  cursor: pointer;
}

/* 全部订单 */
.order-list-page .tab-list {
  height: 1.1733rem;
  display: flex;
  align-items: center;
  background: #FFFFFF;
}

.order-list-page .tab-list .item {
  flex: 1;
  text-align: center;
  height: 1.1733rem;
  line-height: 1.1733rem;
  font-size: .3733rem;
  font-weight: 500;
  color: #666666;
  cursor: pointer;
}

.order-list-page .tab-list .item.active {
  font-weight: bold;
  color: #1A66FF;
}

.order-list-page .order-list {
  padding-bottom: .32rem;
}

.order-list-page .order-list .item {
  margin: .32rem auto 0;
  width: 9.1467rem;
  height: 4.4267rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.order-list-page .order-list .item .product-info {
  margin: .32rem auto;
  width: 8.5067rem;
  display: flex;
  position: relative;
}

.order-list-page .order-list .item .product-info .left {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .16rem;
  overflow: hidden;
}

.order-list-page .order-list .item .product-info .left img {
  width: 100%;
  height: 100%;
}

.order-list-page .order-list .item .product-info .right {
  margin-left: .2133rem;
}

.order-list-page .order-list .item .product-info .right .title {
  margin-top: .1867rem;
  width: 4.8rem;
  height: .5333rem;
  font-size: .3733rem;
  font-weight: bold;
  line-height: .5333rem;
  color: #1A1A1A;
}

.order-list-page .order-list .item .product-info .right .subtitle {
  margin-top: .08rem;
  width: 4.8rem;
  height: .48rem;
  font-size: .32rem;
  font-weight: 500;
  line-height: .48rem;
  color: #999999;
}

.order-list-page .order-list .item .product-info .right .price {
  margin-top: .4533rem;
  height: .4267rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.order-list-page .order-list .item .product-info .right .price img {
  margin-right: .1067rem;
  width: .3733rem;
  height: .3733rem;
}

.order-list-page .order-list .item .product-info .right .price span {
  height: .4267rem;
  font-size: .4267rem;
  font-weight: normal;
  line-height: .4267rem;
  color: #3467F8;
}

.order-list-page .order-list .item .status {
  position: absolute;
  top: .32rem;
  right: .32rem;
  height: .4533rem;
  font-size: .32rem;
  font-weight: 500;
  line-height: .4533rem;
  color: #CCCCCC;
}

.order-list-page .order-list .item .number {
  position: absolute;
  top: 2.0533rem;
  right: .3467rem;
  height: .4rem;
  font-size: .3467rem;
  font-weight: 500;
  line-height: .4rem;
  color: #999999;
}

.order-list-page .order-list .item .btn-list {
  margin: .4267rem auto 0;
  width: 8.5067rem;
  display: flex;
  flex-direction: row-reverse;
}

.order-list-page .order-list .item .btn-list .btn {
  padding: 0 .3733rem;
  height: .8533rem;
  line-height: .8533rem;
  border-radius: .2133rem;
  box-sizing: border-box;
  border: .0267rem solid #CCCCCC;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-left: .1333rem;
}

.order-list-page .order-list .item .btn-list .btn.blue {
  border: none;
  color: #FFFFFF;
  background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
}

/* 订单详情 */
.order-detail-page {
  padding-bottom: .32rem;
}

.order-detail-page .order-info {
  margin: .2667rem auto 0;
  width: 9.1467rem;
  height: 6.7733rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .32rem 0 .56rem;
  box-sizing: border-box;
}

.order-detail-page .order-info .product-info {
  margin: 0 auto;
  width: 8.8267rem;
  display: flex;
  position: relative;
  margin-bottom: .64rem;
}

.order-detail-page .order-info .product-info .left {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .16rem;
  overflow: hidden;
}

.order-detail-page .order-info .product-info .left img {
  width: 100%;
  height: 100%;
}

.order-detail-page .order-info .product-info .right {
  margin-left: .2133rem;
}

.order-detail-page .order-info .product-info .right .title {
  margin-top: .1867rem;
  width: 5.8667rem;
  height: .56rem;
  font-size: .4rem;
  font-weight: bold;
  line-height: .56rem;
  color: #1A1A1A;
}

.order-detail-page .order-info .product-info .right .subtitle {
  margin-top: .0533rem;
  width: 5.8667rem;
  height: .48rem;
  font-size: .3467rem;
  font-weight: 500;
  line-height: .48rem;
  color: #999999;
}

.order-detail-page .order-info .product-info .right .price {
  margin-top: .4533rem;
  height: .5067rem;
  font-size: .4267rem;
  font-weight: 500;
  line-height: .5067rem;
  color: #1A1A1A;
}

.order-detail-page .order-info .product-info .number {
  position: absolute;
  right: .32rem;
  bottom: .2667rem;
  font-size: .3733rem;
  height: .4267rem;
  line-height: .4267rem;
  color: #999999;
}

.order-detail-page .order-info .amount-row {
  margin: 0 auto .4267rem;
  width: 8.5067rem;
  display: flex;
  height: .5333rem;
  line-height: .5333rem;
  justify-content: space-between;
  align-items: center;
}

.order-detail-page .order-info .amount-row .left {
  height: .5333rem;
  font-size: .3733rem;
  font-weight: 500;
  line-height: .5333rem;
  color: #333333;
}

.order-detail-page .order-info .amount-row .right {
  height: .5333rem;
  display: flex;
  align-items: center;
}

.order-detail-page .order-info .amount-row .right img {
  width: .3733rem;
  right: .3733rem;
  margin-right: .1067rem;
}

.order-detail-page .order-info .amount-row .right span {
  height: .4267rem;
  font-size: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
}

.order-detail-page .order-info .hr {
  margin: 0 auto;
  width: 8.5067rem;
  height: .0267rem;
  background: #F7F7F7;
}

.order-detail-page .order-info .total-row {
  margin: .4533rem auto 0;
  width: 8.5067rem;
  display: flex;
  height: .48rem;
  align-items: center;
}

.order-detail-page .order-info .total-row .left {
  margin-left: auto;
  margin-right: 0;
  height: .48rem;
  font-size: .3733rem;
  font-weight: 500;
  line-height: .48rem;
  color: #333333;
}

.order-detail-page .order-info .total-row .right {
  margin-right: 0;
  height: .48rem;
  display: flex;
  align-items: center;
}

.order-detail-page .order-info .total-row .right img {
  width: .3733rem;
  right: .3733rem;
  margin-right: .1067rem;
}

.order-detail-page .order-info .total-row .right span {
  height: .4267rem;
  font-size: .4267rem;
  line-height: .4267rem;
  color: #3467F8;
}

.order-detail-page .address-wrap {
  margin: .2667rem auto 0;
  padding: .4267rem 0;
  width: 9.1467rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  position: relative;
}

.order-detail-page .address-wrap .position {
  margin-left: .32rem;
  width: .7467rem;
  height: .7467rem;
  background: #F7F7F7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-detail-page .address-wrap .position img {
  width: .3733rem;
  height: .3733rem;
}

.order-detail-page .address-wrap .info {
  margin-left: .32rem;
  width: 6.9333rem;
}

.order-detail-page .address-wrap .info .address {
  width: 100%;
  color: #1A1A1A;
  font-size: .4rem;
  font-weight: bold;
  line-height: .56rem;
}

.order-detail-page .address-wrap .info .name-phone {
  margin-top: .1067rem;
  width: 100%;
  line-height: .48rem;
  font-size: .3467rem;
  font-weight: 500;
  color: #666666;
}

.order-detail-page .address-wrap .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .32rem;
  width: .4267rem;
  height: .4267rem;
  cursor: pointer;
}

.order-detail-page .address-wrap .right img {
  width: 100%;
  height: 100%;
}

.order-detail-page .detail-wrap {
  margin: .24rem auto 0;
  width: 9.1467rem;
  border-radius: .2667rem;
  background: #FFFFFF;
  padding: .4267rem .32rem .0533rem;
  box-sizing: border-box;
}

.order-detail-page .detail-wrap .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .32rem;
  color: #999999;
  font-size: .3733rem;
  height: .5067rem;
  line-height: .5067rem;
}

.order-detail-page .detail-wrap .row .right {
  display: flex;
  align-items: center;
  height: .5067rem;
}

.order-detail-page .detail-wrap .row .right .copy {
  margin-right: .1333rem;
  height: .4267rem;
  font-size: .32rem;
  font-weight: 300;
  line-height: .4267rem;
  color: #1A66FF;
  cursor: pointer;
}

.order-detail-page .bottom-wrap .z-height {
  height: 1.6rem;
}

.order-detail-page .bottom-wrap .fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.0133rem;
  box-sizing: border-box;
}

.order-detail-page .bottom-wrap .fixed-bottom .left,
.order-detail-page .bottom-wrap .fixed-bottom .right {
  margin-right: .4rem;
  width: 5.52rem;
  height: 1.12rem;
  line-height: 1.12rem;
  border-radius: .56rem;
  background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
  color: #FFFFFF;
  font-size: .4rem;
  text-align: center;
  cursor: pointer;
}

.order-detail-page .bottom-wrap .fixed-bottom .left {
  background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
}