page{
  background: #f0f0f0;
  padding:30rpx;
  box-sizing: border-box;
  
}
.index_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 176rpx;
  border-radius: 30rpx;
  background: linear-gradient(#3AA0EA,#69C0E0);
  padding:24rpx 30rpx;
  box-sizing: border-box;
}
.index_item_left{
  display: flex;
}
.item_contenr{
 margin: 8rpx 0;
}
.itemimg{
  width:128rpx;
  height: 128rpx;
  margin: 0 28rpx 0 0;
  border-radius: 50%;
  overflow: hidden;
}
.itemimg image{
  width:100%;
  height: 100%;
}
.item_box{
  color:#fff;
  font-size:26rpx;
}
.item_box_title{
  font-size:34rpx;
}
.index_item .iconfont{
  color:#fff;
  font-size:34rpx;
  font-weight: bold;
}
.index_test{
  margin:30rpx 0 0 0;
  padding:30rpx 30rpx 30rpx 40rpx;
  border-radius: 30rpx;
  box-sizing: border-box;
  background-color: #fff;
  color:#000;
  font-size:34rpx;
  font-weight: bold;
}
.test_frist{
  position: relative;
  
}
.dot{
position:absolute;
top:23rpx;
left:-12rpx;
width:10rpx;
height:10rpx;
border-radius:50%;
background-color:#3AA0EA;
}
.jia_box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40rpx auto 14rpx auto;
  width:120rpx;
  height: 120rpx;
  border-radius: 50%;
  background-color: #3AA0EA;
  border:8rpx solid #9ccff4;
  overflow: hidden;
  color:#fff;
}
.jia_box .iconfont{
  font-size:54rpx;
  font-weight: bold;
}
.jia_txt{
  color:#999;
  font-size:28rpx;
  text-align: center;
}
.index_three{
  margin: 30rpx 0 0 0;
  background: #fff;
  border-radius: 30rpx;
}
.three{
  display: flex;
  align-items: center;
  padding:30rpx 30rpx;
  border-bottom:1rpx solid #e5e5e5;
}
.three_title{
  color:#999;
  font-size:28rpx;
}
.threeimg_box{
  margin: 0 20rpx 0 0;
  width:120rpx;
  height: 120rpx;
  overflow: hidden;
}
.threeimg_box image{
  width:100%;
  height: 100%;
}
.three_txtbox{
  color:#999;
  font-size:26rpx;
}
.three_txtbox_title{
  margin: 0 0 10rpx 0;
  color:#222;
  font-size:32rpx;
}
.more{
  color:#3AA0EA ;
  font-size:28rpx;
}
.just_last{
  display:flex;
  justify-content: space-between;
  align-items: center;
  border:none;
}
.three .iconfont{
  color:#999;
  font-size:36rpx;
  font-weight: bold;
}
.index_twotab{
  margin: 30rpx 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding:30rpx;
  border-radius: 30rpx;
  box-sizing: border-box;
  color:#000;
  font-size:32rpx;
}
.twotab{
  position: relative;
  width:128rpx;
  height: 44rpx;
  line-height: 44rpx;
  border-radius: 22rpx;
  text-align: center;
  background-color: #3AA0EA;
  font-size:24rpx;
  color:#fff;
}
.twotab .twotab_button{
 position: absolute;
 width:100%;
 height: 100%;
 top:0;
 left:0;
 z-index:1000;
 opacity: 0;
}
.two_main{
  margin:30rpx 0 0 0;
  border-radius: 30rpx;
  background-color: #fff;
}
.two_item{
  padding:30rpx;
  color:#999;
  font-size:28rpx;
  border-bottom:1rpx solid #e5e5e5;
}
.time_txt{
  color:#000;
  font-size:28rpx;
}
.two_items{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.two_items_left{
  display: flex;
}
.two_state{
  position: relative;
  margin:0 0 0 18rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#90CE8E;
  font-size:28rpx;
  padding:2rpx 16rpx;
  border:1rpx solid #90CE8E;
  border-radius: 30rpx;
}
.two_state .iconbox{
  position: absolute;
  display:none;
  top:-12rpx;
  right: -12rpx;
  background: #fff;
  width:32rpx;
  height: 32rpx;
  border-radius: 50%;
  z-index: 2;
  color:#F43530 ;
}
two_state .iconbox .iconfont{
  font-size:40rpx;
}
.two_num{
  color:#90CE8E;
  font-size:32rpx;
  font-weight: bold;
}
.two_txt{
  
  font-size:34rpx;
  color:#000;
}
.unusual .two_state{
  color:#E88686;
  border:1rpx solid #E88686;
}
.unusual .two_num{
  color:#E88686;
}
.danger .two_state{
  color:#E88686;
  border:1rpx solid #E88686;
}
.danger .two_num{
  color:#E88686;
}
.danger .iconbox{
  display: block;
}
.two_item_content{
  margin: 10rpx 0 0 0;
  color:#000;
  font-size:34rpx;
}
.two_item_yuan_box{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.two_item_yuan_box .two_item_yuan_box_button{
position: absolute;
width:100%;
height: 100%;
z-index: 1000;
opacity: 0;
}
.two_item_yuan{
  display: flex;
  justify-content: center;
  align-items: center;
  width:110rpx;
  height: 110rpx;
  border-radius: 50%;
  border:8rpx solid #fff;
}
.two_item_yuan image{
  width:100%;
  height: 100%;
}
.two_jiabox{
  width: 110rpx;
  height:110rpx;
  box-sizing: border-box;
  margin: 0 0 14rpx 0;
}
.button_box{
 position:relative;
}
button.jia_box{
  width: 130rpx;
  height: 130rpx;
}
/* .button_box button{
 position: absolute;
 width:100%;
 height: 100%;
 opacity: 0;
 z-index:100;
} */