.dialog-util-confirm { box-sizing: border-box; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 50001; width: 17.5rem; background: #fff; border-radius: 0.75rem; padding: 1.5rem 0 0; overflow: hidden; font-family: PingFangSC-Regular; }
 .dialog-util-confirm .title { height: 1.75rem; text-align: center; line-height: 1.75rem; color: black; font-size: 1.125rem; font-weight: bold; margin: 0 auto 0.25rem; font-family: PingFangSC-Medium; }
 .dialog-util-confirm .content1 { padding: 0 1.25rem 0.9375rem; line-height: 1.375rem; color: black; font-size: 1.125rem; margin: 0 auto; color: #666666; font-size: 0.875rem; }
 .dialog-util-confirm .content2 { padding: 0 1.25rem 1.25rem 1.25rem; text-align: center; line-height: 1.25rem; font-size: 1.125rem; }
 .dialog-util-confirm .content3 { padding: 0 1.25rem 1.25rem 1.25rem; text-align: center; line-height: 1.25rem; font-size: 1.125rem; font-weight: bold; }
 .dialog-util-confirm .btnDiv1 { border-top: 0.0625rem solid #eeeeee; text-align: center; line-height: 2.75rem; height: 2.75rem; display: flex; font-size: 1rem; display: flex; justify-content: center; }
 .dialog-util-confirm .btnDiv1 .left-btn { width: 100%; background-color: #f7f7f7; color: #0081ff; border-right: 0.0625rem solid #eeeeee; font-family: PingFangSC-Medium; font-weight: bolder; }
 .dialog-util-confirm .btnDiv1 .right-btn { width: 100%; background-color: #f7f7f7; color: #0081ff; font-family: PingFangSC-Medium; font-weight: bolder; }
 .dialog-util-confirm .btnDiv2 { border-top: 0.0625rem solid #eeeeee; text-align: center; line-height: 2.75rem; height: 2.75rem; display: flex; font-size: 1rem; display: flex; justify-content: center; }
 .dialog-util-confirm .btnDiv2 .left-btn { width: 100%; background-color: #f7f7f7; color: #666666; border-right: 0.0625rem solid #eeeeee; font-family: PingFangSC-Medium; font-weight: bolder; }
 .dialog-util-confirm .btnDiv2 .right-btn { width: 100%; background-color: #0081ff; color: white; font-family: PingFangSC-Medium; font-weight: bolder; }
 
 .dialog-util-message { position: absolute; padding: 0.3125rem 0.9375rem; display: table; line-height: 1.5625rem; max-width: 21.5625rem; background-color: #000; opacity: 0.7; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0.875rem; color: #fff; text-align: center; border-radius: 0.25rem; z-index: 50001; }
 
 .dialog-util-mask { position: fixed; height: 100%; left: 0; top: 0; right: 0; z-index: 50000; background: rgba(0, 0, 0, 0.7); }
 
 .dialog-util-wihite-mask { position: fixed; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 50000; background: transparent; }
 
 .dialog-util-loading__body { position: fixed; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 50001; display: flex; justify-content: center; align-items: center; }
 .dialog-util-loading__body::before { content: ''; width: 1.25rem; height: 1.25rem; border: 0.25rem solid rgba(0, 0, 0, 0.1); border-top-color: #409eff; border-radius: 50%; animation: loading-spin 1s linear infinite; }
 
 @keyframes loading-spin { from { transform: rotate(0deg); }
   to { transform: rotate(360deg); } }
 .dialog-util-drawer__body { position: absolute; width: 100%; bottom: 0; z-index: 50001; box-sizing: border-box; background: #fff; }
 .dialog-util-drawer__body__header { display: flex; align-items: center; justify-content: space-between; padding: 0.625rem 0.625rem 0.625rem 1.25rem; border-bottom: 0.03125rem solid #E5E5E5; }
 .dialog-util-drawer__body__header .title { font-size: 1.125rem; font-weight: bold; }
 .dialog-util-drawer__body__header .close-btn { width: 2rem; height: 2rem; position: relative; cursor: pointer; }
 .dialog-util-drawer__body__header .close-btn::before, .dialog-util-drawer__body__header .close-btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 1.25rem; height: 0.09375rem; background-color: #666; border-radius: 0.0625rem; }
 .dialog-util-drawer__body__header .close-btn::before { transform: translate(-50%, -50%) rotate(45deg); }
 .dialog-util-drawer__body__header .close-btn::after { transform: translate(-50%, -50%) rotate(-45deg); }
 .dialog-util-drawer__body__header .close-btn:hover::before, .dialog-util-drawer__body__header .close-btn:hover::after { background-color: #333; }
 .dialog-util-drawer__body__content { padding: 0.9375rem 1.25rem; }
 .dialog-util-drawer__body__content .sub-title { height: 1.75rem; line-height: 1.75rem; font-size: 1.125rem; font-weight: bold; margin-bottom: 0.25rem; }
 .dialog-util-drawer__body__content .content { line-height: 1.375rem; font-size: 0.875rem; color: #666666; }
 .dialog-util-drawer__body .submit-btn { height: 2.75rem; line-height: 2.75rem; border-radius: 0.25rem; font-size: 1rem; text-align: center; color: #fff; margin: 0 1.25rem 1.25rem 1.25rem; background-color: #0081FF; }