/* pages/givePage/givePage.wxss */ page{ width: 100%; height: 100%; overflow: hidden; background-color: #f9f6f6; } .all{ height: 100%; } .ticketImg{ width: 100%; height: 472rpx; } .imgView{ width: 100%; height: 300rpx; overflow: hidden; border-radius:0px 0px 30rpx 30rpx; position: relative } .tooth{ display: block; width: 694rpx; height: 10rpx; position: absolute; left: 50%; bottom: -4rpx; transform: translateX(-50%); } .buyNum{ width: 100%; height: 190rpx; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; border-radius: 30rpx; } .line{ margin-left: 94rpx; margin-right: 46rpx; width: 1rpx; height: 126rpx; background-color: rgba(204,204,204,1); } .chooseNum{ display: flex; align-items: center; border: 2rpx solid #f9f6f6; padding: 0 20rpx; } .chooseNum text{ font-size: 30rpx; font-weight:bold; color:rgba(51,51,51,1); } .inputNum{ width: 70rpx; margin: 0 15rpx; text-align: center; background-color: #f9f6f6; } .subtract{ width: 28rpx; height: 4rpx; } .textAdd{ width: 28rpx; height: 28rpx; } .subtractView{ width: 28rpx; height: 28rpx; display: flex; justify-content: center; align-items: center; background: #ffffff; } .ticketName{ font-size:36rpx; font-family:SourceHanSansCN; color:rgba(51,51,51,1); margin-left: 96rpx; } .lineRig{ margin-right: 35rpx; } .giveFrind{ padding: 47rpx 41rpx 47rpx 32rpx; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; border-radius: 30rpx; margin: 8rpx 0; } .giveView{ font-size:26rpx; font-family:SourceHanSansCN; font-weight:bold; color:rgba(51,51,51,1); line-height:30px; } .surplus{ display: inline-block; width:34rpx; height:70rpx; font-size:36rpx; font-family:SourceHanSansCN; font-weight:bold; color:rgba(51,51,51,1); } .bigWord{ font-size:90rpx; font-family:DINPro; font-weight:bold; color:rgba(235,97,0,1); } .smaWord{ font-size:30rpx; font-family:SourceHanSansCN; font-weight:bold; color:rgba(51,51,51,1); } .title{ display: inline-block; width: 100%; margin-bottom: 7rpx; text-align: center; font-size:30rpx; font-family:SourceHanSansCN; font-weight:bold; color:rgba(51,51,51,1); line-height:30rpx; } .timeLimit{ height: 26rpx; display: flex; align-items: center; margin-top: 23rpx; margin-bottom: 15rpx; } .timeLimit image{ width: 20rpx; height: 20rpx; margin-left: 32rpx; margin-right: 16rpx; } .timeLimit text{ font-size:26rpx; font-family:SourceHanSansCN; font-weight:bold; color:rgba(51,51,51,1); line-height:30rpx; } .specify{ font-size:22rpx; font-family:SourceHanSansCN; font-weight:400; color:rgba(102,102,102,1); line-height:30rpx; width: 613rpx; margin-left: 69rpx; } .giveBtn{ width: 100%; height: 98rpx; } .shareBtn{ width: 100%; height: 98rpx; position: absolute; bottom: 0; padding: 0; border-radius: 0; } .circleLeft{ background-color: #f9f6f6; border-radius: 50%; width: 50rpx; height: 50rpx; position: absolute; left: -25rpx; } .circleRig{ background-color: #f9f6f6; border-radius: 50%; width: 50rpx; height: 50rpx; position: absolute; right: -25rpx; } .botAll{ background-color: #ffffff; border-radius: 30rpx; padding: 57rpx 0; } .maskView{ height: 100%; width: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 9; } .yesSure{ text-align: center; padding: 50rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.1); } .maskCont{ width: 90%; background-color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 30rpx; overflow: hidden; } .btnView{ display: flex; justify-content: space-between; align-items: center; } .SureYes{ border-radius: 0; width: 50%; margin: 0; background:#ffffff; border: none; border-color: transparent; } .SureYes::after{ border: none } .SureNo{ height: 95rpx; line-height: 95rpx; width: 50%; text-align: center; border-right: 1rpx solid rgba(0, 0, 0, 0.1); }