.app{width:100%;min-height:100vh;background-color:#e96887;position:relative}
.app .icon-back{position:fixed;top:1rem;width:2rem;height:2rem;left:1rem;background-color:rgba(0,0,0,.5);z-index:101;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:50%}
.app .scroll-view{box-sizing: border-box; padding:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.app .card-item{width:100%;height:32rem;margin-bottom:1rem;background-color:#fff;-webkit-box-shadow:0 0 4px 0 #f1f1f1;box-shadow:0 0 4px 0 #f1f1f1;border-radius:1rem;overflow:hidden;position:relative}
.app .card-item .swiper-slide{font-size:0}
.app .card-item .swiper-slide img{width:100%}
.app .card-item .card-item-name{padding:.66666667rem;line-height:1.3;font-size:.93333333rem;font-weight:700;color:#555}
.app .card-item .card-item-remark{font-size:.8rem;padding:0 1.2rem;color:#999;line-height:1}
.app .card-item .card-item-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;bottom:0;left:0;font-size:.8rem;padding:1rem;width:100%}
.app .card-item .card-item-footer .card-item-price-row{background-color:#fff1f6;color:#fe7682;padding-left:1rem;border-radius:0 .66666667rem .66666667rem .66666667rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.app .card-item .card-item-footer .card-item-price-row .price{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.26666667rem;padding:.33333333rem 1rem;background-color:#FB3C64;color:#fff;border-radius:0 .66666667rem 0 .66666667rem;margin-left:.66666667rem;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}
.app .card-item .card-item-footer .card-item-price-row .price::before{content:"\ffe5";font-size:.8rem}
.app .card-item .card-item-footer .footer-option-x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.app .card-item .card-item-footer .footer-option-x .card-btn{width:6.66666667rem;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#FB3C64;color:#fff;border-radius:.33333333rem;font-weight:700}
.app .card-item .card-item-footer .footer-option-x .card-cart-btn{width:2.13333333rem;height:2.13333333rem;background-color:#FB3C64;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.8rem;margin-left:.66666667rem}
.goods-attr-alert-box{width:100%;height:100%;position:fixed;bottom:0;left:0;z-index:1234;-webkit-transform:translate(100%,0) translateZ(0);transform:translate(100%,0) translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.goods-attr-alert-box .mask{width:100%;height:100%;position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,.5)}
.goods-attr-alert-box.show{-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0)}
.goods-attr-alert-box .goods-attr-alert{height:75vh;width:100%;background-color:#fff;position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:9}
.goods-attr-alert-box .goods-attr-alert .attr-title{font-size:1rem;margin-bottom:.4rem;font-weight:500}
.goods-attr-alert-box .goods-attr-alert .prices-flex-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.goods-attr-alert-box .goods-attr-alert .goods-attr-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .93333333rem 3.66666667rem .93333333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;height:100%}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:.93333333rem 0}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-group-form{padding-bottom:.6rem;border-bottom:1px solid #f5f5f5}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows{font-size:.8rem;margin-bottom:.93333333rem;line-height:1}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows:last-child{margin-bottom:0}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-type{margin-bottom:.93333333rem}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li{padding:.46666667rem .53333333rem;border:1px solid #ccc;border-radius:.2rem;-webkit-box-flex:0;-webkit-flex:0 1 15%;-ms-flex:0 1 15%;flex:0 1 15%;text-align:center;margin-right:.33333333rem;margin-bottom:.33333333rem;white-space:nowrap;list-style:none;position:relative}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li .ys-sku{background-color:#f1f3ff;color:#7babdc;position:absolute;top:-.6rem;right:0;-webkit-transform:scale(.8);transform:scale(.8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px;-webkit-transform-origin:top right;transform-origin:top right;border-radius:2px}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li.active{background-color:#FF3C7E;color:#fff;border:1px solid #FF3C7E}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li.nothing{color:#c5c5c5;background-color:#f1f1f1;border:1px solid #f1f1f1}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li.nothing.active{border:1px dashed #333}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-rows .attr-rows-ul .attr-row-li.disable{color:#c5c5c5;background-color:#f1f1f1;border:1px solid #f1f1f1}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-goods-number{font-size:.8rem;padding:.93333333rem 0;position:relative}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-goods-number .kc{color:#999}
.goods-attr-alert-box .goods-attr-alert .attr-scroll-view .attr-goods-number .product-qty-ctrl-box{position:absolute;top:0;right:.93333333rem;bottom:0;margin:auto}
.goods-attr-alert-box .goods-attr-alert .goods-attr-footer{position:absolute;bottom:0;left:0;height:3.33333333rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1rem;-webkit-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc}
.goods-attr-alert-box .goods-attr-alert .goods-attr-footer .line{width:.06666667rem;height:100%}
.goods-attr-alert-box .goods-attr-alert .goods-attr-footer .change-shopcar-btn{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#FF3C7E}
.goods-attr-alert-box .goods-attr-alert .goods-attr-footer .change-shopcar-btn.quick{background:-webkit-gradient(linear,left top,right top,from(#e043e2),to(#d442d6));background:-webkit-linear-gradient(left,#e043e2,#d442d6);background:linear-gradient(to right,#e043e2,#d442d6)}
.goods-attr-alert-box .goods-attr-alert .goods-attr-footer .change-shopcar-btn.disable,.goods-attr-alert-box .goods-attr-alert .goods-attr-footer .change-shopcar-btn.nothing-btn{background-color:#999}
.goods-attr-alert-box .goods-attr-alert .goods-attr-top{width:100%;min-height:4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #f5f5f5}
.goods-attr-alert-box .goods-attr-alert .goods-attr-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.93333333rem .93333333rem .93333333rem 8rem;font-size:.8rem}
.goods-attr-alert-box .goods-attr-alert .goods-attr-info .prices{font-size:1.13333333rem;color:red}
.goods-attr-alert-box .goods-attr-alert .goods-attr-info .prices::before{content:"\ffe5";font-size:.93333333rem}
.goods-attr-alert-box .goods-attr-alert .goods-attr-image-box{width:6.66666667rem;height:6.66666667rem;padding:.13333333rem;background-color:#fff;position:absolute;top:-1.66666667rem;border-radius:.33333333rem}
.goods-attr-alert-box .goods-attr-alert .goods-attr-image-box img{width:100%;height:100%}
.goods-attr-alert-box .goods-attr-alert .close-btn{position:absolute;top:-3.6rem;right:.93333333rem;background-color:#fff;width:2rem;height:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:1rem}
.goods-attr-alert-box .goods-attr-alert .close-btn::after{content:'';width:.13333333rem;height:1.6rem;background-color:#999;position:absolute;top:2rem;left:0;right:0;margin:auto}
.product-qty-ctrl-box{width:4.66666667rem;height:1.33333333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.product-qty-ctrl-box .qty-btn{width:1.33333333rem;height:1.33333333rem}
.product-qty-ctrl-box .qty-text{width:2rem;height:1.33333333rem}
.product-qty-ctrl-box .qty-text .qty-input{width:2rem;height:1.33333333rem;outline:0;border:none;border-radius:0;background-color:transparent;line-height:1.33333333rem;font-size:.8rem;text-align:center}