/**
 * 1.0 Reset
 *
 * --------------------------------------------------------------
 */
html {
    font-size: 14px;
}

html body {
    color: #2d2a29;
    margin: 0;
    padding: 0;
    font-family: "GothamHTF", -apple-system-font, BlinkMacSystemFont, Arial, "tohoma,sans-serif";
    font-weight: 400;
    font-style: normal;
}

html body a {
    text-decoration: none;
    color: #2d2a29;
}

html body a.btn-quote {
    color: white;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

/**
    * 2.0 Font
    *
    * --------------------------------------------------------------
    */
/* 2.1 Font Family */
.wppj-temp {
    /* controll */
}

.wppj-temp a,
.wppj-temp a:hover,
.wppj-temp a:visited,
.wppj-temp a:active {
    text-decoration: none;
    transition-duration: 0.3s;
    cursor: pointer;
}

.wppj-temp h1,
.wppj-temp h2,
.wppj-temp h3,
.wppj-temp h4,
.wppj-temp h5,
.wppj-temp h6,
.wppj-temp h7 {
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.wppj-temp p {
    margin: 0 0 6px 0;
}

.wppj-temp ol,
.wppj-temp ul,
.wppj-temp li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wppj-temp img {
    display: block;
    max-width: 100%;
    height: auto;
    border: none;
}

.wppj-temp input,
.wppj-temp select {
    height: 42px;
}

.wppj-temp textarea,
.wppj-temp input,
.wppj-temp select {
    border: solid 1px #e9eaed;
    outline: none;
}

.wppj-temp select:focus,
.wppj-temp input:focus,
.wppj-temp textarea:focus {
    outline: none;
    border-radius: 2px;
    box-shadow: 0 12px 12px 0 rgba(45, 42, 41, 0.05);
}

.wppj-temp input:disabled {
    background-color: #f6f7fa;
}

.wppj-temp label .input-require {
    color: #e1523d;
    margin-left: 6px;
}

.wppj-temp [type="submit"],
.wppj-temp button,
.wppj-temp .button {
    background-color: #e1523d;
    border: #e1523d 1px solid;
    color: #ffffff;
    border-radius: 0;
}

.wppj-temp .btn-disable {
    opacity: 0.5;
}

.wppj-temp textarea {
    resize: none;
}

.wppj-temp .main-btn {
    display: block;
    padding: 15px 52px;
}

.wppj-temp .small-btn {
    display: block;
    padding: 7px 24px;
}

.wppj-temp .secondary-phrase {
    font-size: 12px;
    line-height: 20px;
    color: #b3b5b9;
}

.wppj-temp .main-price {
    color: #e1523d;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
}

.wppj-temp .puji-float-right {
    float: right;
}

.wppj-temp .clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
}

/*首先第一步就是隐藏原来的复选框*/
.regular-radio {
    display: none;
}

/*第二部定义现在复选框样式*/
.regular-radio + label {
    position: relative;
    display: inline-block;
    /*lable是内联元素所以需要加inline-block*/
    padding: 10px 32px;
    color: #2d2a29 !important;
    font-size: 14px !important;
    text-align: center;
    margin-right: 16px;
    /*设置复选框大小*/
    background-color: #ffffff;
    /*设置背景颜色*/
    border: 1px solid #e9eaed;
    border-radius: 2px;
}

/*第三部分做一个active的效果*/
.regular-radio + label:active,
.regular-radio + label:checked + label:active {
    border: solid 1px #1d5cdc;
}

/*选中之后的样式*/
.regular-radio:checked + label {
    border: solid 1px #1d5cdc;
}

/*选中后的效果*/
.regular-radio:checked + label:after {
    content: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-check" fill="%23ffffff"  xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/></svg>');
    /*这是一个对勾*/
    position: absolute;
    font-size: 12px;
    /*设置对勾的大小*/
    top: -10px;
    right: -7px;
    /*设置位置的偏向*/
    background-color: #1d5cdc;
    /*设置颜色绿色*/
    font-weight: bold;
    /*设置对勾的粗细*/
    height: 18px;
    width: 18px;
    color: #ffffff;
    border-radius: 50%;
}

#progress-bar.step-one .progress-step {
    width: 20%;
}

#progress-bar.step-one .process-node:nth-of-type(-n+1) {
    border: 3px solid #e1523d;
}


#progress-bar.step-two .progress-step {
    width: 20%;
}

#progress-bar.step-two .process-node:nth-of-type(-n+2) {
    border: 3px solid #e1523d;
}

#progress-bar.step-three .progress-step {
    width: 40%;
}

#progress-bar.step-three .process-node:nth-of-type(-n+3) {
    border: 3px solid #e1523d;
}

#progress-bar.step-four .progress-step {
    width: 60%;
}

#progress-bar.step-four .process-node:nth-of-type(-n+4) {
    border: 3px solid #e1523d;
}

#progress-bar.step-five .progress-step {
    width: 80%;
}

#progress-bar.step-five .process-node:nth-of-type(-n+5) {
    border: 3px solid #e1523d;
}

#progress-bar.step-six .progress-step {
    width: 100%;
}

#progress-bar.step-six .process-node:nth-of-type(-n+6) {
    border: 3px solid #e1523d;
}

#progress-bar {
    width: 90%;
    height: 50px;
    position: relative;
    margin: 36px auto;
    margin-bottom: 0px;
}

#progress-bar div {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background: #e9eaed;
}

#progress-bar div span {
    position: absolute;
    display: inline-block;
    height: 2px;
    background: #e1523d;
}

#progress-bar > span {
    position: absolute;
    top: -7px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #2d2a29;
    background-color: #ffffff;
    z-index: 100;
}

#progress-bar .process-node > span {
    position: absolute;
    top: 100%;
    margin-top: 16px;
    width: 70px;
    text-align: center;
    left: -28px;
}

#progress-bar > .process-node {
    border: 3px solid #e9eaed;
}

#progress-bar > .process-node:nth-of-type(1) {
    left: 0%;
}

#progress-bar > .process-node:nth-of-type(2) {
    left: 20%;
}

#progress-bar > .process-node:nth-of-type(3) {
    left: 40%;
}

#progress-bar > .process-node:nth-of-type(4) {
    left: 60%;
}

#progress-bar > .process-node:nth-of-type(5) {
    left: 80%;
}

#progress-bar > .process-node:nth-of-type(6) {
    left: 100%;
}

.order-bottom {
    margin-top: 36px;
}

.title-section {
    background-color: #e9eaed;
    padding-top: 228px;
    padding-bottom: 154px;
}

.title-section .title-container {
    margin: 0 5%;
}

.title-section .title-container .puji-breadcrumb {
    position: relative;
    left: -32px;
    margin: 10px 5%;
    display: flex;
    flex-direction: row;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
}

.title-section .title-container .puji-breadcrumb .puji-breadcrumb-item::after {
    content: "\00A0-\00A0";
}

.title-section .title-container .puji-breadcrumb .puji-breadcrumb-item:last-of-type::after {
    content: "";
}

.title-section .title-container h1 {
    margin-left: 5%;
    font-size: 56px;
    font-weight: bold;
    margin-top: 8px;
}

.content-section {
    background-color: #ffffff;
}

.content-section .content-container {
    margin: 0 5%;
    position: relative;
    background-color: #ffffff;
    top: -118px;
    padding-top: 52px;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: content-box;
}

.extra-section {
    background-color: #f6f7fa;
    top: -118px;
    padding: 72px 0;
}

.extra-section .extra-container {
    margin: 0 calc(5%);
    padding: 0 126px;
    color: #87898d;
    font-size: 14px;
    line-height: 22px;
}

.extra-section .extra-container a {
    color: #87898d;
}

.extra-section .extra-container .extra-tip {
    position: relative;
}

.extra-section .extra-container .extra-tip li::before {
    content: " ";
    width: 4px;
    height: 4px;
    background-color: #b3b5b9;
    position: relative;
    left: -5px;
    display: block;
    border-radius: 50%;
    top: 14px;
    left: -15px;
}

.extra-section .extra-container .extra-tip li .mail-link {
    color: #e1523d;
}

.extra-section .extra-container .extra-links {
    margin: 36px 0 0 0;
}

.pcb-flex-row {
    display: flex;
}

.product-detail {
    margin-top: 36px;
}


.product-detail .product-item {
    margin-top: 28px;
    margin-bottom: 12px;
}

.product-detail .product-item .product-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #2d2a29;
}

.product-detail .product-item .product-header .item-price {
    color: #e1523d;
    font-size: 12px;
    line-height: 20px;
}


.product-detail .product-detail-content {
    margin-top: 18px;
    border: 1px solid #e9eaed;
}

.product-detail .product-detail-content .table-column {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #e9eaed;
}

.product-detail .product-detail-content .table-column span {
    display: inline-block;
}

.product-detail .product-detail-content .table-column span:first-child {
    padding-left: 24px;
    width: 40%;
    color: #b3b5b9;
}

.product-detail .product-detail-content .table-column span:last-child {
    color: #2d2a29;
}

.delivery-detail {
    margin-top: 56px;
}

.delivery-detail .delivery-detail-content {
    margin-top: 18px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.puji-table-horizontal {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.puji-table-horizontal .table-column {
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
    justify-content: space-around;
    align-items: flex-start;
}

.puji-table-vertical {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.puji-table-vertical .table-column {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.puji-table-vertical .table-column-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.puji-table-vertical .column-border-bottom {
    border-bottom: solid 1px #e9eaed;
}

.puji-table-vertical .puji-table-header {
    color: #b3b5b9;
}

.account-section .content-container {
    padding-top: 72px;
}

.account-section .content-container .content-left {
    width: 66%;
    padding-right: 4%;
    border-right: solid 1px #e9eaed;
}

.account-section .content-container .content-left .section-top {
    display: flex;
    justify-content: space-between;
}

.account-section .content-container .content-left .section-top .section-title {
    font-size: 32px;
}

.account-section .content-container .content-left .section-top .date-selection {
    width: 36%;
}

.account-section .content-container .content-left .section-content {
    margin-top: 56px;
}

.account-section .content-container .content-left .section-content .nav {
    line-height: 24px;
    flex-wrap: nowrap;
    overflow: scroll;
    border-bottom:  #e9eaed solid 1px;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */

}
.account-section .content-container .content-left .section-content .nav::-webkit-scrollbar{
    display: none;
}


.account-section .content-container .content-left .section-content .nav a {
    padding: 0 22px 6px 22px;
    font-size: 16px;
    font-weight: 500;
}

.account-section .content-container .content-left .section-content .nav a {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #ffffff 2px solid;
}

.account-section .content-container .content-left .section-content .nav a:hover {
    border: none;
}

.account-section .content-container .content-left .section-content .nav a:link {
    border-bottom: none;
}

.account-section .content-container .content-left .section-content .nav a.active {
    color: #e1523d;
    box-sizing: content-box;
    border-bottom: #e1523d 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

.account-section .content-container .content-left .orders-section {
    padding-top: 32px;
}

.account-section .content-container .content-left .orders-section .empty-order-tip {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-top: 72px;
}

.account-section .content-container .content-left .orders-section .order-item {
    border: 1px solid #e9eaed;
    padding: 16px 32px 24px 18px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #b3b5b9;
    font-weight: 500;
}

.account-section .content-container .content-left .orders-section .order-item .order-row {
    display: flex;
    justify-content: flex-start;
}

.account-section .content-container .content-left .orders-section .order-item .order-general .product-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 22px;
    color: #2d2a29;
}


.account-section .content-container .content-left .orders-section .order-item .order-general .value-field {
    height: 44px;
    line-height: 44px;
    color: #2d2a29;
    font-weight: 400;
}

.account-section .content-container .content-left .orders-section .order-item .order-general .secondary-price {
    font-size: 12px;
    font-weight: 500;
    color: #e1523d;
}

/*.account-section .content-container .content-left .orders-section .order-item .upload-div {*/
/*    text-align: center;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-ico {*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-ico:before {*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 30%;*/
/*    left: 0px;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-ico.has-design-file:before {*/

/*    content: url('data:image/svg+xml,<svg version="1.1" id="图层_1"  xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink"  x="0px" y="0px"  viewBox="0 0 32 32"  style="enable-background:new 0 0 32 32;"  xml:space="preserve">  <style type="text/css">   .st0 {   fill: %23E8E9EB;  }.st1 { fill: %235BE1AF;} </style> <path class="st0"  d="M24.1,27.5h-9c-1.1,0-2-0.9-2-2v-11c0-1.1,0.9-2,2-2h9c1.1,0,2,0.9,2,2v11C26.1,26.6,25.2,27.5,24.1,27.5z"/> <path class="st1"  d="M20.6,9h-8.4c-1.4,0-2.5,1.1-2.5,2.5v10.2c0,1.5,1.2,2.8,2.8,2.8h8c1.5,0,2.8-1.2,2.8-2.8V11.5  C23.1,10.1,22,9,20.6,9z M21.6,21.8c0,0.7-0.6,1.2-1.2,1.2h-8c-0.7,0-1.2-0.6-1.2-1.2V11.5c0-0.6,0.5-1,1-1h8.4c0.6,0,1,0.5,1,1  V21.8z M19,7.9c0.4,0,0.8-0.3,0.8-0.8S19.4,6.4,19,6.4H12c-2.8,0-5,2.3-5,5v8.7c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8v-8.7  c0-2,1.6-3.5,3.5-3.5H19z M18.4,13.4h-4.2c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h4.2c0.3,0,0.5-0.2,0.5-0.5S18.7,13.4,18.4,13.4z M18.4,16h-4.2c-0.3,0-0.5,0.2-0.5,0.5S14,17,14.2,17h4.2c0.3,0,0.5-0.2,0.5-0.5S18.7,16,18.4,16z M16.3,18.5h-2.1  c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h2.1c0.3,0,0.5-0.2,0.5-0.5S16.6,18.5,16.3,18.5z"/></svg>');*/
/*    top: 0px;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-ico.no-design-file:before {*/
/*    top: 0px;*/
/*    content: url('data:image/svg+xml,<svg version="1.1" id="图层_1"  xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink"  x="0px" y="0px"  viewBox="0 0 32 32"  style="enable-background:new 0 0 32 32;"  xml:space="preserve"><style type="text/css">  .st0 {fill: %23E1523D;}</style> <path class="st0" d="M24,13.8l-5.9-5.9c-1.2-1.2-3.1-1.2-4.2,0L8,13.8c-0.6,0.6-0.7,1.4-0.4,2.2s1,1.2,1.8,1.2H11V22  c0,1.7,1.3,3,3,3h4c1.6,0,3-1.3,3-2.9c0.7-0.3,1.1-1,1.1-1.8c0-1.1-0.9-2-2-2s-2,0.9-2,2c0,0.7,0.4,1.3,0.9,1.7c0,0,0,0,0,0  c0,0.6-0.4,1-1,1h-4c-0.6,0-1-0.4-1-1v-5.8c0-0.6-0.4-1-1-1H9.4l5.9-5.9c0.4-0.4,1-0.4,1.4,0l5.9,5.9H20c-0.6,0-1,0.4-1,1s0.4,1,1,1  h2.6c0.8,0,1.5-0.5,1.8-1.2S24.6,14.3,24,13.8z M20.1,19.3c0.6,0,1,0.4,1,1c0,0.6-0.4,1-1,1s-1-0.4-1-1  C19.1,19.7,19.6,19.3,20.1,19.3z"/></svg>');*/
/*}*/


/*.account-section .content-container .content-left .orders-section .order-item .upload-div .gerb-name {*/
/*    margin-right: 32px;*/
/*    cursor: pointer;*/
/*    font-size: 14px;*/
/*    line-height: 22px;*/
/*    height: 22px;*/
/*    display: inline-block;*/
/*    color: #2d2a29;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-btn {*/
/*    color: #e1523d;*/
/*    font-size: 14px;*/
/*    line-height: 22px;*/
/*    margin-left: 6px;*/
/*    font-weight: 400;*/
/*    display: inline-block;*/
/*    cursor: pointer*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-btn input {*/
/*    display: none;*/
/*}*/

/*.account-section .content-container .content-left .orders-section .order-item .upload-div .upload-btn label {*/
/*    margin-bottom: 0px;*/
/*    cursor: pointer;*/
/*    border-bottom: 1px solid #e1523d;*/
/*}*/

.account-section .content-container .content-left .orders-section .order-item h2 {
    font-size: 16px;
    line-height: 24px;
    color: #2d2a29;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail {
    display: none;
    opacity: 0;
    transition: all 1s;
    margin-top: 56px;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .order-fee-detail {
    background-color: #e9eaed;
    margin-top: 36px;
    padding: 23px 115px 27px 24px;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .order-fee-detail .value-field {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    color: #2d2a29;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .order-fee-detail .order-total {
    margin-top: 36px;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .order-fee-detail .order-total .total-price {
    color: #e1523d;
    font-size: 16px;
    margin-left: 24px;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content {
    margin-top: 18px;
    border: 1px solid #e9eaed;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content .table-column {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #e9eaed;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content .table-column span {
    display: inline-block;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content .table-column span:first-child {
    padding-left: 24px;
    width: 40%;
    color: #b3b5b9;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content .table-column span:last-child {
    color: #2d2a29;
}

.account-section .content-container .content-left .orders-section .order-item .order-detail .delivery-detail-content {
    margin-top: 18px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #2d2a29;
}

.account-section .content-container .content-left .load-more {
    width: 40%;
    text-align: center;
    margin: 24px auto;
    color: #e1523d;
    font-weight: 300;
    line-height: 22px;
    cursor: pointer;
}

.account-section .content-container .content-left .user-account-section {
    margin-top: 96px;
}

.account-section .content-container .content-left .user-account-section .nav-link {
    padding-left: 0px !important;
    margin-right: 22px !important;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section {
    padding-top: 32px;
    width: 72%;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section .form-row {
    padding: 0;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #b3b5b9;
    font-weight: 500;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section .form-row .form-group {
    margin-bottom: 6px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section .form-row .form-group label {
    color: #b3b5b9;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section .form-row .form-group input {
    font-size: 14px;
    line-height: 22px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section button {
    margin-top: 56px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content {
    width: 100%;
    justify-content: space-between;
    margin-top: 42px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content .table-column {
    height: 60px;
    font-size: 12px;
    line-height: 20px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content .table-column span {
    padding-left: 0;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content .coupon-amount {
    color: #e1523d;
    font: 16px blod;
    line-height: 28px;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content .coupon-available {
    color: #2d2a29;
}

.account-section .content-container .content-left .user-account-section .tab-content .tab-pane .coupon-content .coupon-unavailable {
    opacity: 0.5;
}

.account-section .content-container .statistic-section {
    flex: 1;
    margin-left: 54px;
}

.account-section .content-container .statistic-section .statistic-div {
    position: sticky;
    top: 136px;
}

.account-section .content-container .statistic-section .statistic-div .small-btn {
    background-color: #e1523d;
    border: #e1523d 1px solid;
    color: #ffffff;
    border-radius: 0;
    margin-top: 56px;
    display: inline-block;
}

.account-section .content-container .statistic-section .statistic-div .statistic-title {
    font-size: 20px;
    line-height: 30px;
}

.account-section .content-container .statistic-section .statistic-div .statistic-info {
    margin-top: 32px;
}

.account-section .content-container .statistic-section .statistic-div .statistic-info > div {
    float: left;
}

.account-section .content-container .statistic-section .statistic-div .statistic-info > div .statistic-data {
    color: #e1523d;
    font-size: 42px;
    line-height: 50px;
}

.account-section .content-container .statistic-section .statistic-div .statistic-info > div .statistic-key {
    margin-top: 4px;
    color: #b3b5b9;
    font-size: 12px;
    line-height: 20px;
}

.account-section .content-container .statistic-section .statistic-div .statistic-info > div:first-of-type {
    margin-right: 97px;
}

.account-section .content-container .statistic-section .statistic-div button {
    margin-top: 56px;
}


/*自适应隐藏*/
.mobile-open-control,
.mobile-checkout-price {
    display: none;
}


@media (max-width: 900px) {
    .title-section {
        padding-bottom: 36px;
        padding-top: 118px;

    }

    .title-section .title-container h1 {
        font-size: 36px;
        line-height: 40px;
        margin-top: 0px;
    }

    .title-section .title-container,
    .content-section .content-container {
        padding: 0 24px;
        margin: 0;
    }

    .content-section .content-container {
        padding-top: 36px;
        top: 0px;
    }

    /*.quote-section .content-container .nav {*/
    /*    margin-right: -15px;*/
    /*    margin-left: -15px;*/
    /*    padding-left: 15px*/
    /*}*/

    .pcb-flex-row {
        flex-direction: column-reverse;
    }
    .account-section .secondary-price{
        font-size: 12px;
        line-height: 20px;
        color: #e1523d;
    }

    .account-section .content-container .statistic-section {
        margin-left: 0px;
        padding-bottom: 36px;
        border-bottom: solid 1px #f6f7fa;
    }

    .account-section .content-container .statistic-section .statistic-div {
        position: inherit;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .account-section .content-container .statistic-section .statistic-div .small-btn {
        margin-top: 0px;
        font-weight: 500;
    }

    .account-section .content-container .content-left {
        width: 100%;
        padding-right: 0;
        border-right: none;
    }

    .account-section .content-container .content-left .section-top .section-title {
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
    }

    .account-section .content-container .statistic-section .statistic-div .statistic-title {
        font-weight: bold;
    }

    .account-section .content-container .content-left .section-top {
        margin-top: 32px;
    }



    .account-section .content-container .content-left .orders-section .order-item {
        padding: 12px 18px 0px 18px;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.order-general .control-div {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row .pc-price {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.order-process {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.pc-checkout {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-checkout-price {
        margin-top: 18px;
        justify-content: space-between;

    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-checkout-price .table-column {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-open-control {
        margin: 12px -18px 0;
        justify-content: center;
        background-color: #e9eaed;
        height: 32px;
    }
    .control-div .open-control {
        text-align: center;
        line-height: 32px;
        height: 32px;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-general .product-info {
        line-height: 44px;
        height: 44px;
    }
    .account-section .content-container .content-left .orders-section .order-item .order-detail .order-fee-detail {
        padding: 8px;
    }
    .account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section {
        padding-top: 24px;
        width: 100%;
        padding-bottom: 72px;
    }
    .account-section .content-container .content-left .user-account-section .tab-content .tab-pane .form-section button {
        margin-top: 24px;
        width: 100%;
    }
    .account-section .content-container .content-left .section-content .nav a {
        width: max-content;
    }
    .control-div {
         width: auto;
    }
    .account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content {
        border: none;
    }
    .account-section .content-container .content-left .orders-section .order-item .order-detail .product-detail-content .table-column span:first-child {
        padding-left: 0px;
        width: auto;
    }
    .account-section .puji-table-vertical .table-column {
        justify-content: space-between;
    }
    .account-section .content-container .content-left .orders-section .order-item .upload-div .gerb-name {
        margin-right: 16px;
    }

}