.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,[encoded data, 5332 characters]) no-repeat;
  border-radius: 20px 0 0 38rpx;
  padding-right: 12rpx;
  padding-left: 12rpx;
}

.addplus {
  width: 100%;
}

.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 {
  border-radius: 10rpx;
  border: 5rpx solid #fe9db5;
  background: #fe9db5;
  width: 70rpx;
  height: 70rpx;
}

.xc-add-member-farem {
  width: 100%;
  height: 84rpx;
}

.xc-add-member {
  background-size: 100%;
  margin-top: 10rpx;
  color: rgb(238, 205, 172);
  width: 730rpx;
  height: 90rpx;
  border-radius: 15rpx 15rpx 0 0;
  background: url("data:image/jpeg;base64,[encoded data, 20804 characters]") no-repeat center;
}

.xc-add-member .xc-icon {
  width: 30rpx;
  height: 30rpx;
}

.xc-add-member .member {
  margin-left: 10rpx;
}

.xc-add-member .xc-save-money {
  border-left: 2rpx solid rgb(238, 205, 172);
  padding-left: 15rpx;
  margin-left: 15rpx;
}

.xc-opening {
  border-radius: 20rpx;
  background: rgb(238, 205, 172);
  height: 34rpx;
  line-height: 34rpx;
  color: #000;
  padding-left: 15rpx;
  padding-right: 17rpx;
  padding: 5rpx 18rpx 5rpx 15rpx;
}

.xc-after-sale {
  width: 100%;
  border-bottom: 10px solid #f2f2f2;
}

.xc-after-sale-left {
  width: 96%;
  height: 100%;
  margin-top: 40rpx;
  margin-bottom: 25rpx;
}

.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-send {
  width: 50rpx;
  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;

}

.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 .item {
  width: 25%;
  margin-top: 30rpx;
  display: inline-block;
  line-height: 40rpx;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.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: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  background: #fff;
  /* margin-left: 73rpx; */
  width: 600rpx;
  height:860rpx;
  border-radius: 8px;
  text-align: center;
}

.modal-body.low{
  height:600rpx;
}

.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: 350rpx;
  height: 350rpx;
}

.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;
  margin-left: 5rpx;
}

.vip-mem {
  width: 26rpx;
  height: 23rpx;
  vertical-align: top;
  margin-top: 8rpx;
  margin-right: 5rpx;
}

.banner-img {
  width: 95%;
  height: 140rpx;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: -5rpx;

}

.banner-frame {
  width: 100%;
  background: #f2f2f2;
}

button::after {
  border: 0
}

.logo-container {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

.logo {
  width: 132rpx;
  height: 37rpx;
  margin-right: 10rpx;
}

.icon-dingwei {
  color: #EA4F2B;
  font-size: 28rpx;
}

.c-5 {
  color: #555;
}


.action .icon-guan {
  left: auto !important;
  right: 20rpx !important;
}

.plusMax {
  background: linear-gradient(to bottom, #4c3217, #010100);
  height: 40rpx;
  border-radius: 20rpx;
  line-height: 40rpx;
  padding-left: 15rpx;
  padding-right: 15rpx;
  font-size: 20rpx;
  position: absolute;
	left: 50%;
  bottom: -20rpx;
  white-space: nowrap;
  transform: translate(-50%, 0);
  color: #fff;
  
}

.fuls {
  width: 25rpx;
  height: 25rpx;
  margin-right: 5rpx;
}
.canvas_box{
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 20rpx; */

  position: relative;top: -10rpx;
}


@font-face {
  font-family: "iconfont_yan"; /* Project id 4449681 */
  src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAANUAA0AAAAAB4wAAAL+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCQhEICoJYgj4LDAABNgIkAxIEIAWFAgdQG38GyB6D424J0UpZYooBbRj+ksfDf2P97pt5s18lmcPpoknEknhJRJJ5pURKIorVLWF/8k/fFWKMLamk8Er8bJV3au6kCdLWTXPif+CcvCJMnkvmj2+Pokq7RgIdD3bMoCih64UOehC/MH1w3m4lM1lHIeC3CUcLwH9TUgD/bIRhzAJFqFJIFGSKFxrlWTkCnoP3R5ck+ilaxf8Lz7n74WWw/X30fWxI9AjqTwQCAEsQKirmILCfocAcI0tASkH3WE/3SD+9CxAQHQIQBQUAEMBLRU8BDQxiAE+AD4AEQGpDQwMj4w6OJvmk9yrt+rrvNvPmJqv3JuP2duA6/eoqo+9Sd9F7Rpz7957s6vZO+453iO2j0sBry1DODK6/bEGwYWlbwmG/ecakRRqB5EzuBJv6Helicpa7BMFXsZi/MnMbSSSVsstk+rTWrapglURr5h8V13LVe9MVDdOw6QQHe5ap9hFwBoc24h7lPhIFJ8Kprw4RzjHxR6kjcb74uSognogKm96bbHx6O0waqOCSev149g6kTa8g318RrJLE/eyNP9e5UO2pVq2z/mzCprlPUQ0fd1PCw6iGPxffn/XzAAJBefP7qdDW779/KHWS7dIRdaWsoF8BQcOOvZUAPqXcb4ZMQCK5LB1Cc4gxKBg0iB6ASS+AAFNYEAj9zkCg6PMAAlW/pwKkfl8EaIZ8E6Cj3w9AYNDO2A8IDJmKF6rIAWwAHQ3j/NBi1FW0GoeBRHrRZtYc2jFuHx10xde4IRvxEELVKlesXiOXISnRQlUohWlVtNWDA3t24GQH9hoQQnKeCxeUq9RArVgt+Jet2uDVQ9QrytWqo8glERMQgRVd/2KBKCpwdLBWudo6nlKnUSWJevUqkFSohWmQRCTxiXJqahhJtVqYUrlS9QTgMiCxrrFSUl9fsQZ0RWDtJG3iP4LdAA/Tp/nhZISEKlJ2C5TmacAC3aiIzI5x0hBaj0H8soZQokSdaCnWKhXaysJmRbG2rkpRiG1yi+ooLaZUDAAA') format('woff2'),
  url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAU8AA0AAAAAB4wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFIAAAABoAAAAcohRq60dERUYAAAUAAAAAHgAAAB4AKQALT1MvMgAAAaAAAABGAAAAYEIBTpxjbWFwAAAB/AAAAEIAAAFCAA/veGdhc3AAAAT4AAAACAAAAAj//wADZ2x5ZgAAAkwAAAEsAAABWH3W0xtoZWFkAAABMAAAADAAAAA2JyyEpGhoZWEAAAFgAAAAHQAAACQHiQOFaG10eAAAAegAAAARAAAAEgxVAFVsb2NhAAACQAAAAAwAAAAMAEgArG1heHAAAAGAAAAAHgAAACABFABLbmFtZQAAA3gAAAFGAAACgl6CAQJwb3N0AAAEwAAAADYAAABQUf1A0HjaY2BkYGAAYqEpty7E89t8ZeBmYQCBR+wKdnA6lKGBeTXTaiCXg4EJJAoAB0UIyXjaY2BkYGBu+N/AEMPCAALMqxkYGVABCwBTpwMXAAAAeNpjYGRgYGBlsAdiEGACYi4gZGD4D+YzAAAPawFgAAB42mNgYWFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDAden3l9lrnhfwMDA/MdBiDJwIikRIGBEQCTww4iAAB42mNhgAAWCA5lCAUAAe4AtwAAAHjaY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+67P//wPJM///i5hDVTIwsjHAmAyMTECCiQEVMDIMewAAJFcIcgAAAAAAAAAAAAAASACseNotjzFLw0AUx9/LpYlIrVTTZJFD72yCBDrcpQ1UTUuhtQbqIHR1cUpNwbnTiZP9IF3yEbr6Ady6+xmci3fQB++/vN+D3x9smIMilaXgGFpAIQZA5rgURS/tIGFhlOGlHzQwEr0kZI7nB6yDSYaCotdAC1bb0Wj7Z2K13uX5Dj2Tay7ERAh+3WesPzVhzYuyLMzuY3WYyjATER8QHVDTPp9kY1VwCleQQB8ygHbqS+0TRqkx4U5krKQI3DAKubb1gwEaopt0DdPSYtwgqee2A4xwxh5y7Tl9ocXT4279/DMeasU7yc7O6xf6IIff9MjnAgltslvefCMTqWvTPbAN94vlu6CDD6Wc12Sh1AkjiItyJpvUFrxecx0a3Oie9pcc2+T+V39R+AdnzksMeNp9kM1Kw0AUhc/0T21BxILrWRVBSH+WpbtC3blwUddtOklbkkyYTAtdunXlA7j1MXwAn0Fw5YN4Gq8IFZqQyzfn3nNmJgAu8QmFn6eNa2GFU9wJV3CCWLhK/VG4Rn4RrqOFN+EG9Q/hJm7USLiFtnpmgqqdcdUp0/ascIGRcAXneBCuUrfCNfKTcB1XeBVuUH8XbmKKL+EWOmqJMRwMZvCsC2jMsWNdIWRuhqisHhg7M/Nmoec7vQptFtmM4r+pv9Y942JskDDacWniTTJzRy1HWlOmORQc2bc0+gjQo2xcsbKZ7ge9o/Zb2rMy4vCeBbY85oCqp1Hzc7SnpInEGF4hIWvkZW9NJaQeMNZkxv3+lWIbD7yPdORsqifc1iSJ1bmzaxN6Di/LPXIM0eUbHaQH5eFTjnmfD7vdSAKC0Kb4Bg9qcIcAAHjaY2BigAAuMMnIgA5YwaJMjEyMzIKViXlZmXnp8RWZiXnFGZnx+XCRysy85EQgnQ8ACQsOVgAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMABAABAAQAAAACAAAAAHjaY2BgYGQAgntsWnkg+hG7gh2MBgAurwQMAAA=') format('woff'),
  url('iconfont.ttf?999') format('truetype');
}
.icon_yan{
  font-family: "iconfont_yan" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yanjing_xianshi_o:before {
  content: "\ebcc";
}
.icon-yanjing_yincang_o:before {
  content: "\ebcd";
}

.fs36{ font-size: 36rpx}



