.stack-holder{width:100%;height:100%;position:relative;perspective:1000px;perspective-origin:50% 150%;-webkit-perspective:1000px;-webkit-perspective-origin:50% 150%;margin:0;padding:0}.stack-holder .stack-item{height:100%;width:100%;border-radius:4px;text-align:center;overflow:hidden;position:absolute;opacity:0;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.stack-holder .stack-item img{width:100%;display:block;pointer-events:none}.stack-holder .stack-container li.move-back{transition-timing-function:cubic-bezier(.175,.885,.47,1.515)}.stack-holder .test-wrap{height:800px}.stack-holder .controls{position:relative;width:200px;text-align:center;display:flex;display:-webkit-flex;justify-content:space-around;margin:0 auto;margin-top:50px}.stack-holder .controls .button{border:none;background:none;position:relative;display:inline-block;cursor:pointer;font-size:16px;width:50px;height:50px;z-index:100;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:50%;background:#fff}.stack-holder .button .next{display:inline-block;width:10px;height:5px;background:#81d47d;line-height:0;font-size:0;vertical-align:middle;-webkit-transform:rotate(45deg);left:-5px;top:2px;position:relative}.stack-holder .button .next:after{content:"/";display:block;width:20px;height:5px;background:#81d47d;-webkit-transform:rotate(-90deg) translateY(-50%) translateX(50%)}.stack-holder .button .prev{display:inline-block;width:20px;height:5px;background:#e66868;line-height:0;font-size:0;vertical-align:middle;-webkit-transform:rotate(45deg)}.stack-holder .button .prev:after{content:"/";display:block;width:20px;height:5px;background:#e66868;-webkit-transform:rotate(-90deg)}.stack-holder .controls .text-hidden{position:absolute;overflow:hidden;width:0;height:0;color:transparent;display:block}.stack-holder .item-holder{height:100%}.sing-index{height:100%;display:flex;flex-direction:column}.sing-index .operate-holder{display:flex;height:19rem;justify-content:space-around;align-items:center;z-index:10000}.sing-index .fly-item{position:absolute;transition:transform .5s;transition-timing-function:cubic-bezier(.6,0,.8,1)}.sing-index .stack-wrapper{position:relative;flex:1;padding:.8rem 2.3rem 0}.sing-index .stack-wrapper .pre-swipe-holder{position:absolute;left:0;top:0;z-index:10000000;opacity:.1;transform:translate(-35rem,-35rem) rotate(10deg)}.sing-index .stack-wrapper .pre-swipe-holder.move-holder{opacity:1;transition:all .5s ease;transform:translate(0) rotate(0)}.sing-index .stack-wrapper .swipe-holder{height:100%;width:100%;border-radius:4px;overflow:hidden;background:#000}.sing-index .stack-wrapper .swipe-holder .img-holder{border-radius:4px;height:100%;width:100%;background:#131313;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.sing-index .stack-wrapper .swipe-holder .img-holder .status-holder{position:absolute;font-size:12px;z-index:1;top:4rem;padding:0 1rem 0 2rem;height:5rem;line-height:5rem;right:0;background-image:linear-gradient(90deg,#c9b7a2,#988069);border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}.sing-index .stack-wrapper .swipe-holder .img-holder .pic-num-holder{position:absolute;font-size:12px;z-index:1;top:2.6rem;left:2.1rem;padding:1rem;border-radius:2.3rem;width:8.8rem;height:5rem;display:flex;justify-content:space-around;background:#000;opacity:.2}.sing-index .stack-wrapper .swipe-holder .img-holder .pic-num-holder img{width:2.8rem}.sing-index .stack-wrapper .swipe-holder .custom-indicator{position:absolute;right:0;left:0;top:0;bottom:0;display:flex;flex-direction:column}.sing-index .stack-wrapper .swipe-holder .custom-indicator .tag-holder{display:flex;background-image:linear-gradient(rgba(50,50,50,.3),hsla(0,0%,78.4%,0))}.sing-index .stack-wrapper .swipe-holder .custom-indicator .tag-holder .indicator-holder{flex:1;height:.6rem;border-radius:.3rem;margin:1.8rem 1rem;width:1rem;background:#999}.sing-index .stack-wrapper .swipe-holder .custom-indicator .tag-holder .active-swipe{background:#fff}.sing-index .stack-wrapper .swipe-holder .custom-indicator .click-tag-holder{flex:1;display:flex}.sing-index .stack-wrapper .swipe-holder .custom-indicator .click-tag-holder div{flex:1}.sing-index .stack-wrapper .content-holder{position:absolute;left:0;right:0;bottom:0;padding:0 4rem;height:25rem;text-align:left;background-image:linear-gradient(hsla(0,0%,78.4%,0),rgba(50,50,50,.8))}.sing-index .stack-wrapper .content-holder .name-title{color:#fff;font-size:5rem;padding:1rem 0;display:inline-block}.sing-index .stack-wrapper .content-holder .age-title{display:inline-block;color:#fff;font-size:3.6rem;padding:0 2rem 0 0;border-right:2px solid #fff;line-height:3.6rem}.sing-index .stack-wrapper .content-holder .height-title{display:inline-block;padding:0 2rem;color:#fff;font-size:3.6rem;line-height:3.6rem}.sing-index .stack-wrapper .content-holder .tag{position:absolute;bottom:2.5rem;left:2.5rem;right:2.5rem}.sing-index .stack-wrapper .content-holder .van-tag{height:4.6rem;margin-right:1rem;padding:.7rem 2rem;border:1px solid #dcbb9a}.sing-index .search-holder .van-search{background:transparent;padding:2.5rem}.sing-index .search-holder .van-search .van-search__content{border-radius:17px;background:#333;opacity:.8;color:#fff}.sing-index .search-holder .van-search .van-search__content .van-field__control,.sing-index .search-holder .van-search .van-search__content .van-icon-search{color:#fff}.sing-index .van-swipe{height:100%;background:#fff}.sing-index .action-content-holder{height:8rem}.sing-index .action-content-holder .van-goods-action{bottom:10rem}.sing-index .search-content-holder{flex:1;background:#fff;overflow:auto;padding-bottom:10rem}.sing-index .search-content-holder .title-holder{padding:2.4rem 2.5rem;font-size:2.8rem;color:#1f1e25}.sing-index .search-content-holder .tag-holder{padding:1rem 2.5rem;white-space:normal}.sing-index .search-content-holder .tag-holder .van-tag{height:6.6rem;border-radius:3.3rem;padding:1.5rem 2.8rem;font-size:2.6rem;margin:0 2.4rem 3rem 0}.sing-index .van-search__action{padding:0}.sing-index .popup-button{position:absolute;left:3.5rem;right:3.5rem;bottom:2.4rem}.sing-index .popup-button .van-button{background:#1f1e25;height:9rem;border-radius:4.5rem}.sing-index .popup-button .van-button.van-button--primary{border:1px solid #1f1e25}.sing-index .cart-icon-box{position:absolute;right:.2rem;bottom:0;width:1.2rem;height:1.2rem;z-index:100}.sing-index .cart-icon-box .icon-home-shop{width:1.14rem;height:1.14rem;z-index:100}.sing-index .cart-icon-box .icon-tag{position:absolute;background:#ff3b31;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.24rem;z-index:101;height:.4rem;width:.4rem;border-radius:2rem;top:.05rem;right:.05rem}.sing-index .empty-warp{height:100%;position:relative}.sing-index .empty-warp .text-holder{text-align:center;position:absolute;left:0;right:0;color:#fff;margin-top:5.5rem}.sing-index .empty-holder{display:flex;justify-content:center;align-items:center;height:100%}.sing-index .empty-holder .border-holder{width:4.7rem;height:4.7rem;border:1px solid rgba(158,125,105,.4);border-radius:50%;display:flex;justify-content:center;align-items:center}.sing-index .empty-holder .circle-4{width:3rem;height:3rem;position:absolute;display:flex;flex-wrap:wrap;align-content:space-between;animation:myFirst 3s linear infinite}.sing-index .empty-holder .circle-4 .column{flex-basis:100%;display:flex;justify-content:space-between}.sing-index .empty-holder .circle-4 .circle{width:.32rem;height:.32rem;background:#988069;border-radius:50%}@keyframes myFirst{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sing-index .empty-holder .circle-1{background:#988069;opacity:.1;width:2.57rem;height:2.57rem;z-index:0;border-radius:50%;position:absolute}.sing-index .empty-holder .circle-2{background:#988069;opacity:.15;width:2.2rem;height:2.2rem;z-index:0;border-radius:50%;position:absolute}.sing-index .empty-holder .circle-3{background:#988069;opacity:.2;width:1.7rem;height:1.7rem;z-index:0;border-radius:50%;position:absolute}.shake-icon{animation-name:shake-animation;transform-origin:center bottom;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1}@keyframes shake-animation{0%{transform:rotate(0deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}10%{transform:rotate(-12deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}20%{transform:rotate(12deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}28%{transform:rotate(-10deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}36%{transform:rotate(10deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}42%{transform:rotate(-8deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}48%{transform:rotate(8deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}52%{transform:rotate(-4deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}56%{transform:rotate(4deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}60%{transform:rotate(0deg);transition-timing-function:cubic-bezier(.755,.5,.855,.06)}to{transform:rotate(0deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}}.van-overlay{display:flex;flex-direction:column;z-index:10000;height:100%}.van-overlay .search-holder{height:1.7rem;width:100%}.van-overlay .stack-wrapper{height:calc(100% - 14rem)}.van-overlay .img-holder{display:flex;height:6rem;border-bottom:1px dashed #999}.van-overlay .left-holder{border-right:1px dashed #999}.van-overlay .left-holder,.van-overlay .right-holder{flex:1;width:50%;height:6rem;justify-content:center;display:flex;color:#fff}.van-overlay .content-holder{display:flex;align-items:center;justify-content:center;flex-direction:column}.van-overlay .content-holder img{width:1.2rem}.van-overlay .detail-holder{height:27rem;color:#fff;text-align:center}.van-overlay .detail-holder div{padding:10px}.van-overlay .detail-holder img{width:1.2rem}.van-overlay .detail-holder .know-btn{margin:10px auto;width:2rem;padding:5px;border:1px solid #fff;border-radius:2px}.van-overlay .slidable-wrap{color:#fff}.van-overlay .slidable-wrap .slidable-holder{height:3.5rem;line-height:3rem;text-align:center}