.myPage[data-v-c210d076] {
    width: 100%;
    min-height: 667px;
    background: #f9f9f9;
    -webkit-box-shadow: 0px 0px 12px 4px rgba(231, 231, 231, 0.42);
            box-shadow: 0px 0px 12px 4px rgba(231, 231, 231, 0.42);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/* 头部配置 */
.mainHeader[data-v-c210d076] {
    position: relative;
    width: 100%;
    height: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent url(../img/customPreviewHeaderBg.d25fb80f.png) no-repeat top left;
}
.boxShadow[data-v-c210d076] {
    -webkit-box-shadow: 0px 1px 0px 0px #f7f7f7;
            box-shadow: 0px 1px 0px 0px #f7f7f7;
}
.mainTitle[data-v-c210d076] {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.headerWrap[data-v-c210d076] {
    position: relative;
    width: 100%;
    min-height: 262px;
    overflow: hidden;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.userInfoWrap[data-v-c210d076] {
    margin-top: 40px;
    padding: 0 26px;
    width: 100%;
    font-weight: 400;
}
.avatar[data-v-c210d076] {
    width: 62px;
    height: 62px;
    background: #e6e6e6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAACN0lEQVRIS72Xz4tOYRTHP18RRVlQWExiymLIr42Shg3ZyQhTmtmxEpuZ0vgDJmVqpBQ7EtGQFAuzUGosyI8xCoWkLCRbP8L71Xm7M93e7vve+74z931Wt+455/Oc5znne8+V7U3AFWADMI9yVwV4DfTJ9ksg4O1crwL8L8n0GTAC/C1pB/OBQWALUAmwE9BhSTdLglbD2j4E3IjnNPiApNslg3uAW3MKth2FuQb4IulXVgK25xZsexUwDqwHvgM9kh7VwssAnwNOpEAvJG1tB/gqcCQF+ixpdTvAu4AHwIIENiRpeNZg211JRhOS7tcpnM3AXmBK0r1ZF5ftbiACLUmCnZF0qpW2K1xctpcn2rqiBjQo6Wyz8GbAl4CjGYCQ1Z2SHmfcY/SzJU0r4oxJIbDttcA7IDQ2a70HNkr6Of3S9oVkoz+Ai8BpSX9S7/MFxPZ54HjOcQ5LGkp0OD6rUzX21yTNtFluxraXhvQBi3PAv0OtJH2w3Q9czrDfJ+lusrnGGds+lhxVkfoZk3TQdvTywwyHJ5K2FQVPANuLUKOQEtunwFdgWYZfl6Q3DY/adgfwqckxaFzSHtsxQvVlgAckjeSBTwKjBbNNm+0AVgJjGb53JO3PA4fm7m4BHOrWC3wDFtX4f5TUmQde16B3G+0nRCPusRNYWGNYkfQ2t51ayLaQSz1wr6TqIFbWsh1XcT3ip8fb50AIf5nj7QAQk0l1vJ0MzS0ryzpxJwMcH/CQunb+wvT/B41XebrW5coTAAAAAElFTkSuQmCC) no-repeat center center;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.nickName[data-v-c210d076],
.userExtra .value[data-v-c210d076] {
    font-size: 20px;
}
.userDesc[data-v-c210d076] {
    font-size: 14px;
}
.userExtra[data-v-c210d076] {
    margin-top: 28px;
}
.userExtra .label[data-v-c210d076] {
    margin-bottom: 26px;
    font-size: 14px;
}
.vipWrap[data-v-c210d076] {
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.vipBg[data-v-c210d076] {
    padding: 0 15px 0 20px;
    width: 335px;
    height: 52px;
    background: url(data:image/png;base64,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) no-repeat left top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.vipInfo span[data-v-c210d076]:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #3d3a43;
}
.vipInfo span[data-v-c210d076]:last-child {
    font-size: 12px;
    font-weight: 400;
    color: #686153;
}
.vipBtn[data-v-c210d076] {
    width: 72px;
    height: 22px;
    line-height: 22px;
    background: #ffa93a;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

/* 会员储值 */
.vipStoredWrap[data-v-c210d076] {
    padding: 0 10px 0 20px;
    margin: 10px;
    height: 63px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.vipStoredText[data-v-c210d076] {
    margin: 4px 24px 0 5px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.vipStoredSubname[data-v-c210d076] {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}
.rightIcon[data-v-c210d076] {
    margin-left: 5px;
    color: #999999;
    font-size: 10px;
}

/* 广告位 */
.adverWrap[data-v-c210d076] {
    margin: 16px 10px 10px;
    height: 136px;
    background: #ecf1f7;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #b0b8c1;
    line-height: 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.adverWrapHave[data-v-c210d076] {
    margin: 16px 10px 10px;
    height: 105px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.adverImg[data-v-c210d076] {
    width: 100%;
    height: 105px;
    line-height: 105px;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.adverImg img[data-v-c210d076] {
    width: 100%;
    height: 105px;
}

/* 活动中心 */
.activityWrap[data-v-c210d076] {
    padding: 13px 0;
    margin: 10px;
    background: #ffffff;
    border-radius: 10px;
}
.activityTitle[data-v-c210d076] {
    padding: 0 13px;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.activityTitle span[data-v-c210d076] {
    padding: 7px 0 13px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.activityList[data-v-c210d076] {
    padding: 14px 0;
}
.activityItem[data-v-c210d076] {
    padding: 13px 4px 0;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
}
.activityItemIcon[data-v-c210d076] {
    width: 25px;
    height: 25px;
}
.activityItemName[data-v-c210d076] {
    margin-top: 10px;
    max-width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 业务配置 */
.businessWrap[data-v-c210d076] {
    margin: 10px;
    padding: 0 10px;
    background: #ffffff;
    border-radius: 10px;
}
.businessItem[data-v-c210d076] {
    padding: 20px 0 20px 17px;
    border-bottom: 1px solid rgba(241, 241, 241, 1);
    font-size: 14px;
    font-weight: bold;
    color: #222222;
}
.businessItem[data-v-c210d076]:last-child {
    border-bottom: none;
}
.businessItemIcon[data-v-c210d076] {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.businessItemName[data-v-c210d076] {
    margin-right: 10px;
}
.businessWrap .rightIcon[data-v-c210d076] {
    color: #222222;
    font-size: 12px;
}