/*自定义变量开始*/
:root {--onLineWidth:0.7rem;--onLineFontSize:0.14rem;--onLineSpanFontSize:0.22rem;}
@media screen and (min-width:750px) and (max-width:1198px){:root {--onLineWidth:1rem;--onLineFontSize:0.22rem;--onLineSpanFontSize:0.32rem;}}
/*自定义变量结束*/

#onLine{display:none;position:fixed;bottom:2rem;right:0px;width:var(--onLineWidth);height:auto;padding-top:0.05rem;text-align:center;transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;z-index:999998;border-radius:0px;}
#onLine li{float:left;width:92%;height:auto;padding-left:4%;padding-right:4%;padding-top:0.08rem;padding-bottom:0.08rem;text-align:center;color:#ffffff;font-size:var(--onLineFontSize);border-bottom:1px solid #f5f5f5;background-color:#0090D9;cursor:pointer;}
#onLine li a {color:#ffffff;font-size:var(--onLineFontSize);}
#onLine li a p{display:block;height:auto;line-height:180%;color:#ffffff;font-size:var(--onLineFontSize);}
#onLine li a span{display:block;height:auto;line-height:180%;color:#ffffff;font-size:var(--onLineSpanFontSize);background-color:#0090D9;}
#onLine li.border_bottom_none{color:#ffffff;border-bottom:0px solid #f5f5f5;}

#wechatDiv{display:none;position:absolute;top:0rem;right:var(--onLineWidth);width:auto;line-height:180%;padding:0.05rem;text-align:center;font-size:0.16rem;color:#E60012;background:#ffffff;transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;z-index:999999;border:1px #E5E5E5 solid;}
#wechatDiv img{display:block;width:1.4rem;}

#onLineCloseDiv{z-index:999999999999;position:relative;width:var(--onLineWidth);height:auto;background-color:#ff0000;}
#onLineClose{position:absolute;top:-0.15rem;right:0.05rem;float:left;text-align:right;color:#0090D9;transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;z-index:999999;cursor:pointer;}
@media screen and (min-width:750px) and (max-width:1198px){#onLineClose{top:-0.25rem;}}