.app{position:relative;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}
.app .touch-modal{width:25rem;height:100vh;padding:.6rem .6rem 3.33333333rem .6rem}
.app .touch-modal .order-box{border-radius:.4rem;background-color:#fff;margin-bottom:.6rem;-webkit-box-shadow:0 0 .6rem 0 #e3e3e3;box-shadow:0 0 .6rem 0 #e3e3e3}
.app .touch-modal .order-box .order-title{height:3rem;padding:0 1rem;border-bottom:1px solid #f5f5f5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.06666667rem}
.app .touch-modal .order-box .order-link-all{font-size:.86666667rem;color:#9c9c9c}
.app .touch-modal .order-box .order-tabs{padding:1.66666667rem 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.app .touch-modal .order-box .order-tabs .order-tab{-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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:3.2rem;height:3.2rem;color:#000;font-size:.6rem;line-height:1}
.app .touch-modal .order-box .order-tabs .order-tab .tab-icon{position:relative}
.app .touch-modal .app-link-tabs{border-radius:.4rem;background-color:#fff;padding:1rem;height:12.66666667rem;-webkit-box-shadow:0 0 .6rem 0 #e3e3e3;box-shadow:0 0 .6rem 0 #e3e3e3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.6rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}
.app .touch-modal .app-link-tabs .app-link-tab{width:5rem;height:5rem;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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-size:.6rem}
.app .touch-modal .app-link-tabs .app-link-tab .tab-label{color:#444}
.app .touch-modal .nav-title{height:3rem;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;font-size:1.06666667rem}
.app .touch-modal .goods-box{height:10.66666667rem}
.icon-msg{position:relative}
.icon-msg .hot{display:block;position:absolute;top:0;left:-.2rem;width:.4rem;height:.4rem;border-radius:50%;background-color:#fb3c64;z-index:1}
.user-info-box{width:25rem;max-height:25rem;position:relative;padding-bottom:2rem;margin-bottom:1.33333333rem;background-image:url(/images/res/bg_box.png);background-size:25rem}
.user-info-box .user-top{height:3.33333333rem;padding:0 .6rem;margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.user-info-box .user-info{height:3.33333333rem;padding:0 .6rem;margin-bottom:1.4rem;color:#fff;font-size:1.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}
.user-info-box .user-info .user-icon{width:3.4rem;height:3.4rem;border-radius:50%;margin-right:.6rem;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;background-color:#fff;overflow:hidden}
.user-info-box .user-info .user-icon img{width:100%}
.user-info-box .user-info .user-login-btn{color:#fff}
.user-info-box .user-avd{height:2.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 .6rem;margin-bottom:1rem}
.user-info-box .user-avd .avd-item{-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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#fff;position:relative;font-weight:500;line-height:1;font-size:.8rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}
.user-info-box .user-avd .avd-item .qty{font-size:1.06666667rem}
.user-info-box .user-avd .avd-item::after{content:"";display:block;width:1px;height:1rem;position:absolute;right:0;top:0;bottom:0;margin:auto;background-color:#fff}
.user-info-box .user-avd .avd-item:last-child::after{display:none}
.user-info-box .card-row{height:4.1rem;width:23.93333333rem;background-image:url(/images/res/card_bg.png?v=222);background-repeat:no-repeat;background-size:23.93333333rem;margin:auto;position:absolute;bottom:-2rem;left:0;right:0}
.user-info-box .card-row .card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:3.43333333rem;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;color:#fff;font-size:.93333333rem;padding:0 1.06666667rem}
.user-info-box .card-row .card-btn{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;color:#f4ebc3;border:1px solid;padding:.06666667rem .4rem;border-radius:1.33333333rem;font-size:.8rem;margin-left:.93333333rem}
.user-info-box .card-row .card-end-at{color:#f4ebc3;font-size:.8rem}
.logout-btn{height:2.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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;font-size:.93333333rem;line-height:1;border-radius:.4rem;color:#000}
.icon-svg{position:relative;margin-bottom:.53333333rem}
.app-link-tab{color:#3b3b3b}
.banner-banner-image{font-size:0;margin-bottom:.6rem;-webkit-box-shadow:0 0 .6rem 0 #e3e3e3;box-shadow:0 0 .6rem 0 #e3e3e3}
.banner-banner-image a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.banner-banner-image img{width:100%;border-radius:.33333333rem}