/* pages/appointment/appintment.wxss */
@import '../love/love.wxss';
@import '../../Augly_Animation.wxss';
page{
 background: #f0f0f0;
}
.appintmentbox{
 margin: 16rpx 0 0 0;
 background: #fff;
 padding:0 32rpx;
}
.appintmenttab{
 background: #fff;
 margin: 14rpx 0 0 0;
 padding:0 32rpx ;
 display: flex;
 align-items: center;
}
.additem{
 display: flex;
 align-items: center;
 margin: 0 0 20rpx 0;
}
.appint_item .tel_box{
 width:270rpx;
}
.appint_item .tel_img{
 width:24rpx;
 height: 30rpx
}
.addresint{
 display: flex;
 align-items: center;
 width:600rpx;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 color:#1F1F1F;
 font-size:24rpx;
}
.appint_item{
 position: relative;
 display: flex;
 padding:30rpx 0;
 align-items: center;
 justify-content: space-between;
 background:#fff;
 border-bottom:1rpx solid #EBEBEB;
}
.int_rigth{
 width:200rpx;
 display: flex;
 align-items: center;
 color:#292929;
 font-size:28rpx;
 box-sizing: border-box;
}
.int_img{
 width:28rpx;
 height: 28rpx;
 margin: 0 16rpx 0 0;
}
.int_img image{
 width:100%;
 height: 100%;
}
.int{
 width:500rpx;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.appint_item .icon-xiangyou{
 position: absolute;
 top:28rpx;
 right: 0;
 color:#ccc;
}
.info_box{
 background: #fff;
 padding:30rpx 0 0 0;
}
.vlue_txt{
 color:#CCCCCC;
 font-size:24rpx;
}
.input_txt{
 width:100%;
}
.input_txt input{
 width:100%;
}
.int_title{
 display: flex;
 align-items: center;
 justify-content: space-between;
 color:#8DE063;
 font-size:30rpx;
}
.inmi_img{
 width:22rpx;
 height: 22rpx;
 border-radius: 50%;
 overflow: hidden;
}
.inmi_img image{
 width:100%;
 height: 100%;
}
.nimi_txt{
 font-size:24rpx;
 margin: 0 10rpx 0 0;
 color:#8DE063;
}
.txt_box .iconfont{
 font-size:27rpx;
 color:#8DE063;
}
.input_p{
 color:#CCCCCC;
 font-size:24rpx;
}

.tranpost{
 background: #fff;
 margin: 16rpx 0 0 0;
 padding:0 32rpx;
}
.tranpost_item{
 display: flex;
 justify-items: center;
 justify-content: space-between;
 color:#292929;
 font-size:28rpx;
 padding:30rpx 0;
 border-bottom:1rpx solid #EBEBEB;
}
.txt-green{
 color:#8DE063;
}
.int_btn{
 margin: 28rpx 32rpx;
 height: 88rpx;
 display: flex;
 align-items: center;
 justify-content: center;
 color:#fff;
 font-size:34rpx;
 background: #8DE063;
 border-radius: 44rpx;
}
.int_btn:active{
 opacity: 0.7;
}
.mold{
 background: rgba(0,0,0,0.3);
 width:100%;
 height: 100%;
 position: fixed;
 z-index: 2;
 top:0;
 left:0;
 display: flex;
 justify-content: center;
 align-items: center;
}
.mold_main{
 padding:0 60rpx 160rpx 60rpx;
 position: relative;
 box-sizing: border-box;
 background: #fff;
 width:646rpx;
 border-radius: 36rpx;
 box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.08);
}
.mold_titlebox{
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 color:#000;
 /* font-weight: bold; */
 font-size:36rpx;
 padding:30rpx 0;
}
.mold_titlebox::before{
 content: '';
 position: absolute;
 top:50%;
 left:177rpx;
 transform: translateX(-50%);
 width:9rpx;
 height: 9rpx;
 border-radius: 50%;
 background: #8EE064;
}
.mold_titlebox::after{
 content: '';
 position: absolute;
 top:50%;
 right:170rpx;
 transform: translateX(-50%);
 width:9rpx;
 height: 9rpx;
 border-radius: 50%;
 background: #8EE064;
}
.mold_btn{
 position: absolute;
 bottom:40rpx;
 transform: translateX(-50%);
 left:50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color:#fff;
 font-size:30rpx;
 width:460rpx;
 height: 82rpx;
 border-radius: 42rpx;
 background: linear-gradient(0deg,rgba(125,198,87,1),rgba(142,224,100,1));
border:1px solid rgba(226,226,226,1);
}
.mold_btn:active{
 opacity: 0.7;
}
.mold_content{
 height: 680rpx; 
 overflow-y: scroll;
 color:#000;
 font-size:26rpx;
 line-height: 50rpx;
}
.gry{
 color:#CCCCCC !important;
 
}
.gry_btn{
 background: rgba(204,204,204,1) !important;
 color:#fff !important;
}