/* ===== 手机底部导航美化 bottom nav beautify ===== */
#contactbar{
 height:56px!important;
 background:rgba(255,255,255,.93)!important;
 -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
 border-top:1px solid #f1f1f1!important;
 box-shadow:0 -3px 16px rgba(0,0,0,.07);
 line-height:normal!important;color:#333;
 padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);
}
#contactbar a{
 float:left;display:flex;flex-direction:column;align-items:center;justify-content:center;
 height:56px;background:transparent!important;
 color:#9a9a9a;font-size:11px;line-height:1.2;position:relative;
}
#contactbar a::before{
 content:"";width:24px;height:24px;margin-bottom:2px;background-color:#9a9a9a;
 -webkit-mask:var(--bn-ic) center/contain no-repeat;mask:var(--bn-ic) center/contain no-repeat;
}
#contactbar a[class*="_on"]{color:#ED232F;}
#contactbar a[class*="_on"]::before{background-color:#ED232F;}

#contactbar [class*="bottom_index"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203l9%208h-3v9h-5v-6h-2v6H6v-9H3z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_school"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203L1%209l11%206%209-4.91V17h2V9M5%2013.18v4L12%2021l7-3.82v-4L12%2017l-7-3.82z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_history"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm4.2%2014.2L11%2013V7h1.5v5.2l4.5%202.7-.8%201.3z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_member"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2012a5%205%200%20100-10%205%205%200%20000%2010zm0%202c-3.3%200-10%201.7-10%205v3h20v-3c0-3.3-6.7-5-10-5z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_fxshare"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M18%2016.08c-.76%200-1.44.3-1.96.77L8.91%2012.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5%201.25.81%202.04.81a3%203%200%2010-3-3c0%20.24.04.47.09.7L8.04%209.81C7.5%209.31%206.79%209%206%209a3%203%200%20100%206c.79%200%201.5-.31%202.04-.81l7.12%204.16c-.05.21-.08.43-.08.65a2.98%202.98%200%20102.92-2.92z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_schidden"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_addschool"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");}
#contactbar [class*="bottom_baoming"]{--bn-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2015l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z'/%3E%3C/svg%3E");}

/* 中间凸起按钮：正常流，圆在上文字在下 */
#contactbar a .pub_circle,#contactbar a .pub_iconfont{display:none!important;}
#contactbar a:has(em)::before{display:none;}
#contactbar a:has(em){justify-content:flex-end;overflow:visible;}
#contactbar em{
 position:relative;display:flex;flex-direction:column;align-items:center;
 margin-top:-9px;margin-bottom:1px;
 width:auto;height:auto;background:none!important;border:none;box-shadow:none!important;
 transform:none;font-style:normal;font-size:11px;line-height:1.2;color:#9a9a9a;z-index:5;
}
#contactbar em::before{
 content:"";width:46px;height:46px;border-radius:50%;margin-bottom:2px;
 background:linear-gradient(135deg,#ED232F,#ff5a44);
 box-shadow:0 5px 14px rgba(237,35,47,.4);border:3px solid #fff;box-sizing:border-box;
}
#contactbar em::after{
 content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);
 width:21px;height:21px;background:#fff;
 -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04a.996.996%200%20000-1.41l-2.34-2.34a.996.996%200%2000-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04a.996.996%200%20000-1.41l-2.34-2.34a.996.996%200%2000-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* 色块按钮 */
#contactbar .bottom_fdxems,#contactbar .bottom_baoming,#contactbar .bottom_ddhtel{
 height:40px;line-height:40px;margin-top:8px;border-radius:20px;
 display:flex;flex-direction:row;align-items:center;justify-content:center;
}
#contactbar .bottom_fdxems::before,#contactbar .bottom_baoming::before,#contactbar .bottom_ddhtel::before{display:none;}
#contactbar .bottom_fdxems,#contactbar .bottom_baoming{
 background:linear-gradient(135deg,#ED232F,#ff5a44)!important;color:#fff!important;
}
#contactbar .bottom_ddhtel{
 background:#fff!important;color:#ED232F!important;border:1.5px solid #ED232F;box-sizing:border-box;
}
#contactbar .bottom_fdxems i,#contactbar .bottom_baoming i,#contactbar .bottom_ddhtel i{
 font-style:normal;font-size:14px;height:auto!important;line-height:1!important;
 background:none!important;text-indent:0!important;display:inline-flex;align-items:center;
}
#contactbar .bottom_fdxems i::before,#contactbar .bottom_baoming i::before{
 content:"";width:17px;height:17px;margin-right:5px;background:#fff;
 -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2015l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2015l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#contactbar .bottom_ddhtel i::before{
 content:"";width:17px;height:17px;margin-right:5px;background:#ED232F;
 -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.62%2010.79c1.44%202.83%203.76%205.14%206.59%206.59l2.2-2.2c.27-.27.67-.36%201.02-.24%201.12.37%202.33.57%203.57.57.55%200%201%20.45%201%201V20c0%20.55-.45%201-1%201-9.39%200-17-7.61-17-17%200-.55.45-1%201-1h3.5c.55%200%201%20.45%201%201%200%201.25.2%202.45.57%203.57.11.35.03.74-.25%201.02l-2.2%202.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.62%2010.79c1.44%202.83%203.76%205.14%206.59%206.59l2.2-2.2c.27-.27.67-.36%201.02-.24%201.12.37%202.33.57%203.57.57.55%200%201%20.45%201%201V20c0%20.55-.45%201-1%201-9.39%200-17-7.61-17-17%200-.55.45-1%201-1h3.5c.55%200%201%20.45%201%201%200%201.25.2%202.45.57%203.57.11.35.03.74-.25%201.02l-2.2%202.2z'/%3E%3C/svg%3E") center/contain no-repeat;
}