@charset "utf-8";
/*全局重置样式*/
html{
    font-size:625%;
}
@media screen and (max-width:1440px) {
    html{
        font-size:500%;
    }
}
*{
    margin: 0;padding: 0;list-style: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);/*手机端去除高亮*/
    background-color: transparent;/*去除背景*/
    font-size:0.14rem;
    font-family:'Microsoft YaHei','San-serif','Microsoft JhengHei','STXihei';
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0;
}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
  font-weight: normal;
  -webkit-tap-highlight-color:rgba(0,0,0,0);/*手机端去除高亮*/
  background-color: transparent;/*去除背景*/
}
html,body{
    -webkit-overflow-scrolling: touch;
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  /*font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;*/
}

/*select,*/
input[type=radio],
input[type=checkbox]{
    /*appearance:none;
    -webkit-appearance:none;*/
}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 0.12rem; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a {
	text-decoration: none;
}
a:hover,
a:visited,
a:focus,
a:link {
	text-decoration: none;
}
/** 重置img垂直居中 **/
img{
    vertical-align:middle;
}
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/*button, input, select, textarea { font-size: 100%; }*/ /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; table-layout:fixed;word-break:break-all}

/* 清除浮动 */
.clear:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clear,.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix,
*html .clear{ height: 1%; }
.clear,.clearfix { display: block; }
/* close commented backslash hack */

.clear-both{
    clear:both;
}
input::-ms-clear,input::-ms-reveal{display:none !important;}

/*修复chrome 自动填充input背景*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:350px;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;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/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/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/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.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:67px;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:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 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 h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;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:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media screen and (max-width: 1400px) {
    .suspension{bottom:180px;}
}