@charset "utf-8";
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3646753 */
  src: url('//at.alicdn.com/t/c/font_3646753_wu2w41udm7h.woff2?t=1668758946847') format('woff2'),
       url('//at.alicdn.com/t/c/font_3646753_wu2w41udm7h.woff?t=1668758946847') format('woff'),
       url('//at.alicdn.com/t/c/font_3646753_wu2w41udm7h.ttf?t=1668758946847') format('truetype');
}
.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* mobile-nav */
.mobile-alert {position: fixed;top: 0;left: 0; z-index: 1071;width: 100%;height: 100%; background-color: var(--default); visibility: hidden; opacity: 0; transition: .3s;}
/* menu */
.mobile-box{ width: 100%; height: 100%;  overflow: hidden; visibility: hidden; opacity: 0; transform: translateX(-120px);}
/* close */
.mobile-close {position: fixed;top: 5px;right: 10px; z-index: 9; width: 35px;height: 35px; cursor: pointer;}
.mobile-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #fff;}
.mobile-close span:first-child {transform: rotate(45deg);}
.mobile-close span:last-child {transform: rotate(-45deg);}

/* lang */
.mobile-lang { position: absolute; bottom: 15px; left: 15px; transform: translateX(-15px); text-align: center;}
.mobile-lang a {display: inline-block;margin-right: 10px; border-radius: 50%; width: 30px; height: 30px; line-height: 28px;font-size: 12px; color: #52B2E6;border: 1px solid #52B2E6;}
.mobile-lang a.on,
.mobile-lang a:hover{color: #fff; border-color: #fff;}



/* online */
.fixed-online{position: fixed; bottom: 20px; right: 15px; z-index: 77;}

.fixed-online ul li{margin-bottom: 2px; width: 40px; text-align: center; cursor: pointer; transition: .3s;}
.fixed-online ul li a{position: relative; height: 40px ; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; color: #333; box-shadow: 0px 4px 19px rgba(165, 165, 165, 0.25);}
.fixed-online ul li i{font-size: 28px; }
.fixed-online ul li p svg{width: 20px;}
.fixed-online ul li p svg path{fill: #666;}

.fixed-online-way{position: absolute; bottom: 0; right: 42px; background-color: #fff; opacity: 0; visibility: hidden; transition: all .3s;}

.fixed-online #fixed-online-tel{ width: 160px; height: 40px; line-height: 40px; font-size: 20px;}
.fixed-online #fixed-online-wx{padding: 15px; line-height: 40px;}
.fixed-online #fixed-online-wx img{ width: 120px; height: 120px; background-color: #eee;}
.fixed-online #fixed-online-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}
#gotop{height: 0; opacity: 0; overflow: hidden;}
.gotop-active{height: 64px!important; opacity: 1!important; }
.fixed-online ul li:hover .fixed-online-way{opacity: 1; visibility: visible;}

.fixed-online ul li:hover a{background-color: var(--default);}
.fixed-online ul li:hover a p svg path{fill: #fff;}
/* @media (max-width:768px) {
	.fixed-online{position: fixed; bottom: 0; right: 0; z-index: 77; width: 100%;}
	.fixed-online ul{display: flex;}
	.fixed-online ul li{margin-bottom: 0; width: 25%; text-align: center; cursor: pointer; transition: .3s;}
	#gotop{height: 40px; opacity: 1;}
	.gotop-active{height: 40px!important; }
	
	
	.fixed-online-way{position: absolute; bottom: 42px; right: 0; background-color: var(--default); }
	
	.fixed-online #fixed-online-wx img{ width: 120px; height: 120px; background-color: #eee;}
	
	.fixed-online #fixed-online-tel{display: none;}
} */