.tankFarmView{width:100%;height:100vh}.tankFarmView .search{-ms-flex-pack:distribute;justify-content:space-around}.tankFarmView .search,.tankFarmView .search .searchItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tankFarmView .search .searchItem{width:32%}.tankFarmView .search .searchItem p{font-size:.2rem;margin:0}.tankFarmView .search .searchItem .van-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;margin:.03rem 0 .06rem .08rem;line-height:normal}.tankFarmView .search .searchItem .van-cell .van-field__body{border:.01rem solid rgba(0,0,0,.25);border-radius:.08rem}.tankFarmView .search .searchItem .van-cell .van-field__body .van-field__right-icon{margin-right:0}.tankFarmView .search .searchItem .van-cell .van-field__body input{font-size:.2rem;height:.28rem;padding-left:.1rem}.tankFarmView .tankFarmViewContainer{width:98%;height:calc(100% - .45rem);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 auto}.tankFarmView .tankFarmViewContainer .area{height:49%;margin-bottom:1%;border-radius:.16rem;border:.02rem solid #979797;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.tankFarmView .tankFarmViewContainer .area .areaName{width:.88rem;height:.45rem;line-height:.45rem;background:rgba(34,34,34,.41);border-radius:.08rem;font-size:.22rem;color:#fff;display:inline-block;position:absolute;left:.1rem;top:.1rem;z-index:99}.tankFarmView .tankFarmViewContainer .area .circleList{width:100%;display:grid;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;justify-items:center;-ms-flex-line-pack:distribute;align-content:space-around}.tankFarmView .tankFarmViewContainer .area .circleList .circle{position:relative;width:.56rem;height:.56rem;background:#eee;-webkit-box-shadow:.01rem .01rem .09rem 0 #409eff;box-shadow:.01rem .01rem .09rem 0 #409eff;border-radius:50%}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle{position:absolute;width:.28rem;height:.56rem;overflow:hidden}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .semicircle-item{width:.56rem;height:.56rem;left:0;clip:rect(0,.28rem,.56rem,0);border-radius:50%;position:absolute}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .top-semicircle{top:0;background:#60c3fd}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .top-semicircle2{top:0;background:#289dfe}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .bottom-semicircle{left:-.28rem;bottom:0;background:#60c3fd}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .bottom-semicircle2{left:-.28rem;bottom:0;background:#289dfe}@media screen and (max-width:415px){.tankFarmView .search{margin-top:.24rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.tankFarmView .search .searchItem{width:75%}.tankFarmView .search .searchItem p{font-size:.3rem;width:1.4rem}.tankFarmView .search .searchItem .van-cell{line-height:inherit}.tankFarmView .search .searchItem .van-cell .van-field__body input{font-size:.28rem;height:.32rem;padding-left:.1rem}.tankFarmView .tankFarmViewContainer{height:auto;margin:.24rem auto}.tankFarmView .tankFarmViewContainer .area{height:3rem;margin-bottom:.24rem}.tankFarmView .tankFarmViewContainer .area .areaName{width:1rem;height:.55rem;line-height:.55rem;font-size:.32rem}.tankFarmView .tankFarmViewContainer .area .circleList .circle{width:.64rem;height:.64rem}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle{width:.32rem;height:.64rem}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .semicircle-item{width:.64rem;height:.64rem;clip:rect(0,.32rem,.64rem,0)}.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .bottom-semicircle,.tankFarmView .tankFarmViewContainer .area .circleList .circle .semicircle .bottom-semicircle2{left:-.32rem}}