/*----------header---------*/
/*手机端基础单位*/
/*--手机640基础单位--*/
body {
  background: #efefef;
}
/*-------公共头部------*/
.header-pc {
  display: none;
}
header {
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0.875rem;
  flex: 0 0 0.875rem;
  width: 0.78rem;
  height: 0.8rem;
  margin-left: 1rem;
  position: relative;
  top: 1%;
}
header .cart-btn {
  margin: 0 58px;
  margin-top: 34px;
  padding: 14px 0;
  background: #000;
}
header .cart-btn a {
  color: #ffffff!important;
}
header .logo {
  width: 3.6rem;
  height: 1rem;
  font-weight: 700;
  font-size: 25px;
  color: #000;
  font-family: '微软雅黑';
  text-align: center;
  line-height: 3rem;
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -2.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 5px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
header .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 100;
}
header .nav-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  padding-right: 1rem;
  position: relative;
  top: 4%;
}
header .nav-right > span {
  position: relative;
  width: 0.8rem;
  height: 0.925rem;
  display: inline-block;
}
header .nav-right > span > span {
  color: #FFFFFF;
  position: absolute;
  top: 14%;
  width: 100%;
  display: block;
  text-align: center;
}
header .nav-right .mine {
  width: 0.675rem;
  height: 0.925rem;
  margin-right: 0.25rem;
}
header .nav-right .cart {
  width: 0.8rem;
  height: 0.925rem;
}
header .menu-left-msk {
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
header .menu-left {
  position: fixed;
  top: 3rem;
  left: -17.175rem;
  width: 13.175rem;
  left: 0px;
  height: 83vh;
  background-color: #efefef;
  padding: 0 1rem;
  line-height: 1.5rem;
}
header .menu-left > ul {
  margin-top: 1.5rem;
  height: 64vh;
  overflow: auto;
  padding-bottom: 71px;
}
header .menu-left .liv1 {
  color: #565857;
  padding: 5px 0;
}
header .menu-left .liv1 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu-left .liv1 > div span a {
  padding: 5% 70% 5% 0;
}
header .menu-left .liv1 > div span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
header .menu-left .liv1 > div span:first-child a {
  font-size: 13px;
}
header .menu-left .liv1 > div .icon {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  background-image: url('../image/icon-add.png');
  background-size: 100% 100%;
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.35rem;
          flex: 0 0 0.35rem;
}
header .menu-left .liv2 {
  display: none;
  margin-left: 0.675rem;
  font-weight: 500;
}
header .menu-left .active-bar {
  background-image: url('../image/icon-reduce.png') !important;
  background-repeat: no-repeat;
  background-size: 100% 1px !important;
}
header .menu-left .liv3:first-child {
  margin-top: 1.125rem;
}
header .menu-left .bottonBox {
  position: relative;
  background: #efefef;
  top: -71px;
}
header .menu-left .bottonBox > div {
  line-height: 1.75rem;
  height: 1.75rem;
}
header .menu-left .bottonBox > div:first-child {
  border-bottom: 1px solid #a2a3a3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu-left .bottonBox > div:first-child input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background-color: #efefef;
  outline: none;
  padding-left: 10px;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}
header .menu-left .bottonBox > div:first-child input:-ms-input-placeholder {
  color: #adaead;
}
header .menu-left .bottonBox > div:first-child input::-webkit-input-placeholder {
  color: #adaead;
}
header .menu-left .bottonBox > div:first-child i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.525rem;
          flex: 0 0 0.525rem;
  height: 0.525rem;
  background: url('../image/icon-search.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
header .menu-left .bottonBox a {
  color: #adaead;
}
header .cart-msk {
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 100;
}
header .header-cart {
  position: fixed;
  top: 3rem;
  width: 15.17578125rem;
  bottom: 0;
  right: -15.17578125rem;
  background-color: #efefef;
  overflow: auto;
}
header .header-cart .gouwulan_header {
  height: 2.05078125rem;
  border-bottom: 2px solid #c1c1c1;
  line-height: 2.05078125rem;
}
header .header-cart .gouwulan_header span {
  float: right;
  margin-right: 1.40625rem;
}
header .header-cart .cart-default {
  font-size: 13px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 37vh;
}
header .header-cart .counts {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}
header .header-cart .counts p {
  margin: 0 auto;
  height: 49px;
  padding: 0 19px;
}
header .header-cart .counts a {
  background: #000000;
  height: 2.31445313rem;
  width: 13.4765625rem;
  line-height: 2.31445313rem;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  font-size: 0.5859375rem;
  font-weight: 600;
}
header .header-cart .counts i {
  position: relative;
  top: 2px;
  border: 1px solid #7b7878;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 12px;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset;
  box-shadow: 0px 0px 0px 2px #ffffff inset;
  padding: 2px;
}
header .header-cart ul li {
  padding: 38px 3px 20px 41px;
  background: #ffffff;
  position: relative;
  border-bottom: 1px solid #dedede;
}
header .header-cart ul li dt {
  line-height: 36px;
  margin-right: 1.40625rem;
  width: 5.859375rem;
}
header .header-cart ul li dt a {
  float: right;
}
header .header-cart ul li dt .pro_info {
  position: relative;
}
header .header-cart ul li dt .pro_info .dingzhi {
  position: absolute;
  color: #9a9a9a;
  top: -17px;
  left: 0;
  font-weight: 100;
}
header .header-cart ul li dt span {
  font-weight: 600;
  color: #000000;
}
header .header-cart ul li dt i {
  font-style: inherit;
  float: right;
  height: 9px;
}
header .header-cart ul li dt i > img {
  width: 14px;
}
header .header-cart ul li dt i.add {
  margin-left: 5px;
  margin-top: 10px;
  padding: 2px 3px;
  line-height: 7px;
}
header .header-cart ul li dt i.cut {
  margin-right: 5px;
  margin-top: 10px;
  padding: 2px 5px;
  line-height: 10px;
}
header .header-cart ul li dd > span {
  position: absolute;
  top: 65px;
  left: 16px;
  border: 1px solid #7b7878;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 1px;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset;
          box-shadow: 0px 0px 0px 2px #ffffff inset;
  padding: 2px;
}
header .header-cart ul li dd img {
  width: 4.77539063rem;
}
header .header-cart .active {
  background: #dededd;
}
header .header-cart .checked {
  background: #7b7878;
}
.gouwulan_list > ul {
  min-height: 64vh;
  padding-bottom: 40px;
}
.gouwulan_list > ul > li dd {
  float: left;
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}
#header {
  height: 3rem;
  background-color: #fff;
}
.fixed-margin {
  margin-top: 3rem;
}
/*-----headerOderNav--------*/
.headerOderNav {
  height: 3.3984375rem;
  line-height: 3.3984375rem;
  padding: 0 0.9375rem;
}
.headerOderNav span {
  font-size: 20px;
}
/*-----HOME-----*/
.Home {
  background: #fff;
}
.Home .video {
  margin: 1rem 0.5rem 0!important;
}
.Home .Home-welcome {
  height: 16.25rem;
  background-color: #efefef;
  position: relative;
}
.Home .Home-welcome .Home-welcome-title {
  padding-top: 4.25rem;
  text-align: center;
  font-size: 14px;
}
.Home .Home-welcome .Home-welcome-btn div {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: 14px;
  margin: 0 1rem;
  text-align: center;
  color: #000;
  border: 1px solid #000;
}
.Home .Home-welcome .Home-welcome-btn div a {
  padding: 13px 37vw;
  font-size: 13px;
}
.Home .Home-welcome .Home-welcome-btn div:first-child {
  background-color: #000;
  border: none;
  margin-top: 1.875rem;
}
.Home .Home-welcome .Home-welcome-btn div:first-child a {
  color: #fff;
}
.Home .Home-welcome .Home-welcome-btn div:last-child {
  margin-top: 0.625rem;
}
.Home .Home-welcome .Home-welcome-close {
  position: absolute;
  top: 1.375rem;
  right: 1.075rem;
  height: 0.9rem;
  width: 0.9rem;
}
.Home .Home_header {
  margin: 0 0.5rem;
}
.Home .Home_header .banner-pc {
  display: none;
}
.Home .nav {
  display: none;
}
.Home .main .vedio {
  margin: 0 0.5rem;
}
.Home .goods-web {
  margin: 0 0.5rem;
}
.Home .goods-web .goods-item {
  margin: 9vw 0;
  text-align: center;
}
.Home .goods-web .goods-item:last-child {
  margin-bottom: 9vw;
}
.Home .banner {
  margin: 0 0.5rem;
}
.Home .banner .pc {
  display: none;
}
.Home .swiper-title {
  text-align: center;
}
.Home .slider_pro {
  margin: 0 0.5rem;
  padding-bottom: 1.25rem;
}
.Home .slider_pro li:not(:first-child) {
  margin-top: 1.125rem;
}
.Home .login,
.Home .goods-pc {
  display: none;
}
.user-center-content-pc {
  padding: 0 0.87890625rem;
}
.user-center-content-pc .viprule-title {
  font-size: 0.64453125rem;
  margin-top: 2.25585938rem;
  text-align: center;
}
.user-center-content-pc ul li:not(:first-child) {
  border-left: 1px solid #000;
}
.user-center-content-pc .contentBox {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #000;
  margin-top: 2.54882813rem;
}
.user-center-content-pc .contentBox ul > li,
.user-center-content-pc .contentBox p {
  font-size: 0.49804688rem;
  text-align: center;
}
.user-center-content-pc .contentBox ul {
  margin-top: 0;
}
.user-center-content-pc .contentBox .sevice ul {
  height: 1.46484375rem;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .sevice ul li {
  height: 1.46484375rem;
  float: left;
  line-height: 1.46484375rem;
  font-weight: 500;
  font-size: 0.49804688rem;
}
.user-center-content-pc .contentBox .sevice ul li:nth-child(1) {
  width: 3.625rem;
}
.user-center-content-pc .contentBox .sevice ul li:nth-child(2) {
  width: 2.75rem;
}
.user-center-content-pc .contentBox .sevice ul li:nth-child(3) {
  width: 6rem;
}
.user-center-content-pc .contentBox .sevice ul li:nth-child(4) {
  width: 3.45rem;
}
.user-center-content-pc .contentBox .member {
  height: 4.6875rem;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .member ul {
  height: 4.6875rem;
  overflow: hidden;
}
.user-center-content-pc .contentBox .member ul > li {
  height: 4.6875rem;
  float: left;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(1) {
  line-height: 4.6875rem;
  width: 3.625rem;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(2) {
  width: 2.75rem;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(2) p {
  height: 1.46484375rem;
  line-height: 1.46484375rem;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(3) {
  width: 6rem;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(3) p {
  height: 1.46484375rem;
  line-height: 1.46484375rem;
}
.user-center-content-pc .contentBox .member ul > li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .member ul > li:last-child {
  width: 3.45rem;
  height: 4.6875rem;
  line-height: 4.6875rem;
}
.user-center-content-pc .contentBox .integration_rule {
  height: 4.6875rem;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .integration_rule ul > li {
  height: 4.6875rem;
  float: left;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(1) {
  line-height: 4.6875rem;
  width: 3.625rem;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(2) {
  width: 2.75rem;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(2) p {
  height: 1.55rem;
  line-height: 1.55rem;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(3) {
  width: 6rem;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(3) p {
  height: 1.55rem;
  line-height: 1.55rem;
}
.user-center-content-pc .contentBox .integration_rule ul > li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .integration_rule ul > li:last-child {
  width: 3.45rem;
  line-height: 1.46484375rem;
}
.user-center-content-pc .contentBox .integration_explain {
  height: 4.6875rem;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .integration_explain ul > li {
  height: 4.6875rem;
  float: left;
}
.user-center-content-pc .contentBox .integration_explain ul > li:nth-child(1) {
  line-height: 4.6875rem;
  width: 3.625rem;
}
.user-center-content-pc .contentBox .integration_explain ul > li:nth-child(2) {
  width: 2.75rem;
}
.user-center-content-pc .contentBox .integration_explain ul > li:nth-child(2) p {
  height: 1.55rem;
  line-height: 1.55rem;
}
.user-center-content-pc .contentBox .integration_explain ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .integration_explain ul > li:nth-child(3) {
  width: 6rem;
  height: 4.6875rem;
  line-height: 4.6875rem;
}
.user-center-content-pc .contentBox .integration_explain ul > li:last-child {
  width: 3.45rem;
  text-align: center;
}
.user-center-content-pc .contentBox .integration_explain ul > li:last-child p {
  margin: 0 auto;
  text-align: center;
  line-height: 19px;
}
.user-center-content-pc .contentBox .birthday_certificate {
  height: 4.6875rem;
  float: left;
  width: 100%;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .birthday_certificate li {
  list-style: none;
  float: left;
  text-align: center;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(1) {
  width: 1.8125rem;
  height: 4.6875rem;
  position: relative;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(1) p {
  padding-top: 2rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(1):before {
  content: "";
  top: 0;
  height: 4.6875rem;
  width: 1px;
  border-right: 1px solid #000;
  position: absolute;
  right: 0;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(2) {
  width: 1.8125rem;
  border-right: 1px solid #000;
  height: 4.6875rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(2) p {
  padding-top: 2rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(3) {
  width: 2.75rem;
  border-right: 1px solid #000;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(3) p {
  height: 1.55rem;
  line-height: 1.55rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(4) {
  width: 6rem;
  border-right: 1px solid #000;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(4) p {
  height: 1.55rem;
  line-height: 1.55rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:nth-child(4) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .birthday_certificate li:last-child {
  width: 3.4rem;
  line-height: 1.46484375rem;
}
.user-center-content-pc .contentBox .birthday_certificate li:last-child p {
  line-height: 22px;
  margin: 0 auto;
  margin-top: 1.5rem;
}
.user-center-content-pc .contentBox .sale {
  height: 4.6875rem;
  overflow: hidden;
  margin-top: 4.74rem;
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .sale li {
  text-align: center;
  list-style: none;
  float: left;
}
.user-center-content-pc .contentBox .sale li:nth-child(1) {
  height: 4.6875rem;
  width: 1.81rem;
  position: relative;
}
.user-center-content-pc .contentBox .sale li:nth-child(1) p {
  padding-top: 1.7rem;
}
.user-center-content-pc .contentBox .sale li:nth-child(1):before {
  content: "";
  top: 0;
  height: 4.6875rem;
  width: 1px;
  border-right: 1px solid #000;
  position: absolute;
  right: 0;
}
.user-center-content-pc .contentBox .sale li:nth-child(2) {
  width: 1.81rem;
  border-right: 1px solid #000;
}
.user-center-content-pc .contentBox .sale li:nth-child(2) p {
  height: 2.3rem;
}
.user-center-content-pc .contentBox .sale li:nth-child(2) p:nth-child(1) {
  border-bottom: 1px solid #000;
}
.user-center-content-pc .contentBox .sale li:nth-child(3) {
  width: 13.28rem;
  float: left;
}
.user-center-content-pc .contentBox .sale li:nth-child(3) p {
  height: 2.3rem;
}
.user-center-content-pc .contentBox .sale li:nth-child(3) p:nth-child(1) {
  border-bottom: 1px solid #000;
  line-height: 2.3rem;
}
.user-center-content-pc .contentBox .validity {
  width: 100%;
  height: 43px;
  font-weight: 500px;
  line-height: 43px;
}
.explanatory {
  width: 100%;
  margin: 20px auto 0;
}
/*------confirmOrder--------*/
.confirmOrder {
  /*确认订单公共部分*/
}
.confirmOrder .user_info.no_address {
  height: initial;
  padding: 1.37695313rem 0.9375rem;
}
.confirmOrder .dz_descr {
  position: absolute;
  left: 0px;
  top: 20px;
  font-weight: 100;
}
.confirmOrder > h1 {
  text-align: center;
  margin-top: 0.73242188rem;
  margin-bottom: 2.05078125rem;
  color: #000000;
}
.confirmOrder .user_info {
  padding: 0.87890625rem;
  position: relative;
  background: #ffffff;
  margin-bottom: 0.52734375rem;
  font-size: 0.5859375rem;
  height: 1.7578125rem;
  line-height: 0.87890625rem;
}
.confirmOrder .user_info li:nth-child(3) {
  clear: both;
}
.confirmOrder .user_info li:nth-child(4) {
  position: absolute;
  right: 0.9375rem;
  top: 1.31835938rem;
}
.confirmOrder .user_pro_list {
  border-top: 2px solid #c1c1c1;
}
.confirmOrder .user_pro_list > li {
  padding: 1.46484375rem 0.87890625rem;
  background: #ffffff;
  border-bottom: 2px solid #efefef;
  position: relative;
}
.confirmOrder .user_pro_list > li img {
  width: 5.2734375rem;
  margin-left: 15px;
  vertical-align: top;
}
.confirmOrder .user_pro_list > li h1 {
  position: absolute;
  top: 8vw;
  right: 33%;
  font-size: 0.55664063rem;
}
.confirmOrder .user_pro_list > li .gxj_params {
  margin-top: 0.87890625rem;
  border-top: 1px solid #cdcdcd;
  display: none;
}
.confirmOrder .user_pro_list > li .gxj_params > div span {
  display: inline-block;
  width: 50%;
  height: 2.25585938rem;
  line-height: 2.25585938rem;
  text-align: center;
  float: left;
  color: #565857;
}
.confirmOrder .user_pro_list > li .gxj_params ul {
  position: relative;
  top: 12px;
  display: none;
}
.confirmOrder .user_pro_list > li .gxj_params ul li {
  float: left;
  padding: 0.5859375rem 0.9375rem 0.5859375rem 0.9375rem;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #565857;
}
.confirmOrder .user_counts {
  overflow: hidden;
  padding: 0.67382813rem 1.02539063rem 1.96289063rem 1.02539063rem;
}
.confirmOrder .user_counts span {
  font-weight: 100!important;
}
.confirmOrder .liuyan {
  height: 2.25585938rem;
  line-height: 2.25585938rem;
  background-color: #ffffff;
  padding-left: 1.02539063rem;
  margin-bottom: 0.52734375rem;
}
.confirmOrder .liuyan input {
  width: 100%;
  outline: none;
  border: none;
}
.confirmOrder .kdxz .kdxz_bg,
.confirmOrder .jifen .kdxz_bg,
.confirmOrder .hyzk .kdxz_bg {
  background: #eeeeee;
  padding: 0 8%;
  width: 97%;
  margin-left: -6%;
}
.confirmOrder .kdxz .kdxz_bg ul,
.confirmOrder .jifen .kdxz_bg ul,
.confirmOrder .hyzk .kdxz_bg ul {
  border-top: 1px solid #eeeeee;
  display: none;
  background: #ffffff;
  padding: 10px 0;
}
.confirmOrder .kdxz .kdxz_bg ul li,
.confirmOrder .jifen .kdxz_bg ul li,
.confirmOrder .hyzk .kdxz_bg ul li {
  height: 37px;
  line-height: 37px;
  padding-left: 10px;
  margin-bottom: 0.29296875rem 0;
}
.confirmOrder .kdxz .kdxz_bg ul li:hover,
.confirmOrder .jifen .kdxz_bg ul li:hover,
.confirmOrder .hyzk .kdxz_bg ul li:hover {
  background: #eeeeee;
}
.confirmOrder .kdxz,
.confirmOrder .hyzk,
.confirmOrder .jifen {
  line-height: 2.25585938rem;
  min-height: 2.25585938rem;
  padding: 0 1.02539063rem;
  background: #fff;
  border-top: 2px solid #c1c1c1;
  position: relative;
}
.confirmOrder .yunfei,
.confirmOrder .zhekou,
.confirmOrder .youhui {
  overflow: hidden;
  padding: 0.67382813rem 1.02539063rem 1.96289063rem 1.02539063rem;
}
.confirmOrder .yunfei span,
.confirmOrder .zhekou span,
.confirmOrder .youhui span {
  font-weight: 100!important;
  color: #565857!important;
}
.confirmOrder .jifenma {
  line-height: 2.25585938rem;
  height: 2.25585938rem;
  margin-top: 0.52734375rem;
  background: #ffffff;
  padding: 0 1.02539063rem;
}
.confirmOrder .jifenma a {
  padding: 0.29296875rem 0.87890625rem;
  background: #000;
  color: #ffffff;
  position: relative;
  top: 50%;
  right: -31%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.confirmOrder .jifenma input {
  width: 50%;
  outline: none;
  border: none;
}
.confirmOrder .zje {
  padding: 0 1.02539063rem;
}
.confirmOrder .zje span {
  font-weight: 600;
  color: #565857!important;
}
.confirmOrder .submit {
  margin: 0 1.02539063rem;
  margin-top: 1.171875rem;
  padding: 0.52734375rem 0;
  background: #000000;
  color: #ffffff;
  text-align: center;
  margin-bottom: 3.22265625rem;
}
.confirmOrder .block {
  display: block!important;
}
.confirmOrder .active {
  background: #eeeeee!important;
}
.confirmOrder .rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*--------editAddress-------*/
.editAddress {
  text-align: center;
  margin-top: 0.703125rem;
  margin-bottom: 2.05078125rem;
  color: #000;
}
.editAddress h1 {
  margin-bottom: 2.08007813rem;
  color: #000000;
}
.editAddress .addr_active {
  background: #dededd;
}
.editAddress > ul > li {
  height: 3.515625rem;
  margin-bottom: 0.5859375rem;
  background: #ffffff;
  border: 1px solid transparent;
  position: relative;
}
.editAddress > ul > li > ul {
  margin-top: 0.9375rem;
  margin-left: 0.9375rem;
  margin-right: 0.87890625rem;
}
.editAddress > ul > li > ul li {
  margin-left: 0.87890625rem;
}
.editAddress > ul > li > ul .tel {
  margin-top: 3px;
}
.editAddress > ul > li > ul li:last-child {
  display: block;
  clear: both;
  margin-top: 0.43945313rem;
}
.editAddress > ul > li > div {
  position: absolute;
  top: 24%;
  right: 1.58203125rem;
  width: 110px;
}
.editAddress > ul > li > div > span {
  margin-left: 13%;
}
.editAddress > ul > li > div > span:first-child {
  position: absolute;
  top: 151%;
  display: inline-block;
  width: 120px;
  left: -17%;
}
.editAddress .addr_btn {
  margin: 0 0.9375rem;
}
.editAddress .addr_btn span {
  background: #000;
  color: #ffffff;
  display: block;
  float: initial;
  height: 2.31445313rem;
  line-height: 2.31445313rem;
  margin-bottom: 0.5859375rem;
}
/*------addAddress-------*/
.addAddress {
  margin: 0 0.9375rem;
  margin-top: 0.703125rem;
  margin-bottom: 2.05078125rem;
  color: #565857;
}
.addAddress > h1 {
  text-align: center;
  margin-bottom: 2.08007813rem;
  color: #000000;
}
.addAddress > ul > li > div {
  background: #ffffff;
  padding: 0.5859375rem 0.5859375rem;
  border: 1px solid #000;
  margin-bottom: 0.55664063rem;
}
.addAddress > ul > li input {
  padding: 0.5859375rem 0.5859375rem;
  margin-bottom: 0.55664063rem;
  border: 1px solid #222222;
  display: block;
  width: 92.7%;
  outline: none;
}
.addAddress > ul > li input::-webkit-input-placeholder {
  color: #565857;
}
.addAddress > ul .addAddress-country div {
  background: #efefef;
}
.addAddress > ul li.province_wap,
.addAddress > ul li.city_wap,
.addAddress > ul li.region_wap {
  position: relative;
}
.addAddress > ul li.province_wap ul,
.addAddress > ul li.city_wap ul,
.addAddress > ul li.region_wap ul {
  position: absolute;
  max-height: 100px;
  border: 1px solid #232323;
  overflow-y: auto;
  top: 95%;
  width: 99.3%;
  background: #fff;
  border-top: none;
  z-index: 10;
}
.addAddress > ul li.province_wap ul li,
.addAddress > ul li.city_wap ul li,
.addAddress > ul li.region_wap ul li {
  padding-left: 15px;
  line-height: 25px;
}
.addAddress > ul li.province_wap ul li:hover,
.addAddress > ul li.city_wap ul li:hover,
.addAddress > ul li.region_wap ul li:hover {
  background: #9D9F9E;
  color: #ffffff;
}
.addAddress > ul li.province_pc {
  z-index: 20;
}
.addAddress .submit {
  background: #000000;
  text-align: center;
  height: 2.25585938rem;
  line-height: 2.25585938rem;
  color: #ffffff;
  letter-spacing: 20px;
}
.addAddress .rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*------------pay---------*/
.pay {
  margin-top: 2.9296875rem;
  margin-bottom: 2.05078125rem;
  color: #000;
}
.pay .pay_form {
  margin-top: 50px;
}
.pay .pay_form .pay_suc {
  padding: 10px 141px;
  background: #000;
  color: #fff;
}
.pay h1 {
  text-align: center;
  margin-bottom: 2.08007813rem;
  color: #000000;
}
.pay ul {
  margin: 0 0.9375rem;
}
.pay ul li {
  border-bottom: 1px solid #000;
  padding-top: 1.11328125rem;
  padding-left: 0.64453125rem;
  height: 1.55273438rem;
  position: relative;
}
.pay ul li .pay_style {
  width: 92%;
  display: inline-block;
}
.pay ul li .pay_style label {
  width: 97%;
  display: inline-block;
  height: 34px;
  position: absolute;
  top: 11%;
  padding-top: 20px;
}
.pay ul li i {
  padding: 10px 25px ;
  background: url(../image/pay_icon.png) no-repeat;
}
.pay ul li:nth-child(2) i {
  background-position: 0 -35px;
}
.pay ul li:nth-child(3) i {
  background-position: 0 -70px;
}
.pay div {
  margin: 0 0.9375rem;
  margin-top: 0.43945313rem;
  text-align: center;
}
.pay div span {
  width: 100%;
  height: 2.34375rem;
  line-height: 2.34375rem;
}
.pay div form input {
  border: none;
  background: black;
  color: #ffffff;
  width: 100%;
  height: 2.34375rem;
  line-height: 2.34375rem;
}
/*------------orderSuc--------*/
.orderSuc {
  margin-bottom: 2.05078125rem;
  color: #000;
  border: 1px solid transparent;
  text-align: center;
}
.orderSuc h1 {
  margin-top: 3.984375rem;
  color: #000000;
}
.orderSuc p {
  font-style: italic;
  margin-bottom: 1.25976563rem;
}
.orderSuc .black_btn {
  margin-bottom: 0.5859375rem;
  height: 2.19726563rem;
  line-height: 2.19726563rem;
  margin: 0 0.9375rem;
  display: block;
  width: initial;
}
.orderSuc .orderSuc_back_home {
  border: 1px solid #000000;
  background: #ffffff;
  color: #000000;
}
.orderSuc .orderSuc_back_home:hover {
  color: #000;
}
/*--------proList------------*/
.proList {
  background: #ffffff;
  border-top: 2px solid #e6e6e6;
  min-height: 63vh;
}
.proList .search {
  border: none;
  outline: none;
  padding-left: 10px;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}
.proList .search_result {
  text-align: center;
  padding-top: 20vh;
  background: #ffffff;
}
.proList .proList_nav > ul {
  margin-bottom: 1.7578125rem;
}
.proList .proList_nav > ul > li {
  padding-left: 1.58203125rem;
  padding-right: 1.46484375rem;
  min-height: 2.25585938rem;
  line-height: 2.25585938rem;
}
.proList .proList_nav > ul > li p {
  color: #585858;
}
.proList .proList_nav > ul > li a {
  padding: 5% 80% 5% 0px;
  font-size: 12px;
  color: #585858;
}
.proList .proList_nav > ul > li .opp_nav_list {
  width: 120%;
  -webkit-transform: translateX(-9%);
      -ms-transform: translateX(-9%);
          transform: translateX(-9%);
  padding: 0 11%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
.proList .proList_nav > ul > li em img {
  width: 16px;
  position: relative;
  top: 3px;
  left: 6px;
}
.proList .proList_nav > ul > li:not(:first-child) {
  border-top: 1px solid #e6e6e6;
  background-color: #efefef;
}
.proList .proList_main .proList_banner {
  overflow: hidden;
  font-size: 0.52734375rem;
  padding: 10vw 0 0 0;
}
.proList .proList_main .proList_banner img {
  width: 168%;
  -webkit-transform: translateX(-21%);
      -ms-transform: translateX(-21%);
          transform: translateX(-21%);
}
.proList .proList_main ul {
  color: #565857;
  padding: 0 3.22265625rem;
}
.proList .proList_main ul li {
  width: 100%;
  margin-top: 17%;
  padding-bottom: 17%;
}
.proList .proList_main ul li > div {
  width: 100%;
}
.proList .proList_main ul li .swiper-container .swiper-pagination span {
  background: #a9a7a7;
}
.proList .proList_main ul li .swiper-container span.swiper-pagination-bullet-active {
  background: #eed668!important;
}
.proList .proList_main ul li p {
  text-align: center;
  margin-top: 0.87890625rem;
  line-height: 0.9375rem;
}
.proList .proList_main ul li p b {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
/*------------proDetail--------------*/
.proDetail {
  padding: 0 0.9375rem;
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  border-top: 2px solid #e6e6e6;
}
.proDetail .swiper-slide {
  position: relative;
  top: 26vh;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.proDetail > h1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.proDetail > h1 b {
  font-size: 0.73242188rem;
}
.proDetail .swiper-container {
  position: relative;
  padding-bottom: 2.9rem;
  min-height: 51vh;
}
.proDetail .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 5px;
  text-align: right;
}
.proDetail .swiper-container .swiper-pagination span {
  background: #343333;
}
.proDetail .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
  background: #eed668!important;
}
.proDetail .swiper-container66 {
  position: relative;
}
.proDetail .proDetail_base {
  margin-top: -38px;
}
.proDetail .proDetail_base h3 {
  font-size: 0.73242188rem;
}
.proDetail .proDetail_base p {
  font-size: 0.43945313rem;
}
.proDetail .proDetail_buy {
  margin-top: 2.25585938rem;
}
.proDetail .proDetail_buy > a {
  margin-bottom: 25px;
}
.proDetail .proDetail_buy > a.black_btn {
  width: 100%;
  height: 2.2265625rem;
  line-height: 2.2265625rem;
  margin-bottom: 0.52734375rem;
}
.proDetail .proDetail_buy > div div {
  line-height: 2.05078125rem;
  display: block;
  margin-bottom: 0.52734375rem;
  border: 1px solid #2d2d2d;
  padding: 0 10px;
}
.proDetail .proDetail_info {
  width: 100%;
  margin-top: 1.61132813rem;
}
.proDetail .proDetail_info h1 {
  margin-bottom: 0.5859375rem;
  color: #565857;
  font-weight: 100;
}
.proDetail .proDetail_info ul li {
  float: left;
  width: 22.5%;
}
.proDetail .proDetail_info ul li img {
  border: 1px solid transparent;
}
.proDetail .proDetail_info ul li img:hover {
  border: 1px solid #f3df83;
}
.proDetail .proDetail_info ul li:not(:last-child) {
  margin-right: 5px;
}
.proDetail .proDetail_info .proDetail_pro_type {
  margin-bottom: 1.31835938rem;
}
.proDetail .proDetail_info h3 {
  line-height: 30px;
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetail .proDetail_info p {
  padding: 25px 0;
  line-height: 30px;
  border-top: 1px solid #565857;
  color: #565857;
}
.proDetail .proDetail_info p i {
  font-style: normal;
  margin-left: 5px;
}
.proDetail .proDetail_info .img_hover {
  border: 1px solid #f3df83!important;
}
/*---------proDetail-Optics光学-------*/
.proDetailOptics {
  padding: 0 0.9375rem;
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  border-top: 2px solid #e6e6e6;
}
.proDetailOptics .swiper-container66 {
  position: relative;
}
.proDetailOptics > h1 {
  margin-top: 1.93359375rem;
  margin-bottom: 1.61132813rem;
}
.proDetailOptics > h1 b {
  font-size: 0.73242188rem;
}
.proDetailOptics .swiper-container01 {
  position: relative;
  padding-bottom: 2.9rem;
  min-height: 51vh;
}
.proDetailOptics .swiper-container01 .swiper-slide {
  position: relative;
  top: 26vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.proDetailOptics .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 0px;
  text-align: right;
}
.proDetailOptics .swiper-container .swiper-pagination span {
  background: #e6e6e6;
}
.proDetailOptics .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
  background: #eed668!important;
}
.proDetailOptics .proDetail_base {
  position: absolute;
  top: -12vh;
}
.proDetailOptics .proDetail_base h3 {
  font-size: 0.73242188rem;
}
.proDetailOptics .proDetail_base p {
  font-size: 0.43945313rem;
}
.proDetailOptics .proDetail_buy {
  margin-top: 2.25585938rem;
}
.proDetailOptics .proDetail_buy > a {
  margin-bottom: 25px;
}
.proDetailOptics .proDetail_buy a.black_btn {
  width: 100%;
  height: 2.2265625rem;
  line-height: 2.2265625rem;
  margin-bottom: 0.52734375rem;
}
.proDetailOptics .proDetail_buy > div > div {
  line-height: 2.05078125rem;
  display: block;
  margin-bottom: 0.52734375rem;
  padding: 0 10px;
}
.proDetailOptics .proDetail_buy > div .select_prescription,
.proDetailOptics .proDetail_buy > div .select_glass {
  border: 1px solid #2d2d2d;
}
.proDetailOptics .proDetail_buy > div .select_glass {
  position: relative;
}
.proDetailOptics .proDetail_buy > div .select_glass > ul {
  position: absolute;
  border: 1px solid #2d2d2d;
  left: -1px;
  top: 35px;
  width: 100%;
  background: #fff;
}
.proDetailOptics .proDetail_buy > div .select_glass > ul li {
  padding-left: 10px;
}
.proDetailOptics .proDetail_buy > div .select_glass > ul li:hover {
  background: #cccccc;
}
.proDetailOptics .proDetail_buy > div > ul {
  background: #ffffff;
  border: 1px solid #adadad;
  margin-top: -3%;
  margin-bottom: 0.55664063rem;
  padding: 2px;
}
.proDetailOptics .proDetail_buy > div > ul li {
  padding-left: 7px;
  line-height: 2.05078125rem;
}
.proDetailOptics .proDetail_buy > div > ul li:hover {
  background: #eeeeee!important;
}
.proDetailOptics .proDetail_buy > div .prescription_detail {
  padding: 0;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_name,
.proDetailOptics .proDetail_buy > div .prescription_detail .add_prescription_detail {
  height: 2.05078125rem;
  line-height: 2.05078125rem;
  padding-left: 7px;
  margin: 1.640625rem 0;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .add_prescription_detail {
  border: 1px solid #000000;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .add_prescription_detail > input {
  border: none;
  outline: none;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > div {
  text-align: center;
  line-height: 36px;
  border-top: 1px solid #cccdcc;
  position: relative;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > div p {
  width: 50%;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul {
  padding: 14px;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li {
  line-height: 34px;
  height: 34px;
  width: 46.41025641%;
  float: left;
  position: relative;
  cursor: pointer;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li .prescription_num {
  margin-right: 10px;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li > ul {
  position: absolute;
  max-height: 169px;
  overflow-y: auto;
  border: 1px solid #eeeeee;
  z-index: 2;
  left: 62%;
  width: 42%;
  text-align: center;
  top: 88%;
  background: #fff;
  line-height: 25px;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li > ul li {
  cursor: pointer;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li > ul li:hover {
  background: #eeeeee;
}
.proDetailOptics .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li:nth-child(even) {
  margin-left: 6%;
}
.proDetailOptics .proDetail_info {
  width: 100%;
  margin-top: 1.61132813rem;
}
.proDetailOptics .proDetail_info h1 {
  margin-bottom: 0.5859375rem;
  color: #565857;
  font-weight: 100;
}
.proDetailOptics .proDetail_info ul li {
  float: left;
  width: 22.5%;
}
.proDetailOptics .proDetail_info ul li img {
  border: 1px solid transparent;
}
.proDetailOptics .proDetail_info ul li img:hover {
  border: 1px solid #f3df83;
}
.proDetailOptics .proDetail_info ul li:not(:last-child) {
  margin-right: 5px;
}
.proDetailOptics .proDetail_info .proDetail_pro_type {
  margin-bottom: 1.31835938rem;
}
.proDetailOptics .proDetail_info h3 {
  line-height: 30px;
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetailOptics .proDetail_info p {
  padding: 25px 0;
  line-height: 30px;
  border-top: 1px solid #565857;
  color: #565857;
}
.proDetailOptics .proDetail_info p i {
  font-style: normal;
  margin-left: 5px;
}
.proDetailOptics .img_hover {
  border: 1px solid #f3df83!important;
}
.proDetailOptics .active {
  background: #eeeeee!important;
}
/*-----个人中心-----*/
/*------------个人中心----------*/
.user-center {
  background-color: #efefef;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.user-center a {
  -webkit-tap-highlight-color: transparent;
}
.user-center .wap-nav ul li {
  padding: 0 0.95rem;
}
.user-center .wap-nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.475rem;
  border-bottom: 1px solid #c1c1c1;
  position: relative;
}
.user-center .wap-nav ul li a > span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-center .wap-nav ul li a > span:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  padding-right: 0.75rem;
}
.user-center .wap-nav ul li a .arrow-right {
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -0.25rem;
}
.user-center .wap-nav ul li a .arrow-right::before {
  content: '';
  position: absolute;
  right: 0;
  border-left: 0.25rem solid #565857;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
}
.user-center .wap-nav ul li a .arrow-right::after {
  content: '';
  position: absolute;
  right: 1px;
  border-left: 0.25rem solid #efefef;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
}
.user-center .wap-nav ul li button {
  width: 100%;
  height: 2.2rem;
  background-color: #000;
  color: #fff;
  border: none;
  outline: none;
  margin-top: 0.625rem;
}
.user-center .icon-close {
  position: absolute;
  top: 1.25rem;
  right: 0.95rem;
  width: 0.75rem;
  height: 0.75rem;
}
.user-center .user-center-header-wap {
  border-bottom: 1px solid #C1C1C1;
}
.user-center .wap-content {
  position: relative;
  overflow: auto;
}
.user-center .wap-content .icon-logo {
  margin: 0 auto;
  padding-top: 3.75rem;
  text-align: center;
  width: 5rem;
}
.user-center .wap-content .user_center_title {
  margin-top: 0.95rem;
  text-align: center;
}
.user-center .wap-content ul {
  padding: 0 0.925rem;
  margin-top: 2.5rem;
}
.user-center .wap-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.15rem;
  border: 1px solid #000;
  margin-top: 0.5rem;
  background-color: #fff;
}
.user-center .wap-content ul li .label {
  padding-left: 0.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  height: 100%;
  line-height: 2.15rem;
  background-color: #fff;
}
.user-center .wap-content ul li input {
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.25rem;
  height: 100%;
  outline: none;
}
.user-center .wap-content ul li button {
  background-color: #000;
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
}
.user-center .wap-content ul li .sex-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  background-color: #fff;
}
.user-center .wap-content ul li .circle {
  width: 16px;
  height: 16px;
  border: 1px solid #565857;
  border-radius: 16px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}
.user-center .wap-content ul li .circle .checked {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  background-color: #666;
  border-radius: 12px;
}
.user-center .wap-content ul li:first-child {
  margin-top: 0;
}
.user-center .wap-content ul .label-bg {
  background-color: #e0e0e0;
  border: none;
}
.user-center .wap-content ul .label-bg .label {
  background-color: #e0e0e0;
}
/*------------绑定手机号----------*/
.user-bindPhone-wap .icon-close {
  position: absolute;
  top: 1.25rem;
  right: 0.95rem;
  width: 0.75rem;
  height: 0.75rem;
}
.user-bindPhone-wap .user-center-title {
  margin-top: 4rem;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.user-bindPhone-wap .user-center-content-left {
  padding: 0 0.95rem;
}
.user-bindPhone-wap .user-center-content-left .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.2rem;
  border: 1px solid #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  background-color: #fff;
}
.user-bindPhone-wap .user-center-content-left .item-box label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.925rem;
          flex: 0 0 4.925rem;
  margin-left: 0.625rem;
}
.user-bindPhone-wap .user-center-content-left .item-box .user-center-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-bindPhone-wap .user-center-content-left .item-box .user-center-input input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: none;
  width: 100%;
}
.user-bindPhone-wap .user-center-content-left .item-box .user-center-input .check-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  background-color: #888a89;
  color: #fff;
  height: 100%;
  line-height: 2.2rem;
  font-size: 14px;
  text-align: center;
}
.user-bindPhone-wap .user-center-content-left .item-box:not(:first-child) {
  margin-top: 0.625rem;
}
.user-bindPhone-wap .user-center-content-left .user-center-btn {
  margin-top: 0.625rem;
  height: 2.2rem;
  background-color: #000;
  color: #fff;
  line-height: 2.2rem;
  text-align: center;
}
/*------------手机模态框----------*/
/*------------手机模态框----------*/
.dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #efefef;
  z-index: 1000;
}
.dialog .dialog-box {
  margin-top: 7.5rem;
  text-align: center;
}
.dialog .dialog-box .dialog-cancel,
.dialog .dialog-box .dialog-ok {
  margin: 0 0.925rem;
  height: 2.2rem;
  line-height: 2.2rem;
  border: 1px solid;
  text-align: center;
  margin-top: 0.575rem;
}
.dialog .dialog-box .dialog-cancel {
  background-color: #000;
  color: #fff;
  margin-top: 2.2rem;
}
.dialog01 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.dialog01 .dialog-box {
  text-align: center;
  background: #fff;
  min-height: 20vh;
  border: 1px solid transparent;
  margin: 7.5rem 20px;
  margin-top: 50vh;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dialog01 .dialog-box .dialog-title {
  margin-top: 30px;
  color: #000;
  font-weight: 600;
  margin-bottom: 30px;
}
.dialog01 .dialog-box .dialog-cancel,
.dialog01 .dialog-box .dialog-ok {
  margin: 0 0.925rem;
  height: 2.2rem;
  line-height: 2.2rem;
  border: 1px solid;
  text-align: center;
  margin-top: 0.575rem;
  margin-bottom: 20px;
  background: #000;
  color: #fff;
}
.dialog01 .dialog-box .dialog-cancel {
  background-color: #000;
  color: #fff;
  margin-top: 2.2rem;
}
/*------------修改密码----------*/
.user-changePassword {
  background-color: #efefef;
}
.user-changePassword .icon-close {
  position: absolute;
  top: 1.25rem;
  right: 0.95rem;
  width: 0.75rem;
  height: 0.75rem;
}
.user-changePassword .user-center-title {
  margin-top: 4rem;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.user-changePassword .user-center-content-left {
  padding: 0 0.95rem;
}
.user-changePassword .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.125rem;
  border: 1px solid #000;
  margin-top: 0.625rem;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-changePassword .item-box label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5rem;
          flex: 0 0 5rem;
  margin-left: 0.675rem;
}
.user-changePassword .item-box input {
  margin-left: 0.675rem;
  border: none;
  outline: none;
}
.user-changePassword .user-center-btn {
  margin-top: 0.625rem;
  height: 2.2rem;
  background-color: #000;
  color: #fff;
  line-height: 2.2rem;
  text-align: center;
}
.user-changePassword .item-tip {
  border: none;
  background-color: inherit;
  height: 1.25rem;
}
.user-changePassword .item-tip label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
}
.user-changePassword .item-box:first-child {
  margin-top: 2rem;
}
/*------------收货地址----------*/
.user-address .user-center-title {
  margin-top: 4rem;
  text-align: center;
}
.user-address .address-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.825rem 0.95rem;
  background-color: #fff;
  margin-top: 0.45rem;
}
.user-address .address-list-item .address-item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-address .address-list-item .address-item-info div,
.user-address .address-list-item .address-item-info span {
  font-size: 12px;
}
.user-address .address-list-item .address-item-info > div:last-child {
  margin-top: 7px;
}
.user-address .address-list-item .address-list-item-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.75rem;
          flex: 0 0 4.75rem;
}
.user-address .address-list-item .address-list-item-menu > div:first-child span:last-child {
  float: right;
}
.user-address .address-list-item .address-list-item-menu > div:first-child span:first-child {
  margin-left: 15px;
}
.user-address .address-list-item .address-list-item-menu > div:last-child {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-address .address-list-item .address-list-item-menu span {
  font-size: 12px;
}
.user-address .address-list-item .circle {
  width: 13px;
  height: 13px;
  border: 1px solid #565857;
  border-radius: 99px;
  display: inline-block;
  position: relative;
}
.user-address .address-list-item .circle .checked {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  margin-left: -5.5px;
  background-color: #666;
  border-radius: 99px;
}
.user-address .address-list-item:first-child {
  margin-top: 2.125rem;
}
.user-address .user-center-btn {
  margin: 0 0.95rem;
  margin-top: 0.625rem;
  height: 2.2rem;
  background-color: #000;
  color: #fff;
  line-height: 2.2rem;
  text-align: center;
}
.user-address .user-addAddress-wap .addAddress-wap-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.95rem;
  margin-top: 0.525rem;
  height: 2.2rem;
  background-color: #fff;
  border: 1px solid #000;
  position: relative;
}
.user-address .user-addAddress-wap .addAddress-wap-item input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.675rem;
  border: none;
  outline: none;
}
.user-address .user-addAddress-wap .addAddress-wap-item > span {
  padding-left: 0.675rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-address .user-addAddress-wap .addAddress-wap-item .wap-select {
  max-height: 6.9rem;
  position: absolute;
  top: 2.2rem;
  background-color: #fff;
  z-index: 999;
  padding: 0 0.1rem;
  left: -0.05rem;
  right: -0.05rem;
  border: 1px solid #808080;
  overflow: auto;
}
.user-address .user-addAddress-wap .addAddress-wap-item .wap-select li {
  height: 1.15rem;
  padding-left: 0.675rem;
}
.user-address .user-addAddress-wap .addAddress-wap-item .wap-select li:hover {
  background-color: #eeeeee;
}
.user-address .user-addAddress-wap .addAddress-wap-item-bg {
  background-color: #efefef;
}
.user-address .user-center-content-pc {
  padding-bottom: 0.5rem;
}
/*------------反馈意见----------*/
.user-feedback .user-center-title {
  margin-top: 4rem;
  text-align: center;
  font-weight: 700;
  color: #000;
}
.user-feedback .user-center-title > div:last-child {
  color: #565857;
  font-weight: 500;
  margin: 0 2.5rem;
  margin-top: 1.875rem;
  line-height: 1.125rem;
  font-size: 12px;
}
.user-feedback .textarea {
  margin: 0 0.925rem;
  margin-top: 0.575rem;
  padding: 0.5rem;
  height: 8.75rem;
  border: 1px solid;
  background-color: #fff;
}
.user-feedback .textarea textarea {
  width: 100%;
  height: 100%;
  resize: none;
  outline: none;
  border: none;
}
.user-feedback .user-center-btn {
  margin: 0 0.95rem;
  margin-top: 0.75rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 2.2rem;
  height: 2.2rem;
}
.user-feedback .tip {
  position: absolute;
  left: 0.95rem;
  bottom: 1.4rem;
}
/*------------我的订单----------*/
.user-order .order-title {
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  color: #000;
  margin-top: 4.1rem;
  margin-bottom: 1.5rem;
}
.user-order .order-item {
  margin-top: 0.375rem;
  border-top: 0.05rem solid #c1c1c1;
}
.user-order .order-item .item-goods {
  border-top: 1px solid #c0c1c0;
}
.user-order .order-item .item-goods .goods-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.75rem 0.95rem;
  background-color: #fff;
  color: #000;
}
.user-order .order-item .item-goods .goods-content img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.375rem;
          flex: 0 0 5.375rem;
  width: 5.375rem;
}
.user-order .order-item .item-goods .goods-content .middle-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-item .item-goods .goods-content .middle-info > div:last-child {
  margin-top: 0.7rem;
}
.user-order .order-item .item-goods .goods-content .middle-info > div:first-child {
  font-weight: 700;
}
.user-order .order-item .item-goods .goods-content .right-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  text-align: right;
}
.user-order .order-item .item-goods .goods-content .right-info > div:last-child {
  margin-top: 0.7rem;
  font-weight: 700;
}
.user-order .order-item .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.15rem;
  background-color: #fff;
  border-top: 1px solid #eeeeee;
  padding: 0 0.95rem;
  position: relative;
  top: -2%;
}
.user-order .order-item .menu > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
}
.user-order .order-item .menu .menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .order-item .menu .menu-btn > div {
  display: 0 0 2.5rem;
  height: 0.9rem;
  border: 1px solid;
  font-size: 12px;
  padding: 0.125rem 0;
  min-width: 2.675rem;
  text-align: center;
  margin-left: 0.25rem;
}
.user-order .order-item .menu .menu-btn > div:last-child {
  background-color: #000;
  color: #fff;
}
.user-order .order-item .item-goods:first-child {
  border: none;
}
.user-order .prescription {
  border-top: 1px solid #dedede;
}
.user-order .prescription .pre-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.35rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .prescription .pre-cat > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  height: 100%;
  line-height: 2.35rem;
}
.user-order .prescription .pre-cat .pre-active {
  background-color: #fff;
}
.user-order .prescription .pre-content {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.875rem 0.95rem;
}
.user-order .prescription .pre-content div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .prescription .pre-content div span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  text-align: center;
}
.user-order .order-detail {
  background-color: #fff;
}
.user-order .order-detail span {
  font-size: 12px;
}
.user-order .order-detail > div {
  padding: 0 0.95rem;
  border-top: 1px solid #eeeeee;
}
.user-order .order-detail > div:nth-child(1) {
  padding: 0.675rem 0.95rem;
  line-height: 0.875rem;
}
.user-order .order-detail > div:nth-child(1) span {
  font-size: 12px;
}
.user-order .order-detail > div:nth-child(1) > span:last-child {
  display: block;
}
.user-order .order-detail > div:nth-child(2) {
  padding: 0.675rem 0.95rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .order-detail > div:nth-child(2) > span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}
.user-order .order-detail > div:nth-child(2) > span:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-detail > div:nth-child(3) {
  padding-top: 0.675rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .order-detail > div:nth-child(3) > span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}
.user-order .order-detail > div:nth-child(3) > span:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-detail > div:nth-child(4) {
  padding-bottom: 0.675rem;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-order .order-detail > div:nth-child(4) > span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}
.user-order .order-detail > div:nth-child(4) > span:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-detail .copy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.125rem;
          flex: 0 0 3.125rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  border: 1px solid;
}
.user-order .order-item:first-child {
  margin-top: 0;
}
.arrow-down {
  position: absolute;
  right: 0.95rem;
  top: 50%;
  margin-top: -0.125rem;
}
.arrow-down::before {
  content: '';
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #565857;
  position: absolute;
  top: 0;
}
.arrow-down::after {
  content: '';
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #fff;
  position: absolute;
  top: -0.025rem;
}
/*------------处方信息----------*/
.user-prescription .user-center-title {
  margin-top: 4rem;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  color: #000;
}
.user-prescription .selectBox {
  margin: 0 0.95rem;
  margin-top: 2rem;
  height: 2.2rem;
  border: 1px solid;
  line-height: 2.2rem;
  background-color: #fff;
  position: relative;
}
.user-prescription .selectBox span {
  padding: 0 0.675rem;
  display: block;
}
.user-prescription .selectBox .select {
  width: 100%;
  background-color: #fff;
  border: 1px solid;
  position: absolute;
  top: 2.2rem;
}
.user-prescription .selectBox .select li {
  height: 1.125rem;
  line-height: 1.125rem;
  background-color: #fff;
  padding-left: 0.675rem;
}
.user-prescription .add {
  margin: 0 0.925rem;
  height: 2.2rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 2.2rem;
  margin-top: 0.5rem;
}
.user-prescription .preContent {
  margin-top: 0.375rem;
  background-color: #fff;
}
.user-prescription .preContent .pre-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border-top: 1px solid #fff;
}
.user-prescription .preContent .pre-cat > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #eeeeee;
  padding: 0.625rem 0;
}
.user-prescription .preContent .pre-cat .pre-active {
  background-color: #fff;
}
.user-prescription .pre-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0.875rem 0.95rem;
}
.user-prescription .pre-content > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 1.75rem;
  line-height: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.user-prescription .pre-content > div > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
}
.user-prescription .pre-content > div > span:first-child {
  text-align: left;
}
.user-prescription .pre-content > div .arrow-down {
  position: absolute;
  right: 1.25rem;
}
.user-prescription .btn-box {
  height: 2.2rem;
  border-top: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding-right: 0.95rem;
}
.user-prescription .btn-box > div {
  width: 2.75rem;
  height: 1rem;
  border: 1px solid;
  line-height: 1rem;
  text-align: center;
  color: #000;
}
.user-prescription .btn-box > div:first-child {
  color: #fff;
  background-color: #000;
  margin-left: 0.375rem;
}
/*------------优惠券----------*/
.user_discount .vip-title {
  margin-top: 4rem;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.user_discount .vip-nav {
  text-align: right;
  color: #000;
}
.user_discount .banne {
  position: relative;
}
.user_discount .banne div {
  position: absolute;
  bottom: 1.375rem;
  text-align: center;
  color: #fff;
  width: 100%;
}
.user_discount .user-center-content-pc {
  padding: 0 0.95rem;
}
.user_discount .user-center-content-pc .info1 {
  margin-top: 2.5rem;
  display: block;
  height: 2.25rem;
  border: 1px solid;
  padding: 0 0.675rem;
  line-height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user_discount .user-center-content-pc .info1 span {
  font-size: 12px;
}
.user_discount .user-center-content-pc .coupon-title {
  margin-top: 0.675rem;
  display: block;
  height: 2.25rem;
  border: 1px solid;
  padding: 0 0.675rem;
  line-height: 2.25rem;
}
.user_discount .user-center-content-pc .coupon-box {
  margin-top: 0.675rem;
}
.user_discount .user-center-content-pc .coupon-box .coupon-item {
  height: 3.875rem;
  background-color: #565857;
  color: #fff;
  position: relative;
  margin-top: 0.675rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user_discount .user-center-content-pc .coupon-box .coupon-item:first-child {
  margin-top: 0;
}
.user_discount .user-center-content-pc .coupon-box .coupon-item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 1.25rem solid #fff;
  border-bottom: 1.25rem solid #fff;
}
.user_discount .user-center-content-pc .coupon-box .coupon-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 1.25rem solid transparent;
  border-top: 1.25rem solid #f1d869;
}
.user_discount .user-center-content-pc .coupon-box .price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user_discount .user-center-content-pc .coupon-box .price > span:first-child {
  font-size: 1.4rem;
}
.user_discount .user-center-content-pc .coupon-box .price > span:last-child {
  font-weight: normal;
  font-size: 12px;
  margin-left: 5px;
}
.user_discount .user-center-content-pc .coupon-box .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}
.user_discount .user-center-content-pc .coupon-box .content span {
  font-size: 12px;
}
.user_discount .user-center-content-pc .coupon-box .content span i {
  font-size: 12px;
}
.user_discount .user-center-content-pc .coupon-box .content span:nth-child(2) {
  margin-left: 0.375rem;
}
.user_discount .user-center-content-pc .coupon-box .content .copy {
  background-color: #fff;
  color: #575b56;
  width: 2rem;
  height: 0.775rem;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 350px) {
  .confirmOrder .user_pro_list > li h1 {
    top: 8vw;
    right: 27%;
  }
  .user-center-content-pc {
    padding: 0;
  }
  .user-center-content-pc .contentBox {
    width: 318px;
  }
  .user-center-content-pc .contentBox .sevice ul li:nth-child(4),
  .user-center-content-pc .contentBox .member ul > li:last-child,
  .user-center-content-pc .contentBox .integration_rule ul > li:last-child,
  .user-center-content-pc .contentBox .birthday_certificate li:last-child,
  .user-center-content-pc .contentBox .integration_explain ul > li:last-child {
    width: 3.3rem;
  }
  .user-center-content-pc .contentBox .sale li:nth-child(3) {
    width: 12.23rem;
  }
}
.footer {
  height: 9.175rem;
  background-color: #f6f6f6;
  position: relative;
}
.footer img {
  width: 1.1rem;
  height: 0.95rem;
}
.footer .arrow-top {
  text-align: center;
  left: 50%;
  position: relative;
  height: 1.575rem;
  margin-left: -0.275rem;
  width: 90px;
}
.footer .arrow-top::before {
  content: '';
  position: absolute;
  border-bottom: 0.55rem solid #565857;
  border-left: 0.55rem solid transparent;
  border-right: 0.55rem solid transparent;
  top: 1rem;
  left: -0.275rem;
}
.footer .arrow-top::after {
  content: '';
  position: absolute;
  border-bottom: 0.55rem solid #f6f6f6;
  border-left: 0.55rem solid transparent;
  border-right: 0.55rem solid transparent;
  top: 1.05rem;
  left: -0.275rem;
}
.footer .back-top {
  color: #565857;
  text-align: center;
  margin-top: 0.3rem;
}
.footer .about-us {
  display: none;
}
.footer .web-info-pc {
  display: none;
}
.footer .wechat-icon {
  margin: 0 auto;
  margin-top: 1.825rem;
  width: 9.7rem;
}
.footer .wechat-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .wechat-icon ul li {
  display: inline-block;
}
.footer .web-info-web {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 12px;
  color: #b9b9b9;
}
.footer .search {
  display: none;
}
.footer .message {
  position: fixed;
  right: 0.95rem;
  bottom: 1.5rem;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 2.45rem;
  background-color: #565857;
  opacity: 0.5;
  z-index: 20;
}
.footer .message img {
  display: inline-block;
  width: 1.125rem;
  height: 1.15rem;
  margin: 0 auto;
  line-height: 2.45rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5625rem;
  margin-top: -0.575rem;
}
.footer .message:hover {
  opacity: 0.9;
}
.footer .wechat-icon .footer_icon1 {
  width: 0.825rem;
  height: 0.825rem;
}
.footer .wechat-icon .footer_icon2 {
  width: 0.475rem;
  height: 0.9rem;
}
.footer .wechat-icon .footer_icon3 {
  width: 1.075rem;
  height: 0.9rem;
}
.footer .wechat-icon .footer_icon4 {
  width: 1.075rem;
  height: 0.9rem;
}
.swiper-point {
  position: absolute!important;
  top: 84%!important;
  z-index: 100!important;
}
/*------弹框------*/
/*提示信息*/
.reminder {
  position: absolute;
  height: 1.171875rem;
  line-height: 1.171875rem;
  background: #ff7f7f;
  top: -24px;
  width: 100%;
  color: #ffffff;
}
.reminder p {
  text-align: left;
  padding-left: 10px;
  width: 80%!important;
}
.reminder span {
  position: absolute;
  top: 0;
  right: 20px;
}
/*--loading---*/
.loading_shade {
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #bdbdbd;
  position: fixed;
  z-index: 999;
  opacity: 0.3;
}
.spinner {
  width: 15vw;
  height: 15vw;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
}