/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
body {background:#fff}   /* 重置body 页面背景为白色 */
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;color:#666} /* 重置页面文字属性 */
a {color:#666;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */
 body,html{
     width: 100%;
     height: 100%;
 }
/* 页面设置 */
 
  /* 取消a标签点击后的虚线框 */
a {outline: none;}  
:focus { outline:0; }
 
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
/* 
::selection {color: #fff;background-color: #4C6E78;}    
::-moz-selection {color: #fff;background-color: #4C6E78;} 
*/
 
/*清除浮动*/
.clear{clear: both;}
 
/*清除浮动--推荐使用*/
.clearfix:before,.clearfix:after{content: '';display: table;}
.clearfix:after{clear: both;}
/* 取消inpu等样式 */
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
input{  
	background:none;  
	outline:none;  
	border:none;
}
input:focus{   
	border:none;
}
*{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

.commonBtn:hover{
     opacity: 0.8;
     background: red;
     transition:all 1000ms;
}
.commonBtn a{
    width: 100%;
    height: 100%;
    color: inherit;
    display: inline-block;
}

.popupCon{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
  }

  .left{
      float: left;
  }

  .right{
      float: right;
  }

  .noPoint{
      pointer-events: none;
      opacity: 0.7;
  }

   .up {
    color: #4D6073;
    font-family: Microsoft YaHei;
    font-size: 13px;
    width: 27px;
    margin: 0 auto;
    padding: 14px 0;
    border-bottom: 1px solid #E5E5E5;
}

 .up:hover {
    opacity: 0.8;
    transition: all 1000ms;
}

 .down {

    width: 22px;
    margin: 0 auto;
    margin-top: 14px;
}


 .down i {
    font-size: 22px;
}

 .down div {
    width: 14px;
    color: #4D6073;
    font-family: Microsoft YaHei;
    font-size: 14px;
    margin: 0 auto;
}

 .down div:hover {
    opacity: 0.8;
    transition: all 1000ms;
}

 .helpTipCon {
    height: 360px;
    width: 338px;
    position: absolute;
    left: -340px;
    top: -165px;
}

 .helpTipCon .helpTip {
    position: absolute;
    left: 0;
    top: 28px;
    height: 290px;
    width: 320px;
    position: relative;
    padding: 42px 0 0 0;
    background: rgb(255, 255, 255);
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.15);
}

 .helpTipCon .helpTip.notLogin {
    height: 290px;
}

 .helpTipCon .helpTip .icon-jianceclosex {
    font-size: 15px;
    color: #979797;
    position: absolute;
    top: 20px;
    right: 20px;
}

.indexCallUsCon .helpTipCon .triangle {
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: 10px;
    height: 0;
    width: 0;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #fff;
    border-right: 18px solid transparent;
    border-top: 18px solid transparent;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem {
    width: 90%;
    margin: 0 auto;
    padding:21px 0 21px 42px;
    box-sizing: border-box;
    cursor: pointer;
}
.indexCallUsCon .helpTipCon .helpTip .phoneItem:hover{
    background: #f9f9f9;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem .title i {
    color: #BABABA;
    font-size: 25px;
    line-height: 25px;
    margin-right: 20px;
    vertical-align: middle;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem .title span {
    color: #313131;
    font-size: 16px;
    line-height: 25px;
    vertical-align: middle;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem .phone {
    color: #8F9499;
    font-size: 16px;
    padding-left: 46px;
    margin-top: 7px;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem .phone.top {
    color: #2E6BF6;
}

.indexCallUsCon .helpTipCon .helpTip .phoneItem .phone.bottom {
    font-size: 13px;
}