@charset "utf-8";
/* common */
*{box-sizing: border-box;}
.main .container{width: 1200px;}
.lmtop{padding: 25px 30px;}
.lmtop .lmtit{overflow: hidden;text-align: center;}
.lmtop .lmtit span{position: relative;font-size: 36px;line-height: 48px;font-weight: bold;}
.lmtop .lmtit span::before{content: '';position: absolute;top: 50%;left: 130%;width: 1000%;height: 1px;background: #BDBDBD;}
.lmtop .lmtit span::after{content: '';position: absolute;top: 50%;right: 130%;width: 1000%;height: 1px;background: #BDBDBD;}
.lmtop .lmtit a{position: relative;}
.lmtop .lmtit a::before{content: '';position: absolute;top: 50%;left: 130%;width: 44px;height: 5px;margin-top: -2px;background: #0156FB;z-index: 2;}
.lmtop .lmtit a::after{content: '';position: absolute;top: 50%;right: 130%;width: 44px;height: 5px;margin-top: -2px;background: #0156FB;z-index: 2;}

/* 日历 */
.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 ul,.calendar li,.calendar ol,.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 img{border:none;}
.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%;}
.calendar table tr th{width:14.285714285714286;height:55px;font-size:16px;}
.calendar table tr td{text-align:center;height:50px;cursor:pointer;}

.calendar table tbody{background-color: #fff;}
.calendar table tr th{color: #fff;}
/*鼠标滑过*/
.bgHover,.bghover{background:#3F68D8;color:#fff !important;text-decoration:none !important;border-radius:17px;height:30px;line-height:30px;display:inline-block;width:60%;}
.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.double-99.com/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.double-99.com/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;}

/*非本月日期*/
.calendar table tr td.current_day{ background:#cbcbcb}
.calendar table tr td.unselected_month{ color:#b5b5b5}

/*选择日期*/
.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.double-99.com/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.double-99.com/gasrmzfw/pc2023/images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .button.next{background: url(https://www.double-99.com/gasrmzfw/pc2023/images/szf/ldrl/icon_r.png) no-repeat center center;}
.choice .month .prev{background: url(https://www.double-99.com/gasrmzfw/pc2023/images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .year .next{background: url(https://www.double-99.com/gasrmzfw/pc2023/images/szf/ldrl/icon_r.png) no-repeat center center;}

/* 专题头部 */
.rhfwtop{background: url(../images/topbg.png) center no-repeat;padding: 110px 0 200px;}
.rhfwtop img{width: 680px;}
/* 服务日历 */
.fwrlbox{padding: 84px 0 44px;margin-top: -150px;;background: url(../images/fwrlbg.png) no-repeat top center;}
.fwrlbox .lmtop{box-shadow: 1px 4px 10px  rgba(42, 130, 228, 0.3);background: #fff;}

.rlwrap{margin-top: 30px;}
.rlwrap > div{float: left;width: 32%;border-radius: 12px;}
.rlwrap > div + div{margin-left: 2%;box-shadow: 0px 0px 15px  rgba(41, 112, 227, 0.25);}
.bmrl{padding: 12px;background: #3F68D8;}
.bmrl .rltit{display: inline-block;margin-bottom: 15px;font-size: 26px;color: #fff;padding-bottom: 5px;border-bottom: 1px solid #fff;}
.rllist{padding: 40px 20px 103px;background: url(../images/rllistbg.png) no-repeat right bottom;;}
.rllist ul{min-height: 340px;}
.rllist li{width: 100%;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 33px;background: url(../images/rllist_ico.png) no-repeat left center;}
.rllist li + li{margin-top: 32px;}

.rltabbox{padding: 20px 20px 21px;background-color: #fff;}
.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: -10px;}
.rltab .next{border-right: none;right: -10px;}
.lmswiper{overflow: hidden;}
.rltab .swiper-slide{height: 42px;line-height: 42px;text-align: center;background: #EBF5FF;border-radius: 5px;}
.rltab .swiper-slide.on{background: linear-gradient(180deg, #5D82E8 0%, #A6B3F7 100%);}
.rltab .swiper-slide a{color: #737373;}
.rltab .swiper-slide.on a{color: #fff;}

.tablist ul{display: none;}
.tablist ul.on{display: block;}
.tablist li{width: 100%;padding: 8px;background: #F6F6F6;margin-top: 20px;}
.tablist li::after{content: '';display: block;clear: both;}
.tablist li span{float: left;padding: 0 3px;width: 64px;height: 64px;text-align: center;border:1px solid #D7E4F6;}
.tablist li b{display: block;font-size: 20px;color: #2A82E4;line-height: 30px;}
.tablist li i{display: block;font-size: 14px;font-style: normal;color: #a6a6a6;line-height: 20px;padding-top: 6px;border-top: 1px solid #A6A6A6;}
.tablist li a{float: right;width: 76%;font-size: 18px;line-height: 30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 服务专区 */
.fwzqbox{padding-bottom: 90px;background: url(../images/fwzqbg.png) no-repeat top center;background-size:100% 100%;}
.fwzqlist{margin-top: 28px;width: 100%;height: 402px;position: relative;}
.fwzqlist li{width: 313px;height: 100%;position: absolute;padding-top: 205px;border-radius: 8px;box-shadow: 0px 0px 15px  rgba(42, 130, 228, 0.2);}
.fwzqlist li:nth-child(odd){top: 26px;z-index: 2;}
.fwzqlist li .lmmc{width: 182px;height: 55px;margin: 0 auto;line-height: 55px;;font-size: 18px;font-weight: bold;text-align: center;}
.fwzqlist li .lmmc a{color: #fff;padding-left: 40px;background: url();}
.fwzqlist li .fwsx{margin: 25px auto 0;padding: 0 48px;line-height: 32px;}
.fwzqlist li .fwsx a{display: block;padding-left: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;background: url(../images/enter.png) no-repeat left center;}
.fwzqlist1 li:nth-child(1){left: 0;background: url(../images/lmbg1.png) no-repeat top center;}
.fwzqlist1 li:nth-child(1) .lmmc{background: url(../images/mcbg1.png) no-repeat center center;}
.fwzqlist1 li:nth-child(1) .lmmc a{background: url(../images/lmico1.png) no-repeat left center;}
.fwzqlist1 li:nth-child(2){left: 25%;background: url(../images/lmbg2.png) no-repeat top center;}
.fwzqlist1 li:nth-child(2) .lmmc{background: url(../images/mcbg2.png) no-repeat center center;}
.fwzqlist1 li:nth-child(2) .lmmc a{background: url(../images/lmico2.png) no-repeat left center;}
.fwzqlist1 li:nth-child(3){left: 50%;background: url(../images/lmbg3.png) no-repeat top center;}
.fwzqlist1 li:nth-child(3) .lmmc{background: url(../images/mcbg3.png) no-repeat center center;}
.fwzqlist1 li:nth-child(3) .lmmc a{background: url(../images/lmico3.png) no-repeat left center;}
.fwzqlist1 li:nth-child(4){right: 0;background: url(../images/lmbg4.png) no-repeat top center;}
.fwzqlist1 li:nth-child(4) .lmmc{background: url(../images/mcbg4.png) no-repeat center center;}
.fwzqlist1 li:nth-child(4) .lmmc a{background: url(../images/lmico4.png) no-repeat left center;}
.fwzqlist2{margin-top: 74px;}
.fwzqlist2 li:nth-child(1){left: 0;background: url(../images/lmbg5.png) no-repeat top center;}
.fwzqlist2 li:nth-child(1) .lmmc{background: url(../images/mcbg5.png) no-repeat center center;}
.fwzqlist2 li:nth-child(1) .lmmc a{background: url(../images/lmico5.png) no-repeat left center;}
.fwzqlist2 li:nth-child(2){left: 25%;background: url(../images/lmbg6.png) no-repeat top center;}
.fwzqlist2 li:nth-child(2) .lmmc{background: url(../images/mcbg6.png) no-repeat center center;}
.fwzqlist2 li:nth-child(2) .lmmc a{background: url(../images/lmico6.png) no-repeat left center;}
.fwzqlist2 li:nth-child(3){left: 50%;background: url(../images/lmbg7.png) no-repeat top center;}
.fwzqlist2 li:nth-child(3) .lmmc{background: url(../images/mcbg7.png) no-repeat center center;}
.fwzqlist2 li:nth-child(3) .lmmc a{background: url(../images/lmico7.png) no-repeat left center;}
.fwzqlist2 li:nth-child(4){right: 0;background: url(../images/lmbg8.png) no-repeat top center;}
.fwzqlist2 li:nth-child(4) .lmmc{background: url(../images/mcbg8.png) no-repeat center center;}
.fwzqlist2 li:nth-child(4) .lmmc a{background: url(../images/lmico8.png) no-repeat left center;}
.fwzqlist3{margin-top: 74px;}
.fwzqlist3 li:nth-child(1){left: 0;background: url(../images/lmbg9.png) no-repeat top center;}
.fwzqlist3 li:nth-child(1) .lmmc{background: url(../images/mcbg9.png) no-repeat center center;}
.fwzqlist3 li:nth-child(1) .lmmc a{background: url(../images/lmico9.png) no-repeat left center;}
.fwzqlist3 li:nth-child(2){left: 25%;background: url(../images/lmbg10.png) no-repeat top center;}
.fwzqlist3 li:nth-child(2) .lmmc{background: url(../images/mcbg10.png) no-repeat center center;}
.fwzqlist3 li:nth-child(2) .lmmc a{background: url(../images/lmico10.png) no-repeat left center;}
.fwzqlist3 li:nth-child(3){left: 50%;background: url(../images/lmbg11.png) no-repeat top center;}
.fwzqlist3 li:nth-child(3) .lmmc{background: url(../images/mcbg11.png) no-repeat center center;}
.fwzqlist3 li:nth-child(3) .lmmc a{background: url(../images/lmico11.png) no-repeat left center;}
.fwzqlist3 li:nth-child(4){right: 0;background: url(../images/lmbg12.png) no-repeat top center;}
.fwzqlist3 li:nth-child(4) .lmmc{background: url(../images/mcbg12.png) no-repeat center center;}
.fwzqlist3 li:nth-child(4) .lmmc a{background: url(../images/lmico12.png) no-repeat left center;}
/* 高效办成一件事 */
.yjsbox{background: url(../images/yjsbg.png) no-repeat center center;padding-bottom: 60px;}
.yjstab{text-align: center;line-height: 48px;font-size: 0;margin-top: 15px;}
.yjstab span{display: inline-block;font-size: 18px;margin: 0 15px;padding: 0 40px;border-radius: 24px;cursor: pointer;}
.yjstab span.on{color: #0156FB;background: #fff;box-shadow: 0px 0px 12px  rgba(42, 130, 228, 0.2);}
.yjslist{position:relative;}
.yjslist .yjsbtn{position:absolute;top:50%;margin-top:-10px;cursor:pointer;}
.yjslist .yjsprev{left:-50px;}
.yjslist .yjsnext{right:-50px;}
.yjslist ul{display: none;flex-wrap: wrap;gap: 2%;justify-content: space-around;}
.yjslist ul.on{display: flex;}
.yjslist ul::after{content: '';flex: 1;}
.yjslist li{display: table;width: 23.5%;margin-top: 27px;text-align: center;box-shadow: 0px 0px 12px  rgba(42, 130, 228, 0.25);border-radius: 11px;}
.yjslist li div{display: table-cell;font-size: 18px;height: 66px;vertical-align: middle;line-height: 26px;}
.yjslist li img{width: 100%;height: 150px;border-radius: 11px 11px 0 0;}
/* 便民查询 */
.bmcxbox{background: url(../images/bmcxbg.png) no-repeat top center;padding-bottom: 62px;}
.bmfw{margin-top: 25px;padding: 25px 45px;width: 100%;background: url(../images/bmfwbg2.png) no-repeat right bottom, url(../images/bmfwbg.png) no-repeat center/cover;}
.zwfwrx{width: 75%;}
.fwtxt p{font-size: 24px;font-weight: bold;line-height: 32px;margin-bottom: 12px;}
.fwtxt span{font-size: 18px;color: #6B6B6B;}
.rxtxt{text-align: right;}
.rxtxt p{font-size: 14px;color: #6B6B6B;line-height: 19px;margin-bottom: 3px;}
.rxtxt span{padding-left:35px;font-size: 32px;line-height: 44px;color: #FF8D1A;font-weight: bold;background: url(../images/tel.png) no-repeat left center;}
.tel{margin: 40px 0 20px;}
.tel > div{float: left;}
.tel > div + div{margin-left: 35px;}
.tel > div p{padding-left: 38px;font-size: 24px;line-height: 32px;color: #0156FB;background: url(../images/tel.png) no-repeat left center;}
.tel > div span{font-size: 18px;color: #6B6B6B;line-height: 24px;}

.bmcx{font-size: 0;text-align: justify;text-align-last: justify;}
.bmcx > div{display: inline-block;margin-top: 30px;;width: 32%;;padding: 18px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 12px  rgba(0, 0, 0, 0.1);}
.bmcx > div p{padding-left: 53px;font-size: 20px;font-weight: bold;line-height: 27px;text-align-last: left;}
.bmcx > div ul{padding: 0 20px 0 53px;margin-top: 15px;;height: 150px;overflow-x: hidden;overflow-y: auto;text-align-last: left;background: url(../images/bmcxico1.png) no-repeat;}
.bmcx > div li{width: 100%;height: 36px;line-height: 36px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bmcx > div li + li{margin-left: 3px;}
.bmcx > div ul::-webkit-scrollbar{width: 8px;height: auto;background-color: #ECECEC;}
.bmcx > div ul::-webkit-scrollbar-thumb{background-color:#CCCCCC;}
.bmcx > div.shbz ul{background-image: url(../images/bmcxico2.png);}
.bmcx > div.zyzg ul{background-image: url(../images/bmcxico3.png);}
.bmcx > div.ylws ul{background-image: url(../images/bmcxico4.png);}
.bmcx > div.ylbx ul{background-image: url(../images/bmcxico5.png);}
.bmcx > div.zfbz ul{background-image: url(../images/bmcxico6.png);}

.xyga{margin-top: 56px;}

@media screen and (max-width: 1200px){
    .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;}
    .fwzqbox{padding-bottom: 20px;background-size: 100% 100%;}
    .fwzqlist{height: auto;margin-top: 0;}
    .fwzqlist.fwzqlist1 li{position: unset;width: 100%;background-size: 100% 100%;}
    .fwzqlist.fwzqlist2 li{position: unset;width: 100%;background-size: 100% 100%;}
    .fwzqlist.fwzqlist3 li{position: unset;width: 100%;background-size: 100% 100%;}
    .fwzqlist li{padding-top: 180px;padding-bottom: 10px;margin-top: 10px;}
    
    .yjsbox{padding-bottom: 25px;}
    .yjstab{line-height: 36px;}
    .yjstab span{padding: 0 15px;font-size: 16px;}
    .yjslist .yjsbtn{display:none !important;}
    .yjslist li{width: 48%;border-radius: 5px;margin-top: 15px;display:block !important;}
    .yjslist li img{height: 100px;border-radius: 5px 5px 0 0;}
    .yjslist li div{font-size: 14px;line-height: 20px;/* height: 32px; */padding: 0 10px;}

    .bmcxbox{padding-bottom: 20px;}
    .bmfw{padding: 10px;background-size: 150px,cover;}
    .zwfwrx{width: 100%;}
    .fwtxt p{font-size: 22px;}
    .fwtxt span{font-size: 16px;}
    .tel > div{width: 50%;}
    .tel > div + div{margin-left: 0;}
    .tel > div p{font-size: 20px;}
    .tel > div span{font-size: 16px;}

    .bmcx > div{width: 100%;margin-top: 15px;}
    .xyga{margin-top: 20px;}
    .xyga img{width: 100%;height: 60px;}
}
/* 主体内容区域 */
.zgzs-main {padding: 30px 0 0px;}
.section {background: #fff;border-radius: 8px;/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); */margin-bottom: 20px;padding: 25px 25px 0;}

/* 标题样式 */
.section-header { position: relative; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; }
.com-title.square h3 { position: relative; font-size: 22px; font-weight: bold; color: #333; padding-left: 15px; }
.com-title.square h3:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 20px; background: #3F68D8; border-radius: 3px; margin-top: 0 !important;}

/* Tab切换样式 */
.section-tabs {  background: #f0f2f5; border-radius: 22px; padding: 6px; position: relative; }
.section-tabs .padding-tabs { display: flex; border-radius: 22px; position: relative; }
.section-tabs a { display: inline-block; padding: 6px 30px; font-size: 15px; color: #666; border-radius: 20px; transition: all 0.3s ease; text-align: center; min-width: 80px; position: relative; z-index: 1; }
.section-tabs a.active { color: #fff; }
.section-tabs .slider { position: absolute; left: 0; top: 0; height: 100%; background: #3F68D8; border-radius: 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 5px rgba(44, 96, 182, 0.3); pointer-events: none; }
.section-tabs a:first-child.active ~ .slider { width: calc(var(--tab-width, 100%)); transform: translateX(0); }
.section-tabs a:nth-child(2).active ~ .slider { width: calc(var(--tab-width, 100%)); transform: translateX(var(--tab-offset, 0)); }
.section-tabs a:hover:not(.active) { color: #3F68D8; }

/* 基本信息样式 */
.base-info { display: flex; flex-wrap: wrap; background: #f8faff; border-radius: 6px; padding: 15px 20px; margin-bottom: 20px; border-left: 4px solid #3F68D8; }
.base-info-item { margin-right: 40px; margin-bottom: 8px; display: flex; align-items: center; }
.info-label { color: #666; margin-right: 5px; font-size: 14px; }
.info-value { color: #333; font-weight: 500; font-size: 14px; }
.update-time { margin-left: auto; margin-right: 0; }
.time-value { color: #3F68D8; font-weight: bold; }

/* 噪声监测数据区域 */
.noise-data-content { display: flex; flex-direction: column; }
.noise-table { width: 100%; }
.table-content table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 5px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); margin-bottom: 30px; }
.table-content th, .table-content td { padding: 14px 15px; text-align: center; border: none; border-bottom: 1px solid #eee; }
.table-content th { background: #3F68D8; color: #fff; font-weight: 500; font-size: 16px; }
.table-content tr:last-child td { border-bottom: none; }
.table-content tr:nth-child(even) { background-color: #f8faff; }
.table-content tr:hover { background-color: #f0f5ff; }

/* 等级标签样式 */
.level { display: inline-block; padding: 4px 12px; border-radius: 15px; color: #fff; font-size: 14px; min-width: 60px; }
.level-good { background-color: #52c41a; }
.level-normal { background-color: #faad14; }
.level-bad { background-color: #f5222d; }

/* 响应式布局 */
@media (max-width: 1280px) {
  .container { width: 94%; }
  .section { padding: 20px; }
  .com-title.square h3 { font-size: 20px; }
  .base-info { padding: 12px 15px; }
  .base-info-item { margin-right: 25px; }
  .section-tabs a { padding: 6px 25px; min-width: 70px; }
}

@media (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 (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 (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; }
}