*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: "QWHALE-DIN-Medium";
  src: url("../fonts/QWHALE-DIN-Medium.otf");
  font-display:auto;
  font-style:normal
}
body{
  background-color: #eef3f9;
  font-family: Meiryo,Microsoft YaHei;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  font-weight: 400;
  position: relative;
}

/* loading indicator */
.loaded .site-preloader-wrap {
  opacity: 0;
  visibility: hidden;
}
.site-preloader-wrap {
  position: fixed;
  z-index: 99999;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,0.9);
  top: 0;
  left: 0;
}

.site-preloader-wrap .spinner {
  background-color: #0049a8;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.spinner {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
      opacity: 0;
    }
}

/* scroll-to-top */

.scroll-to-top{
  background-color: #0049a8;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  line-height: 45px;
  color: #fff;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 999;
  cursor: pointer;
}
.scroll-to-top .back-top{
  width: 35px;
  height: 35px;
  background-image: url(../img/back-top.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-left: 5px;
  margin-top: 5px;
}
.scroll-to-top:hover{
  background-color: #0049a8;
  color: #fff;
  opacity: 0.8;
}
.el-message{
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .1);
  box-shadow: 0 0 10px rgba(153, 153, 153, .1);
}
.el-message .el-icon-success{
  color: #0049a8;
}
.el-message .el-message__content{
  color: #333333!important;
  font-weight: bold;
}
.el-message .el-icon-error{
  color: #b4272b;
}
.el-message-box__status.el-icon-success{
  color: #0049a8;
}
.el-loading-spinner .path{
  stroke: #0049a8!important;
}
.qw-pagination {
  margin-top: 20px;
}
.qw-pagination .el-pager li{
  font-size: 12px;
  font-family: QWHALE-DIN-Medium;
  background: #ffffff!important;
  border: 1px solid #eee!important;
  line-height: 26px;
}
.qw-pagination .btn-prev{
  background: #ffffff!important;;
  border: 1px solid #eee!important;;
}
.qw-pagination .btn-next{
  background: #ffffff!important;
  border: 1px solid #eee!important;;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: #0049a8!important;
}
/* footer */
.footer-section{
  width: 100%;
  background: #333333;
  text-align: center;
  padding: 30px 0;
  color: #ffffff;
}
.footer-section .service-description ul{
  list-style-type: none;
}
.footer-section .service-description ul li{
  display: inline;
  margin-right: 15px;
}
.footer-section .service-description ul li:after{
  content: "|";
  margin-left: 15px;
  font-size: 12px;
}
.footer-section .service-description ul li:last-of-type{
  margin-right: 0;
}
.footer-section .service-description ul li:last-of-type:after{
  display: none;
  margin-left: 0;
}
.footer-section .service-description ul li a{
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
.footer-section .slogan {
  margin-top: 15px;
}
.footer-section .slogan h5,.footer-section .slogan h6{
  display: inline;
}
.footer-section .slogan h5{
  font-size: 14px;
  margin-right: 10px;
  font-weight: bold;
}
.footer-section .slogan h5:after{
  content: "·";
  margin-left: 10px;
}
.footer-section .slogan h6{
  font-size: 14px;
  font-weight: 400;
}
/* header */
.header-section{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}
.header-section .top-section{
  width: 100%;
  background: #f4f5f9;
}
.header-section .top-section .top-mian{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1400px;
  height: 40px;
  margin: 0 auto;
}
.header-section .top-section .top-mian .slogan{
  font-size: 14px;
  font-weight: 400;
}
.header-section .top-section .top-mian .top-menu-section{
  display: flex;
  align-items: center;
  font-size: 14px;
}
.header-section .top-section .top-mian .top-menu-section .item {
  margin-left: 40px;
}
.header-section .top-section .top-mian .top-menu-section .item:first-child{
  margin-left: 0;
  cursor: pointer;
  margin-right: 40px;
}
.header-section .top-section .top-mian .top-menu-section .item a{
  color: #333333;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.header-section .top-section .top-mian .top-menu-section .item .qwhaleicon{
  font-size: 14px;
}
.header-section .top-section .top-mian .top-menu-section .item a .qwhaleicon{
  font-size: 18px;
  margin-right: 1px;
}
.header-section .top-section .top-mian .top-menu-section .item:hover,.header-section .top-section .top-mian .top-menu-section .item:hover a{
  color: #0049a8;
}
.header-section .top-section .top-mian .top-menu-section .item:nth-child(3){
  color: #333333;
  margin-left: 0;
}
.header-section .top-section .top-mian .top-menu-section .item:nth-child(4){
  margin-left: 0px;
}
.header-section .top-section .top-mian .top-menu-section .item:nth-child(4) .el-dropdown{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  text-align: right;
  position: relative;
  padding: 7px 16px 0 0;
}
.header-section .top-section .top-mian .top-menu-section .item:nth-child(4) .el-dropdown .el-icon-caret-bottom{
  position: absolute;
  right: 0;
  top: 12px;
}
.header-section .top-section .top-mian .top-menu-section .item .rate{
  color: #0049a8;
  font-weight: bold;
}
.header-section .top-section .top-mian .top-menu-section .item .rate .qwhaleicon{
  font-weight: 400;
  cursor: pointer;
}
.header-section .top-section .top-mian .top-menu-section .item .login-text:hover{
  color: #0049a8;
}
.el-dropdown-menu__item:hover {
  color: #0049a8 !important;
  background-color: #FFFFFF !important;
}
.header-section .header-main{
  width: 100%;
  background-image: url("../img/header_bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.header-section .header-main .header-main-content{
  display: flex;
  align-items: end;
  width: 1400px;
  padding: 30px 0 40px 0;
  margin: 0 auto;
}
.header-section .header-main .header-main-content .logo img{
  width: 220px;
  height: 55px;
}
.header-section .header-main .header-main-content .search-box{
  width: 960px;
  padding: 0 20px 0 50px;
}
.header-section .header-main .header-main-content .search-box .search-type{
  display: flex;
  align-items: center;
  font-size: 13px;
  padding-left: 15px;
  margin-bottom: 4px;
}
.header-section .header-main .header-main-content .search-box .search-type .type{
  margin-right: 30px;
  cursor: pointer;
}
.header-section .header-main .header-main-content .search-box .search-type .typ:last-child{
  margin-right: 0;
}
.header-section .header-main .header-main-content .search-box .search-type .type:hover{
  color: #0049a8;
}
.header-section .header-main .header-main-content .search-box .search-type .active{
  color: #0049a8;
  font-weight: bold;
}
.header-section .header-main .header-main-content .search-box .search-input .el-input .el-input__inner{
  border: 2px solid #0049a8;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.header-section .header-main .header-main-content .search-box .search-input .el-input .el-input-group__append{
  background-color: #0049a8;
  color: #ffffff;
  font-size: 16px;
  border: 2px solid #0049a8;
}
.header-section .header-main .header-main-content .search-box .search-input .el-input .el-input-group__append .el-button{
  padding: 12px 25px 12px 15px;
}
.header-section .header-main .header-main-content .shop-cart-box{
  width: 220px;
  display: flex;
  justify-content: end;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart{
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  border: 1px solid #dadada;
  font-size: 16px;
  color: #0049a8;
  height: 44px;
  cursor: pointer;
  padding: 0 15px;
  font-weight: bold;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart .icon{
  padding-right: 5px;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart .icon .qwhaleicon{
  font-size: 18px;
  font-weight: 500;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart .txt{
  margin: 0 10px;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart .count{
  font-family: QWHALE-DIN-Medium;
  background-color: #e5f3fe;
  border-radius: 4px;
  padding: 0 15px;
}
.header-section .header-main .header-main-content .shop-cart-box .shop-cart:hover .count{
  background: #0049a8;
  color: #ffffff;
}
.header-section .nav-bar{
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: 0 8px 10px rgba(153,153,153, .1);
  -webkit-box-shadow: 0 8px 10px rgba(153,153,153, .1);
  box-shadow: 0 8px 10px rgba(153,153,153, .1);
}
.header-section .nav-bar .nav-bar-main{
  width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.header-section .nav-bar .nav-bar-main .category{
  font-size: 16px;
  height: 54px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 32px;
  width: 250px;
  cursor: pointer;
}
.header-section .nav-bar .nav-bar-main .category .category-icon{
  width: 22px;
  height: 22px;
  background-image: url(../img/category.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 12px;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list{
  list-style-type: none;
  height: 54px;
  line-height: 54px;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list .reg-text:hover{
  color: #0049a8;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list li{
  display: inline;
  margin-right: 15px;
  padding: 0 21px;
  position: relative;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list li:last-child{
  margin-right: 0;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list li a,.header-section .nav-bar .nav-bar-main .nav-bar-list li .reg-text{
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list li a:hover,.header-section .nav-bar .nav-bar-main .nav-bar-list li .reg-text:hover{
  color: #0049a8;
}
.header-section .nav-bar .nav-bar-main .nav-bar-list .active:after{
  content: " ";
  width: 64px;
  height: 4px;
  background: #0049a8;
  position: absolute;
  border-radius: 4px;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.header-popover{
  padding: 15px;
  line-height: 26px;
  color: #333333;
}
.header-rest-calendar .rest-calendar .el-calendar{
  padding: 0 0 10px 0;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__header{
  padding: 12px 5px;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__header .el-calendar__button-group .el-button:hover{
  border-color: #0049a8;
  color: #0049a8;
  background-color: rgba(0,73,168,.05);
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__header .el-calendar__button-group .el-button:active,.header-rest-calendar .rest-calendar .el-calendar .el-calendar__header .el-calendar__button-group .el-button:focus{
  border-color: #0049a8!important;
  color: #0049a8!important;
  background-color: rgba(0,73,168,.05) !important;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__title{
  font-family: QWHALE-DIN-Medium;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body{
  padding: 0;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table{
  border: none;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table th{
  text-align: center;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row td{
  border: 0;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .is-selected{
  background: #ffffff;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .el-calendar-day{
  height: 48px;
  font-family: QWHALE-DIN-Medium;
  text-align: center;
  padding: 8px;
  position: relative;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .el-calendar-day:hover{
  background: #ffffff;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .el-calendar-day .day{
  position: relative;
  line-height: 32px;
  border-radius: 4px;
  height: 100%;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .el-calendar-day .rest{
  background: rgba(0,73,168,.1);
  color: #0049a8;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .tag{
  width: 13px;
  height: 13px;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  right: 3px;
  background: #0049a8;
  color: #ffffff;
  font-size: 10px;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .tag.now{
  background: #b4272b;
  display: none;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .is-today .el-calendar-day .day{
  background: rgba(180,39,43,.1);
  color: #b4272b;
}
.header-rest-calendar .rest-calendar .el-calendar .el-calendar__body .el-calendar-table .el-calendar-table__row .is-today .el-calendar-day .rest{
  background: rgba(0,73,168,.1);
  color: #0049a8;
}
.container{
  padding-top: 242px;
  width: 100%;
}
/* error */
.error-section{
  padding-top: 50px;
  padding-bottom: 80px;
}
.error-content{
  text-align: center;
}
.error-content .error-img{
  width: 100%;
  height: 400px;
  background-image: url("../img/404.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.error-content .pay-success-img{
  width: 100%;
  height: 300px;
  background-image: url("../img/pay_ok.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.error-content .pay-failed-img{
  width: 100%;
  height: 300px;
  background-image: url("../img/pay_failed.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.error-content .error-info{
  text-align: center;padding-top: 60px;
}

.error-content .error-info h2{
  color: #0049a8;
  font-size: 180px;
  line-height: 200px;
  font-family: QWHALE-DIN-Medium;

}
.error-content .error-info a{
  color: #0049a8;
  font-weight: 600;
  margin-top: 20px;
  text-decoration: underline;
  display: block;
}
.category-list{
  height: 520px;
  z-index: 3 !important;
  top: 242px !important;
  margin: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 10px rgba(153,153,153, .1) !important;
  -webkit-box-shadow: 0 0 10px rgba(153,153,153, .1) !important;
  box-shadow: 0 0 10px rgba(153,153,153, .1) !important;
  border: 0 !important;
  padding: 0 15px!important;
  min-width: 250px!important;
}
.category-list-home{
  min-width: 250px;
  height: 520px;
  position: absolute;
  z-index: 3;
  top: 242px;
  left: calc(50% - 700px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 10px rgba(153,153,153, .1);
  -webkit-box-shadow: 0 0 10px rgba(153,153,153, .1);
  box-shadow: 0 0 10px rgba(153,153,153, .1);
  padding: 0 15px;
}
.category-list .popper__arrow,.category-list-home .popper__arrow{
  display: none;
}
.category-main-list{
  position: relative;
  flex-direction: column;
  display: flex;
  padding: 20px 0;
}
.category-main-list .category-main{
  cursor: pointer;
  background-color: #fff;
}
.category-main-list .category-main .category-one{
  width: 220px;
  display: flex;
  padding: 11px 20px;
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
}
.category-main-list .category-main .category-one .img{
  width: 19px;
  height: 19px;
  margin-right: 20px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.category-main-list .category-main .category-one .name{
  font-size: 14px;
  font-weight: 500;
}
.category-main-list .category-main .category-child{
  position: absolute;
  left: 100%;
  display: none;
  z-index: 3;
  top: 0;
  overflow: hidden;
  height: 520px;
}
.category-main-list .category-main .category-child>div{
  padding: 0 20px 20px 20px;
  margin-left: 15px;
  height: 520px;
  overflow-y: auto;
  display: flex;
  background-color: #ffffff;
  border-bottom-right-radius: 4px;
  -moz-box-shadow: 10px 0 5px rgba(153,153,153, .1);
  -webkit-box-shadow: 10px 0 5px rgba(153,153,153, .1);
  box-shadow: 10px 0 5px rgba(153,153,153, .1);
}
.category-main-list .category-main .category-child>div .item{
  max-height: 100%;
}
.category-main-list .category-main .category-child>div .item .category-two{
  font-weight: 600;
  font-size: 13px;
  position: sticky;
  top: 0;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 10px;
  color: #0049a8;
  background-color: #fff;
  width: 100%;
}
.category-main-list .category-main .category-child>div .item .category-thr{
  width: 210px;
  height: 34px;
  border-radius: 5px;
  text-overflow: -o-ellipsis-lastline;
  line-height: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  padding-left: 30px;
  transition: .3s;
}
.category-main-list .category-main .category-child>div .item .category-thr:hover{
  background-color: #e5ecf6
}
.category-main-list .category-main:hover .category-one{
  background-color: #0049a8;
  color: #ffffff;
}
.category-main-list .category-main:hover .category-one .img{
  filter: invert(60%) brightness(200%);
}
.category-main-list .category-main:hover .category-child{
  display: block;
}
.category-list .category-main-list .category-main .category-one{
  padding: 14px 20px;
}
.el-button--primary{
  background-color: #0049a8 !important;
  border-color: #0049a8 !important;
  color: #FFFFFF !important;
}
.el-button--primary:focus,.el-button--primary:hover {
  background: #4c7fc2!important;
  border-color: #4c7fc2!important;
  color: #FFFFFF !important;
}
.el-button--primary.is-active,.el-button--primary:active {
  background: #336db9!important;
  border-color: #336db9!important;
  color: #FFFFFF !important;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover{
  background: #4c7fc2!important;
  border-color: #4c7fc2!important;
  color: #FFFFFF !important;
}
.el-button--default:hover,.el-button--default:focus,.el-button--default:active{
  border-color: #0049a8;
  background-color: #FFFFFF;
  color: #0049a8;
}
.el-button--text{
  color: #0049a8;
}
.el-form-item__error{
  color: #b4272b !important;
}
.el-input__inner:focus,.el-textarea__inner:focus{
  border-color: #0049a8 !important;
}
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
  border-color: #b4272b !important;
}
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
  color: #b4272b !important;
}
.el-checkbox{
  font-weight: 400;
}
.el-checkbox .el-checkbox__input .el-checkbox__inner{
  width: 15px;
  height: 15px;
}
.el-checkbox__input.is-focus .el-checkbox__inner,.el-checkbox .el-checkbox__input .el-checkbox__inner:hover,.el-checkbox .el-checkbox__input .el-checkbox__inner:focus,.el-checkbox .el-checkbox__input .el-checkbox__inner:active{
  border-color: #0049a8;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  border-color: #0049a8;
  background-color: #0049a8;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color: #0049a8;
}
.el-empty .el-empty__bottom a{
  text-decoration: none;
  color: #0049a8;
}
.main-container{
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
.el-dialog__wrapper .el-dialog{
  border-radius: 4px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header{
  padding: 30px 40px 10px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title{
  font-size: 18px;
  font-weight: bold;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn{
  top: 30px;
  right: 40px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{
  color: #999999 !important;
}
.el-dialog__wrapper .el-dialog .el-dialog__body{
  padding: 10px 40px;
}
/* index css */
.home-container{
  position: relative;
}
.home-container .banner-box .banner-img{
  min-width: 1400px;
  height: 540px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.home-container .banner-box .el-carousel .el-carousel__indicators{
  background-color: rgba(0,0,0, 0.3);
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  padding: 0 5px;
  bottom: 30px;
}
.home-container .banner-box .el-carousel .el-carousel__indicators .el-carousel__indicator{
  padding: 0 5px;
}
.home-container .banner-box .el-carousel .el-carousel__indicators .el-carousel__indicator .el-carousel__button{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  opacity: .65;
}
.home-container .banner-box .el-carousel .el-carousel__indicators .is-active .el-carousel__button{
  opacity: 1;
}
.home-container .user-box{
  width: 300px;
  height: 510px;
  border-radius: 4px;
  background-color: #ffffff;
  position: absolute;
  right: calc(50% - 700px);
  top: 252px;
  z-index: 2;
  -moz-box-shadow: 0 0 10px rgba(153,153,153, .1);
  -webkit-box-shadow: 0 0 10px rgba(153,153,153, .1);
  box-shadow: 0 0 10px rgba(153,153,153, .1);
  padding: 30px 20px;
  overflow: hidden;
}
.home-container .user-box .user-info{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.home-container .user-box .user-info .info{
  width: calc(100% - 57px);
  padding-left: 10px;
}
.home-container .user-box .user-info .info .name{
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-container .user-box .user-info .info .code{
  font-size: 13px;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-container .user-box .login-btn{
  width: 100%;
  margin-bottom: 30px;
}
.home-container .user-box .order-info{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
.home-container .user-box .order-info .order-mark{
  text-align: center;
  cursor: pointer;
}
.home-container .user-box .order-info .order-mark .qwhaleicon{
  font-size: 30px;
}
.home-container .user-box .order-info .order-mark>div{
  font-size: 14px;
}
.home-container .user-box .order-info .order-mark .el-badge__content{
  font-size: 14px;
  border: 0;
  height: 20px;
  line-height: 20px;
  background-color: #b4272b;
  font-weight: bold;
  right: 24px;
  top: 2px;
  font-family: QWHALE-DIN-Medium;
}
/*.home-container .user-box .order-info .order-mark:first-child {*/
/*  padding-right: 14px;*/
/*}*/
.home-container .user-box .order-info .order-mark:first-child .el-badge__content{
  right: 38px;
}
.home-container .user-box .notice-info{
  width: 100%;
  margin-top: 30px;
  font-size: 14px;
}
.home-container .user-box .notice-info .tit{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.home-container .user-box .notice-info .el-empty{
  padding: 20px 0 0 0!important;
}
.home-container .user-box .notice-info .el-empty .el-empty__image{
  width: 100px!important;
}
.home-container .user-box .notice-info .el-empty__description p{
  color: #999999!important;
}
.home-container .user-box .notice-info .notice-item{
  margin: 14px 0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-container .user-box .notice-info .notice-item:hover{
  color: #0049a8;
}
.home-container .process-box{
  background-color: #ffffff;
  border-radius: 4px;
  margin-top: 20px;
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.home-container .process-box .process-item{
  width: 220px;
}
.home-container .process-box .process-item .tit{
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.home-container .process-box .process-item .tit .num{
  height: 22px;
  width: 22px;
  border-radius: 11px;
  background-color: #0049a8;
  color: #ffffff;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  font-family: QWHALE-DIN-Medium;
  top: 0;
  left: 0;
}
.home-container .process-box .process-item .desc{
  font-size: 13px;
}
.home-container .column-box{
  width: 100%;
  position: relative;
  margin-bottom: 44px;
  display: flex;
}
.home-container .column-box .cover-info{
  width: 300px;
}
.home-container .column-box .cover-info .name{
  background-color: #5f8dc8;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  height: 55px;
  line-height: 55px;
  border-radius: 4px;
  margin-bottom: 20px;
  text-align: center;
}
.home-container .column-box .cover-info .cover-img{
  height: 580px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.home-container .column-box .cover-info .cover-img .el-image{
  width: 100%;
  height: 580px;
}
.home-container .column-box .goods-info{
  width: 1100px;
  padding-left: 20px;
}
.home-container .column-box .goods-info .el-tabs__header{
  margin-bottom: 20px;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav-wrap::after{
  display: none;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav{
  height: 55px;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav .el-tabs__active-bar{
  background-color: #779ed0;
  border-radius: 1px;
  display: none;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav .el-tabs__item{
  height: 43px;
  font-size: 15px;
  line-height: 43px;
  color: #333333;
  padding: 0 20px;
  border-radius: 4px;
  margin-right: 20px;
  position: relative;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav .el-tabs__item:hover{
  background-color: #d6e2f1;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{
  background-color: #8fafd9;
  color: #ffffff;
  font-weight: bold;
}
.home-container .column-box .goods-info .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #779ed0;
  border-radius: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}
.home-container .column-box .more-btn{
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  cursor: pointer;
  z-index: 2;
}
.home-container .column-box .goods-list{
  height: 580px;
  overflow: hidden;
  position: relative;
}
.home-container .column-box .goods-list:after{
  clear: both;
  display: table;
  content: ' ';
}
.home-container .column-box .goods-list .goods-item{
  width: 200px;
  height: 280px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  padding: 10px;
  cursor: pointer;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.home-container .column-box .goods-list .goods-item:nth-child(5n) {
  margin-right: 0;
}
.home-container .column-box .goods-list .goods-item:nth-child(n+6) {
  margin-bottom: 0;
}
.home-container .column-box .goods-list .goods-item .goods-img{
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 4px;
}
.home-container .column-box .goods-list .goods-item .goods-img .el-image{
  width: 180px;
  height: 180px;
  transition: .1s;
}
/*.home-container .column-box .goods-list .goods-item:hover .goods-img .el-image{*/
/*  transform: scale(1.1);*/
/*}*/
.home-container .column-box .goods-list .goods-item .goods-name{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 6px;
  position: relative;
}
.home-container .column-box .goods-list .goods-item:hover .goods-name{
  color: #0049a8;
}
.home-container .column-box .goods-list .goods-item .goods-name .el-tag{
  background-color: #b4272b;
  border-color: #b4272b;
  border-radius: 4px;
  font-size: 13px;
  margin-right: 6px;
  height: 22px;
  line-height: 20px;
}
.home-container .column-box .goods-list .goods-item .goods-price{
  color: #b4272b;
  font-size: 14px;
  position: absolute;
  bottom:10px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-form-box{
  padding: 20px 0;
}
.login-form-box .el-form-item__label{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.login-form-box .el-form-item__label:before{
  display: none;
}
.reg-form-box .el-form-item__label:before{
  display: inline-block;
}
.login-form-box .btn-box{
  margin-bottom: 10px;
}
.login-form-box .btn-box .el-button--primary{
  width: 100%;
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.login-form-box .action-box .el-form-item__content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-form-box .action-box .el-form-item__content:after,.login-form-box .action-box .el-form-item__content:before{
  display: none;
}
.login-form-box .action-box .el-form-item__content .el-checkbox__label{
  font-size: 13px;
  color: #999999;
  line-height: 20px;
}
.login-form-box .action-box .el-form-item__content .el-button--text{
  color: #999999;
  font-size: 13px;
  font-weight: 400;
}
.login-form-box .reg-box{
  margin-bottom: 0;
}
.login-form-box .reg-box .el-form-item__content{
  padding-top: 20px;
  text-align: center;
}
.login-form-box .reg-box .el-form-item__content .el-button--text{
  color: #0049a8;
  font-size: 16px;
  font-weight: 400;
}
.login-form-box .reg-box .el-form-item__content .el-button--text .bold{
  font-weight: bold;
}
.login-form-box .code-box{
  position: relative;
}
.login-form-box .code-box .el-button--text{
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #0049a8;
}
/* goods search */
.search-container .search-filter{
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 20px 0;
}
.search-container .search-filter .text{
  width: 100%;
  border-bottom: 1px dashed #eeeeee;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
}
.search-container .search-filter .platform-box{
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #eeeeee;
  font-size: 14px;
}
.search-container .search-filter .platform-box .el-button--text {
  margin-left: 20px;
  color: #333333;
  font-weight: 400;
  padding: 0 10px;
}
.search-container .search-filter .platform-box .el-button--text:hover{
  color: #0049a8;
}
.search-container .search-filter .platform-box .active{
  font-weight: bold;
  color: #0049a8;
}
.search-container .search-filter .sort-box{
  width: 100%;
  padding-top: 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.search-container .search-filter .sort-box .el-button--text {
  margin-left: 50px;
  color: #333333;
  font-weight: 400;
  padding: 0;
  position: relative;
}
.search-container .search-filter .sort-box .el-button--text:first-child{
  margin-left: 0;
}
.search-container .search-filter .sort-box .el-button--text:hover{
  color: #0049a8;
}
.search-container .search-filter .sort-box .active{
  font-weight: bold;
  color: #0049a8;
}
.search-container .search-filter .sort-box .el-button--text:nth-child(2),.search-container .search-filter .sort-box .el-button--text:nth-child(3){
  padding: 2px 16px 2px 0;
}
.search-container .search-filter .sort-box .el-button--text .qwhaleicon{
  position: absolute;
  right: 0;
  font-size: 10px;
  color: #cccccc;
}
.search-container .search-filter .sort-box .el-button--text .qicon-jiantoushang{
  top: 0;
}
.search-container .search-filter .sort-box .el-button--text .qicon-jiantouxia{
  bottom: 0;
}
.search-container .search-filter .sort-box .el-button--text .icon-active{
  color: #0049a8;
}
.search-container .search-filter .sort-box .price-input{
  margin: 0 10px 0 50px;
  width: 202px;
  height: 32px;
  background-color: #FFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 13px;
}
.search-container .search-filter .sort-box .price-input .prefix{
  margin: 0 10px;
  color: #999999;
  font-size: 14px;
  font-weight: bold;
}
.search-container .search-filter .sort-box .price-input .seg{
  margin: 0 6px;
  color: #333333;
  font-size: 12px;
}
.search-container .search-filter .sort-box .price-input .el-input{
  font-size: 13px;
}
.search-container .search-filter .sort-box .price-input .el-input .el-input__inner{
  height: 30px;
  line-height: 30px;
  border: 0 !important;
  padding: 0 5px;
  background-color: transparent;
}
.search-container .search-filter .sort-box .el-button--primary{
  height: 32px;
  width: 65px;
  font-weight: 400;
  padding: 0;
  font-size: 13px;
}
.search-container .goods-list-box{
  width: 100%;
  position: relative;
}
.search-container .goods-list-box .goods-list{
  width: 100%;
  position: relative;
}
.search-container .goods-list-box .goods-list:after{
  clear: both;
  display: table;
  content: ' ';
}
.search-container .goods-list-box .goods-list .goods-item{
  width: 264px;
  height: 374px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  cursor: pointer;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.search-container .goods-list-box .goods-list .goods-item:nth-child(5n) {
  margin-right: 0;
}
.search-container .goods-list-box .goods-list .goods-item .goods-img{
  width: 264px;
  height: 264px;
  overflow: hidden;
}
.search-container .goods-list-box .goods-list .goods-item .goods-img .el-image{
  width: 264px;
  height: 264px;
  transition: .1s;
}
.search-container .goods-list-box .goods-list .goods-item .goods-name{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 1.6;
  position: relative;
  padding: 10px 10px 0 10px;
}
.search-container .goods-list-box .goods-list .goods-item:hover .goods-name{
  color: #0049a8;
}
.search-container .goods-list-box .goods-list .goods-item .goods-name .el-tag{
  background-color: #b4272b;
  border-color: #b4272b;
  border-radius: 4px;
  font-size: 13px;
  margin-right: 6px;
  height: 22px;
  line-height: 20px;
}
.search-container .goods-list-box .goods-list .goods-item .goods-price{
  color: #b4272b;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  bottom:20px;
  left: 0;
  width: 50%;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-container .goods-list-box .goods-list .goods-item .goods-sales{
  color: #666666;
  font-size: 14px;
  position: absolute;
  bottom:20px;
  right: 0;
  width: 50%;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.search-container .goods-list-box .loading-box{
  text-align: center;
  width: 100%;
  padding: 10px 0 30px 0;
}
.search-container .goods-list-box .loading-box .el-icon-loading{
  margin-right: 10px;
  font-size: 14px;
}
.search-container .goods-list-box .no-more{
  color: #999999;
}
/* goods detail */
.goods-container .goods-detail-box{
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius:4px;
  padding: 30px;
  margin: 20px 0;
}
.goods-container .goods-detail-box .goods-info-box{
  width: 100%;
  position: relative;
  margin-bottom: 50px;
  display: flex;
}
.goods-container .goods-detail-box .goods-info-box .goods-img{
  width: 527px;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .vue-magnify{
  width: 527px;
  height: 527px;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .vue-magnify .preview-box{
  width: 527px;
  height: 527px;
  border: 0 !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: #eff2f6;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .vue-magnify .preview-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .vue-magnify .preview-box .hover-box{
  border: 0!important;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .vue-magnify .zoom-box{
  width: 527px;
  height: 527px;
  left: 532px;
  border: 0;
  border-radius: 4px;
  z-index: 2;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box{
  width: 527px;
  height: 82px;
  position: relative;
  margin-top: 10px;
  padding: 0 26px;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box:after{
  content:" ";
  display: table;
  clear: both;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .left,.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .right{
  position: absolute;
  width: 20px;
  height: 82px;
  background-color: #eff2f6;
  top: 0;
  text-align: center;
  line-height: 82px;
  border-radius: 4px;
  cursor: pointer;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .left{
  left: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .right{
  right: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .left .el-icon,.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .right .el-icon{
  font-size: 12px;
  color: #999999;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .left:hover .el-icon,.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .right:hover .el-icon{
  color: #0049a8;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list{
  width: 100%;
  position: relative;
  height: 82px;
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: scroll-behavior linear 1s;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list::-webkit-scrollbar{
  height: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list .img-item{
  width: 82px;
  height: 82px;
  overflow: hidden;
  border: 2px solid #FFFFFF;
  cursor: pointer;
  border-radius: 4px;
  margin: 0 4px;
  flex-shrink: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list .active{
  border-color: #0049a8;
}
.goods-container .goods-detail-box .goods-info-box .goods-img .img-list-box .img-list .img-item .el-image{
  width: 80px;
  height: 80px;
}

.goods-container .goods-detail-box .goods-info-box .goods-info{
  width: 873px;
  padding-left: 30px;
  padding-right: 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-name{
  font-size: 22px;
  font-weight: bold;
  line-height: 1.7;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-name .el-tag{
  background-color: #b4272b;
  border-color: #b4272b;
  border-radius: 4px;
  font-size: 16px;
  margin-right: 6px;
  height: 28px;
  line-height: 26px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .chinese-name{
  font-size: 16px;
  color: #999999;
  margin-top: 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .store-name{
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .store-name .store-img{
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-image: url("../img/1688_store.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 15px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .store-name .store-img.taobao{
  background-image: url("../img/taobao_store.png");
}
.goods-container .goods-detail-box .goods-info-box .goods-info .store-name .txt{
  font-size: 14px;
  font-weight: 500;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-price{
  width: 100%;
  margin-top: 20px;
  height: 68px;
  border-radius: 4px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-price .tit{
  font-size: 14px;
  margin-right: 30px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-price .price{
  color: #b4272b;
  font-size: 24px;
  font-weight: bold;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-price .price span{
  font-size: 16px;
  margin-right: 5px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec{
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box{
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 10px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .tit{
  width: 80px;
  font-size: 14px;
  color: #999999;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list{
  width: calc(100% - 80px);
  position: relative;
  padding-left: 10px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list:after{
  content: ' ';
  display: table;
  clear: both;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item{
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 2px;
  border: 1px solid #ededed;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  height: 43px;
  line-height: 43px;
  cursor: pointer;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item.active{
  border-color: #0049a8;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item:hover .txt{
  color: #0049a8;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item:last-child{
  margin-right: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item .el-image{
  width: 38px;
  height: 38px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-spec .spec-box .spec-list .spec-item .txt{
  font-size: 14px;
  padding: 0 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num{
  width: 100%;
  position: relative;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .tit{
  width: 90px;
  font-size: 14px;
  color: #999999;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number{
  line-height: 36px;
  width: 166px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number .el-input-number__decrease,.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number .el-input-number__increase{
  border: 0;
  width: 36px;
  background-color: transparent;
  color: #666666;
  top: 0;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number .el-input-number__decrease .is-disabled{
  color: #C0C4CC;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number .el-input .el-input__inner{
  height: 36px;
  line-height: 36px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: bold;
  font-family: QWHALE-DIN-Medium;
  border-color: #ededed;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-num .el-input-number:hover .el-input .el-input__inner{
  border-color: #0049a8;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-btn-box{
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-btn-box .el-button--primary{
  font-size: 16px;
  font-weight: bold;
  padding: 18px 40px;
  margin-right: 24px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-btn-box .el-button--primary .qwhaleicon{
  margin-right: 20px;
  font-size: 20px;
}
.goods-container .goods-detail-box .goods-info-box .goods-info .goods-btn-box a{
  font-size: 16px;
  font-weight: bold;
  color: #0049a8;
  text-decoration: none;
  border: 1px solid #0049a8;
  padding: 17px 30px;
  border-radius: 4px;
}
.goods-container .goods-detail-box .panel-title{
  font-size: 16px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 15px;
}
.goods-container .goods-detail-box .goods-parameter{
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.goods-container .goods-detail-box .goods-parameter .tit{
  width: 100px;
  font-size: 14px;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goods-container .goods-detail-box .goods-parameter .txt{
  font-size: 14px;
  width: calc(100% - 100px);
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goods-container .goods-detail-box .qw-rich-text-box .desc_anchor{
  display: none;
}
.goods-container .goods-detail-box .qw-rich-text-box img{
  width: 100%;
}
/* shop cart */
.shop-cart-container .main-container{
  display: flex;
  padding: 20px 0;
}
.shop-cart-container .goods-info-box{
  width: 1030px;
  background: #FFFFFF;
  position: relative;
  border-radius: 4px;
  margin-right: 20px;
  padding: 30px 40px;
}
.shop-cart-container .goods-info-box .tit{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.shop-cart-container .goods-info-box .select-all{
  width: 100%;
  margin-bottom: 20px;
  padding-left: 10px;
}
.shop-cart-container .el-checkbox .el-checkbox__input .el-checkbox__inner{
  width: 18px;
  height: 18px;
}
.shop-cart-container .el-checkbox .el-checkbox__input .el-checkbox__inner:after{
  left: 6px;
  top: 3px;
}
.shop-cart-container .goods-info-box .select-all .el-checkbox{
  color: #333333;
  font-weight: 400;
  transition: none;
  margin-right: 15px;
}
.shop-cart-container .goods-info-box .select-all .el-button{
  font-size: 13px;
  color: #333333;
  padding: 8px 18px;
}
.shop-cart-container .goods-info-box .goods-list-box{
  width: 100%;
  position: relative;
  padding-bottom: 20px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item{
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #f3f6f8;
  border-radius: 4px;
  overflow: hidden;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .store-name{
  background-color: #f3f6f8;
  width: 100%;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 9px;
  margin-bottom: 10px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .store-name .el-checkbox{
  margin-right: 6px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .store-name .txt{
  font-size: 15px;
  font-weight: bold;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .store-name .el-tag{
  background-color: #b4272b;
  border-color: #b4272b;
  border-radius: 4px;
  font-size: 14px;
  margin-right: 6px;
  height: 20px;
  line-height: 18px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item{
  width: 100%;
  position: relative;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .check{
  width: 42px;
  padding-left: 9px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .img{
  width: 83px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .img .el-image{
  width: 83px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .name{
  width: 280px;
  padding-left: 15px;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  cursor: pointer;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .name a:hover{
  color: #0049a8;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .spec{
  width: 200px;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #666666;
  white-space: pre-line;
  line-height: 1.5;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .price{
  width: 100px;
  font-size: 14px;
  color: #b4272b;
  font-weight: bold;
  padding-left: 15px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num{
  width: 140px;
  padding-left: 15px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number{
  line-height: 26px;
  width: 125px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number .el-input-number__decrease,.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number .el-input-number__increase{
  border: 0;
  width: 26px;
  background-color: transparent;
  color: #666666;
  top: 0;
  font-size: 12px;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number .el-input-number__decrease .is-disabled{
  color: #C0C4CC;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number .el-input .el-input__inner{
  height: 26px;
  line-height: 26px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 13px;
  font-weight: bold;
  font-family: QWHALE-DIN-Medium;
  border-color: #ededed;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .num .el-input-number:hover .el-input .el-input__inner{
  border-color: #0049a8;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .oper{
  width: 105px;
  text-align: center;
}
.shop-cart-container .goods-info-box .goods-list-box .store-item .goods-item .oper .el-button{
  font-size: 13px;
  color: #0049a8;
  font-weight: 500;
}
.shop-cart-container .pay-detail-box{
  width: 350px;
  background: #FFFFFF;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  padding: 30px;
}
.shop-cart-container .pay-detail-box .tit-box{
  width: 100%;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 30px;
}
.shop-cart-container .pay-detail-box .tit-box .tit{
  font-size: 16px;
  font-weight: bold;
}
.shop-cart-container .pay-detail-box .tit-box .total-num{
  font-size: 14px;
}
.shop-cart-container .pay-detail-box .tit-box .total-num span{
  font-size: 16px;
  font-weight: bold;
  /*font-family: QWHALE-DIN-Medium;*/
  margin: 0 4px;
}
.shop-cart-container .pay-detail-box .goods-list-box{
  width: 100%;
  position: relative;
}
.shop-cart-container .pay-detail-box .goods-list-box:after{
  content: ' ';
  display: table;
  clear: both;
}
.shop-cart-container .pay-detail-box .goods-list-box .goods-item{
  width: 94px;
  height: 94px;
  margin-right: 4px;
  margin-bottom: 4px;
  float: left;
  cursor: pointer;
}
.shop-cart-container .pay-detail-box .goods-list-box .goods-item:nth-child(3n) {
  margin-right: 0;
}
.shop-cart-container .pay-detail-box .goods-list-box .goods-item .el-image{
  width: 94px;
  height: 94px;
  border-radius: 4px;
  overflow: hidden;
}
.shop-cart-container .pay-detail-box .total-amount{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
}
.shop-cart-container .pay-detail-box .total-amount .amount{
  color: #b4272b;
  font-size: 16px;
}
.shop-cart-container .pay-detail-box .pay-detail-foot{
  width: 100%;
  margin-top: 10px;
}
.shop-cart-container .pay-detail-box .pay-detail-foot .el-button{
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
}
.shop-cart-container .pay-detail-box .pay-detail-foot .tips{
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #666666;
}
.submit-order-container{
  width: 100%;
  position: relative;
  color: #333333;
}
.submit-order-container .address-box{
  width: 100%;
  position: relative;
  color: #333333;
  height: 136px;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 20px;
}
/*.submit-order-container .address-box:after{*/
/*  content: ' ';*/
/*  display: table;*/
/*  clear: both;*/
/*}*/
.submit-order-container .address-box .address-item{
  display: inline-block;
  width: 262px;
  height: 116px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 14px;
  cursor: pointer;
  position: relative;
}
.submit-order-container .address-box .address-item .name-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.submit-order-container .address-box .address-item .name-box .name{
  width: 164px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.submit-order-container .address-box .address-item .name-box .def{
  width: 70px;
  font-size: 13px;
  color: #666666;
}
.submit-order-container .address-box .address-item .address{
  width: 100%;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 5px;
  line-height: 1.5;
}
.submit-order-container .address-box .address-item .tel{
  font-size: 13px;
}
.submit-order-container .address-box .address-item.active{
  background-color: #e5f3fe;
  border: 2px solid #0049a8;
  padding: 9px 13px;
}
.submit-order-container .address-box .address-item.active:after{
  content: "\e742";
  font-family: "qwhaleicon";
  font-style: normal;
  font-size: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0049a8;
  position: absolute;
  right: 0;
  bottom: 0;
}
.submit-order-container .address-box .address-item.add-btn{
  text-align: center;
  line-height: 100px;
  font-size: 14px;
  color: #999999;
}
.submit-order-container .goods-list-box{
  width: 100%;
  position: relative;
}
.submit-order-container .goods-list-box .tit{
  font-size: 14px;
  font-weight: bold;
}

.submit-order-container .goods-list-box .goods-header{
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #b2c8e5;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.submit-order-container .goods-list-box .goods-header div{
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  text-align: center;
}
.submit-order-container .goods-list-box .goods-header div:nth-child(1) {
  width: 377px;
  text-align: left;
  padding-left: 100px;
}
.submit-order-container .goods-list-box .goods-header div:nth-child(2),.submit-order-container .goods-list-box .goods-header div:nth-child(4) {
  width: 100px;
}
.submit-order-container .goods-list-box .goods-header div:nth-child(3){
  width: 60px;
}
.submit-order-container .goods-list-box .goods-header div:nth-child(5){
  width: 231px;
}
.submit-order-container .goods-list-box .store-item{
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #f3f6f8;
  border-radius: 4px;
  overflow: hidden;
}
.submit-order-container .goods-list-box .store-item .store-name{
  background-color: #f3f6f8;
  width: 100%;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 9px;
  margin-bottom: 10px;
}
.submit-order-container .goods-list-box .store-item .store-name .txt{
  font-size: 14px;
}
.submit-order-container .goods-list-box .store-item .store-name .el-tag{
  background-color: #b4272b;
  border-color: #b4272b;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 6px;
  height: 20px;
  line-height: 18px;
}
.submit-order-container .goods-list-box .store-item .goods-item{
  width: 100%;
  position: relative;
  padding: 5px 0;
  display: flex;
  align-items: start;
}
.submit-order-container .goods-list-box .store-item .goods-item .img{
  width: 77px;
  padding-left: 10px;
}
.submit-order-container .goods-list-box .store-item .goods-item .img .el-image{
  width: 67px;
  height: 67px;
  border-radius: 4px;
  overflow: hidden;
}
.submit-order-container .goods-list-box .store-item .goods-item .name{
  width: 300px;
  padding-left: 10px;
  color: #333333;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  cursor: pointer;
}
.submit-order-container .goods-list-box .store-item .goods-item .name a:hover{
  color: #0049a8;
}
.submit-order-container .goods-list-box .store-item .goods-item .name .spec{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #666666;
  line-height: 1.5;
  margin-top: 10px;
}
.submit-order-container .goods-list-box .store-item .goods-item .price{
  width: 100px;
  font-size: 13px;
  text-align: center;
}
.submit-order-container .goods-list-box .store-item .goods-item .num{
  width: 60px;
  font-size: 13px;
  text-align: center;
}
.submit-order-container .goods-list-box .store-item .goods-item .total{
  width: 100px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  color: #b4272b;
}
.submit-order-container .goods-list-box .store-item .goods-item .oper{
  width: 231px;
  text-align: center;
  font-size: 13px;
}
.submit-order-container .goods-list-box .store-item .goods-item .oper .el-textarea__inner{
  font-size: 13px;
}
.submit-order-container .order-info{
 width: 100%;
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.submit-order-container .order-info .remark{
  width: 368px;
}
.submit-order-container .order-info .remark .tit{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.submit-order-container .order-info .info{
  text-align: right;
}
.submit-order-container .order-info .info .total{
  font-size: 14px;
}
.submit-order-container .order-info .info .total span{
  font-size: 16px;
  font-weight: bold;
  color: #b4272b;
}
.submit-order-container .order-info .info .tips{
  font-size: 13px;
  color: #666666;
  margin-top: 10px;
}
.submit-order-container .order-info .info .address{
  font-size: 13px;
  margin-top: 6px;
}
.submit-order-container .order-info .info .address span{
  font-weight: bold;
}
.submit-order-container .order-info .info .name{
  font-size: 13px;
  margin-top: 4px;
}
.submit-order-container .order-info .info .name span{
  font-weight: bold;
}
.submit-order-container .submit-order-btn{
  margin: 20px 0;
  text-align: right;
}
.submit-order-container .submit-order-btn .el-button--primary{
  padding: 12px 30px;
}
.el-table th.el-table__cell {
  background-color: #f3f6f8 !important;
  border-bottom: 1px solid #f3f6f8 !important;
}
.el-table th.el-table__cell>.cell {
  font-weight: bold !important;
  font-size: 13px !important;
  color: #666666 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #f9fafb !important;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
  border-bottom: 0 !important;
}
.el-table::before{
  display: none !important;
}
.el-table__fixed-right::before, .el-table__fixed::before{
  display: none !important;
}
.me-container .main-container{
  padding: 20px 0;
  display: flex;
}
.me-container .main-container .me-left-content{
  background-color: #ffffff;
  padding: 34px 26px;
  width: 292px;
  margin-right: 20px;
  border-radius: 4px;
}
.me-container .main-container .me-left-content .user-info{
  display: flex;
  align-items: center;
}
.me-container .main-container .me-left-content .user-info .info{
  padding-left: 20px;
  width: calc(100% - 66px);
}
.me-container .main-container .me-left-content .user-info .info .name{
  width: 100%;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-container .main-container .me-left-content .user-info .info .code{
  width: 100%;
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.me-container .main-container .me-left-content .me-menu{
  width: 100%;
  margin: 40px 0 0 0;
}
.me-container .main-container .me-left-content .me-menu .me-menu-item{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.me-container .main-container .me-left-content .me-menu .me-menu-item:last-child{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.me-container .main-container .me-left-content .me-menu .selected-item{
  background-color: #e5ecf6;
}
.me-container .main-container .me-right-content{
  width: 1088px;
}
.me-container .main-container .me-right-content .home-page-top{
  margin-bottom: 20px;
  display: flex;
}
.me-container .main-container .me-right-content .home-page-top .balance{
  margin-right: 20px;
  width: 271px;
  height: 142px;
  background-color: #fff;
  border-radius: 4px;
  padding: 32px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-top{
  display: flex;
  justify-content: space-between;
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-top .text-left{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-top .text-right{
  font-size: 13px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-bottom{
  color: #b4272b;
  display: flex;
  align-items: baseline
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-bottom .money-left{
  font-size: 18px;
}
.me-container .main-container .me-right-content .home-page-top .balance .balance-bottom .money-right{
  font-size: 28px;
}
.me-container .main-container .me-right-content .home-page-top .order{
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  width: 796px;
  padding: 38px 40px;
  border-radius: 4px;
}
.me-container .main-container .me-right-content .home-page-top .order .order-item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  cursor: pointer;
}
.me-container .main-container .me-right-content .home-page-top .order .order-item .item-top{
  font-size: 22px;
  font-weight: bold;
  color: #333333;
}
.me-container .main-container .me-right-content .home-page-top .order .order-item .item-bottom{
  font-size: 13px;
  color: #666666;
}
.me-container .main-container .me-right-content .home-page-bottom{
  background-color: #FFFFFF;
  padding: 22px 32px;
  border-radius: 4px;
  width: 1088px;
}
.me-container .main-container .me-right-content .home-page-bottom .bottom-title{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f0f3ef;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box:last-child{
  border-bottom: 0 !important;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box .item-left{
  display: flex;
  align-items: center;
  justify-content: start;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box .item-left .item-img{
  width: 70px;
  height: 70px;
  margin-right: 20px;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box .item-left .item-text .text-top{
  font-size: 14px;
  color: #333333;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-container .main-container .me-right-content .home-page-bottom .item-box .item-left .item-text .text-bottom{
  font-size: 13px;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-container .main-container .me-right-content .account{
  width: 1088px;
  padding: 32px 40px;
  border-radius: 4px;
  background-color: #fff;
}
.me-container .main-container .me-right-content .account .el-tabs__header{
  margin-bottom: 20px;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav-wrap::after{
  display: none;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav{
  height: 55px;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav .el-tabs__active-bar{
  background-color: #779ed0;
  border-radius: 1px;
  display: none;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav .el-tabs__item{
  height: 43px;
  font-size: 15px;
  line-height: 43px;
  color: #333333;
  padding: 0 20px;
  border-radius: 4px;
  margin-right: 20px;
  position: relative;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav .el-tabs__item:hover{
  background-color: #d6e2f1;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{
  background-color: #8fafd9;
  color: #ffffff;
  font-weight: bold;
}
.me-container .main-container .me-right-content .account .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #779ed0;
  border-radius: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}
.me-container .main-container .me-right-content .order{
  width: 1088px;
}
.me-container .main-container .me-right-content .order .order-top{
  margin-bottom: 20px;
  background-color: #FFFFFF;
  width: 100%;
  padding: 32px 46px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.me-container .main-container .me-right-content .order .order-top .order-search-label{
  font-size: 14px;
  color: #333333;
  margin-right: 20px;
}
.me-container .main-container .me-right-content .order .order-bottom{
  width: 100%;
  padding: 30px 40px;
  background-color: #fff;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header{
  margin-bottom: 20px;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav-wrap::after{
  display: none;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav{
  height: 55px;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav .el-tabs__active-bar{
  background-color: #779ed0;
  border-radius: 1px;
  display: none;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav .el-tabs__item{
  height: 43px;
  font-size: 15px;
  line-height: 43px;
  color: #333333;
  padding: 0 20px;
  border-radius: 4px;
  margin-right: 20px;
  position: relative;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav .el-tabs__item:hover{
  background-color: #d6e2f1;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{
  background-color: #8fafd9;
  color: #ffffff;
  font-weight: bold;
}
.me-container .main-container .me-right-content .order .order-bottom .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #779ed0;
  border-radius: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header{
  display: flex;
  justify-content: start;
  align-items: center;
  background-color: #f3f6f8;
  height: 56px;
  color: #666666;
  font-size: 13px;
  font-weight: bold;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header div:nth-child(1) {
  margin-left: 18px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header div:nth-child(2) {
  margin-left: 480px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header div:nth-child(3) {
  margin-left: 88px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header div:nth-child(4) {
  margin-left: 80px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-header div:nth-child(5) {
  margin-left: 78px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body{
  width: 100%;
  margin-top: 20px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-information{
  display: flex;
  background-color: #f3f6f8;
  padding: 14px 0;
  justify-content: start;
  align-items: center;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-information div:nth-child(1){
  margin-left: 20px;
  color: #333333;
  font-size: 13px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-information div:nth-child(2){
  margin-left: 88px;
  color: #666666;
  font-size: 13px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail{
  display: flex;
  justify-content: start;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td{
  border-top: 1px solid #f3f6f8;
  border-left: 1px solid #f3f6f8;
  border-bottom: 1px solid #f3f6f8;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1){
  width: 512px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .storeName{
  padding: 10px 18px;
  font-size: 13px;
  color: #333333;
  border-top: 1px solid #f3f6f8;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .storeName span{
  background: #b4272b;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-right: 10px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good{
  padding: 32px 16px;
  display: flex;
  align-items: center;
  border-top: 1px solid #f3f6f8;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good .good-img{
  height: 60px;
  width: 60px;
  margin-right: 18px;
  cursor: pointer;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good .good-img .el-image{
  height: 60px;
  width: 60px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good .good-info{
  width: 340px;
  color: #333333;
  font-size: 13px;
  margin-right: 18px;
  cursor: pointer;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good .good-info div:nth-child(1){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(1) .good .good-info div:nth-child(2){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(2){
  width: 120px;
  padding: 16px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(2) div:nth-child(1){
  font-size: 13px;
  color: #333333;
  font-weight: bold;
  word-wrap: break-word;
  padding-bottom: 10px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(2) div:nth-child(2){
  font-size: 12px;
  color: #000033;
  word-wrap: break-word;
  padding-bottom: 10px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(2) div:nth-child(3){
  font-size: 12px;
  color: #000033;
  word-wrap: break-word;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(3){
  width: 120px;
  padding: 16px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(3) .price-total{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b4272b;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 14px;
  border-bottom: 1px solid #f3f6f8;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td .price-detail{
  padding: 14px 4px;
  font-size: 11px;
  color: #333333;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:nth-child(4){
  width: 128px;
  padding: 14px 4px;
  display: flex;
  justify-content: center;
  color: #e6a23c;
  font-size: 13px;
  font-weight: bold;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:last-child{
  border-right: 1px solid #f3f6f8;
  width: 128px;
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:last-child div{
  margin-bottom: 20px;
  width: 108px;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:last-child div:last-child{
  margin-bottom: 0;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:last-child div .el-button{
  font-size: 12px;
  width: 100%;
  position: relative;
}
.me-container .main-container .me-right-content .order .order-bottom .order-table-body .order-detail .td:last-child .new-cheat .el-button:after{
  content: "";
  height: 8px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  border-radius: 50%;
  background-color: #b4272b;
}
.me-container .main-container .me-right-content .personal-data{
  padding: 38px 30px;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.me-container .main-container .me-right-content .personal-data .personal-title{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.me-container .main-container .me-right-content .personal-data .header-img-box{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 40px;
}
.me-container .main-container .me-right-content .personal-data .header-img-box .img-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .personal-data .header-img-box .header-img{
  border-radius: 50%;
  overflow: hidden;
  height: 82px;
  width: 82px;
  border: 1px solid #dcdfe6;
}
.me-container .main-container .me-right-content .personal-data .header-img-box .header-img .singleimg-uploader-icon{
  font-size: 22px;
  color:#8c939d;
}
.me-container .main-container .me-right-content .personal-data .username{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 40px;
}
.me-container .main-container .me-right-content .personal-data .username .username-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .personal-data .button-box{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 60px;
}
.me-container .main-container .me-right-content .address{
  padding: 20px 36px;
  background-color: #FFFFFF;
  width: 1088px;
  border-radius: 4px;
}
.me-container .main-container .me-right-content .address .address-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.me-container .main-container .me-right-content .address .address-top .address-title{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.me-container .main-container .me-right-content .address .el-icon-success{
  color: #0049a8;
}
.me-container .main-container .me-right-content .user{
  padding: 38px 30px;
  background-color: #FFFFFF;
  width: 1088px;
  border-radius: 4px;
}
.me-container .main-container .me-right-content .user .userEmail{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 60px;
}
.me-container .main-container .me-right-content .user .userEmail .userEmail-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .user .userEmail .Email{
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
.me-container .main-container .me-right-content .user .Email-verification{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 40px;
}
.me-container .main-container .me-right-content .user .Email-verification .verification-input{
  position: relative;
}
.me-container .main-container .me-right-content .user .Email-verification .verification-input .el-button--text{
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #0049a8;
}
.me-container .main-container .me-right-content .user  .Email-verification .verification-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .user .password{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 40px;
}
.me-container .main-container .me-right-content .user .password .password-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .user .confirm-password{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 40px;
}
.me-container .main-container .me-right-content .user .confirm-password .confirm-label{
  width: 120px;
  font-size: 14px;
  color: #333333;
}
.me-container .main-container .me-right-content .user .button-box{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 60px;
}
.qw-order-detail-box .el-dialog__body .el-steps{
  margin: 20px -20px 30px -20px;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head .el-step__line{
  top: 14px;
  left: 70%;
  right: -30%;
  background-color: #ffffff;
  height: 10px;
  background-image: url(../img/step_line.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head .el-step__line .el-step__line-inner{
  display: none!important;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head .el-step__icon{
  width: 40px;
  height: 40px;
  border: 0;
  text-align: center;
  line-height: 40px;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head .el-step__icon i{
  font-size: 30px;
  color: #333333;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head .el-step__icon .order_cancel{
  font-size: 34px!important;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head.is-finish .el-step__line{
 background-image: url(../img/step_line_ed.png);
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head.is-finish .el-step__icon i{
  color: #0049a8;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head.is-process .el-step__icon{
  background: #0049a8;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__head.is-process .el-step__icon i{
  font-size: 22px;
  color: #ffffff;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__main .el-step__title{
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step .el-step__main .el-step__description{
  color: #999999;
  font-size: 12px;
  padding: 0;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step:nth-child(3) .el-step__head .el-step__icon i,
.qw-order-detail-box .el-dialog__body .el-steps .el-step:nth-child(4) .el-step__head .el-step__icon i{
  font-size: 34px;
}
.qw-order-detail-box .el-dialog__body .el-steps .el-step:nth-child(3) .el-step__head.is-process .el-step__icon i,
.qw-order-detail-box .el-dialog__body .el-steps .el-step:nth-child(4) .el-step__head.is-process .el-step__icon i{
  font-size: 26px;
}
.qw-order-detail-box .el-dialog__body .qw-panel{
  width: 100%;
  position: relative;
  border: 1px solid #f3f6f8;
  border-radius: 4px;
  font-size: 13px;
  color: #333333;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-tit{
  background: #f3f6f8;
  padding: 5px 15px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info{
  padding: 15px;
  max-height: 350px;
  overflow-y: auto;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info .info-item{
  margin: 10px 0;
  line-height: 1.5;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info .info-item span{
  color: #666666;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info .info-item:first-of-type{
  margin: 0 0 10px 0;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info .info-mark{
  font-weight: bold;
  margin-top: 20px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-info .oper-btn{
  margin-top: 14px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends{
  padding: 15px;
  max-height: 300px;
  overflow-y: auto;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline{
  padding: 0;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item{
  padding-bottom: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__dot .custom-dot{
  width: 24px;
  height: 24px;
  margin-left: -6px;
  border-radius: 50%;
  background: #0049a8;
  text-align: center;
  line-height: 24px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__dot .custom-dot i{
  color: #ffffff;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper{
  padding-left: 38px;
  padding-top: 1px;
  font-size: 13px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .tit{
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .is-large{
  padding-top: 6px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .content{
  color: #333333;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .time{
  font-size: 12px;
  color: #999999;
  padding-top: 8px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__timestamp{
  font-size: 12px;
  color: #999999;
}
.qw-order-detail-box .el-dialog__body .qw-panel .qw-panel-trends .el-timeline .el-timeline-item:last-of-type{
  padding-bottom: 0;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box{
  border-top: 1px solid #f3f6f8;
  width: 100%;
  position: relative;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box .item{
  width: 11%;
  float: left;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box .item:nth-child(6){
  width: 12%;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box .item .tit{
  background: #f3f6f8;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 10px;
  color: #666666;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box .item .val{
  padding: 15px 10px;
  font-family: QWHALE-DIN-Medium;
  font-size: 14px;
}
.qw-order-detail-box .el-dialog__body .qw-panel .order-data-box:after{
  clear: both;
  display: table;
  content: " ";
}
.qw-order-detail-box .el-dialog__body .table-header{
  width: 100%;
  position: relative;
  border-bottom: 2px solid rgba(0, 73, 168, 0.3);
  margin-top: 20px;
}
.qw-order-detail-box .el-dialog__body .table-header div {
  float: left;
  padding: 10px 0;
  font-size: 13px;
  color: #666666;
  font-weight: bold;
  text-align: center;
}
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(1) {
  width: 40.01%;
}
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(2),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(3),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(4),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(5),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(6),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(7),
.qw-order-detail-box .el-dialog__body .table-header div:nth-child(8){
  width: 8.57%;
}
.qw-order-detail-box .el-dialog__body .table-header:after{
  clear: both;
  display: table;
  content: " "
}
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(1){
  width: 36%;
}
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(2),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(3),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(4),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(5),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(6),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(7),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(8),
.qw-order-detail-box .el-dialog__body .table-header .edit div:nth-child(9){
  width: 8%;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box{
  width: 100%;
  position: relative;
  border: 1px solid #f3f6f8;
  border-radius: 4px;
  font-size: 13px;
  color: #333333;
  margin-top: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .store-name{
  background: #f3f6f8;
  padding: 12px 10px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .store-name span{
  background: #b4272b;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-right: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item{
  width: 100%;
  position: relative;
  font-size: 13px;
  color: #333333;
  margin: 10px 0;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item:hover{
  background: #f3f6f8;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .td{
  padding: 10px 0;
  float: left;
  width: 8.57%;
  text-align: center;
  font-family: QWHALE-DIN-Medium;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .td:nth-child(2){
  color: #999999;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .td:nth-child(8){
  color: #b4272b;
  font-weight: bold;
  text-align: right;
  padding-right: 15px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info{
  width: 40.01%;
  padding: 10px 0;
  float: left;
  text-align: left;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .info{
  width: 100%;
  position: relative;
  padding-left: 70px;
  padding-right: 10px;
  min-height: 50px;
  cursor: pointer;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .info .el-image{
  position: absolute;
  top: 0;
  left: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .info .el-image__inner{
  width: 50px;
  height: 50px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .info .txt .name{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .info .txt .spec{
  white-space: pre-wrap;
  font-size: 12px;
  margin-top: 6px;
  color: #666666;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info .remark{
  padding: 0 10px;
  margin-top: 10px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item .goods-info span{
  color: #666666;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item:after{
  clear: both;
  display: table;
  content: " "
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item.edit .goods-info{
  width: 36%;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item.edit .td{
  width: 8%;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item.edit .td:nth-child(8){
  padding-right: 0;
  text-align: center;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item.edit .td:nth-child(9){
  width: 8%;
  text-align: right;
  padding-right: 15px;
}
.qw-order-detail-box .el-dialog__body .qw-goods-box .goods-item.edit .td:nth-child(9) .el-button{
  padding:2px 0;
}
.qw-order-detail-box .el-dialog__body .other-expenses{
  width: 100%;
  position: relative;
  border: 1px solid #f3f6f8;
  border-radius: 4px;
  font-size: 13px;
  color: #333333;
  margin-top: 10px;
}
.qw-order-detail-box .el-dialog__body .other-expenses .tit{
  background: #f3f6f8;
  padding: 12px 10px;
}
.qw-order-detail-box .el-dialog__body .other-expenses .edit-tit{
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item{
  width: 100%;
  position: relative;
  font-size: 13px;
  color: #333333;
  padding: 10px 0;
  margin: 10px 0;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item:hover{
  background: #f3f6f8;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item:after{
  clear: both;
  display: table;
  content: " "
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item .desc{
  width: 80%;
  float: left;
  padding: 0 10px;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item .price{
  width: 20%;
  float: left;
  text-align: right;
  padding-right: 15px;
  color: #b4272b;
  font-weight: bold;
  font-family: QWHALE-DIN-Medium;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item.edit .desc{
  width: 70%;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item.edit .price{
  width: 20%;
  padding-right: 0;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item.edit .oper{
  width: 10%;
  float: left;
  text-align: right;
  padding-right: 15px;
}
.qw-order-detail-box .el-dialog__body .other-expenses .desc-item.edit .oper .el-button{
  padding:2px 0;
}
.qw-order-detail-box .el-dialog__body .total-box{
  width: 100%;
  position: relative;
  text-align: right;
  margin-top: 10px;
}
.qw-order-detail-box .el-dialog__body .total-box div{
  font-size: 12px;
  font-family: QWHALE-DIN-Medium;
  color: #666666;
  margin: 10px 0;
}
.qw-order-detail-box .el-dialog__body .total-box div:last-child{
  color: #b4272b;
  font-size: 18px;
  font-weight: bold;
}
.qw-order-detail-box .el-dialog__body .total-box div:last-child span{
  font-size: 14px;
}
.qw-input-price .el-input__inner{
  padding-left: 18px;
  padding-right: 5px;
  font-family: QWHALE-DIN-Medium;
  font-size: 13px;
}
.qw-input-price .el-input__prefix .qw-input-price-prefix{
  padding: 0 4px;
  line-height: 28px;
  font-size: 11px;
  font-weight: 400 !important;
  color: #999999 !important;
}
.qw-purchase-table{
  border: 0 !important;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item{
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item .info{
  width: 100%;
  position: relative;
  padding-left: 60px;
  line-height: 25px;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item .info .el-image{
  position: absolute;
  top: 10px;
  left: 0;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item .info .el-image .el-image__inner{
  width: 50px;
  height: 50px;
  border-radius: 4px;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item .info .txt .name{
  padding-top: 10px;
}
.qw-goods-select .el-scrollbar .el-select-dropdown__item .info .txt .spec{
  font-size: 12px;
  color: #999999 !important;
  font-weight: 400 !important;
}
.rich-box{
  background-color: #FFFFFF;
  margin: 20px 0;
  padding: 20px;
}
.login-form-box .el-button.is-disabled, .login-form-box .el-button.is-disabled:focus, .login-form-box .el-button.is-disabled:hover{
  cursor: auto;
}
.qw-order-pay-box .el-dialog__header{
  padding: 30px 30px 40px 30px !important;
}
.qw-order-pay-box .el-dialog__body{
  padding: 10px 30px!important;
}
.qw-order-pay-box .el-dialog__header:before{
  content: ' ';
  height: 24px;
  width: 99px;
  background-image: url(../img/paypal.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 30px;
}
.order-pay-detail-box{
  width: 100%;
  position:relative;
  color: #333333;
}
.order-pay-detail-box .address-info{
  width: 100%;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  padding: 14px 20px;
}
.order-pay-detail-box .address-info .t{
  font-size: 14px;
  font-weight: bold;
}
.order-pay-detail-box .address-info .v{
  font-size: 13px;
  margin-top: 4px;
}
.order-pay-detail-box .total-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.order-pay-detail-box .total-box .t{
  font-size: 13px;
}
.order-pay-detail-box .total-box .v,.order-pay-detail-box .deduction-box .v{
  font-size: 14px;
}
.order-pay-detail-box .deduction-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 10px;
}
.order-pay-detail-box .deduction-box .t .el-checkbox__label{
  font-weight: bold;
}
.order-pay-detail-box .foot-box{
  width: 100%;
  margin-top: 6px;
  text-align: right;
  font-size: 13px;
}
.order-pay-detail-box .foot-box span{
  font-size: 14px;
  font-weight: bold;
}
.order-pay-detail-box .foot-box .price{
  font-size: 18px;
  color: #b4272b;
}
.order-pay-detail-box .btn-box{
  text-align: right;
  margin-top: 20px;
}
.user-new-reg .el-dialog__body .el-steps--simple .el-step.is-simple .el-step__head{
  line-height: 1;
}
.user-new-reg .el-dialog__body .el-steps--simple .el-step__head.is-success{
  color: #0049a8 !important;
  border-color: #0049a8 !important;
}
.user-new-reg .el-dialog__body .el-steps--simple .el-step__title.is-success{
  color: #0049a8 !important;
}
.user-new-reg .el-dialog__body .reg-tit{
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
}
.user-new-reg .el-dialog__body .reg-tit .el-icon-s-help{
  color: #0049a8;
  margin-right: 10px;
}
.user-new-reg .el-dialog__body .reg-label-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-new-reg .el-dialog__body .reg-label-box .required{
  color: #b4272b;
}
.user-new-reg .el-dialog__body .el-descriptions__table th,.user-new-reg .el-dialog__body .el-descriptions__table td{
  vertical-align: top!important;
}
.user-new-reg .el-dialog__body .el-descriptions__table .el-descriptions-item__content{
  width: 640px!important;
}
.user-new-reg .el-dialog__body .reg-input-box .txt{
  font-size: 13px;
}
.user-new-reg .el-dialog__body .reg-input-box .reg-input-horizontal{
  display: flex;
  align-items: center;
}
.user-new-reg .el-dialog__body .reg-input-box .reg-input-horizontal .el-form-item{
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.user-new-reg .el-dialog__body .reg-input-box .reg-input-horizontal .el-form-item .el-form-item__label::before{
  display: none!important;
}
.el-radio__input.is-checked+.el-radio__label{
  color: #0049a8!important;
}
.el-radio__input.is-checked .el-radio__inner{
  border-color:#0049a8!important;
  background: #0049a8!important;
}