body{  background: url(../images/bj2.jpg);
	background-position: center center;
	 background-repeat: no-repeat;
	background-attachment: fixed;
	 background-size: cover;
	color: #333;
}
/* 网页标题 */
.webTitle{ margin-top: .32rem; color: #fff;}
.webTitle p{ margin-bottom: .15rem;}
.webTitle span{ font-weight: bold;
    font-size: .2rem;
    border-radius: .05rem;
    border:.01rem solid #fff;
    padding: .05rem .15rem;
}
.webTitle b{ font-size: .32rem;
    text-shadow: .01rem .02rem 0 #0091DB;
}
.webTitle .pr img{ position:absolute; right: -.45rem; bottom: -.15rem; width: .51rem; height: .35rem;}
.webTitle .notice{ border-top: .01rem dashed #fff;
    padding-top: .15rem;
    width: 2.5rem;
    color: #ff8;
}
/* 项目选择 */
.subject{ margin-top: 0;}
.title{ margin-bottom: .05rem; font-size: .15rem;}
.title b{ padding: 0 .05rem .1rem;
    border-bottom: .02rem solid #0091db;
}
.subjectContent{ justify-content: center;
    flex-wrap: wrap;
}
.subjectContent a{ color: #666;
    padding: .08rem .1rem;
    border:.01rem solid #666;
    border-radius: .1rem;
    margin: .1rem .05rem 0;
}
.subjectContent .active{ background: #0091db;
    border-color: #0091db;
    color: #fff !important;
    box-shadow: 0px 0px 8px 0px rgba(0, 145, 219, 0.45);
}
.subjectContent a:hover{ color: #0091db;
    border-color: #0091db;
}

.subject,.tableDiv{
    width: 100%;
    border-radius: .03rem;
    padding: .15rem .07rem;
    margin-top: .15rem;
    background: #F3FBFF;
    box-shadow: 0 0 .08rem 0 rgba(0, 61, 180, 0.21);
}
.subject { background-image:url('../image/mark.png') ; background-position: -60px -70px;  }
/* 按钮样式 */
.btnDiv{ margin-top: .2rem;}
.btnDiv{ justify-content: center;}
.btnA,.btnB,.btnC,.btnD{ margin:0 .05rem;
    border-radius: .1rem;
    padding: .1rem .1rem;
}
.btnA{ color: #fff;
    background: #0c7;
}
.btnA:hover,.btnB:hover{ color: #fff !important;}
.btnB{ color: #fff;
    background: #0091db;
}
.btnC{ color: #0c7;
    border: 1px solid #0c7;
}
.btnC:hover{ color:#0c7 !important;}
.btnD{ color: #0091db;
    border: 1px solid #0091db;
}
.btnD:hover{ color:#0091db !important;}

/* 搜索框 */
.queryDiv{ margin-top: 0.5rem;
    justify-content: center;
}
.queryDiv input{ border-radius: .1rem;
    height: .4rem;
    line-height: .4rem;
    margin:0;
    width: 100%;
}
/* .queryDiv input[type="text"]{ border:.01rem solid #999;
    background: #fff;
    padding: 0 .1rem;
    box-shadow: 0 0 .05rem rgba(0, 0, 0, .4) inset;
} */

.queryDiv input[type="text"]{
    width: 100%;
    height: .4rem;
    font-size: .14rem;
    background: #F3FBFF;
    border: .01rem solid #DDE6F0;
    box-shadow: 0 0 .05rem 0 rgba(0, 61, 180, 0.21);
    border-radius: .03rem;
    padding: 0 .1rem;
    margin: 0 0 .1rem;
}

/* .queryDiv input[type="submit"],.queryDiv input[type="button"]{ background: #0091db;
    padding: 0 .1rem;
    border:none;
    color:#fff;
    margin-top: .1rem;
    cursor: pointer;
} */
.queryDiv input[type="submit"],.queryDiv input[type="button"]{ 
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    font-size: .14rem;
    font-weight: bold;
    background: linear-gradient(180deg, #FFEFA2, #FDD408);
    box-shadow: 0 0 .05rem 0 rgba(0, 61, 180, .2);
    border-radius: .03rem;
    margin: 0;
    border: none;
}

.autocomplete-suggestions{ position: absolute;
    top: .4rem;
    border-radius: .1rem;
    background: #fff;
    width: 3.55rem;
    border:.01rem solid #999;
    overflow: hidden;
    display: none;
}
.autocomplete-suggestion{ height: .4rem;
    line-height: .4rem;
    border-bottom: .01rem solid #999;
    padding: 0 .1rem;
    cursor: pointer;
}
.autocomplete-suggestion:last-child{ border:none;}
.autocomplete-suggestion:hover{ background: #d7f1ff;}

/* 标题文字 */
.titleText{ margin-bottom: .2rem; font-size: .15rem;}

/* 表格 */
.tableDiv{ overflow-x: scroll;}
table{ border-collapse: collapse;
}
table td{ border:.01rem solid #ccc; 
    padding: .1rem;}

.footer{ display: none;}
body { padding-bottom: .7rem;}
.footer { width: 100%;}

.qr{ margin-top: .15rem;}

.qr img{ width: 3rem;
    height: 2rem;
}
.qr .fz24{ font-weight: bold;
    color: #fff;
    font-size: .14rem;
    margin-top: .15rem;
    text-shadow: .01rem .01rem 0 #0091DB;
}

#planBoxTable{background-image:url('../image/mark.png') ; background-position: -50px;}