/**
 * CeoNova-Pro主题是一款极致美观强大的WordPress付费产品官网主题。
 * 正版唯一购买地址：https://www.ceotheme.com/
 * CeoNova-Pro主题官方演示站点：http://ceonova-pro.ceotheme.com/
 * 作者总裁QQ：110300260 （总裁）
 * CeoNova-Pro主题是一款轻量级、且简洁大气、产品官网类主题，定位于高端产品官网、同时包含了知识付费、定制服务、问答社区、论坛交流、网址导航、以及付费产品下载等全方位覆盖。
 * CeoTheme总裁主题制作的CeoNova-Pro主题正版用户可享受该主题不限制域名，不限制数量，无限授权，仅限本人享有此特权，外泄主题包将取消授权资格！
 * 开发不易，感谢支持，在线客户服务+技术支持为您服务。
 */
/***********************支付框-通用***********************/
.ceo-payment {
}

.ceo-payment .ceo-modal-dialog {
    width: 300px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-payment .moduletitle {
    margin-bottom: 50px;
}

.ceo-payment .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 14px;
    color: #434343;
    display: flex;
    align-items: center;
}

.ceo-payment .moduletitle span i {
    font-size: 26px !important;
    line-height: 1;
    margin-right: 5px;
}

.ceo-payment .moduletitle button {
    top: 20px;
    right: 20px;
}

.ceo-payment .qrcode {
    margin: 0 auto;
    width: 188px;
    height: 188px;
    padding: 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%);
    -moz-box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
    box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%);
    background-image: url(../image/ceo-member-loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 188px;
}

.ceo-payment .qrcode img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.ceo-payment .money {
    text-align: center;
    margin-top: 15px;
}

.ceo-payment .money span {
    font-size: 16px;
}

.ceo-payment .money span em {
    font-size: 12px;
    color: #434343;
    margin-right: 3px;
}

.ceo-payment .desc {
    text-align: center;
    margin-top: 20px;
}

.ceo-payment .desc p {
    text-align: center;
    display: inline-block;
    background: #f8f8f8;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
}

/*微信支付*/
.ceo-wechat-payment {
}

.ceo-wechat-payment .moduletitle span i {
    color: #21bd0a;
}

/*支付宝支付*/
.ceo-alipay-payment {
}

.ceo-alipay-payment .moduletitle span i {
    color: #1378fe;
}

/***********************购买框-通用***********************/
.ceo-purchase {
}

.ceo-purchase .ceo-modal-dialog {
    width: 388px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-purchase .moduletitle {
    margin-bottom: 50px;
}

.ceo-purchase .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-purchase .moduletitle span i {
    font-size: 26px !important;
    line-height: 1;
    margin-right: 5px;
}

.ceo-purchase .moduletitle button {
    top: 20px;
    right: 20px;
}

.ceo-purchase .info {
    margin-bottom: 20px;
}

.ceo-purchase .info .title {
    display: block;
    color: #434343;
    font-size: 16px;
    margin-bottom: 8px;
}

.ceo-purchase .info .number {
    display: flex;
    align-items: center;
}

.ceo-purchase .info .number p {
    font-size: 12px;
    margin-right: 10px;
    color: #666;
}

.ceo-purchase .info .number p em {
    color: var(--primary-color);
    font-weight: 600;
}

.ceo-purchase .info .number span {
    flex: 1;
    font-size: 12px;
    color: #666;
}

.ceo-purchase .info .number .input {
}

.ceo-purchase .info .number .input .value {
    border: none;
    outline: none;
    width: 30px;
    text-align: center;
}

.ceo-purchase .info .number .input .decrease, .ceo-purchase .info .number .input .increase {
    outline: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.ceo-purchase .info .number .input .decrease {
}

.ceo-purchase .info .number .input .increase {
}

.ceo-purchase .info .number .input input::-webkit-outer-spin-button, .ceo-purchase .info .number .input input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.ceo-purchase .info .number .input input[type="number"] {
    -moz-appearance: textfield;
}

.ceo-purchase .package {
    margin-bottom: 20px;
}

.ceo-purchase .package .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-purchase .package ul {
}

.ceo-purchase .package ul li {
}

.ceo-purchase .package ul li button {
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgb(0 0 0 / 6%);
    color: #434343;
    padding: 10px;
    border-radius: 4px;
    line-height: 1;
    width: 100%;
    text-transform: inherit;
}

.ceo-purchase .package ul li button.select {
    border: 1px solid var(--primary-color);
    background: rgba(0, 102, 255, .08);
}

.ceo-purchase .package ul li button.select span {
    color: var(--primary-color);
}

.ceo-purchase .package ul li button span {
    display: block;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ceo-purchase .way {
}

.ceo-purchase .way .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-purchase .way ul {
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}

.ceo-purchase .way ul li {
    width: 100%;
    display: flex;
    margin-right: 10px;
}

.ceo-purchase .way ul li:last-child {
    margin-right: 0px;
}

.ceo-purchase .way ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 1;
    font-size: 12px;
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgb(0 0 0 / 6%);
    color: #434343;
    width: 100%;
    padding: 0;
    border-radius: 4px;
}

.ceo-purchase .way ul li button.select {
    border: 1px solid var(--primary-color);
}

.ceo-purchase .way ul li button i {
    font-size: 20px !important;
    margin-right: 5px;
}

.ceo-purchase .way ul li button i.ceoicon-alipay-fill {
    color: #226bf3;
}

.ceo-purchase .way ul li button i.ceoicon-wechat-pay-fill {
    color: #22ac38;
}

.ceo-purchase .way ul li button i.ceoicon-wallet-3-fill {
    color: var(--primary-color);
}

.ceo-purchase .way ul li button span {
}

.ceo-purchase .coupon {
    margin-top: 20px;
    margin-bottom: 15px;
}

.ceo-purchase .coupon i {
    font-size: 20px !important;
    transform: translateY(0px);
    color: var(--primary-color);
}

.ceo-purchase .coupon input {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
}

.ceo-purchase .coupon button {
    width: 100%;
    line-height: 40px;
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    border-radius: 0px 4px 4px 0px;
    font-size: 12px;
    transition: all .3s;
    padding: 0 10px;
}

.ceo-purchase .coupon button:hover {
    background: var(--primary-color);
    color: #fff;
}

.ceo-purchase .money {
    position: relative;
    margin-top: 10px;
}

.ceo-purchase .money .price {
    color: #333;
    font-size: 14px;
    display: inline-block;
}

.ceo-purchase .money .price b {
    color: #FF7D18;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
}

.ceo-purchase .money .detail {
    display: inline-block;
    margin-left: 3px;
}

.ceo-purchase .money .detail .righttitle {
    color: #ff7d18;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    transform: translateY(-1px);
}

.ceo-purchase .money .detail:hover .box {
    display: block;
}

.ceo-purchase .money .detail .box {
    position: absolute;
    bottom: 31px;
    right: 0;
    left: 0;
    z-index: 201;
    display: none;
}

.ceo-purchase .money .detail .box ul {
    padding: 20px 20px 10px 20px;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
}

.ceo-purchase .money .detail .box ul .titles {
    margin-bottom: 10px;
}

.ceo-purchase .money .detail .box ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

.ceo-purchase .money .detail .box ul li:last-child {
    margin-bottom: 0px;
}

.ceo-purchase .money .detail .box ul li span {
}

.ceo-purchase .money .detail .box ul li em {
    color: #FF7D18;
}

.ceo-purchase .money .discount {
    float: right;
    display: inline-block;
}

.ceo-purchase .money .discount a {
    border-radius: 50px;
    color: #ff7d18;
    background: #fff0e1;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    display: inline-block;
}

.ceo-purchase .money .discount:hover .box {
    display: block;
}

.ceo-purchase .money .discount .box {
    position: absolute;
    bottom: 31px;
    right: 0;
    left: 0;
    z-index: 201;
    display: none;
}

.ceo-purchase .money .discount .box .title {
    margin-bottom: 10px;
}

.ceo-purchase .money .discount .box ul {
    padding: 20px;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
    text-align: left;
}

.ceo-purchase .money .discount .box ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    border-bottom: 0px dashed #f4f4f4;
    list-style: none;
    padding-left: 0;
}

.ceo-purchase .money .discount .box ul li:after {
    display: none;
}

.ceo-purchase .money .discount .box ul li:last-child {
    margin-bottom: 0px;
}

.ceo-purchase .money .discount .box ul li.vip {
    color: #FF7D18;
}

.ceo-purchase .money .discount .box ul li.vip span:after {
    content: '';
    position: absolute;
    right: -11px;
    top: 3px;
    height: 5px;
    width: 5px;
    background: #FF7D18;
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 50px;
    display: block;
}

.ceo-purchase .money .discount .box ul li span {
    position: relative;
}

.ceo-purchase .money .discount .box ul li p {
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 12px;
}

.ceo-purchase .money .discount .box ul li p em {
    color: #FF7D18;
    margin-right: 5px;
}

.ceo-purchase .button {
    color: #fff;
    background-color: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-purchase .button:hover {
    opacity: .8;
}

.ceo-purchase .vipbutton {
    background: #f5cc87;
    color: #473a09;
}

/***********************卡密购买框***********************/
.ceo-purchase-card {
}

.ceo-purchase-card .mailbox {
    margin-bottom: 20px;
}

.ceo-purchase-card .mailbox input {
    border-radius: 4px;
}

.ceo-purchase-card .mailbox span {
    display: block;
    margin-top: 10px;
    background: #f8f8f8;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #999;
}

.ceo-purchase-card .mailbox span i {
    line-height: 1;
    margin-right: 5px;
    font-size: 15px !important;
    color: #ff9a5f;
}

.ceo-purchase-card .desc {
    margin-top: 10px;
}

.ceo-purchase-card .desc span {
    text-align: center;
    display: inline-block;
    background: #f8f8f8;
    color: #999;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 2;
}

.ceo-purchase-card .desc span a {
    color: var(--primary-color);
    margin-left: 10px;
    display: inline-block;
}

.ceo-purchase-card .desc span a i {
    margin-left: 3px;
    font-size: 16px !important;
    line-height: 1;
}

.ceo-purchase-card .desc span a i:before {
    content: "\edc6";
}

.ceo-purchase-card .desc span a:hover i:before {
    content: "\edc5";
}

/***********************实物购买框***********************/
.ceo-purchase-entity {
}

.ceo-purchase-entity .address {
    margin-bottom: 20px;
}

.ceo-purchase-entity .address .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-purchase-entity .address .btns {
    display: flex;
    justify-content: space-between;
    background: #f5f5f5;
    color: #999;
    border-radius: 4px;
    padding: 8px 10px;
}

.ceo-purchase-entity .address .btns span {
    width: 100px;
}

.ceo-purchase-entity .address .btns p {
}

.ceo-purchase-entity .address .btns em {
    color: #666;
}

.ceo-purchase-entity .message {
    margin-bottom: 20px;
}

.ceo-purchase-entity .message .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-purchase-entity .message input {
    border-radius: 4px;
}

/***********************游客购买框***********************/
.ceo-purchase-tourist {
}

.ceo-purchase-tourist .desc {
    margin-top: 10px;
}

.ceo-purchase-tourist .desc span {
    text-align: center;
    display: inline-block;
    background: #f8f8f8;
    color: #999;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 2;
}

.ceo-purchase-tourist .desc span a {
    color: var(--primary-color);
    margin-left: 10px;
    display: inline-block;
}

.ceo-purchase-tourist .desc span a i {
    margin-left: 3px;
    font-size: 16px !important;
    line-height: 1;
}

.ceo-purchase-tourist .desc span a i:before {
    content: "\edc6";
}

.ceo-purchase-tourist .desc span a:hover i:before {
    content: "\edc5";
}

/***********************下载框***********************/
.ceo-download {
}

.ceo-download .ceo-modal-dialog {
    width: 388px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-download .moduletitle {
    margin-bottom: 50px;
}

.ceo-download .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-download .moduletitle span i {
    font-size: 26px !important;
    line-height: 1;
    margin-right: 5px;
}

.ceo-download .moduletitle button {
    top: 20px;
    right: 20px;
}

.ceo-download ul {
    list-style: none;
    overflow-y: auto;
    height: 231px;
}

.ceo-download ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #ededed;
}

.ceo-download ul::-webkit-scrollbar-track {
    background-color: #fff;
}

.ceo-download ul::-webkit-scrollbar-thumb {
    background-color: #ededed;
    border-radius: 10px
}

.ceo-download ul li {
    margin-bottom: 20px;
    text-align: center;
}

.ceo-download ul li p {
    margin-bottom: 10px;
}

.ceo-download ul li a {
    display: inline-block;
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 50px;
    line-height: 46px;
    width: 80%;
}

.ceo-download ul li a:active {
    transform: scale(0.95);
    box-shadow: 0 1px 4px -1px var(--shadow);
}

.ceo-download ul li a:hover {
    opacity: .8;
}

.ceo-download ul li span {
    display: block;
    margin-top: 13px;
    color: #888;
}

.ceo-download ul li span em {
    display: inline-block;
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    border: 1px dashed var(--primary-color);
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 10px;
    margin-left: 5px;
    cursor: pointer;
    word-break: break-all;
}

.ceo-download .desc {
    margin-top: 20px;
}

.ceo-download .desc p {
    text-align: center;
    display: block;
    background: #f8f8f8;
    color: #999;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
}

.ceo-download .desc p em {
    color: var(--primary-color);
    display: inline-block;
    font-weight: 600;
    margin-left: 3px;
}

/***********************隐藏内容-通用***********************/
.ceo-hide {
    border-radius: 4px;
    background-color: rgb(240 253 248);
    border: 1px dashed #9eebcd;
    margin: 20px 0;
    padding: 30px 20px;
    text-align: center;
    position: relative;
}

.ceo-hide .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
}

.ceo-hide .tag i {
    line-height: 1;
    background: rgb(146 233 199);
    color: var(--primary-color);
    border-radius: 50px;
    padding: 3px;
    margin-right: 5px;
}

.ceo-hide .icon {
    margin-bottom: 15px;
}

.ceo-hide .icon i {
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    border-radius: 100px;
    line-height: 1;
    padding: 20px;
    font-size: 50px !important;
}

.ceo-hide .desc {
    margin-bottom: 20px;
}

.ceo-hide .desc .info {
    color: #5e6e81;
    font-size: 16px;
    display: block;
}

.ceo-hide .desc .info em {
    color: #FF7D18;
    margin: 0 5px;
    font-weight: 600;
}

.ceo-hide .desc .discount {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    transition: all .3s;
}

.ceo-hide .desc .discount a {
    color: #FF7D18;
    border: 1px solid #FF7D18;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 12px;
}

.ceo-hide .desc .discount:hover .box {
    display: block;
}

.ceo-hide .desc .discount .box {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 201;
    display: none;
    transition: all .3s;
}

.ceo-hide .desc .discount .box .title {
    margin-bottom: 10px;
}

.ceo-hide .desc .discount .box ul {
    padding: 20px;
    height: 100%;
    width: 205px;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
    text-align: left;
}

.ceo-hide .desc .discount .box ul:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: -16px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.ceo-hide .desc .discount .box ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    border-bottom: 0px dashed #f4f4f4;
    list-style: none;
    padding-left: 0;
}

.ceo-hide .desc .discount .box ul li:after {
    display: none;
}

.ceo-hide .desc .discount .box ul li:last-child {
    margin-bottom: 0px;
}

.ceo-hide .desc .discount .box ul li.vip {
    color: #FF7D18;
}

.ceo-hide .desc .discount .box ul li.vip span:after {
    content: '';
    position: absolute;
    right: -11px;
    top: 3px;
    height: 5px;
    width: 5px;
    background: #FF7D18;
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 50px;
    display: block;
}

.ceo-hide .desc .discount .box ul li span {
    position: relative;
}

.ceo-hide .desc .discount .box ul li p {
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 12px;
}

.ceo-hide .desc .discount .box ul li p em {
    color: var(--primary-color);
    margin-right: 5px;
}

.ceo-hide .btns {
    display: flex;
    justify-content: center;
}

.ceo-hide .btns button, .ceo-hide .btns a {
    color: #fff;
    background-color: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    line-height: 38px;
    transition: all .3s;
}

.ceo-hide .btns button:nth-child(2) {
    margin-left: 10px;
}

.ceo-hide .btns button:hover, .ceo-hide .btns a:hover {
    opacity: .8;
}

.ceo-hide .btns .vip {
    background: #f5cc87;
    color: #473a09;
}

.ceo-hide .number {
    display: inline-block;
    margin-top: 10px;
    color: #999;
}

.ceo-hide .number i {
    line-height: 1;
    font-size: 16px !important;
    margin-right: 5px;
    color: #ff5200;
}

.ceo-hide .number em {
    color: var(--primary-color);
    margin: 0 3px;
}

/*隐藏内容-付费*/
.ceo-payment-hide {
}

/*隐藏内容-登录*/
.ceo-login-hide {
}

/*隐藏内容-评论*/
.ceo-comment-hide {
}

/***********************隐藏内容-已解锁***********************/
.ceo-hide-content {
    border-radius: 4px;
    background-color: rgb(240 253 248);
    border: 1px dashed #9eebcd;
    margin: 20px 0;
    padding: 20px;
    position: relative;
}

.ceo-hide-content .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
}

.ceo-hide-content .tag i {
    line-height: 1;
    background: rgb(146 233 199);
    color: var(--primary-color);
    border-radius: 50px;
    padding: 3px;
    margin-right: 5px;
}

.ceo-hide-content .content {
    margin-top: 40px;
}

.ceo-hide-content .content p {
    font-size: 15px;
}

/***********************隐藏内容-相册***********************/
.ceo-album {
    margin: 20px 0;
    text-align: center;
}

.ceo-album .desc {
    border-radius: 4px;
    background-color: rgb(240 253 248);
    border: 1px dashed #9eebcd;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ceo-album .desc .info {
    color: #5e6e81;
    font-size: 14px;
    display: inline-block;
}

.ceo-album .desc .info i {
    margin-right: 5px;
    line-height: 1;
    font-size: 18px !important;
}

.ceo-album .desc .info b {
    color: var(--primary-color);
    margin: 0 5px;
}

.ceo-album .desc .info em {
    color: #FF7D18;
    margin: 0 5px;
    font-weight: 600;
}

.ceo-album .desc button {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: rgb(255 255 255 / 0%);
    border-radius: 4px;
    line-height: 33px;
    transition: all .3s;
    font-size: 14px;
    padding: 0 20px;
}

.ceo-album .desc button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.ceo-album .desc button.vip {
    background: #f5cc87;
    color: #473a09;
    border: 1px solid #f5cc87;
}

/***********************视频购买***********************/
.ceo-video-pay {
    position: relative;
}

.ceo-video-hide {
    position: absolute;
    z-index: 999;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.ceo-video-hide .icon {
    margin-bottom: 20px;
}

.ceo-video-hide .icon i {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100px;
    line-height: 1;
    padding: 14px;
    font-size: 30px !important;
}

.ceo-video-hide .desc {
    margin-bottom: 20px;
}

.ceo-video-hide .desc .info {
    color: #fff;
    font-size: 16px;
    display: block;
}

.ceo-video-hide .desc .info em {
    color: #FF7D18;
    margin: 0 5px;
    font-weight: 600;
}

.ceo-video-hide .desc .discount {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    transition: all .3s;
}

.ceo-video-hide .desc .discount a {
    color: #FF7D18;
    border: 1px solid #FF7D18;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 12px;
}

.ceo-video-hide .desc .discount:hover .box {
    display: block;
}

.ceo-video-hide .desc .discount .box {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 201;
    display: none;
    transition: all .3s;
}

.ceo-video-hide .desc .discount .box .title {
    margin-bottom: 10px;
}

.ceo-video-hide .desc .discount .box ul {
    padding: 20px;
    height: 100%;
    width: 205px;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
    text-align: left;
}

.ceo-video-hide .desc .discount .box ul:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: -16px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.ceo-video-hide .desc .discount .box ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    border-bottom: 0px dashed #f4f4f4;
    list-style: none;
    padding-left: 0;
}

.ceo-video-hide .desc .discount .box ul li:after {
    display: none;
}

.ceo-video-hide .desc .discount .box ul li:last-child {
    margin-bottom: 0px;
}

.ceo-video-hide .desc .discount .box ul li.vip {
    color: #FF7D18;
}

.ceo-video-hide .desc .discount .box ul li.vip span:after {
    content: '';
    position: absolute;
    right: -11px;
    top: 3px;
    height: 5px;
    width: 5px;
    background: #FF7D18;
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 50px;
    display: block;
}

.ceo-video-hide .desc .discount .box ul li span {
    position: relative;
}

.ceo-video-hide .desc .discount .box ul li p {
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 12px;
}

.ceo-video-hide .desc .discount .box ul li p em {
    color: var(--primary-color);
    margin-right: 5px;
}

.ceo-video-hide .btns {
    display: flex;
    justify-content: center;
}

.ceo-video-hide .btns button, .ceo-video-hide .btns a {
    color: #fff;
    background-color: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    line-height: 38px;
    transition: all .3s;
}

.ceo-video-hide .btns button:nth-child(2) {
    margin-left: 10px;
}

.ceo-video-hide .btns button:hover, .ceo-video-hide .btns a:hover {
    opacity: .8;
}

.ceo-video-hide .btns .vip {
    background: #f5cc87;
    color: #473a09;
}

.ceo-video-hide .number {
    display: inline-block;
    margin-top: 10px;
    color: #888;
}

.ceo-video-hide .number i {
    line-height: 1;
    font-size: 16px !important;
    margin-right: 5px;
    color: #ff5200;
}

.ceo-video-hide .number em {
    color: var(--primary-color);
    margin: 0 3px;
}

.ceo-video-background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.ceo-video-background:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
}

/***********************悬赏采纳***********************/
.ceo-dialog-public {
}

.ceo-dialog-public .ceo-modal-dialog {
    width: 360px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 360px 190px;
    background-repeat: no-repeat;
}

.ceo-dialog-public .moduletitle {
    text-align: center;
    margin-bottom: 30px;
}

.ceo-dialog-public .moduletitle span {
    font-size: 24px;
    font-weight: bold;
    color: #1b2337;
}

.ceo-dialog-public p {
    text-align: center;
    margin-bottom: 30px;
    font-size: 15px;
}

.ceo-dialog-public .btns {
    text-align: center;
}

.ceo-dialog-public .btns .ceo-button-default {
    margin-right: 20px;
    background-color: #ededed;
    color: #999;
    border: 1px solid transparent;
    width: auto;
    height: auto;
    border-radius: 4px;
    width: 100px;
}

.ceo-dialog-public .btns .ceo-button-default:hover {
    opacity: .8;
}

.ceo-dialog-public .btns .ceo-button-primary {
    background: var(--primary-color);
    border-radius: 4px;
    width: 100px;
}

.ceo-dialog-public .btns .ceo-button-primary:hover {
    opacity: .8;
}

/***********************商城中心模块***********************/
.member-module {
    position: relative;
}

.member-module .member-sign {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    border-radius: 50px;
    padding: 3px 15px;
    font-size: 12px;
}

.member-module .member-sign:hover {
    color: #fff;
    background: var(--primary-color);
}

.member-module .member-img {
    display: block;
    margin-bottom: 8px;
    padding-top: 30px;
}

.member-module .member-img .img {
    display: inline-block;
    position: relative;
}

.member-module .member-img .img img {
    padding: 6px;
    background-color: rgba(0, 102, 255, .08);
    border-radius: 100% !important;
}

.member-module .member-img .img i {
    position: absolute;
    right: 12px;
    bottom: 6px;
    width: 16px;
    height: 16px;
    background-image: url(../image/ceo-member-icon.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.member-module .member-text {
    padding: 0 24px 24px 24px;
}

.member-module .member-text .member-name {
    display: block;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: bolder;
}

.member-module .member-text .member-desc-v {
    margin: 20px 0;
    display: inline-block;
    color: #ff6a00;
    font-size: 12px;
    line-height: 1.5;
    background: rgb(255 129 0 / 12%);
    border-radius: 50px;
    padding: 5px 20px;
}

.member-module .member-text .member-desc-n {
    margin: 20px 0;
    display: inline-block;
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    background: rgb(0 0 0 / 5%);
    border-radius: 50px;
    padding: 5px 20px;
}

.member-module .member-text .member-desc-v i, .member-module .member-text .member-desc-n i {
    line-height: 1;
    margin-right: 5px;
    font-size: 16px !important;
}

.member-module .member-text .member-desc-n a {
    color: #ff6a00;
    margin-left: 5px;
}

.member-module .member-text .member-btn1 {
    color: #fff !important;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
    display: block;
}

.member-module .member-text .member-btn1:hover {
    opacity: .8;
    color: #fff;
}

.member-module .member-text .member-btn2 {
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
    display: block;
}

.member-module .member-text .member-btn2:hover {
    opacity: .8;
    color: #fff;
}

/*用户菜单*/
.member-data {
    margin-bottom: 20px;
}

.member-nav {
    text-align: center;
    list-style: none
}

.member-nav li {
}

.member-nav li a {
    font-size: 15px;
    padding: 14px 0;
    display: block;
    border-left: 2px solid transparent;
}

.member-nav li a:hover {
    color: var(--primary-color) !important;
}

.member-nav .active {
}

.member-nav .active a {
    color: var(--primary-color) !important;
    background-image: linear-gradient(270deg, rgb(213 231 255 / 16%), rgb(123 180 255 / 18%) 51%, rgb(213 231 255 / 10%));
    border-color: var(--primary-color);
}

/*商城中心*/
.member-center {
}

.member-center .top {
}

.member-center .top .left {
    height: 100%;
}

.member-center .top .left .above {
    background-image: url(../image/ceo-member-center-above.png);
    position: relative;
    padding: 50px 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.member-center .top .left .above .img {
}

.member-center .top .left .above .img img {
    border-radius: 50px;
    height: 66px;
    width: 66px;
    padding: 5px;
    background: rgb(255 255 255 / 33%);
}

.member-center .top .left .above .name {
    display: inline-block;
    margin-top: 10px;
}

.member-center .top .left .above .name a {
    font-size: 18px;
    display: inline-block;
    color: #250000;
    font-weight: bold;
}

.member-center .top .left .above .name em {
    display: inline-block;
    background: rgb(244 221 186);
    border-radius: 50px;
    padding: 2px 10px 2px 6px;
    font-size: 12px;
    color: #250000;
    transform: translateY(-2px);
    margin-left: 6px;
}

.member-center .top .left .above .name em i {
    background: #e1b97b;
    color: #fff;
    font-size: 12px !important;
    border-radius: 50px;
    padding: 2px;
    transform: translateY(-1px);
    margin-right: 5px;
    line-height: 1;
}

.member-center .top .left .above p {
    color: #444;
    margin-top: 3px;
    font-size: 12px;
}

.member-center .top .left .below {
    padding: 0 32px;
    border-radius: 0 0 6px 6px;
    height: 58px;
    line-height: 58px;
    background: #f4ddba;
    display: flex;
    align-items: center;
}

.member-center .top .left .below span {
    font-size: 14px;
    color: #3f2114;
    flex: 1;
}

.member-center .top .left .below a {
    padding: 0 22px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    background: #f5cc87;
    color: #473a09;
    border-radius: 50px;
}

.member-center .top .left .below a:hover {
    background: #f7d5a1;
}

.member-center .top .right {
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%);
    -moz-box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
    box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%);
}

.member-center .top .right .title {
    margin-bottom: 20px;
    align-items: center;
}

.member-center .top .right .title span {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.member-center .top .right .title a {
    color: #aab1bd;
    font-size: 12px;
}

.member-center .top .right .title a i {
    line-height: 1;
    font-size: 16px !important;
    margin-right: 3px;
}

.member-center .top .right .title a:hover {
    color: #ff6a00;
}

.member-center .top .right .item {
    padding: 20px;
    border-radius: 4px;
}

.member-center .top .right .item1 {
    background-image: -webkit-linear-gradient(62deg, #aaf5ea 0%, #e7fffb 100%);
}

.member-center .top .right .item1 span {
    font-size: 22px;
    font-weight: 600;
    color: #01474f;
}

.member-center .top .right .item1 span em {
    margin-left: 5px;
    color: #529192;
    font-size: 12px;
    font-weight: 400;
}

.member-center .top .right .item1 p {
    margin: 10px 0 15px 0;
    color: #529192;
}

.member-center .top .right .item2 {
    background-image: -webkit-linear-gradient(62deg, #fcf6e5 0%, #fffaf2 100%);
}

.member-center .top .right .item2 span {
    font-size: 22px;
    font-weight: 600;
    color: #973e06;
}

.member-center .top .right .item2 span em {
    margin-left: 5px;
    color: #ba7e54;
    font-size: 12px;
    font-weight: 400;
}

.member-center .top .right .item2 p {
    margin: 10px 0 15px 0;
    color: #ba7e54;
}

.member-center .top .right .item1 .btn1 {
    padding: 3px 15px;
    border: 1px solid #33d3ca;
    background-image: -webkit-linear-gradient(62deg, #08c0c5 0%, #33d3ca 100%);
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
}

.member-center .top .right .item1 .btn2 {
    border: 1px solid #08c0c5;
    padding: 3px 15px;
    border-radius: 4px;
    color: #08c0c5;
}

.member-center .top .right .item2 .btn1 {
    padding: 3px 15px;
    border: 1px solid #ffc689;
    background-image: -webkit-linear-gradient(62deg, #ff9550 0%, #ffc689 100%);
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
}

.member-center .top .right .item2 .btn2 {
    border: 1px solid #ffc689;
    padding: 3px 15px;
    border-radius: 4px;
    color: #ff9550;
}

.member-center .middle {
}

.member-center .middle .item {
    padding: 30px 20px;
    border-radius: 4px;
    align-items: center;
}

.member-center .middle .item1 {
    background-image: url(../image/ceo-member-center-middle-item1.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.member-center .middle .item2 {
    background-image: url(../image/ceo-member-center-middle-item2.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.member-center .middle .item3 {
    background-image: url(../image/ceo-member-center-middle-item3.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.member-center .middle .item4 {
    background-image: url(../image/ceo-member-center-middle-item4.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.member-center .middle .item i {
    width: 40px;
    height: 40px;
    margin-right: 11px;
}

.member-center .middle .item1 i {
    background: url(../image/ceo-member-center-middle-item1-i.png) no-repeat;
    background-size: cover;
}

.member-center .middle .item2 i {
    background: url(../image/ceo-member-center-middle-item2-i.png) no-repeat;
    background-size: cover;
}

.member-center .middle .item3 i {
    background: url(../image/ceo-member-center-middle-item3-i.png) no-repeat;
    background-size: cover;
}

.member-center .middle .item4 i {
    background: url(../image/ceo-member-center-middle-item4-i.png) no-repeat;
    background-size: cover;
}

.member-center .middle .item span {
}

.member-center .middle .item p {
    font-weight: 600;
}

.member-center .bottom {
    padding: 20px;
    border-radius: 4px;
}

.member-center .bottom .item {
    min-height: 204px;
}

.member-center .bottom .item .title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.member-center .bottom .item .more {
    color: #c0c5cf;
    font-size: 12px;
    background: #f7f7f7;
    border-radius: 50px;
    padding: 3px 10px;
}

.member-center .bottom .item .more i {
    line-height: 1;
    font-size: 12px !important;
    transform: translateY(0px);
    margin-left: 3px;
}

.member-center .bottom .item .more:hover {
    color: #999;
    background: #eee;
}

.member-center .bottom .item ul {
}

.member-center .bottom .item ul li {
    margin-top: 15px;
    align-items: center;
}

.member-center .bottom .item ul li a {
    color: #7D8592;
}

.member-center .bottom .item ul li a:hover {
    color: var(--primary-color);
}

.member-center .bottom .item ul li span {
    padding-left: 20px;
    font-size: 12px;
    color: #aab1bd;
}

.member-center .bottom .item .empty {
    text-align: center;
}

.member-center .bottom .item .empty i {
    background-image: url(../image/ceo-member-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    min-height: 150px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.member-center .bottom .item .empty p {
    color: #999;
}

/*我的资产*/
.member-property {
}

.member-property .top {
}

.member-property .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-property .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
}

.member-property .top .box .title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.member-property .top .box .title:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0px;
    width: 78px;
    height: 12px;
    border-radius: 12px;
    z-index: -1;
}

.member-property .top .box span {
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    font-family: impact;
}

.member-property .top .box em {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.member-property .top .box p {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
}

.member-property .top .balance {
    background-color: #3B83FD;
}

.member-property .top .balance:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../image/ceo-member-balance.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71px;
    height: 62px;
}

.member-property .top .balance a {
    color: #3B83FD;
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 6px 26px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 66px;
}

.member-property .top .balance a:hover {
    opacity: .8;
}

.member-property .top .balance .title:after {
}

.member-property .top .integral {
    background-image: -webkit-linear-gradient(-17deg, #fc973d 0%, #ffc490 100%);
}

.member-property .top .integral:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../image/ceo-member-integral.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71px;
    height: 62px;
}

.member-property .top .integral a {
    color: #fc983e;
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 6px 26px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 66px;
}

.member-property .top .integral a:hover {
    opacity: .8;
}

.member-property .task {
    margin-top: 30px;
}

.member-property .task ul {
}

.member-property .task ul li {
}

.member-property .task ul li .box {
    align-items: center;
    background: #f8f8f8;
    padding: 20px;
}

.member-property .task ul li .box i {
    border-radius: 50px;
    background: #ebebeb;
    padding: 6px;
    line-height: 1;
    margin-right: 10px;
    transform: translateY(0px);
}

.member-property .task ul li .box span {
}

.member-property .task ul li .box p {
    font-size: 12px;
    color: #f25125;
    margin-right: 10px;
}

.member-property .task ul li .box a {
    color: #fff;
    background: var(--primary-color);
    font-size: 12px;
    border-radius: 50px;
    padding: 3px 15px;
    display: inline-block;
}

.member-property .bottom {
}

.member-property .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
}

.member-property .bottom .title a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}

.member-property .bottom .title a:hover {
    color: var(--primary-color);
}

.member-property .bottom .title a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

/*我的资产-记录*/
.member-property .bottom .record {
    margin-top: 30px;
}

.member-property .bottom .record .box {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-property .bottom .record .box .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-property .bottom .record .box .header .header-1, .member-property .bottom .record .box .header .header-2, .member-property .bottom .record .box .header .header-3, .member-property .bottom .record .box .header .header-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-property .bottom .record .box .list {
}

.member-property .bottom .record .box .list li {
    display: flex;
}

.member-property .bottom .record .box .list li .list-1, .member-property .bottom .record .box .list li .list-2, .member-property .bottom .record .box .list li .list-3, .member-property .bottom .record .box .list li .list-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
}

.member-property .bottom .record .box .list li .list-2 .increase {
    color: #0ec302;
}

.member-property .bottom .record .box .list li .list-2 .decrease {
    color: #e30000;
}

/*我的订单*/
.member-order {
}

.member-order .top {
}

.member-order .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-order .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
}

.member-order .top .box .title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.member-order .top .box span {
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    font-family: impact;
}

.member-order .top .box em {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.member-order .top .box p {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
}

.member-order .top .purchase {
    background: #3B83FD;
}

.member-order .top .purchase:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../image/ceo-member-balance.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71px;
    height: 62px;
}

.member-order .top .vip {
    background-image: -webkit-linear-gradient(-17deg, #fc973d 0%, #ffc490 100%);
}

.member-order .top .vip:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../image/ceo-member-order-vip.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71px;
    height: 62px;
}

.member-order .bottom {
}

.member-order .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
}

.member-order .bottom .title a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}

.member-order .bottom .title a:hover {
    color: var(--primary-color);
}

.member-order .bottom .title a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

.ceo-order-details .module .downbtn {
    margin-top: 20px;
}

.ceo-order-details .module .downbtn a {
    color: #fff !important;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    padding: 12px 0;
    display: block;
    text-align: center;
}

.ceo-order-details .module .downbtn a:hover {
    opacity: .8;
}

.ceo-order-details .module .downbtn a i {
    font-size: 17px !important;
    margin-right: 5px;
}

/*我的订单-购买记录*/
.member-order .bottom .commodity {
    margin-top: 30px;
}

.member-order .bottom .commodity .box {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-order .bottom .commodity .box .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-order .bottom .commodity .box .header .header-1, .member-order .bottom .commodity .box .header .header-2, .member-order .bottom .commodity .box .header .header-3, .member-order .bottom .commodity .box .header .header-4, .member-order .bottom .commodity .box .header .header-5 {
    width: 15%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-order .bottom .commodity .box .header .header-1 {
    width: 40%;
}

.member-order .bottom .commodity .box .list {
}

.member-order .bottom .commodity .box .list li {
    display: flex;
}

.member-order .bottom .commodity .box .list li .list-1, .member-order .bottom .commodity .box .list li .list-2, .member-order .bottom .commodity .box .list li .list-3, .member-order .bottom .commodity .box .list li .list-4, .member-order .bottom .commodity .box .list li .list-5 {
    width: 15%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
}

.member-order .bottom .commodity .box .list li .list-1 {
    width: 40%;
}

.member-order .bottom .commodity .box .list li .list-5 button {
    color: #fff;
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 50px;
    line-height: 32px;
    padding: 0px 12px;
    display: inline-block;
}

.member-order .bottom .commodity .box .list li .list-5 button:hover {
    opacity: .8;
}

/*我的订单-购买记录-订单详情*/
.ceo-order-details {
}

.ceo-order-details .ceo-modal-dialog {
    width: 660px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 660px 190px;
    background-repeat: no-repeat;
}

.ceo-order-details .moduletitle {
    margin-bottom: 45px;
}

.ceo-order-details .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-order-details .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-order-details .module {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

.ceo-order-details .module .title {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
}

.ceo-order-details .module .title i {
    line-height: 1;
    font-size: 20px !important;
    margin-right: 6px;
    color: var(--primary-color);
}

.ceo-order-details .module .list {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
}

.ceo-order-details .module .list span {
    color: #999;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
}

.ceo-order-details .module .list p {
    display: inline-block;
    font-size: 12px;
}

.ceo-order-details .module .list p em {
    color: var(--primary-color);
}

.ceo-order-details .module .list a {
    color: var(--primary-color);
    font-size: 12px;
}

.ceo-order-details .module .item {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
}

.ceo-order-details .module .item span {
    color: #999;
    margin-bottom: 5px;
    display: block;
}

.ceo-order-details .module .item p {
    display: block;
}

/*我的订单-购买记录-订单详情-物流信息*/
.ceo-order-logistics {
}

.ceo-order-logistics .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-order-logistics .moduletitle {
    margin-bottom: 45px;
}

.ceo-order-logistics .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-order-logistics .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-order-logistics .module {
    list-style: none;
    overflow-y: auto;
    height: 300px;
}

.ceo-order-logistics .module::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ccc;
}

.ceo-order-logistics .module::-webkit-scrollbar-track {
    background-color: #fff;
}

.ceo-order-logistics .module::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

/*我的订单-会员记录*/
.member-order .bottom .vip {
    margin-top: 30px;
}

.member-order .bottom .vip .box {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-order .bottom .vip .box .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-order .bottom .vip .box .header .header-1, .member-order .bottom .vip .box .header .header-2, .member-order .bottom .vip .box .header .header-3, .member-order .bottom .vip .box .header .header-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-order .bottom .vip .box .list {
}

.member-order .bottom .vip .box .list li {
    display: flex;
}

.member-order .bottom .vip .box .list li .list-1, .member-order .bottom .vip .box .list li .list-2, .member-order .bottom .vip .box .list li .list-3, .member-order .bottom .vip .box .list li .list-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
}

.member-order .bottom .vip .box .list li .list-2 .increase {
    color: #0ec302;
}

.member-order .bottom .vip .box .list li .list-2 .decrease {
    color: #e30000;
}

/*我的卡券*/
.member-card {
}

.member-card .top {
}

.member-card .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-card .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
}

.member-card .top .item1 {
    background-color: #fcedeb;
}

.member-card .top .item2 {
    background-color: #faf3d4;
}

.member-card .top .item1, .member-card .top .item2 {
    background-image: url(../image/ceo-member-promotion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.member-card .top .box .title {
    color: #666;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.member-card .top .box span {
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
    font-family: impact;
}

.member-card .top .item1 span {
    color: #eb5858;
}

.member-card .top .item2 span {
    color: #f69a47;
}

.member-card .top .box span em {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: inherit;
}

.member-card .top .box p {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

.member-card .bottom {
}

.member-card .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
}

.member-card .bottom .title a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}

.member-card .bottom .title a:hover {
    color: var(--primary-color);
}

.member-card .bottom .title a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

.member-card .bottom .coupon {
}

.member-card .bottom .coupon .box {
}

.member-card .bottom .coupon .box .nav {
    margin: 30px 0;
}

.member-card .bottom .coupon .box .nav a {
    padding: 5px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 20px;
    color: #888;
    background: rgb(165 165 165 / 11%);
}

.member-card .bottom .coupon .box .nav a:last-child {
    margin-right: 0px;
}

.member-card .bottom .coupon .box .nav a:hover {
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
}

.member-card .bottom .coupon .box .nav a.current {
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
}

.member-card .bottom .coupon .box ul {
}

.member-card .bottom .coupon .box ul li {
}

.member-card .bottom .coupon .box ul li .to {
    border-radius: 10px;
    background: #fff5f6;
    position: relative;
    overflow: hidden;
}

.member-card .bottom .coupon .box ul li .to em {
    width: 140px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background: #ffe8d6;
    position: absolute;
    right: -44px;
    top: 3px;
    text-align: center;
    -webkit-transform: rotate(36deg);
}

.member-card .bottom .coupon .box ul li .to .value {
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: -webkit-linear-gradient(270deg, #ff6c54 0%, #ff4a35 100%);
}

.member-card .bottom .coupon .box ul li .to .value p {
    font-weight: 600;
    color: #fff;
    font-size: 28px;
    display: block;
    margin-top: 28px;
}

.member-card .bottom .coupon .box ul li .to .value a {
    background: #fff;
    color: #e13b29;
    padding: 0 15px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    margin-top: 5px;
    transition: .4s;
    text-align: center;
    box-shadow: 0 4px 9px 0 rgb(224 30 15 / 26%);
}

.member-card .bottom .coupon .box ul li .to .value a:hover {
    transform: translateY(-4px);
}

.member-card .bottom .coupon .box ul li .to .desc {
    padding: 20px 20px 20px 0px;
}

.member-card .bottom .coupon .box ul li .to .desc .title {
    color: #e13b29;
    font-size: 15px;
}

.member-card .bottom .coupon .box ul li .to .desc p {
    margin-bottom: 3px;
    font-size: 12px;
}

.member-card .bottom .coupon .box ul li .to .desc p:last-child {
    margin-bottom: 0px;
}

/*我的下载*/
.member-download {
}

.member-download .top {
}

.member-download .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-download .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
    background-color: var(--primary-color);
}

.member-download .top .box:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -10px;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    background-color: rgba(245, 245, 245, 0.1);
}

.member-download .top .box:before {
    content: "";
    position: absolute;
    right: -40px;
    top: 10px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: rgba(245, 245, 245, 0.1);
}

.member-download .top .box .title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.member-download .top .box span {
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    font-family: impact;
}

.member-download .top .box em {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.member-download .top .box p {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
}

/*我的下载-记录*/
.member-download .bottom {
}

.member-download .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 30px;
}

.member-download .bottom .title span {
    font-size: 14px;
    display: inline-block;
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

.member-download .bottom .box {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-download .bottom .box .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-download .bottom .box .header .header-1, .member-download .bottom .box .header .header-2, .member-download .bottom .box .header .header-3, .member-download .bottom .box .header .header-4 {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-download .bottom .box .header .header-1 {
    width: 40%;
}

.member-download .bottom .box .header .header-3 {
    width: 10%;
}

.member-download .bottom .box .header .header-2, .member-download .bottom .box .header .header-4 {
    width: 25%;
}

.member-download .bottom .box .list {
}

.member-download .bottom .box .list li {
    display: flex;
}

.member-download .bottom .box .list li .list-1, .member-download .bottom .box .list li .list-2, .member-download .bottom .box .list li .list-3, .member-download .bottom .box .list li .list-4 {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
}

.member-download .bottom .box .list li .list-1 {
    width: 40%;
}

.member-download .bottom .box .list li .list-3 {
    width: 10%;
}

.member-download .bottom .box .list li .list-2, .member-download .bottom .box .list li .list-4 {
    width: 25%;
}

/*我的推广*/
.member-promotion {
}

.member-promotion .top {
}

.member-promotion .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-promotion .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
    min-height: 102px;
}

.member-promotion .top .item1 {
    background-color: #e0eaf7;
}

.member-promotion .top .item2 {
    background-color: #faf3d4;
}

.member-promotion .top .item3 {
    background-color: #fcedeb;
}

.member-promotion .top .item1, .member-promotion .top .item2, .member-promotion .top .item3 {
    background-image: url(../image/ceo-member-promotion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.member-promotion .top .box .title {
    color: #666;
    font-size: 12px;
}

.member-promotion .top .box span {
    font-size: 35px;
    font-family: impact;
    line-height: 1;
    display: block;
    margin-top: 20px;
    margin-bottom: 8px;
}

.member-promotion .top .item1 span {
    color: #3580e6;
}

.member-promotion .top .item2 span {
    color: #f69a47;
}

.member-promotion .top .item3 span {
    color: #eb5858;
}

.member-promotion .top .box p {
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
}

.member-promotion .top .box p:last-child {
    margin-right: 0;
}

.member-promotion .top .box span em {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: inherit;
}

/*推广链接*/
.member-promotion .top .link {
    background: #f6f6f6;
    border-radius: 8px;
    position: relative;
    margin: 30px 0;
    padding: 15px;
}

.member-promotion .top .link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
    background-image: url(../image/ceo-member-promotion-link.png);
    background-repeat: no-repeat;
    background-size: 220px 84px;
    width: 220px;
    height: 84px;
}

.member-promotion .top .link .module {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.member-promotion .top .link .module .title {
    font-size: 12px;
    color: #999;
    line-height: 43px;
    padding: 0 15px 0 5px;
}

.member-promotion .top .link .module .input {
    margin-right: 15px;
    border: none;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 13px;
    color: #333;
    width: 260px;
    height: 43px;
}

.member-promotion .top .link .module .input input {
    border: none;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 13px;
    color: #333;
    width: 260px;
    height: 43px;
}

.member-promotion .top .link .module .input input:focus {
    outline: none;
}

.member-promotion .top .link .module .button1 {
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    line-height: 43px;
    border: 1px solid transparent;
    padding: 0 20px;
    background-color: #fff;
    color: #3580e6;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    margin-right: 15px;
    cursor: pointer;
    transition: all .3s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.member-promotion .top .link .module .button1:hover {
    opacity: .9;
}

.member-promotion .top .link .module .button2 {
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    line-height: 43px;
    border: 1px solid transparent;
    padding: 0 20px;
    background-color: #3580e6;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.member-promotion .top .link .module .button2:hover {
    opacity: .9;
}

/*我的推广-记录*/
.member-promotion .bottom {
}

.member-promotion .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
}

.member-promotion .bottom .title a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}

.member-promotion .bottom .title a:hover {
    color: var(--primary-color);
}

.member-promotion .bottom .title a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

.member-promotion .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 30px;
}

.member-promotion .bottom .title span {
    font-size: 14px;
    display: inline-block;
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

/*推广奖励*/
.member-promotion .bottom .reward {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-promotion .bottom .reward .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-promotion .bottom .reward .header .header-1, .member-promotion .bottom .reward .header .header-2, .member-promotion .bottom .reward .header .header-3 {
    width: 33.33333333%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-promotion .bottom .reward .list {
}

.member-promotion .bottom .reward .list li {
    display: flex;
}

.member-promotion .bottom .reward .list li .list-1, .member-promotion .bottom .reward .list li .list-2, .member-promotion .bottom .reward .list li .list-3 {
    width: 33.33333333%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
}

/*推广用户*/
.member-promotion .bottom .promotion {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-promotion .bottom .promotion .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-promotion .bottom .promotion .header .header-1, .member-promotion .bottom .promotion .header .header-2, .member-promotion .bottom .promotion .header .header-3, .member-promotion .bottom .promotion .header .header-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-promotion .bottom .promotion .list {
}

.member-promotion .bottom .promotion .list li {
    display: flex;
}

.member-promotion .bottom .promotion .list li .list-1, .member-promotion .bottom .promotion .list li .list-2, .member-promotion .bottom .promotion .list li .list-3, .member-promotion .bottom .promotion .list li .list-4 {
    width: 25%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
    word-break: break-all;
}

/*推广佣金*/
.member-promotion .bottom .commission {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-promotion .bottom .commission .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-promotion .bottom .commission .header .header-1, .member-promotion .bottom .commission .header .header-2, .member-promotion .bottom .commission .header .header-3, .member-promotion .bottom .commission .header .header-4, .member-promotion .bottom .commission .header .header-5, .member-promotion .bottom .commission .header .header-6 {
    width: calc(100% * 1 / 6.001);
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-promotion .bottom .commission .list {
}

.member-promotion .bottom .commission .list li {
    display: flex;
}

.member-promotion .bottom .commission .list li .list-1, .member-promotion .bottom .commission .list li .list-2, .member-promotion .bottom .commission .list li .list-3, .member-promotion .bottom .commission .list li .list-4, .member-promotion .bottom .commission .list li .list-5, .member-promotion .bottom .commission .list li .list-6 {
    width: calc(100% * 1 / 6.001);
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
    word-break: break-all;
}

/*推广说明*/
.member-promotion .desc {
    padding: 20px;
}

.member-promotion .desc .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 30px;
    color: #434343;
}

.member-promotion .desc .title span {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
    display: inline-block;
}

.member-promotion .desc .content {
    line-height: 2;
    color: #999;
}

/*我的收益*/
.member-income {
}

.member-income .top {
}

.member-income .top span.title {
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}

.member-income .top .box {
    padding: 30px;
    border-radius: 4px;
    position: relative;
    min-height: 102px;
}

.member-income .top .item1 {
    background-color: #e0eaf7;
}

.member-income .top .item2 {
    background-color: #faf3d4;
}

.member-income .top .item1, .member-income .top .item2 {
    background-image: url(../image/ceo-member-promotion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.member-income .top .item1 a, .member-income .top .item2 a {
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 6px 26px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 66px;
}

.member-income .top .item1 a {
    background: #3b83fd;
}

.member-income .top .item2 a {
    background: #f69a47;
}

.member-income .top .item1 a:hover, .member-income .top .item2 a:hover {
    opacity: .8;
}

.member-income .top .box .title {
    color: #666;
    font-size: 12px;
}

.member-income .top .box span {
    font-size: 35px;
    font-family: impact;
    line-height: 1;
    display: block;
    margin-top: 20px;
    margin-bottom: 8px;
}

.member-income .top .item1 span {
    color: #3580e6;
}

.member-income .top .item2 span {
    color: #f69a47;
}

.member-income .top .box p {
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
}

.member-income .top .box p:last-child {
    margin-right: 0;
}

.member-income .top .record1, .member-income .top .record2, .member-income .top .record3 {
    background: #f5f7fd;
    padding: 20px;
    border-radius: 4px;
}

.member-income .top .record1 .title, .member-income .top .record2 .title, .member-income .top .record3 .title {
    margin-bottom: 10px;
    color: #7D8592;
}

.member-income .top .record1 span, .member-income .top .record2 span, .member-income .top .record3 span {
    font-size: 20px;
    color: #3D4A5D;
    font-family: impact;
    display: block;
}

/*我的收益-记录*/
.member-income .bottom {
}

.member-income .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
}

.member-income .bottom .title a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}

.member-income .bottom .title a:hover {
    color: var(--primary-color);
}

.member-income .bottom .title a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

.member-income .bottom .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 30px;
}

.member-income .bottom .title span {
    font-size: 14px;
    display: inline-block;
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}

/*收益记录*/
.member-income .bottom .income {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-income .bottom .income .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-income .bottom .income .header .header-1, .member-income .bottom .income .header .header-2, .member-income .bottom .income .header .header-3, .member-income .bottom .income .header .header-4, .member-income .bottom .income .header .header-5 {
    width: 20%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-income .bottom .income .list {
}

.member-income .bottom .income .list li {
    display: flex;
}

.member-income .bottom .income .list li .list-1, .member-income .bottom .income .list li .list-2, .member-income .bottom .income .list li .list-3, .member-income .bottom .income .list li .list-4, .member-income .bottom .income .list li .list-5 {
    width: 20%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
    word-break: break-all;
}

/*提现记录*/
.member-income .bottom .withdrawal {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.member-income .bottom .withdrawal .header {
    display: flex;
    background-color: #f9f9f9;
}

.member-income .bottom .withdrawal .header .header-1, .member-income .bottom .withdrawal .header .header-2, .member-income .bottom .withdrawal .header .header-3, .member-income .bottom .withdrawal .header .header-4, .member-income .bottom .withdrawal .header .header-5, .member-income .bottom .withdrawal .header .header-6 {
    width: calc(100% * 1 / 6.001);
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.member-income .bottom .withdrawal .list {
}

.member-income .bottom .withdrawal .list li {
    display: flex;
}

.member-income .bottom .withdrawal .list li .list-1, .member-income .bottom .withdrawal .list li .list-2, .member-income .bottom .withdrawal .list li .list-3, .member-income .bottom .withdrawal .list li .list-4, .member-income .bottom .withdrawal .list li .list-5, .member-income .bottom .withdrawal .list li .list-6 {
    width: calc(100% * 1 / 6.001);
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    color: #999;
    align-items: center;
    display: flex;
    justify-content: center;
}

.member-income .bottom .withdrawal .list li .list-4 .true {
    color: #67c23a;
}

.member-income .bottom .withdrawal .list li .list-4 .false {
    color: #f56c6c;
}

/*提现说明*/
.member-income .desc {
    padding: 20px;
}

.member-income .desc .title {
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 30px;
    color: #434343;
}

.member-income .desc .title span {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
    display: inline-block;
}

.member-income .desc .content {
    line-height: 2;
    color: #999;
}

/*我的认证*/
.member-authentication {
    padding-bottom: 30px;
}

.member-authentication .bg {
    border-radius: 4px;
    height: 260px;
    background-image: url(../image/ceo-member-authentication-bg.png)
}

.member-authentication .bg .title {
    margin-top: 60px;
}

.member-authentication .bg .title h1 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.member-authentication .bg .title p {
    color: #fff;
}

.member-authentication .module {
    padding: 30px;
    margin: -80px 100px 70px 100px;
    box-shadow: 0px 3px 43px 0px rgb(123 175 255 / 20%);
    border-radius: 20px;
    position: relative;
}

.member-authentication .module .front {
    background-size: cover;
    background-repeat: no-repeat;
    width: 315px;
    height: 222px;
    background-image: url(../image/ceo-member-authentication-front.png)
}

.member-authentication .module .behind {
    background-size: cover;
    background-repeat: no-repeat;
    width: 315px;
    height: 222px;
    background-image: url(../image/ceo-member-authentication-behind.png)
}

.member-authentication .box {
    margin-top: 30px;
}

.member-authentication .box form {
}

.member-authentication .box form label {
}

.member-authentication .box form input {
}

.member-authentication .box .btn {
    text-align: center;
    margin-top: 30px;
}

.member-authentication .box .btn a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background-color: #fc5e20;
    background: linear-gradient(
            90deg, rgba(255, 111, 8, 1) 0%, rgba(250, 74, 61, 1) 100%);
    border-radius: 4px;
    padding: 0 60px;
    color: #fff;
    font-size: 16px;
}

.member-authentication .box .btn p {
    color: #999;
    margin-top: 10px;
    font-size: 12px;
}

.member-authentication .module ul {
}

.member-authentication .module ul li {
    margin-bottom: 20px;
}

.member-authentication .module ul li:last-child {
    margin-bottom: 0px;
}

.member-authentication .module ul li span {
    display: inline-block;
    margin-right: 20px;
}

.member-authentication .module ul li p {
    display: inline-block;
}

.member-authentication .module ul em {
    background: #116aff2e;
    color: #126bff;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
}

/***********************开通会员框***********************/
.ceo-svip {
}

.ceo-svip .ceo-modal-dialog {
    width: 768px;
    padding: 0;
    border-radius: 4px;
    background-color: #FFF2E5;
    background-image: url(../image/ceo-member-svip.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.ceo-svip .ceo-modal-dialog .top {
    padding: 30px;
    border-radius: 4px 4px 0px 0px;
}

.ceo-svip .ceo-modal-dialog .top .moduletitle {
    text-align: center;
    margin-bottom: 20px;
}

.ceo-svip .ceo-modal-dialog .top .moduletitle span {
    font-size: 20px;
    font-weight: 600;
    color: #752A00;
    margin-bottom: 10px;
    display: block;
}

.ceo-svip .ceo-modal-dialog .top .moduletitle p {
    color: #752A00;
    font-size: 14px;
}

.ceo-svip .ceo-modal-dialog .top .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-svip .ceo-modal-dialog .top .package {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.ceo-svip .ceo-modal-dialog .top .package ul {
}

.ceo-svip .ceo-modal-dialog .top .package ul li {
}

.ceo-svip .ceo-modal-dialog .top .package ul li button {
    background-color: rgb(255 255 255 / 0%);
    border: 2px solid #eee;
    color: #434343;
    padding: 30px 10px 20px 10px;
    border-radius: 4px;
    line-height: 1;
    width: 100%;
    text-align: center;
    position: relative;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button.select {
    border: 2px solid #FF7D17;
    background-color: #FFFBF8;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button.select p {
    color: #ff7d18;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button span {
    font-size: 15px;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button span.time {
    color: #999;
    font-size: 12px;
    margin-top: 15px;
    display: block;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button p {
    display: block;
    margin: 15px 0 20px 0;
    font-size: 30px;
    font-weight: 600;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button em {
    background: #FFF5EA;
    color: #ff7d18;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 50px;
    line-height: 1.5;
}

.ceo-svip .ceo-modal-dialog .top .package ul li button .tag {
    position: absolute;
    top: -2px;
    left: -2px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: linear-gradient(102.51deg, #ff451d 3.76%, #ff6f32 93.18%);
    border-radius: 4px 0 8px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0 12px;
}

.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #fff;
    color: #666;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    text-align: center;
}

.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left {
    z-index: 1;
    left: -38px;
    margin: 0;
    transform: translateY(-50%) translateY(0px);
}

.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right {
    z-index: 1;
    right: -38px;
    margin: 0;
    transform: translateY(-50%) translateY(0px);
}

.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right i {
    line-height: 1;
    font-size: 25px !important;
}

.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right:hover {
    color: #111;
}

.ceo-svip .ceo-modal-dialog .top .desc {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.ceo-svip .ceo-modal-dialog .top .desc span {
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
}

.ceo-svip .ceo-modal-dialog .top .desc p {
    font-size: 12px;
    color: #666;
    line-height: 2;
}

.ceo-svip .ceo-modal-dialog .top .desc p em {
    color: #ff7501;
    margin-left: 5px;
}

.ceo-svip .ceo-modal-dialog .top .way {
    padding: 20px;
    border-radius: 4px;
}

.ceo-svip .ceo-modal-dialog .top .way ul {
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
    background-color: #FAFAFA;
    border-radius: 4px;
    padding: 12px;
}

.ceo-svip .ceo-modal-dialog .top .way ul li {
    width: 100%;
    display: flex;
    margin-right: 10px;
    background: #fff;
}

.ceo-svip .ceo-modal-dialog .top .way ul li:last-child {
    margin-right: 0px;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button {
    display: flex;
    height: 46px;
    line-height: 1;
    font-size: 14px;
    background: #fff;
    color: #202020;
    width: 100%;
    padding: 0 20px;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button.select {
}

.ceo-svip .ceo-modal-dialog .top .way ul li button i {
    font-size: 20px !important;
    margin-right: 6px;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-wechat-pay-fill {
    color: #22ac38;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-alipay-fill {
    color: #226bf3;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-wallet-3-fill {
    color: #ff8a16;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button span {
}

.ceo-svip .ceo-modal-dialog .top .way ul li button .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #E0E0E0;
    position: absolute;
    right: 20px;
}

.ceo-svip .ceo-modal-dialog .top .way ul li button.select .icon {
    background: url(../image/ceo-member-svip-selected.png) no-repeat;
    background-size: 100%;
    border: none;
}

.ceo-svip .ceo-modal-dialog .top .way .coupon {
    margin-bottom: 20px;
    padding: 10px;
    background: #fafafa;
    border-radius: 4px;
}

.ceo-svip .ceo-modal-dialog .top .way .coupon i {
    font-size: 20px !important;
    transform: translateY(0px);
    color: #ff8a16;
}

.ceo-svip .ceo-modal-dialog .top .way .coupon input {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #e5e5e5;
}

.ceo-svip .ceo-modal-dialog .top .way .coupon button {
    width: 100%;
    line-height: 40px;
    background: #ffe4c9;
    color: #ff8a16;
    border-radius: 0px 4px 4px 0px;
    font-size: 14px;
    transition: all .3s;
}

.ceo-svip .ceo-modal-dialog .top .way .coupon button:hover {
    background: #ffdcb9;
}

.ceo-svip .ceo-modal-dialog .bottom {
    padding: 16px 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f3f3f3;
    border-radius: 0px 0px 4px 4px;
}

.ceo-svip .ceo-modal-dialog .bottom .money {
}

.ceo-svip .ceo-modal-dialog .bottom .money span {
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.ceo-svip .ceo-modal-dialog .bottom .money p {
    color: #FF7D18;
    font-size: 26px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
}

.ceo-svip .ceo-modal-dialog .bottom .money p span {
    color: #FF7D18;
    font-size: 26px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
}

.ceo-svip .ceo-modal-dialog .bottom .money em {
    border-radius: 50px;
    color: #ff7d18;
    background: #fff0e1;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    transform: translateY(-4px);
}

.ceo-svip .ceo-modal-dialog .bottom button {
    width: 200px;
    height: 63px;
    line-height: 63px;
    background: linear-gradient(270deg, #FF7500 0%, #FF9A45 100%);
    border-radius: 4px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    transition: all .3s;
}

.ceo-svip .ceo-modal-dialog .bottom button:hover {
    background: linear-gradient(270deg, #FF9A45 0%, #FF7500 100%);
}

/***********************账户充值框***********************/
.ceo-recharge {
}

.ceo-recharge .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-recharge .ceo-modal-dialog .moduletitle {
    margin-bottom: 30px;
}

.ceo-recharge .ceo-modal-dialog .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-recharge .ceo-modal-dialog .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-recharge .ceo-modal-dialog .package {
    margin-bottom: 20px;
}

.ceo-recharge .ceo-modal-dialog .package .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-recharge .ceo-modal-dialog .package .title i {
    line-height: 1;
    font-size: 18px !important;
    margin-left: 5px;
    color: #ff5200;
}

.ceo-recharge .ceo-modal-dialog .package ul {
}

.ceo-recharge .ceo-modal-dialog .package ul li {
}

.ceo-recharge .ceo-modal-dialog .package ul li button {
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgb(0 0 0 / 6%);
    color: #434343;
    padding: 15px 10px;
    border-radius: 4px;
    line-height: 1;
    width: 100%;
}

.ceo-recharge .ceo-modal-dialog .package ul li button.select {
    border: 1px solid var(--primary-color);
}

.ceo-recharge .ceo-modal-dialog .package ul li button span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.ceo-recharge .ceo-modal-dialog .package ul li button em {
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 50px;
    font-size: 12px;
}

.ceo-recharge .ceo-modal-dialog .package ul li button p {
}

.ceo-recharge .ceo-modal-dialog .money {
    margin-bottom: 20px;
}

.ceo-recharge .ceo-modal-dialog .money .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-recharge .ceo-modal-dialog .money input {
    border-radius: 4px;
}

.ceo-recharge .ceo-modal-dialog .way {
}

.ceo-recharge .ceo-modal-dialog .way .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-recharge .ceo-modal-dialog .way ul {
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}

.ceo-recharge .ceo-modal-dialog .way ul li {
    width: 100%;
    display: flex;
    margin-right: 10px;
}

.ceo-recharge .ceo-modal-dialog .way ul li:last-child {
    margin-right: 0px;
}

.ceo-recharge .ceo-modal-dialog .way ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 1;
    font-size: 12px;
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgb(0 0 0 / 6%);
    color: #434343;
    width: 100%;
    padding: 0;
    border-radius: 4px;
}

.ceo-recharge .ceo-modal-dialog .way ul li button.select {
    border: 1px solid var(--primary-color);
}

.ceo-recharge .ceo-modal-dialog .way ul li button i {
    font-size: 20px !important;
    margin-right: 5px;
}

.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-alipay-fill {
    color: #226bf3;
}

.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-wechat-pay-fill {
    color: #22ac38;
}

.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-bank-card-fill {
    color: var(--primary-color);
}

.ceo-recharge .ceo-modal-dialog .way ul li button span {
}

.ceo-recharge .ceo-modal-dialog .button {
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-recharge .ceo-modal-dialog .button:hover {
    opacity: .8;
}

/***********************积分兑换框***********************/
.ceo-exchange {
}

.ceo-exchange .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-exchange .ceo-modal-dialog .moduletitle {
}

.ceo-exchange .ceo-modal-dialog .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-exchange .ceo-modal-dialog .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-exchange .ceo-modal-dialog .number {
    margin-top: 50px;
    text-align: center;
}

.ceo-exchange .ceo-modal-dialog .number .title {
    display: block;
    color: #999;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}

.ceo-exchange .ceo-modal-dialog .number input {
    border-radius: 4px;
    width: 80%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ceo-exchange .ceo-modal-dialog .number span {
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    background: #f8f8f8;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 12px;
}

.ceo-exchange .ceo-modal-dialog .number span p {
    color: var(--primary-color);
    margin: 0 10px;
    display: inline-block;
}

.ceo-exchange .ceo-modal-dialog .button {
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-exchange .ceo-modal-dialog .button:hover {
    opacity: .8;
}

/***********************卡密充值框***********************/
.ceo-cards {
}

.ceo-cards .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-cards .ceo-modal-dialog .moduletitle {
}

.ceo-cards .ceo-modal-dialog .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-cards .ceo-modal-dialog .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-cards .ceo-modal-dialog .number {
    margin-top: 50px;
    text-align: center;
}

.ceo-cards .ceo-modal-dialog .number .title {
    display: block;
    color: #999;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}

.ceo-cards .ceo-modal-dialog .number input {
    border-radius: 4px;
    width: 80%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ceo-cards .ceo-modal-dialog .number span {
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    background: #f8f8f8;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 2;
}

.ceo-cards .ceo-modal-dialog .number span a {
    color: var(--primary-color);
    margin-left: 10px;
    display: inline-block;
}

.ceo-cards .ceo-modal-dialog .number span a i {
    margin-left: 3px;
    font-size: 16px !important;
    line-height: 1;
}

.ceo-cards .ceo-modal-dialog .number span a i:before {
    content: "\edc6";
}

.ceo-cards .ceo-modal-dialog .number span a:hover i:before {
    content: "\edc5";
}

.ceo-cards .ceo-modal-dialog .button {
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-cards .ceo-modal-dialog .button:hover {
    opacity: .8;
}

/***********************收益提现框***********************/
.ceo-extract {
}

.ceo-extract .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-extract .ceo-modal-dialog .moduletitle {
    margin-bottom: 30px;
    display: block;
}

.ceo-extract .ceo-modal-dialog .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-extract .ceo-modal-dialog .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-extract .ceo-modal-dialog .way {
    margin-bottom: 20px;
}

.ceo-extract .ceo-modal-dialog .way .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.ceo-extract .ceo-modal-dialog .way ul {
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}

.ceo-extract .ceo-modal-dialog .way ul li {
    width: 100%;
    display: flex;
    margin-right: 10px;
}

.ceo-extract .ceo-modal-dialog .way ul li:last-child {
    margin-right: 0px;
}

.ceo-extract .ceo-modal-dialog .way ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 1;
    font-size: 12px;
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgb(0 0 0 / 6%);
    color: #434343;
    width: 100%;
    padding: 0;
    border-radius: 4px;
}

.ceo-extract .ceo-modal-dialog .way ul li button.select {
    border: 1px solid var(--primary-color);
}

.ceo-extract .ceo-modal-dialog .way ul li button i {
    font-size: 20px !important;
    margin-right: 5px;
}

.ceo-extract .ceo-modal-dialog .way ul li button i.ceoicon-alipay-fill {
    color: #226bf3;
}

.ceo-extract .ceo-modal-dialog .way ul li button i.ceoicon-wallet-3-fill {
    color: var(--primary-color);
}

.ceo-extract .ceo-modal-dialog .way ul li button span {
}

.ceo-extract .ceo-modal-dialog .info {
    margin-bottom: 20px;
}

.ceo-extract .ceo-modal-dialog .info .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
}

.ceo-extract .ceo-modal-dialog .info input {
    margin-bottom: 10px;
    border-radius: 4px;
}

.ceo-extract .ceo-modal-dialog .info input:last-child {
    margin-bottom: 0px;
}

.ceo-extract .ceo-modal-dialog .money {
    margin-bottom: 10px;
}

.ceo-extract .ceo-modal-dialog .money .title {
    display: block;
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
}

.ceo-extract .ceo-modal-dialog .money input {
    border-radius: 4px;
}

.ceo-extract .ceo-modal-dialog .money span {
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    background: #f8f8f8;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 2;
}

.ceo-extract .ceo-modal-dialog .attention {
    color: var(--primary-color);
    background: rgba(0, 102, 255, .08);
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 12px;
}

.ceo-extract .ceo-modal-dialog .attention span {
    margin-right: 20px;
}

.ceo-extract .ceo-modal-dialog .attention span:last-child {
    margin-right: 00px;
}

.ceo-extract .ceo-modal-dialog .attention span em {
    margin-left: 10px;
    font-weight: 600;
    color: #ff4a6c;
}

.ceo-extract .ceo-modal-dialog .desc {
    padding: 20px;
    border-radius: 4px;
    background: #f8f8f8;
}

.ceo-extract .ceo-modal-dialog .desc span {
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
}

.ceo-extract .ceo-modal-dialog .desc p {
    font-size: 12px;
    color: #666;
    line-height: 2;
}

.ceo-extract .ceo-modal-dialog .button {
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-extract .ceo-modal-dialog .button:hover {
    opacity: .8;
}

/***********************签到框***********************/
.ceo-sign {
}

.ceo-sign .ceo-modal-dialog {
    width: 460px;
    border-radius: 4px;
    background-image: url(../image/ceo-recharge.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}

.ceo-sign .moduletitle {
    margin-bottom: 30px;
    display: block;
}

.ceo-sign .moduletitle span {
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}

.ceo-sign .moduletitle button {
    top: 17px;
    right: 20px;
}

.ceo-sign .number {
    margin-bottom: 20px;
}

.ceo-sign .number span {
    font-size: 26px;
    font-weight: 600;
    color: #333;
}

.ceo-sign .number span em {
    font-size: 14px;
    color: #333;
    margin-left: 5px;
}

.ceo-sign .list {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    position: relative;
}

.ceo-sign .list .title {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.ceo-sign .list .title em {
    margin: 0 5px;
    color: var(--primary-color);
}

.ceo-sign .list .rule {
}

.ceo-sign .list .rule span {
    color: #999;
}

.ceo-sign .list .rule:hover .box {
    display: block;
}

.ceo-sign .list .rule .box {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 201;
    display: none;
}

.ceo-sign .list .rule .box p {
    padding: 20px;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
    color: #666;
}

.ceo-sign .list .rule .box p i {
    margin-right: 5px;
    color: var(--primary-color);
    font-size: 18px !important;
    line-height: 1;
}

.ceo-sign .list ul {
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}

.ceo-sign .list ul li {
    width: 100%;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
}

.ceo-sign .list ul li:last-child {
    margin-right: 0px;
}

.ceo-sign .list ul li .integral {
    background: #f8f8f8;
    padding: 5px;
    border-radius: 2px;
}

.ceo-sign .list ul li .integral p {
    color: var(--primary-color);
}

.ceo-sign .list ul li .integral span {
    margin-top: 10px;
    color: #999;
}

.ceo-sign .list ul li .currency {
    background: #f8f8f8;
    padding: 5px;
    margin-top: 10px;
    border-radius: 2px;
}

.ceo-sign .list ul li .currency p {
    color: #ff8a16;
}

.ceo-sign .list ul li .currency span {
    margin-top: 10px;
    color: #999;
}

.ceo-sign .list ul li.complete {
}

.ceo-sign .list ul li.complete .integral {
    background: rgba(0, 102, 255, .08);
}

.ceo-sign .list ul li.complete .currency {
    background: rgb(255 138 22 / 16%);
}

.ceo-sign .list ul li .date {
    font-size: 12px;
    margin-top: 6px;
    color: #999;
}

.ceo-sign .button {
    color: #fff;
    background: var(--primary-color);
    font-size: 15px;
    border-radius: 4px;
    line-height: 50px;
    display: block;
    width: 100%;
    transition: all .3s;
    margin-top: 20px;
}

.ceo-sign .button.correct {
    opacity: .6;
    cursor: not-allowed;
}

/*页面*/
.member-main {
    margin-top: -60px;
}

.member-content {
    padding: 30px;
    margin-bottom: 20px !important;
    min-height: 883px;
}

.member-page-title {
    padding: 20px;
}

.member-page-title span {
    color: #434343;
    font-size: 18px;
    font-weight: 600;
}

/*内容为空*/
.member-empty {
    text-align: center;
    margin-bottom: 200px;
}

.member-empty i {
    background-image: url(../image/ceo-member-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    min-height: 366px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.member-empty p {
    color: #999;
}

/*分页*/
.paginate {
    text-align: center;
    margin: 40px 0 20px 0 !important;
}

.paginate .page-numbers {
    background: #fff;
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin: 0 6px;
    border-radius: 6px;
    color: #666;
    transition: all .3s;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}

.paginate .page-numbers:hover {
    background: var(--primary-color);
    color: #fff;
}

.paginate .current {
    background: var(--primary-color);
    color: #fff;
}

/***********************抽奖活动***********************/
.ceo-ceoshop-lottery {
}

.ceo-ceoshop-lottery .ceo-modal-dialog {
    width: 390px;
    padding: 0;
    background: rgb(255 255 255 / 0%);
}

.ceo-ceoshop-lottery .ceo-modal-close-default {
    top: 0px;
    right: 0px;
    color: rgb(255 255 255 / 42%);
    background: rgb(0 0 0 / 22%);
    border-radius: 50px;
    padding: 10px;
    width: 30px;
    height: 30px;
}

.ceo-ceoshop-lottery .ceo-modal-close-default:hover {
    color: #fff;
}

.ceo-ceoshop-lottery .module {
    display: block;
    margin-top: 20px;
    background: rgb(0 0 0 / 44%);
    padding: 20px;
    border-radius: 4px;
    font-size: 12px;
}

.ceo-ceoshop-lottery .module span {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.ceo-ceoshop-lottery .module p {
    line-height: 2;
    color: #c1c1c1;
}

.ceo-ceoshop-lottery .module p em {
    color: var(--primary-color);
    margin: 0 10px;
    display: inline-block;
}

/***********************手机端***********************/
@media screen and (max-width: 900px) {
    /*商城中心*/
    .member-main {
        margin-top: -23px;
    }

    .member-content {
        padding: 20px;
    }

    .member-data {
        margin-bottom: 0px;
    }

    .member-nav {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }

    .member-nav::-webkit-scrollbar {
        display: none;
    }

    .member-nav li {
        display: inline-block;
    }

    .member-nav li a {
        padding: 14px 8px;
    }

    .member-nav .active a {
        border-color: rgb(19 192 126 / 0%);
    }

    .member-center .top .left .above {
        padding: 20px;
    }

    .member-center .top .left .below {
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
    }

    .member-center .top .left .below span {
        font-size: 12px;
    }

    .member-center .top .left .below a {
        padding: 0 15px;
    }

    .member-center .middle .item {
        padding: 20px 20px;
    }

    .member-center .middle .item i {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

    /*我的资产*/
    .member-property .top .box {
        padding: 20px;
    }

    .member-property .top .box span {
        font-size: 25px;
    }

    /*我的订单*/
    .member-order .top .box {
        padding: 20px;
    }

    .member-order .top .box span {
        font-size: 25px;
    }

    .member-order .bottom .commodity .box .header {
        display: none;
    }

    .member-order .bottom .commodity .box .list li {
        display: inline;
    }

    .member-order .bottom .commodity .box .list li .list-1, .member-order .bottom .commodity .box .list li .list-2, .member-order .bottom .commodity .box .list li .list-3, .member-order .bottom .commodity .box .list li .list-4, .member-order .bottom .commodity .box .list li .list-5 {
        display: block;
        padding: 15px 0;
        width: 100%;
    }

    .ceo-order-details .module {
        padding: 10px;
    }

    /*我的下载*/
    .member-download .top .box {
        padding: 20px;
    }

    .member-download .top .box span {
        font-size: 25px;
    }

    /*我的卡券*/
    .member-card .top .box {
        padding: 20px;
    }

    .member-card .top .box span {
        font-size: 25px;
    }

    .member-card .bottom .coupon .box .nav a {
        margin-right: 10px;
    }

    /*我的推广*/
    .member-promotion .top .link:after {
        display: none;
    }

    .member-promotion .top .link .module .input {
        margin-right: 0;
        padding: 0;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .member-promotion .top .box {
        padding: 20px;
    }

    .member-promotion .top .box span {
        font-size: 25px;
    }

    /*我的收益*/
    .member-income .top .box span {
        font-size: 20px;
    }

    /*分页*/
    .paginate {
        margin: 20px 0 !important;
    }

    .paginate .page-numbers {
        padding: 0 12px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    /*为空*/
    .member-empty {
        margin-bottom: 80px;
    }

    .member-empty i {
        min-height: 230px;
    }

    /*会员弹窗*/
    .ceo-svip .ceo-modal-dialog .top {
        padding: 20px;
    }

    .ceo-svip .ceo-modal-dialog .top .moduletitle span {
        font-size: 15px;
    }

    .ceo-svip .ceo-modal-dialog .top .moduletitle p {
        font-size: 12px;
    }

    .ceo-svip .ceo-modal-dialog .top .package {
        padding: 15px;
    }

    .ceo-svip .ceo-modal-dialog .top .package ul li button span {
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .top .package ul li button p {
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .top .package ul li button em {
        font-size: 12px;
        border-radius: 4px;
    }

    .ceo-svip .ceo-modal-dialog .top .desc {
        padding: 15px;
    }

    .ceo-svip .ceo-modal-dialog .top .way {
        padding: 15px;
    }

    .ceo-svip .ceo-modal-dialog .top .way .coupon {
        padding: 0;
    }

    .ceo-svip .ceo-modal-dialog .top .way .coupon i {
        font-size: 16px !important;
    }

    .ceo-svip .ceo-modal-dialog .top .way .coupon input {
        font-size: 12px;
    }

    .ceo-svip .ceo-modal-dialog .top .way .coupon button {
        line-height: 40px;
        font-size: 12px;
        padding: 0;
    }

    .ceo-svip .ceo-modal-dialog .top .way .coupon button v {
        display: none;
    }

    .ceo-svip .ceo-modal-dialog .top .way ul {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: -10px;
        justify-content: inherit;
    }

    .ceo-svip .ceo-modal-dialog .top .way ul li {
        padding-left: 10px;
        width: 50%;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
    }

    .ceo-svip .ceo-modal-dialog .top .way ul li button {
        padding: 0 10px;
    }

    .ceo-svip .ceo-modal-dialog .top .way ul li button .icon {
        width: 15px;
        height: 15px;
        right: 10px;
    }

    .ceo-svip .ceo-modal-dialog .bottom .money span {
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .bottom .money p {
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .bottom .money p span {
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .bottom button {
        width: 100px;
        height: 35px;
        line-height: 30px;
        font-weight: 400;
        font-size: 14px;
    }

    .ceo-svip .ceo-modal-dialog .bottom {
        padding: 16px 20px;
    }

    /*充值弹窗*/
    .ceo-recharge .ceo-modal-dialog .button {
        line-height: 40px;
    }

    .ceo-cards .ceo-modal-dialog .button {
        line-height: 40px;
    }

    /*积分弹窗*/
    .ceo-exchange .ceo-modal-dialog .button {
        line-height: 40px;
    }

    /*提现弹窗*/
    .ceo-extract .ceo-modal-dialog .button {
        line-height: 40px;
    }

    /*购买框*/
    .ceo-purchase .button {
        line-height: 40px;
    }

    /*隐藏内容*/
    .ceo-hide .icon i {
        padding: 20px;
        font-size: 30px !important;
    }

    .ceo-hide .btns button, .ceo-hide .btns a {
        font-size: 12px;
        line-height: 32px;
    }

    /*视频课程*/
    .ceo-video-module {
        height: 100% !important;
    }

    .ceo-video-purchase-no {
        height: 300px !important;
    }

    .ceo-video-hide .icon i {
        font-size: 15px !important;
    }

    .ceo-video-hide .desc .info {
        font-size: 12px;
    }

    .ceo-video-hide .btns button, .ceo-video-hide .btns a {
        font-size: 12px;
        line-height: 32px;
    }

    .ceo-video-hide .number {
        display: none;
    }
}