html{font-size: 100px;}
body{font-family: "微软雅黑";background-color: #fff; font-size: .18rem!important; line-height: 1.75; background-color: #e8f4ff;}

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:85px;height: 85px;padding-left:52px;font-weight: 600; background: url(whsbksl2025tit.png) no-repeat left center;  z-index: 10; position: relative; background-size: 321px auto;}
.areatit a{color:#fff;}
.area-cont{padding:.6rem .36rem .36rem; box-sizing: border-box;display: flex;margin-top: -38px;box-shadow: 0 2px 6px rgba(0,0,0,.2);border-radius: 16px; background-color: #fff;}

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



.font22{font-size: 22px;}
.dColors{color: #f6510f; font-weight: 600;}
.dColors-black{color: #1a1a1a; font-weight: 600;}
.dColors-blue{color: #5a636b;}
.dColors-black{color: #333; font-weight: bold; font-size: 20px;}
.cgradient{background:url(whssbkslxbt.png) no-repeat left  top; color: #1e5ebc; text-align: center; }


.round{width: 20px; height: 20px; text-align: center; display:block;background-color: #fbbb70;color: #fff; border-radius:18px; line-height: 36px; flex: 0 0 auto;}


/* 爬楼 */
.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;}


/* 弹窗 */

.modal-overlay {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;
  height: 100%;  background: rgba(0,0,0,0.8);  z-index: 999;}
.modal-box {  position: fixed; top: 0; left: 50%;  transform: translatex(-50%);bottom: 0;
  background: white;  padding: 20px;  border-radius: 5px;  box-shadow: 0 0 10px rgba(0,0,0,0.3);  z-index: 1000; text-align: center; right: 0; overflow: scroll;}
  .modal-box img{ max-width: 96%; }
.close-btn {  float: right;  cursor: pointer;padding-bottom: 20px;font-size: 14px; width: 100%; display: block; text-align: right;}
/* 弹窗 end*/

.contain {    max-width: 1200px; width: 100%; min-width: 320px;   margin: 0 auto; margin-top: -148px;}

.contain a{text-decoration: underline;}

/* 当前位置 */
.position {  width: 100%;  max-width: 1200px;  min-width: 320px;  background-image: url(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(whssbkslbanner.png) no-repeat center top; height: 5.58rem;}
.banner img{display: none; width: 100%;}

/* 模块2 */

.area2-2{display: flex;flex-direction: column;gap:.16rem ; flex: 1;justify-content: center;}



.area3-1{display: flex; gap: .2rem; align-items: stretch;flex-wrap: wrap;}
.area6-info,.area3-1 a{display: flex;padding:.2rem; width: calc(50% - .1rem); gap: .2rem;align-items: center; background: linear-gradient(to right, #e1f0ff , #f3f9ff );border-radius: 3px; }
.area3-1 a>span{height: 46px; background-color: #fbbb70;flex: 0 0 46px;display: flex; align-items: center; justify-content: center;border-radius: .1rem; }




.e2725d{color: #ff765c;}
.be2725d{background-color: #ff765c;}
.c618ff4{color: #618ff4;}
.bc618ff4{background-color: #618ff4;}
.c229ed8{color: #229ed8;}
.bc229ed8{background-color: #229ed8;}



/* 模块4 */
.area4{flex-direction: column; gap: .16rem;}
.area4>div{ border: 1px dashed #8ab1d5; padding:.06rem .26rem;  border-radius: .26rem;display: flex; align-items: center; gap: .1rem;}
.area4>div:hover{font-weight: bold;}

/* 模块5 */
.area5-cont{display: flex; gap: .2rem;}
.sbcl{flex: 1 1 50%; background:url(sbksltitbg2025.png) no-repeat center top;background-size: 100% auto; border-radius: .1rem; display: flex;  flex-direction: column; align-items: center; padding: 0 .20rem .26rem .26rem; box-sizing: border-box;gap: .06rem;}
.sbcl-tit{ margin-bottom: 10px;padding:.1rem 0;background-color: #4089ea; width: 2rem; color: #fff;text-align: center; font-weight: 600; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.sbcl-p{width: 100%;}
.sbcl-p img{padding-right: 10px;}
.sbcl-p>span>span{display: inline-block; margin-right: 6px;vertical-align: middle;}







/*模块6 */
.area6-cont{flex-direction: column;gap: .1rem;}
.area6-cont .span{width: 3.18rem; height: .61rem;padding-top: .06rem; display: block;float: left;}
.area6-cont .ul{display: flex;flex-wrap: wrap;gap:30px;}
.area6-cont .ul li{width:31.33%; background-color: #e8f4ff; position: relative; text-align: center;}

.area6-cont .ul li p{width:100%; box-sizing: border-box; padding:.2rem .16rem .1rem; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 5px, rgba(0,0,0,.8) 50px);color: #fff; display: flex; align-items: center; gap: .1rem;font-size: .16rem;}
.w26{width: .36rem;height:.36rem ; flex: 0 0 .36rem;}
.area6-info{width: 100%; padding:.06rem .16rem;margin-top: .2rem;}


.area8{flex-direction: column;gap: .16rem;}
.area8>div{ background: linear-gradient(to right, #c9eaf9, #c1dbf8); color: #1e5ebc;
   border-radius: .6rem;padding:.1rem .26rem; display: flex; justify-content: space-between;}
.bszn{background: linear-gradient(to right, #175aa3, #4994e8); color:#fff;  border-radius: .2rem;padding: .04rem .16rem;text-align: center;}




/* 常见问题 */
.area7-1{}
.area7-1 li{padding:.16rem; margin-bottom: .16rem; border-radius: .1rem; border-bottom:1px solid #cad8e2;}
.area7-1 li:last-child{border-bottom: none;}
.area7-1 li::before{content: attr(data-index);width: .26rem; height: .26rem; background-color: #ffa60e;margin-top: .06rem; display: inline-block; float: left; text-align: center; border-radius: .03rem; color: #fff; margin-right: .1rem;line-height: .26rem;}
/* .area7-1 li:nth-child(-n+2):before{background-color: #ffa60e;} */
.area7-1 li>a{font-weight: bold; text-decoration: underline; margin-bottom: .1rem;display: flex;gap: .16rem;}
  .area7-1 li>p{display: flex;gap: .16rem; padding-left:.3rem;}
.sellipsis{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; color:#787878; }

.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;}

    .area2-2{padding:.16rem;}
    .area2-2 span{font-size: 18px;}
    .areatit{font-size: 25px;line-height:1.5;padding: 16px;font-weight: bold; background: none; color: #3980e0; height: auto;}
    .areatit a{ color: #3980e0; }
    /* .area2-1{display: none;} */

.area3-1{flex-direction: column;}
.area3-1 a{width:100%;}
.area5-cont{flex-direction: column;}
.area6-cont .span{margin:  0 auto;}
.area6-cont .ul{gap:.16rem;}
.area6-cont .ul li{width: 100%;}

.area8 > div{flex-direction: column;}

.area7-1 li{padding: 10px;}

.modal-box{left: .1rem;right: .1rem;top: .1rem; bottom: .1rem;  transform: translatex(0);}
.modal-box img{max-width: 90%;}

.hz{padding:0 16px}
.hz img{display: none;}
.bot-banner{flex-direction: column;}
   
}

/* 老年版本 */
.whpageold .contain{margin-top: -102px;}
.whpageold .area1{background-image:none;background-color: #1876c6;padding-top: 26px;padding-bottom: 26px; border-radius: 16px;}
.whpageold .area2-2 span{font-size: 32px;} 
.whpageold .area-cont{font-size: 32px;}
.whpageold .area3-1 a{width: 100%;}
.whpageold .round{width: 32px; height: 32px; border-radius: 23px;}
.whpageold .area5-cont{flex-direction: column; }
.whpageold .font22,.whpageold .dColors-black{font-size: 38px;}
.whpageold .sbcl-p img{width: 50px;}
.whpageold .sbcl-tit{padding: .1rem .26rem;width: 4rem; font-size: 38px;}
.whpageold  .areatit{font-size:42px; }
.whpageold .cgradient{background-size: 500px;width: 5rem;  height: 1rem;}
  .whpageold .area6-cont{gap: .2rem;}
  .whpageold .area6-cont .ul li{width: 48%;}
  .whpageold  .area6-cont .ul li p{font-size: .28rem;}
  .whpageold .area6-cont .ul img{width: 76%;}
  .whpageold .w26{width: 46px; height: 46px; line-height: 46px; flex: 0 0 46px;}



.whpageold .area7-1 li::before{width: .4rem; height: .4rem;line-height: .4rem;}