.basics-msg { position: relative; height: 273rpx; width: 100vw; color: rgba(255, 255, 255, 0.9); font-size: 30rpx; font-weight: 500; } .p-t { padding-top: 200rpx; position: relative; padding-left: 40rpx; box-sizing: border-box; height: 464rpx; } .room-detail-bg { position: absolute; width: 100%; height: 468rpx; } .basics-msg-tit { color: #fff; font-size: 38rpx; font-weight: 700; margin: 17rpx 0 5rpx; position: relative; } .basics-msg-tit>text { font-size: 27rpx; margin-left: 12rpx; background-color: #fff; color: #ff8831; font-weight: 400; padding: 0rpx 10rpx; border-radius: 10rpx; height: 38rpx; display: inline-block; line-height: 38rpx; } .basics-msg-small-tit { color: #fff; font-size: 48rpx; margin-bottom: 15rpx; } .content { margin-top: 225rpx; padding: 24rpx 32rpx 0; width: 646rx; margin-bottom: 24rpx; line-height: 40rpx; } .mytransferdetail-content { margin-top: 225rpx; padding: 24rpx 32rpx 0; width: 646rx; margin-bottom: 24rpx; line-height: 40rpx; } .mytransferdetail-position { color: rgba(58, 60, 101, 0.75); font-size: 30rpx; margin-left: 24rpx; font-weight: 500; margin-bottom: 10rpx; } .position { color: rgba(58, 60, 101, 0.75); font-size: 30rpx; margin-left: 24rpx; font-weight: 500; margin-bottom: 10rpx; } .mytransferdetail-position>text { margin-left: 16rpx; } .position>text { margin-left: 16rpx; } .logo-icon { width: 30rpx; height: 30rpx; } .tit { color: #545688; font-size: 36rpx; font-weight: 500; margin-left: 24rpx; } .flex { display: flex; justify-content: space-between; overflow-x: auto; } .service { background-color: #fef1e1; padding: 18rpx 24rpx 16rpx; color: rgba(58, 60, 101, 0.85); font-size: 30rpx; font-weight: 500; line-height: 56rpx; margin-bottom: 40rpx; } .service>image { width: 48rpx; height: 48rpx; margin-right: 32rpx; vertical-align: middle; border-radius: 45%; } .layout { padding: 26rpx; padding-bottom: 200rpx; } .layout-tit { color: #3a3c65; font-size: 36rpx; font-weight: 700; margin-bottom: 32rpx; } .col { color: #6473fb; font-size: 30rpx; font-weight: 500; } .fun { width: 110px; height: 340rpx; position: absolute; background-color: #fff; top: 52px; right: 7px; } .info-panel-triple { width: 0; height: 0; border: 18rpx solid transparent; border-bottom-color: #fff; position: absolute; right: 20rpx; top: -16px; } .fun-item { text-align: center; height: 112rpx; width: 200rpx; line-height: 112rpx; border-bottom: 1px solid #f3f4f6; color: #3a3c65; } .serviceOrder { position: absolute; right: 34rpx; bottom: 28px; color: #fff; text-align: center; font-size: 32rpx; font-weight: 500; background-color: #ff8641; padding: 0rpx 24rpx; border-radius: 75rpx; } .popup-box { padding: 120rpx 40rpx; flex-wrap: wrap; } .popup-box>view { width: 316rpx; padding: 24rpx 66rpx; text-align: center; background-color: #f3f4f6; color: rgba(58, 60, 101, 0.75); font-size: 28rpx; font-weight: 500; border-radius: 15rpx; box-sizing: border-box; margin-bottom: 32rpx; } .check-css { border: 3rpx solid #7d7aff; background-color: #f1f4fd !important; color: #3a3c65 !important; } .audit { display: flex; align-items: center; color: #fff; font-size: 26rpx; font-weight: 400; background-color: #6d7cfd; padding: 0 24rpx; /* display: inline-block; */ position: absolute; right: 0; bottom: 200rpx; height: 56rpx; line-height: 56rpx; border-radius: 20rpx 0 0 20rpx; } .status-img { width: 120rpx; height: 112rpx; position: absolute; bottom: 60rpx; right: 65rpx; } .mytransferdetail-img { width: 120rpx; height: 112rpx; position: absolute; bottom: 40rpx; right: 65rpx; } .detail-over-text { margin-right: 10rpx; } .over-text { margin-left: 10rpx; } .btn-area button { background-color: #3A3C65; color: #fff; }