/* pages/history/history.wxss */
page{
  height:100%;
}
/* 头部 */
.navs{
width: 100%;
height: 6%;
border: 1rpx solid rgb(121, 121, 121);
display: flex;
flex-direction: row;
}
.navs .nav{
width: 33%;
height: 100%;
border: 1rpx solid rgb(121, 121, 121);
display: flex;
flex-direction: row;
justify-content: center;
}
.navs .nav .active{
background-color: #eee;
}
/*flex*/
.opart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(77, 77, 77);
}
.opart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(121, 121, 121);
}
.opart image{
height: 100%;
width: 100%;
}
.twpart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(121, 121, 121);
}
.twpart image{
height: 100%;
width: 100%;
}
.thpart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(121, 121, 121);
}
.thpart image{
height: 100%;
width: 100%;
}
.fopart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(121, 121, 121);
}
.fopart image{
height: 100%;
width: 100%;
}
.fipart{
height: 30%;
width: 100%;
border: 1rpx solid rgb(121, 121, 121);
}
.fipart image{
height: 100%;
width: 100%;
}

/*底部*/
.botton{
width: 100%;
height:50%;
border:1rpx solid red;
display: flex;
flex-direction: column;
justify-content: space-between;
}