123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218 |
- /* pages/tabber/home/index.wxss */
- page{
- padding-bottom: 50rpx;
- }
- .infoBoxs{
- position: fixed;
- width: 512rpx;
- height: 153rpx;
- z-index: 20;
- right: 0;
- }
- .tis{
- font-size: 64rpx;
- font-family: HelloFont-WenYiHei, HelloFont;
- font-weight: bold;
- color: #191C27;
- line-height: 64rpx;
- letter-spacing: 4rpx;
- text-align: center;
- }
- .infoBoxs .close{
- width: 30rpx;
- height: 30rpx;
- position: absolute;
- right: 40rpx;
- top: 50rpx;
- }
- .topBg {
- width: 750rpx;
- height: 536rpx;
- position: relative;
- z-index: 1;
- }
- .topBg .contioner {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- .topBg .contioner .tit {
- color: #191C27;
- width: 240rpx;
- height: 60rpx;
- display: block;
- margin: auto;
- }
- .topBg .contioner .tips {
- margin: 30rpx auto;
- font-size: 32rpx;
- color: #191C27;
- letter-spacing: 6rpx;
- }
- .shoppingBoxs {
- width: 702rpx;
- height: 168rpx;
- background: #FFFFFF;
- box-shadow: 0px 10rpx 16rpx 0px rgba(17, 48, 105, 0.04), 0px -10px 16px 0px rgba(17, 48, 105, 0.04);
- border-radius: 12rpx;
- position: absolute;
- left: 50%;
- bottom: -15%;
- transform: translate(-50%, 0%);
- padding: 24rpx;
- }
- .shoppingBoxs .le .content {
- line-height: 48rpx;
- display: flex;
- flex-direction: column;
- margin-left: 25rpx;
- }
- .shoppingBoxs .le .content .tit {
- font-size: 28rpx;
- font-weight: 500;
- color: #191C27;
- }
- .shoppingBoxs .le .content .message {
- font-size: 24rpx;
- color: #999999;
- }
- .shoppingBoxs .le .content .tags {
- font-size: 22rpx;
- color: #4699FF;
- height: 30rpx;
- background: #E8F2FF;
- border-radius: 2rpx;
- text-align: center;
- line-height: 30rpx;
- }
- .shoppingBoxs .le .pic {
- width: 120rpx;
- height: 120rpx;
- }
- .shoppingBoxs .lr {
- position: relative;
- width: 100rpx;
- }
- .shoppingBoxs .lr::before {
- content: '';
- display: block;
- width: 2rpx;
- height: 100%;
- background: #E9E9E9;
- position: absolute;
- left: 0;
- top: 0;
- }
- .shoppingBoxs .lr .icon {
- width: 40rpx;
- height: 40rpx;
- display: block;
- margin: auto;
- }
- .shoppingBoxs .lr .tips {
- font-size: 24rpx;
- color: #666666;
- text-align: center;
- margin-top: 10rpx;
- }
- .mainBoxs {
- padding: 120rpx 65rpx;
- }
- .mainBoxs .mainItem .icon {
- width: 48rpx;
- height: 48rpx;
- display: block;
- margin: auto;
- }
- .mainBoxs .mainItem .text {
- font-size: 24rpx;
- text-align: center;
- color: #191C27;
- margin-top: 15rpx;
- }
- .btns {
- margin: auto;
- width: 686rpx;
- height: 98rpx;
- box-shadow: 0px 10rpx 20rpx 0px rgba(35, 107, 248, 0.2);
- border-radius: 49rpx;
- text-align: center;
- line-height: 98rpx;
- font-size: 32rpx;
- font-weight: 500;
- position: relative;
- margin-bottom: 80rpx;
- }
- .btns.skyBlue {
- background: linear-gradient(270deg, #467FFF 0%, #4699FF 100%);
- color: #FFFFFF;
- }
- .btns.gray {
- color: #FFFFFF;
- background: #CCCCCC;
- }
- .btns .tips {
- height: 38rpx;
- background: #FF663D;
- border-radius: 19rpx 19rpx 19rpx 0px;
- position: absolute;
- right: 0;
- top: -20rpx;
- font-size: 22rpx;
- color: #FFFFFF;
- padding: 0 8rpx;
- }
- .footerTips {
- position: fixed;
- z-index: 10;
- left: 0;
- bottom: 0;
- width: 750rpx;
- height: 104rpx;
- background: #FDFCEC;
- padding: 0 24rpx;
- }
- .footerTips .tips {
- width: 32rpx;
- height: 32rpx;
- }
- .footerTips .message {
- font-size: 24rpx;
- color: #FF663D;
- line-height: 30rpx;
- width: 660rpx;
- }
|