page{ background: #f8f8f8; } .wrap{ height: 100%; width: 100%; } .date-show{ position: relative; width: 350rpx; font-size: 40rpx; text-align: center; margin: auto; } .lt-arrow,.rt-arrow{ position: absolute; top: 10rpx; width: 60rpx; height: 60rpx; } .lt-arrow image,.rt-arrow image{ width: 50rpx; height: 50rpx; } .lt-arrow{ left: -110rpx; } .rt-arrow{ right: -100rpx; } .header{ font-size: 0; width:80%; margin:auto; background: #fff; } .header>view{ display: inline-block; width: 14.285%; color: #333; font-size: 30rpx; text-align: center; padding: 35rpx 0; } .weekMark{ position: relative; } .header>view.weekMark { color: #f00; } .weekMark view{ position: absolute; bottom: 0; left: 0; width: 100%; } .date-box{ font-size: 0; width:80%; margin:auto; background: #fff; border-radius:0 0 30px 30px; padding-bottom:40px; } .date-box>view{ position: relative; display: inline-block; width: 14.285%; color: #020202; font-size: 40rpx; text-align: center; vertical-align: middle; margin: 10rpx 0; } .date-head{ height: 60rpx; line-height: 60rpx; font-size: 32rpx; color: #333; } .nowDay .date-head{ width: 60rpx; border-radius: 50%; text-align: center; color: #fff; margin: 0 auto; } .date-weight{ font-size: 22rpx; padding: 15rpx 0; } .nowDay .date-weight{ color: #22A7F6; } .one{ position: absolute; bottom: 0; right: 5rpx; width: 20rpx; height: 20rpx; border-radius: 50%; background-color: red; } .two{ position: absolute; bottom: 30rpx; right: 5rpx; width: 20rpx; height: 20rpx; border-radius: 50%; background-color: blue; } .date-show-box{ height: 80px; line-height: 80px; background: #e93737; color: #fff; width:80%; margin: 20px auto; margin-bottom: 0; border-radius: 30px 30px 0 0; position: relative; } .date-dw{ background: #dfdfdf; width: 20rpx; height: 60rpx; position: absolute; left:100rpx; top: 65px; border-radius:5px; } .date-dw-two{ background: #dfdfdf; width: 20rpx; height: 60rpx; position: absolute; right:100rpx; top: 65px; border-radius:5px; } .btn_qd{ width: 50%; height: 80rpx; line-height: 80rpx; margin:50rpx auto; background: #e93737; color: #fff; text-align: center; border-radius: 10rpx; } .qd_text{ width: 95%; margin: auto; } .qd_text text{ display:block; font-size:25rpx; color:#666; line-height:18px; } /* 弹窗 */ .mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; z-index: 9000; opacity: 0.7; } .modalDlg{ width: 580rpx; height: 700rpx; position: fixed; top: 15%; left: 11.3%; z-index: 9999; display: flex; flex-direction: column; align-items: center; } .btn_gb image{ width: 60rpx; height: 60prx; } .modalDlg_text{ position: absolute; top:43%; left:31%; text-align:center; } .btn_sign{ width:50%; margin:-66rpx auto 0rpx; text-align:center; font-size:16px; }