.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.no-data {
  margin: 50px 0;
  padding: 50px 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.no-data img {
  width: 240px;
  height: 180px;
  margin-bottom: 30px;
}
.no-data p {
  font-size: 20px;
  color: #8e8483;
}

.account {
  background: #f5f5f5;
  padding-bottom: 50px;
}
.account .page-title {
  padding: 30px 0;
  border-bottom: 2px solid #2c72bf;
  background: #f8f8f8;
}
.account .page-title .text-box {
  margin: 0 auto;
  width: 1400px;
  align-items: flex-end;
}
.account .page-title .text-box h1 {
  font-size: 28px;
}
.account .account-box {
  position: relative;
  margin: 40px auto;
  padding: 1px 40px 40px;
  width: 1400px;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
}
.account .account-box h2 {
  margin: 20px 0;
  color: #333333;
}
.account .account-box .account-details .details-box .user {
  margin: 15px 0;
}
.account .account-box .account-details .details-box .user .user-thumb {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  cursor: pointer;
}
.account .account-box .account-details .details-box .user .user-thumb img {
  width: 100%;
  height: 100%;
}
.account .account-box .account-details .details-box .user .user-info {
  margin-left: 40px;
}
.account .account-box .account-details .details-box .user .user-info .info {
  font-family: Dami;
  font-size: 18px;
  margin-top: 2px;
}
.account .account-box .account-details .details-box .user .user-info .info .info-title {
  font-weight: 700;
  color: #000;
  width: 130px;
  display: inline-block;
}
.account .account-box .account-details .details-box .button {
  margin-right: 10px;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  background: #2c72bf;
  box-sizing: border-box;
  cursor: pointer;
}
.account .account-box .account-details .details-box .button:hover {
  background: #0060a4;
}
.account .account-box .account-details .details-box .logout-button {
  width: 80px;
}
.account .account-box .account-details .details-box .password-button {
  width: 170px;
}
.account .account-box .account-details .details-box .warn {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #0060a4;
  display: flex;
  align-items: flex-end;
}
.account .account-box .address .address-list {
  margin-top: 20px;
  flex-wrap: wrap;
}
.account .account-box .address .address-list .address-item {
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 10px;
  width: 275px;
  height: 190px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  text-align: left;
  color: #999999;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .account-box .address .address-list .address-item:nth-child(4n) {
  margin-right: 0;
}
.account .account-box .address .address-list .address-item:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.account .account-box .address .address-list .address-item .item {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.account .account-box .address .address-list .address-item .item b {
  font-size: 14px;
  margin-right: 2%;
  width: 33%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .account-box .address .address-list .address-item .item span {
  font-size: 14px;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .account-box .address .address-list .address-item .item .wrap {
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: break-spaces !important;
}
.account .account-box .address .address-list .address-item .layui-icon {
  font-size: 30px;
}
.account .account-box .address .address-list .address-item .layui-icon:hover {
  color: #2c72bf;
}
.account .account-box .address .address-list .address-item .layui-icon-edit {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.account .account-box .address .address-list .address-item .layui-icon-delete {
  position: absolute;
  left: 10px;
  bottom: 5px;
}
.account .account-box .address .address-list .address-item:hover {
  border: 1px solid #2c72bf;
}
.account .account-box .address .address-list .select {
  border: 1px solid #2c72bf;
}
.account .account-box .address .address-list .select .item {
  color: #2c72bf;
}
.account .account-box .address .address-list .address-add .add-icon {
  margin-top: 30px;
  font-size: 50px;
  text-align: center;
}
.account .account-box .address .address-list .address-add .add-text {
  margin-top: 5px;
  font-size: 20px;
  text-align: center;
}
.account .account-box .address .address-list .address-add:hover {
  color: #2c72bf;
}
.account .account-box .order .order-status {
  background: #d3d3d3;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
}
.account .account-box .order .order-status .status-item {
  font-size: 16px;
  padding: 0 20px;
  border-right: 1px solid #c5c4c4;
}
.account .account-box .order .order-status .status-item:last-child {
  border-right: 0;
}
.account .account-box .order .order-status .status-item.active {
  background: #ffffff;
  color: #000;
  font-weight: bold;
}
.account .account-box .order .order-status .status-item:hover {
  cursor: pointer;
}
.account .account-box .order .order-item {
  border: 1px solid #d7d7d7;
  background-color: #f8f8f8;
  margin-bottom: 31px;
}
.account .account-box .order .order-item .order-title {
  padding: 0 20px;
  height: 74px;
  font-size: 15px;
  color: #666666;
  background-color: #FFFAF7;
  justify-content: space-between;
}
.account .account-box .order .order-item .order-title .item-info span {
  margin: 0 9px;
}
.account .account-box .order .order-item .order-title .money {
  font-size: 26px;
  color: #333333;
}
.account .account-box .order .order-item .order-content {
  padding: 0 20px;
}
.account .account-box .order .order-item .order-content .good-box {
  width: 100%;
}
.account .account-box .order .order-item .order-content .good-box .good-list {
  padding: 5px 0;
  min-height: 80px;
  box-sizing: border-box;
  justify-content: space-between;
  border-bottom: 1px dashed #eae9ea;
}
.account .account-box .order .order-item .order-content .good-box .good-list:last-of-type {
  border-bottom: 0 dashed #eae9ea;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-img {
  width: 60px;
  margin-right: 10px;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-img img {
  width: 100%;
  max-height: 60px;
  background-color: #f0f0f0;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-name {
  font-size: 18px;
  color: #333333;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-name .p-name {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-name .p-attr {
  font-size: 14px;
  color: #999999;
}
.account .account-box .order .order-item .order-content .good-box .good-list .good-name .acc-name {
  font-size: 14px;
  color: #999999;
}
.account .account-box .order .order-item .order-content .good-box .good-list .submit {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  color: #2c72bf;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #2c72bf;
  background: #ffffff;
}
.account .account-box .order .order-item .order-content .good-box .good-list .submit:hover {
  cursor: pointer;
  color: #0060a4;
  border: 1px solid #0060a4;
}
.account .account-box .order .order-item .order-content .good-state {
  height: 145px;
  line-height: 145px;
  font-size: 20px;
  color: #2c72bf;
}
.account .account-box .order .order-item .order-content .good-state a {
  color: #2c72bf;
}
.account .account-box .order .order-item .userInfo {
  border-top: 1px solid #eeeeee;
  padding: 10px 20px;
  justify-content: space-between;
}
.account .account-box .order .order-item .userInfo p {
  font-size: 14px;
  line-height: 22px;
}
.account .account-box .order .order-item .userInfo p span {
  font-weight: bold;
  color: #000000;
  margin-right: 5px;
}
.account .account-box .order .order-item .userInfo .submit {
  margin-right: 10px;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  background: #2c72bf;
}
.account .account-box .order .order-item .userInfo .submit:hover {
  cursor: pointer;
  background: #0060a4;
}
.account .account-box .order .order-item .userInfo .submit:last-of-type {
  margin-right: 0;
}
.account .account-box .order .order-page {
  width: 100%;
}
.account .account-box .order .order-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #2c72bf;
}
.account .account-box .order .order-page .layui-laypage a:hover {
  color: #fff;
  background-color: #2c72bf;
}
.account .payment-main-loading {
  z-index: 99;
  position: fixed;
  top: 50%;
  left: 50%;
}
.account .payment-main-loading img {
  width: 37px;
  height: 37px;
}
.account .payment-main {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.account .payment-main .payment-window {
  width: 980px;
  height: 500px;
  border-radius: 2px;
  box-shadow: -10px 0px 30px -25px rgba(0, 0, 0, 0.3);
}
.account .payment-main .payment-window .top {
  padding: 0 2%;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}
.account .payment-main .payment-window .top .title {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.account .payment-main .payment-window .top .close {
  font-size: 26px;
  cursor: pointer;
}
.account .payment-main .payment-window .content {
  width: 100%;
  height: 450px;
  background: #fff;
}
.account .payment-main .payment-window .content .left {
  padding: 2.5%;
  width: 50%;
  box-sizing: border-box;
}
.account .payment-main .payment-window .content .left .title {
  font-size: 16px;
  font-weight: bold;
}
.account .payment-main .payment-window .content .left .info {
  padding: 2%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.account .payment-main .payment-window .content .left .info .item {
  width: 100%;
  padding: 15px 0;
  font-size: 14px;
  color: #8e8483;
  border-bottom: 1px solid #f5f5f5;
  justify-content: space-between;
}
.account .payment-main .payment-window .content .left .info .item .info-title {
  width: 70%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .payment-main .payment-window .content .left .info .item .info-num {
  width: 10%;
  text-align: center;
}
.account .payment-main .payment-window .content .left .info .item .info-price {
  width: 15%;
  text-align: right;
}
.account .payment-main .payment-window .content .left .total {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  justify-content: space-between;
}
.account .payment-main .payment-window .content .right {
  position: relative;
  padding: 5% 2% 2%;
  width: 50%;
  box-sizing: border-box;
  box-shadow: -10px 0px 30px -25px rgba(0, 0, 0, 0.3);
}
.account .payment-main .payment-window .content .right iframe {
  width: 100%;
  height: 100%;
}
.account .payment-main .payment-window .content .right .payment-frame-loading {
  position: absolute;
  top: 36%;
  left: 46%;
}
.account .payment-main .payment-window .content .right .payment-frame-loading img {
  width: 37px;
  height: 37px;
}

.layui-layer-content {
  padding: 20px 20px 0;
  font-size: 14px;
  overflow: unset !important;
  height: auto !important;
}
.layui-layer-content .form-box .title-box {
  margin-bottom: 5px;
}
.layui-layer-content .form-box .title-box .title {
  margin-right: 0;
  padding-left: 5px;
  width: 100%;
  font-weight: bold;
  display: inline-block;
  box-sizing: border-box;
}
.layui-layer-content .form-box .title-box .title + .title {
  margin-left: 2%;
}
.layui-layer-content .form-box .item {
  margin-bottom: 15px;
}
.layui-layer-content .form-box .item .item-input {
  margin-right: 0;
  padding-left: 15px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.layui-layer-content .form-box .item .item-input + .item-input {
  margin-left: 2%;
}
.layui-layer-content .layui-form-item {
  width: 620px;
}
.layui-layer-content .layui-form-item .layui-form-label {
  width: 160px;
  box-sizing: border-box;
}
.layui-layer-content .layui-form-item .layui-input-block {
  margin-left: 160px;
  width: 460px;
  box-sizing: border-box;
}
.layui-layer-content .layui-form-item .layui-input-block .password-input {
  padding-left: 15px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.layui-layer-title {
  font-size: 18px;
}

.layui-layer-btn {
  font-size: 14px;
}
.layui-layer-btn a {
  width: 98%;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
}

.contact-success {
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.contact-success svg {
  width: 100px;
  height: 100px;
}
.contact-success .text {
  font-size: 20px;
  font-weight: 900;
  margin: 15px 0;
  text-align: center;
}
.contact-success .button {
  margin-right: 10px;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  background: #2c72bf;
  box-sizing: border-box;
  cursor: pointer;
}
.contact-success .button:hover {
  background: #eb4c40;
}









.account .payment-main2-loading {
  z-index: 99;
  position: fixed;
  top: 50%;
  left: 50%;
}
.account .payment-main2-loading img {
  width: 37px;
  height: 37px;
}
.account .payment-main2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.account .payment-main2 .payment-window {
  width: 980px;
  height: auto;
  border-radius: 2px;
  box-shadow: -10px 0px 30px -25px rgba(0, 0, 0, 0.3);
}
.account .payment-main2 .payment-window .top {
  padding: 0 2%;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.account .payment-main2 .payment-window .top .title {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.account .payment-main2 .payment-window .top .close {
  font-size: 26px;
  cursor: pointer;
}
.account .payment-main2 .payment-window .content {
  width: 100%;
  height: auto;
  background: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.account .payment-main2 .payment-window .content .left {
  padding: 2.5%;
  width: 50%;
  box-sizing: border-box;
}
.account .payment-main2 .payment-window .content .left .title {
  font-size: 16px;
  font-weight: bold;
}
.account .payment-main2 .payment-window .content .left .info {
  padding: 2%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.account .payment-main2 .payment-window .content .left .info .item {
  width: 100%;
  padding: 15px 0;
  font-size: 14px;
  color: #8e8483;
  border-bottom: 1px solid #f5f5f5;
  justify-content: space-between;
}
.account .payment-main2 .payment-window .content .left .info .item .info-title {
  width: 70%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .payment-main2 .payment-window .content .left .info .item .info-num {
  width: 10%;
  text-align: center;
}
.account .payment-main2 .payment-window .content .left .info .item .info-price {
  width: 15%;
  text-align: right;
}
.account .payment-main2 .payment-window .content .left .total {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  justify-content: space-between;
}
.account .payment-main2 .payment-window .content .right {
  position: relative;
  padding: 5% 2% 2%;
  width: 50%;
  box-sizing: border-box;
  box-shadow: -10px 0px 30px -25px rgba(0, 0, 0, 0.3);
}
.account .payment-main2 .payment-window .content .right iframe {
  width: 100%;
  height: 100%;
}
.account .payment-main2 .payment-window .content .right .payment-frame-loading {
  position: absolute;
  top: 36%;
  left: 46%;
}
.account .payment-main2 .payment-window .content .right .payment-frame-loading img {
  width: 37px;
  height: 37px;
}

.pay-select-submit{
  width:100%;
  margin-top:15px;
  margin-right: 10px;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  background: #2c72bf;
  box-sizing: border-box;
  cursor: pointer;
}
.pay-box{
  width: auto;
}
.pay-box label input{
  transform: scale(1.2);
}
.pay-box label p{
  font-size: 16px;
  color:#000000;
  margin-left: 10px;
}


/*# sourceMappingURL=account.css.map */