body{background:url(../images/xysqgk_bg.jpg) top center #f1f2f6 no-repeat;}
/*新依申请公开头部*/
.xysq-txt{height: 220px;text-align: center;overflow: hidden;}
.hd-cont{height: 120px;position: relative;}
.xh-login ul li{float: left;margin-left: 12px;}
.xh-logo{position: absolute;top: 50%;margin-top: -40px;}
.xh-logo a{display: block;}
.hd-txt{margin-left: 8px;}
.hd-txt .hd-pt{display: block;height: 32px;line-height: 32px;font-size: 18px;border: 1px solid #43a2e0;padding: 0 5px;width: 230px;color: #a0e3ff;}
.hd-txt .hd-name{font-size:32px;color: #FFF;font-weight: bold;}
.hd-txt .hd-wel{color: #2e5aa6;}
.hd-cont .xh-login{position: absolute;right: 0;top: 50%;margin-top: -15px;}
.hd-cont .xh-login ul li a,.hd-cont .xh-login ul li p{height: 38px;line-height: 38px;display: block;border-radius: 3px;}
.hd-cont .xh-login ul li p{color: #2e5aa6;border: 1px solid #d7ddea;padding: 0 10px;}
.hd-cont .xh-login .hd-return a{color: #0b448f;background: #a7c7eb;padding: 0 17px;font-size: 15px;}
.hd-cont .xh-login .hd-return a:hover{background:#73a9e4;}
.hd-cont .xh-login .hd-fal a{border: 1px solid #d7ddea;padding: 0 10px;color: #4c4c4c;}
.hd-cont .xh-login .hd-fal a:hover{background: #2e5aa6;color: #FFF;}

#form1 tr.last-child td{border-bottom: none;}

#queryByIndexNoBtn.loading{
    background-image:url(../images/loading-small.gif);
    background-position: 50px center;
    background-repeat: no-repeat;
}
#subFormDataBtn.loading{
    background-image:url(../images/loading-small.gif);
    background-position: 50px center;
    background-repeat: no-repeat;
}
.ysq-item{
    border:solid 2px #E1E1E1;
    background-color: #EEEEEE;
    margin-top: 20px;
}
.ysq-item > h3 {
    font-size:18px;
    line-height: 32px;
    text-align: center;
    border-bottom: solid 1px #E1E1E1;
    padding: 10px;
}
.info-list{
    font-size:0
}
.info-item {
    width:50%;
    display: inline-block;
    font-size: 0;
    line-height: 20px;
    border-bottom: solid 1px #E1E1E1;
    
}
.info-item.info-item__long {
    width: 100%;
}
.info-item .info-label {
    width: 25%;
    display: inline-block;
    font-size: 14px;
    padding:10px 7px;
    vertical-align: middle;
}
.info-item .info-value {
    width: 75%;
    font-size: 14px;
    display: inline-block;
    padding:10px 7px;
    border-left: solid 1px #E1E1E1;
    background-color: #fff;
    vertical-align: middle;
}
.info-item .info-value p img{max-width:100%;}
#ysqgkbmlist h3 {
    line-height: 32px;
    padding: 10px;
}
.ul-orgs {
    padding: 10px 20px;
    text-align: left;
}
.ul-orgs li.group-item {width: 25%;display: inline-block;line-height: 20px; padding: 10px;vertical-align: middle;}
.info-ist .info-item .info-label{width: 12.5%;}
.info-ist .info-item .info-value{width: 87.5%;}
.ysq-result .info-item .info-label{width: 12.5%;}
.ysq-result .info-item .info-value{width: 87.5%;}
@media only screen and (max-width: 1200px){
    .ul-orgs li.group-item {width:33%}
    .scroll-box{overflow-x: scroll;}
    .info-open #tab3{width:auto;text-align: center;overflow: hidden;}
    .info-open #tab3 .open-con .table-line{table-layout: fixed;border-collapse: collapse;}
    .info-open #tab3 .open-con .table-line tr td{padding: 15px 10px;width: 100%;display: block;}
    .info-open #tab3 .text-right {text-align: left !important;}
    .info-open #tab3 .text-left{text-align: left !important;}
    .info-open #tab3 .open-con .table-child tr td .input {width: 75%;}
    .info-open #tab3 .open-con .table-child tr td .select{width: 75%;}
    .info-open #tab3 .open-con .table-child tr td textarea{width: 75%;}
    .info-open #tab3 .ul-orgs{padding: 10px 5px;}
    .info-open #tab3 .open-con .table-child, .open-con .table-child-noborder{border-collapse: collapse;table-layout: fixed;}
    .info-open #tab3 .open-con .yzm-box tr td{padding: 12px 10px 30px 10px;}
    
}
@media only screen and (max-width: 991px) {	
    .ysq-center .info-open{ padding: 48px;} 
    .open-con .table-child tr td select {width: 73%;}
}

@media only screen and (max-width: 768px){
    .info-item{
        width: 100%
    }
 
}
@media only screen and (max-width: 600px){
	.ysq-center .info-open {padding: 16px;}
	.xysq-txt img{width: 90%;}
	.xysq-txt{height: 150px;}
}
@media only screen and (max-width: 550px){
   .xh-login ul li{margin-left: 0;}
   .hd-cont .xh-login{top: auto;left: 50%;margin-left: -49px;bottom: -135px;}
   .xh-logo{left: 50%;margin-left: -217px;}
}
@media only screen and (max-width: 500px){
    .info-item .info-label{
        width: 35%
    }
    .info-item .info-value{
        width: 65%
    }
}
@media only screen and (max-width: 450px){
   .logo-img{text-align: center;}
   .logo-img img{width: 90%;}
   .xh-logo{margin-left: -195px;}
   .hd-txt .hd-name{font-size: 28px;}
}
@media only screen and (max-width: 420px){
	.hd-txt {margin-left: 0;}
	.hd-txt .hd-pt{font-size: 16px;}
        .xh-logo {margin-left: -175px;}
        .logo-img img {width: 80%;}
        .hd-txt .hd-name {font-size: 25px;}
        
	.xysq-txt{padding-top: 0px;}
        .open-con .work-head li{width: 31.33%;}
        .hd-txt .hd-pt{width: auto;}
        #tab4 #div2{overflow-x: scroll;}
        #tab4 #div2 .open-con{width: 1000px;}
        #tab4 #div3{overflow-x: scroll;}
        #tab4 #div3 .open-con{width: 1000px;}
        .open-con .work-head li a{margin: 0;}
}
@media only screen and (max-width: 350px){
	.info-open .open-head li a{font-size: 14px;}
        .xh-logo {margin-left: -163px;}
        .logo-img img {width: 75%;}
        .hd-txt .hd-name {font-size: 22px;}
}
@media only screen and (max-width: 320px){
	.xysq-txt {height: 130px;}
	.hd-cont .xh-login{bottom: -120px;}
}