/*悬浮链接*/
.suspension-phone{display: none;}
.suspension{position:fixed;z-index:55;right:0;top:50%; margin-top: -142px;box-shadow: 0 0 8px #ccc;}
.suspension-box{position:relative;float:right;background: #fff;border-radius: 5px;}
.suspension .a{width:70px;cursor:pointer;outline:none;    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:column;
	padding: 10px;
}
.suspension-box a p{
	font-size: 14px;
	color: #888;
}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{width:28px;height:28px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;display: block;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-32px -31px;}
.suspension .a-service-phone .i{background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-qrcode .i{background-position:-32px 0;}
.suspension .a-cart .i{background-position: 0 -31px;}
.suspension .a-top .i{background-position: 0 -60px;}
.suspension .a-top{background-color:#D2D3D6;display:none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.suspension .a-top:hover{background-color:#333;}
.suspension .a-top:hover i{background-image:url(../images/top.png);}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:98px;min-height:70px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:140px;}
.suspension .d-service-phone{top:4px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:0px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.suspension .a:hover i{
	background-image:url(../images/suspension-bg-fff.png);
}

.suspension .a:hover p{
	color: #fff;
}
.red{
	font-size: 18px;
	font-weight: bold;
	color: #F05352;
}
.qrcode-img img{width:200px;height:200px}
@media (max-width:768px) {
	.suspension{
			display: none;
		}
		
		
		.suspension-phone{
			display: block;
			position: fixed;
			bottom: 0;
			background: #fff;
			width: 100%;
			padding: 10px;
			box-shadow: 0 0 4px #ccc;
		}
		.suspension-phone ul li{
			float: left;
			width: 25%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction:column;
			text-align: center;
		}
		.suspension-phone ul li i{
			display: block;
			width: 28px;
			height: 28px;
			background-image: url(../../kefu/images/suspension-bg.png);
		}
		.suspension-phone ul li i.ph-tab02{
			background-position: -32px 0;
		}
		.suspension-phone ul li i.ph-tab03{
			background-position: -32px -31px;
		}
		.suspension-phone ul li i.ph-tab04{
			background-position: 0 -31px;
		}
	.pg-wx:hover .bot-code{
		display: block;
	}
		.bot-code{
			position: absolute;
			display: none;
			width: 150px;
			height: 150px;
			bottom: 50px;
			background-repeat: no-repeat;
			background-size: cover;
		}
	
		/*浮窗*/
		.fixed-box{width: 100%;left:0;margin-left: 0;}
		.video-box{width: 100%}
		
		/*试用*/
		.try_box_buy{top:5px;margin-top: 0;}
		.whenInput h1{font-size:18px;position: relative;padding-bottom: 30px;}
		.whenInput h1 span{display: block;font-size: 24px;position: absolute;top: 40px;width: 100%;}
		.try_contBox{padding-left: 0;height: auto;}
		.try_contTitle{display: none;}
		.try_inputIcon{display: none;}
		.try_contInput{margin:5px 0;height:36px;line-height:36px;border: 1px solid #cccccc;width: 100%;}
		.try_contBox .error_msg{margin: -30px 20px 0 25px;float:right;}
		.try_inputDis{margin:10px 0 0 0;}
		.try_inputDis a{margin:0 auto;float: none;}
		.try_cont{padding-bottom: 0;}
		
	} 	
	
	@media (max-height: 700px) and (min-width:768px){
		.slide .box {height: 540px;}
		.slide .box h1{padding-top: 220px;}
	}
	/*@media (min-width: 768px) and (max-width: 1400px){
		.nav-warp .nav .login .login-icon{width:100px;}
		.nav-warp .nav .login .login-icon a.btn-live,.nav-warp .nav .login .login-icon a.btn-meet,.nav-warp .nav .login .login-icon a.btn-drive{display: none;}
	}*/
	
	/*重置*/
	.border-1-bottom{border-bottom:1px solid #dddddd ;}
	.border-0{border:0;}
	.margin-0{margin: 0;}
	.width-100{width: 100%;}
	.font-white{color: #ffffff;}
}