.width1200{
        width: 1200px;
        margin: 0 auto;
      }
      @media screen and (max-width: 960px) and (min-width: 300px){
        .width1200{
          width: 100%;
        }
      }
      .container{
        display: flex;    
        flex-direction: column;
        background: url(https://zjj.sz.gov.cn/images/gjjdkcal_banner.png) no-repeat top;
        background-size: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
      .content{display: flex;}
      .dklbli span{display: flex;align-items: center;}
      .dklbli span div{    margin-right: 20px;}
      .content .center{
        min-width: 1170px;
      }
      .title h1{
        margin-top: 0;
        padding-left: 0;
        line-height: 1.4;
        font-size: 26px;
        font-weight: 700;
        color: #1e293b;
        letter-spacing: 2px;
      }
      .wxts{
        padding: 30px;
        margin-right: 20px;

        padding-left: 50px;
      }
      .wxts h1{    font-size: 18px;}
      select{

            border: 1px solid #ccc;
            border-radius: 5px;
      }
      select:focus {
            border-color: #007bff;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }
      input[type="text"] {
            padding: 5px;
            font-size: 14px;
            border: 1px solid #ccc;
            border-radius: 5px;
                text-align: right;
        }

        input[type="text"]:focus {
            border-color: #007bff;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
            min-width: 400px;
        }

        thead tr {
            background-color: #dde8eb;
            color: #333;
            text-align: left;
        }

        th, td {
            padding: 12px 15px;
            text-align: center;
        }
        #repayment-plan tr {
            border-bottom: 1px solid #dddddd;
        }
        tbody tr {
            border-bottom: 1px solid #dddddd;
        }

        /* 交替行颜色 */
        tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        /* 悬停效果 */
        tbody tr:hover {
            
        }
        #hdnlzhi{color:red;}
        .dkzearea{
          color: #8c4e7e;
          font-size: 32px;
          font-weight: 700;
          font-style: normal;
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
        }
        .sylv{display: none;}
        
        .deletezh{margin-left: 6px;}
        .jggtext{display:none;text-align: right;
    width: 90px;}
        .sytext{display:none;text-align: right;
    width: 90px;}
      .top_1{color: red;}
      .container p,.container b,.container div{line-height:1.6;font-size:14px;}
      
      .center h1{text-align:center;font-size:18px;line-height:1.4;}
      .center .abstra{padding:20px;}
      .center .abstra p{text-indent:2em;}
      .msgCon{overflow:hidden;padding: 20px 20px 20px 40px;margin-bottom: 50px;}
      .msgBox{ width:100%;float:left;}
      .msgCon li{padding:8px 0;display: flex;align-items: center;}
      .dkjsq_content_output .msgCon li{display:initial;}
      .msgCon li span.text{display: inline-block;width: 110px;font-size: 14px;text-align:right;

            text-align: justify;
            text-align-last: justify;
      }
      .msgCon li span .msgText { border: 1px solid #CECDCD;border-radius: 6px; width: 100%; padding: 5px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
      .msgCon li select{line-height: 35px; height: 35px; border: 1px solid #cccccc; padding: 0 10px;}
      .msgCon h3.centertext{font-size: 14px;}
      .msgCon h3.centertext span:before {content: "";display: inline-block; width: 8px; height: 8px; border-radius: 50%;background-color: #a2a2a2; margin-right: 10px; margin-bottom: 2px;}
      .msgCon .bgbox{background: #ececec;padding: 10px;}
      .msgCon .bgbox.hkqy{background: #ececec;padding: 10px;display: none;}
      .msgCon .bgbox span.amount{color: #666;}
      .msgIp{width:100px;height:30px;line-height:30px;border:1px solid #ccc;outline:none;text-indent:10px;margin-right: 5px;}
      .msgIp:hover{border:1px solid #0075ff;}
      .aBtnOutput{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 40px;
        background: #6b3a60;
        border: none;
        border-radius: 24px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s;
        box-shadow: 0 4px 16px rgba(42, 27, 61, 0.25);
        letter-spacing: 1px;
        width: auto;
        height: auto;
        margin-right: 0;
      }
      .aBtnOutput:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 24px rgba(42, 27, 61, 0.35);
      }
      .aBtnOutput.reset{
        background-color: #e0e0e0;
        color: #333;
      }
      .dkjsq_content_output{width:100%;display:none;float:left;background: #fff;}
      .dkjsq_content_output h3.dkjsq_content_tit{border-bottom: 1px solid #dedddd;color: #0075ff;font-size: 16px;}
      .dkjsq_content_output h3.dkjsq_content_tit span{border-left: 5px solid #0075ff;padding-left: 10px;}
      .dkjsq_content_output li span.text{width: 150px;}
      .dkjsq_content_output ul{padding-top:20px;}
      #modal {
            border: none;
            border-radius: 8px;
            margin: 0 auto;
            padding: 20px;
            position: fixed;
            top: -100%;
            left: 20%;
            transform: translateX(-50%);
            animation: slideIn 0.3s forwards;
        }

        @keyframes slideIn {
            from {
                top: -100%;
            }
            to {
                top: 10%;
            }
        }

        #modal .modal-header {
            width: 400px;
            padding: 10px 0;
            display: flex;
            border-bottom: 1px solid #eee;
        }
        #modal .modal-header .modal-title {
            flex: 1;
            font-size: 18px;
        }
        #modal .modal-content {
            border-bottom: 1px solid #eee;
            padding: 20px 0;
            font-size: 14px;
                width: 400px;
        }
        #modal .modal-header .modal-close {
            width: 50px;
            font-size: 20px;
            text-align: right;
            cursor: pointer;
        }
        #modal::backdrop {
            position: fixed;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            background: rgba(0, 0, 0, 0.2);
        }
        #hkjh{display:none;}
        #hkjh .lookthehuankuanjihua,
        #hkjh .closethehuankuanjihua {
          display: inline-flex;
          align-items: center;
          cursor: pointer;
          padding: 8px 16px 8px 44px;
          background-position: 10px center;
          background-size: 28px;
          background-repeat: no-repeat;
          border: 1px solid #cfcfcf;
          border-radius: 6px;
          font-size: 14px;
          color: #334155;
          transition: all 0.2s;
          line-height: 1.4;
        }
        #hkjh .lookthehuankuanjihua {
          background-image: url(https://zjj.sz.gov.cn/main-images/openhuankuanmingxi.png);
        }
        #hkjh .closethehuankuanjihua {
          background-image: url(https://zjj.sz.gov.cn/main-images/closehuankuanmingxi.png);
        }
        #hkjh .lookthehuankuanjihua:hover,
        #hkjh .closethehuankuanjihua:hover {
          background-color: #f8fafc;
          border-color: #94a3b8;
        }
      /* 响应式设计 */
        @media screen and (max-width: 960px) and (min-width: 300px){

          .msgCon .bgbox.hkqy{background: #ececec;padding: 10px;display: flex;flex-direction: column;}
          .brspan{flex-direction: column;}
          .lltwo{flex-direction: column;}
          input[type="radio"]:checked{
            background-color: #e0f7fa;
            font-weight: bold;
          }
          input[type="radio"] {
            width: 20px;
            height: 20px;
          }
            .content .center{
            width: 100%;
                min-width: auto;
          }
          .msgIp{width: 70px;}
          th, td {
              padding: 5px 5px;
              font-weight: normal;
          }
          th {
            border: 1.0pt solid black !important;
          }
        .dklbli span {
              display: flex;
              flex-direction: column;
          }
          .listcontent_right{overflow: auto;-webkit-overflow-scrolling:touch;width:100%;}
          .msgCon{overflow:hidden;background: #f7f7f7;padding: 15px;margin-bottom: 50px;}
          .msgBox{ width:100%;float:none;}
          .msgCon .brspan span{display:block;padding-bottom: 5px;}
          .dkjsq_content_output{width:100%;display:none;float:none;background: #f7f7f7;padding: 0px;margin-top: 30px;}
          
        }
        @media (max-width: 415px) {
          table{min-width: auto;}
          .msgIp{width: 67px;}
        }
        @media (max-width: 400px) {
          table{min-width: auto;}
          .msgIp{width: 61px;}
        }