body{-webkit-user-select:none;user-select:none}
/*----------------
裁剪插件
----------------*/
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}
.cropper-canvas,.cropper-wrap-box{overflow:hidden}
.cropper-drag-box{background-color:#fff;opacity:0}
.cropper-modal{background-color:#000;opacity:.5}
.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}
.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}
.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center::after,.cropper-center::before{background-color:#eee;content:' ';display:block;position:absolute}
.cropper-center::before{height:1px;left:-3px;top:0;width:7px}
.cropper-center::after{height:7px;left:0;top:-3px;width:1px}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{background-color:#fff;left:0;top:0}
.cropper-line{background-color:#39f}
.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}  }
@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}  }
@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}  }
.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC')}
.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}
.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

/*----------------
钱包
----------------*/
.score-wrap{display:flex;margin:0 -5px;overflow:hidden}
.score-top{width:50%;margin:5px;border-radius:var(--ds-radius);background:var(--ds-box);padding:15px}
.score-data,.score-item{display:flex;justify-content:space-between}
.score-data{margin-top:20px}
.score-num span{margin-left:6px;font-weight:700;font-size:23px}
.score-tip{color:var(--ds-sub);font-size:12px}
.score-btn-box{font-weight:400;background:var(--ds-high-color);color:#fff;width:50px;height:26px;line-height:26px;border-radius:var(--ds-radius-bnt)}
.z{color:var(--ds-high-color)}
.c{color:#ff6900}
.score-wrap .ds-fanhui{display:inline-block;transform:scale(-1,-1);font-size:12px;margin-left:3px}
.record-title{display:inline-block;border-radius:var(--ds-radius-bnt);text-shadow:0 0 0;font-weight:400;font-size:12px;height:18px;line-height:18px;padding:0 10px}
.plus{background:rgba(41,151,247,.1)}
.plus,.plus2{color:#2997f7}
.reduce{background:rgba(194,41,46,.1)}
.reduce,.reduce2{color:#d6064c}
.record-head,.record-info{display:flex;justify-content:space-between}
.record-info{color:var(--ds-sub);margin-top:10px}
.record-change{font-weight:600}
.record-item{border-bottom:1px solid var(--ds--border);padding-bottom:15px;margin-bottom:15px}
.record-item:last-child{border-bottom:0;margin-bottom:0}
@media (min-width: 768px) {
    .record-title{font-size:13px;height:22px;line-height:22px;padding:0 12px}
}
@media (max-width: 767px) {
    .record-info{font-size:12px}
}
@media (max-width: 500px) {
    .score-top{font-size:13px;padding:12px}
    .score-num span{margin-left:4px;font-size:15px}
    .score-btn-box{width:40px;height:20px;line-height:20px;font-size:12px}
}

/*----------------
推广奖励
----------------*/
.promo-copy-btn{background:var(--ds-high-color);color:#fff;width:100%;border-radius:var(--ds-radius-bnt);font-size:12px;font-weight:600;line-height:36px;height:36px;margin-top:10px}

/*----------------
积分奖励规则
----------------*/
.task-card{border-bottom:1px solid var(--ds--border);margin-bottom:15px;padding-bottom:15px}
.task-card:last-child{border-bottom:0;margin-bottom:0}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.task-name{font-size:var(--ds-font-title);font-weight:500}
.task-point{font-weight:600;font-size:15px}
.task-desc{font-size:13px;line-height:1.6;margin-bottom:12px}
.task-limit{font-size:12px;color:var(--ds-sub)}

/*----------------
安全中心
----------------*/
.safe-title{font-weight:500;margin-bottom:8px;font-size:var(--ds-font-title)}
.safe-desc{color:var(--ds-sub)}
.safe-title{font-weight:500;margin-bottom:8px;font-size:var(--ds-font-title)}
.safe-desc{color:var(--ds-sub)}
.safe-item-row{border:1px solid var(--ds--border);margin:10px 0;padding:15px;background:var(--ds-box);border-radius:var(--ds-radius);display:flex;align-items:center;justify-content:space-between}
.safe-item-row .w-auto{text-align:center;margin:0 10px}
.safe-label{display:flex;align-items:center}
.safe-label .fa{display:block;font-size:24px;color:#fff;background:#2997f7;border-radius:100%;width:36px;height:36px;line-height:36px;text-align:center;margin-right:10px}
.safe-label .ds-mibao{background:#5c7cff}
.safe-label .ds-suoding{background:#d448f5}
.safe-btn{height:30px;line-height:30px;padding:0 15px;color:#2997f7;border:1px solid #2997f7;border-radius:var(--ds-radius-bnt);font-size:12px;font-weight:600}
.safe-btn:hover{background:rgba(41,151,247,.1)}
.modify{color:#c58516;border:1px solid #c58516}
.modify:hover{background:rgba(179,103,8,.1)}

/*----------------
提现记录
----------------*/
.record-item .item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.record-item .item-money{font-size:var(--ds-font-title);font-weight:600}
.record-item .tag-pass,.record-item .tag-wait{padding:3px 10px;font-size:12px;border-radius:20px}
.record-item .tag-wait{background:#fff7e6;color:#ff7d00}
.record-item .tag-pass{background:#e6ffed;color:#00b42a}
.record-item .info-row{margin-top:5px;font-size:12px}
.record-item .remark-text{margin-top:8px;padding:6px 10px;background:var(--ds-box)}

/*----------------
用户组
----------------*/
.group-item{border:1px solid var(--ds--border);border-radius:var(--ds-radius);padding:20px 24px;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;transition:border-color .2s;background:var(--ds-box)}
.group-item:hover{border-color:#d0d0d0}
.group-item .group-left{flex:1;min-width:260px}
.group-item .group-name-box{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.group-item .group-name-box img{width:20px;height:20px}
.group-item .group-name{font-size:var(--ds-font-title);font-weight:600}
.group-item .info-row{display:inline-block;margin-right:18px;font-size:14px;color:var(--ds-sub);margin-top:6px}
.group-item .info-row span{color:var(--ds-color);font-weight:500;margin-left:4px}
.group-item .group-right{flex-shrink:0}
.group-item .btn-open{padding:0 22px;border:none;border-radius:6px;font-size:14px;cursor:pointer;line-height:38px;height:38px}
.group-item .text-tip{font-size:14px;color:var(--ds-sub)}
.buy-group-box div[data-type]{border:1px solid var(--ds--border);padding:20px 16px;margin-bottom:10px;cursor:pointer;border-radius:var(--ds-radius)}
.buy-group-box div[data-type].current{border-color:var(--ds-high-color);background:var(--ds-box)}
.buy-group-box div[data-type] i{display:inline-block;width:14px;height:14px;border:1px solid #ccc;border-radius:50%;margin-right:8px;vertical-align:middle}
.buy-group-box div[data-type].current i{background:var(--ds-high-color);border-color:var(--ds--border)}
.user-card{display:flex;align-items:center;gap:12px;padding-bottom:15px}
.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid var(--ds--border)}
.user-card .nickname{font-size:var(--ds-font-title);font-weight:500;margin-bottom:6px}

/*----------------
关注列表(消息列表复用)
----------------*/
.follow-item{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid var(--ds--border)}
.follow-item:last-child{border-bottom:none}
.follow-item .this-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.follow-item .this-info{flex:1}
.follow-item .this-name{font-size:var(--ds-font-title);margin-bottom:4px}
.follow-item .ds-bnt-b{height:38px;line-height:38px;padding:0 16px}
.follow-bnt.followed,.follow-bnt.mutual{color:var(--ds-color);background:var(--ds-box)}
.follow-item .this-passive{font-size:12px;margin-bottom:12px;cursor:pointer;position:relative;padding-left:10px;margin-top:6px}
.follow-item .this-passive:before{content:'';position:absolute;left:0;top:0;bottom:0;border-radius:8px;width:4px;background:var(--ds--border)}
.follow-item .this-passive img{margin:0 1px;height:14px;transform:translate(0,1px)}