.body{
  height: 100vh;
  background-color: #f7f7f7;
}
.body, div {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

input {
    font-size: 100%;
    font-family: inherit;
}

div {
    display: block;
}
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0;
}

.hd_bar_wrap {
    height: 2.5rem;
    position: relative;
    background: #fff;
}

.hd_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    padding: 0.5rem 0.625rem;
    background: #fff;
}
.hd_bar_wrap .hd_bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 10;
}
.hd_bar .hd_search_frm {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    height: 1.875rem;
}
.hd_bar .hd_search_frm:before {
    position: absolute;
    content: "";
    top: 0.5rem;
    left: 0.625rem;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA7dJREFUSA29ll1IVEEYht2z6UqirUJlkuRNllAUXVgYGERFeFEG5UVeKf7cFVER1KVQQZaQEOj6c68EabAFUUKRmkSE5ZV4Y1JGlCYWuKu7Pe+6q3tO56SuSwNzZr6fed/5Zr6ZOa6UFUpra2uhy+U6HQ6Hj1MLcN9ODaL7TjuG7rlhGP7a2tph5FUXl5NnS0vLAcBvi9DJJ16P7zNqAxN4Fa936v9F3NfXt2F0dLSRARcglX0GwMf0e1JTU0c8Hs+X2dnZEFHmYSsKhUKnsGtFvCKh3+z1eq9UVFQEJDsVE3FnZ6c3GAx2A3IMgABts9vtvllTU/PDCUB6VmcT/tfoXmJMOu2btLS0k1VVVdOy25Ul4q6uLvf09PRTkeI4SURnWLZBu0FOuuj29IChPHiZn59/oqysbM7O34gpIb0bIyXKQ2slFU59ff07xh6k+4laOjEx8UB6uxKJODrTtzgoW48kQhoPzknYTxCv0W0E73BdXV1/vF39SMQYlb2axP31kgoUovc0d9SnNC025q+hcwqpjszPjIyMm2Zz4lJ2dnYjAX0Du7itrW2PFcnAUC4lTr2VlZVTVodEZY7TLGMfajxH7rwVx4BQWazSs9gk78vJiGGWWFEVcYGUtCNW43pliCOYYO+yYim5dOZS2N/PVuN6ZS6jSVY0DE4u5Et3hnBFHFRnbm5ODkkthYXK27BwdUxN+NpjvTIpCwsL25LKCtj4+PhWGgWnRDMVKcekYQJFJksSBFYxhvnBCqfkei4l7SmrMQlyBJOgdIuZColn+KOa8vb29kyTdR0CL106wZwVBByPrFAGV+QwM3qGU878/PxVq0OiMhl9kbHKmwGe1SErjvZY+9sQNVwm6n1Wp7XKPDq7CeS6xsVhm2AixET9CodmLBvJ7h6fz6dsTKhwL+cwsJeaBaaPB+OJHVCEWAb9ruA4xEx3cLcOMuu9dgP+pWO1djFx/TzspIbAu+Xkb7pN9OsTCAR0v5Yy6Betnst7PPC/nQCkVyIx7gLdG9QsaoiqoD7yn3a0urr6G31TMRHL4vf7PfpzgLBaMhP4StNN26u7NzMzU3LK1NTUFuQi/HRkztHmSY+fj3qLVdNy6zm0Jf+LWINVeKf1ojQBWBxRLH+0hKjD7mVVpDeAviG2px0dHZvJ7BdYbMkdiWOgesSj72kJZHplcqm633UNfoDstc6p3ZH5F/mKxICbCuRwmS98k4NFcCJfM7EFd1WiHfl/Idbs4slZsf7/Rhwj51p+xHbN/AHQQqirkti9dAAAAABJRU5ErkJggg==) 0 0/0.9375rem no-repeat;
}
.hd_bar .hd_search_frm .hd_search_txt {
    box-sizing: border-box;
    width: 100%;
    height: 1.875rem;
    background: #f7f7f7;
    padding: 0 1.875rem;
    border-radius: 0.9375rem;
    border: none;
    font-size: 0.875rem;
}
.hide {
    display: none!important;
}
.hd_bar .hd_search_frm .hd_search_clear {
    position: absolute;
    content: "";
    top: 0.5rem;
    right: 0.625rem;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAiFJREFUSA29lwlPwzAMhRn3MUAcEv//5yEB4hhjG2zjfdVcpVHsrqXjSW9pEyfPcey2G+1th5HMjsVT8Ug8EPdFsBKX4rc4ExfiWgzBghEYH4sXoglF9ozhyKc4EV0HIuEzTbwWtxWUaQM48CZ+NXo3N4QsB85ciYhGjuXz8nvm4jwt4W8gF8boRjxvWP3thtwgLzj/GrkwOx1S1IQOdcGm5taRCtuZ2tjQLTv/2bBOHLzhTHeNOm9sx5dSpEZLIDyUBh7jYAQy+VlkDhHMYfMXlAo31KkHymEqPoks7IExbMhgHige0BohzE6iWiXhSA7OxxM3UWywvRU9VJqEmicT4h6ICGGjHFiY1upTl1UUcMhE73UdbYQ5a4Q5XztrOkvwxHkkdhWt1jfhNg8xLolz9l12Wonyg+A2ojYBW0JpZ95LFM0uoiY+SItwVCK5SJ69tnMv2/P5dr9COKo5M6TNRQl5GvYu4kuSizdHVE4aLoridCnh0lJjbgkzK6PojVTaaZobfcQ/WIBHXHTOLxpvy17WScP+rnsPaC1sx3h94ljywGfhu03rmNVhZ2HCTeKVMFHnHEFA+yCmIaR/aODUo7g2IR59fJjtGmhUX54WagQ5R3beluHY9gEh5rO3QipMB4lGeXnng00f8EZrRDQXZlGMhtw5O61DjAAoCdNPJhN6Mt0SUJedQCK9inV409ltizI+Fv/1L0zuIEk32J+2X3B8hFN57KawAAAAAElFTkSuQmCC) 0 0/0.9375rem no-repeat;
}
.hd_bar .hd_me {
    width: 3.75rem;
    position: relative;
}
.hd_bar .hd_me .hd_search_btn, .hd_bar .hd_me .hd_search_btn_red {
 
    top: 0;
    left: 0.625rem;
    width: 3.125rem;
    height: 1.875rem;
    border-radius: 0.1875rem;
    box-sizing: border-box;
    line-height: 1.875rem;
    text-align: center;
    font-size: 0.875rem;
}
.hd_bar .hd_me .hd_search_btn {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #333;
}
.hd_bar .hd_me .hd_search_btn_red {
    background-color: #4772fc;
    color: #fff;
}
.hd_bar:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 0.0625rem solid #e5e5e5;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.my_nav {
    position: relative;
    z-index: 8;
    height: 2.75rem;
}
.my_nav .my_nav_inner {
    position: relative;
    /* padding-right: 2.6875rem; */
    background-color: #fff;
    border-radius: 0 0 0.625rem 0.625rem;
}
.my_nav .my_nav_list {
    height: 2.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
}
.my_nav .my_nav_list_item {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    display: inline-block;
}
.my_nav .nav_item_link {
    position: relative;
    display: inline-block;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    color: #666;
}
.my_nav .cur .nav_item_link {
    color: #4772fc;
}
.my_nav .cur .nav_item_link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1875rem;
    background: #4772fc;
}
.my_nav .my_nav_arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.6875rem;
    height: 2.75rem;
}
.my_nav .my_nav_arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    width: 0.0625rem;
    height: 0.75rem;
    background-color: #e5e5e5;
}
.my_nav .my_nav_arrow:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.1rem;
    height: 0.06rem;
    margin: -0.03rem 0 0 -0.05rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMAgMAAAAfYnVoAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzM7OzkxpcczMzHhv+rkAAAAEdFJOU/5UAOAelWMaAAAAQ0lEQVQI1w3MMREAIQxFwZdhJgquQg12Lh7wEBFp+CqQRpotly1pc0NncKdqsFxppGk5xc/k8BFoYUKJt8VsD9Gqjwdg1RgRk+xAjwAAAABJRU5ErkJggg==) 50%/0.625rem 0.375rem no-repeat;
}
.my_nav .my_nav_board {
    display: none;
    position: absolute;
    width: 100%;
    top: 2.75rem;
    left: 0;
    z-index: 10;
    background-color: #f7f7f7;
}
.my_nav .my_nav_cate {
    position: relative;
    padding: 1.5625rem 0.3125rem 0.9375rem;
}
.my_nav .my_nav_cate .my_nav_cate_item {
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 0 0.3125rem;
    margin-bottom: 0.625rem;
    width: 33.33333%;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    color: #333;
}
.my_nav .my_nav_cate .my_nav_cate_item_inner {
    display: block;
    background: #fff;
    border-radius: 0.9375rem;
    height: 1.875rem;
    line-height: 1.875rem;
    overflow: hidden;
}
.my_nav .my_nav_cate .text_center {
    text-align: center;
}
.my_nav .my_nav_cate .my_nav_cate_item_text {
    display: inline-block;
    vertical-align: middle;
}
.my_order_wrap {
    width: 100%;
    overflow: hidden;
}
.my_order_wrap .my_order_inner {
    width: 400%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: none;
    transition: none;
    overflow: hidden;
}
.my_order {
    width: 25%;
    overflow: hidden;
    min-height: 18.75rem;
    float: left;
    background-color: #f7f7f7;
}
.order_box {
    margin: 0.9375rem;
    padding: 0.625rem;
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.125rem 0.5rem 0 rgba(0,0,0,.05);
}
.back_money, .order_btn, .order_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.order_box .order_head {
    font-family: PingFang-SC-Medium;
    line-height: 1.5rem;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.order_box .icon_jd, .order_box .icon_jd_pg, .order_box .icon_pop, .order_box .icon_pop_pg, .order_box .icon_serv {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.3125rem;
    -webkit-align-self: center;
    align-self: center;
}

.order_box .icon_pop, .order_box .icon_pop_pg {
    background-position: 0 0;
}
.shop_title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.order_box .shop_title {
    overflow: hidden;
}
.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order_box .title {
    font-size: 1rem;
    color: #333;
    position: relative;
    max-width: 90%;
    padding-right: 0.75rem;
}
.order_box .order_state, .order_box .title {
    display: inline-block;
    vertical-align: middle;
}
.back_money.type_arrow:after, .title.arrow:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -0.1875rem;
    right: 0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    border-top: 0.125rem solid #ccc;
    border-left: 0.125rem solid #ccc;
    background: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.order_box .order_state, .order_box .title {
    display: inline-block;
    vertical-align: middle;
}
.order_box .order_state {
    font-size: 0.875rem;
    color: #999;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.order_box .order_box_hd_del {
    display: inline-block;
    width: 2.1875rem;
    height: 1.3125rem;
    position: relative;
    vertical-align: middle;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.order_box .order_box_hd_del:before {
    content: "";
    position: absolute;
    width: 0.0625rem;
    height: 0.9375rem;
    background-color: #e3e3e3;
    top: 0.25rem;
    left: 0.625rem;
}
.order_box .order_box_hd_del:after {
    content: "";
    position: absolute;
    top: 0.1875rem;
    right: 0;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURc3NzUxpcc3NzczMzM3NzczMzEfwF2UAAAAFdFJOU38AQvGsGDAXPgAAAHJJREFUGNNjEEQFDFj5CgwMDExIfNPQ0NBgJH4oUD4UmQ/FID5IbygUMwH5IL0wEAyVhwEmbPYrwTlKYL4xnG8M5ofC+aG4+EKKIITgCxuCEIIvGghC1OOjm49uPyH3ovLhwQPhu8KDLwTMF4DLM2LGHwAIYy+vEY84VwAAAABJRU5ErkJggg==) 50%/0.9375rem no-repeat;
}
.more, .oi_content, .order_total_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.order_item .oi_content {
    margin-top: 0.5rem;
    overflow: hidden;
}
.order_item .oi_content .cover, .order_item .oi_content .more {
    width: 4.6875rem;
    height: 4.6875rem;
    margin-right: 0.625rem;
    border-radius: 0.375rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
}
.wqvue-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.order_item .oi_content .cover .img, .order_item .oi_content .cover img {
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
}
img {
    border: 0 none;
    vertical-align: top;
}
.wqvue-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.order_item .oi_content .cover .img, .order_item .oi_content .cover img {
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
}
.order_item .oi_content .content {
    color: #333;
    -webkit-align-self: center;
    align-self: center;
}
.desc, .info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.order_item .oi_content .desc {
    font-family: PingFangSC-Regular;
    font-size: 0.875rem;
    color: #333;
    line-height: 1.3125rem;
}
.more, .oi_content, .order_total_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.order_item .order_total_bar {
    padding: 0.375rem 0;
    position: relative;
}
.total_count {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.order_item .order_total_bar .total_count {
    font-size: 0.75rem;
    color: #999;
    text-align: right;
    line-height: 1.3125rem;
}
.order_item .order_total_bar .payment {
    margin-left: 0.625rem;
    font-size: 0.875rem;
    color: #999;
    line-height: 1.3125rem;
}
.order_item .order_total_bar .price {
    color: #151515;
}
.back_money, .order_btn, .order_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.order_btn {
    padding-top: 0.625rem;
    -webkit-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    font-size: 0.875rem;
    color: #333;
    line-height: 1.875rem;
    position: relative;
}
.back_money:before, .order_btn:before {
    content: "";
    height: 0;
    display: block;
    border-top: 0.0625rem solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.order_btn .oh_btn {
    text-align: center;
    width: 5.375rem;
    height: 1.75rem;
    line-height: 1.75rem;
    border-radius: 0.9375rem;
    margin-left: 0.5rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
}
.order_btn .oh_btn.line_red {
    background-color: #fff;
    color: #f2270c;
    border: 0.0625rem solid #f2270c;
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(242,39,12,.1);
}
.order_btn .oh_btn {
    text-align: center;
    width: 5.375rem;
    height: 1.75rem;
    line-height: 1.75rem;
    border-radius: 0.9375rem;
    margin-left: 0.5rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
}
.order_btn .oh_btn.bg_white {
    background-color: #fff;
    color: #333;
    border: 0.01rem solid #ccc;
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(0,0,0,.05);
}

.my_nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0,0,0,.8);
}

.dropload-down{
	display: none;
}
.dropload-up{
	display:none;
}

.spinner-text {
	background: #f7f7f7;
	padding: 0.46875rem 0;
	text-align: center;
	color: #888;
	font-size: 0.75rem;
	margin-bottom: 1rem;
}

.preloader {
	display: inline-block;
	width: 0.15rem;
	height: 0.15rem;
	transform-origin: 50%;
	animation: a 1s steps(12) infinite;
}

.preloader .loading {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.m-no-data {
	display: none;
	padding: 3.125rem 0.9375rem
}

.m-no-data.show {
	display: block
}


.m-no-data .no-data-icon {
	width: 4rem;
	height: 4rem;
	display: block;
	margin: 0 auto;
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAjVBMVEUAAADNzc3KysrLy8vLy8vLy8vLy8vLy8vLy8vLy8v7+/vLy8vW1tbU1NTNzc3Ly8vLy8vLy8vPz8/Ly8vLy8vLy8vOzs7Nzc3MzMzLy8vLy8vNzc3Ly8vLy8vLy8vLy8vLy8vMzMzLy8vMzMzLy8vLy8vLy8vLy8vLy8vMzMzLy8vKysrLy8vKysrKyspVJPm0AAAALnRSTlMAGOdj+7zsRJz1AnUNCB3wxt4rTZJ/Lyg94lgi2LWvmIw3a17Tos1SyW6IpKPL2ZqiUgAAA4tJREFUeNrt2Gl3ojAYBeAXCAjIJu67VavtLPf//7yJkRo12AhThpk5eb7oSQ7megtBSoZhGIZhGIZhGP+4OKZWOYw51CYP8KhN4OjPsqzPAyQJNeqdseFnAYYM79SkFMDmcYANgCCkBu3BDR4FGIBbUJNGHrh1WBYgXIPzRtQYmcAP1QChL9dvUm6D+3FOwAD2sf4PcHZOjRvb8jw4AIfrv789pt8WTpwSOUnzKYD0/Nb358VhDMB0TlcmTpmJ7iIZoAzbXSfoAS7dyYCeWF+ekuUG2u29FOuTZG02Ft2xBgNL/0Wgv3msUC54oSq+4ZEVfS6Zguv5117ZKfmYnjcEZ/u3UvHJFmmMvY/GJUce+pSu6DovKWWakNZLcGp8on6jfUTP2YJLR2WlzOkJfXY6/ja/OKfdmJ6xU84ZpRQNRy0rXIFbhaQ3Y0qDSik6XbXxOAO3frI/1tGXot+OspvGoz24IWl0xPpHTSkasnH1AnXoU5PgtP5MV4pe7ILzNReo4iUtQqql9Kma6KA0rlygipFYf6sp5UlWD9zCLfjzS5eZ+0DGwDHvlhh0yu8b+i1RejtfoPVs7++cGT3hBddSuZ9VR5L8IaWHa0M5Vl3NBypwncJYHVPNuiVul8tXWQYuy1b5UwG0YxU/ZY+LfSsBPFx4rQRwGArMaSUAxUkCLkliaieAHGkvgA3YrQbo23a/pQCSCfA1AcKQFHKm8QC5GwRuTgo502yAcQAuGJNCzjQaYAlhSQo502gA78EtRc40HKAHoUcKOdNogA2EDSnkTKMB4kx9fFJmmgxAofP66oSkKmb+sZ0w6XSS3wpgTY7HiVU3wNwF587rBrCGCwi9b0mdAP0AQtCvFSDsBrhgw7hyAMtDwbPqBPBx43vlAGtwb2/g1nUCBOBYb7lcMNFj5QDT8+Pjlr9M6wRYAukwIi7qesCqcoBT7ogo4i+sToCo27Uu77fvca0Gduf/JE3b2AfEScSWy1MRfisBkhSFNGklAM0YBDZrayseHcAdRi3eC/LZLP/3fpabACaACfD/BAijs5iEOAr/bIBjioIbEY0XQHr8ONS+A455dgVFgFFm33p7oQ82Lt6JXsW6IsCXIaKfuLe4e5gUHKL15cHSw9cQX2dRNlroLIIz73tMZLlpsOgQtwvwJYIdEfXT+9EZacWWKhmNEquamE5C61ZIhmEYhmEYhmEYf4Vf40ZPiHmydakAAAAASUVORK5CYII=")
		no-repeat 50%;
	background-size: contain
}


.m-no-data .no-data-prompt {
	color: #999;
	font-size: 0.875rem;
	text-align: center;
	padding-top: 0.625rem
}