|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299 |
- page {
- padding: 90rpx 0 30rpx;
- }
- .tabTit {
- height: 90rpx;
- line-height: 82rpx;
- position: fixed;
- top: 0;
- width: 750rpx;
- z-index: 1;
- }
-
- .tabTit > view:nth-of-type(1) {
- border-left: 0;
- }
-
- .tabTit > view:nth-of-type(4) {
- border-right: 0;
- }
-
-
- .tabTit .active image {
- transform: rotate(180deg);
- background: none;
- }
-
- .tabTit image {
- width: 18rpx;
- height: 9rpx;
- vertical-align: middle;
- margin-left: 5px;
- }
-
- .tabLayer {
- width: 750rpx;
- overflow: hidden;
- position: fixed;
- top: 90rpx;
- z-index: 1;
- background: #fff;
- padding-bottom: 26rpx;
- box-shadow:2px 9px 10px rgba(0, 0, 0, 0.05);
- bottom: 0;
- border-top:1px solid #eee;
- }
-
- .tabLayer a {
- float: left;
- width: 210rpx;
- height: 80rpx;
- line-height: 80rpx;
- margin: 30rpx 0 0 26rpx;
- text-align: center;
- color: #888;
- font-size: 30rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(234, 234, 234, 1);
- border-radius: 10rpx;
- }
-
-
- .tabLayer .active {
- text-align: center;
- height: 80rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(101, 158, 246, 1);
- border-radius: 10rpx;
- color: #659ef6;
- }
- .tabTit .active {
- background: #fff;
- font-size: 32prx;
- font-weight: 500;
- color: rgba(101, 158, 246, 1);
- }
- /*弹性盒模型*/
-
- .box {
- background: #fff;
- border-bottom:1px solid #eee;
- }
-
- .flex1 {
- overflow: hidden;
- width: 20%;
- display: block;
- text-align: center;
- }
-
- .flex1 text,.text {
- font-size: 30rpx;
- }
- .text{
- display: block;
- width: 25%;
- text-align: center;
- }
- /* 日期选择 */
-
- .picker_group {
- height: 85rpx;
- line-height: 85rpx;
- justify-content: center;
- display: flex;
- align-items: center;
- font-size: 30rpx;
- color: #888;
- }
-
- .picker_group picker {
- height: 55rpx;
- line-height: 55rpx;
- margin: 0 2%;
- padding: 2% 5%;
- border-bottom: 1px solid #eee;
- }
-
- .view view:nth-of-type(1) {
- font-size: 28rpx;
- color: #888;
- }
-
- .list {
- position: relative;
- width: 644rpx;
- border-radius: 16rpx;
- padding: 32rpx;
- margin: 40rpx auto;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
- }
-
- .list >view {
- height: 60rpx;
- line-height: 60rpx;
- font-size: 30rpx;
- }
-
- .txt1 {
- font-size: 24rpx;
- font-weight: 500;
- color: rgba(85, 85, 85, 1);
- }
-
- .txt2 {
- font-size: 28rpx;
- font-weight: 500;
- color: rgba(255, 106, 106, 1);
- }
-
- .money {
- font-weight: 500;
- color: rgba(255, 106, 106, 1);
- font-size: 26rpx;
- /* width: 123rpx; */
- padding-right: 20rpx;
- }
-
- .time {
- font-size: 28rpx;
- font-weight: 500;
- color: rgba(125, 125, 125, 1);
- }
- .status{
- position: absolute;
- top: 60rpx;
- left: 250rpx;
- width: auto;
- padding: 0 20rpx;
- height: 50rpx;
- text-align: center;
- line-height: 50rpx;
- border-radius: 8rpx;
- transform:rotate(-30deg);
- }
- .status1 {
- color: #659ef6;
- border: 2px solid #659ef6;
- }
-
- .status2 {
- color: #eea959;
- }
-
- .status3 {
- color: #ff6a6a;
- border: 2px solid #ff6a6a;
- }
-
- .status4 {
- color: #8aaa6b;
- }
-
- .btn {
- float: right;
- height: 52rpx;
- line-height: 52rpx;
- background: rgba(101, 158, 246, 1);
- border-radius: 10rpx;
- font-size: 28rpx;
- font-weight: 500;
- padding: 0 25rpx;
- color: rgba(255, 255, 255, 1);
- }
-
- .active1 {
- opacity: 0.6;
- }
-
- .btns {
- width:137rpx;
- margin-top: 21rpx;
- background: #52a0fd;
- border-radius: 8rpx;
- color: #fff;
- font-size: 26rpx;
- height: 64rpx;
- line-height: 64rpx;
- }
- .activeDefault{
- float: left;
- width: 210rpx;
- height: 80rpx;
- line-height: 80rpx;
- margin: 30rpx 0 0 26rpx;
- text-align: center;
- color: #888;
- font-size: 30rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(234, 234, 234, 1);
- border-radius: 10rpx;
- }
- .active2{
- border: 1px solid #52a0fd!important;
- color: #52a0fd!important;
- float: left;
- width: 210rpx;
- height: 80rpx;
- line-height: 80rpx;
- margin: 30rpx 0 0 26rpx;
- text-align: center;
- color: #888;
- font-size: 30rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(234, 234, 234, 1);
- border-radius: 10rpx;
- }
- .recond{
- text-align: center;
- font-size: 30rpx;
- margin-top: 60rpx;
- }
- .active3{
- color: #659ef6;
- }
- .loading{
- text-align: center;
- font-size: 28rpx;
- color: #999;
- margin-bottom: 80rpx;
- /* padding: 20rpx 0 40rpx; */
- }
- .mr{
- margin-top: 200rpx!important;
- }
- .lists{
- height: 100%;
- position: relative;
- }
- .bottom{
- position: fixed;
- width: 100%;
- height: 80rpx;
- bottom: 0;
- left: 0;
- background: #fff;
- z-index: 1000;
- overflow: hidden;
- box-shadow: 1rpx -5rpx 11rpx rgb(202, 201, 201);
- }
- .b-left{
- width: 50%;
- line-height: 80rpx;
- padding-left: 20rpx;
- font-size: 32rpx;
- color: #333;
- float: left;
- box-sizing: border-box;
- }
- .b-right{
- width: 50%;
- float: left;
- line-height: 80rpx;
- text-align: right;
- padding-right: 30rpx;
- color: #ff6a6a;
- font-size: 32rpx;
- box-sizing: border-box;
- }
-
|