|
- /* pages/buyTicket/buyTicket.wxss */
- .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;
- }
- .line{
- margin-left: 94rpx;
- margin-right: 46rpx;
- width: 1rpx;
- height: 126rpx;
- background-color: rgba(204,204,204,1);
- }
- .chooseNum{
- display: flex;
- align-items: center;
- margin-right: 50rpx;
- }
- .chooseNum text{
- font-size: 30rpx;
- font-weight:bold;
- color:rgba(51,51,51,1);
- }
- .inputNum{
- width: 70rpx;
- margin: 0 15rpx;
- text-align: center;
- }
- .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;
- font-weight:bold;
- color:rgba(51,51,51,1);
- margin-left:96rpx;
- }
-
- .title{
- display: inline-block;
- width: 100%;
- margin: 57rpx 0 7rpx 0;
- 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;
- }
-
- .buyBtn{
- width: 100%;
- height: 99rpx;
- margin-top: 140rpx;
-
- }
-
- /* .all{
- width: 100%;
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- } */
|