html,body{
    background: linear-gradient( 180deg, #F4F8FF 0%, #C5DBFF 100%);
    height: auto;
}
.headerCon {
    height: 1.17rem;
    background: #fff;

}
.on.headerCon{
    background:none;
} 
.on .headerTitle {
    color: #fff;
}

.on .lastPageBtn {
    background: url(../images/qpReturn.png) no-repeat 0.32rem center;
    background-size: 0.59rem 0.59rem;
}
.bannerBox{
    background: url(../images/ks_banner.png) no-repeat top center;
    width: 100%;
    background-size: 100% 8.53rem;
    padding-top: 7.67rem;
    box-sizing: border-box;
}
.bannerBox .textBoxs{
    width: 95%;
    background: linear-gradient( 180deg, #FFFFFF 0%, #EAF2FF 100%);
    box-shadow: 0rem 0rem 0.08rem 0.01rem rgba(48,127,255,0.2);
    border-radius: 0.27rem 0.27rem 0.27rem 0.27rem;
    border: 0.03rem solid #FFFFFF;
    font-size: 0.4rem;
    color: #333333;
    line-height: 0.8rem;
    margin: 0 auto 0;
    padding: 0.4rem;
    box-sizing: border-box;
    text-indent: 0.85rem;
}
.mainContent ul{
    width: 95%;
    margin: 0.53rem auto 0;
    height: 6.42rem;
    overflow-y: scroll;
}
.mainContent ul li{
    width: 100%;
    height: 1.87rem;
    background: url(../images/ks_li.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 10px #d8e7f7;
    margin-bottom: 0.27rem;
    padding-left: 25%;
    box-sizing: border-box;
}
.mainContent  .topp{
    font-size: 0.4rem;
    padding: 0.32rem 0 0.2rem;
    font-weight: bold;
}
.mainContent  .bottomp span{
    height: 0.53rem;
    line-height: 0.53rem;
    background: #c7dcff;
    color: #fff;
    border-radius: 0rem 0.33rem 0.33rem 0.33rem;
    padding: 0 0.27rem;
    font-size: 0.32rem;
}
.map{
    overflow: hidden;
}