body{ background: url("../images/zzzs_index_bg.png") no-repeat top center; background-color: #f4fbfd;}

/* 长者助手首页 */
.header-top-zzzs{ background: transparent; margin-bottom: 385px;}
.header-top-zzzs .row{ display: left; width: 200px; font-size: 20px; font-weight: bold;}
.header-top-zzzs .row img{ position: relative; top: 10px; }


.zzzs-index-row *{ box-sizing: border-box; }
.zzzs-index-row{ background: #FFF; padding: 24px; overflow: hidden; }
.zzzs-index-row .zzzs-h3{ text-align: center; font-weight: bold;  font-size: 48px; color: #015293; line-height: 100px; margin-bottom: 10px; }

/* 首页按钮 */
.zzzs-index-nav1{ padding:60px 24px 28px; margin-bottom: 60px;}
.zzzs-index-nav1 a{ float: left; width: 264px; height: 236px; padding: 36px 0 0 0; text-align: center; margin:0 32px 32px 0; font-size: 34px; font-weight: bold; color: #FFF; border-radius: 20px 0 20px 0; }
.zzzs-index-nav1 a img{ display: block; width: 100px; height: 100px; margin: 0 auto 20px;}
.zzzs-index-nav1 a:nth-child(4n){ margin-right: 0;}
.zzzs-index-nav1 a:hover{transform:scale(1.07,1.07);}

.zzzs-index-nav2{ padding-bottom: 17px; }
.zzzs-index-nav2 .row{ overflow: hidden; }
.zzzs-index-nav2 .row a{ float: left; padding: 38px; display: flex; align-items: center; justify-content: center; width: 364px; height: 192px; background: #f5f5f5; margin: 0 30px 30px 0; font-size: 35px; font-weight: bold; color: #015293; border-radius: 10px; }
.zzzs-index-nav2 .row a:nth-child(3n){ margin-right: 0;}
.zzzs-index-nav2 .row a:hover{ background: #55a3ff; color: #FFF; }

/* 列表页 */
.zzzs-list ,.zzzs-list *{ box-sizing: border-box; }
.zzzs-list {background: #FFF; padding: 0px 30px 30px; overflow: hidden; margin-bottom: 80px; }
.zzzs-list .loader{ line-height: 90px; display: flex; align-items: center; font-size: 25px; border-bottom: 2px solid #015293;  color: #333;}
.zzzs-list .loader img{ margin-right: 15px; width: 27px; height: 30px; }
.zzzs-list .h3{ font-size: 39px; line-height: 120px; font-weight: bold; color: #005192; }

.zzzs-list .ul a{ display: block; height: 220px; border-radius: 10px; background: #f5f5f5; padding:30px 40px; position: relative;  margin-bottom: 40px; }
.zzzs-list .ul a:hover{ background: #55a3ff; color: #FFF; }
.zzzs-list .ul a .title{ font-size: 30px; line-height: 1.8; }
.zzzs-list .ul a .time{ position: absolute; bottom: 40px; right: 40px; font-size: 24px; }

.zzzs-list .de-head{ padding: 50px 0 20px;border-bottom: 1px solid #e5e5e5;}
.zzzs-list .de-head .title{  font-size: 42px; font-weight: bold; line-height: 70px; text-align: center; margin-bottom: 20px; }
.zzzs-list .de-head .info{ line-height: 50px; color: #999; font-size: 24px; overflow: hidden; }
.zzzs-list .de-head .info .left{ float: left; }
.zzzs-list .de-head .info .right{ float: right; }

.zzzs-list .detail{ padding: 0 30px; }
.zzzs-list .content{ font-size: 28px; line-height: 1.8; }
.zzzs-list .content img{ max-width: 100%; }
.zzzs-list .btn-main{ line-height: 80px; text-align: center; font-size: 30px; margin: 80px 0 0px; }
.zzzs-list .btn-main > div{ display: inline-block; }



.bg-color1{ background: #0068b7;}
.bg-color2{ background: #00bbaa;}
.bg-color3{ background: #aba217;}
.bg-color4{ background: #d9872f;}
.bg-color5{ background: #bc712f;}
.bg-color6{ background: #bb3500;}
.bg-color7{ background: #1680d0;}
.bg-color8{ background: #5444a8;}