@media screen and (min-width: 768px) {
  /*------------头尾样式修改----------*/
  .user-center-header {
    width: auto !important;
  }
  .footer-pc .footer-pc-tip {
    bottom: 15px !important;
  }
  .footer-pc .footer-pc-content ul li img {
    height: 25px;
    width: auto;
  }
  .footer-pc .footer-pc-tip {
    font-size: 10px;
  }
  .footer-pc .inputBox input {
    margin-left: 10px;
    width: auto;
  }
  .user-center .dialog .dialog-box {
    height: auto;
    min-height: 0;
    padding-bottom: 40px;
  }
  .dialog-sim {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 30px;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  .warningDiv {
    width: 381px;
    background: #ff5b5b;
    color: white;
    padding: 5px 10px;
  }
  .login span {
    cursor: pointer;
  }
  /*------------尾部二维码弹窗----------*/
  .footer .QRcode {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999999999999;
  }
  .footer .QRcode .qrcodeBox {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;
    background-color: #fff;
    padding: 150px;
  }
  .footer .QRcode .qrcodeBox img {
    width: 100%;
  }
  .footer .QRcode .qrcodeBox > div {
    margin-top: 30px;
    text-align: center;
  }
  .footer .QRcode .qrcodeBox > span {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 15px;
    cursor: pointer;
  }
  .active-li {
    font-style: italic;
  }
  /*------------个人中心收货地址修改----------*/
  .user-address .arrow-down {
    position: absolute;
    top: 50%;
    right: 8px;
  }
  .user-address .arrow-down::before {
    content: '';
    border-top: 7px solid #585857;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
  }
  .user-address .arrow-down::after {
    content: '';
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -5px;
  }
  /*------------个人中心处方信息更改----------*/
  .user-prescription .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .user-prescription .selctBox {
    border: 1px solid #f7f8f8;
  }
  .user-prescription .selctBox .selectItem {
    line-height: 20px;
  }
  .user-prescription .pre-cat {
    background-color: #eee;
  }
  .user-prescription .pre-active {
    background-color: #fff !important;
  }
  .user-prescription .selctBox {
    margin-top: 0 !important;
  }
  .user-prescription .pre-content .preItem {
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
  }
  .user-prescription .rename .user-center-input-bg,
  .user-prescription .rename .user-center-input {
    padding-left: 20px !important;
  }
  .user-prescription .rename .user-center-input-bg {
    border: none !important;
  }
  .user-prescription .rename .user-center-input {
    width: auto !important;
  }
  .user-prescription .rename input {
    background-color: inherit;
    border: none;
  }
  /*------------订单----------*/
  .user-order .order-detail > div:first-child > span:nth-child(2) {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 115px !important;
            flex: 0 0 115px !important;
  }
  .user-order .order-detail > div:first-child > span:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .user-order .return-btn-bg {
    background-color: #eeeeee;
    border: 1px solid #e7e7e7 !important;
    cursor: default !important;
  }
  /*------------退换货----------*/
  .pic-box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .pic-item {
    position: relative;
  }
  .pic-item .icon-close {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .pic-box .pic-item {
    background: no-repeat center;
    background-size: cover;
  }
  .pic-box .pic-item .pic-default {
    width: 1rem;
    height: 1rem;
  }
  .pic-box .pic-item:nth-child(2) {
    margin-left: 0 !important;
  }
  .del-msk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    line-height: 182px;
  }
  .del-msk a {
    color: #fff;
    font-size: 15px;
  }
  /*------------品牌视频----------*/
  .top-video {
    position: relative;
    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;
  }
  .top-video .mobile-top-video-title {
    position: absolute;
    width: 100%;
    top: 40%;
    display: block;
    text-align: center;
    color: #fff;
    z-index: 5;
  }
  .top-video .mobile-top-video-title h2 {
    font-size: 30px;
    padding-bottom: 5vw;
  }
  .top-video .mobile-top-video-title p {
    font-size: 11px;
  }
  .top-video .video_msk {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 4px;
    width: 60vw;
    z-index: 3;
    overflow: hidden;
  }
  .top-video .video_msk video {
    position: relative;
    width: auto;
    height: 100%;
    left: 50%;
    margin-left: -50vw;
  }
  .top-video .btn {
    z-index: 3;
  }
  .top-video .banner_right {
    width: 60vw;
    position: relative;
    z-index: 4;
  }
  /*------------注册成功----------*/
  .Reg-success {
    min-height: 50vh;
  }
  .register .register-tips :nth-child(2) {
    margin-bottom: 0;
    padding-bottom: 60px;
  }
  .register .register-tips :last-child {
    margin-bottom: 0;
  }
  .register-tips {
    position: relative;
  }
  .register-Error {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }
  /*------------订单----------*/
  .user-order .no_order {
    text-align: center;
  }
  .header-fixed-pc {
    position: fixed !important;
    top: 0;
    margin: 0 !important;
    left: 0;
    right: 0;
    background-color: #fff;
    width: auto !important;
    padding: 0 5%;
    z-index: 999;
  }
  .user-order .order-item .item-goods img {
    height: 100% !important;
  }
  .user-order .order-item .item-goods .middle-info,
  .user-order .order-item .item-goods .right-info {
    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-order .order-detail input {
    border: none;
    outline: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .user-order .menu-btn > span:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /*------------首页----------*/
  .Home video {
    width: 100%;
  }
  .Home .video {
    position: relative;
    width: 960px;
    margin: 0 auto;
  }
  .Home .video-start {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    cursor: pointer;
  }
  .Home .swiper-container {
    width: 100%;
    height: auto;
  }
  .Home #bottomSwiper .swiper-slide img {
    width: 96%;
    padding-left: 4%;
  }
  .Home .banner {
    padding: 1.9% 0 !important;
  }
  .Home .swiper-pagination-bullet-active {
    background-color: #f4e397;
  }
  .Home .slider_pro ul li:nth-child(2) .hover-content,
  .Home .slider_pro ul li:nth-child(5) .hover-content {
    display: block;
    left: auto;
    right: 20px;
    text-align: right;
  }
  .Home .slider_pro ul li .hover-content > div:nth-child(2) {
    margin-top: -7px;
  }
  .Home .slider_pro ul a {
    color: #fff;
  }
  /*------------优惠券复制----------*/
  .user_discount .content input {
    background-color: inherit;
    border: none;
    color: inherit;
    margin-left: 20px;
    width: 100px;
  }
  .user_discount .copy {
    cursor: pointer;
  }
  /*------------隐私政策----------*/
  .privacy_content {
    width: 1024px;
    margin: 0 auto;
    line-height: 35px;
    padding-bottom: 120px;
    min-height: 50vh;
  }
  .privacy_content em {
    font-style: italic;
  }
  .privacy_content h2 {
    margin-top: 30px;
  }
  .privacy_content h1 {
    margin-top: 75px;
  }
  /*------------个人中心，绑定手机号----------*/
  .user-bindPhone #footer {
    position: relative !important;
    bottom: auto !important;
    width: auto !important;
  }
  .user-bindPhone .warn-box {
    width: 385px;
    background-color: #ff7f7e;
    color: #fff !important;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    position: relative;
  }
  .user-bindPhone .warn-box::after {
    content: '×';
    position: absolute;
    right: 15px;
    font-size: 10px;
  }
  .user-bindPhone .user-center-content-pc {
    min-height: 62vh !important;
  }
  .register .arrow_down {
    position: absolute;
    top: 19px;
    right: 19%;
  }
  .register .arrow_down::after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 0 1px 1px 0;
    border-color: #000;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  }
}
/*手机端基础单位*/
/*--手机640基础单位--*/
@media screen and (max-width: 767px) {
  .user-order .order-detail input {
    border: none;
    outline: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .Home .swiper-pagination-bullet-active {
    background-color: #f4e397;
  }
  .Home video {
    width: 100%;
  }
  .Home .video {
    position: relative;
  }
  .Home .video-start {
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.875rem;
    margin-top: -0.875rem;
  }
  .QRcode {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999;
  }
  .QRcode img {
    width: 200px !important;
    height: 200px !important;
    padding: 150px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    margin-top: -120px;
  }
  .header-fixed {
    z-index: 99;
  }
  header .menu-left-msk {
    z-index: 99;
  }
  .user-center .dialog .dialog-box {
    height: auto;
    min-height: 0;
    padding-bottom: 40px;
  }
  .dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #efefef;
  }
  .dialog .icon-close {
    position: absolute;
    top: 1.25rem;
    right: 0.95rem;
    width: 0.75rem;
    height: 0.75rem;
  }
  .warningDiv {
    background: #ff5b5b;
    color: white;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0 0.95rem;
    padding: 0 0.625rem;
    margin-top: 0.625rem;
  }
  .user_discount .user-center-content-pc .coupon-box .coupon-item::before {
    border-color: #efefef !important;
  }
  .user-changePassword .warningDiv {
    margin: 0;
    margin-top: 0.625rem;
  }
  /*------------处方信息----------*/
  .user-prescription .preItem {
    display: block;
    height: 100%;
  }
  .user-prescription .selctBox {
    max-height: 12.25rem;
    overflow: auto;
    background-color: #fff;
    position: relative;
    z-index: 99;
  }
  .user-prescription .rename {
    padding: 0 0.95rem;
  }
  .user-prescription .rename .user-center-input {
    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-prescription .rename .user-center-input input {
    border: none;
    outline: none;
    padding-left: 0.5rem;
    background-color: inherit;
  }
  .user-prescription .rename .user-center-input-bg {
    background-color: inherit;
  }
  .user-prescription .dialog-box .dialog-ok {
    background-color: #000;
    color: #fff;
  }
  .user-prescription .arrow-down::after {
    top: -1px !important;
  }
  /*------------退款退货----------*/
  .user_customerServer {
    padding-bottom: 0.75rem;
  }
  .user_customerServer .user_customerServer_title {
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin-top: 4rem;
    margin-bottom: 1.75rem;
  }
  .user_customerServer .user-center-content-box {
    margin: 0 0.95rem;
  }
  .user_customerServer .user-center-input-bg {
    padding-left: 0.625rem;
    background-color: #e0e0e0;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 1px solid #d7d7d7;
  }
  .user_customerServer .content-area {
    padding-top: 0.5rem;
  }
  .user_customerServer .content-area label {
    display: block;
  }
  .user_customerServer .content-area textarea {
    resize: none;
    outline: none;
    display: block;
    margin-top: 0.5rem;
    height: 5rem;
    width: 96%;
    padding: 2% 2%;
  }
  .user_customerServer .user-center-btn {
    height: 2.2rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 2.2rem;
    font-size: 14px;
    margin-top: 0.575rem;
  }
  .user_customerServer .upload-content {
    padding-top: 0.75rem;
  }
  .user_customerServer .pic-box {
    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;
    margin-top: 0.5rem;
  }
  .user_customerServer .pic-box .pic-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    padding-bottom: 30%;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    border: 1px dotted #d8d8d8;
  }
  .user_customerServer .pic-box .pic-item .pic-default {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    top: 50%;
    margin-top: -0.5rem;
  }
  .user_customerServer .pic-box .pic-item .icon-close {
    cursor: pointer;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    color: #fff;
  }
  .user_customerServer .connect {
    margin-top: 3.5rem;
  }
  .user_customerServer .connect input {
    width: 98%;
    height: 2.15rem;
    padding-left: 2%;
    border: 1px solid #000;
    margin-top: 0.5rem;
    outline: none;
  }
  .user_customerServer .connect:last-child {
    margin-top: 1.25rem;
  }
  .user_customerServer .returnGoods-tip {
    margin-top: 1.25rem;
    line-height: 1rem;
  }
  .user_customerServer .returnGoods-tip ._top {
    margin-top: 1.25rem;
  }
  /*------------订单信息----------*/
  .user-order .no_order {
    text-align: center;
    margin-top: 5rem;
  }
  .user-order .middle-info > div:first-child {
    position: relative;
  }
  .user-order .middle-info > div:first-child > span {
    position: relative;
    right: auto;
  }
  .user-order .middle-info > div:first-child .arrow-down::before {
    right: -1rem;
    top: 2px;
  }
  .user-order .middle-info > div:first-child .arrow-down::after {
    right: -1rem;
    top: 1px ;
  }
  .user-order .circle {
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid #666;
    border-radius: 1.25rem;
    position: relative;
  }
  .user-order .circle .checked {
    width: 0.55rem;
    height: 0.55rem;
    background-color: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.275rem;
    margin-top: -0.275rem;
    border-radius: 0.55rem;
  }
  .user-order .menu-btn > span:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /*------------优惠券复制----------*/
  .user_discount .content input {
    background-color: inherit;
    border: none;
    color: inherit;
    margin-left: 0.625rem;
    width: 3rem;
  }
  .toast {
    position: fixed;
    top: 60%;
    left: 50%;
    width: 3.75rem;
    margin-left: -1.875rem;
    padding: 0.5rem 0.25rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 2.475rem;
    text-align: center;
  }
  /*------------隐私政策----------*/
  .privacy_content {
    background-color: #fff;
    padding: 2rem 0.95rem;
  }
  .privacy_content h1 {
    text-align: center;
  }
  .privacy_content h2 {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
  }
  .privacy_content em {
    font-style: italic;
  }
  .black-bg {
    background-color: #000;
    color: #fff;
  }
  /*------------收货地址----------*/
  .user-address .default-bg {
    background-color: #dededd !important;
  }
  .user-address .arrow-right {
    position: relative;
  }
  .user-address .arrow-right::before {
    content: '';
    border-left: 0.3rem solid #585857;
    border-top: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.3rem;
  }
  .user-address .arrow-right::after {
    content: '';
    border-left: 0.3rem solid #fff;
    border-top: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    position: absolute;
    right: 0.55rem;
    top: 50%;
    margin-top: -0.3rem;
  }
  .user-address .arrow--down {
    position: relative;
  }
  .user-address .arrow--down::before {
    content: '';
    border-top: 0.3rem solid #585857;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.2rem;
  }
  .user-address .arrow--down::after {
    content: '';
    border-top: 0.3rem solid #fff;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
  }
  .user-address .address-item-info > div:first-child {
    font-weight: 700;
  }
  .user-address .address-item-info > div:first-child > span:nth-child(2) {
    margin-left: 0.625rem !important;
  }
  .user-bindPhone .warn-box {
    background-color: #ff7f7e;
    color: #fff !important;
    padding: 0.5rem 0.95rem;
    height: 0.7rem;
    line-height: 0.7rem;
    position: relative;
    text-align: left;
    margin: 0 0.95rem;
  }
  .user-bindPhone .warn-box::after {
    content: '×';
    position: absolute;
    right: 15px;
    font-size: 10px;
  }
}