manHourHousekeeper/fhKeeper/formulahousekeeper/timesheet_wx/pages/detail/detail.wxss

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;
}