You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
5.4 KiB
1 lines
5.4 KiB
.points_detail_modal_panel{position:relative;width:907px;max-width:calc(100vw - 32px);height:802px;padding:30px;box-sizing:border-box;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#f9f9f9}.points_detail_modal_panel .points_detail_close{position:absolute;top:5px;right:5px;z-index:2;width:32px;height:32px;padding:0;border:none;background:transparent;font-size:24px;line-height:1;color:#666;cursor:pointer;border-radius:4px}.points_detail_modal_panel .points_detail_close:hover,.points_detail_modal_panel .points_detail_close:focus,.points_detail_modal_panel .points_detail_close:active{color:#333;background:transparent}.points_detail_modal_panel .points_detail_layout{display:flex;min-height:0;flex:1}.points_detail_modal_panel .points_detail_layout .points_detail_nav{width:190px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:16px;background:#f9f9f9}.points_detail_modal_panel .points_detail_layout .points_detail_nav .points_detail_nav_item{width:180px;height:43px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;border-radius:8px;margin-bottom:6px;box-sizing:border-box}.points_detail_modal_panel .points_detail_layout .points_detail_nav .points_detail_nav_item.active{background:#f0f0f0;color:#333;font-weight:500}.points_detail_modal_panel .points_detail_layout .points_detail_main{flex:1;padding:24px 44px 20px;overflow-y:auto;background:#fff;border-radius:8px;scrollbar-width:none;-ms-overflow-style:none}.points_detail_modal_panel .points_detail_layout .points_detail_main::-webkit-scrollbar{display:none}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_page_title{margin:0 0 20px;font-size:22px;font-weight:600;color:#666}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 4px;margin-bottom:24px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview .points_overview_block{display:flex;flex-direction:column;align-items:center;gap:4px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview .points_overview_block .points_overview_label{font-size:14px;color:#666;line-height:1.5;margin-bottom:10px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview .points_overview_block .points_overview_num{font-size:25px;font-weight:600;color:#333;line-height:1.2}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview .points_overview_block .points_overview_num.points_remaining{color:#6841ea}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview .points_overview_op{font-size:25px;font-weight:500;color:#999;margin:0 6px;align-self:center;line-height:28px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_overview_loading{margin-bottom:24px;font-size:14px;color:#999}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_tabs{display:flex;align-items:stretch;width:100%;height:44px;padding:4px;margin-bottom:20px;background:#f0f0f0;border-radius:9px;box-sizing:border-box}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_tabs .points_tab{flex:1;padding:0 20px;border:none;border-radius:9px;font-size:16px;color:#666;background:transparent;cursor:pointer;transition:background .15s,color .15s}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_tabs .points_tab:hover{color:#333}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_tabs .points_tab.active{background:#fff;color:#333;font-weight:500}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list{list-style:none;padding:0;margin:0 0 16px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 0;gap:16px}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_left{display:flex;flex-direction:column;gap:4px;min-width:0}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_title{font-size:14px;color:#666;line-height:1.4}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_date{font-size:12px;color:#999;line-height:1.3}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_amount{font-size:14px;font-weight:500;flex-shrink:0;line-height:1.4}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_amount.in{font-weight:600;color:#6841ea}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_list .points_detail_item .points_detail_item_amount.out{color:#666}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_empty,.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_loading_more{margin:0 0 16px;font-size:14px;color:#999;text-align:center}.points_detail_modal_panel .points_detail_layout .points_detail_main .points_detail_footer{margin:0;font-size:12px;color:#999;line-height:1.5;text-align:center}
|
|
|