/* newCenter.html */
.new-center-list {
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
}

.new-center-list a {
    display: flex;
    align-items: center;
}

.new-center-list .flex-center {
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 0.75rem;
}

.new-center-list .rgt {
    padding: 1.5625rem 0;
    width: calc(100% - 3.5rem);
    height: 5.4375rem;
    border-bottom: 1px solid var(--ce);
}

.new-center-list .flex-layout {
    line-height: 0.9375rem;
}

.new-center-list .flex-layout p {
    font-size: 0.6875rem;
    color: var(--bd);
}

.new-center-list .btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--c9);
    margin-top: 0.625rem;
    line-height: 0.75rem;
}

.new-center-list .btm span {
    width: 0.5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: var(--bc);
}

.new-center-list .single {
    width: 95%;
}

/* noticeDet.html */
.notice-det {
    font-size: 0.8125rem;
    padding: 1.5625rem 0.9375rem;
}

.notice-det .title {
    font-size: 1.125rem;
    line-height: 1.0625rem;
}

.notice-det .time {
    font-size: 0.75rem;
    color: var(--c9);
    line-height: 0.6875rem;
    margin: 0.8125rem 0 2.375rem;
}

/* pay.html */
.pay-news {
    height: 10.75rem;
    flex-direction: column;
    font-size: 0.75rem;
    color: var(--c9);
}

.pay-news > p {
    line-height: 0.75rem;
}

.pay-news div {
    display: flex;
    align-items: baseline;
    font-size: 1rem;
    color: var(--c3);
    margin: 0.75rem 0 1rem;
    line-height: 1.3125rem;
}

.pay-news div span {
    font-size: 1.6875rem;
}

.pay-list {
    margin: 0 0.9375rem;
    padding: 0 0.9375rem;
    border-radius: 0.625rem;
    background-color: var(--cl);
    font-size: 0.875rem;
}

.pay-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.pay-list li .center {
    flex: 1;
    margin: 0 0.625rem;
}

.pay-list .flex-center {
    width: 1.3125rem;
    height: 1.3125rem;
}

.pay-list li .check {
    width: 1.1875rem;
}

.pay-list label {
    display: flex;
    height: 3.625rem;
    align-items: center;
}

/* payResult.html */
.pay-result-news {
    margin: 3.875rem 0 3.25rem;
    flex-direction: column;
}

.pay-result-news img {
    width: 3.75rem;
}

.pay-result-news .title {
    font-size: 1rem;
    line-height: 0.9375rem;
    margin: 0.9375rem 0 2.8125rem;
}

.pay-result-btn {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 6.875rem);
    font-size: 0.875rem;
}

.pay-result-btn a {
    width: 7.5rem;
    height: 2.125rem;
    color: var(--c9);
    border-radius: 1.25rem;
    border: 1px solid var(--cc);
}

.pay-result-btn a:last-child {
    color: var(--og);
    border: 1px solid var(--og);
}

.pay-like {
    font-size: 0.9375rem;
}

.pay-like span {
    width: 2.125rem;
    height: 0.0625rem;
    background-color: var(--cc);
    margin: 0 0.8125rem;
}

.index-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0.9375rem;
    font-size: 0.8125rem;
    justify-content: space-between;
}

.index-list li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    width: 10.4375rem;
    margin-bottom: 0.6875rem;
}

.index-list .flex-center {
    width: 10.4375rem;
    height: 10.4375rem;
    border-radius: 0.625rem 0.625rem 0 0;
    overflow: hidden;
}

.index-list li div {
    padding: 0.6875rem;
}

.index-list .multi {
    height: 2.25rem;
}

.index-list .price {
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
    color: var(--bc);
    margin-top: .3rem;
}

.index-list .price span {
    font-size: 0.9375rem;
}

.index-list .flex-layout {
    font-size: 0.6875rem;
    color: var(--c9);
}

.index-list .flex-layout span {
    text-decoration: line-through;
}

/* set.html */
.set-list {
    padding: 0.9375rem;
    font-size: 0.875rem;
}

.set-list a {
    display: flex;
    align-items: center;
    height: 2.8125rem;
}

.set-list .flex-center {
    width: 1.25rem;
    height: 1.1875rem;
}

.set-list .center {
    flex: 1;
    margin: 0 0.6875rem;
}

.quit {
    background-color: transparent;
    border-radius: 0.625rem;
    color: var(--c9);
    border: 1px solid var(--cc);
}

/* personal.html */
.personal-news {
    padding: 2.6875rem 0;
    font-size: 0.8125rem;
}

.personal-news label {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.personal-news .flex-center {
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: .5rem;
    border-radius: 50%;
    overflow: hidden;
}

.set-list div {
    color: var(--c9);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}

/* updUser.html */
.upd-list {
    padding: 0.9375rem;
    font-size: 0.875rem;
}

.upd-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.125rem;
    border-bottom: 1px solid var(--ce);
}

.upd-list p {
    width: 20%;
}

.upd-list input {
    flex: 1;
    height: 100%;
}

.upd-save {
    border-radius: 0.625rem;
}

/* updPhone.html */
.upd-phone-list {
    padding: 0.9375rem;
    font-size: 0.875rem;
}

.upd-phone-list li {
    height: 3.375rem;
    display: flex;
    align-items: center;
}

.upd-phone-list p {
    width: 20%;
}

.upd-phone-list input {
    height: 2.25rem;
    flex: 1;
}

.upd-phone-list span {
    width: 5.5rem;
    height: 1.625rem;
    font-size: 0.8125rem;
    color: var(--og);
    border: 1px solid var(--og);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* address.html */
.address-list {
    font-size: 0.75rem;
}

.address-list li {
    background-color: var(--cl);
    margin-top: 0.8125rem;
}

.address-list .address-only {
    padding: 0.9375rem;
}

.address-list .flex-layout .left {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.address-list .left p {
    width: 2.125rem;
    height: 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    background-color: var(--bc);
    color: var(--cl);
    margin-left: 0.8125rem;
}

.address-list .flex-layout img {
    width: 0.9375rem;
}

.van-button--normal {
    height: 100%;
}

.upd-phone-list .site-prov {
    flex: 1;
    display: flex;
    align-items: center;
}

.upd-phone-list .layui-form-select {
    margin-right: .3rem;
}

.address-default {
    padding: 0 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
}

.layui-form-switch {
    margin-top: 0;
}

.layui-form-onswitch {
    background-color: var(--bc);
    border-color: var(--bc);
}

.upd-phone-list select {
    flex: 1;
    height: 2.5rem;
}

.upd-phone-list .upd-label {
    align-items: inherit;
    height: auto;
    margin: 0.8125rem 0;
}

.upd-label label {
    flex: 1;
}

.upd-label .flex-center {
    width: 5.875rem;
    height: 5.875rem;
}

/* draw.html */
.draw-container {
    position: relative;
}

.draw-content {
    position: absolute;
    top: 0;
    width: 100%;
}

.draw-hd, .cart-hd {
    height: 2.75rem;
    display: flex;
    align-items: center;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--cl);
}

.draw-hd i {
    height: 100%;
    width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.draw-content .price {
    color: var(--cl);
    padding: 1.25rem 0.9375rem 0.875rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.draw-content .num {
    display: flex;
    align-items: baseline;
    color: var(--cl);
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
}

.draw-content .num span {
    font-size: 1.375rem;
}

.draw-account-news {
    margin: 1.375rem 0.9375rem 0.8125rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.draw-account-news .title {
    line-height: 2.625rem;
}

.draw-account-news .draw-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.875rem;
    border-bottom: 1px solid var(--ce);
}

.draw-account-news .draw-price input {
    width: 80%;
    height: 3.125rem;
    font-size: 1.5rem;
}

.draw-account-news .draw-price p {
    font-size: 0.875rem;
    color: var(--og);
}

.draw-account-news .flex-layout {
    font-size: 0.8125rem;
    height: 3.625rem;
}

.draw-account-to {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin: 0 0.9375rem;
    height: 3.375rem;
    font-size: 0.8125rem;
    padding: 0 0.9375rem;
}

.draw-account-to .rgt {
    display: flex;
    align-items: center;
}

.draw-account-to .flex-center {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.625rem;
}

/* drawTo.html */
.draw-to-list {
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
}

.draw-to-list li {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--ce);
}

.draw-to-list li .top {
    display: flex;
    align-items: center;
}

.draw-to-list .top .flex-center {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.375rem;
}

.draw-to-list .top .center {
    flex: 1;
}

.draw-to-list .top label img {
    width: 1.1875rem;
}

.draw-to-list .news {
    font-size: 0.75rem;
    color: var(--c9);
    padding-left: 1.625rem;
}

.draw-to-list .news p {
    margin-top: 0.5rem;
    line-height: 0.6875rem;
}

/* drawRec.html */
.draw-rec-list {
    padding: 0 0.9375rem;
    font-size: 1.0625rem;
}

.draw-rec-list li {
    padding: 0.9375rem 0;
    border-bottom: 1px solid var(--ce);
}

.draw-rec-list .status {
    font-size: 0.8125rem;
    color: var(--c6);
}

.draw-rec-list .bc {
    color: var(--bc);
}

.draw-rec-list .flex-layout div {
    font-size: 0.875rem;
}

.draw-rec-list .flex-layout .time {
    font-size: 0.6875rem;
    color: var(--c9);
}

.draw-rec-list .reject {
    font-size: 0.75rem;
    color: var(--bc);
    margin-top: .2rem;
}

/* transfer.html */
.transfer-content {
    margin: 0.9375rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    font-size: 0.9375rem;
}

.transfer-content .top {
    background-color: var(--f5);
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 1.0625rem 0.9375rem 0;
}

.transfer-content .left {
    display: flex;
    align-items: center;
}

.transfer-content .left .flex-center {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .5rem;
}

.transfer-content select {
    margin-left: 1.875rem;
    height: 2.5rem;
    background-color: transparent;
    width: calc(100% - 1.875rem);
}

.transfer-list {
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.transfer-list li {
    padding: 1.25rem 0 0.25rem;
}

.transfer-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.transfer-list li p {
    line-height: 0.8125rem;
}

.transfer-list input {
    height: 2.625rem;
    font-size: 0.875rem;
}

.transfer-rec {
    font-size: 0.875rem;
    color: var(--bc);
    display: flex;
    align-items: center;
    padding-bottom: 0.9375rem;
}

.transfer-rec img {
    width: 0.5rem;
    margin-left: .3rem;
}

/* recharge.html */
.recharge-price {
    margin: 0.625rem 0.625rem 0;
    position: relative;
}

.recharge-price div {
    color: var(--cl);
    font-size: 0.75rem;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.recharge-price .num {
    display: flex;
    align-items: baseline;
    font-size: 1.0625rem;
    margin-top: .2rem;
}

.recharge-price .num span {
    font-size: 1.5rem;
}

.recharge-title {
    line-height: 2.5rem;
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
}

.recharge-nav {
    font-size: 0.875rem;
    margin: 0 0.9375rem;
}

.recharge-nav li {
    width: 6.6875rem;
    height: 5rem;
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--f5);
    position: relative;
}

.recharge-nav .flex-center {
    width: 1.25rem;
    height: 1.25rem;
    margin-bottom: .2rem;
}

.recharge-nav li > img {
    width: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.recharge-nav .active {
    background-color: var(--bc2);
    border: 1px solid var(--bc);
    color: var(--bc);
}

.check-img {
    display: none;
}

.recharge-imgs {
    margin: 0.9375rem 0.9375rem 0;
    border-radius: 0.625rem;
    background-color: var(--bc2);
    flex-direction: column;
    font-size: 0.8125rem;
    padding: 0.9375rem 0;
}

.recharge-imgs .flex-center {
    width: 8.5rem;
    height: 8.5rem;
    margin-bottom: .5rem;
}

.recharge-bank {
    margin: 0.9375rem 0.9375rem 0;
    border-radius: 0.625rem;
    background-color: var(--bc2);
    padding: 0.9375rem;
    font-size: 1.25rem;
    display: none;
}

.recharge-bank div {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
}

.recharge-bank .flex-center {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem;
}

.recharge-acc-list {
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.recharge-acc-list li {
    padding: 0.9375rem 0 0;
}

.recharge-acc-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.recharge-acc-list div {
    height: 2.5rem;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}

.recharge-acc-list div input {
    font-size: 0.9375rem;
    flex: 1;
    height: 100%;
}

.recharge-acc-list label {
    width: 5.875rem;
    height: 5.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.9375rem 0;
}

/* myTeam.html */
.team-header {
    background-color: var(--bc);
    color: var(--cl);
}

.my-team-nav {
    padding: 0.9375rem;
    background: linear-gradient(to bottom, var(--bc) 50%, var(--cl) 51%);
    display: flex;
    justify-content: space-between;
    font-size: 0.6875rem;
    color: var(--c9);
}

.my-team-nav li {
    position: relative;
    width: 10.375rem;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}

.my-team-nav div {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
}

.my-team-nav .flex-center {
    width: 1.625rem;
    height: 1.625rem;
    margin-bottom: 0.625rem;
}

.my-team-nav .price {
    display: flex;
    align-items: baseline;
    font-size: 0.8125rem;
    color: var(--c3);
}

.my-team-nav .price span {
    font-size: 1.1875rem;
}

.my-team-user {
    padding: 0 0.9375rem;
    font-size: 1rem;
    display: flex;
}

.my-team-user div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.my-team-user div p:last-child {
    width: 1rem;
    height: 0.1875rem;
    background-color: var(--bc);
    border-radius: .5rem;
    margin-top: .2rem;
}

.my-team-list {
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    color: var(--c9);
}

.my-team-list li {
    padding: 0.9375rem 0;
    display: flex;
    border-bottom: 1px solid var(--ce);
}

.my-team-list .flex-center {
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    margin-right: .5rem;
}

.my-team-list .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.my-team-list .name {
    font-size: 0.875rem;
    color: var(--c3);
    display: flex;
    align-items: center;
}

.my-team-list .name span {
    min-width: 1.6875rem;
    height: 0.9375rem;
    border-radius: 0.25rem;
    background: linear-gradient(to right, var(--og), var(--og1));
    color: var(--cl);
    font-size: 0.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .2rem;
    margin-left: .5rem;
}

.my-team-list .price {
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
    color: var(--c3);
}

.my-team-list .price span {
    font-size: 0.9375rem;
}

/* service.html */
.service-content .draw-hd {
    color: var(--c3);
}

.service-news {
    display: flex;
    padding: 0.625rem 0.9375rem 0.3125rem;
    justify-content: space-between;
}

.service-news div {
    font-size: 0.75rem;
    color: var(--c6);
}

.service-news img {
    width: 6.8125rem;
}

.service-news .title {
    font-size: 1.125rem;
    margin: 0.625rem 0;
    color: var(--c3);
}

.service-tel {
    margin: 0 0.9375rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 0.8125rem;
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
}

.service-tel img {
    width: 3.4375rem;
    margin-right: .5rem;
}

.service-tel .tel {
    font-size: 1rem;
}

.service-tel div {
    height: 3.125rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-tel a {
    width: 3.875rem;
    height: 1.75rem;
    border-radius: 1rem;
    background-color: var(--bc);
    color: var(--cl);
    font-size: 0.875rem;
}

.service-wx {
    margin: 0.9375rem;
    background-color: var(--cl);
    padding: 0.8125rem;
    border-radius: 0.625rem;
}

.service-wx .top {
    display: flex;
}

.service-wx .top img {
    width: 3.4375rem;
    height: 3.4375rem;
    margin-right: .5rem;
}

.service-wx .top div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    font-size: 0.8125rem;
}

.service-wx .top .name {
    font-size: 1rem;
}

.service-wx .btm {
    padding-left: 3.9375rem;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
}

.service-wx .btm .flex-center {
    width: 8.375rem;
    height: 8.375rem;
    margin: 0.9375rem 0;
}

.complaint-list {
    margin-top: 0.8125rem;
    font-size: 0.8125rem;
}

.complaint-list > li {
    background-color: var(--cl);
    padding-bottom: 1rem;
}

.complaint-list .flex-layout {
    height: 2.4375rem;
    font-size: 0.75rem;
    color: var(--c6);
    padding: 0 0.9375rem;
    background: var(--e5);
}

.complaint-list .flex-layout span {
    color: var(--bc);
    font-size: 0.875rem;
}

.complaint-list .content {
    padding: 1rem 1rem 0;
}

.complaint-imgs {
    padding: 0.4375rem 0.875rem 0;
    display: flex;
    flex-wrap: wrap;
}

.complaint-imgs li {
    width: 5.0625rem;
    height: 5.0625rem;
    border-radius: 0.625rem;
    margin-top: 0.4375rem;
}

.complaint-imgs li:not(:nth-child(4n)) {
    margin-right: 0.4375rem;
}

.complaint-list .reply {
    margin: 0.9375rem 0.9375rem 0;
    border-radius: 0.625rem;
    background-color: var(--f5);
    padding: 0.8125rem;
    font-size: 0.8125rem;
    color: var(--lm);
}

.complaint-list .reply div {
    font-size: 0.75rem;
}

/* myComplain.html */
.my-complain {
    padding: 0.875rem;
}

.my-complain textarea {
    width: 100%;
    height: 12.5rem;
    font-size: 0.875rem;
}

.my-complain ul {
    display: flex;
    flex-wrap: wrap;
}

.my-complain li {
    position: relative;
    margin-bottom: .5rem;
}

.my-complain li:not(:nth-child(4n)) {
    margin-right: 0.4375rem;
}

.my-complain img {
    width: 5.0625rem;
    height: 5.0625rem;
}

.my-complain .cancel {
    width: 1.3125rem;
    height: 1.3125rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* share.html */
.share-name {
    margin: 2.8125rem 2.5rem;
    width: calc(100% - 5rem);
}

.share-news {
    position: relative;
    width: calc(100% - 1.75rem);
    left: 1.1875rem;
}

.share-news div {
    position: absolute;
    left: 50%;
    top: 1.25rem;
    font-size: 0.9375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(-50%);
    width: 80%;
}

.share-news .code {
    font-size: 1.375rem;
    color: var(--bc);
    font-weight: 700;
    margin: 0.9375rem 0 1.875rem;
    line-height: 1.0625rem;
}

.share-news div .flex-center {
    width: 10.5rem;
    height: 10.5rem;
}

.share-news .copy {
    width: 12.5625rem;
    height: 2.125rem;
    margin: 1.875rem 0;
}

/* logistics.html */
.logistics-pro {
    margin: 0.9375rem;
    background-color: var(--f5);
    border-radius: 0.625rem;
    display: flex;
}

.logistics-pro .flex-center {
    width: 6.9375rem;
    height: 6.9375rem;
    border-radius: 0.625rem 0 0 0.625rem;
    overflow: hidden;
}

.logistics-pro .rgt {
    flex: 1;
    padding: 0.9375rem;
    font-size: 1.0625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.logistics-pro .rgt .num {
    font-size: 0.875rem;
}

.logistics-pro .btm {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--c9);
}

.logistics-pro .btm span {
    width: 2.5rem;
    height: 1.125rem;
    font-size: 0.75rem;
    color: var(--c3);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cc);
    margin-right: 0.625rem;
}

.layui-timeline {
    padding: 0.9375rem;
    color: var(--c9);
}

.layui-timeline-content {
    color: var(--c9);
}

.layui-timeline .active, .active .layui-timeline-content {
    color: var(--c3);
}

.layui-timeline .flex-center {
    width: 1.1875rem;
    height: 1.1875rem;
    z-index: 1;
}

.layui-timeline-content {
    flex: 1;
    padding-left: .8125rem;
    font-size: 0.6875rem;
}

.layui-timeline-content .title {
    font-size: 0.8125rem;
}

.layui-timeline-item {
    display: flex;
}

.layui-timeline .time {
    font-size: 0.75rem;
    width: 13%;
}

.layui-timeline .active .time {
    font-size: 0.875rem;
}

.layui-timeline .active .layui-timeline-content {
    font-size: 0.8125rem;
}

.layui-timeline .active .title {
    font-size: 0.9375rem;
}

.layui-timeline-item:before {
    left: 3.4rem;
}

/* login.html */
.login-container {
    position: relative;
}

.login-content {
    position: absolute;
    top: 30%;
    width: calc(100% - 4.375rem);
    left: 2.1875rem;
    font-size: 1.3125rem;
}

.login-list {
    font-size: 0.8125rem;
    padding-top: 1.25rem;
}

.login-list li {
    margin-top: 2.0625rem;
    border-bottom: 1px solid var(--ce);
}

.login-list li p {
    font-weight: 700;
}

.login-list li div {
    display: flex;
    align-items: center;
    height: 2.5rem;
}

.login-list li input {
    height: 100%;
    flex: 1;
    font-size: 0.9375rem;
}

.forget-psd {
    height: 3rem;
    font-size: 0.8125rem;
    color: var(--c6);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-agr, .login-number {
    font-size: 0.8125rem;
    color: var(--c9);
}

.login-agr span {
    color: var(--og);
}

.login-number {
    padding-bottom: 1rem;
}

.login-number a {
    color: var(--bc);
}

/*.save {*/
/*    margin: 0.8125rem 0;*/
/*    !*width: 100%;*!*/
/*}*/

/* forget.html */
.forget-hd {
    position: absolute;
    top: 0;
    width: 100%;
    color: var(--c3);
}

.forget-content {
    top: 10%;
}

.forget-content .login-list {
    padding-bottom: 1rem;
}

.login-list .code {
    color: var(--og);
    width: 30%;
    text-align: center;
    border-left: 1px solid var(--og);
    font-size: 0.875rem;
}

/* register.html */
.register-content {
    top: 6.25rem;
}

.register-content .login-list li {
    margin-top: 1.5625rem;
}

.register-agr {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--c9);
    padding: 2rem 1rem 0;
}

.register-agr img {
    width: 0.8125rem;
    margin-right: 0.625rem;
}

.register-agr span {
    color: var(--og);
}

/* proList.html */
.pro-list-search {
    height: 2.75rem;
    background-color: var(--cl);
    display: flex;
    align-items: center;
    padding-right: 0.9375rem;
    font-size: 0.875rem;
}

.pro-list-search i {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-list-search .rgt {
    height: 1.9375rem;
    background-color: var(--f5);
    border-radius: 1rem;
    flex: 1;
    display: flex;
    align-items: center;
}

.pro-list-search .rgt img {
    width: 0.9375rem;
    margin: 0 .5rem;
}

.pro-list-search .rgt input {
    flex: 1;
    height: 100%;
}

.pro-list-search .rgt .flex-center {
    width: 3.25rem;
    height: 1.5625rem;
    border-radius: 1rem;
    background-color: var(--bc);
    color: var(--cl);
}

.pro-list-nav {
    background-color: var(--cl);
    font-size: 0.875rem;
    color: var(--c9);
    display: flex;
}

.pro-list-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro-list-nav div {
    display: flex;
    align-items: center;
    height: 2.3125rem;
}

.pro-list-nav div .flex-center {
    width: 0.375rem;
    margin-left: .2rem;
}

.pro-list-nav li > p {
    width: 0.9375rem;
    height: 0.1875rem;
    border-radius: .5rem;
    background-color: transparent;
}

.pro-list-nav .active {
    color: var(--bc);
}

.pro-list-nav .active > p {
    background-color: var(--bc);
}

/* search.html */
.search-history {
    height: 2.5rem;
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
    font-weight: 700;
}

.search-history img {
    width: 0.875rem;
}

.search-list {
    padding: 0.9375rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--c6);
}

.search-list .only {
    min-width: 3.0625rem;
    height: 1.5rem;
    border-radius: 1rem;
    background-color: var(--f5);
    margin-bottom: .5rem;
    margin-right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .2rem;
}

.pro-list-data {
    width: 13.8125rem;
    font-size: 0.875rem;
    color: var(--c9);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* index.html */
.index-container {
    position: relative;
}

.index-content {
    position: absolute;
    top: 0;
    padding-bottom: 3.125rem;
    width: 100%;
}

.index-search {
    padding: 0 0.9375rem;
    background-color: transparent;
}

.index-search .rgt {
    padding-right: .2rem;
}

.index-swiepr {
    margin: 0.9375rem;
}

.index-swiepr .swiper {
    height: 10.625rem;
}

.swiper-nav .swiper {
    height: 11.4375rem;
}

.carousel-nav {
    background-color: var(--cl);
    border-radius: 0.625rem;
}

.nav-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
}

.nav-list li {
    width: 20%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nav-list li .flex-center {
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    margin-bottom: .5rem;
}

.index-shop {
    margin: 0 0.9375rem;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
}

.index-shop li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    justify-content: space-between;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 10.4375rem;
    height: 6.0625rem;
}

.index-shop .flex-center {
    width: 4.8125rem;
    height: 5.125rem;
}

.index-shop .hint {
    font-size: 0.6875rem;
    color: var(--c9);
    word-break: keep-all;
    margin: .2rem 0;
}

.index-shop .go {
    width: 2.8125rem;
    height: 1.25rem;
    background-color: var(--bc2);
    border-radius: 1rem;
    font-size: 0.75rem;
    color: var(--bc);
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-title {
    margin-top: 0.9375rem;
    font-size: 1.125rem;
}

.index-title img {
    width: 1.375rem;
    margin: 0 0.8125rem;
}

/* classify.html */
.classify-nav {
    height: 5.25rem;
    font-size: 0.75rem;
}

.classify-nav .left {
    /*width: calc(100% - 2.5rem);*/
    width: 100%;
    overflow: auto;
}

.classify-nav .active {
    color: #FF2825 !important;
}

.classify-nav .active .flex-center {
    border: 1px solid #FF2825;
}

.classify-nav ul {
    display: flex;
    height: 100%;
    align-items: center;
    width: fit-content;
}

.classify-nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.375rem;
}

.classify-nav li .flex-center {
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: .2rem;
}

.classify-nav .rgt {
    overflow: auto;
    width: 2.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    height: 100%;
    box-shadow: -0.125rem -0.25rem 0.25rem 0 rgba(0, 0, 0, .1);
}

.classify-nav .rgt .flex-center {
    width: 0.6875rem;
}

.classify-content {
    display: flex;
    height: calc(100vh - 11.125rem);
}

.classify-content .left {
    height: 100%;
    overflow: auto;
    font-size: 0.875rem;
    width: 30%;
}

.classify-content .left li {
    height: 3rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.classify-content .left .active {
    background-color: var(--cl);
    color: var(--bc);
}

.classify-content .left span {
    width: 0.1875rem;
    height: 1.25rem;
    background-color: transparent;
    border-radius: .5rem;
    margin-right: 0.75rem;
}

.classify-content .left .active span {
    background-color: var(--bc);
}

.classify-content .right {
    width: 70%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    height: 100%;
    overflow: auto;
    background-color: var(--cl);
}

.classify-content .right a {
    display: flex;
    align-items: center;
}

.classify-content .right .flex-center {
    width: 4.625rem;
    height: 4.625rem;
    border-radius: 0.625rem;
    margin-right: .5rem;
    overflow: hidden;
}

.classify-content .right .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.9375rem 0;
    height: 6.5rem;
    border-bottom: 1px solid var(--ce);
}

.classify-content .right .rgt img {
    width: 1.5rem;
}

.classify-content .old-price {
    font-size: 0.6875rem;
    color: var(--c9);
    text-decoration: line-through;
}

.classify-content .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.classify-content .price span {
    font-size: 0.9375rem;
}

.cls-model {
    top: 2.75rem;
}

.cls-mdl-nav {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    background-color: var(--cl);
    padding: 0.5625rem 0;
    max-height: 70vh;
    overflow: auto;
}

.cls-mdl-nav li {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5625rem 0;
}

.cls-mdl-nav .flex-center {
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0.5625rem;
}

.cls-mdl-up {
    background-color: var(--cl);
    border-top: 1px solid var(--ce);
    font-size: 0.8125rem;
    height: 2.625rem;
    border-radius: 0 0 0.9375rem 0.9375rem;
}

/* cart.html */
.cart-container {
    position: relative;
}

.cart-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 6.1875rem;
}

.cart-hd p {
    font-weight: 400;
    font-size: 0.8125rem;
    position: absolute;
    right: 0.9375rem;
}

.cart-list {
    padding: 0.0625rem 0.9375rem;
    font-size: 0.8125rem;
}

.cart-list li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 1.125rem 0.75rem;
    display: flex;
    margin-top: 0.8125rem;
    align-items: center;
}

.cart-list .check {
    width: 1.1875rem;
}

.cart-list .flex-center {
    width: 5.25rem;
    height: 5.25rem;
    border-radius: 0.625rem;
    margin: 0 .5rem;
}

.cart-list .rgt {
    width: calc(100% - 7.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 5.25rem;
}

.cart-list .spec {
    font-size: 0.6875rem;
    color: var(--c9);
    padding: 0 0.625rem;
    background-color: var(--f5);
    border-radius: 0.25rem;
    width: fit-content;
}

.cart-list .price {
    display: flex;
    font-size: 0.75rem;
    color: var(--bc);
}

.cart-list .price span {
    font-size: 0.9375rem;
}

.cart-list .stepper {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
}

.cart-list .stepper input {
    width: 2.125rem;
    height: 1.125rem;
    background-color: var(--f5);
    border-radius: 0.25rem;
    text-align: center;
}

.cart-list .stepper p {
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .3rem;
}

.cart-footer {
    background-color: var(--cl);
    height: 3.0625rem;
    padding: 0 0.9375rem;
    position: fixed;
    bottom: 3.125rem;
    border-bottom: 1px solid var(--ce);
    width: 100%;
    z-index: 1;
}

.cart-footer img {
    width: 1.1875rem;
    margin-right: .2rem;
    margin-right: .3rem;
}

.cart-footer .left {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.cart-footer .sum {
    font-size: 0.75rem;
    color: var(--c9);
    margin-left: 1rem;
}

.cart-footer .sum span {
    color: var(--bc);
    font-size: 0.9375rem;
}

.cart-footer .sum .freight {
    color: var(--c3);
    font-size: 0.75rem;
}

.cart-footer .rgt {
    width: 6.125rem;
    height: 2.125rem;
    font-size: 0.875rem;
    color: var(--cl);
    /*padding: 0 0.25rem 0 0.9375rem;*/
    border-radius: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--bc), var(--og));
}

.cart-footer .rgt span {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    background-color: var(--bc2);
    color: var(--bc);
}

.submit-del {
    display: flex;
    font-size: 0.875rem;
}

.submit-del li {
    min-width: 4.5rem;
    height: 2.125rem;
    background: linear-gradient(to right, var(--bc), var(--og));
    color: var(--cl);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    padding: 0 .3rem;
    margin-left: .5rem;
}

.submit-del li:first-child {
    background: none;
    border: 1px solid var(--bc);
    color: var(--bc);
}

/* detail.html */
.detail-swiepr {
    position: relative;
}

.detail-swiepr .swiper {
    height: 100vw;
}

.detail-swiepr i {
    /* width: 0.3rem; */
    /* height: 0.3rem; */
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1.3rem;
}

.detail-news {
    background-color: var(--cl);
    border-radius: 0.8125rem 0.8125rem 0 0;
    position: relative;
    top: -0.8125rem;
    z-index: 9;
    padding: 0.9375rem 0.9375rem 0;
    font-size: 0.875rem;
}

.detail-news .price {
    display: flex;
    align-items: baseline;
    font-size: 0.875rem;
    color: var(--bc);
    margin-bottom: 1rem;
}

.detail-news .price span {
    font-size: 1.25rem;
}

.detail-news .old {
    font-size: 0.75rem;
    color: var(--c9);
    text-decoration: line-through;
}

.detail-news .flex-layout {
    height: 2.5rem;
    font-size: 0.75rem;
    color: var(--c9);
}

.detail-spec-form {
    background-color: var(--cl);
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.detail-spec-form li {
    height: 3.0625rem;
    display: flex;
    align-items: center;
}

.detail-spec-form input {
    height: 100%;
    flex: 1;
}

.detail-spec-form li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.detail-spec-form p {
    color: var(--c9);
    width: 15%;
}

.detail-title {
    height: 2.75rem;
    font-size: 0.8125rem;
    color: var(--c6);
}

.detail-title span {
    width: 0.9375rem;
    height: 0.0625rem;
    background-color: var(--cc);
    margin: 0 0.9375rem;
}

.detail-txt {
    font-size: 0.8125rem;
    padding: 0.9375rem;
    background-color: var(--cl);
    padding-bottom: 3.75rem;
}

.detail-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    color: var(--c6);
}

.detail-footer div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.detail-footer div img {
    width: 1.25rem;
}

.detail-footer div span {
    font-size: 0.625rem;
    color: var(--cl);
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: var(--bc);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}

.detail-footer ul, .model-mdl-btn {
    display: flex;
    font-size: 0.875rem;
    color: var(--cl);
    align-content: center;
}

.detail-footer ul img {
    height: 2.25rem;
}

.model-mdl-btn img {
    height: 2.4375rem;
    width: 10.75rem;
}

.detail-footer ul li, .model-mdl-btn li {
    position: relative;
}

.detail-footer li p, .model-mdl-btn p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.detail-hd {
    background-color: var(--cl);
    height: 2.75rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.detail-hd ul {
    font-size: 0.875rem;
    color: var(--c6);
    display: flex;
}

.detail-hd ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem;
}

.detail-hd div {
    line-height: 2.25rem;
}

.detail-hd p {
    width: 1.125rem;
    height: 0.25rem;
    border-radius: 0.1875rem;
    background-color: transparent;
}

.detail-hd .active {
    color: var(--c3);
    font-size: 1.0625rem;
}

.detail-hd .active p:last-child {
    background-color: var(--bc);
}

.detail-hd i {
    position: absolute;
    left: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-mdl {
    background-color: var(--cl);
    border-radius: 0.9375rem 0.9375rem 0 0;
    padding: 0 0.9375rem 1rem;
    font-size: 0.8125rem;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.detail-mdl-pro {
    display: flex;
    align-items: end;
    position: relative;
    top: -1.875rem;
}

.detail-mdl-pro .flex-center {
    width: 5.875rem;
    height: 5.875rem;
    border-radius: 0.625rem;
    overflow: hidden;
    margin-right: .5rem;
}

.detail-mdl-pro .rgt {
    flex: 1;
    font-size: 0.75rem;
    color: var(--c9);
    padding-bottom: .5rem;
    position: relative;
}

.detail-mdl-pro .rgt .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.detail-mdl-pro .rgt .price span {
    font-size: 1.125rem;
}

.detail-mdl .cancel {
    position: absolute;
    width: 1.1875rem;
    top: 0;
    right: 0;
}

.detail-mdl-spec {
    font-weight: 700;
    position: relative;
    top: -0.625rem;
    max-height: 30vh;
    overflow: auto;
}

.detail-mdl-spec ul {
    margin-top: .5rem;
    font-weight: 400;
    color: var(--c6);
    display: flex;
    flex-wrap: wrap;
}

.detail-mdl-spec ul li {
    min-width: 5.375rem;
    height: 1.875rem;
    background-color: var(--f5);
    border-radius: 1rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5rem;
    margin-bottom: .5rem;
}
.detail-mdl-spec ul .active{
    background: linear-gradient(to right, #FF8600, #FF2825);
    color: #fff;
}

.model-mdl-stepper {
    font-weight: 700;
    margin-bottom: 1rem;
}

.model-mdl-stepper div {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.model-mdl-stepper div p {
    width: 1.4375rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-mdl-stepper div input {
    width: 2.75rem;
    height: 1.4375rem;
    font-size: 0.875rem;
    background-color: var(--f5);
    border-radius: 0.25rem;
    text-align: center;
}

/* submitOrder.html */
.submit-container {
    position: relative;
}

.submit-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 3.0625rem;
}

.submit-hd {
    height: 2.75rem;
    color: var(--cl);
    font-size: 0.9375rem;
    font-weight: 700;
    position: relative;
}

.submit-hd i {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-site {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin: 0.9375rem;
    padding: 1rem 0.8125rem;
    font-size: 0.8125rem;
}

.submit-site div div {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.submit-site img {
    width: 0.6875rem;
    margin-right: 0.625rem;
}

.submit-pro {
    margin: 0.8125rem 0.9375rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 0 0.8125rem;
}

.submit-pro-list li {
    font-size: 0.75rem;
    display: flex;
    padding: 0.8125rem 0;
    border-bottom: 1px solid var(--ce);
}

.submit-pro-list .flex-center {
    width: 4.9375rem;
    height: 4.9375rem;
    border-radius: 0.625rem;
    margin-right: 0.625rem;
    overflow: hidden;
}

.submit-pro-list .center {
    flex: 1;
}

.submit-pro-list .spec {
    font-size: 0.6875rem;
    color: var(--c9);
}

.submit-pro-list .rgt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.75rem;
    color: var(--c9);
}

.submit-pro-list .rgt .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.submit-pro-list .rgt .price span {
    font-size: 0.875rem;
}

.submit-pro-form {
    font-size: 0.875rem;
}

.submit-pro-form li {
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submit-pro-form input {
    flex: 1;
    height: 100%;
    text-align: right;
}

.submit-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.submit-footer div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.submit-footer span {
    font-size: 0.9375rem;
    color: var(--bc);
}

.submit-footer .freight {
    font-size: 0.6875rem;
    color: var(--c9);
}

.submit-footer .freight span {
    color: var(--c3);
    font-size: 0.75rem;
}

.submit-footer > p {
    width: 5.9375rem;
    height: 2.25rem;
    border-radius: 1.3rem;
    background: linear-gradient(to right, var(--bc), var(--og));
    font-size: 0.875rem;
    color: var(--cl);
    margin-left: 0.8125rem;
}

.profile-content {
    padding-bottom: 3.125rem;
}

.profile-set {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 2.75rem;
}

.profile-set li {
    position: relative;
    margin-right: 0.8125rem;
}

.profile-set img {
    width: 1.5rem;
}

.profile-set span {
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background-color: var(--og1);
    position: absolute;
    top: .2rem;
    right: 0;
}

.profile-news {
    padding: 1.25rem 0.9375rem;
    display: flex;
}

.profile-news .flex-center {
    width: 3.4375rem;
    height: 3.4375rem;
    border: 2px solid var(--cl);
    overflow: hidden;
    border-radius: 50%;
    margin-right: .5rem;
}

.profile-news .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1.0625rem;
    color: var(--cl);
}

.profile-news .rgt div {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}

.profile-news .rgt img {
    width: 0.875rem;
    margin-right: .2rem;
}

.profile-nav {
    display: flex;
    font-size: 0.75rem;
    color: var(--cl);
}

.profile-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile-nav p {
    display: flex;
    align-items: baseline;
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
    line-height: 0.9375rem;
}

.profile-nav p span {
    font-size: 1.1875rem;
}

.profile-nav div {
    line-height: 0.75rem;
}

.profile-order {
    margin: 1rem 0.9375rem 0.8125rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    font-size: 0.9375rem;
}

.profile-order .flex-layout {
    height: 2.6875rem;
    margin: 0 0.8125rem;
    font-weight: 700;
    border-bottom: 1px solid var(--ce);
}

.profile-order .flex-layout a {
    font-size: 0.75rem;
    color: var(--c9);
    font-weight: 400;
}

.profile-order-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    color: var(--c6);
}

.profile-order-list li {
    width: 25%;
}

.profile-order-list a {
    width: 100%;
    padding: 1.125rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile-order-list .flex-center {
    width: 1.6875rem;
    height: 1.625rem;
    margin-bottom: 0.6875rem;
}

.profile-order-list div {
    line-height: 0.6875rem;
}

.profile-order-list span {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    border: 1px solid var(--bc);
    font-size: 0.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bc);
    position: absolute;
    top: 15%;
    right: 20%;
    background: #fff;
}

.profile-common {
    padding: 0.5625rem 0;
}

.profile-common .flex-center {
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.5625rem;
}

.profile-common li a {
    padding: 0.5rem 0;
}

/* myWallet.html */
.my-wallet-list {
    margin: 0.8125rem 0.9375rem;
    font-size: 0.875rem;
    color: var(--c9);
}

.my-wallet-list li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin-top: 10px;
}

.my-wallet-list a {
    padding: 1.125rem 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-wallet-list .price {
    font-size: 0.9375rem;
    color: var(--c3);
    display: flex;
    align-items: baseline;
    margin-top: 0.8125rem;
    line-height: 0.8125rem;
    font-weight: 700;
}

.my-wallet-list .price span {
    font-size: 1.4375rem;
}

.my-wallet-list .det {
    font-size: 0.875rem;
    color: var(--bc);
    display: flex;
    align-items: center;
}

/* myWalletDet.html */
.wallet-det {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin: 0.9375rem;
    height: 6.625rem;
    flex-direction: column;
    font-size: 1.125rem;
}

.wallet-det div {
    font-size: 0.75rem;
    color: var(--c9);
    line-height: 0.75rem;
}

.wallet-det p {
    display: flex;
    align-items: baseline;
    line-height: 1.3125rem;
    margin-top: 1.0625rem;
}

.wallet-det p span {
    font-size: 1.6875rem;
}

.wallet-det-content {
    background-color: var(--cl);
    font-size: 0.9375rem;
}

.wallet-det-content .title {
    line-height: 2.625rem;
    padding: 0 0.9375rem;
    border-bottom: 1px solid var(--ce);
}

.wallet-det-content ul {
    padding: 0 0.9375rem;
}

.wallet-det-content li {
    padding: 0.9375rem 0;
    border-bottom: 1px solid var(--ce);
}

.wallet-det-content ul p {
    line-height: 0.9375rem;
}

.wallet-det-content ul div {
    font-size: 0.6875rem;
    color: var(--c9);
    line-height: 0.6875rem;
    margin-top: 0.625rem;
}

/* myOrder.html */
.my-order-list {
    padding: 0.9375rem;
    font-size: 0.75rem;
}

.my-order-list > li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin-bottom: 0.8125rem;
    padding: 0 0.8125rem 1.0625rem;
}

.my-order-list .flex-layout {
    font-size: 0.75rem;
    color: var(--c9);
    height: 2.9375rem;
}

.my-order-list .flex-layout span {
    font-size: 0.875rem;
    color: var(--bc);
}

.my-order-list ul li {
    padding: 0 0 0.625rem;
    border: none;
}

.my-order-list .order-price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.my-order-list .order-price span {
    font-size: 0.875rem;
}

.my-order-list .order-btn {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: flex-end;
}

.order-btn a {
    width: 5.3125rem;
    height: 1.875rem;
    font-size: 0.875rem;
    border: 1px solid var(--cc);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .5rem;
    border-radius: 1rem;
}

.order-btn .bc {
    border: 1px solid var(--bc);
    color: var(--bc);
}

/* orderDet.html */
.order-det-staute {
    padding: 1.25rem 0.9375rem;
    color: var(--cl);
}

.order-det-status {
    font-size: 1.1875rem;
}

.order-det-time {
    font-size: 0.75rem;
    margin-top: .5rem;
}

.order-det-site {
    margin: 0 0.9375rem;
}

.submit-pro .real-money {
    justify-content: flex-end;
    font-size: 0.8125rem;
}

.submit-pro .real-money span {
    font-size: 0.9375rem;
    color: var(--bc);
}

.order-det-form {
    margin: 0.8125rem 0.9375rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 0.625rem 0.9375rem;
    font-size: 0.75rem;
}

.order-det-form li {
    height: 1.8125rem;
    display: flex;
    align-items: center;
}

.order-det-form .name {
    width: 20%;
    color: var(--c9);
}

.order-det-form .copy {
    width: 2.1875rem;
    height: 1.0625rem;
    font-size: 0.6875rem;
    background-color: var(--f5);
    border-radius: 1rem;
    margin-left: .5rem;
}

.orderDet-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    padding: 0 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.orderDet-footer .flex-center {
    width: 5.3125rem;
    height: 1.875rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    border: 1px solid var(--cc);
    margin-left: .5rem;
}

.orderDet-footer .bc {
    border: 1px solid var(--bc);
    color: var(--bc);
}

.order-det-mdl {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--cl);
    border-radius: 0.625rem;
    width: 15.25rem;
    font-size: 0.9375rem;
}

.order-det-mdl p {
    padding: 1.875rem 0;
    text-align: center;
}

.order-det-mdl ul {
    display: flex;
    border-top: 1px solid var(--ce);
}

.order-det-mdl ul li {
    height: 2.75rem;
    color: var(--c9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.order-det-mdl ul li:last-child {
    color: var(--bc);
    border-left: 1px solid var(--ce);
}

.pay-mdl {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--cl);
    border-radius: 1rem 1rem 0 0;
}
.pay-mdl .flex-center {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    top: 0.5625rem;
    right: 0.5625rem;
}
.pay-mdl-news {
    padding: 0.875rem 1.3125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pay-mdl-news div {
    font-size: 0.875rem;
    font-weight: 700;
}
.pay-mdl-news p {
    font-size: 0.625rem;
    color: var(--c9);
}
.pay-mdl-news .price {
    font-size: 0.6875rem;
    color: var(--rd);
    font-weight: 700;
    margin-top: 1.4375rem;
}
.pay-mdl-news .price span {
    font-size: 1.0625rem;
}
.pay-mdl-news input {
    width: 100%;
    font-size: 0.75rem;
    height: 2.25rem;
    padding: 0 0.8125rem;
    border: 1px solid var(--cc);
    border-radius: .2rem;
    margin: 1rem 0;
}
.pay-mdl-news .btn {
    background: linear-gradient(to right, var(--bc), var(--bc1));
    border-radius: 1.375rem;
    color: var(--cl);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    height: 2.625rem;
    justify-content: center;
    margin: 0.9375rem;
    width: calc(100% - 1.875rem);
}

.recharge-record-list{
    background: #fff;
}
.recharge-record-list li {
    padding: 0.5125rem 0;
}
/* rechargeRecord.html */
.recharge-record-list {
    padding: 0 0.8125rem;
    font-size: 0.75rem;
    font-weight: 700;
}
.recharge-record-list li {
    padding: 0.8125rem 0;
    border-bottom: 1px solid var(--ce);
}
.recharge-record-list p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recharge-record-list p:last-child {
    font-size: 0.5625rem;
    color: var(--c9);
    font-weight: 400;
    margin-top: .3rem;
}