/*reset*/
/* html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{
    margin:0;
    padding:0;
} */
body {
	position: relative;
	font-size: 14px;
	background-color: white;
	overflow: auto;
}

body,
button,
input,
keygen,
legend,
select,
textarea {
	/* font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; */
	/* font-weight:400; */
	/* color:#333; */
	outline: 0;
	speak: none;
	-webkit-font-feature-settings: normal;
	-moz-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* h1, h2, h3, h4, h5, h6{font-weight:400;} */
li {
	list-style: none;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

img {
	vertical-align: top;
}

a,
button {
	cursor: pointer;
}

/* a{color:#fff;outline:none;text-decoration:none;} */
a:focus {
	color: #333;
	outline: none;
	-moz-outline: none;
}

.kf_P {
	margin: 0;
	padding: 0;
}

/*common*/
body {
	background: #F4F5F9;
}

/* a:hover{color:#218aeb;text-decoration:none;} */
a:-webkit-any-link {
	text-decoration: none;
}

/* .container{width:1200px;margin:0 auto;padding:0;} */
.container:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}

.color-white {
	color: white !important;
}

.red {
	color: #218aeb !important;
}

.fz12 {
	font-size: 12px;
}

.fz14 {
	font-size: 14px;
}

.wfs {
	width: 100%;
	position: relative;
}

.p_r {
	position: relative;
}


/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 250px;
	width: 70px;
	height: 240px;
}

.suspension-box {
	/* position:relative;float:right; */
}

.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #353535;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
	border-radius: 7px;
}

.suspension .a.active,
.suspension .a:hover {
	background: #218aeb;
}

.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/pc/side_icon.png);
	background-repeat: no-repeat;
}

/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/pc/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/pc/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}

.suspension .a-form .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/pc/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px -23px;
}

.suspension .a-qrcode .i {
	background-position: -44px 0;
}

.suspension .a-cart .i {
	background-position: -88px 0;
}

.suspension .a-top .i {
	background-position: -132px 0;
}

.suspension .a-top {
	background: #D2D3D6;
	display: none;
}

.suspension .a-top:hover {
	background: #c0c1c3;
}

.suspension .d {
	display: none;
	width: 223px;
	background: #fff;
	position: absolute;
	right: 75px;
	min-height: 90px;
	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: 36px;
}

.suspension .d-service-phone {
	top: -14px;
}

.suspension .d-qrcode {
	top: 78px;
}

.suspension .d-form {
	top: 78px;
	width: 270px;
}

.suspension .d .inner-box {
	padding: 20px 22px 12px;
}

.suspension .d .inner-box p {
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
}

.suspension .d .inner-box2 {
	padding: 10px 22px 12px;
}

.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	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 .i-email {
	width: 44px;
	height: 44px;
	background: url(../images/side_icon_email.png) no-repeat center center;
	display: block;
}

.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 16px;
	margin-left: 12px;
}

.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 17px;
	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(https://www.17sucai.com/preview/3/2022-03-24/xuanfu_kefu/jQuery%E2%95%99%E2%95%A5%E2%96%93%CE%B1%E2%95%A3%E2%95%A0%E2%95%A2%C2%BF%E2%95%A8%E2%81%BF%E2%95%95%C3%AD%E2%95%98%E2%94%8C%E2%95%A7%E2%96%80%E2%94%90%E2%95%90%E2%95%96%E2%96%A0%E2%94%A4%C2%B7%E2%94%AC%CE%B4%20-%20%E2%95%98%E2%94%A4%E2%94%AC%CE%B4%E2%95%93%C2%AB%E2%95%9D%E2%95%A5/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: 20px 0;
}

.suspension .d-qrcode p {
	font-size: 16px;
	color: #111;
}