.myqr { position: absolute; z-index: 999; width: 100%; text-align: center; height: auto; margin-top: 50rpx; } .myqr .cancel { width: 60rpx; height: 60rpx; margin-top: 30rpx; margin-left: 480rpx; } .myqr .img { width: 480rpx; } .myqr .btn { width: 120rpx; height: 120rpx; line-height: 120rpx; margin-top: 20rpx; padding: 30rpx; background: #ffffff; border-radius: 60rpx; } page { height: 100%; width: 100%; background: #f4f4f4; } .container { background: #f4f4f4; /* height: auto; */ /* overflow: auto; */ width: 100%; /* filter: blur(5rpx);*/ } .top { height: 320rpx; border-radius: 10rpx; margin: 15rpx; background-color: #09AFFF; color: #fff; } .profile-info { /*background-color: #ab956d; */ color: #f4f4f4; display: flex; align-items: center; padding: 30rpx; font-size: 28rpx; padding-bottom: 0rpx; } .profile-info-backimg { width: 100%; height: 180rpx; z-index: -1; } .profile-info .avatar { height: 128rpx; width: 128rpx; border-radius: 50%; border: 2rpx solid #fff } .profile-info .info { flex: 1; height: 95rpx; padding-left: 31.25rpx; width: 300rpx; } .profile-info .name { display: block; height: 36rpx; line-height: 36rpx; color: #fff; font-size: 26.5rpx; margin-bottom: 5rpx; width: 440rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; } .profile-info .cert { display: flex; height: 26rpx; line-height: 26rpx; color: #fff; font-size: 20.5rpx; margin-bottom: 5rpx; } .profile-info .plus { color: #09AFFF; font-size: 21.5rpx; width: 120rpx; padding-left: 2rpx; padding-right: 2rpx; margin-top: 5px; margin-left: 1rpx; line-height: 26rpx; margin-bottom: 5rpx; } .profile-info-img-star { width: 10rpx; height: 10rpx; } .profile-info .level { display: block; height: 30rpx; line-height: 30rpx; margin-bottom: 10rpx; color: #7f7f7f; font-size: 30rpx; } .profile-info-qr-image { width: 80rpx; height: 80rpx; margin-top: 30rpx; margin-left: 150rpx; } .process { border-radius: 2rpx; } .user_tool { height: 250rpx; background: #fff; border-radius: 10rpx; margin: 15rpx; } .user_tool_row { /* border: 1px solid black; border-bottom: 1px solid #fafafa;*/ height: 86rpx; line-height: 86rpx; } .user_tool_row_title { height: 86rpx; font-weight: 550; line-height: 86rpx; margin-left: 35rpx; font-size: 32rpx; color: #000; } .user_tool_row_title_left { float: left; } .user_tool_column { height: 140rpx; display: flex; justify-content: center; align-items: center; } .user_tool_column_item { width: 25%; height: 100rpx; background: #fff; text-align: center; position: relative; margin-top: 5rpx; } .user_tool_column_item_text { /* border: 1px solid black; */ margin-top: 5rpx; font-size: 26rpx; color: #555; } .user_tool_column_item_image { width: 50rpx; height: 50rpx; margin-top: 5rpx; } .user_area { /* border: 1px solid black; */ width: 100%; height: 226rpx; /* margin: 0 auto; */ margin-top: -8rpx; background: #fff; /* border-top: 1px solid #f4f4f4; */ } .user_row { /* border: 1px solid black; */ height: 86rpx; line-height: 86rpx; border-bottom: 1px solid #fafafa; } .user_row_left { /* border: 1px solid #757575; */ float: left; height: 86rpx; font-weight: 550; line-height: 86rpx; margin-left: 35rpx; font-size: 26rpx; letter-spacing: 1rpx; color: #000; font-size: 32rpx; } .user_row_right { /* border: 1px solid #757575; */ float: right; height: 40rpx; width: 40rpx; font-weight: 550; line-height: 86rpx; margin-right: 30rpx; margin-top: 24rpx; } .user_column { /* border: 1px solid black; */ height: 140rpx; display: flex; justify-content: center; align-items: center; } .user_column_item { width: 30%; height: 140rpx; text-align: center; position: relative; } .user_column_item_badge { height: 30rpx; width: 30rpx; position: absolute; background: #b4282d; color: #fff; border-radius: 50%; margin-top: 20rpx; margin-left: 40rpx; } .user_column_item_image { width: 50rpx; height: 50rpx; margin-top: 30rpx; } .user_column_item_text { /* border: 1px solid black; */ margin-top: 5rpx; font-size: 24rpx; color: #333; /*color: #252a48;*/ } .separate { background: #e0e3da; width: 100%; height: 6rpx; } .user_column_item_phone { width: 30%; height: 140rpx; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; float: left; background: #fff; border-radius: 0; } .user_column_item_phone::after { border: none; border-radius: 0; } .logout { height: 60rpx; /* width: 80rpx; */ line-height: 60rpx; text-align: center; /* color: #fff; */ font-size: 30rpx; border-radius: 10rpx; /* border: 1rpx solid #333;*/ color: red; } .title { padding: 0 20rpx; font-size: 36rpx; color: #333; margin-bottom: 20rpx; } .item { margin: 20rpx 20rpx; height: 400rpx; width: 710rpx; border: 1rpx solid #999; border-radius: 10rpx; display: flex; flex-flow: column; } .item .img { margin-top: 12rpx; margin-left: 20rpx; float: left; width: 160rpx; height: 160rpx; } .name { display: block; color: #333; line-height: 40rpx; /* font-size: 32rpx; */ margin: 20rpx 20rpx; font-weight: 500; } .price { display: block; color: darkred; line-height: 40rpx; font-size: 33rpx; margin: 20rpx 20rpx; } .service { display: block; line-height: 40rpx; font-size: 33rpx; margin-left: 20rpx; } .tool { margin-right: 20rpx; } .btn { height: 76rpx; line-height: 76rpx; width: 150rpx; float: right; color: #333; font-size: 30rpx; /* background-color: #09AFFF; */ margin-left: 10rpx; border-radius: 10rpx; } /**日历**/ .main-module { margin: 15rpx; /* height: 146rpx; */ border-radius: 10rpx; /* display: flex; justify-content: space-around; */ background: #fff; padding: 20rpx 0 12rpx; } .main-title{ margin: 5rpx 10rpx; height: 60rpx; line-height: 60rpx; display: flex; } .main-title .txt{ font-size: 36rpx;font-weight: 500;color:#666;margin-left: 10rpx;line-height: 60rpx; } .main-title image{ height: 40rpx; width: 40rpx; } .money{ color:rgba(255, 170, 0, 1); font-weight: bold; font-size: 32rpx; } .coupon-block, .favor-good { flex: 1; font-size: 24rpx; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 84rpx; } .main-module .num { font-weight: bold; font-size: 32rpx; color: #333; } .border-right{ border-right: 4rpx dotted rgba(151, 151, 151, 1); } .alula-expert-logo { display: flex; align-items: center; justify-content: space-between; padding: 15rpx 15rpx 0; } .alula-expert-title { color: #a08133; text-align: center; margin-top: 60rpx; margin-bottom: 30rpx; font-size: 42rpx; } .alula-expert-form-wrap { /* width: 620rpx; */ margin: 0 auto 30rpx; /* background: #fffef9; */ /* padding: 30rpx 35rpx; */ box-sizing: border-box; padding-bottom: 20rpx; } .alula-expert-checkbox { width: 40rpx; height: 30rpx; border-radius: 2rpx; border: 1rpx solid #a08133; margin-right: 10rpx; } .alula-expert-checkbox image { display: none; width: 40rpx; height: 32rpx; position: relative; /* top: -5rpx; left: -5rpx; */ } .alula-form { color: #a08133; display: flex; align-items: center; margin-bottom: 20rpx; } .alula-expert-form-title { color: #a08133; margin-bottom: 30rpx; font-size: 30rpx; } .alula-expert-button { width: 620rpx; margin: 0 auto 40rpx; text-align: center; } .alula-expert-button .btn { border-radius: 40rpx; letter-spacing: 2rpx; font-size: 45rpx; background: -webkit-linear-gradient(0deg, #b0996c, #cfbf84 40%, #b0996c 60%, #cfbf84 100%); cursor: not-allowed; padding: 10rpx 0rpx; color: #fff } .alula-expert-calendar { /*width: 614rpx; height: 478rpx; */ /* background: url("../images/calendar.png") no-repeat; */ background-size: cover; margin: 0 auto; } .alula-expert-calendar-title { font-size: 30rpx; color: #a08133; display: flex; justify-content: space-between; } .alula-expert-calendar-title a { color: #c8b47b; font-size: 24rpx; text-decoration: none; } .alula-expert-title-cal { width: 458rpx; height: 68rpx; margin: 0 auto; } .alula-icon-baby { width: 35rpx; height: 45rpx; display: inline-block; /* background: url("../images/baby_icon.png") no-repeat; */ vertical-align: middle; margin-right: 10rpx; position: relative; top: -3rpx; } .form-box { width: 100%; height: auto; overflow: hidden; padding: 0 40rpx; margin-top: 6rpx; background: #fff; } .van-icon { margin-top: 20rpx; } .placeholder { color: rgb(161, 153, 153) !important; } .label { float: left; width: 30%; margin-top: 50rpx; color: #333; text-align: right; margin-right: 10rpx; } .alula-expert-calendar { margin: 15rpx; background-color: white; border-radius: 10rpx; /* width: 100%; ackground: url("../images/calendar.png") no-repeat; */ background-size: cover; /* margin: 0 auto; */ /* padding:10rpx */ } /* .alula-expert-calendar image { width: 90%; position: absolute; height: 700rpx; } */ #dates-view { padding-top: 70rpx; width: 550rpx; margin: 0 auto; margin-top: 250rpx; } .alula-expert-calendar-wrap { /* width: 614rpx; padding: 25rpx 20rpx;*/ margin: 15rpx; border-radius: 10rpx; margin-bottom: 30rpx; } .alula-expert-calendar-title { height: 76rpx; line-height: 76rpx; font-size: 36rpx; color: #a08133; display: flex; justify-content: space-between; background-color: #e0d8d8; padding: 0 20rpx; } .alula-expert-calendar-title .txt { color: #333; font-size: 32rpx; text-decoration: none; } .alula-expert-calendar-day>div { display: flex; align-items: center; padding: 25rpx 0rpx; } .alula-expert-calendar-range .ul { display: flex; flex-wrap: wrap; } .alula-expert-calendar-day { font-size: 24rpx; color: #a08133; } .alula-expert-calendar-text { width: 150rpx; margin-top: 10rpx; } .alula-expert-calendar-after.disabled .alula-expert-calendar-text, .alula-expert-calendar-morning.disabled .alula-expert-calendar-text { text-decoration: line-through; color: #999; } .alula-expert-calendar-after.disabled .alula-expert-calendar-label .alula-expert-checkbox, .alula-expert-calendar-morning.disabled .alula-expert-calendar-label .alula-expert-checkbox { border: 1rpx solid #ccc; } .alula-expert-calendar-after.disabled .alula-expert-calendar-time>span, .alula-expert-calendar-morning.disabled .alula-expert-calendar-time>span { color: #CCCCCC; } .alula-expert-calendar-after.disabled ul li, .alula-expert-calendar-morning.disabled ul li { pointer-events: none; } .module-text { font-size: 32rpx; color: #999; } .book { /* padding: 0 20rpx; */ color: #333; /* margin-bottom: 20rpx; */ } .book .title { display: flex; justify-content: space-between; height: 66rpx; line-height: 66rpx; border-bottom: 1px solid #f4f4f4; padding: 0 20rpx; } .book .title view { color: #9e9797; } .content { padding: 0 20rpx; } .goods { font-size: 42rpx; color: #333; font-weight: 500; margin: 10rpx 0; } .time { font-size: 32rpx; color: #9e9797; margin-bottom: 10rpx; } .address { font-size: 32rpx; color: #9e9797; } .alula-expert-calendar-content { margin-bottom: 30rpx; background-color: #fffef9; padding-bottom: 20rpx; } /* 趋势图 */ .head_item { width: 374rpx; text-align: center; font-size: 34rpx; color: #999; letter-spacing: 0; } .head_itemActive { color: rgba(87, 213, 200, 1); } .line { width: 2rpx; height: 100%; background-color: rgba(204, 204, 204, 1); } .head { width: 100%; height: 100rpx; background-color: rgba(255, 255, 255, 1); border-bottom: 1rpx solid rgba(204, 204, 204, 1); display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; z-index: 10; } .mymain { display: block; box-sizing: border-box; top: 0; margin: 15rpx; } .xyjl { width: 100%; height: 100%; box-sizing: border-box; padding: 0rpx 30rpx; } .item_title { width: 100%; height: 91rpx; line-height: 90rpx; font-size: 26rpx; color: #999; letter-spacing: 0; } .item_main { border-radius: 30rpx; background-color: rgba(255, 255, 255, 1); width: 100%; height: auto; box-sizing: border-box; padding: 0rpx 40rpx; } .icon-jiantouyou, .icon-icon_arrow_top, .icon-jiantouxia, .icon-iconfontzhizuobiaozhun023126 { font-size: 30rpx; color: rgba(199, 199, 204, 1); } .main_title { width: 100%; height: 250rpx; box-sizing: border-box; padding: 30rpx 0rpx; display: flex; align-items: center; justify-content: space-between; } .main_item { width: 100%; height: 200rpx; box-sizing: border-box; padding: 30rpx 0rpx; display: flex; align-items: center; justify-content: space-between; border-top: 1rpx solid rgba(216, 216, 216, 1); } .title_kind { width: 150rpx; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .kind_title { font-size: 26rpx; color: #333; text-align: center; line-height: 30rpx; } .kind_number { font-size: 34rpx; color: #d63030; letter-spacing: 0; line-height: 45rpx; } .kind_numberSussece { color: rgba(99, 218, 121, 1); } .kind_dw { font-size: 26rpx; color: #333; line-height: 45rpx; } .kind_result { display: inline-block; height: 45rpx; padding: 0rpx 20rpx; border: 2rpx solid #e68a8a; border-radius: 100rpx; font-size: 26rpx; color: #d73737; line-height: 40rpx; } .kind_resultSuccess { border: 2rpx solid rgba(99, 218, 121, 1); color: rgba(99, 218, 121, 1); } .qs { width: 100%; height: 100%; box-sizing: border-box; padding-top: 10rpx; } .container1 { border-radius: 10rpx; background-color: rgba(255, 255, 255, 1); height: 850rpx; display: flex; flex-direction: column; box-sizing: border-box; font-size: 35rpx; color: #333; margin: 0 auto; } .container_head { width: 640rpx; margin: 0 auto; height: auto; } .container_head_top { width: 100%; height: 100rpx; border-bottom: 1rpx solid rgba(216, 216, 216, 1); display: flex; align-items: center; justify-content: space-between; } .canvas { width: 100%; height: 550rpx; margin-top: 30rpx; } .prev1, .next1 { width: 130rpx; border-radius: 100rpx; /* display: flex; */ /* justify-content: space-between; */ font-size: 24rpx; /* align-items: center; */ color: #fff; box-sizing: border-box; padding: 3rpx 15rpx 0rpx 15rpx; line-height: 50rpx; background-color: #09AFFF; text-align: center; } .prev1 text { display: block; color: #fff; } .next1 text { display: block; color: #fff; } .iconfont1 { font-size: 20rpx; color: #fff; } .top_title { font-size: 26rpx; color: #333; } .container_head_main { width: 100%; height: 170rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx solid rgba(216, 216, 216, 1); } .container_head_main view { display: flex; flex-direction: column; justify-content: center; align-items: center; } .main_Ttitle { font-size: 26rpx; color: #333; text-align: center; line-height: 50rpx; } .main_main { font-size: 34rpx; color: #333; text-align: center; font-weight: bold; line-height: 40rpx; } .main_mintitle { font-size: 26rpx; color: #333; text-align: center; line-height: 50rpx; } .order-operate-wrapper { height: 80rpx; display: flex; align-items: center; justify-content: flex-end; } .order-operate-wrapper>view { height: 44rpx; width: 148rpx; text-align: center; line-height: 44rpx; text-align: center; border-radius: 10rpx; border: 1rpx solid #09afff; font-size: 28rpx; margin-left: 20rpx; color: #333; }