/* pages/error/jiesuan/index.wxss */ page { padding: 0 0 160rpx; background: #f4f4f4; } .color_green{ color: #0F8800 !important; } .color_red{ color: #F23131 !important; } .font_linethrough{ text-decoration: line-through; } .item_font_view { margin-right: 24rpx; font-size: 28rpx; font-weight: bold; color: #333; } .header_view { padding: 32rpx 0 30rpx; font-size: 28rpx; color: #333; background: #fff; } .header_icon { width: 68rpx; height: 58rpx; display: inline-block; margin-bottom: 24rpx; } .header_tip_view { display: flex; align-items: center; justify-content: center; margin-bottom: 24rpx; height: 72rpx; text-align: center; font-size: 24rpx; color: #FF663D; background: #FDFCEC; } .header_tip_icon { display: inline-block; width: 27rpx; height: 27rpx; margin-right: 20rpx; } .bottom_view { position: fixed; left: 0; bottom: 0; width: 100vw; padding: 30rpx 24rpx; background: #fff; border-radius: 24rpx 24rpx 0 0; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.1) } .bottom_view>view:nth-child(1) { border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #52A1FF; width: 221rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_view>view:nth-child(2) { border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #52A1FF; width: 285rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_view>view:nth-child(3) { border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #fff; background: #52A1FF; width: 164rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_icon { position: relative; top: 8rpx; display: inline-block; width: 32rpx; height: 38rpx; margin-right: 12rpx; } .item_one { margin: 0 24rpx 24rpx; border-radius: 16rpx; background: #fff; } .item_one>view { padding: 0 24rpx; border-bottom: 1rpx solid #ededed; } .item_one_toptit { padding: 28rpx 0 14rpx; } .item_one_goods{ padding-top: 24rpx; } .item_one_goods_image { display: inline-block; width: 114rpx; height: 114rpx; margin-right: 24rpx; background: #d8d8d8; } .item_one_goods_left { flex: 1; font-size: 24rpx; height: 114rpx; display: flex; flex-direction: column; justify-content: space-between; } .item_one_goods_left>view:nth-child(1){ color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .item_one_goods_left>view:nth-child(2){ color: #333; letter-spacing: 2rpx; } .light_color{ color: #999 !important; } .item_one_goods_after{ padding: 24rpx 0; font-size: 24rpx; color: #333; border-bottom: 1rpx dashed #f0f0f0; } .item_one_goods_after>view:nth-child(1){ width: 140rpx; } .item_one_goods_after>view:nth-child(2){ flex: 1; } .item_one_green_view{ margin-top: 20rpx; } .item_one_green>view:nth-child(1){ font-size: 28rpx; font-weight: bold; } .item_one_green>view:nth-child(2){ font-size: 24rpx; color: #555; } .item_one_goods_two_one{ padding: 22rpx 0; } .item_one_goods_two_one>view:nth-child(1){ font-size: 28rpx; font-weight: bold; color: #F23131; } .item_one_goods_two_one>view:nth-child(2){ font-size: 24rpx; color: #4a4a4a; text-decoration: line-through; } .item_one_bottom_one{ padding: 30rpx 0; } .dx_view{ margin-right: 8rpx; } .dx_icon{ width: 26rpx; height: 26rpx; display: inline-block; margin-right: 8rpx; } .item_two{ margin: 0 24rpx; border-radius: 16rpx; background: #fff; } .item_two_one{ padding: 30rpx 24rpx; } .item_two_one>view:nth-child(2){ font-size: 24rpx; color: #FF663D; } .item_two_three{ padding: 30rpx 0; } .item_two_three>view:nth-child(1){ font-size: 28rpx; font-weight: bold; color: #333; } .item_two_three>view:nth-child(2){ margin: 24rpx 0; width: 145rpx; height: 56rpx; line-height: 56rpx; text-align: center; border-radius: 8rpx; border: 1rpx solid #4699FF; font-size: 24rpx; color: #4699FF; } .item_two_three>view:nth-child(3){ font-size: 24rpx; color: #FF663D; } .item_two_two{ border-top: 1rpx solid #ededed; border-bottom: 1rpx solid #ededed; } .item_two_two>view{ flex: 1; font-size: 24rpx; color: #333; } .item_two_two>view:nth-child(1){ border-right: 1rpx solid #ededed; } .item_two_two>view>view{ padding: 0 24rpx 30rpx; } .item_two_two>view>view:nth-child(1){ padding-top: 30rpx; } .item_two_two>view>view:nth-child(3){ padding: 20rpx 24rpx; border-top: 1rpx dashed #ededed; } .popup_view{ position: fixed; top: 0; left: 0; z-index: 20; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); } .popup_item{ margin: 0 24rpx; width: calc(100% - 48rpx); background: #fff; border-radius: 20rpx; } .popup_item>view:nth-child(1){ height: 308rpx; } .popup_item>view:nth-child(1)>view:nth-child(1){ font-size: 28rpx; font-weight: bold; color: #333; } .popup_item>view:nth-child(1)>view:nth-child(2){ margin-top: 48rpx; width: 358rpx; height: 136rpx; background: #f6f6f6; border-radius: 8rpx; font-size: 72rpx; color: #333; } .popup_item>view:nth-child(2){ border-top: 1rpx solid #f0f0f0; } .popup_item>view:nth-child(2)>view{ flex: 1; height: 110rpx; font-size: 28rpx; } .popup_item>view:nth-child(2)>view:nth-child(1){ border-right: 1rpx solid #f0f0f0; color: #666; } .popup_item>view:nth-child(2)>view:nth-child(2){ color: #4699FF; } .input_view{ width: 100%; height: 100%; text-align: center; }