/**index.wxss**/ page{ background: #EEEEEE; padding: 20rpx 30rpx 0; height: 100%; position: fixed; top: 0; left: 0; width: 100%; } .search{ position: relative; } input{ display: block; height: 70rpx; background: #fff; border-radius: 20rpx; width: 100%; padding: 0 25rpx; } .search image{ width: 35rpx; position: absolute; right: 25rpx; top: 0; bottom: 0; margin: auto; } .banner{ margin: 20rpx 0; width: 100%; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.08); height: 240rpx; } .banner swiper-item{ border-radius: 20rpx; /* border: 1px solid red; */ overflow: hidden; } .banner swiper-item image{ width: 100%; height: 100%; } .banner .wx-swiper-dots{position:relative;left: unset!important;right: 0;} .wx-swiper-dots.wx-swiper-dots-horizontal{ /* margin-bottom: rpx; */ } .banner .swiper-item{ position: absolute; z-index: 9; bottom: 15rpx; left: 0; color: #fff; background: #1934FD; opacity: 0.37; line-height: 58rpx; padding: 0 30rpx; } .tab{ display: flex; justify-content: space-between; margin-bottom: 20rpx; } .tab text{ font-size: 32rpx; color: #666; } .tab .active{ color: #3780CD; } scroll-view{ height: 100%; } .content{ background: #fff; border-radius: 20rpx; /* padding: 20rpx 0rpx; */ position: relative; } .zm{ position: fixed; right: 12rpx; top: 480rpx; bottom:40rpx; display: flex; flex-direction: column; justify-content: space-between; /* line-height: 12px; */ text-align: center; z-index: 999; } .zm view{ color: #3780CD; font-size: 20rpx; line-height: 12px; /* border: 1px solid red; */ /* width: 60rpx; */ } .tt{ margin: 20rpx; font-size: 24rpx; color: #999999; } .list{ /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */ border-radius: 20rpx; display: flex; padding: 20rpx; box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); margin: 0 20rpx 40rpx; } .list image{ width: 20%; /* height: 100% !important; */ } .list>view{ width: 80%; padding-left: 20rpx; vertical-align: middle; } .list .title{ margin-bottom: 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .list text{ color: #999; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 26rpx; } .list .company{ overflow: visible; white-space: pre-wrap; margin-top: 40rpx; font-size: 28rpx; } @media(max-height:667px){ .zm{ top: 425rpx; } } .hint_bok{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,.5); color:#fff; width:100rpx; border-radius:10rpx; text-align:center; padding:15rpx 0; font-size:54rpx; } .nav{ position: fixed; top: 430rpx; right: 0rpx; width:30rpx; z-index:99; } .nav.touchmove{ background:#ddd; } .nav view{ font-size: 20rpx; color: #4A80C7; text-align: center; line-height: 26rpx; } .dw{ border-radius: 20rpx; overflow: hidden; margin-bottom: 60rpx; } .dw_title{ background: #D9E5F1; padding: 20rpx 30rpx; font-size: 32rpx; color: #666; } .dw_title text{ float: right; font-size: 30rpx; } .dw_list{ background: #fff; padding: 0 30rpx; } .dw_list navigator{ padding: 20rpx 0; border-bottom: 1px solid #E4E4E4; } .dw_list navigator view{ font-size: 32rpx; color: #666; margin-bottom: 15rpx; } .dw_list text{ font-size: 26rpx; color: #999; } .top{ color: #666; font-size: 30rpx; text-align: right; padding: 20rpx 0; } .cancel{ color: #1682DA; } .dw_title image{ width: 20rpx; float: right; position: relative; top: 12rpx; } .thead{ display: flex; justify-content: space-between; margin-bottom: 20rpx; } .thead text{ font-size: 30rpx; color: #999; } .tbody{ background: #fff; border-radius: 14rpx; padding: 20rpx 20rpx 1rpx; margin-bottom: 20rpx; } .tr{ display: flex; justify-content: space-between; margin-bottom: 20rpx; } .tr text{ font-size: 32rpx; color: #666; } .tr .per{ color: #DF4E2E; font-size: 30rpx; position: relative; padding-right: 25rpx; } .up{ width: 0; height: 0; border: 10rpx solid transparent; border-bottom: 16rpx solid #DF4E2E; position: absolute; right: 0; top: 2rpx; }