/* 悬浮单位换算器 */
.uc-float{position:fixed;right:20px;bottom:60px;z-index:99999;font-family:"Microsoft YaHei",sans-serif;}
.uc-float .uc-toggle{width:56px;height:56px;border-radius:50%;background:#0059AE;color:#FFFFFF;box-shadow:0 4px 14px rgba(0,89,174,.4);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;user-select:none;margin-left:auto;}
.uc-float .uc-toggle:hover{background:#004E9B;transform:scale(1.05);}
.uc-float .uc-toggle .uc-t-ic{font-size:22px;line-height:22px;font-weight:bold;}
.uc-float .uc-toggle .uc-t-tx{font-size:11px;line-height:14px;margin-top:2px;}
.uc-float .uc-panel{position:absolute;right:0;bottom:70px;width:300px;background:#FFFFFF;border:1px solid #E5E5E5;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.16);display:none;overflow:hidden;}
.uc-float.open .uc-panel{display:block;}
.uc-float.open .uc-toggle{border-radius:28px;width:120px;flex-direction:row;}
.uc-float.open .uc-toggle .uc-t-ic{margin-right:6px;}
.uc-panel .uc-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0059AE;color:#FFFFFF;font-size:15px;font-weight:bold;}
.uc-panel .uc-close{cursor:pointer;font-size:20px;line-height:20px;font-style:normal;opacity:.85;}
.uc-panel .uc-close:hover{opacity:1;}
.uc-panel .uc-cats{display:flex;flex-wrap:wrap;padding:10px 10px 4px;border-bottom:1px solid #F0F0F0;}
.uc-panel .uc-cat{padding:5px 10px;margin:0 6px 6px 0;background:#F5F8FA;border:1px solid #E5E5E5;border-radius:14px;font-size:12px;color:#666666;cursor:pointer;transition:.2s;}
.uc-panel .uc-cat:hover{border-color:#0059AE;color:#0059AE;}
.uc-panel .uc-cat.active{background:#0059AE;border-color:#0059AE;color:#FFFFFF;}
.uc-panel .uc-row{display:flex;align-items:center;padding:12px 15px 0;}
.uc-panel .uc-int{flex:1;min-width:0;height:38px;border:1px solid #E5E5E5;border-radius:6px;padding:0 10px;font-size:14px;color:#333333;outline:none;transition:.2s;}
.uc-panel .uc-int:focus{border-color:#0059AE;}
.uc-panel .uc-int.uc-res{background:#F5F8FA;font-weight:bold;color:#0059AE;}
.uc-panel .uc-sel{width:96px;height:38px;margin-left:8px;border:1px solid #E5E5E5;border-radius:6px;padding:0 4px;font-size:13px;color:#333333;background:#FFFFFF;outline:none;cursor:pointer;}
.uc-panel .uc-mid{text-align:center;padding:6px 0;}
.uc-panel .uc-swap{width:30px;height:24px;border:none;background:#F5F8FA;border:1px solid #E5E5E5;border-radius:12px;color:#0059AE;font-size:14px;cursor:pointer;line-height:1;transition:.2s;}
.uc-panel .uc-swap:hover{background:#0059AE;border-color:#0059AE;color:#FFFFFF;}
.uc-panel .uc-note{padding:8px 15px 0;font-size:11px;color:#FF9800;min-height:14px;}
.uc-panel .uc-quick{display:flex;flex-wrap:wrap;padding:4px 15px 14px;}
.uc-panel .uc-q{margin:6px 6px 0 0;padding:4px 10px;background:#FFF7E6;border:1px solid #FFE1A6;border-radius:12px;font-size:11px;color:#B26A00;cursor:pointer;}
.uc-panel .uc-q:hover{background:#FF9800;border-color:#FF9800;color:#FFFFFF;}
@media screen and (max-width:780px){
    .uc-float{right:12px;bottom:40px;}
    .uc-float .uc-panel{width:calc(100vw - 24px);}
}