/* pages/applyMedince/applyMedince.wxss */ .page { overflow: hidden; display: flex; flex-direction: column; } .page.active{ background: #fff; } .wraper{ margin-top: 172rpx; width:100%; } .wrapercon{ display: flex; flex-direction: column; overflow: hidden; width:100%; top:172rpx; position: absolute; bottom:160rpx; background-color: #fff; } .searchband{ margin:40rpx 32rpx 0; padding:30rpx; border-radius: 10rpx; background:#fff; } .iptbox{ margin-top: 30rpx; position: relative; } .ipt{ width:100%; text-align: center; height: 68rpx; background: #FBFBFB; border-radius: 34rpx; border: 1rpx solid #3CC7C0; } .iptbox .tips{ position: absolute; display: flex; height: 70rpx; width:100%; align-items: center; justify-content: center; } .tips .title{ margin-right: 10rpx; } .brandtitle{ display: flex; font-size: 34rpx; color: #333333; align-items: center; } .ssimg{ margin-right: 20rpx; width:30rpx; height:30rpx; } .searchbox { margin: 30rpx 32rpx 0; height: 68rpx; background: #FBFBFB; border-radius: 34rpx; border: 1rpx solid #3CC7C0; display: flex; border-radius: 40rpx; align-items: center; } .searchbox input { margin-left: 30rpx; flex: 1; font-size: 32rpx; height: 80rpx; } .searchbox image { width: 30rpx; height: 30rpx; padding:20rpx; margin-right:8rpx; } .titlebox{ margin:30rpx 32rpx 0; display: flex; align-items: center; justify-content: space-between; } .titlebox .del{ width:32rpx; height:32rpx; } .titlebox .name{ font-size: 28rpx; color: #333333; } .listUl{ margin:30rpx 32rpx 0; display: flex; flex-wrap: wrap; } .listUl .cell{ width: 154rpx; padding:0 10rpx; box-sizing: border-box; margin-right: 23rpx; margin-bottom: 30rpx; text-align: center; line-height: 60rpx; height: 60rpx; background: #F4F4F4; border-radius: 30rpx; font-size: 28rpx; color: #666666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .listUl .cell:nth-child(4n){ margin-right: 0rpx; } .btnbox{ position: fixed; left:32rpx; right:32rpx; bottom:40rpx; height: 94rpx; background: #3CC7C0; border-radius: 47rpx; } .btnbox .btn{ width:100%; height: 94rpx; display: flex; justify-content: center; align-items: center; font-size: 36rpx; color: #FFFFFF; } .bage { top:3rpx; position: absolute; right:76rpx; padding: 0 10rpx; height: 36rpx; display: flex; align-items: center; color: #fff; line-height: 38rpx; border-radius: 30rpx; font-size: 26rpx; background: #EF4F20; } .placeholderIpt{ font-size: 28rpx; font-weight: 400; color: #999999; } .medincebox { position: relative; z-index:22; flex:1; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #fff; } .medincebox .cell { padding: 30rpx 32rpx; display: flex; align-items: center; border-bottom: 1rpx solid #E3E4E5; } .medincebox .add{ width:50rpx; height:50rpx; } .medincebox .add.disabled{ opacity: 0.55; } .medincebox .cell:nth-last-child(2){ border-bottom:none; } .rightinfo { margin-left: 30rpx; flex: 1; display: flex; flex-direction: column; justify-content: center; } .medincebox .cell .name { word-break: break-all; font-size: 32rpx; font-weight: bold; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .handle{ height:50rpx; display: flex; align-items: center; font-size: 28rpx; } .addbox{ display: flex; align-items: center; width: 66rpx; justify-content: flex-start; } .addbox.min{ justify-content: flex-end; } .handle .number{ width:20rpx; text-align: center; margin:0 8rpx; } .imgbox { border-radius:8rpx; border:1rpx solid #ccc; width: 200rpx; height: 200rpx; display: flex; align-items: center; justify-content: center; position: relative; } .yaoimg { width: 120rpx; height: 128rpx; } .imgbox .desc { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 50%; font-size: 22rpx; font-weight: 400; color: #666666; line-height: 30rpx; transform: translateY(-50%); } .imgbox .desc .tip { text-align: center; } .rightinfo .own { margin-top: 47rpx; display: flex; justify-content: space-between; align-items: center; font-size: 28rpx; font-weight: 400; color: #333333; } .namenum{ font-size: 28rpx; font-weight: 400; color: #333333; } .yaodian{ margin-top: 25rpx; color:rgba(51, 51, 51, 1); font-size: 28rpx; } .own .company{ font-size: 34rpx; font-weight: 600; color: #EF4F20; }