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

/* 正文 */

.interactive-box{width:100%; padding: 40px 30px;background: #fff;height: auto;box-shadow: 0px 7px 21px rgba(174, 174, 174, 0.15);margin-bottom: 40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
/* 面包屑 */
.location{font-size: 0.8rem;margin-bottom: 10px;}
.location img{width: 14px;margin-right: 10px;}
.location em{font-style: normal ;color: #1559A3;}
/* 标题 */
.bindong-title{font-weight: bold; font-size: 1.1rem;padding: 28px 20px;position: relative;border-bottom: 1px solid #EBEBEB;}
.bindong-title:before{position:absolute;content: "";width: 6px;height: 25px;background: #1559A3;top: 32px;left:0px;}

.ysqgk-tab button{
    border: none;
    color: #293239;
    height: 50px;
    padding: 0 21px;
    background: #F3F6F9;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.ysqgk-tab button:hover{
    background: #1559A3;
    color: #FFFFFF;
}

.ysqgk-tab .buttonActive{
    background: #1559A3;
    color: #FFFFFF;
}

.ysqgk-content {
    display: flex;
    background-color: #FFFDF1;
    /* height: 100px; */
    margin:25px 0 30px;
    padding: 10px 30px ;
    align-items: center;
    color: #333333;
    line-height: 30px;
    font-size: 0.8rem;
}

.ysqgk-content img {
    width: 55px;
    height: 53px;
    margin-right: 33px;
}

.ysqgk-content span {
    color: #ED2A24;
}

.ysqgk-title {
    height: 30px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    border-left: 6px solid #1559A3;
}

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

.ysqgk-title-start {
    font-weight: bold;
    font-size: 1.2rem;
    padding-left: 14px;
    flex: 0.3 1 auto;
}

.ysqgk-right {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: flex-end
}

.ysqgk-right>img {
    width: 12px;
    height: 16px;
    margin-left: 30px;
    margin-right: 5px;
}


.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;
}

.ysqgk-table-first {
    background-color: #F3F6F9;
    color: #51575D;
    font-size: 0.8rem;
    
}
.ysqgk-table-first th{font-weight: bold;}
.ysqgk-table{
    margin-top: 30px;
}

label {
    margin: 0px;
}

table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #DEE9F4;
}

table tr {
    height: 31px;
}


th, td {
    border: 1px solid #DEE9F4;
    padding: 8px;
    text-align: center;
    height: 50px;
    font-weight: 400;
    font-size: 0.8rem;
}

th {
    border-left: none;
    border-right: none;
}

td a{
    color: #1559A3;
}

table td:first-child,
table th:first-child {
    text-align: left;
    padding-left: 30px;
    width: 50%;
}

@media(max-width:768px){
  .interactive-box{padding: 25px 15px;}
  .bindong-title{padding: 16px 20px;}
  .bindong-title:before{top: 20px;}
  .ysqgk-content{margin: 10px 0 10px;}
  .ysqgk-table{margin-top: 10px;}
}

@media(max-width:640px){
  .interactive-box{padding: 20px 15px;margin-bottom: 20px;}
  .location img{margin-right: 0;width: 11px;}
  .location{margin-bottom: 0;}
  .bindong-title{padding:16px; font-size: 16px;}
  .bindong-title:before{width: 4px;top: 18px;height: 18px;}
  
  table td:first-child, table th:first-child{padding-left: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  table td:first-child{max-width:80px;}
  .ysqgk-content{line-height: 20px;padding: 10px;}
  .ysqgk-table-first th{font-size: 16px;}
  table td{font-size: 14px;}
}