/* pages/record/record.wxss */
@import '../index/index.wxss';
page{
 height: 100%;
}
ec-canvas {
  width:100%;
  height: 100%;
}
.file_plan{
 height: 100%;
}
.container{
height:620rpx;
margin:30rpx 30rpx 0 30rpx;
box-sizing:border-box;
background:#fff;
color:#999;
font-size:28rpx;
border-radius:20rpx;
box-shadow:0 0 100rpx #DADADA;
}
.container canvas{
 width:100%;
 height: 400rpx;
}
.container_txt{
 color:#999;
 font-size:30rpx;
 text-align: left;
 padding: 15rpx;
}
.two_item:last-child{
 border:none;
}
page{
 padding:100rpx 0 10rpx 0;
 /* background: #fafafa; */
}
.record_tab{
 height: 100rpx;
 line-height: 100rpx;
 position: fixed;
 top:0;
 left:0;
 width:100%;
 background-color: #ffffff;
 border-bottom:2px solid #DADADA;
 color:#353535;
 font-size:30rpx;
 display: flex;
 justify-content: space-around;
 align-items: center;
 z-index:19999999999999999;
}
/* .container_box{
 position: fixed;
 top:100rpx;
 bottom:0;
 left:0;
height: 100%;
 overflow-y: scroll;
 width: 100%;
z-index:100;
} */
.record_left{
 text-align: center; 
 display: flex;
 align-items: center;
 justify-content: center;
 width:50%;
 height: 100%;
 line-height: 100rpx;
}
.border_left{
 border-right: 2px solid #DADADA;
}
.record_tab .active{
 color:#3AA0EA;
}
.plan_item{
 margin: 30rpx 30rpx 0 30rpx;
 padding:30rpx;
  box-sizing: border-box;
 background: #fff;
 color:#999;
 font-size:28rpx;
 border-radius: 20rpx;
 box-shadow: 0 0 100rpx #DADADA;
}
.plan_item1{
 margin: 30rpx 30rpx 0 30rpx;
 box-sizing: border-box;
 background: #fff;
 color:#999;
 font-size:28rpx;
 border-radius: 20rpx;
 box-shadow: 0 0 100rpx #DADADA;
}
.plan_title{
 margin: 0 0 15rpx 0;
}
.plan_content{
 box-sizing: border-box;
 height: 350rpx;
 width:100%;
 overflow: hidden;
}
.plan_content image{
 width:100%;
 height: 100%;
}
.title_box{
 display: flex;
 align-items: center;
 padding:30rpx 30rpx 20rpx 30rpx;
 justify-content: space-between;
 color:#000;
 font-size:28rpx;
 border-bottom:1rpx solid #e5e5e5;
}
.title_img{
 width:60rpx;
 height: 60rpx;
 border-radius: 50%;
 overflow: hidden;
}
.title_img image{
 width:100%;
 height: 100%;
}

.page_container{
 width: 100%;
 height: 100%;
 display: flex;
 flex-flow: column;
 -ms-flex-flow: column;
}
.page_top{
 height: 120rpx;
 width: 100%;
}
.page_body{
 flex: 1;
}
.container_top{
 margin: 0 30rpx;
 color:#333;
 font-size:26rpx;
 padding:28rpx 0 30rpx 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-bottom: 1rpx solid #d8d8d8;
}
.top_left{
 width:120rpx;
 height: 44rpx;
 border-radius: 5rpx;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.top_rigth{
 width:120rpx;
 height: 44rpx;
 border-radius: 5rpx;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.container_contertab{
 margin: 30rpx 30rpx;
 box-sizing: border-box;
 border-bottom: 1rpx solid #d8d8d8;
 height: 60rpx;
 border: 2rpx solid #3AA0EA;
border-radius: 30rpx;
display: flex;
align-items: center;
overflow: hidden;
justify-content: space-around;
}
.contertab{
 width:25%;
 height: 100%;
 position: relative;
 color:#3AA0EA;
 font-size:24rpx;
 
 
 display: flex;
 justify-content: center;
 align-items: center;
}
.contertab.contertab_active{
 background: #3AA0EA;
 color:#fff;
}
.contertab::after{
 content: '';
 position: absolute;
 top:14rpx;
 right: 0rpx;
 width:3rpx;
 height: 34rpx;
 background: #3AA0EA;
}
.contertab:last-child::after{
 content: '';
 background: #fff;
 opacity: 0;
}