.fiveopt-main[data-v-08fd7f41]{height:calc(100vh - 180px)}.fiveopt-box[data-v-08fd7f41]{display:flex;flex-direction:row;background-color:#f9f9f9;height:100%;overflow:hidden}.fiveopt-create-bth[data-v-08fd7f41]{text-align:center;border:.5px solid #0cb5b0;cursor:pointer;font-size:20px;font-weight:700;width:100%;color:#0cb5b0;margin-bottom:10px}.fiveopt-top-title[data-v-08fd7f41]{height:50px;line-height:50px;border-bottom:1px solid #c0c6cc;text-align:center;font-weight:700;color:#333;background-color:#fff;display:flex;flex-direction:row;align-items:center}.fiveopt-left-box[data-v-08fd7f41]{width:230px;height:calc(100% - 40px);flex-shrink:0;background:#fff;box-shadow:5px 0 6px -5px rgba(0,0,0,.16);overflow:auto;padding:20px}.fiveopt-left-box .active[data-v-08fd7f41]{color:#87ceeb}.fiveopt-left-box .fiveopt-left-item-btn[data-v-08fd7f41]{cursor:pointer;border-radius:8px;padding:10px;color:#fff;text-align:center;background:rgba(12,181,176,.8)}.fiveopt-left-box .fiveopt-left-item-btn[data-v-08fd7f41]:active{transform:scale(.98)}.fiveopt-left-box .fiveopt-left-item[data-v-08fd7f41]{padding:10px;height:24px;cursor:pointer;border-radius:8px;color:#606266;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.fiveopt-left-box .fiveopt-left-item-selected[data-v-08fd7f41]{background:rgba(12,181,176,.1)}.fiveopt-right-box[data-v-08fd7f41]{flex:1;padding:20px 0;width:calc(100% - 285px);height:calc(100% - 40px);margin-left:15px}.fiveopt-right-box .dd-title[data-v-08fd7f41]{font-size:20px;font-weight:700;color:#0cb5b0;opacity:1;margin-right:10px}.fiveopt-right-box .fiveopt-right-top-title[data-v-08fd7f41]{margin-bottom:12px}.fiveopt-right-box .fiveopt-right-top-title .fiveopt-tj-number[data-v-08fd7f41]{font-size:21px;color:#e54900;font-weight:700;margin-right:4px}.fiveopt-right-box .fiveopt-right-bottom[data-v-08fd7f41]{height:calc(100% - 50px);width:100%;display:flex;flex-direction:row;overflow:auto}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item[data-v-08fd7f41]{flex:0 0 calc(25% - 10px);margin-right:10px}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-top[data-v-08fd7f41]{border:1px solid #e1e1e1;padding:15px;border-radius:5px 5px 0 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-top .fiveopt-title[data-v-08fd7f41]{font-weight:600}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-top .fiveopt-create[data-v-08fd7f41]{cursor:pointer}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-top .fiveopt-create[data-v-08fd7f41]:hover{color:#0cb5b0}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom[data-v-08fd7f41]{border:1px solid #e1e1e1;padding:15px;border-radius:5px;border-top:none;height:calc(100% - 90px);overflow:auto}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem[data-v-08fd7f41]{padding:12px;margin-bottom:8px;position:relative;cursor:pointer;background-color:#fff;border-radius:5px;font-size:15px;box-shadow:0 2px 3px rgba(0,0,0,.1)}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem[data-v-08fd7f41]:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .cost_nums[data-v-08fd7f41]{font-size:13px}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .titles[data-v-08fd7f41]{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .moneyStyle[data-v-08fd7f41]{margin-top:8px;display:flex;flex-direction:row;justify-content:space-between}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .moneyStyle .iconStyle[data-v-08fd7f41]{margin-right:3px}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .divider[data-v-08fd7f41]{margin:10px 0 5px 0}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveOptItem .userName[data-v-08fd7f41]{display:flex;font-size:16px;flex-direction:row;align-items:center}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveopt-num-content[data-v-08fd7f41]{cursor:pointer;color:#333;margin-bottom:1rem}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveopt-num-content .fiveopt-num-content-item[data-v-08fd7f41]{font-size:14px}.fiveopt-right-box .fiveopt-right-bottom .fiveopt-right-bottom-item .fiveopt-bottom .fiveopt-num-content .fiveopt-num-content-number[data-v-08fd7f41]{color:#e64d00;font-size:16px;font-weight:600;margin-right:4px}.fiveopt[data-v-08fd7f41]::-webkit-scrollbar{width:5px;height:10px}.fiveopt[data-v-08fd7f41]::-webkit-scrollbar-thumb{border-radius:15px;-webkit-box-shadow:inset 0 0 5px #c1c1c1;background:#c1c1c1}.fiveopt[data-v-08fd7f41]::-webkit-scrollbar-track{border-radius:15px;-webkit-box-shadow:inset 0 0 5px #f1f1f1;background:#f1f1f1}