discounts-minapp/components/zs-skeleton/index.vue

<template>
	<view class="zs-skeleton" v-if="loading" @touchmove.stop.prevent="clear">
		
		
		<view name="skeleton"  v-if="type == 'home'" class="home">
		  <view class="sk-container">
		    <view class="home">
		      <view></view>
		      <view data-event-opts="^handlePosition,getCity,^search,handleSearch">
		        <view class="zs-banner">
		          <view class="position-box" style="height:90px;background:;">
		            <view class="position" data-event-opts="tap,handlePosition,$event">
		              <image mode="true" class="position-icon sk-image"></image>
		              <text class="city sk-transparent sk-text-30-8824-302 sk-text">成都市</text>
		            </view>
		            <view class="search-box" data-event-opts="tap,handleSearch,$event">
		              <view class="search sk-image" data-event-opts="input,__set_model,,search,$event," placeholder="搜索" style="height:32px;" type="text" value="true"></view>
		              <image mode="true" class="icon sk-image"></image>
		            </view>
		          </view>
		          <view class="top-box" style="--bg:黑色;">
		            <swiper autoplay="false" circular="true" class="swiper" data-event-opts="change,swiperChange,$event" duration="1000" indicator-dots="true" interval="3000" current="0"></swiper>
		          </view>
		          <view class="u-notice-bar bar--u-notice-bar data-v-24c07869 bar--data-v-24c07869" style="background-color:none">
		            <view class="u-notice column-notice--u-notice data-v-3bda0f19 column-notice--data-v-3bda0f19" data-event-opts="tap,clickHandler,$event">
		              <view class="u-notice__left-icon column-notice--u-notice__left-icon data-v-3bda0f19 column-notice--data-v-3bda0f19">
		                <view class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right" data-event-opts="tap,clickHandler,$event">
		                  <text class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-volume-fill icon--uicon-volume-fill sk-transparent sk-text--40-0000-437 sk-text" style="font-size:10px;line-height:10px;font-weight:normal;top:0px;color:#6F4F23"></text>
		                </view>
		              </view>
		              <swiper autoplay="false" circular="true" class="u-notice__swiper column-notice--u-notice__swiper data-v-3bda0f19 column-notice--data-v-3bda0f19" data-event-opts="change,noticeChange,$event" interval="2000" vertical="true" current="0"></swiper>
		            </view>
		          </view>
		        </view>
		      </view>
		      <view class="login-home">
		        <view class="discount-list">
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,0,domainUrl,discountsList,,0,id,discountsList,,0,secondaryImg,discountsList,,0,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-244 sk-text">研学</view>
		            <view class="tag sk-transparent sk-text-11-5385-648 sk-text">0000000000</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,1,domainUrl,discountsList,,1,id,discountsList,,1,secondaryImg,discountsList,,1,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-367 sk-text">餐饮美食</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,2,domainUrl,discountsList,,2,id,discountsList,,2,secondaryImg,discountsList,,2,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-500 sk-text">酒店民宿</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,3,domainUrl,discountsList,,3,id,discountsList,,3,secondaryImg,discountsList,,3,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-497 sk-text">景区门票</view>
		            <view class="tag sk-transparent sk-text-11-5385-643 sk-text">1元秒杀</view>
		            <view class="desc sk-transparent sk-text-14-2857-677 sk-text" style="background-position-x: 50%;">低至5折</view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,4,domainUrl,discountsList,,4,id,discountsList,,4,secondaryImg,discountsList,,4,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-155 sk-text">健身运动</view>
		            <view class="tag sk-transparent sk-text-11-5385-227 sk-text">大额券</view>
		            <view class="desc sk-transparent sk-text-14-2857-150 sk-text" style="background-position-x: 50%;">1元秒杀</view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,5,domainUrl,discountsList,,5,id,discountsList,,5,secondaryImg,discountsList,,5,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-893 sk-text">超市购物</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,6,domainUrl,discountsList,,6,id,discountsList,,6,secondaryImg,discountsList,,6,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-552 sk-text">加油充电</view>
		            <view class="tag sk-transparent sk-text-11-5385-710 sk-text">大额券</view>
		            <view class="desc sk-transparent sk-text-14-2857-314 sk-text" style="background-position-x: 50%;">低至5折</view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,7,domainUrl,discountsList,,7,id,discountsList,,7,secondaryImg,discountsList,,7,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-327 sk-text">电影演出</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,8,domainUrl,discountsList,,8,id,discountsList,,8,secondaryImg,discountsList,,8,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-185 sk-text">用车养车</view>
		            <view class="desc"></view>
		          </view>
		          <view class="discount-item" data-event-opts="tap,goDetail,$0,$1,$2,$3,discountsList,,9,domainUrl,discountsList,,9,id,discountsList,,9,secondaryImg,discountsList,,9,menuName">
		            <image mode="true" class="icon sk-image"></image>
		            <view class="title sk-transparent sk-text-14-2857-273 sk-text">出行</view>
		            <view class="desc"></view>
		          </view>
		        </view>
		        <view class="swiper-box">
		          <view class="progress sk-transparent sk-text-14-2857-206 sk-text">5/10</view>
		          <swiper autoplay="false" circular="true" class="swiper" current="0" data-event-opts="change,swiperChange,$event" duration="1000" interval="3000"></swiper>
		        </view>
		        <view class="content">
		          <view class="store-box" data-event-opts="^load,loadMore">
		            <view class="zs-list list-index--zs-list" style="margin-top:0;">
		              <view class="left">
		                <view class="store-item">
		                  <view data-event-opts="tap,jump,$0,list,,0,jumpUrl">
		                    <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                      <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsUengPGwxbQBfWjZW7Zmh0jxaawbDSAe index--lazyzsUengPGwxbQBfWjZW7Zmh0jxaawbDSAe sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 194px; height: 129.333px; border-radius: 9px;"></image>
		                    </view>
		                  </view>
		                </view>
		              </view>
		              <view class="right">
		                <view class="store-item">
		                  <view data-event-opts="tap,jump,$0,list1,,0,jumpUrl">
		                    <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                      <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzs80KreaJMHXjnZoL3lh9Z4vS0lcaLT8X index--lazyzs80KreaJMHXjnZoL3lh9Z4vS0lcaLT8X sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 194px; height: 141.506px; border-radius: 9px;"></image>
		                    </view>
		                  </view>
		                </view>
		              </view>
		            </view>
		          </view>
		        </view>
		      </view>
		    </view>
		  </view>
		</view>
		

		

		<view name="skeleton" class="integral" v-else-if="type == 'integral'">
			<view class="sk-container">
				<view class="store">
					<view class="bg sk-image">
						<view class="info">
							<view class="num sk-transparent sk-text-14-2857-943 sk-text"
								style="background-position-x: 50%;">3399</view>
							<view class="label sk-transparent sk-text-14-2857-299 sk-text"
								style="background-position-x: 50%;">剩余积分</view>
						</view>
						<view class="rule sk-transparent sk-text-14-2857-922 sk-text">积分规则</view>
						<image mode="true" class="jump-img sk-image" data-event-opts="tap,jump,./shop"></image>
					</view>
					<view class="title sk-transparent">
						<image mode="true" class="icon sk-image"></image>积分明细
					</view>
					<view>
						<view class="zs-list list-index--zs-list" style="margin-top:0;">
							<view class="item">
								<view class="top">
									<view class="item-title sk-transparent sk-text-14-2857-830 sk-text">天天签到积分</view>
									<view class="score sk-transparent sk-text-14-2857-292 sk-text">+5</view>
								</view>
								<view class="bottom">
									<view class="time sk-transparent sk-text-14-2857-594 sk-text">2022-10-01</view>
									<view class="num sk-transparent sk-text-14-2857-398 sk-text">剩余1233</view>
								</view>
							</view>
							<view class="item">
								<view class="top">
									<view class="item-title sk-transparent sk-text-14-2857-214 sk-text">天天签到积分</view>
									<view class="score sk-transparent sk-text-14-2857-115 sk-text">+5</view>
								</view>
								<view class="bottom">
									<view class="time sk-transparent sk-text-14-2857-263 sk-text">2022-10-01</view>
									<view class="num sk-transparent sk-text-14-2857-429 sk-text">剩余1233</view>
								</view>
							</view>
							<view class="item">
								<view class="top">
									<view class="item-title sk-transparent sk-text-14-2857-97 sk-text">天天签到积分</view>
									<view class="score sk-transparent sk-text-14-2857-514 sk-text">+5</view>
								</view>
								<view class="bottom">
									<view class="time sk-transparent sk-text-14-2857-304 sk-text">2022-10-01</view>
									<view class="num sk-transparent sk-text-14-2857-940 sk-text">剩余233</view>
								</view>
							</view>
							<view class="item">
								<view class="top">
									<view class="item-title sk-transparent sk-text-14-2857-926 sk-text">天天签到积分</view>
									<view class="score sk-transparent sk-text-14-2857-255 sk-text">+5</view>
								</view>
								<view class="bottom">
									<view class="time sk-transparent sk-text-14-2857-844 sk-text">2022-10-01</view>
									<view class="num sk-transparent sk-text-14-2857-712 sk-text">剩余1233</view>
								</view>
							</view>
							<view class="item">
								<view class="top">
									<view class="item-title sk-transparent sk-text-14-2857-153 sk-text">天天签到积分</view>
									<view class="score sk-transparent sk-text-14-2857-778 sk-text">+15</view>
								</view>
								<view class="bottom">
									<view class="time sk-transparent sk-text-14-2857-605 sk-text">2022-10-01</view>
									<view class="num sk-transparent sk-text-14-2857-586 sk-text">剩余1233</view>
								</view>
							</view>
							<view class="more list-index--more">
								<view class="uni-load-more more-index--uni-load-more"
									data-event-opts="tap,onClick,$event">
									<text class="uni-load-more__text more-index--uni-load-more__text"
										style="color:#777777;"></text>
								</view>
							</view>
						</view>
					</view>
					<view></view>
				</view>
			</view>
		</view>



		<view name="skeleton" class="integralShop" v-else-if="type == 'integralShop'">
			<view class="sk-container">
				<view class="integral-shop">
					<view class="search-box">
						<view>
							<view class="zs-search search-index--zs-search">
								<view class="input search-index--input sk-image" placeholder="搜索"
									style="line-height:39px;height:39px;border-radius:36px;color:#606266;background:#efefef;"
									type="text" value="true"></view>
								<image mode="true" class="icon search-index--icon sk-image"></image>
								<button
									class="btn search-index--btn sk-transparent sk-button sk-pseudo sk-pseudo-circle"
									data-event-opts="tap,search,$event" type="default">搜索</button>
							</view>
						</view>
					</view>
					<image mode="true" class="top-banner sk-image"></image>
					<view class="list" data-event-opts="^load,loadMore">
						<view class="zs-list list-index--zs-list" style="margin-top:0;">
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-302 sk-text">宅小鹿芒果干</view>
								<view class="handle-box">
									<view class="price sk-transparent sk-text-14-2857-723 sk-text">6000分</view>
									<view class="exchange-btn sk-transparent sk-image">兑换</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-958 sk-text">麻辣王子地道辣条</view>
								<view class="handle-box">
									<view class="price sk-transparent sk-text-14-2857-194 sk-text">6000分</view>
									<view class="exchange-btn sk-transparent sk-image">兑换</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-601 sk-text">良品铺子酥脆薄饼</view>
								<view class="handle-box">
									<view class="price sk-transparent sk-text-14-2857-60 sk-text">6000分</view>
									<view class="exchange-btn sk-transparent sk-image">兑换</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-403 sk-text">薄脆饼干</view>
								<view class="handle-box">
									<view class="price sk-transparent sk-text-14-2857-800 sk-text">6000分</view>
									<view class="exchange-btn sk-transparent sk-image">兑换</view>
								</view>
							</view>
							<view class="more list-index--more">
								<view class="uni-load-more more-index--uni-load-more"
									data-event-opts="tap,onClick,$event">
									<text class="uni-load-more__text more-index--uni-load-more__text"
										style="color:#777777;"></text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view name="skeleton" class="scenic" v-else-if="type == 'scenic'">
		  <view class="sk-container">
		    <view class="scenic">
		      <view class="search-box" data-event-opts="tap,handleSearch,$event">
		        <view class="city-box">
		          <image mode="true" class="icon sk-image"></image>
		          <view class="city sk-transparent sk-text-14-2857-561 sk-text">成都市</view>
		        </view>
		        <view class="search sk-image" data-event-opts="input,__set_model,,value,$event," disabled="true" placeholder="景点名称" type="text" value="true"></view>
		      </view>
		      <view class="more-box">
		        <view class="title sk-transparent sk-text-14-2857-257 sk-text">猜你喜欢</view>
		        <view class="btn-box sk-transparent">更多
		          <image mode="true" class="btn sk-image"></image>
		        </view>
		      </view>
		      <view class="list" data-event-opts="^load,loadMore">
		        <view class="zs-list list-index--zs-list" style="margin-top:11px;">
		          <view class="left">
		            <view class="item" data-event-opts="tap,goDetail,$0,list,scenicId,poi1994829">
		              <view >
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzssI4CVSRrXv5X9SjTGXdfzoY3kygPH1S index--lazyzssI4CVSRrXv5X9SjTGXdfzoY3kygPH1S sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-124 sk-text">上海迪士尼乐园</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-899 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-575 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-119 sk-text">7167 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list,scenicId,poi18309">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzscu6CB47QQ9b0BFsWbzTZhC3FEIW23LI index--lazyzscu6CB47QQ9b0BFsWbzTZhC3FEIW23LI sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-229 sk-text">北京野生动物园</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-175 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-908 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-680 sk-text">7364 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list,scenicId,poi136">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzs4bUPMEu7Pt3PS8f16mB2qlS6cG0WhFQ index--lazyzs4bUPMEu7Pt3PS8f16mB2qlS6cG0WhFQ sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-374 sk-text">东方明珠</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-566 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-976 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-869 sk-text">7169 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list,scenicId,poi1745">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzs2BtjkBFzJGbpwgZ3x6JPa7EujmkBWNU index--lazyzs2BtjkBFzJGbpwgZ3x6JPa7EujmkBWNU sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		            </view>
		          </view>
		          <view class="right">
		            <view class="item" data-event-opts="tap,goDetail,$0,list1,scenicId,poi134">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsVyDg7Bs4gkavZ7rDQ2QCdDbbLSBEc5k index--lazyzsVyDg7Bs4gkavZ7rDQ2QCdDbbLSBEc5k sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-599 sk-text">黄山风景区</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-12 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-152 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-417 sk-text">7141 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list1,scenicId,poi824">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsiEFrevjWKQ1oSPDeaji9ChnM9e0HEMP index--lazyzsiEFrevjWKQ1oSPDeaji9ChnM9e0HEMP sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-657 sk-text">香港迪士尼乐园</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-818 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-881 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-349 sk-text">6945 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list1,scenicId,poi6325">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzskkTdFcLiGQETTYd2nm99TMXPtdp43zi index--lazyzskkTdFcLiGQETTYd2nm99TMXPtdp43zi sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		              <view class="info">
		                <view class="title sk-transparent sk-text-14-2857-391 sk-text">北京欢乐谷</view>
		                <view class="price-box">
		                  <view class="unit sk-transparent sk-opacity">￥</view>
		                  <view class="price sk-transparent sk-text-14-2857-62 sk-text">580</view>
		                  <view class="text sk-transparent sk-opacity">起</view>
		                </view>
		                <view class="address-box">
		                  <view class="address sk-transparent sk-text-14-2857-683 sk-text">重庆</view>
		                  <view class="distance sk-transparent sk-text-14-2857-175 sk-text">7373 KM</view>
		                </view>
		              </view>
		            </view>
		            <view class="item" data-event-opts="tap,goDetail,$0,list1,scenicId,poi38344">
		              <view>
		                <view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
		                  <image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsMs3lyBFkzRfULLS3nU05QuEVm1l7f3F index--lazyzsMs3lyBFkzRfULLS3nU05QuEVm1l7f3F sk-image" data-event-opts="error,error,$event" mode="widthFix" style="width: 340rpx; height: 105.188px; border-radius: 8px 8px 0px 0px;"></image>
		                </view>
		              </view>
		            </view>
		          </view>
		        </view>
		      </view>
		    </view>
		  </view>
		</view>
		
		
		<view name="skeleton" class="scenicDetail" v-else-if="type == 'scenicDetail'">
		  <view class="sk-container">
		    <view class="scenic-detail">
		      <view>
		        <view class="zs-header index--zs-header data-v-0789c30e index--data-v-0789c30e" data-event-opts="tap,back,$event" style="height:84px;background:;">
		          <image mode="true" class="back index--back data-v-0789c30e index--data-v-0789c30e sk-image"></image>
		          <view class="title index--title data-v-0789c30e index--data-v-0789c30e" style="color:#fff;"></view>
		        </view>
		      </view>
		      <image mode="true" class="top-banner sk-image"></image>
		      <view class="content">
		        <view class="info">
		          <view class="title sk-transparent sk-text-14-2857-476 sk-text">上海迪士尼乐园</view>
		          <view class="address-box">
		            <view class="province sk-transparent sk-text-14-2857-295 sk-text">上海</view>
		            <view class="address sk-transparent sk-text-14-2857-207 sk-text">上海市浦东新区川沙新镇申迪北路753号上海迪士尼度假区</view>
		          </view>
		          <view class="open-time sk-transparent sk-text-14-2857-206 sk-text">营业时间：8:30-21:30;08:30-21:30 </view>
		        </view>
		        <view class="navigation-box">
		          <view class="address sk-transparent sk-text-14-2857-71 sk-text">上海市浦东新区川沙新镇申迪北路753号上海迪士尼度假区</view>
		          <view class="btn sk-transparent sk-text-23-2143-483 sk-text" data-event-opts="tap,handleNavigation,$event" style="background-position-x: 50%;">导航</view>
		        </view>
		        <view class="list">
		          <view class="item">
		            <view class="sub-title"></view>
		            <view class="ticket-list">
		              <view class="ticket-item border-bottom">
		                <view class="top">
		                  <view class="title sk-transparent sk-text-14-2857-690 sk-text">上海迪士尼乐园二日成人票 当天可定</view>
		                  <view class="price-box">
		                    <view class="unit sk-transparent sk-opacity">￥</view>
		                    <view class="price sk-transparent sk-text-14-2857-488 sk-text">772</view>
		                    <view class="text sk-transparent sk-opacity">起</view>
		                  </view>
		                </view>
		                <view class="bottom">
		                  <view class="left">
		                    <view class="notice-box sk-transparent" data-event-opts="tap,handleBuy,$0,info.disTickets,,0">预定须知
		                      <image mode="true" class="more sk-image"></image>
		                    </view>
		                  </view>
		                  <view class="btn sk-transparent sk-text-26-7857-804 sk-text" data-event-opts="tap,handleBuy,$0,info.disTickets,,0" style="background-position-x: 50%;">立即预订</view>
		                </view>
		              </view>
		              <view class="ticket-item border-bottom">
		                <view class="top">
		                  <view class="title sk-transparent sk-text-14-2857-443 sk-text">上海迪士尼乐园二日长者票 适用于60岁及以上人士</view>
		                  <view class="price-box">
		                    <view class="unit sk-transparent sk-opacity">￥</view>
		                    <view class="price sk-transparent sk-text-14-2857-359 sk-text">558</view>
		                    <view class="text sk-transparent sk-opacity">起</view>
		                  </view>
		                </view>
		                <view class="bottom">
		                  <view class="left">
		                    <view class="notice-box sk-transparent" data-event-opts="tap,handleBuy,$0,info.disTickets,,1">预定须知
		                      <image mode="true" class="more sk-image"></image>
		                    </view>
		                  </view>
		                  <view class="btn sk-transparent sk-text-26-7857-101 sk-text" data-event-opts="tap,handleBuy,$0,info.disTickets,,1" style="background-position-x: 50%;">立即预订</view>
		                </view>
		              </view>
		              <view class="ticket-item border-bottom">
		                <view class="top">
		                  <view class="title sk-transparent sk-text-14-2857-450 sk-text">上海迪士尼乐园二日儿童票 需大人陪同</view>
		                  <view class="price-box">
		                    <view class="unit sk-transparent sk-opacity">￥</view>
		                    <view class="price sk-transparent sk-text-14-2857-172 sk-text">558</view>
		                    <view class="text sk-transparent sk-opacity">起</view>
		                  </view>
		                </view>
		                <view class="bottom">
		                  <view class="left">
		                    <view class="notice-box sk-transparent" data-event-opts="tap,handleBuy,$0,info.disTickets,,2">预定须知
		                      <image mode="true" class="more sk-image"></image>
		                    </view>
		                  </view>
		                  <view class="btn sk-transparent sk-text-26-7857-856 sk-text" data-event-opts="tap,handleBuy,$0,info.disTickets,,2" style="background-position-x: 50%;">立即预订</view>
		                </view>
		              </view>
		              <view class="ticket-item border-bottom">
		                <view class="top">
		                  <view class="title sk-transparent sk-text-14-2857-76 sk-text">上海迪士尼乐园1日儿童票 当天可定（需大人陪同）</view>
		                  <view class="price-box">
		                    <view class="unit sk-transparent sk-opacity">￥</view>
		                    <view class="price sk-transparent sk-text-14-2857-410 sk-text">312</view>
		                    <view class="text sk-transparent sk-opacity">起</view>
		                  </view>
		                </view>
		                <view class="bottom">
		                  <view class="left">
		                    <view class="notice-box sk-transparent" data-event-opts="tap,handleBuy,$0,info.disTickets,,3">预定须知
		                      <image mode="true" class="more sk-image"></image>
		                    </view>
		                  </view>
		                  <view class="btn sk-transparent sk-text-26-7857-228 sk-text" data-event-opts="tap,handleBuy,$0,info.disTickets,,3" style="background-position-x: 50%;">立即预订</view>
		                </view>
		              </view>
		              <view class="ticket-item border-bottom">
		                <view class="top">
		                  <view class="title sk-transparent sk-text-14-2857-120 sk-text">上海迪士尼乐园1日长者票 当天可定（适用于60周岁及以上人士）</view>
		                  <view class="price-box">
		                    <view class="unit sk-transparent sk-opacity">￥</view>
		                    <view class="price sk-transparent sk-text-14-2857-636 sk-text">312</view>
		                    <view class="text sk-transparent sk-opacity">起</view>
		                  </view>
		                </view>
		                <view class="bottom">
		                  <view class="left">
		                    <view class="notice-box sk-transparent" data-event-opts="tap,handleBuy,$0,info.disTickets,,4">预定须知
		                      <image mode="true" class="more sk-image"></image>
		                    </view>
		                  </view>
		                  <view class="btn sk-transparent sk-text-26-7857-652 sk-text" data-event-opts="tap,handleBuy,$0,info.disTickets,,4" style="background-position-x: 50%;">立即预订</view>
		                </view>
		              </view>
		            </view>
		          </view>
		        </view>
		      </view>
		    
		    </view>
		  </view>
		</view>
		
		
		<view name="skeleton" class="orderDetail" v-else-if="type == 'orderDetail'">
		  <view class="sk-container">
		    <view class="order-detail">
		      <view class="status-box">
		        <view class="text-box">
		          <view class="status sk-transparent sk-text-14-2857-332 sk-text">待付款</view>
		        </view>
		      </view>
		      <view class="content shop-box">
		        <view class="shop-name sk-transparent sk-text-14-2857-950 sk-text">漂亮倩宠物（云岩区店）</view>
		        <view class="address sk-transparent sk-text-14-2857-931 sk-text">贵州省贵阳市云岩区向阳路9向阳路13号大院内,小朱五金店附近48米</view>
		      </view>
		      <view class="content info">
		        <view class="order-info">
		          <image mode="true" class="icon sk-image"></image>
		          <view class="shop-info">
		            <view class="title sk-transparent sk-text-14-2857-727 sk-text">测试商品（云岩）</view>
		            <view class="goods-desc sk-transparent sk-text-14-2857-818 sk-text">测试商品（云岩）</view>
		            <view class="price-box">
		              <view class="price sk-transparent sk-text-14-2857-635 sk-text">￥0.01</view>
		            </view>
		          </view>
		        </view>
		      </view>
		      <view class="content">
		        <view class="title sk-transparent sk-text-14-2857-792 sk-text">订单信息</view>
		        <view class="item">
		          <view class="label sk-transparent sk-text-14-2857-395 sk-text">订单编号</view>
		          <view class="value sk-transparent sk-text-14-2857-850 sk-text">1793885648400547840</view>
		        </view>
		        <view class="item">
		          <view class="label sk-transparent sk-text-14-2857-536 sk-text">下单时间</view>
		          <view class="value sk-transparent sk-text-14-2857-879 sk-text">2024-05-24 14:04:02</view>
		        </view>
		      </view>
		      <view class="content">
		        <view class="title sk-transparent sk-text-14-2857-614 sk-text">交易信息</view>
		        <view class="item">
		          <view class="label sk-transparent sk-text-14-2857-940 sk-text">商品金额</view>
		          <view class="value black sk-transparent sk-text-14-2857-614 sk-text">￥0.01</view>
		        </view>
		        <view class="item">
		          <view class="label sk-transparent sk-text-14-2857-761 sk-text">优惠券</view>
		          <view class="value red sk-transparent sk-text-14-2857-412 sk-text">-￥0</view>
		        </view>
		        <view class="item">
		          <view class="label sk-transparent sk-text-14-2857-730 sk-text">合计</view>
		          <view class="value">
		            <text class="red fs28 sk-transparent sk-text-14-2857-418 sk-text">￥0.01</text>
		          </view>
		        </view>
		      </view>
		      <button class="pay-btn sk-transparent sk-button sk-pseudo sk-pseudo-circle" data-event-opts="tap,pay,$event" type="default">立即支付</button>
		    </view>
		  </view>
		</view>
		
		
		<template name="skeleton" class="goodsDetail" v-else-if="type == 'goodsDetail'">
		  <view class="sk-container">
		    <view class="goodsDetail">
		      <image class="good-img sk-image" mode="aspectFit"></image>
		      <view class="price-box">
		        <view class="left">
		          <view class="num-box">
		            <view class="unit sk-transparent sk-opacity">￥</view>
		            <view class="price sk-transparent sk-text-14-2857-598 sk-text">0.1</view>
		          </view>
		          <view class="old-price sk-transparent sk-text-14-2857-404 sk-text" style="text-decoration-color: transparent;">市场价 ￥0.8</view>
		        </view>
		        <view class="right sk-transparent sk-text-14-2857-192 sk-text">销量1</view>
		      </view>
		      <view class="goods-info">
		        <view class="goods-name sk-transparent sk-text-14-2857-155 sk-text">商品回归测试524</view>
		        <view class="desc sk-transparent sk-text-14-2857-570 sk-text">1</view>
		      </view>
		      <view class="shop-limit" data-event-opts="tap,jump,/detail/shopList/index">
		        <view class="info">
		          <view class="shop-name sk-transparent sk-text-14-2857-839 sk-text">研学店铺一</view>
		          <view class="address sk-transparent sk-text-14-2857-553 sk-text">渝中区 276.99 KM</view>
		        </view>
		        <view class="num sk-transparent">1家店适用
		          <image mode="true" class="icon sk-image"></image>
		        </view>
		      </view>
		      <view class="tab-group">
		        <view class="tab active sk-transparent sk-text-14-2857-580 sk-text" data-event-opts="tap,handleTab,1" style="background-position-x: 50%;">商品详情</view>
		        <view class="tab sk-transparent sk-text-14-2857-980 sk-text" data-event-opts="tap,handleTab,2" style="background-position-x: 50%;">购买须知</view>
		      </view>
		      <view class="desc-box">
		        <rich-text class="goods-desc" nodes="1"></rich-text>
		      </view>
		      <view class="buy-box">
		        <image mode="true" class="head sk-image" data-event-opts="tap,goShopDetail,$0,shopInfo"></image>
		        <view class="btn-box">
		          <view class="buy-btn" data-event-opts="tap,handleBuy,$event">
		          <!--  <view class="label sk-transparent sk-text-14-2857-14 sk-text" style="background-position-x: 50%;">会员专享价</view>
		            <view class="price sk-transparent sk-text-14-2857-988 sk-text" style="background-position-x: 50%;">￥0.1</view> -->
		          </view>
		        </view>
		      </view>
		    </view>
		  </view>
		</template>
		
		<view name="skeleton" class="sk-activity" v-else-if="type == 'activity'">
			<view class="data-v-6362e18b data-v-6362e18b">
				<view class="zs-header zs-header data-v-6362e18b data-v-6362e18b" style="height:87px;background:#fff;">
					<view class="title title data-v-6362e18b data-v-6362e18b">
						<view class="title-text data-v-6362e18b sk-transparent sk-text-14-2857-450 sk-text">平台活动</view>
						<view class="title-text data-v-6362e18b sk-transparent sk-text-14-2857-911 sk-text">我的活动</view>
					</view>
				</view>
				<view class="data-v-6362e18b data-v-6362e18b" style="margin-top:87px;">
					<view class="activity activity data-v-6362e18b data-v-6362e18b">
						<view  class="data-v-6362e18b data-v-6362e18b" data-event-opts="^load,loadMore">
							<view class="zs-list list-index--zs-list" style="margin-top:0;">
								<view class="item item data-v-6362e18b data-v-6362e18b" data-event-opts="tap,goDetail,$0,list,id,91,id">
									<view class="data-v-6362e18b data-v-6362e18b">
										<view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
											<image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzs1qRKubFGRruhkh9p0937QVEN68rUxnW index--lazyzs1qRKubFGRruhkh9p0937QVEN68rUxnW sk-image" data-event-opts="error,error,$event" mode="true" style="width:369px;height:166px;border-radius:8px 8px 0 0;"></image>
										</view>
									</view>
									<view class="info info data-v-6362e18b data-v-6362e18b">
										<view class="title data-v-6362e18b sk-transparent sk-text-14-2857-399 sk-text">活动回归测试（后台）</view>
										<view class="desc data-v-6362e18b sk-transparent sk-text-14-2857-647 sk-text">活动时间: 2024-08-01 00:00 至 2024-08-31 23:59</view>
									</view>
								</view>
								<view class="item item data-v-6362e18b data-v-6362e18b" data-event-opts="tap,goDetail,$0,list,id,90,id">
									<view class="data-v-6362e18b data-v-6362e18b">
										<view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
											<image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsPctnsYinpTTAvbrYmGryZ8NgMbd4YXk index--lazyzsPctnsYinpTTAvbrYmGryZ8NgMbd4YXk sk-image" data-event-opts="error,error,$event" mode="true" style="width:369px;height:166px;border-radius:8px 8px 0 0;"></image>
										</view>
									</view>
									<view class="info info data-v-6362e18b data-v-6362e18b">
										<view class="title data-v-6362e18b sk-transparent sk-text-14-2857-784 sk-text">海报</view>
										<view class="desc data-v-6362e18b sk-transparent sk-text-14-2857-858 sk-text">活动时间: 2024-08-01 00:00 至 2024-08-31 23:59</view>
									</view>
								</view>
								<view class="item item data-v-6362e18b data-v-6362e18b" data-event-opts="tap,goDetail,$0,list,id,88,id">
									<view class="data-v-6362e18b data-v-6362e18b">
										<view class="zs-img-box index--zs-img-box data-v-ce5cf0a6 index--data-v-ce5cf0a6">
											<image class="img1 index--img1 data-v-ce5cf0a6 index--data-v-ce5cf0a6 lazyzsxUZGFWS9vSpjdwlu8h3EyROiag6fzt1 index--lazyzsxUZGFWS9vSpjdwlu8h3EyROiag6fzt1 sk-image" data-event-opts="error,error,$event" mode="true" style="width:369px;height:166px;border-radius:8px 8px 0 0;"></image>
										</view>
									</view>
									<view class="info info data-v-6362e18b data-v-6362e18b">
										<view class="title data-v-6362e18b sk-transparent sk-text-14-2857-393 sk-text">活动回归测试</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
    </view>


	</view>
</template>

<script>
	export default {
		name: "zs-skeleton",
		props: {
			type: {
				type: String,
				default: 'home'
			},
			loading: {
				type: Boolean,
				default: true
			},
		},
		data() {
			return {

			};
		},
		methods: {
			clear(e) {},
		},
	}
</script>

<style lang="scss">
	.zs-skeleton {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 9999999;
		background: #fff;
	}

	.home {
		.sk-transparent {
		    color: transparent !important;
		  }
		.sk-text-30-8824-302 {
		    background-image: linear-gradient(transparent 30.8824%, #EEEEEE 0%, #EEEEEE 69.1176%, transparent 0%) !important;
		    background-size: 100% 59.3023rpx;
		    position: relative !important;
		  }
		.sk-text {
		    background-origin: content-box !important;
		    background-clip: content-box !important;
		    background-color: transparent !important;
		    color: transparent !important;
		    background-repeat: repeat-y !important;
		  }
		.sk-text--40-0000-437 {
		    background-image: linear-gradient(transparent -40.0000%, #EEEEEE 0%, #EEEEEE 140.0000%, transparent 0%) !important;
		    background-size: 100% 17.4419rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-244 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-11-5385-648 {
		    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
		    background-size: 100% 22.6744rpx;
		    position: absolute !important;
		  }
		.sk-text-14-2857-367 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-500 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-497 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-11-5385-643 {
		    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
		    background-size: 100% 22.6744rpx;
		    position: absolute !important;
		  }
		.sk-text-14-2857-677 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 21.9767rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-155 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-11-5385-227 {
		    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
		    background-size: 100% 22.6744rpx;
		    position: absolute !important;
		  }
		.sk-text-14-2857-150 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 21.9767rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-893 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-552 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-11-5385-710 {
		    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
		    background-size: 100% 22.6744rpx;
		    position: absolute !important;
		  }
		.sk-text-14-2857-314 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 21.9767rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-327 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-185 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-273 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-206 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 21.9767rpx;
		    position: absolute !important;
		  }
		.sk-image {
		    background: #EFEFEF !important;
		  }
		.sk-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		    background-color: transparent;
		  }


	}



	.integral {
		.sk-transparent {
			color: transparent !important;
		}

		.sk-text-14-2857-943 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 76.0870rpx;
			position: relative !important;
		}

		.sk-text {
			background-origin: content-box !important;
			background-clip: content-box !important;
			background-color: transparent !important;
			color: transparent !important;
			background-repeat: repeat-y !important;
		}

		.sk-text-14-2857-299 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-922 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: absolute !important;
		}

		.sk-text-14-2857-830 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: relative !important;
		}

		.sk-text-14-2857-292 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 50.7246rpx;
			position: relative !important;
		}

		.sk-text-14-2857-594 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-398 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-214 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: relative !important;
		}

		.sk-text-14-2857-115 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 50.7246rpx;
			position: relative !important;
		}

		.sk-text-14-2857-263 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-429 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-97 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: relative !important;
		}

		.sk-text-14-2857-514 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 50.7246rpx;
			position: relative !important;
		}

		.sk-text-14-2857-304 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-940 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-926 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: relative !important;
		}

		.sk-text-14-2857-255 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 50.7246rpx;
			position: relative !important;
		}

		.sk-text-14-2857-844 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-712 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-153 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 38.0435rpx;
			position: relative !important;
		}

		.sk-text-14-2857-778 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 50.7246rpx;
			position: relative !important;
		}

		.sk-text-14-2857-605 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-text-14-2857-586 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 32.9710rpx;
			position: relative !important;
		}

		.sk-image {
			background: #EFEFEF !important;
		}

		.sk-container {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-color: transparent;
		}

	}



	.integralShop {
		.sk-transparent {
			color: transparent !important;
		}

		.sk-text-14-2857-302 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text {
			background-origin: content-box !important;
			background-clip: content-box !important;
			background-color: transparent !important;
			color: transparent !important;
			background-repeat: repeat-y !important;
		}

		.sk-text-14-2857-723 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-958 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-194 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-601 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-60 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-403 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-text-14-2857-800 {
			background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
			background-size: 100% 35.5072rpx;
			position: relative !important;
		}

		.sk-button {
			color: #EFEFEF !important;
			background: #EFEFEF !important;
			border: none !important;
			box-shadow: none !important;
		}

		.sk-image {
			background: #EFEFEF !important;
		}

		.sk-pseudo::before,
		.sk-pseudo::after {
			background: #EFEFEF !important;
			background-image: none !important;
			color: transparent !important;
			border-color: transparent !important;
		}

		.sk-pseudo-rect::before,
		.sk-pseudo-rect::after {
			border-radius: 0 !important;
		}

		.sk-pseudo-circle::before,
		.sk-pseudo-circle::after {
			border-radius: 50% !important;
		}

		.sk-container {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-color: transparent;
		}
	}
	
	
	.scenic{
		.zs-list{
			display: flex;
			justify-content: space-between!important;
		}
		.sk-transparent {
		    color: transparent !important;
		  }
		.sk-text-14-2857-561 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-text {
		    background-origin: content-box !important;
		    background-clip: content-box !important;
		    background-color: transparent !important;
		    color: transparent !important;
		    background-repeat: repeat-y !important;
		  }
		.sk-text-14-2857-257 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-124 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-opacity {
		    opacity: 0 !important;
		  }
		.sk-text-14-2857-899 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-575 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-119 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-229 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-175 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-908 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-680 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-374 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-566 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-976 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-869 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-599 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-12 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-152 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-417 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-657 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-818 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-881 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-349 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-391 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-62 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 48.1884rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-683 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 27.8986rpx;
		    position: relative !important;
		  }
		.sk-image {
		    background: #EFEFEF !important;
		  }
		.sk-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		    background-color: transparent;
		  }

	}
	
	.scenicDetail{
		.sk-transparent {
		    color: transparent !important;
		  }
		.sk-text-14-2857-476 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text {
		    background-origin: content-box !important;
		    background-clip: content-box !important;
		    background-color: transparent !important;
		    color: transparent !important;
		    background-repeat: repeat-y !important;
		  }
		.sk-text-14-2857-295 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-207 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-206 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-71 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 32.9710rpx;
		    position: relative !important;
		  }
		.sk-text-23-2143-483 {
		    background-image: linear-gradient(transparent 23.2143%, #EEEEEE 0%, #EEEEEE 76.7857%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-690 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-opacity {
		    opacity: 0 !important;
		  }
		.sk-text-14-2857-488 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-26-7857-804 {
		    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-443 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-359 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-26-7857-101 {
		    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-450 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-172 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-26-7857-856 {
		    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-76 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-410 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-26-7857-228 {
		    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-120 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 38.0435rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-636 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.1159rpx;
		    position: relative !important;
		  }
		.sk-text-26-7857-652 {
		    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
		    background-size: 100% 50.7246rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-609 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 40.5797rpx;
		    position: absolute !important;
		  }
		.sk-image {
		    background: #EFEFEF !important;
		  }
		.sk-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		    background-color: transparent;
		  }
	}
	.orderDetail{
		.sk-transparent {
		    color: transparent !important;
		  }
		.sk-text-14-2857-332 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.9535rpx;
		    position: relative !important;
		  }
		.sk-text {
		    background-origin: content-box !important;
		    background-clip: content-box !important;
		    background-color: transparent !important;
		    color: transparent !important;
		    background-repeat: repeat-y !important;
		  }
		.sk-text-14-2857-950 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.9535rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-931 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-727 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-818 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-635 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.9535rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-792 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-395 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-850 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-536 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-879 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-614 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-940 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-761 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-412 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-730 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-418 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-button {
		    color: #EFEFEF !important;
		    background: #EFEFEF !important;
		    border: none !important;
		    box-shadow: none !important;
		  }
		.sk-image {
		    background: #EFEFEF !important;
		  }
		.sk-pseudo::before, .sk-pseudo::after {
		      background: #EFEFEF !important;
		      background-image: none !important;
		      color: transparent !important;
		      border-color: transparent !important;
		    }
		.sk-pseudo-rect::before, .sk-pseudo-rect::after {
		      border-radius: 0 !important;
		    }
		.sk-pseudo-circle::before, .sk-pseudo-circle::after {
		      border-radius: 50% !important;
		    }
		.sk-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		    background-color: transparent;
		  }

	}
	.goodsDetail{
		.sk-transparent {
		    color: transparent !important;
		  }
		.sk-opacity {
		    opacity: 0 !important;
		  }
		.sk-text-14-2857-598 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 65.9302rpx;
		    position: relative !important;
		  }
		.sk-text {
		    background-origin: content-box !important;
		    background-clip: content-box !important;
		    background-color: transparent !important;
		    color: transparent !important;
		    background-repeat: repeat-y !important;
		  }
		.sk-text-14-2857-404 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 26.8605rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-192 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-155 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 43.9535rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-570 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-839 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-553 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-580 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-980 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-14 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 39.0698rpx;
		    position: relative !important;
		  }
		.sk-text-14-2857-988 {
		    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		    background-size: 100% 31.7442rpx;
		    position: relative !important;
		  }
		.sk-image {
		    background: #EFEFEF !important;
		  }
		.sk-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		    background-color: transparent;
		  }

	}
	.sk-activity{
		.sk-transparent {
			color: transparent !important;
		}
		.sk-text-14-2857-450 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 43.0769rpx;
				position: relative !important;
			}
		.sk-text {
				background-origin: content-box !important;
				background-clip: content-box !important;
				background-color: transparent !important;
				color: transparent !important;
				background-repeat: repeat-y !important;
			}
		.sk-text-14-2857-911 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 43.0769rpx;
				position: relative !important;
			}
		.sk-text-14-2857-399 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 37.6923rpx;
				position: relative !important;
			}
		.sk-text-14-2857-647 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.3077rpx;
				position: relative !important;
			}
		.sk-text-14-2857-784 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 37.6923rpx;
				position: relative !important;
			}
		.sk-text-14-2857-858 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.3077rpx;
				position: relative !important;
			}
		.sk-text-14-2857-393 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 37.6923rpx;
				position: relative !important;
			}
		.sk-image {
				background: #EFEFEF !important;
			}
		.sk-container {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-color: transparent;
			}
  }
</style>