/* pages/scan_result/scan_result.wxss */ page { height: 100%; } view.inline { display: inline-block; vertical-align: middle; line-height: 28rpx; height: 28rpx; min-height: 28rpx; } .map_text { position: relative; /* height: calc(100% - 640rpx); */ background: #fff; padding: 20rpx 30rpx 0 30rpx; box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset; width: calc(100% - 60rpx); } .charging_text_title { height: 105rpx; width: 100%; display: flex; margin-bottom: 20rpx; } .charging_text_title1 { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .charging { width: 62rpx; height: 62rpx; margin: 30rpx 30rpx 30rpx 0; flex-shrink: 0; overflow: hidden; } .charging image { width: 62rpx; height: 62rpx; } .soc { height:100%; margin: 19rpx 0rpx 30rpx 0; flex-shrink: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .soc image { width: 52rpx; height: 52rpx; } text { margin: 0 0 18rpx 0; display: block; font-size: 26rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #231400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 30rpx; height: 30rpx; min-height: 30rpx; } text.bold { font-weight: bold; line-height: 34rpx; height: 34rpx; min-height: 34rpx; margin-top: 28rpx; margin-bottom: 8rpx; display: block; font-size: 30rpx; } text.inline { display: inline-block; color: #575757; margin-top:18rpx; margin-bottom: 0; } .h1 { margin: 0rpx 0rpx 24rpx 0rpx; font-size: 24rpx; line-height: 28rpx; height: 28rpx; min-height: 28rpx; color: #a3a3a3; } .charg_button { font-size: 32rpx; margin: 20rpx 65rpx; height: 90rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; background-color: #1d9bf7; border-radius: 45rpx; box-shadow: 0rpx 16rpx 0rpx #edf5fd; border: none; position: fixed; bottom: 10rpx; width: 80%; } .charg_button.button-hover { background-color: #1d9cf7b9; color: #ffffff; } .rtable{ width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .rtable .rtr{ width: 100%; height: 40rpx; display: flex; flex-direction: row; } .rtable .rtr{ font-size: 26rpx; } .rtable .rtr.active{ color:#f06c6c; font-weight: bold; font-size: 28rpx; font-style: italic; } .rtable .rtr .rtd{ font-size: 26rpx; } .rtable .rtr .rtd.t1{ width: 210rpx } .rtable .rtr .rtd.t2{ width: 180rpx } .context{ height: 1400rpx; width: 100%; } .richHourNum{ display: inline; color: red; padding-left: 10rpx; padding-right: 20rpx; } .scan_img{ width:400rpx; height:400rpx; padding: 0 calc((100% - 400rpx) / 2); } .scan_text{ word-wrap: break-word; word-break: break-all; white-space: pre-line; text-align: center; padding:0 calc((100% - 500rpx) / 2); padding-bottom: 200rpx; }