/* newCenter.html */
.new-center-list {
  padding: 0 0.9375rem;
  font-size: 0.9375rem;
}
.new-center-list a {
  display: flex;
  align-items: center;
}
.new-center-list .flex-center {
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 0.75rem;
}
.new-center-list .rgt {
  padding: 1.5625rem 0;
  width: calc(100% - 3.5rem);
  height: 5.4375rem;
  border-bottom: 1px solid var(--ce);
}
.new-center-list .flex-layout {
  line-height: 0.9375rem;
}
.new-center-list .flex-layout p {
  font-size: 0.6875rem;
  color: var(--bd);
}
.new-center-list .btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--c9);
  margin-top: 0.625rem;
  line-height: 0.75rem;
}
.new-center-list .btm span {
  width: 0.5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--bc);
}
.new-center-list .single {
  width: 95%;
}

/* noticeDet.html */
.notice-det {
  font-size: 0.8125rem;
  padding: 1.5625rem 0.9375rem;
}
.notice-det .title {
  font-size: 1.125rem;
  line-height: 1.0625rem;
}
.notice-det .time {
  font-size: 0.75rem;
  color: var(--c9);
  line-height: 0.6875rem;
  margin: 0.8125rem 0 2.375rem;
}

/* pay.html */
.pay-news {
  height: 10.75rem;
  flex-direction: column;
  font-size: 0.75rem;
  color: var(--c9);
}
.pay-news > p {
  line-height: 0.75rem;
}
.pay-news div {
  display: flex;
  align-items: baseline;
  font-size: 1rem;
  color: var(--c3);
  margin: 0.75rem 0;
  line-height: 1.3125rem;
}
.pay-news div span {
  font-size: 1.6875rem;
}
.pay-list {
  margin: 0 0.9375rem;
  padding: 0 0.9375rem;
  border-radius: 0.625rem;
  background-color: var(--cl);
  font-size: 0.875rem;
}
.pay-list li:not(:last-child) {
  border-bottom: 1px solid var(--ce);
}
.pay-list li .center {
  flex: 1;
  margin: 0 0.625rem;
}
.pay-list .flex-center {
  width: 1.3125rem;
  height: 1.3125rem;
}
.pay-list li .check {
  width: 1.1875rem;
}
.pay-list label {
  display: flex;
  height: 3.625rem;
  align-items: center;
}

/* payResult.html */
.pay-result-news {
  margin: 3.875rem 0 3.25rem;
  flex-direction: column;
}
.pay-result-news img {
  width: 3.75rem;
}
.pay-result-news .title {
  font-size: 1rem;
  line-height: 0.9375rem;
  margin: 0.9375rem 0 2.8125rem;
}
.pay-result-btn {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 6.875rem);
  font-size: 0.875rem;
}
.pay-result-btn a {
  width: 7.5rem;
  height: 2.125rem;
  color: var(--c9);
  border-radius: 1.25rem;
  border: 1px solid var(--cc);
}
.pay-result-btn a:last-child {
  color: var(--og);
  border: 1px solid var(--og);
}
.pay-like {
  font-size: 0.9375rem;
}
.pay-like span {
  width: 2.125rem;
  height: 0.0625rem;
  background-color: var(--cc);
  margin: 0 0.8125rem;
}
.index-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem;
  font-size: 0.8125rem;
  justify-content: space-between;
}
.index-list li {
  background-color: var(--cl);
  border-radius: 0.625rem;
  width: 10.4375rem;
  margin-bottom: 0.6875rem;
}
.index-list .flex-center {
  width: 10.4375rem;
  height: 10.4375rem;
  border-radius: 0.625rem 0.625rem 0 0;
  overflow: hidden;
}
.index-list li div {
  padding: 0.6875rem;
}
.index-list .multi {
  height: 2.25rem;
}
.index-list .price {
  display: flex;
  align-items: baseline;
  font-size: 0.75rem;
  color: var(--bc);
  margin-top: .3rem;
}
.index-list .price span {
  font-size: 0.9375rem;
}
.index-list .flex-layout {
  font-size: 0.6875rem;
  color: var(--c9);
}
.index-list .flex-layout span {
  text-decoration: line-through;
}

/* set.html */
.set-list {
  padding: 0.9375rem;
  font-size: 0.875rem;
}
.set-list a {
  display: flex;
  align-items: center;
  height: 2.8125rem;
}
.set-list .flex-center {
  width: 1.25rem;
  height: 1.1875rem;
}
.set-list .center {
  flex: 1;
  margin: 0 0.6875rem;
}
.quit {
  background: transparent;
  border-radius: 0.625rem;
  color: var(--c9);
  border: 1px solid var(--cc);
  margin-left: 0.9375rem;
}

/* personal.html */
.personal-news {
  padding: 2.6875rem 0;
  font-size: 0.8125rem;
}
.personal-news label {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.personal-news .flex-center {
  width: 4.25rem;
  height: 4.25rem;
  margin-bottom: .5rem;
  border-radius: 50%;
  overflow: hidden;
}
.set-list div {
  color: var(--c9);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

/* updUser.html */
.upd-list {
  padding: 0.9375rem;
  font-size: 0.875rem;
}
.upd-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.125rem;
  border-bottom: 1px solid var(--ce);
}
.upd-list p {
  width: 25%;
}
.upd-list input {
  flex: 1;
  height: 100%;
}
.upd-save {
  border-radius: 0.625rem;
}

/* updPhone.html */
.upd-phone-list {
  padding: 0.9375rem;
  font-size: 0.875rem;
}
.upd-phone-list li {
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ce);
}
.upd-phone-list p {
  width: 25%;
}
.upd-phone-list input {
  height: 2.25rem;
  flex: 1;
  text-align: right;
}
.upd-phone-list span {
  width: 5.5rem;
  height: 1.625rem;
  font-size: 0.8125rem;
  color: var(--og);
  border: 1px solid var(--og);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* address.html */
.address-list {
  font-size: 0.75rem;
  margin-bottom: 3.5rem;
}
.address-list li {
  background-color: var(--cl);
  margin-top: 0.8125rem;
}
.address-list .address-only {
  padding: 0.9375rem;
}
.address-list .flex-layout .left {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.address-list .left p {
  width: 2.125rem;
  height: 1rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  background-color: var(--bc);
  color: var(--cl);
  margin-left: 0.8125rem;
}
.address-list .flex-layout img {
  width: 1.9375rem;
}
.van-button--normal {
  height: 100%;
}
.upd-phone-list .site-prov {
  flex: 1;
  display: flex;
  align-items: center;
}
.upd-phone-list .layui-form-select {
  margin-right: .3rem;
}
.address-default {
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
.layui-form-switch {
  margin-top: 0;
}
.layui-form-onswitch {
  background-color: var(--bc);
  border-color: var(--bc);
}
.upd-phone-list select {
  flex: 1;
  height: 2.5rem;
}
.upd-phone-list .upd-label {
  align-items: inherit;
  height: auto;
  margin: 0.8125rem 0;
}
.upd-label label {
  flex: 1;
}
.upd-label .flex-center {
  width: 5.875rem;
  height: 5.875rem;
}

/* draw.html */
.draw-container {
  position: relative;
}
.draw-content {
  position: absolute;
  top: 0;
  width: 100%;
}
.draw-hd, .cart-hd {
  height: 2.75rem;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--cl);
}
.draw-hd i {
  height: 100%;
  width: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.draw-content .price {
  color: var(--cl);
  padding: 1.25rem 0.9375rem 0.875rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.draw-content .num {
  display: flex;
  align-items: baseline;
  color: var(--cl);
  padding: 0 0.9375rem;
  font-size: 0.9375rem;
}
.draw-content .num span {
  font-size: 1.375rem;
}
.draw-account-news {
  margin: 1.375rem 0.9375rem 0.8125rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
}
.draw-account-news .title {
  line-height: 2.625rem;
}
.draw-account-news .draw-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.35rem;
  border-bottom: 1px solid var(--ce);
}
.draw-account-news .draw-price input {
  width: 70%;
  height: 2.525rem;
  font-size: 0.9rem;
}
.draw-account-news .draw-price p {
  font-size: 0.875rem;
  color: var(--og);
}
.draw-account-news .flex-layout {
  font-size: 0.8125rem;
  height: 3.625rem;
}
.draw-account-to {
  background-color: var(--cl);
  border-radius: 0.625rem;
  margin: 0 0.9375rem;
  height: 3.375rem;
  font-size: 0.8125rem;
  padding: 0 0.9375rem;
}
.draw-account-to .rgt {
  display: flex;
  align-items: center;
}
.draw-account-to .flex-center {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.625rem;
}

/* drawTo.html */
.draw-to-list {
  padding: 0 0.9375rem;
  font-size: 0.9375rem;
}
.draw-to-list li {
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--ce);
}
.draw-to-list li .top {
  display: flex;
  align-items: center;
}
.draw-to-list .top .flex-center {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.375rem;
}
.draw-to-list .top .center {
  flex: 1;
}
.draw-to-list .top label img {
  width: 1.1875rem;
}
.draw-to-list .news {
  font-size: 0.75rem;
  color: var(--c9);
  padding-left: 1.625rem;
}
.draw-to-list .news p {
  margin-top: 0.5rem;
  line-height: 0.6875rem;
}

/* drawRec.html */
.draw-rec-list {
  padding: 0 0.9375rem;
  font-size: 1.0625rem;
}
.draw-rec-list li {
  padding: 0.9375rem 0;
  border-bottom: 1px solid var(--ce);
}
.draw-rec-list .status {
  font-size: 0.8125rem;
  color: var(--c6);
}
.draw-rec-list .bc {
  color: var(--bc);
}
.draw-rec-list .flex-layout div {
  font-size: 0.875rem;
}
.draw-rec-list .flex-layout .time {
  font-size: 0.75rem;
  color: var(--c9);
}
.draw-rec-list .reject {
  font-size: 0.75rem;
  color: var(--bc);
  margin-top: .2rem;
}

/* transfer.html */
.transfer-content {
  margin: 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  font-size: 0.9375rem;
}
.transfer-content .top {
  background-color: var(--f5);
  border-radius: 0.625rem 0.625rem 0 0;
  padding: 1.0625rem 0.9375rem 0;
}
.transfer-content .left {
  display: flex;
  align-items: center;
}
.transfer-content .left .flex-center {
  width: 1.375rem;
  height: 1.375rem;
  margin-right: .5rem;
}
.transfer-content select {
  margin-left: 1.875rem;
  height: 2.5rem;
  background-color: transparent;
  width: calc(100% - 1.875rem);
}
.transfer-list {
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
}
.transfer-list li {
  padding: 1.25rem 0 0.25rem;
}
.transfer-list li:not(:last-child) {
  border-bottom: 1px solid var(--ce);
}
.transfer-list li p {
  line-height: 0.8125rem;
}
.transfer-list input {
  width: 100%;
  height: 2.625rem;
  font-size: 0.875rem;
}
.transfer-rec {
  font-size: 0.875rem;
  color: var(--bc);
  display: flex;
  align-items: center;
  padding-bottom: 0.9375rem;
}
.transfer-rec img {
  width: 0.5rem;
  margin-left: .3rem;
}

/* recharge.html */
.recharge-price {
  margin: 0.625rem 0.625rem 0;
  position: relative;
}
.recharge-price div {
  color: var(--cl);
  font-size: 0.75rem;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.recharge-price .num {
  display: flex;
  align-items: baseline;
  font-size: 1.0625rem;
  margin-top: .2rem;
}
.recharge-price .num span {
  font-size: 1.5rem;
}
.recharge-title {
  line-height: 2.5rem;
  padding: 0 0.9375rem;
  font-size: 0.9375rem;
}
.recharge-nav {
  font-size: 0.875rem;
  margin: 0 0.9375rem;
}
.recharge-nav li {
  width: 6.6875rem;
  height: 5rem;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--f5);
  position: relative;
}
.recharge-nav .flex-center {
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: .2rem;
}
.recharge-nav li > img {
  width: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
}
.recharge-nav .active {
  background-color: var(--bc2);
  border: 1px solid var(--bc);
  color: var(--bc);
}
.check-img {
  display: none;
}
.recharge-imgs {
  margin: 0.9375rem 0.9375rem 0;
  border-radius: 0.625rem;
  background-color: var(--bc2);
  flex-direction: column;
  font-size: 0.8125rem;
  padding: 0.9375rem 0;
}
.recharge-imgs .flex-center {
  width: 8.5rem;
  height: 8.5rem;
  margin-bottom: .5rem;
}
.recharge-bank {
  margin: 0.9375rem 0.9375rem 0;
  border-radius: 0.625rem;
  background-color: var(--bc2);
  padding: 0.9375rem;
  font-size: 0.8rem;
}
.recharge-bank p{
  font-size: 1rem;
  padding-bottom: 0.2375rem;
}
.recharge-bank div {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
}
.recharge-bank .flex-center {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .5rem;
}
.recharge-acc-list {
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
}
.recharge-acc-list li {
  padding: 0.9375rem 0 0;
}
.recharge-acc-list li:not(:last-child) {
  border-bottom: 1px solid var(--ce);
}
.recharge-acc-list div {
  height: 2.5rem;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}
.recharge-acc-list div input {
  font-size: 0.9375rem;
  flex: 1;
  height: 100%;
}
.recharge-acc-list .uploads_image {
  width: 5.875rem;
  height: 5.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.9375rem 0;
}

/* myTeam.html */
.team-header {
  background-color: var(--bc);
  color: var(--cl);
}
.my-team-nav {
  padding: 0.9375rem;
  background: linear-gradient(to bottom, var(--bc) 50%, var(--cl) 51%);
  display: flex;
  justify-content: space-between;
  font-size: 0.6875rem;
  color: var(--c9);
}
.my-team-nav li {
  position: relative;
  width: 10.375rem;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}
.my-team-nav div {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}
.my-team-nav .flex-center {
  width: 1.625rem;
  height: 1.625rem;
  margin-bottom: 0.625rem;
}
.my-team-nav .price {
  display: flex;
  align-items: baseline;
  font-size: 0.8125rem;
  color: var(--c3);
}
.my-team-nav .price span {
  font-size: 1.1875rem;
}
.my-team-user {
  padding: 0 0.9375rem;
  font-size: 1rem;
  display: flex;
}
.my-team-user div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.my-team-user div p:last-child {
  width: 1rem;
  height: 0.1875rem;
  background-color: var(--bc);
  border-radius: .5rem;
  margin-top: .2rem;
}
.my-team-list {
  padding: 0 0.9375rem;
  font-size: 0.75rem;
  color: var(--c9);
}
.my-team-list li {
  padding: 0.9375rem 0;
  display: flex;
  border-bottom: 1px solid var(--ce);
}
.my-team-list .flex-center {
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 50%;
  margin-right: .5rem;
}
.my-team-list .rgt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.my-team-list .name {
  font-size: 0.875rem;
  color: var(--c3);
  display: flex;
  align-items: center;
}
.my-team-list .name span {
  min-width: 1.6875rem;
  height: 0.9375rem;
  border-radius: 0.25rem;
  background: linear-gradient(to right, var(--og), var(--og1));
  color: var(--cl);
  font-size: 0.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .2rem;
  margin-left: .5rem;
}
.my-team-list .price {
  display: flex;
  align-items: baseline;
  font-size: 0.75rem;
  color: var(--c3);
}
.my-team-list .price span {
  font-size: 0.9375rem;
}

/* service.html */
.service-content .draw-hd {
  color: var(--c3);
}
.service-news {
  display: flex;
  padding: 0.625rem 0.9375rem 0.3125rem;
  justify-content: space-between;
}
.service-news div {
  font-size: 0.75rem;
  color: var(--c6);
}
.service-news img {
  width: 6.8125rem;
}
.service-news .title {
  font-size: 1.125rem;
  margin: 0.625rem 0;
  color: var(--c3);
}
.service-tel {
  margin: 0 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 0.8125rem;
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
}
.service-tel img {
  width: 3.4375rem;
  margin-right: .5rem;
}
.service-tel .tel {
  font-size: 1rem;
}
.service-tel div {
  height: 3.125rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service-tel .contact-tel {
  width: 3.875rem;
  height: 1.75rem;
  border-radius: 1rem;
  background-color: var(--bc);
  color: var(--cl);
  font-size: 0.875rem;
}
.service-wx {
  margin: 0.9375rem;
  background-color: var(--cl);
  padding: 0.8125rem;
  border-radius: 0.625rem;
}
.service-wx .top {
  display: flex;
}
.service-wx .top img {
  width: 3.4375rem;
  height: 3.4375rem;
  margin-right: .5rem;
}
.service-wx .top div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  font-size: 0.8125rem;
}
.service-wx .top .name {
  font-size: 1rem;
}
.service-wx .btm {
  padding-left: 3.9375rem;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}
.service-wx .btm .flex-center {
  width: 8.375rem;
  height: 8.375rem;
  margin: 0.9375rem 0;
}
.complaint-list {
  margin-top: 0.8125rem;
  font-size: 0.8125rem;
}
.complaint-list > li {
  background-color: var(--cl);
  padding-bottom: 1rem;
}
.complaint-list .flex-layout {
  height: 2.4375rem;
  font-size: 0.75rem;
  color: var(--c6);
  padding: 0 0.9375rem;
  background: var(--e5);
}
.complaint-list .flex-layout span {
  color: var(--bc);
  font-size: 0.875rem;
}
.complaint-list .content {
  padding: 1rem 1rem 0;
  word-wrap: break-word;
}
.complaint-imgs {
  padding: 0.4375rem 0.875rem 0;
  display: flex;
  flex-wrap: wrap;
}
.complaint-imgs li {
  width: 5.0625rem;
  height: 5.0625rem;
  border-radius: 0.625rem;
  margin-top: 0.4375rem;
}
.complaint-imgs li:not(:nth-child(4n)) {
  margin-right: 0.4375rem;
}
.complaint-list .reply {
  margin: 0.9375rem 0.9375rem 0;
  border-radius: 0.625rem;
  background-color: var(--f5);
  padding: 0.8125rem;
  font-size: 0.8125rem;
  color: var(--bc);
}
.complaint-list .reply div {
  font-size: 0.75rem;
}

/* myComplain.html */
.my-complain {
  padding: 0.875rem;
}
.my-complain textarea {
  width: 100%;
  height: 6.5rem;
  font-size: 0.875rem;
}
.my-complain ul {
  display: flex;
  flex-wrap: wrap;
}
.my-complain li {
  position: relative;
  margin-bottom: .5rem;
}
.my-complain li:not(:nth-child(4n)) {
  margin-right: 0.4375rem;
}
.my-complain img {
  width: 5.0625rem;
  height: 5.0625rem;
}
.my-complain .cancel {
  width: 1.3125rem;
  height: 1.3125rem;
  position: absolute;
  top: 0;
  left: 0;
}

/* share.html */
.share-name {
  margin: 1.5125rem 2.5rem;
  width: calc(100% - 5rem);
}
.share-news {
  position: relative;
  width: calc(100% - 1.75rem);
  left: 1.1875rem;
}
.share-news div {
  position: absolute;
  left: 50%;
  top: 1.25rem;
  font-size: 0.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  width: 80%;
}
.share-news .code {
  font-size: 1.375rem;
  color: var(--bc);
  font-weight: 700;
  margin: 0.9375rem 0 1.875rem;
  line-height: 1.0625rem;
}
.share-news div .flex-center {
  width: 10.5rem;
  height: 10.5rem;
}
.share-news .copy {
  width: 12.5625rem;
  height: 2.125rem;
  margin: 1.875rem 0;
}

/* logistics.html */
.logistics-pro {
  margin: 0.9375rem;
  background-color: var(--f5);
  border-radius: 0.625rem;
  display: flex;
}
.logistics-pro .flex-center {
  width: 6.9375rem;
  height: 6.9375rem;
  border-radius: 0.625rem 0 0 0.625rem;
  overflow: hidden;
}
.logistics-pro .rgt {
  flex: 1;
  padding: 0.9375rem;
  font-size: 1.0625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.logistics-pro .rgt .num {
  font-size: 0.875rem;
}
.logistics-pro .btm {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  color: var(--c9);
}
.logistics-pro .btm span {
  width: 2.5rem;
  height: 1.125rem;
  font-size: 0.75rem;
  color: var(--c3);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cc);
  margin-right: 0.625rem;
}
.layui-timeline {
  padding: 0.9375rem;
  color: var(--c9);
}
.layui-timeline-content {
  color: var(--c9);
}
.layui-timeline .active, .active .layui-timeline-content {
  color: var(--c3);
}
.layui-timeline .flex-center {
  width: 1.1875rem;
  height: 1.1875rem;
  z-index: 1;
}
.layui-timeline-content {
  flex: 1;
  padding-left: .8125rem;
  font-size: 0.6875rem;
}
.layui-timeline-content .title {
  font-size: 0.8125rem;
}
.layui-timeline-item {
  display: flex;
}
.layui-timeline .time {
  font-size: 0.75rem;
  width: 13%;
}
.layui-timeline .active .time {
  font-size: 0.875rem;
}
.layui-timeline .active .layui-timeline-content {
  font-size: 0.8125rem;
}
.layui-timeline .active .title {
  font-size: 0.9375rem;
}
.layui-timeline-item:before {
  left: 3.4rem;
}

/* login.html */
.login-container {
  position: relative;
}
.login-content {
  position: absolute;
  top: 30%;
  width: calc(100% - 4.375rem);
  left: 2.1875rem;
  font-size: 1.3125rem;
}
.login-list {
  font-size: 0.8125rem;
  padding-top: 1.25rem;
}
.login-list li {
  margin-top: 2.0625rem;
  border-bottom: 1px solid var(--ce);
}
.login-list li div {
  display: flex;
  align-items: center;
  height: 2.5rem;
}
.login-list li input {
  height: 100%;
  flex: 1;
  font-size: 0.9375rem;
}
.forget-psd {
  height: 3rem;
  font-size: 0.8125rem;
  color: var(--c6);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.login-agr, .login-number {
  font-size: 0.8125rem;
  color: var(--c9);
}
.login-agr span {
  color: var(--og);
}
.login-number {
  padding-bottom: 1rem;
}
.login-number a {
  color: var(--bc);
}
.login-content .save {
  margin: 0.8125rem 0;
  width: 100%;
}

/* retrieve.html */
.forget-hd {
  position: absolute;
  top: 0;
  width: 100%;
  color: var(--c3);
}
.forget-content {
  top: 10%;
}
.forget-content .login-list {
  padding-bottom: 1rem;
}
.login-list .code {
  color: var(--og);
  width: 30%;
  text-align: center;
  border-left: 1px solid var(--og);
  font-size: 0.875rem;
  font-weight: 700;
}

/* register.html */
.register-content {
  top: 6.25rem;
}
.register-content .login-list li {
  margin-top: 1.5625rem;
}
.register-agr {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  color: var(--c9);
  padding-top: 1rem;
}
.register-agr img {
  width: 0.8125rem;
  margin-right: 0.625rem;
}
.register-agr span {
  color: var(--og);
}

/* proList.html */
.pro-list-search {
  height: 2.75rem;
  background-color: var(--cl);
  display: flex;
  align-items: center;
  padding-right: 0.9375rem;
  font-size: 0.875rem;
}
.pro-list-search i {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-list-search .rgt {
  height: 1.9375rem;
  background-color: var(--f5);
  border-radius: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}
.pro-list-search .rgt img {
  width: 0.9375rem;
  margin: 0 .5rem;
}
.pro-list-search .rgt input {
  flex: 1;
  height: 100%;
}
.pro-list-search .rgt .flex-center {
  width: 3.25rem;
  height: 1.5625rem;
  border-radius: 1rem;
  background-color: var(--bc);
  color: var(--cl);
}
.pro-list-nav {
  background-color: var(--cl);
  font-size: 0.875rem;
  color: var(--c9);
  display: flex;
}
.pro-list-nav li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro-list-nav div {
  display: flex;
  align-items: center;
  height: 2.3125rem;
}
.pro-list-nav div .flex-center {
  width: 0.375rem;
  margin-left: .2rem;
}
.pro-list-nav li > p {
  width: 0.9375rem;
  height: 0.1875rem;
  border-radius: .5rem;
  background-color: transparent;
}
.pro-list-nav .active {
  color: var(--bc);
}
.pro-list-nav .active > p {
  background-color: var(--bc);
}

/* search.html */
.search-history {
  height: 2.5rem;
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 700;
}
.search-history img {
  width: 0.875rem;
}
.search-list {
  padding: 0.9375rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  color: var(--c6);
}
.search-list .only {
  min-width: 3.0625rem;
  height: 1.5rem;
  border-radius: 1rem;
  background-color: var(--f5);
  margin-bottom: .5rem;
  margin-right: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .2rem;
}
.pro-list-data {
  width: 13.8125rem;
  font-size: 0.875rem;
  color: var(--c9);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* index.html */
.index-container {
  position: relative;
}
.index-content {
  position: absolute;
  top: 0;
  padding-bottom: 3.125rem;
  width: 100%;
}
.index-search {
  padding: 0 0.9375rem;
  background-color: transparent;
}
.index-search .rgt {
  padding-right: .2rem;
}
.index-swiepr {
  margin: 0.9375rem;
}
.index-swiepr .swiper {
  height: 10.625rem;
}
.swiper-nav .swiper {
  height: 11.4375rem;
}
.carousel-nav {
  background-color: var(--cl);
  border-radius: 0.625rem;
}
.nav-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  width: 100%;
  height: 100%;
}
.nav-list li {
  width: 25%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0;
}
.nav-list li .flex-center {
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 50%;
  margin-bottom: .5rem;
}

.index-shop-nav {
  margin: 0 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  height: 12.1875rem;
  display: flex;
}
.index-shop {
  font-size: 1rem;
  flex: 1;
}
.index-shop li {
  justify-content: space-between;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  width: 10.4375rem;
  height: 6.0625rem;
  position: relative;
}
.shop-nav-left li, .shop-nav-left {
  height: 100%;
  display: block;
  padding-top: .4rem;
}
.index-shop .flex-center {
  width: 3.9375rem;
  height: 4.1875rem;
  position: absolute;
  right: 0.1875rem;
}
.shop-nav-left {
  border-right: 1px solid var(--ce);
}
.shop-nav-left .flex-center {
  width: 7.6875rem;
  height: 7.375rem;
  position: absolute;
  bottom: 0.4375rem;
  right: 0.5625rem;
}
.index-shop li:nth-child(2) {
  border-top: 1px solid var(--ce);
}
.index-shop .hint {
  font-size: 0.6875rem;
  color: var(--c9);
  word-break: keep-all;
  margin: .2rem 0;
}
.index-shop .go {
  width: 2.8125rem;
  height: 1.25rem;
  background-color: var(--bc2);
  border-radius: 1rem;
  font-size: 0.75rem;
  color: var(--bc);
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-shop-group {
  padding: 0.75rem 0.625rem 0;
}
.index-title {
  margin-top: 0.9375rem;
  font-size: 1.125rem;
}
.index-title img {
  width: 1.375rem;
  margin: 0 0.8125rem;
}

.index-message {
  margin: 0 0.9375rem 0.6875rem 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  font-size: 1rem;
}

.message {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: .5rem;
}

.message i, .message a {
  width: 12%;
  height: 2.1rem;
  line-height: 2.1rem;
  text-align: center;
}

.message .layui-icon-speaker {
  color: var(--bc);
  font-weight: 700;
}

.message a {
  font-size: .7rem;
  display: flex;
  width: 14%;
  color: #999;
}

.message-news {
  width: 76%;
  height: 2.1rem;
  line-height: 2.1rem;
  overflow: hidden;
}

/* classify.html */
.classify-nav {
  height: 5.25rem;
  font-size: 0.75rem;
}
.classify-nav .active {
  color: var(--bc) !important;
}
.classify-nav .active .flex-center {
  border: 1px solid var(--bc);
}
.classify-nav .left span {
  width: 1.25rem;
  height: 0.1875rem;
  background-color: transparent;
  border-radius: 0.5rem;
}
.classify-nav .left .active span {
  background-color: var(--bc);
}

.classify-nav .left {
  overflow: auto;
}
.classify-nav ul {
  display: flex;
  height: 100%;
  align-items: center;
  width: fit-content;
}
.classify-nav li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.375rem;
}
.classify-nav li .flex-center {
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: .2rem;
}
.classify-nav .rgt {
  overflow: auto;
  width: 2.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  height: 100%;
  box-shadow: -0.125rem -0.25rem 0.25rem 0 rgba(0, 0, 0, .1);
}
.classify-nav .rgt .flex-center {
  width: 0.6875rem;
}
.classify-content {
  display: flex;
}
.classify-content .left {
  height: 100%;
  overflow: auto;
  font-size: 0.875rem;
  width: 30%;
}
.classify-content .left li {
  height: 3rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.classify-content .left .active {
  background-color: var(--cl);
  color: var(--bc);
}
.classify-content .left span {
  width: 0.1875rem;
  height: 1.25rem;
  background-color: transparent;
  border-radius: .5rem;
  margin-right: 0.75rem;
}
.classify-content .left .active span {
  background-color: var(--bc);
}
.classify-content .right {
  width: 70%;
  padding: 0 0.9375rem;
  font-size: 0.75rem;
  height: 100%;
  background-color: var(--cl);
}
.classify-content .right a {
  display: flex;
  align-items: center;
}
.classify-content .right .flex-center {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 0.625rem;
  margin-right: .5rem;
  overflow: hidden;
}
.classify-content .right .rgt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9375rem 0;
  height: 6.5rem;
  border-bottom: 1px solid var(--ce);
}
.classify-content .right .rgt img {
  width: 1.5rem;
}
.classify-content .old-price {
  font-size: 0.6875rem;
  color: var(--c9);
  text-decoration: line-through;
}
.classify-content .price {
  color: var(--bc);
  display: flex;
  align-items: baseline;
}
.classify-content .price span {
  font-size: 0.9375rem;
}
.cls-model {
  top: 2.75rem;
}
.cls-mdl-nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  background-color: var(--cl);
  padding: 0.5625rem 0;
  max-height: 70vh;
  overflow: auto;
}
.cls-mdl-nav li {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.5625rem 0;
}
.cls-mdl-nav .flex-center {
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.5625rem;
}
.cls-mdl-up {
  background-color: var(--cl);
  border-top: 1px solid var(--ce);
  font-size: 0.8125rem;
  height: 2.625rem;
  border-radius: 0 0 0.9375rem 0.9375rem;
}

/* cart.html */
.cart-container {
  position: relative;
}
.cart-content {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 6.1875rem;
}
.cart-hd p {
  font-weight: 400;
  font-size: 0.8125rem;
  position: absolute;
  right: 0.9375rem;
}
.cart-list {
  padding: 0.625rem 0.9375rem;
  font-size: 0.8125rem;
}
.cart-list li {
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 1.125rem 0.75rem;
  display: flex;
  margin-top: 0.8125rem;
  align-items: center;
}
.cart-list .check {
  width: 1.1875rem;
}
.cart-list .flex-center {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 0.625rem;
  margin: 0 .5rem;
}
.cart-list .rgt {
  width: calc(100% - 7.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 5.25rem;
}
.cart-list .spec {
  font-size: 0.6875rem;
  color: var(--c9);
  padding: 0 0.625rem;
  background-color: var(--f5);
  border-radius: 0.25rem;
  width: fit-content;
}
.cart-list .cart_price {
  display: flex;
  font-size: 0.75rem;
  color: var(--bc);
}
.cart-list .cart_price span {
  font-size: 0.9375rem;
}
.cart-list .stepper {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
}
.cart-list .stepper input {
  width: 2.125rem;
  height: 1.125rem;
  background-color: var(--f5);
  border-radius: 0.25rem;
  text-align: center;
}
.cart-list .stepper p {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 .3rem;
}
.cart-footer {
  background-color: var(--cl);
  height: 3.0625rem;
  padding: 0 0.9375rem;
  position: fixed;
  bottom: 3.125rem;
  border-bottom: 1px solid var(--ce);
  width: 100%;
  z-index: 1;
}
.cart-footer img {
  width: 1.1875rem;
  margin-right: .2rem;
  margin-right: .3rem;
}
.cart-footer .left {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.cart-footer .sum {
  font-size: 0.75rem;
  color: var(--c9);
  margin-left: 1rem;
}
.cart-footer .sum span {
  color: var(--bc);
  font-size: 0.9375rem;
}
.cart-footer .sum .freight {
  color: var(--c3);
  font-size: 0.75rem;
}
.cart-footer .rgt {
  text-align: center;
  display: block;
  line-height: 2.125rem;
  width: 5.125rem;
  height: 2.125rem;
  font-size: 0.875rem;
  color: var(--cl);
  border-radius: 1.2rem;
  background: linear-gradient(to right, var(--bc), var(--og));
}
.cart-footer .rgt span {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  background-color: var(--bc2);
  color: var(--bc);
}
.submit-del {
  display: flex;
  font-size: 0.875rem;
}
.submit-del li {
  min-width: 4.5rem;
  height: 2.125rem;
  background: linear-gradient(to right, var(--bc), var(--og));
  color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  padding: 0 .3rem;
  margin-left: .5rem;
}
.submit-del li:first-child {
  background: none;
  border: 1px solid var(--bc);
  color: var(--bc);
}

/* detail.html */
.detail-swiepr {
  position: relative;
}
.detail-swiepr .swiper {
  height: 100vw;
}
.detail-swiepr i {
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-news {
  background-color: var(--cl);
  border-radius: 0.8125rem 0.8125rem 0 0;
  position: relative;
  padding: 0.9375rem 0.9375rem 0;
  font-size: 0.875rem;
}
.detail-news .price {
  display: flex;
  align-items: baseline;
  font-size: 0.875rem;
  color: var(--bc);
  margin-bottom: 1rem;
}
.detail-news .price span {
  font-size: 1.25rem;
}
.detail-news .old {
  font-size: 0.75rem;
  color: var(--c9);
  text-decoration: line-through;
}
.detail-news .flex-layout {
  height: 2.5rem;
  font-size: 0.75rem;
  color: var(--c9);
}
.detail-spec-form {
  background-color: var(--cl);
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
}
.detail-spec-form li {
  height: 3.0625rem;
  display: flex;
  align-items: center;
}
.detail-spec-form input {
  height: 100%;
  flex: 1;
}
.detail-spec-form li:not(:last-child) {
  border-bottom: 1px solid var(--ce);
}
.detail-spec-form p {
  color: var(--c9);
  width: 15%;
}
.detail-title {
  height: 2.75rem;
  font-size: 0.8125rem;
  color: var(--c6);
}
.detail-title span {
  width: 0.9375rem;
  height: 0.0625rem;
  background-color: var(--cc);
  margin: 0 0.9375rem;
}
.detail-txt {
  font-size: 0.8125rem;
  padding: 0.9375rem;
  background-color: var(--cl);
  padding-bottom: 3.75rem;
}
.detail-footer {
  height: 3.0625rem;
  background-color: var(--cl);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0 0.9375rem;
  font-size: 0.75rem;
  color: var(--c6);
}
.detail-footer div {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.detail-footer div img {
  width: 1.25rem;
}
.detail-footer div span {
  font-size: 0.625rem;
  color: var(--cl);
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: var(--bc);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}
.detail-footer ul, .model-mdl-btn {
  display: flex;
  font-size: 0.875rem;
  color: var(--cl);
  align-content: center;
}
.detail-footer ul img {
  height: 2.25rem;
}
.model-mdl-btn img {
  height: 2.4375rem;
  width: 10.75rem;
}
.detail-footer ul li, .model-mdl-btn li {
  position: relative;
}
.detail-footer li p, .model-mdl-btn p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detail-hd {
  background-color: var(--cl);
  height: 2.75rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.detail-hd ul {
  font-size: 0.875rem;
  color: var(--c6);
  display: flex;
}
.detail-hd ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1rem;
}
.detail-hd div {
  line-height: 2.25rem;
}
.detail-hd p {
  width: 1.125rem;
  height: 0.25rem;
  border-radius: 0.1875rem;
  background-color: transparent;
}
.detail-hd .active {
  color: var(--c3);
  font-size: 1.0625rem;
}
.detail-hd .active p:last-child {
  background-color: var(--bc);
}
.detail-hd i {
  position: absolute;
  left: 0;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-mdl {
  background-color: var(--cl);
  border-radius: 0.9375rem 0.9375rem 0 0;
  padding: 0 0.9375rem 1rem;
  font-size: 0.8125rem;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.detail-mdl-pro {
  display: flex;
  align-items: end;
  position: relative;
  top: -1.875rem;
}
.detail-mdl-pro .flex-center {
  width: 5.875rem;
  height: 5.875rem;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-right: .5rem;
}
.detail-mdl-pro .rgt {
  flex: 1;
  font-size: 0.75rem;
  color: var(--c9);
  padding-bottom: .5rem;
  position: relative;
}
.detail-mdl-pro .rgt .price {
  color: var(--bc);
  display: flex;
  align-items: baseline;
}
.detail-mdl-pro .rgt .price span {
  font-size: 1.125rem;
}
.detail-mdl .cancel {
  position: absolute;
  width: 1.1875rem;
  top: 0;
  right: 0;
}
.detail-mdl-spec {
  font-weight: 700;
  position: relative;
  top: -0.625rem;
  max-height: 30vh;
  overflow: auto;
}
.detail-mdl-spec ul {
  margin-top: .5rem;
  font-weight: 400;
  color: var(--c6);
  display: flex;
  flex-wrap: wrap;
}
.detail-mdl-spec ul li {
  min-width: 5.375rem;
  height: 1.875rem;
  background-color: var(--f5);
  border-radius: 1rem;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .5rem;
  margin-bottom: .5rem;
}
.detail-mdl-spec ul .active{
  background: linear-gradient(to right, var(--og), var(--bc1));
  color: #fff;
}
.model-mdl-stepper {
  font-weight: 700;
  margin-bottom: 1rem;
}
.model-mdl-stepper div {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.model-mdl-stepper div p {
  width: 1.4375rem;
  height: 1.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.model-mdl-stepper div input {
  width: 2.75rem;
  height: 1.4375rem;
  font-size: 0.875rem;
  background-color: var(--f5);
  border-radius: 0.25rem;
  text-align: center;
}

/* submitOrder.html */
.submit-container {
  position: relative;
}
.submit-content {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 3.0625rem;
}
.submit-hd {
  height: 2.75rem;
  color: var(--cl);
  font-size: 0.9375rem;
  font-weight: 700;
  position: relative;
}
.submit-hd i {
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.submit-site {
  background-color: var(--cl);
  border-radius: 0.625rem;
  margin: 0.9375rem;
  padding: 1rem 0.8125rem;
  font-size: 0.8125rem;
}
.submit-site div div {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.submit-site img {
  width: 0.6875rem;
  margin-right: 0.625rem;
}
.submit-pro {
  margin: 0.8125rem 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 0 0.8125rem;
}
.submit-pro-list li {
  font-size: 0.75rem;
  display: flex;
  padding: 0.8125rem 0;
  border-bottom: 1px solid var(--ce);
}
.submit-pro-list .flex-center {
  width: 4.9375rem;
  height: 4.9375rem;
  border-radius: 0.625rem;
  margin-right: 0.625rem;
  overflow: hidden;
}
.submit-pro-list .center {
  flex: 1;
}
.submit-pro-list .spec {
  font-size: 0.6875rem;
  color: var(--c9);
}
.submit-pro-list .rgt {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.75rem;
  color: var(--c9);
}
.submit-pro-list .rgt .price {
  color: var(--bc);
  display: flex;
  align-items: baseline;
}
.submit-pro-list .rgt .price span {
  font-size: 0.875rem;
}
.submit-pro-form {
  font-size: 0.875rem;
}
.submit-pro-form li {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.submit-pro-form input {
  flex: 1;
  height: 100%;
  text-align: right;
}
.submit-footer {
  height: 3.0625rem;
  background-color: var(--cl);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0 0.9375rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.submit-footer div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.submit-footer span {
  font-size: 0.9375rem;
  color: var(--bc);
}
.submit-footer .freight {
  font-size: 0.6875rem;
  color: var(--c9);
}
.submit-footer .freight span {
  color: var(--c3);
  font-size: 0.75rem;
}
.submit-footer > p {
  width: 5.9375rem;
  height: 2.25rem;
  border-radius: 1.3rem;
  background: linear-gradient(to right, var(--bc), var(--og));
  font-size: 0.875rem;
  color: var(--cl);
  margin-left: 0.8125rem;
}
.profile-content {
  padding-bottom: 3.125rem;
}
.profile-set {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.75rem;
}
.profile-set li {
  position: relative;
  margin-right: 0.8125rem;
}
.profile-set img {
  width: 1.5rem;
}
.profile-set span {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: var(--og1);
  position: absolute;
  top: .2rem;
  right: 0;
}
.profile-news {
  padding: 1.25rem 0.9375rem;
  display: flex;
}
.profile-news .flex-center {
  width: 4.08375rem;
  height: 4.08375rem;
  border: 2px solid var(--cl);
  overflow: hidden;
  border-radius: 50%;
  margin-right: .5rem;
}
.profile-news .rgt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1.0625rem;
  color: var(--cl);
}
.profile-news .rgt div {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
}
.profile-news .rgt .user-level {
  margin-right: .5rem;
  background-color: #000;
  padding: 0.25rem 0.4rem;
  width: fit-content;
  border-radius: 1rem;
}
.profile-news .rgt img {
  width: 0.875rem;
  margin-right: .2rem;
}
.profile-nav {
  display: flex;
  font-size: 0.75rem;
  color: var(--cl);
  flex-wrap: wrap;
}
.profile-nav li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 0.5rem 0;
}
.profile-nav p {
  display: flex;
  align-items: baseline;
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
  line-height: 0.9375rem;
}
.profile-nav p span {
  font-size: .875rem;
}
.profile-nav div {
  line-height: 0.75rem;
}
.profile-order {
  margin: 1rem 0.9375rem 0.8125rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  font-size: 0.9375rem;
}
.profile-order .flex-layout {
  height: 2.6875rem;
  margin: 0 0.8125rem;
  font-weight: 700;
  border-bottom: 1px solid var(--ce);
}
.profile-order .flex-layout a {
  font-size: 0.75rem;
  color: var(--c9);
  font-weight: 400;
}
.profile-order-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  color: var(--c6);
}
.profile-order-list li {
  width: 25%;
}
.profile-order-list a {
  width: 100%;
  padding: 1.125rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-order-list .flex-center {
  width: 1.6875rem;
  height: 1.625rem;
  margin-bottom: 0.6875rem;
}
.profile-order-list div {
  line-height: 0.6875rem;
}
.profile-order-list span {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  background-color: var(--bc);
  font-size: 0.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  top: 15%;
  right: 20%;
}
.profile-common {
  padding: 0.5625rem 0;
}
.profile-common .flex-center {
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.5625rem;
}
.profile-common li a {
  padding: 0.5rem 0;
}

/* myWallet.html */
.my-wallet-list {
  margin: 0.8125rem 0.9375rem;
  font-size: 0.875rem;
  color: var(--c9);
}
.my-wallet-list li {
  background-color: var(--cl);
  border-radius: 0.625rem;
}
.my-wallet-list a {
  padding: 1.125rem 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-wallet-list .price {
  font-size: 0.9375rem;
  color: var(--c3);
  display: flex;
  align-items: baseline;
  margin-top: 0.8125rem;
  line-height: 0.8125rem;
  font-weight: 700;
}
.my-wallet-list .price span {
  font-size: 1.4375rem;
}
.my-wallet-list .det {
  font-size: 0.875rem;
  color: var(--bc);
  display: flex;
  align-items: center;
}

/* myWalletDet.html */
.wallet-det {
  background-color: var(--cl);
  border-radius: 0.625rem;
  margin: 0.9375rem;
  height: 6.625rem;
  flex-direction: column;
  font-size: 1.125rem;
}
.wallet-det div {
  font-size: 0.75rem;
  color: var(--c9);
  line-height: 0.75rem;
}
.wallet-det p {
  display: flex;
  align-items: baseline;
  line-height: 1.3125rem;
  margin-top: 1.0625rem;
}
.wallet-det p span {
  font-size: 1.6875rem;
}
.wallet-det-content {
  background-color: var(--cl);
  font-size: 0.9375rem;
}
.wallet-det-content .title {
  line-height: 2.625rem;
  padding: 0 0.9375rem;
  border-bottom: 1px solid var(--ce);
}
.wallet-det-content ul {
  padding: 0 0.9375rem;
}
.wallet-det-content li {
  padding: 0.9375rem 0;
  border-bottom: 1px solid var(--ce);
}
.wallet-det-content ul p {
  line-height: 0.9375rem;
}
.wallet-det-content ul div {
  font-size: 0.75rem;
  color: var(--c9);
  line-height: 0.75rem;
  margin-top: 0.625rem;
}

/* myOrder.html */
.my-order-list {
  padding: 0.9375rem;
  font-size: 0.75rem;
}
.my-order-list > li {
  background-color: var(--cl);
  border-radius: 0.625rem;
  margin-bottom: 0.8125rem;
  padding: 0 0.8125rem 1.0625rem;
}
.my-order-list .flex-layout {
  font-size: 0.75rem;
  color: var(--c9);
  height: 2.9375rem;
}
.my-order-list .flex-layout span {
  font-size: 0.875rem;
  color: var(--bc);
}
.my-order-list ul li {
  padding: 0 0 0.625rem;
  border: none;
}
.my-order-list .order-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.my-order-list .order-price span {
  font-size: 0.875rem;
}
.my-order-list .order-btn {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  justify-content: flex-end;
}
.order-btn a {
  width: 5.3125rem;
  height: 1.875rem;
  font-size: 0.875rem;
  border: 1px solid var(--cc);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: .5rem;
  border-radius: 1rem;
}
.order-btn .bc {
  border: 1px solid var(--bc);
  color: var(--bc);
}

/* orderDet.html */
.order-det-staute {
  padding: 1.25rem 0.9375rem;
  color: var(--cl);
}
.order-det-status {
  font-size: 1.1875rem;
}
.order-det-time {
  font-size: 0.75rem;
  margin-top: .5rem;
}
.order-det-site {
  margin: 0 0.9375rem;
}
.submit-pro .real-money {
  justify-content: flex-end;
  font-size: 0.8125rem;
}
.submit-pro .real-money span {
  font-size: 0.9375rem;
  color: var(--bc);
}
.order-det-form {
  margin: 0.8125rem 0.9375rem;
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 0.625rem 0.9375rem;
  font-size: 0.75rem;
}
.order-det-form li {
  height: 1.8125rem;
  display: flex;
  align-items: center;
}
.order-det-form .name {
  width: 24%;
  color: var(--c9);
}
.order-det-form .copy {
  width: 2.1875rem;
  height: 1.0625rem;
  font-size: 0.6875rem;
  background-color: var(--f5);
  border-radius: 1rem;
  margin-left: .5rem;
}
.orderDet-footer {
  height: 3.0625rem;
  background-color: var(--cl);
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.orderDet-footer .flex-center {
  width: 5.3125rem;
  height: 1.875rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  border: 1px solid var(--cc);
  margin-left: .5rem;
}
.orderDet-footer .bc {
  border: 1px solid var(--bc);
  color: var(--bc);
}
.order-det-mdl {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cl);
  border-radius: 0.625rem;
  width: 15.25rem;
  font-size: 0.9375rem;
}
.order-det-mdl p {
  padding: 1.875rem 0;
  text-align: center;
}
.order-det-mdl ul {
  display: flex;
  border-top: 1px solid var(--ce);
}
.order-det-mdl ul li {
  height: 2.75rem;
  color: var(--c9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.order-det-mdl ul li:last-child {
  color: var(--bc);
  border-left: 1px solid var(--ce);
}

.pay-mdl {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--cl);
  border-radius: 1rem 1rem 0 0;
}
.pay-mdl .flex-center {
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 0.5625rem;
  right: 0.5625rem;
}
.pay-mdl-news {
  padding: 0.875rem 1.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pay-mdl-news div {
  font-size: 0.875rem;
  font-weight: 700;
}
.pay-mdl-news p {
  font-size: 0.625rem;
  color: var(--c9);
}
.pay-mdl-news .price {
  font-size: 0.6875rem;
  color: var(--bc);
  font-weight: 700;
  margin-top: 1.4375rem;
}
.pay-mdl-news .price span {
  font-size: 1.0625rem;
}
.pay-mdl-news input {
  width: 100%;
  font-size: 0.75rem;
  height: 2.25rem;
  padding: 0 0.8125rem;
  border: 1px solid var(--cc);
  border-radius: .2rem;
  margin: 1rem 0;
}
.pay-mdl-news .btn {
  background: linear-gradient(to right, var(--bc), var(--bc1));
  border-radius: 1.375rem;
  color: var(--cl);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  height: 2.625rem;
  justify-content: center;
  margin: 0.9375rem;
  width: calc(100% - 1.875rem);
}

/* togNumber.html */
.number-list {
  padding: 0.75rem 0.9375rem;
  font-size: 1rem;
}
.number-list li {
  background-color: var(--cl);
  border-radius: 0.625rem;
  padding: 1.0625rem 0.9375rem;
  display: flex;
  position: relative;
  align-items: center;
}
.number-list li:not(:last-child) {
  margin-bottom: 0.75rem;
}
.number-list .flex-center {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .5rem;
}
.number-list div {
  flex: 1;
  height: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.number-list div p:last-child {
  font-size: 0.75rem;
  color: var(--c9);
}
.number-list span {
  width: 3rem;
  height: 1.4375rem;
  background-color: var(--bc2);
  color: var(--bc);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0.625rem 0 0.625rem;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8125rem;
}
.number-title {
  display: flex;
  align-items: baseline;
  font-size: 1rem;
  padding: 0 0.9375rem;
}
.number-title span {
  font-size: 0.6875rem;
  color: var(--c9);
  margin-left: .5rem;
}
.number-list .del {
  width: 0.9375rem;
  height: 1.0625rem;
}