|
- /**index.wxss**/
- page{
- height: 100%;
- }
- .container{
- width: 100%;
- height: 100%;
- }
- .buyBg{
- width: 890rpx;
- height: 1000rpx;
- position: fixed;
- top:0;
- left: 0;
- }
- /* swiper{
- width: 100%;
- height: 437rpx;
- position: absolute;
- left: 0;
- bottom: 0;
- } */
- .botCont{
- /* width: 607rpx; */
- width: 100%;
- border-radius:30rpx;
- background-color:#ffffff;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- padding-top: 70rpx;
- /* padding-left: 75rpx; */
- padding-bottom: 40rpx;
-
- position: fixed;
- left: 0;
- bottom: 0;
- }
- .imgView{
- width: 254rpx;
- height: 248rpx;
- overflow: hidden;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius:10px 0px 0px 10px;
- }
- .imgView image{
- width: 387rpx;
- height: 342rpx;
- }
- .textView{
- width: 318rpx;
- position: absolute;
- left: 97rpx;
- top: 150rpx;
- text-align: center;
- }
- .textView text{
- display: block;
- }
- .nameText{
- font-size:40rpx;
- font-family:DINPro;
- font-weight:bold;
- color:#8f560f;
- margin-top: 42rpx;
- /* margin-bottom: 42rpx */
- }
- .bigticketView{
- display: flex;
- justify-content: center;
- align-items: center;
- color:#8f560f;
- }
- .maney{
- font-weight:bold;
- font-size:40rpx;
- }
- .Bigticket{
- font-size:35rpx;
- font-family:DINPro;
- color:#8f560f;
- }
- .timeText{
- font-size:20rpx;
- font-family:SourceHanSansCN;
- font-weight:300;
- color:rgba(153,153,153,1);
- }
- .buyView{
- margin-top: 40rpx;
- font-size:36rpx;
- font-family:SourceHanSansCN;
- font-weight:500;
- color:rgba(0,0,0,1);
- }
-
- .ruleBtn{
- width: 117rpx;
- height: 37rpx;
- position: fixed;
- right: 30rpx;
- bottom: 480rpx;
- z-index: 10;
- }
- .maskAll{
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background-color: rgba(0, 0, 0, 0.5);
- z-index: 100
- }
- .ruleMask{
- width: 576rpx;
- height: 947rpx;
- }
- .hiddenIcon{
- width: 110rpx;
- height: 111rpx;
- margin: -12rpx auto 0 auto;
- display: block;
- }
- .maskCont{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- }
- .indexBuy{
- width: 650rpx;
- height: 275rpx;
- margin-left: 50rpx;
- }
- .indexBtnBuy{
- width: 368rpx;
- height: 73rpx;
- margin-left: 191rpx;
- }
|