/****/
:root {
    --one-skin-main-color: #ffffff;
    --one-skin-white-color: #2b7acd;
}

/****/
body,html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{background:#fff}


/****/
.one-dialog-backdrop{position:fixed;top:0;left:0;z-index:10000;visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition-duration:.4s;}
.one-dialog-backdrop.backdrop-in{visibility:visible;opacity:1;}
.one-dialog{position:fixed;top:50%;left:50%;z-index:10001;display:none;overflow:hidden;margin-top:0;margin-left:calc(-1 * 90%/ 2);width:90%;border-radius:6px;opacity:0;transition-duration:.4s;transition-property:transform,opacity;transform:translate3d(0,-50%,0) scale(1.185);will-change:transform,opacity;}
.one-dialog.dialog-in{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
.one-dialog>*{position:relative;}


/****/
.toast-modal{position:fixed;top:50%;right:0;bottom:50%;left:0;z-index:100000;display:flex;margin:0 1.5rem;opacity:0;justify-content:center;align-content:center;align-items:center;}
.toast-modal.modal-in{visibility:revert;opacity:1;}
.toast-body{padding:1rem 1rem;border-radius:5px;background:rgb(0 0 0 / 80%);color:#fff;font-size:14px;text-align:center;min-width: 100px}
.toast-body a{display:inline-block;color:#fff;}
.dialog_box.sheet{top:inherit!important;bottom:0;left:0!important;width:100%!important;height:auto!important;transition:transform .3s;}

.sheet-modal-inner{border-radius:10px 10px 0 0;background:#fff;}

.actions-modal{position:fixed;bottom:0;left:0;z-index:13500;display:none;overflow:auto;width:100%;max-height:100%;transition-property:transform;transform:translate3d(0,100%,0);-webkit-overflow-scrolling:touch;will-change:transform;}
.actions-modal.modal-in{transform:translate3d(0,calc(-1 * env(safe-area-inset-top)),0);}
.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0);}
.actions-modal.modal-in,.actions-modal.modal-out{display:block;transition-duration:.3s;}

.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.fab-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:fixed;top:0;left:0;z-index:13000;visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition-duration:.4s;}
.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.fab-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1;}

.one-actions-title{border-bottom: 1px solid #ededed;padding: 1rem;font-size: 15px;font-weight: 500;}
.one-actions-title + .one-actions-grid {background: #f5f6f8;}

.one-actions-grid{box-sizing:border-box;}
.one-actions-grid .actions-group{display:flex;flex-wrap:wrap;padding:1rem 0}
.one-actions-grid .actions-group:not(:last-child){border-bottom: 1px solid #f3f3f3;}
.one-actions-grid .actions-footer{display:flex}
.one-actions-grid .actions-footer button{width:100%;background:#fff;padding:1rem;}
.one-actions-grid .actions-label{display:flex;padding:.8rem;min-height:32px;border-bottom:1px solid #f3f3f3;color:#8a8a8a;line-height:32px;justify-content:center;}
.one-actions-grid .actions-button{display:flex;box-sizing:border-box;padding:1rem;width:25%;color:#757575;text-align:center;flex-direction:column;align-items:center;}
.one-actions-grid .actions-button-icon{display:flex;margin-bottom:.4rem;padding:1rem;border-radius:50%;background:#f7f7f7;}
.one-actions-grid .actions-button-icon i{color:#474747;font-size:26px;}
.one-actions-grid .actions-button-img{display:flex;margin-bottom:.4rem;border-radius:50%;background:#f7f7f7;}
.one-actions-grid .actions-button-img img{width: 45px;height: 45px;display: flex}
.one-actions-grid .actions-button-text{color:#757575;font-size:12px;}

/****/
.one-touch-header.fixed-header{position:fixed;z-index:100;box-sizing:border-box;width:100%;background:#fff;}
.one-touch-body-bg{background-color: var(--dz-BG-body);}
.one-touch-page-index .one-touch-header .touch-header-bar-left, .one-touch-page-index .one-touch-header .touch-header-bar-right{flex-basis: 40px;}

/****/
.one-touch-page-logging{background:#fff url(../bg/touch-page-logging.png) no-repeat;background-size:cover;}
.one-touch-page-register-{background:#fff url(../bg/touch-page-register.png) no-repeat;background-size:cover;}
.one-touch-page-register:before{position:absolute;top:0;z-index:-1;display:flex;width:100%;height:100%;background:#fff url(../bg/touch-page-register.png) no-repeat;background-size:cover;content:'';opacity:.6;}
.one-touch-page-logging:before{position:absolute;top:0;z-index:-1;display:flex;width:100%;height:100%;background:transparent url(../bg/newbie_gift_dialog_bg.png) no-repeat;background-size:cover;content:'';opacity:.2;}
.member-login-dialog,.one-page-forumdisplay,.one-page-index,.one-page-viewthread{background:#fff;}


/****/
.one-footer-height{min-height:60px;}

.one-canvas-space_share,
.one-canvas-space_skin{border-radius:8px 8px 0 0;}


/****/
.one-thread-body,.thread-comments-items{font-size:14px;}
.thread-toolbar_height{display:block;height:55px;}
.one-header-height{height:50px;}
.one-header-height-mini{height:30px;}

/****/
.one-touch-separated{height:.6rem;background:#f6f7fa;}


/****/
.one-touch-header{display:flex;height:50px;min-height: 50px;align-items:center;justify-content:space-between;padding:0 1rem;position: relative;z-index: 99;transition:all .3s ease;border-bottom: 1px solid transparent;}
.one-touch-header .header-icon_bg{background: rgb(0 0 0 / 30%);padding: .4rem;border-radius: 50%;}
.one-touch-header .header-icon_bg.icon-bg-white{background: rgb(255 255 255 / 12%);}

.one-touch-header .touch-header-bar-left{justify-content: flex-start;}
.one-touch-header .touch-header-bar-left .iconfont,.one-touch-header .touch-header-bar-right .iconfont{color:#4b5563;font-size:22px;font-weight:500}
.one-touch-header .touch-header-bar-left svg,.one-touch-header .touch-header-bar-right svg{fill:#1F2937;width:22px;height:22px;}
.one-touch-header .touch-header-bar-left,.one-touch-header .touch-header-bar-right{display:flex;align-items:center;flex-basis: 60px;height:100%;line-height:1;}
.one-touch-header .touch-header-bar-middle{flex: 1;height: 100%;display: flex;flex-direction:column;align-items: center;justify-content: center;overflow:hidden}
.one-touch-header .touch-bar-middle-title{width:90%;font-size:15px;font-weight:500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center}
.one-touch-header .touch-bar-middle-sub_title{color: #666;font-weight: 400;font-size: 12px;transform: scale(.8);line-height: 1}
.one-touch-header .touch-bar-middle-title.min_title{font-size:14px;}
.one-touch-header .touch-header-bar-right{justify-content: flex-end;}
.one-touch-header .touch-header-bar-left>*:not(:last-child){margin-right:1rem;}
.one-touch-header .touch-header-bar-right>*:not(:last-child){margin-right:1rem;}

.touch-header-light .touch-header-bar-left .iconfont,
.touch-header-light .touch-header-bar-right .iconfont,
.touch-header-light .touch-header-bar-middle {color: #fff;}


/****/
.one-touch-message{display:flex;padding:2rem 1rem;margin:.8rem;border-radius:4px;min-height:260px;background:#fff;flex-direction:column;align-items:center;justify-content:center;}
.touch-message-icon{padding:1rem;}
.touch-message-icon i{display:flex;width:60px;height:60px;background:url(/template/one_touch/assets/svg/icon_tip.svg) no-repeat center;background-size:contain;}
.touch-message-body{padding:1rem 0;color:#6b7280;text-align:center;font-size:13px;line-height:2;}
.touch-message-toolbar{padding:2rem 1rem 1rem;}
.touch-message-toolbar p{position:relative;display:flex;justify-content:center;}
.touch-message-toolbar a{margin:.4rem;padding:.4rem 2rem;border-radius:30px;background:#2b7acd;color:#fff;font-weight:500;font-size:12px;}


/****/
.touch-header-bar-dot{position:relative;}
.touch-header-bar-dot .bar_dot{position:absolute;top:0;right:0;display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#ee0a24;}

/****/
.one-touch-top-radius{border-radius:10px 10px 0 0;}

/****/
.one-touch-tabs-nav{position: relative;overflow:hidden;padding:0 .8rem;}
.one-touch-tabs-nav.touch-tabs-more .touch-tabs-more_warp{position:absolute;top:0;right:0;bottom:0;z-index:1;display:flex;padding:0 0.8rem;height:100%;background-color:#fff;justify-content:center;align-items:center;}
.one-touch-tabs-nav.touch-tabs-more .touch-tabs-more_warp i{color:#4b5563;font-size:28px;}
.one-touch-tabs-nav .touch-tabs-anchor{position:relative;display:inline-block;vertical-align:top;white-space: nowrap;}
.one-touch-tabs-nav .touch-tabs-item{position:relative;display:inline-block;width:auto;margin-right:16px;color:#111e36;vertical-align:top;font-weight:400;font-size:16px;line-height:44px;}
.one-touch-tabs-nav.touch-tabs-more .touch-tabs-item:last-child{margin-right: 40px}
.one-touch-tabs-nav .touch-tabs-item.activate{color:#111e36;font-weight:600;font-size:20px;}
.one-touch-tabs-nav .touch-tabs-item.activate:after{position:absolute;bottom:4px;left:50%;margin-left:-3px;width:6px;height:4px;border-radius:5px;background-color:var(--dz-BG-color);content:"";}


/****/
.one-touch-bar-tabs{display:flex;justify-content:center;}
.one-touch-bar-tabs .touch-bar-tabs-item{position:relative;display:inline-block;margin:0 12px;color:#111e36;vertical-align:top;font-size:14px;line-height:45px;}
.one-touch-bar-tabs .touch-bar-tabs-item.activate{font-size:16px;font-weight:500;}
.one-touch-bar-tabs .touch-bar-tabs-item.activate:after{position:absolute;bottom:4px;left:50%;margin-left:-3px;width:6px;height:4px;border-radius:5px;background-color:var(--dz-BG-color);content:"";}


/****/
.one-touch-search-input{display:flex;margin:0 auto;padding:6px 5px;width:90%;border-radius:20px;background:#f6f7fa;align-items:center;}
.one-touch-search-input i{padding:0 5px;color:#969799;font-size: 16px;}
.one-touch-search-input input{background:0 0;font-size:12px;width:100%;border: none}
.one-touch-search-input input:focus{box-shadow:none;}

/****/
.one-touch-search-hot-tags{padding:.8rem;background:#fff;}
.one-touch-search-hot-tags h6{margin:0 .2rem 1.2rem;font-weight:500;font-size:14px;}
.one-touch-search-hot-tags ul{display:flex;margin-bottom:1rem;}
.one-touch-search-hot-tags li{font-size:13px;}
.one-touch-search-hot-tags li a{margin:.2rem;padding:.4rem 1.2rem;border-radius:20px;background:#f6f7fa;color:#6c6c6c;}



/****/
.touch-search-keyword-info{padding:.8rem;border-bottom:1px solid #f6f7fa;background:#fff;font-size:13px;}
.touch-search-keyword-info em{position:relative;}
.touch-search-keyword-info span{margin:0 .2rem;color:red;}
.touch-search-keyword-info a{display:inline-block;}


/****/
.one-touch-tab{display: flex;align-items: center;padding: .8rem 1rem .6rem;}
.one-touch-tab-more{position:relative}
.one-touch-tab-more i{display: flex;color:#fff;font-size:24px;}
.one-touch-tab-anchor{flex: 1;}
.one-touch-tab-item{position:relative;display:inline-block;margin-right:16px;color:#fff;font-weight:400;font-size:14px;line-height:1}
.one-touch-tab-item.item-activate{color:#fff;font-weight:600;font-size:16px;}
.one-touch-tab-item.item-activate:after{position:absolute;bottom:-10px;left:50%;margin-left:-4px;width:8px;height:4px;border-radius:5px;background-color:#fff;content:"";}

/****/
.one-touch-page-index .one-design-card-box{background: transparent;}
.one-header-banner-bg.banner-portal-index{height: 210px;background:transparent}
.one-header-banner-bg.banner-portal-index::after {background: transparent linear-gradient(to top, #ffffff, rgb(255 255 255 / 0%));height: 100px;bottom: 0;top: unset}
.one-header-banner-bg.banner-portal-index::before {background: var(--dz-BG-color);}


/****/
.one-touch-banner-bg .one-touch-search-input{background: #fff}
.one-touch-banner-bg .one-design-tab{padding-top:.4rem;}
.one-touch-banner-bg .one-design-tab-item,.one-touch-banner-bg .one-design-tab-item.item-activate,.one-touch-banner-bg .one-design-tab-more i{color:#fff;}
.one-touch-banner-bg .one-design-tab-item.item-activate:after{background-color:#fff;}

/****/
.one-block-handler+.one-block-conditions{padding-top:0;}
.one-block-handler{position:relative;top:0;left:0;z-index:10;width:100%;height:22px;background:0 0;cursor:pointer;}
.one-block-handler:after{position:absolute;top:50%;left:50%;margin-left:-18px;width:36px;height:4px;border-radius:3px;background:#666;content:'';}


/****/
.one-touch-message .touch-block-message-body{padding:1rem;}
.one-touch-message .touch-block-message-icon{display:flex;margin-top:.5rem;width:100%;height:40px;text-align:center;}
.one-touch-message .touch-block-message-content{margin:0;padding-top:1rem;padding-bottom:.6rem;text-align:center;}
.one-touch-message .touch-block-message-footer{display:flex;padding:.8rem;border-top:1px solid #efefef;color:var(--dz-FC-666);font-size:12px;}

/****/
.one-touch-message.sheet-message .one-block-content{padding:1rem;}
.one-touch-message.sheet-message .touch-block-message-content{padding:1rem 1rem 1.6rem;}
.one-touch-message.alert_error .touch-block-message-icon{background:url(../svg/icon-show_error.svg) no-repeat center;background-size:contain;}
.one-touch-message.alert_right .touch-block-message-icon{background:url(../svg/icon-show_successful.svg) no-repeat center;background-size:contain;}
.one-touch-message.alert_info .touch-block-message-icon{background:url(../svg/icon-show_info.svg) no-repeat center;background-size:contain;}

/****/
.touch-block-message-header{display:flex;padding:.8rem;border-bottom:1px solid #efefef;}
.touch-block-message-title{font-weight:500;font-size:14px;}
.touch-block-message-close{margin-left:auto;line-height:1;}
.touch-block-message-close i{color:var(--dz-FC-666);font-size:20px;}
.one-block-textarea{padding:.3rem;width:100%;border:1px solid #efefef;border-radius:4px;box-sizing: border-box;}
.block-textarea{width:100%;min-height:100px;color:#9e9e9e;border: none;font-size:12px;}

/****/
.one-touch-dialog{width: 100%;background: #fff;border-radius: 4px;}
.one-touch-dialog .touch-dialog-header{display:flex;padding:.8rem 1rem;height:30px;border-bottom:1px solid #efefef;border-radius:5px 5px 0 0;background:#f8f8f8;font-size:15px;line-height:1;align-items:center;justify-content:center;}
.one-touch-dialog .touch-dialog-header span{flex:1;font-weight:400;}
.one-touch-dialog .touch-dialog-header i{margin-left:auto;color:#8e8e93;font-size:18px;}
.one-touch-dialog .touch-dialog-content{display:flex;padding:1rem;min-height:60px;flex-direction: column;}
.one-touch-dialog .touch-dialog-footer{display:flex;padding:1rem;border-top:1px solid #efefef;justify-content:space-between;}
.one-touch-dialog .touch-dialog-footer button{width:100%;margin-right:.8rem;}
.one-touch-dialog .touch-dialog-footer button.color-gray{background:#f9fafb;color:#333;border:1px solid #efefef;}
.one-touch-dialog .touch-dialog-footer button:last-child{margin-right:0;}
.one-touch-dialog .touch-dialog-scroll{max-height:320px;overflow:scroll;}


/****/
.touch-dialog-header+.one-touch-cells:before, .touch-dialog-header+.one-touch-cells:after, .touch-dialog-header+.one-touch-cells .one-touch-cell:last-child:after{border: none;}


/****/
.one-touch-tabs-menu{display:flex;min-height:calc(100% - 158px);font-size:14px;border-top:1px solid #efefef;}
.one-touch-tabs-menu .tabs-menu-side a:first-child{border-top:0;}
.one-touch-tabs-menu .tabs-menu-side{display:flex;width:100px;background:#fbfbfb;flex-direction:column;align-items:center;border-right:1px solid #efefef;}
.one-touch-tabs-menu .menu-side-item{padding:1.2rem .6rem;width:100%;box-sizing:border-box;border-top: 1px solid transparent;border-bottom:1px solid transparent;color:#111e36;text-align:center;margin-right: -2px;}
.one-touch-tabs-menu .menu-side-item.item-active{position:relative;z-index:1;background:#fff;color:var(--dz-BG-color);border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.one-touch-tabs-menu .menu-side-item.item-active:before{position:absolute;top:34%;bottom:34%;left:-1px;width:4px;height:34%;border-radius:0 3px 3px 0;background-color:var(--dz-BG-color);content:"";}
.one-touch-tabs-menu .tabs-menu-main{flex:1;overflow: hidden}
.one-touch-tabs-menu .menu-main_item{display:flex;margin:0 1rem;padding:1rem 0;border-bottom:0 solid #efefef;align-items:center;}
.one-touch-tabs-menu .menu-main_item:last-child{border-bottom:none;}
.one-touch-tabs-menu .menu-main_item .main_item__left{display:flex;flex:1;overflow: hidden}
.one-touch-tabs-menu .menu-main_item .main_item-info{display:flex;margin-left:8px;flex-direction:column;justify-content:center;overflow: hidden}
.one-touch-tabs-menu .menu-main_item .main_item__left img{display:flex;width:45px!important;height:45px!important;border-radius:50%;background: #edeef3;object-fit:contain}
.one-touch-tabs-menu .menu-main_item .item-info_bottom{overflow:hidden;margin-top:.4rem;color:#828ca0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;}
.one-touch-tabs-menu .menu-main_item .main_item__right{display:flex;margin-left:.6rem;}
.one-touch-tabs-menu .menu-main_item .main_item_btn{padding:.3rem .5rem;border-radius:22px;color:var(--dz-BG-color);;white-space:nowrap;font-size:12px;line-height:1;}
.one-touch-tabs-menu .menu-main_title{display:flex;margin:0 .8rem;padding:.8rem 0;border-bottom:1px dashed #efefef;}


/**viewthread**/
.bar-thread-title{display:flex;align-items:center;justify-content:center;}
.bar-thread-title a{color:#646566;font-size:16px;}
.one-thread-title{padding:.8rem .8rem .6rem;font-weight:500;font-size:18px;}
.one-thread-title em{font-style:normal;}
.one-thread-title span{margin-left:6px;color:#646566;font-size:14px;}

.one-thread-header{display:flex;padding:.8rem;align-items:center;justify-content:space-between;}
.one-thread-header .thread-header-left{flex:1;}
.one-thread-header .user-box{display:flex;flex-direction:row;}
.one-thread-header .user-avatar{margin-right:.5rem;}
.one-thread-header .user-avatar img{display:block;width:36px;height:36px;border-radius:50%;}
.one-thread-header .user-text{display:flex;line-height:1;flex-direction:column;justify-content:center;}
.one-thread-header .user-text .text-name{margin-bottom:.3rem;font-size:14px;}
.one-thread-header .user-text .text-info{color:#9ca3af;font-size:12px;}


.one-thread-user-header{display:flex;padding:1rem;align-items:center;}
.thread-user-header-avatar{position:relative;margin-right:.8rem;}
.thread-user-header-avatar img{display:flex;width:38px;height:38px;border-radius:50%;object-fit:cover;}
.thread-user-header-avatar i{position:absolute;margin:0;right:-4px;bottom:3px;width:12px;height:12px;border:1px solid #fff;border-radius:50%;}
.user-header-info-top{display:flex;align-items:center;}
.user-header-info-top .thread-user-level{padding:1px 6px;border:1px solid #3d99f4;border-radius:4px;color:#3d99f4;font-size:12px;line-height:1;}
.user-header-info-name{overflow:hidden;max-width:100px;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14px;line-height:1;}
.user-header-info-groups{padding:.2rem .4rem;border-radius:4px;background:#ffeb3b;line-height:1;}
.user-header-info-icon{display:flex;margin-left:.4rem;}
.user-header-info-icon img{height:16px;margin-left:.6rem;}
.user-header-info-bottom{margin-top:.2rem;color:#888;font-size:12px;}
.thread-user-header-action{margin-left:auto;}
.thread-user-header-action .btn-add{display:flex;padding:6px 10px;border:1px solid var(--dz-BG-color);border-radius:4px;background-color:#fff;color:var(--dz-BG-color);font-size:12px;line-height:1;align-items:center;}
.thread-user-header-action .btn-add.is_click{border:1px solid var(--dz-BG-color);background-color:var(--dz-BG-color);color:#fff;}


.one-thread-body{padding:1rem;color:#4b5563;line-height:30px;}
.one-thread-body a{color: var(--dz-BG-color);text-decoration: none;}
.one-thread-body p{margin:0;padding:0;}
.one-thread-body .pstatus{display: block;color: var(--dz-BG-3);font-size: 12px;}
.one-thread-operation{padding:1rem;}


.touch-forum-block{display:flex;padding:1rem;border-bottom:1px solid #f9fafb;align-items:center;justify-content:space-between;}
.touch-forum-block_icon{margin-right:1rem;}
.touch-forum-block_icon img{display:block;width:46px;height:46px;border-radius:4px;object-fit:cover;}
.touch-forum-block_text{flex:1;}
.touch-forum-block_text a{display:block;font-weight:500;font-size:14px;margin-bottom:.4rem}
.touch-forum-block_text span{color:#6b7280;font-size:12px;font-weight: 400}
.touch-forum-block_bar{display:flex;align-items:center;}
.touch-forum-block_bar a{padding:.5rem 1.6rem;line-height:1;border-radius:30px;color:#6b7280;border:1px solid #9ba3af;font-size:12px;}
.touch-forum-block_bar a.is_click{background:var(--dz-BG-color);border:1px solid var(--dz-BG-color);color:#fff;}
.touch-forum-block_bar i{margin-left:.4rem;color:#9ca3af;font-size:26px;}


.one-thread-pay{display: block;border: 1px dashed #FF9A9A;background: #FFF url(../images/locked.gif) no-repeat 6px 50%;padding-left: 25px;border-radius: 4px;}


.one-thread-comments{padding:.8rem;}
.one-thread-comments-tabs{display:flex;margin-bottom:.6rem;padding:.8rem .8rem 1.2rem;border-bottom:1px solid #f6f7fa;align-items:center;justify-content:space-between;}
.one-tabs-s1{display:flex;align-items:flex-end;}
.one-tabs-s1 .tabs-item{position:relative;margin-right:1rem;font-size:12px;color: #6b7280;}
.one-tabs-s1 .tabs-item.activate{font-weight:500;font-size:14px;color: #333;}
.one-tabs-s1 .tabs-item.activate:after{position:absolute;bottom:-8px;left:50%;margin-left:-4px;width:8px;height:3px;border-radius:10px;background-color: #2071ff;content:"";}

.one-touch-separated-span{display:flex;}
.one-touch-separated-span .span-item.activate{color:#111827;font-weight:500;font-size:12px}
.one-touch-separated-span .span-item:not(:last-child):after{display:block;margin:0 .6rem;width:1px;height:12px;background:#e5e7eb;content:"";}
.one-touch-separated-span .span-item{display:flex;color:#4b5563;font-size:14px;align-items:center;}

.thread-comments-items{display:flex;margin-bottom:.5rem;padding:.8rem .8rem 0;flex-direction:column;}

.comments-items-header{display:flex;justify-content:space-between;align-items:flex-start;}
.comments-items-bottom{margin-left:40px;}
.comments-items-header .comments-items-right{display:flex;align-items:center;}
.comments-items-user{display:flex;align-items:center;}
.comments-items-user .items-user-avatar{display:flex;margin-right:.5rem;}
.comments-items-user .items-user-avatar img{display:block;width:32px;height:32px;border-radius:50%;}
.comments-items-user .items-user-info{display:flex;flex-direction:column;justify-content:center;}
.comments-items-user .items-user-info div{font-weight:500;font-size:14px;}
.comments-items-user .items-user-info div a{color:#0b0d10;}
.comments-items-user .items-user-info span{color:#9ca3af;font-size:12px;}
.comments-items-right-bar,.comments-items-right-bar a{display:flex;color:#1f2937;align-items:center;}
.comments-items-right-bar i{font-size:18px;}
.comments-items-right-bar span{margin-right:.2rem;font-weight:500;font-size:12px;}
.comments-items-bottom .comments-items-body{margin-top:.6rem;}
.comments-items-body .quote{margin:0 0 .5rem;padding:.4rem .6rem;border-radius:4px;color:#4b5563;background: rgb(139 195 74/5%);border: 1px dashed rgb(0 128 0/28%);}
.comments-items-body blockquote{margin:0;padding:0;}
/*.comments-items-body>br,.one-thread-body br{display:contents;line-height:11px;}*/
.comments-items-bottom .comments-items-child{margin:.5rem 0 .2rem;padding:.6rem;border-radius:4px;background:#f9fafb;color:#4b5563;}
.comments-items-bottom .comments-items-child_item{display:flex;font-size:12px;}
.comments-items-bottom .comments-items-child_item div{font-weight:500;}
.comments-items-bottom .comments-items-child_item span b{font-weight:inherit}
.comments-items-toolbar{display:flex;margin-top:.8rem;color:#9ca3af;font-size:12px;justify-content:space-between;}
.comments-items-toolbar_left{display:flex;}
.comments-items-toolbar_right{display:flex;align-items:center;}
.comments-items-toolbar_right span{display:flex;line-height:1;align-items:center;}
.comments-items-toolbar_right span img{margin-right:4px;}
.comments-items-toolbar_right span:not(:last-child){margin-right:.4rem;}
.comments-items-toolbar_right i{font-size:18px;}
.comments-items-bottom .comments-items-child_item:not(:last-child){margin-bottom:.2rem;}
.thread-comments-items:not(:last-child) .comments-items-toolbar{margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid #f9fafb;}
.one-thread-toolbar{position:fixed;bottom:0;left:0;display:flex;padding:.6rem .8rem;width:100%;min-height:55px;border-top:1px solid #f9fafb;background:#fff;align-items:center;}
.one-thread-toolbar,.one-thread-toolbar *{box-sizing:border-box;}
.thread-toolbar-left{display:flex;flex:1;}
.thread-toolbar-left label{width:100%;}
.thread-toolbar-left input{padding:5px 10px;width:100%;min-height:30px;border-radius:20px;background:#f5f6f8;font-size:12px;}
.thread-toolbar-left .canvas-comments{border:1px solid #ededed;color:#6e6d6d;padding:5px 10px;width:100%;min-height:30px;border-radius:20px;background:#f5f6f8;font-size:12px;}
.thread-toolbar-right{display:flex;margin-left:.4rem;align-items:center;justify-content:space-around;}
.one-thread-toolbar .toolbar-item{display:flex;justify-content:center;margin: 0 .6rem;}
.one-thread-toolbar .toolbar-item .item-icon{line-height:1;}
.one-thread-toolbar .toolbar-item .item-icon i{font-size:22px;}
.one-thread-toolbar .toolbar-item .item-icon svg{width:20px;height:20px;fill:#374151;}
.one-thread-toolbar .toolbar-item span{margin-top:-6px;margin-left:2px;color:var(--dz-FC-666);font-size:12px;}
.one-block-attach-warp{margin-top:1rem;}
.one-block-attach-images{margin-bottom:.8rem;}
.block-attach-images_item{display:flex;flex-direction:column;align-items:center;}
.block-attach-images_item img{display:block;margin:.6rem 0;max-width:100%;border-radius:4px;}
.block-attach_link{display:inline-block;width:100%;text-align:center;flex-direction:column;}
.block-guest-view_thumb img{width:auto;}
.block-guest-view_thumb .thumb_guest_tip{display:block;margin-top:6px;margin-bottom:10px;color:#4b5563;text-align:center;font-size:12px;line-height:1;}
.block-attach-title{margin-bottom:.8rem;font-weight:500;line-height:1;}
.ident_attach{margin-top: .6rem}
.one-block-attach_item,.one-block-attach_item *{box-sizing:border-box;}
.one-block-attach_item{display:flex;margin-bottom:.6rem;padding:.6rem;border:1px dashed #f3f3f3;border-radius:4px;background:#fdfdfd;}
.one-block-attach_item:last-child{margin-bottom:0;}
.one-block-attach_item .block-attach_item_cover{display:flex;margin-right:.6rem;padding:10px;min-width:35px;border-radius:4px;background:#f6f7fa;justify-content:center;}
.one-block-attach_item .block-attach_item_cover img{margin:0;width:30px;height:30px;border-radius:0;object-fit:contain;}
.one-block-attach_item.attachimg{align-items: flex-start;flex-direction: column;padding: 0.8rem;}
.one-block-attach_item.attachimg .block-attach_item_cover{padding: 0;background: transparent;margin: 0 0 1rem;}
.one-block-attach_item.attachimg .block-attach_item_cover img{width: 100%;height: auto;border-radius: 4px;}
.block-attach_item_main{display:flex;overflow:hidden;font-size:12px;line-height:1;flex-direction:column;flex:1;}
.block-attach_item_main .attach_item_main_title{display:flex;margin-bottom:6px;width:100%;}
.block-attach_item_main .attach_item_main_title a{display:inline-block;overflow:hidden;width:90%;color:#111e36;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px;}
.block-attach_item_main .attach_item_main_info{display:flex;margin-bottom:6px;}
.block-attach_item_main .attach_item_main_info span{color:#9ca3af;flex:50%;}
.block-attach_item_main .attach_item_main_info span b{font-weight:400;}
.block-attach_item_main .attach_item_main_description{color:#9ca3af;}

/****/
.one-block-icon{display:flex;margin: 0 2px;width:22px;height:22px;}
.one-touch-pages{margin-bottom: 2.5rem}

/****/
.one-comments-box.no-ajax{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;height:100%;flex-direction:column;}
.one-comments-body{display:flex;overflow:scroll;padding:.8rem;flex:1;flex-basis:100%;flex-direction:column;}
.one-comments-switch{display:flex;padding:.6rem;border-bottom:1px solid #ededed;}
.one-comments-switch .swiper-slide{display:flex;width:auto;align-items:center;}
.one-comments-switch .swiper-slide a{position:relative;margin:0 .5rem;padding-bottom:.4rem;}
.one-comments-switch .swiper-slide .a{font-weight:500;font-size:14px;}
.one-comments-switch .swiper-slide .a:after{position:absolute;bottom:0;left:50%;margin-left:-4px;width:8px;height:3px;border-radius:5px;background-color:var(--dz-BG-color);content:"";}


/****/
.block-icon-cflocation{background:url(../images/mgc_mine_sign_icon@3x.png) center/cover no-repeat;}
.block-icon-menu{background:url(../images/hottalk@3x.png) center/cover no-repeat;}
.block-icon-user{background:url(../images/user_head_comment.png) center/contain no-repeat;border: 1px solid #f87171;border-radius: 50%;}

/****/
.one-block-separated{min-height:.6rem;background:#f6f7fa;}
.one-block-position-center{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;}

/****/
.one-block-data{padding:1rem;background: #fff}
.one-block-data>div:last-child{margin-bottom: 1rem}
.one-block-data *{box-sizing:border-box;-webkit-box-sizing:border-box;}
.one-block-data:after{display:block;overflow:hidden;width:100%;height:0;border-bottom:1px solid #f1f3f6;content:"";transform:scaleY(.5);}

/****/
.block-data-title{margin-bottom:.4rem;font-weight:500;font-size:15px;}
.block-data-title a{color:#1F2937;}

/****/
.block-data-abstract{margin-bottom:.4rem;color:#374151;}
.block-data-abstract span{color:#487bb5;}

/****/
.block-data-cover{display:flex;flex-wrap:wrap;margin:-2px -2px .4rem;position: relative}
.block-data-cover_count{position:absolute;right:12px;bottom:12px;color:#fff;font-weight:500;font-size:12px;}
.block-data-cover .data-cover_item{display:flex;padding:2px;flex:1 1 33.333%;box-sizing:border-box;}
.block-data-cover .data-cover_item img{max-width:100%;border-radius:4px;object-fit:cover;border: 1px solid #f2f2f2;}

/****/
.block-data-cover-p3{display:inline-block;margin-right:-.3rem;}
.block-data-cover-p3 .data-cover_item:nth-child(1){width:64%;height:160px;}
.block-data-cover-p3 .data-cover_item{float:left;display:flex;padding-right:.3rem;padding-bottom:.3rem;width:36%;height:80px;}
.block-data-cover-p3 .data-cover_item img{width:100%;border-radius:4px;object-fit:cover;}

/****/
.block-data-cover-p5{display:flex;margin-right:-.3rem;flex-wrap:wrap;}
.block-data-cover-p5 .data-cover_item{display:flex;padding-right:.3rem;padding-bottom:.3rem;flex:1 1 33.333%;}
.block-data-cover-p5.block-layout-1 .data-cover_item:nth-child(1){flex:1 1 66.666%;}
.block-data-cover-p5.block-layout-2 .data-cover_item:nth-child(4){flex:1 1 66.666%;}
.block-data-cover-p5 .data-cover_item img{width:100%;border-radius:4px;object-fit:cover;}

/****/
.block-data-cover-p6{position:relative;display:inline-block;margin-right:-.3rem;}
.block-data-cover-p6 .data-cover_item{float:left;display:flex;padding-right:.3rem;padding-bottom:.3rem;width:33.333%;}
.block-data-cover-p6.block-layout-1 .data-cover_item:nth-child(1){width:66.666%;}
.block-data-cover-p6.block-layout-2 .data-cover_item:nth-child(4){width:66.666%;}
.block-data-cover-p6 .data-cover_item img{width:100%;border-radius:4px;object-fit:cover;}



/****/
.block-data-cover-p9{display:inline-block;margin-right:-.3rem;}
.block-data-cover-p9 .data-cover_item{float:left;display:flex;padding-right:.3rem;padding-bottom:.3rem;width:25%;height:75px;}
.block-data-cover-p9.block-layout-1 .data-cover_item:nth-child(1){width:50%;height:150px;}
.block-data-cover-p9.block-layout-2 .data-cover_item:nth-child(5){width:50%;height:150px;}
.block-data-cover-p9 .data-cover_item img{width:100%;border-radius:4px;object-fit:cover;}


/****/
.block-data-video-cover{display:flex;position:relative;margin-bottom:.4rem}
.block-data-video-cover img{width:100%;border-radius:4px;}
.block-data-video-cover i{color:#fff;font-size:60px;}

/****/
.block-data-title_news{display:-webkit-box;overflow:hidden;margin-bottom:.6rem;max-height:48px;font-size:18px;line-height:24px;-webkit-box-orient:vertical;}
.block-data-title_news a{color:#111e36;}


/****/
.block-list-news{display:flex;margin-bottom:0.4rem;}
.block-list-news>div:first-child{margin-right:.6rem;}
.block-list-news .list-news_info{display:flex;flex:1;flex-direction:column;justify-content:space-between;}
.block-list-news .list-news_info .news_info__title{display:-webkit-box;overflow:hidden;margin-bottom:.6rem;max-height:48px;color:#111e36;font-size:16px;line-height:24px;-webkit-box-orient:vertical;}
.block-list-news .list-news_info .news_info__text{color:#828ca0;vertical-align:top;font-size:12px;line-height:1;}
.block-list-news .list-news_info .news_info__text i{margin:0 5px;}
.block-list-news .list-news_cover{position:relative;width:125px;}
.block-list-news .list-news_cover i{position:absolute;right:6px;bottom:6px;color:#fff;}
.block-list-news .list-news_cover img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover;}


/****/
.block-data-toolbar-news{display:flex;margin-bottom:.4rem;color:#828ca0;font-size:12px;line-height:1;align-items:center;justify-content:space-between;}
.block-data-toolbar-news .toolbar-news_info{display:flex;align-items:center;}
.block-data-toolbar-news .toolbar-news_info .news_info__tags{margin-right:6px;padding:2px 0;width:30px;border-radius:4px 0 4px 0;background:rgba(255,102,0,.1);color:#f60;text-align:center;line-height:1;}
.block-data-toolbar-news .toolbar-news_info .news_info__division{margin:0 5px;color:#c5cad4;vertical-align:top;font-size:12px;line-height:1;}
.block-data-toolbar-news .toolbar-news_text{color:#828ca0;vertical-align:top;font-size:12px;line-height:1;}

/****/
.block-data-icon-nav{margin-bottom:-0.8rem;}
.block-data-icon-nav .data-icon-nav_warp{display:flex;flex-wrap:wrap;}
.block-data-icon-nav .data-icon-nav_warp a{display:flex;margin-bottom:20px;flex:1 1 20%;flex-direction:column;align-items:center;}
.block-data-icon-nav .data-icon-nav_warp img{margin-bottom:10px;width:30px;}
.block-data-icon-nav .data-icon-nav_warp p{color:#374151;font-size:12px;}
.block-data-icon-nav .data-icon-nav_switch{position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.block-data-icon-nav .data-icon-nav_switch .block-swiper-item{display:inline-block;width:10px;height:3px;background:#e6ebf5;}
.block-data-icon-nav .data-icon-nav_switch .block-swiper-item.block-active{width:10px;background:#101d36;}


/****/
.block-data-toolbar{display:flex;color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:0.4rem;}
.block-data-toolbar .data-toolbar_left{display:flex;justify-content:space-between;align-items:center;}
.block-data-toolbar .data-toolbar_left>div{margin-right: 14px;}
.block-data-toolbar .data-toolbar_left span{font-size:12px;margin-right:2px;color: #9CA3AF;}
.block-data-toolbar .data-toolbar_right{display:flex;align-items: center;justify-content:flex-end;}
.block-data-toolbar .data-toolbar_right>div{margin-left: 14px;}
.block-data-toolbar .data-toolbar_right>span{font-size:14px;margin-left:2px;}
.block-data-toolbar .data-toolbar_right>i{margin-right:.2rem;font-size:16px;}
.block-data-toolbar .data-toolbar_item{display:flex;line-height:1;align-items:center;}
.block-data-toolbar .data-toolbar_item:not(:first-child):not(:last-child){}
.block-data-toolbar .data-toolbar_item i{margin-right:.2rem;font-size:16px;}
.block-data-toolbar .data-toolbar_item span{font-size:12px;}

/****/
.block-data-reply{display:flex;flex-direction: column;margin-bottom:.8rem;flex-wrap:wrap;background: #f9fafb;padding: .8rem;border-radius: 4px;}
.block-data-reply .data-reply_item{margin-bottom:.6rem;color:#6b7280;font-size:12px;}
.block-data-reply .data-reply_item:last-child{margin-bottom:0;}
.block-data-reply .data-reply_item b{color:#374151;font-weight:500;}

/****/
.block-data-input{display:flex;margin-bottom:.4rem;padding:5px;border-radius:20px;background:#f2f2f2;justify-content:space-between;align-items:center;}
.block-data-input .data-input_avatar{display:flex;margin-right:.5rem;}
.block-data-input .data-input_avatar img{display:block;width:25px;height:25px;border-radius:50%;}
.block-data-input .data-input_input{display:flex;line-height:1;flex:1;}
.block-data-input .data-input_input input{width:100%;background:0 0;font-size:12px;}
.block-data-input .data-input_action{display:flex;margin-left:8px;color:#6b7280;line-height:1;}
.block-data-input .data-input_action .input_action__item{margin:0 8px;}
.block-data-input .data-input_action i{font-size:20px;}


/****/
.block-data-tags{display:flex;flex-wrap:wrap;margin-bottom:.6rem;align-items:center;}
.block-data-tags svg{fill:#8590a6;}
.block-data-tags .data-tag_item{display:flex;padding:4px 10px;border-radius:20px;background:#f4f3f3;color:#6b7280;font-size:12px;line-height:1;align-items:center;margin:0.2rem 0.4rem 0.2rem 0;}
.block-data-tags .data-tag_item i{margin-right:.2rem;}
.block-data-tags .data-tag_item span{margin-left:.2rem;color:#d1d5db;}

/****/
.block-data-time{display:flex;margin-left:auto;color:#6b7280;align-items:center;}
.block-data-time i{margin-right:4px;}
.block-data-time span{font-size:12px;}

/****/
.block-data-like{display:flex;align-items:center;}
.block-data-like .data-like_avatar{display:flex;align-items:center;}
.block-data-like .data-like_avatar img{display:block;margin-right:-4px;width:18px;height:18px;border-radius:50%;border: 1px solid #ffffff;}
.block-data-like .data-like_text{margin-left:.5rem;font-size:12px;line-height:1;}

/****/
.one-block-card{padding:.8rem;}
.one-block-card .block-card-header{display:flex;padding-bottom:.8rem;justify-content:space-between;}
.one-block-card .block-card-title{font-weight:500;font-size:16px;}
.one-block-card .block-card-more{display:flex;color:#374151;font-size:12px;align-items:center;}
.one-block-card .block-card-more i{font-size:20px;}
.one-block-card .block-card-body{overflow:hidden;}

/****/
.block-user-header{display:flex;margin-bottom:10px;justify-content:space-between;align-items:center;}
.block-user-header .user-header-avatar{margin-right:.8rem;}
.block-user-header .user-header-avatar img{display:block;width:40px;height:40px;border-radius:50%;}
.block-user-header .user-header-info{display:flex;flex:1;flex-direction:column;justify-content:center;}
.block-user-header .user-header-info>div{display:flex;color:#1f2937;font-weight:500;font-size:14px;align-items:center;}
.block-user-header .user-header-info>div a{max-width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.block-user-header .user-header-info .block-user-icon_male{margin-left:4px;width:16px;height:16px;border-radius:4px;background: url(../images/ugc_user_list_gender_male@2x.png) center/contain no-repeat;}
.block-user-header .user-header-info .block-user-icon_female{margin-left:4px;width:16px;height:16px;border-radius:4px;background: url(../images/ugc_user_list_gender_female@2x.png) center/contain no-repeat;}
.block-user-header .user-header-info .block-user-level{margin-left:4px;padding:1px 6px;border:1px solid #3d99f4;border-radius:4px;color:#3d99f4;font-size:12px;line-height:1;}
.block-user-header .user-header-info .block-user-icon{height:16px;margin-left:4px;}
.block-user-header .user-header-info>span{margin-top:2px;color:#9ca3af;font-size:12px;}
.block-user-header .user-header-plus{display:flex;padding:2px 15px;border:1px solid var(--dz-BG-color);border-radius:20px;color:var(--dz-BG-color);font-size:12px;align-items:center;justify-content:center;}
.block-user-header .user-header-plus.is_click{background: var(--dz-BG-color);color: #fff;border: 1px px solid var(--dz-BG-color);}

/****/
.block-list-1{display:flex;margin:-5px;flex-direction:row;flex-wrap:wrap;}
.block-list-1 .block-list-item{margin:0 auto;padding:5px;width:33.333%;flex:1;}
.block-list-1 .block-list-cover{position:relative;display:flex;overflow:hidden;border-radius:4px;}
.block-list-1 .block-list-cover img{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover;}
.block-list-1 .block-list-cover span{position:absolute;top:0;right:0;padding:.2rem .4rem;background:var(--dz-BG-color);color:#fff;font-size:12px;line-height:1;}
.block-list-1 .block-list-title{overflow:hidden;margin-top:.2rem;color:#111e36;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}


/****/
.one-block-swiper{border-radius:4px;overflow:hidden;}
.one-block-swiper .block-swiper-warp{position:relative;overflow:hidden;border-radius:4px;}
.one-block-swiper .block-swiper-cover{overflow:hidden;height:140px;border-radius:4px;}
.one-block-swiper.swiper-portal .block-swiper-cover{height:200px;}
.one-block-swiper .block-swiper-cover img{width:100%;height:100%;border-radius:4px;object-fit:cover;}
.one-block-swiper .block-swiper-mask{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding: 10px 10px 20px;border-radius:0 0 5px 5px;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.6));}
.one-block-swiper .block-swiper-mask .block-swiper-mask_title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:16px;}
.one-block-swiper .block-swiper-mask .block-swiper-mask_info{margin-top:2px;color:#fff;font-size:14px;}
.one-block-swiper .block-swiper-switch{position:absolute;bottom:0;z-index:3;padding:5px 10px;width:100%;text-align:center;}
.one-block-swiper .block-swiper-switch .block-swiper-item{display:inline-block;margin:0 2px;width:4px;height:4px;border-radius:50%;background:#fff;}
.one-block-swiper .block-swiper-switch .block-swiper-item.block-active{width:8px;border-radius:10px;background:#ff9800;}


/****/
.block-grid-1{display:flex;margin:-5px;flex-wrap:wrap;}
.block-grid-1 .block-grid-item{display:flex;overflow:hidden;margin-bottom:8px;height:100%;flex-direction:column;flex:0 0 20%;}
.block-grid-1 .block-grid-item img{padding:6px;width:46px;height:46px;margin:0 auto;object-fit:contain;}
.block-grid-1 .block-grid-item span{overflow:hidden;padding:0 5px;color:#4b5563;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}


/****/
.block-list-2{}
.block-list-2:before{display:block;margin-bottom:16px;width:75px;height:18px;background:url(../images/bpn_moreTopicTitleImage@3x.png) top/contain no-repeat;content:"";}
.block-list-2 .block-list-item{display:flex;margin:10px 0;justify-content:space-between;align-items:center;}
.block-list-2 .block-list-item_title{display:flex;font-size:14px;align-items:center;color:#1F2937;}
.block-list-2 .block-list-item_title:before{display:block;margin-right:.5rem;width:14px;height:14px;background:url(../images/bpk_icon_topic@3x.png) top/contain no-repeat;content:"";}
.block-list-2 .block-list-item_title span{display:flex;margin-left:.4rem;padding:.1rem;width:14px;height:14px;border-radius:2px;background:#ff4a3b;color:#fff;font-size:12px;line-height:1;align-items:center;justify-content:center;}
.block-list-2 .block-list-item_info{color:#9ca3af;font-size:12px;margin-left: 10px;white-space: nowrap;}




/****/
.one-flex-start{justify-content: flex-start;}
.one-offcanvas--right-full{width: 100%;transform: translate3d(100%, 0, 0);}


/****/
.one-fade{transition:opacity .15s linear;}


/****/
.one-offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;visibility:hidden;max-width:100%;outline:0;background-color:#fff;background-clip:padding-box;transition:transform .3s ease-in-out;flex-direction:column;}
.one-offcanvas-top{top:0;right:0;left:0;height:auto;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%);}
.one-offcanvas-bottom{right:0;left:0;height:auto;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(110%);border-radius: 10px 10px 0 0;}
.one-offcanvas-start{top:0;left:0;width:80%;transform:translateX(-100%);}
.one-offcanvas-start.one-offcanvas-full{width:80%;}
.one-offcanvas-end{top:0;right:0;width:80%;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%);}
.one-offcanvas-end.one-offcanvas-full{width:100%;}
.one-offcanvas.one-show{transform:none;}
.one-offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}
.one-offcanvas-backdrop.one-fade{opacity:0;}
.one-offcanvas-backdrop.one-show{opacity:.5;}


/**访问推广**/
.one-user_business-card{display:flex;box-sizing:border-box;margin:1.2rem;overflow:hidden;max-width:600px;flex-direction:column;align-items:center;justify-content:center;}
.business-card-top{position:relative;background: #2b7acd url("../bg/bg-business-card.png") no-repeat center;background-size: cover;display:flex;box-sizing:border-box;width:100%;min-height:160px;border-radius:4px 6px 0 0;flex-direction:column;align-items:center;justify-content:center;}
.business-card__title{color:#fff;font-weight:500;font-size:22px;width:80%;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.business-card__name{margin-top:.5rem;color:#fff;font-weight:500;font-size:16px;line-height:1}
.business-card__avatar{position:absolute;bottom:-30px;border-radius: 50%;overflow: hidden;background: #fff;padding: 2px;}
.business-card__avatar img{display:block;width:55px;height:55px;border-radius:50%;background:#fff;}
.business-card-bottom{display:flex;box-sizing:border-box;padding:1rem;width:100%;border-radius:0 0 6px 6px;background:#fff;flex-direction:column;align-items:center;}
.business-card__count{display:flex;margin:3.5rem 0 2rem;padding-bottom:2.5rem;width:100%;border-bottom:1px solid #f6f7fa;justify-content:space-around;text-align:center;}
.card__count-item span{font-size:20px;}
.card__count-item small{margin-left:.3rem;font-size:12px;}
.card__count-item p{color:#b3b3b3;}
.business-card__code{display:flex;width:100%;justify-content:space-between;align-items:center;}
.card__code-text{color:#b3b3b3;}
.card__code-image canvas{height:80px;}
.one-user_business-download{display:block;box-sizing:border-box;margin:1.2rem;padding:.8rem;max-width:600px;border-radius:6px;background:#2b7acd;color:#fff;text-align:center;font-weight:500;font-size:13px;}
.one-user_business-download:hover{color:#fff}
.one-user_business-tip{margin:2rem;color:#9a9a9a;}
.one-user_business-tip p{margin-bottom:.5rem;}
.one-user_business-tip span{color:#f26c4f;}


/****/
.one-canvas-qrcode-card{visibility:unset;margin:1rem;border-radius:10px;}
.one-canvas-qrcode-card .one-user_business-download{margin-top:0;}
.canvas-qrcode-card-warp{padding:1.2rem;border-radius:6px;background:#fff;}
.canvas-qrcode-card-header{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f6f7fa;align-items:center;}
.canvas-qrcode-card-header img{margin-right:1rem;width:50px;height:50px;border-radius:50%;}
.canvas-qrcode-card-header h6{font-weight:600;font-size:16px;}
.canvas-qrcode-card-header p{color:#6b7280;font-size:12px}
.canvas-qrcode-card-body{display:flex;padding:1rem 0;flex-direction:column-reverse;align-items:center;}
.canvas-qrcode-card-body canvas{max-width:80%;}
.canvas-qrcode-card-body p{margin-top:1.2rem;color:rgba(0,0,0,.5);}


/****/
.one-touch-user-header{display:flex;padding:1.2rem 1rem;background:#fff;align-items:center;}
.touch-user-header-avatar{margin-right:1rem;}
.touch-user-header-avatar img{display:flex;width:50px;height:50px;border-radius:50%;object-fit:cover;}
.touch-user-header-info{flex:1;}
.touch-user-header-info h6{font-weight:500;font-size:18px;color: #374151;}
.touch-user-header-info span{color:rgba(0,0,0,.5);}
.touch-user-header-more{color:rgba(0,0,0,.5);}
.touch-user-header-more i{font-size:16px;}
.touch-cells-settings .one-touch-cell{padding:1.4rem 1.2rem;}
.touch-cells-settings .one-touch-cell:before{right:1rem;left:1rem;}


/****/
.one-touch-cells-logout{display:flex;padding:1.2rem;background:#fff;color:#f44336;font-size:14px;line-height:1.4;align-items:center;justify-content:center;}


/****/
.one-message-box{display:flex;padding:.4rem 0;width:100%;background:#fff;flex-direction:column;}
.message-box_item{margin:.6rem 1rem;}
.message-box_tip{margin:0 1rem;color:#666;font-size:12px;}
.message-box_tip i{margin-right:.2rem;color:#ff9800;font-size:12px;}
.message-box_item input,.message-box_item textarea{display:block;box-sizing:border-box;padding:.2rem .4rem;width:100%;min-height:30px;border-radius:4px;font-size:12px;}
.message-box_item textarea{min-height:200px;}
.message-box_submit{margin:.6rem 1rem;}
.one-submit-btn{padding:.6rem;width:100%;border-radius:20px;background:#f6f7fa;font-size:14px;transition:background .6s ease-out;}
.one-submit-btn.is-disable{background:#f6f7fa;}
.one-submit-btn.is-validation{background:#2b7acd;color:#fff;}

/****/
.one-common-help{margin:.8rem;padding:.8rem;background:#fff;border-radius:4px;}
.one-common-help .common-help_body{padding:1rem;border:1px dashed #ece7d5;border-radius:2px;background:#fdfbec;color:#f26c4f;}

/**动画效果**/
@keyframes living{0%{opacity:.2;transform:scale(1);} 50%{opacity:0;transform:scale(1.5);} 100%{opacity:.2;transform:scale(1);}}

/**用户中心**/
.one-container,.one-container *{box-sizing:border-box;}
.one-header-home{display:flex;justify-content:space-between;align-items:center;}
.one-header-home i{font-size:22px;line-height:1;}
.header-home_left,.header-home_right{display:flex;margin:1rem .8rem;flex-basis:100px;}
.header-home_left{justify-content:flex-start;}
.header-home_left .iconfont{margin-right:1rem;}
.header-home_middle{font-weight:500;font-size:14px;}
.header-home_right{justify-content:flex-end;}
.header-home_right .iconfont{margin-left:1rem;}


.user-right__count{display: flex;}
.user-right__count .count__item{margin: 0 0.6rem;display: flex;flex-direction: column;align-items: center;}
.user-right__count .count__item span{color: #9ca3af;}
.user-right__count .count__item b{font-size: 14px;font-weight: 500;color: #2a303b;}

.one-live-avatar{position:relative;width:100%;height:100%;}
.one-live-avatar img{position:relative;z-index:2}
.one-live-avatar span{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--dz-BG-color);-webkit-animation:living 3s linear infinite;}
.one-live-avatar span:nth-child(2){-webkit-animation-delay:1.5s;}

/****/
.one-profile_tip{padding:.5rem .8rem;border-bottom:1px dashed #ece7d5;background:#fefce6;color:#6b7280;}
.one-profile_tip-box{margin:.8rem;padding:.5rem .8rem;border:1px dashed #ece7d5;border-radius:4px;background:#fdfbec;color:#f26c4f;}
.one-profile_tip strong{font-weight:400;}
.one-form-setting{display:flex;padding:.8rem;background:#fff;flex-direction:column;}
.form-setting-item{display:flex;margin:1rem .4rem;padding-bottom:1rem;justify-content:space-between;}
.form-setting-item:last-child{padding-bottom: 0;}
.form-setting-item-row{position: relative;display: flex;flex-direction: column;margin: 1rem 0.4rem;}
.form-setting-item-row:not(:last-child){padding-bottom: 0.6rem;border-bottom: 1px solid #f8f8f8;}
.form-setting-item-row .setting-item_privacy{position: absolute;top:.4rem;right: 0;}
.form-setting-item-row .setting-item_title{flex-basis: auto;margin-right:0;min-height:30px}
.form-setting-item-row .setting-item_input{display: block;text-align: left}

.form-setting-item-row #birthdistrictbox, .form-setting-item-row #residedistrictbox{display: flex;padding-top: 0.8rem;}
.form-setting-item:not(:last-child){margin:.8rem .4rem;border-bottom:1px solid #f8f8f8;}
.setting-item_title{display:flex;align-items:center;margin-right: 1rem;color: #797979;/*flex-basis: 66px;*/}
.setting-item_title.error_required{color: red}
.setting-item_title .item-required{margin:0 .4rem;color:#f44336;}
.setting-item_icon{margin-left:.6rem;display: none}
.setting-item_icon .iconfont{color:#d8d8d8;font-size:14px;}

.setting-item_input{display: flex;flex:1;color: #333;}
.setting-item_input>span{padding: 0.2rem 0.6rem;}
.setting-item_input p{display:none}
.setting-item_input p select{margin-top: .4rem}
.setting-item_input input,.setting-item_input select,.setting-item_input textarea,.setting-item_privacy select{box-sizing:border-box;background:transparent;padding:.2rem 0;line-height:20px;width:100%;border:none;color:#333;font-size:12px;min-height: auto;-webkit-appearance: auto;}
.setting-item_input input:focus,.setting-item_input select:focus,.setting-item_input textarea:focus{/*background:#f6f7fa;*/box-shadow:none;text-align:left;}
.form-setting-submit{display:flex;padding:1rem .8rem .8rem;}
.form-setting-submit button{padding:.8rem;width:100%;border-radius:4px;background-color: var(--dz-BG-color);color: var(--dz-FC-fff);font-size:14px;}
.form-setting-submit strong{font-weight:600;}
.setting-item-tip{display:none;margin-top:.3rem;color:#888;}
.setting-item_privacy{margin-left:.8rem;transform: scale(.8);margin-right: -.8rem;}
.setting-item_privacy select{border: 1px solid #ededed;}
.setting-item_warp{display: flex;flex: 1;}
.one-layout-vertical .form-setting-item{flex-direction: column;}
.one-layout-vertical .setting-item_title{flex-basis: auto}

/****/
.credit-card-count{display:flex;box-sizing:border-box;flex-wrap:wrap;}
.credit-card-count_item{display:flex;box-sizing:border-box;margin:0;min-width: 20%;padding:.6rem;flex:1 0 0;flex-direction:column;align-items:center;overflow:hidden;}
.credit-card-count_item div{margin-bottom:.4rem;color:grey;font-size:12px;text-align:center;}
.credit-card-count_item small{margin-left:.2rem;font-size:12px;}
.credit-card-count_item span{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:center;}

/****/
.one-credit-table{display:flex;margin:.8rem;border-radius:4px;background:#fff;flex-direction:column;}
.credit-table_header{display:flex;padding:.8rem;height:26px;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;}
.credit-table_header select{padding: .2rem;max-width: 75%;-webkit-appearance: auto;border: none;font-size: 12px;text-align: right;color: #666;}
.credit-table_header h6{font-size:13px;font-weight:500;}
.credit-table_header .iconfont{color:#888;font-size:14px;}
.credit-table_body{margin:1rem;}
.credit-table_help .credit-table_header{padding-bottom:0;border-bottom:none;}
.credit-table_help .credit-table_body{padding:1rem;border-radius:4px;background:#f3f5f6;}
.credit-table_help .credit-table_body u{text-decoration:none;}

.table_item-line{color:#858585;}
.table_item-line span{margin-right:.4rem;color:#858585;font-weight:initial;}
.table_item-extcredits{display:flex;margin-top:.6rem;padding:.6rem;border:1px solid #f2f5f6;border-radius:4px;color:#858585;background: #f6f7fa;justify-content:space-around;}
.item-extcredits_count{display:flex;margin-right:1rem;flex-direction:column-reverse;align-items:center;}
.item-extcredits_count span{color:#f26c4f;}
.item-extcredits_count b{font-weight:400;}

.one-credit-card{margin:.8rem;padding:1.2rem;border-radius:4px;background:#fff;}
.credit-card-warp{display:flex;justify-content:space-between;align-items:center;}
.credit-card_info{display:flex;flex-direction:column;}
.credit-card_info span{font-size:14px;margin-bottom:.8rem;}
.credit-card_info strong{font-size:26px;}
.credit-card_info strong small{margin-left:.4rem;color:grey;font-size:12px;}
.credit-card_btn{display: flex;flex-direction: column;}
.credit-card_btn a{display:block;margin:.3rem 0;padding:.6rem;min-width:80px;border:1px solid var(--dz-BG-color);border-radius:20px;color:var(--dz-BG-color);text-align:center;line-height:1;}
.credit-card_btn a.btn-bg-red{background:var(--dz-BG-color);border:1px solid var(--dz-BG-color);color:#fff;}

.credit-table_warp{display:flex;flex-direction:column;}
.credit-table_item{display:flex;flex-direction:column;}
.credit-table_item:not(:last-child){border-bottom:1px dashed #ececed;margin-bottom:1rem;padding-bottom:1rem;}
.table_item-title{overflow:hidden;margin-bottom:.8rem;text-overflow:ellipsis;white-space:nowrap;}
.table_item-title strong{font-weight:400;}
.table_item-info{display:flex;align-items: flex-end;color:#9e9e9e;justify-content:space-between;}
.table_item-info a{color:#9e9e9e;}
.item-info_credit{margin-right:.6rem;flex:1;}
.item-info_credit span{color:#f26c4f;}
.item-info_operation{display:none;}


/****/
.credit-pay-type{display:flex;margin:.8rem;padding:1rem;border-radius:4px;background:#fff;flex-direction:column;}
.pay-type_title{margin-bottom:.4rem;font-weight:500;}
.pay-type_warp{display:flex;flex-direction:column;}
.pay-type_item{display:flex;margin:.8rem 0;justify-content:space-between;align-items:center;}
.pay-type_item label,.pay-type_item>div{display:flex;margin-right:1rem;align-items:center;flex:1;}
.pay-type_item svg{margin-right:.6rem;width:20px;height:20px;}
.pay-type_item i{color:#888;font-size:14px;}

.credit-pay-form{display:flex;margin:.8rem;padding:1rem;border-radius:4px;background:#fff;flex-direction:column;}
.credit-pay-form_card{margin-bottom:1rem;}
.pay-form_card-title,.pay-form_seccheck-title{margin-bottom:.4rem;font-weight:500;}
.pay-form_card-input input,.pay-form_card-seccheck input{box-sizing:border-box;padding:.1rem .4rem;width:100%;border-radius:4px;}
.pay-form_card-seccheck{margin-bottom:.2rem;}
.credit-pay-submit{margin:.8rem;}


/****/
.one-credit-exchange{margin:.8rem;padding:1rem;border-radius:4px;background:#fff;}
.one-credit-exchange .exchange_input-group input{border-radius:4px 0 0 4px;flex:1;}
.one-credit-exchange input{flex:1;}
.one-credit-exchange input,.one-credit-exchange select{padding:.2rem .6rem;border-radius:4px;font-size: 12px;}
.exchange_tabs-item{display:flex;margin-bottom:1rem;justify-content:space-between;min-height: 28px}
.exchange_tabs-item span{padding:.4rem .8rem;border-top:1px solid #ededed;border-bottom:1px solid #ededed;background:#f6f7fa;text-align:center;}
.one-credit-exchange select{margin-left:0;width:80px;border-left:0;border-radius:0 4px 4px 0;text-align:center;font-size:12px;-webkit-appearance:auto;}
.credit-exchange_tip{color:red;}
.credit-exchange_password{display:flex;margin-bottom:.8rem;}
.credit-exchange_button{margin:.8rem;}
.credit-exchange_button button{padding:0;width:100%;height:44px;border:none;border-radius:4px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);text-align:center;font-size:16px;line-height:44px;}
.credit-exchange_label{flex-basis:60px;}
.credit-exchange_label .item-required{margin-left:.3rem;color:#f44336;}


/****/
.one-touch-friend-box{border-radius:4px;background:#fff;}
.one-touch-friend-list{padding:1rem;}
.friend-list-item{display:flex;}
.friend-list-item:not(:last-child){margin-bottom:1.2rem;margin-top: .4rem}
.friend-list-item:not(:last-child) .friend-list-middle{padding-bottom:1rem;border-bottom:1px solid #f6f6f6;}
.friend-list-item:not(:last-child) .friend-list-warp{padding-bottom:1rem;border-bottom:1px solid #f6f6f6;}
.friend-list-avatar{margin-left:.4rem;margin-right:1rem;}
.friend-list-avatar img{display:block;width:40px;height:40px;border-radius:50%;}
.friend-list-warp{display:flex;align-items:center;flex:1;}
.friend-list-middle{position:relative;flex:1;}
.friend-list-start{flex:1;}
.friend-list-start+.friend-list-end{height:100%;display:flex;align-items:center;justify-content:center;}
.friend-list-end i{color: #888;}
.friend-list-name{font-weight:500;font-size:13px;}
.friend-list-name small{color: #f26c4f;font-weight: 400;}
.friend-list_warp-info{margin-top:.2rem;color:#888;}
.friend-list_warp-info p{overflow:hidden;height:18px;}
.friend-list_warp-bar{position:absolute;top:-.3rem;right:.3rem;display:flex;}
.friend-list_warp-bar a{display:flex;margin-left:1.2rem;color:#888;font-size:12px;align-items:center;flex-direction:column;}
.friend-list_warp-bar i{font-size:16px;}
.friend-list_warp-bar a.icon-shanchu4{color:var(--dz-BG-2);}


/****/
.one-touch-canvas-common{overflow:hidden;margin:3%;width:94%;border-radius:6px;}
.one-touch-actions-canvas{display:flex;flex-direction:column;}
.touch-actions-canvas-item{display:flex;}
.touch-actions-canvas-item:not(:last-child){border-bottom:1px solid #f6f6f6;}
.touch-actions-canvas-item a{display:flex;padding:1rem;width:100%;}
.touch-canvas-common-header{position:relative;}
.canvas-common-header-user{display:flex;padding:1rem;border-bottom:1px solid #f4f4f4;justify-content:space-between;align-items:center;}
.canvas-common-header-user img{width:26px;height:26px;border-radius:50%;object-fit:cover;}
.canvas-common-header-user h6{margin:0 .8rem;font-weight:500;font-size:12px;flex:1;}
.canvas-common-header-user i{display:flex;box-sizing:border-box;padding:.3rem;width:20px;height:20px;border-radius:50%;background:#f3f3f3;font-weight:600;font-size:14px;align-items:center;justify-content:center;}


/****/
.one-favorite-list{padding:1rem;background:#fff;}
.favorite-list_item{display:flex;font-size:13px;align-items:center;justify-content:space-between;}
.favorite-list_item a{display:flex;align-items:center;}
.favorite-list_item:not(:last-child){margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid #f7f7f7;}
.favorite-list_item a.dialog{margin-left:1rem;order:1;}
.favorite-list_item i{color:var(--dz-BG-2);font-size:14px;}
.favorite-list_item .list_item__icon{display:flex;margin-right:.6rem;border-radius:50%;background:#f6f7fa;align-items:center;align-content:center;justify-content:center;}
.favorite-list_item .list_item__icon img{display:block;padding:.6rem;height:15px;}


/****/
.one-badge-sm{position:relative;}
.one-badge-sm .badge_dot{position:absolute;top:0;right:-2px;display:inline-block;padding:0;width:.4rem;height:.4rem;border-radius:50%;background:#fa5151;color:#fff;}


/**渐变背景**/
.one-header_home-bg{position:absolute;top:0;z-index:-1;width:100%;height:100%;background-color:#f6f7fa;/*background:linear-gradient(0deg,#f6f7fa 0,#dae8fa 100%);*/background:transparent url(../bg/newbie_gift_dialog_bg.png) no-repeat;background-size:contain;opacity: .3;}


/****/
.one-touch-exceptional{display:flex;background:#fff;}
.touch-exceptional-avatar{display:flex;justify-content:center;}
.touch-exceptional-avatar img{width:50px;height:50px;border:2px solid rgb(178 185 196 / 10%);border-radius:50%;object-fit:cover;}
.touch-exceptional-username{margin-top:.4rem;font-weight:500;font-size:15px;}
.touch-exceptional-info{display:flex;margin:1rem 0 1.4rem;font-weight:400;font-size:14px;align-items:center;}
.touch-exceptional-info p{margin:0 .4rem;}
.touch-exceptional-btn{margin-bottom:2rem;padding:.4rem 3rem;border-radius:4px;background:#e4343e;color:#fff;font-size:15px;}
.touch-exceptional-btn:hover{color:#fff;}
.touch-exceptional-count{display:flex;color:#b2b9c4;align-items:center;}
.touch-exceptional-count span{margin:0 .8rem;}
.touch-exceptional-user{display:flex;padding: 1.8rem 1.8rem 1rem;justify-content:center;flex-wrap:wrap;gap:.8rem;}
.touch-exceptional-user img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.touch-exceptional-warp{display:flex;margin:1rem 1rem 1.2rem;width:100%;border-radius:5px;background:#fff;flex-direction:column;align-items:center;}
.touch-exceptional-count:after,.touch-exceptional-count:before{display:inline-block;width:50px;height:1px;border-bottom:1px dashed rgb(156 163 175 / 22%);content:'';}
.touch-exceptional-info:after,.touch-exceptional-info:before{display:inline-block;width:16px;height:16px;content:'';}
.touch-exceptional-info:after{background:url(/template/one_touch/assets/svg/icon-reference-right.svg) no-repeat center;background-size:contain;}
.touch-exceptional-info:before{background:url(/template/one_touch/assets/svg/icon-reference-left.svg) no-repeat center;background-size:contain;}


/****/
.touch-collection-header{display:flex;padding:1.4rem 1rem;justify-content:space-between;border-bottom:1px solid #f6f7fa;}
.touch-collection-header h6{font-weight:500;font-size:14px;display:flex;flex-direction:column;}
.touch-collection-header h6 small{color: #9ca3af;font-weight: 400;font-size: 12px;}
.touch-collection-header a{display:flex;align-items:center;}
.touch-collection-header i{margin:0 .4rem;padding:.2rem;border-radius:50%;background:#0075ff;color:#fff;font-size:12px;line-height:1;}
.touch-collection-body{height:300px;min-height:300px;overflow:scroll;}
.touch-collection-cell{display:flex;padding:1rem;justify-content:space-between;align-items:center;}
.touch-collection-cell:not(:last-child){border-bottom:1px dashed #f6f7fa;}
.collection-cell-start{flex:1}
.collection-cell-start h6{font-size:14px;}
.collection-cell-start p{margin-top:.2rem;color:#9ca3af;font-size:12px;}
.collection-cell-start p b{font-weight:400;}
.collection-cell-end{display:flex;align-items:center;}
.collection-cell-end span{margin:0 .5rem;}
.touch-collection-create{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:10px 10px 0 0;background:rgb(255 255 255 / 100%);transition:transform .3s ease-in-out;transform:translateY(100%);}
.touch-collection-create.is-open{transform:none;}
.touch-collection-footer{display:flex;box-sizing:border-box;width:100%;border-top:1px solid #f6f7fa;}
.touch-collection-footer button{padding:1rem;width:100%;background:0 0;font-size:14px;}
.collection-create-header{display:flex;padding:1rem;justify-content:space-between;align-items:center;}
.collection-create-header a{display:flex;width:22px;height:22px;border-radius:50%;background:#efefed;color:#333;align-items:center;justify-content:center;}
.collection-create-header a i{font-weight:700;font-size:14px;}
.collection-create-header h6{font-weight:500;font-size:14px;}
.collection-create-header button{background:0 0;color:var(--dz-BG-color);font-weight:600;line-height:1;opacity:.5;}
.collection-create-header button.is-validation{opacity:1;}
.collection-create-body{padding:1rem;}
.collection-create-body label{display:flex;padding:.4rem 0;}
.collection-create-body label:not(:last-child){border-bottom:1px solid #f6f7fa;}
.collection-create-body input,.collection-create-body textarea{box-sizing:border-box;padding:.4rem;width:100%;border:none;}
.collection-create-body input:focus,.collection-create-body textarea:focus{box-shadow:none;}



/**发帖评论**/
.one-comments-box{display:flex;flex-direction:column;}
.one-comments-box.in-ajax{background:#fff;height:100%;border-radius:6px;overflow:hidden;}
.one-comments-box,.one-comments-box *{box-sizing:border-box;}
.one-comments-box form{display: flex;height: 100%;flex-direction: column;}
.one-comments-header{display:flex;min-height:50px;border-bottom:1px solid #ededed;color:#4b5563;align-items:center;justify-content:space-between;}
.one-comments-header .header-back{display:flex;flex-basis:22%;justify-content:flex-start;padding-left:1rem;height:100%;align-items:center;}
.one-comments-header .header-back i{font-size:24px;}
.one-comments-header .header-title{display:flex;padding:0 .8rem;height:30px;overflow:hidden;text-align:center;font-size:14px;font-weight: 500;flex:1;align-items:center;justify-content:center;}
.one-comments-header .header-submit{display:flex;flex-basis:22%;justify-content:flex-end;padding-right:1rem;height:100%;align-items:center;}
.one-comments-header .header-submit i.bx-x{font-size:24px;}
.one-comments-header .header-submit button{padding:2px 10px;border-radius:4px;background-color:#2b7acd;color:#fff;font-size:14px;}
.one-comments-footer{border-top:0px solid #ededed;}
.one-comments-footer .comments-bar{display:flex;padding:.4rem 0;border-bottom:1px solid #ededed;color:#888;justify-content:space-between;}
.one-comments-footer .comments-bar .comments-bar_left{display:flex;align-items:center;}
.one-comments-footer .comments-bar .comments-bar_right{display:flex;align-items:center;}
.one-comments-footer .comments-bar .comments-bar_item{display:flex;padding:.6rem;}
.one-comments-footer .comments-bar .comments-bar_item.is-open i{color:#2b7acd;transform:rotate(360deg);}
.one-comments-footer .comments-bar .comments-bar_item i{font-size:22px;transition:transform .6s ease-out;}


.comments_bar_tab{overflow:scroll;max-height:0;background-color:#fff;transition:max-height .25s ease-out;}
.comments_bar_tab.is-open{max-height:20em;}
.comments_bar_warp{position:relative;padding:.8rem;min-height:100px;}
.one-smiles_type{display:flex;border-top:1px solid #ededed;background:#fbfbfb;}
.one-smiles_type .smiles_type_item{padding:8px 12px;border-right:1px solid #fbfbfb;border-left:1px solid #fbfbfb;}
.one-smiles_type .smiles_type_item:first-child.is-open{border-left:1px solid #fff;}
.one-smiles_type .smiles_type_item.is-open{margin-top:-1px;border-right:1px solid #ededed;border-left:1px solid #ededed;background:#fff;}
.one-smiles_type .smiles_type_item img{display:flex;width:24px;height:24px;}
.one-smiles_warp .smiles_item.is-open{overflow-x:scroll;height:130px;}
.one-smiles_warp .smiles_item{display:none;padding:.4rem;flex-wrap:wrap;}
.one-smiles_warp .smiles_item.is-open{display:flex;}
.one-smiles_warp .smiles_item a{display:flex;box-sizing:border-box;padding:10px 5px;width:12.5%;flex:12.5% 0 0;align-items:center;justify-content:center;}
.one-smiles_warp .smiles_item img{width:20px;height:20px;}
.one-uploader__input-box{border:1px dashed #c0ccda;}
.one-uploader__image-box,.one-uploader__input-box{position:relative;display:flex;overflow:hidden;box-sizing:border-box;margin:2%;height:75px;border-radius:4px;background-color:#fbfdff;flex:21% 0 0;}
.one-uploader__input-box:hover{border-color:#409eff;color:#409eff;}
.one-uploader__input-box:after,.one-uploader__input-box:before{position:absolute;top:50%;left:50%;background-color:#8c939d;content:" ";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.one-uploader__input-box:before{width:2px;height:26px;}
.one-uploader__input-box:after{width:26px;height:2px;}
.one-uploader__input{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:transparent;}
.comments_bar_image_list{display:flex;padding:.8rem;flex-wrap:wrap;}
.comments_bar_image_list .one-uploader__delete{position:absolute;top:0;right:0;display:flex;width:20px;height:20px;border-radius:0 0 0 12px;background:rgba(0,0,0,.7);align-items:center;justify-content:center;}
.comments_bar_image_list .one-uploader__delete i{color:#fff;font-size:16px;}
.one-uploader__image-item{display:flex;width:100%;height:100%;}
.one-uploader__image-item img{width:100%;border-radius:4px;object-fit:cover;}
.comments_bar_attachment_list{padding:.8rem;}
.one-uploader-attachment__input-box{position:relative;display:flex;width:80px;height:30px;border-radius:50px;background:#2b79cd;color:#fff;align-items:center;justify-content:center;}
.one-uploader-attachment__input-box .one-uploader-attachment__input{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:transparent;}
.one-uploader-attachment__header{display:flex;align-items:center;justify-content:space-between;}
.one-uploader-attachment__input-info{color:#666;}
.one-uploader-attachment__input-info span{color:#f90;}
.comments_bar_attachment_body{display:none;margin-top:.6rem;padding:.6rem;min-height:100px;border:1px dashed #f3f2f2;border-radius:4px;background:#fbfbfb;}
.comments_bar_attachment_body.is-open{display:block;}
.bar_attachment__input{display:flex;margin-bottom:.4rem;align-items:center;}
.bar_attachment__input:last-child{margin-bottom:0;}
.bar_attachment__input label{width:100%;}
.bar_attachment__input span{margin-right:10px;text-align:center;flex:30px;}
.bar_attachment__input input,.bar_attachment__input select,.bar_attachment__input textarea{display:block;padding:.2rem;width:100%;border-radius:4px;font-size:12px;}
.comments_bar_attachment_item{margin-top:.8rem;padding:.6rem;border:1px solid #f3f2f2;border-radius:4px;}
.comments_bar_attachment_header{display:flex;justify-content:space-between;align-items:center;}
.bar_attachment_item_icon img{width:20px;}
.bar_attachment_item_title{margin-right:auto;margin-left:10px;}
.bar_attachment_item_tools{display:flex;margin-left:10px;}
.bar_attachment_item_tools .one-uploader__delete{display:flex;margin-right:.6rem;align-items:center;}
.bar_attachment_item_tools i{font-size:16px;transition:transform .6s ease-out;}
.bar_attachment_item_tools i.is-open{transform:rotate(180deg);}
.bar_attachment_item_tools i.bx-trash{color:#ff5656;}
.bar_attachment_item_tools i.bx-chevron-down{font-size:20px;}
.comments_bar_at{width:100%;margin:.8rem 0;}
.comments_bar_at .swiper-slide{margin-right:1rem;width:auto;}
.comments_bar_at .swiper-slide a{display:block;padding:.1rem .6rem;border:1px solid #ededed;border-radius:20px;background:#fbfbfb;font-size:12px;}
.one-comments-grid{display:flex;flex-wrap:wrap;}
.one-comments-grid .comments-grid-item{display:flex;padding:.8rem;flex:25% 0 0;flex-direction:column;align-items:center;align-content:center;}
.one-comments-grid .comments-grid-item .grid_item_icon{display:flex;margin-bottom:.6rem;padding:1rem;border-radius:10px;background:#f2f3f5;color:#666;font-size:28px;align-items:center;justify-content:center;}
.one-comments-grid .comments-grid-item .grid_item_text{color:#666;font-size:12px;}
.comments_bar_info{margin-top:.6rem;color:#f90;}
.one-comments_common_bar{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease-out;}
.one-comments_common_bar.is-open{z-index:1;opacity:1;}
.comments_bar_title{display:flex;padding:.8rem;border-bottom:1px solid #ededed;background:#fbfbfb;font-size:14px;align-items:center;}
.comments_bar_title i{font-size:20px;}
.comments_bar_title .bx-x{margin-left:auto;}
.comments_bar_title span{margin-left:5px;}
.comments_bar_body{padding:1rem;}
.comments_bar_field textarea{padding:.3rem;width:100%;min-height:80px;font-size:13px;}
.comments_bar_field label{display:flex;}
.comments_bar_field textarea.min-textarea{height:48px;min-height:auto;}
.comments_bar_field_item{display:flex;padding:10px 0;border-bottom:1px solid #ededed;font-size:14px;}
.comments_bar_field_item:first-child{padding-top:0;}
.comments_bar_field_item span{margin-right:15px;font-weight:500;}
.comments_bar_field_item label{flex:1;}
.comments_bar_field_item input{width:100%;border:none;}
.comments_bar_submit{margin-top:.6rem;padding:.6rem .8rem;border-radius:50px;background-color:#2b7acd;color:#fff;text-align:center;font-weight:500;}

.one-comments-body{padding:.8rem;flex:1;}
.one-comments-body .comments-subject{margin-bottom:.8rem;}
.one-comments-body .comments-subject input{padding:6px;width:100%;border:none;border-bottom:1px dashed #f3f3f3;color:#999;font-size:14px;}
.one-comments-body .comments-textarea{margin-bottom:.8rem;flex: 1;}
.one-comments-body .comments-textarea textarea{padding:6px;width:100%;border:none;color:#999;height: 100%;overflow: auto;}

.one-comments-tabs{display:flex;width:100% !important;flex-direction:column;/*margin-top:-1px;background:#fff;*/}
.one-comments-tabs .one-comments-tabs__item{display:flex;margin: .8rem .8rem 0;padding-bottom:.8rem;border-bottom:1px dashed #f5f5f5;color:#666;justify-content:space-between;align-items:center;}
.one-comments-tabs .one-comments-tabs__item>span{display:flex;width:100%;}
.one-comments-tabs .one-comments-tabs__item i{font-size:18px;}
.one-comments-tabs .one-comments-tabs__item i:first-child{margin-right:.8rem;}
.one-comments-tabs .one-comments-tabs__item h6{margin-right:auto;font-size: 13px}
.one-comments-tabs .one-comments-tabs__item i:last-child{color:#999;}
.one-comments-box{transition:transform .3s cubic-bezier(.4,0,.6,1);transform:translate3d(0,0,0);}



.sidebar-panel-options_box .one-touch-tabs-menu{border-top:none;}
.sidebar-panel-options_box .one-touch-tabs-menu .menu-main_item{margin:0;padding:.8rem;border-bottom:1px dashed #efefef;}
.sidebar-panel-options_box .one-touch-tabs-menu .menu-main_item .main_item-icon img{width:35px;height:35px}
.sidebar-panel-options_box .one-touch-tabs-menu .menu-main_item.is-choose{background:#fbfbfb;}
.sidebar-panel-options_box .one-touch-tabs-menu .menu-main_item .main_item__right i{color:var(--dz-BG-color);font-size:26px;opacity:0;}
.sidebar-panel-options_box .one-touch-tabs-menu .menu-main_item.is-choose .main_item__right i{color:var(--dz-BG-color);font-size:26px;opacity:1;}



.comments-post-tags{display:flex;flex-wrap:wrap;}
.comments-post-tags a{display:flex;box-sizing:border-box;margin:1.5%;padding:.4rem .8rem;border:1px solid #f3f3f3;border-radius:4px;background:#f9f8f8;text-align:center;align-items:center;justify-content:center;flex:30.333% 0 0;}
.comments-post-tags a.is-choose{border:1px solid #2b7acd;background:#2b7acd;color:#fff;}


.one-comments_options_box{display:flex;margin-left:.4rem;flex-direction:column;}
.comments_options__title{margin-bottom:.8rem;font-weight:500;font-size:14px;display:flex;align-items:center;}
.comments_options__title small{font-weight: 400;color: #999;margin-left: auto;font-size: 12px;}
.comments_options__item{display:flex;margin-bottom:1rem;flex-wrap:wrap;}
.comments_options__item label{margin-bottom:.6rem;flex:50% 0 0;}

.one-comments_permissions_box{display:flex;flex-direction:column;}
.comments_permissions_title{margin-bottom:.8rem;font-weight:500;font-size:13px;}
.comments_permissions_item{display:flex;margin-bottom:.8rem;flex-direction:column;}
.comments_permissions_item select{display:flex;margin-bottom:.8rem;padding: .4rem .2rem;width:100%;border-radius:4px;font-size:12px;}
.comments_permissions_item span{color:#f90;}

.one-comments_reward_box{display:flex;align-items: center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #f5f5f5}
.comments_reward__title{flex-basis:100px;font-weight: 500;}
.comments_reward__item{display:flex;width:100%;justify-content:space-between;align-items:center;}
.comments_reward__item input,.comments_reward__item select{padding:.2rem .4rem;border:none;font-size:12px;flex:1;}
.comments_reward__item span{margin-left:.8rem;}

.one-comments_reward_tip .comments_reward_tip__item{display:flex;margin-bottom:1rem;justify-content:space-between;}
.comments_reward_tip__item span{margin-left:auto;color:#f90;}
.comments_reward_tip__item span:last-child{margin-right:.4rem;}

.comments_rob__warp{display:flex;margin-bottom:.8rem;justify-content:space-between;flex-direction:column;}
.comments_rob__warp .comments_rob__title{margin-bottom:.2rem;font-weight:500;font-size:12px;}
.comments_rob__warp .comments_rob__item{display:flex;flex-direction:column;flex:1;}
.comments_rob__warp .comments_rob__item span{margin-top:.4rem;width:100%;color:#999;}
.comments_rob__warp .comments_rob__item input{padding:.2rem .4rem;width:100%;border-radius:4px;font-size:12px;}

.one-comments-body,.one-comments-body *{box-sizing:border-box;}
.comments_rob__warp .comments_rob__item.rushreply_time{flex-direction:row;align-items:center;}
.comments_rob__warp .comments_rob__item.rushreply_time i{text-align:center;flex:6% 0 0;}
.comments_rob__warp .comments_rob__item.rushreply_time input{flex:47% 0 0;}


.one-comments_price_box{display:flex;flex-direction:column;}
.comments_price_title{margin-bottom:.8rem;font-weight:500;font-size:14px;}
.comments_price_item{margin-bottom:.8rem;}
.comments_price_item .price_item__input{display:flex;margin-bottom:.4rem;padding:.2rem .4rem;border:1px solid #ededed;border-radius:4px;align-items:center;}
.comments_price_item input{margin-right:.4rem;border:none;flex:1;font-size:13px}
.comments_price_item span{margin-right:.4rem;color:#f90;}
.comments_price_item p{margin-right:.4rem;}


/****/
.showhide{overflow:hidden;margin:8px 0;padding:8px;border:1px dashed #ff9a9a;border-radius:4px;}
.showhide h4{margin-bottom:8px;color:#f66;text-align:center;font-size:12px;}
.one-fixed-top{position:fixed;top:0;z-index:10;box-sizing:border-box;width:100%;}


/****/
.one-sub-toolbar{padding:.8rem;display:flex;justify-content:space-between;align-items:center;background: #fff;min-height: 23px;}
.one-sub-toolbar .sub-toolbar_title{font-size: 14px;font-weight:500}
.one-sub-toolbar select{border-radius: 4px;padding: 0 0.2rem;text-align: center;font-size: 12px;}
.one-sub-toolbar .sub-toolbar-tip{transform: scale(.9);}
.one-sub-toolbar .sub-toolbar-tip a{color: var(--dz-BG-color)}
.sub-toolbar_tab-nav{background:#f7f7f7;display:flex;border-radius:4px;font-size:12px}
.sub-toolbar_tab-nav .toolbar_tab-nav__item{color:#7a7b7b;padding:.4rem .6rem;border:.8px solid #f7f7f7;line-height:1}
.sub-toolbar_tab-nav .toolbar_tab-nav__item.item-active{background:#fff;border:.8px solid #b2b2b2;border-radius:4px;color:#333;font-weight:500}
.sub-toolbar_text{font-size:12px;font-weight:500}
.sub-toolbar_text{color:#7a7b7b}
.one-message-warp{display:flex;flex-direction:column;margin:.6rem .4rem}
.message-friend,.message-self{display:flex;justify-content:flex-start;margin:1rem .8rem}
.message-self{flex-direction:row-reverse}
.message-friend{flex-direction:row}
.message-self .message_body{background:#0688fe;border:.8px solid #0688fe;color:#fff}
.message-self .message_body a{color:#fff}
.message-self .message_date{text-align:right}
.message_avatar img{border-radius:50%;width:36px;height:36px}
.system-message .message_avatar img{border: 0.8px solid #d2d2d3;}
.system-message .message_dialog{width: 100%;}
.message_dialog{margin:0 .8rem}
.message_body{position:relative;background:#fff;padding:.7rem;border-radius:4px;border:.8px solid #eaeaed}
.message_body .quote{background:#0688fe;border:1px solid #007def;color:#fff}
.message_body::after,.message_body::before{content:'';width:0;height:0;border:6px solid;position:absolute;top:10px}
.message-self .message_body::before{right:-13px;border-color:transparent transparent transparent #0688fe}
.message-self .message_body::after{right:-12px;border-color:transparent transparent transparent #0688fe}
.message-friend .message_body::before{left:-13px;border-color:transparent #eaeaed transparent transparent}
.message-friend .message_body::after{left:-12px;border-color:transparent #fff transparent transparent}
.message_body a{display:inline-block;margin-bottom:.2rem}
.message_body a strong{font-weight:500}
.message_body img{vertical-align: bottom;max-height:28px;margin: 0 .2rem;}
.message_date{color:#aaa;margin-top:.4rem}
.message-self .message_user{text-align: right;}
.message_user{line-height: 1;margin-bottom: 0.3rem;color: #666;font-size: 12px;}
.message_time{color:#bebebf;text-align:center;margin-top:.6rem}
.one-message-page{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;margin:1.8rem 0}
.one-message-page a{display:inline-block;background:#fff;border:.8px solid #efefef;border-radius:20px;padding:.3rem 1rem;margin:0 .6rem}
.one-message_send-bar{position:fixed;width:100%;box-sizing:border-box;bottom:0;background:#fff;}
.message_send-warp{display:flex;padding:.6rem;border-top:.8px solid #efefef}
.one-message_send-bar,.one-message_send-bar *{box-sizing:border-box}
.message_send-smilies,.message_send-record{display:flex;justify-content:center;align-items:center}
.message_send-record{margin-right: .8rem}
.message_send-smilies i,.message_send-record i{font-size:24px;color:#555;line-height: 1;transition: transform .6s ease-out;}
.message_send-smilies.is-open i,.message_send-record.is-open i{color:#0588fe;transform: rotate(360deg);}
.message_send-input{flex:1;margin:0 .8rem}
.message_send-input input{width:100%;height:100%;background:#f2f2f2;border-radius:4px;padding:0 .4rem;font-size:13px}
.message_send-btn{display:flex;justify-content:center;align-items:center}
.message_send-btn button{background:#0588fe;color:#fff;padding:.3rem 1rem;border-radius:4px}


/****/
.one-canvas-chatpmmember{width:100%;transform:translate3d(100%,0,0);}


/****/
.one-member-list{display:flex;flex-direction:column;}
.one-member-list .member-list_item{display:flex;margin:.8rem .2rem;}
.one-member-list .list_item-avatar img{display:block;margin-right:1rem;height:35px;border-radius:50%;}
.one-member-list .list_item-info{display:flex;overflow:hidden;flex-direction:column;flex:1;}
.one-member-list .item-info_title{font-weight:600;font-size:12px;}
.one-member-list .item-info_bottom{display:flex;color:#888;justify-content:space-between;}
.one-member-list .item-info_bottom a{display:flex;margin-left:1rem;padding:.4rem .6rem;border-radius:20px;background:#ff5722;color:#fff;font-size:10px;line-height:1;transform:scale(.8);align-items:center;}
.one-member-list .item-info_bottom a i{margin-right:.2rem;font-size:14px;}
.one-member-list .item-info_bottom p{overflow:hidden;height:18px;text-overflow:ellipsis;white-space:nowrap;flex:1;}


/****/
.touch-header-light .one-touch-bar-tabs .touch-bar-tabs-item{color:#fff;}
.touch-header-light .one-touch-bar-tabs .touch-bar-tabs-item.activate:after{background-color:#fff;}


/****/
.one-header_medal-bg{position:absolute;top:0;z-index:-1;width:100%;height:230px;background:#339cff;}
.custom-shape-divider-bottom{position:absolute;bottom:-1px;left:0;overflow:hidden;width:100%;line-height:0;}
.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(300%);height:65px;}
.custom-shape-divider-bottom .shape-fill{fill:#f6f7fa;}
.one-header_medal-bg::before{display:block;width:100%;height:100%;background:url(../bg/bg-medal.png) no-repeat top center;background-size:contain;content:'';opacity:1;}
.medal_top-user-avatar .one-live-avatar::before{position:absolute;top:-6px;left:-5px;z-index:999;display:flex;width:55px;height:55px;/*background:url() no-repeat center;*/background-size:cover;content:'';}
.one-header_medal-bg.medal-bg-magic{background:#ff9002;}
.one-header_medal-bg.medal-bg-magic::before{background:url(../bg/bg-magic.png) no-repeat center;background-size:cover;opacity:1;}
.one-header_medal-bg.medal-bg-task{background:#fc6e3a;}
.one-header_medal-bg.medal-bg-task::before{background:url(../bg/bg-task.png) no-repeat top center;background-size:contain;opacity:1;}


.one-medal_top-user{display:flex;margin:1rem 0;padding:1rem 1.6rem;color:#fff;flex-direction:row;align-items:flex-end;}
.medal_top-user-avatar{margin-right:1rem;}
.medal_top-user-avatar .one-live-avatar{width: 45px;height: 45px}
.medal_top-user-avatar .one-live-avatar span{background: #fff;}
.medal_top-user-avatar img{display:block;width: 45px;height:45px;object-fit: cover;border-radius:50%;}
.medal_top-user-info{flex:1;}
.medal_top-user-info>span{opacity: .8}
.medal_top-user-info strong{font-weight: 500;margin: 0 .3rem}
.medal_top-user-info h6{margin-bottom:.3rem;font-weight:600;font-size:16px;}
.medal_top-user-credits{display:flex;padding:.2rem .8rem;border:1px solid #f6f7fa;border-radius:50px;}
.medal_top-user-credits span{margin-left:.4rem;color:#fff}
.medal_top-user-credits svg{width:18px;height:18px;}

.one-medal_box{position: relative;margin:1rem;padding:1.2rem;border-radius:10px;background:#fff;overflow: hidden}
.one-medal_box .one-sub-toolbar{padding: 0;margin-bottom: 1.2rem}
.medal_list-item{display:flex;align-items:flex-start;}
.medal_list-item:not(:last-child){margin-bottom:1.6rem;}
.list-item-images{display:flex;margin-right:1rem;width:46px;height:46px;border-radius:50%;background:#f6f7fa;align-items:center;justify-content:center;}
.list-item-images img{height:50%;object-fit:contain;}
.list-item-images.is-close img{filter: grayscale(100%);}
.list-item-info{display:flex;overflow:hidden;flex:1;flex-direction:column;justify-content:center;}
.list-item-warp{display:flex;align-items: center;overflow:hidden;flex:1;}

.medal_list-item:not(:last-child) .list-item-warp{border-bottom: 1px dashed #f6f7fa;padding-bottom: 1rem;}
.list-item-info h6{font-weight:400;font-size:14px;margin-bottom:.3rem}
.list-item-info small{overflow:hidden;color:#a8a8a8;text-overflow:ellipsis;white-space:nowrap;}
.list-item-btn{display:flex;margin-left:.4rem;max-height:18px;padding:.2rem .6rem;border-radius:20px;background:#fff;color:var(--dz-FC-666);font-size:12px;justify-content:center;flex-basis:50px;transform: scale(.9);border: 1px solid var(--dz-BOR-ed);}
.list-item-btn.bg-success a{color:#fff}
.list-item-btn.bg-success{background: var(--dz-BG-color);color:#fff;border: 1px solid var(--dz-BG-color);}

.one-medal_box.is-open:before{position:absolute;right:0;bottom:0;border:17px solid #4abe84;content:'';border-top-color:transparent;border-left-color:transparent;}
.one-medal_box.is-open:after{position:absolute;right:6px;bottom:7px;width:5px;height:10px;border:1.5px solid #fff;content:'';transform:rotate(45deg);border-top-color:transparent;border-left-color:transparent;}


/****/
.medal_box-title{margin-bottom:1.6rem;font-weight:500;font-size:14px;min-height: 23px}
.medal_box-log{display:flex;flex-direction:column;}
.medal_box-avatar{margin-right:.8rem;}
.medal_box-avatar img{display:flex;width:36px;height:36px;border-radius:50%;object-fit:contain;}
.medal_box-images{display: flex;margin-right: 1rem;width: 36px;height: 36px;border-radius: 50%;background: #f6f7fa;align-items: center;justify-content: center;}
.medal_box-images img{height: 60%;object-fit: contain;}
.box-log-item{display:flex;align-items:center;justify-content:space-between;}
.box-log-item:not(:last-child){margin-bottom:1.4rem;}
.box-log-name{font-size:14px;}
.box-log-msg{color:#a8a8a8;}
.medal_box-warp{flex:1;}
.medal_box-dateline{margin-left:.8rem;color:#a8a8a8;}


/****/
.one-box_bg{background:#fff;}

.one-touch-header.common_header{border-bottom:0 solid #d2d2d3;background:#fff;}

.bar_tabs{display:flex;height:100%;justify-content:space-evenly;align-items:center;}
.bar_tabs__item{position:relative;display:flex;margin:0 1.2rem;height:100%;font-weight:500;font-size:14px;align-items:center;}
.bar_tabs__item span{position:absolute;right:-18px;overflow:hidden;padding:.2rem;width:10px;height:10px;border-radius:50%;background:#ed403b;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:10px;}
.bar_tabs__item.item-active::after{position:absolute;bottom:6px;left:50%;margin-left:-6px;width:12px;height:3px;background:#333;border-radius:4px;content:'';}
.one-header-sub_bar{display:flex;padding:.8rem 1rem;color:#505050;justify-content:space-between;align-items:center;}
.one-header-sub_bar .header-sub_bar__btn{padding:.4rem .6rem;border:1px solid #d2d3d3;border-radius:4px;color:#646464;font-size:12px;line-height:1;}

.touch-header-light .bar_tabs__item{color:#fff}
.touch-header-light .bar_tabs__item.item-active::after{background:#fff}

.one-notice_icon{display:flex;box-sizing:border-box;padding:2rem 0;width:100%;justify-content:space-evenly;}
.one-notice_icon .notice_icon_item{position:relative;display:flex;width:60px;color:#444;flex-direction:column;align-items:center;}
.notice_icon_item.one_new_notice::after{position:absolute;top:0;right:12px;width:6px;height:6px;border-radius:50%;background:#ed403b;content:'';}
.notice_icon_item i{margin-bottom:1rem;font-size:26px;font-weight:600;line-height:1;}
.notice_icon_item span{font-weight:500;}
.one-notice_cell{position:relative;display:flex;padding:1.4rem 1.4rem 1rem;justify-content:space-between;}
.one-notice_cell:not(:last-child)::after{position:absolute;right:1rem;bottom:0;width:calc(100% - 82px);height:1px;background-color:#f3f3f3;content:'';}
.one-notice_cell:last-child{padding-bottom:2rem;}
.notice_cell_right{display:flex;width:calc(100% - 52px);flex:1 0 0;flex-direction:column;justify-content:center;}
.notice_cell__icon{position:relative;display:flex;margin-right:1rem;width:40px;height:40px;border-radius:50%;background:#5c667b;color:#fff;align-items:center;justify-content:center;}
.notice_cell__icon .cell-icon_group{border: 0.8px solid #d2d2d3;}
.notice_cell__icon i{font-size:22px;}
.notice_cell__icon img{width:40px;height:40px;border-radius:50%;}
.notice_cell__icon span{position:absolute;top:-8px;left:-8px;overflow:hidden;color:#fff;padding:.3rem;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ed403b;text-align:center;text-overflow:ellipsis;white-space:nowrap;display: flex;align-items: center;justify-content: center;}
.notice_cell__title{display:flex;margin-bottom:.1rem;justify-content:space-between;}
.notice_cell__title b{font-size:14px;font-weight:500}
.notice_cell__title span{color:#9d9d9e;font-size:12px;}
.notice_cell__abstract{overflow:hidden;height:18px;color:#9d9d9e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;}
.notice_cell__body{}
.notice_cell__body a{}
.notice_cell__abstract a{color:#9d9d9e;}
.notice_cell__bar{display: none}
.notice_cell__icon.icon-bg_interactive{background:#1ba718;}
.notice_cell__icon.icon-bg_system{background:#f6a463;}
.notice_cell__icon.icon-bg_mypost{background:#7e9cf7;}
.notice_cell__icon.icon-bg_manage{background:#F04B6B;}
.notice_cell__icon.icon-bg_app{background:#79DBC5;}


/****/
.one-block-empty{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;font-size: 12px;}
.one-block-empty::before{content:'';width:150px;height:150px;background:url(../svg/one_block_empty.svg) no-repeat center;background-size:contain;}
.one-block-empty span{margin-top:.8rem;color:#999;padding:0 2rem;text-align:center;line-height:2;}


/****/
.one-clean-border_bottom{border-bottom: 0;}

/****/
.one-touch-tabs{display:flex;overflow: hidden;padding:.8rem;border-bottom:1px solid #eaeaeb;background:#fff;font-size:14px;justify-content:space-between;box-sizing: border-box;}
.one-touch-tabs .swiper-wrapper{display:flex;justify-content:space-between;align-items: center;}
.one-touch-tabs .swiper-wrapper.one-flex-start{justify-content: flex-start;}
.one-touch-tabs .swiper-wrapper.one-space-around{justify-content: space-around;}

.one-touch-tabs .tabs-mini-item{display:flex;align-items:center;width:auto;padding:.4rem .8rem;border-radius:20px;background:#fff;line-height:1;text-align: center;position:relative}
.one-touch-tabs .tabs-mini-item.item-active{font-weight:600;}
.one-touch-tabs .tabs-mini-item.item-active:after{position:absolute;bottom:-5px;left:50%;margin-left:-6px;width:12px;height:3px;border-radius:10px;background-color:var(--dz-BG-color);content:"";}


/****/
.one-tabs-mini{display:flex;overflow: hidden;padding:.8rem;border-bottom:1px solid #eaeaeb;background:#fff;font-size:13px;justify-content:space-between;box-sizing: border-box;}
.one-tabs-mini.tabs-portal-list{font-size: 13px}
.one-tabs-mini .swiper-wrapper{display:flex;justify-content:space-between;align-items: center;}
.one-tabs-mini .swiper-wrapper.one-flex-start{justify-content: flex-start;}
.one-tabs-mini .swiper-wrapper.one-space-around{justify-content: space-around;}

.one-tabs-mini .tabs-mini-item{display:flex;align-items:center;width:auto;padding:.4rem .8rem;border-radius:20px;background:#fff;line-height:1;text-align: center;position:relative}
.one-tabs-mini .tabs-mini-item.item-active:after{position:absolute;bottom:-10px;left:50%;margin-left:-10px;width:20px;height:2px;border-radius:2px;background-color:var(--dz-BG-color);content:"";}
.one-touch-header+.one-tabs-mini{ /*padding-top: .4rem;*/}

/****/
.one-notice-box{display:flex;margin:1rem;flex-direction:column;}
.one-notice-item{margin-bottom:1.2rem;border-radius:4px;background:#fff;}
.one-notice-item:last-child{margin-bottom:0;}
.notice_box_header{display:flex;padding:1.2rem 1.2rem 0;justify-content:space-between;}
.notice_box__title{display:flex;align-items:center;}
.notice_box__title .notice_box__icon{display:flex;width:24px;height:24px;border-radius:50%;background:#5c667b;color:#fff;align-items:center;justify-content:center;}
.notice_icon__verify,.notice_icon__verify_1,.notice_icon__verify_2,.notice_icon__verify_3,.notice_icon__verify_4,.notice_icon__verify_5,.notice_icon__verify_6{background:#1ba718!important;}
.notice_icon__verifyrecycle,.notice_icon__verifyrecyclepost{background:#f04b6b!important;}
.notice_icon__verify i::before,.notice_icon__verify_1 i::before,.notice_icon__verify_2 i::before,.notice_icon__verify_3 i::before,.notice_icon__verify_4 i::before,.notice_icon__verify_5 i::before,.notice_icon__verify_6 i::before{content:"\e603";}
.notice_icon__report i::before{content:"\ed0a";}
.notice_icon__verifyrecycle i::before,.notice_icon__verifyrecyclepost i::before{content:"\e74c";}
.notice_box__title .notice_box__icon img{width:24px;height:24px;border-radius:50%;object-fit:contain;}
.notice_box__title .notice_box__icon i{font-size:14px;}
.notice_box__title .notice_box__text{margin-left:.6rem;font-size:13px;}
.notice_box__time{color:#999;font-size:12px;}
.notice_box_body{padding:1.2rem;}
.notice_box_body a{color:var(--dz-FC-333);font-weight:700;}
.notice_box_body .pipe{margin:0 .3rem;color:#999;}
.notice_box_footer{display:flex;margin:0 1.2rem 1rem;padding-top:.8rem;border-top:.8px solid #eaeaeb;justify-content:space-between;align-items:center;}
.notice_box_footer i{font-size:18px;color:#999}


/****/
.task-detail-view{display:flex;align-items:center;}
.detail-view_icon{margin-right:.8rem;}
.detail-view_icon img{display:block;height:40px;}
.detail-view_warp-title{font-weight:500;font-size:14px;}
.detail-view_warp-title small{color:#888;font-size:12px;}
.detail-view_warp-des{margin-top:.2rem;color:#888;}
.detail-view_warp-des a{color:#888;}
.detail-view_warp-table{margin-bottom:1.6rem;}
.view_warp-table-title{margin-bottom:1rem;font-weight:500;font-size:14px;}
.view_warp-table-body strong{font-weight:initial;}
.view_warp-table-body a{color:#0b7ec4;}
.view_warp-table-body ul{margin-top:.2rem;color:#555;}
.view_warp-table-body li{margin-bottom:.3rem;}
.detail-view_warp-dd{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--dz-BOR-ed);}
.view_warp-dd-title{margin-right:1rem;color:var(--dz-FC-888);font-weight:500;flex-basis:30px;}
.view_warp-dd-body{display:flex;flex:1;flex-direction:column;}
.view_warp-dd-body a{color:#0b7ec4;}
.view_warp-dd-body ul{margin-top:.2rem;color:#555;}
.view_warp-dd-body li{margin-bottom:.3rem;}
.warp-progress-warp{position:relative;margin-bottom:1rem;width:100%;height:20px;border-radius:0 10px 10px 0;background:#e8e8e8;}
.warp-progress-bar{display:block;height:20px;border-radius:0 10px 10px 0;background:#5aaf4a;}
.warp-progress-text{position:absolute;top:0;left:0;box-sizing:border-box;padding:0 5%;width:100%;color:#fff;font-size:12px;line-height:20px;}
.view_warp-button{display:flex;justify-content:space-between;}
.view_warp-button a{box-sizing:border-box;padding:.6rem 1rem;min-width:100px;border-radius:20px;background:var(--dz-BG-color);color:#fff;text-align:center;font-weight:500;font-size:12px;flex:1;}
.view_warp-button a:nth-last-child(1):first-child{border-radius:20px;}
.view_warp-button a:nth-last-child(2):first-child{border-radius:20px 0 0 20px;}
.view_warp-button a.task_quit{border-radius:0 20px 20px 0;background:var(--dz-BG-2);}
.view_warp-tip{padding:.4rem;border:1px dashed #ece7d5;border-radius:4px;background:#fdfbec;color:#f26c4f;}
.task-user_avatar{display:flex;flex-wrap:wrap;}
.user_avatar-item{display:flex;box-sizing:border-box;margin-bottom:.8rem;width:20%;flex-direction:column;align-items:center;flex:20% 0 0;}
.user_avatar-item img{width:35px;height:35px;border-radius:50%;}
.user_avatar-item p{margin-top:.3rem;}


/**重定义**/
[class*=one-line]::after{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;box-sizing:border-box;border:0 solid #ebedf0;content:' ';-webkit-transform:scale(.5);transform:scale(.5);pointer-events:none;}
.one-line-bottom:after{border-bottom-width:1px}
.one-line--top-bottom::after{border-width:1px 0;}
.one-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.one-badge{position:absolute;top:0;right:0;box-sizing:border-box;padding:0 3px;min-width:16px;border:1px solid #fff;border-radius:16px;background-color:#ee0a24;color:#fff;text-align:center;font-weight:400;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;transform:translate(50%,-50%);transform-origin:100%;}
.one-badge--dot{width:8px;height:8px;min-width:0;border-radius:100%;background-color:#ee0a24;}
.bg-white{background-color:#fff;}
.one-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background-color:rgba(0,0,0,.6);opacity:0;}
.one-mask.show{opacity: 1}


/****/
.one-nav-bar{position:relative;z-index:1;text-align:center;line-height:22px;-webkit-user-select:none;user-select:none;}
.one-nav-bar .bar-content{position:relative;height:46px;display:flex;align-items:center;justify-content: space-between;}
.one-nav-bar .bar-left, .one-nav-bar .bar-right{display:flex;padding:0 16px;font-size:14px;cursor:pointer;align-items:center;}
.one-nav-bar .bar-title{margin:0 auto;max-width:60%;color:#323233;font-weight:500;font-size:16px;}
.one-nav-bar .bar-text{color:var(--dz-BG-color);}


/****/
.one-tabbar{z-index:100;display:flex;width:100%;height:60px;background-color:#fff;}
.one-tabbar--fixed{position:fixed;bottom:0;left:0;}
.one-tabbar .tabbar-item .one-badge{margin-top:4px;}
.one-tabbar .tabbar-item{display:flex;color:#646566;font-size:12px;line-height:1;cursor:pointer;flex:1;flex-direction:column;align-items:center;justify-content:center;}
.one-tabbar .tabbar-item.tabbar-max{z-index:10;display:flex;margin-top:-8px;width:50px;height:50px;border:6px solid #fff;border-radius:50%;background:var(--dz-BG-color);box-shadow:0 -2px 3px 0 rgb(0 0 0 / 5%);color:#fff;flex:inherit;}
.one-tabbar .tabbar-max .tabbar-item__icon{font-size:25px;}
.one-tabbar .tabbar-max .tabbar-item__text{margin-top:0;display: none}
.one-tabbar .tabbar-item a{display:flex;flex-direction:column;align-items:center;color:inherit;}
.one-tabbar .tabbar-item--active{background-color:#fff;color:var(--dz-BG-color);}
.one-tabbar .tabbar-item__icon{position:relative;font-size:26px;}
.one-tabbar .tabbar-item__text{margin-top:2px;}


/****/
.one-scroll-down .one-quick-menu{transform: translate3d(0,0,0);}
.one-quick-menu{position:fixed;z-index:5;right:.8rem;bottom:6rem;transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);transform: translate3d(100px,0,0);}
.one-quick-menu .menu-item{display:flex;margin:8px 0;padding:5px;width:28px;height:28px;border-radius:50%;background:rgb(0 0 0 / 35%);color:#fff;font-size:22px;justify-content:center;align-items:center;}
.one-quick-menu .menu-item>span{display:flex}
.one-quick-menu .menu-item>img{width:25px;height:25px;}


/****/
.one-tab-wrap{position:relative;height:50px;}
.one-tab-button{overflow:hidden;}
.one-tab-button__scroll{overflow-x:auto;overflow-y:hidden;margin-bottom:-20px;padding-bottom:20px;white-space:nowrap;font-size:0;-webkit-overflow-scrolling:touch;}
.one-tab-button__anchor{position:relative;display:inline-block;padding:8px 0;vertical-align:top;}
.one-tab-button__item{position:relative;display:inline-block;margin-right:8px;padding:0 16px;border-radius:17px;background-color:#f8f9fc;color:#111e36;vertical-align:top;font-size:14px;line-height:34px;}
.one-tab-button__item:first-child{margin-left:1rem;}
.one-tab-button__item.activate{background-color:rgba(0,85,255,.1);color:var(--dz-BG-color);font-weight:700;}


/****/
.one-slide{position:relative;padding:.8rem;}
.slide-switch{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;}
.slide-switch .switch-item{margin:2px;width:2px;height:2px;border-radius:50%;background:#fff;}
.slide-switch .switch-item.active{width:10px;border-radius:10px;}
.slide-box{position:relative;}
.slide-box .cover{width:100%;height:220px;border-radius:5px;background-size:cover;}
.slide-box .title{position:absolute;bottom:35px;overflow:hidden;margin:0 1rem;width:88%;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px;}
.slide-box .info{position:absolute;bottom:15px;margin:0 1rem;color:#fff;font-size:14px;}
.slide-box .mask{position:absolute;bottom:0;left:0;z-index:3;width:100%;height:2.74667rem;border-radius:0 0 5px 5px;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.3));background:linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.3));}


/****/
.one-banner-bg{position:absolute;top:0;left:0;width:100%;height:300px;z-index:-1;}
.one-banner-bg .layer,.banner-bg-box::after,.banner-bg-box::before{position:absolute;top:0;left:0;width:100%;height:100%;}
.one-banner-bg .layer{z-index:2;}
.one-banner-bg .banner-bg-box{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:calc(100% - 3px);}
.one-banner-bg .banner-bg-box::before{z-index:10;background:-webkit-linear-gradient(91deg,#fff,hsla(0,0%,100%,.26) 75%,hsla(0,0%,100%,.1));background:-o-linear-gradient(91deg,#fff 0,hsla(0,0%,100%,.26) 75%,hsla(0,0%,100%,.1) 100%);content:'';}
.one-banner-bg .banner-bg-box::after{z-index:4;background:rgba(0,0,0,.3);content:'';}


/****/
.one-data-card{background: transparent}
.one-data-card:after{display:block;overflow:hidden;margin:0 1rem;height:0;border-bottom:1px solid #f1f3f6;content:"";transform:scaleY(.5);}
.one-data-card .data-card-item{display:block;padding:.8rem;}


/****/
.item-list{display: flex;}
.item-list>div:first-child{margin-right:1rem;}
.item-list .item-block{display:flex;flex:1;flex-direction:column;justify-content:space-between;}
.item-list .item-cover{position:relative;width:160px;}
.item-list .item-cover img{border-radius:5px;}


/****/
.item-box{display:flex;justify-content: space-between;margin-top:6px;font-weight:400;font-size: 12px;}
.item-left, .item-right{display: flex;align-items: center; }
.item-text{color:#828ca0;font-size:12px;line-height:1;vertical-align:top;}
.item-tag{display:inline-block;margin-right:6px;padding:2px 0;width:30px;border-radius:4px 0 4px 0;background:rgba(255,102,0,.1);color:#f60;vertical-align:top;text-align:center;line-height:1;}
.item-division{margin:0 5px;color:#c5cad4;vertical-align:top;font-size:12px;line-height:1;}


/****/
.item-cover-position{position:absolute;right:6px;bottom:6px;color:#ffffff;}
.item-cover-img{display:block;width:100%;height:100%;object-fit:cover;}
.item-cover-position-center{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;}


/****/
.item-album-1,.item-album-2,.item-album-3,.item-album-4{display:flex;position:relative;margin: 8px 0;border-radius:4px;overflow:hidden}


/****/
.item-album-1{flex-wrap: wrap;}
.item-album-1 .item{padding:.25vw;flex:1 1 33.333%;}


/****/
.item-album-2 div:first-child{margin-right:.5vw;}
.item-album-2 .album-big{overflow:hidden;width:64%;}
.item-album-2 .album-small{width:36%;}
.item-album-2 .small-top,.item-album-2 .small-bottom{overflow:hidden;width:100%;}
.item-album-2 .small-top{margin-bottom:.5vw;}
.item-album-2 .album-num{position:absolute;right:6px;bottom:6px;color:#fff;font-weight:500;font-size:12px;}


/****/
.item-album-3 .item{position:relative;overflow:hidden;margin-right:.5vw;}
.item-album-3 .item:first-child,.item-album-3 .item:first-child img{border-radius:4px 0 0 6px;}
.item-album-3 .item:last-child{margin-right:0;}
.item-album-3 .item:last-child,.item-album-3 .item:last-child img{border-radius:0 6px 6px 0;}


/****/
.item-album-4 i{font-size:60px;color:#fff;}


/****/
.data-title{margin-bottom:.4rem;font-weight:500;font-size:16px;}
.data-title a{color:#1F2937;}


/****/
.data-abstract{margin-bottom:.4rem;color:#374151;}
.data-abstract span{color:#487bb5;}


/****/
.data-cover{display:flex;overflow:hidden;margin-bottom:.4rem;border-radius:4px;flex-wrap:wrap;}
.data-cover .item{overflow:hidden;border-radius:4px;flex:1 1 33.333%;}
.data-cover img{padding:1px;}


/****/
.info-box{display:flex;justify-content:space-between;}
.info-left{position:relative;}
.info-middle{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;}
.info-right{position:relative;display:flex;align-items:center;}


/****/
.radius-bg-red{display:flex;width:20px;height:20px;border-radius:50%;background:var(--one-red);color:#fff;justify-content:center;align-items:center;}


/****/
.one-touch-header .bar-right .radius-bg-red .bx{color:#fff;font-size:18px;}


/****/
.user-info{margin-bottom:.8rem;}
.user-info .info-left .avatar{margin-right:.8rem;}
.user-info .info-left .avatar img{display:block;width:40px;height:40px;border-radius:50%;}
.user-info .info-middle h6{color:#1F2937;font-weight:500;font-size:14px;}
.user-info .info-middle span{color:#9ca3af;font-size:12px;}
.user-info .info-right .btn-plus{display:flex;padding:2px 15px;border:1px solid #f87171;border-radius:20px;color:#f87171;font-size:12px;align-items:center;justify-content:center;}


/****/
.data-tag{display:flex;flex-wrap:wrap;align-items:center;}
.data-tag svg{fill:#8590a6;}
.data-tag .tag-item{display:flex;padding:4px 10px;border-radius:20px;background:#f4f3f3;color:#6b7280;font-size:12px;line-height:1;align-items:center;margin:0.2rem 0.4rem 0.2rem 0;}
.data-tag .tag-item i{margin-right:.2rem;}
.data-tag .tag-item span{margin-left:.2rem;color:#d1d5db;}


/****/
.data-toolbar{display:flex;color:#6b7280;justify-content:space-between;align-items:center;margin-top:.8rem;border-top:1px solid #f9fafb;padding-top:.8rem;}
.data-toolbar .toolbar-left{display:flex;justify-content:space-between;align-items:center;}
.data-toolbar .toolbar-left span{font-size:12px;margin-right:2px;color: #9CA3AF;}
.data-toolbar .toolbar-right{display:flex;align-items: center;justify-content:flex-end;line-height:1;}
.data-toolbar .toolbar-right a{display:flex;align-items:center;color:#666;margin-left:1rem;}
.data-toolbar .toolbar-right i{font-size:18px;}
.data-toolbar .toolbar-right span{font-size:13px;margin-left:.2rem;}
.data-toolbar .toolbar-item{display:flex;line-height:1;align-items:center;}
.data-toolbar .toolbar-item i{margin-right:.2rem;font-size:16px;}
.data-toolbar .toolbar-item span{font-size:12px;}


/****/
.toolbar-like{display:flex;align-items:center;min-height:20px;}
.toolbar-like .like-avatar{display:flex;align-items:center;}
.toolbar-like .like-avatar img{display:block;margin-right:-6px;background: #fff;padding: 1px;width:18px;height:18px;border-radius:50%;}
.toolbar-like .like-avatar img:last-child{margin-right:.4rem;}
.toolbar-like .like-text{font-size:12px;line-height:1;}


/****/
.data-comments{display:flex;margin-top:.2rem;flex-wrap:wrap;flex-direction:column;}
.data-comments .comments-item{margin:.3rem 0;color:#6b7280;font-size:12px;line-height:1;}
.data-comments .comments-item b{color:#374151;font-weight:500;}


/****/
.data-comments-input{display:flex;margin-top:.5rem;padding:5px;border-radius:20px;background:#f2f2f2;justify-content:space-between;align-items:center;}
.data-comments-input .input-avatar{margin-right:.5rem;}
.data-comments-input .input-avatar img{display:block;width:25px;height:25px;border-radius:50%;}
.data-comments-input label{display:flex;line-height:1;flex:1;}
.data-comments-input input{width:100%;background:0 0;font-size:12px;}
.data-comments-input .input-action{display:flex;margin-left:8px;color:#6b7280;line-height:1;}
.data-comments-input .input-action .action-item{margin:0 8px;}
.data-comments-input .input-action i{font-size:20px;}


/****/
.one-home-bg{background-image: linear-gradient(180deg,#f6f8fd,#f6f8fd 80%,#e3e8f3);}
.one-home{background: #F6F7F9 url(../images/report_day_list_weekbg_dark.png) top/contain no-repeat;}


/****/
.one-container{padding:1rem;}
.one-container>div{margin-bottom:.8rem;}
.one-container>div:last-child{margin-bottom:0;}


/****/
.one-block{padding:1rem;background: #fff;margin-bottom: 0.8rem;border-radius: 4px;}


/****/
.one-user{display:flex;align-items:center;padding-bottom:.6rem;padding-top:.4rem;}
.one-user .user-middle{flex:1;}
.one-user .user-right{display:flex;}
.one-user .user-right .btn-item{margin-right:.2rem;margin-left:1rem;color:#374151;font-size:26px;}
.one-user .user-avatar{margin-right:1rem;}
.one-user .user-avatar img{display:block;width:50px;height:50px;border-radius:50%;}
.one-user .user-name{color:#374151;font-weight:500;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.one-user .user-text{color:#6b7280;font-size:12px;}


/****/
.one-total-bar{display:flex;align-items:center;justify-content:space-between;}
.one-total-bar .total-bar-left{display:flex;}
.one-total-bar .bar-text-item{margin-right:1.2rem;font-size:12px;}
.one-total-bar .bar-text-item span{margin-right:.2rem;color:#9ca3af;}
.one-total-bar .bar-btn-item{padding:5px 16px;border:1px solid #f44336;border-radius:20px;color:#f44336;font-size:14px;line-height:1;}


/****/
.one-member{display:flex;padding:1rem;height:60px;border-radius:4px;background: #2b3353 url(../images/vip_bg_no.png) center/cover no-repeat;align-items:center;justify-content:space-between;}
.one-member .member-icon{display:block;margin-right:10px;width:20px;height:20px;background:url(../images/user_member_btn.png) center/contain no-repeat;}
.one-member .member-text{color:#f9dcaf;font-size:14px;flex:1;}
.one-member .member-btn{padding:3px 16px;border-radius:20px;background:linear-gradient(270deg,#eeb669 0,#fbe1b8 100%);color:#9f620e;font-size:14px;}


/****/
.one-member-1{display:flex;padding:1rem;height:68px;border-radius:4px;background:url(../images/vip_bg_no.png) center/cover no-repeat;align-items:center;justify-content:space-between;}
.one-member-1.is-member{background:url(../images/vip_bg_yes.png) center/cover no-repeat;}
.one-member-1.is-member .member-text{color:#86540b;}
.one-member-1 .member-text{display:flex;flex-direction:column;color:#fffcf2;flex:1;}
.one-member-1 .member-text_title{font-weight:600;font-size:15px;}
.one-member-1 .member-text_info{font-size:12px;}
.one-member-1 .member-btn{padding:4px 16px;border-radius:20px;background:linear-gradient(270deg,#f6e2c4 0,#f8f3e8 100%);color:#9f620e;font-size:13px;}


/****/
.one-total .total-box{display:flex;align-items:center;justify-content:space-between;}
.one-total .total-item{display:flex;flex-direction:column;align-items:center;}
.one-total .total-count{font-weight:500;font-size:20px;margin-bottom:0.2rem;}
.one-total .total-count small{font-size:12px}
.one-total .total-text{color:#4b5563;font-size:12px;}


/****/
.one-grid .grid-bar{display:flex;margin-bottom:1.2rem;align-items:center;}
.one-grid .grid-bar_left{flex:1;}
.one-grid .grid-bar_title{font-weight:500;font-size:14px;}
.one-grid .grid-bar_more{display:flex;align-items:center;}
.one-grid .grid-bar_more span{color:#6b7280;font-size:12px;}
.one-grid .grid-bar_more i{color:#6b7280;}
.one-grid .grid-box:not(:last-child){margin-bottom: 1rem}
.one-grid .grid-box{display:flex;align-items:center;justify-content:space-between;}
.one-grid .grid-item{display:flex;flex-direction:column;align-items:center;}
.one-grid .grid-icon_bg{padding:10px;border-radius:50%;background:#ecedff;line-height:1;}
.one-grid .grid-icon{line-height:1;color:var(--dz-BG-color);font-size:26px;}
.one-grid .grid-svg{line-height:1;}
.one-grid .grid-svg svg{width:26px;height:26px;}
.one-grid .grid-text{margin-top:.5rem;color:#1f2937;font-size:12px;}


/****/
.one-cell .cell-item{display:flex;margin-bottom:1.2rem;padding:.2rem 0;color:#374151;justify-content:space-between;align-items:center;}
.one-cell .cell-item:last-child{margin-bottom:0;}
.one-cell .cell-item .item-left i{margin-right:.4rem;color:#f44336;font-size:24px;}
.one-cell .cell-item .item-middle{font-size:14px;flex:1;}
.one-cell .cell-item .item-right i{color:#6b7280;}
.one-cell .cell-item .item-right span{color:#6b7280;font-size:12px;}
.one-cell .cell-item .item-svg{line-height:1;margin-right:.4rem}
.one-cell .cell-item .item-svg svg{width:22px;height:22px;display:inherit}

.one-forum-card{display:flex;overflow:hidden;padding:0 .8rem;flex-wrap:wrap;justify-content:space-between;}
.forum-card_item{display:flex;margin-bottom:10px;flex:1 1 20%;flex-direction:column;align-items:center;}
.forum-card_item>div{display:flex;padding:4px;border-radius:5px;background:#f9fafb;flex-direction:column;align-items:center;}
.card_item__cover{display:flex;position:relative;overflow:hidden;border-radius:4px;}
.card_item__cover img{display:block;width:75px;height:50px;border-radius:4px;}
.card_item__cover span{position:absolute;top:-2px;right:-6px;padding:.2rem .4rem;background:var(--dz-BG-color);color:#fff;font-size:12px;line-height:1;transform:scale(.8);}
.card_item__title{overflow:hidden;color:#111e36;margin-top:.2rem;max-width:72px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.one-forum-card__scroll{overflow:hidden;padding:0 .8rem;}
.one-forum-card__scroll .one-forum-card{overflow-x:auto;margin-bottom:-20px;padding:0 0 20px;flex-wrap:nowrap;}
.one-forum-card__scroll .one-forum-card .forum-card_item{margin-right:8px;margin-bottom:0;}
.one-forum-card__scroll .one-forum-card .forum-card_item:last-child{margin-right:0;}
.slide-switch .switch-item{width:4px;height:4px;}
.slide-switch .switch-item.active{width:8px;background:#ff9800;}
.one-module-header{display:flex;padding:.8rem;justify-content:space-between;}
.module-header_title{font-weight:500;font-size:16px;}
.module-header_more{display:flex;color:#374151;font-size:12px;align-items:center;}
.module-header_more i{font-size:20px;}
.module-header_more::after{content:'';}

.one-forum{display:flex;flex-wrap:wrap;}
.one-forum .forum-item{display:flex;margin-bottom:.8rem;flex-direction:column;align-items:center;flex:1 1 20%;}
.one-forum .forum-item img{width:55px;height:55px;}
.one-forum .forum-item span{color:#4b5563;font-size:12px;}
.one-forum-topic{display:flex;padding:.8rem;flex-direction:column;}
.forum-topic-icon{display:block;margin-bottom:1rem;width:75px;height:18px;background:url(../images/bpn_moreTopicTitleImage@3x.png) top/contain no-repeat;}
.forum-topic-item{display:flex;margin:.4rem 0;justify-content:space-between;align-items:center;}
.forum-topic-item_left{display:flex;font-size:15px;align-items:center;}
.forum-topic-item_right{color:#9ca3af;font-size:12px;}
.icon-topic{display:block;margin-right:.5rem;width:14px;height:14px;background:url(../images/bpk_icon_topic@3x.png) top/contain no-repeat;}
.one-badges{display:flex;margin-left:.4rem;padding:.1rem;width:16px;height:16px;border-radius:2px;background:#ccc;font-size:12px;line-height:1;align-items:center;justify-content:center;}
.bg-topic{background:#ff4a3b;color:#fff;}


/****/
.one-touch-message- .popup{top:inherit;bottom:0;height:auto;min-height:200px;}
.one-placeholder_tabbar{height:60px;}
.page.one-page{background:#fff;}
.panel{max-width:100vw;min-width:200px;}
.fab{bottom:80px;}
.fab-buttons a,.fab>a{width:40px;height:40px;}
.fab-label{font-size:12px;}


/****/
.block-list-1 .block-list-item, .one-sidebar-panel,.one-sidebar-panel *{-webkit-box-sizing:border-box;box-sizing:border-box;}


/****/
.one-sidebar-panel{display: flex;flex-direction: column;overflow:auto;height:100%;min-height:100%;background:#F6F7FA;}


/****/
.sidebar-panel_user{display:flex;align-items: center;padding: 1.2rem .8rem;width:100%;justify-content:space-between;}
.sidebar-panel_user .panel_user_login{display:flex;align-items:center;}
.sidebar-panel_user .panel_user_login span{font-size:14px;font-weight:600;color:#fff;}
.sidebar-panel_user .panel_user_login>span{margin-left:10px;}
.sidebar-panel_user .panel_user_login::before{display:flex;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:url(../svg/sidebar-user-icon.svg) no-repeat center center;background-size:contain;content:'';}
.sidebar-panel_user .panel_user_login::after{margin-left:4px;width:16px;height:16px;background:url(../svg/user-arrow-right.svg) no-repeat center center;background-size:80%;content:'';}
.sidebar-panel_user .panel_user_qrcode{width:24px;height:24px;background:url(../svg/sidebar-user-qrcode.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_user .panel_user_logout{width:24px;height:24px;background:url(../sidebar/sidebar-logout.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_user .panel_user_info{display:flex;align-items:center;align-content:center;}
.sidebar-panel_user .panel_user_info .user_info_avatar img{width:40px;height:40px;border:2px solid rgb(255 255 255 / 20%);border-radius:50%;}
.sidebar-panel_user .panel_user_info .user_info_more{display:flex;flex-direction:column;justify-content:center;margin-left:.8rem;}
.sidebar-panel_user .panel_user_info .user_info_more__name{color:#fff;font-weight:600;font-size:16px;line-height:1;}
.sidebar-panel_user .panel_user_info .user_info_more__text{display:flex;margin-top:4px;color:rgba(255,255,255,.8);font-size:12px;line-height:1;align-items:center;}
.sidebar-panel_user .panel_user_info .user_info_more__text::after{display:inline-block;margin-left:4px;width:10px;height:10px;background:url(../svg/user-arrow-right.svg) no-repeat center center;background-size:100%;content:'';}
.sidebar-panel_user .panel_user_info .one-live-avatar{width: 40px;height: 40px;}
.sidebar-panel_user .panel_user_info .one-live-avatar span{background: #000000;}


/****/
.sidebar-panel_members{margin:.8rem;padding:1rem;border-radius:8px;}
.sidebar-panel_members{background:#fff url(../bg/icon_my_no_vip_back.png);background-size:cover;}
.sidebar-panel_members .panel_members_wrapper{display:flex;justify-content:space-between;}
.sidebar-panel_members .panel_members_wrapper .members_wrapper_block div{color:#585859;font-weight:500;font-size:15px;}
.sidebar-panel_members .panel_members_wrapper .members_wrapper_block span{color:rgb(88 88 89 / 60%);font-weight:400;font-size:12px;}
.sidebar-panel_members .panel_members_wrapper .members_wrapper_button{display:flex;padding:0 12px;height:22px;background-color: var(--dz-BG-2);border:1px solid var(--dz-BG-2);border-radius:20px;color:#fff;font-size:12px;font-weight: 500;line-height:20px;}
.sidebar-panel_members .panel_members_info{margin-top:6px;padding-top:6px;border-top:1px solid rgb(240 253 251);color:#585859;font-size:12px;}


/****/
.sidebar-panel_block{margin:.8rem;border-radius:4px;background:#fff;}
.sidebar-panel_block .panel-block_title{margin:0;padding:12px;border-bottom:1px solid #f7f7f7;color:rgba(69,90,100,.6);font-weight:400;font-size:12px;line-height:16px;}
.sidebar-panel_block .panel-block_item{position:relative;display:flex;overflow:hidden;box-sizing:border-box;padding:1rem 1.2rem;width:100%;color:#585859;font-size:14px;line-height:24px;align-items:center;}
.sidebar-panel_block .panel-block_item .block_item__name{color:#585859;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.sidebar-panel_block .panel-block_item .block_item__icon{margin-right:.8rem;width:22px;height:22px;opacity:1;}
.sidebar-panel_block .panel-block_item .block_item__arrow_right{width:15px;height:15px;background:url(../svg/arrow-right.svg) no-repeat center center;background-size:80%;}
.sidebar-panel_block .panel-block_item img{display: block;width: 22px;height: 22px;margin-right: .8rem;object-fit: cover;}

.sidebar-panel_block .panel-block_icon-1{background:url(../sidebar/sidebar-1.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-2{background:url(../sidebar/sidebar-2.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-3{background:url(../sidebar/sidebar-3.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-4{background:url(../sidebar/sidebar-4.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-5{background:url(../sidebar/sidebar-5.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-6{background:url(../sidebar/sidebar-6.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-7{background:url(../sidebar/sidebar-7.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-8{background:url(../sidebar/sidebar-8.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-9{background:url(../sidebar/sidebar-9.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-10{background:url(../sidebar/sidebar-10.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-11{background:url(../sidebar/sidebar-11.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-12{background:url(../sidebar/sidebar-12.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-13{background:url(../sidebar/sidebar-13.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-19{background:url(../sidebar/sidebar-19.svg) no-repeat center center;background-size:contain;}
.sidebar-panel_block .panel-block_icon-21{background:url(../sidebar/sidebar-21.svg) no-repeat center center;background-size:contain;}


/****/
.one-blog-comments{background:#fff;}
.blog-comments-title{display:flex;padding:.8rem;border-bottom:1px solid #f9fafb;align-items:center;}
.blog-comments-title h6{font-weight:500;font-size:14px;}
.blog-comments-title span{margin-left:.4rem;color:#666;}
.one-comment-box{padding:1rem;}
.one-comment-item{position:relative;}
.comment-item-magic{position:absolute;right:0;}
.comment-item-magic a{display:flex;align-items:center;}
.comment-item-magic a img{margin-right:.2rem;height:14px;}
.comment-item-warp{display:flex;margin-bottom:.4rem;align-items:center;}
.comment-item-body{margin-left:42px;font-size:13px;line-height: 22px;}
.comment-item-body .quote{font-size: 12px}
.comment-item-body .quote img{max-height:16px}
.comment-item-body .quote b{font-weight: 400;color: var(--dz-BG-color)}
.one-comment-item:not(:last-child) .comment-item-body{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f8f8f8;}
.comment-item_avatar{display:flex;}
.comment-item_avatar img{height:35px;border-radius:50%;}
.comment-item-bar{margin-left:.8rem;flex:1;}
.item-user__name{font-size:14px;}
.item-user__op{display:flex;align-items: center;color:#888;justify-content:space-between;}


/****/
.one-space-doing{background:#fff;}
.space-doing-item{padding:1rem;}
.space-doing-item:not(:last-child){padding-bottom:1rem;border-bottom:1px solid #f8f8f8;}
.doing-item-header{display:flex;justify-content:space-between;align-items:center;}
.doing-item-avatar{display:flex;}
.doing-item-avatar img{display:flex;height:35px;border-radius:50%;}
.doing-item-body{margin-top:.4rem;margin-left:45px;font-size:13px;}
.doing-item-message img{max-height:16px;}
.doing-item-middle{display:flex;margin:0 .8rem;flex-direction:column;flex:1;}
.doing-item-middle a{display:inline-block;font-size:14px;}
.doing-item-middle small{color:#888;}
.doing-item-bar a{display:inline-block;margin-left:.4rem;padding:.3rem;border-radius:50%;background:#f6f7fa;color:#888;line-height:1;}
.doing-item-bar i{font-size:14px;}
.doing-item-child_comment{margin-top:1rem;padding:1rem;border:1px dashed #f6f7fa;border-radius:4px;background:#fff;}
.item-child_comment-item:not(:last-child){margin-bottom:1rem;}
.child_comment-item_header{display:flex;justify-content:space-between;align-items:center;}
.child_comment-item_header h6{margin-left:.4rem;font-size:13px;}
.child_comment-item_header img{height:20px;border-radius:50%;}
.child_comment-item_header span{margin-left:auto;color:#888;font-size:12px;}
.child_comment-item_header a:first-child{display:flex;align-items:center;}
.child_comment-item_header .dialog{display:inline-block;margin-left:.4rem;padding:.3rem;border-radius:50%;background:#f6f7fa;color:#888;line-height:1;}
.child_comment-item_header .dialog i{font-size:14px;}
.child_comment-item_message{margin-left:25px;}
.child_comment-item_message img{max-height:14px;}
.item-child_comment-item:not(:last-child) .child_comment-item_message{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px dashed #f6f7fa;}


/****/
.one-space-wall-form{padding:1rem;background:#fff}
.one-space-wall-form .space-wall-form_textarea textarea{box-sizing:border-box;padding:.4rem .6rem;width:100%;border-radius:4px;font-size:12px}
.one-space-wall-form .space-wall-form_bar{display:flex;margin-top:.3rem;justify-content:space-between;}
.one-space-wall-form .message_send-return{margin:0 1rem;flex:1;}
.one-space-wall-form .message_send-signature{margin: 0 0.6rem 0 auto;display: flex;align-items: center;}
.one-space-wall-form .message_send-signature label{transform: scale(.9);margin-right: -5px;}
.one-space-wall-form .message_send-submit button{padding:.3rem 1.2rem;border-radius:4px;background:#0065ff;color:#fff;font-weight:400;font-size:12px;}
.one-space-wall-form+.comments_bar_tab .one-smiles_warp .smiles_item.is-open{height:160px;border-top:1px solid var(--dz-BOR-ed);}


/****/
.one-blog-list{padding:1rem;background:#fff;}
.one-blog-list .blog-list_item{display:flex;margin-bottom:1rem;}
.one-blog-list .blog-list_item:not(:last-child){padding-bottom:1rem;border-bottom:1px solid #f6f6f6;}
.one-blog-list .list_item-title{margin-bottom:.2rem;font-weight:500}
.one-blog-list .list_item-title a{font-size:14px;}
.one-blog-list .list_item-warp{display:flex;overflow:hidden;flex-direction:column;}
.one-blog-list .list_item-message{overflow:hidden;max-height:20px;color:var(--dz-FC-666);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;}
.one-blog-list .list_item-dateline{margin-top:.2rem;color:#aaa;font-size:12px;}
.one-blog-list .list_item-cover{margin-left:1rem;}
.one-blog-list .list_item-cover img{display:block;width:80px;height:60px;border-radius:4px;object-fit:cover;}


/****/
.one-album-list{display:flex;padding:.6rem;background:#fff;flex-wrap:wrap;}
.one-album-list .album-list-item{overflow:hidden;margin:2%;flex:46% 0 0;}
.one-album-list .album-list-pic{position:relative;display:flex;overflow:hidden;width:100%;height:100%;border-radius:4px;background-size:cover;background-repeat:no-repeat;flex-direction:column;align-items:center;}
.one-album-list .album-list-pic img{width:100%;height:100%;border-radius:4px;opacity:0;object-fit:cover;}
.one-album-list .album-list-pic span{position:absolute;bottom:0;overflow:hidden;box-sizing:border-box;padding:0 .6rem;width:100%;height:28px;background:0 0;color:#fff;font-size:12px;line-height:28px;}
.one-album-list .album-list-pic small{position:absolute;top:0;left:0;display:flex;padding:.1rem .8rem;color:#fff;align-items:center;}
.one-album-list .album-list-pic small i{margin-right:.2rem;font-size:12px;}


/****/
.one-header-banner-bg{position:absolute;top:0;z-index:-1;width:100%;height:180px;background:#374151;}
.one-header-banner-bg::before{display:block;width:100%;height:100%;background-image:linear-gradient(to top,rgb(0 0 0 / 80%),transparent),url(../bg/bg_ranklist.webp);background-position:top;background-size:cover;content:'';opacity:1;background-blend-mode:normal;}
.one-header-banner-bg::after{position:absolute;top:0;display:flex;width:100%;height:100%;background:rgb(0 0 0 / 10%);content:'';}


/****/
.one-header-banner-bg.banner-space_user{height: 250px;}
.one-header-banner-bg.banner-space_user::before{background-image:url(../bg/bg_user_banner.png);}
.one-header-banner-bg.banner-space_user::after{background:linear-gradient(to top,rgb(0 0 0 / 75%),transparent);}


/****/
.one-header-banner-bg.banner-collection-view{height: 190px;background: #374151;}
.one-header-banner-bg.banner-collection-view::before{background-image:linear-gradient(to top,rgb(0 0 0 / 80%),transparent),url(../bg/banner-collection-view.png);}
.one-header-banner-bg.banner-collection-view::after{background:rgb(0 0 0 / 30%);}


/****/
.one-header-banner-bg.banner-ranklist{height: 145px;}
.one-header-banner-bg.banner-ranklist::before{background-image:url(../bg/bg_ranklist.webp);}
.one-header-banner-bg.banner-ranklist::after{background:rgb(0 0 0 / 20%);}


/****/
.one-header-banner-bg.banner-ranklist_member{height: 145px;}
.one-header-banner-bg.banner-ranklist_member::before{background-image:url(../bg/bg_ranklist_member.jpg);}
.one-header-banner-bg.banner-ranklist_member::after{background:rgb(0 0 0 / 40%);}


/****/
.one-header-banner-bg.banner-forumdisplay{height: 200px;}
.one-header-banner-bg.banner-forumdisplay::before{background-image:linear-gradient(to top,rgb(0 0 0 / 80%),transparent),url(../bg/bg-slide-card.png);}


/****/
.one-canvas-space_skin{overflow:unset;}
.canvas-space-header{position:relative;top:-35px;display:flex;margin-bottom:-35px;padding:1rem;border-bottom:1px solid #f6f7fa;align-items:flex-end;}
.canvas-space-avatar{margin-right:1rem;}
.canvas-space-avatar img{display:block;padding:4px;height:70px;border-radius:50%;background:#fff;}
.canvas-space-row{margin-bottom:0;}
.canvas-space-row h6{font-weight:600;font-size:16px;}
.canvas-space-row span{color:#666;}
.canvas-space-body{display:flex;overflow-x:scroll;padding:.8rem;max-height:218px;flex-wrap:wrap;}
.canvas-space-item{position:relative;display:flex;overflow:hidden;margin:2%;border-radius:4px;flex-direction:column;align-items:center;flex:29% 1 1;}
.canvas-space-item img{width:100%;height:60px;border-radius:4px;object-fit:cover;}
.canvas-space-item span{position:absolute;top:0;left:0;padding:.2rem .4rem;border-radius:0 0 6px 0;background:rgb(0 0 0 / 60%);color:#fff;font-size:12px;line-height:1;}
.canvas-space-item.is-choose::after{position:absolute;top:0;right:0;display:flex;width:30px;height:30px;background:url(../svg/svg-is-choose.svg) no-repeat top right;background-size:contain;content:'';}
.canvas-space-item.is-choose::before{background:0 0;}
.canvas-space-item::before{position:absolute;top:0;display:flex;width:100%;height:100%;background:rgb(0 0 0 / 40%);content:'';}

.space_share_header{display:flex;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #f4f4f4;justify-content:space-between;align-items:center;}
.space_share_header img{margin-left:1rem;height:45px;border-radius:50%;}
.space_share_header h6{margin:0 1rem;font-weight:600;font-size:16px;flex:1;}
.space_share_header .space_share_more{margin-right:1rem;}
.space_share_more i{padding:.3rem;border-radius:50%;background:#f3f3f3;font-weight:600;font-size:14px;}
.space_share_body{display:flex;margin-bottom:1rem;flex-wrap:wrap;}
.space_share_item{display:flex;margin:1% 1% 1rem;flex-direction:column;align-items:center;flex:18% 0 1;}
.space_share_item img{height:40px;}
.space_share_item span{margin-top:.4rem;}
.space_share_footer{margin:0 1rem 1rem;}
.space_share_close{display:flex;box-sizing:border-box;padding:1rem;width:100%;border-radius:30px;background:#f8f8f8;font-size:14px;align-items:center;justify-content:center;}
.header_space-height{height:110px;}


.one-user-space{position:relative;}
.one-user-row{display:flex;margin-bottom:1rem;justify-content:space-between;    align-items: flex-end;}
.one-user-space-avatar{margin-left:0;}
.one-user-space-avatar .user-space-gender{position:absolute;top:10px;left:45px;z-index:10;padding:1px;border-radius:50%;background:#fff;transform:scale(.9);}
.one-user-space-avatar i{margin:0;}
.one-user-space-avatar img{display: block;position:absolute;top:-30px;padding:2px;width:55px;height:55px;border-radius:50%;background:#fff;object-fit:cover;}
.one-user-space-count{display:flex;}
.one-user-space-count>div, .one-user-space-count>a{display:flex;margin:0 1rem;flex-direction:column;align-items:center;color:#fff}
.one-user-space-count span{margin-bottom:.2rem;color:#999;}
.one-user-space-count b{font-weight:600;font-size:14px;}
.one-user-space-info{display:flex;margin-right:1rem;flex:1;flex-direction: column;}
.user-space-name{font-weight:600;font-size:18px;line-height:1;}
.one-user-space-op{display:flex;}
.one-user-space-op button{display:flex;align-items:center;padding:.2rem 1rem;min-width:62px;border-radius:20px;background:#06f;color:#fff;font-weight:500;font-size:12px;}
.one-user-space-op a{display:flex;margin-left:.6rem;width:24px;height:24px;border:1px solid var(--dz-BOR-ed);border-radius:50%;align-items:center;justify-content:center;color: #fff;}
.one-user-space-introduce{display:flex;justify-content:space-between;align-items:center;}
.user-space-introduce_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-basis:65%;}
.user-space-introduce_more{display:flex;color:#999;align-items:center;}
.user-space-introduce_more .iconfont{font-size:12px;}

.one-header_space-bg-box{margin-top:110px;padding:1rem;border-radius:12px 12px 0 0;background:#fff;}

.user-space-icon{display:flex;margin-top:.8rem;align-items:center;gap: 0.6rem;}
.user-space-icon img{display:block;height:15px;}
.space-icon_male{display:block;width:15px;height:15px;border-radius:4px;background:url(../images/ugc_user_list_gender_male@2x.png) center/contain no-repeat;}
.space-icon_female{display:block;margin-left:4px;width:15px;height:15px;border-radius:4px;background:url(../images/ugc_user_list_gender_female@2x.png) center/contain no-repeat;}
.space-icon_level{padding:0 6px;border:1px solid #3d99f4;border-radius:4px;color:#3d99f4;font-size:12px;line-height:1;}

.one-user-space-item{position:relative;top:-.6rem;display:flex;margin-bottom:.2rem;align-items:center;}
.one-user-space-item svg{margin-right:.2rem;width:14px;height:14px;}
.one-user-space-item span{margin-right:.4rem;}
.one-user-space-item i{margin-left:.3rem;font-weight:700;font-size:12px;transform:scale(.8);}

.one-space-tabs{display:flex;padding:1rem;background:#fff;flex-wrap:wrap;}
.space-tabs-item{position:relative;margin:0 1rem;width:auto;font-size:13px;}
.space-tabs-item:first-child{margin-left:0;}
.space-tabs-item:last-child{margin-right:0;}
.space-tabs-item.item-active{font-weight:500;}
.space-tabs-item.item-active::after{position:absolute;bottom:-8px;left:50%;margin-left:-3px;width:6px;height:3px;border-radius:2px;background-color:var(--dz-BG-color);content:"";}
.space-tabs-item.item-active a{color:var(--dz-BG-color);}


/****/
.one-header_space-bg-box{margin-top:0;background:0 0;color:#fff;}
.one-header_space-bg{height:270px;}
.one-space-tabs{border-radius:8px 8px 0 0;}
.one-user-space-count span,.user-space-introduce_more{color:#fff!important;}
.one-user-space-avatar{position:relative;}
.one-user-space-avatar img{position:relative;top:0;}
.one-user-space-avatar .user-space-gender{top:36px;}
.space-icon_level{border:1px solid #3d99f4;background:#0065ff;color:#fff;}


/****/
.one-dialog_radius-btn{display:inline-block;margin-left:.4rem;padding:.3rem;border-radius:50%;background:#f6f7fa;color:#888!important;line-height:1;}
.one-dialog_radius-btn i{font-size:14px;}


/****/
.touch-dialog-report_title{font-weight:500;font-size:12px;}
.touch-dialog-report_reasons{display:flex;margin:.6rem 0;flex-direction:row;flex-wrap:wrap;}
.touch-dialog-report_reasons label{margin:.2rem 0;flex:50% 0 0;}
.touch-dialog-report_other{display:none;}


/****/
.touch-collection-data-item{display:flex;margin:.8rem 1rem;}
.touch-collection-data-item:not(:last-child){border-bottom:1px dashed #f1f3f6;}
.touch-collection-data-cover{position:relative;display:flex;margin:.6rem 1rem 1rem 0;width:86px;border:1px solid #f6f6f6;border-radius:6px;justify-content:center;}
.touch-collection-data-cover span{position:absolute;right:5px;bottom:5px;display:none;padding:.1rem .3rem;border-radius:4px;background:rgb(0 0 0 / 50%);color:#fff;text-align:center;line-height:1;align-items:center;}
.touch-collection-data-cover span i{margin-right:.2rem;}
.touch-collection-data-cover:after,.touch-collection-data-cover:before{position:absolute;top:-2px;z-index:-1;display:flex;margin:0 auto;width:90%;height:100%;border-radius:4px 4px 0 0;background:rgb(29 29 29 / 5%);content:'';}
.touch-collection-data-cover:after{top:-4px;width:94%;background:rgb(29 29 29 / 4%);}
.touch-collection-data-cover img{display:block;width:100%;border-radius:4px;}
.touch-collection-data-info{overflow:hidden;margin:.6rem 1rem .6rem 0;flex:1;}
.collection-data-info-title{display:block;margin-bottom:.4rem;font-size:13px;}
.collection-data-info-text{overflow:hidden;margin-bottom:.8rem;color:#828ca0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.collection-data-info-text a{color:#828ca0;}
.collection-data-count{display:flex;color:#828ca0;align-items:center;}
.collection-data-count .data-count-item{display:flex;margin-right:1rem;align-items:center;}
.collection-data-count .data-count-item i{margin-right:.2rem;}


/****/
.one-album-preview{display:flex;height:100%;flex-direction:column;justify-content:space-between;}
.one-album-preview .one-touch-header{min-height:50px;}
.album-preview-body{display:flex;margin-bottom:52px;height:100%;flex:1;align-items:center;}
.album-preview-pic{display: flex}
.album-preview-pic img{display:block;height:100%;max-width:100%;object-fit: contain;}
.album-preview-bar{position:absolute;bottom:0;display:flex;box-sizing:border-box;padding:.6rem 1rem .4rem;width:100%;background:rgb(0 0 0 / 40%);justify-content:space-around;}
.preview-bar_item{position:relative;display:flex;color:#fff!important;flex-direction:column;align-items:center;}
.preview-bar_item i{font-size:22px;line-height:1;}
.preview-bar_item b{font-weight:400;font-size:12px;transform:scale(.8);}
.preview-bar_item .c-button__text{display:flex;flex-direction:column;align-items:center;}
.preview-bar_item div{position:absolute;right:-18px;padding:.1rem .4rem;border-radius:20px;background:#000;font-size:12px;line-height:1;transform:scale(.9);}
.one-share-preview{display:flex;margin:.8rem 0;padding:.8rem;border:1px solid #efefef;border-radius:4px;background:#f8f8f8;align-items:center;}
.share-preview-cover{display:inline-block;margin-right:.8rem;}
.share-preview-cover img{display:block;width:80px;height:60px;border-radius:4px;object-fit:cover;}
.share-preview-body{line-height:20px;flex:1;max-height: 60px;overflow: scroll;}
.album-preview-next,.album-preview-prev{position:absolute;display:flex;padding:.6rem;width:16px;height:16px;border-radius:50%;background:rgb(0 0 0 / 55%);color:#fff!important;align-items:center;justify-content:center;}
.album-preview-prev{left:.8rem;}
.album-preview-next{right:.8rem;}


/****/
.canvas-space_dianzan-body{padding:1rem;}
.canvas-space_comments-header{display:flex;padding:.6rem 1rem;border-bottom:1px solid #f3f3f3;justify-content:center;}
.canvas-space_comments-header h6{text-align:center;font-size:14px;flex:1;}
.canvas-space_comments-header i{margin-left:auto;}
.canvas-space_comments-body{overflow:scroll;max-height:340px;min-height:280px;}
.canvas-space_comments-item{display:flex;padding:1rem;}
.space_comments-avatar{margin-right:.8rem;}
.space_comments-avatar img{width:35px;height:35px;border-radius:50%;}
.space_comments-text{line-height:20px;flex:1;}
.comments-text_name{font-weight:600;}
.comments-text_bar{color:#999;}
.space_comments-bar{display:flex;margin-left:.8rem;flex-direction:column;}
.space_comments-bar .one-dialog_radius-btn{margin-bottom:.6rem;margin-left:0;}
.space_comments-bar i{color:#888;}


/****/
.canvas-space_comments-footer{display:flex;box-sizing:border-box;padding:.6rem;border-top:1px solid #f3f3f3;align-items:center;}
.space_comments-footer-smilies i{font-size:24px;line-height:1;}
.space_comments-footer-smilies.is-open i {color: #0588fe}
.space_comments-footer-input{box-sizing:border-box;margin:0 .8rem;width:100%;flex:1;}
.space_comments-footer-input input{box-sizing:border-box;padding:.3rem .8rem;width:100%;border-radius:4px;}
.space_comments-footer-send button{padding:.2rem .8rem;border-radius:4px;background:var(--dz-BG-color);color:#fff;}


/****/
.one-album-view{background:#fff;}
.album-view-list{display:flex;padding:1rem;flex-direction:column;}
.album-view-item{display:flex;justify-content:center;}
.album-view-item:not(:last-child){margin-bottom:1rem;}
.album-view-item a{display:block;width:100%;}
.album-view-item img{display:block;width:100%;max-width:100%;border-radius:4px;}
.album-view-header{overflow:hidden;padding:0 1rem;background:#fff;}
.album-view-name{overflow:hidden;padding:.8rem 0;height:30px;color:#333;font-size:18px;line-height:30px;}
.album-view-introduce{overflow:hidden;padding-bottom:.6rem;color:#888;font-size:14px;line-height:20px;}


/****/
.one-viewthread-comment_btn{display:flex;color:#9ca3af;align-items:center;}
.one-viewthread-comment_btn i{font-size:14px;}
.one-viewthread-comment_btn span{margin-left:2px;font-size:12px;}


/****/
.one-block-sort-option{padding:.8rem;border-top:1px dashed #ece7d5;border-bottom:1px dashed #ece7d5;}
.one-block-sort-option .block-sort-option-item{margin-bottom:.8rem;}
.one-block-sort-option .option-sort-item_title{margin-bottom:4px;font-weight:500;font-size:14px;}
.one-block-sort-option .option-sort-item_text{color:#4b5563;}


/****/
.one-group-banner{position:relative;}
.touch-group-banner-header{display:flex;padding:1rem;color:#fff;align-items:center;}
.group-banner-header-icon{overflow:hidden;margin-right:1rem;padding:.2rem;border-radius:6px;background:rgb(255 255 255 / 20%);}
.group-banner-header-icon img{display:block;width:50px;height:50px;border-radius:4px;object-fit:contain;}
.group-banner-header-info{margin-right:1rem;flex:1;}
.group-banner-header-info h6{margin-bottom:.6rem;font-weight:600;font-size:14px;}
.group-banner-header-info h6 img{margin-left:.4rem;height:15px;}
.group-banner-header-info p b{margin-right:1rem;margin-left:.3rem;font-weight:600;}



/****/
.one-block-brand{position:relative;}
.one-block-brand .block-brand-warp{display:flex;padding:1.2rem 1rem;color:#fff;min-height: 110px;justify-content:space-between;align-items: flex-end;}
.one-block-brand .block-brand_left{display:flex;flex-direction:column;align-items:flex-start;}
.one-block-brand .block-brand_right{margin-left:12px;}
.one-block-brand .start_info__title{display:flex;align-items:center;font-weight:500;font-size:16px;line-height:1;}
.one-block-brand .start_info__title .c-button__text{display:flex;align-items:center;}
.one-block-brand .start_info__title i{font-size:12px;margin-left:.4rem;font-weight:600;}
.one-block-brand .start_info__span{display:flex;margin-top:8px;font-size:12px;align-items:center;}
.one-block-brand .start_info__span .c-button__text{display:flex;align-items:center;}
.one-block-brand .start_info__span span:not(:last-child){margin-right: .4rem}
.one-block-brand .start_info__span strong{color: #efdbb1;}
.one-block-brand .start_info__span i{font-size:16px;}
.one-block-brand .brand_bar{display:flex;margin-top:1.2rem;padding:.2rem .6rem;border-radius:30px;background:rgb(0 0 0 / 10%);font-size:12px;align-items:center;}
.one-block-brand .brand_plus_btn{display:inline-block;padding:.5rem .8rem;border-radius:20px;border: 1px solid #ffffff;color: #ffffff;font-weight:500;font-size:12px;line-height:1;}
.one-block-brand .brand_plus_btn.is_click{border: 1px solid var(--dz-BG-color);background: var(--dz-BG-color);}
.brand_bar .brand_bar_user{margin-right:1.2rem;margin-left:.6rem;line-height:1;}
.brand_bar .brand_bar_user img{margin-right:-8px;width:16px;height:16px;object-fit:cover;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;}
.brand_bar .brand_bar_dot{margin-right:10px;font-size:20px;line-height:1;}
.brand_bar .brand_bar_more{display:flex;align-items:center;}
.brand_bar .brand_bar_more i{font-size:16px;}
.brand_bar .brand_bar_more span{color:#efdbb1;font-weight:700;}
.brand_start{display:flex;align-items:center;}
.brand_start .brand_start_cover{border-radius:50%;border:2px solid rgb(255 255 255 / 20%);margin-right:10px;}
.brand_start .brand_start_cover img{display: block;width:50px;height:50px;background:#edeef3;border-radius:50%;object-fit:cover;}
.one-block-box{min-height:300px;border-radius:10px 10px 0 0;}
.one-block-box.module-header-bar{}
.one-block-tabs-scroll, .one-block-tabs-scroll.swiper{position:relative;display:flex;padding:.8rem 1rem;border-radius:8px 8px 0 0;background:#fff;align-items:center;height:40px;box-sizing:border-box;}
.one-block-tabs-scroll .swiper-wrapper{display:flex;align-items:center;}
.one-block-tabs-scroll .swiper-wrapper a{margin-right:25px;width:auto;color:#6b7280;font-size:14px;}
.one-block-tabs-scroll .swiper-wrapper a:last-child{margin-right:45px;}
.one-block-tabs-scroll .swiper-wrapper .block-tabs_active{font-weight:500;color:var(--dz-FC-333);}
.one-block-tabs-scroll .swiper-wrapper .block-tabs_active:after{position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:3px;border-radius:10px;background:var(--dz-FC-333);content:"";}
.one-block-tabs-more{position:absolute;top:0;right:0;bottom:0;z-index:1;display:flex;padding:0 .8rem;height:100%;background-color:#fff;justify-content:center;align-items:center;}
.block-tabs-more_btn{padding:2px 6px;border-radius:4px;background:#f6f6f6;line-height:1;}
.block-tabs-more_btn i{font-size:16px;}
.block-tabs-more_btn:after{content:'';}
.dynamic-height-wrap{position:relative;overflow:hidden;width:100%;transition:max-height .25s ease-in-out;}
.dynamic-height-active .dynamic-height-wrap:before{position:absolute;right:0;bottom:0;left:0;z-index:1;height:30px;background:linear-gradient(to bottom,rgba(240,249,255,0) 0,#fff 100%);content:'';}
.dynamic-height-active .dynamic-show-more{display:inline-block;}
.dynamic-show-more{display:none;}
.one-dynamic-height{position:relative;}
.js-dynamic-show-hide{position:absolute;top:.8rem;right:.8rem;}
.js-dynamic-show-hide i{font-size:18px;}
.dynamic-height-active .js-dynamic-show-hide i{transform:rotate(180deg);}


.one-block-top-list{padding:1rem;border-top:1px solid #f9fafb;background:#fff;}
.one-block-top-list .block-top-list_item{margin-bottom:1rem;font-size:13px;font-weight:500;}
.one-block-top-list .block-top-list_item:last-child{margin-bottom:0;}
.one-block-top-list .block-top-list_item a{display:flex;flex:1;align-items:center;}
.one-block-top-list .block-top-list_badge{margin-right:6px;padding:2px 6px;border-radius:4px;background:#007afe;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;}
.one-block-top-list em{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;font-style:inherit;line-height:1;}
.sheet-swipe-bottom{border-radius:10px 10px 0 0;}
.one-block-conditions{padding:.8rem;}
.block-conditions_warp{margin-bottom:8px;}
.block-conditions_warp:last-child{margin-bottom:0;}
.block-conditions_title{margin-bottom:5px;font-weight:500;font-size:14px;}
.block-conditions_item{display:flex;flex-wrap:wrap;}
.block-conditions_item a{box-sizing:border-box;margin:1%;padding:2px 8px;border-radius:4px;background:#f6f6f6;color:#111;text-align:center;font-size:12px;flex:0 0 23%;}
.block-conditions_item a.item_active{background:var(--dz-BG-color);color:#fff;}


/****/
.one-touch-card-box{overflow:hidden;padding:1rem;background:#fff;}
.touch-card-header{display:flex;justify-content:space-between;}
.touch-card-title{font-weight:500;font-size:15px;}
.touch-card-more{display:flex;color:#374151;font-size:12px;align-items:center;}
.touch-card-more i{font-size:20px;}
.touch-card-body{overflow:hidden;}


/****/
.one-touch-group-recommend{display:flex;flex-wrap:wrap;}
.one-touch-group-recommend .touch-group-recommend-item{display:flex;margin-top:1rem;margin-right:1.2rem;width:auto;flex-direction:column;align-items:center;}
.one-touch-group-recommend .group-recommend-cover{position:relative;}
.one-touch-group-recommend .group-recommend-cover img{display:flex;width:50px;height:50px;border-radius:4px;object-fit:cover;}
.one-touch-group-recommend .group-recommend-title{overflow:hidden;margin-top:.4rem;max-width:55px;text-overflow:ellipsis;white-space:nowrap;}

/****/
.one-touch-group-tabs{display:flex;padding:1rem;}
.touch-group-tabs-item{margin-right:1rem;padding:.2rem 1rem;border-radius:1rem;background:#f6f7fa;font-size:13px;}
.touch-group-tabs-item.item-active{background:#2b7acd;color:#fff;font-weight:500;}

/****/
.one-touch-quote{margin:.8rem 1rem;padding:.6rem .8rem;border:1px dashed #e7e7e7;border-radius:4px;background-color:#f6f7fa;}


/****/
.touch-user-list-item{display:flex;margin-top:.5rem;}
.touch-user-list-item:not(:last-child){margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px dashed #f1f3f6;}
.user-list-item-avatar{display:flex;align-items:center;margin-right:1rem;}
.user-list-item-avatar img{display:block;width:35px;height:35px;border-radius:50%;border: 1px solid #ededed;}
.user-list-item-info{display:flex;flex-direction:column;justify-content:center;}
.user-list-item-name{font-weight:500;font-size:13px;}
.user-list-item-text{color:#6b7280;font-size:12px;}


/****/
.one-canvas-forum-info{overflow-x:scroll;}


/****/
.touch-icon-up{display:inline-block;margin-right:.5rem;width:40px;height:18px;background:url(../images/c1e.png) no-repeat center;background-size:contain;}


/****/
.canvas-forum-info-top{display:flex;padding:1.5rem 1rem;align-items:center;}
.forum-info-cover{margin-right:.8rem;}
.forum-info-cover img{background: #edeef3;display:block;height:45px;border-radius:4px;}
.forum-info-warp{flex:1;}
.forum-info-title{font-weight:500;font-size:14px;}
.forum-info-title img{max-height: 15px;margin-left: .2rem;}
.forum-info-span{margin-top: .2rem;color:#666;}
.forum-info-span b{margin-left: .2rem;margin-right: 1rem}
.canvas-forum-info-item{display:flex;padding:1rem 1rem .6rem;flex-direction:column;}
.forum-info-label{display:flex;margin-bottom:.6rem;font-weight:500;font-size:13px;}
.forum-info-label small{margin-left:auto;color:#888;font-weight:400;}
.forum-info-text{color:#333;}
.forum-info-text a{margin:.2rem;}
.forum-info-types{display:flex;margin:0 -.4rem;flex-wrap:wrap;flex-direction:row;}
.forum-info-types_item{display:flex;align-items:center;justify-content:center;margin:.4rem;padding:.4rem;border-radius:20px;background:#f8f8f8;text-align:center;flex:1;white-space:nowrap;}
.forum-info-types_item.item-active{background:var(--dz-BG-color);color:#fff}
.forum-info-types_item.item-active a{color:#fff}
.forum-info-recommend-groups{display:flex;margin:0 -.4rem;flex-wrap:wrap;}
.recommend-groups_item{display:flex;margin:.4rem;flex-direction:column;align-items:center;}
.recommend-groups_item p{max-width: 60px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.recommend-groups_item img{height:40px;border-radius:4px;}
.forum-info-active-users{display:flex;margin:0 -.4rem;flex-wrap:wrap;}
.active-users_item{display:flex;margin:.4rem;flex-direction:column;align-items:center;}
.active-users_item p{display:none;}
.active-users_item span{display:none;}
.active-users_item img{display:flex;width:28px;height:28px;border-radius:50%;object-fit:cover;border: 1px solid #ededed;}


/****/
.one-member-login{display:flex;box-sizing:border-box;width: 100%;padding:1.6rem;height:calc(100% - 50px);flex-direction:column;}
.member-login-header{margin:1rem 0 2rem;}
.member-login-title{display: flex;justify-content: space-between;font-size:22px;}
.member-login-title i{font-size: 22px;line-height: 1;}
.member-login-body{flex:1;}
.member-login-form{display:flex;flex-direction:column;}
.member-login-input{position:relative;margin-bottom:1rem;}
.member-login-input>a{display:inline-block;margin-top:.4rem}
.member-login-input input,.member-login-input select,.member-login-seccheck .sec_code-block-input input{box-sizing:border-box;padding:.8rem;width:100%;border-radius:4px;color:#888;background:rgb(255 255 255 / 60%);border:1px solid rgb(237 237 237 / 60%);appearance: none;min-height:42px;}
.member-login-input.login-input__security{display:none;}
.member-login-input .login-input__instructions{margin-top:.2rem;color:#f26c4f}
.member-login-tip{display:flex}
.member-login-tip span{margin-right:1rem}
.member-login-dropdown{position:absolute;top:0;right:0;display:flex;width:40px;height:100%;align-items:center;justify-content:center;}
.member-login-button{margin:1.2rem 0;}
.member-login-seccheck{margin-bottom:1.2rem;}
.member-login-seccheck .one-sec_code-block{padding:0;}
.member-login-seccheck .sec_code-block-img img{height: 42px}
.member-login-button button{padding:1rem;width:100%;border-radius:4px;background:var(--dz-BG-color);color:#fff;font-weight:500;}
.member-login-link{display:flex;justify-content:space-between;}
.member-login-link a{color:#0365fe;}
.member-login-small{margin-top:.6rem;font-size:13px;}
.member-login-small span{color:#666;}
.member-login-small a{color:var(--dz-BG-3);font-weight:600;}

.member-login-agreement{display:flex;color:#888;}
.member-login-agreement label{margin-right:.4rem;}
.member-login-agreement a{color:#0365fe;}
.login-agreement-text{margin-left:-1rem;transform:scale(.8);}
.member-login-footer{display:flex;margin:2rem 0;width:100%;flex-basis:6rem;flex-direction:column;align-items:center;justify-content:space-evenly;}
.member-login-quick{display:flex;width:100%;justify-content:center;}
.login-quick-item{margin:0 .8rem;width:32px;height:32px;border-radius:50%;background-color:#f2f2f2;}
.login-quick-username{background:url(../login/account_more_login_icon.png) no-repeat center;background-size:contain;}
.login-quick-qq{background:url(../login/account_qq_login_icon.png) no-repeat center;background-size:contain;}
.login-quick-weixin{background:url(../login/account_wx_login_icon.png) no-repeat center;background-size:contain;}
.login-quick-dingtalk{background:url(../login/account_dingtalk_login_icon.png) no-repeat center;background-size:contain;}
.login-quick-sms{background:url(../login/account_phone_login_icon.png) no-repeat center;background-size:contain;}
.member-login-quick_title{display:flex;margin-bottom:2rem;color:#888;align-items:center;}
.member-login-quick_title:before{display:inline-block;margin-right:1rem;width:60px;height:1px;background:#ebebeb;content:'';}
.member-login-quick_title:after{display:inline-block;margin-left:1rem;width:60px;height:1px;background:#ebebeb;content:'';}


/****/
.member-login-field-item{position:relative;display:flex;margin-bottom:1.2rem;width:100%;flex-direction:column;}
.member-login-field-item input,.member-login-field-item select,.member-login-field-item textarea{box-sizing:border-box;padding:.8rem;width:100%;border:1px solid #ededed;border-radius:4px;background:#fff;color:#888;line-height:inherit;font-size:14px;}
.member-login-field-item>span{margin-bottom:.2rem;}
.member-login-field-item>div{display:flex;flex-direction:column;width:100%;}
.member-login-field-item>div p{display:flex;}
.canvas-agreement-title{display:flex;padding:1rem;border-bottom:1px solid #ededed;background:#fbfbfb;font-weight:500;font-size:14px;align-items:center;border-radius: 8px 8px 0 0;}
.canvas-agreement-title span{margin-left:auto;}
.canvas-agreement-title i{font-size:20px;line-height:1;}
.canvas-agreement-body{overflow-x:scroll;padding:0 1.2rem;max-height:300px;line-height:22px;}

/****/
.one-sec_code-block{display:flex;width:100%;padding:.6rem 0;box-sizing:border-box;}
.one-sec_code-block .sec_code-block-input{flex:1;}
.one-sec_code-block .sec_code-block-input input{width: 100%;height:100%;border-radius: 4px;padding: 0.2rem 0.6rem;box-sizing: border-box;}
.one-sec_code-block .sec_code-block-img{margin-left:1rem;}
.one-sec_code-block .sec_code-block-img img{display:block;border-radius:4px;}

/****/
.one-touch-copy{display:flex;flex-direction:column;align-items:center;margin:1rem;color:#9ca3af;}

/****/
.one-comments-seccheck{padding: 0.4rem;}
.one-comments-seccheck .one-sec_code-block{padding:0}
.one-comments-footer+.one-comments-seccheck{border-top: 1px solid #ededed;}

/****/
.one-page-ranklist{display:flex;flex-direction:column;}
.banner-ranklist-height{display:block;min-height:10px;}
.banner-ranklist-height.ranklist-height_sm{min-height:52px;}
.one-ranklist-box{width:100%;flex:1;}
.one-ranklist-tabs{display:flex;padding:.8rem 1rem 1rem;flex-wrap:wrap;justify-content:space-evenly;border-radius:12px 12px 0 0;background:rgb(0 0 0 / 20%);}
.ranklist-tabs-item{position:relative;margin:0 1rem;width:auto;font-size:14px;}
.ranklist-tabs-item:first-child{margin-left:0;}
.ranklist-tabs-item:last-child{margin-right:0;}
.ranklist-tabs-item.item-active{font-weight:600;font-size:14px;}
.ranklist-tabs-item.item-active::after{position:absolute;bottom:-8px;left:50%;margin-left:-4px;width:8px;height:3px;border-radius:2px;background-color:#fff;content:"";}
.ranklist-tabs-item a{color:rgb(255 255 255 / 80%);font-size:12px;font-weight:500}
.ranklist-tabs-item.item-active a{color:#fff;font-size:14px}
.one-ranklist-data{padding:.4rem .2rem 0;box-sizing:border-box;}
.ranklist-data-item{display:flex;margin:1rem;padding-bottom:1rem;}
.ranklist-data-item>*:first-child{margin-right: 0.8rem;}
.ranklist-data-item>*:last-child{margin-right: 0;}
.ranklist-data-item:not(:last-child){border-bottom: 1px dashed #f1f3f6;}
.ranklist-data-cover{width: 110px;height: 75px;background: #F6F7FA;border-radius: 4px;}
.ranklist-data-cover img{display:block;width:110px;height:75px;border-radius:4px;object-fit:cover;}
.ranklist-data-serial-number{margin-right:.8rem;color:#999;font-weight:600;font-size:16px;}
.ranklist-data-info{display:flex;overflow:hidden;flex-direction:column;justify-content: space-between;flex:1;}
.ranklist-data-title{margin-bottom:.6rem;font-weight:500;font-size:14px;}
.ranklist-data-abstract{margin-bottom:1rem;min-height:40px;color:#666;display:none}
.ranklist-data-bar{color:#999;}
.one-ranklist-tip{display:flex;margin:1rem 0;color:#ff9800;align-items:center;justify-content:center;}
.one-ranklist-tip.ranklist-tip_light{color: #fff}
.one-ranklist-tip:after,.one-ranklist-tip:before{display:inline-block;width:50px;height:1px;background:rgb(206 154 81 / 18%);content:'';}
.one-ranklist-tip.ranklist-tip_light:after,.one-ranklist-tip.ranklist-tip_light:before{background:rgb(255 255 255 / 80%)}
.one-ranklist-tip:after{margin-left:0;}
.one-ranklist-tip:before{margin-right:0;}
.one-ranklist-tip span{display:flex;align-items:center;}
.one-ranklist-tip span:after,.one-ranklist-tip span:before{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#ce9a51;content:'';}
.one-ranklist-tip.ranklist-tip_light span:after,.one-ranklist-tip.ranklist-tip_light span:before{background-color:#fff;}
.one-ranklist-tip span:after{margin-left:.8rem;}
.one-ranklist-tip span:before{margin-right:.8rem;}
.one-line-separated{margin:0 .5rem;color:#ddd;}
.serial-number-1{color:#fc540b;}
.serial-number-2{color:#ff7856;}
.serial-number-3{color:#fe9607;}

/****/
.ranklist-member-item{display:flex;margin:2rem 1rem;padding:.5rem .8rem;height:40px;border-radius:4px;align-items:center;}
.ranklist-member-serial-number{margin-right:1.2rem;margin-left:.4rem;min-width:32px;color:#888;text-align:center;font-size:22px;}
.ranklist-member-serial-number img{display:block;margin:0 auto;width:32px;}
.ranklist-member-avatar{position:relative;top:-.2rem;margin-right:1rem;}
.ranklist-member-avatar img{padding:1px;width:50px;height:50px;border:2px solid #f8f8f8;border-radius:50%;background:#f2f2f2;object-fit:contain;}
.ranklist-member-name{font-size:15px;flex:1;}
.ranklist-member-bar{margin-left:1rem;color:#666;transform:scale(.9);}
.ranklist-member-item.ranklist-level-1{background-color:#fedfd5;}
.ranklist-member-item.ranklist-level-2{background-color:#e4f0fe;}
.ranklist-member-item.ranklist-level-3{background-color:#fff5d4;}
.ranklist-level-1 .ranklist-member-avatar img{border:2px solid #fedfd5;}
.ranklist-level-2 .ranklist-member-avatar img{border:2px solid #e4f0fe;}
.ranklist-level-3 .ranklist-member-avatar img{border:2px solid #fff5d4;}
.ranklist-level-1 .ranklist-member-serial-number{color:#ff6341;font-weight:600;}
.ranklist-level-2 .ranklist-member-serial-number{color:#5bbbff;font-weight:600;}
.ranklist-level-3 .ranklist-member-serial-number{color:#ffcf2d;font-weight:600;}

/****/
.ranklist-forum-item{display:flex;margin:1rem;padding:.8rem 0;align-items:center;}
.ranklist-forum-serial-number{margin-right:1.2rem;margin-left:.4rem;min-width:32px;color:#888;text-align:center;font-size:20px;}
.ranklist-forum-serial-number img{display:block;margin:0 auto;width:32px;}
.ranklist-forum-cover img{display:block;width:45px;height:45px;border-radius:50%;background-color:#edeef3;object-fit:cover;}
.ranklist-forum-cover.group-cover img{border-radius:4px;}
.ranklist-forum-info{margin:0 1rem;flex:1;}
.ranklist-forum-title{font-weight:500;font-size:14px;}
.ranklist-forum-abstract{margin-top:.4rem;color:#888;}
.ranklist-forum-more i{color:#999;font-weight:700;font-size:14px;line-height:1;}


/****/
.one-block-today{box-sizing:border-box;margin:0 1.2rem 1rem;padding:1rem;border-radius:4px;background-color:#fff;background-image:url(../bg/touch-page-logging.png);background-position:0 -20px;background-size:cover;text-align:center;}

.block-today_clock{position:relative;display:flex;margin:-4rem auto;width:300px;height:300px;text-align:center;transform:scale(.7);justify-content:center;}
.block-today_clock ol{position:relative;margin:0;padding:0;width:100%;height:100%;list-style-type:none;opacity:.6;transform:scale(.96);}
.block-today_clock ol li::before{content:counter(labelCounter) "";}
.block-today_clock ol li{position:absolute;color:var(--dz-BG-color);counter-increment:labelCounter;font-size:1.5em;}
.block-today_clock ol li:nth-child(1){top:21px;right:73px;}
.block-today_clock ol li:nth-child(2){top:64px;right:29px;}
.block-today_clock ol li:nth-child(3){top:123px;right:12px;}
.block-today_clock ol li:nth-child(4){right:31px;bottom:64px;}
.block-today_clock ol li:nth-child(5){right:73px;bottom:21px;}
.block-today_clock ol li:nth-child(6){bottom:5px;left:132px;}
.block-today_clock ol li:nth-child(7){bottom:21px;left:73px;}
.block-today_clock ol li:nth-child(8){bottom:65px;left:31px;}
.block-today_clock ol li:nth-child(9){top:123px;left:12px;}
.block-today_clock ol li:nth-child(10){top:64px;left:27px;}
.block-today_clock ol li:nth-child(11){top:22px;left:69px;}
.block-today_clock ol li:nth-child(12){top:5px;left:126px;}
.block-today_spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;margin:auto;width:30px;height:30px;border-radius:50%;}
.block-today_hours{position:absolute;top:0;right:0;bottom:0;left:0;z-index:97;margin:auto;width:13px;height:13px;border-radius:7px;background:#0365fe;opacity:.8;transform:rotate(0);}
.block-today_hours::before{position:absolute;bottom:-10px;left:50%;width:10px;height:65px;border-radius:5px;background:#0365fe;transform:translate(-50%,0);}
.block-today_minutes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:98;margin:auto;width:13px;height:13px;border-radius:7px;background:var(--dz-BG-color);opacity:.8;transform:rotate(0);}
.block-today_minutes:before{position:absolute;bottom:-10px;left:50%;width:6px;height:95px;border-radius:4px;background:#39caa7;transform:translate(-50%,0);}
.block-today_seconds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;margin:auto;width:13px;height:13px;border-radius:7px;background:#fe30ae;opacity:.8;transform:rotate(0);}
.block-today_seconds:before{position:absolute;bottom:-20px;left:50%;width:2px;height:135px;border-radius:4px;background:#fe30ae;box-shadow:2px 0 5px rgba(174,28,92,.5);transform:translate(-50%,0);}
.block-today_hours::after,.block-today_hours::before,.block-today_minutes::after,.block-today_minutes::before,.block-today_seconds::after,.block-today_seconds::before{position:absolute;display:block;content:"";}
.block-today_day{margin:10px auto 20px;width:145px;text-align:left;font-weight:lighter;font-size:24px;font-family:DINBold;}
.block-today_time span,.day span{margin:0 2px;vertical-align:middle;font-weight:lighter;font-size:24px;font-family:DINBold;}
.block-today_time p{vertical-align:middle;}
.block-today_time p:nth-child(1){font-size:20px;}
.block-today_time p span{font-weight:lighter;font-size:36px;font-family:DINBold;}
.block-today_date{position:absolute;top:65px;right:0;left:0;color:#39caa7;text-align:center;font-size:15px;}
.block-today_times{position:absolute;bottom:65px;width:120px;color:#39caa7;text-align:center;font-size:16px;}
.block-today_date span,.block-today_times span{margin:0 2px;color:#666;font-weight:700;font-family:DINBold;}
.block-today_week{position:absolute;top:125px;right:40px;z-index:0;width:52px;height:22px;border:1px solid var(--dz-BG-color);color:var(--dz-BG-color);text-align:center;font-size:12px;line-height:21px;opacity:.6;}
.block-today_year{position:absolute;top:80px;right:0;left:0;z-index:1;color:#39caa7;text-align:center;font-size:80px;font-family:impact;opacity:.08;}




/****/
.sidebar-panel_header{position:relative;display:flex;width:100%;min-height:150px;background-image:linear-gradient(to top,rgb(0 0 0 / 80%),transparent),url(../user/bg/user-bg-4.png);background-position:top;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;background-blend-mode:normal;}
.sidebar-panel_height{display:inline-block;width:100%;height:3.6rem;}
.sidebar-panel_body{position:relative;z-index:1;margin-top:-4rem;}
.sidebar-panel_header>svg{position:absolute;bottom:0;fill:#f4f4f4;}
.sidebar-panel_footer{margin:.8rem;}
.sidebar-panel_logout{display:flex;padding:.6rem;width:100%;border-radius:4px;background:#2b7acd;color:#fff!important;font-size:13px;align-items:center;justify-content:center;}
.sidebar-panel_logout i{margin-right:.4rem;font-size:18px;line-height:1;}
.sidebar-panel_grid{display:flex;margin:.8rem;border-radius:4px;background:#fff;flex-direction:column;}
.panel-grid-4 .panel-grid_item{flex:25%;}
.panel-grid_warp{display:flex;flex-wrap:wrap;}
.panel-grid_more-line{margin:.8rem 0;}
.panel-grid_item{display:flex;padding:1rem;color:#585859;flex-direction:column;align-items:center;flex:33.333% 0 0;}
.panel-grid_item img{display:block;margin-bottom:.8rem;height:26px;}
.panel-grid_item i{margin-bottom:.8rem;font-size:22px;line-height:1;}
.panel-grid_title{margin:0;padding:12px;border-bottom:1px solid #f7f7f7;color:rgba(69,90,100,.6);font-weight:400;font-size:12px;line-height:16px;}



/****/
.one-profile-box{padding:1rem;border-radius:0;background:#fff;}
.one-profile-header{display:flex;margin-bottom:1.5rem;justify-content:space-between;}
.profile-header_title{display:flex;font-weight:500;font-size:12px;align-items:center;}
.profile-header_title svg{margin-right:.2rem;width:18px;height:18px;}
.one-profile-body{display:flex;flex-direction:column;}
.profile-list{display:flex;font-size:12px;justify-content:space-between;}
.profile-list:not(:last-child){margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #f2f2f4;}
.profile-list_label{display:flex;}
.profile-list_warp{display:flex;color:#777;align-items:center;}
.profile-list_warp i{margin-left:.4rem;color:#999;font-size:14px;}
.profile-list_verify{display:flex;flex-wrap:wrap;justify-content:flex-end;}
.profile-list_verify a{display:flex;margin:0 .4rem;}
.profile-list_verify img{height:15px;}
.profile-list_medal{display:flex;}
.profile-list_medal img{margin:0 .4rem;height:15px;}
.profile-list_text{font-size:12px;}
.profile-header_title svg.icon-memcp_profile{position:relative;top:2px;width:22px;height:22px;}

/****/
.one-portal-list{display:flex;background:#fff;flex-direction:column;}
.portal-list-item{display:flex;padding:1rem;border-bottom:1px solid #f5f5f5;}
.portal-list-cover{overflow:hidden;margin-right:10px;width:30%;height:80px;border-radius:4px;}
.portal-list-cover img{overflow:hidden;width:100%;height:100%;object-fit:cover;}
.portal-list-info{display:flex;flex:1;flex-direction:column;justify-content:center;}
.portal-list-info .portal-list__title{overflow:hidden;height:52px;font-size:16px;line-height:26px;}
.portal-list-info .portal-list__text{position:relative;margin-top:.6rem;height:20px;color:var(--dz-FC-bbb);font-size:14px;line-height:20px;}

/****/
.one-tabs-subs{position:relative;overflow:hidden;padding:.8rem;background:#fff;box-sizing:border-box;}
.one-tabs-subs .tabs-mini-item{margin:0 .5rem;padding:.4rem 1rem;width:auto;border-radius:20px;background:#f6f7fa;line-height:1;}
.one-tabs-subs .tabs-mini-item.item-active{background:var(--dz-BG-color);color:var(--dz-FC-fff);}



/****/
.header-fixed-warp{height:50px;min-height:50px;}
.header-bar-fixed .header-fixed-warp .one-touch-header{position:fixed;top:0;box-sizing:border-box;width:100%;background:#2b7acd;border-bottom: 1px solid #2b7acd;}
.header-bar-fixed .header-fixed-warp .one-touch-header .header-icon_bg{background:transparent;}
.header-bar-fixed .header-fixed-warp .one-touch-header .touch-header-bar-left .header-icon_bg .iconfont, .header-bar-fixed .one-touch-header .touch-header-bar-right .header-icon_bg .iconfont{font-size: 20px}
.header-bar-fixed .one-touch-header .touch-bar-middle-title{color: #fff}
.header-bar-fixed .one-touch-header .touch-header-bar-left .iconfont, .header-bar-fixed .one-touch-header .touch-header-bar-right .iconfont{color: #fff}


/****/
.tabs-fixed-warp{height:40px;min-height:40px;}
.header-bar-fixed .tabs-fixed-warp .one-block-tabs-scroll{position:fixed;top:50px;z-index:99;box-sizing:border-box;width:100%;border-bottom: 0 solid #f2f2f2;}


.tabs-scroll-fixed .one-block-tabs-scroll{position:fixed;top:50px;box-sizing:border-box;width:100%;border-bottom:1px solid #f5f5f5;border-radius:0;}
.one-touch-header .touch-header-bar-left .header-icon_bg .iconfont,.one-touch-header .touch-header-bar-right .header-icon_bg .iconfont{font-size:18px;}
.one-canvas-share{box-sizing:border-box;height:auto;border-radius:10px 10px 0 0;transform:translate3d(0,100%,0);}



/****/
.one-touch-tags-title{display:flex;padding:.8rem;border-bottom:1px solid #f6f7fa;font-size:13px;}
.one-touch-tags-title small{color:#9ca3af;margin-left:auto;}
.one-touch-tags-title small a{color: #9ca3af;}

.one-touch-tags-list{display:flex;padding:.8rem;background:#fff;flex-wrap:wrap;justify-content:space-between}
.one-touch-tags-list .touch-tags-item{position:relative;z-index:2;display:flex;margin:.4rem;padding:.4rem .8rem;color:#374151;border-radius:4px;background-color:#f8f8f8;text-align:center;white-space:nowrap;flex:1%;align-items:center;justify-content:center}
.one-touch-tags-list .touch-tags-item span{position:absolute;z-index:1;width:100%;height:100%;border-radius:4px;opacity:.1}

/****/
.one-touch-tags-search-input{display:flex;padding:.8rem;background: #fff;}
.one-touch-tags-search-input label{position:relative;flex:1;}
.one-touch-tags-search-input label i{position:absolute;display:flex;padding:0 .8rem;height:100%;color:#646566;font-size:16px;align-items:center;}
.one-touch-tags-search-input input{padding:.3rem .8rem;width:100%;background:#f6f7fa;border:1px solid #f5f5f5;border-radius:30px;text-align:center;font-size:12px;transition:all .3s ease-in-out;}
.one-touch-tags-search-input input:focus{box-shadow:none;}
.one-touch-tags-search-input button{display:none;margin-left:.6rem;width:44px;border-radius:4px;background:var(--dz-BG-color);transition:all .3s ease-in-out;justify-content:center;align-items:center;}
.one-touch-tags-search-input button i{color:#fff;font-size:16px;}
.one-touch-tags-search-input:hover label i{display:none;}
.one-touch-tags-search-input:hover button{display:flex;}
.one-touch-tags-search-input:hover input{text-align:left;border-radius:4px;}


/****/
.one-touch-common-search{display:flex;padding:.8rem 1rem;background: #fff;}
.one-touch-common-search label{position:relative;flex:1;}
.one-touch-common-search label i{position:absolute;display:flex;height:100%;color:#646566;font-size:16px;align-items:center;background: #f6f7fa;border-radius: 30px 0 0 30px;padding: 0 .3rem 0 .8rem;}
.one-touch-common-search input{box-sizing:border-box;padding:.3rem .8rem;width:100%;background:#f6f7fa;border:1px solid #f5f5f5;border-radius:30px;text-align:center;font-size:12px;transition:all .3s ease-in-out;}
.one-touch-common-search input:focus{box-shadow:none;}
.one-touch-common-search button{display:flex;margin-left:.6rem;width:0;border-radius:4px;background:var(--dz-BG-color);transition:all .3s ease-in-out;justify-content:center;align-items:center;}
.one-touch-common-search button i{color:#fff;font-size:16px;}
.one-touch-common-search:hover button{width:44px;}
.one-touch-common-search:hover input{text-align:left;border-radius:4px;padding-left: 2.4rem;}

/****/
.one-touch-tags-ad-pic{padding:.6rem .8rem;}
.one-touch-tags-ad-pic img{width:100%;border-radius:4px;display:block}


/****/
.one-touch-collection-banner{display:flex;min-height:100px;flex-direction:column;justify-content:flex-end;}
.touch-collection-banner-header{display:flex;box-sizing:border-box;padding:1rem;width:100%;align-items:center;}
.collection-banner-header-icon{overflow:hidden;margin-right:.8rem;padding:.2rem;border-radius:50%;background:rgb(255 255 255 / 20%);}
.collection-banner-header-icon img{display:block;width:45px;height:45px;border-radius:50%;object-fit:contain;}
.collection-banner-header-info{display:flex;height:100%;color:#fff;flex-direction:column;flex:1;justify-content:space-evenly;}
.collection-banner-header-info p{opacity:.8}
.collection-banner-header-info a{color:#fff;}
.collection-banner-header-info span{font-weight:600;margin-right:.6rem;color:#ff9800;}
.collection-banner-header-info h6{font-weight:600;font-size:14px;}
.collection-banner-header-user{display:flex;margin:0 .3rem;}
.collection-banner-header-user img{margin-left:-.6rem;width:16px;height:16px;border:1px solid #fff;border-radius:50%;background:#fff;object-fit:contain;}
.collection-banner-header-bar i{color:#fff;font-weight:600;font-size:16px;}
.touch-collection-banner-footer{display:flex;box-sizing:border-box;padding:0 1rem 1rem;width:100%;color:#fff;align-items:center;}
.collection-banner-footer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.collection-banner-footer-plus{margin-left:1.6rem;}
.collection-banner-footer-plus a{display:flex;padding:.3rem .8rem;border:1px solid #fff;border-radius:30px;color:#fff;line-height:1;align-items:center;}
.collection-banner-footer-plus a.is_click{background:var(--dz-BG-color);border:1px solid var(--dz-BG-color);}
.collection-banner-footer-plus i{display:flex;}


/****/
.touch-group-banner-footer{display:flex;padding:0 1rem 1rem;color:#fff;justify-content:space-between;align-items:center;}
.group-banner-footer-text{overflow:hidden;max-height:36px;flex:1;}
.group-banner-footer-plus button, .group-banner-footer-plus a{display:flex;padding:.3rem .8rem;border-radius:20px;background:#2b7acd;color:#fff;height: auto;line-height:1;align-items:center;}
.group-banner-footer-plus button i, .group-banner-footer-plus a i{margin-right:.2rem;}


/****/
.one-touch-data-title{display:flex;padding:.8rem;border-bottom:1px solid #f6f7fa;color:#333;justify-content:space-between;}
.one-touch-data-title h6{color:#333;font-weight:500;font-size:14px;}
.one-touch-data-title small{font-size:12px;}


/****/
.one-touch-cells-title{padding:1.2rem 1rem .4rem;background:#f6f7fa;color:rgba(0,0,0,.5);font-size:14px;line-height:1.4;}
.one-touch-cells-tip{padding:1rem; font-size:12px;border-top:1px dashed #efefed;border-bottom:1px dashed #efefed;line-height:1.8}
.one-touch-cells-tip h2{font-size:13px;font-weight:500;margin-bottom: 0.2rem;}
.one-touch-cells-tip p{color:rgba(0,0,0,.5)}
.one-touch-cells-tip p+h2{margin-top:1rem;}
.one-touch-cells{position:relative;overflow:hidden;background-color:#fff;}
.one-touch-cells-title+.one-touch-cells{margin-top:0;}
.one-touch-cell:first-child:before{display: none}
.one-touch-cell:last-child:after{position:absolute;right:0;bottom:0;left:0;z-index:2;height:1px;border-bottom:1px solid #efefed;color:#efefed;content:" ";transform:scaleY(.5);transform-origin:0 100%;}
.one-touch-cell:before{position:absolute;top:0;right:0;left:0;z-index:2;height:1px;border-top:1px solid #efefed;color:#efefed;content:" ";transform:scaleY(.5);transform-origin:0 0;}
.one-touch-cells:before{position:absolute;top:0;right:0;left:0;z-index:2;height:1px;border-top:1px solid #efefed;color:#efefed;content:" ";transform:scaleY(.5);transform-origin:0 0;}
.one-touch-cells:after{position:absolute;right:0;bottom:0;left:0;z-index:2;height:1px;border-bottom:1px solid #efefed;color:#efefed;content:" ";transform:scaleY(.5);transform-origin:0 100%;}
.one-touch-cell{position:relative;display:flex;padding:1.2rem;color:rgba(0,0,0,.9);font-size:14px;line-height:1.4;}
.one-touch-cell-body{min-width:0;flex:1;display: flex;flex-direction: column;justify-content: center;}
.one-touch-cell-footer{display:flex;color:rgba(0,0,0,.5);text-align:right;align-items:center;font-size:13px;margin-left:1rem;gap:.2rem}
.one-touch-cell-footer>small{font-size:12px;margin-right:.4rem;color:#ff9800;}
.one-touch-cell-footer>i{font-size: 14px;margin-left:.4rem;}
.one-touch-cell-desc{padding-top:4px;color:rgba(0,0,0,.3);font-size:12px;line-height:1.4;}
.one-touch-cell+.one-touch-cells-title,.one-block-separated+.one-touch-cells-title{border-top:1px solid #efefed;}
.one-touch-cell-info{margin-left:.8rem;color:#888;font-size:12px;line-height:1.6;}
.one-touch-cell-info small{display:flex;margin-left:-1.2rem;transform:scale(.9);}

/****/
.one-touch-cell-table{width:100%;border-top:1px solid #efefed;}
.one-touch-cell-table .text-align-center{text-align:center;}
.one-touch-cell-table th{padding:.4rem;color:#9ca3af;font-size:12px;}
.one-touch-cell-table td{padding:.4rem;}
.one-touch-cell-table th:first-child{padding-left:.8rem;}
.one-touch-cell-table th:last-child{padding-right:.8rem;}
.one-touch-cell-table td:first-child{padding-left:.8rem;}
.one-touch-cell-table td:last-child{padding-right:.8rem;}
.one-touch-cell-table td input{margin:0;padding:.1rem .6rem;border-radius:2px;color:#111e36;font-size:12px;}


/****/
.touch-cells-user .cell-user-avatar{display:flex;width:36px;height:36px;border-radius:50%;object-fit:contain;}
.touch-cells-user .one-touch-cell-header{margin-right:.8rem;}
.touch-cells-user .one-touch-cell{padding:1rem;}
.touch-cells-user .one-touch-cell-footer i{font-size:14px;}

/****/
.touch-cells-form{position:relative;}
.touch-cells-form .one-touch-cell-header{margin-right:.8rem;color:#888;}
.touch-cells-form .one-touch-cell-header small{color: #f26c4f;}
.touch-cells-form input:not(.touch-form-check-input),.touch-cells-form select,.touch-cells-form textarea{padding:.2rem .4rem;width:100%;border:none;color:#666;box-sizing:border-box;background:transparent;}
.touch-cells-form select{-webkit-appearance:checkbox;}
.touch-cells-form select.select_change{}

/****/
.one-touch-post-rete .touch-cells-form input:not(.touch-form-check-input){position:relative;z-index:2;margin-left:auto;width:50%;text-align:right;}
.one-touch-post-rete .touch-form-check-select select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.one-touch-post-rete .one-touch-cell{padding: 1rem 1.2rem;}

/****/
.one-touch-upload-btn{position:relative;display:flex;padding:.4rem .8rem;border-radius:4px;background:#f6f7fa;font-size:12px;align-items:center;}
.one-touch-upload-btn i{margin-right:.2rem;}
.one-touch-upload-btn input{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;opacity:0;}
.one-touch-preview-icon img{display:flex;width:40px;height:40px;border-radius:4px;object-fit:contain;}

/****/
.one-touch-cell-submit{padding:1rem;}
.one-touch-cell-submit button{padding:0;width:100%;height:40px;border:none;border-radius:6px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);text-align:center;font-size:14px;line-height:40px;}
.one-touch-cell-submit button:hover{opacity:.9;}

/****/
.touch-form-check-input{margin-top:.25em;width:1.2em;height:1.2em;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;}
.touch-form-check-input[type=checkbox]{border-radius:.25em;}
.touch-form-check-input[type=radio]{border-radius:50%;appearance: initial;}
.touch-form-check-input:active{filter:brightness(90%);}
.touch-form-check-input:focus{outline:0;border-color:#86b7fe;/*box-shadow:0 0 0 .25rem rgba(13,110,253,.25);*/}
.touch-form-check-input:checked{border-color:var(--dz-BG-color);background-color:var(--dz-BG-color);}
.touch-form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.touch-form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");}
.touch-form-check-input[type=checkbox]:indeterminate{border-color:var(--dz-BG-color);background-color:var(--dz-BG-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}
.touch-form-check-input:disabled{opacity:.5;pointer-events:none;filter:none;}
.touch-form-check-input:disabled~.form-check-label,.touch-form-check-input[disabled]~.form-check-label{opacity:.5;}
.one-touch-form-switch .touch-form-check-input{width:2.4em;border-radius:2em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.1%29'/%3e%3c/svg%3e");background-position:left center;transition:background-position .15s ease-in-out;}
.one-touch-form-switch .touch-form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");}
.one-touch-form-switch .touch-form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");background-position:right center;}

/****/
.one-canvas-posters-card{visibility:unset;margin:1rem;border-radius:10px;}
.canvas-posters-card-warp{padding:1.2rem;border-radius:6px;background:#fff;}
.canvas-posters-card-header{position:relative;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid #f9fafb;}
.canvas-posters-card-cover{position:relative;}
.canvas-posters-card-cover img{display:flex;max-width:100%;border-radius:4px;}
.canvas-posters-card-header h6{margin-top:.4rem;font-size:16px;}
.canvas-posters-card-body{display:flex;justify-content:flex-end;}
.canvas-posters-card-body>*:last-child{margin-left: 1rem}
.canvas-posters-card-body>div{display:flex;flex-direction:column;overflow:hidden;flex:1;}
.canvas-posters-card-body canvas{width:80px;height:80px;}
.canvas-posters-card-body p{color:#6b7280;line-height:1.6;}
.canvas-posters-card-body b{color:#6b7280;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.canvas-posters-card-user{display:flex;margin-bottom:1rem;align-items:center;}
.canvas-posters-card-user img{margin-right:1rem;width:25px;height:25px;border-radius:50%;object-fit:cover;}
.canvas-posters-card-datetime{position:absolute;right:1rem;bottom:1rem;display:none;padding:.4rem;border-radius:2px;background:rgb(17 30 54 / 30%);color:#fff;flex-direction:column;align-items:center;}
.canvas-posters-card-datetime b{font-size:28px;line-height:1;}
.canvas-posters-card-datetime span{margin-top:.4rem;font-weight:600;font-size:16px;}


/****/
.one-touch-round-badge{display:inline-block;margin:0 .4rem;padding:.2rem .4rem;border-radius:4px;background:#f44336;color:#fff;font-weight:400;font-size:12px;line-height:1;}

/****/
.ouch-header-bar-user{display:none;padding:0 .6rem;transition:all .5s ease;flex:1;align-items:center;justify-content:space-between;overflow:hidden;}
.ouch-header-bar-user .bar-user-avatar{margin-right:.4rem;}
.ouch-header-bar-user .bar-user-avatar img{display:flex;width:25px;height:25px;border:1px solid rgb(255 255 255 / 33%);border-radius:50%;}
.ouch-header-bar-user .bar-user-name{color:#fff;font-weight:400;font-size:14px;flex:1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ouch-header-bar-user .btn-add{display:flex;padding:.2rem .8rem;border:1px solid #fff;border-radius:4px;color:#fff;align-items:center;}
.ouch-header-bar-user .btn-add.is_click{border:1px solid rgb(255 255 255 / 0%);background:rgb(255 255 255);color:#374151;}
.one-touch-page-viewthread.header-bar-fixed .ouch-header-bar-user{display:flex;}
.one-touch-page-viewthread.header-bar-fixed .touch-header-bar-middle{display:none;}
.one-touch-page-viewthread.header-bar-fixed .one-touch-header .touch-header-bar-left,.one-touch-page-viewthread.header-bar-fixed .one-touch-header .touch-header-bar-right{flex-basis:auto;}
.one-touch-page-viewthread.header-bar-fixed .one-touch-header .touch-header-bar-left .iconfont,.one-touch-page-viewthread.header-bar-fixed .one-touch-header .touch-header-bar-right .iconfont{color:#fff;}


/****/
.touch-skin-setting-theme{display:flex;justify-content: space-around;min-height:100px;}
.touch-skin-setting-theme .one-block-empty{min-height:160px;}
.touch-skin-setting-theme .one-block-empty::before{width:80px;height:80px;}


/****/
.touch-skin-setting-theme-item{position:relative;display:flex;padding:.4rem .6rem;flex-basis:42%;flex-direction:column;align-items:center;}
.touch-skin-setting-theme-item img{width:100%;object-fit:contain;}
.touch-skin-setting-theme-item p{margin-top:.4rem;}
.touch-skin-setting-theme-item.is-choose .skin-dark,.touch-skin-setting-theme-item.is-choose .skin-light{border-color:#6691e7;}
.touch-skin-setting-theme-item.is-choose:after{position:absolute;top:1rem;right:1rem;display:flex;width:22px;height:22px;background:url(../svg/is-choose-round.svg) no-repeat top right;background-size:contain;content:'';}
.touch-skin-setting-theme-item .skin-light{border:2px solid rgba(0,0,0,.125);border-radius:5px;background-color:#eff2f7;}
.touch-skin-setting-theme-item .skin-dark{border:2px solid rgba(0,0,0,.125);border-radius:5px;background-color:#212529;}


/****/
.one-touch-cells-title.cells-title-skin{border-top:1px solid #f6f7fa;border-bottom:1px solid #f6f7fa;}
.one-touch-skin-setting{display:flex;padding:1rem;min-height:100px;background:#fff;flex-direction:column;}
.one-touch-skin-setting+.one-touch-skin-setting{border-top:1px solid #f6f7fa;}
.touch-skin-setting-title{margin-bottom:.6rem;font-weight:500;font-size:13px;}
.touch-skin-setting-color{display:flex;margin:0 -.4rem;flex-wrap:wrap;}
.skin-color-item{display:flex;box-sizing:border-box;padding:.4rem;flex-direction:column;align-items:center;flex-basis:25%;}
.skin-color-item.is-choose .skin-color-bg:after{position:absolute;top:0;right:0;display:flex;width:25px;height:25px;background:url(../svg/svg-is-choose.svg) no-repeat top right;background-size:contain;content:'';}
.skin-color-item.is-choose .skin-color-bg{overflow:hidden;border:1px solid transparent;border-radius:5px;}
.skin-color-bg{position:relative;width:100%;border:1px solid transparent;}
.skin-color-bg:before{display:flex;height:35px;border:1px solid #f6f7fa;border-radius:4px;background:#fff;content:'';}
.skin-color-bar{margin:.3rem 0;font-size:12px;color:rgba(0,0,0,.5);}


/****/
.color-bg-default:before{border:1px solid #f6f7fa;background:#fff;}
.color-bg-pink:before{border:1px solid #fb7299;background:#fb7299;}
.color-bg-black:before{border:1px solid #141414;background:#141414;}
.color-bg-blue:before{border:1px solid #4a89dc;background:#4a89dc;}
.color-bg-red:before{border:1px solid #da4453;background:#da4453;}
.color-bg-orange:before{border:1px solid #e9573f;background:#e9573f;}
.color-bg-green:before{border:1px solid #4caf50;background:#4caf50;}
.color-bg-yellow:before{border:1px solid #f6bb42;background:#f6bb42;}
.color-bg-ocean:before{border:1px solid #3f51b5;background:#3f51b5;}
.color-bg-dark:before{border:1px solid #434a54;background:#434a54;}
.color-bg-calm:before{border:1px solid #607D8B;background:#607D8B;}
.color-bg-plum:before{border:1px solid #967adc;background:#967adc;}
.color-bg-brown:before{border:1px solid #aa8e69;background:#aa8e69;}


/****/
.one-touch-page-post input:focus{box-shadow:none;}
.one-thread-sign{overflow:hidden;margin:1rem 1rem 0;padding-top:15px;background:url(https://themebox.addon/static/image/common/sigline.gif) no-repeat 0 0;line-height:1.6em;}


/****/
.one-touch-add-friend-box{display:flex;flex-direction:column;}
.one-touch-add-friend-box input,.one-touch-add-friend-group select{box-sizing:border-box;padding:.4rem;height:32px;border-radius:4px;flex:1;}
.one-touch-add-friend-group{display:flex;margin-bottom:1rem;padding:0 .6rem;justify-content:space-between;align-items:center;}
.one-touch-add-friend-group span{margin-right:1.2rem;font-weight:500;font-size:14px;}


/****/
.one-canvas-weixin{top:20%;margin:3rem auto;max-width:280px;max-height:max-content;border-radius:10px;}
.canvas-weixin-card{overflow:hidden;width:auto;border-radius:8px;background:#1bd66c;}
.canvas-weixin-header{background:#fff;color:#1bd66c;text-align:center;font-weight:600;font-size:18px;line-height:60px;}
.canvas-weixin-header::after{display:flex;height:30px;border-radius:50% 50% 0 0;background:#1bd66c;content:'';}
.canvas-weixin-body{margin:1rem 3rem 0;}
.canvas-weixin-body img{display:block;max-width:100%;border-radius:6px;}
.canvas-weixin-body small{display:flex;justify-content:center;font-size:12px;color:#fff;margin-top:.6rem;}
.canvas-weixin-footer{padding: 1.2rem 2rem 2rem;color:#fff;text-align:center;font-weight:600;font-size:16px;}


/****/
.space-click-warp{display:flex;margin-bottom:2rem;justify-content:center;}
.space-click-item{display:flex;padding:.6rem;align-items:flex-end;}
.space-click-item a{color:#888;}
.space-click-progress{position:relative;margin-bottom:1rem;text-align:center;}
.click-progress-bg{display:block;margin:0 auto;width:12px;height:50px;border-radius:6px 6px 0 0;}
.progress-bg-1{background:#c30;}
.progress-bg-2{background:#0c0;}
.progress-bg-3{background:#f90;}
.progress-bg-4{background:#06f;}
.space-click-progress em{color:#888;}
.space-click-icon img{display:block;height:30px;}
.space-click-name{margin-top:.4rem;}
.space-click-count{display:flex;margin-bottom:2rem;flex-direction:column;align-items:center;}
.space-click-title{margin-bottom:.6rem;color:#888;font-size:12px;}
.space-click-count_list{display:flex;flex-wrap:wrap;}
.space-click-count_item{display:flex;margin:0 .2rem;flex-direction:column;align-items:center;}
.click-count_list-avatar img{display:block;height:26px;border-radius:50%;}


/****/
.one-app-system{margin-top:45px}
.fixed-header-block{position:fixed;top:0;z-index:100;width:100%;height:45px;background:var(--one-skin-main-color)}
.header-bar-fixed .fixed-header-block{height:50px}
.system-auto-header .fixed-header-block{background:var(--one-skin-main-color);opacity:0;top:-45px;transition:500ms}
.system-auto-header.fixed-system-header .fixed-header-block{opacity:1;top:0}
.system-auto-header.header-bar-fixed .one-touch-header{padding-top:35px;height:85px}
.system-auto-header.header-bar-fixed .tabs-fixed-warp .one-block-tabs-scroll{top:85px}
.system-auto-header .one-header-banner-bg{height:225px}
.system-auto-header .one-header-banner-bg.banner-space_user{height:295px}
.system-auto-header .one-header-banner-bg.banner-forumdisplay{height:245px}
.system-auto-header .one-header-banner-bg.banner-ranklist{height:190px}
.system-auto-header .medal-bg-task, .system-auto-header .one-header_medal-bg{height:275px}
.system-auto-header .fixed-header-block.defaultAutoHeader{background:#2b7acd}
.system-auto-header .fixed-header-block.userCenterHeader, .system-auto-header .fixed-header-block.defaultAutoHeader.userCenterHeader{background: #ffffff}


/****/
.one-app-system .one-comments-box, .one-app-system .one-offcanvas-end{top: 45px;}
.one-app-system .one-comments-box{height: calc(100% - 45px);}


/****/
.spacecp-usergroup{}
.spacecp-usergroup img{width:18px;height:18px}


/****/
.dt{border-top: 1px solid #F2F2F2;width: 100%;}
.dt td, .dt th {padding: 4px 2px;border-bottom: 1px solid #F2F2F2;}
.alt, .alt th, .alt td {background-color: #F7F9FA;}
.ftb td{text-align: center;}
.flb{margin-bottom:10px;padding:1rem 0;height:20px;border-bottom:1px solid #f2f2f2;line-height:20px;}
.flb em{float:left;color:#f44549;font-weight:700;font-size:14px;}
.f_c .list{margin:0 auto 10px;width:100%!important;}
.f_c .list td,.f_c .list th{padding:5px 2px;height:auto;border-bottom:1px dashed #f2f2f2;}
.pn_disabled{opacity: .4}


/****/
.sub-forum{padding-top:10px;border-top:1px solid #f9fafb;}
.sub-forum ul{display:flex;overflow-x:scroll;}
.sub-forum li{display:flex;overflow:hidden;padding-bottom:10px;min-width:20%;flex-direction:column;align-items:center;}
.sub-forum li p{overflow:hidden;padding:0 5px;color:#4b5563;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.sub-forum li img{margin:.5rem auto;width:40px;height:40px;border-radius:4px;object-fit:contain;}