.user .header{padding:0 30rpx;height:190rpx;position:relative;} .user .header:after { position: absolute;left: 0;right: 0;bottom: -98rpx;z-index: -1; content:'';height:100rpx;width: 100%;border-radius: 0 0 50% 50%;background-color: #e93323;} .user .header .picTxt .pictrue{width:120rpx;height:120rpx;} .user .header .picTxt .pictrue image{width:100%;height:100%;border-radius:50%;border:2px solid #f5f5f5;} .user .header .picTxt .text{width:434rpx;color:rgba(255,255,255,1);margin-left:35rpx;} .user .header .picTxt .text .name{font-size:32rpx;max-width:270rpx;} .user .header .picTxt .text .member{padding:0 10rpx;height:36rpx;background-color:rgba(0, 0, 0, 0.2);font-size:20rpx;border-radius:30rpx;margin-left:17rpx;} .user .header .picTxt .text .member image{width:28rpx;height:28rpx;font-size:20rpx;margin-right:8rpx;} .user .header .picTxt .text .id{color:rgba(255,255,255,0.6);font-size:26rpx;margin-top:15rpx;} .user .header .picTxt .text .id .iconfont{font-size:30rpx;margin-left:12rpx;} .user .header .icon-shezhi{font-size:36rpx;color:#fff;margin-top:-52rpx;} .user .wrapper{padding:0 20rpx;} .user .wrapper .nav{background-color:#fff;border-radius:6rpx;height:140rpx;} .user .wrapper .nav .item{flex:1;text-align:center;font-size:26rpx;color:#aaa;} .user .wrapper .nav .item~.item{border-left:1px solid #eee;} .user .wrapper .nav .item .num{margin-top:10rpx;font-size:36rpx;color:#282828;} .user .wrapper .myOrder{background-color:#fff;border-radius:10rpx;margin-top:15rpx;} .user .wrapper .myOrder .title,.user .wrapper .myService .title{height:88rpx;padding:0 30rpx;border-bottom:1px dashed #ddd;font-size:30rpx;color:#282828;} .user .wrapper .myOrder .title .allOrder{font-size:26rpx;color:#666;} .user .wrapper .myOrder .title .allOrder .iconfont{font-size:30rpx;margin-left:7rpx;} .user .wrapper .myOrder .orderState{height:160rpx;} .user .wrapper .myOrder .orderState .item{font-size:26rpx;color:#454545;flex:1;text-align:center;} .user .wrapper .myOrder .orderState .item .pictrue{width:49rpx;height:42rpx;margin:0 auto 18rpx auto;position: relative;} .user .wrapper .myOrder .orderState .item .pictrue image{width:100%;height:100%;} .user .wrapper .myService{background-color:#fff;margin-top:15rpx;border-radius:10rpx;} .user .wrapper .myService .serviceList{padding:8rpx 0 27rpx 0;} .user .wrapper .myService .serviceList .item{width:25%;text-align:center;font-size:26rpx;color:#333;margin-top:30rpx;} .user .wrapper .myService .serviceList .item .pictrue{width:52rpx;height:52rpx;margin:0 auto 16rpx auto;} .user .wrapper .myService .serviceList .item .pictrue image{width:100%;height:100%;} .user .support{width:219rpx;height:74rpx;margin:54rpx auto;display:block;} .switchWindow{width:560rpx;border-radius:20rpx;background-color:#fff;position:fixed;top:50%;left:50%;margin-left:-280rpx;margin-top:-300rpx;z-index:99;padding:50rpx 30rpx 40rpx 30rpx;text-align:center;box-sizing:border-box;transition:all 0.3s ease-in-out 0s;opacity:0;transform: scale(0);} .switchWindow.on{opacity:1;transform: scale(1);} .switchWindow .pictrue{width:236rpx;height:236rpx;margin:0 auto;} .switchWindow .pictrue image{width:100%;height:100%;} .switchWindow .info{font-size:32rpx;color:#282828;margin-top:44rpx;font-weight:bold;} .switchWindow .switchBnt{font-size:32rpx;color:#fff;width:360rpx;height:82rpx;border-radius:41rpx;margin:57rpx auto 0 auto;background-image: linear-gradient(to right,#f67a38 0%,#f11b09 100%);line-height:82rpx;} .switchWindow .switchBnt.cancelBnt{background-color:#fff;color:#999;background-image:none;margin-top:10rpx;} .order-status-num {min-width:14rpx;background-color: #fff;color: #ee5a52;border-radius: 15px;position: absolute;right: -14rpx;top: -15rpx;font-size: 23rpx;padding: 0 8rpx; border: 1px solid #ee5a52;} .user .binding{padding: 2rpx 18rpx; background-color: #ca1f10; border-radius: 50px;font-size: 22rpx;border: 1px solid #e8695e;color: #ffffff;}