@charset "utf-8";
/* CSS Document */
/**/
.online-open-show{position: fixed;right:0;bottom:20%;z-index: 100;transition: .4s;}
.online-open-show.hiden{right:-100px;}
.online-open-show li{background:#fff;border:1px #ddd solid;position: relative;margin-bottom:2px;}
.online-open-show li a{display: flex;align-items: center;flex-direction: column;color:#666;justify-content: center;width:60px;height:60px;}
.online-open-show li a i{display: block;font-size:1.5rem;line-height: 1;}
.online-open-show li a span{font-size:0.875rem;line-height: 1;margin-top:6px;}
.online-open-show li:first-child{background:var(--color);border:1px var(--color) solid;}
.online-open-show li:first-child a{color:#fff;}
.online-open-show li:hover{background:var(--color);border:1px var(--color) solid;}
.online-open-show li:hover a{color:#fff;}
.on_box{position: absolute;top:0;right:65px;background:#fff;display: none;}
.on_telCon{width:220px;box-shadow: 0 0 15px rgba(0,0,0,0.1);padding:0.5rem 1rem;}
.on_telCon i{display: inline-block;font-size:1.25rem;line-height: 1;position: relative;top:3px;}
.on_telCon h5{display: inline-block;}
.on_telCon h6{display: block;font-size:1.25rem;color:var(--color);padding-left:1.5rem;}
.on-wx{width:150px;box-shadow: 0 0 15px rgba(0,0,0,0.1);padding:1rem;text-align: center;}
.on-wx h5{display: block;padding-top:0.5rem;font-size:0.875rem;}
.on-wx img{width:120px;}
.on-close{text-align: center;width:30px;height:30px;margin:0 auto 20px;border:1px solid var(--color);border-radius: 50%;position: relative;background:#fff;}
.on-close a i{color:var(--color);font-weight: 600;}
.on-close:after{content:"";width:1px;height:20px;background:var(--color);position: absolute;bottom:-21px;left:50%;}
.back_scroll_top{display: none;}
.back_scroll_top a{display: flex;border:1px #ddd solid;align-items: center;flex-direction: column;color:#666;justify-content: center;width:60px;height:60px;line-height: 1;background:#fff;}
.back_scroll_top a i{display: block;font-size:1.5rem;}
.back_scroll_top a span{font-size:0.875rem;margin-top:6px;}
.back_scroll_top a:hover{background:var(--color);color:#fff;border:1px var(--color) solid;}