view { box-sizing: border-box; } .container { .mainBox{ margin-top: 24rpx; padding: 0 40rpx; padding-bottom: 384rpx; .titleBox{ background: #F0F1F4; background: linear-gradient(90deg,#DCEBFF,#fff); height: 62rpx; width: 80%; border-radius: 32rpx 0rpx 0rpx 0rpx; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #333333; display: flex; align-items: center; padding-left: 32rpx; } .contentBox{ min-height: 1004rpx; background: linear-gradient(180deg, #DCEBFF 0%, #FFFFFF 100%); box-shadow: 0rpx 8rpx 16rpx -8rpx rgba(0,71,190,0.4); border-radius:0 32rpx 32rpx 32rpx; padding: 0 40rpx; .bgTag{ width: 434rpx; // max-width:60vw; min-height:54rpx; padding: 0 20rpx; // background: linear-gradient(132deg, #4FDDFF 0%, #5ECFFF 49%, #017AFF 100%); // filter: blur(0.5px); font-size: 36rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #333333; display: flex; align-items: center; justify-content: center; margin-left: 50%; transform: translate(-50%,-50%); background-size: 100% 100%; background-repeat: no-repeat; } .storeBox{ // overflow: hidden; position: relative; // overflow: auto; /* 清除float的影响 */ .loading{ position: absolute; top: 0; left: 0; width: 100%; // height: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: column; .loadingImg{ margin-top: 50rpx; // position: absolute; // top: 150rpx; // left: 50%; width: 500rpx; height: 500rpx; // transform: translate(-50%,0%); } .progress{ width: 100%; margin-top: 100rpx; .tipTxt{ margin-top: 50rpx; color: #017AFF; } } } text{ font-size: 28rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 500; color: #333333; line-height: 66rpx; margin-top: 48rpx; text-wrap: wrap; text-align: justify; // float: left; } .img1{ width: 256rpx; height: 256rpx; border-radius: 30rpx; float: left; margin-right: 24rpx; clear: both; } .img2{ width: 256rpx; height: 356rpx; border-radius: 30rpx; float: right; clear: both; // margin-bottom: 1px; // margin-bottom: 500rpx; // position: absolute; // bottom: 0; // right: 0; // height: auto; /* 保持图片比例 */ } } } } } .btnBox{ padding-top: 32rpx; padding-left: 40rpx; padding-right: 40rpx; padding-bottom: 40rpx; height: 312rpx; background: #FFFFFF; box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05); border-radius: 32rpx 32rpx 0rpx 0rpx; position: fixed; bottom: 0; width: 100%; .btn{ display: flex; align-items: center; justify-content: center; } .b1{ // width: 670rpx; height: 108rpx; background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%); box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2); border-radius: 54rpx; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #FFFFFF; margin-bottom: 24rpx; } .b2{ // width: 670rpx; height: 108rpx; border-radius: 54rpx; border: 2rpx solid #017AFF; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #017AFF; } } ::v-deep .u-popup__content{ border-radius: 30rpx!important; } .slot-content{ // font-size: 28rpx; .txt1{ margin-bottom: 10rpx; } .caidan{ width: 100%; height: 30rpx; margin-top: 10rpx; } }