/* 公共类样式文件 */

/* 禁止图片放大 */
img {
    max-width: 100%;
}
/* 版心 */
.page-center {
  width: 1200px;
  margin: 0 auto;
}
/* 显示 */
.show {
  display: block;
}
/* 隐藏 */
.hide {
  display: none;
}
/* 清楚浮动 */
.clear::after {
  content: '';
  display: block;
  clear: both;
}
/* 禁用 */
.disabled {
  cursor: pointer;
  /* pointer-events: none; */
}
/* 必填 */
.required {
  color: #ff6b6b;
}
/* 单行文本超出显示省略号：必须设置宽度 */
.one-line {
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 多行文本超出显示省略号：必须设置高度 */
.many-line {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  /* 默认显示两行 */
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 水平flex居中 */
.row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/* 垂直flex居中 */
.column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* 字体主题颜色（#0089cd） */
.theme-font {
  color: #0089cd;
  font-weight:bold;
}
/* 背景主题颜色（#0089cd） */
.theme-bg {
  background-color: #0089cd;
}
/* 边框主题颜色（#0089cd） */
.theme-border {
  border: 1px solid #0089cd;
}
/* 文字白色 */
.white-font {
  color: #fff;
}
/* 背景白色 */
.white-bg {
  background-color: #fff;
}
/* 字体加粗 */
.el-title {
    display: block;
    border-bottom: 1px solid #D1DBE2;
    font-weight: bold;
    font-size: 15px;
    m   gin-bottom:20px;
}
.el-title img{
    vertical-align: middle;
}
.el-title h3{
    display:inline-block;
    line-height:37px;
    font-weight: bold;
    font-size: 15px;
}
/* 24 号字体 */
.font-24 {
  font-size: 24px;
}
/* 20 号字体 */
.font-20 {
  font-size: 20px;
}
/* 16 号字体 */
.font-16 {
  font-size: 20px;
  font-weight:bold;
}
/* 失败提示 */
.err-tips {
  color: #ff6b6b;
}
/* 成功提示 */
.success-tips {
  color: #17e39b;
}
/* 图片作背景 */
.img-bg {
  background: no-repeat center center;
  background-size: cover;
}

/* 按钮 */
.btn {
  text-align: center;
  transition: all 0.2s ease-in;
  border-radius: 4px;
}
/* 动态变化 */
.transi-all {
  transition: all 0.2s ease-in;
}

/* hover 放大后还原 */
.pulse:hover {
  animation: pulse 1s;
  -webkit-animation: pulse 1s;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scaleX(1);
  }
}

/* 向上滚动 */
@keyframes rowup {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
/* 波浪效果 */
@keyframes waveAnimate {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-80px, 30px);
  }
  100% {
    transform: translate(160px, -60px);
  }
}

/* 边框圆角 4px */
.radius-4 {
  border-radius: 4px;
}
/* 边框圆角 8px */
.radius-8 {
  border-radius: 8px;
}
/* 边框圆角 12px */
.radius-12 {
  border-radius: 12px;
}
/* 边框圆角 18px */
.radius-18 {
  border-radius: 18px;
}
/* 边框圆角 20px */
.radius-20 {
  border-radius: 20px;
}
/* 边框圆角 24px */
.radius-24 {
  border-radius: 24px;
}
/* 边框圆角 28px */
.radius-28 {
  border-radius: 28px;
}
/* 边框圆角 50% */
.radius-50 {
  border-radius: 50%;
}
/**第二版城市落地页社保代缴服务内容样式**/
.s_content {
    clear: both;
    display: block;
    padding-bottom: 70px;
    background: url("../imgs/common/bg-min.png") no-repeat top;
    background-size: cover;
}
 .el_content{
     margin:0 auto;
     width:1200px;
 }
 .el_content h3{
    display:block;
    padding:50px 0;
    font-size: 34px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #374567;
 }
.el_con_box {
    display: block;
    margin:50px 0;
    background: #ffffff;
    box-shadow: 0px 3px 14px 0px rgba(190,226,255,0.4);
}
.el_conl_title{
    position:relative;
    display:block;
    height:80px;
}
.el_conl_title img{
    position:absolute;
    top:-10px;
    left:0;
    width:100%;
}
.el_con_box dl{
    display:flex;
    box-sizing:border-box;
    border-bottom:1px solid #eee;
    padding:10px 0;
}
.el_con_box dl:last-child{
    border:0;
}
.el_con_box dd{
    flex:1;
    line-height:40px;
    margin-left:0px;
}
.el_con_box dt {
    flex: 0 0 123px;
    margin-right: 20px;
    line-height: 55px;
    font-size: 16px;
    color: #374567;
    text-align: center;
    background: url("../imgs/common/t_icon1.png") left 10px no-repeat;
}
.el_con_box dl dd span {
    display: block;
    font-size: 14px;
    color: #374567;
    line-height: 40px;
    text-indent: 20px;
    background: url("../imgs/common/col_arroy.png") left center no-repeat;
}
.el_con_box dd.el-dd span{
    display:inline-block;
    margin-right:26px;
}