body{font-family: "微软雅黑";background-color: #fff; font-size: 20px!important; line-height: 1.75;}
.contain {    max-width: 1200px; width: 100%; min-width: 320px;   margin: 0 auto; margin-top: -80px;}

a { text-decoration: none ;    transition: all .2s;}

a:hover {    font-weight: bold;}

/* 通用 */
.bt-height-8{height: 8px;}
.bt-height-16{height: 16px;}
.bt-height-20{height: 20px;}
.bt-height-26{height: 26px;}
.bt-nowrap{display: block;}
.padding16{padding: 16px;}
.area{}
.areatit{font-size: 32px;color: #fff; line-height:84px;height: 97px;padding:0 26px;font-weight: 600; background: url(/images/1501/zyzhftitbg.png) no-repeat center center; text-align: center; z-index: 10; position: relative;}
.areatit a{color:#fff;}
.area-cont{padding: 56px 36px 16px; box-sizing: border-box;display: flex; background: linear-gradient(to bottom, #dcefff 16px, #ffffff 60px); margin-top: -30px;box-shadow: 0 2px 6px rgba(0,0,0,.2);border-radius: 16px; }

.ellipsis{overflow: hidden;  text-overflow: ellipsis;white-space:nowrap;}



.font20{font-size: 20px;}
.dColors{color: #ff560c; font-weight: 600;}
.dColors-black{color: #333; font-weight: 600;}
.dColors-blue{color: #2772be;}
.dColors-black{color: #333; font-weight: bold; font-size: 20px;}

.zctitbg{background: linear-gradient(to right, #ddf3ff, #ffffff); box-shadow: 1px 1px 3px  rgba(0, 0, 0, .2);padding:6px 36px; }
.round{width: 36px; height: 36px; text-align: center; display:block;background-color: #a8a8a8;color: #fff; border-radius:18px; line-height: 36px;}
/* 爬楼 */
.steps{ border-right:2px solid #97b3c3;position: fixed;    left: 20px;    top: 50%;    transform: translateY(-50%);    display: none;    z-index: 999; padding-right: 13px;}
.steps li{position: relative;}
.steps li a{display: block; line-height: 1.5;font-size: 16px; text-align: right;max-width:220px;padding: 10px 16px; border-radius: 30px;}
.steps li a::after{content: ''; width: 12px; height: 12px; background-color: #97b3c3; position: absolute; right: -20px; top: calc(50% - 6px);border-radius: 50%;}
.steps li.active a {  background-color:#2772be;  color: #fff;    font-weight: bold;   }
.steps li.active a::after{background-color: #2772be;}

/* 当前位置 */
.position {  width: 100%;  max-width: 1200px;  min-width: 320px;  background-image: url(/images/1501/position.jpg);  background-repeat: no-repeat;  background-position: 10px center;  height: 40px;  line-height: 40px;
  padding-left: 28px;  display: block;  margin: 0 auto;}
.position a { font-size: 12px;}

.position td {  font-size: 12px;}

/* banner */
.banner{background: url(/images/1501/dyzhfbanner.jpg) no-repeat center top; height: 487px;}
.banner img{display: none; width: 100%;}

/* 模块1 */
.area1{display: flex;background:url(/images/1501/zyzhftopbg.png) no-repeat left top;padding:40px 0; flex-direction: column;}
.area1-1{margin-left:-9px; font-size: 26px;  color: #fff;  font-weight: bold;  line-height: 60px;  height: 77px; box-sizing: border-box; background: url(/images/1501/zyzhftoptitbg.png) no-repeat left center; padding-left:52px;}
.area1-2{padding-right: 126px;color: #fff;font-weight: 600;font-size: 20px;padding-left: 56px;}
.area2-2-1{display: grid;grid-template-columns: 50% 50%; grid-template-rows: 36px;grid-gap: 8px 20px;}

/* 模块2 */

.area2-2{display: flex;flex-direction: column;gap:10px ; padding: 0 0 26px 16px; flex: 1;justify-content: center;}
.area2-2 span{display: flex;gap: 16px;align-items: center;font-size: 22px;}
.area2-2 a{width: 100%; text-decoration: underline;}


.area3-1{ padding-bottom:50px; justify-content: center;display: block; text-align: center;}
/* 模块4 */
.area4{justify-content:unset;position: relative; display: block;padding-bottom:40px;}
.area4-tit{display: flex; }
.area4-tit .tit{background: url(/images/1501/dyzhfareatit.png) no-repeat left center; width: 167px; height: 67px; font-size: 26px; color: #fff;text-align: center; line-height: 67px;font-weight: bold;}
.area4-tit .titinfo{margin-left:20px;background: linear-gradient(to right, #308dd4 , #29b0f9 ); color: #fff; height: 67px; padding:0 36px; border-radius: 10px; line-height: 67px;}
.area4-tit .titinfo a{color:#fff;text-decoration: underline;}
.area4-1{display:flex;gap: 20px; }
.area4-1 li{display: flex; flex-direction: column; align-items: center; border: 1px solid #b7d7e9; flex: 50%; background-color: #fff; padding-top:16px}
.area4-1 li img{max-width: 96%;}
.area4-1 li p{background-color: #f2f2f2; width: 100%; padding:20px 16px;margin-top: 16px;
display: flex; align-items: center;gap: 20px; height: 96px;}
.area4-1 li p span{flex: 0 0 36px;}
/* span{} */
.area4-2 li{width: 33.33%;} 
.area4-tit .tit1{width: 159px;}
/* 初次申请流程 */
.ccsqlc{ display: flex;  height: 256px;}
.ccsqlc li{display: flex;flex: 1 1 auto; flex-direction: column; align-items: center;position: relative;}
.ccsqlc li>span{background: url(/images/1501/zyzhflctitbg.png) no-repeat center top; height: 57px;  width: 124px;  text-align: center;  line-height: 44px;  color: #fff;  font-weight: bold;}
.ccsqlc li:first-child span{height: 48px;}
.ccsqlc li div{width: 230px; position: absolute; top: 70px; background: url(/images/1501/zyzhflcimg.png) no-repeat center top; height: 168px; box-sizing: border-box; padding:20px  26px; display: flex;
flex-direction: column;justify-content: space-between;align-items: center;}
.ccsqlc li div span{border-radius: 6px; background-color: #0cd4ff; color: #fff;padding:6px auto; text-align: center; width: 140px;}
.ccsqlc li:nth-child(2n+2){flex: 0 0 60px;}
/* .ccsqlc li:last-child,.ccsqlc li:last-child{flex: 0 0 100px;} */
.ccsqlc li:last-child div{width: 171px; background: url(/images/1501/zyzhflcimge.png) no-repeat center top;}



/* 模块5 */

.area5-ul{display:grid; grid-gap: 16px; grid-template-columns:50% 50%; margin-bottom: 16px; }
.area5-ul .item{grid-row-start: span 2;}
.area5-ul li{ background-color: #e4f5ff;border-radius: 10px; display: flex; flex-direction: column; }
.area5-ul li span{width:54px; height:29px;border-top-left-radius: 10px;  display:inline-block;border-bottom-right-radius: 10px; background-color: #ff560c; text-align: center;color: #fff; line-height: 29px; font-size: 16px;}
.area5-ul li p{text-align: left;padding:20px;}



/*模块6 */
.area6-cont{padding-top:36px; padding-bottom: 6px;}

/* 常见问题 */
.area7-1 li{background-color: #e4f5ff; padding:26px; margin-bottom: 16px; border-radius: 10px;}
.area7-1 li>a{font-weight: bold; text-decoration: underline; margin-bottom: 10px;display: flex;gap: 16px;}
  .area7-1 li>p{display: flex;gap: 16px;}
.sellipsis{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  }

.bot-banner{display: flex; gap: 16px;}
.bot-banner a{flex: 1 1 50%;}
.bot-banner a img{width: 100%;}
.hz{text-align: center;}
@media screen and (max-width: 1440px) {
   .steps{display: none!important;}
}

@media (max-width:768px) {
  .bt-height-40{height: 20px;}  
  .bt-height-50{height: 26px;}
.contain{margin-top: 20px; font-size: 18px;}
.banner{height: auto; background: none;}
    .banner img{display: block; background: none;}
    .area-cont{padding: 16px; margin-top:10px; border-radius: 0;}
    .area1{background-image:none;background-color: #1876c6;padding-bottom:16px;padding-top: 10px;}
    .area1-1{color: #fff; margin: 0;font-size: 22px; background: none;padding-left:0; text-align: center; height: auto;}

    .area1-2{padding: 0 10px; font-size: 18px;}
    .area2-2{padding: 0;}
    .area2-2 span{font-size: 18px;}
    .areatit{font-size: 25px;line-height:1.5;padding: 16px;font-weight: bold; background: none; color: #1876c6; height: auto;}
    .areatit a{ color: #1876c6; }
    .area2-1{display: none;}
.area2-2-1{grid-template-columns: 100%;}
.area3-1{display: block;}
.area4-tit{flex-direction: column;align-items: center;}
.area4-tit .tit{background: none; color: #000;font-size: 22px; height: 46px; line-height: 46px;}
.area4-tit .titinfo{background: none;color: #00a0e9; padding: 0; height: auto; line-height: 1.5;}
.area4-tit .titinfo a{color: #00a0e9;}
.area4-1{flex-direction: column;}
.area4-2 li{width: 100%;}
.ccsqlc{flex-direction: column;align-items: center; height: auto; margin-bottom: 10px;}
.ccsqlc li:nth-child(2n+2){transform: rotate(90deg);margin-left: -30px;}
.ccsqlc li div{position: unset;}
.area5-ul{grid-template-columns: 100%;}
.area7-1 li{padding: 10px;}
.area5-ul li p{padding:10px;}
.hz{padding:0 16px}
.hz img{display: none;}
.bot-banner{flex-direction: column;}
   
}

/* 老年版本 */
.whpageold .contain{margin-top: -59px;}
.whpageold .area1{background-image:none;background-color: #1876c6;padding-top: 26px;padding-bottom: 26px; border-radius: 16px;}
.whpageold .area1-1{background-size: 500px;font-size: 42px;margin-left: -27px;}
.whpageold .area1-2{font-size: 30px; padding-right:56px;padding-top: 16px;}
.whpageold .area2-2 span{font-size: 32px;}
.whpageold  .areatit{font-size: 38px; background-size: 600px;height: 119px; line-height: 106px;}
.whpageold  .area-cont{font-size: 32px;}
.whpageold  .area2-2-1{grid-template-columns: 100%;
  grid-template-rows: 56px;}
  .whpageold .area4-1{font-size: 32px;}
  .whpageold .area4-tit .tit{font-size: 32px;}
  .whpageold .area4-tit .titinfo{font-size: 30px;}
  .whpageold .area4-1 li p{height:186px}
  .whpageold .area4-1 li p span{flex: 0 0 46px;}
  .whpageold .round{width: 46px; height: 46px; border-radius: 23px; line-height: 46px;}
  .whpageold .ccsqlc li:nth-child(2n+2){font-size: 20px;}
  .whpageold .ccsqlc li div{font-size: 28px; height: auto; background: #eff7fd; padding:20px 16px;}
  .whpageold .ccsqlc li div span{width: 200px;}
  .whpageold  .area5-ul{grid-template-columns:100%;}
  .whpageold  .area5-ul li span{font-size: 26px; width:56px; height: 36px; line-height: 36px;}
  .whpageold  .dColors-black{font-size: 32px;}
  .whpageold  .area2-2{gap: unset;}
  .whpageold .area7-1 li img{width: 60px;}