/* index.html */
.index-container {
  position: relative;
}
.index-container > img {
  width: 100%;
  height: 10.0625rem;
  position: absolute;
  top: 0;
}
.index-header {
  padding: 2.625rem 0.8125rem 0.9375rem;
  position: relative;
}
.index-search {
  background-color: var(--cl);
  height: 1.8125rem;
  border-radius: 0.9375rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem;
}
.index-search input {
  flex: 1;
  height: 100%;
}
.index-search .flex-center {
  width: 0.875rem;
}
.index-nav {
  margin: 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0.8125rem 0.8125rem 0.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0.9375rem;
}
.index-nav li {
  margin-bottom: 0.5625rem;
}
.index-nav a {
  width: 8.125rem;
  height: 4.5625rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-nav div {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}
.index-nav p:nth-child(2) {
  font-size: 0.75rem;
  color: var(--c6);
}
.index-news {
  margin: 0 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
}
.index-news-title {
  white-space: nowrap;
  overflow: auto;
  font-size: 0.8125rem;
  color: var(--c6);
  padding: 0.375rem 0;
}
.index-news-title li {
  display: inline-block;
  padding: 0 0.75rem;
}
.index-news-title div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-news-title p:first-child {
  line-height: 1.5rem;
}
.index-news-title p:last-child {
  width: 1.0625rem;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background-color: transparent;
}
.index-news-title .active {
  color: var(--bc);
}
.index-news-title .active p:last-child {
  background-color: var(--bc);
}
.index-synopsis {
  white-space: nowrap;
  overflow: auto;
  padding: 0 0.8125rem 0.8125rem;
}
.index-synopsis li {
  width: 14.625rem;
  height: 8.3125rem;
  display: inline-block;
  border-radius: .5rem;
}
.index-synopsis li:not(:last-child) {
  margin-right: 0.625rem;
}
.index-product {
  font-size: 0.9375rem;
  margin: 0.8125rem 0.8125rem 4.375rem;
  background-color: var(--cl);
  border-radius: .5rem;
}
.index-product .title {
  line-height: 2.5rem;
  padding: 0 0.75rem;
}
.index-product-list {
  padding: 0 0.8125rem 0.0625rem;
  font-size: 0.75rem;
}
.index-product-list li {
  margin-bottom: 1rem;
}
.index-product-list a {
  display: flex;
}
.index-product-list .flex-center {
  width: 5.125rem;
  height: 5.125rem;
  border-radius: .2rem;
  overflow: hidden;
  margin-right: 0.8125rem;
}
.index-product-list div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index-product-list div p:last-child {
  color: var(--rd);
}
.index-product-list div span {
  font-size: 1rem;
}

/* search.html */
.search-header {
  background-color: var(--cl);
  height: 2.375rem;
  display: flex;
  align-items: center;
}
.search-header i {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.search-header div {
  background-color: var(--f5);
  border-radius: 0.9375rem;
  height: 1.8125rem;
  font-size: 0.75rem;
  flex: 1;
  margin-right: 0.8125rem;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem;
}
.search-header .flex-center {
  width: 0.875rem;
  height: 0.875rem;
}
.search-header input {
  flex: 1;
  height: 100%;
  margin-right: 0.8125rem;
}
.search-hint {
  height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem;
  background-color: var(--bc1);
  color: var(--bc);
  font-size: 0.6875rem
}
.search-hint span {
  font-size: 0.875rem;
  font-weight: 700;
}
.search-list {
  padding: 0.8125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.75rem;
}
.search-list li {
  margin-bottom: 0.8125rem;
  border-radius: 0.375rem;
  background-color: var(--cl);
  width: 8.8125rem;
  padding-bottom: 0.75rem;
}
.search-list .flex-center {
  width: 8.8125rem;
  height: 8.8125rem;
  border-radius: 0.375rem 0.375rem 0 0;
  overflow: hidden;
}
.search-list p {
  margin: 0.6875rem 0.6875rem 0;
}
.search-list .price {
  font-size: 0.6875rem;
  color: var(--rd);
}
.search-list .price span {
  font-size: 0.9375rem;
}
.search-no {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  color: var(--c9);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-no img {
  width: 12.9375rem;
  margin-bottom: .5rem;
}

/* detail.html */
.detail-swiper {
  height: 100vw;
  margin: 0;
}
.detail-news {
  margin: 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0.8125rem;
  font-size: 0.8125rem;
}
.detail-news p:first-child {
  color: var(--rd);
}
.detail-news p:first-child span:first-of-type {
  font-size: 1.25rem;
}
.detail-news p:first-child span:last-of-type {
  font-size: 0.75rem;
  color: var(--c9);
  text-decoration: line-through;
}
.detail-det {
  padding: 0 0.8125rem 3.5625rem;
}
.detail-footer {
  height: 2.625rem;
  font-size: 0.625rem;
  background-color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.8125rem;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.detail-footer ul {
  display: flex;
  align-items: center;
}
.detail-footer li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.8125rem;
}
.detail-footer a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detail-footer .flex-center {
  width: 1rem;
  height: 1rem;
}
.detail-footer > p {
  height: 2.125rem;
  font-size: 0.8125rem;
  background-color: var(--rd);
  border-radius: .3rem;
  color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
}
.detail-footer > p:last-child {
  background-color: var(--bc);
}
.detail-mdl {
  background-color: var(--cl);
  position: fixed;
  bottom: 0;
  width: 100%;
  border-radius: 1rem 1rem 0 0;
}
.detail-mdl > .flex-center {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .5rem;
  right: .5rem;
}
.detail-mdl-product {
  padding: 0 1rem;
  position: relative;
  top: -1.4375rem;
  display: flex;
  align-items: flex-end;
}
.detail-mdl-product .flex-center {
  width: 5.25rem;
  height: 5.25rem;
  margin-right: 0.8125rem;
}
.detail-mdl-product div p:first-child {
  font-size: 0.6875rem;
  color: var(--rd);
}
.detail-mdl-product div p:first-child span {
  font-size: 1rem;
}
.detail-mdl-product div p:last-child {
  color: var(--c9);
  font-size: 0.5625rem;
}
.detail-num {
  padding: 0 0.8125rem;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  justify-content: space-between;
}
.stepper {
  display: flex;
  align-items: center;
  border: 1px solid var(--cc)
}
.stepper p {
  width: 1.3125rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepper input {
  width: 1.875rem;
  height: 1.25rem;
  text-align: center;
  border-left: 1px solid var(--cc);
  border-right: 1px solid var(--cc);
}
.share-mdl {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.share-mdl-btm {
  background-color: var(--cl);
  border-radius: 1rem 1rem 0 0;
  font-size: 0.75rem;
  padding-bottom: 0.0625rem;
}
.share-mdl-btm ul {
  display: flex;
  font-size: 0.6875rem;
  padding-top: 1.125rem;
}
.share-mdl-btm li {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.share-mdl-btm .flex-center {
  width: 2.75rem;
  height: 2.75rem;
}
.share-mdl-btm > p {
  margin: 1.1875rem 0.8125rem;
  height: 2.1875rem;
  background-color: var(--ea);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .2rem;
}
.share-content {
  margin: 1.0625rem 2.4375rem;
  background-color: var(--cl);
  border-radius: .5rem;
  font-size: 0.6875rem;
}
.share-content > .flex-center {
  width: 15.125rem;
  height: 15.125rem;
  border-radius: .5rem .5rem 0 0;
  overflow: hidden;
}
.share-content-btm {
  display: flex;
  padding: 0.8125rem;
}
.share-content-btm .flex-center {
  width: 3.75rem;
  height: 3.75rem;
  margin-left: 0.8125rem;
}
.share-content-btm div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.share-content-btm div p:last-child {
  font-size: 0.625rem;
  color: var(--rd);
}
.share-content-btm div p:last-child span {
  font-size: 1rem;
}
.detail-mdl-btn {
  padding: 1.5625rem 0.8125rem;
  display: flex;
  font-size: 0.8125rem;
  justify-content: space-between;
  color: var(--cl);
}
.detail-mdl-btn a {
  width: 48%;
  height: 2.125rem;
  border-radius: .3rem;
  background-color: var(--rd);
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-mdl-btn a:last-child {
  background-color: var(--bc);
}

/* submitOrder.html */
.submit-address {
  margin: 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0.8125rem 0.6875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
.submit-address .flex-center {
  width: 1.5rem;
  height: 1.5rem;
}
.submit-address div {
  margin: 0 0.8125rem;
  flex: 1;
}
.submit-address .multi {
  font-size: 0.6875rem;
  color: var(--c9);
}
.submit-list {
  margin: 0 0.8125rem;
  padding: 0.8125rem 0.6875rem;
  font-size: 0.75rem;
  background-color: var(--cl);
  border-radius: .5rem;
}
.submit-list li {
  display: flex;
}
.submit-list li:not(:last-child) {
  margin-bottom: 0.8125rem;
}
.submit-list li:not(:last-child) {
  margin-bottom: 1rem;
}
.submit-list .flex-center {
  width: 4.1875rem;
  height: 4.1875rem;
  margin-right: 0.8125rem;
}
.submit-list li > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.submit-only-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.6875rem;
}
.submit-only-price p:first-child {
  color: var(--rd);
}
.submit-only-price p:first-child span {
  font-size: 0.9375rem;
}
.submit-form {
  margin: 0.8125rem 0.8125rem 3.4375rem;
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0 0.6875rem;
  font-size: 0.8125rem;
}
.submit-form li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.875rem;
}
.submit-form li p:nth-child(2) {
  font-weight: 700;
}
.submit-form p:first-child span {
  color: var(--c9);
  font-size: 0.625rem;
}
.submit-footer {
  height: 2.625rem;
  background-color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.6875rem;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.submit-footer .flex-center {
  font-size: 0.8125rem;
  width: 5.4375rem;
  height: 2.125rem;
  margin: 0 0.8125rem;
  color: var(--cl);
  background-color: var(--bc);
  border-radius: .3rem;
}
.submit-footer div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.submit-footer div span {
  font-size: 0.9375rem;
  color: var(--rd);
}
.submit-footer div p:last-child {
  color: var(--c9);
}

/* pay.html */
.pay-news {
  font-size: 0.625rem;
  color: var(--c9);
  height: 7.8125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay-news p:first-child {
  font-size: 0.9375rem;
  color: var(--c0);
  font-weight: 700;
}
.pay-news p:first-child span {
  font-size: 1.5rem;
}
.pay-list {
  margin: 0 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0 0.8125rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.pay-list li {
  padding: 0.8125rem 0;
  display: flex;
  align-items: center;
}
.pay-list .flex-center {
  width: 1.25rem;
  height: 1.25rem;
}
.pay-list div {
  flex: 1;
  margin: 0 0.8125rem;
}
.pay-list div p:nth-child(2) {
  font-weight: 400;
  font-size: 0.625rem;
  color: var(--c9);
}
.pay-list div p:nth-child(2) span {
  color: var(--rd);
}
.pay-list .img {
  width: 0.9375rem;
  height: 0.9375rem;
}
.pay-footer {
  height: 2.625rem;
  background-color: var(--cl);
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8125rem;
}
.pay-footer p, .pay-footer a {
  width: 100%;
  height: 2.125rem;
  font-size: 0.8125rem;
  color: var(--cl);
  background-color: var(--bc);
  border-radius: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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(--rd);
  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 {
  width: 100%;
  font-size: 0.8125rem;
  height: 2.125rem;
  background-color: var(--bc);
  border-radius: .2rem;
  color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* shop.html */
.shop-nav-list {
  font-size: 0.6875rem;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--cl);
  border-radius: .5rem;
  padding-bottom: 0.9375rem;
  margin: 0.8125rem;
}
.shop-nav-list li {
  width: 25%;
  margin-top: 0.9375rem;
}
.shop-nav-list a {
  height: 3.8125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.shop-nav-list .flex-center {
  width: 2.625rem;
  height: 2.625rem;
}
.shop-title {
  padding: 0 0.8125rem;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
}
.shop-title .flex-center {
  width: 0.875rem;
  height: 0.9375rem;
  margin-right: .2rem;
}
.shop-list .line {
  font-size: 0.5625rem!important;
  color: var(--c9);
  text-decoration: line-through;
}
/*.shop-list {*/
/*  margin-bottom: 2.5rem;*/
/*}*/

/* cart.html */
.cart-list {
  padding: 0.8125rem 0.8125rem 5.75rem;
  font-size: 0.75rem;
}
.cart-list li {
  background-color: var(--cl);
  border-radius: .5rem;
  padding: 0.8125rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.8125rem;
}
.cart-list .label {
  width: 0.9375rem;
  height: 0.9375rem;
}
.cart-list .flex-center {
  width: 4.1875rem;
  height: 4.1875rem;
  margin: 0 0.8125rem;
}
.cart-list li > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 4.1875rem;
}
.cart-list .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-footer {
  height: 2.625rem;
  background-color: var(--cl);
  padding: 0 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  position: fixed;
  bottom: 3.125rem;
  width: 100%;
  border-bottom: 1px solid var(--ce);
}
.cart-footer label {
  display: flex;
  align-items: center;
}
.cart-footer img {
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: .3rem;
}
.cart-footer div {
  display: flex;
  align-items: center;
}
.cart-footer p {
  display: flex;
  align-items: center;
}
.cart-footer span {
  color: var(--rd);
  font-size: 0.9375rem;
}
.cart-footer .btn {
  width: 4.375rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cl);
  font-size: 0.8125rem;
  background-color: var(--bc);
  border-radius: .2rem;
  margin-left: .5rem;
}
.cart-mdl {
  position: fixed;
  width: 70%;
  background-color: var(--cl);
  border-radius: .5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8125rem;
}
.cart-mdl p {
  padding: 1.75rem 0;
  text-align: center;
}
.cart-mdl ul {
  display: flex;
  border-top: 1px solid var(--ce);
}
.cart-mdl li {
  flex: 1;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c9);
}
.cart-mdl li:last-child {
  border-left: 1px solid var(--ce);
  color: var(--bc);
}

/* profile.html */
.profile-container {
  position: relative;
  font-size: 0.6875rem;
}
.profile-container img {
  width: 100%;
}
.profile-container > div {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 3.125rem;
}
.profile-img {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 1.25rem;
}
.profile-img .flex-center {
  width: 1.25rem;
  height: 1.125rem;
  margin-right: 0.9375rem;
}
.profile-news {
  padding: 1.4375rem 0;
  display: flex;
  align-items: center;
}
.profile-news .flex-center {
  width: 3.0625rem;
  height: 3.0625rem;
  border-radius: 50%;
  margin: 0 0.8125rem;
}
.profile-news > div {
  height: 3.0625rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
}
.profile-news .btm {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  color: var(--cl);
}
.profile-news .btm div {
  display: flex;
  align-items: center;
  background-color: var(--rd);
  height: 1rem;
  border-radius: .5rem;
  padding-right: .5rem;
}
.profile-news .btm .flex-center {
  width: 1.375rem;
  height: 1.375rem;
  margin: 0;
  top: 0.0625rem;
  left: -0.125rem;
  position: relative;
}
.profile-news a {
  font-size: 0.75rem;
  color: var(--cl);
  line-height: 1.5rem;
  padding: 0 .7rem;
  border-radius: 0.75rem 0 0 0.75rem;
  background-color: var(--bc);
}
.profile-nav {
  display: flex;
  font-size: 0.625rem;
  color: var(--c6);
  padding: .5rem 0;
}
.profile-nav li {
  flex: 1;
}
.profile-nav a {
  height: 2.0625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.profile-nav p:first-child {
  font-weight: 700;
  color: var(--c3);
}
.profile-nav span {
  font-size: 1rem;
}
.profile-order {
  margin: 0.8125rem;
  background-color: var(--cl);
  border-radius: .5rem;
  position: relative;
}
.profile-order-title {
  font-size: 0.875rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  padding: 0 0.8125rem;
}
.profile-order-title a {
  font-size: 0.625rem;
  color: var(--c9);
  font-weight: 400;
}
.profile-order ul {
  display: flex;
  flex-wrap: wrap;
}
.profile-order li {
  width: 25%;
  margin: 0.375rem 0 0.9375rem;
}
.profile-order li a {
  height: 2.8125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.profile-order .flex-center {
  width: 1.5625rem;
  height: 1.5rem;
}

/* notice.html */
.notice-list {
  padding: 0.8125rem;
  font-size: 0.75rem;
}
.notice-list li {
  background-color: var(--cl);
  border-radius: .5rem;
  margin-bottom: 0.8125rem;
}
.notice-list a {
  padding: 0.8125rem;
}
.notice-list p:last-child {
  font-size: 0.625rem;
  color: var(--c9);
}

/* noticeDet.html */
.notice-det {
  padding: 1.125rem 0.8125rem;
  font-size: 0.75rem;
}
.notice-det .title {
  font-size: 0.875rem;
  font-weight: 700;
}
.notice-det .time {
  font-size: 0.625rem;
  color: var(--c9);
  margin: .5rem 0;
}
.notice-infuse {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 1.25rem;
}

/* set.html */
.set-list {
  margin: 0.8125rem 0;
  font-size: 0.75rem;
  background-color: var(--cl);
}
.set-list li {
  padding: 0 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.625rem;
}
.set-list li:not(:last-child) {
  border-bottom: 1px solid var(--ce);
}
.set-list a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.set-list input {
  width: 70%;
}
.save {
  font-size: 0.8125rem;
  margin: 2rem 0.8125rem;
  background-color: var(--bc);
  color: var(--cl);
  height: 2.375rem;
  border-radius: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* personal.html */
.personal-photo {
  display: flex;
  align-items: center;
}
.personal-photo .flex-center {
  width: 1.9375rem;
  height: 1.9375rem;
}
.personal-list input {
  text-align: right;
  flex: 1;
}
.quit {
  font-size: 0.8125rem;
  color: var(--bc);
  height: 2.375rem;
  background-color: var(--cl);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
}
.quit .flex-center {
  width: 0.9375rem;
  height: 0.875rem;
  margin-right: .2rem;
}
.verification-code {
  display: flex;
  align-items: center;
  width: 70%;
  height: 100%;
}
.verification-code input {
  height: 100%;
}
.verification-code p {
  width: 4.5625rem;
  height: 1.5625rem;
  border-radius: .2rem;
  font-size: 0.6875rem;
  color: var(--rd);
  border: 1px solid var(--rd);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* wallet.html */
.wallet-bgc {
  background-color: var(--bc2);
}
.wallet-container {
  padding: 0.8125rem;
}
.wallet-news {
  position: relative;
}
.wallet-price {
  font-size: 0.6875rem;
  position: absolute;
  top: 1.0625rem;
  left: 1.0625rem;
  color: var(--cl);
}
.wallet-price p:nth-child(2) {
  font-size: 1.4375rem;
  margin-top: .5rem;
}
.wallet-price ul {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.wallet-price ul li:nth-child(2) {
  margin: 0 1rem;
}
.wallet-content {
  background-color: var(--cl);
  border-radius: 1rem 1rem 0 0;
  position: relative;
  top: -1rem;
  padding: 0 0.8125rem;
  font-size: 0.75rem;
}
.wallet-content > p {
  display: flex;
  align-items: center;
  height: 2.5rem;
  font-size: 0.9375rem;
  font-weight: 700;
}
.wallet-content > p span {
  width: 0.1875rem;
  height: 0.9375rem;
  border-radius: 0.125rem;
  background-color: var(--bc);
  margin-right: .5rem;
}
.wallet-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8125rem 0;
  font-weight: 700;
  border-bottom: 1px solid var(--ce);
}
.wallet-list div p:last-child {
  font-size: 0.5625rem;
  color: var(--c9);
  font-weight: 400;
}

/* myOrder.html */
.my-order-nav {
  font-size: 0.75rem;
  display: flex;
  color: var(--c6);
  background-color: var(--cl);
}
.my-order-nav li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.my-order-nav p:first-child {
  line-height: 2.0625rem;
}
.my-order-nav p:last-child {
  width: 1.125rem;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background-color: transparent;
}
.my-order-nav .active {
  color: var(--bc);
}
.my-order-nav .active p:last-child {
  background-color: var(--bc);
}
.my-order-list {
  padding: 0.8125rem;
  font-size: 0.75rem;
}
.my-order-list > li {
  background-color: var(--cl);
  border-radius: .5rem;
  margin-bottom: 0.8125rem;
  padding-bottom: 0.0625rem;
}
.my-order-list .submit-list {
  margin: 0;
}
.my-order-title {
  height: 2.5rem;
  padding: 0 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.625rem;
  color: var(--c9);
  border-bottom: 1px solid var(--ce);
}
.my-order-title span {
  font-size: 0.8125rem;
  color: var(--rd);
}
.my-order-price {
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.6875rem;
  font-weight: 700;
  border-top: 1px solid var(--ce);
  padding: 0 0.8125rem;
}
.my-order-price span {
  color: var(--c6);
  font-weight: 400;
  margin-right: .5rem;
}
.my-order-btn {
  height: 3.3125rem;
  border-top: 1px solid var(--ce);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.my-order-btn p, .my-order-btn a {
  width: 4.625rem;
  height: 1.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bc);
  border-radius: .2rem;
  color: var(--cl);
  margin-right: 0.8125rem;
}

/* orderDet.html */
.order-det-container {
  position: relative;
}
.order-det-content {
  position: absolute;
  top: 1.25rem;
  width: 100%;
  font-size: 0.9375rem;
}
.order-det-header {
  height: 2.375rem;
  position: relative;
}
.order-det-header i {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
}
.order-det-state {
  display: flex;
  padding: 1.5rem 0.8125rem 0;
  align-items: center;
  justify-content: space-between;
}
.order-det-state .flex-center {
  width: 3.5rem;
  height: 3.3125rem;
}
.order-det-form {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--ce);
}
.order-det-form li {
  margin-bottom: 0!important;
}
.order-det-product li {
  margin-bottom: 0.8125rem;
}
.order-det-form .red {
  color: var(--rd);
}
.order-det-btm {
  padding: 0.5625rem 0.8125rem;
  font-size: 0.625rem;
  color: var(--c9);
}
.order-det-btm li {
  height: 1.25rem;
}
.address-list {
  padding: 0.8125rem 0.8125rem 2.625rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.address-list li {
  background-color: var(--cl);
  border-radius: .5rem;
  overflow: hidden;
  margin-bottom: 0.8125rem;
}
.address-list .flex-layout {
  padding: 0.8125rem;
}
.address-list .flex-layout div {
  width: 85%;
}
.address-list .flex-layout div p:last-child {
  font-size: 0.6875rem;
  color: var(--c6);
  font-weight: 400;
}
.address-list .flex-layout .flex-center {
  width: 0.9375rem;
  height: 1rem;
}
.address-del {
  height: 100%;
  background-color: var(--rd);
  font-size: 0.75rem;
  color: var(--cl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
}
.address-del .flex-center {
  width: 0.875rem;
  height: 0.875rem;
}

/* addAddress.html */
.address-provinces {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.address-provinces select {
  width: 31%;
}
.set-list .address {
  height: auto;
  align-items: inherit;
  padding: 0.8125rem;
}
.set-list .address textarea {
  font-size: 0.75rem;
  height: 2rem;
  width: 70%;
}

/* myCollect.html */
.my-collect-list {
  padding: 0.8125rem;
}
.my-collect-list .index-product-list {
  padding: 0.8125rem;
}
.my-collect-list .index-product-list li {
  margin-bottom: 0;
}
.my-collect-list .index-product-list a:hover {
  color: var(--c0);
}
.my-collect-list .index-product-list .flex-center {
  width: 4.1875rem;
  height: 4.1875rem;
}

/* recharge.html */
.recharge-news {
  background: linear-gradient(to right, var(--bc), var(--bc3));
  height: 5.75rem;
  font-size: 0.6875rem;
  padding: 0.8125rem;
  color: var(--cl);
}
.recharge-news p:last-child {
  font-size: 0.8125rem;
  margin-top: .5rem;
}
.recharge-news p:last-child span {
  font-size: 1.3125rem;
}
.recharge-type {
  background-color: var(--cl);
  border-radius: 1rem 1rem 0 0;
  position: relative;
  top: -1rem;
  font-size: 0.75rem;
  padding-bottom: 0.0625rem;
}
.recharge-type .title {
  line-height: 2.5rem;
  padding: 0 0.8125rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.recharge-type-list {
  padding: 0 0.5125rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.recharge-type-list li {
  height: 2.4375rem;
  padding: 0 0.3rem;
  width: 32%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--f5);
  border-radius: .5rem;
}
.recharge-type-list .flex-center {
  width: 1.5625rem;
  height: 1.3125rem;
  /*margin-right: .5rem;*/
}
.recharge-type-list .recharge-img {
  width: 0.9375rem;
  height: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recharge-code {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.recharge-code .flex-center {
  width: 8.8125rem;
  height: 8.8125rem;
  margin-bottom: .5rem;
}
.recharge-list {
  position: relative;
  top: -0.1875rem;
  margin: 0;
}
.recharge-list .imgs, .autonym-list .imgs {
  height: auto;
  padding: 0.8125rem;
  align-items: inherit;
}
.recharge-list .imgs div, .autonym-list .imgs div {
  width: 70%;
}
.recharge-list .imgs .flex-center, .autonym-list .imgs .flex-center {
  width: 6.25rem;
  height: 6.25rem;
}
.recharge-bank {
  margin: 0.8125rem;
  padding: .5rem 0.8125rem;
  background-color: var(--f5);
  border-radius: .5rem;
  font-size: 0.75rem;
  color: var(--c6);
  display: none;
}
.recharge-bank li {
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* rechargeRecord.html */
.recharge-record-list {
  padding: 0 0.8125rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.recharge-record-list li {
  padding: 0.8125rem 0;
  border-bottom: 1px solid var(--ce);
}
.recharge-record-list p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recharge-record-list p:last-child {
  font-size: 0.5625rem;
  color: var(--c9);
  font-weight: 400;
  margin-top: .3rem;
}

/* autonym.html */
.autonym-type {
  display: flex;
  align-items: center;
  width: 70%;
}
.autonym-type > div {
  flex: 1;
  display: flex;
  align-items: center;
}
.autonym-type .flex-center {
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: .5rem;
}
.autonym-list select {
  width: 70%;
  height: 100%;
}

/* complain.html */
.autonym-list .issue, .autonym-list .complain-imgs {
  height: auto;
  padding: 0.8125rem;
  border-bottom: none!important;
}
.issue textarea {
  width: 100%;
  height: 6.25rem;
  font-size: 0.75rem;
}
.complain-imgs {
  flex-wrap: wrap;
}
.complain-imgs .flex-center {
  width: 4rem;
  height: 4rem;
  margin-right: 0.8125rem;
  margin-bottom: 0.8125rem;
  position: relative;
}
.complain-imgs .delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.9375rem;
  height: 0.9375rem;
}

/* complainRecord.html */
.complain-news {
  padding: 0.8125rem;
}
.complain-news .title {
  font-size: 0.75rem;
  font-weight: 700;
}
.complain-news .hint {
  font-size: 0.625rem;
  color: var(--c9);
  margin: .5rem 0;
}
.complain-news .multi {
  font-size: 0.6875rem;
}
.complain-dispose {
  font-size: 0.625rem;
  color: var(--bc);
  background-color: var(--f5);
  border-radius: .5rem;
  padding: 0.8125rem;
  margin: 0 0.8125rem 0.8125rem;
}

/* complainDet.html */
.complain-det {
  background-color: var(--cl);
  margin-bottom: 0.8125rem;
}
.complain-det .autonym-list {
  margin-bottom: 0;
}
.complain-det .autonym-list li {
  padding: 0;
}

/* share.html */
.share-container {
  position: relative;
}
.share-news {
  font-size: 0.625rem;
  color: var(--c9);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 13.8125rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 33%;
  word-break: break-all;
}
.share-news .title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--c0);
  margin-bottom: .3rem;
}
.share-news .name {
  font-size: 1.4375rem;
  font-weight: 700;
  color: var(--rd);
  margin: 0.8125rem 0 0.625rem;
}
.share-news .flex-center {
  width: 8.3125rem;
  height: 8.3125rem;
}
.share-news .url {
  font-size: 0.8125rem;
  color: var(--bc);
  text-align: center;
  margin: 1.25rem 0 0.625rem;
}
.share-news .copy {
  width: 6.0625rem;
  height: 1.6875rem;
  border-radius: .3rem;
  background-color: var(--bc);
  color: var(--cl);
  display: flex;
  justify-content: center;
  font-size: 0.8125rem;
  align-items: center;
  margin-top: .5rem;
}
.share-header {
  height: 2.375rem;
  position: absolute;
  top: 3%;
  width: 100%;
  font-size: 0.9375rem;
  color: var(--cl);
}
.share-header i {
  width: 2.375rem;
  height: 2.375rem;
  position: absolute;
  left: 0;
}

/* index-h5.html */
.system-index {
  position: relative;
}
.system-index-content {
  position: absolute;
  top: 1.8125rem;
  width: 100%;
  font-size: 0.9375rem;
}
.system-index-content .title {
  text-align: center;
}
.system-index-news {
  display: flex;
  justify-content: space-between;
  padding: 1.8125rem 0.8125rem 1.1875rem;
}
.system-index-news > .flex-center {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  overflow: hidden;
}
.system-index-rgt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.625rem;
  color: var(--c9);
}
.system-index-rgt > div {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--c0);
}
.system-index-rgt .edg {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  height: 1rem;
  padding-right: .5rem;
  background-color: var(--rd);
  border-radius: .5rem;
  color: var(--cl);
  margin-left: .5rem;
  font-weight: 400;
}
.system-index-rgt .edg .flex-center {
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
  top: 0.0625rem;
  left: -0.125rem;
}
.system-account {
  margin: 0 0.8125rem;
  background-color: var(--bc);
  color: var(--cl);
  font-size: 0.6875rem;
  border-radius: .3rem .3rem 0 0;
  padding: 1.0625rem 1.0625rem 2rem;
}
.system-account p:last-of-type {
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: .3rem;
}
.system-account ul {
  display: flex;
  margin-top: 1rem;
}
.system-account ul p:first-of-type {
  font-size: 0.625rem;
}
.system-account ul p:last-of-type {
  font-size: 1.125rem;
}
.system-account ul li {
  width: 50%;
}
.system-index-nav {
  position: relative;
  top: -0.8125rem;
  margin: 0 0.8125rem;
}
.system-index-nav ul {
  display: flex;
  font-size: 0.8125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.system-index-nav li, .system-index-nav a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.system-index-nav li:first-child {
  border-right: 1px solid var(--ce);
}
.system-index-nav .flex-center {
  width: 1.375rem;
  height: 1.4375rem;
  margin-right: .3rem;
}
.system-user {
  margin: 0 0.8125rem 4.375rem;
  font-size: 0.625rem;
}
.system-user li {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--c9);
}
.system-user li:first-child {
  border-right: 1px solid var(--ce);
}
.system-user li p:last-child {
  font-size: 1.125rem;
  color: var(--c0);
  margin-top: .3rem;
}
.system-quit {
  position: fixed;
  bottom: 0;
  width: calc(100% - 1.625rem);
  margin: 1.0625rem 0.8125rem;
  border-radius: .3rem;
}

/* withdraw.html */
.withdraw-nav {
  margin: 0.8125rem 0.8125rem 0;
  background: linear-gradient(to right, var(--bc), var(--bc3));
  font-size: 1.125rem;
  color: var(--cl);
  padding: 1.4375rem 0;
  display: flex;
  border-radius: .3rem .3rem 0 0;
}
.withdraw-nav li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.withdraw-nav p:last-child {
  font-size: 0.625rem;
  margin-top: .3rem;
}
.withdraw-list {
  margin-top: 0;
}
.withdraw-list .draw {
  height: auto;
  padding: .3rem 0.8125rem;
  border-bottom: none!important;
}
.withdraw-list .price {
  font-size: 0.8125rem;
  color: var(--c9);
}
.withdraw-list .price p {
  color: var(--rd);
  font-weight: 700;
}
.withdraw-bank {
  background-color: var(--cl);
  padding: 0 0.8125rem;
}
.withdraw-bank > p {
  line-height: 2.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--c0);
}
.withdraw-bank li {
  display: flex;
  font-size: 0.625rem;
  color: var(--c9);
  padding: 0.8125rem 0;
}
.withdraw-bank .flex-center {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8125rem;
}
.withdraw-bank li span {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--c0);
}

/* withdrawRecord.html */
.withdraw-record {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 0.8125rem;
}
.withdraw-record li {
  border-bottom: 1px solid var(--ce);
  padding: 0.8125rem 0;
}
.withdraw-record p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.withdraw-record p:last-child {
  font-size: 0.625rem;
  color: var(--c9);
  font-weight: 400;
}

/* transfer.html */
.transfer-list {
  margin-top: 0;
}
.transfer-list select {
  width: 70%;
  height: 100%;
}

/* myTeam.html */
.my-team-bgc {
  background-color: var(--bc);
  color: var(--cl);
}
.my-team-news {
  margin: 0;
  border-radius: 0;
}
.my-team-news ul {
  flex-wrap: wrap;
  margin-top: 0;
}
.my-team-news li {
  margin-top: 0.8125rem;
}
.my-team-list {
  background-color: var(--cl);
  padding: 0 0.8125rem;
  position: relative;
  top: -1rem;
  border-radius: 1rem 1rem 0 0;
  font-size: 0.75rem;
}
.my-team-list > p {
  line-height: 2.5rem;
  font-weight: 700;
  font-size: 0.9375rem;
}
.my-team-list li {
  padding: 0.8125rem 0;
  border-bottom: 1px solid var(--ce);
}
.my-team-list li > div {
  display: flex;
  align-items: center;
}
.my-team-list .flex-center {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  overflow: hidden;
}
.my-team-list li > div > p {
  font-size: 0.625rem;
}
.my-team-list li > div div {
  height: 2.125rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0.8125rem;
}
.my-team-list .time {
  font-size: 0.625rem;
  color: var(--c9);
}
.my-team-list .name {
  font-weight: 700;
}
.my-team-list .price {
  font-size: 0.625rem;
  color: var(--c9);
  padding-left: 3.0625rem;
  margin-top: .5rem;
}
.my-team-list .price span {
  font-weight: 700;
  color: var(--rd);
  font-size: 0.9375rem;
}

/* login.html */
.login-container {
  position: relative;
}
.login-content {
  position: absolute;
  top: 3.0625rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.9375rem;
  width: 100%;
}
.login-content > img {
  width: 6.5rem;
  margin: 3.75rem 0;
}
.login-list {
  width: 100%;
  padding: 0 1.625rem;
  font-size: 0.8125rem;
}
.login-list li {
  height: 2.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--ce);
}
.login-list .flex-center {
  width: 0.875rem;
  height: 1rem;
  margin-right: 1rem;
}
.login-list input {
  height: 100%;
  flex: 1;
}
.login-psd {
  font-size: 0.625rem;
  width: 100%;
  padding: 0 1.625rem;
}
.login-psd label {
  display: flex;
  align-items: center;
}
.login-psd .flex-center {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-right: .5rem;
}
.login-content .save {
  width: 85%;
}