/* common S */
.imgscale img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgscale img:hover, .imgscale a:hover img{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}

/* 滚动条 */
.scrollbar-xy{overflow: auto;}
.scrollbar-xy::-webkit-scrollbar{ width: 5px;height: 5px;}
.scrollbar-y{overflow-y: auto;overflow-x: hidden;}
.scrollbar-y::-webkit-scrollbar{ width: 5px;height: auto;}
.scrollbar-x{overflow-x: auto; overflow-y: hidden;}
.scrollbar-x::-webkit-scrollbar{ height: 5px;width:auto;}
/* 滚动条轨道 */
.scrollbar-xy::-webkit-scrollbar-track,
.scrollbar-x::-webkit-scrollbar-track,
.scrollbar-y::-webkit-scrollbar-track {border-radius: 3px;background: #D1D1D1;}
/* 滚动条滑块 */
.scrollbar-xy::-webkit-scrollbar-thumb,
.scrollbar-x::-webkit-scrollbar-thumb,
.scrollbar-y::-webkit-scrollbar-thumb{border-radius: 3px;background:#fff;}

.hqzcdx-list-wrap{padding: 20px 0 50px;}

.hqzcdx-banner{background: url(../hqzcdx/images/banner_bg.png) no-repeat top center; padding-bottom: 100px; background-size: 100% 100%;}
.hqzcdx-banner .zt-title{padding-top: 100px;}
.hqzcdx-banner .zt-title img{width: 100%;}

/* 专题首页 S*/
.index-hqzcdx-list{margin: 10px 0 50px;}
.index-hqzcdx-list .item1{width: 66.666%; margin: auto;}
.index-hqzcdx-list .item1 li{ width: 50%; float: left;}
.index-hqzcdx-list .item2 li{ width: 33.33%; float: left;}
.index-hqzcdx-list li a{display: block; margin:0 20px 38px; font-size: 1.4286em; overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}
.index-hqzcdx-list li img{display: block; width: 100%;}
.index-hqzcdx-list li .txt{text-align: center; padding: 30px 10px;}
/* 专题首页 E*/

/* 区块列表页 S*/
/* 手机端 */
.hqzcdx-list.phone{display: none;}
.hqzcdx-list.phone li .txt{text-align:center;}
.hqzcdx-list.phone img{float: left; width: 20%;display: block;}
.hqzcdx-list.phone .dec{float: right; width: 78%;}

.hqzcdx-type{ text-align: center; margin-bottom: 70px;}
.hqzcdx-type .solid-line-box { display: inline-block;  background: url(./images/line_blue.png) repeat-x center; color: #000; position: relative; width: 33.333%; text-align: center;}
.hqzcdx-type .solid-line-box span{display: block; margin: 0 35px; background: #fff; font-size: 2.571428em; font-weight: bold;}
/* 线条样式 */
.hqzcdx-type .solid-line::before,.solid-line::after { content: ''; position: absolute; top: 50%; height: 2px; width: 100%; background: #BDBDBD;}
.hqzcdx-type .solid-line::before { right: 100%;}
.hqzcdx-type .solid-line::after { left: 100%;}

.hqzcdx-list li{width: 50%; float: left; margin-bottom: 30px;}
.hqzcdx-list li a{display: block; padding: 30px;background: linear-gradient(to right, rgba(94,143,254),rgba(177,142,255)); border-radius: 10px; min-height: 240px;}
.hqzcdx-list li:nth-child(odd) a{margin-right: 15px;}
.hqzcdx-list li:nth-child(even) a{margin-left: 15px;}
.hqzcdx-list li .pic{width: 28%;float: left; text-align: center;}
.hqzcdx-list li .con{width: 69%;float: right;}
.hqzcdx-list li .txt{color: #fff; font-size: 2em; margin-bottom: 20px; line-height: 1.3;display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.hqzcdx-list li .dec{font-size: 1.286em; color: #EDEDED; line-height: 1.5;max-height: 140px;}
/* 区块列表页 E*/

/* 列表页通用样式 S*/
.dxsx-title{ font-size: 2.5714em; text-align: center;}
.sidebar{text-align: center; margin: 44px 0;}
.sidebar li{display: inline-block;}
.sidebar a{display: block; padding: 8px 40px; font-size: 1.714em; color: #2A82E4; border:#B3D6FF solid 1px; font-weight: bold; margin: 0 32.5px;}
.sidebar li.on a,.sidebar a:hover{ color: #fff; background-color: #2A82E4;}
/* 列表页通用样式 E*/

/* 事项列表页 S*/
.hqzcdx-content table{width: 100%; border-collapse: collapse;}
.hqzcdx-content table tr{border-bottom: #E3E3E3 solid 1px;}
.hqzcdx-content table tr:nth-child(odd){ background-color: #F2F7FF;}
.hqzcdx-content table th,.hqzcdx-content table td{padding:20px 5px !important; text-align: center;}
.hqzcdx-content table th{ background-color: #236AC2; color: #fff; font-size: 1.142857em;}
.hqzcdx-content table .lin-lj,.hqzcdx-content table .link{color:#2A82E4; text-decoration:underline; cursor: pointer;}
.hqzcdx-content table td:nth-child(1){width: 18%}
.hqzcdx-content table td:nth-child(2){width: 22%}
.hqzcdx-content table td:nth-child(3){width: 10%}
.hqzcdx-content table td:nth-child(4){width: 10%}
.hqzcdx-content table td:nth-child(5){width: 10%}
.hqzcdx-content table td:nth-child(6){width: 10%}
.hqzcdx-content table td:nth-child(7){width: 20%}


/* 手机端 */
.hqzcdx-content .phone{display: none;}
.list-item{margin-bottom: 20px;}
.list-item:last-child{ margin-bottom: 0;}
.list-item .title{font-size: 1.2857em; color: #fff; background-color: #1A5FAD; border-radius: 10px 10px 0 0; text-align: center; padding: 15px;}
.list-item .item-wrapper{background-color: #EDF9FF; border-radius: 0 0 10px 10px; padding: 15px;}
.list-item .item-wrapper .item{padding: 10px 0;}
.list-item .item-wrapper .item .tt{color: #1A5FAD; line-height: 2; padding-left: 25px; background-size: 19px auto; background-repeat: no-repeat; background-position: left center ; display: inline-block;}
.list-item .item-wrapper .item.phone .tt{background-image: url(../../ztzlzy/hqzcdx/images/icon_phone.png);}
.list-item .item-wrapper .item.reward .tt{background-image: url(../../ztzlzy/hqzcdx/images/icon_reward.png);}
.list-item .item-wrapper .item.application .tt{background-image: url(../../ztzlzy/hqzcdx/images/icon_application.png);}
.list-item .item-wrapper .list-block{ margin-top: 15px; margin-bottom: 15px;}
.list-item .item-wrapper .list-block li{width: 33.3333%; float: left;}
.list-item .item-wrapper .list-block li>a,.list-item .item-wrapper .list-block li>span{display: block; margin-right: 18px; padding: 15px 0; font-weight: bold; color: #1A5FAD; border-radius: 4px; box-shadow: 0 0 4px rgba(42, 130, 228, 0.25); background-color: #fff; text-align: center;}
.list-item .item-wrapper .list-block li:last-child>a{margin-right: 0;}
.not-online{color: #999 !important;}

 /* 遮罩层样式 */
 .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center;
 z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.modal-overlay.active { opacity: 1; visibility: visible;}

/* 弹窗内容样式 */
.modal-content { background: white; padding: 30px; border-radius: 10px; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); transform: translateY(-50px); transition: transform 0.4s ease;}
.modal-overlay.active .modal-content { transform: translateY(0);}
.close-btn { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: #e74c3c; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; font-weight: bold; transition: background 0.2s;}
.close-btn:hover {   background: #c0392b;}
.modal-title { color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #3498db;}
.modal-body { line-height: 1.8; color: #555;}
/* 事项列表页 E*/

/* 头条页样式 S */
.hqzcdx-tt p{line-height: 1.8; font-size: 1.3em;}
.hqzcdx-tt p a{ color: #236AC2;}

@media (max-width: 1280px) {}


@media (max-width: 992px) {
    .sidebar a{padding: 8px 30px;margin: 0 10px;}

    .hqzcdx-content .pc{display: none;}
    .hqzcdx-content .phone{display:inherit;}

    .hqzcdx-type .solid-line-box{width: 50%;}
    .hqzcdx-type .solid-line-box span{font-size: 2em; margin: 0 22px;}
    .hqzcdx-type .solid-line::before,.solid-line::after{width: 50%;}
}

@media (max-width: 768px) {
  body{font-size: 12px;}
 .hqzcdx-banner{ background-position: top left; background-size: auto 100%;padding-bottom: 50px;}
 .hqzcdx-banner .zt-title{padding-top: 50px;}
 .index-hqzcdx-list .item1,.index-hqzcdx-list .item1 li,.index-hqzcdx-list .item2 li{width: 100%; float: none;}

 .hqzcdx-list-wrap{padding: 10px 0 25px;}
 .hqzcdx-type{margin-bottom: 35px;}
 .hqzcdx-type .solid-line-box{width: 75%;}
 .hqzcdx-type .solid-line-box span{font-size: 1.8em; margin: 0 12px;}
 .hqzcdx-type .solid-line::before,.solid-line::after{width: 25%;}

 .hqzcdx-list{display: none;}
 .hqzcdx-list.phone{display: inherit;}

 .hqzcdx-list li{width: 100%;float: none;}
 .hqzcdx-list li:last-child{margin-bottom: 0;}
 .hqzcdx-list li .pic,.hqzcdx-list li .con{width: 100%;float: none;}
 .hqzcdx-list li .pic img{width:40%;}
 .hqzcdx-list li:nth-child(odd) a{margin-right: 0;}
 .hqzcdx-list li:nth-child(even) a{margin-left: 0;}
 
 .hqzcdx-list li a{min-height: auto; padding: 20px;}
  .hqzcdx-list li .txt{ font-size: 1.5em; }
 .hqzcdx-list li .dec{max-height:none; font-size: 1.1em;}

 .sidebar a{padding: 8px 10px;margin: 0 10px;}
 .modal-content { padding: 20px;}
}

@media (max-width: 414px) {
    .sidebar a{padding: 8px 5px;margin: 0 5px;}
}