 /* 为了演示做的修改 */
 .mescroll {
     top: 4.3rem;
 }

 /* 为了演示做的修改 */


 #viewModelBox {
     /* height: auto; */
     padding-bottom: 1px;
     overflow-x: hidden;
 }

 * {
     box-sizing: border-box;
 }

 .mescroll {
     overflow-x: hidden;
 }

 /* 筛选 */
 #viewModelBox .searchInput {
     border-radius: 0.13rem;
 }

 #viewModelBox .filterCon {
     background-color: #ffffff;
     width: calc(100% - 0.64rem);
     left: 0.32rem;
     border-radius: 0.13rem;
     top: 2.76rem;
 }

 .filterCon .filterList li {
     width: 20%;
     font-size: 0.39rem;
 }

 .filterList li p.titleCon {
     max-width: 92%;
 }

 .filterList li p.titleCon .icon {
     display: inline-block;
     width: 0.24rem;
     height: 0.16rem;
     position: relative;
     top: -0.44rem;
     margin-left: 0.13rem;
 }

 .filterList li p.titleCon .icon1 {
     background-image: url(../../ground/images/filterIconDef.png);
     background-size: 100%;
 }

 .filterList li.on p.titleCon .icon1 {
     background-image: url(../../ground/images/filterIconAct.png);
     background-size: 100%;
 }


 .fileList .listItem .titleP {
     width: 100%;
     height: 1rem;
     font-size: 0.4rem;
     font-weight: bold;
     line-height: 0.52rem;
     margin-bottom: 0.32rem;
 }

 #dataList li {
     background-color: #ffffff;
     margin-bottom: 0.32rem;
     padding: 0.27rem 0.27rem 0;
     position: relative;
     border-radius: 0.27rem;
 }

 #dataList li a {
     display: block;
     width: 100%;
     height: 100%;
 }

 #dataList .tabs {
     width: 1.6rem;
     height: 1.6rem;
     top: -0.27rem;
     right: -0.27rem;
 }

 .tabs1 {
     background: url(../images/new_zhdState1.png) no-repeat;
     background-size: 100% 100%;
 }

 .tabs2 {
     background: url(../images/new_zhdState2.png) no-repeat;
     background-size: 100% 100%;
 }

 .tabs3 {
     background: url(../images/new_zhdState3.png) no-repeat;
     background-size: 100% 100%;
 }

 #dataList .topCon div {
     width: 65%;
 }

 #dataList .topCon div .baseName {
     font-size: 0.43rem;
     font-weight: bold;
     height: 1.2rem;
     line-height: .6rem;
     margin-bottom: .27rem;
 }

 #dataList .topCon .activityTheme {
     height: 0.67rem;
     margin-bottom: .27rem;
 }

 #dataList .topCon .activityTheme .span1 {
     height: 0.67rem;
     line-height: 0.67rem;
     text-align: center;
     padding: 0 0.21rem;
     background: #EAF2FF;
     color: #307FFF;
     font-size: .32rem;
     border-radius: 0.15rem;
 }

 #dataList .topCon .activityTheme .qcsj {
     width: 1.6rem;
     height: .67rem;
     margin-right: .13rem;
     box-sizing: border-box;
 }

 #dataList .topCon .activityTheme .qcsj1 {
     background: url(../images/qcsj1.png) no-repeat center;
     background-size: 100% 100%;
 }

 #dataList .topCon .activityTheme .qcsj2 {
     background: url(../images/qcsj2.png) no-repeat center;
     background-size: 100% 100%;
 }

 #dataList .topCon .activityTheme .qcsj3 {
     background: url(../images/qcsj3.png) no-repeat center;
     background-size: 100% 100%;
 }

 #dataList .topCon .activityTheme .qcsj4 {
     background: url(../images/qcsj4.png) no-repeat center;
     background-size: 100% 100%;
 }

 #dataList .topCon img {
     width: 2.56rem;
     height: 1.44rem;
     border-radius: .27rem;
 }

 #dataList .timeP {
     font-size: .32rem;
     color: #999;
     line-height: .5rem;
 }

 #dataList .bottomp {
     margin-top: .28rem;
     border-top: 1px solid #eee;
     height: .97rem;
     line-height: .97rem;
     font-size: 0.32rem;
     color: #999999;
 }

 .districtName {
     padding-left: .54rem;
     background: url(../images/position.png) no-repeat left center;
     background-size: .52rem .52rem;
 }

 .times {
     padding-left: .54rem;
     background: url(../images/time.png) no-repeat left center;
     background-size: .52rem .52rem;
 }