@-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);}
}.an{ -webkit-transform: rotate(360deg); animation: rotation 2s linear infinite; }
.goods-qrcode-modal{ position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,.5); padding: 40rpx; transform: translateY(100%); opacity: .5; transition: opacity 250ms; visibility: hidden; }
.goods-qrcode-modal.active{ transform: translateY(0); opacity: 1; visibility: visible; }
.goods-qrcode-body{ background: #fff; height: 100%; border-radius: 10rpx; z-index: 99999; }
.goods-qrcode-modal .goods-qrcode-box{ height: 100%; position: relative; box-shadow: 0 0 15rpx rgba(0,0,0,.15); }
.goods-qrcode-modal .goods-qrcode-loading{ top:0; left: 0; position: absolute; width: 100%; height: 100%; }
.goods-qrcode-modal .goods-qrcode{ top:0; left: 0; position: absolute; width: 100%; height: 100%; background: #fff; display: none; }
.goods-qrcode-modal .goods-qrcode.active{ display: block; }
.goods-qrcode-modal .goods-qrcode-close{ position: absolute; top:40rpx; right: 40rpx; padding: 15rpx; }
.share-modal{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.0); z-index: 1000; transform: translateY(100%); transition: background 250ms; }
.share-modal .share-modal-body{ position: fixed; bottom: 0; left: 0; width: 100%; background: #f2f2f2; padding-top: 60rpx; transform: translateY(100%); transition: transform 250ms; }
.share-modal.active{ transform: translateY(0); background: rgba(0,0,0,.5); }
.share-modal.active .share-modal-body{ transform: translateY(0); }
.share-modal .share-bottom{ text-align: center; font-size: 9pt; margin: 0; padding: 0; margin-bottom: 60rpx; line-height: inherit; border: none; background: none; color: inherit; font-family: inherit; display: inline-block; }
.share-modal .share-bottom:after{ display: none; }
.share-modal .share-bottom wx-cover-image, .share-modal .share-bottom wx-image{ width: 120rpx; height: 120rpx; margin-bottom: 12rpx; border-radius: 999rpx; border: 1rpx solid #eee; }
.share-modal .share-bottom:active wx-cover-image, .share-modal .share-bottom:active wx-image{ opacity: .7; }
.share-modal .share-modal-close{ background: #fff; height: 100rpx; border-top: 1rpx solid #eee; }
page { background:#f12416; }
.pond-head { margin-bottom:-40rpx; }
.pond-head wx-image{ width:100%; height:430rpx; }
.pond-gze { background:#000000; color:#ffffff; 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-bottom { display:inline-block; color:#ffffff; border-radius:40rpx; }
.bg { text-align:center; margin-bottom:20rpx; }
.pond-cj{ display:inline-block; background:#c62015; border-radius:28rpx; line-height:56rpx; padding:0 30rpx; }
.pond-text { color:#ffffff; position:relative; }
.pond-num { color:#ffb92a; }
.pond-frame { display:inline-block; position:relative; margin-top:16rpx; width:680rpx; height:536rpx; }
.pond-frame-t { position:absolute; left:38rpx; top:38rpx; bottom:38rpx; right:38rpx; }
.pond-frame-bg { width:680rpx; height:536rpx; }
.pond-goods { display:inline-block; position:relative; height:148rpx; width:196rpx; }
.pond-good-img { height:148rpx; width:196rpx; padding:0 4rpx; }
.pond-name-img { position:absolute; top:12rpx; left:0; width:100%; height:11vw; z-index:1; }
.pond-name { position:absolute; top:75%; color:#c62015; width:196rpx; overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.pond-register { padding:2rpx 16rpx; border-radius:16rpx; line-height:32rpx; position:absolute; top:84rpx; background:#fff4ba; }
.container-out { height: 566rpx; width: 680rpx; background-color: #F47915; margin: 32rpx auto 30rpx auto; border-radius: 16rpx; position: relative; }
.container-in { width: 640rpx; height: 526rpx; background-color: #f12416; border-radius: 20rpx; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.circle { position: absolute; display: block; border-radius: 50%; height: 15rpx; width: 15rpx; }
.content-out { position: absolute; height: 144rpx; width: 196rpx; background-color: #f5f0fc; border-radius: 16rpx; box-shadow: 0 16rpx 0 #FFCEC0; }
.start-btn { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; border-radius: 16rpx; height: 159rpx; width: 196rpx; bbackground-color: #ffe400; color: #f6251e; text-align: center; font-weight: bolder; line-height: 154rpx; }
.award-image { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; height: 140rpx; width: 130rpx; }
.act-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2001; vvisibility: hidden; oopacity: 0; transition: 200ms; }
.act-modal.show { visibility: visible; opacity: 1; }
.act-modal .act-modal-bg { 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 { background: rgba(0, 0, 0, 0.25); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.act-modal .act-modal-close wx-image { width: 50rpx; height: 50rpx; margin-top: 50rpx; }
.pond-jt { height:18rpx; width:18rpx; margin-left:12rpx; margin-bottom:3rpx; }
.pond-ok { width:591rpx; background:#ffffff; color:#353535; margin-top:-10rpx; padding:0 60rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.pond-xxcy { width:591rpx; background:#ffffff; color:#353535; }
.pond-bottom-2 { width:480rpx; margin:64rpx 0; background:#ff5c5c; line-height:80rpx; }
.pond-model-image { position:absolute; right:80rpx; top:0; z-index:555; width:50rpx; height:50rpx; }
