.Mine {
    min-width: 1200px;
    width: 65%;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    font-size: 16px;
}

/* 左边 */
.mine_left {
    width: 17%;
    /* background-color: #fff; */

}

.mine_left .apply {
    padding: 4px 5px;
    background-color: #409EFF;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;

}

.mine_left .Top {
    display: flex;

    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px 0;
}

.mine_left .Top .Info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mine_left .Top .Info img {
    width: 70px;
    height: 70px;
    /* background-color: aquamarine; */
    border-radius: 50%;
}

.mine_left .Top .Info .name {
    margin: 10px 0;
    font-weight: bold;
}

.mine_left .Top .Info .info {
    display: flex;
    font-size: 14px;
    color: #D3D3D3;
    cursor: pointer;
}

.mine_left .Top .Info .info>div:nth-of-type(1) {
    margin-right: 10px;
}

.mine_left .Top .Info .info span {
    color: #8B8B8B;
}

.mine_left .Bottom {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.mine_left .Bottom .sider {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 0 0 0;
    cursor: pointer;
    height: 565px;
}

.mine_left .Bottom .sider .siderItem {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-size: 16px;
}

.mine_left .Bottom .sider .siderItemAction {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-size: 16px;
    position: relative;
}

.mine_left .Bottom .sider .siderItemAction::before {
    content: "";
    position: absolute;
    left: 0;
    top: -15%;
    width: 2px;
    height: 70%;
    border-left: 3px solid #157CCC;

}

.mine_left .Bottom .sider .siderItemAction i {
    margin-right: 15px;
    font-size: 16px;
}

.mine_left .Bottom .sider .siderItem i {
    margin-right: 15px;
    font-size: 16px;
}

.mine_left .Bottom .sider .siderItem .name {
    width: 80px;
}

.mine_left .Bottom .sider .siderItemAction .name {
    width: 80px;
    color: #157CCC;
}

/* 右边 */
.mine_right {
    width: 81%;
    background-color: #fff;
    border-radius: 10px;
}

.mine_right .Gold .Main {
    height: 780px;
    padding: 70px 20px;
    box-sizing: border-box;
}

.mine_right .Gold .top {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.mine_right .Gold .top .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8%;
}

.mine_right .Gold .top .left>div:nth-of-type(2) {
    font-size: 30px;
    color: #157CCC;
    font-weight: 700;
    margin-top: 10px;
}

.mine_right .Gold .top .center {
    color: #989898;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15%;
}

.mine_right .Gold .top .center>div:nth-of-type(1) {
    margin-bottom: 10px;
}

.mine_right .Gold .top .right {
    display: flex;
    cursor: pointer;
}

.mine_right .Gold .top .right .one {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-right: 10px;
}

.mine_right .Gold .top .right .oneact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    border: 1px solid #0081EC;
    border-radius: 4px;
    margin-right: 10px;
    color: #fff;
    background-color: #0081EC;
}

.mine_right .Gold .bottom .navs {
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 10px;
    font-weight: 600;
    color: #373737;

}

.mine_right .Gold .bottom .Item {
    margin-top: 30px;
    height: 500px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .Gold .bottom .Item .item {
    display: flex;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 30px;

}

.mine_right .Gold .bottom .Item {
    overflow: auto;
    /* 使内容可以滚动 */
    scrollbar-width: none;
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.Item::-webkit-scrollbar {
    display: none;
}

.mine_right .Gold .bottom .Item .item>div:nth-of-type(1) {
    margin-right: 100px;
    color: #373737;
}

.mine_right .Gold .bottom .Item .item>div:nth-of-type(2) {
    margin-right: 70px;

}

.mine_right .Gold .bottom .Item .item>div:nth-of-type(3) {
    margin-right: 70px;
    color: #373737;


}

/* 我的金币--提现 */
.mine_right .carry {
    /* height: 780px; */
    padding: 30px 20px 10px 20px;
    box-sizing: border-box;
}

.mine_right .carry .carry_top .one {
    font-weight: 600;
    margin-bottom: 20px;
}

.mine_right .carry .carry_top .two {
    width: 400px;
}

.mine_right .carry .carry_top .two .el-radio {
    margin-bottom: 10px;
}

.mine_right .carry .carry_top .two .el-input__inner {}

.mine_right .carry .carry_top .two .boer {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #8B8B8B;
    cursor: pointer;
}

.mine_right .carry .carry_top .two .boer>div:nth-of-type(2) {
    color: #157CCC;
}

.mine_right .carry .carry_top .two .first {
    font-size: 14px;
    color: #B8B8B8;
    margin-top: 10px;
    margin-bottom: 20px;
}



.mine_right .carry .carry_top .four {
    width: 160px;
    height: 35px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 30px 0;
}

.mine_right .carry .carry_top .four:hover {
    background-color: #0081EC;
    color: #fff;
}

.mine_right .carry .bottom .navs {
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 10px;
    font-weight: 600;
    color: #373737;

}

.mine_right .carry .bottom .Item {
    margin-top: 30px;
    height: 324px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .carry .bottom .Item .item {
    display: flex;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 30px;

}

.mine_right .carry .bottom .Item {
    /* overflow: auto; */
    /* 使内容可以滚动 */
    /* scrollbar-width: none; */
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.Item::-webkit-scrollbar {
    /* display: none; */
}

.mine_right .carry .bottom .Item .item>div:nth-of-type(1) {
    margin-right: 100px;
    color: #373737;
}

.mine_right .carry .bottom .Item .item>div:nth-of-type(2) {
    margin-right: 70px;

}

.mine_right .carry .bottom .Item .item>div:nth-of-type(3) {
    margin-right: 70px;
    color: #373737;


}



/* 我的金币---充值 */
.mine_right .Gold .Recharge {
    /* height: 780px; */
    padding: 40px 20px;
    box-sizing: border-box;
}

.mine_right .Gold .Recharge .re_top .one {
    font-weight: 600;
    margin-bottom: 20px;
}

.mine_right .Gold .Recharge .re_top .two {
    width: 400px;
}

.mine_right .Gold .Recharge .re_top .two .first {
    font-size: 14px;
    color: #B8B8B8;
    margin-top: 10px;
    margin-bottom: 20px;
}

.mine_right .Gold .Recharge .re_top .three {
    display: flex;
    cursor: pointer;
}

.mine_right .Gold .Recharge .re_top .threes {
    display: flex;
    cursor: pointer;

}

.mine_right .Gold .Recharge .re_top .threes>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 15px;

}

.mine_right .Gold .Recharge .re_top .three>div {
    width: 100px;
    height: 60px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    margin-right: 15px;
}

.mine_right .Gold .Recharge .re_top .threes .one {
    width: 90px;
    height: 35px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    margin-bottom: 5px !important;
}

.mine_right .Gold .Recharge .re_top .threes .twoss {
    font-size: 12px;
    color: #4596D5;
}

.mine_right .Gold .Recharge .re_top .threes .three_act {
    background-color: #409EFF;
    color: #fff;
    margin-bottom: 5px !important;
}

.mine_right .Gold .Recharge .re_top .four {
    width: 160px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    background-color: #0081EC;
    cursor: pointer;
    margin: 30px 0;
    color: #fff;
}

.mine_right .Gold .Recharge .re_top .fourVip {
    width: 160px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #5f471b; */
    background-color: #e0c28c;
    cursor: pointer;
    margin: 30px 0;
    color: #5f471b;
}

.mine_right .Recharge .bottom .navs {
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 10px;
    font-weight: 600;
    color: #373737;

}

.mine_right .Recharge .bottom .Item {
    margin-top: 30px;
    height: 352px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .Recharge .bottom .Itemday {
    margin-top: 30px;
    /* height: 400px; */
    /* overflow-y: scroll; */
    /* 启用y轴滚动条 */
}

.mine_right .Recharge .bottom .Item .item {
    display: flex;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 30px;

}

.mine_right .Recharge .bottom .Item {
    overflow: auto;
    /* 使内容可以滚动 */
    scrollbar-width: none;
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.Item::-webkit-scrollbar {
    display: none;
}

.mine_right .Recharge .bottom .Item .item>div:nth-of-type(1) {
    margin-right: 100px;
    color: #373737;
}

.mine_right .Recharge .bottom .Item .item>div:nth-of-type(2) {
    margin-right: 70px;

}

.mine_right .Recharge .bottom .Item .item>div:nth-of-type(3) {
    margin-right: 70px;
    color: #373737;


}

.mine_right .Recharge .pay {
    display: flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
}

.mine_right .Recharge .pay .onece {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-right: 20px;
}

.mine_right .Recharge .pay .oneceAction {
    background-color: #0081EC;
    color: #fff;
}

.mine_right .Recharge .pay .onece>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mine_right .Recharge .pay .viponece {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-right: 20px;
}

.mine_right .Recharge .pay .viponeceAction {
    background-color: #faf7ee;
    color: #c1ab92;
    border: 1px solid #b3ae78;
}

.mine_right .Recharge .pay .viponece>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mine_right .Recharge .pay .twoce>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.PAY {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payDlog {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.payDlog>img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.mine_right .Recharge .pay .twoce {
    display: flex;
    align-items: center;
    padding: 5px 10px;

    border: 1px solid #ccc;
    border-radius: 4px;
}

/* 我的粉丝 */
.mine_right .Gold .Fans {
    /* height: 780px; */
    padding: 30px 20px;
    box-sizing: border-box;
}

.mine_right .Fans .bottom .navs {
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 10px;
    font-weight: 600;
    color: #373737;

}

.mine_right .Fans .bottom .Item {
    margin-top: 30px;
    height: 658px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .Fans .bottom .Item .item {
    display: flex;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 30px;
    align-items: center;

}

.mine_right .Fans .bottom .Item {
    overflow: auto;
    /* 使内容可以滚动 */
    scrollbar-width: none;
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.Item::-webkit-scrollbar {
    display: none;
}

.mine_right .Fans .bottom .Item .item .first {
    color: #373737;
    display: flex;
    align-items: center;
    width: 200px;
}

.mine_right .Fans .bottom .Item .item .first img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #157CCC;
    margin-right: 10px;
}

.mine_right .Fans .bottom .Item .item .first>div:nth-of-type(1) {
    font-weight: 600;
    margin-right: 10px;
}

.mine_right .Fans .bottom .Item .item .first>div:nth-of-type(2) {
    margin-right: 10px;
    font-size: 12px;
    background-color: #EBF0F9;
    color: #6A87AE;
    padding: 2px 4px;
    border-radius: 4px;

}

.mine_right .Fans .bottom .Item .item .first>div:nth-of-type(3) {
    font-size: 12px;
    background-color: #FDEFE9;
    color: #D18083;
    padding: 2px 4px;
    border-radius: 4px;


}

.mine_right .Fans .bottom .Item .item .scond {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 200px;
    cursor: pointer;
    color: #333;
}

.mine_right .Fans .bottom .Item .item .scondh {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 200px;
    cursor: pointer;
    color: #fff;
    background-color: #409EFF;

}

/**
 * 我的 -----我的订单
 */
.mine_right .order {
    padding: 20px;
    height: 1020px;
}

.mine_right .order .top {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 2px solid #F3F3F3;
    cursor: pointer;
}

.mine_right .order .top .topnav {
    margin-right: 50px;
}

.mine_right .order .top .topnavact {
    margin-right: 50px;
    color: #0081EC;
    position: relative;
}

.mine_right .order .top .topnavact::before {
    content: "";
    position: absolute;
    bottom: -12px;
    width: 30px;
    left: calc(50% - 15px);
    border-bottom: 2px solid #0081EC;
}

.mine_right .order>.bottom {
    padding-top: 30px;
    height: 600px;
}

.mine_right .order .bottom .Itm {
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.mine_right .order .bottom .Itm .tops {
    background-color: #F7F7F7;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.mine_right .order .bottom .Itm .tops .right {
    color: #AAAAAA;
}

.mine_right .order .bottom .Itm .btm {
    padding: 20px;
    display: flex;
    justify-content: space-between;
}



.mine_right .order .bottom .Itm .btm .left .tops {
    background-color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0;
}

.mine_right .order .bottom .Itm .btm .left .tops .right {
    font-size: 16px;
    font-weight: 600;
    color: #333;

}

.mine_right .order .bottom .Itm .btm .left .tops .right .down {
    font-size: 12px;
    display: flex;
    font-weight: 400;
    margin-top: 10px;
}

.mine_right .order .bottom .Itm .btm .left .tops .right .down>div:nth-of-type(1) {
    margin-right: 10px;
    font-size: 12px;
    background-color: #EBF0F9;
    color: #6A87AE;
    padding: 2px 4px;
    border-radius: 4px;

}

.mine_right .order .bottom .Itm .btm .left .tops .right .down>div:nth-of-type(2) {
    font-size: 12px;
    background-color: #FDEFE9;
    color: #D18083;
    padding: 2px 4px;
    border-radius: 4px;


}

.mine_right .order .bottom .Itm .btm .left img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: yellowgreen;
    margin: 0;
    margin-right: 10px;
}

.mine_right .order .bottom .Itm .btm .left .center {
    display: flex;
    align-items: center;
    margin: 15px 0;
    font-size: 14px;
}

.mine_right .order .bottom .Itm .btm .left .center>div:nth-of-type(1) {
    display: flex;
    background-color: #FFEFDA;
    color: #E8A679;
    padding: 2px 5px;
    margin-right: 10px;
    border-radius: 4px;

}

.mine_right .order .bottom .Itm .btm .left .center>div:nth-of-type(2) {
    display: flex;
    background-color: #FFEFDA;
    color: #E8A679;
    padding: 2px 5px;
    margin-right: 10px;
    border-radius: 4px;


}

.mine_right .order .bottom .Itm .btm .left .bottom {
    display: flex;
    color: #B7B7B7;
    padding: 0;
    margin: 0;
    font-size: 14px;
    align-items: center;
}

.mine_right .order .bottom .Itm .btm .left .bottom>div:nth-of-type(1) {
    background-color: #f6f6f6;
    padding: 2px 5px;
    border-radius: 4px;
    margin-right: 10px;
}

.mine_right .order .bottom .Itm .btm .left .bottom>div:nth-of-type(2) {
    margin-right: 50px;
}

.mine_right .order .bottom .Itm .btm .left .bottom>div:nth-of-type(3) {
    margin-right: 20px;
    position: relative;
}

.mine_right .order .bottom .Itm .btm .left .bottom>div:nth-of-type(3)::before {
    position: absolute;
    content: "";
    height: 80%;
    right: -10px;
    top: 15%;
    border-right: 1px solid #ccc;
}

.mine_right .order .bottom .Itm .btm .topss {
    display: flex;
    align-items: center;
}

.mine_right .order .bottom .Itm .btm .topss img {
    width: 110px;
    height: 80px;
    margin-right: 30px;
}

.mine_right .order .bottom .Itm .btm .topss>div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px;
    color: #A9A9A9;
    position: relative;
}

.mine_right .order .bottom .Itm .btm .topss>div:nth-of-type(1)::before {
    content: "";
    position: absolute;
    right: -15px;
    top: 12%;
    height: 90%;
    border-right: 1px solid #ccc;
}

.mine_right .order .bottom .Itm .btm .topss>div:nth-of-type(1)>div:nth-of-type(1) {
    color: #EC99A0;
    font-size: 20px;
    font-weight: 600;
}

.mine_right .order .bottom .Itm .btm .topss>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #A9A9A9;
}

.mine_right .order .bottom .Itm .btm .topss>div:nth-of-type(2)>div:nth-of-type(1) {
    color: #EC99A0;
    font-size: 20px;
    font-weight: 600;
}


.mine_right .order .bottom .Itm .btm .right .btn {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
}

.mine_right .order .bottom .Itm .btm .right .btn .itm {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0181E9;
    height: 40px;
    width: 100px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}

.mine_right .order>.bottom {
    height: 970px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .order>.bottom {
    overflow: auto;
    /* 使内容可以滚动 */
    scrollbar-width: none;
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.mine_right .order>.bottom::-webkit-scrollbar {
    display: none;
}

/* 我的资料 */
.mine_right .Infor {
    padding: 30px;
}

.mine_right .Infor .infor_big {
    display: flex;
}

.mine_right .Infor .infor_big>div {
    flex: 1;
}

/* 右侧主内容区 */
.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
    padding: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}

.card-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eaeefb;
}

.action-btn {
    display: block;
    width: 100%;
    max-width: 160px;
    padding: 6px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.withdraw-btn {
    border: 1px solid #409eff;
    color: #409eff;
    background-color: #fff;
    margin-bottom: 12px;
}

.withdraw-btn:hover {
    background-color: #e6f7ff;
}

.Topone {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #0081EC;
}

.Topone a {
    width: 80px;
    margin-right: 10px;
    background-color: #409EFF;
    color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    padding: 5px 10px;

}

.vip-expire {
    margin: 16px 0;
    font-size: 14px;
    color: #606266;
    margin-bottom: 30px;
}

.vip-btn {
    background-color: #ff9f43;
    color: #fff;
    border: none;
    padding: 7px !important;
}

.vip-btn:hover {
    background-color: #ff7d00;
}

/* 资产 & VIP 卡片（右侧双列） */
.asset-vip-wrapper {
    display: flex;
    gap: 24px;
}

.asset-card,
.vip-card {
    flex: 1;
}

.balance-info {
    font-size: 24px;
    font-weight: 600;
    margin: 16px 0;
    color: #409eff;
}

/* 基本信息卡片 */
.info-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 16px;
}

.info-label {
    width: 80px;
    color: #606266;
    font-size: 14px;
}

.info-value {
    flex: 1;
}

.info-value .avatar-upload img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.mine_right .Infor .infor_big .zl_left {
    border: 1px solid #e6e4e4;
    border-right: none;
    padding: 30px;
}

.mine_right .Infor .infor_big .zl_right {
    border: 1px solid #e6e4e4;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mine_right .Infor .infor_big .zl_right .right_t_ti {
    color: #666;
    margin-bottom: 20px;
}

.mine_right .Infor .infor_big .zl_right .ti_btn {
    margin-bottom: 30px;
}

.mine_right .Infor .infor_big .zl_right .ti_btn .ti_btn_1 {
    color: red;
}

.mine_right .Infor .infor_big .zl_right .ti_btn .ti_btn_2 {
    width: 100px;
    padding: 5px 10px;
    /* background-color: #e5bf85; */
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.mine_right .Infor .infor_big .zl_right .ti_btn .ti_btn_2:hover {
    color: #fff;
    background-color: #0081EC;
}

.mine_right .Infor .infor_big .zl_right .right_t {
    margin-bottom: 10px;
}

.mine_right .Infor .infor_big .zl_right .right_b {
    color: #333;
}

.mine_right .Infor .infor_big .zl_right .right_b .r_vip {
    width: 100px;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;

}

.mine_right .Infor .infor_big .zl_right .right_b .r_vip:hover {
    background-color: #e5bf85;
    color: #fff;

}

.mine_right .Infor .bold {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.mine_right .Infor .in_itm {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 40%;
}

.mine_right .Infor .in_itm1 {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    width: 40%;
}

.mine_right .Infor .in_itm .wxzhang {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.mine_right .Infor .in_itm .wxzhang img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
}

.mine_right .Infor .in_itm .bang {
    background-color: #E2F3FF;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 14px;
    color: #0181E9;
    cursor: pointer;
}

.mine_right .Infor .in_itm .itmone {
    width: 100px;
    color: #ABABAB;

}

.mine_right .Infor .in_itm1 .itmone {
    width: 100px;
    color: #ABABAB;
    padding-top: 10px;
}

.mine_right .Infor .in_itm .goin {
    color: #0181E9;
    font-size: 14px;
    cursor: pointer;
}

.avatar-uploader .el-upload {
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
}

.avatar {
    width: 78px;
    height: 78px;
    display: block;
    border-radius: 50%;
}

.mine_right .Infor .btn {
    width: 128px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 40px;
    border: 1px solid #ccc;
}

.mine_right .Infor .btn:hover {
    color: #fff;

    background-color: #0081EC;
}

.mine_right .login {}

.mine_right .login .login_form {
    width: 50%;
    margin-bottom: 30px;
}

.mine_right .login .login_form .code {
    color: #4596D5;
    cursor: pointer;
}

/* 去除星号 */
.mine_right .login .el-form-item__label::before {
    content: none !important;
}

/* 标题左对齐 */
.mine_right .login .el-form-item__label {
    text-align: left;
}

.mine_right .login .nav {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}

.mine_right .login .xtext {
    font-size: 14px;
    color: #898989;
}

.mine_right .login .xtext .text {
    margin-bottom: 10px;
    line-height: 25px;
}

.mine_right .viewpoint {
    padding: 30px 20px;
}

.mine_right .viewpoint .view {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

.mine_right .viewpoint .view .left .top>span {
    font-size: 15px;
}

.mine_right .viewpoint .view .left .center {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.mine_right .viewpoint .view .left .center>div:nth-of-type(1) {
    background-color: #FFF0DA;
    color: #FCA758;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 10px;
}

.mine_right .viewpoint .view .left .center>div:nth-of-type(2) {
    background-color: #FFF0DA;
    color: #FCA758;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 10px;

}

.mine_right .viewpoint .view .left .bottom {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #B2B2B2;
}

.mine_right .viewpoint .view .left .bottom>div:nth-of-type(1) {
    margin-right: 10px;
    background-color: #F6F6F6;
    padding: 2px 6px;
    border-radius: 4px;
}

.mine_right .viewpoint .view .left .bottom>div:nth-of-type(2) {
    margin-right: 30px;
}

.mine_right .viewpoint .view .left .bottom>div:nth-of-type(3) {
    margin-right: 20px;
    position: relative;
}

.mine_right .viewpoint .view .left .bottom>div:nth-of-type(3)::before {
    content: "";
    position: absolute;
    height: 70%;
    border-right: 1px solid #ccc;
    right: -10px;
    top: 20%;

}

.mine_right .viewpoint .view .right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mine_right .viewpoint .view .right>div:nth-of-type(1) {
    color: #FA7475;
    font-weight: 600;
    font-size: 20px;
}

.mine_right .viewpoint .view .right>div:nth-of-type(2) {
    color: #B2B2B2;

}

.mine_right .viewpoint {
    height: 720px;
    overflow-y: scroll;
    /* 启用y轴滚动条 */
}

.mine_right .viewpoint {
    overflow: auto;
    /* 使内容可以滚动 */
    scrollbar-width: none;
    /* 对于Firefox */
}

/* 针对所有浏览器的滚动条隐藏 */
.mine_right .viewpoint::-webkit-scrollbar {
    display: none;
}

/* 我的资料-----帮助信息 */
.mine_right .help {
    padding: 30px 40px;
}

.mine_right .help .active {
    padding: 20px;
    background-color: #F7F7F7;
    border-radius: 10px;

}

.mine_right .about {
    color: #9A9A9A;
    padding: 50px 30px;
    line-height: 30px;
}

.mine_right .about>div {
    margin-bottom: 10px;
}

/* 设置 */
.mine_right .Set {
    padding: 100px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
}

.mine_right .Set>div:nth-of-type(1)>img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #6A87AE;
}

.mine_right .Set>div:nth-of-type(2) {
    font-weight: 600;
    margin: 10px 0;
}

.mine_right .Set>div:nth-of-type(3) {
    margin-bottom: 30px;
}

.mine_right .Set .setupBox {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #F7F7F7;
    margin-bottom: 20px;
}

.mine_right .Set .setup {
    margin-top: 10px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;

}

.mine_right .Set .getout {
    width: 150px;
    padding: 15px 0;
    background-color: #F7F7F7;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

/* 客服 */
.mine_right .Service {
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    color: #858585;
}

.mine_right .Service>div:nth-of-type(2) {
    width: 100px;
    height: 100px;
    background-color: #ebe9e9;
    margin: 20px 0;
}

.mine_right .Service>div:nth-of-type(3) {
    margin-bottom: 10px;
    font-size: 14px;
}

.mine_right .Service>div:nth-of-type(4) {
    font-size: 14px;
}

/* 意见反馈 */
.mine_right .Option {
    padding: 30px;

}

.mine_right .Option .el-upload {
    width: 100px;
    height: 100px;
    line-height: 110px;
}

.mine_right .Option .two {
    width: 400px;
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.mine_right .Option .two>div:nth-of-type(1) {
    margin-bottom: 50px;
}

.mine_right .Option .picture {
    display: flex;
    flex-wrap: wrap;
}

.mine_right .Option .two img {
    width: 100px;
    height: 100px;
}

.mine_right .Option .sum {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #0181E9;
    border-radius: 10px;
    color: #fff;
    margin-top: 30px;
    cursor: pointer;
}

/* 专家入驻 */
.mine_right .expert {
    padding: 50px 30px;
}

/* .mine_right .expert .el-form-item__label:before {
    content: none !important;
} */

.Imgs {
    display: flex;
    flex-wrap: wrap;

}

.mine_right .expert .imgs {
    width: 148px !important;
    height: 148px !important;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.mine_right .expert i {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 20px;
    color: #ccc;
}

.mine_right .expert .imgs>img {

    border-radius: 6px;
}

.mine_right .expert .name {
    font-weight: 600;
    font-size: 14px;
    margin: 20px 0;
}

.vipbig {
    display: flex;
}

.vipbig .vipday {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.vipbig .vipday_act {
    border: 1px solid #b3ae78;
    background-color: #faf7ee;
}

.vipbig .vipday .first {
    /* font-weight: 600; */
    color: #c1ab92;
    margin-bottom: 5px;
    font-size: 14px;

}

.vipbig .vipday .days {
    font-weight: 600;
    /* color: #8c939d; */
    margin-bottom: 5px;
    font-size: 16px;
}

.vipbig .vipday .twoss {
    font-size: 12px;
    color: #c1ab92;
}

.quan {
    width: 60%;
    display: flex;
    align-items: center;
    border: 1px solid #c1ab92;
    padding: 30px 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.quan .left {
    background-color: #353535;
    border-radius: 50%;
    color: #f6dcc3;
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;

}

.quan .center {
    flex: 1;
}

.quan .center .top {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
}

.quan .center .bom {
    font-size: 14px;
    color: #989898;
}

.quan .right {
    background-color: #dfc594;
    color: #563b0e;
    padding: 10px 20px;
    border-radius: 20px;
    margin-left: 80px;
    font-size: 14px;
}

/* 我的模型 */
.moxing {
    padding: 30px 150px 30px 30px;
}


.moxing .mox_itm {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

.moxing .mox_itmbig {
    padding: 0;
    border: none;
    position: relative;
}

.moxing .mox_itmbig .itm_right {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: red;
}

.moxing .mox_itmbig .zhey {
    width: 100%;
    height: 100%;
    border-radius: 12px;

}


.moxing .mox_itm .itm_left {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 16px;
    font-size: 14px;
}

.moxing .mox_itm .itm_left>img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.moxing .mox_itm .itm_left .l_top {
    margin-bottom: 10px;
    font-weight: 600;
}

.moxing .mox_itm .itm_left .l_bom {
    color: #bbb8c8;
}

.moxing .mox_itm .itm_left .time {
    margin-top: 10px;
    color: #bbb8c8;

}

.moxing .mox_itm .itm_right {
    width: 100px;
    height: 30px;
    display: flex;
    border-radius: 8px;
    justify-content: center;
    font-size: 14px;
    align-items: center;
    border: 1px solid #dcdfe6;
    cursor: pointer;
    margin-left: 30px;

}

.moxing .mox_itm .itm_right:hover {
    background-color: #e0c28c;
    color: #fff;
}

.payBox .el-dialog__body {
    background-color: #f5f5f5;
}

.paybody .once {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 10px;
}

.paybody .onces {
    padding: 10px;
}

.once_top {
    flex: 1;
}

.paybody .once .once_top .juan {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;

}

.paybody .once .once_top .juan .juan_top {
    border: 1px solid #f3eeeb;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
}

.paybody .once .once_top .danxu {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding-left: 50px;

}

.paybody .once .once_top .danxu .danxun_itm {
    width: 18%;
    border: 1px solid #f3eeeb;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.paybody .once .once_top .danxu .danxun_itm .el-checkbox__input {
    position: absolute !important;
    right: 20%;
    top: 5%;
}

.paybody .once .once_top .danxu .danxun_act {
    border: 1px solid #f1b7a6;
    background-color: #fcf6f6;
}

.dan_itm {
    position: absolute;

}

.typename {
    margin: 5px 0;
    font-weight: 600;
    color: #a73c2e;
}

.paybody .once .once_top .danxu .danxun_itm .itm_itm {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 40px;

}

.paybody .once .once_top .danxu .danxun_itm .price {
    color: #b2acae;
    font-size: 12px;
    background-color: #fff3f5;
    padding: 2px 3px;
    border-radius: 4px;
}

.paybody .once .right .right_top {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
}

.paybody .once .right .right_bom {
    font-size: 14px;
    color: #999999;
}



.paybody .mian {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.paybody .mian .mian_itm {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #f3eeeb;
    border-radius: 10px;
    width: 120px;
    padding-bottom: 40px;
    margin-right: 10px;

}

.paybody .mian .mian_itm .one {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fdf4f5;
    color: #333;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
}

.paybody .mian .mian_itm .two {
    color: #a73c2e;
    font-weight: 600;
    margin: 20px 0;
    font-size: 18px;

}

.paybody .mian .mian_itm .scond {
    font-size: 12px;
    background-color: #fff3f5;
    color: #b2acae;
    padding: 2px 5px;
    border-radius: 4px;
}

.paybody .mian .mian_itm_act {
    border: 1px solid #f1b7a6;
    background-color: #fcf6f6;
}

.paybody .mian .mian_itm_act .one {
    background-color: #f6dad6;
}

.paybody .descrip {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.paybody .descrip .title {
    display: flex;
    justify-content: center;
    /* margin-bottom: 30px; */
    font-size: 16px;
    font-weight: 600;
}

.paybody .descrip .content {
    font-size: 14px;
    color: #6c6c6c;
}

.paybody .wxpay {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
}

.paybody .wxpay .viponece {
    width: 100px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-right: 20px;
    margin-top: 20px;
}

.paybody .wxpay .viponece>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.paybody .wxpay .viponeceAction {
    background-color: #faf7ee;
    color: #c1ab92;
    border: 1px solid #b3ae78;
}

.PAY {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payDlog {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.paybody .once .img>img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}


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

.foter .onde {
    display: flex;
    align-items: center;
}

.foter .onde .one {
    color: #DD4736;
    font-size: 14px;
}

.foter .onde s {
    font-size: 12px;
    color: #b6b3b3;
    margin-left: 10px;
}



.rangqiu th {
    font-weight: 400;
    font-size: 12px;
    padding: 15px 0;
    color: #969399;
    border: 1px solid #ebeef5;
}

.rangqiu td {
    font-size: 14px;
    padding: 15px 0;
    background-color: #f5f7fa;
    color: #909399;
    border: 1px solid #ebeef5;
    font-weight: 600;

}

.rangqiu tr:hover {
    background-color: #f5f7fa;
}

.rangqiu table,
th,
td {
    border-collapse: collapse;
    /* 合并边框 */
}