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: 35rpx 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: 105rpx; 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_st , .init_jump { margin-bottom: 20rpx; } .init_info > view , .init_content > view , .init_img > view , .init_time > view , .init_st > view , .init_jump > view { background: #fff; padding: 15rpx; } .init_info .input { padding: 0 15rpx; } .input image { width: 28rpx; height: 30rpx; margin-right: 15rpx; vertical-align: middle; } .input image.mobile { width: 18rpx; height: 28rpx; margin-left: 10rpx; margin-right: 15rpx; } .init_info .input text { width: 30%; font-size: 32rpx; vertical-align: middle; line-height: 60rpx; } .init_info .input input { display: inline-block; width:70%; font-size: 32rpx; vertical-align: middle; padding: 0 20rpx; line-height: 88rpx; } .init_st > view > view , .init_jump > view > view { font-size: 32rpx; } .init_st > view > view text { color: #999; float: right; margin-right: 24rpx; } view.init_title { font-size: 32rpx; padding: 15rpx 10rpx 30rpx 10rpx; color: #000; border-bottom: 1px solid #eee; margin-bottom: 15rpx; } view.init_title text { float: right; color: #4cd964; font-size: 28rpx; } .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_jump .jump { float: right; } .init_jump > view > view text { color: #6b223e; font-size: 28rpx; } .init_jump > view > view image { width: 16rpx; height: 24rpx; vertical-align: middle; margin-left: 15rpx; } .init_pay > view { background: #fff; padding: 15rpx; } .init_pay > view > view { text-align: center; } .pay_title { margin: 40rpx 0 20rpx 0; color: #999; font-size: 32rpx; } .pay_num { margin: 10rpx 0 50rpx 0; font-size: 60rpx; } .pay_btn { width:600rpx; margin: 40rpx auto; } .pay_btn button { background: #6b223e; color: #fff; } .pay_check { margin: 30rpx auto 20rpx; } .pay_check checkbox-group { display: inline; } .pay_check .text { font-size: 22rpx; color: #999; } .pay_check .text.a { color: #576b95; } .btn { width:80%; margin:50rpx auto 0; border: 1px solid #6b223e; } .agree { background: #6b223e; color: #fff; } .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; } .cloud_back { position: fixed; right: 35rpx; bottom: 290rpx; } .cloud_back image { width: 120rpx; height: 120rpx; }