page { background: #F5F5F5; } .init { padding: 0 25rpx 20rpx; } .init > view { padding: 10rpx 25rpx; } .init_lawyer { margin-top : 20rpx; } .one_lawyer { position: relative; background: #fff; margin-bottom: 20rpx; height: 180rpx; overflow: hidden; } .one_lawyer > image { width: 40rpx; height: 40rpx; position: absolute; top: 0; right: 0; } .one_lawyer > view { display: inline-block; } .lawyer_head { padding: 40rpx; } .lawyer_head image { width: 100rpx; height: 100rpx; border-radius: 50%; } .lawyer_msg { padding: 50rpx 15rpx; } .lawyer_name { font-size: 32rpx; line-height: 40rpx; } .lawyer_address { font-size: 28rpx; color: #666; line-height: 40rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lawyer_address image { width: 25rpx; height: 25rpx; margin-right: 15rpx; } /* .lawyer_state { padding: 60rpx 15rpx; } */ .lawyer_state { width: 120rpx; background: #eee; border-radius: 15px; color:#6b223e; font-size: 26rpx; line-height: 45rpx; text-align: center; float: right; } .init_info , .init_info , .init_content , .init_img , .init_time , .init_receiver{ margin-bottom: 20rpx; } .init_time > view > view { display: inline-block; font-size: 32rpx; } .init_time .time_meter { float: right; margin-right: 20rpx; color: #fd0909; margin-top: 5rpx; } .init_info > view , .init_content > view , .init_img > view , .init_time > view , .init_receiver > view { background: #fff; padding: 15rpx; } .init_info .input text:nth-child(1) { width: 30%; font-size: 32rpx; vertical-align: middle; line-height: 88rpx; } .init_info .input text:nth-child(2) { display: inline-block; width:70%; font-size: 32rpx; vertical-align: middle; padding: 0 20rpx; line-height: 88rpx; } .init_receiver .input { padding: 0 15rpx; } .init_receiver .input text { width: 30%; font-size: 32rpx; vertical-align: middle; line-height: 88rpx; } .init_receiver .input input { display: inline-block; width:70%; font-size: 32rpx; vertical-align: middle; padding: 0 20rpx; line-height: 88rpx; } .init_receiver .input .code { width:250rpx; } .init_receiver .input .oneLine { display:inline-block; margin: 0 24rpx; height: 50rpx; width: 1px; border-right: 1px solid #6b223e; vertical-align: middle; } .init_receiver .input .right { display:inline-block; text-align:right; color: #6b223e; font-size: 30rpx; border:none; vertical-align: middle; } .line { width: 95%; margin:0 auto; height: 1px; background: #eee; } .init_content > view > view.init_title , .init_img > view > view.init_title { font-size: 32rpx; padding: 15rpx 0 30rpx 0; color: #495060; border-bottom: 1px solid #eee; margin-bottom: 15rpx; } .init_content > view { overflow-wrap: break-word; } .init_content > view > view:nth-child(2) { font-size: 28rpx; white-space: pre-line; color: #666; padding: 0 10rpx; line-height: 35rpx; } .imgs > view { display: inline-block; width: 30%; height: 200rpx; margin: 1.5%; position: relative; } .init_img image:nth-child(1) { height: 100%; width: 100%; } .init_img image:nth-child(2) { width: 40rpx; height: 40rpx; position: absolute; top: 0; right: 0; } .init_time > view > picker { font-size: 32rpx; padding: 0 0 0 15rpx; position: relative; line-height: 60rpx; } .icon { position: absolute; right: 0; top: 0; } .init > view.init_remark { font-size: 26rpx; padding: 0 35rpx; margin-bottom: 20rpx; color: #fd0909; } .init_prompt { margin: 25rpx 0 25rpx; text-align: center; font-size: 22rpx; color :#999; } .init_content > view > view.prompt { color: #f00; } .prompt image { width: 32rpx; height: 32rpx; margin: 0 15rpx; vertical-align: middle; } .prompt text { vertical-align: middle; } .prompt_text { font-size: 26rpx; color: #666; } .prompt_text .a { color: #576b95; } .btn { width:80%; margin:50rpx auto 0; border: 1px solid #6b223e; } .agree { background: #6b223e; color: #fff; } .refuse { color: #6b223e; } .one_file > view { display: inline-block; height: 80rpx; line-height: 80rpx; } .one_file > view { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 80rpx; line-height: 80rpx; color: #3598dc; padding: 0 20rpx; }