@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.main{width:95%; max-width:1340px; margin:0 auto;}
.selected{background: #024289;}

/* 正文 */
.dfltj-box{background: #fff;padding: 40px 30px;box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;border-top-left-radius: 0;border-top-right-radius: 0;margin-bottom: 40px;}

.bindong-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EBEBEB;
  flex-wrap: wrap;
}
.dfltj-title-text{
  font-weight: normal;
  color: #666666;
  font-size: 0.7rem;}

.bindong-title span {
  color: #EF8318;
}

.dfltj-title-start {
  flex: 1;
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
  /* padding-left: 14px; */
}


.dfltj-content {
    display: flex;
    margin-top: 26px;
    flex-wrap: wrap;
    color: #666666;
    font-weight: 400;
    font-size: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.dfltj-content-button-large{
    /*width: 135px;*/
    width: 140px;
    height: 50px;
    background-color: #F3F6F9;
    border-radius: 5px;
    border: none;
    color: #293239;
    margin-right: 30px;
}

.dfltj-content-button-large-active{
    color: #FFFFFF;
    background: #1559A3;
}

.dfltj-content-button-small {
    width: 68px;
    height: 34px;
    background: #1559A3;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 0.8rem;
}
.title-button-box{margin-bottom: 25px;}

.dfltj-content-select {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
}

select{
    /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding-right: 15px;
}

.dfltj-content-select select{
    width: 130px;
    height: 34px;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    padding-left: 5px;
    margin-left: 15px;
    font-size: 0.8rem;
    background: url(../images/select_jt.png) no-repeat 98% center transparent;
    background-size: 16px;
}

.dfltj-content-select-checkbox {
    width: 20px;
    height: 20px;
    margin: 0 !important;
}

form {
    display: flex;
}

.selectbox {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dfltj-content-select>div{display: flex;}


.dfltj-content-select-checkbox:checked::before {opacity: 0; /* 在选中状态下隐藏伪元素，显示图像 */}
.hidden {display: none;}
.ml30{margin-left: 30px;}
.mr30{ margin-right: 30px;}
.serach {display: flex;margin-top: 17px;align-items: center;  width: 384px;}
.serach input {width: 304px; height: 34px;background: #FFFFFF;border: 1px solid #B5B5B5;border-radius: 4px;padding-left: 10px;}
.serach select{ width: 304px;height: 34px;background: #FFFFFF;border: 1px solid #B5B5B5; border-radius: 4px;padding-left: 10px;}
.serach button{width: 68px; height: 34px;background: #1559A3;border-radius: 4px;border: none;color: #FFFFFF;}
.search-little{width: 130px !important;}
.dfltj-table-first { background-color: #F3F6F9;font-weight: 400;color: #51575D;}
label {margin: 0px;}
table {border-collapse: collapse;width: 100%;border: 1px solid #DEDEDE;}
table tr {height: 31px;}
th, td {border: 1px solid #DEDEDE;padding: 8px; text-align: center;height: 50px; border-left: none;border-right: none;font-weight: 400;}
tr:not(:first-child):hover { background-color: #EEF6FF;}

.dfltj-content-button-large:hover{
    color: #FFFFFF;
    background: #1559A3;
}

.dfltj-content-button-large.active {
    color: #FFFFFF;
    background: #1559A3;
}

@media(max-width:1195px){
    .dfltj-content-select {
        margin-top: 20px;
    }
}

@media(max-width:1150px){
    form {
        flex-direction: column;
    }
}



@media(max-width:900px){
  .dfltj-title-start {flex: auto;}
.dfltj-title-text{width: 100%;margin-top: 15px;}
.dfltj-content-select{width: 100%; flex-direction: column;align-items: flex-start;}
.year-inputbox,.month-inputbox{margin-bottom: 20px;}
.dfltj-content-button-small{margin-left: 0;}
}

@media(max-width:640px){
  .dfltj-box{padding: 20px 15px;}
  .dfltj-content-button-large{/*width: 90px;*/ width: 110px;height: 40px;}
  .title-button-box,.year-inputbox,.month-inputbox,.dfltj-content-select{margin-bottom: 15px;}
  .dfltj-content{margin-top: 10px;}
}

@media(max-width:1150px){
    .dfltj-content-select {
        margin-top: 15px;
    }

    .selectbox {
        width: 100%;
        margin-top: 10px;
    }

    .dfltj-content-button-small {
        margin-left: 0px;
        margin-top: 10px;
    }

    .buttonbox {
        width: 100%;
    }
}

@media(max-width:550px){
    .bindong-title:before{height: 18px;top: 20%;}

}
