@charset "utf-8";
body{background: #E7F9FE url(../images/ztbg.png) no-repeat center top;}
/* 全局样式 */
* { box-sizing: border-box; }
.main{background:none;}
.zt-header{position: relative;padding-top: 20px;}
.zt-header .logo img{height: 85px;}
.zt-header .banner img{max-width: 100%;display: block;margin: 0 auto;}
.zt-header .zttit{margin-top: 85px;}
.zt-header .ztsearch{margin-top: 25px;height: 56px;width: 540px;position: relative;}
.zt-header .ztsearch input{width: 80%;height: 100%;padding-left: 20px;outline: none;border: none;border-radius: 3px 0 0 3px;}
.zt-header .ztsearch div{padding-top: 10px;width: 20%;height: 100%;position: absolute;right: 0;top: 1px;text-align: center;border-radius: 0 3px 3px 0;background: linear-gradient(142.49deg, #28A2B0 0%, #6DE3D7 100%);}
.zt-header .ztsearch div *{display: inline-block;vertical-align: middle;font-size: 20px;color: #fff;}
.main .container {width: 1200px;}
.clearfix::after{content: '';display: block;clear: both;}


/* 日历组件样式 */
.sz-calendar-box { width: 260px; background: #e6e6e6; text-align: center; }
.sz-calendar-box .bottom-line { border-bottom: 1px solid #bbb; }
.calendar div { margin-right: auto; margin-left: auto; }
.calendar div, .calendar ul, .calendar ol, .calendar li, .calendar dl, .calendar dd, .calendar dt, .calendar form, .calendar span, .calendar p, .calendar textarea { margin: 0; padding: 0; list-style: none; }
.calendar address, .calendar caption, .calendar cite, .calendar code, .calendar dfn, .calendar th, .calendar var { font-style: normal; font-weight: normal; }
.calendar h1, .calendar h2, .calendar h3, .calendar h4, .calendar h5, .calendar h6 { margin: 0; padding: 0; }
.calendar input { padding-top: 0; padding-bottom: 0; }
.calendar input::-moz-focus-inner { border: none; padding: 0; }
.calendar select, .calendar input { vertical-align: middle; }
.calendar select, .calendar input, .calendar textarea { font-size: 12px; margin: 0; }
.calendar input[type="text"], .calendar input[type="password"], .calendar textarea { outline-style: none; -webkit-appearance: none; }
.calendar textarea { resize: none; }
.calendar table { border-collapse: collapse; border-spacing: 0; }
.calendar th, .calendar td { font-size: 16px; padding: 0; }
.calendar img, .calendar a img { border: 0; margin: 0; padding: 0; }
.calendar a { outline-style: none; color: #000; text-decoration: none; }
.calendar a:hover { color: #025194; text-decoration: none; }

/* 日历表格样式 */
.calendar { width: 100%; position: relative; margin: 0 auto; }
.calendar table {width: 100%;/* border-radius: 12px; *//* overflow: hidden; */}
.calendar table tr th { width: 14.285714285714286; height: 55px; font-size: 16px; }
.calendar table tr td {text-align: center;height: 60px;cursor: pointer;}
.calendar table tbody {overflow: hidden;}
.calendar table tr th { color: #fff; }
.bgHover, .bghover {background: #5FD6CF;color: #fff !important;text-decoration: none !important;border-radius: 17px;height: 30px;line-height: 30px;display: inline-block;width: 60%;}
.calendar .calendar-table{margin-top:10px;overflow:hidden;border-radius: 13px;border: 1px solid rgb(138 174 249 / 49%);}
.calendar table tr td{background-color:transparent !important;}
.calendar thead tr{background: linear-gradient(180deg, rgba(40, 162, 176, 1) 0%, rgba(109, 227, 215, 1) 100%);}

/* 便民日历样式 */
.bmrl {padding: 109px 42px 45px 42px;background: #5FD6CF;}
.bmrl .rltit { display: inline-block; margin-bottom: 15px; font-size: 26px; color: #fff; padding-bottom: 5px; border-bottom: 1px solid #fff; }
.daylist .lmtab{width: 100%;background: url(../images/tabbg1.png) no-repeat;background-size: 100% 100%;}
.daylist .lmtab span{height: 60px;display: block;width: 210px;text-align: center;color: #fff;font-size: 30px;font-weight: bold;line-height: 60px;}
.daylist li{width: 100%;/* height: 30px; */line-height: 30px;font-size: 18px;margin-top: 25px;}
.daylist li a{display: block;width: 100%;height: 100%;padding-left: 25px;position: relative;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */}
.daylist li a::before{position: absolute;content: '';width: 6px;height: 6px;background: #28A2B0;top: 50%;left: 8px;transform: translateY(-50%);}
.jrzc{margin-top: 25px;}
/* Tab切换样式 */
.bmfw-box{margin-top: 30px;}
.rltabbox {width: 49%;float: left;}
.rltab { position: relative; }
.rltab .btn { position: absolute; top: 50%; border: 7px solid #7F8EA1; border-top-color: transparent; border-bottom-color: transparent; z-index: 2; transform: translateY(-50%); cursor: pointer; }
.rltab .prev { border-left: none;left: 0;}
.rltab .next { border-right: none; right:0; }
.lmswiper { overflow: hidden;padding: 0 15px; }
.rltab .swiper-slide { height: 60px; line-height: 60px; text-align: center; background: #fff; border-radius: 5px;font-size: 28px;}
.rltab .swiper-slide.on { background: linear-gradient(142.49deg, #28A2B0 0%, #6DE3D7 100%);font-weight: bold;}
.rltab .swiper-slide a { color: #737373; }
.rltab .swiper-slide.on a { color: #fff; }
/* 日期样式 */
.riqi { position: relative; z-index: 999; }
.riqi.jq { line-height: 45px; }
.jq { position: relative; }
.jq .xiu { color: red; position: absolute; top: 5px; line-height: 1; left: 15px; }
.riqi .piaofu { position: absolute; width: 212px; bottom: 27px; left: -98px; background: #005293; text-align: left; font-size: 12px; line-height: 18px; padding: 10px; display: none; z-index: 100; }
.riqi.current .piaofu { display: block; }
.riqi .piaofu span { display: block; width: 19px; height: 9px; background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/angle.png) no-repeat; position: absolute; bottom: -9px; _bottom: -12px; left: 103px; z-index: 100; }
.riqi .piaofu ul li { padding: 2px 0px 2px 8px; background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/ico_wxx.jpg) no-repeat 0px 9px; z-index: 100; }
.riqi .piaofu ul li a { color: #fff; z-index: 100; font-family: "宋体"; font-size: 12px; }
.riqi .piaofu ul li a:hover { text-decoration: underline; z-index: 100; }

/* 日历选择器样式 */
.choice { font-size: 20px; height: 48px; line-height: 32px; text-align: center; color: #fff; }
.choice * { vertical-align: middle; }
.choice p.year { background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_sx.png) no-repeat right center; padding-right: 10px; }
.choice p { display: inline-block; height: 100%; width: 48%; }
.choice .button { cursor: pointer; display: inline-block; width: 20px; height: 100%; margin: 0 8%; }
.choice .button.prev { background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_l.png) no-repeat center center; }
.choice .button.next { background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_r.png) no-repeat center center; }

/* 服务区域样式 */
.fwrlbox {margin-top: 105px;}
.fwrlbox .container{background-color: #fff;padding: 25px;border-radius: 12px 12px 0 0;}
.rlwrap {margin: 30px 0;}
.rlwrap > div {float: left;width: 49%;border-radius: 12px;}
.rlwrap .bmrl{background:url(/sthjt/xhtml/ztzl/bmfwrl/images/rl_bg.png) center center no-repeat;background-size:100% 100%;}
.rlwrap > div + div { margin-left: 2%;}

/* Tab内容样式 */
.tablist{background-color: #fff;padding: 12px;margin-top: 11px;}
.tablist ul { display: none; }
.tablist ul.on { display: block; }
.tablist li { width: 100%; padding: 8px; background: #F6F6F6;}
.tablist li + li{margin-top: 15px;}
.tablist li::after { content: ''; display: block; clear: both; }
.tablist li span {float: left;padding: 0 3px;width: 90px;height: 90px;text-align: center;border: 1px solid #D7E4F6;background: #fff;}
.tablist li b {display: block;font-size: 28px;color: #0F94A3;line-height: 45px;}
.tablist li i {display: block;font-size: 18px;font-style: normal;color: #a6a6a6;line-height: 24px;padding-top: 6px;border-top: 1px solid #A6A6A6;}
.tablist li a {float: right;width: 80%;font-size: 18px;line-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*非本月日期*/
.calendar table tr td.current_day{ background:#cbcbcb}
.calendar table tr td.unselected_month{color: #b5b5b563;}

/*选择日期*/
.choice { font-size:24px; height:48px;line-height:32px;text-align:center;color:rgba(40, 162, 176, 1);}
.choice *{vertical-align:middle;}
.choice .year_name{font-size:30px}
.choice p.year{background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_sx.png) no-repeat right center;padding-right:10px}
.choice p{display:inline-block;height:100%;width:48%}
.choice .button{ cursor:pointer; display:inline-block;width:20px;height:100%;margin:0 8%;}
.choice .button.prev{background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .button.next{background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_r.png) no-repeat center center;}
.choice .month .prev{background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .year .next{background: url(https://www.guang-an.gov.cn/gasrmzfw/pc2023/images/szf/ldrl/icon_r.png) no-repeat center center;}

/* 便民服务 */
.bmfw{float: right;width: 49%;}
.bmfw .bmfwlist div{display: none;}
.bmfw .bmfwlist div.on{display: block;}
.bmfw .newstab{width: 100%;height: 62px;}
.bmfw .newstab span{display: inline-block;height: 100%;width: 209px;font-size: 28px;line-height: 62px;text-align: center;}
.bmfw .newstab span.on{background: url(../images/tabbg2.png) no-repeat;background-size: 100% 100%;}
.bmfw .newstab span a{color: #737373;}
.bmfw .newstab span.on a{color: #fff;font-size: 30px;font-weight: bold;}
.bmfwlist{padding: 25px;background-color: #fff;border-radius: 10px;}
.bmfwlist li{width: 49%;height: 60px;margin-top: 30px;float: left;text-align: center;background: #a7dfe7;}
.bmfwlist li a{width: 100%;display: table;height: 100%;font-weight: bold;color: #fff;padding:0 10px;}
.bmfwlist li a span{display: table-cell;}
.bmfwlist li *{display: inline-block;vertical-align: middle;/* padding: 0 25px; */color: rgb(58 120 128);}
.bmfwlist li:nth-child(even){float: right;}
.bmfwlist .jgjcsj li{height: 59px;}
.bmfw-box .newslist ul{padding: 8px 0;}
.bmfw-box .newslist li{height: 52px;line-height: 52px;}
.bmfwlist li{background: linear-gradient(144.8deg, rgba(40, 162, 176, 1) 0%, rgba(109, 227, 215, 1) 100%);transition: all 0.3s;}
.bmfwlist li span{color:#fff;}
.bmfwlist li:hover{background: rgba(40, 162, 176, 1);box-shadow:5px 5px 10px #d4d4d4c7;}
.bmfwlist li:nth-child(1){width:calc((309 / 511) * 100%)}
.bmfwlist li:nth-child(2){width:calc((187 / 511) * 100%)}
.bmfwlist li:nth-child(3){width:calc((200 / 511) * 100%)}
.bmfwlist li:nth-child(4){width:calc((295 / 511) * 100%)}
.bmfwlist li:nth-child(5){width:calc((268 / 511) * 100%)}
.bmfwlist li:nth-child(6){width:calc((224 / 511) * 100%)}
.bmfwlist li:nth-child(7){width:calc((205 / 511) * 100%)}
.bmfwlist li:nth-child(8){width:calc((287 / 511) * 100%)}
.bmfwlist li:last-child{width:calc((511 / 511) * 100%)}


.ptlink-box{margin-top: 30px;margin-bottom: 30px;}
.ptlinks div{float: left;width: 49%;}
.ptlinks div + div{float: right;}
.ptlinks div img{width: 100%;}
/* 响应式布局 */
@media screen and (max-width: 1200px) {
    body{background-size:120%;}
    .zt-header .zttit{margin:20px auto;width:80%;}
    .zt-header .zttit img{width:100%;}
    .zt-header .ztsearch{width:90%;margin:20px auto 0;height:40px;}
    .zt-header .ztsearch input{width:70%;}
    .zt-header .ztsearch div{width:30%;padding-top:3px;}
    
    .rhfwtop { padding: 30px 0; background-size: cover; }
    .rhfwtop img { width: 80%; }
    .lmtop { padding: 10px; }
    .lmtop .lmtit span { font-size: 24px; }
    .choice .button { margin: 0 4%; }
    .fwrlbox { margin-top: 0; padding-top: 10px; }
    .rlwrap { margin-top: 15px; }
    .rlwrap > div { width: 100%; }
    .rlwrap > div + div { margin-left: 0; margin-top: 10px; }
    .bmrl .rltit { font-size: 20px; }
    .rllist { padding: 15px 10px; }
    .rllist li + li { margin-top: 15px; }
    .tablist li a { width: 72%; font-size: 16px; }
    .tablist li { margin-top: 10px; }
    
    .daylist .lmtab span{height:40px;line-height:40px;font-size:20px;width: 120px;}

    .rltabbox{width:100%;}
    .rltab .swiper-slide{height:40px;line-height:40px;font-size:22px;}
}

@media screen and (max-width: 992px) {
    .section-header { flex-direction: column; align-items: flex-start; }
    .section-tabs { margin-top: 15px; }
    .section-tabs a { padding: 5px 20px; font-size: 14px; min-width: 60px; }
    .base-info { flex-direction: column; }
    .base-info-item { margin-right: 0; margin-bottom: 8px; }
    .update-time { margin-left: 0; }
    .table-content { overflow-x: auto; }
    .table-content table { min-width: 600px; }
}

@media screen and (max-width: 768px) {
    .section { padding: 15px; margin-bottom: 20px; }
    .section-header { margin-bottom: 15px; }
    .com-title.square h3 { font-size: 18px; }
    .section-tabs a { padding: 4px 15px; min-width: 50px; }
    .table-content th, .table-content td { padding: 12px 10px; font-size: 14px; }
    .level { padding: 3px 10px; font-size: 12px; }
    .base-info { padding: 10px; }
}

@media screen and (max-width: 431px) {
    .section { padding: 12px; border-radius: 6px; }
    .com-title.square h3:before { height: 16px; }
    .section-tabs a { padding: 4px 12px; font-size: 12px; min-width: 45px; }
    .base-info { padding: 8px; border-left-width: 3px; }
    .info-label, .info-value { font-size: 12px; }
    .rllist ul{height: auto;}
    .tablist li span{width: 70px;height: 70px;}
    .tablist li span b{font-size:20px;line-height: 36px;}
    .tablist li i{font-size:16px;line-height: 18px;}
    .tablist li a{width: 74%;line-height: 34px;}
}

/* 响应式布局 */
@media screen and (max-width: 1200px) {
    .bmrx-content {/* padding: 20px; */}
    .rx-item span { font-size: 20px; }
}

@media screen and (max-width: 992px) {
    .bmrx-content { flex-direction: column; text-align: center; }
    .bmrx-left, .bmrx-list, .bmrx-right { width: 100%; }
    .bmrx-left { margin-bottom: 20px; }
    .bmrx-list { margin: 20px 0; }
    .rx-item { width: calc(50% - 10px); }
}

@media screen and (max-width: 768px) {
    .fwrlbox .container{padding:15px;}
    .bmrx-box {padding: 30px 0;}
    .rx-item span { font-size: 18px; }
    .rx-item p { font-size: 12px; }
    .zcxx, .bmfw{width: 100%;}
    .bmfw{margin-top: 20px;}
    .bmfw .newstab{height:40px;}
    .bmfw .newstab span{width: 140px;line-height:40px;font-size: 22px;}
    .bmfw .newstab span.on a{font-size:24px;}
    .bmfwlist{padding:10px;}
    .bmfwlist li{margin-top:15px;}
    .bmfwlist li a{background-size: 20px;/* background-position: 10px center; *//* padding-left: 28%; */}
    .bmfwlist .jgjcsj li a{background-position: 10px center;}
    .ptlinks > div{width: 100%;margin-top: 10px;}
}

@media screen and (max-width: 431px) {
    .bmrx-content {/* padding: 15px; */border-radius: 5px;}
    .bmrx-list { gap: 15px; }
    .rx-item { width: 100%; }
    .rx-item img { width: 20px; height: 20px; }
    .rx-item span { font-size: 16px; }
    .bcyjs-box{margin-top: 30px;padding: 15px 0;}
    .bcyjs-box .lmtop{margin-bottom: 5px;}
    .yjsfw{margin-top: 20px;}
    .zt-header .logo{top: 10px;}
    .zt-header .logo img{height: 30px;}
    .rlwrap .bmrl{height:370px;padding:60px 20px 20px 20px;}
    .calendar table tr td{height:39px;}
    .choice{font-size:18px;line-height:22px;height:30px;}
    .choice .year_name{font-size:20px;}
    .calendar .calendar-table{margin-top:5px;}
}
@media (max-width:1500px){
  body:not(.nores) .container{width: 1200px;}
}
@media (max-width:1280px){
  body:not(.nores) .container{width:970px !important;}
}
@media (max-width:992px){
  body:not(.nores) .container{width:750px !important;}
}
@media (max-width:768px){
  body:not(.nores) .container{width:100% !important;}
}