/**========弹窗===========*/
.dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog .dialog-box {
  width: 460px;
  min-height: 18vh;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dialog .dialog-box .dialog-title {
  font-size: 14px;
  font-weight: 700;
  margin-top: 53px;
}
.dialog .dialog-box .dialog-content {
  margin-top: 40px;
}
.dialog .dialog-box .dialog-cancel,
.dialog .dialog-box .dialog-ok {
  width: 397px;
  height: 33px;
  line-height: 33px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 20px;
  cursor: pointer;
}
.dialog .dialog-box .dialog-cancel {
  margin-top: 70px;
}
/*手指*/
.point {
  cursor: pointer;
}
/*----------Home----------*/
.Home .Home_header {
  width: 100%;
  margin-bottom: 2%;
  /*--首页banner图---*/
}
.Home .Home_header .swiper-slide {
  position: relative;
  height: 80vh;
  overflow: hidden;
}
.Home .Home_header .swiper-slide img {
  height: 80vh;
  width: initial;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Home .Home_header > div {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2%;
}
.Home .Home_header > div > img {
  width: 100%;
}
.Home .nav {
  width: 90%;
  margin: 0 auto;
}
.Home .nav .menu {
  width: 333px;
  margin-top: 57px;
  margin-left: -10px;
}
.Home .nav .menu li {
  float: left;
  border-right: 1px solid #3e3e3e;
  padding: 0 15px;
}
.Home .nav .menu li:last-child {
  border-right: none;
}
.Home .nav .rt_menu {
  margin-top: 57px;
}
.Home .Home_logo {
  position: relative;
  left: 30%;
  margin-left: -210px;
  width: 434px;
}
.Home .main {
  margin-top: 0 ;
}
.Home .vedio {
  width: 1024px;
  margin: 0 auto;
}
.Home .pro_them {
  margin-top: 4%;
  height: 726px;
}
.Home .pro_them_title {
  background: url("../image/bg01.jpg");
  height: 225px;
}
.Home .banner {
  padding: 1.9% 0 1.9% 3.8%;
  background: url(../image/bg02.jpg?2.0.0);
}
.Home .slider_pro {
  margin: 4.4% 0;
}
.Home .Home-welcome {
  display: none;
}
.Home .banner-web {
  display: none;
}
.Home .goods-web {
  display: none;
}
.Home .banner .web {
  display: none;
}
.Home .slider_pro li {
  position: relative;
}
.Home .slider_pro li .hover-msk {
  display: none;
  background-color: rgba(238, 226, 157, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: left;
}
.Home .slider_pro li .hover-msk .hover-content {
  position: absolute;
  left: 20px;
  bottom: 20px;
  line-height: 2.2vw;
}
.Home .slider_pro li .hover-msk .hover-content > div:nth-child(1),
.Home .slider_pro li .hover-msk .hover-content > div:nth-child(3) {
  font-size: 0.7vw;
}
.Home .slider_pro li .hover-msk .hover-content > div:nth-child(2) {
  font-size: 2vw;
  font-weight: 700;
}
.Home .slider_pro li .hover-msk .hover-content > div:nth-child(3) {
  font-size: 0.8vw;
  line-height: 1.2vw;
}
.Home .slider_pro li:hover .hover-msk {
  display: block;
}
.Home .pc-home-mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Home .pc-home-mask img {
  float: left;
}
.Home .pc-home-mask li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19.9%;
          flex: 0 0 19.9%;
}
.Home .goods-pc .goods-banner {
  height: 225px;
  background-image: url('../image/banner-bg.jpg');
  margin-top: 6%;
  overflow: hidden;
}
.Home .goods-pc .goods-banner .goods-banner-content {
  background-color: #fff;
  width: 690px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  display: table;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.Home .goods-pc .goods-banner .goods-banner-content > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.Home .goods-pc .goods-banner .goods-banner-content > div p {
  font-size: 1vw;
}
.Home .goods-pc .goods-banner .goods-banner-content > div p b {
  font-size: 1vw;
}
.Home .goods-pc .goods-banner .goods-banner-content > div h1 {
  font-size: 2.3vw;
  position: relative;
  top: -12px;
}
.Home .goods-pc .goods-content {
  width: 1024px;
  margin: 0 auto;
  margin-top: 4.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home .goods-pc .goods-content .goods-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.Home .goods-pc .goods-content .goods-item .goods-item-title {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 700;
}
.Home .goods-pc .goods-content .goods-item .goods-item-btn {
  width: 145px;
  height: 28px;
  border: 1px solid #f0d76b;
  line-height: 28px;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 20px;
}
.Home .banner {
  margin-top: 6%;
}
/*----------header--------------*/
.header-fixed-pc .header-mid-box {
  margin: 0 8%!important;
}
.header-fixed-pc {
  padding: 0!important;
}
.header-web {
  display: none;
}
header {
  display: none;
}
.header-border {
  border-bottom: 1px solid #e6e6e6;
}
.header-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 84%;
  margin: 0 auto;
}
.header-pc .nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5vw 0;
}
.header-pc .nav ul li {
  display: inline-block;
  height: 13px;
  margin-top: 9px;
  border-left: 1px solid #000000;
}
.header-pc .nav ul li a {
  padding: 0 17px;
  color: #000000;
  -webkit-transform: translateY(-26px);
      -ms-transform: translateY(-26px);
          transform: translateY(-26px);
  position: relative;
  top: -4px;
}
.header-pc .nav ul li:first-child {
  border: none;
}
.header-pc .nav ul li:first-child a {
  padding-left: 0;
}
.header-pc .login {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-pc .search {
  width: 25px;
  height: 27px;
  margin-left: 15px;
  margin-right: 20px;
}
.header-pc .cart {
  width: 25px;
  height: 28px;
  margin-left: 35px;
}
.header-pc .cart_num {
  color: #FFFFFF;
  position: relative;
  right: 25px;
  top: 4px;
  width: 26px;
  display: block;
  text-align: center;
}
.header-pc .search_box {
  width: 200px;
  height: 28px;
  border: 1px solid #000;
  outline: none;
  margin-left: 10px;
}
.header-pc .header-mid-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.header-pc .header-mid-box .nav,
.header-pc .header-mid-box .login {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-pc .header-mid-box .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7%;
          flex: 0 0 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*产品列表页header*/
.header_fixed {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0;
  z-index: 99;
  border: 1px solid #e6e6e6;
}
.header_fixed .header-border {
  border: none!important;
}
/*---------------购物篮--------------------*/
.gouwulan {
  width: 380px;
  height: 100%;
  background: #efefef;
  position: fixed;
  right: -380px;
  z-index: 100;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: normal;
  overflow: auto;
}
.gouwulan .gouwulan_header {
  padding: 3.9vw 10px 0 10px;
}
.gouwulan .gouwulan_header_kong {
  border-bottom: 1px solid #d2d7d4;
}
.gouwulan .gouwulan_list {
  margin-top: 40px;
}
.gouwulan .gouwulan_list > ul {
  min-height: 64vh;
  padding-bottom: 40px;
}
.gouwulan .gouwulan_list .counts {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}
.gouwulan .gouwulan_list .counts p {
  width: 300px;
  margin: 0 auto;
  height: 49px;
}
.gouwulan .gouwulan_list .counts a {
  background: #000000;
  padding: 10px 142px;
  color: #ffffff;
}
.gouwulan .gouwulan_list .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;
}
.gouwulan .gouwulan_list ul li {
  padding: 38px 3px 20px 41px;
  background: #ffffff;
  position: relative;
  border-bottom: 1px solid #dedede;
}
.gouwulan .gouwulan_list ul li dt {
  line-height: 36px;
  margin-left: 21px;
}
.gouwulan .gouwulan_list ul li dt p {
  width: 175px;
}
.gouwulan .gouwulan_list ul li dt .pro_info {
  position: relative;
}
.gouwulan .gouwulan_list ul li dt .pro_info .dingzhi {
  position: absolute;
  color: #9a9a9a;
  top: -17px;
  left: 0;
  font-weight: 100;
}
.gouwulan .gouwulan_list ul li dt a {
  float: right;
}
.gouwulan .gouwulan_list ul li dt span {
  font-weight: 600;
  color: #000000;
}
.gouwulan .gouwulan_list ul li dt i {
  font-style: inherit;
  float: right;
  height: 9px;
}
.gouwulan .gouwulan_list ul li dt i > img {
  width: 14px;
}
.gouwulan .gouwulan_list ul li dt i.add {
  margin-left: 5px;
  margin-top: 10px;
  padding: 2px 3px;
  line-height: 7px;
}
.gouwulan .gouwulan_list ul li dt i.cut {
  margin-right: 5px;
  margin-top: 10px;
  padding: 2px 5px;
  line-height: 10px;
}
.gouwulan .gouwulan_list 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;
}
.gouwulan .gouwulan_list img {
  width: 115px;
}
.gouwulan .gouwulan_kong {
  text-align: center;
}
.gouwulan .gouwulan_kong p {
  margin: 147px 0 -25px 0;
  padding-bottom: 120px;
}
.gouwulan .gouwulan_kong a {
  background: #000000;
  padding: 10px 142px;
  color: #ffffff;
}
.gouwulan .active {
  background: #dededd;
}
.gouwulan .checked {
  background: #7b7878;
}
.gouwulan .gouwulan_list ul li dt,
.gouwulan .gouwulan_list ul li dd {
  float: left;
  height: 80px;
}
/*------------确认订单---------------*/
.confirmOrder {
  max-width: 925px;
  margin: 60px auto;
}
.confirmOrder .dz_descr {
  position: absolute;
  left: 0px;
  top: 20px;
  font-weight: 100;
}
.confirmOrder h1 {
  color: #000000;
  text-align: center;
  margin-bottom: 50px;
}
.confirmOrder .user_info {
  background: #eeeeee;
  height: 45px;
  line-height: 45px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 20px;
}
.confirmOrder .user_info li {
  margin-right: 10px;
}
.confirmOrder .user_info li:not(:last-child) {
  margin-right: 40px;
}
.confirmOrder .user_pro_list {
  margin-top: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.confirmOrder .user_pro_list > li {
  padding: 23px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.confirmOrder .user_pro_list > li img {
  width: 100px;
  margin: 0 42px;
  vertical-align: top;
}
.confirmOrder .user_pro_list > li p span {
  margin: 10px 0;
}
.confirmOrder .user_pro_list > li > h1 {
  position: absolute;
  top: 22px;
  left: 317px;
  cursor: pointer;
}
.confirmOrder .user_pro_list > li .gxj_params {
  margin-top: 16px;
  border-top: 1px solid #cdcdcd;
  display: none;
}
.confirmOrder .user_pro_list > li .gxj_params > div span {
  display: inline-block;
  width: 50%;
  padding: 12px 0;
  text-align: center;
  float: left;
}
.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: 10px 47px 10px 30px;
  width: 33.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #565857;
}
.confirmOrder .user_counts {
  height: 40px;
  line-height: 40px;
}
.confirmOrder .liuyan {
  margin-top: 30px;
  margin-bottom: 10px;
}
.confirmOrder .liuyan input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #000;
  outline: none;
  padding: 5px;
  margin-top: 5px;
}
.confirmOrder .kdxz .kdxz_bg ul,
.confirmOrder .jifen .kdxz_bg ul,
.confirmOrder .hyzk .kdxz_bg ul {
  border: 1px solid #adadad;
  border-top: initial;
  display: none;
}
.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;
}
.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 .kdxz_title,
.confirmOrder .hyzk .kdxz_title,
.confirmOrder .jifen .kdxz_title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #000;
  outline: none;
  padding: 5px;
  margin-top: 5px;
}
.confirmOrder .margin_top_10 {
  margin-top: 10px !important;
}
.confirmOrder .jifen {
  margin-top: 40px;
}
.confirmOrder .jifenma > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #000;
  padding: 5px;
  margin-top: 5px;
  position: relative;
}
.confirmOrder .jifenma > div input {
  width: 80%;
  outline: none;
  border: none;
}
.confirmOrder .jifenma > div a {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 38px;
  background: #000000;
  color: #ffffff;
}
.confirmOrder .hyzk {
  margin-top: 30px!important;
}
.confirmOrder .zje {
  margin-top: 35px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000000;
}
.confirmOrder .submit {
  width: 400px;
  background: #000000;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 5px;
  color: #ffffff;
  text-align: center;
}
.confirmOrder .block {
  display: block!important;
}
.confirmOrder .active {
  background: #eeeeee!important;
}
.confirmOrder .rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.confirmOrder .font_size_18 {
  font-size: 17px;
}
/*---------添加地址-----------*/
.addAddress > ul > li input,
.addAddress > ul > li div {
  width: 100%;
  border: 1px solid #222222;
}
.addAddress {
  width: 925px;
  margin: 0 auto;
  margin-top: 90px;
  min-height: 65vh;
  color: #676767;
  margin-bottom: 50px;
}
.addAddress > ul > li > div span.rt {
  margin-right: 10px;
}
.addAddress > h1 {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  color: #000000;
  padding-bottom: 25px;
}
.addAddress > ul {
  width: 400px;
  float: left;
}
.addAddress > ul > li {
  margin-bottom: 28px;
}
.addAddress > ul > li input {
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
}
.addAddress > ul > li div {
  height: 32px;
  line-height: 32px;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
}
.addAddress > ul > li p {
  margin-bottom: 10px;
}
.addAddress > ul li.addAddress-country {
  color: #adadad;
}
.addAddress > ul li.addAddress-country div {
  border: 1px solid #adadad;
  text-align: left;
}
.addAddress > ul li.province_pc,
.addAddress > ul li.city_pc,
.addAddress > ul li.region_pc {
  position: relative;
}
.addAddress > ul li.province_pc ul,
.addAddress > ul li.city_pc ul,
.addAddress > ul li.region_pc ul {
  position: absolute;
  max-height: 100px;
  border: 1px solid #adadad;
  overflow-y: auto;
  top: 60px;
  width: 100%;
  background: #fff;
}
.addAddress > ul li.province_pc ul li,
.addAddress > ul li.city_pc ul li,
.addAddress > ul li.region_pc ul li {
  padding-left: 15px;
  line-height: 25px;
}
.addAddress > ul li.province_pc ul li:hover,
.addAddress > ul li.city_pc ul li:hover,
.addAddress > ul li.region_pc ul li:hover {
  background: #9D9F9E;
  color: #ffffff;
}
.addAddress > ul li.province_pc {
  z-index: 20;
}
.addAddress > ul:nth-child(odd) {
  float: right;
}
.addAddress .submit {
  clear: both;
  margin: initial;
  width: 400px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.addAddress .rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*---------------编辑地址---------------*/
.editAddress {
  width: 925px;
  margin: 60px auto;
  min-height: 61vh;
}
.editAddress h1 {
  color: #000000;
  text-align: center;
  margin-bottom: 50px;
}
.editAddress > ul {
  border-bottom: 1px solid #000;
}
.editAddress > ul > li {
  background: #ffffff;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 20px;
}
.editAddress > ul > li div span {
  margin-left: 20px;
}
.editAddress .user_address {
  float: left;
}
.editAddress .user_address li {
  margin-right: 10px;
}
.editAddress .user_address li:not(:last-child) {
  margin-right: 40px;
}
.editAddress .addr_active {
  background: #eeeeee!important;
}
.editAddress .addr_btn {
  margin-top: 40px;
}
.editAddress .addr_btn span {
  text-align: center;
  width: 350px;
  line-height: 40px;
  background: #000;
  color: #ffffff;
}
/*----------------支付方式---------------*/
.pay {
  width: 100%;
  max-width: 925px;
  margin: 0 auto;
  margin-top: 106px;
  min-height: 57.5vh;
}
.pay .pay_form .pay_suc {
  padding: 10px 141px;
  background: #000;
  color: #fff;
}
.pay h1 {
  text-align: center;
  margin-bottom: 35px;
}
.pay ul {
  border-top: 1px solid #e6e6e6;
}
.pay ul li {
  border-bottom: 1px solid #000;
  padding-top: 43px;
  position: relative;
  height: 52px;
}
.pay ul li .pay_style {
  width: 96%;
  display: inline-block;
}
.pay ul li .pay_style label {
  width: 100%;
  height: 38px;
  position: absolute;
  top: 0;
  padding-top: 39px;
  z-index: 99;
}
.pay ul li i {
  padding: 9px 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-top: 60px;
  text-align: center;
  margin-bottom: 40px;
}
.pay div input {
  border: none;
  background: black;
  color: #ffffff;
  width: 400px;
  height: 35px;
  line-height: 35px;
  display: block;
  margin: 0 auto;
}
/*---------------下单成功---------------*/
.orderSuc {
  text-align: center;
  margin-top: 106px;
  height: 57.5vh;
}
.orderSuc h1 {
  margin-bottom: 44px;
}
.orderSuc p {
  margin-bottom: 64px;
}
.orderSuc .black_btn {
  margin-bottom: 29px;
}
/*----------------产品列表---------------*/
.proList {
  max-width: 1200px;
  margin: 0 auto;
  min-height: 100vh;
  margin-top: 6%;
  border: 1px solid transparent;
}
.proList .searchPro_nav h1 {
  text-align: center;
  margin-top: 109px;
  margin-bottom: 100px;
}
.proList .proList_nav ul {
  margin: 114.5px 0;
  margin-left: 136px;
}
.proList .proList_nav ul li {
  float: left;
}
.proList .proList_nav ul li a {
  color: black;
  margin: 0 14px;
  padding-bottom: 5px;
}
.proList .proList_nav ul li a:hover {
  border-bottom: 1px solid #000!important;
}
.proList .proList_nav ul:hover li:nth-child(1) a {
  border-bottom: 1px solid transparent;
}
.proList .current_nav {
  border-bottom: 1px solid #000;
  font-weight: 700;
  font-style: italic;
}
.proList .proList_main > div {
  margin-bottom: 124px;
}
.proList .proList_main ul {
  color: #565857;
  padding: 0 6.66666667%;
}
.proList .proList_main ul li {
  width: 43.89534884%;
  float: left;
  margin-top: 8vh;
}
.proList .proList_main ul li > div {
  width: 100%;
  min-height: 10vw;
}
.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: 11px;
  line-height: 32px;
}
.proList .proList_main ul li p b {
  font-size: 24px;
}
.proList .proList_main ul li:nth-child(even) {
  float: right;
}
/*------------------产品详情------------------*/
.proDetail {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px;
  border: 1px solid transparent;
}
.proDetail .dialog-ok {
  margin-top: 10px!important;
}
.proDetail .proDetail_nav ul {
  margin: 114.5px 0;
  margin-left: 86px;
}
.proDetail .proDetail_nav ul li {
  float: left;
}
.proDetail .proDetail_nav ul li a {
  color: black;
  margin: 0 14px;
  padding-bottom: 5px;
}
.proDetail .proDetail_nav ul li a:hover {
  border-bottom: 1px solid #000!important;
}
.proDetail .proDetail_nav ul .current_nav {
  border-bottom: 1px solid #000;
}
.proDetail .proDetail_nav ul:hover li:nth-child(1) a {
  border-bottom: 1px solid transparent;
}
.proDetail .proDetail_show {
  width: 57%;
}
.proDetail .proDetail_show li {
  margin-bottom: 45px;
}
.proDetail .proDetail_show li img {
  width: 100%;
}
.proDetail .proDetail_pro_info {
  max-width: 400px;
  width: 36.49635036%;
  margin-bottom: 45px;
}
.proDetail .proDetail_pro_info .proDetail_base h1 {
  border-bottom: 1px solid #000;
  font-size: 24px;
  padding-bottom: 8px;
  font-weight: 600;
}
.proDetail .proDetail_pro_info .proDetail_base h3 {
  margin-top: 8px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 18px;
}
.proDetail .proDetail_pro_info .proDetail_buy {
  margin-top: 50px;
}
.proDetail .proDetail_pro_info .proDetail_buy > a {
  margin-bottom: 25px;
}
.proDetail .proDetail_pro_info .proDetail_buy > a.black_btn {
  width: 100%;
}
.proDetail .proDetail_pro_info .proDetail_buy > div div {
  line-height: 35px;
  display: block;
  margin-bottom: 28px;
  border: 1px solid #2d2d2d;
  padding: 0 10px;
}
.proDetail .proDetail_pro_info .proDetail_info {
  width: 100%;
  margin-top: 52px;
}
.proDetail .proDetail_pro_info .proDetail_info h1 {
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetail .proDetail_pro_info .proDetail_info ul li {
  float: left;
  width: 22.5%;
}
.proDetail .proDetail_pro_info .proDetail_info ul li img {
  border: 1px solid transparent;
}
.proDetail .proDetail_pro_info .proDetail_info ul li img:hover {
  border: 1px solid #f3df83;
}
.proDetail .proDetail_pro_info .proDetail_info ul li:not(:last-child) {
  margin-right: 5px;
}
.proDetail .proDetail_pro_info .proDetail_info .proDetail_pro_type {
  margin-bottom: 45px;
}
.proDetail .proDetail_pro_info .proDetail_info h3 {
  line-height: 30px;
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetail .proDetail_pro_info .proDetail_info p {
  padding: 25px 0;
  line-height: 30px;
  border-top: 1px solid #cccdcc;
  border-bottom: 1px solid #000;
}
.proDetail .proDetail_pro_info .proDetail_info p i {
  font-style: normal;
  margin-left: 5px;
}
.proDetail .proDetail_pro_info .proDetail_info p span {
  margin-right: 1vw;
}
.proDetail .img_hover {
  border: 1px solid #f3df83!important;
}
/*------------产品详情-光学镜----------*/
.proDetailOptics {
  width: 70%;
  margin: 0 auto;
  min-height: 120vh;
  margin-top: 50px;
  border: 1px solid transparent;
}
.proDetailOptics .black_btn {
  width: 100%;
}
.proDetailOptics .proDetail_nav ul {
  margin: 114.5px 0;
  margin-left: 86px;
}
.proDetailOptics .proDetail_nav ul li {
  float: left;
}
.proDetailOptics .proDetail_nav ul li a {
  color: black;
  margin: 0 14px;
  padding-bottom: 5px;
}
.proDetailOptics .proDetail_nav ul li a:hover {
  border-bottom: 1px solid #000!important;
}
.proDetailOptics .proDetail_nav ul .current_nav {
  border-bottom: 1px solid #000;
}
.proDetailOptics .proDetail_nav ul:hover li:nth-child(1) a {
  border-bottom: 1px solid transparent;
}
.proDetailOptics .proDetail_show {
  width: 57%;
}
.proDetailOptics .proDetail_show li {
  margin-bottom: 45px;
}
.proDetailOptics .proDetail_show li img {
  width: 100%;
}
.proDetailOptics .proDetail_pro_info {
  max-width: 400px;
  width: 36.49635036%;
  margin-bottom: 45px;
}
.proDetailOptics .proDetail_pro_info .proDetail_base h1 {
  border-bottom: 1px solid #000;
  font-size: 24px;
  padding-bottom: 8px;
  font-weight: 600;
}
.proDetailOptics .proDetail_pro_info .proDetail_base h3 {
  margin-top: 8px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 18px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy {
  margin-top: 50px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > a {
  margin-bottom: 25px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > a.black_btn {
  width: 100%;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div > div {
  line-height: 35px;
  display: block;
  margin-bottom: 28px;
  padding: 0 10px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_prescription,
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_glass {
  border: 1px solid #2d2d2d;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_glass {
  position: relative;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_glass > ul {
  position: absolute;
  border: 1px solid #2d2d2d;
  left: -1px;
  top: 35px;
  width: 100%;
  background: #fff;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_glass > ul li {
  padding-left: 10px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .select_glass > ul li:hover {
  background: #cccccc;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div > ul {
  background: #ffffff;
  border: 1px solid #adadad;
  margin-top: -28px;
  margin-bottom: 28px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div > ul li {
  padding-left: 7px;
  line-height: 36px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div > ul li:hover {
  background: #eeeeee!important;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail {
  padding: 0;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_name,
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .add_prescription_detail {
  height: 34px;
  line-height: 34px;
  padding-left: 7px;
  margin-top: 28px;
  margin-bottom: 41px;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .add_prescription_detail {
  border: 1px solid #000000;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .add_prescription_detail > input {
  border: none;
  outline: none;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > div {
  text-align: center;
  line-height: 36px;
  border-top: 1px solid #cccdcc;
  position: relative;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > div p {
  width: 50%;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > ul {
  padding: 14px;
}
.proDetailOptics .proDetail_pro_info .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_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li .prescription_num {
  margin-right: 10px;
}
.proDetailOptics .proDetail_pro_info .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_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li > ul li {
  cursor: pointer;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li > ul li:hover {
  background: #eeeeee;
}
.proDetailOptics .proDetail_pro_info .proDetail_buy > div .prescription_detail .prescription_detail_info > ul > li:nth-child(even) {
  margin-left: 6%;
}
.proDetailOptics .proDetail_pro_info .proDetail_info {
  width: 100%;
  margin-top: 52px;
}
.proDetailOptics .proDetail_pro_info .proDetail_info h1 {
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetailOptics .proDetail_pro_info .proDetail_info ul > li {
  float: left;
  width: 22.5%;
}
.proDetailOptics .proDetail_pro_info .proDetail_info ul > li img {
  border: 1px solid transparent;
}
.proDetailOptics .proDetail_pro_info .proDetail_info ul > li img:hover {
  border: 1px solid #f3df83;
}
.proDetailOptics .proDetail_pro_info .proDetail_info ul li:not(:last-child) {
  margin-right: 5px;
}
.proDetailOptics .proDetail_pro_info .proDetail_info .proDetail_pro_type {
  margin-bottom: 45px;
}
.proDetailOptics .proDetail_pro_info .proDetail_info h3 {
  line-height: 30px;
  margin-bottom: 20px;
  color: #565857;
  font-weight: 100;
}
.proDetailOptics .proDetail_pro_info .proDetail_info p {
  padding: 25px 0;
  line-height: 30px;
  border-top: 1px solid #cccdcc;
  border-bottom: 1px solid #000;
}
.proDetailOptics .proDetail_pro_info .proDetail_info p i {
  font-style: normal;
  margin-left: 5px;
}
.proDetailOptics .proDetail_pro_info .proDetail_info p span {
  margin-right: 1vw;
}
.proDetailOptics .active {
  background: #eeeeee!important;
}
.proDetailOptics .img_hover {
  border: 1px solid #f3df83!important;
}
/*------------------------个人中心------------*/
.user-center .user-center-content-pc {
  width: 1024px;
  margin: 0 auto;
  min-height: 60vh;
  padding-bottom: 20px;
}
.user-center .user-center-content-pc ul {
  margin-top: 98px;
}
.user-center .user-center-content-pc ul li {
  height: 15px;
  display: inline-block;
  line-height: 14px;
}
.user-center .user-center-content-pc ul li a {
  font-size: 16px;
  margin: 0 12px;
  color: #000;
  padding-bottom: 4px;
}
.user-center .user-center-content-pc ul .active-li {
  font-weight: 700;
}
.user-center .user-center-content-pc ul .active-li a {
  border-bottom: 1px solid;
}
.user-center .user-center-content-pc ul li:not(:first-child) {
  border-left: 1px solid #000;
}
.user-center .user-center-content-pc .user-center-title {
  margin-top: 68px;
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 20px;
}
.user-center .user-center-content-pc .user-center-title > div:first-child {
  font-weight: 700;
}
.user-center .user-center-content-pc .user-center-title > div:last-child {
  color: #585857;
}
.user-center .user-center-content-pc .user-center-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-center .user-center-content-pc .user-center-content-box .user-center-content-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-center .user-center-content-pc .user-center-content-box .item-box:not(:first-child) {
  margin-top: 10px;
}
.user-center .user-center-content-pc .user-center-content-box label {
  height: 32px;
  line-height: 40px;
  color: #585857;
}
.user-center .user-center-content-pc .user-center-content-box .user-center-input {
  height: 35px;
  line-height: 35px;
  width: 366px;
  border: 1px solid;
  padding: 0 15px;
  position: relative;
}
.user-center .user-center-content-pc .user-center-content-box .user-center-input input {
  width: 100%;
  height: 30px;
  border: none;
  outline: none;
}
.user-center .user-center-content-pc .user-center-content-box .user-center-input-bg {
  height: 35px;
  line-height: 35px;
  width: 366px;
  padding: 0 15px;
  background-color: #eeeeee;
  color: #585857;
}
.user-center .user-center-content-pc .user-center-content-box .user-center-btn {
  margin-top: 50px;
  width: 396px;
  height: 35px;
  line-height: 30px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}
.user-center .user-center-content-pc .user-center-content-box .sex-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  cursor: pointer;
}
.user-center .user-center-content-pc .circle {
  width: 16px;
  height: 16px;
  border: 1px solid #565857;
  border-radius: 16px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}
.user-center .user-center-content-pc .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-bindPhone .check-num {
  padding-right: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-bindPhone .check-num .check-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  background-color: #585857;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.user-bindPhone #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*-------修改密码--------------*/
.user-changePassword .user-center-btn {
  margin-top: 10px !important;
}
/*------------右箭头----------*/
.arrow-right {
  position: absolute;
  top: 50%;
  right: 8px;
}
.arrow-right::before {
  content: '';
  border-left: 7px solid #585857;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.arrow-right::after {
  content: '';
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -7px;
}
/*------------右边对勾----------*/
.input-success {
  display: block;
  position: absolute;
  right: -25px;
  top: 33%;
  width: 16px;
  height: 10px;
  background-image: url('../image/input-success.png');
  background-size: cover;
}
.arrow-down {
  position: relative;
  cursor: pointer;
}
.arrow-down::before {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -3px;
  border-top: 6px solid #565857;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.arrow-down::after {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -5px;
  border-top: 6px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
/*------------收货地址----------*/
.user-address .user-center-address-list .address-list-item {
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #565857;
}
.user-address .user-center-address-list .address-list-item .address-list-item-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  font-weight: 700;
}
.user-address .user-center-address-list .address-list-item .address-list-item-phone {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 145px;
          flex: 0 0 145px;
  font-weight: 700;
}
.user-address .user-center-address-list .address-list-item .address-list-item-address {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-address .user-center-address-list .address-list-item .address-list-default {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 145px;
          flex: 0 0 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-address .user-center-address-list .address-list-item .address-list-item-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
}
.user-address .user-center-address-list .address-list-item .address-list-item-menu span {
  cursor: pointer;
}
.user-address .user-center-address-list .address-list-item .address-list-item-menu > span:first-child {
  margin-right: 10px;
}
.user-address .user-center-address-list .address-list-item:last-child {
  border-bottom: 1px solid #565857;
}
.user-address .user-center-input .select {
  margin-top: 0;
  position: absolute;
  z-index: 999;
  top: 35px;
  width: 100%;
  left: 0;
  border: 1px solid #adadad;
  max-height: 210px;
  overflow-y: scroll;
}
.user-address .user-center-input .select li {
  display: block;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  background-color: #fff;
}
.user-address .user-center-input .select li:hover {
  background-color: #eeeeee;
}
/*------------反馈意见----------*/
.user-feedback .textarea {
  padding: 15px;
  height: 158px;
  border: 1px solid;
  margin-top: 10px;
}
.user-feedback .textarea textarea {
  width: 100%;
  height: 100%;
  outline: none;
  resize: none;
  border: none;
}
.user-feedback .tip {
  margin-top: 15px;
}
.user-feedback .user-center-content-box .user-center-btn {
  margin-top: 18px !important;
}
/*------------我的订单----------*/
.user-order .order-title {
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  color: #000;
  margin-top: 68px;
  margin-bottom: 60px;
}
.user-order .order-item {
  border-top: 2px solid #000;
}
.user-order .order-item .item-goods .goods-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #cccdcc;
  color: #000;
  font-weight: 700;
  position: relative;
}
.user-order .order-item .item-goods .circle {
  -ms-flex-item-align: center;
      align-self: center;
}
.user-order .order-item .item-goods img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  width: 160px;
  height: 56px;
}
.user-order .order-item .item-goods .middle-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-item .item-goods .middle-info > div:last-child {
  font-weight: 100;
  color: #565857;
  margin-top: 27px;
}
.user-order .order-item .item-goods .right-info {
  text-align: right;
}
.user-order .order-item .item-goods .right-info > div:last-child {
  margin-top: 27px;
}
.user-order .order-item .order-detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #cccdcc;
}
.user-order .order-item .order-detail > div > span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 115px;
          flex: 0 0 115px;
}
.user-order .order-item .order-detail > div > span:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-order .order-item .order-detail > div .copy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91px;
          flex: 0 0 91px;
  border: 1px solid #000;
  color: #000;
  height: 32px;
  text-align: center;
  line-height: 32px;
}
.user-order .order-item .order-detail > div:nth-child(3),
.user-order .order-item .order-detail > div:last-child {
  height: 45px;
  line-height: 45px;
}
.user-order .order-item .order-detail > div:nth-child(3) {
  border: none;
}
.user-order .order-item .prescription {
  border-bottom: 1px solid #cccdcc;
}
.user-order .order-item .prescription .pre-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
}
.user-order .order-item .prescription .pre-cat > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.user-order .order-item .prescription .pre-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
}
.user-order .order-item .prescription .pre-content > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333%;
          flex: 0 0 33.3333333%;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
}
.user-order .order-item .prescription .pre-content > div > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #565857;
}
.user-order .order-item .prescription .pre-content > div > span:last-child {
  font-weight: 700;
}
.user-order .order-item .prescription .pre-active {
  background-color: #eeeeee;
}
.user-order .order-item .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
.user-order .order-item .menu > div {
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-order .order-item .menu > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.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 {
  width: 90px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #000;
  margin-left: 17px;
  cursor: pointer;
}
.user-order .order-item .menu .menu-btn > div:last-child {
  background-color: #000;
  color: #fff;
}
.user-order .order-item:last-child {
  border-bottom: 2px solid #000;
}
/*------------售后----------*/
.user_customerServer .user-center-input-bg {
  width: 100% !important;
}
.user_customerServer textarea {
  display: block;
  width: 100%;
  height: 120px;
  resize: none;
  padding: 11px 12px;
  outline: none;
}
.user_customerServer .pic-item {
  width: 180px;
  height: 180px;
  border: 1px dotted #d8d8d8;
  position: relative;
  display: inline-block;
}
.user_customerServer .pic-item .pic-default {
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
  position: absolute;
}
.user_customerServer .pic-item:not(:first-child) {
  margin-left: 25px;
}
.user_customerServer .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user_customerServer .connect > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user_customerServer .connect > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user_customerServer .connect > div:last-child > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
}
.user_customerServer .returnGoods-tip {
  margin-top: 42px;
  line-height: 30px;
  padding-bottom: 40px;
}
.user_customerServer .returnGoods-tip p:nth-child(2),
.user_customerServer .returnGoods-tip p:nth-child(5),
.user_customerServer .returnGoods-tip p:nth-child(6) {
  margin-top: 41px;
}
/*------------处方信息----------*/
.user-prescription .selectBox {
  width: 100%;
  height: 32px;
  border: 1px solid #000;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-prescription .selectBox > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 32px;
  margin-left: 20px;
}
.user-prescription .selectBox .arrow-down {
  position: absolute;
  top: 50%;
  right: 35px;
}
.user-prescription .selectBox .select {
  margin-top: 0;
  position: absolute;
  z-index: 999;
  top: 35px;
  width: 100%;
  left: 0;
  border: 1px solid #adadad;
  max-height: 210px;
  overflow-y: auto;
  margin-top: -2px;
}
.user-prescription .selectBox .select li {
  display: block;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  background-color: #fff;
}
.user-prescription .selectBox .select li:hover {
  background-color: #eeeeee;
}
.user-prescription .user-center-input-bg {
  padding: 0 !important;
  width: 100% !important;
}
.user-prescription .prescription {
  margin-top: 50px;
  border-bottom: 1px solid #565857;
  border-top: 1px solid #565857;
}
.user-prescription .prescription .pre-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
}
.user-prescription .prescription .pre-cat > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.user-prescription .prescription .pre-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
}
.user-prescription .prescription .pre-content > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333%;
          flex: 0 0 33.3333333%;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
  position: relative;
}
.user-prescription .prescription .pre-content > div > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #565857;
}
.user-prescription .prescription .pre-content > div > span:nth-child(2) {
  font-weight: 700;
}
.user-prescription .prescription .pre-content > div > span:nth-child(2) .selctBox {
  background-color: #fff;
  max-height: 180px;
  position: absolute;
  width: 50%;
  overflow-y: auto;
  margin-top: 40px;
  z-index: 999999;
  display: block;
}
.user-prescription .prescription .pre-content > div > span:nth-child(2) .selctBox .selectItem {
  width: 90%;
  height: 20px;
  color: #565857;
}
.user-prescription .prescription .pre-content > div > span:nth-child(2) .selctBox .selectItem:hover {
  background-color: #eeeeee;
  font-weight: 700;
}
.user-prescription .prescription .pre-content > div .arrow-down {
  position: absolute;
  right: 30px;
  top: 50%;
}
.user-prescription .prescription .pre-active {
  background-color: #eeeeee;
}
/*------------会员优惠----------*/
.user_discount .vip-nav {
  margin-top: 68px;
  text-align: right;
  color: #000;
  border-bottom: 2px solid #000;
  padding-bottom: 4px;
}
.user_discount .vip-title {
  padding: 30px 0;
  text-align: center;
  font-weight: 700;
  color: #000;
}
.user_discount .banne {
  width: 100%;
  position: relative;
}
.user_discount .banne > span {
  width: 100%;
  font-size: 16px;
  position: absolute;
  display: block;
  text-align: center;
  color: #fff;
  top: 70%;
}
.user_discount .info1 {
  margin-top: 48px;
  width: 98%;
  height: 35px;
  background-color: #eee;
  line-height: 35px;
  padding: 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user_discount .info1 span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user_discount .info1 span:last-child {
  text-align: right;
}
.user_discount .coupon-title {
  margin-top: 48px;
  width: 98%;
  height: 35px;
  background-color: #eee;
  line-height: 35px;
  padding: 0 1%;
}
.user_discount .coupon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 59px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user_discount .coupon-box .coupon-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 394px;
          flex: 0 0 394px;
  width: 394px;
  height: 108px;
  background-color: #585857;
  color: #fff;
  margin-top: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user_discount .coupon-box .coupon-item .price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user_discount .coupon-box .coupon-item .price > span:first-child {
  font-size: 32px;
  font-weight: 700;
  margin-right: 5px;
}
.user_discount .coupon-box .coupon-item .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user_discount .coupon-box .coupon-item .content div {
  margin-top: 10px;
}
.user_discount .coupon-box .coupon-item .content div span:nth-child(2) {
  margin-left: 20px;
}
.user_discount .coupon-box .coupon-item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 36px solid #fff;
  border-bottom: 36px solid #fff;
}
.user_discount .coupon-box .coupon-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 36px solid  transparent;
  border-top: 36px solid #f1d869;
}
/*------------会员规则----------*/
.user_vipRule .viprule-title {
  text-align: center;
  margin-top: 68px;
  font-weight: 700;
  color: #000;
  font-size: 15px;
}
.user_vipRule .contentBox {
  width: 926px;
  margin: 0 auto;
  min-height: 200px;
  border: 1px solid #000;
  margin-top: 60px;
}
.user_vipRule .contentBox ul > li,
.user_vipRule .contentBox p {
  font-size: 14px;
  text-align: center;
}
.user_vipRule .contentBox ul {
  margin-top: 0px;
}
.user_vipRule .contentBox .sevice ul {
  height: 45px;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .sevice ul li {
  height: 45px;
  float: left;
  line-height: 45px;
  font-weight: 500;
}
.user_vipRule .contentBox .sevice ul li:nth-child(1) {
  width: 243px;
}
.user_vipRule .contentBox .sevice ul li:nth-child(2) {
  width: 147px;
}
.user_vipRule .contentBox .sevice ul li:nth-child(3) {
  width: 304px;
}
.user_vipRule .contentBox .sevice ul li:nth-child(4) {
  width: 229px;
}
.user_vipRule .contentBox .member {
  height: 133px;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .member ul > li {
  height: 133px;
  float: left;
}
.user_vipRule .contentBox .member ul > li:nth-child(1) {
  line-height: 133px;
  width: 243px;
}
.user_vipRule .contentBox .member ul > li:nth-child(2) {
  width: 147px;
}
.user_vipRule .contentBox .member ul > li:nth-child(2) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .member ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .member ul > li:nth-child(3) {
  width: 304px;
}
.user_vipRule .contentBox .member ul > li:nth-child(3) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .member ul > li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .member ul > li:last-child {
  width: 229px;
  line-height: 133px;
}
.user_vipRule .contentBox .integration_rule {
  height: 133px;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .integration_rule ul > li {
  height: 133px;
  float: left;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(1) {
  line-height: 133px;
  width: 243px;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(2) {
  width: 147px;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(2) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(3) {
  width: 304px;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(3) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .integration_rule ul > li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .integration_rule ul > li:last-child {
  width: 229px;
  line-height: 133px;
}
.user_vipRule .contentBox .integration_explain {
  height: 133px;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .integration_explain ul > li {
  height: 133px;
  float: left;
}
.user_vipRule .contentBox .integration_explain ul > li:nth-child(1) {
  line-height: 133px;
  width: 243px;
}
.user_vipRule .contentBox .integration_explain ul > li:nth-child(2) {
  width: 147px;
}
.user_vipRule .contentBox .integration_explain ul > li:nth-child(2) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .integration_explain ul > li:nth-child(2) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .integration_explain ul > li:nth-child(3) {
  width: 304px;
  height: 133px;
  line-height: 133px;
}
.user_vipRule .contentBox .integration_explain ul > li:last-child {
  width: 229px;
  text-align: center;
}
.user_vipRule .contentBox .integration_explain ul > li:last-child p {
  width: 166px;
  margin: 0 auto;
  margin-top: 45px;
  text-align: center;
  line-height: 23px;
}
.user_vipRule .contentBox .birthday_certificate {
  height: 134px;
  float: left;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li {
  list-style: none;
  float: left;
  text-align: center;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(1) {
  line-height: 133px;
  width: 121px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(2) {
  line-height: 134px;
  width: 121px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(3) {
  width: 147px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(3) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(3) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(4) {
  width: 304px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(4) p {
  height: 44.3px;
  line-height: 44.3px;
}
.user_vipRule .contentBox .birthday_certificate li:nth-child(4) p:not(:last-child) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .birthday_certificate li:last-child {
  width: 229px;
  line-height: 133px;
}
.user_vipRule .contentBox .birthday_certificate li:last-child p {
  width: 85px;
  line-height: 22px;
  margin: 0 auto;
  margin-top: 45px;
}
.user_vipRule .contentBox .sale {
  height: 133px;
  overflow: hidden;
  margin-top: 135px;
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .sale li {
  text-align: center;
  list-style: none;
  float: left;
}
.user_vipRule .contentBox .sale li:nth-child(1) {
  line-height: 133px;
  width: 121px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .sale li:nth-child(2) {
  width: 121px;
  border-right: 1px solid #000;
}
.user_vipRule .contentBox .sale li:nth-child(2) p {
  height: 66.5px;
  line-height: 66.5px;
}
.user_vipRule .contentBox .sale li:nth-child(2) p:nth-child(1) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .sale li:nth-child(3) {
  width: 682px;
}
.user_vipRule .contentBox .sale li:nth-child(3) p {
  height: 66.5px;
  line-height: 66.5px;
}
.user_vipRule .contentBox .sale li:nth-child(3) p:nth-child(1) {
  border-bottom: 1px solid #000;
}
.user_vipRule .contentBox .validity {
  height: 43px;
  font-weight: 500px;
  line-height: 43px;
}
.user_vipRule .explanatory {
  width: 926px;
  margin: 20px auto 0;
}
/*------------------登录/注册----------------------*/
.brand-page {
  width: 80.6%;
  margin: 0 auto;
}
.brand-page .brand-title {
  width: 35%;
  margin: 122px auto 0px;
}
.brand-page .brand-title h2 {
  font-size: 45px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: normal;
}
.brand-page .brand-title .brand-that {
  text-align: center;
}
.brand-page .brand-title .brand-that p {
  font-size: 14px;
  line-height: 30px;
}
.brand-page .brand-title .space {
  margin-top: 25px;
}
.brand-page .seation {
  margin-top: 137px;
}
.brand-page .seation .brand-list {
  margin-bottom: 80px;
}
.brand-page .seation .brand-list .brand-img {
  position: relative;
}
.brand-page .seation .brand-list .brand-img img {
  width: 100%;
}
.brand-page .seation .brand-list .brand-img .brand-img-that {
  width: 100%;
  position: absolute;
  left: 0;
  top: 38%;
  text-align: center;
}
.brand-page .seation .brand-list .brand-img .brand-img-that .act-brand {
  margin-bottom: 20px;
  font-size: 53px;
  text-align: center;
  color: #fff;
}
.brand-page .seation .brand-list .brand-img .brand-img-that p:nth-child(2) {
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.brand-page .seation .brand-list .pro10 {
  margin-top: 50px;
}
.brand-page .seation .brand-list .pro10 p {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  width: 60%;
  margin: 0 auto;
}
.brand-page .seation .brand-list:nth-child(1) .pro10 p {
  width: 51%;
}
/*---------------footer--------------*/
.footer-pc {
  height: 16vh;
  border-top: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.footer-pc > span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-size: 13px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 30px;
}
.footer-pc i {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-pc .footer-pc-content {
  margin: 0 auto;
  width: 1024px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1024px;
          flex: 0 0 1024px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-pc .footer-pc-content > div:nth-child(1) {
  margin-right: 20px;
}
.footer-pc .footer-pc-content ul {
  margin-left: 100px;
}
.footer-pc .footer-pc-content ul li {
  display: inline-block;
}
.footer-pc .footer-pc-content ul li:not(:first-child) {
  margin-left: 50px;
}
.footer-pc .inputBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 480px;
  height: 31px;
  margin-left: 100px;
  border: 1px solid #cccccc;
  position: relative;
}
.footer-pc .inputBox input {
  height: 90%;
  border: none;
  outline: none;
  width: 84%;
  background: #f6f6f6;
}
.footer-pc .inputBox img {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  right: 10px;
  cursor: pointer;
}
.footer-pc .footer-pc-tip {
  position: absolute;
  bottom: 30px;
  left: 6.95%;
}
.footer-pc .message {
  position: absolute;
  right: 120px;
  bottom: 60px;
  width: 50px;
  height: 50px;
  border-radius: 98px;
  background-color: #565857;
  opacity: 0.5;
}
.footer-pc .message img:last-child {
  display: inline-block;
  width: 23px;
  height: 24px;
  margin: 0 auto;
  line-height: 98px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -12px;
}
.footer-pc .message .arrow-top {
  position: absolute;
  top: -30px;
  width: 25px;
  left: 50%;
  margin-left: -12.5px;
}
/*返回顶部*/
.top {
  position: fixed;
  bottom: 10%;
  right: 10%;
  padding: 10px;
  border-radius: 50%;
  background: #575958;
}
.top span {
  position: absolute;
  opacity: 0;
  top: 0px;
  width: 25px;
  height: 25px;
  margin-left: -5px;
  border-top: 1px solid #575958;
  border-left: 1px solid #575958;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.top:hover span {
  top: -20px;
  opacity: 1;
}
/*----提示信息---*/
.reminder {
  position: absolute;
  height: 32px;
  line-height: 32px;
  background: #ff7f7f;
  top: -34px;
  width: 100%;
  color: #ffffff;
}
.reminder p {
  text-align: left;
  padding-left: 10px;
  width: 80%!important;
}
.reminder span {
  position: absolute;
  top: 0;
  right: 20px;
}
.swiper-point {
  position: absolute!important;
  top: 85%!important;
  z-index: 100!important;
}
/*---------媒体查询------*/
@media screen and (max-width: 1260px) {
  .Home .goods-pc .goods-banner .goods-banner-content > div h1 {
    font-size: 34px;
    top: -7px;
  }
}
@media screen and (max-width: 1560px) {
  .footer ul .search > div {
    width: 137%;
  }
  .footer > ul .search {
    margin-left: 4%;
  }
  .footer > ul {
    margin-left: 5%;
  }
}
@media screen and (max-width: 1300px) {
  .footer > ul > li:nth-child(2) {
    margin-left: 3%;
    margin-right: 2%;
  }
  .footer > ul {
    margin-left: 4%;
  }
  .footer > ul > li:nth-child(2) span {
    margin: 10px;
  }
  .footer ul .search > div {
    width: 124%;
  }
}
@media screen and (max-width: 1173px) {
  .footer > ul > li:nth-child(1) {
    position: absolute;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    min-width: 500px;
  }
}
/*sizou.less 样式修改*/
.vedio-banner {
  -webkit-transform: translatex(50px);
      -ms-transform: translatex(50px);
          transform: translatex(50px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.banner_right {
  position: relative;
}
.banner_right .vedio_shadow {
  content: "";
  display: block;
  position: absolute;
  left: 21px;
  top: -1px;
  border-top: 698px solid transparent;
  border-right: 227px solid transparent;
  z-index: 100;
}
.top-video .video_msk video {
  left: 70%!important;
  margin-left: -52vw !important;
}
.top-video {
  margin-top: 10%!important;
  margin-bottom: 2%;
}
.seation-hotel .hotel-list {
  width: 77%;
  max-width: 1100px!important;
  margin: 0 auto!important;
}
.hotel-video {
  max-width: 1100px;
  margin: 8% auto 0px!important;
}
.top-video .video_msk {
  width: 74vw!important;
}