settle_account.wxss 5.1 KB
/* pages/my/orderDetail/orderDetail.wxss */

page {
  background-color: #f5f5f5;
}
.scroll{
  width: 100%;
  height: 100%;
  padding-bottom:120rpx;
}

.user_guide{
  font-size: 28rpx;
  color: #222;
}


.state {
  position: absolute;
  top: 51rpx;
  right: 71rpx;
}

.wait_pay {
  font-size: 38rpx;
  font-weight: bold;
  color: #333;
}

.state_btn {
  display: flex;
  margin-top: 31rpx;
}

.content_item {
  padding: 0 0;
}

.item_list {
  font-size: 24rpx;
  color: #222;
  background-color: #fff;
  border-radius: 16rpx;
  padding: 29rpx 24rpx 40rpx 32rpx;
  position: relative;
  margin-top: 24rpx;
  z-index: 5;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.05);
}

.item_list1 {
  font-size: 24rpx;
  color: #222;
  background-color: #fff;
  border-radius: 16rpx;
  padding: 29rpx 32rpx 40rpx 32rpx;
  margin-top: 20rpx;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.05);
}
.no_padding_top{
  background-color: #fff;
  border-radius: 16rpx;
  padding:0 25rpx 0 25rpx;
  margin-top: 20rpx;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.05);
}

.list_title{
  font-size:30rpx;
  font-family:PingFang-SC-Heavy;
  font-weight:800;
  color:rgba(34,34,34,1);
}

.expected_time {
  display: flex;
  margin-top: 41rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  line-height:42rpx;
  text-shadow:0px 10rpx 10rpx rgba(0, 0, 0, 0.05);
  position: relative
}

.shipping_information {
  margin-top: 33rpx;
}

.hint {
  margin-right: 36rpx;
  color:rgba(255,68,68,1);
  float: left;
}

.centers{
  float: left;
  color:rgba(34,34,34,1);
}

.icon-jinru,.icon-time,.icon-position{
  font-size: 26rpx;
  color: #C7C7C7;
  float: left;
}

.icon-position{
  font-size: 28rpx;
  font-weight: 600
}

.add_left{
  position: absolute;
  right: 0rpx;
}

.icon-time,.icon-position{
  margin-right:10rpx;
  margin-left: 0;
}

.dec_left{
  position: absolute;
  right: 0rpx;
  top: 24rpx;
}

.hint2 {
  font-size: 22rpx;
  color: #888;
}

.content {
  margin-top: 40rpx;
}
.contents{
  margin-top: 40rpx;
  border-top:1rpx solid rgba(237,237,237,1);
  padding:30rpx 25rpx;
}
.no_border_top{
  border:none;
}

.content_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30rpx;
}

.content_img {
  width: 100rpx;
  height: 100rpx;
}

.content_img image {
  width: 100%;
  height: 100%;
}

.content_detail {
  display: flex;
}

.num {
  color: #888;
}

.species {
  margin-left: 35rpx;
}

.more_box {
  color: #888;
  border-top: 1rpx solid #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 24rpx;
  margin-top: 35rpx;
}

.icon-zhankai {
  font-size: 14rpx;
}

.total{
  font-size: 28rpx;
  color: #26363A;
  background-color: #fff;
  border-radius: 16rpx;
  padding: 25rpx 27rpx 25rpx 0rpx;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: flex-end;
}

.goods_detail{
  display: flex;
  justify-content: space-between;
  margin-bottom: 35rpx;
}
.no_flex{
   /* margin-bottom: 35rpx; */
   position: relative
}
.icon-jinru-dec{
  font-size: 20rpx;
  line-height: 33rpx;
  clear: both;
  margin-left:6rpx
}
.right{
  display: flex
}
.goods_details{
   margin-bottom: 35rpx;
}
.bottom{
  margin-bottom: 0rpx;
}
.money{
  font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(34,34,34,1);
line-height:42rpx;
}
.daxiao_size{
  font-size: 20rpx
}
.jiange{
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(34,34,34,1);
  float: left;
  line-height: 42rpx
}
.one_month{
  float: left;
  margin-left: 6rpx;
  line-height: 42rpx
}
.kuoda{
  margin-left: 20rpx;
}
.xuanzhong{
  font-size: 36rpx;
  color: #EDEDED;
  position: absolute;
  right: 0;
  top:6rpx; 
}
.xuanzhong.active{
  color:rgba(255,218,68,1);
}
.invest{
  margin-left:14rpx;
  width:140rpx;
  height:50rpx;
  background:rgba(255,218,68,1);
  border-radius:25rpx;
  text-align: center;
  line-height: 50rpx;
  font-size:24rpx;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  float: left;
  margin:-2rpx 0 0 14rpx;
}
.yue_pay{
  margin-left:450rpx;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(136,136,136,1);
  line-height: 50rpx;
}
.fixed_bottom{
        position: fixed;
        bottom: 0;
        width:100%;
        height:99rpx;
        background:#fff;
}
.bottom_left{
        width: 68%;
        padding-left:55rpx;
        box-sizing: border-box;
        font-size:26rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(34,34,34,1);
        line-height:99rpx;
        float: left;
        display: flex;
}
.bottom_left_left{
        font-weight:500;
        color:rgba(34,34,34,1);
        margin-right:10rpx;
}
.bottom_left_right{
        font-weight:800;
        color:rgba(255,68,68,1);
        line-height:99rpx;
}
.bottom_right{
        width: 32%;
        height: 100%;
        float: right;
        text-align: center;
        line-height: 99rpx;
        background:linear-gradient(135deg,rgba(249,145,21,1),rgba(245,104,0,1));
        font-size:26rpx;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
}