body {
    margin: 0px;
    padding-bottom: 50px;
    background: #eee;
    -moz-appearance: none;
    font-family: PingFangSC, PingFang SC;
}

a {
    text-decoration: none;
}

/*.header {height: auto; width:100%; padding:0px; background: url(<?php  if(empty($settings['fansindex_bg'])){?>__RESOURCE__/plus/images/bg11.jpg<?php }else{ ?><?php echo ATTACHMENT_WEBROOT;?><?php  echo $settings['fansindex_bg'];?><?php } ?>) 0 0 no-repeat;background-size: 100% 100%;}*/
/* .header .user {height:4.533rem; padding:0.9rem 0.33rem 0.33rem 0.33rem;}
.header .user .user-head {height:1.28rem; width:1.28rem; background:#fff; border-radius:50%; MARGIN: 0 AUTO;}
.header .user .user-head img {height:1.28rem; width:1.28rem; border-radius:50%;}
.header .user .user-info {width:auto;TEXT-ALIGN: CENTER;PADDING-TOP: 5PX; color:#874127;}
.header .user .user-info .user-name {height:24px; width:auto; color: #141414; font-size:16px; line-height:24px;padding-bottom: 3px;}
.header .user .user-info .user-other { font-size:14px;}
.header .user-gold {height:35px; width:94%; padding:5px 3%; border-bottom:1px solid #ddd; background:#fff; font-size:16px; line-height:35px;}
.header .user-gold .title {height:35px; width:auto; float:left; color:#666;}
.header .user-gold .num {height:35px; width:auto; float:left; color:#f90;}

.header .user-gold .draw {width:80px; height:30px; background:#6c9; float:right;}
.header .user .set {height: 26px;width: 26px;float: right;top: 10px;RIGHT: 10PX;POSITION: absolute;}

.header .user-op { height:35px; width:94%; padding:5px 3%; border-bottom:1px solid #ddd; background:#fff; font-size:16px; line-height:35px; } */
.take {
    height: 30px;
    width: auto;
    padding: 0 10px;
    line-height: 30px;
    font-size: 16px;
    float: right;
    background: #ff6600;
    border-radius: 5px;
    margin-top: 5px;
    color: #fff;
}

.take1 {
    height: 30px;
    width: auto;
    padding: 0 10px;
    line-height: 30px;
    font-size: 16px;
    float: right;
    background: #00cc00;
    border-radius: 5px;
    margin-top: 5px;
    color: #fff;
}

.order {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.order_all {
    width: 100%;
    margin-top: 0.3rem;
    color: #666;
    overflow: hidden;
}

.order_pub {
    float: left;
    padding-top: 5px;
    text-align: center;
    color: #666;
    position: relative;
}

.order_pub p {
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0;
    margin: 0;
}

.order_1 {
    width: 100%;
}

.order_2 {
    width: 100%;
}

.order_3 {
    width: 100%;
}

.order_4 {
    width: 100%;
}

.order_5 {
    width: 100%;
}

.list1 {
    height: 44px;
    background: #fff;
    padding: 0px 3%;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    line-height: 44px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.list1 .fa-angle-right {
    margin-left: auto;
}

.list1 i {
    font-size: 20px;
    margin-right: 10px;
}

.list1 .fa {
    color: #303030
}

.allorder {
    float: right;
    color: #aaa;
    margin-right: 45px;
    text-decoration: none;
}

.cart {
    height: auto;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}

.address {
    height: 38px;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    line-height: 38px;
}

.copyright {
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.user-level {
    display: flex;
    align-items: center;

}

.user-level img {
    width: 16px;
    height: 16px;
    border-radius: 10px;
    margin-right: 2px;
}

.member_line_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.order_all > a {
    display: inline-block;
    overflow: hidden;
    width: 20%;
    float: left;
}

* {
    box-sizing: border-box;
}

.my_list_line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.3rem;
    height: 1.2rem;
}

.my_list_line:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.my_list_line span {
    font-size: 13px;
}

.my_list_line img {
    height: 16px;
    width: 16px;
    font-size: 14px;
    margin-right: 0.2rem;
}

.my_list_line i {
    margin-left: auto;
    color: #999;
    font-size: 0.75rem;
}

/* 新修改的会员中心页面 */
.header {
    padding: 0.5333rem;
    height: auto;
    width: 100%;
    background: #F7F8FA;
}

.header > .top_main_info {
    display: flex;
    align-items: center;
    margin-bottom: 0.38rem;
    width: 100%;
}

.header > .top_main_info > .left_part {
    display: flex;
    align-items: center;
    width: 100%;
}

.right_part {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header > .top_main_info > .left_part > .photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0px 2px 8px 1px rgba(163, 163, 163, 0.24);
    position: relative;
}

.rank-title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3px 6px;
    background: linear-gradient( 180deg, #FCE7C5 0%, #F7C26F 100%), #FFFFFF;
    width: max-content;
    border-radius: 15px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #301408;
}

.rank-title-0 {
    color: #898989;
    background: #FFFFFF;
}
.rank-title-1 {
    color: #323333;
    background: #E3E1E2;
}
.rank-title-2 {
    color: #301408;
    background: linear-gradient( 180deg, #FCE7C5 0%, #F7C26F 100%), #FFFFFF;
}

.rank-title-5 {
    color: #D60A18;
    background: #FFBB00;
}

.hz-href {
    margin: 16px 0;
}

.hz-href img {
    width: 100%;
}

.header > .top_main_info > .left_part > .photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.header > .top_main_info > .left_part > .name_line {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0.3rem;
    flex: 1;
}

.header > .top_main_info > .left_part > .name_line > .name {
    font-size: 16px;
    margin-bottom: 5px;
    max-width: 2.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.name_line .rank {
    display: flex;
    align-items: center;
}




.right_part .cheap {
    height: 0.48rem;
    border-radius: 0.24rem;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    background: #F0461F;
    color: #fff;
    font-size: 0.32rem;
}

.right_part .rank_tips {
    display: flex;
    align-items: center;
}

.right_part .rank_tips img {
    width: 0.373333rem;
    margin-right: 0.08rem;
}

.member_card {
    display: flex;
    justify-content: space-between;
}

.card_one {
    width: 4.2rem;
    height: 100px;
    border-radius: 0.2rem;
    box-shadow: 0px 2px 8px 1px rgba(163, 163, 163, 0.24);
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.card_one .title {
    position: absolute;
    top: 0.32rem;
    right: 0.3rem;
    font-size: 0.426667rem;
}

.card_one .icon {
    position: absolute;
    bottom: -2px;
    right: 15px;
    height: 0.94rem;
    width: 0.94rem;
}

.card_one .icon img {
    width: 100%;
    height: 100%;
}

.card_one .number {
    margin-left: 0.32rem;
}

.card_one .number p {
    margin: 0;
    font-size: 0.34667rem;
    color: #999;
}

.card_one .number span {
    font-size: 0.586667rem;
    color: #333;
}

#rank_explain .modal-dialog {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0;
}

.experience_rule, .credit_rule {
    margin: 1rem 0.5rem 0rem 0.5rem;
}

.experience_rule .title, .credit_rule .title {
    font-size: 0.5rem;
    text-align: center;
    width: 100%;
}

.experience_rule .content, .credit_rule .content {
    font-size: 0.35rem;
    text-align: center;
    width: 100%;
    margin-bottom: 0.5rem;
    line-height: 0.6rem;
}

.experience_rule .content ul {
    width: 100%;
}

.experience_rule .content ul li {
    border-bottom: 1px solid #dfdfdf;
    padding: 0.1rem 0.1rem;
}

.experience_rule .content ul li:last-child {
    border-bottom: none;
    padding: 0.1rem 0.1rem;
}

.experience_rule .content ul li span {
    width: 32%;
    text-align: center;
    display: inline-block;
}

.solitaire {
    margin-top: 20px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.solitaire_all {
    width: 100%;
    margin: 0.3rem 0;
    color: #666;
    overflow: hidden;
    display: flex;
}

.solitaire_all > a {
    display: inline-block;
    overflow: hidden;
    flex: 1;
    float: left;
}

.newcheap {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    font-size: 12px;
    color: #D60A18;
    line-height: 17px;
    padding: 2px 7px;
    gap: 2px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.normal-color {
    color: #F09F3B;
}

.newcheap img {
    width: 12px;
    height: 12px;
}

.name_line .name {
    font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
    font-weight: normal;
    font-size: 16px;
    color: #323333;
    line-height: 22px;
}

.mt-6 {
    margin-top: 6px;
}

.member-bg {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.member-bg img{
    width: 100%;
    height: auto;
}

.pos-r {
    position: relative;
}

.px-16 {
    padding-inline: 16px;
}

.card-box {
    background: #fff;
    padding: 15px 10px;
    border-radius: 10px;
}

.text-16-22 {
    font-size: 16px;
    line-height: 22px;
}

.text-12-18 {
    font-size: 12px;
    line-height: 18px;
}

.color-1 {
    color: #A09E9E;
}

.text-14 {
    font-size: 14px !important;
}

.gap-6 {
    gap: 6px;
}

.px-10 {
    padding-inline: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.order_count {
    background: #F65031;
    border-radius: 14px;
    line-height: 1;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 2px 4px;
    min-width: 18px;
    transform: translate(50%, -50%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.relative {
    position: relative;
}