.xc-page{ width: 100%; height: auto; overflow-y:auto; overflow-x: hidden; } .xc-user{ width: 100%; height: 100%; background:#eaeaec; } /* 头部 */ .xc-user .xc-head{ height: 335rpx; padding:0 10rpx 10rpx; padding-top:10rpx; } .xc-background{ width: 730rpx; height: 100%; border-radius: 15rpx; } .xc-user-frame{ width: 83%; height: 35%; top:44rpx; left: 56rpx; } .xc-user-left{ height:110rpx; margin-top:10rpx; margin-left:5rpx; } .xc-user-img{ width:110rpx; height: 110rpx; } .xc-uesr-name{ color: #fff; font-size: 32rpx; margin-top:17rpx; margin-left:20rpx; } .xc-user-grade{ width: 165rpx; background: #00BFFF; height: 50rpx; margin-top:26rpx; background: url(data:image/png;base64,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) no-repeat; border-radius:20px 0 0 38rpx; padding-right:12rpx; padding-left:12rpx; } .xc-grade{ width: 25rpx; height: 25rpx; } .xc-grade-name{ color: #fff; font-size: 20rpx; } .xc-right-arrow{ color: #fff; width: 17rpx; height: 17rpx; margin-top:3rpx; } .xc-grow-up{ color: #fff; font-size: 25rpx; } .xc-line-not{ height: 10rpx; width: 300rpx; border-radius: 25rpx; background: #fff; margin-left: 20rpx; } .xc-line-Yes{ background:#ffd801 ; height: 10rpx; border-radius: 25rpx; } .xc-grow-val{ font-size:20rpx; color:#fff; margin-left:20rpx; } .xc-grow-frame{ width: 70%; height: 30rpx; top:180rpx; left:85rpx; } .xc-bj-img{ width: 65rpx; height: 39rpx; bottom: 8rpx; left:39%; } .xc-zs-img{ width: 65rpx; height: 39rpx; bottom: 8rpx; right: -30rpx; } .xc-assets{ width:94%; bottom:32rpx; color:#fff; line-height: 46rpx; margin-left:10rpx; } .typefont{ font-size:30rpx} .numfont{ font-size:28rpx} .xc-qrcode-frame{ border-radius:10rpx; border:5rpx solid #fe9db5; background:#fe9db5; width:70rpx; height:70rpx; top:70rpx; right:64rpx; } .xc-qrcode{ width:70rpx; height:70rpx; } .xc-add-member-farem{ width: 100%; height: 84rpx; } .xc-add-member{ display:none; margin-top:10rpx; color: #fff; width: 730rpx; height: 74rpx; border-radius: 15rpx 15rpx 0 0; background: url("https://mshopimg.yolipai.net/miniapp/images/user_index_gray.png") no-repeat center; } .xc-add-member .xc-icon{ width: 30rpx; height: 30rpx; margin-left:50rpx; } .xc-add-member .member{ margin-left: 15rpx; } .xc-add-member .xc-save-money{ border-left: 2rpx solid #fff; padding-left: 15rpx; margin-left: 15rpx; } .xc-add-member .xc-opening-button{ width: 130rpx; margin-left:180rpx; } .xc-opening{ border-radius: 20rpx; background: #fe547c; color: #fff; height:36rpx; line-height: 36rpx; } .xc-after-sale{ width:100%; height:160rpx; border-bottom:10px solid #f2f2f2; } .xc-after-sale-left{ width:90%; height: 100%; } .xc-no-money{ width: 50rpx; height: 50rpx; } .xc-hump{ border-right: 1rpx solid #878787; border-bottom: 1rpx solid #878787; width: 10rpx; height: 10rpx; transform: rotate(-45deg); right:159rpx; bottom:88rpx; background:#fff; } .xc-after-sale-right{ width:16%; height: 70%; } .xc-order{ height:100rpx; border-left:2rpx solid #878787; margin-top: 7rpx; margin-left:36rpx; padding-left:5rpx; width:144rpx; line-height: 36rpx; } .xc-my-order{ margin-top:7rpx; } /* 我的权益 */ .xc-my-equity-frame{ width: 100%; height: 248rpx; border-bottom:20rpx solid #f2f2f2; } .xc-equity-title{ width: 100%; height: 79rpx; border-bottom: 1rpx solid #f2f2f2; } .xc-title-frame{ width: 85%; height: 100%; } .xc-title-img{ width:50rpx; height:50rpx; margin-left:20rpx; } .xc-title-content{ height: 100%; } .xc-word{ margin-top:5rpx; } .xc-more-frame{ width:16.1%; height: 100%; } .xc-word-color{ color:#595758; top:61rpx; width:110rpx; right:-28rpx; } .xc-more{ color:#878787; } .xc-await{ width: 65rpx; height: 50rpx; } .xc-more-click{ width: 15rpx; height: 15rpx; margin-left:10rpx; color:#898989; } .xc-specific-more-frame{ width: 100%; height: 169rpx; padding-left: 43rpx; } .xc-specific-more-frame .xc-left{ width: 20rpx; height: 20rpx; } .xc-specific-more-frame .xc-middle{ width: 100%; margin-left:2% } .xc-center-frame{ width: 20%; margin-right:5%; } .xc-center-img{ width: 60rpx; height: 60rpx; } /* 工具与服务 */ .xc-tool-service{ width: 100%; border-bottom:20rpx solid #f2f2f2; padding-bottom: 30rpx; } .xc-tool-service .xc-tool-service-title{ width: 100%; height: 90rpx; border: 2rpx solid #f2f2f2; } .xc-tool-service-img{ width: 38rpx; height: 38rpx; margin-left: 30rpx; } .xc-tool-service-word{ margin-left:10rpx; } .xc-project-frame{ width: 100%; } .xc-project-frame .center_v{ } .xc-project-frame .item{ width: 25%; margin-top: 30rpx; display: inline-block; line-height:40rpx; } .xc-project-frame .xc-project{ width: 88%; height: 20%; padding-left:38rpx; } .xc-recommend-goods{ width: 100%; height: 73rpx; margin: auto; } .xc-small{ width: 10rpx; height:10rpx; background: #ff5f80; margin-top:6rpx; } .xc-zhong{ width: 15rpx; height: 15rpx; background: #ff5f80; margin-left:12rpx; margin-top:2rpx; } .xc-big{ width: 17rpx; height: 17rpx; background: #ff5f80; margin-left:15rpx; } .xc-recommend{ width:112rpx; margin-left:14rpx; } .xc-goods-recommend { border-radius: 20rpx; width:345rpx; height: 450rpx; margin-top: 25rpx; display: inline-block; } .xc-goods-recommend.ml{ margin-left: 22rpx} .xc-goods-recommend .xc-goods-imgs{ width: 100%; height: 325rpx; border-radius:20rpx 20rpx 0 0; } .xc-original-price{ color: #c0c0c0; } .xc-good-explain{ width: 283rpx; height:58rpx; word-break: normal; margin-left:30rpx; line-height: 30rpx; margin-top: 5rpx; } .xc-rigth{margin-left: -113rpx} .xc-middle-line:before{ content: ''; display: block; height: 1px; width: 100%; background-color: #999;/*颜色需与主题大背景色一致*/ position: relative; top: 10px;/*调节线高*/ left: 0; } .xc-line-text{ display: inline-block; background-color: #f2f2f2; padding: 0 18px 0 18px; position: relative; font-size: 28rpx; top:-9rpx; } .xc-frame{ width: 400rpx; } .xc-right{ width:20rpx; height:20rpx; margin-left:4rpx; } /* 文字中间加线条 */ .word-line{ text-decoration:line-through; margin-top:10px; margin-left:10rpx; font-size: 20rpx; } .xc-content{ margin:30rpx 140rpx ; text-align: center; margin-left:70px; width:400rpx; } .xc-goods-bottom{ width: 345rpx; height: 134rpx; background: #fff; border-radius:0 0 20rpx 20rpx; bottom:-8rpx; left:0rpx; } .monry-frame{ width: 283rpx; height:52rpx; padding-left:24rpx } .xc-goods{ height: auto; background: #f2f2f2; padding: 0 20rpx; padding-top:5rpx; } .rmb-symbol{ margin-top:15rpx; } .money-color-val{ color: #c6172f; } /*---弹出层---*/ .modal-box{ position:fixed; width:100%;height:100%; top:0px; background:rgba(0,0,0,0.4); overflow: hidden; } .modal-body{ position:fixed;top:80rpx;left: 0; z-index: 100; background: #fff; margin-left: 73rpx; width: 600rpx; height: 860rpx; border-radius: 8px; text-align: center; } .modal-content{width: 480rpx; margin: 0 auto; margin-top: 60rpx; overflow: hidden } .modal-content .hd_img{ width:170rpx; height: 170rpx;border-radius:5px } .ctent_txt{ margin-left: 30rpx; text-align: left} .txt1{font-size: 34rpx; font-weight: bold} .txt2{font-size: 30rpx; color:#999; margin-top: 20rpx } .arrow-right{ width:20rpx; height: 40rpx; position: relative;top:13rpx; margin-left: 20rpx;} .m_ta{margin-top:50rpx; } .g_img{ width: 480rpx; height: 480rpx} .s_sao{font-size: 27rpx; margin-top: 25rpx} .order-ico1{ width: 80rpx;height: 46rpx; margin-left: 40rpx;margin-right: 20rpx;} .f_btn{font-size:24rpx; padding: 0 12rpx; margin-right: 26rpx; margin-top: -10rpx} .order-ico3{ width: 54rpx;height: 40rpx; margin-left: 40rpx;margin-right: 20rpx;} .wh1001{ width: 62rpx; height: 100%;} .wh1002{ width: 76rpx; height: 100%;} .order-ico.cla{width: 32rpx;} .order-ico.cla2{width: 42rpx;margin-left: 34rpx;} .order-ico.cla3{width: 40rpx; margin-left: 36rpx;} .arrow-right.fu{width: 40rpx} .order-num { position: absolute; right: 0rpx; top: -18rpx; width: 35rpx; height:35rpx;line-height: 35rpx;font-size:22rpx; border-radius: 50%; background-color: rgba(217,81,99,0.9); color: #fff; } .bg_right.bcolor,.bg_left.bcolor{ border-color:#333; } .bg_right.mt{margin-top:-9rpx} .bg_right.mt2{margin-top:-5rpx} .grow-up-val{ /* padding:1rpx 13rpx 1rpx 13rpx; */ border-radius:20rpx; background:#ffbdce; padding-left: 16rpx; padding-right: 16rpx;padding-bottom: 3rpx; margin-right: 5rpx; } .hvip{display: inline-block; font-size: 20rpx; height: 40rpx;line-height: 40rpx; color:#e7bf77; background: #383838; padding: 0 15rpx; border-radius:20rpx; vertical-align: middle } .vip-mem{width: 26rpx; height: 23rpx; vertical-align:top; margin-top: 8rpx; margin-right: 5rpx}