page { /* background: #d01119; */ width: 100%; height: 100%; } .container { height: 100vh; } .tesk_list{ width: 100%; max-height: 335rpx; overflow: hidden; overflow-y:auto; } .top-back { width: 100%; /* height:100vh; */ background-repead: no-repead; background-size: 100% 100%; padding-bottom: 50rpx; } .top-frame { width: 100%; height: auto; padding-top: 50rpx; } .top-title { letter-spacing: 10rpx; width: 300rpx; } .activity-data { padding-top: 10rpx; letter-spacing: 2rpx; } .xc-specific-more-frame { width: 100%; height: 40%; padding-top: 20rpx; } .task-number { margin-top: 35rpx; } .task_clike { margin: auto; width: 60%; height: 65rpx; border-radius: 50rpx; margin-top: 20rpx; background: #fbda0e; color: #d01119; line-height: 65rpx; letter-spacing: 5rpx; box-shadow: 0rpx 7rpx 0rpx 0rpx rgba(0, 0, 0, .2); } /* 底部列表样式 */ .head { border-bottom: 4rpx solid rgb(253, 193, 7); color: rgb(255, 255, 255); height: 48rpx; line-height: 48rpx; } .lhead { border-top: 4rpx solid rgb(253, 193, 7); border-left: 4rpx solid rgb(253, 193, 7); border-right: 4rpx solid rgb(253, 193, 7); width: 290rpx; height: 48rpx; line-height: 48rpx; } .items { padding-top: 50rpx; } .rhead { background-color: rgb(253, 193, 7); } .unfinished { width: 35rpx; height: 35rpx; margin-right: 10rpx; } .padding { padding: 0rpx 50rpx; } .width { width: 290rpx; } .line { width: 110rpx; border: 1rpx solid rgb(255, 255, 255); } .load { margin: 0rpx 26rpx; } .item { margin-bottom: 35rpx; } .state { text-decoration: underline; } .nothing { padding: 50rpx 0rpx; } .receive { padding-bottom: 50rpx; } .xc-center-img { width: 100%; height: 100%; } .xc-left { width: 40rpx; height: 40rpx; } .bcolor { border-color: #fff; } .xc-right { width: 40rpx; height: 40rpx; } .user_img { width: 50rpx; height: 50rpx; } .dust { position: fixed; width: 100%; height: 100%; background-color: rgba(206, 184, 188, 0.158); z-index: 10; } .closes { /* margin-top: 20rpx; */ } .canvas { position: fixed; z-index: 11; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); box-sizing: border-box; padding-top: 60rpx; } .close { width: 70rpx; height: 70rpx; } .plan-frame { width: 86%; margin: auto; margin-top: 50rpx; justify-content: center; } .plan-frame .plan_num { width: 90%; background: #ffe7ab; border-radius: 20rpx; height: 22rpx; margin-right: 10rpx; } .is_plam { border-radius: 20rpx; background: #fcc001; height: 100%; top: 0rpx; left: 0rpx; } .dust { position: fixed; width: 100%; height: 100%; background-color: #d01119; z-index: 10; } .closes { /* margin-top: 20rpx; */ } /* .canvas { position: fixed; z-index: 20; width: 100%; top: 20rpx; } */ .close { width: 70rpx; height: 70rpx; } .select_details { width: 100%; height: 50rpx; line-height: 50rpx; text-align: center; background: #000; opacity: 0.6; filter: alpha(opacity=60); bottom: 0rpx; } .is_dismantle_frame{ align-content: center; height: 56rpx; line-height: 48rpx; } .bottom{ padding-bottom: 50rpx; padding-top: 20rpx; } .rel { display: flex; align-items: center; } image{ -webkit-touch-callout:none }