.flex1{ display: flex; align-content: center; justify-content: center; } .flex2{ display: flex; justify-content: space-between; } .flex3{ display: flex; justify-content: space-between; flex-direction: column; } .flex4{ display: flex; align-content: center; } .flex5{ display: flex; flex-direction: column; } .flex6{ display: flex; justify-content: space-between; align-items: center; } .flex7{ display: flex; } .choosebtn{ padding: 10rpx; display: flex; align-items: center; justify-content: center; z-index: 999; .delbtn{ width: 335rpx; height: 88rpx; line-height: 88rpx; border-radius: 45rpx; border: 1rpx solid #D05C39; color: #D05C39; } .succbtn{ width: 335rpx; height: 88rpx; line-height: 88rpx; border-radius: 45rpx; color: #fff; box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2); background: linear-gradient(to right,#FFE1AD,#D8AB5A); margin-left: 20rpx; } } .editbox{ z-index: 999; .chooseall{ padding: 20rpx 30rpx; font-size: 28rpx; border-bottom: 1rpx solid rgba(232, 232, 232, 1); .leftchoose{ display: flex; align-items: center; } .surebtn{ width: 200rpx; height: 88rpx; line-height: 88rpx; text-align: center; border-radius: 43rpx; color: #fff; box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2); background: linear-gradient(to right,#FFE1AD,#D8AB5A); } } .anniu{ height: 70rpx; line-height: 70rpx; .usa{ padding-left: 40rpx; } } .choosebtn{ padding: 10rpx; display: flex; align-items: center; justify-content: center; .delbtn{ width: 335rpx; height: 88rpx; line-height: 88rpx; border-radius: 45rpx; border: 1rpx solid #D05C39; color: #D05C39; } .restorebtn{ width: 335rpx; height: 88rpx; line-height: 88rpx; border-radius: 45rpx; border: 1rpx solid #BEBDBB; color:#68625B; margin-left: 20rpx; } } } .lable { display: flex; margin: 0 auto; margin-top: 20rpx; .radiobox { margin-right: -10rpx; margin-left: 30rpx; } } .hideone { overflow: hidden; //超出的文本隐藏 text-overflow: ellipsis; //用省略号显示 white-space: nowrap; //不换行 } .hidetwo { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; // 从上到下垂直排列子元素 -webkit-line-clamp: 2; //显示的行数 } .newbill { background-color: #fff; position: fixed; bottom: 0; padding-top: 10rpx; padding-bottom: 40rpx; width: 100%; left: 0; right: 0; z-index: 999; .newbillbtn { background: linear-gradient(to right, #FFE1AD, #D8AB5A); width: 474rpx; height: 88rpx; border-radius: 43rpx; box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2); line-height: 88rpx; color: #fff; text-align: center; } .newsufail{ } .newsucess{ width: 335rpx; height: 88rpx; line-height: 88rpx; border-radius: 45rpx; border: 1rpx solid #D05C39; color: #D05C39; } } .plusicon{ position: fixed; left: 0; right: 0; margin: 0 auto; bottom:110rpx; width: 150rpx; height: 150rpx; background: url("@/static/img/plusicon.png") no-repeat; background-size: 150rpx 150rpx; } .txthidelips{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nomore{ padding-top: 80rpx; padding-bottom:40rpx ; text-align: center; } .popscreen { padding-top: 47rpx; height: 1000rpx; overflow: auto; .checklist { .alllistbtn { .btntitle { padding: 0 30rpx; display: block; margin: 48rpx 0 30rpx; font-size: 32rpx; font-weight: 600; margin-top: 20rpx; } .yunbtn { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; margin-left: 30rpx; margin-bottom: 40rpx; } .chosbox{ display: flex; justify-content: center; align-items: center; margin-left: 15rpx; } .btnchoose { margin-bottom: 30rpx; margin-right: 41rpx; width: 200rpx; height: 68rpx; background-color: #F6F6F6; border-radius: 34rpx; font-size: 26rpx; color: #68625B; text-align: center; line-height: 68rpx; } .active { margin-bottom: 30rpx; margin-right: 41rpx; width: 200rpx; height: 68rpx; background-color: #FFF8E5; border-radius: 34rpx; font-size: 26rpx; color: #D8AB5A; border: 1rpx solid #D8AB5A; text-align: center; line-height: 68rpx; box-sizing: border-box; } } } .custom { margin: 50rpx 30rpx; margin-top: 20rpx; display: flex; align-items: center; .custombox { margin-left: 50rpx; flex: 1; .creatdata { color: #68625B; font-size: 28rpx; width: 100%; margin-bottom: 10rpx; padding: 20rpx 0; border-bottom: 1rpx solid #E8E8E8; } .chodatain { color: #BEBDBB; } } } .aszs { padding: 20rpx 0; border-top: 1rpx solid #E8E8E8; margin: 0 30rpx; margin-bottom: 20rpx; font-size: 28rpx; .againbtn { width: 335rpx; height: 88rpx; line-height: 88rpx; text-align: center; border-radius: 45rpx; border: 1rpx solid #E8E8E8; } } }