* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

body {
  font: 14px/1.5 arial, Helvetica, sans-serif;
  color: #333;
}

html, body, .box {
  height: 100%;
}

.pc {
  display: block;
}

.phone {
  display: none;
}

textarea {
  font-family: arial, Helvetica, sans-serif;
}

.text-hidden2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-hidden3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.el-menu {
  border: none !important;
}

.el-aside {
  padding-top: 20px;
}

.container {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-width: 0;
}

.box.container {
  height: 100vh;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-box {
  height: calc(100vh - 80px);
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  overflow: auto;
  background-color: #f6f9fc;
}

.header-top {
  position: relative;
  z-index: 9;
  height: 80px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 3px 3px 7px 4px #eef0f3;
}

.header-top .top-left {
  display: flex;
  align-items: center;
}

.header-top .np-logo {
  display: block;
  width: 200px;
  height: 60px;
  display: flex;
  align-items: center;
}

.header-top .np-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.header-top .text {
  padding: 0 20px;
  font-size: 24px;
  color: #344766;
}

.header-top .drop-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header-top .user-name {
  padding: 0 10px;
}

.el-submenu__title {
  font-size: 16px;
}

.el-dropdown-menu__item, .el-menu-item {
  font-size: 16px;
  color: #8091a8;
}

.el-dropdown-menu__item .text, .el-menu-item .text {
  color: #303133;
}

.el-menu-item.is-active .text {
  color: #409EFF;
}

.content {
  padding: 30px;
  font-size: 14px;
}

.card-box .personal-tit {
  font-size: 16px;
  font-weight: bold;
  color: #344766;
  line-height: 50px;
  margin-bottom: 10px;
}

.card-box .el-card__body, .card-box .el-main {
  padding: 20px 60px;
}

.card-box .el-form {
  max-width: 800px;
}

.card-box .name-box {
  display: flex;
  align-items: center;
}

.card-box .address-box {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.card-box .address-box .el-form-item {
  flex: 1;
  min-width: 0;
  margin-right: 20px;
}

.card-box .address-box .el-form-item:last-child {
  margin-right: 0;
}

.personal-content {
  height: 100%;
  overflow: auto;
}

.personal-content .el-card {
  padding: 60px 30px;
}

.account-info .top-tips {
  margin-bottom: 10px;
  color: #D9001B;
}

.account-info .el-card {
  padding: 30px;
}

.account-info .email-box {
  display: flex;
  align-items: center;
}

.account-info .email-box .el-input {
  width: 300px;
}

.account-info .email-box span {
  margin-left: 20px;
}

.account-info .email-box .tip {
  color: #ff3e1d;
}

.account-info .email-box .tip .iconfont {
  margin-right: 5px;
}

.account-info .email-box .suc-tip {
  color: #00BB28;
}

.account-info .email-box .suc-tip .iconfont {
  margin-right: 5px;
}

.account-info .email-box .verify {
  color: #409EFF;
  cursor: pointer;
}

.ship-box .name-box {
  display: flex;
  align-items: center;
}

.verify-box .el-dialog__body {
  padding: 30px 50px 50px;
  word-break: normal;
  word-wrap: break-word;
}

.verify-box p {
  margin-bottom: 10px;
}

.verify-box p span, .verify-box p a {
  color: #409EFF;
}

.verify-box p .link {
  cursor: pointer;
}

.verify-box .change-box {
  margin-top: 20px;
}

.verify-box .change-box p {
  margin-bottom: 5px;
}

.verify-box .send-box {
  display: flex;
}

.verify-box .send-box .el-input {
  margin-right: 20px;
  min-width: 0;
  flex: 1;
}

.pwd-info .el-card {
  padding: 30px;
}

.pwd-info .el-form {
  max-width: 600px;
}

.order-box .el-tabs {
  margin-bottom: 20px;
}

.order-box .el-tabs--card > .el-tabs__header {
  background-color: #fff;
}

.order-box .el-tabs__header {
  padding: 10px 0 0 30px;
  background-color: #fff;
  margin-bottom: 0;
  border-bottom: 1px solid #f2f4f6;
}

.order-box .el-tabs__item {
  font-size: 16px;
  height: 55px;
  line-height: 55px;
  outline: none;
}

.order-box .el-tabs__item:focus {
  outline: none;
}

.order-box .el-tabs__nav-wrap::after {
  display: none;
}

.order-box .el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.order-box .el-tabs__item {
  padding: 0 20px !important;
}

.order-box .el-tabs__content {
  padding: 15px 30px;
}

.order-box .el-select {
  display: block;
}

.order-box .el-date-editor--daterange.el-input, .order-box .el-date-editor--daterange.el-input__inner, .order-box .el-date-editor--timerange.el-input, .order-box .el-date-editor--timerange.el-input__inner {
  width: 100%;
}

.order-box .order-main {
  font-size: 14px;
}

.order-box .order-main .box-card {
  margin-bottom: 10px;
}

.order-box .ele-cell {
  display: flex;
}

.order-box .ele-cell > div {
  padding: 10px;
}

.order-box .ele-cell .w-item {
  width: 20%;
}

.order-box .ele-cell .w-item40 {
  width: 40%;
}

.order-box .ele-cell .w-item60 {
  width: 60%;
}

.order-box .ele-cell .tc {
  text-align: center;
}

.order-box .list-top {
  padding: 0 20px;
  background-color: #efefef;
  margin-bottom: 10px;
  border: 1px solid #efefef;
}

.order-box .list-top .w-item40, .order-box .list-top .w-item60 {
  padding: 10px 0;
}

.order-box .header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-box .header-box .item-top {
  display: flex;
  align-items: center;
  color: #666;
}

.order-box .header-box .item-top .sample {
  margin-right: 10px;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #ff7624;
}

.order-box .header-box .item-top .line {
  display: block;
  width: 1px;
  height: 10px;
  background-color: #344766;
  margin: 0 15px;
}

.order-box .order-list .info-box {
  display: flex;
  margin-bottom: 20px;
}

.order-box .order-list .info-box .img-box {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f5f6;
}

.order-box .order-list .info-box .img-box img {
  max-height: 100%;
  max-width: 100%;
}

.order-box .order-list .info-box .text-box {
  min-width: 0;
  flex: 1;
}

.order-box .order-list .info-box .text-box p {
  margin-bottom: 10px;
}

.order-box .order-list .info-box .text-box p:last-child {
  margin-bottom: 0;
}

.order-box .order-list .info-box .text-box .spec {
  color: #999;
}

.order-box .order-list .info-box .text-box .spec span {
  position: relative;
}

.order-box .order-list .info-box .text-box .spec span::after {
  content: ', ';
}

.order-box .order-list .info-box .text-box .spec span:last-child::after {
  display: none;
}

.order-box .order-list .info-box .text-box .price-num {
  color: #344766;
  font-weight: bold;
}

.order-box .order-list .price {
  font-size: 18px;
  color: #344766;
  font-weight: bold;
}

.order-box .order-list .tips {
  margin-top: -10px;
  margin-left: 120px;
  line-height: 24px;
  color: #8091a8;
  background-color: #f6f9fc;
  display: inline-block;
  border-radius: 15px;
  padding: 0 20px;
}

.order-box .order-list .btns {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.order-box .order-list .btns .el-button {
  margin-bottom: 10px;
}

.order-box .order-list .btns .cancel-btn {
  color: #0d5597;
}

.order-box .order-list .before-time {
  color: #999;
}

.order-box .order-list .fail-tip {
  color: #999;
}

.order-box .order-list .fail-tip .el-icon-warning {
  color: #D9001B;
}

.order-detail .wrap {
  max-width: 1360px;
  margin: 0 auto;
}

.order-detail .breadcrumb-box {
  background-color: #fff;
}

.order-detail .el-breadcrumb {
  padding: 20px 0;
}

.order-detail .mb20 {
  margin-bottom: 20px;
}

.order-detail .record-list {
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  overflow: hidden;
}

.order-detail .record-list .el-step__icon-inner {
  display: none;
}

.order-detail .record-list .el-step__icon.is-text {
  width: 16px;
  height: 16px;
  border: none;
  background-color: #d4d4d4;
}

.order-detail .record-list .step-active .el-step__icon.is-text {
  background-color: #0aba08;
}

.order-detail .record-list .el-step.is-horizontal .el-step__line {
  height: 1px;
  top: 8px;
}

.order-detail .record-list .el-step__title.is-wait {
  color: #333;
}

.order-detail .record-list .is-error .el-step__icon.is-text {
  background-color: #0aba08;
}

.order-detail .record-list .rec-list {
  width: 80%;
  margin-top: 20px;
}

.order-detail .order-num {
  margin-bottom: 10px;
  color: #344766;
}

.order-detail .order-num i {
  margin-right: 10px;
  font-style: normal;
  color: #8091a8;
}

.order-detail .status-box {
  padding: 20px;
  border: 1px solid #FBE2B2;
  background: #FFFBF6;
}

.order-detail .status-box .order-status {
  font-size: 16px;
  margin-bottom: 5px;
}

.order-detail .status-box .status-des {
  color: #999;
}

.order-detail .status-box .status-bot {
  margin-top: 15px;
  border-top: 1px dashed #FBE2B2;
  padding-top: 15px;
}

.order-detail .status-box .money {
  margin-bottom: 20px;
}

.order-detail .status-box .money span {
  font-weight: bold;
  color: #FF6600;
}

.order-detail .status-box .btns .el-button {
  margin-right: 20px;
}

.order-detail .el-collapse-item__header {
  padding: 0 20px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: bold;
}

.order-detail .el-collapse-item__arrow {
  margin: 0 10px;
}

.order-detail .el-collapse-item__content {
  padding-bottom: 10px;
}

.order-detail .el-tabs__nav-wrap::after {
  height: 1px;
}

.order-detail .col-main {
  padding: 20px 30px 0;
  font-size: 14px;
}

.order-detail .col-main-notop {
  padding-top: 0;
}

.order-detail .table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
}

.order-detail .table th {
  font-weight: normal;
  background-color: #f6f9fb;
  text-align: left;
  padding: 10px;
}

.order-detail .table td {
  padding: 10px;
  color: #8091a8;
}

.order-detail .table .green {
  color: #00CC33;
}

.order-detail .table .failed {
  color: #FF0000;
}

.order-detail .table .icon-box {
  font-size: 20px;
  margin-right: 5px;
}

.order-detail .el-timeline-item__wrapper {
  top: -6px;
}

.order-detail .pro-table {
  border: 1px solid #e2e2e2;
}

.order-detail .pro-table tbody {
  width: 100%;
}

.order-detail .pro-table td {
  color: #333;
  border-bottom: 1px solid #e2e2e2;
}

.order-detail .pro-table .pro-info {
  display: flex;
}

.order-detail .pro-table .pro-info .img-box {
  margin-right: 20px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.order-detail .pro-table .pro-info .img-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.order-detail .pro-table .pro-info .text-box {
  min-width: 0;
  flex: 1;
}

.order-detail .pro-table .pro-info .text-box .spec {
  margin-top: 5px;
  color: #8091a8;
}

.order-detail .pro-table .pro-info .text-box .spec span {
  position: relative;
}

.order-detail .pro-table .pro-info .text-box .spec span::after {
  content: ', ';
}

.order-detail .pro-table .pro-info .text-box .spec span:last-child::after {
  display: none;
}

.order-detail .pro-table .total-box {
  padding: 20px 10px;
  font-size: 16px;
  text-align: right;
}

.order-detail .pro-table .total-box span {
  font-weight: bold;
}

.order-detail .all-item {
  padding-bottom: 40px;
}

.order-detail .card-item .tit {
  margin: 30px 0 20px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.order-detail .card-item:first-child .tit {
  margin-top: 0;
}

.order-detail .other-table {
  border: 1px solid #e2e2e2;
}

.order-detail .other-table th, .order-detail .other-table td {
  border: 1px solid #e2e2e2;
}

.order-detail .down-box {
  margin-top: 20px;
  display: flex;
  flex-direction: row-reverse;
}

.order-detail .bat-ship {
  padding: 20px 0;
  border-bottom: 1px solid #e2e2e2;
}

.order-detail .bat-ship:first-child {
  padding-top: 0;
}

.order-detail .bat-ship:last-child {
  border-bottom: none;
}

.order-detail .bat-ship .bat-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.order-detail .bat-ship .pro-item {
  display: flex;
  margin-bottom: 20px;
}

.order-detail .bat-ship .pro-item .img-box {
  margin-right: 20px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-detail .bat-ship .pro-item .img-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.order-detail .bat-ship .pro-item .text-box {
  min-width: 0;
  flex: 1;
  line-height: 1.5;
}

.order-detail .bat-ship .pro-item .title {
  color: #0099FF;
}

.order-detail .bat-ship .pro-item .spec {
  color: #999;
}

.order-detail .bat-ship .pro-item .spec span {
  position: relative;
}

.order-detail .bat-ship .pro-item .spec span::after {
  content: ', ';
}

.order-detail .bat-ship .pro-item .spec span:last-child::after {
  display: none;
}

.order-detail .bat-ship .bat-type {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  line-height: 32px;
}

.order-detail .bat-ship .bat-type p {
  margin-right: 20px;
}

.order-detail .bat-ship .bat-type p span {
  color: #999;
}

.order-detail .bat-ship .bat-link a {
  display: inline-block;
  margin-right: 20px;
  color: #0099FF;
}

.order-detail .bat-ship .bat-link a .iconfont {
  margin-right: 5px;
}

.order-detail .bat-ship .track-info {
  margin-top: 10px;
}

.order-detail .bat-ship .track-info .tit img {
  vertical-align: middle;
}

.order-detail .bat-ship .track-info .time-box {
  margin: 10px 0;
}

.order-detail .bat-ship .track-info dl {
  display: flex;
}

.order-detail .bat-ship .track-info dl dd {
  margin-left: 40px;
  min-width: 0;
  flex: 1;
}

.order-detail .bat-ship .track-info .attention {
  font-size: 12px;
  color: #999;
}

.order-detail .dispatch {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #f9c32a;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 14px;
}

.order-detail .dispatch i {
  margin-right: 8px;
}

.order-detail .dispatch.normal {
  border: 1px solid #00bb28;
  color: #00bb28;
  background-color: #dbf9e1;
}

.order-detail .dispatch.normal .iconfont {
  color: #00bb28;
}

.order-detail .dispatch.delay {
  border: 1px solid #FF0000;
  color: #FF0000;
  background-color: #fadbdb;
}

.order-detail .dispatch.delay .iconfont {
  color: #FF0000;
}

.record-list .el-step__icon-inner {
  display: none;
}

.record-list .el-step__icon.is-text {
  width: 16px;
  height: 16px;
  border: none;
  background-color: #d4d4d4;
}

.record-list .el-step.is-horizontal .el-step__line {
  height: 1px;
  top: 8px;
}

.record-list .el-step__title.is-wait {
  color: #333;
}

.record-list .el-step__title.is-process {
  color: #333;
  font-weight: normal;
}

.record-list .el-step__line-inner {
  border-bottom: none;
}

.record-list .el-step__head.is-success .el-step__icon.is-text {
  background-color: #0aba08;
}

.request-box {
  padding: 30px;
}

.request-box .item-top .order-num {
  font-weight: bold;
  color: #333;
}

.refund-item .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.refund-item .des {
  color: #999;
}

.refund-item .status-bot {
  margin-top: 20px;
}

.refund-item dl {
  padding: 10px 0;
  display: flex;
}

.refund-item dl dt {
  width: 210px;
  margin-right: 20px;
  text-align: right;
  color: #999;
}

.refund-item dl dd {
  min-width: 0;
  flex: 1;
}

.refund-item dl .down {
  margin-right: 20px;
  color: #0099FF;
}

.refund-item dl .down .el-icon-link {
  margin-right: 5px;
}

.refund-item .amonut-info .el-form-item__error {
  margin-left: 35px;
}

.refund-item .flex-center {
  display: flex;
  align-items: center;
}

.refund-item .el-radio {
  line-height: 40px;
}

.refund-item .line-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.refund-item .item-info-box .el-form-item {
  max-width: 900px;
}

.refund-item .el-form-item__label {
  color: #999;
}

.refund-item .amout-box {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  background-color: #F0F0F0;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
}

.refund-item .upload-wrap .el-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.refund-item .time {
  margin-top: 20px;
}

.refund-item .time span {
  color: #999;
}

.refund-item .time span i {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #FF6600;
}

.refund-item .refund-infomation {
  display: flex;
  flex-wrap: wrap;
}

.refund-item .refund-infomation p {
  margin-right: 30px;
}

.refund-item .refund-infomation p span {
  color: #999;
}

.refund-item .check-box .el-checkbox {
  display: flex;
}

.refund-item .check-box .el-checkbox, .refund-item .check-box .el-checkbox__input {
  white-space: inherit;
}

.refund-item .check-box .el-checkbox__label {
  min-width: 0;
  flex: 1;
}

.refund-methods .way {
  font-size: 18px;
}

.refund-methods .grey {
  color: #999;
}

.refund-methods .duration {
  margin: 10px 0;
  line-height: 24px;
  display: flex;
}

.refund-methods .duration p {
  min-width: 0;
  flex: 1;
  margin-left: 30px;
}

.refund-methods .duration .amout-box {
  margin-left: 10px;
}

.refund-methods .btn-box {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.refund-progress .way-box {
  display: flex;
  align-items: center;
  margin: 10px 0 20px;
}

.refund-progress .return-box {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #f9c32a;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 14px;
  margin-right: 20px;
  color: #F97D48;
  background-color: #FFE0CC;
}

.reinfo-box .el-upload__tip {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}

.reinfo-box .el-upload-list__item {
  height: 36px;
  line-height: 36px;
}

.reinfo-box .el-upload-list__item-status-label, .reinfo-box .el-upload-list__item .el-icon-close {
  top: 50%;
  transform: translateY(-50%);
}

.no-data {
  padding: 30px 0;
  text-align: center;
  color: #999;
}

.no-data .el-icon-warning {
  margin-right: 5px;
}

.address-box .mb20 {
  margin-bottom: 20px;
}

.address-box .list .item {
  border: 1px solid #dfe3e9;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 18px 25px;
  background-color: #f8fbfe;
  line-height: 1.8;
}

.address-box .list .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

.address-box .list .item-top .info span {
  margin-right: 20px;
}

.address-box .list .item-main {
  padding: 5px 0;
}

.address-box .list .item-main span {
  position: relative;
}

.address-box .list .item-main i {
  display: inline-block;
  margin: 0 15px;
  width: 1px;
  height: 10px;
  background-color: #c4ccd7;
}

.reviews-box .el-card {
  margin-bottom: 20px;
}

.reviews-box .el-card__body, .reviews-box .el-main {
  padding: 0;
}

.reviews-box .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  padding: 0 30px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #eff2f6;
}

.reviews-box .top .time {
  color: #999;
}

.reviews-box .pro-info {
  padding: 30px;
  display: flex;
  border-bottom: 1px solid #eff2f6;
}

.reviews-box .pro-info:last-child {
  border-bottom: none;
}

.reviews-box .pro-info .info-img {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.reviews-box .pro-info .info-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.reviews-box .info-main {
  min-width: 0;
  flex: 1;
}

.reviews-box .info-main .title {
  font-weight: bold;
  margin-bottom: 10px;
}

.reviews-box .comment {
  margin-top: 10px;
  margin-bottom: 10px;
}

.reviews-box .reply-box {
  background-color: #ececec;
  margin-top: 20px;
  padding: 20px 30px;
}

.reviews-box .comment-img, .reviews-box .reply-img {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.reviews-box .comment-img .el-image, .reviews-box .reply-img .el-image {
  margin-right: 10px;
}

.comment-list .el-card {
  margin-bottom: 30px;
}

.comment-list .order-num {
  text-align: right;
}

.comment-list .el-card__body {
  padding: 0;
  display: flex;
}

.comment-list .pro-info {
  width: 35%;
  display: flex;
  padding: 30px;
}

.comment-list .pro-info .img-box {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.comment-list .pro-info .img-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.comment-list .pro-info .info-box {
  min-width: 0;
  flex: 1;
}

.comment-list .pro-info .spec {
  color: #999;
}

.comment-list .pro-info .spec span {
  position: relative;
}

.comment-list .pro-info .spec span::after {
  content: ', ';
}

.comment-list .pro-info .spec span:last-child::after {
  display: none;
}

.comment-list .comment-box {
  border-left: 1px solid #e2e2e2;
  flex: 1;
  min-width: 0;
  padding: 30px;
}

.comment-list .comment-box .el-form-item__label {
  float: none;
}

.comment-list .comment-box .el-form-item__content {
  margin-left: 0 !important;
}

.comment-list .comment-box .tit {
  margin-bottom: 10px;
}

.comment-list .comment-box .tit span {
  margin-left: 10px;
  color: #999;
}

.comment-list .comment-box .el-upload-list--picture-card .el-upload-list__item {
  width: 100px;
  height: 100px;
}

.comment-list .comment-box .el-upload--picture-card {
  width: 100px;
  height: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.comment-list .comment-box .el-upload--picture-card i {
  font-size: 20px;
}

.comment-list .comment-box .upload-btn-hide .el-upload.el-upload--picture-card {
  display: none;
}

.comment-list .text-box {
  margin-top: 30px;
  text-align: center;
}

.comment-list .text-box p {
  margin-bottom: 5px;
}

.comment-list .text-box .el-button {
  margin-top: 20px;
}

.comment-result {
  padding: 30px 50px;
  display: flex;
}

.comment-result .el-icon {
  margin-right: 20px;
  font-size: 30px;
}

.comment-result .tit {
  font-size: 16px;
}

.comment-result .des {
  margin-top: 5px;
  color: #999;
}

.comment-result .el-link {
  margin-top: 20px;
}

.page-box {
  padding: 10px 0;
}

.page-box .el-pagination {
  display: flex;
  justify-content: flex-end;
}

.table-box {
  font-size: 14px;
  border: 1px solid #EBEEF5;
  border-bottom: none;
}

.table-box .el-table__cell {
  padding: 5px 0;
}

.table-box th.el-table__cell {
  padding: 12px 0;
  background: #f5f7fa;
  font-weight: normal;
  color: #333;
}

.table-box .cell {
  font-size: 14px;
}

.table-box .el-table__empty-block {
  height: auto !important;
}

.inquiry-box .loading-box {
  padding: 60px 0;
  text-align: center;
}

.inquiry-box .loading-box .el-loading-spinner {
  position: static;
  margin-top: 0;
  margin-bottom: 10px;
}

.inquiry-box .loading-box .text {
  color: #409EFF;
}

.inquiry-box .page-box {
  padding-top: 30px;
}

.inquiry-box .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.inquiry-box .top2 {
  display: none;
}

.inquiry-box .arrow-box {
  display: flex;
  align-items: center;
}

.inquiry-box .sub-box {
  padding: 15px 20px;
  background: #F2F2F2;
}

.inquiry-box .sub-box dl {
  display: flex;
  margin-bottom: 10px;
}

.inquiry-box .sub-box dl:last-child {
  margin-bottom: 0;
}

.inquiry-box .sub-box dt {
  margin-right: 10px;
}

.inquiry-box .sub-box dd {
  min-width: 0;
  flex: 1;
}

.inquiry-box .text {
  margin: 20px 0;
}

.inquiry-box .pro-box {
  display: flex;
}

.inquiry-box .pro-box .img-box {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.inquiry-box .pro-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.inquiry-box .pro-box .tit {
  margin-left: 20px;
  min-width: 0;
  flex: 1;
}

.inquiry-box .reply-box {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #EBEBEB;
}

.inquiry-box .reply-box .item {
  margin-bottom: 20px;
}

.inquiry-box .reply-tit {
  font-size: 16px;
  margin-bottom: 10px;
}

.inquiry-box .replay-date {
  padding: 15px 20px;
  background: #F2F2F2;
  margin-bottom: 10px;
}

.inquiry-box .replay-date span {
  margin-right: 10px;
}

@media only screen and (max-width: 1040px) {
  html {
    font-size: 50px;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: auto;
  }
  body {
    font-size: .36rem;
    overflow-x: hidden;
  }
  .pc {
    display: none;
  }
  .phone {
    display: block;
  }
  .header-top {
    display: none;
  }
  .phone-top {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem;
    height: 1rem;
    background: #fff;
    box-shadow: .03rem .03rem .07rem .04rem #eef0f3;
  }
  .phone-top .phone-left {
    display: flex;
    align-items: center;
  }
  .phone-top .phone-left .text {
    padding: 0;
    margin-left: .2rem;
  }
  .phone-top .menu-icon {
    padding: 0 .2rem;
  }
  #app {
    padding-top: 1rem;
  }
  .el-aside {
    display: none;
  }
  .box.container {
    height: 100%;
  }
  .content {
    padding: .3rem .2rem;
    font-size: .36rem;
  }
  .main-box {
    height: 100%;
  }
  .phone-mask {
    display: none;
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .phone-menu {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background: #fff;
  }
  .phone-menu .top {
    position: relative;
    padding: .3rem 0;
    text-align: center;
    border-bottom: .02rem solid #D7D7D7;
  }
  .phone-menu .top .el-avatar {
    margin-bottom: .2rem;
  }
  .phone-menu .top .close-btn {
    position: absolute;
    right: .2rem;
    top: .2rem;
    padding: .1rem;
  }
  .phone-menu .top .close-btn .el-icon-close {
    font-size: .36rem;
  }
  .phone-menu .nav {
    padding: .5rem .2rem .8rem;
    border-bottom: .02rem solid #D7D7D7;
  }
  .phone-menu .nav li {
    padding: .1rem 0;
  }
  .phone-menu .nav li a {
    display: inline-block;
    padding: .1rem 0;
  }
  .phone-menu .nav li a i {
    margin-right: .2rem;
  }
  .phone-menu .bot {
    padding: .4rem .2rem;
  }
  .phone-menu .bot .link {
    margin-bottom: .5rem;
  }
  .phone-menu .bot .link a {
    display: inline-block;
    padding: .1rem 0;
  }
  .phone-menu .bot .link a i {
    margin-right: .2rem;
  }
  .phone-menu .bot .out .el-button {
    width: 100%;
    padding: 0;
    height: .9rem;
    border-radius: .45rem;
    font-size: .32rem;
  }
  .account-info {
    padding: 0;
  }
  .account-info .el-card {
    min-height: calc(100% - 1rem);
    padding: 0;
    border-radius: 0;
  }
  .account-info .el-card__body {
    padding: .3rem .2rem;
  }
  .account-info .account-box .item {
    display: flex;
    align-items: center;
    padding: .2rem 0;
    margin-bottom: .2rem;
    border-bottom: .02rem solid #EDEDED;
  }
  .account-info .account-box .item-per {
    margin-top: 1rem;
  }
  .account-info .account-box .tip {
    margin-left: .2rem;
    color: #ff3e1d;
  }
  .account-info .account-box .suc-tip {
    margin-left: .2rem;
    color: #00BB28;
  }
  .account-info .account-box .suc-tip .iconfont {
    margin-right: .1rem;
  }
  .personal-content {
    height: auto;
  }
  .personal-content .el-card {
    min-height: calc(100% - 1.6rem);
    padding: .2rem;
  }
  .personal-content .card-box .el-card__body, .personal-content .card-box .el-main {
    padding: .2rem;
  }
  .personal-content .el-form-item__label {
    float: none;
  }
  .personal-content .el-form-item__content {
    margin-left: 0 !important;
  }
  .ship-box .name-box {
    display: flex;
    align-items: center;
  }
  .pwd-info .el-card {
    min-height: calc(100% - 1.6rem);
    padding: 0;
  }
  .pwd-info .el-card__body, .pwd-info .el-main {
    padding: .2rem;
  }
  .pwd-info .el-form {
    max-width: 100%;
  }
  .pwd-info .el-form-item__label {
    float: none;
  }
  .pwd-info .el-form-item__content {
    margin-left: 0 !important;
  }
  .order-box .order-list {
    padding: .3rem .2rem;
  }
  .order-box .order-list .list-item {
    padding: .2rem 0 0;
    background: #fff;
    margin-bottom: .3rem;
    box-shadow: .03rem .03rem .07rem .04rem #eef0f3;
  }
  .order-box .order-list .item-top {
    padding: 0 .2rem;
    font-size: .28rem;
    color: #666;
    margin-bottom: .2rem;
  }
  .order-box .order-list .item-top .sample {
    display: inline-block;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .15rem;
    border-radius: .1rem;
    font-size: .28rem;
    color: #fff;
    background-color: #ff7624;
    margin-bottom: .2rem;
  }
  .order-box .order-list .item-top .line {
    display: block;
    width: .02rem;
    height: .22rem;
    background-color: #CDCDCD;
    margin: 0 .2rem;
  }
  .order-box .order-list .item-top .other {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
  }
  .order-box .order-list .info-box {
    padding: 0 .2rem;
    margin-bottom: .3rem;
  }
  .order-box .order-list .info-box .img-box {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .2rem;
  }
  .order-box .order-list .info-box .text-box p {
    margin-bottom: .1rem;
  }
  .order-box .order-list .info-box .tips {
    margin-top: 0;
    margin-left: 0;
    line-height: .6rem;
    border-radius: .3rem;
    padding: 0 .2rem;
  }
  .order-box .order-list .bot {
    border-top: .02rem solid #ececec;
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .order-box .order-list .bot .el-button {
    display: flex;
    align-items: center;
  }
  .order-box .order-list .btn-detail {
    position: relative;
    padding: 0;
  }
  .order-box .order-list .btn-detail::before {
    position: absolute;
    content: '|';
    left: -.5rem;
    color: #e6e6e6;
  }
  .order-detail .wrap {
    padding: .4rem .2rem !important;
  }
  .order-detail .mb20 {
    margin-bottom: .3rem;
  }
  .order-detail .record-list .rec-list {
    width: 100%;
    margin-top: .3rem;
  }
  .order-detail .record-list .rec-list .el-step__title {
    font-size: .28rem;
    line-height: 1.5;
  }
  .order-detail .record-list .rec-list .el-step.is-center .el-step__description {
    padding: .2rem 10%;
  }
  .order-detail .order-num {
    margin-bottom: .2rem;
  }
  .order-detail .order-num span {
    display: block;
    margin-bottom: .1rem;
  }
  .order-detail .order-num i {
    margin-right: .2rem;
  }
  .order-detail .status-box {
    padding: .3rem .2rem;
  }
  .order-detail .status-box .order-status {
    font-size: .32rem;
    margin-bottom: .1rem;
  }
  .order-detail .status-box .status-bot {
    margin-top: .3rem;
    padding-top: .3rem;
  }
  .order-detail .status-box .money {
    margin-bottom: .3rem;
  }
  .order-detail .status-box .btns .el-button {
    margin-right: .3rem;
  }
  .order-detail .el-collapse-item__header {
    padding: 0 .2rem;
    font-size: .32rem;
  }
  .order-detail .el-collapse-item__arrow {
    margin: 0 .2rem;
  }
  .order-detail .el-collapse-item__content {
    padding-bottom: .2rem;
  }
  .order-detail .col-main {
    padding: 0;
    font-size: .28rem;
  }
  .order-detail .table {
    font-size: .28rem;
  }
  .order-detail .table th {
    padding: .2rem;
  }
  .order-detail .table td {
    padding: .2rem;
  }
  .order-detail .table .icon-box {
    font-size: 20px;
    margin-right: 5px;
  }
  .order-detail .el-timeline-item__wrapper {
    top: -6px;
  }
  .order-detail .pro-table-box .pro-info {
    display: flex;
    margin-bottom: .3rem;
  }
  .order-detail .pro-table-box .pro-info .img-box {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .order-detail .pro-table-box .pro-info .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .order-detail .pro-table-box .pro-info .text-box {
    flex: 1;
    min-width: 0;
    margin-left: .2rem;
  }
  .order-detail .pro-table-box .pro-info .title {
    margin-bottom: .1rem;
    color: #0099FF;
  }
  .order-detail .pro-table-box .pro-info .spec {
    font-size: .28rem;
    margin-bottom: .1rem;
    color: #999;
  }
  .order-detail .pro-table-box .pro-info .spec span {
    position: relative;
  }
  .order-detail .pro-table-box .pro-info .spec span::after {
    content: ', ';
  }
  .order-detail .pro-table-box .pro-info .spec span:last-child::after {
    display: none;
  }
  .order-detail .pro-table-box .pro-info .num {
    font-size: .28rem;
  }
  .order-detail .pro-table-box .total-box {
    margin-top: .3rem;
    padding-top: .3rem;
    border-top: .02rem solid #e2e2e2;
    text-align: right;
  }
  .order-detail .all-item {
    background: none;
    border: none;
    padding-bottom: 0;
  }
  .order-detail .all-item .el-card__body, .order-detail .all-item .el-main {
    padding: 0;
  }
  .order-detail .card-item {
    padding: .2rem;
    margin-bottom: .3rem;
    background: #fff;
    border-radius: .05rem;
  }
  .order-detail .card-item .tit {
    margin: .2rem 0;
    font-size: .32rem;
  }
  .order-detail .card-item .el-step__title {
    line-height: 1.5;
    font-size: .3rem;
    margin-bottom: .2rem;
  }
  .order-detail .card-item .col-records {
    margin-top: .4rem;
  }
  .order-detail .card-item.ship-box .tit {
    padding-bottom: .2rem;
    border-bottom: .02rem solid #ececec;
  }
  .order-detail .down-box {
    display: none;
  }
  .order-detail .bat-ship .bat-title {
    font-size: .32rem;
    margin-bottom: .2rem;
  }
  .order-detail .bat-ship .pro-item {
    margin-bottom: .3rem;
  }
  .order-detail .bat-ship .pro-item .img-box {
    margin-right: .2rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .order-detail .bat-ship .bat-type {
    margin: .2rem 0;
    line-height: .6rem;
  }
  .order-detail .bat-ship .bat-type p {
    margin-right: .2rem;
  }
  .order-detail .bat-ship .track-info {
    margin-top: .2rem;
  }
  .order-detail .bat-ship .track-info .time-box {
    margin: .2rem 0;
  }
  .order-detail .bat-ship .track-info .attention {
    font-size: .28rem;
  }
  .order-detail .dispatch {
    height: .6rem;
    line-height: .6rem;
    padding: 0 .2rem;
    border-radius: .1rem;
    font-size: .28rem;
  }
  .order-detail .dispatch i {
    margin-right: .1rem;
  }
  .no-data {
    padding: .5rem 0;
  }
  .no-data .el-icon-warning {
    margin-right: .1rem;
  }
  .address-box .el-card {
    background: none;
    box-shadow: none;
    border: none;
  }
  .address-box .el-card__body {
    padding: 0;
  }
  .address-box .list .item {
    border: .02rem solid #dfe3e9;
    border-radius: .1rem;
    margin-bottom: .3rem;
    padding: .2rem;
    background: #fff;
  }
  .address-box .list .item:last-child {
    margin-bottom: 0;
  }
  .address-box .list .item-top {
    padding: .1rem 0;
    align-items: flex-start;
  }
  .address-box .list .item-top .info span {
    display: inline-block;
    line-height: .62rem;
    margin-right: .2rem;
  }
  .address-box .list .item-top .info .el-tag {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    border-radius: .1rem;
    border-width: .02rem;
  }
  .address-box .list .item-main {
    padding: .1rem 0;
  }
  .address-box .list .item-main i {
    margin: 0 .2rem;
    width: .02rem;
    height: .2rem;
  }
  .reviews-box .el-card {
    margin-bottom: .3rem;
  }
  .reviews-box .el-card__body, .reviews-box .el-main {
    padding: 0;
  }
  .reviews-box .top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding: .2rem;
  }
  .reviews-box .top .time {
    margin-top: .1rem;
  }
  .reviews-box .pro-info {
    padding: .2rem;
  }
  .reviews-box .pro-info .info-img {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .2rem;
  }
  .reviews-box .info-main .title {
    margin-bottom: .2rem;
  }
  .reviews-box .comment {
    margin-top: .2rem;
    margin-bottom: .2rem;
  }
  .reviews-box .reply-box {
    margin-top: .3rem;
    padding: .2rem;
  }
  .reviews-box .comment-img, .reviews-box .reply-img {
    margin-top: .2rem;
  }
  .reviews-box .comment-img .el-image, .reviews-box .reply-img .el-image {
    margin-right: .2rem;
  }
  .comment-list .el-card {
    margin-bottom: .4rem;
  }
  .comment-list .el-card__body {
    display: block;
  }
  .comment-list .pro-info {
    width: 100%;
    padding: .2rem;
  }
  .comment-list .pro-info .img-box {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .2rem;
  }
  .comment-list .pro-info .title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .comment-list .comment-box {
    border-left: none;
    padding: 0 .2rem .4rem;
  }
  .comment-list .comment-box .tit {
    margin-bottom: .2rem;
  }
  .comment-list .comment-box .tit span {
    margin-left: .2rem;
  }
  .comment-list .text-box {
    margin-top: .4rem;
  }
  .comment-list .text-box p {
    margin-bottom: .1rem;
  }
  .comment-list .text-box .el-button {
    margin-top: .3rem;
  }
  .comment-result {
    padding: .5rem 0;
    display: flex;
  }
  .comment-result .el-icon {
    margin-right: .2rem;
    font-size: .5rem;
  }
  .comment-result .tit {
    font-size: .32rem;
  }
  .comment-result .des {
    margin-top: .1rem;
  }
  .comment-result .el-link {
    margin-top: .4rem;
  }
  .page-box {
    padding: .2rem 0;
  }
  .table-box {
    font-size: .3rem;
  }
  .table-box .el-table__cell {
    padding: .3rem 0;
  }
  .table-box th.el-table__cell {
    padding: .3rem 0;
    background: #fff;
  }
  .table-box .cell {
    font-size: .3rem;
  }
  .inquiry-box .el-card {
    box-shadow: none;
    background: none;
    border: none;
    border-radius: 0;
  }
  .inquiry-box .el-card__body {
    padding: 0;
  }
  .inquiry-box .top {
    margin-bottom: .3rem;
  }
  .inquiry-box .top1 {
    display: none;
  }
  .inquiry-box .top2 {
    display: flex;
  }
  .inquiry-box .sub-box {
    padding: .3rem .2rem;
  }
  .inquiry-box .sub-box dl {
    margin-bottom: .2rem;
  }
  .inquiry-box .sub-box dt {
    margin-right: .2rem;
  }
  .inquiry-box .text {
    margin: .3rem 0;
  }
  .inquiry-box .pro-box .img-box {
    width: 1.6rem;
    height: 1.6rem;
  }
  .inquiry-box .pro-box .tit {
    margin-left: .2rem;
  }
  .inquiry-box .reply-box {
    margin-top: .4rem;
    padding-top: .4rem;
    border-top: .02rem solid #EBEBEB;
  }
  .inquiry-box .reply-box .item {
    margin-bottom: .3rem;
  }
  .inquiry-box .reply-tit {
    font-size: .32rem;
    margin-bottom: .2rem;
  }
  .inquiry-box .replay-date {
    padding: .3rem .2rem;
    margin-bottom: .2rem;
  }
  .inquiry-box .replay-date span {
    margin-right: .2rem;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: .3rem;
  }
  .content {
    font-size: .3rem;
  }
  .table-box {
    font-size: .28rem;
  }
  .table-box .el-table__cell {
    padding: .2rem 0;
  }
  .table-box th.el-table__cell {
    padding: .2rem 0;
  }
  .table-box .cell {
    font-size: .28rem;
  }
}