@charset "UTF-8";
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-180deg);
  }
}
body::-webkit-scrollbar,
.xcscroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
body::-webkit-scrollbar-thumb,
.xcscroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background-color: #409eff;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
body::-webkit-scrollbar-track,
.xcscroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 10px;
}

.u-flyer {
  z-index: 10000;
}

blockquote {
  padding: 0;
  margin: 0;
}

.IndexPage .business {
  width: 708rem;
  /* height: 222rem; */
  background: #ffffff;
  margin: -50rem auto 10rem auto;
  border-radius: 20rem 20rem 0 0;
  padding: 12rem 20rem 12rem 20rem;
  position: relative;
  overflow: hidden;
}

.IndexPage .business .name {
  font-size: 37rem;
  font-weight: bold;
  padding: 0 10rem;
}

.IndexPage .business .notic {
  font-size: 28rem;
  color: #9D9D9D;
  margin: 10rem 0;
}

.IndexPage .business .more {
  font-size: 28rem;
  color: #9D9D9D;
  margin: 10rem 0 0 auto;
  display: block;
  width: 165rem;
}

.IndexPage .tab {
  width: 750rem;
  margin: 0 auto;
  border-radius: 20rem 20rem 0 0;
  background: #9BB15F;
}

.IndexPage .backtop {
  position: fixed;
  bottom: 297rem;
  right: 11rem;
  z-index: 1100;
}

.IndexPage .tab.show {
  width: 750rem;
  position: sticky;
  top: 118rem;
  z-index: 10;
}

.IndexPage .tab .tab-item {
  font-size: 30rem;
  color: #ffffff;
  padding: 25rem 37rem 25rem;
  font-weight: 520;
  line-height: 40rem;
  position: relative;
}

.IndexPage .tab .tab-item:not(:first-child)::before {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  background: #EDFB8C;
  position: absolute;
  top: 40rem;
  left: -4rem;
  border-radius: 50%;
}

.IndexPage .tab .tab-item.active {
  font-size: 34rem;
  color: #000404;
}

.IndexPage .tab .tab-item.active::after {
  content: "";
  display: block;
  width: 44rem;
  height: 6rem;
  background: var(--primary-color);
  position: absolute;
  bottom: 15rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.IndexPage .main {
  width: 750rem;
  /* margin: 0 auto; */
  /* background: #ffffff; */
}

.IndexPage .main .left {
  width: 143rem;
  background: #F0F0F0;
  /* margin-left: -21rem; */
  border-radius: 20rem 20rem 0 0;
  /* padding: 20rem 0; */
  flex-shrink: 0;
  overflow: hidden;
}

.IndexPage .main .left.show {
  position: sticky;
  top: 90rem;
  /* height: calc(100vh - 235rem); */
  overflow: auto;
}

.IndexPage .main .left .nav-item {
  padding: 40rem 18rem;
  color: #7B7B7B;
  font-size: 26rem;
  position: relative;
  word-break:break-all;
}
.IndexPage .main .left .nav-item .num {
  position: absolute;
  top: 20rem;
  right: 5rem;
  width: 40rem;
  height: 40rem;
  background: url("../../images/index/num_bg.png") 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  line-height: 40rem;
  color: #ffffff;
  font-size: 22rem;
}

.IndexPage .main .left .nav-item.active {
  /* padding: 40rem 15rem; */
  /* color: #7B7B7B; */
  /* font-size: 28rem; */
  background: #FFF8DC;
  color: #000000;
}

.IndexPage .main .left .nav-item.active {
  /* padding: 40rem 15rem; */
  /* color: #7B7B7B; */
  /* font-size: 28rem; */
  background: #FFF8DC;
  color: #000000;
}

.IndexPage {
  position: relative;
}

.IndexPage .language-block {
  position: absolute;
  top: 250rem;
  right: 20rem;
  z-index: 101;
}

.IndexPage .language-block .img {
  text-align: right;
}

.IndexPage .language-block .box {
  margin-top: 16rem;
  background: #FFF8DC;
  border-radius: 20rem;
  border: solid 3rem var(--primary-color);
  text-align: center;
  padding: 4rem 17rem;
  position: relative;
  z-index: 1;
}

.IndexPage .language-block .box div {
  font-size: 24rem;
  padding: 10rem 0;
  color: var(--primary-color);
}

.IndexPage .language-block .box div.cur {
  color: #000000;
}

.IndexPage .language-block .box div:not(:last-child) {
  border-bottom: #D3D0C2 solid 1rem;
}

.IndexPage .language-block .box::before {
  width: 0;
  height: 0;
  border-left: 15rem solid transparent;
  border-right: 15rem solid transparent;
  border-bottom: 26rem solid #FFF8DC;
  position: absolute;
  content: "";
  top: -24.5rem;
  right: 12rem;
  z-index: 2;
}

.IndexPage .language-block .box::after {
  width: 0;
  height: 0;
  border-left: 18rem solid transparent;
  border-right: 18rem solid transparent;
  border-bottom: 32rem solid var(--primary-color);
  position: absolute;
  z-index: 0;
  content: "";
  top: -31rem;
  right: 10rem;
}

.IndexPage .topshare {
  position: absolute;
  top: 24rem;
  right: 26rem;
}

.IndexPage .show {
  width: 750rem;
  position: sticky;
  top: -1rem;
  z-index: 10;
}
.IndexPage .newtab {
  background: var(--primary-color);
  color: #fff;
  margin: 10rem 0;
  padding: 4rem 0;
  z-index: 20;
}
.IndexPage .newtab .newintab {
  border-top: solid 4rem #fff;
  border-bottom: solid 4rem #fff;
  padding: 0rem 10rem;
  position: relative;
  height: 70rem;
  align-items:center;
}
.IndexPage .newtab .newintab .search {
  background: #fff;
  line-height: 0;
  border-radius: 20rem;
  padding: 0rem 10rem;
  width: 140rem;
  height: 50rem;
}
.IndexPage .newtab .newintab .cancel {
  display: none;
}
.IndexPage .newtab .newintab .absolute {
  position: absolute;
  width: calc(100% - 20rem);
  z-index: 10;
  background: var(--primary-color);
}
.IndexPage .newtab .newintab .absolute .search {
  width: calc(100% - 100rem);
}
.IndexPage .newtab .newintab .absolute .cancel {
  display: block;
  font-size: 30rem;
  width: 100rem;
  text-align: center;
}
.IndexPage .newtab .newintab input {
  border: none;
  background: transparent;
  width: 100%;
  padding: 0 10rem;
  color: #000000;
  font-size: 28rem;
  line-height: 50rem;
  height: 50rem;
  
}
.IndexPage .newtab .newintab .newtab-items {
  padding: 0 0 0 10rem;
  flex: 1;
  line-height: 46rem;
  font-size: 35rem;
}
.IndexPage .newtab .newintab .newtab-items .border-right {
  border-right: solid 4rem #ffffff;
}
.IndexPage .newtab .newintab .newtab-items .newtab-item {
  flex: 1;
  text-align: center;
}
.IndexPage .newtab .newintab .newtab-items .newtab-item.flex {
  flex: 0.9;
}

.pro {
  flex: 1;
  background: #ffffff;
}

.IndexPage .main .pro .title {
  padding: 10rem 40rem 0rem;
  line-height: 40rem;
  font-size: 36rem;
  font-weight: bold;
}

.pro-item {
  position: relative;
  width: 100%;
  padding: 10rem 0;
}

.pro-item .proimg {
  margin: 10rem;
  position: relative;
  line-height: 0;
  border-radius: 20rem;
  overflow: hidden;
}
.pro-item .proimg .num {
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  border-radius: 50%;
  min-width: 51rem;
  line-height: 51rem;
  text-align: center;
  padding: 0 10rem;
  background: #FF0000;
  font-size: 28rem;
  color: #ffffff;
}
.pro-item .proimg .righttop {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
}
.pro-item .proimg .stocknone {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 19rem 32rem;
  background: rgba(0, 0, 0, 0.3);
}
.pro-item .proimg .laststock {
  position: absolute;
  z-index: 5;
  bottom: 10rem;
  left: 0;
  width: 183rem;
  height: 44rem;
  background: url("../../images/index/lastbg.png") 100% 100%;
  background-size: 100% 100%;
  font-size: 28rem;
  line-height: 44rem;
  text-align: center;
  color: #ffffff;
}

.pro-item .info {
  padding: 20rem 20rem 0 0;
  flex: 1;
  width: 0;
}

.pro-item .info.limit {
  width: 374rem;
}

.pro-item .info.limit .sendtext {
  color: #FF0000;
  font-size: 32rem;
}

.pro-item .info .cont {
  min-height: 100rem;
}

.pro-item .name {
  font-size: 30rem;
  color: #000404;
}

.pro-item .saleout {
  color: #0000FF;
  font-size: 35rem;
  text-align: center;
  padding-right: 20rem;
  padding-top: 14rem;
}

.pro-item .about {
  font-size: 22rem;
  color: #8E8E8E;
}
.pro-item .about .name {
  color: var(--primary-color);
  font-size: 28rem;
  margin-bottom: 5rem;
}
.pro-item .about .additem {
  font-size: 26rem;
  margin-bottom: 5rem;
}

.pro-item .price {
  padding-top: 14rem;
  font-size: 34rem;
  color: var(--primary-color);
}

.pro-item .cutline {
  color: #9D9D9D;
  font-size: 30rem;
  text-decoration: line-through;
  padding-left: 15rem;
}

.cartitembtn .simg {
  margin-left: 20rem;
}

.IndexPage .bottom {
  position: fixed;
  bottom: 0;
  width: 750rem;
  padding: 30rem 37rem;
  background: #ffffff;
  z-index: 100;
}

.IndexPage .bottom.highindex {
  z-index: 2100;
}

.IndexPage .bottom .cart {
  position: relative;
}

.IndexPage .bottom .cart .num {
  position: absolute;
  top: -10rem;
  right: -10rem;
  padding: 0 12rem;
  line-height: 36rem;
  background: #FF2528;
  color: #ffffff;
  font-size: 17rem;
  border-radius: 50%;
}

.IndexPage .bottom .amount {
  font-size: 42rem;
  font-weight: bold;
  margin-left: 30rem;
}

.IndexPage .bottom .detail {
  font-size: 26rem;
  line-height: 36rem;
  font-weight: bold;
  margin-left: 30rem;
  color: #666;
}

.IndexPage .bottom .detail .dicon {
  animation-name: rotate;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.xcdetail {
  background: #F0FFF0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2099;
}
.xcdetail .cont {
  padding: 20rem 40rem;
}
.xcdetail .message {
  line-height: 40rem;
  font-size: 26rem;
  color: #333;
}
.xcdetail .message span {
  color: var(--primary-color);
}

.IndexPage .bottom .detail .green {
  color: var(--primary-color);
}

.IndexPage .bottom .amount > span {
  font-size: 30rem;
}

.IndexPage .bottom .gobtn {
  width: 220rem;
  height: 84rem;
  background: var(--primary-color);border-radius:35rem;
  background-size: cover;
  flex-shrink: 0;
}

.IndexPage .bottomheight {
  height: 143rem;
}
.IndexPage .bottomheight .gifimg {
  display: none;
}
.IndexPage .bottomheight .gif .staticimg {
  display: none;
}
.IndexPage .bottomheight .gif .gifimg {
  display: block;
}

.IndexPage .other {
  position: fixed;
  bottom: 160rem;
  right: 0;
}

.IndexPage .other .share {
  width: 72rem;
  background: #81C519;
  color: #ffffff;
  text-align: center;
  border-radius: 15rem 0 0 15rem;
  padding: 10rem 0;
  font-size: 20rem;
  font-weight: bold;
  margin-bottom: 5rem;
}

.IndexPage .other .share .text {
  margin-top: 6rem;
}

.IndexPage .other .add {
  width: 72rem;
  background: #81C519;
  color: #ffffff;
  border-radius: 15rem 0 0 15rem;
  text-align: center;
  font-size: 20rem;
  font-weight: bold;
  padding: 10rem 0;
}

.IndexPage .other .add .text {
  margin-top: 6rem;
}

.IndexPage .everblock {
  width: 704rem;
  background: #ffffff;
  margin: auto;
}
.IndexPage .everblock.show {
  width: 750rem;
  background: #ffffff;
  margin: auto;
}
.IndexPage .ever {
  width: 704rem;
  background: #EF3D39;
  color: #ffffff;
  padding: 16rem;
  border-radius: 20rem;
  overflow: hidden;
  margin: auto;
}
.IndexPage .ever .tit {
  font-size: 41rem;
  line-height: 40rem;
  padding: 10rem 0 0 10rem;
}
.IndexPage .ever .text {
  font-size: 30rem;
  padding: 10rem 10rem 10rem;
}
.IndexPage .ever .pros {
  overflow: auto;
}
.IndexPage .ever .pros .pros-item {
  width: 240rem;
  margin-right: 16rem;
  border-radius: 10rem;
  overflow: hidden;
  background: #ffffff;
  flex-shrink: 0;
  color: #000404;
}
.IndexPage .ever .pros .pros-item .cont {
  padding: 0 10rem;
  position: relative;
}
.IndexPage .ever .pros .pros-item .cont .addcart {
  position: absolute;
  top: 35rem;
  right: 15rem;
  width: 50.4rem;
}
.IndexPage .ever .pros .pros-item .cont .name {
  font-size: 28rem;
  line-height: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.IndexPage .ever .pros .pros-item .cont .price {
  color: var(--primary-color);
  font-size: 28rem;
  line-height: 60rem;
}
.IndexPage .ever .pros .pros-item .cont .addbtn {
  position: absolute;
  bottom: 5rem;
  right: 10rem;
  width: 50rem;
  border-radius: 50%;
  height: 50rem;
  line-height: 50rem;
  font-size: 40rem;
  background: var(--primary-color);
  color: #ffffff;
  text-align: center;
}
.IndexPage .ever .pros .pros-item .cont .practicebtn {
  position: absolute;
  width: 110rem;
  line-height: 49rem;
  text-align: center;
  color: #ffffff;
  font-size: 26rem;
  background: var(--primary-color);
  border-radius: 20rem;
  bottom: 5rem;
  right: 10rem;
}

.settingblock {
  width: 750rem;
  background: linear-gradient(var(--primary-seting-start), var(--primary-seting-end));
}
.settingblock .top {
  padding: 56rem 44rem;
}
.settingblock .top .managerlogin {
  margin-left: -30rem;
  line-height: 0;
  margin-right: 5rem;
}
.settingblock .top .name {
  font-size: 42rem;
  color: #ffffff;
}
.settingblock .top .close {
  padding: 24rem;
  border-radius: 50%;
  line-height: 0rem;
  background: rgba(0, 0, 0, 0.3);
}
.settingblock .navblock {
  padding: 10rem 5rem 30rem;
}
.settingblock .navblock .item {
  width: 134rem;
  height: 160rem;
  color: #ffffff;
  font-size: 26rem;
  text-align: center;
  padding:10rem 5rem;
  margin: 0 7rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 30rem;
}
.settingblock .navblock .item .simg {
  margin: 10rem auto 5rem;
}

.messageblock {
  width: 750rem;
  height: 80vh;
  overflow: auto;
  background: linear-gradient(to bottom left, var(--primary-bg-end), var(--primary-color), var(--primary-bg-end));
  padding: 15rem 15rem 0 15rem;
}
.messageblock .con {
  position: relative;
  width: 100%;
  padding: 1rem;
  height: calc(80vh - 15rem);
  background: #ffffff;
  border-radius: 20rem 20rem 0 0;
}
.messageblock .con .title {
  width: 319rem;
  line-height: 63rem;
  text-align: center;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 36rem;
  margin: 40rem auto;
  border-radius: 32rem;
}
.messageblock .con .back {
  position: absolute;
  top: 34rem;
  left: 20rem;
  width: 72rem;
  height: 72rem;
  background: var(--primary-color);
  border-radius: 50%;
  text-align: center;
  padding: 15rem;
}
.messageblock .con .scrollcont {
  height: calc(80vh - 158rem);
  overflow-y: auto;
}
.messageblock .con .scrollcont .context {
  padding: 0 30rem;
  line-height: 50rem;
  font-size: 30rem;
  color: #9D9D9D;
  min-height: 25vh;
}
.messageblock .con .scrollcont .subtit {
  width: 672rem;
  line-height: 54rem;
  padding: 10rem 55rem;
  color: var(--primary-color);
  text-align: center;
  font-size: 36rem;
  margin: 20rem auto;
  border-bottom: solid 10rem var(--primary-group-border);
}
.messageblock .con .scrollcont .subtext {
  width: 575rem;
  margin: auto;
  line-height: 56rem;
  color: #9D9D9D;
  font-size: 28rem;
  text-align: left;
  word-break: break-all;
}

.fixtop {
  height: 80rem;
}
.fixtop .top {
  border-radius: 16px 16px 0 0;
  background: linear-gradient(to right, var(--primary-bg-start), var(--primary-bg-end));
  padding: 0 20rem;
  font-size: 40rem;
  line-height: 80rem;
  color: #ffffff;
  text-align: center;
  position:absolute;
  width: 750rem;
  z-index: 10;
}
.fixtop .top .back {
  position: absolute;
  top: 4rem;
  left: 20rem;
  width: 72rem;
  height: 72rem;
  background: var(--primary-color);
  border-radius: 50%;
  text-align: center;
  padding: 15rem;
}
.fixtop .top .back.black {
  padding: 0;
  background: transparent;
}

.searchblock {
  width: 750rem;
  height: 85vh;
  overflow: auto;
}
.searchblock .contain .renew {
  line-height: 0;
  margin: 11rem auto;
  text-align: center;
  width: 165rem;
}
.searchblock .contain .boxs {
  padding: 0 5rem;
}
.searchblock .contain .box {
  width: 356rem;
  background: linear-gradient(to bottom, #C9DDC7 50%, #F9FBD5 50%);
  padding: 12rem 34rem;
  box-sizing: border-box;
}
.searchblock .contain .box .name {
  width: 100%;
  line-height: 72rem;
  color: #F5F8B9;
  font-size: 36rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.searchblock .contain .box .name span {
  font-size: 30rem;
  color: #ffffff;
}
.searchblock .contain .box .smbox {
  width: 100%;
  height: 302rem;
  border: solid 4rem var(--primary-color);
  margin-top: 10rem;
}
.searchblock .contain .box .smbox .text {
  font-size: 36rem;
  color: var(--primary-color);
  text-align: center;
}
.searchblock .contain .box .smbox .text span {
  font-size: 44rem;
  color: #4F4F4F;
}
.searchblock .contain .box .smbox .yuan {
  width: 213rem;
  height: 199rem;
  border-radius: 50%;
  font-size: 40rem;
  color: #FFED97;
  background: var(--primary-color);
  margin: 20rem auto;
  padding: 40rem 10rem;
  text-align: center;
  line-height: 60rem;
}
.searchblock .form {
  width: 604rem;
  margin: 10rem auto;
  padding: 45rem 60rem 20rem;
  background: url("../../images/setting/form_bg.png") 100% 100%;
  background-size: 100% 100%;
}
.searchblock .form .form_item {
  position: relative;
  margin-bottom: 60rem;
}
.searchblock .form .form_item .name {
  color: #7B7B7B;
  font-size: 34rem;
}
.searchblock .form .form_item input {
  width: 290rem;
  border: none;
  font-size: 30rem;
  border-bottom: solid 2rem #E0E0E0;
  padding-left: 30rem;
  background: transparent;
}
.searchblock .form .form_item input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #E0E0E0;
}
.searchblock .form .form_item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #E0E0E0;
}
.searchblock .form .form_item input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #E0E0E0;
}
.searchblock .form .form_item input.sm {
  width: 150rem;
}
.searchblock .form .form_item .pal {
  position: absolute;
  bottom: -40rem;
  left: 170rem;
  color: var(--primary-color);
  font-size: 26rem;
}
.searchblock .form .send {
  width: 269rem;
  height: 75rem;
  line-height: 75rem;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 34rem;
  text-align: center;
  margin: 10rem auto 20rem;
  border-radius: 30rem;
}
.searchblock .useexplain {
  margin: 20rem auto 0;
  width: 642rem;
  position: relative;
}
.searchblock .usebtns {
  width: 601rem;
  height: auto;
  background: #19949C;
  border-radius: 20rem;
  margin: 0 auto 10rem;
  top: 780rem;
  align-items: flex-end;
}
.searchblock .usebtns .btns {
  padding: 0 10rem;
}
.searchblock .usebtns .title {
  font-size: 30rem;
  color: #ffffff;
  text-align: center;
  padding: 20rem 0 0;
}
.searchblock .usebtns .title span {
  font-size: 40rem;
}
.searchblock .usebtns .text {
  color: #44EABD;
  padding-left: 30rem;
  font-size: 22rem;
}
.searchblock .usebtns .btn {
  padding: 0 10rem;
  border-radius: 30rem;
  min-width: 168rem;
  color: #000000;
  font-size: 26rem;
  line-height: 56rem;
  margin: 0 10rem;
  background: #FFFFFF;
  text-align: center;
  margin-bottom: 10rem;
}
.searchblock .usebtns .btn.red {
  background: #FFCB2F;
  color: #C60000;
}
.searchblock .systemcon {
  color: var(--primary-color);
  padding: 90rem 50rem;
}
.searchblock .systemcon .name {
  font-size: 34rem;
}
.searchblock .systemcon .van-checkbox__label {
  font-size: 32rem;
  color: var(--primary-color);
}

.searchblock.manage .contain {
  margin-top: 20rem;
}
.searchblock.manage .contain .boxs {
  width: 677rem;
  margin: auto;
}
.searchblock.manage .contain .box {
  width: 667rem;
  padding: 11rem 22rem;
  margin-bottom: 20rem;
}
.searchblock.manage .contain .box .name {
  width: 631rem;
  padding: 0 10rem;
}
.searchblock.manage .contain .smbox {
  width: 292rem;
  height: 238rem;
}
.searchblock.manage .contain .smbox .yuan.yellow {
  background: #FFED97;
  color: var(--primary-color);
}
.searchblock.manage .contain .inputblock {
  margin: 20rem 0;
}
.searchblock.manage .contain .inputblock .inputname {
  color: #4F4F4F;
  font-size: 28rem;
}
.searchblock.manage .contain .inputblock select {
  font-size: 28rem;
  text-align-last: center;
  width: 227rem;
  height: 62rem;
  color: #000000;
  line-height: 62rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: none;
}
.searchblock.manage .contain .inputblock .not-arrow {
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*去掉下拉箭头*/
}
.searchblock.manage .contain .inputblock .not-arrow::-ms-expand {
  display: none;
}
.searchblock.manage .contain .btns {
  padding: 0 20rem;
}
.searchblock.manage .contain .btns .btn {
  width: 267rem;
  height: 65rem;
  line-height: 65rem;
  text-align: center;
  background: #5D9A52;
  color: #ffffff;
  font-size: 30rem;
  border-radius: 30rem;
}

.loginblock {
  width: 750rem;
  height: 85vh;
  overflow: auto;
}
.loginblock .loginbtn {
  width: 307rem;
  height: 78rem;
  line-height: 78rem;
  text-align: center;
  color: #ffffff;
  background: var(--primary-color);
  font-size: 30rem;
  margin: 20rem auto;
  border-radius: 39rem;
}
.loginblock .login {
  background: #FFFDF4;
  color: #615F56;
  padding: 70rem 63rem 20rem 63rem;
  margin-top: 20rem;
}
.loginblock .login .item {
  margin-bottom: 40rem;
  border: solid 1px #414141;
  border-radius: 20rem;
  padding: 10rem 20rem;
  background: #FFFFFF;
}
.loginblock .login .img {
  line-height: 0;
}
.loginblock .login .name {
  font-size: 32rem;
  width: 133rem;
  padding-left: 5rem;
  color: var(--primary-color);
  text-align-last: justify;
  display: inline-block;
  line-height: 44rem;
}
.loginblock .login .codeimg {
  line-height: 0;
  flex-shrink: 0;
  margin-bottom: 40rem;
  margin-left: 10rem;
}
.loginblock .login .icon {
  width: 3rem;
  height: 34rem;
  background: var(--primary-color);
  margin-left: 20rem;
}
.loginblock .login input {
  width: 350rem;
  background: transparent;
  border: none;
  padding: 0 20rem 0 20rem;
  font-size: 40rem;
}
.loginblock .login input.codeinput {
  width: 280rem;
}

.van-overlay {
  z-index: 10;
}

.prosearchblock {
  height: 85vh;
  overflow: auto;
  padding-bottom: 120rem;
}
.prosearchblock .nopro {
  padding: 60rem 0 0 0;
  font-size: 40rem;
}
.prosearchblock .prosearchcon {
  padding: 26rem;
}
.prosearchblock .prosearchcon .pro-item {
  border-bottom: solid 4rem var(--primary-color);
}
.prosearchblock .prosearchcon .pro-item .info {
  padding: 20rem 0 10rem;
}
.prosearchblock .prosearchcon .pro-item .btn {
  width: 240rem;
  padding-right: 60rem;
}

.popblock {
  height: 85vh;
  overflow: auto;
}

.searchorderblock .iframecontain {
  height: calc(85vh - 120rem);
  overflow-x: hidden;
  overflow-y: hidden;
}
.searchorderblock .contain {
  padding: 30rem 80rem;
}
.searchorderblock .contain .logo {
  margin: 24vh 0 20rem;
  text-align: center;
}
.searchorderblock .contain .logo .red {
  color: rgba(212, 18, 38, 0.7);
  font-size: 29rem;
}
.searchorderblock .contain .logo .web {
  color: rgba(0, 0, 0, 0.7);
  font-size: 29rem;
}
.searchorderblock .contain .name {
  text-align: center;
  font-size: 34rem;
  padding: 30rem;
}
.searchorderblock .contain .inputblock {
  background: #DBE9DA;
  padding: 30rem;
  width: 100%;
}
.searchorderblock .contain .inputblock input {
  text-align: center;
  border: none;
  border-bottom: #9AA798 2rem solid;
  width: 100%;
  background: transparent;
  font-size: 50rem;
}
.searchorderblock .contain .btns {
  padding: 50rem 50rem;
}
.searchorderblock .contain .btns .btn {
  width: 224rem;
  height: 75rem;
  text-align: center;
  line-height: 75rem;
  font-size: 38rem;
  border-radius: 35rem;
  border: solid 4rem #9D9D9D;
  box-shadow: 0 5rem 0 #727272;
}
.searchorderblock .contain .btns .btn.clear {
  border: #9D9D9D 2rem solid;
  color: #000000;
}
.searchorderblock .contain .btns .btn.search {
  background: var(--primary-color);
  color: #ffffff;
}
.searchorderblock .contain .btns .btn.habit {
  background: #FDB95F;
  color: #ffffff;
  width: 328rem;
  margin: 50rem auto 0;
}
.searchorderblock .contain .order {
  border: solid 4rem #3D7878;
  position: relative;
  border-radius: 8rem;
  margin-bottom: 100rem;
  margin-top: 110rem;
  width: 556rem;
  padding: 30rem 0 20rem;
}
.searchorderblock .contain .order .names {
  position: absolute;
  background: #ffffff;
  color: #3D7878;
  width: 460rem;
  text-align: center;
  top: -30rem;
  left: 40rem;
  font-size: 40rem;
  line-height: 60rem;
}
.searchorderblock .contain .order .icon {
  margin: 0 40rem 0 30rem;
}
.searchorderblock .contain .order input {
  border: none;
  font-size: 36rem;
  line-height: 40rem;
  width: 100%;
}

.orderdtailblock .date {
  padding: 15rem 10rem;
  color: #000002;
  font-size: 27rem;
  position:fixed;
  background:#ffffff;
  max-width:750rem;
  width:100%;
  line-height:48rem;
  z-index:10;
}
.orderdtailblock .date .zhi {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  padding: 0 10rem;
  line-height: 45rem;
  box-sizing: border-box;
  height: 48rem;
}
.orderdtailblock .date .calcend {
  font-size: 26rem;
}
.orderdtailblock .date .calcend .time {
  width: 178rem;
  height: 48rem;
  line-height: 48rem;
  border: solid 1px #000000;
  padding: 0 10rem;
  text-align: center;
}
.orderdtailblock .date .calcend .time.noleftborder {
  border-left: none;
}
.orderdtailblock .date .calcend .time.norightborder {
  border-right: none;
}
.orderdtailblock .date .calcend .icon {
  line-height: 0;
}
.orderdtailblock .date .searchbtn {
  margin-left: 24rem;
  width: 119rem;
  line-height: 67rem;
  color: #ffffff;
  text-align: center;
  border-radius: 30rem;
  background: var(--primary-color);
}
.orderdtailblock .ordernum {
  width: 113rem;
}
.orderdtailblock .detail {
  width: 298rem;
}
.orderdtailblock .time {
  width: 120rem;
}
.orderdtailblock .total {
  width: 100rem;
  position: relative;
}
.orderdtailblock .total .blue {
  color: #114CBE;
}
.orderdtailblock .total .gocart {
  position: absolute;
  top: calc(50% + 50rem);
  left: 50%;
  transform: translate(-50%, 0);
  line-height: 0;
}
.orderdtailblock .total .topsit {
  position: absolute;
  bottom: calc(50% + 50rem);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.orderdtailblock .total .topsit .reason {
  width: 256rem;
  background: #838383;
  color: #fff;
  font-size: 22rem;
  line-height: 30rem;
  text-align: left;
  padding: 10rem 18rem;
  border-radius: 20rem;
  position: absolute;
  bottom: -10rem;
  transform: translate(0, 100%);
  left: -10rem;
  z-index: 10;
}

.orderdtailblock .total .topsit .reason::after {
  position: absolute;
  content: "";
  top: -10rem;
  right: 20rem;
  width: 0;
  height: 0;
  border-bottom: 14rem solid #838383;
  border-right: 10rem solid transparent;
  border-left: 10rem solid transparent;
}

.orderdtailblock .total .topsit .topbtn {
  width: 140rem;
  height: 53rem;
  line-height: 53rem;
  font-size: 23rem;
  color: #fff;
  padding-right: 14rem;
  margin: auto;
}

.orderdtailblock .total .topsit .txt {
  width: 200rem;
  padding: 12rem 10rem;
  background: #838383;
  font-size: 23rem;
  color: #fff;
  line-height: 25rem;
}

.orderdtailblock .total .topsit .txt.refush {
  top: 10rem;
  width: 240rem;
  position: relative;
}

.orderdtailblock .total .van-icon {
  vertical-align: middle;
}

.orderdtailblock .total .topbtn.see {
  background: url("../../images/member/see.png") 100% 100%;
  background-size: 100% 100%;
  margin-top: 20rem;
}

.orderdtailblock .total .topbtn.cancel {
  background: url("../../images/member/cancel.png") 100% 100%;
  background-size: 100% 100%;
}
.orderdtailblock .total.btn {
  padding: 130rem 0;
}
.orderdtailblock .code {
  width: 100rem;
}
.orderdtailblock .formtitle {
  background: #DBE9DA;
  color: #3F4D3E;
  padding: 10rem 8rem;
  font-size: 17rem;
  line-height: 30rem;
  text-align: center;
  position: fixed;
  z-index: 10;
  width: 100%;
  max-width: 750rem;
}

.orderdtailblock .formtitle div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orderdtailblock .dateheight {
  height: 95rem;
}
.orderdtailblock .formtitleheight {
  height: 80rem;
}
.orderdtailblock .formcon {
  color: #3C3C3C;
  padding: 10rem;
  font-size: 20rem;
  background: #ffffff;
}
.orderdtailblock .formcon .item {
  border-bottom: solid 2rem var(--primary-color);
}
.orderdtailblock .formcon span.red {
  color: #FF3C3C;
}
.orderdtailblock .formcon span.green {
  color: #02B131;
}
.orderdtailblock .formcon span.blue {
  color: #0E21F4;
}
.orderdtailblock .formcon span.blue1 {
  color: #2D86FF;
}
.orderdtailblock .formcon .ordernum {
  text-align: center;
}
.orderdtailblock .formcon .ordernum .habit {
  line-height: 0;
}

.orderdtailblock .formcon .ordernum .habit .text {
  color: var(--primary-color);
  font-size: 20rem;
  line-height: 30rem;
  margin-top: 5rem;
}
.orderdtailblock .formcon .time {
  text-align: center;
}
.orderdtailblock .formcon .total {
  text-align: center;
}
.orderdtailblock .formcon .code {
  text-align: center;
}
.orderdtailblock .fbottomheight {
  height: 78rem;
}
.orderdtailblock .fbottom {
  padding: 12rem 20rem;
  position: fixed;
  
  /* left: 50%;
  transform:translate(-50%, 0); */
  bottom: 0;
  width: 750rem;
  background: #FBF2A6;
  line-height: 54rem;
  font-size: 26rem;
}

.cartblock {
  padding-bottom: 146rem;
}
.cartblock .con {
  max-height: 60vh;
  min-height: 10vh;
  overflow: auto;
}
.cartblock .con .nocartpro {
  font-size: 41rem;
  color: #000000;
  text-align: center;
  padding: 46rem 0;
}
.cartblock .tit {
  padding: 10rem 10rem;
  margin: 0 20rem;
  border-bottom: 4rem solid var(--primary-color);
}
.cartblock .tit .name {
  font-size: 36rem;
  padding: 0 10rem;
}
.cartblock .line {
  width: 97rem;
  height: 9rem;
  background: #cecece;
  margin: 20rem auto 10rem;
}
.cartblock .message {
  font-size: 34rem;
  padding: 20rem 30rem;
  color: #4F4F4F;
}
.cartblock .message span {
  color: var(--primary-color);
  padding-left: 10rem;
}

.tipcon {
  width: 517rem;
  padding: 10rem 10rem;
}
.tipcon .context {
  padding: 30rem 0;
  font-size: 30rem;
  color: #00070F;
  text-align: center;
}
.tipcon .tipbtns {
  margin-bottom: 10rem;
}
.tipcon .tipbtns .btn {
  width: 224rem;
  height: 75rem;
  text-align: center;
  line-height: 75rem;
  font-size: 30rem;
  border-radius: 35rem;
}
.tipcon .tipbtns .btn.cancel {
  border: #9D9D9D 2rem solid;
  color: #000000;
}
.tipcon .tipbtns .btn.sure {
  background: var(--primary-color);
  color: #ffffff;
}

/* .packageblock {
  padding-bottom: 138rem;
} */
.packageblock .proconts {
  padding: 0rem 0rem 0 0rem;
  align-items: flex-start;
}
.packageblock .proconts .left {
  padding: 20rem 20rem 10rem 14rem;
  background: #E3F1FA;
  height: 60vh;
  overflow-y: auto;
  width: 343rem;
  padding-right: 10rem;
}
.packageblock .proconts .left .name {
  font-size: 35rem;
  color: var(--primary-color);
  line-height: 40rem;
  margin-bottom: 20rem;
}
.packageblock .proconts .left .pitems {
  padding-left: 20rem;
  font-size: 30rem;
  margin-bottom: 20rem;
}
.packageblock .proconts .left .pitems .van-radio {
  align-items: flex-start;
}
.packageblock .proconts .left .pitems .van-radio__icon {
  margin-top: 8rem;
}
.packageblock .proconts .left .pitems .van-radio__label {
  line-height: 46rem;
}
.packageblock .proconts .left .noneicon {
  border: 4rem solid var(--primary-color);
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
}
.packageblock .proconts .left .checked {
  width: 26rem;
  height: 26rem;
  background: var(--primary-color);
  border-radius: 50%;
  margin: -2rem 0 0 -2rem;
}
.packageblock .proconts .right {
  width: 383rem;
  border: var(--primary-group-border) solid 4rem;
  border-radius: 10rem;
  margin: auto 10rem;
}
.packageblock .proconts .right .blanket {
  height: calc(60vh - 60rem);
}
.packageblock .proconts .right .blanket .redttext {
  font-size: 32rem;
  font-weight: bold;
  color: #FF2D2D;
  line-height: 43rem;
  padding: 30rem 14rem 30rem;
  text-align: center;
}
.packageblock .scroll {
  max-height: 60vh;
  overflow: auto;
}
.packageblock .line {
  width: 97rem;
  height: 9rem;
  background: #cecece;
  margin: 30rem auto 30rem;
}
.packageblock .close {
  text-align: center;
  padding: 15rem 20rem 5rem;
  width: 80rem;
  margin-left: auto;
}
.packageblock .pro-item {
  background: #FFF4D3;
}
.packageblock .pro-item .proimg {
  line-height: 0;
}
.packageblock .pro-item .name {
  font-size: 32rem;
  color: var(--primary-group-title);
}
.packageblock .pro-item .conname {
  color: #000001;
  font-size: 32rem;
}
.packageblock .pro-item .conname span {
  color: #9D9D9D;
}
.packageblock .practice .practice-item .titblock {
  padding: 15rem 40rem !important;
}
.packageblock .practice .practice-item .titblock .tit {
  color: #000000;
}
.packageblock .practice .practice-item .subblock .subname {
  margin-top: 10rem;
  background: #F1E0EF;
  color: #C13C3C;
  font-size: 31rem;
  padding: 20rem 50rem;
}
.packageblock .practice .practice-item .subblock .subname span {
  font-size: 28rem;
  color: #6C6C6C;
}
.packageblock .packproitem {
  padding: 0 20rem;
}
.packageblock .packproitem .proimg {
  margin: 10rem 20rem;
}
.packageblock .packproitem .name {
  font-size: 41rem;
  margin-bottom: 10rem;
}
.packageblock .detailblock {
  padding: 10rem;
}
.packageblock .detailblock .tit {
  background: #DBE9DA;
  color: #000000;
  padding: 15rem 25rem;
  font-size: 30rem;
}
.packageblock .detailblock .tit.pink {
  background: #F1E0EF;
}
.packageblock .detailblock .context {
  padding: 10rem 30rem;
  border-bottom: solid 3rem #00020E;
  color: #A9A9A9;
  font-size: 26rem;
}
.packageblock .detailblock .context .name {
  color: #4F4F4F;
}
.packageblock .detailblock .context:last-child {
  border-bottom: none;
}
.packageblock .detailblock .all {
  padding: 20rem 10rem;
}
.packageblock .detailblock .all .left {
  color: #4F4F4F;
  width: 432rem;
  font-size: 30rem;
}
.packageblock .detailblock .all .left .item {
  margin: 20rem 20rem;
  font-size: 35rem;
}
.packageblock .detailblock .all .left .name {
  width: 180rem;
  text-align: right;
}
.packageblock .detailblock .all .left .mon {
  width: 150rem;
  text-align: right;
}
.packageblock .detailblock .all .left .total {
  border-top: 4rem solid #ADADAD;
  background: #FFF6DF;
  color: #000000;
  padding: 10rem 20rem;
}
.packageblock .detailblock .all .left .total .name {
  padding-right: 30rem;
}
.packageblock .detailblock .all .left .total .mon span {
  color: #EB1D32;
}
.packageblock .detailblock .all .right {
  width: 231rem;
  border: solid 4rem #ADADAD;
  text-align: center;
  background: #FEEFCA;
  padding: 10rem 0;
  color: #00020A;
  line-height: 1.4;
  font-size: 38rem;
  margin-right: 20rem;
}
.packageblock .detailblock .all .right span {
  color: #EB1D32;
}
.packageblock .detailblocknew {
  padding-bottom: 0;
}
.packageblock .detailblocknew .all {
  padding-bottom: 0;
}
.packageblock .detailblocknew .all .right {
  border-bottom: none;
}
.packageblock .fixbottom {
  width: calc(100% - 40rem);
  bottom: 150rem;
  left: 20rem;
  background: #ffffff;
  border-top: solid 6rem #ADADAD;
  margin: 0 20rem;
}
.packageblock .fixbottom .numblock {
  margin: 20rem 0;
}
.packageblock .fixbottom .text {
  color: #4F4F4F;
  font-size: 38rem;
}
.packageblock .fixbottom .addcut .cutbtn {
  width: 65rem;
  height: 65rem;
  font-size: 68rem;
  line-height: 50rem;
}
.packageblock .fixbottom .addcut .num {
  width: 71rem;
  font-size: 45rem;
}
.packageblock .fixbottom .addcut .addbtn {
  width: 65rem;
  height: 65rem;
  font-size: 53rem;
  line-height: 55rem;
}
.packageblock .fixbottomnew {
  border-top: none;
  color: var(--primary-color);
  background: #FFFBE6;
  margin: 0 0;
  padding: 0 20rem;
  width: 100%;
}
.packageblock .fixbottomnew .btns .btn {
  font-size: 36rem;
}
.packageblock .fixbottom.fixbottomnewtwo {
  padding-bottom: 143rem;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  color: var(--primary-color);
}
.packageblock .fixbottom.fixbottomnewtwo .btns {
  background: #FEFBEA;
}
.packageblock .fixbottom.fixbottomnewtwo .btns .btn {
  height: 50rem;
  line-height: 50rem;
  font-size: 36rem;
}
.packageblock .fixbottom.fixbottomnewtwo .cutbtn {
  line-height: 44rem;
}
.packageblock .fixbottom.fixbottomnewtwo .addbtn {
  line-height: 65rem;
}
.packageblock .indexpage .tit {
  background: #81B07C;
  text-align: center;
  padding: 15rem 0;
  color: #ffffff;
  font-size: 32rem;
}
.packageblock .indexpage .proitem {
  width: 750rem;
  margin: 40rem auto 0;
}
.packageblock .indexpage .proitem .item {
  background: url("../../images/index/itembg.png") 100% 100%;
  background-size: 100% 100%;
  width: 259rem;
  height: 245rem;
  font-size: 32rem;
  color: #000002;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10rem;
}
.packageblock .indexpage .numblock {
  background: url("../../images/index/numbg.png") 100% 100%;
  background-size: 100% 100%;
  width: 294rem;
  height: 279rem;
  font-size: 32rem;
  color: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10rem auto;
}

.xc-practice-com {
  border: solid 1rem var(--primary-color);
  border-radius: 5rem;
  background: #FEFEF8;
  position: relative;
}
.xc-practice-com .scroll {
  height: calc(60vh - 130rem);
  max-height: calc(60vh - 130rem);
}
.xc-practice-com .newpractice .newpractice-item {
  margin-top: 10rem;
}
.xc-practice-com .newpractice .newpractice-item .tit {
  font-size: 29rem;
}
.xc-practice-com .newpractice .newpractice-item .tit span {
  font-size: 19rem;
}
.xc-practice-com .newpractice .newpractice-item .itemblock {
  min-width: 161rem;
  font-size: 28rem;
  line-height: 28rem;
  height: 58rem;
  padding: 0 5rem;
  margin: 0 7rem 14rem;
}
.xc-practice-com .newpractice .newpractice-item .itemblock div {
  line-height: 28rem;
  max-height: 58rem;
}
.xc-practice-com .btnsheight {
  height: 64rem;
}
.xc-practice-com .btns {
  width: 100%;
  border-radius: 0 0 10rem 10rem;
  background: #ffffff;
  padding: 10rem 30rem !important;
}

.xc-practice.xc-practice-com .btns {
  background: #FEEDEA;
}
.xc-practice.xc-practice-com .btns .btn {
  height: 50rem;
  line-height: 50rem;
  color: #000000;
  font-size: 28rem;
}

.xcselect {
  position: relative;
}
.xcselect .selectinput {
  position: relative;
}
.xcselect .selectinput input {
  width: 227rem;
  height: 62rem;
  font-size: 30rem;
  border: none;
  text-align: center;
  background: rgba(156, 156, 156, 0.3);
  position: relative;
  padding: 0 50rem 0 20rem;
  box-sizing: border-box;
}
.xcselect .selectinput .strange {
  background: url("../../images/index/stranges.png") 100% 100%;
  background-size: 100% 100%;
  width: 34rem;
  height: 29rem;
  display: block;
  position: absolute;
  right: 11rem;
  top: 19rem;
  z-index: 6;
}
.xcselect .option {
  width: 226rem;
  position: absolute;
  box-sizing: border-box;
  max-height: 120rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: #ffffff;
  color: #4F4F4F;
  font-size: 28rem;
  text-align: center;
  z-index: 20;
}
.xcselect .option .opitem {
  width: 226rem;
  height: 40rem;
  padding: 5rem 50rem 5rem 20rem;
  line-height: 30rem;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
}
.xcselect .option .opitem.active {
  width: 100%;
  background: rgba(156, 156, 156, 0.4);
}

.xc-popup {
  width: 750rem;
  left: calc((100% - 750rem) / 2);
}

.border-radius {
  border-radius: 0 0 30rem 30rem;
}

.xc-popup-center {
  width: 700rem;
  left: 50%;
}

.xc-simg {
  line-height: 0;
}

.xcpopupblock {
  width: 750rem;
  height: 85vh;
  overflow: auto;
}

.xc-margin-auto {
  margin: auto;
}

.xc-practice {
  /* .practice .practice-item .itemblock .item:nth-last-child(2){
      border-bottom: none!important;

    } */
}
.xc-practice .btns {
  background: #FFFBE6;
  padding: 20rem 30rem;
}
.xc-practice .btns .btn {
  width: 284rem;
  height: 79rem;
  line-height: 79rem;
  text-align: center;
  font-size: 30rem;
  border-radius: 30rem;
}
.xc-practice .btns .cancel {
  color: var(--primary-color);
  border: solid 2rem var(--primary-color);
}
.xc-practice .btns .add {
  color: #ffffff;
  background: var(--primary-color);
}
.xc-practice .btns .cancels {
  color: var(--primary-color);
  font-size: 34rem;
}
.xc-practice .btns .adds {
  color: var(--primary-color);
  font-size: 34rem;
}
.xc-practice .practice {
  margin-top: 10rem;
}
.xc-practice .practice .itemblock {
  display: none;
}
.xc-practice .practice-item.show .itemblock {
  display: block;
}
.xc-practice .practice-item.show .icon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.xc-practice .practice .practice-item {
  margin-bottom: 10rem;
}
.xc-practice .practice-item.show {
  margin-bottom: 0;
}
.xc-practice .practice .practice-item .titblock {
  background: #dbe9da;
  padding: 30rem 40rem;
  line-height: 0;
}
.xc-practice .practice .practice-item .titblock .tit {
  color: var(--primary-color);
  font-size: 36rem;
}
.xc-practice .practice .practice-item .titblock .tit > span {
  font-size: 32rem;
  color: #6c6c6c;
}
.xc-practice .practice .practice-item .itemblock .item {
  padding: 20rem 20rem 20rem 80rem;
  border-bottom: solid 2rem #cccccf;
  font-size: 30rem;
  color: #7b7b7b;
}
.xc-practice .practice .practice-item .itemblock .item.cur {
  background: #ebebeb;
}
.xc-practice .practice .practice-item .itemblock .item > span {
  margin-left: 20rem;
}
.xc-practice .numblock {
  padding: 0 30rem;
}
.xc-practice .numblock .name {
  font-size: 30rem;
  color: #6c6c6c;
}
.xc-practice .popcon {
  padding-bottom: 147rem;
}
.xc-practice .popcon .scroll {
  max-height: 55vh;
  overflow: auto;
}
.xc-practice .popcon .line {
  width: 97rem;
  height: 9rem;
  background: #cecece;
  margin: 20rem auto 10rem;
}
.xc-practice .popcon .close {
  text-align: center;
  padding: 15rem 20rem 5rem;
  width: 80rem;
  margin-left: auto;
}
.xc-practice .IndexPage .main .pro {
  flex: 1;
  background: #ffffff;
}
.xc-practice .pro-item {
  position: relative;
  width: 100%;
}
.xc-practice .pro-item .total {
  font-size: 35rem;
  font-weight: bold;
  color: #CF1919;
  line-height: 58rem;
  text-align: right;
  padding: 0 30rem;
}
.xc-practice .pro-item .proimg {
  margin: 10rem;
}
.xc-practice .pro-item {
  padding: 0 10rem;
}
.xc-practice .pro-item .info {
  padding: 10rem 20rem;
}
.xc-practice .pro-item .name {
  font-size: 31rem;
  color: #000404;
}
.xc-practice .pro-item .about {
  font-size: 31rem;
  color: #8e8e8e;
}
.xc-practice .pro-item .price {
  font-size: 47rem;
  color: var(--primary-color);
  text-align: right;
  padding-right: 30rem;
  margin-top: 10rem;
}
.xc-practice .pro-item .cutline {
  color: #9d9d9d;
  font-size: 30rem;
  text-decoration: line-through;
  padding-left: 15rem;
  margin-top: 10rem;
}
.xc-practice .addcut .cutbtn {
  width: 68rem;
  height: 68rem;
  border-style: solid;
  border-width: 2rem;
  border-right: none;
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  border: solid 1rem var(--primary-color);
  line-height: 58rem;
  background: var(--primary-color);
  text-align: center;
  font-size: 48rem;
  color: #ffffff;
}
.xc-practice .addcut .num {
  width: 80rem;
  height: 68rem;
  line-height: 68rem;
  text-align: center;
  color: #00020e;
  font-size: 35rem;
  border: var(--primary-color) 1px solid;
}
.xc-practice .addcut .addbtn {
  position: relative;
  transform: none;
  top: 0;
  right: 0;
}
.xc-practice .addbtn {
  touch-action: manipulation;
  width: 68rem;
  height: 68rem;
  line-height: 68rem;
  /*border-radius: 50%;*/
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
  border: solid 1rem var(--primary-color);
  background: var(--primary-color);
  text-align: center;
  font-size: 48rem;
  color: #ffffff;
}

.newpractice {
  padding: 0 10rem;
}
.newpractice .bigtit {
  width: 208rem;
  line-height: 69rem;
  margin-left: -17rem;
  text-align: center;
  font-size: 32rem;
  margin-top: 20rem;
  margin-bottom: 20rem;
}
.newpractice .pink {
  background: #F1E0F0;
}
.newpractice .green {
  background: #DBE9DA;
}
.newpractice .newpractice-item {
  margin-top: 20rem;
}
.newpractice .newpractice-item .tit {
  padding: 5rem 20rem;
  color: #000000;
  font-size: 32rem;
}
.newpractice .newpractice-item .tit span {
  color: var(--primary-color);
  font-size: 23rem;
}
.newpractice .newpractice-item .itemblock {
  min-width: 162rem;
  background: #F0F0F0;
  border-radius: 31rem;
  height: 84rem;
  padding: 10rem 22rem;
  line-height: 32rem;
  color: #5E5E5E;
  font-size: 29rem;
  margin-right: 10rem;
  margin-left: 10rem;
  margin-bottom: 14rem;
  box-sizing: border-box;
}
.newpractice .newpractice-item .itemblock div {
  max-height: 64rem;
  overflow: hidden;
  line-height: 33rem;
}
.newpractice .newpractice-item .itemblock.cur {
  border: solid 2rem var(--primary-color);
  background: #F0FFF0;
  color: var(--primary-color);
}

.newpractice .newpractice-item .itemblockcount {
  width: 100%;
  background: #F0F0F0;
  border-radius: 31rem;
  height: 84rem;
  padding: 10rem 22rem;
  line-height: 32rem;
  color: #5E5E5E;
  font-size: 29rem;
  margin-right: 10rem;
  margin-left: 10rem;
  margin-bottom: 14rem;
  box-sizing: border-box;
}
.newpractice .newpractice-item .itemblockcount div {
  max-height: 68rem;
  overflow: hidden;
  line-height: 33rem;
}
.newpractice .newpractice-item .itemblockcount .addcut .cutbtn {
  max-height: 68rem;
  overflow: hidden;
  line-height: 51rem;
}

.newpractice .newpractice-item .itemblockcount .addcut .num {
  max-height: 68rem;
  overflow: hidden;
  line-height: 64rem;
}

.newpractice .newpractice-item .itemblockcount .addcut .addbtn {
  max-height: 68rem;
  overflow: hidden;
  line-height: 68rem;
}
.newpractice .newpractice-item .itemblockcount.cur {
  border: solid 2rem var(--primary-color);
  background: #F0FFF0;
  color: var(--primary-color);
}

.xclogin .choose {
  padding: 50rem 10rem;
}
.xclogin .box {
  text-align: center;
  margin-bottom: 12rem;
}
.xclogin .loginbtn {
  width: 307rem;
  height: 78rem;
  line-height: 78rem;
  text-align: center;
  color: #ffffff;
  background: var(--primary-color);
  font-size: 30rem;
  margin: 30rem auto;
  border-radius: 39rem;
}
.xclogin .login {
  margin-top: 20rem;
}
.xclogin .login .linebtnimg {
  margin: 30rem auto;
  text-align: center;
}
.xclogin .login .form {
  background: #FFFDF4;
  color: #615F56;
  padding: 40rem 60rem 10rem 60rem;
}
.xclogin .login .item {
  margin-bottom: 40rem;
  border: solid 1px #414141;
  border-radius: 20rem;
  padding: 10rem 20rem;
  background: #FFFFFF;
}
.xclogin .login .img {
  line-height: 0;
}
.xclogin .login .name {
  font-size: 32rem;
  width: 133rem;
  padding-left: 5rem;
  color: var(--primary-color);
  text-align-last: justify;
  display: inline-block;
  line-height: 44rem;
  white-space:nowrap;
}
.xclogin .login .codeimg {
  line-height: 0;
  flex-shrink: 0;
  margin-bottom: 40rem;
  margin-left: 10rem;
}
.xclogin .login .icon {
  width: 3rem;
  height: 34rem;
  background: var(--primary-color);
  margin-left: 20rem;
}
.xclogin .login input {
  width: 350rem;
  background: transparent;
  border: none;
  padding: 0 20rem 0 20rem;
  font-size: 32rem;
  line-height: 40rem;
}
.xclogin .login input.codeinput {
  width: 280rem;
}
.xclogin .login .van-checkbox__icon .van-icon {
  background: #4C6B7C;
  border: none;
}
.xclogin .login .van-checkbox__label {
  color: #4C6B7D;
  font-size: 30rem;
}
.xclogin .login .forget {
  color: #4C6B7D;
  font-size: 30rem;
  text-decoration: underline;
  margin-right: 116rem;
}

.xclogin .register {
  margin-top: 20rem;
}
.xclogin .register .form {
  background: #FFFDF4;
  color: #615F56;
  padding: 40rem 20rem 1rem 20rem;
  border-top: 4rem solid #DBE9DA;
  border-bottom: 4rem solid #DBE9DA;
}
.xclogin .register .item {
  margin-bottom: 35rem;
}
.xclogin .register .img {
  line-height: 0;
  margin-left: -10rem;
}
.xclogin .register .left {
  width: 250rem;
  justify-content: flex-end;
}
.xclogin .register .btn {
  width: auto;
  padding: 10rem 30rem;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 28rem;
  border-radius: 30rem;
  margin-left: 10rem;
}
.xclogin .register .name {
  font-size: 30rem;
  display: inline-block;
  padding-left: 8rem;
}
.xclogin .register .name span {
  color: #FF0000;
}
.xclogin .register .codeimg {
  line-height: 0;
}
.xclogin .register .icon {
  font-size: 28rem;
}
.xclogin .register input {
  width: 300rem;
  background: transparent;
  border: none;
  border-bottom: solid 2rem #ADADAD;
  padding: 8rem 20rem 8rem 20rem;
  font-size: 28rem;
  border: solid 3rem #515151;
  border-radius: 10rem;
  background: #ffffff;
  margin-left: 4rem;
}
.xclogin .register input.codeinput {
  width: 200rem;
}
.xclogin .register .van-checkbox__icon .van-icon {
  background: #4C6B7C;
  border: none;
}
.xclogin .register .van-checkbox__label {
  color: #4C6B7D;
  font-size: 30rem;
}
.xclogin .register .van-radio {
  width: 144rem;
  height: 69rem;
  border-radius: 20rem;
  border: solid 3rem #515151;
  background: #ffffff;
}
.xclogin .register .noneicon {
  width: 30rem;
  height: 30rem;
}
.xclogin .register .radio {
  margin-left: 10rem;
}
.xclogin .register .checked {
  background: #FFFEC3;
}
.xclogin .register .van-radio__label {
  font-size: 28rem;
  margin-left: 6rem;
}
.xclogin .register .van-radio__icon {
  height: 30rem;
  margin-left: 20rem;
  margin-bottom: 4rem;
}
.xclogin .register .cancelbtn {
  width: 307rem;
  height: 78rem;
  line-height: 78rem;
  text-align: center;
  color: var(--primary-color);
  border-radius: 40rem;
  border: solid 2rem var(--primary-color);
  font-size: 30rem;
  margin: auto;
}
.xclogin .register .regbtns {
  padding: 8rem 15rem;
}
.xclogin .verify .con {
  background: #FFFEEE;
  padding: 20rem 0;
  margin: 20rem 0;
  text-align: center;
}
.xclogin .verify .con .inputbox {
  background: #ffffff;
  width: 600rem;
  height: 116rem;
  border-radius: 10rem;
  margin: 40rem auto 20rem;
  position: relative;
  border: solid #2E569B 4rem;
}
.xclogin .verify .con .inputbox .top {
  position: absolute;
  background: transparent;
  color: #2E569B;
  font-size: 38rem;
  top: -20rem;
  left: 60rem;
  z-index: 1;
}
.xclogin .verify .con .inputbox .top span {
  color: #FF0000;
}
.xclogin .verify .con .inputbox .top::after {
  content: "";
  display: block;
  width: 370rem;
  height: 10rem;
  background: #ffffff;
  position: absolute;
  top: 12rem;
  left: -20rem;
  z-index: -1;
}
.xclogin .verify .con .codeinput {
  width: 551rem;
  height: 60rem;
  line-height: 44rem;
  border: none;
  background: transparent;
  font-size: 38rem;
  text-align: center;
  margin: 33rem auto;
}
.xclogin .verify .con .tip {
  color: #BA0000;
  font-size: 26rem;
  margin-bottom: 40rem;
}
.xclogin .verify .con .tip span {
  color: #450000;
}
.xclogin .verify .con .btn {
  width: 602rem;
  height: 102rem;
  font-size: 40rem;
  color: #ffffff;
  margin: 20rem auto;
  text-align: center;
  line-height: 102rem;
  border-radius: 30rem;
}
.xclogin .verify .con .btn.getbtn {
  background: #FF8A89;
}
.xclogin .verify .con .regetbtn {
  background: #FFA155;
}
.xclogin .verify .con .btn.sendbtn {
  background: #4C8AC4;
}
.xclogin .success .banner {
  margin: 108rem auto 40rem;
  width: 547rem;
}
.xclogin .success .btn {
  width: 466rem;
  line-height: 99rem;
  border-radius: 20rem;
  text-align: center;
  padding: 0 90rem 0 0;
  color: #ffffff;
  font-size: 50rem;
  margin: 47rem auto;
}
.xclogin .success .continue {
  background: url("../../images/login/continebtn.png") 100% 100%;
  background-size: 100% 100%;
}
.xclogin .success .cart {
  background: url("../../images/login/cartbtn.png") 100% 100%;
  background-size: 100% 100%;
}
.xclogin .success .search {
  background: url("../../images/login/searchbtn.png") 100% 100%;
  background-size: 100% 100%;
}
.xclogin .success .member {
  background: url("../../images/login/memberbtn.png") 100% 100%;
  background-size: 100% 100%;
}
.xclogin .verify.forget {
  padding-bottom: 70rem;
}
.xclogin .verify .tipmes {
  position: relative;
  background: #fff;
  margin: 50rem auto 30rem;
  width: 656rem;
}

.xclogin .verify .tipmes .cont {
  position: relative;
  z-index: 1;
  border: solid 6rem #FDF7CB;
  border-radius: 20rem;
  padding: 30rem 30rem 34rem 40rem;
  color: #5A5A5A;
  font-size: 35rem;
  line-height: 50rem;
  box-sizing: border-box;
}

.xclogin .verify .tipmes .cont span {
  color: #F00C0C;
}

.xclogin .verify .tipmes::after {
  content: "";
  border: solid 6rem #FEFBE3;
  position: absolute;
  display: block;
  top: -12rem;
  right: -14rem;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  border-radius: 20rem;
  background: #FFFCEA;
  z-index: 0;
}
.xclogin .verify.forget .tip {
  margin-top: 30rem;
  margin-bottom: 10rem;
}
.xclogin .verify.forget .tip.phone {
  font-size: 26rem;
  color: #4C6B7D;
}
.xclogin .verify.forget .fixtext {
  background: #ffffff;
  z-index: 2;
  width: 750rem;
  position: fixed;
  bottom: 0;
  line-height: 60rem;
  font-size: 35rem;
  color: #FF0000;
  text-align: center;
  padding: 10rem 0;
}

.xcaddress {
  position: relative;
}
.xcaddress .scont {
  height: 70vh;
  overflow: auto;
}
.xcaddress .bottomheight {
  height: 162rem;
}
.xcaddress .empty {
  font-size: 47rem;
  text-align: center;
  padding-top: 65rem;
}
.xcaddress .bottombtn {
  position: fixed;
  bottom: 0;
  width: 750rem;
  padding: 42rem 72rem;
  line-height: 39rem;
}
.xcaddress .bottombtn .btn {
  line-height: 78rem;
  text-align: center;
  width: 100%;
  border-radius: 39rem;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 36rem;
}
.xcaddress .bottombtn.nofix {
  position: relative;
}
.xcaddress .editblock .contant {
  background: #EDF4EC;
  margin: 20rem;
  padding: 20rem;
}
.xcaddress .editblock .contant .item {
  margin: 15rem 40rem;
  font-size: 35rem;
  color: #4F4F4F;
}
.xcaddress .editblock .contant .item .choosebox {
  border: #9D9D9D solid 4rem;
  padding: 0 60rem 0 20rem;
  width: 349rem;
  line-height: 60rem;
  position: relative;
  background: #ffffff;
}
.xcaddress .editblock .contant .item .choosebox::after {
  width: 37rem;
  height: 29rem;
  display: block;
  position: absolute;
  right: 18rem;
  top: 18rem;
  content: "";
  background: url("../../images/index/stranges.png") 100% 100%;
  background-size: 100% 100%;
}
.xcaddress .editblock .contant .item .textareabox {
  border: #9D9D9D solid 4rem;
  font-size: 35rem;
}
.xcaddress .editblock .contant .default {
  border-top: solid 2rem #8E918E;
  padding: 30rem 10rem 20rem;
  font-size: 29rem;
  color: #4F4F4F;
  margin-top: 40rem;
}
.xcaddress .listblock {
  margin: 10rem;
}
.xcaddress .listblock .item {
  padding: 10rem 20rem;
  margin-bottom: 10rem;
  background: #EDF4EC;
}
.xcaddress .listblock .item .top {
  position: relative;
  font-size: 35rem;
  /* padding: 20rem 10rem 20rem 100rem; */
  padding: 20rem 10rem 20rem 10rem;
  border-bottom: solid #4F4F4F 2rem;
  color: #4F4F4F;
  line-height: 50rem;
}
.xcaddress .listblock .item .top .defaults {
  position: absolute;
  left: 0;
  top: 16rem;
  width: 85rem;
  line-height: 51rem;
  background: #9CC198;
  color: #ffffff;
  border-radius: 25rem;
  text-align: center;
  font-size: 32rem;
}
.xcaddress .listblock .item .default {
  padding: 20rem 10rem;
  font-size: 29rem;
  color: #4F4F4F;
}
.xcaddress .listblock .item .opblock .img {
  width: 66rem;
  height: 57rem;
  line-height: 0;
}
.xcaddress .input {
  border: #9D9D9D solid 4rem;
  padding: 0 60rem 0 20rem;
  width: 349rem;
  line-height: 60rem;
  position: relative;
  box-sizing: border-box;
}

.xcaddress.page .listblock {
  margin: 20rem;
}
.xcaddress.page .listblock .item {
  margin-bottom: 27rem;
}

.xc-popup-center-tit {
  height: 120rem;
}
.xc-popup-center-tit .tit {
  border-radius: 16px 16px 0 0;
  position: fixed;
  width: 100%;
  line-height: 120rem;
  text-align: center;
  color: #ffffff;
  font-size: 52rem;
  background: linear-gradient(to right, var(--primary-bg-start), var(--primary-bg-end));
}

.otherchoose .practice {
  height: 40vh;
  overflow: auto;
}
.otherchoose .newpractice {
  height: 40vh;
  overflow: auto;
}
.otherchoose .left {
  width: 120rem;
  font-size: 30rem;
  text-align: justify;
  text-align-last: justify;
  display: inline-block;
}
.otherchoose .green {
  color: var(--primary-color);
  font-size: 35rem;
}
.otherchoose .red {
  color: #FF0000;
}
.otherchoose .pro-item .info {
  padding: 30rem 10rem;
}
.otherchoose .btns {
  background: #fff;
}

.inlineblock {
  display: inline-block;
}

.inline {
  display: inline;
}

.proadd .problocks {
  height: 50vh;
  overflow: auto;
  padding: 10rem;
}
.proadd .problocks .item {
  width: 49%;
  background: #EDF4EC;
  padding: 5rem;
  margin: 0 2% 15rem 0;
}
.proadd .problocks .item .img {
  width: 258rem;
  height: 165rem;
  box-sizing: border-box;
  border: solid 6rem #ffffff;
  margin: 10rem auto 15rem;
  text-align: center;
  position: relative;
}
.proadd .problocks .item .img .num {
  width: 50rem;
  height: 50rem;
  border-radius: 50%;
  background: #FF0000;
  color: #ffffff;
  font-size: 36rem;
  text-align: center;
  line-height: 50rem;
  position: absolute;
  top: -20rem;
  right: -20rem;
  z-index: 5;
}
.proadd .problocks .item .itm {
  font-size: 26rem;
  margin: 10rem 0;
}
.proadd .problocks .item .itm .name {
  width: 116rem;
  font-size: 29rem;
  text-align: justify;
  text-align-last: justify;
  display: inline-block;
}
.proadd .problocks .item .itm .addcut .cutbtn {
  width: 48rem;
  height: 45rem;
  line-height: 30rem;
  font-size: 40rem;
}
.proadd .problocks .item .itm .addcut .num {
  height: 45rem;
  line-height: 45rem;
}
.proadd .problocks .item .itm .addcut .addbtn {
  width: 48rem;
  height: 45rem;
  line-height: 42rem;
  font-size: 30rem;
}
.proadd .problocks .item:nth-child(2n) {
  margin-right: 0;
}
.proadd .problocks .item.cur {
  background: #C1D8BE;
}
.proadd .green {
  color: var(--primary-color);
  font-size: 33rem;
}
.proadd .red {
  color: #FF0000;
  font-size: 30rem;
}
.proadd .problocks.proinfor {
  padding: 0;
}
.proadd .problocks.proinfor .item {
  width: 100%;
  margin: 0;
}
.proadd .problocks.proinfor .item .img {
  width: 360rem;
  height: 237rem;
  margin: 27rem auto 33rem;
}
.proadd .problocks.proinfor .item .itm {
  width: 440rem;
  margin: 38rem auto;
}
.proadd .problocks.proinfor .item .itm .name {
  width: 150rem;
  font-size: 35rem;
}
.proadd .problocks.proinfor .item .itm .green {
  font-size: 40rem;
}
.proadd .problocks.proinfor .item .itm .red {
  font-size: 40rem;
}
.proadd .problocks.proinfor .item .itm .addcut .cutbtn {
  width: 67rem;
  height: 67rem;
  line-height: 48rem;
  font-size: 80rem;
}
.proadd .problocks.proinfor .item .itm .addcut .num {
  height: 67rem;
  line-height: 67rem;
  font-size: 47rem;
}
.proadd .problocks.proinfor .item .itm .addcut .addbtn {
  width: 67rem;
  height: 67rem;
  line-height: 60rem;
  font-size: 45rem;
}

.popup-tip {
  width: 558rem;
  max-height: 800rem;
  border-radius: 16px;
}
.popup-tip .tipcons {
  padding: 20rem 50rem;
}
.popup-tip .tipcons .name {
  font-size: 40rem;
  color: #CB0002;
  margin: 20rem 0;
}
.popup-tip .tipcons .con {
  font-size: 35rem;
  color: #000002;
  min-height: 200rem;
  max-height: 499rem;
  overflow-y:auto;
  line-height: 46rem;
  padding-bottom: 20rem;
  white-space: pre-line;
  word-break: break-all;
}
.popup-tip .tipcons .tipbtns {
  margin: 10rem 0;
}
.popup-tip .tipcons .tipbtns .btn {
  width: 188rem;
  line-height: 77rem;
  border-radius: 40rem;
  text-align: center;
  font-size: 34rem;
  margin: auto;
}
.popup-tip .tipcons .tipbtns .closebtn {
  color: var(--primary-color);
  border: solid 2rem var(--primary-color);
}
.popup-tip .tipcons .tipbtns .continebtn {
  background: var(--primary-color);
  color: #ffffff;
}

.rulecon {
  background: #F5F8B9;
  padding: 25rem;
  max-height: 80vh;
}
.rulecon .tipcons {
  background: #ffffff;
}
.rulecon .tipcons .name {
  color: #006030;
  text-align: center;
}
.rulecon .tipcons span {
  color: #FF5151;
}
.rulecon .tipcons .condition {
  color: #467500;
  font-size: 35rem;
  margin: 50rem 0;
  text-align: center;
}
.rulecon .tipcons .con {
  color: #467500;
  text-align: center;
  line-height: 56rem;
  min-height: 300rem;
  max-height: 500rem;
  overflow: auto;
  margin-bottom: 20rem;
}

.order-page {
  position: relative;
  z-index: 1;
  background: #F0F0F0;
  min-height: 100vh;
  border-bottom: solid 1rem transparent;
}
.order-page .fiximg {
  position: fixed;
  top: 0;
  width: 750rem;
  height: 400rem;
  z-index: -1;
  background: linear-gradient(var(--primary-seting-start), var(--primary-seting-end));
}
.order-page .fiximg img {
  width: 100%;
  height: 100%;
}
.order-page .wayheight {
  height: 214rem;
  width: 100%;
}
.order-page .way {
  position: fixed;
  left: calc((100% - 700rem) / 2);
  z-index: 1000;
  background: #ffffff;
  padding: 10rem 10rem 20rem 10rem;
  width: 700rem;
  margin: auto;
  border-radius: 20rem;
}
.order-page .way .tit {
  font-size: 36rem;
  margin: 20rem 10rem;
}
.order-page .way .changebox {
  min-width: 202rem;
  padding: 12rem 20rem 12rem 60rem;
  line-height: 30rem;
  color: #ffffff;
  font-size: 17rem;
  background: url("../../images/orderpage/addressbg.png") 100% 100% no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.order-page .way .item {
  margin: 10rem 4rem;
  width: 32%;
  border-radius: 40rem;
  line-height: 77rem;
  color: var(--primary-color);
  border: solid 4rem var(--primary-color);
  font-size: 36rem;
  text-align: center;
  padding: 0 4rem;
}
.order-page .way .item:nth-child(4) {
  margin-right: 0;
}
.order-page .way .item.cur {
  color: #ffffff;
  background: linear-gradient(to right, var(--primary-bg-start), var(--primary-bg-end));
  border: none;
  padding: 4rem 8rem;
}
.order-page .orderform {
  width: 700rem;
  background: #ffffff;
  margin: 10rem auto;
  border-radius: 20rem;
  padding: 10rem 0;
}
.order-page .orderform .tipinfo {
  background: #FDF2E3;
  padding: 14rem 12rem;
  border-radius: 20rem;
  color: #706556;
  line-height: 42rem;
  font-size: 26rem;
  margin: 0 10rem;
}

.order-page .orderform .tipinfo span {
  color: #FF0000;
}

.order-page .orderform .remark {
  text-align: center;
  font-size: 28rem;
}

.order-page .orderform .remark .remarktext {
  margin-top: 18rem;
  margin-bottom: 5rem;
}

.order-page .orderform .remark textarea {
  width: calc(100% - 82rem);
  border: none;
  padding: 10rem 20rem;
  margin: 0 auto;
  font-size: 28rem;
}
.order-page .orderform .editaddress {
  width: 362rem;
  line-height: 72rem;
  text-align: center;
  color: #ffffff;
  font-size: 34rem;
  border-radius: 36rem;
  background: var(--primary-color);
  margin-left: 200rem;
}
.order-page .orderform .rulebtn {
  width: 190rem;
  line-height: 80rem;
  text-align: center;
  color: #ffffff;
  font-size: 34rem;
  border-radius: 40rem;
  background: linear-gradient(to bottom, #FC686F, #FFB070);
}
.order-page .orderform .van-radio--horizontal {
  margin-right: 16rem;
}
.order-page .orderform .van-radio__icon {
  width: 35rem;
  height: 35rem;
  line-height: 0;
}
.order-page .orderform .van-radio__label {
  height: 60rem;
  line-height: 60rem;
  margin-left: 10rem;
}
.order-page .orderform .name {
  width: 216rem;
  text-align: right;
  font-size: 35rem;
  color: #4F4F4F;
  flex-shrink: 0;
}
.order-page .orderform .name span {
  color: #FF0000;
}
.order-page .orderform .img-icon {
  width: 35rem;
  height: 35rem;
}
.order-page .orderform .radioblock {
  font-size: 32rem;
}
.order-page .orderform .item {
  margin: 30rem 0;
}
.order-page .orderform .item .numchoseblock .chosebox {
  display: inline-block;
  width: 84rem;
  height: 56rem;
  line-height: 54rem;
  border: solid 4rem #A7A7A7;
  color: #A7A7A7;
  font-size: 36rem;
  text-align: center;
  margin: 0 10rem 10rem 0;
}
.order-page .orderform .item .numchoseblock .cur {
  background: var(--primary-color);
  border: solid 4rem var(--primary-color);
  color: #fff;
}
.order-page .orderform .item .numchoseblock .more {
  display: inline-block;
  font-size: 32rem;
  line-height: 50rem;
  text-align: center;
  width: 80rem;
  color: #A7A7A7;
  text-decoration: underline;
}
.order-page .orderform .item .paywaychoseblock {
  margin-bottom: -20rem;
}
.order-page .orderform .item .paywaychoseblock .chosebox {
  display: inline-block;
  width: 148rem;
  height: 60rem;
  line-height: 58rem;
  border: solid 4rem #A7A7A7;
  color: #A7A7A7;
  font-size: 28rem;
  text-align: center;
  margin: 0 10rem 20rem 0;
  border-radius: 30rem;
}
.order-page .orderform .item .paywaychoseblock .cur {
  background: var(--primary-color);
  border: solid 4rem var(--primary-color);
  color: #fff;
}
.order-page .orderform .item .calblock {
  position: relative;
}
.order-page .orderform .item .calblock input {
  width: 350rem;
  height: 60rem;
  border: solid 2rem #9D9D9D;
  box-sizing: border-box;
  padding: 0 20rem;
  font-size: 29rem;
}
.order-page .orderform .item .calblock .icon {
  width: 67rem;
  height: 60rem;
  position: absolute;
  right: 0;
  top: 0;
}
.order-page .orderform .item .inoutblock input {
  width: 350rem;
  line-height: 60rem;
  font-size: 30rem;
  background: #F1F1F1;
  border: none;
  padding: 0 20rem;
  box-sizing: border-box;
}
.order-page .orderform .item .inoutblock.remark input {
  width: 463rem;
}
.order-page .amoutpopup .title {
  font-size: 29rem;
  text-align: center;
  padding: 30rem 0;
}
.order-page .amoutpopup .van-popup__close-icon {
  font-size: 40rem;
  top: 30rem;
  height: 30rem;
}
.order-page .amoutpopup .cont {
  max-height: 80vh;
  min-height: 50vh;
  overflow-y: auto;
}
.order-page .amoutpopup .cont .van-cell {
  padding: 32rem 30rem 32rem 90rem;
}
.order-page .amoutpopup .cont .van-cell__title {
  font-weight: 600;
  font-size: 36rem;
}
.order-page .couponpopup {
  width: 570rem;
}
.order-page .couponpopup .title {
  font-size: 43rem;
  color: #fff;
  background: linear-gradient(to right, var(--primary-bg-start), var(--primary-bg-end));
  text-align: center;
  height: 97rem;
  padding: 10rem;
  line-height: 77rem;
}
.order-page .couponpopup .cont {
  padding: 27rem 20rem 20rem 40rem;
  font-size: 35rem;
  color: #5B5B5B;
}
.order-page .couponpopup .cont .van-checkbox {
  margin-bottom: 20rem;
}
.order-page .couponpopup .cont .van-checkbox__icon .van-icon {
  border-color: var(--primary-color);
}
.order-page .couponpopup .cont .van-checkbox {
  align-items: flex-start;
}
.order-page .couponpopup .cont .btns {
  width: 100%;
  padding: 20rem 0rem 10rem;
}
.order-page .couponpopup .cont .btns .btn {
  width: 208rem;
  line-height: 67rem;
  text-align: center;
  border-radius: 16rem;
  margin: 10rem auto;
  font-size: 30rem;
}
.order-page .couponpopup .cont .btns .btn.search {
  background: var(--primary-color);
  color: #ffffff;
}
.order-page .couponpopup .cont .btns .btn.clear {
  border: solid 2rem var(--primary-color);
  color: var(--primary-color);
}
.order-page .orderform.money {
  background-color: #DAEDD8;
  border: solid 1px #fff;
  font-size: 29rem;
  padding: 47rem 0 10rem 0;
}
.order-page .orderform.money .has {
  background: #F8FBF7;
  font-size: 29rem;
  color: #4F4F4F;
  padding: 15rem;
}
.order-page .orderform.money .has span {
  color: #AC2121;
}
.order-page .orderform.money .cont {
  margin-top: 12rem;
  padding: 15rem;
}
.order-page .orderform.money .cont .selectblocks .selectinputs {
  background: #ffffff;
  font-size: 29rem;
  border: solid 2rem #9D9D9D;
  width: 315rem;
  text-align: left;
  /* padding: 10rem 66rem 10rem 14rem; */
  position: relative;
}
.order-page .orderform.money .cont .selectblocks .selectinputs .strange {
  width: 0;
  height: 0;
  border-left: 18rem solid transparent;
  /* 左边框透明 */
  border-right: 18rem solid transparent;
  /* 右边框透明 */
  border-top: 26rem solid #4F4F4F;
  /* 上边框设置三角形的高度和颜色 */
  position: absolute;
  top: 18rem;
  right: 16rem;
}
.order-page .orderform.money .cont .selectblocks .selectinputs .input input {
  width: 100%;
  height: 100%;
  border: none;
}
.order-page .orderform.money .cont .radio {
  padding-top: 10rem;
}
.order-page .orderform.money .cont .radio .van-radio--horizontal {
  margin-right: 24rem;
}
.order-page .orderform.money .cont .radio .van-radio {
  align-items: flex-start;
}
.order-page .orderform.money .cont .radio .van-radio__label {
  height: 70rem;
  line-height: 40rem;
  margin-left: 10rem;
}
.order-page .orderform.money .cont .radio .radiolabel {
  position: relative;
}
.order-page .orderform.money .cont .radio .radiolabel .radiospan {
  position: absolute;
  top: 40rem;
  left: 0;
  color: #52924A;
  font-size: 20rem;
  display: block;
  line-height: 30rem;
}
.order-page .orderform.money .cont .radio .van-radio__icon {
  width: 32rem;
  height: 32rem;
  margin-top: 4rem;
}
.order-page .orderform.money .cont .radio .noneicon {
  border: 2rem solid #000000;
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
  padding: 6rem;
  box-sizing: border-box;
}
.order-page .orderform.money .cont .radio .checked {
  width: 20rem;
  height: 20rem;
  background: #000000;
  border-radius: 50%;
  margin: -2rem 0 0 -2rem;
}
.order-page .orderform.newcoupon {
  background-color: #FEE8BC;
  border: solid 1px #fff;
  font-size: 29rem;
  padding: 47rem 0 10rem 0;
}
.order-page .orderform.newcoupon .has {
  background: #FFFAF2;
  font-size: 29rem;
  color: #4F4F4F;
  padding: 15rem;
}
.order-page .orderform.newcoupon .has span {
  color: #AC2121;
}
.order-page .orderform.newcoupon .chosecoupon {
  background: #FDF8EE;
  color: #000000;
  border: solid 1rem #FFA200;
  box-shadow: 2rem 2rem 6rem #aaa9a8;
  width: 320rem;
  height: 60rem;
  padding: 10rem 0;
  line-height: 40rem;
  text-align: center;
  border-radius: 60rem;
  font-size: 26rem;
  margin: 24rem 18rem;
}
.order-page .orderform.newcoupon .chosed {
  padding: 0 18rem;
  margin-bottom: 20rem;
}
.order-page .orderform.newcoupon .chosed .title {
  font-size: 23rem;
  color: #4F4F4F;
}
.order-page .orderform.newcoupon .chosed li {
  color: var(--primary-color);
  padding: 2rem 20rem 2rem 30rem;
  font-size: 23rem;
  list-style-type: none;
}
.order-page .orderform.newcoupon .chosed li::before {
  content: "";
  width: 8rem;
  height: 8rem;
  background: var(--primary-color);
  border-radius: 50%;
  display: inline-block;
  vertical-align: 4rem;
  margin-right: 6rem;
}
.order-page .orderform.coupon {
  overflow: hidden;
  padding: 0;
}
.order-page .orderform.coupon .item .name {
  width: 234rem;
  flex-shrink: 0;
  font-size: 29rem;
}
.order-page .orderform.coupon .item .inoutblock input {
  width: 283rem;
}
.order-page .orderform.coupon .item .changebtn {
  width: 150rem;
  height: 60rem;
  line-height: 58rem;
  font-size: 26rem;
  text-align: center;
  color: var(--primary-color);
  border-radius: 30rem;
  border: solid 2rem var(--primary-color);
  margin-left: 10rem;
}
.order-page .orderform.coupon .item .changedblock {
  width: 100%;
  background: #F3F0F3;
  padding: 10rem;
  margin: 5rem 20rem 0rem 56rem;
}
.order-page .orderform.coupon .item .changedblock img {
  width: 46rem;
  height: 46rem;
}
.order-page .orderform.coupon .item .changedblock .text {
  color: #524F52;
  font-size: 28rem;
  margin-left: 10rem;
  line-height: 40rem;
}
.order-page .fixbottom {
  height: 148rem;
}
.order-page .fixbottom .fix {
  position: fixed;
  width: 750rem;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
}
.order-page .fixbottom .fix .bottom {
  width: 669rem;
  height: 95rem;
  background: rgba(43, 49, 56, 0.82);
  color: #ffffff;
  margin: 24rem auto;
  border-radius: 42rem;
  padding: 0 10rem 0 40rem;
}
.order-page .fixbottom .fix .bottom .price {
  font-size: 38rem;
}
.order-page .fixbottom .fix .bottom .price span {
  font-size: 25rem;
}
.order-page .fixbottom .fix .bottom .cut {
  font-size: 30rem;
  color: #E0E0E0;
  margin-left: 35rem;
}
.order-page .fixbottom .fix .bottom .btn {
  background: var(--primary-color);
  color: #ffffff;
  font-size: 36rem;
  text-align: center;
  width: 200rem;
  height: 70rem;
  line-height: 70rem;
  border-radius: 30rem;
}
.order-page .orderlist {
  width: 700rem;
  padding: 20rem;
  border-radius: 20rem;
  background: #ffffff;
  margin: auto;
}
.order-page .orderlist .itemcon {
  width: 440rem;
}
.order-page .orderlist .itemprice,
.order-page .orderlist .itemnum,
.order-page .orderlist .itemtotal {
  width: 80rem;
  text-align: center;
}
.order-page .orderlist .tititem {
  width: 100%;
  line-height: 53rem;
  color: #000000;
  font-size: 30rem;
  background: linear-gradient(to bottom, var(--primary-bg-end), var(--primary-bg-start));
}
.order-page .orderlist .tititem .itemcon {
  padding-left: 100rem;
}
.order-page .orderlist .item {
  padding: 20rem 0;
}
.order-page .orderlist .item .itemcon {
  padding: 0 40rem;
  font-size: 34rem;
}
.order-page .orderlist .item .itemcon .choose {
  font-size: 23rem;
  color: #CD0001;
}
.order-page .orderlist .item .itemprice,
.order-page .orderlist .item .itemnum,
.order-page .orderlist .item .itemtotal {
  font-size: 32rem;
  color: #CD0001;
}
.order-page .orderlist .item .itemnum {
  color: #000001;
}
.order-page .orderlist .item:nth-of-type(2n) {
  background: #EDF4EC;
}
.order-page .width {
  width: 700rem;
  padding: 20rem;
  border-radius: 20rem;
  background: #ffffff;
  margin: 10rem auto;
}
.order-page .width .item {
  font-size: 35rem;
  display: flex;
  margin: 20rem 0;
}
.order-page .width .item .name {
  margin-left: 20rem;
  width: 150rem;
  text-align: justify;
  text-align-last: justify;
  color: #4F4F4F;
  height: 40rem;
  flex-shrink: 0;
}
.order-page .width .item .name::after {
  display: inline-block;
  /*行内元素*/
  content: "";
  width: 100%;
  /*可以挤掉文字，保证不跟文字在同一行*/
  height: 0;
  line-height: 1px;
  visibility: hidden;
}
.order-page .width .item .con {
  color: #0039A2;
}
.order-page .payblock {
  width: 700rem;
  padding: 20rem;
  border-radius: 20rem;
  background: #ffffff;
  margin: 10rem auto;
  min-height: calc(100vh - 202rem);
}
.order-page .payblock .img {
  text-align: center;
  margin: 105rem 0;
}
.order-page .payblock .text {
  font-size: 43rem;
  font-weight: normal;
  color: var(--primary-color);
  line-height: 58rem;
  text-align: center;
}
.order-page .payblock .infor {
  width: 590rem;
  background: rgba(230, 230, 230, 0.82);
  text-align: center;
  color: #4F4F4F;
  font-size: 52rem;
  border-radius: 20rem;
  line-height: 123rem;
  margin: 44rem auto;
}
.order-page .payblock .leave {
  width: 320rem;
  height: 108rem;
  background: var(--primary-color);
  line-height: 108rem;
  font-size: 40rem;
  color: #ffffff;
  text-align: center;
  border-radius: 50rem;
  margin: 93rem auto 10rem;
}
.order-page .paysuccess {
  width: 700rem;
  padding: 20rem;
  border-radius: 20rem;
  background: #ffffff;
  margin: 10rem auto;
  text-align: center;
  color: #000000;
  min-height: calc(100vh - 202rem);
}
.order-page .paysuccess .time {
  font-size: 29rem;
  margin: 70rem 0;
}
.order-page .paysuccess .num {
  font-size: 52rem;
  margin: 10rem 0;
}
.order-page .paysuccess .img {
  text-align: center;
  margin: 30rem 0;
}
.order-page .paysuccess .text {
  color: #AB0417;
  font-size: 40rem;
  line-height: 60rem;
}
.order-page .paysuccess .see {
  width: 249rem;
  height: 72rem;
  line-height: 72rem;
  font-size: 34rem;
  color: var(--primary-color);
  text-align: center;
  border-radius: 20rem;
  margin: 63rem auto 20rem;
  border: solid 2rem var(--primary-color);
}
.order-page .paysuccess .see.back {
  display: block;
  width: 280rem;
  color: #ffffff;
  border-radius: 20rem;
  background: var(--primary-color);
}
.order-page .paysuccess .orderlist.detailorder {
  width: 100%;
  padding: 0;
  text-align: left;
}
.order-page .paysuccess .orderlist.detailorder .item {
  border-bottom: solid 2rem #4F4F4F;
  margin: 0 20rem;
  padding: 10rem 0;
}
.order-page .paysuccess .orderlist.detailorder .last {
  margin: 10rem 0;
  background: #E4EEE3;
  padding: 10rem 20rem;
}
.order-page .paysuccess .orderlist.detailorder .last .name {
  font-size: 40rem;
}
.order-page .paysuccess .orderlist.detailorder .last .total {
  font-size: 40rem;
  color: #CD0001;
}
.order-page .paysuccess .orderlist.detailorder .item:nth-of-type(2n) {
  background: #ffffff;
}
.order-page .paysuccesstwo .text {
  line-height: 60rem;
  margin: 40rem 0 40rem;
  font-size: 40rem;
}
.order-page .paysuccesstwo .see {
  width: 413rem;
  height: 100rem;
  line-height: 100rem;
  background: var(--primary-color);
}
.order-page .paysuccesstwo .see.back {
  display: block;
  width: 280rem;
  height: 80rem;
  line-height: 80rem;
  border-radius: 20rem;
  background: var(--primary-color);
}
.dbox {
  /* background: #FFFEEF;
  border: #A1D09B solid 1px;
  height: 179rem; */
  width: 450rem;
  margin: 60rem auto;
  background: url('../../images/member/borderbox.png') 100% 100%;
  background-size:100% 100%;
}
.dbox .dboxcont {
  /* background: transparent;
  border: #A1D09B solid 1px;
  margin-left: -10rem;
  margin-top: -10rem;
  height: 179rem; */
  width: 450rem;
  padding: 30rem 10rem;
  font-size: 34rem;
  color: #514D4D;
  line-height: 55rem;
}
.dbox .dboxcont .left {
  width: 65%;
  text-align: right;
}
.dbox .dboxcont .right {
  width: 35%;
  text-align: left;
}
.dbox .dboxcont .red {
  color: #CD0001;
}
.dbox .dboxcont .blue {
  color: #0039A2;
}

.mubanblock {
  width: 750rem;
  height: calc(100vh - 0rem);
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 100;
}
.mubanblock .flex .left {
  position: absolute;
  z-index: 200;
  top: 30vh;
  left: 0;
  width: 50%;
  height: 56vh;
}
.mubanblock .flex .right {
  position: absolute;
  z-index: 200;
  right: 0;
  top: 30vh;
  width: 50%;
  height: 56vh;
}

.member .memberinfo {
  background: #C2D0C1;
  padding: 10rem 58rem;
}
.member .memberinfo .cont {
  padding: 20rem;
  border-radius: 20rem;
  background: url("../../images/member/topbg.png") 100% 100%;
  background-size: 100% 100%;
}
.member .memberinfo .cont .top {
  padding: 24rem 40rem;
  font-size: 46rem;
  color: #5EFFFF;
  line-height: 1.5;
}
.member .memberinfo .cont .top .num {
  font-size: 40rem;
  padding: 20rem 0 0 0;
}
.member .memberinfo .cont .top .name {
  font-size: 58rem;
  color: #ffffff;
  text-decoration: underline;
}
.member .memberinfo .cont .center {
  padding: 5rem 36rem 20rem;
  font-size: 32rem;
  color: #ffffff;
}
.member .memberinfo .cont .center .one {
  width: 65%;
}
.member .memberinfo .cont .center .item .img {
  margin-right: 10rem;
  line-height: 0;
}
.member .memberinfo .cont .center .item .name {
  font-size: 32rem;
  margin-bottom: 10rem;
}
.member .memberinfo .cont .center .item .orange {
  color: #FF5F09;
}
.member .memberinfo .cont .bottom {
  color: #FFE603;
  font-size: 32rem;
  padding: 8rem 24rem 16rem;
}
.member .memberinfo .cont .bottom .img {
  line-height: 0;
  margin-left: 10rem;
}
.member .xcontents {
  width: 100%;
  height: calc(100vh - 453rem);
  overflow-y: auto;
  position: relative;
  background: url(../../images/member/newbg.png) 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.member .xcontents .newchoose {
  background-color: RGBA(245, 244, 245, 0.9);
  padding-bottom: 50rem;
  min-height: calc(100vh - 617rem);
}
.member .xcontents .newchoose .item {
  width: 24%;
  margin: 0 auto;
  text-align: center;
  padding: 30rem 0;
  color: #4F4F4F;
  font-size: 27rem;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
}
.member .xcontents .newchoose .item .icon {
  width: 100%;
  height: 72rem;
}
.member .xcontents .outbtnheight {
  height: 164rem;
}
.member .xcontents .outbtn {
  background: #FAF9E2;
  position: fixed;
  bottom: 0;
  width: 750rem;
  padding: 35rem 20rem;
}
.member .xcontents .outbtn .btn {
  width: 40%;
  height: 94rem;
  border-radius: 20rem;
  border: solid 4rem #ffffff;
  text-align: center;
  line-height: 94rem;
  color: #ffffff;
  font-size: 44rem;
  letter-spacing: 10rem;
  background: var(--primary-color);
  margin: auto;
}
.member .xcontents .outbtn .btn.white {
  border: solid 4rem var(--primary-color);
  color: var(--primary-color);
  background: #FFFEF4;
  letter-spacing: 2rem;
}
.member .choose {
  padding: 26rem 23rem;
  background: url(../../images/member/bg.png) 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.member .choose .block {
  width: 49%;
  margin-bottom: 16rem;
}
.member .choose .block .item {
  box-sizing: border-box;
  width: 100%;
  background: #ffffff;
  border-bottom: 6px solid #E0E0E0;
  min-height: 85rem;
  padding: 10rem 10rem 10rem 20rem;
  font-size: 40rem;
  color: #4F4F4F;
}
.member .choose .block .item .icon {
  width: 35rem;
  margin-right: 14rem;
  line-height: 0;
  text-align: center;
}
.member .choose .block .item .qr {
  line-height: 0;
  margin-left: 10rem;
}
.member .choose .block .item:last-child {
  border-bottom: none;
}
.member .choose .block.all {
  min-height: 254rem;
  background: #ffffff;
}
.member .choose .block.all .item {
  line-height: 70rem;
}
.member .choose .block.all .item .icon {
  margin-top: 20rem;
}
.member .choose .block.all .blue {
  color: #002591;
}
.member .choose .outbtn {
  width: 100%;
  padding: 35rem 106rem;
}
.member .choose .outbtn .btn {
  width: 100%;
  height: 94rem;
  border-radius: 20rem;
  border: solid 4rem #ffffff;
  text-align: center;
  line-height: 94rem;
  color: #ffffff;
  font-size: 44rem;
  letter-spacing: 10rem;
  background: var(--primary-color);
}

.bindblock {
  background: #E0E0E0;
  padding: 15rem 12rem 0;
}
.bindblock .cont {
  width: 100%;
  min-height: calc(100vh - 140rem);
  background: #ffffff;
  text-align: center;
  padding-top: 1rem;
}
.bindblock .cont .topimg {
  margin-top: 107rem;
  margin-bottom: 85rem;
}
.bindblock .cont .texts {
  font-size: 47rem;
  color: #575656;
  padding: 10rem 50rem;
  line-height: 60rem;
}
.bindblock .cont .btns {
  width: 100%;
  padding: 50rem 20rem;
}
.bindblock .cont .btns .btn {
  width: 286rem;
  line-height: 70rem;
  text-align: center;
  border-radius: 16rem;
  margin: 0rem auto;
  font-size: 46rem;
  padding: 36rem 0 16rem;
}
.bindblock .cont .btns .btn .icon {
  margin-top: 20rem;
}
.bindblock .cont .btns .btn.left {
  background: var(--primary-color);
  color: #ffffff;
}
.bindblock .cont .btns .btn.right {
  border: solid 2rem var(--primary-color);
  color: var(--primary-color);
}
.bindblock .cont .btn.center {
  border: solid 2rem var(--primary-color);
  color: var(--primary-color);
  width: 350rem;
  line-height: 60rem;
  text-align: center;
  border-radius: 16rem;
  margin: 0rem auto;
  font-size: 40rem;
  padding: 20rem 0 16rem;
  margin-top: 10rem;
}

.cardpage {
  min-height: 100vh;
  /* background: #E0E0E0; */
}
.cardpage .contant {
  margin: 15rem 12rem 0;
  background: #ffffff;
  width: auto;
  padding-top: 10rem;
  min-height: calc(100vh - 139rem);
}

.cardpage .contant .dcodeimg {
  padding-top: 30rem;
  text-align: center;
  padding-bottom:40rem;
}

.cardpage .contant .qrimg {
  text-align: center;
}
.cardpage .contant .texttip {
  width: 648rem;
  margin: 150rem auto 0;
  font-size: 52rem;
  padding: 10rem;
  color: #000011;
  background: #C9DDC7;
  line-height: 80rem;
  text-align: center;
}
.cardpage .contant .texttip .green {
  color: #246160;
}
.cardpage .contant .texttip .gray {
  color: #CC6881;
}
.cardhabit {
  position: relative;
  padding: 1px 0 0 0;
}

.cardhabit .con {
  background: #fff;
  margin: 0;
}

.cardhabit .con .topbtnheight {
  height: 94rem;
}

.cardhabit .con .topbtn {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width:750rem;
  background: #FFFFFF;
  padding: 17rem 60rem;
}

.cardhabit .con .topbtn .btn {
  background: #9F9F9F;
  padding: 4rem;
  border-radius: 40rem;
  box-shadow: 0rem 5rem 0rem #727272;
}

.cardhabit .con .topbtn .btn .btncont {
  border-radius: 40rem;
  padding: 12rem 20rem 8rem;
  font-size: 26rem;
  line-height: 30rem;
}

.cardhabit .con .topbtn .btn .btncont .big {
  font-size: 32rem;
  line-height: 32rem;
}

.cardhabit .con .topbtn .leftbtn {
  color: #fff;
}

.cardhabit .con .topbtn .leftbtn .btncont {
  background: var(--primary-color);
}

.cardhabit .con .topbtn .rightbtn {
  color: #00080F;
}

.cardhabit .con .topbtn .rightbtn .btncont {
  background: #F9F9F9;
}

.cardhabit .con .nocon {
  padding: 20rem;
  font-size: 41rem;
  color: #4F4F4F;
  line-height: 69rem;
  text-align: center;
}

.cardhabit .con .hascon {
  padding: 1px 0 0 0;
}

.cardhabit .con .hascon .item {
  border: #C4E1FF 1px solid;
  border-radius: 20rem;
  margin: 20rem;
  overflow: hidden;
}

.cardhabit .con .hascon .item .top {
  background: #C4E1FF;
  padding: 8rem 0 8rem 32rem;
  width: 100%;
}

.cardhabit .con .hascon .item .top .name {
  font-size: 29rem;
  line-height: 50rem;
}

.cardhabit .con .hascon .item .top .editicon {
  width: 29rem;
  height: 31rem;
  margin: 0 10rem;
}

.cardhabit .con .hascon .item .top .inputblock input {
  width: 325rem;
  height: 44rem;
  line-height: 44rem;
  font-size: 29rem;
  color: #4C4C4C;
}

.cardhabit .con .hascon .item .top .inputblock .btns {
  margin: 0 auto;
}

.cardhabit .con .hascon .item .top .inputblock .btn {
  width: 75rem;
  height: 47rem;
  border-radius: 40rem;
  text-align: center;
  font-size: 17rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cardhabit .con .hascon .item .top .inputblock .cancel {
  color: #000000;
  background: #fff;
  border: solid 2rem #9D9D9D;
}

.cardhabit .con .hascon .item .top .inputblock .confirm {
  background: var(--primary-color);
  color: #fff;
  margin: 0 0 0 10rem;
}

.cardhabit .con .hascon .item .details .checkedbox {
  width: 38rem;
  height: 38rem;
  margin-right: 14rem;
}

.cardhabit .con .hascon .item .details .van-checkbox__icon {
  font-size: 38rem;
}

.cardhabit .con .hascon .item .details .img-icon {
  width: 38rem;
  height: 38rem;
}

.cardhabit .con .hascon .item .details .img-icon.checked {
  width: 43rem;
  height: 39rem;
}

.cardhabit .con .hascon .item .details .red {
  color: #FF3C3C;
}

.cardhabit .con .hascon .item .details .left {
  flex: 1;
  padding: 20rem;
  font-size: 23rem;
}

.cardhabit .con .hascon .item .details .right {
  color: #4C4C4C;
  font-size: 26rem;
  width: 180rem;
  background: #ECFBFC;
}

.cardhabit .con .hascon .item.chosed {
  border-color: #336699;
}

.cardhabit .con .hascon .item.chosed .top {
  background: #336699;
  color: #FFFFFF;
}

.cardhabit .con .hascon .item.chosed .editicon {
  display: none;
}

.cardpage.xclove .line {
  width: 7520rem;
  height: 15rem;
  background: #E0E0E0;
  position: fixed;
  z-index: 10;
}

.cardpage.xclove .lineheight {
  height: 15rem;
}

.cardpage.xclove .nocon {
  padding: 20rem;
  font-size: 41rem;
  color: #4F4F4F;
  line-height: 69rem;
  text-align: center;
  background: #fff;
  height: calc(100vh - 80rem - 15rem);
}

.cardpage.xclove .cont {
  width: 750rem;
  background: #fff;
}

.cardpage.xclove .cont .left {
  margin-top: 21rem;
  width: 143rem;
  background: #F0F0F0;
  border-radius: 20rem 20rem 0 0;
  flex-shrink: 0;
  height: calc(100vh - 126rem);
  position: fixed;
  z-index: 100;
  overflow-y: auto;
}

.cardpage.xclove .cont .left .nav-item {
  padding: 40rem 18rem;
  color: #7B7B7B;
  font-size: 26rem;
  position: relative;
  word-break: break-all;
}

.cardpage.xclove .cont .left .nav-item .num {
  position: absolute;
  top: 20rem;
  right: 5rem;
  width: 40rem;
  height: 40rem;
  background: url("../../images/index/num_bg.png") 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  line-height: 40rem;
  color: #ffffff;
  font-size: 22rem;
}

.cardpage.xclove .cont .left .nav-item.active {
  background: #FFF8DC;
  color: #000000;
}

.cardpage.xclove .cont .left.show {
  position: sticky;
  top: 90rem;
  overflow: auto;
}

.cardpage.xclove .cont .pro {
  margin-left: 143rem;
  padding-top: 10rem;
}

.cardpage.xclove .cont .pro .title {
  padding: 10rem 40rem 0rem;
  line-height: 40rem;
  font-size: 36rem;
  font-weight: bold;
}

.cardpage.xclove .cont .pro .pro-item {
  position: relative;
  width: 100%;
  padding: 10rem 0;
}

.cardpage.xclove .cont .pro .pro-item .pimg {
  width: 200rem;
  height: 167rem;
}

.cardpage.xclove .cont .pro .pro-item .info {
  padding: 20rem 20rem 0 0;
  flex: 1;
}

.cardpage.xclove .cont .pro .pro-item .info .name {
  font-size: 31rem;
  color: #000404;
}

.cardpage.xclove .cont .pro .pro-item .info .about {
  font-size: 30rem;
  color: #8E8E8E;
}

.accountpage .blue {
  color: #0000FF;
}
.accountpage .red {
  color: #FF0000;
}
.accountpage .nextbtn {
  padding: 0 113rem;
}
.accountpage .nextbtn .van-button--normal {
  font-size: 42rem;
  height: 80rem;
}
.accountpage .opbtn {
  padding: 0 50rem;
}
.accountpage .opbtn .van-button--normal {
  width: 300rem;
  height: 100rem;
  font-size: 42rem;
}
.accountpage .opbtn .van-button--round {
  border-radius: 30rem;
}
.accountpage .form {
  padding: 60rem 0;
}
.accountpage .form .form-item {
  width: 686rem;
  height: 110rem;
  margin: auto;
  margin-bottom: 50rem;
}
.accountpage .form .form-item:last-child {
  margin-bottom: 0;
}
.accountpage .form .form-item .inputbox {
  background: #ffffff;
  width: 600rem;
  height: 116rem;
  border-radius: 10rem;
  margin: 40rem auto 20rem;
  position: relative;
}
.accountpage .form .form-item .inputbox .top {
  position: absolute;
  background: transparent;
  color: #2E569B;
  font-size: 38rem;
  top: -20rem;
  left: 60rem;
  z-index: 1;
}
.accountpage .form .form-item .inputbox .top span {
  color: #FF0000;
}
.accountpage .form .form-item .inputbox .top::after {
  content: "";
  display: block;
  width: 126%;
  height: 10rem;
  background: #ffffff;
  position: absolute;
  top: 14rem;
  left: -20rem;
  z-index: -1;
}
.accountpage .form .form-item .inputbox.blue {
  border: solid #A6A6D2 4rem;
}
.accountpage .form .form-item .inputbox.red {
  border: solid #C48888 4rem;
}
.accountpage .form .form-item .inputbox.red .top {
  color: #743A3A;
}
.accountpage .form .form-item .inputbox.red input {
  height: 64rem;
  line-height: 20rem;
  background: transparent;
  font-size: 40rem;
  width: 80%;
  margin: 25rem 10% 15rem;
  border: none;
  text-align: left;
  color: #333333;
}
.accountpage .form .form-item .selectinput {
  width: 519rem;
  margin: 25rem auto 15rem;
}
.accountpage .form .form-item .left {
  color: #4F4F4F;
  font-size: 40rem;
  background: #C1D8BE;
  width: 38%;
  line-height: 110rem;
  text-align: center;
  padding: 0 10rem 0 0rem;
}
.accountpage .form .form-item .left .name {
  width: 70%;
  text-align-last: justify;
  margin-left: 10rem;
}
.accountpage .form .form-item .right {
  width: 62%;
  background: #EDF4EC;
  padding: 20rem 34rem;
}
.accountpage .mb-100 {
  margin-bottom: 100rem;
}
.accountpage .newform {
  padding: 40rem 21rem 0;
}
.accountpage .newform .forminputbox {
  position: relative;
  padding: 30rem 20rem 20rem;
  margin-bottom: 70rem;
  width: 556rem;
}
.accountpage .newform .forminputbox .topname {
  position: absolute;
  top: -20rem;
  left: 30rem;
  background: #fff;
  padding: 0 20rem;
  line-height: 40rem;
  font-size: 41rem;
}
.accountpage .newform .forminputbox input {
  padding: 0px 20rem;
  font-size: 35rem;
  height: 50rem;
  line-height: 50rem;
  box-sizing: border-box;
  width: 100%;
}
.accountpage .newform .forminputbox .radio {
  margin-left: 100rem;
}
.accountpage .newform .forminputbox .van-radio {
  width: 144rem;
  height: 69rem;
  border-radius: 20rem;
  border: solid 3rem #515151;
  background: #ffffff;
}
.accountpage .newform .forminputbox .van-radio__label {
  margin-left: 10rem;
  font-size: 14px;
}
.accountpage .newform .forminputbox .van-radio__icon {
  height: 30rem;
  margin-left: 16rem;
  margin-bottom: 6rem;
}
.accountpage .newform .forminputbox .noneicon {
  width: 30rem;
  height: 30rem;
}
.accountpage .newform .forminputbox .checked {
  background: #FFFEC3;
}
.accountpage .newform .forminputbox.name {
  border: solid 4rem #8F4586;
  border-radius: 10rem;
}
.accountpage .newform .forminputbox.name .topname {
  color: #8F4586;
}
.accountpage .newform .forminputbox.sex {
  border: solid 4rem #844200;
  border-radius: 10rem;
  margin-bottom: 50rem;
}
.accountpage .newform .forminputbox.sex .topname {
  color: #844200;
}
.accountpage .newform input {
  border: none;
}
.accountpage .newform .password {
  width: 599rem;
  height: 135rem;
}
/* .accountpage .newform .old {
  background: url("../../images/member/edit_passwordold.png") 100% 100%;
  background-size: 100% 100%;
}
.accountpage .newform .new {
  background: url("../../images/member/edit_passwordnew.png") 100% 100%;
  background-size: 100% 100%;
}
.accountpage .newform .againnew {
  background: url("../../images/member/edit_passwordanew.png") 100% 100%;
  background-size: 100% 100%;
} */
.accountpage .newform .email {
  /* background: url("../../images/member/edit_email.png") 100% 100%; */
  /* background-size: 100% 100%; */
  width: 685rem;
  height: 137rem;
}
.accountpage .newform .phone {
  /* background: url("../../images/member/edit_phone.png") 100% 100%;
  background-size: 100% 100%; */
  width: 556rem;
  height: 137rem;
}
.accountpage .newform .birth {
  border: solid 4rem #A43838;
  position: relative;
  border-radius: 8rem;
  margin-bottom: 120rem;
  width: 556rem;
}
.accountpage .newform .birth .name {
  position: absolute;
  background: #ffffff;
  color: #A43838;
  width: 120rem;
  text-align: center;
  top: -30rem;
  left: 40rem;
  font-size: 40rem;
  line-height: 60rem;
}
.accountpage .newform .birth .icon {
  margin: 0 40rem 0 30rem;
}
.accountpage .newform .birth .text {
  font-size: 40rem;
}
.accountpage .newform .birth .text span {
  color: #9F9E9E;
}
.accountpage .newform .birth .calendar {
  height: 100rem;
  width: 100rem;
  background: #A43838;
  padding: 18rem 16rem;
}
.accountpage .newform .birth .calendar .img {
  border-radius: 16rem;
  overflow: hidden;
}

.paysuccesspage .contant {
  padding: 20rem 60rem;
}
.paysuccesspage .gobackbtn {
  width: 251rem;
  padding: 0 70rem;
  border-radius: 20rem;
  margin: 0 auto;
  display: block;
}
.paysuccesspage .gobackbtn .van-button--normal {
  font-size: 34rem;
  height: 80rem;
  line-height: 80rem;
  border-radius: 20rem;
}
.paysuccesspage .gobackbtn .van-button--round {
  border-radius: 36rem;
}
.paysuccesspage .gobtn {
  padding: 0 70rem;
  border-radius: 20rem;
  margin-top: 133rem;
}
.paysuccesspage .gobtn .van-button--normal {
  font-size: 42rem;
  height: 80rem;
}
.paysuccesspage .gobtn .van-button--round {
  border-radius: 36rem;
}
.paysuccesspage .status {
  padding: 60rem 0 50rem;
  border-bottom: solid 4rem #9D9D9D;
}
.paysuccesspage .status .img {
  width: 136rem;
  margin: auto;
}
.paysuccesspage .status .text {
  text-align: center;
  font-size: 52rem;
  color: var(--primary-color);
  margin-top: 46rem;
}
.paysuccesspage .successdata {
  width: 604rem;
  background: #FCFADA;
  padding: 84rem 81rem;
  font-size: 45rem;
  line-height: 60rem;
  margin: 20rem auto 40rem;
}
.paysuccesspage .successdata .item {
  margin-bottom: 60rem;
  color: #E51E00;
}
.paysuccesspage .successdata .item:last-child {
  margin-bottom: 0;
}
.paysuccesspage .successdata .item .name {
  color: #4F4F4F;
}

.orderdetailpage .orderdetailblock .date {
  border-top: solid 15rem #F0EDF1;
}
.orderdetailpage .orderdetailblock .dateheigth {
  height: 110rem;
}

.orderdetailpage .contant {
  margin: 15rem 0 0;
}

.managepage .manageblock {
  margin: 10rem 28rem;
}
.managepage .manageblock .title {
  color: #4F4F4F;
  font-size: 40rem;
  margin-top: 20rem;
}
.managepage .manageblock .form {
  margin: 30rem 0;
}
.managepage .manageblock .form .item {
  border-bottom: solid 2rem #ffffff;
}
.managepage .manageblock .form .item:last-child {
  border-bottom: none;
}
.managepage .manageblock .form .item .name {
  width: 212rem;
  height: 121rem;
  color: #ffffff;
  font-size: 35rem;
  text-align: right;
  background: #9CC198;
  padding: 0 14rem 0 8rem;
  flex-shrink: 0;
}
.managepage .manageblock .form .item .con {
  width: 100%;
  background: #EDF4EC;
  padding: 0 30rem;
  font-size: 35rem;
  line-height: 44rem;
}
.managepage .manageblock .form .item .con p {
  margin: 0;
}
.managepage .manageblock .form .item .red {
  color: #C82037;
}
.managepage .manageblock .form .item .blue {
  color: #004FAA;
  font-size: 29rem;
}
.managepage .manageblock .form .record.item .name {
  height: 76rem;
  color: #4F4F4F;
  background: #D5E5D3;
  padding: 0 30rem;
}
.managepage .manageblock .form .record.item .con {
  padding-left: 40rem;
}
.managepage .margin-bottom {
  margin-bottom: 60rem;
}

.exchangepage .number {
  background: url("../../images/member/exchange_bg.png") 100% 100%;
  background-size: cover;
  height: 100rem;
  font-size: 40rem;
}
.exchangepage .number .img {
  line-height: 0;
  margin: 0 10rem 0 20rem;
}
.exchangepage .number .light {
  color: #990000;
}
.exchangepage .list .item {
  background: #ffffff;
  margin: 10rem 0;
  padding: 26rem;
}
.exchangepage .list .item .img {
  margin-right: 28rem;
  flex-shrink: 0;
}
.exchangepage .list .item .con {
  width: 100%;
  color: #4F4F4F;
  font-size: 30rem;
  line-height: 54rem;
}
.exchangepage .list .item .con .name {
  font-size: 44rem;
  color: #000000;
}
.exchangepage .list .item .con .time {
  color: #0053A3;
}
.exchangepage .list .item .con .red {
  color: #FF0000;
  font-size: 40rem;
}
.exchangepage .list .item .con .num {
  background: #FFFEB2;
  color: #FF4C00;
  display: inline-block;
  font-size: 30rem;
  padding: 5rem 10rem;
  line-height: 36rem;
}
.exchangepage .list .item .con .btn {
  width: 120rem;
  height: 76rem;
  line-height: 76rem;
  font-size: 35rem;
  color: #ffffff;
  text-align: center;
  background: var(--primary-color);
  border-radius: 30rem;
}
.exchangepage .change.list .item {
  margin: 0;
  padding: 26rem 20rem;
}

.changepage .popsure {
  width: 570rem;
  border-radius: 40rem;
  overflow: hidden;
}
.changepage .popsure .title {
  padding: 30rem 0;
  background: linear-gradient(to right, var(--primary-bg-start), var(--primary-bg-end));
  font-size: 43rem;
  color: #fff;
  text-align: center;
}
.changepage .popsure .cont {
  padding: 0 34rem;
}
.changepage .popsure .cont .center {
  text-align: center;
  padding: 10rem 0;
}
.changepage .popsure .cont .redcont {
  background: #FFF1E8;
  color: #E71D1D;
  font-size: 40rem;
  padding: 10rem;
  display: block;
  margin: 40rem 30rem 10rem;
  text-align: center;
}
.changepage .popsure .dboxcont {
  border-bottom: solid 2rem #737170;
  padding: 30rem 10rem;
  font-size: 40rem;
  color: #5B5B5B;
  line-height: 43rem;
}
.changepage .popsure .dboxcont .flex {
  padding: 10rem 0;
}
.changepage .popsure .dboxcont .left {
  width: 65%;
  text-align: right;
}
.changepage .popsure .dboxcont .right {
  width: 35%;
  text-align: left;
}
.changepage .popsure .dboxcont .red {
  color: #CD0001;
}
.changepage .popsure .dboxcont .blue {
  color: #0039A2;
}
.changepage .popsure .btns {
  width: 100%;
  padding: 30rem 0rem;
}
.changepage .popsure .btns .btn {
  width: 208rem;
  line-height: 67rem;
  text-align: center;
  border-radius: 16rem;
  margin: 10rem auto;
  font-size: 30rem;
}
.changepage .popsure .btns .btn.search {
  background: var(--primary-color);
  color: #ffffff;
}
.changepage .popsure .btns .btn.clear {
  border: solid 2rem var(--primary-color);
  color: var(--primary-color);
}
.changepage .contant {
  margin: 0;
  padding-top: 0;
  min-height: calc(100vh - 124rem);
}
.changepage .tongji .box {
  background: #CEE8D4;
  width: 46%;
  margin: auto;
  padding: 20rem;
}
.changepage .tongji .box .name {
  font-size: 40rem;
  color: #000000;
  margin-bottom: 20rem;
}
.changepage .tongji .box .numb {
  line-height: 68rem;
  font-size: 47rem;
  color: #000000;
  text-align: right;
}
.changepage .tongji .box .numb span {
  color: #FF0000;
}
.changepage .infor {
  width: 708rem;
  margin: 14rem auto;
  background: #FDFCE6;
  padding: 20rem 16rem;
  line-height: 50rem;
  color: #000002;
  font-size: 32rem;
}
.changepage .nothing {
  min-height: 421rem;
  text-align: center;
}
.changepage .changebtn {
  padding: 10rem 57rem;
}
.changepage .changebtn .van-button--normal {
  font-size: 46rem;
  height: 115rem;
}
.changepage .changebtn .van-button--round {
  border-radius: 36rem;
}

.addcut.big .cutbtn {
  width: 67rem;
  height: 67rem;
  line-height: 48rem;
  font-size: 80rem;
}
.addcut.big .num {
  width: 107rem;
  height: 67rem;
  line-height: 67rem;
  font-size: 47rem;
}
.addcut.big .addbtn {
  width: 67rem;
  height: 67rem;
  line-height: 60rem;
  font-size: 45rem;
}

.recordpage .empty {
  text-align: center;
  color: #4F4F4F;
  font-size: 41rem;
  margin: 40rem 0;
}
.recordpage .recordlist .item {
  padding: 28rem;
  font-size: 35rem;
  border-bottom: solid 2rem var(--primary-color);
  line-height: 60rem;
}
.recordpage .recordlist .item .time {
  color: #9D9D9D;
}
.recordpage .recordlist .item .thing {
  color: #4F4F4F;
}
.recordpage .recordlist .item .btn {
  line-height: 76rem;
  color: #FF0000;
  font-size: 35rem;
  text-align: center;
}

.luckrecordpage .contant {
  padding: 20rem 14rem 0;
}
.luckrecordpage .nav {
  width: 100%;
  margin-top: 20rem;
  border-bottom: solid 4rem #4F4F4F;
}
.luckrecordpage .nav .item {
  flex: 1;
  text-align: center;
  color: var(--primary-color);
  font-size: 36rem;
  line-height: 105rem;
}
.luckrecordpage .nav .curr {
  background: rgba(76, 143, 68, 0.7);
  color: #ffffff;
  font-size: 42rem;
}
.luckrecordpage .tip {
  font-size: 35rem;
  color: #4F4F4F;
  padding: 30rem 0;
  text-align: center;
}
.luckrecordpage .list .item {
  background: #F5F084;
  padding: 20rem;
  margin-bottom: 20rem;
  position: relative;
  overflow: hidden;
}
.luckrecordpage .list .item .con {
  background: rgba(255, 255, 255, 0.4);
  padding: 20rem 16rem;
  color: #000000;
  font-size: 35rem;
  line-height: 50rem;
}
.luckrecordpage .list .item .con .time {
  color: #0000FF;
  margin-top: 16rem;
}
.luckrecordpage .list .item .con .img {
  display: none;
}
.luckrecordpage .list .item.yes {
  background: #C9DDC7;
}
.luckrecordpage .list .item.yes .con {
  position: relative;
}
.luckrecordpage .list .item.yes .con .img {
  display: block;
  position: absolute;
  top: -20rem;
  right: -16rem;
}
.luckrecordpage .list .item.yes .con .img .changetime {
  color: #fff;
  font-size: 19rem;
  position: absolute;
  top: 100rem;
  left: 45%;
  z-index: 10;
  transform: rotate(20deg) translate(-50%, 0);
}
.luckrecordpage .list .item.yes .con .time {
  color: rgba(230, 111, 0, 0.8);
}
.luckrecordpage .list .item.out {
  background: #DCDCDC;
}
.luckrecordpage .list .item.out .rightico {
  display: block;
}
.luckrecordpage .list .item.out .time {
  color: #FF0000;
}
.luckrecordpage .list .item.ing {
  background: #72d8ca;
}
.luckrecordpage .list .item.ing .rightico {
  display: block;
}
.luckrecordpage .list .item.ing .time {
  color: #761fc4;
}
.luckrecordpage .list .imgcode {
  position: absolute;
  top: 40rem;
  right: 36rem;
  border-radius: 40rem;
  background: linear-gradient(to bottom, #CBCBCB, #656465);
  padding: 4rem;
}
.luckrecordpage .list .imgcode .text {
  padding: 10rem 20rem;
  background: #FF8000;
  color: #fff;
  font-size: 22rem;
  line-height: 24rem;
  border-radius: 40rem;
}
.luckrecordpage .rightico {
  display: none;
  color: #fff;
  transform: rotate(45deg);
  width: 279rem;
  transform-origin: right bottom;
  position: absolute;
  right: 2rem;
  top: 135rem;
  text-align: center;
  line-height: 60rem;
  font-size: 35rem;
  letter-spacing: 10rem;
  padding-left: 5rem;
}
.luckrecordpage .rightico .dateend {
  background-color: rgba(152, 152, 152, 0.7);
  color: #fff;
}

.xc-empty {
  padding: 270rem 0 50rem;
}
.xc-empty .van-empty__image {
  width: 178rem;
  height: 157rem;
}
.xc-empty .van-empty__description {
  padding: 20rem 10rem;
}
.xc-empty .text {
  text-align: center;
  color: #4F4F4F;
  font-size: 40rem;
  line-height: 70rem;
}

.shoppage .searchblock {
  height: 87rem;
}

.shoppage .searchblock .search {
  width: 100%;
  max-width: 750rem;
  padding: 14rem 104rem 13rem 17rem;
  background: #FFF5EE;
  position: relative;
  position: fixed;
  z-index: 100;
}

.shoppage .searchblock .search .simg {
  position: absolute;
  top: 20rem;
  left: 30rem;
  z-index: 10;
}

.shoppage .searchblock .search .close {
  position: absolute;
  top: 24rem;
  right: 120rem;
  z-index: 10;
}

.shoppage .searchblock .search .cancel {
  position: absolute;
  top: 26rem;
  right: 20rem;
  z-index: 10;
  color: #727171;
  font-size: 35rem;
}

.shoppage .searchblock .search input {
  width: 100%;
  height: 60rem;
  border: solid 2rem #AB8C54;
  border-radius: 20rem;
  padding: 0 64rem 0 74rem;
  box-sizing: border-box;
  font-size: 20rem;
  color: #727171;
  font-size: 34rem;
  line-height: 60rem;
}

.shoppage .searchblock .search input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #727171;
  font-size: 34rem;
  line-height: 60rem;
}

.shoppage .searchblock .search input::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #727171;
  font-size: 34rem;
  line-height: 60rem;
}

.shoppage .searchblock .search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #727171;
  font-size: 34rem;
  line-height: 60rem;
}

.shoppage .searchblock .search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #727171;
  font-size: 34rem;
  line-height: 60rem;
}
.shoppage .contant {
  margin: 0;
  height: auto;
  padding: 10px 0;
}

.shoppage .contant .shoplist .item {
  margin: 0 15rem 27rem 15rem;
  background: #C9DDC7;
  padding: 20rem;
  border-radius: 20rem;
  box-shadow: 10rem 10rem 10rem #E3E2E2;
}

.shoppage .contant .shoplist .item .img {
  flex-shrink: 0;
  margin-right: 20rem;
}

.shoppage .contant .shoplist .item .con {
  width: 100%;
}

.shoppage .contant .shoplist .item .name {
  font-size: 40rem;
  color: #4F4F4F;
  line-height: 50rem;
}

.shoppage .contant .shoplist .item .addr {
  color: #4F4F4F;
  font-size: 29rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.shoppage .contant .shoplist .item .phone {
  color: #1653AF;
  font-size: 29rem;
  margin-left: 10rem;
}


.luckdrawpage {
  width: 750rem;
  margin: 0 calc((100vw - 750rem) / 2);
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
}
.luckdrawpage .plate-wrap-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 98;
  width: 725rem;
  height: 725rem;
  border-radius: 50%;
  margin: 4vw auto;
}
.luckdrawpage .plate-border {
  position: relative;
  z-index: 9;
  width: 725rem;
  height: 725rem;
  background: url("../../images/luckdraw/out_bg.png") 100% 100%;
  background-size: 100% 100%;
  border-radius: 50%;
  margin: auto;
}
.luckdrawpage .plate-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: 678rem;
  height: 678rem;
  background: url("../../images/luckdraw/in_bg.png") 100% 100%;
  background-size: 100% 100%;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}
.luckdrawpage .plate-light {
  z-index: 1;
  width: 66.67vw;
  height: 66.67vw;
  border: none;
  /* background-color: rgba(0, 0, 0, 0); */
  background-color: #FABD01;
}
.luckdrawpage .plate-box {
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 0;
  height: 0;
  font-size: 3.2vw;
}
.luckdrawpage .lines {
  position: absolute;
  width: 678rem;
  height: 678rem;
  top: 23.5rem;
  left: 23.5rem;
  z-index: 10;
}
.luckdrawpage .lines .line {
  width: 6rem;
  height: 339rem;
  background: #FFC93E;
  position: absolute;
}
.luckdrawpage .bulb {
  position: absolute;
  width: 2.14vw;
  height: 2.14vw;
  left: 50%;
  top: -32.27vw;
  transform: translate(-50%, 0);
  border-radius: 50%;
  background-color: #fff;
  filter: blur(0.5rpx);
}
.luckdrawpage .img-box {
  position: absolute;
  text-align: center;
  display: inline-block;
  /* width: 16vw; */
  /* height: 16vw; */
  top: -25vw;
  transform: translate(-50%, 0);
  font-size: 3.74vw;
  line-height: 1.2;
}
.luckdrawpage .img-box.textcur {
  top: -21vw;
  width: 13vw;
  height: 13vw;
}
.luckdrawpage .text-box {
  position: absolute;
  text-align: center;
  display: inline-block;
  width: 100%;
  bottom: 0;
  transform: translate(-50%, 0);
  font-size: 29rem;
  line-height: 30rem;
  color: #000000;
  z-index: 1;
  height:60rem;
  display:-webkit-box;azimuth;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 99rem;
}
.luckdrawpage .bgimg {
  position: absolute;
  z-index: 0;
  left: 50%;
  opacity: 0.7;
}
.luckdrawpage .text-box.simgcur {
  top: -26.5vw;
  font-size: 3vw;
}
.luckdrawpage .plate-btn-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 202rem;
  height: 202rem;
  border-radius: 50%;
}
.luckdrawpage .plate-btn-wrap::before {
  content: "";
  position: absolute;
  z-index: 9;
  left: 50%;
  top: -78rem;
  transform: translate(-50%, 0);
  width: 40rem;
  height: 80rem;
  background: url("../../images/luckdraw/zhizhen.png") 100% 100%;
  background-size: 100% 100%;
}
.luckdrawpage .plate-btn-box {
  position: relative;
  z-index: 11;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #D5423E;
}
.luckdrawpage .plate-inner-btn {
  position: relative;
  z-index: 999;
  width: 180rem;
  height: 180rem;
  border-radius: 50%;
  background: linear-gradient(to bottom, #FE924C, #FC6A6E);
  font-size: 3.74vw;
  color: #fff;
}
.luckdrawpage .plate-inner-btn .start {
  font-size: 40rem;
  color: #ffffff;
  line-height: 50rem;
}
.luckdrawpage .plate-inner-btn .auto {
  font-size: 23rem;
  color: #FFF7AC;
}
.luckdrawpage .plate-out {
  z-index: 0;
  width: 73vw;
  height: 73vw;
  border: none;
  background-color: #FFEE01;
}
.luckdrawpage .bulb.point {
  background: #FFF102;
  color: #FC8607;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: solid 1px transparent; */
}
.luckdrawpage .bulb .p {
  /* position: absolute; */
  width: 1vw;
  height: 1vw;
  background-color: #FC8607;
  border-radius: 50%;
  /* margin:0.57vw auto; */
  /* left: 50%;
  top: -32.27vw;
  transform: translate(-50%, 0);
  border-radius: 50%;
  background-color: #FC8607;
  filter: blur(0.5rpx); */
}

.rewordtip {
  height: 100vh;
  margin: auto;
  position: fixed;
  top: 0;
  z-index: 1000010;
  background: rgba(0, 0, 0, 0.5);
}
.rewordtip .contant {
  width: 643rem;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #4F4F4F;
  padding-bottom: 20rem;
  transform: translate(-50%, -50%);
}
.rewordtip .contant .close {
  position: absolute;
  top: -40rem;
  right: -40rem;
  width: 94rem;
  height: 94rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  color: #000000;
  font-size: 60rem;
  text-align: center;
  line-height: 110rem;
}
.rewordtip .contant .title {
  height: 88rem;
  width: 100%;
  background: url(../../images/luckdraw/tipbg.png) 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  color: #000000;
  font-size: 35rem;
  line-height: 88rem;
}
.rewordtip .contant .text {
  font-size: 32rem;
  padding: 16rem 20rem;
  line-height: 40rem;
}
.rewordtip .contant .tips {
  color: #D40000;
  line-height: 50rem;
  padding: 10rem 20rem;
  font-size: 32rem;
}
.rewordtip .contant .tips p {
  margin: 0;
  padding-left: 40rem;
  position: relative;
}
.rewordtip .contant .tips p::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0rem;
}
.rewordtip .contant .limittime {
  width: 579rem;
  line-height: 90rem;
  color: #ffffff;
  font-size: 38rem;
  text-align: center;
  background: #AA2020;
  margin: 20rem auto;
}

.cumulativepage .con {
  padding: 14rem 14rem 25rem 14rem;
  margin: 12rem 12rem 0 12rem;
  width: auto;
  box-sizing: border-box;
  background: #ffffff;
  min-height: calc(100vh - 139rem);
}
.cumulativepage .con .detail {
  width: 100%;
  height: 469rem;
  background: url("../../images/member/cumlativepage_topbg.png") 100% 100%;
  background-size: 100% 100%;
  padding: 100rem;
  text-align: center;
  position: relative;
}

.cumulativepage .con .detail .titname {
  position: absolute;
  font-size: 39rem;
  font-weight: normal;
  color: #ECDBC7;
  line-height: 45rem;
  top: 50rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.cumulativepage .con .detail .item {
  width: 50%;
  line-height: 46rem;
  padding: 18rem 10rem;
  margin-bottom: 14rem;
}
.cumulativepage .con .detail .item .name {
  font-size: 29rem;
  color: #FFD566;
}
.cumulativepage .con .detail .item .num {
  color: #ffffff;
  font-size: 35rem;
}
.cumulativepage .con .bottom {
  width: 651rem;
  height: 758rem;
  margin: 15rem auto;
  background: url("../../images/member/cumlativepage_bottombg2.png") 100% 100%;
  background-size: 100% 100%;
  padding: 115rem 0 80rem;
}

.cumulativepage .con .bottom .name {
  color: #ECDBC7;
  font-size: 41rem;
  text-align: center;
}

.cumulativepage .con .bottom .list {
  background: #FFFCEC;
  margin: 26rem 19rem;
  padding: 10rem 14rem 10rem;
  border-radius: 10rem;
}

.cumulativepage .con .bottom .list .blue {
  color: #2D3349;
}

.cumulativepage .con .bottom .list .item .itm {
  flex: 1;
}

.cumulativepage .con .bottom .list .nav {
  font-size: 26rem;
  color: #A47833;
  border-bottom: 4rem #2D3349 solid;
  padding: 10rem 0;
  text-align: center;
  margin-bottom: 10rem;
}

.cumulativepage .con .bottom .list .cont {
  color: #A47833;
  font-size: 23rem;
  padding: 7rem 0;
  line-height: 30rem;
}

.cumulativepage .con .bottom .list .cont .itm {
  padding: 12rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cumulativepage .con .bottom .list .text-right {
  padding-right: 30rem;
}
.cumulativepage .con .bottom .list .cont:nth-child(2n) {
  background: #EAE8DB;
}

.accountdtailpage .con {
  margin-top: 15rem;
  background: #ffffff;
}
.accountdtailpage .con .date {
  position: relative;
}
.accountdtailpage .con .contlist {
  height: calc(100vh - 364rem);
  overflow-y: scroll;
}
.accountdtailpage .con .btns {
  padding: 5rem 70rem 10rem;
}
.accountdtailpage .con .btns .btn {
  width: 119rem;
  height: 67rem;
  border-radius: 50rem;
  margin: auto;
  padding: 8rem;
}
.accountdtailpage .con .btns .btn .text {
  width: 100%;
  color: #ffffff;
  text-align: center;
  border-radius: 50rem;
  line-height: 52rem;
  font-size: 34rem;
}
.accountdtailpage .con .btns .day {
  background: #4C8BE1;
}
.accountdtailpage .con .btns .day .text {
  background: #0A62C9;
}
.accountdtailpage .con .btns .week {
  background: #7AE2FB;
}
.accountdtailpage .con .btns .week .text {
  background: #2AB0E2;
}
.accountdtailpage .con .btns .month {
  background: #FFF9A6;
}
.accountdtailpage .con .btns .month .text {
  background: #FDB308;
}
.accountdtailpage .con .list {
  padding-bottom: 10rem;
}
.accountdtailpage .con .list .one {
  flex: 0.8;
}
.accountdtailpage .con .list .two {
  flex: 1.2;
}
.accountdtailpage .con .list .three {
  flex: 3;
}
.accountdtailpage .con .list .head {
  padding: 20rem 20rem 20rem 10rem;
  font-size: 25rem;
  color: #3C3C3C;
  background: #DBE9DA;
}
.accountdtailpage .con .list .cont {
  font-size: 25rem;
  color: #3C3C3C;
  border-bottom: solid var(--primary-color) 1px;
  margin: 0 15rem;
  padding: 10rem 0;
}
.accountdtailpage .con .list .cont .one {
  padding-right: 10rem;
}
.accountdtailpage .con .list .red {
  color: #FF0000;
}

.shareblock {
  padding: 40rem 0;
}
.shareblock .textblock {
  padding: 0 50rem;
}
.shareblock .textblock .text {
  color: #565656;
  font-size: 29rem;
  margin-right: 10rem;
}
.shareblock .linkcon {
  margin: 30rem;
  background: #EEEEEE;
  color: #000000;
  padding: 15rem 20rem;
  line-height: 34rem;
  position: relative;
  min-height: 98rem;
}
.shareblock .linkcon .link {
  word-break: break-all;
  padding-right: 75rem;
  font-size: 23rem;
}
.shareblock .linkcon .fuzhi {
  padding: 0 20rem;
  position: absolute;
  top: 19rem;
  right: 20rem;
}
.shareblock .btns {
  margin: 10rem 65rem;
}
.shareblock .btns .btn {
  margin-right: 80rem;
}

.minnum {
  padding: 20rem 16rem;
}
.minnum .item {
  width: 325rem;
  text-align: center;
  border-radius: 84rem;
  color: #ffffff;
  font-size: 40rem;
  height: 84rem;
}
.minnum .item span {
  color: #FFEA00;
  padding: 0 10rem;
}
.minnum .left {
  background: #69A197;
}
.minnum .left .img {
  margin-right: 10rem;
}
.minnum .right {
  line-height: 84rem;
  background: #AFAF61;
}

.xc-practice-min .scroll {
  height: 70vh;
  overflow: scroll;
}
.xc-practice-min .popcon {
  padding: 0;
  height: auto;
  overflow: hidden;
}

.xc-practice-min .newpractice .newpractice-item .itemblock {
  min-width: 150rem;
}

.orderdtaillineblock {
  height: 78vh;
  overflow: auto;
  padding: 40rem 20rem 20rem 20rem;
  font-size: 29rem;
}
.orderdtaillineblock .red {
  color: #CD0001;
}
.orderdtaillineblock .green {
  color: #29AE22;
}
.orderdtaillineblock .blue {
  color: #413CD3;
}
.orderdtaillineblock .padding-left-xs {
  padding-left: 20rem;
}
.orderdtaillineblock .padding-left-sm {
  padding-left: 40rem;
}
.orderdtaillineblock .title {
  background: #B2DAFB;
  font-size: 35rem;
  color: #000000;
  padding: 8rem 0;
  line-height: 40rem;
  text-align: center;
  vertical-align: middle;
}
.orderdtaillineblock .cont .item {
  padding: 20rem 10rem;
  border-bottom: solid 4rem #D9EDFD;
}
.orderdtaillineblock .cont .item .num {
  padding-left: 20rem;
  padding-right: 10rem;
}
.orderdtaillineblock .cont .item .flex-1 {
  text-align: center;
}
.orderdtaillineblock .paystatus {
  background: #FFEBEB;
  padding: 10rem;
  text-align: center;
  margin: 20rem 0;
}
.orderdtaillineblock .news {
  border: solid 4rem #3780BF;
  border-radius: 10rem;
  overflow: hidden;
}
.orderdtaillineblock .news .tit {
  text-align: center;
  color: #CE1717;
  font-size: 35rem;
  background: #FFFAC6;
  padding: 16rem 0;
  border-bottom: solid 4rem #3780BF;
}
.orderdtaillineblock .news .con .itm {
  padding: 10rem;
  color: #0039A2;
}
.orderdtaillineblock .news .con .itm .label {
  color: #000000;
  font-size: 32rem;
  padding-left: 50rem;
  width: 200rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}
.remarkbox {
  border: solid #3780BF 6rem;
  border-radius: 20rem;
  overflow: hidden;
  margin-top: 32rem;
}
.remarkbox .tit {
  margin: auto;
  background: #FFFAC6;
  padding: 20rem 0;
  color: #CE1717;
  line-height: 33rem;
  font-size: 35rem;
  width: 100%;
  border-bottom: solid #3780BF 6rem;
}
.remarkbox .cont {
  padding: 10rem 20rem;
  min-height: 140rem;
  color: #0039A2;
  line-height: 46rem;
  font-size: 32rem;
  text-align: left;
}

.giftlists {
  background: #FDF2E3;
  padding: 20rem 40rem;
  margin: 0 20rem 16rem;
}
.giftlists .tit {
  color: #2E2D2D;
  font-size: 26rem;
  margin-bottom: 4rem;
}
.giftlists .items {
  color: #488141;
  font-size: 26rem;
  line-height: 40rem;
  padding-left: 40rem;
  margin-bottom: 4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.giftlists .items::before {
  content: "";
  display: inline-block;
  vertical-align: 5rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #488141;
}

.imagerightorcancel {
  background: var(--primary-color);
}
.autosetcolor
{
  background: var(--primary-color);
}

@media screen and (min-width: 750px) {
  .IndexPage .other {
    right: calc((100vw - 750rem) / 2 - 4px);
  }
}