@charset "UTF-8"; .text-center.data-v-7f8db958 { text-align: center; } .font-weight.data-v-7f8db958 { font-weight: bold; } .page-width.data-v-7f8db958 { width: 100%; } .goods-hover-class.data-v-7f8db958 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-7f8db958 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-7f8db958 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-7f8db958 { width: 100%; } .u-hover-class.data-v-7f8db958 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-7f8db958 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .app-layout.data-v-7f8db958 { min-height: 100vh; } .app-layout.data-v-7f8db958 .app-layout { min-height: 100vh; } .pond.data-v-7f8db958 { text-align: center; /**小圆球 **/ /****/ } .pond .pond-box.data-v-7f8db958 { min-height: 700rpx; padding-top: 20rpx; } .pond .pond-head.data-v-7f8db958 { height: 480rpx; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; } .pond .pond-head .p-b.data-v-7f8db958 { color: #FFFFFF; font-size: 24rpx; background: #000000; text-align: center; background-color: rgba(0, 0, 0, 0.4); line-height: 48rpx; width: 92rpx; border-radius: 24rpx 0 0 24rpx; position: absolute; right: 0; top: 40rpx; } .pond .pond-head .p-b.data-v-7f8db958:nth-child(2) { top: 112rpx; } .pond .pond-oppty.data-v-7f8db958 { line-height: 56rpx; font-size: 28rpx; position: absolute; text-align: center; width: 100vw; top: 450rpx; } .pond .pond-oppty view.data-v-7f8db958 { color: #ffffff; padding: 0 30rpx; display: inline-block; background: rgba(0, 0, 0, 0.3); border-radius: 28rpx; } .pond .pond-oppty text.data-v-7f8db958 { color: #ffb92a; } .pond .container-out.data-v-7f8db958 { height: 566rpx; width: 680rpx; background-color: #F47915; margin: 32rpx auto 30rpx auto; border-radius: 16rpx; position: relative; } .pond .container-in.data-v-7f8db958 { width: 640rpx; height: 526rpx; background-color: #f12416; border-radius: 20rpx; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .pond .container-circle.data-v-7f8db958 { position: absolute; display: block; border-radius: 50%; height: 15rpx; width: 15rpx; } .pond .content-out.data-v-7f8db958 { position: absolute; height: 144rpx; width: 196rpx; background-color: #f5f0fc; border-radius: 16rpx; box-shadow: 0 16rpx 0 #FFCEC0; } .pond .content-out .img.data-v-7f8db958 { position: absolute; top: 12rpx; left: 50%; margin-left: -75rpx; width: 150rpx; height: 80rpx; z-index: 1; } .pond .content-out .name.data-v-7f8db958 { position: absolute; bottom: 0; top: 104rpx; color: #c62015; font-size: 24rpx; width: 196rpx; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.5; } .pond .pond-start1.data-v-7f8db958 { height: 160rpx; width: 100%; } .pond .pond-start2.data-v-7f8db958 { display: inline; position: absolute; left: 10rpx; height: 136rpx; width: 178rpx; } .pond .pond-start2 image.data-v-7f8db958 { height: 100%; width: 100%; } .pond .pond-start3.data-v-7f8db958 { position: absolute; left: 10rpx; height: 136rpx; width: 178rpx; } .pond .pond-register.data-v-7f8db958 { position: absolute; top: 84rpx; width: 100%; } .pond .pond-register view.data-v-7f8db958 { font-size: 26rpx; padding: 0 16rpx; border-radius: 16rpx; line-height: 32rpx; background: #fff4ba; } .pond .start-btn.data-v-7f8db958 { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; border-radius: 16rpx; height: 159rpx; width: 196rpx; color: #f6251e; text-align: center; font-weight: bolder; line-height: 154rpx; } .pond .end.data-v-7f8db958 { color: #FFFFFF; font-size: 28rpx; } .pond .end .left.data-v-7f8db958 { margin-right: 160rpx; } .pond .end .end-icon.data-v-7f8db958 { background-repeat: no-repeat; background-size: 100% 100%; margin: 0 16rpx; } .pond .end .end-icon.home.data-v-7f8db958 { height: 30rpx; width: 30rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA7vZxHAzbTrnnxq1qKXgi4Vb61THPiIM5B1pHzMCVfGZgFQOkm0FlsDljAAABX0lEQVQoz33T15KDMAwFUMkNbNNblpJASNH//+ESe9gFksl9AM+cEUYusIlMGGIWydgwlbRwTJJRhlReLBHVndyj5EzxIH8g0TBaCsVeEyq75Z02muw8kUp3GpHu3Ug0aOKI6l11ghjc/DA+NYLTIHaa9bBGiHYks2HOyhy2OVEtN/OqvUKE7NquHZE+KFSXxX09R+zbA99EwnByf6Vd7TFzwzJ+gxHdarxHXAqVA2ZX+Jz4zs6AVryLT44a0Dzl3L5bK2SHDHRRh+G9Omplw7AkBtwwIgqO3BERmgYgGC+4ctw/Zz+aCtXwQLoP1YVj2VuGp1j6Xbin6zyl4xtXjAjPnVt0Zlf+UbRwG9Rkg9djdhzGOxa2CJcGeqO5/MCpIg5LRjqLL3wi85Vd9bTh7J2DwlT/PAHIkhLPoXzt5l9j6YMMzznz3JCO8gfhVa4npzJaDSWqqz9behgy9JfoF/JtGymuSKKSAAAAAElFTkSuQmCC); } .pond .end .end-icon.price.data-v-7f8db958 { height: 22rpx; width: 12rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAMAAADD5o0oAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAgtioHRUF5vjPvZOOdmdhUklA8LW0nZx9eessiAAAAFJJREFUGNNlz0kOwDAIA8BsTbqmexv//6M52hKcGAkBdrd3rAjVglXk8Ys2RFHFm6kds+jANFAnguhCSFQaiwXHdIGutkcrnqyPMsJnwpnYpbHvG2IDzAb67NcAAAAASUVORK5CYII=); } .act-modal.data-v-7f8db958 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2001; -webkit-transition: 200ms; transition: 200ms; } .act-modal .show.data-v-7f8db958 { visibility: visible; opacity: 1; } .act-modal .act-modal-bg.data-v-7f8db958 { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .act-modal .act-modal-pic.data-v-7f8db958 { background: rgba(0, 0, 0, 0.25); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .act-modal .act-modal-info.data-v-7f8db958 { text-align: center; position: relative; } .act-modal .success.data-v-7f8db958 { top: 0rpx; width: 100%; } .act-modal .success .image-bg.data-v-7f8db958 { height: 462rpx; width: 100%; display: block; background-repeat: no-repeat; background-size: 100% 100%; } .act-modal .success .image-close.data-v-7f8db958 { position: absolute; right: 80rpx; top: 0; height: 30rpx; width: 30rpx; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAV1BMVEUAAAD////f39/n5+fU1NTx8fHX19ft7e3////Y2Nje3t7w8PD////Nzc3////////s7Oz////x8fH////u7u7MzMzx8fH////MzMzR0dHa2tr9/f3j4+Pgp5ThAAAAGHRSTlMAXp2eoJWijEakfZA6909BfL+aVt7Ney9JKnM1AAAA1ElEQVQ4y62USw6DMAxESYFCoXz7c6D3P2erUNmVHt7hlUWeZqTMkOzICc0y3vyze1oaEcnDPlOISNpEPCpc5DuqpBR05LHtp0Sdwi4jz8yopEUvqYbMoUynrPULqXBWxqGUqfT+QMGLlOm0Vz0FpV49GKPWn9dAxKhIL1Lq5VH5hsTZdDjrBi0TTpAXcmTupKgTF4+yvLpyQtrwal/sBDuGtOHV1kibPUx3iN7Dy+9qoV6kHC86Wp+dro5/f/Dce81Ju3WelELvGLuxd16eGGN24HwAWGcfgGkUetEAAAAASUVORK5CYII=); } .act-modal .success .text.data-v-7f8db958, .act-modal .success .box.data-v-7f8db958 { width: 591rpx; background: #ffffff; color: #353535; } .act-modal .success .box.data-v-7f8db958 { border-radius: 0 0 16rpx 16rpx; text-align: center; padding: 64rpx 0; } .act-modal .error.data-v-7f8db958 { top: 0rpx; width: 100%; } .act-modal .error .image-bg.data-v-7f8db958 { height: 240rpx; width: 100%; display: block; background-repeat: no-repeat; background-size: 100% 100%; } .act-modal .error .image-close.data-v-7f8db958 { position: absolute; right: 80rpx; top: 0; height: 30rpx; width: 30rpx; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAV1BMVEUAAAD////f39/n5+fU1NTx8fHX19ft7e3////Y2Nje3t7w8PD////Nzc3////////s7Oz////x8fH////u7u7MzMzx8fH////MzMzR0dHa2tr9/f3j4+Pgp5ThAAAAGHRSTlMAXp2eoJWijEakfZA6909BfL+aVt7Ney9JKnM1AAAA1ElEQVQ4y62USw6DMAxESYFCoXz7c6D3P2erUNmVHt7hlUWeZqTMkOzICc0y3vyze1oaEcnDPlOISNpEPCpc5DuqpBR05LHtp0Sdwi4jz8yopEUvqYbMoUynrPULqXBWxqGUqfT+QMGLlOm0Vz0FpV49GKPWn9dAxKhIL1Lq5VH5hsTZdDjrBi0TTpAXcmTupKgTF4+yvLpyQtrwal/sBDuGtOHV1kibPUx3iN7Dy+9qoV6kHC86Wp+dro5/f/Dce81Ju3WelELvGLuxd16eGGN24HwAWGcfgGkUetEAAAAASUVORK5CYII=); } .act-modal .error .text.data-v-7f8db958, .act-modal .error .box.data-v-7f8db958 { width: 591rpx; background: #ffffff; color: #353535; } .act-modal .error .box.data-v-7f8db958 { border-radius: 0 0 16rpx 16rpx; text-align: center; padding: 64rpx 0; }