body{ background: #F5F5F5; }
.blue{ color: #657CC2; }
.bg-blue{ background: #97B0F3; }
.red{ color: #F04E37; }
.line30{ height: .30rem; }
.hover:active{ opacity: 0.5 }
.tabbar .blank{ height: 1.00rem; }
.tabbar ul{ display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #fff;box-shadow: 0 -1px 4px #eee; }
.tabbar ul li .iconfont{ font-size: .40rem; color: #666 }
.tabbar ul li{ flex: 1; height: 1.00rem; font-size: .24rem; color: #999 }
.tabbar ul li label{ line-height:normal; margin-top: -.08rem }
.tabbar ul li:active{ background: #eee; }
.tabbar ul li.on{ color:#97AFF5 }
.tabbar ul li.on .iconfont{ color:#97AFF5 }


.topSearch .van-search ::-webkit-input-placeholder{
        color: #fff !important;
}
.topSearch{ position: fixed; left: 0; right: 0; top: 0; z-index: 1111; }
.topSearch .van-search{ padding: .30rem .24rem !important; border-bottom:1px solid #DDDDDD; background-color: transparent !important; border:none;}
.topSearch .van-search .van-cell{    padding: .12rem .16rem .10rem .20rem !important; font-size: .28rem;
    line-height: .48rem;}
.topSearch .van-field__left-icon{ margin-right: .20rem; }
.topSearch .van-search__content{ border-radius: 1.00rem !important; background: rgba(0,0,0,.24) !important;  }
.topSearch .van-field__control{ color: #fff !important; font-size: .32rem;}
.topSearch .van-search__content .van-icon{ color: #fff !important; font-size: .48rem !important; }
.topSearch .van-search__content .van-field__control{ font-size: .28rem; height: .48rem }
.topSearch .van-search__action{ color: #647FC6 !important; font-size: .32rem !important; padding:0 !important; margin:0 0 0 .20rem !important; }
.topSearch .van-popup--bottom.van-popup--round{ border-radius: .20rem .20rem 0 0 !important;}


.swiperbox{ height: 3.92rem }
.swimg{ width: 100%; height: 100%; display: block; }
.topImg{ width: 100%; height: auto; display: block; }

.mainMenu{ background: #fff; padding-bottom: .20rem; margin:.30rem; border-radius: .10rem; }
.mainMenu ul{ padding:0 .30rem; }
.mainMenu li{ width: 1.1rem; padding:.15rem; margin-top: .30rem; font-size: .26rem;}
.mainMenu li .icon{ width: 1.08rem; height: 1.08rem; border-radius: .2rem; }
.mainMenu li .t{ margin-top: .12rem; color: #666; }
.mainMenu li.blank{ height: 0; padding:0 .15rem; margin:0; }

.notice .notice-swipe {height: .80rem;line-height: .80rem; color: #ABABAB;}
.notice{ padding:0 .30rem; }
.notice .van-notice-bar{ background-color: #fff; border-radius: .10rem;}
.van-notice-bar__left-icon{ color: #8AC76A; }

.screenBox{ display: flex; padding:.30rem .20rem .15rem; background-color: #fff;}
.screenBox .van-cell{ border:1px solid #ABABAB; border-radius: .10rem; padding: .10rem .10rem; font-size: .28rem; height: .64rem;}
.screenBox .van-cell.flex1{ flex: 1;}
.screenBox span.span{ width: .20rem; }
.screenBox .van-field__control{ font-size: .24rem; height: .44rem;}
.screenBox .btn{ width: 1.08rem; height: .64rem; background-color: #8AC76A; color: #fff; border-radius: .10rem; }
.screenBox .van-picker__confirm{ color:#8AC76A !important; }

.tableBox li{ display: flex; }
.tableBox li .td{ flex: 1; display: flex;align-items: center; /*垂直居中*/justify-content: center; /*水平居中*/flex-direction: column;line-height:normal; margin: 0 .15rem; text-align: center;word-break:break-all;word-break:break-word;}
.tableBox .th li{ padding:.25rem 0; background-color: #fff; color: #8AC76A; font-size: .28rem; }
.tableBox .tr li{ padding:.16rem 0; background:rgba(243,243,243,.6); font-size: .26rem;}
.tableBox .tr li:nth-child(2n){ background-color: #fff; }
.van-notice-bar{ font-size: .28rem !important; }