.aui-flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    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;
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-top: 0px;
}

.aui-navBar {
    height: 0.8rem;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #ffffff;
	width:100%;
}

.aui-navBar:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d2d2d2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-navBar-item {
    height: 100%;
    width: 12%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #a0a0a0;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    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;
    height: 100%;
    width: 78%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 1.7rem;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    color: #3c3c3c;
}

.icon {
    width: 0.37rem;
    height: 0.37rem;
    display: block;
    border: none;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
}

.icon-return {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACY0lEQVRoQ+3aT2vbMBQA8KdU+SD7APsGPYySdXQlxIJlDMYKO5XR2447baeeet9lO+wPrHggQQ7ZqWRQKD2uH6BfwZfRZmDzhkMDociWk0i2nmJfLT/pp2ekJ2MGG3axDfNCCw49422G2wzbnQEWRdERY2wHEaVS6qvd8OZotb3Sw+FwK03THwDwbD4sRDyoG10LWIe9Q8dSyufmvNhrUQe4I4Q4XczsQobfK6U+2OOYI7kG59gvAPBSM5RzzvluHMe35mHaa+ESXIpN0/TJaDS6sUepFskV2EtsPiUuwN5iXYC9xtoGe4+1CSaBtQUmg7UBJoVdF0wOuw6YCSHyk462gmqqqKhSeqyyD+fYTwDwWlcu+oxdJcOkscuCyWOXAQeBrQoOBlsFHBTWBA4OWwqOouiEMfb2/taDiBdZlvWaOLxX2WdNbbT7cL/ff8A5vy54+JGU8rcpsK/3teDBYPCw0+lcFQx6T0r5y1eQaVyFlZYQ4iMAHGoC/OGcb8dx/NcU3Mf7paWlEOKzroRExMtut9ujiDbV0oUrNVW0CTxbyYsOCzk6y7IdSit2FXApGgDOfT8hLa4lVcHBoJcBB4FeFkwevQqYNHpVMFn0OuA5mtTHvHXBOZrU51obYFJoW2AyaJtgEmjbYCM6SZLHk8lk2tTR0QXYhD5LkmS/KbQrsLdol+A5WvuPFgCcTafTp+Px+F+dr7drMJT8hQeI+E4pdRwUOMcUoRHxVCn1IjhwERoRXymlvgUJvkPlZegbROwxxn5KKb/XiZ0V/3V32HR/LbjpDLjuv82w6xluOv7GZfg/GXysTPYmY8oAAAAASUVORK5CYII=');

}

.icon-share {
    background-size: 16px;
    background-image: url('data:image/png;base64,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');
    height: 16px;
}

.mescroll{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0.8rem;
	left: 0;
	bottom: 0;
    background-color: #f6f6f6;
    padding-bottom: 1.1rem;
}

.nav-sticky{
	z-index: 999;
	position: -webkit-sticky;
	position: static;
	top: 0;
}

.nav-fixed{
	z-index: 999;
	position: fixed;
	top: 0.8rem;
	left: 0;
	width: 100%;
}

.hdtime{
    width: 100%;
    height: 0.91rem;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.nav-time{
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nav-active{
    background-color: #ff8800;
    color: #ffffff;
}

.nav-time span{
    display: block;
    width: 100%;
    text-align: center;
}

.nav-time span:first-child{
    font-size: 0.29rem;
    font-weight: 600;
}

.nav-time span:last-child{
    font-size: 0.24rem;
    font-weight: 600;
}

.hdtu{
    width: 100%;
    background-color: #ffffff;
}

.limit-comm{
    width: 100%;
    height: 0.64rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
}

.limit-left{
    height: 100%;
    text-align: center;
    line-height: 0.64rem;
    font-size: 0.23rem;
    color: #686868;
    letter-spacing: 0.02rem;
}

.diff-time{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    color: #686868;
}

.time-item{
    display: flex;
    justify-content: center;
    align-items: center;
}

.time-item span{
    display: block;
    width: 0.5rem;
    height: 0.3rem;
    background-color: #33383e;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.3rem;
    color: #ffffff;
    font-size: 0.22rem;
    margin: 0 0.05rem;
}

.shop-list{
    width: 100%;
    background-color: #ffffff;
}

.shop{
    width: 100%;
    padding: 3%;
    border-bottom: 1px solid #cccccc;
}

.shop a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-img{
    width: 2.02rem;
    height: 2.02rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.shop-content{
    width: 4.74rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.shop-name{
    width: 100%;
    font-size: 0.23rem;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shop-limit{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.15rem;
}

.shop-price{
    font-size: 0.25rem;
    color: #e02e24;
    font-weight: bold;
}

.shop-price em{
    font-size: 0.29rem;
}

.shop-original{
    font-size: 0.2rem;
    color: #9c9c9c;
    text-decoration: line-through;
}

.shop-original em{
    font-size: 0.24rem;
}

.shop-limit-right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.shop-limit-btn{
    width: 1.3rem;
    height: 0.44rem;
    font-size: 0.22rem;
    color: #ffffff;
    background-color: #ff4859;
    border-radius: 0.3rem;
    text-align: center;
    line-height: 0.44rem;
}

.progressbox{
	width: 100%;
	display: flex;
	justify-content: flex-start;
    align-items: center;
    margin-top: 0.03rem;
}

.progressbar{
	width: 1.24rem;
	height: 0.15rem;
	background-color: #ffe3e9;
	margin: 0.1rem 0;
	border-radius: 0.2rem;
}
.progress{
	width: 60%;
	height: 100%;
	background-color: #ff4859;
	border-radius: 0.2rem;
}
.p-v{
	font-size: 0.2rem;
	color: #F52242;
    margin-right: 0.1rem;
}

.mescroll-empty .empty-icon{
    width: 3.5rem;
    height: 3.5rem;
	margin: 0 auto;
}

.mescroll-totop {
    z-index: 9990;
    position: fixed;
    right: 0.2rem;
    bottom: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    opacity: 0;
}