<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
.topbar{ height:44px; padding:5px 50px; background:#EDEDED; border-bottom:1px solid #E3E3E3; position:relative;}
.topbar-full{ padding:5px 10px;}
.topbar-normal{ padding:5px 40px;}
.topbar.right{ padding:5px 50px 5px 5px;}
.topbar &gt; a{ position:absolute; top:9px;}
.topbar .cats{ left:10px;}
.topbar .back{ left:10px; font-size:24px; color:#999;}
.topbar .cats i, .topbar .online i{ font-size:28px; color:#999;}
.topbar .online{ right:10px;}
.topbar .online.active i{ color:#44B549;}
.topbar h2{ margin:0; line-height:34px; font-size:18px; color:#333;}

.all-cats ul{ overflow:hidden;}
.all-cats ul li a{ display:block; padding:6px 12px; color:#666;}
.all-cats ul li.active a{ color:#44B549;}

.all-cats .level1{ position:absolute; top:60px; bottom:0; left:0; width:50%; border-right:1px solid #E5E5E5; background:#EFEFEF; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.all-cats .level2{ position:absolute; top:60px; right:0; bottom:0; width:50%; overflow-y:auto; -webkit-overflow-scrolling:touch;}

.header-filter{ display:table; width:100%; background:#F0F0F0; border-bottom:1px solid #E7E7E7;}
.header-filter a{ display:table-cell; line-height:41px; font-size:16px; color:#666; text-align:center; cursor:pointer;}
.header-filter a.active span{ color:#44B549;}

.filter-box{ display:none;}
.filter-list{ position:fixed; top:85px; bottom:0; left:0; width:100%; background:#FFF;}
.filter-list .col-left{ float:left; width:50%; height:100%; background:#F6F6F6; overflow-y:scroll;}
.filter-list .col-right{ float:left; width:50%; height:100%; overflow-y:scroll;}
.filter-list ul li a{ display:block; line-height:40px; color:#666; text-align:left;}
.filter-list .col-left ul li a{ padding:0 10px; color:#666;}
.filter-list .col-left ul li a:hover,.filter-list .col-left ul li.active a{ background:#44B549; color:#FFF;}
.filter-list .col-right a{ border-bottom:1px solid #DDD;}
.filter-list .col-right ul li{ padding:0 10px;}
.filter-list .col-right ul li a:hover,.filter-list .col-right ul li.active a{ color:#44B549;}

.location{ min-height:36px; padding:0 40px 0 10px; border-bottom:1px solid #DDD; line-height:36px; color:#999; position:relative;}
.location i{ position:absolute; top:8px; right:10px; font-size:20px; color:#999;}

.shop-list .item{ margin:10px 0; padding:10px 10px 0; background:#FFF; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.shop-list .item .item-intro{ min-height:90px; padding-left:90px; position:relative;}
.shop-list .item .item-intro .photo{ position:absolute; top:0; left:0; width:80px; height:80px; margin-right:10px;}
.shop-list .item .item-intro .info{}
.shop-list .item .item-intro .info .name{ padding:0 60px 0 0; margin-bottom:15px; position:relative;}
.shop-list .item .item-intro .info .name a{ display:block; font-size:16px; color:#333;}
.shop-list .item .item-intro .info .name span{ position:absolute; top:0; right:0; width:60px; font-size:12px; text-align:right;}
.shop-list .item .item-intro .info .name span i{ font-size:18px; vertical-align:middle;}
.shop-list .item .item-intro .info .addr{ margin-bottom:5px; font-size:12px;}
.shop-list .item .item-intro .info .contact span{ display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; font-size:12px;}
.shop-list .item .item-intro .info .contact span a{ text-align:left; color:#999;}
.shop-list .item .quick-links{ padding:6px 0; border-top:1px solid #DDD;}
.shop-list .item .quick-links a{ -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; border-right:1px solid #DDD; color:#A4A4A4; text-align:center;}
.shop-list .item .quick-links a:last-child{ border-right:none;}
.shop-list .item .quick-links i{ margin-right:6px; font-size:24px; vertical-align:middle;}

.header-shop{ padding:5px 60px; line-height:35px; background:#F6F6F6;}
.header-shop .photo{ top:4px; left:10px; width:35px; height:35px; border-radius:4px; overflow:hidden;}
.header-shop .favorites{ top:4px; right:10px; color:#999;}
.header-shop .favorites.active{ color:#44B549;}
.header-shop .shop-name{ font-size:18px;}

.top-filter{ background:#F0F0F0; border-bottom:1px solid #E7E7E7;}
.top-filter a{ line-height:45px; color:#666;}
.top-filter a.active{ color:#44B549;}
.top-filter a.cats i{ display:block; padding-top:12px; font-size:24px; color:#999;}
.top-filter a.display-method i{ display:block; padding-top:13px; font-size:22px; color:#999;}
.top-filter .dropdown-menu{ min-width:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.top-filter .dropdown-menu:before{ position:absolute; top:-10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-bottom:10px solid #D1D1D1; border-right:10px solid transparent; border-left:10px solid transparent; content:"";}
.top-filter .dropdown-menu:after{ position:absolute; top:-8px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-bottom:10px solid #FFF; border-right:10px solid transparent; border-left:10px solid transparent; content:"";}
.top-filter .dropdown-menu &gt; li &gt; a{ color:#666;}
.top-filter .dropdown-menu &gt; li &gt; a:hover,.top-filter .dropdown-menu &gt; li &gt; a.active,.top-filter .dropdown-menu &gt; li &gt; a:focus{ color:#44B549;}

.search-group{}
.search-group .input-group-addon{ background-color:#FFF;}
.search-group .search{ border-radius:20px 0 0 20px;}
.search-group .qrcode{ border-radius:0 20px 20px 0;}

.goods-list{ padding:0 5px;}
.goods-list .item{ display:inline-block; width:50%; padding:5px; vertical-align: top;}
.goods-list .item .article{ background:#FFF;}
.goods-list .item .article .name{ height:24px; padding:5px 10px;}
.goods-list .item .article .name a{ display:block; font-size:14px; color:#333;}
.goods-list .item .article .sale{ padding:5px 10px; font-size:12px;}
.goods-list .item .article .sale .label{ font-size:12px; font-weight:normal;}
.label_gray{background-color: #999999;
    border: 1px solid #999999;}
.goods-list .item .article .price{ padding:5px 10px; position:relative;}
.goods-list .item .article .price strong{ font-size:14px; font-weight:normal;}
.goods-list .item .article .price .btn-link{ padding:0; outline:none; text-decoration:none;}
.goods-list .item .article .price .btn-link i{ font-size:24px; color:#44B549;}
.goods-list .item .article .price .btn-link.active i{ color:#999;}
.goods-list .item .article .price .btn-add-cart{ position:absolute; right:10px; bottom:0; width: auto;}
.goods-list .item .article .price .btn-remind{ position:absolute; right:10px; bottom:0; width: auto;}

.animate-cart{ position:absolute; font-size:24px; color:#44B549;}

.goods-list.list .item{ width:100%;}
.goods-list.list .item .article{ min-height:100px; background:#FFF; position:relative;}
.goods-list.list .item .article .photo{ position:absolute; top:0; left:0; width:100px; height:100px;}
.goods-list.list .item .article .name{ background:#FFF;}
.goods-list.list .item .article .price{ background:#FFF;}



.shop .shop-header{ position:relative; z-index:100;}
.shop .shop-header .logo{ position:absolute; top:-35px; left:10px; width:80px; height:80px; box-shadow:0 2px 4px #DDD; z-index:1000;}
.shop .shop-header .name{ position:absolute; top:-25px; left:105px; font-size:16px; font-weight:600; color:#FFF; z-index:500;}
.shop .shop-header .quick-links{ padding:6px 10px 15px 100px; background:#FFF; border-bottom:1px solid #DDD;}
.shop .shop-header .quick-links a{ color:#999;}
.shop .shop-header .quick-links span{ display:block; height:20px; font-size:16px; font-weight:600; color:#333;}
.shop-info .nav-tabs{ background:#F0F0F0;}
.shop-info .nav-tabs &gt; li{ padding:10px 0;}
.shop-info .nav-tabs &gt; li &gt; a{ display:inline; padding:0 10px; border-radius:0; border-left:1px solid #DDD; font-size:16px; color:#999;}
.shop-info .nav-tabs &gt; li.active &gt; a, .shop-info .nav-tabs &gt; li.active &gt; a:focus, .shop-info .nav-tabs &gt; li.active &gt; a:hover{ background:none; border:none; border-left:1px solid #DDD; color:#E68B3A;}
.shop-info .nav &gt; li &gt; a:hover, .shop-info .nav &gt; li &gt; a:focus{ background-color:transparent; border-color:transparent; border-left:1px solid #DDD;}
.shop-info .tab-content{ padding:10px 15px;}
.shop-info .shop-desc li{ min-height:34px; padding:6px 0 6px 80px; border-bottom:1px dashed #DDD; color:#333; position:relative;}
.shop-info .shop-desc li.right{ padding-right:30px;}
.shop-info .shop-desc li span{ position:absolute; top:6px; left:0; display:inline-block; width:80px; color:#999;}
.shop-info .shop-desc li i{ position:absolute; top:8px; right:0; font-size:18px; color:#999;}
.shop-info .shop-intro img{ width:100%;}

.review .item{ padding:10px 0; border-bottom:1px solid #E6E6E6;}
.review .item .star{ padding:0 0 5px; font-size:14px;}
.review .item .star em{ font-size:14px; color:#B8B8B8;}
.review .item .star em.active{ color:#F55718;}
.review .item .text{ line-height:22px; font-size:12px;word-break:break-all;}
.review .item .date{ padding:10px 0; text-align:right; font-size:12px; color:999;}
.review .item .retext{ padding:6px 0; border-top:1px dashed #DDD; font-size:12px; color:#000; word-break:break-all;}
.review .item .retext span{ color:#0CC210;}

.view-dianping{ position:fixed; width:100%; bottom:0; left:0; padding:10px 20px; background:#BABABA; font-size:15px; color:#FFF;}
.view-dianping i{ position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.search-site .input-search{ float:left; padding:7px 12px; margin-right:1%; width:78%; border:1px solid #C0C0C0; border-radius:20px; box-sizing:border-box;}
.search-site a{ float:left; width:21%; background:#0CC210; padding:7px 10px; border-radius:4px; box-sizing:border-box; color:#FFF;}
.search-site .location{ position:absolute; top:5px; right:5px; font-size:12px; color:#666; text-align:center;}
.search-site .location span{ display:block; font-size:18px;}

.site-list .item{ height:100px; padding:10px 10px 10px 100px; border-bottom:1px solid #DDD; position:relative;}
.site-list .item .photo{ position:absolute; top:10px; left:10px; width:80px; height:80px;}
.site-list .item .photo img{ width:100%; border-radius:4px;}
.site-list .item .name{ height:25px; font-size:18px; color:#333;}
.site-list .item a{ color:#333;}
.site-list .item .addr{ height:25px; border-bottom:1px solid #DDD; font-size:14px; color:#999;}
.site-list .item .links{ width:100%; height:40px; line-height:40px; display:-webkit-box; display:box; display:-webkit-flex; display:flex; box-sizing:border-box;}
.site-list .item .links a{ display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; text-align:center; color:#999;}
.site-list .item .links a:first-child{ border-right:1px solid #DDD;}
.site-list .item .links a span{ margin-right:5px; font-size:16px; color:#5BD818; vertical-align:middle;}
.site-list .item .links a:last-child span{ font-size:20px;}
.site-list .item .links a em{ font-size:10px; font-style:normal; color:#28901B;}

.header-filter .nav-tabs{ height:45px; border-bottom:none;}
.header-filter .nav-tabs &gt; li &gt; a{ display:block; padding:11px 0; border:none;}
.header-filter .nav-tabs &gt; li &gt; a:hover{ border:none;}
.header-filter .nav-tabs &gt; li.active &gt; a, .header-filter .nav-tabs &gt; li.active &gt; a:focus, .header-filter .nav-tabs &gt; li.active &gt; a:hover{ background:none; border:none; color:#44B549;}


.change-shop-list .item{ min-height:85px; margin:0 10px 10px 10px; padding:8px 8px 8px 76px; background:#FFF; border:1px solid #E2E2E2; position:relative; color:#666;}
.change-shop-list .item .photo{ position:absolute; top:12px; left:8px; width:60px; height:60px; border-radius:6px;}
.change-shop-list .item .photo &gt; span{ position:absolute; right:2px; bottom:2px; display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; background:rgba(255,255,255,0.8); border-radius:4px; z-index:100;}
.change-shop-list .item .photo &gt; span i{ font-size:10px; color:#44B549;}
.change-shop-list .item .name{ height:24px; margin-bottom:2px; padding-right:50px; font-size:16px; border-bottom:1px solid #DEDEDE; position:relative;}
.change-shop-list .item .name a{ position:absolute; top:3px; right:0; font-size:12px; color:#787878;}
.change-shop-list .item p{ margin-bottom:3px;}
.change-shop-list .item .tel i{ color:#44B549;}
.change-shop-list .item .tel span,.change-shop-list .item .tel a{ color:#A2A2A2;}
.change-shop-list .item .addr{  padding-right:50px; font-size:12px; color:#A2A2A2; position:relative;}
.change-shop-list .item .addr span{ position:absolute; top:0; right:0; font-size:12px; color:#44B549;}

.special-title{ height: 44px; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.special-title .cat-title{ width:90px; line-height: 44px; padding-left:15px; background:#E6E6E6; font-size:16px; color:#666;}
.special-title .cat-title b{ margin-left:10px; font-size:18px; vertical-align:middle;}
.numbers{ flex: 1; -webkit-box-flex: 1; padding-right:10px; font-size:14px; color:#666; text-align:right;}
.numbers strong{ color:#F81111;}
.change-display{ width: 44px; height: 44px; background-color: #E6E6E6; display: flex; display: -webkit-box; justify-content: center; -webkit-box-pack: center; align-items: center; -webkit-box-align: center;}
.change-display span{ display: block; width: 24px; height: 24px; background: url("../images/icon-change.png") no-repeat 0 -216px; background-size: cover;}
.change-display.active span{ background-position: 0 -192px;}

.special-cat{ display:none; position:absolute; top:0; bottom:0; left:0; width:90px; background:#F2F2F2; z-index:200; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.special-cat .cat-list{ width:100%; height:auto; border-right:1px solid #DFDFDF; box-sizing:border-box;}
.special-cat .cat-list a{ display:block; padding:15px 0; line-height:18px; border-bottom:1px solid #DFDFDF; color:#666; text-align:center; position:relative;}
.special-cat .cat-list a.active{ background:#FFF; color:#44B549;}
.special-cat .cat-list a em{ position:absolute; top:4px; right:4px; line-height:14px; padding:0 4px; border-radius:10px; background:rgba(255,0,0,0.6); font-style:normal; font-size:10px; color:#FFF;}

.special-list{ position:absolute; top:0; bottom:0; left:0; right:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.special-list .cat-item h3{ padding-left:10px; margin:0; line-height:36px; background:#EFEFEF; font-size:16px; color:#F81111;}
.special-list .cat-item h3.active{ padding-left:90px;}
.special-list .cat-item .item{ min-height:100px; padding:10px 10px 10px 90px; border-bottom:1px solid #CFCFCF; position:relative;}
.special-list .cat-item .item:last-child{ border-bottom:none;}
.special-list .cat-item .item &gt; a{ position:absolute; top:10px; left:0; width:80px; height:80px;}
.special-list .cat-item .item &gt; a img{ width:100%;}
.special-list .cat-item .item .name{ padding-right:30px; font-size:14px;}
.special-list .cat-item .item .name a{ color:#333;}
.special-list .cat-item .item .price{ position:absolute; bottom:10px; font-size:18px; color:#F81111;}
.special-list .cat-item .item .method-desc{ font-size:12px; color:#999;}
.special-list .cat-item .item .method-desc span{ margin-right:8px;}
.special-list .cat-item .item .method{ position:absolute; right:1px; top:10px;}
.special-list .cat-item .item .control{ width:93px; height:32px; position:absolute; right:0; bottom:10px; padding:0 30px; border:1px solid #CFCFCF; border-radius:2px;}
.special-list .cat-item .item .control span{ width:30px; height:30px; line-height:30px; position:absolute; top:0; color:#9A9A9A; text-align:center; cursor:pointer;}
.special-list .cat-item .item .control span.minus{ left:0; border-right:1px solid #CFCFCF;}
.special-list .cat-item .item .control span.plus{ right:0; border-left:1px solid #CFCFCF;}
.special-list .cat-item .item .control input[type=text]{ width:30px; height:30px; padding:0 5px; box-sizing:border-box;}

.special-list .info a{ display: block; text-align: left;}

.categories-item h3{ margin: 10px 0; padding-left: 10px; font-size:20px;}
.categories-item h3.active{ padding-left: 100px;}
.categories-item .content{ font-size: 0; padding: 5px;}
.categories-item .item-box .item{ min-height: 120px; display:-webkit-box; display:flex; padding: 10px; margin: 5px; background: #FFF; border: 1px solid #DDD; position: relative;}
.categories-item .item-box .item:after{ position: absolute; top: -1px; right: -1px; border-width: 12px; border-style: solid; border-color: #FFF #FFF #E5E5E5 #E5E5E5; content: '';}
.categories-item .item-box .item:before{ position: absolute; top:0; left: -10px; width: 50px; height: 20px; background:rgba(0, 0, 0, 0.15); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); content: '';}
.categories-item .item .img{ margin-right: 10px;}
.categories-item .item .img a{ display: block; width: 80px; height: 80px; overflow: hidden;}
.categories-item .item .img a img{ display: block; width: 100%;}
.categories-item .item .info{ flex: 1; -webkit-box-flex: 1; display:-webkit-box; display:flex; flex-direction: column; -webkit-box-orient:vertical;  -webkit-box-direction:normal; justify-content: space-between; -webkit-box-pack: justify; font-size: 14px;}
.categories-item .item .info .name{ padding-right: 25px;}
.categories-item .item .info .name a{ font-size: 14px; color: #333333; text-overflow: ellipsis; overflow: hidden; display: flex; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.categories-item .item .info .sku{ line-height: 22px; font-size: 12px; color: #999999;}
.categories-item .item .info .price{ display:-webkit-box; display:flex; justify-content: space-between; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center;}
.categories-item .item .info .price strong{ display: block; flex: 1; -webkit-box-flex: 1; font-size: 18px; color: #F81111;}
.categories-item .item .info .price .remark{ margin-right: 5px; padding: 0 5px; line-height: 30px; background-color: #28CD11; font-size: 12px; color: #FFFFFF;}
.categories-item .item .info .price .control{ display:-webkit-box; display:flex; align-items: center; -webkit-box-align: center; width: 90px;}
.categories-item .item .info .price .control p{ margin-bottom: 0; width: 30px; height: 30px; line-height: 30px; border: 1px solid #DDDDDD; font-size: 12px; color: #333333; text-align: center; position: relative;}
.categories-item .item .info .price .control p input{ width: 30px; height: 30px; border: none;background-color: transparent; box-shadow: none; outline: none; font-size: 12px; color: #333333; text-align: center;}
.categories-item .item .info .price .control p.minus{ border-right: none;}
.categories-item .item .info .price .control p.plus{ border-left: none;}
.categories-item .item .info .price .control p.plus:after{ position: absolute; top: 12px; left: 6px; width: 15px; height: 3px; background-color: #999999; content: "";}
.categories-item .item .info .price .control p.plus:before{ position: absolute; top: 6px; left: 12px; width: 3px; height: 15px; background-color: #999999; content: "";}
.categories-item .item .info .price .control p.minus:after{ position: absolute; top: 12px; left: 7px; width: 15px; height: 3px; background-color: #999999; content: "";}
@media screen and (min-width: 768px) {
    .special-list .item-box{ display: inline-block; vertical-align: top; width: 50%;}
}
@media screen and (min-width: 992px) {
    .special-list .item-box{ display: inline-block; vertical-align: top; width: 33.33%;}
}
@media screen and (min-width: 1200px) {
    .special-list .item-box{ display: inline-block; vertical-align: top; width: 33.33%;}
}

.remark .item{ padding: 10px; border-bottom: 1px solid #DDD;}
.remark .item:last-child{ border-bottom: none;}
.remark .item h4, .categories-item .remark .item p{ margin: 0; font-size: 14px;}
.remark .item p{ overflow: hidden;}
.remark .item span{ display: inline-block; float: left; width: 23%; margin:2.66% 2.66% 0 0; padding: 6px 0; border: 1px solid #DDD; text-align: center; position: relative; cursor: pointer;}
.remark .item span i{ position: absolute; top: -8px; left: -5px; padding: 0 3px; background: #E13D3D; border-radius: 8px; font-style: normal; font-size: 12px; color: #FFF;}
.remark .item span:nth-child(4n){ margin-right: 0;}
.remark .item span.active{ border-color: #0A9C13;}
.remark .item span.active:after{ position: absolute; right: 0; bottom: 0; border-width: 0 0 14px 14px; border-style: solid; border-color: transparent #0A9C13 #0A9C13 transparent; content: ""; z-index: 10;}
.remark .item span.active:before{ position: absolute; right: 1px; bottom: 1px; width: 5px; height: 8px; border: 2px solid #FFF; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; z-index: 20;}
.remark a{ display: block; line-height: 40px; background: #44B549; font-size: 16px; color: #FFF; text-align: center;}


.special-bar{ padding:5px 100px 5px 5px; border-top:1px solid #CFCFCF; text-align:center;}
.special-bar span{ line-height:38px;}
.special-bar a{ position:absolute; top:8px; right:10px; padding:6px 20px;}

.food-footer{ height: 50px; display:-webkit-box; display:box; display:-webkit-flex; display:flex;}
.food-footer p{ margin-bottom: 0; line-height: 50px; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; background: rgba(0,0,0,0.9); font-size: 16px; color: #FFF; text-align: center;}
.food-footer a{ display: block; width: 120px; background: #FF6100; text-align: center;}
.food-footer a span{ display: inline-block; padding-top: 12px; font-size: 32px; color: #FFF; position: relative;}
.food-footer a span i{ position: absolute; top: 6px; left: 24px; padding: 2px 8px; background: #FF6100; border: 1px solid #FFF; border-radius: 10px; font-size: 12px;}

.cat-page .categories,.cat-page .cat-list{ display:block; position:absolute; top:0; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.cat-page .categories{ padding:0;}
.cat-page .categories{ left:0; width:25%; background:#EFEFEF;}
.cat-page .categories li a{ display:block; height:50px; line-height:50px; text-indent:10px; color:#787878;}
.cat-page .categories li.active a{ background:#FFF; box-shadow:4px 0 0 #E13D3D inset; color:#E13D3D;}
.cat-page .cat-list{ right:0; width:75%; padding-top:10px;}
.cat-page .cat-list .cat-list-hd,.cat-page .cat-list .cat-list-bd{ margin:0 6px 0 10px;}
.cat-page .cat-list .cat-list-hd a{ display:block; background:#09F; overflow:hidden;}
.cat-page .cat-list .cat-list-hd a img{ width:100%;}

.cat-page .cat-list .cat-list-bd h4{ height:40px; line-height:40px;}
.cat-page .cat-list .cat-list-bd ul{ overflow:hidden;}
.cat-page .cat-list .cat-list-bd ul li{ float:left; width:30%; margin:0 5% 20px 0; background:#F5F5F5; text-align:center;}
.cat-page .cat-list .cat-list-bd ul li:nth-child(3n){ margin-right:0;}
.cat-page .cat-list .cat-list-bd ul li img{ width:100%; margin-bottom:5px;}
.cat-page .cat-list .cat-list-bd ul li span{ display:block; font-size:12px; color:#282828;}

.practice .modal-content{ border-radius:0;}
.practice .modal-header,.practice .modal-footer{ padding:8px 15px;}
.practice .modal-body ul{ overflow:hidden;}
.practice .modal-body ul li{ padding:5px; text-align:center;}
.practice .modal-body ul li span{ display:block; padding:5px; color:#666;}
.practice .modal-body ul li.active span{ background:#44B549; color:#FFF;}

.product-detail-modal .modal-content{ border-radius:0;}
.product-detail-modal .modal-dialog,.product-detail-modal .modal-content,.product-detail-modal .modal-body{ position:absolute; top:0; right:0; bottom:0; left:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.product-detail-modal .modal-content .close{ position:absolute; top:5px; right:5px; width:30px; height:30px; border-radius:100%; color:#44B549; opacity:1; z-index:10000;}
.product-detail-modal .modal-body .title{ padding-right:60px; position:relative;}
.product-detail-modal .modal-body .title .favorites{ position:absolute; top:0; right:30px; color:#999;}
.product-detail-modal .modal-body .title .favorites i{ vertical-align:middle; font-size:18px;}
.product-detail-modal .modal-body .title .favorites.active{ color:#44B549;}
.product-detail-modal .modal-body .title .name{ font-size:18px;}
.product-detail-modal .modal-body .title .star{ padding:0 0 5px; font-size:14px;}
.product-detail-modal .modal-body .title .star em{ font-size:14px; color:#B8B8B8;}
.product-detail-modal .modal-body .title .star em.active{ color:#F55718;}
.product-detail-modal .modal-body .close{ z-index:100;}
.product-detail-modal .modal-body .review h3{ padding:10px 0; border-bottom:1px solid #DDD; font-size:18px;}

.custom-modal{ position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:1000;}
.custom-modal .custom-modal-content{ position:absolute; top:10px; right:10px; bottom:10px; left:10px; padding:10px; background:#FFF; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.custom-modal .custom-modal-content .close{ position:absolute; top:0; right:0;}
.product-detail-modal .custom-modal-body .title{ padding-right:60px; position:relative;}
.product-detail-modal .custom-modal-body .title .favorites{ position:absolute; top:0; right:0; color:#999;}
.product-detail-modal .custom-modal-body .title .favorites i{ vertical-align:middle; font-size:18px;}
.product-detail-modal .custom-modal-body .title .favorites.active{ color:#44B549;}
.product-detail-modal .custom-modal-body .title .name{ font-size:18px;}
.product-detail-modal .custom-modal-body .title .star{ padding:0 0 5px; font-size:14px;}
.product-detail-modal .custom-modal-body .title .star em{ font-size:14px; color:#B8B8B8;}
.product-detail-modal .custom-modal-body .title .star em.active{ color:#F55718;}
.product-detail-modal .custom-modal-body .close{ z-index:100;}
.product-detail-modal .custom-modal-body .review h3{ padding:10px 0; border-bottom:1px solid #DDD; font-size:18px;}

/*Brand List*/
.brand-list{ background:#EFEFEF;}
.brand-list .item{ margin-bottom:10px; background:#FFF;}
.brand-list .item h3{ padding-left:10px; line-height:40px; margin-top:0; border-bottom:1px solid #DDD; font-size:16px;}
.brand-list .item ul{ padding:0 5px;}
.brand-list .item ul li{ padding:5px;}
.brand-list .item ul li a span{ display:block; margin-top:5px; font-size:12px; color:#787878;}

.floor-guide .flex{ padding:10px;}
.floor-guide .flex .item-aside{ width:80px; min-height:150px; margin-right:10px; border-radius:4px; overflow:hidden; position:relative;}
.floor-guide .flex .item-aside h3{ margin:0; line-height:40px; text-align:center; font-size:24px; color:#FFF;}
.floor-guide .flex .item-aside .name{ position:absolute; top:40px; right:0; bottom:0; left:0;}
.floor-guide .flex .item-aside span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:20px; margin:0 auto; font-size:20px; color:#FFF;}
.floor-guide .flex .item-content{ display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; background:#DDD; border-radius:4px; overflow:hidden; position:relative;}
.floor-guide .flex .item-content span{ position:absolute; width:100%; bottom:0; left:0; padding-left:10px; line-height:30px; background:rgba(0,0,0,0.5); font-size:14px; color:#FFF; text-align:left;}
.floor-guide .flex .item-content span i{ padding:8px 5px 0 0; color:#FFF;}
.floor-guide .floor1 .item-aside{ background:rgba(246,82,83,0.7);}
.floor-guide .floor1 .item-aside h3{ background:rgba(246,82,83,1);}
.floor-guide .floor2 .item-aside{ background:rgba(246,140,54,0.7);}
.floor-guide .floor2 .item-aside h3{ background:rgba(246,140,54,1);}
.floor-guide .floor3 .item-aside{ background:rgba(33,174,246,0.7);}
.floor-guide .floor3 .item-aside h3{ background:rgba(33,174,246,1);}
.floor-guide .floor4 .item-aside{ background:rgba(246,82,83,0.7);}
.floor-guide .floor4 .item-aside h3{ background:rgba(246,82,83,1);}
.floor-guide .floor5 .item-aside{ background:rgba(246,82,83,0.7);}
.floor-guide .floor5 .item-aside h3{ background:rgba(246,82,83,1);}
.floor-guide .floor6 .item-aside{ background:rgba(246,82,83,0.7);}
.floor-guide .floor6 .item-aside h3{ background:rgba(246,82,83,1);}

.floor-brand{ padding:10px;}
.floor-brand h3{ margin-top:0; padding:5px 0 8px; border-bottom:1px solid #DDD; font-size:16px;}
.floor-brand .flex{ background:#EFEFEF; border-radius:4px; overflow:hidden;}
.floor-brand .flex .item-aside{ width:35%; padding:10px; position:relative; font-size:12px; color:#555;}
.floor-brand .flex .item-aside .name{ margin:5px 0;}
.floor-brand .flex .item-aside span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:20px; margin:0 auto;}
.floor-brand .flex .item-content{ display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; position:relative;}
.floor-brand .flex .item-content span{ position:absolute; width:100%; bottom:0; left:0; padding-left:10px; line-height:30px; background:rgba(0,0,0,0.4); font-size:14px; color:#FFF; text-align:left;}
.floor-brand .flex .item-content span i{ padding:8px 5px 0 0; color:#FFF;}

/*Product*/
.product &gt; .title{ padding:10px; background:#FFF;}
.product &gt; .title h3{ line-height:22px; margin-bottom:10px; font-size:16px;}
.product &gt; .title .price strong{ line-height:20px; font-family:"Microsoft Yahei"; font-size:18px; font-weight:700; color:#FE4444;}
.product &gt; .title .price .volume{ float:right; color:#999; background:rgba(2,188,1,1); padding:6px 10px; border-radius:15px; font-size:14px; color:rgba(255,255,255,1);}
.product &gt; .title .price .volume b{ font-size:16px; color:rgba(255,255,255,1);}

.product .contacts{ line-height:46px; margin:5px 0; background:#FFF;}
.product .contacts a{ border-right:1px solid #EFEFEF; color:#44B549; vertical-align:middle;}
.product .contacts a i{ font-size:20px; vertical-align:middle;}
.product .contacts a:last-child i{ font-size:26px;}
.product .contacts a:last-child{ border-right:none;}

.section{ min-height:47px; padding:10px 10px 0 10px; padding-left:80px; background:#FFF; border-bottom:1px solid #DDD; position:relative;}
.section .title{ position:absolute; top:10px; left:10px; padding:3px 0; color:#666;}
.section .content &gt; span{ display:inline-block; margin:0 10px 10px 0; padding:3px 10px;}

.section.sale .content &gt; span{ background:#FE4444; border-radius:15px; color:#FFF;}

.section.color .content &gt; span{ border:1px solid #CDCDCD; cursor:pointer;}
.section.color .content &gt; span.active{ border-color:#FE4444; color:#FE4444; position:relative;}
.section.color .content &gt; span.active:before,.section.color .content span.active:after{ position:absolute; right:0; bottom:0;}
.section.color .content &gt; span.active:before{ border-top:6px solid transparent; border-right:6px solid #FE4444; border-bottom:6px solid #FE4444; border-left:6px solid transparent; content:""; z-index:10;}
.section.color .content &gt; span.active:after{ right:1px; bottom:1px; border-top:1px solid #FE4444; border-right:2px solid #FFF; border-bottom:2px solid #FFF; border-left:1px solid #FE4444; width:4px; height:7px; background:#FE4444; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:""; z-index:11;}

.section.count .content .count-control{ margin-bottom:5px;}
.section.count .content .stock{ font-size:12px; color:#666;}
.section.count .content.stock em{ font-style:normal; color:#FE4444;}
.section.count .content .stock em a{ text-decoration:underline;}

.count-control{ width:120px;}
.count-control i{ font-size:16px; color:#666; vertical-align:middle;}

/*Product Detail*/
.product .detail{ margin-top:10px; background:#FFF;}
.product .detail .nav-tabs{ border-bottom:2px solid #FE4444;}
.product .detail .nav-tabs &gt; li &gt; a{ padding:10px 2px; border:none; border-radius:0; font-size:15px; color:#666; text-align:center;}
.product .detail .nav-tabs &gt; li &gt; a:focus, .product .detail .nav-tabs &gt; li &gt; a:hover{ background:#FE4444; color:#FFF;}
.product .detail .nav-tabs &gt; li.active &gt; a, .product .detail .nav-tabs &gt; li.active &gt; a:focus, .product .detail .nav-tabs &gt; li.active &gt; a:hover{ background:#FE4444; color:#FFF;}
.product .detail .tab-pane{ padding:10px;}
.product .detail .tab-pane .intro img{ width:100%;}

.product-footer{ padding:7px 10px 6px 60px; background:#EFEFEF; border-top:1px solid #C5C5C5; position:relative;}
.product-footer a{ margin-left:10px; font-size:16px;}
.product-footer .favorites{ position:absolute; top:6px; left:0; width:40px; color:#787878; text-align:center;}
.product-footer .favorites i{ font-size:20px; height:20px; line-height:20px;}
.product-footer .favorites.active{ color:#44B549;}
.product-footer .favorites span{ display:block; font-size:12px; line-height:12px;}

.nav-bar{ border-bottom:1px solid #DDD; z-index:10000; overflow:hidden;}
.nav-bar a{ line-height:44px; font-size:14px; color:#666;}
.nav-bar a.active{ color:#44B549;}

.tips .modal-body p{ font-size:16px;}
.tips .modal-body p i{ display:inline-block; width:30px; height:30px; line-height:30px; margin-right:10px; background:#44B549; border-radius:50%; font-size:24px; color:#FFF; vertical-align:middle; text-align:center;}

.order-list &gt; .item{ margin-bottom:10px; background:#FFF;}
.order-list &gt; .item .title{ line-height:40px; padding:0 10px; border-bottom:1px solid #F2F2F2; position:relative;}
.order-list &gt; .item .title input[type=checkbox]{ margin-right:5px; width:18px; height:18px; background:#EFEFEF;}
.order-list &gt; .item .item{ min-height:85px; margin-top:10px; padding:0 80px 0 95px; border-bottom:1px solid #F2F2F2; position:relative;}
.order-list &gt; .item .item:last-child{ border-bottom:none;}
.order-list &gt; .item .order-number{ padding:6px 10px 0;}
.order-list &gt; .item .order-number a{ color:#666;}
.order-list &gt; .item .item .photo{ position:absolute; top:0; left:10px; width:75px; height:75px;}
.order-list &gt; .item .item .photo img{ width:100%;}
.order-list &gt; .item .item .info{ font-size:14px; color:#333;}
.order-list &gt; .item .item .info p{ margin-top:3px; margin-bottom:10px; font-size:12px; color:#999;}
.order-list &gt; .item .item .price{ position:absolute; top:0; right:10px; color:rgba(245,87,24,1); text-align:right;}
.order-list &gt; .item .amount{ display: block; width: 100%; line-height:36px; padding:0 10px; border-top:1px solid #F2F2F2; color:#666; text-align:right;}
.order-list &gt; .item .amount b{ font-weight: normal; font-size: 12px; color:rgba(245,87,24,1);}
.order-list &gt; .item .control{ padding:10px; border-top:1px solid #F2F2F2; text-align:right;}

.order-list &gt; .item .control a.pay{ background:#F55718; border:none; color:#FFF;}

.mumber-card{ padding:15px; position:relative;}
.mumber-card img{ border-radius:10px;}
.mumber-card a{ display:block; position:absolute; top:25px; width:30px; height:30px; font-size:24px; color:#666; text-align:center; vertical-align:middle;}
.mumber-card a.barcode{ right:65px;}
.mumber-card a.qrcode{ right:25px;}
.mumber-card span{ position:absolute; bottom:20px; right:20px; font-size:12px; color:#FFF;}

.mumber-info{ padding-top:40px; position:relative;}
.mumber-info .mumber-info-header{ position:absolute; top:-30px; left:0; width:100%; padding:0 15px 0 25px; display: flex; display: -webkit-box; align-items: flex-end; -webkit-box-align: end;}
.mumber-info .mumber-info-header p{ margin: 0;}
.mumber-info .mumber-info-header .avatar{ width:60px; height:60px; margin-right:10px; border-radius:6px;}
.mumber-info .mumber-info-header .avatar img{ display: block; width: 100%;}
.mumber-info .mumber-info-header .name{ flex: 1; -webkit-box-flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 8px;}
.mumber-info .mumber-info-body ul{ border-top:1px solid #E6E6E6; margin-bottom:10px;}
.mumber-info .mumber-info-body ul li{ border-bottom:1px solid #E6E6E6;}
.mumber-info .mumber-info-body ul li.ad{ padding:0;}
.mumber-info .mumber-info-body ul li a{ display:block; padding:8px 40px 8px 15px; color:#666; position:relative;}
.mumber-info .mumber-info-body ul li i:first-child{ margin-right:10px;}
.mumber-info .mumber-info-body ul li i:last-child{ position:absolute; top:50%; right:20px; margin-right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.mumber-info .mumber-info-body ul li i:last-child:after{ position: absolute; top: -5px; left: 0; width: 0; height: 0; border: 6px solid transparent; border-left-color: #666666; content: ""; z-index: 4;}
.mumber-info .mumber-info-body ul li i:last-child:before{ position: absolute; top: -5px; left: -2px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #FFFFFF; content: ""; z-index: 5;}
.mumber-info .mumber-info-body ul li.ad a{ display:block; background:#FF6D33 url(../../images/o2o_v2/mumber-coupon.png) repeat-x 0 0; position:relative; color:#FFF;}
.mumber-info .mumber-info-body ul li.ad a .title{ padding:10px 5px 5px 5px; margin-bottom:0; border-bottom:1px solid #F26128; font-size:12px; color:#FFF; text-align:center;}
.mumber-info .mumber-info-body ul li.ad a .price{ padding:10px; margin-bottom:0; font-size:24px;}
.mumber-info .mumber-info-body ul li.ad a .price i{ margin-top:17px; font-size:36px;}

.mumber-regist{ padding:10px;}
.birthday-tips span{ display:block; padding:10px; margin-bottom:20px; background:#89D58B; border-radius:15px; color:#FFF; position:relative;}
.birthday-tips span:before{ position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); border:10px solid red; border-color:#89D58B transparent transparent; content:"";}
.mumber-regist .sex .radio-inline{ margin-left:20%;}
.addr-select .form-control{ padding-left:3px; padding-right: 3px;}
.addr-select .select-box{ display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.addr-select .select-box .group{ flex: 1; -webkit-box-flex: 1;}

.warp-regist{ padding-top:10px; margin-bottom:20px;}
.warp-regist label{ padding-left:20px; font-weight:normal; color:#787878;}
.warp-regist input{ height:auto; padding:10px 12px; border:none; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-radius:0;}
.warp-regist span{ display:block; padding:0 12px;}
.warp-regist span .btn-success{ background:#6DC672; border-color:#6DC672; font-size:18px;}
.warp-regist .checkbox label &gt; input[type=checkbox]{ display:none;}

.form-group-other .col-xs-4{ padding-right:30px; padding-left:0; color:#999;}
.form-group-other .col-xs-4:before{ position:absolute; top:6px; right:8px; content:"年";}
.form-group-other .year:before{ content:"年";}
.form-group-other .month:before{ content:"月";}
.form-group-other .day:before{ content:"日";}
.form-group-other .province:before{ content:"省";}
.form-group-other .city:before{ content:"市";}
.form-group-other .district:before{ content:"区";}
.form-group-other .form-control{ padding:6px 2px;}

.avatar{ margin:20px auto; text-align:center; overflow:hidden;}
.avatar a{ width:100px; height:100px; margin:0px auto; display:block; position:relative;}
.avatar a i{ position:absolute; right:-10px; bottom:-5px; padding:0 5px; background:rgba(225,225,225,1); border-radius:3px; font-size:24px; color:#333; z-index:1;}
.avatar a img{ width:100px; height:100px;}
.avatar span{ display:block; line-height:30px; color:#F4591B;}

.avatar-list{ padding:0 30px; position:relative;}
.avatar-list .swiper-slide{ border:2px solid #FFF; border-radius:4px;}
.avatar-list .swiper-slide.active{ border-color:#47B44B;}
.avatar-list .swiper-button-prev{ left:0; background-image:none;}
.avatar-list .swiper-button-prev i,.avatar-list .swiper-button-next i{ line-height:44px; font-size:24px; color:#47B44B;}
.avatar-list .swiper-button-next{ right:0; background-image:none;}

.radio-inline span{ position:absolute; top:0; left:0; width:15px; height:15px; border:1px solid #DDD; border-radius:50%;}
.radio-inline input[type="radio"]:checked span{ position:absolute; top:0; left:0; width:15px; height:15px; border:1px solid #333; border-radius:50%; color:#3CF}

.radio-inline .radio { display:none;}
.checkbox-inline, .radio-inline{ padding-left:0;}
.radio + i { display:inline-block; padding:9px; background-color:#FAFAFA; border:1px solid #CACECE; border-radius:50px; box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); vertical-align:middle; position: relative; -webkit-appearance: none;}
.radio:checked + i:after { position:absolute; top:3px; left:3px; background:#44B549; border-radius:50px; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3); width:12px; height:12px; font-size:32px; text-shadow:0px; content:'';}
.radio:checked + i { background-color:#E9ECEE; color:#99A1A7; border:1px solid #44B549; box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);}
.radio + i:active, .radio:checked + i:active { box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.big-radio + i { padding:16px;}
.big-radio:checked + i:after { width:24px; height:24px; top:4px; left:4px;}

.checkbox-s{ display:none;}
.checkbox-s + i { display:inline-block; padding:10px; border:1px solid #BFBFBF; vertical-align:middle; position: relative; -webkit-appearance: none;}
.checkbox-s:checked + i:after { position:absolute; top:2px; left:6px; width:8px; height:13px; border-right:3px solid #FFF; border-bottom:3px solid #FFF; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:'';}
.checkbox-s:checked + i { background-color:#6AC069; color:#99A1A7; border:1px solid #6AC069;}


.merchant{ padding:10px;}
.merchant .item{ min-height:43px; margin-bottom:8px; padding:10px; background:#FFF; border:1px solid #E6E6E6; border-radius:4px;}
.merchant .item .photo{ display:inline-block; width:70px;}
.merchant .item .photo img{ width:60px; height:60px; border-radius:4px;}
.merchant .item .name{ display:inline-block; font-size:18px;}
.merchant .item i.icon{ display:inline-block; width:36px; height:36px; line-height:36px; margin-right:10px; border-radius:50%; font-size:22px; color:#FFF; text-align:center; vertical-align:middle;}
.merchant .item h3{ margin-top:0; font-size:16px;}
.merchant .item .content,.merchant .item p{ margin-bottom:0; color:#666;}
.merchant .item a{ display:block; color:#666;}
.merchant .item &gt; .block{ min-height:20px; padding:5px 75px 5px 75px; position:relative;}
.merchant .item &gt; .block span{ position:absolute; top:5px; left:0; color:#999;}
.merchant .item &gt; .block &gt; a{ position:absolute; top:5px; right:0; color:#44B549;}
.merchant .item &gt; p a{ color:#44B549;}

.merchant .item .flex span,.merchant .item .content{ display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1;}
.merchant .item .flex span.title{ width:80px; flex:none;}
.merchant .item .flex a{ width:80px; flex:none; text-align:right;}
.merchant .item .content img{ width:100%;}

.book-form{ padding:10px 25px;}
.book-form .item-block{ background:#FFF;}
.book-form .item-block .title{ padding:10px 10px; border-bottom:1px solid #E6E6E6; position:relative;}
.book-form .item-block .title .iosSwitch{ position:absolute; top:8px; right:10px;}
.book-form .item-block .content{ padding:5px; overflow:hidden;}
.book-form .item-block .content &gt; span{ padding:5px;}
.book-form .item-block .content &gt; span span{ display:block; padding:5px 10px; border:1px solid #E6E6E6; border-radius:3px; white-space:nowrap; text-align:center;}
.book-form .item-block .content &gt; span.active span{ background:#44B549; border-color:#44B549; color:#FFF;}
.book-footer{ padding:5px; background:#FFF; border-top:1px solid #DDD;}
.book-footer a{ margin:3px 5px 2px;}

.user-info .user-info-header{ padding:10px; background:#FFF; border-bottom:1px solid #E6E6E6;}
.user-info .user-info-header img{ display:inline-block; width:60px; height:60px; margin-right:10px; border:1px solid #E6E6E6; border-radius:4px;}
.user-info .user-info-header a{ margin-top:20px; font-size:12px; color:#666;}

.user-info .user-info-body ul{ background:#FFF; border-top:1px solid #E6E6E6; margin-bottom:10px;}
.user-info .user-info-body ul li{ border-bottom:1px solid #E6E6E6;}
.user-info .user-info-body ul li a{ display:block; padding:8px 40px 8px 15px; color:#666; position:relative;}
.user-info .user-info-body ul li i:first-child{ margin-right:10px; font-size:18px; vertical-align:middle;}
.user-info .user-info-body ul li i:last-child{ position:absolute; top:50%; right:15px; margin-right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.user-info .user-info-body .activities-list{ border-left:1px solid #E6E6E6; font-size:0;}
.user-info .user-info-body .activities-list a{ display:inline-block; width:33.33%; padding-bottom:10px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; text-align:center; vertical-align:top;}
.user-info .user-info-body .activities-list a &gt; span{ display:block; padding:10px 15px;}
.user-info .user-info-body .activities-list a img{ width:100%; margin:auto;}
.user-info .user-info-body .activities-list a p{ margin-bottom:0; font-size:14px; color:#333;}
.user-info .user-info-body .activities-list a p.desc{ font-size:12px; color:#999;}

.activities-title{ position:relative;}
.activities-title &gt; p{ position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:16px; color:#FFF;}

.activities-body{ padding:10px;}
.activities-body .item{ display:block; margin-bottom:10px; padding:10px 10px 30px; border-radius:3px; box-shadow:1px 1px 3px #CCC; font-size:16px; color:#FFF;}
.activities-body .item.bg-green{ background:#9BDD01 url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item.bg-orange{ background:#FF6D32 url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item.bg-purple{ background:#FF3476 url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item.bg-red{ background:#EC303F url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item.bg-yellow{ background:#FAA31C url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item.bg-pink{ background:#F58670 url(../../images/o2o_v2/bg_gear.png) repeat-x 0 bottom;}
.activities-body .item &gt; span{ display:inline-block; width:45px; height:45px; padding:4px; margin-right:10px; background:rgba(255,255,255,0.5); border-radius:50%; vertical-align:middle;}
.activities-body .item &gt; span &gt; img{ background:#FFF; border-radius:50%;}
.activities-body .item p{ margin-bottom:0;}
.activities-body .item p:last-child{ font-size:12px; color:#E5E5E5;}
.activities-body .item i{ margin-top:15px; font-size:12px;}

.activities-body .lucky-draw &gt; div{ padding:3px; border-radius:4px; overflow:hidden;}
.activities-body .lucky-draw .start{ display:block; background:#F93D34; box-shadow:inset 0 5px 5px #DDD;}

/*activities-list*/
.icon-nav{ height:60px; background:#47515A; display:-webkit-box; display:box; display:-webkit-flex; display:flex;}
.icon-nav a{ padding-top:10px;}
.icon-nav a i{ font-size:24px; color:#919A9F;}
.icon-nav a p{ margin-top:5px; font-size:12px; color:#919B9D;}

.top-tabs-nav{ padding:5px; height:45px; border-bottom:1px solid #E6E6E6;}
.top-tabs-nav &gt; span{ padding-left:10px; line-height:35px;}
.top-tabs-nav .nav-tabs{ border-bottom:none;}
.top-tabs-nav .nav-tabs &gt; ul{ border-radius:18px; overflow:hidden;}
.top-tabs-nav .nav-tabs &gt; li &gt; a{ display:block; margin-right:0; height:35px; line-height:35px; padding:0 10px; background:#EDEDED; border-radius:0; font-size:12px; color:#666; text-align:center;}
.top-tabs-nav .nav-tabs &gt; li &gt; a:hover{ border-color:transparent;}
.top-tabs-nav .nav-tabs &gt; li.active &gt; a, .top-tabs-nav .nav-tabs &gt; li.active &gt; a:focus, .top-tabs-nav .nav-tabs &gt; li.active &gt; a:hover{ background:#44B549; border-color:transparent; color:#FFF;}
.top-tabs-nav .nav-tabs &gt; li:first-child &gt; a{ border-radius:18px 0 0 18px;}
.top-tabs-nav .nav-tabs &gt; li:last-child &gt; a{ border-radius:0 18px 18px 0;}
.top-tabs-nav .nav-tabs &gt; li:first-child.active &gt; a, .top-tabs-nav .nav-tabs &gt; li:first-child.active &gt; a:focus, .top-tabs-nav .nav-tabs &gt; li:first-child.active &gt; a:hover{ border-radius:18px 0 0 18px;}
.top-tabs-nav .nav-tabs &gt; li:last-child.active &gt; a, .top-tabs-nav .nav-tabs &gt; li:last-child.active &gt; a:focus, .top-tabs-nav .nav-tabs &gt; li:last-child.active &gt; a:hover{ border-radius:0 18px 18px 0;}

/*Cart*/
/*.cart-info .section{ padding-top:13px; border-bottom:1px solid #ECECEC;}*/

/*.cart-info .send .content{ margin-top:-5px;}*/
/*.cart-info .send .content span{ display:inline-block; padding:5px 20px; border:1px solid #DDD; border-radius:3px; cursor:pointer;}*/
/*.cart-info .send .content span:first-child{ margin-right:5px;}*/
/*.cart-info .send .content span.active{ background:#FF980C; border-color:#FF980C; color:#FFF;}*/

/*.cart-info .time{ padding-top:6px; padding-right:10px;}*/
/*.cart-info .time .start-time{ position:relative;}*/
/*.cart-info .time .start-time:before{ position:absolute; top:7px; right:-8px; content:"至";}*/
/*.cart-info .time input,.cart-info .time .input-group-addon{ padding:6px;}*/
/*.cart-info .addr{ color:#585858;}*/
/*.cart-info .address .contact{ margin-top:6px; font-size:16px; color:#333;}*/
/*.cart-info .address .contact strong:first-child{ margin-right:20px;}*/
/*.cart-info .address:before, .cart-info .address:after{ position:absolute; top:50%; right:10px; margin-top:-8px; border-width:8px 0 8px 8px; border-style:solid none solid solid; border-color:transparent transparent transparent #999; content:"";}*/
/*.cart-info .address:after{ border-color:transparent transparent transparent #FFF; right:12px;}*/

/*.cart-detail h4{ padding-left:10px; height:40px; line-height:40px; background:#F5F5F5; border-top:1px solid #EFEFEF;}*/
/*.cart-detail .cart-list{ border-bottom:1px solid #EFEFEF;}*/
/*.cart-detail .cart-list .cart-shop{ padding-left:10px; line-height:36px; border-bottom:1px solid #EFEFEF;}*/
/*.cart-detail .cart-list .item{ min-height:80px; margin-top:1px; padding:10px 70px 10px 10px; background:#FFF; position:relative;}*/
/*.cart-detail .cart-list .item.error{ background:#FFFF80;}*/
/*.cart-detail .cart-list .item .delete{ position:absolute; top:0; right:5px; width:22px; height:22px; overflow:hidden;}*/
/*.cart-detail .cart-list .item .delete span{ position:absolute; bottom:0; left:0; width:44px; height:44px; background:#FF4444; border-radius:100%;}*/
/*.cart-detail .cart-list .item .delete span:before,.cart-detail .cart-list .item .delete span:after{ position:absolute; width:12px; height:2px; top:30px; left:7px; background:#FFF; content:"";}*/
/*.cart-detail .cart-list .item .delete span:before{ -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}*/
/*.cart-detail .cart-list .item .delete span:after{ -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}*/
/*.cart-detail .cart-list .item .delete.active span{ background:url(../../images/o2o_v2/sprite.png) no-repeat 0 -180px;}*/
/*.cart-detail .cart-list .item .control{ position:absolute; top:30px; right:6px;}*/
/*.cart-detail .cart-list .item .control .price strong{ color:#FF503E;}*/
/*.cart-detail .cart-list .item .control .method{ margin-top:5px; text-align:center;}*/
/*.cart-detail .cart-list .item .control .method span{ display:inline-block; line-height:18px; background:#FF503E; border-radius:1px; color:#FFF;}*/

/*.cart-detail .cart-list .item .info{ padding-left:90px;}*/
/*.cart-detail .cart-list .item .info .photo{ position:absolute; top:12px; left:10px; width:80px; height:80px;}*/
/*.cart-detail .cart-list .item .info .photo a{ display:block;}*/
/*.cart-detail .cart-list .item .info .photo img{ width:100%; height:100%;}*/
/*.cart-detail .cart-list .item .info .name{ height:32px; line-height:16px; overflow:hidden;}*/
/*.cart-detail .cart-list .item .info .norms{ line-height:18px; font-size:12px; color:#999;}*/
/*.cart-detail .cart-list .item .info .norms span:first-child{ margin-right:10px;}*/

/*.cart-detail .cart-list .count{ margin:5px 0;}*/
/*.cart-detail .cart-list .count input{ width:60px; padding:4px; border:1px solid #DDD; border-radius:2px;}*/
/*.cart-detail .cart-list .count .error{ color:#FF2237;}*/

.cart-empty{ min-width: 260px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center;}
.cart-empty p{ margin: 10px 0 20px; font-size: 16px; color: #666666;}
.cart-empty a{ display: inline-block; padding: 6px 30px; background: #28CD12; border-radius: 4px; font-size: 18px; color: #FFFFFF; text-align: center;}

.cart-shop .title{ padding: 0 40px; border-bottom: 1px solid #DDD; position: relative;}
.cart-shop .title h3{ margin: 0; line-height: 40px; font-size: 18px;}
.cart-shop .title label, .cart-shop .title span{ position: absolute; top: 10px;}
.cart-shop .title label{ left: 10px;}
.cart-shop .title span{ top: 15px; right: 10px; font-size: 16px; color: #999999;}

.cart-shop .shop-goods-list{ padding: 0 10px;}
.cart-shop .item{ min-height: 100px; padding: 10px 0 10px 120px; border-bottom: 1px solid #DDD; position: relative;}
.cart-shop .item label, .cart-shop .item .goods-img{ position: absolute;}
.cart-shop .item label{ top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.cart-shop .item .goods-img{ top: 10px; left: 30px; width: 80px; height: 80px; overflow: hidden;}
.cart-shop .item .goods-info{}
.cart-shop .item .goods-info p{ margin-bottom: 0;}
.cart-shop .item .goods-info p.name{ font-size: 16px; color: #333333;}
.cart-shop .item .goods-info p.norms{ margin-top: 3px; font-size: 12px; color: #666666;}
.cart-shop .item .control{ margin-top: 8px; overflow: hidden;}
.cart-shop .item .control .price{ float: right; margin-top: 5px; font-size: 16px; color: #c9302c;}
.cart-shop .item .control .count{ width: 90px; display: table;}
.cart-shop .item .control .count span{ display: table-cell; padding: 0 10px; height: 24px; border: 1px solid #DDD; font-size: 18px; color: #666666; cursor: pointer;}
.cart-shop .item .control .count input{ display: table-cell; padding: 4px; width: 40px; border: 1px solid #DDD; border-right: none; border-left: none; outline: none;}

.cart-control{ display: table; width: 100%; padding: 8px 10px; border-top: 1px solid #DDDDDD; text-align: right; position: relative;}
.cart-control p{ margin-bottom: 0;}
.cart-control .iosSelect{ position: absolute; top: 10px; left: 10px;}
.cart-control .iosSelect span{ vertical-align: top; font-weight: normal;}

.buyer-info{ padding: 0 10px; border-bottom: 1px solid #DDDDDD;}
.buyer-info h3{ margin: 0; line-height: 44px; border-bottom: 1px solid #DDDDDD; font-size: 18px; color: #333333;}
.buyer-info .info{ padding: 10px 20px 10px 0; position: relative;}
.buyer-info .info p{ margin-bottom: 0; padding-left: 20px; line-height: 22px; font-size: 14px; color: #666; position: relative;}
.buyer-info .info p:first-child{ margin-bottom: 8px; font-size: 16px; color: #333333;}
.buyer-info .info p span:first-child{ position: absolute; top: 2px; left: -2px; font-size: 20px; color: #666;}
.buyer-info .info p span:last-child{ position: absolute; top: 0; right: 0;}
.buyer-info .info &gt; span{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #999;}

.cart-shop-order .title{ padding: 0 10px;}
.cart-shop-order .item{ padding: 10px 0 10px 90px;}
.cart-shop-order .item .goods-img{ left: 0;}
.cart-shop-order .item .control .price{ margin-top: 0;}

.shop-express-info{ padding: 0 10px;}
.shop-express-info .item{ display: table; width: 100%; padding: 10px 0; color: #333333;}
.shop-express-info .item span:first-child{ display: table-cell; width: 80px;}
.shop-express-info .item span:last-child{ display: table-cell; width: 20px; color: #999999; text-align: right;}
.shop-express-info .item p{ display: table-cell; font-size: 12px; text-align: right;}

.shop-sum{ padding: 0 10px; line-height: 44px; font-size: 14px; color: #666666; text-align: right;}
.shop-sum b{ font-weight: bold; color:#FF2237;}

.order-summary{ padding: 10px; background: #FFF; border-bottom: 1px solid #DDD;}
.order-summary p{ margin-bottom: 0; line-height: 26px; font-size: 16px; color: #333333;}
.order-summary p span{ color: #666666;}
.order-summary p b{ color: #FF2237;}

.order-pay h3{ padding: 0 10px; margin: 0; line-height: 40px; border-bottom: 1px solid #DDD; font-size: 16px; color: #333333;}
.order-pay .item{ padding: 10px 60px; border-bottom: 1px solid #DDD; position: relative;}
.order-pay .item span{ position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background:url(../images/icon_sprites.png) no-repeat;}
.order-pay .item span.weixin{ background-position: -4px -56px;}
.order-pay .item span.daofu{ background-position: -4px -111px;}
.order-pay .item span.kaquan{ background-position: -4px -166px;}
.order-pay .item h4{ margin: 0;}
.order-pay .item p{ margin-bottom: 0; font-size: 12px; color: #999999;}
.order-pay .item label{ position: absolute; top: 20px; right: 10px;}

.pay-footer{ padding: 5px 10px;}
.pay-footer a{ display: block; border-radius: 4px; background: #28CD12; line-height: 40px; font-size: 18px; color: #FFFFFF; text-align: center;}

.order-pay-method{ padding:10px 20px 10px 0; margin-top:20px; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; background:#FFF;}
.order-pay-method .title{ height:30px; padding-left:10px; font-size:14px; color:#777;}
.order-pay-method .item{ padding:6px 10px 6px 55px; background:url(../../images/o2o_v2/icon_sprites.png) no-repeat 6px 9px; border-top:1px solid #ECECEC; font-size:16px; color:#666; position:relative;}
.order-pay-method .item:nth-child(2){ background-position: 6px -47px;}
.order-pay-method .item:nth-child(3){ background-position: 6px -101px;}
.order-pay-method .item p{ margin-bottom:0; font-size:12px; color:#B0B0B0;}

.coupon-box{ margin:10px;}
.coupon-box .discription{ line-height:20px; margin-bottom:10px; cursor:pointer;}
.coupon-box .discription span{ display:inline-table; width:20px; height:20px; margin-right:10px; background:#787878; font-size:18px; font-weight:bold; color:#FFF; text-align:center;}
.coupon-box .coupons{ display:none; border:1px solid #DDD;}
.coupon-box .coupons h4 strong{ color:#FF2237;}
.coupon-box .coupons ul{ padding:10px;}
.coupon-box .coupons ul li{ padding-left:20px; line-height:22px; position:relative; cursor:pointer;}
.coupon-box .coupons ul li input{ font-family:Tahoma; vertical-align:middle; margin-right:6px;}
.coupon-box .coupons ul li span{ display:block; position:absolute; top:3px; left:0; width:14px; height:14px; background:#FFF; border:1px solid #C7C7C7; border-radius:100%;}
.coupon-box .coupons ul li.active{ color:#FF4444;}
.coupon-box .coupons ul li.active span:after{ position:absolute; width:8px; height:8px; top:3px; left:3px; background:#383838; border-radius:100%; content:"";}
.coupon-box .coupons p{ padding:10px; }

.change-list{ padding:5px;}
.change-list .item{ float:left; width:50%; padding:5px; box-sizing:border-box;}
.change-list a{ display:block; background:#FFF; border:1px solid #DEDEDE; border-radius:6px; color:#333;}
.change-list a img{ width:100%; border-radius:6px 6px 0 0;}
.change-list a p{ padding:8px 5px; font-size:12px; color:#777;}
.change-list a .name{ border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; font-size:14px; color:#333;}
.change-list a p span{ padding:2px 5px; margin-right:5px; background:#FE4444; border-radius:6px; color:#FFF;}


.fixed-bottom-row{ height:80px;}
.cart-footer{ display:table; width:100%; height:50px; padding:5px 10px; background:#F5F5F5; border-top:1px solid #DDD; text-align:center; box-sizing:border-box;}
.cart-footer span{ display:table-cell; font-size:14px; color:#666;}
.cart-footer span strong{ font-size:16px; font-weight:bold; color:#FF3C3C;}
.cart-footer span:last-child{ width:40%;}
.cart-footer span:last-child a{ display:block; line-height:39px; background:#28CD12; border-radius:4px; font-size:16px; color:#FFF;}

.recharge{ padding:20px 10px;}
.recharge .pay-method{ clear:both; padding:10px 0 0; margin-top:20px; border-bottom:1px solid #ECECEC; background:#FFF;}
.recharge .pay-method .title{ height:30px; font-size:18px;}
.recharge .pay-method .item{ padding:6px 10px 6px 45px; background:url(../../images/o2o_v2/icon_sprites.png) no-repeat; border-top:1px solid #DDD; font-size:16px; color:#666; position:relative;}

.recharge .pay-method .item:nth-child(2){ background-position:-4px 9px;}
.recharge .pay-method .item:nth-child(3){ background-position:-4px -47px;}
.recharge .pay-method .item:nth-child(4){ background-position:-4px -212px;}

.recharge .pay-method .item p{ margin-bottom:0; font-size:12px; color:#B0B0B0;}

.pay-sum{ margin-top:10px; background:#FFF;}
.pay-sum .form-group{ min-height: 34px; clear:both;}
.pay-sum .form-group .input-group input{ border:none;}
.pay-sum .form-group ul{ margin-left:-5px; margin-right:-5px; margin-bottom:10px; overflow:hidden;}
.pay-sum .form-group ul li{ padding:5px;}
.pay-sum .form-group ul li span{ display:block; padding:6px 12px; border:1px solid #DDD; text-align:center;}
.pay-sum .form-group ul li.active span{ background:#44B549; border-color:#44B549; color:#FFF;}
.pay-sum .form-group h3{ font-size:12px;}
.pay-sum .form-group &gt; label{ margin-top: 7px; font-weight: normal;}

.success{ min-width:300px; padding:30px 10px 30px 80px; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box;}
.success dl{ margin-bottom:30px; font-size:12px; position:relative;}
.success dl:before{ position:absolute; top:5px; left:-60px; width:48px; height:51px; content:url(../../images/o2o_v2/icon_success.png);}
.success dl dt{ line-height:36px; font-size:16px; font-weight:bold;}
.success dl dt strong{ color:#D9534F;}
.success dl dd{ line-height:24px; font-size:14px;}
.success dl dd strong{ font-family:Tahoma; font-weight:normal; color:red;}
.success dl dd span{ color:#999;}
.success a{ padding:10px 20px; background:#D9534F; border-radius:3px; color:#FFF; text-align:center; text-decoration:none;}
.hr{ width:1210px; height:1px; background:#999; padding:0;}



/*Address*/
.addr-list{ padding:10px;}
.addr-list .empty{ line-height:40px; text-align:center;}
.addr-list .empty a{ padding:10px 30px; background:#35CD1F; border-radius:2px; font-size:16px; color:#FFF; text-align:center;}



.addr-list .item{ background:#FFF; border:1px solid #EFEFEF; margin-top:10px; padding:10px 70px 10px 10px; position:relative;}
.addr-list .item.active{ background:#BFEEFF;}
.addr-list .item.active .control{ background:#BFEEFF;}
.addr-list .item .name{ padding-bottom:6px; font-size:18px;}
.addr-list .item .name span{ margin-left:50px;}
.addr-list .item .addr{ padding-right:8px; line-height:16px; font-size:12px; color:#666;}
.addr-list .item .control{ position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:70px; background:#F5F5F5;}
.addr-list .item .control a{ display:inline-block; padding:0 6px; font-size:20px; color:#35CD1F; border-right:1px solid #EFEFEF;}
.addr-list .item .control a:last-child{ border-right:none;}

.edit-page .header .title{ color:#000; visibility:hidden; opacity:1}
.edit-addr-form{ padding:10px;}
.edit-addr-form .item{ margin-top:10px;}
.edit-addr-form .item label{ display:block; height:26px; color:#555;}
.edit-addr-form .item .subItem input{ width:100%; padding:10px 0; border:1px solid #DDD; text-indent:6px;}
.edit-addr-form .item .subItem select{ width:32%; height:40px; padding:10px 0; margin-bottom:8px; margin-right:2%; background:#FFF; border-color:#DDD; -moz-appearance:none; -webkit-appearance:none; appearance:none; border-radius:0; color:#000;}
.edit-addr-form .item .subItem select:nth-child(3){ margin-right:0;}

.addr-footer a:first-child{ width:50px; margin-right:5px; color:#787878; line-height:20px;}
.addr-footer a:first-child b{ font-size:20px; height:20px; line-height:20px;}
.addr-footer a:first-child span{ display:block; font-size:12px; line-height:12px;}
.addr-footer a.save{ -webkit-box-flex:2; box-flex:2; -webkit-flex:2; flex:2; margin-right:5px; line-height:36px; background:#35CD1F; color:#FFF;}
.addr-footer a.cancle{ -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; line-height:36px; background:#FFF; box-shadow:0 0 1px #666 inset; color:#585858;}

.check-in{ padding:20px; background:url(../images/bkg_check_in.jpg) no-repeat 0 0; background-size:cover;}
.check-in .count{}
.check-in .count .avatar{ float:left; margin:0 10px 0 0; width:50px; height:50px; border:2px solid #F6F6F6; border-radius:50%;}
.check-in .count .info{ float:left; text-align:center;}
.check-in .count .info p{ margin-bottom:0; padding:2px 0; border-bottom:1px solid #FBA153; color:#F6F6F6;}
.check-in .count .info strong{ display:inline-block; font-size:20px; color:#FFD511;}
.check-in .ckeck-in-tips{ clear:both; width:120px; height:120px; margin:10px auto; padding:10px; background:url(../images/bkg_check_in_circle.png) no-repeat center center; background-size:cover;}
.check-in .ckeck-in-tips .check-in-result{ width:100px; height:100px; padding-top:22px; background:#FFF; border-radius:50%; box-shadow:0 0 5px #CD661B; text-align:center;}
.check-in .ckeck-in-tips .check-in-result i{ display:block; font-size:32px;}
.check-in .ckeck-in-tips .check-in-result p{ margin-bottom:3px; font-size:20px; font-weight:400; color:#DE700F;}
.check-in .ckeck-in-tips .check-in-result span{ display:inline-block; padding:3px 10px; border-top:1px solid #F7A51B; font-size:15px; color:#DE700F;}
.check-in .check-in-details{ min-height:80px; display:-webkit-box; display:box; flex-wrap: wrap; display:-webkit-flex; display:flex; box-sizing:border-box;}
.check-in .check-in-details .item{ display:block; margin-top:50px; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1; text-align:center; position:relative;}
.check-in .check-in-details .item &gt; .line{ display:block; width:100%; height:4px; background:#DB650E; font-size:0; position:relative;}
.check-in .check-in-details .item &gt; .line &gt; .circle{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:16px; height:16px; padding:6px; background:#F88A29; border:2px solid #DB650E; border-radius:50%; overflow:hidden;}
.check-in .check-in-details .item &gt; .line &gt; .circle.big-circle{ width:24px; height:24px;}
.check-in .check-in-details .item &gt; .line &gt; .circle.big-circle i{ display:block; width:8px; height:8px; background:#DB650E; border-radius:50%;}
.check-in .check-in-details .item.active &gt; .line{ background:#FFF;}
.check-in .check-in-details .item.active &gt; .line &gt; .circle{ border:2px solid #FFF;}
.check-in .check-in-details .item.active &gt; .line &gt; .circle &gt; i{ background:#FFF;}

.check-in .check-in-details .item p{ display:inline-block;}
.check-in .check-in-details .item .txt{ display:block; margin-top:12px; color:#D9650E;}
.check-in .check-in-details .item .tips{ display:block; position:absolute; top:-30px; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-bottom:10px; padding:0 3px; background:#FFF; border-radius:3px; color:#DB650E;}
.check-in .check-in-details .item .tips:before{ position:absolute; bottom:-9px; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border-top:6px solid #FFF; border-right:6px solid transparent; border-left:6px solid transparent; content:"";}
.check-intro{ padding:10px 20px;}
.check-intro h4{ padding-bottom:10px; line-height:22px; border-bottom:1px solid #E2E2E2; font-size:18px; color:#F88A29; text-align:center;}
.check-intro p{ color:#C3A895;}

.form-control[readonly]{ background-color:transparent;}

.wallet{ background:#47515A; padding:10px; color:#FFF;}
.wallet &gt; span{ display:inline-block; width:30px; height:30px; line-height:30px; background:#FFF; border-radius:100%; font-size:18px; color: #47515A; text-align:center;}
.wallet strong{ font-size:18px; color:#F55718;}
.recharge-list .item{ margin-top:1px; padding:10px; background:#FFF; color:#999;}
.recharge-list .item strong{ color:#333;}
.recharge-list .item .pull-right{ line-height:18px; font-size:12px;}


.title-nav{ display:table; width:100%; border-bottom:1px solid #DDD;}
.title-nav a{ display:table-cell; line-height:44px; font-size:18px; color:#666; text-align:center;}
.title-nav a.active{ background:#44B549; color:#FFF;}

.features-nav{ line-height:44px; background:#F0F0F0; border-bottom:1px solid #E7E7E7; display:-webkit-box; display:box; display:-webkit-flex; display:flex; box-sizing:border-box;}
.features-nav .swiper-container{ -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1;}
.features-nav .swiper-slide{ font-size:16px; color:#666; text-align:center; cursor:pointer;}
.features-nav .swiper-slide.active{ color:#139300;}
.features-nav .display{ padding: 0 10px; width: 40px; border-left: 1px solid #DDD;}

.btn-link:focus, .btn-link:hover{ text-decoration:none;}

.features-list{ padding:5px 5px;}
.features-list .item{ display:inline-block; width:50%; padding:5px; vertical-align: top;}
.features-list .item .article{ background:#FFF;}
.features-list .item .article .name{ height:24px; padding:5px 10px;}
.features-list .item .article .name a{ display:block; font-size:14px; color:#333;}
.features-list .item .article .sale{ padding:5px 10px; font-size:12px;}
.features-list .item .article .sale .label{ font-size:12px; font-weight:normal;}
.features-list .item .article .price{ padding:5px 10px; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; justify-content: space-between; -webkit-box-pack: justify;}
.features-list .item .article .price p{ margin-bottom: 0; }
.features-list .item .article .price strong{ font-size:18px; font-weight:normal; color: #FE0000;}
.features-list .item .article .price span{ display: block; width: 24px; height: 24px; background: url("../images/mini-cart.png") no-repeat 0 0; background-size: cover;}
.features-list .item .article.low-stocks{ position: relative; }
.features-list .item .article.low-stocks:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); content: "";}
.features-list .item .article.low-stocks .name a{ color: #999999;}
.features-list .item .article.low-stocks strong{ color: #999999; }
.features-list .item .article.low-stocks span{ display: block; width: auto; height: auto; padding: 1px 5px; white-space: nowrap; background: none; border-radius: 4px; background-color: #DDDDDD; font-size: 12px; color: #FFFFFF;}

.animate-cart{ position:absolute; font-size:24px; color:#44B549;}

.features-list.list .item{ width:100%;}
.features-list.list .item .article .name{ height:auto; padding:5px 10px;}

.no-data{ padding:10px;}
.no-data span{ font-size:36px; vertical-align:middle;}

.footer-nav{ height:50px; padding-top:5px; background:#EFEFEF; border-top:1px solid #E3E3E3;}
.footer-nav a{ font-size:12px; color:#666;}
.footer-nav a.active{ color:#44B549;}
.footer-nav i{ display:block; padding:0; margin:0; font-size:22px;}

.error-page{ padding-top:60px; background:#F4F7FF; text-align:center;}
.error-page p{ font-size:16px; color:#95ACCD;}
.error-page p strong{ font-size:20px; color:#6280AA}
.error-page p a{ margin:0 10px; font-size:14px; color:#44B549;}

@media (max-width: 776px) {
.form-horizontal .control-label{ margin-top:7px;}
}

/*Expense*/
.expense-list{ background:#EFEFEF; overflow:hidden;}
.expense-list .total{ height:60px; padding:10px; background:#09F;}
.expense-list .total strong{ color:#FF4444;}
.expense-list .item{ margin-top:10px; background:#FFF;}
.expense-list .item .title{ width:100%; height:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #DDD; display:-moz-box; display:-webkit-box; display:box;}
.expense-list .item .title span{ display:block; -moz-box-flex:1; -webkit-box-flex:1; flex:1; text-align:left;}
.expense-list .item .title span:nth-child(2){ font-size:12px; color:#999; text-align:right;}

.expense-list .detail{ padding:10px; position: relative;}
.expense-list .detail p{ line-height:26px;}
.expense-list .detail p span{ color:#999;}
.expense-list .detail p strong{ color:#FF4444;}
.expense-list .detail .qrcode{ position: absolute; top: 6px; right: 6px; padding: 10px;}

/*Statistics*/
.statistics{ min-height:70px; border-bottom:1px solid #DDD; padding:10px 10px 10px 70px; position:relative;}
.statistics .logo{ position:absolute; top:10px; left:10px; width:50px; height:50px; border:1px solid #DDD; border-radius:2px;}
.statistics .logo img{ width:100%; height:100%;}

.statistics article{ margin-top:6px;}
.statistics article p{ line-height:20px;}
.statistics article p:first-child{ font-size:18px;}
.statistics article p:first-child strong{ color:#288C29;}
.statistics article p:last-child{ font-size:12px; color:#787878;}

html,body{ height: 100%;}
.container{ max-width: 900px; height: 100%; padding: 0; position: relative;}

.order-message{ padding: 10px; border-top: 1px solid #F2F2F2; color: #666;}
.order-message span{ color: #999;}

.express{ padding: 10px;}
.express .info{ padding-bottom: 10px; border-bottom: 1px solid #DDD;}
.express p{ margin: 0;}
.express .info p{ line-height: 24px; font-size: 16px;}
.express .info p span{ color: #B10000;}
.express .time-detail{ padding-left: 30px; border-bottom: 1px solid #DDD;}
.express .time-detail .item{ padding: 8px 0; border-bottom: 1px solid #DDD; color: #666; position: relative;}
.express .time-detail .item:last-child{ border-bottom: none;}
.express .time-detail .item span{ position: absolute; top: 9px; left: -29px; width: 19px; height: 19px; border-radius: 50% 50% 50% 0; background: #FFF; border: 1px solid #ABABAB; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.express .time-detail .item:after{ position: absolute; top: 14px; left: -24px; width: 9px; height: 9px; background: #ABABAB; border-radius: 50%; content: "";}
.express .time-detail .item:before{ position: absolute; top: 0; left: -20px; width: 1px; height: 101%; background: #ABABAB; content: "";}
.express .time-detail .item:first-child:before{ top: 15px;}
.express .time-detail .item.active{ color: #0BAB2D;}
.express .time-detail .item.active span{ border-color: #0BAB2D;}
.express .time-detail .item.active:after{ background: #0BAB2D;}

#QRcodeModal .modal-body{ position: absolute; width: 260px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 30px; background: #FFF; border-radius: 10px; text-align: center;}
#QRcodeModal .modal-body .close{ position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; border-radius: 50%;font-size: 24px; color: #666; opacity: 1;}
#QRcodeModal .modal-body p{ color: #398439; text-align: center;}
#QRcodeModal .modal-body img{ width: 180px;}
#QRcodeModal .modal-body h4{ margin-top: 10px; font-weight: 400; color: #F55718;}

.user-header{ min-height: 124px; margin-bottom: 10px; padding: 12px 10px 12px 125px; background: #FFFFFF; border-bottom: 1px solid #DDDDDD; position: relative;}
.user-header .avatar{ position: absolute; top: 12px; left: 10px; width: 100px; height: 100px; border: 1px solid #DDD; border-radius: 4px; margin: 0; overflow: hidden;}
.user-header .user-info{ margin-top: 26px;}
.user-header .user-info a{ float: right; padding: 10px 10px 10px 14px; margin-right: -10px; background: #FFEDDB; border-radius: 20px 0 0 20px; font-size: 12px; color: #F4963C;}
.user-header i{ display: inline-block; background: url("../images/icon_32x32.png") no-repeat; background-size: cover; vertical-align: middle;}
i.icon-arrow-right-yellow{ margin-left: 2px; width: 16px; height: 16px; background-position: 0 -16px;}
i.icon-tips{ margin-right: 2px; width: 16px; height: 16px; background-position: 0 0;}
.user-header .user-info .name{ padding: 10px 0; color: #000;}
.user-header p{ margin-bottom: 0;}
.user-header p a{ color: #57BF5B;}

.user-section{ margin-bottom: 10px;}
.user-section .title{ line-height: 44px; padding: 0 10px; background: #FFFFFF; border-top: 1px solid #DDD; font-size: 16px; color: #333;}
.user-section .title a{ float: right; color: #BBB;}
.user-section .title a i{ display: inline-block;  margin-left: 2px; width: 16px; height: 16px; background: url("../images/icon_32x32.png") no-repeat 0 -32px; background-size: cover; vertical-align: middle;}
.user-section .swiper-slide{ background: #FFFFFF; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; font-size: 0;}
.user-section .swiper-slide a{ display: inline-block; width: 25%; padding: 10px 0; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 12px; color: #333; text-align: center; white-space:nowrap;}
.user-section .swiper-slide a:nth-child(4n){ border-right: none;}
.user-section .swiper-slide a:nth-child(5n),
.user-section .swiper-slide a:nth-child(6n),
.user-section .swiper-slide a:nth-child(7n),
.user-section .swiper-slide a:nth-child(8n){ border-bottom: none;}
.user-section .swiper-slide a i{ display: inline-block;}
.user-section .swiper-slide a span{ display: block;}

.user-section .swiper-container-horizontal &gt; .swiper-pagination{ width: 100%; bottom: 0;}
.user-section .swiper-pagination{ padding: 10px; text-align: center;}
.user-section .show-pagination{ padding-bottom: 40px;}

.user-order-small{ margin-bottom: 10px;}
.user-order-small .swiper-slide a{ width: 20%; border: none;}
.user-order-small .swiper-slide i{ width: 24px; height: 24px; background: url("../images/icon-order-sprites.png") no-repeat 0 0; background-size: cover; position: relative;}
.user-order-small .swiper-slide i.icon-pay{ background-position: 0 0;}
.user-order-small .swiper-slide i.icon-send{ background-position: 0 -24px;}
.user-order-small .swiper-slide i.icon-comment{ background-position: 0 -48px;}
.user-order-small .swiper-slide i.icon-cancle{ background-position: 0 -72px;}
.user-order-small .swiper-slide i.icon-return{ background-position: 0 -96px;}
.user-order-small .swiper-slide i b{ position: absolute; top: -4px; right: -4px; padding: 0 4px; background: #FF3D3E; border-radius: 10px; font-style: normal; font-size: 10px; color: #FFFFFF;}

.user-order .swiper-slide i,.user-other .swiper-slide i{ width: 32px; height: 32px; background: url("../images/icon-user-sprites.png") no-repeat 0 0; background-size: cover;}
.user-order .swiper-slide i.icon-order-record{ background-position: 0 0;}
.user-order .swiper-slide i.icon-order-food{ background-position: 0 -32px;}
.user-order .swiper-slide i.icon-order-book{ background-position: 0 -64px;}
.user-order .swiper-slide i.icon-order-coupon{ background-position: 0 -96px;}
.user-order .swiper-slide i.icon-order-addr{ background-position: 0 -128px;}
.user-order .swiper-slide i.icon-order-favorite{ background-position: 0 -160px;}
.user-order .swiper-slide i.icon-order-message{ background-position: 0 -192px;}
.user-order .swiper-slide i.icon-order-feeback{ background-position: 0 -224px;}

.user-other .swiper-slide i.icon-user-check{ background-position: 0 -416px;}
.user-other .swiper-slide i.icon-user-info{ background-position: 0 -448px;}
.user-other .swiper-slide i.icon-user-expense{ background-position: 0 -480px;}
.user-other .swiper-slide i.icon-user-integral{ background-position: 0 -512px;}
.user-other .swiper-slide i.icon-user-exchange{ background-position: 0 -544px;}
.user-other .swiper-slide i.icon-user-recharge{ background-position: 0 -576px;}
.user-other .swiper-slide i.icon-user-bill{ background-position: 0 -608px;}

.user-other .swiper-slide i.icon-sales-voucher{ background-position: 0 -800px;}
.user-other .swiper-slide i.icon-sales-coupon{ background-position: 0 -832px;}
.user-other .swiper-slide i.icon-sales-packet{ background-position: 0 -864px;}
.user-other .swiper-slide i.icon-sales-share{ background-position: 0 -896px;}
.user-other .swiper-slide i.icon-sales-card{ background-position: 0 -928px;}
.user-other .swiper-slide i.icon-sales-dial{ background-position: 0 -960px;}
.user-other .swiper-slide i.icon-sales-seckill{ background-position: 0 -992px;}
.user-other .swiper-slide i.icon-sales-exchange{ background-position: 0 -1024px;}

.footer--new-nav{ display: table; width: 100%; background: #FFFFFF; border-top: 1px solid #DDDDDD;}
.footer--new-nav a{ display: table-cell; width: 20%; font-size: 10px; text-align: center;}
.footer--new-nav a i{ display: block; width: 24px; height: 24px; margin: 0 auto; background: url("../images/icon-footer-sprites.png") no-repeat; background-size: cover; position: relative;}
.footer--new-nav a i.icon-footer-1{ background-position: 0 0;}
.footer--new-nav a.active i.icon-footer-1{ background-position: 0 -24px;}
.footer--new-nav a i.icon-footer-2{ background-position: 0 -48px;}
.footer--new-nav a.active i.icon-footer-2{ background-position: 0 -72px;}
.footer--new-nav a i.icon-footer-3{ background-position: 0 -96px;}
.footer--new-nav a.active i.icon-footer-3{ background-position: 0 -120px;}
.footer--new-nav a i.icon-footer-4{ background-position: 0 -144px;}
.footer--new-nav a.active i.icon-footer-4{ background-position: 0 -168px;}
.footer--new-nav a i.icon-footer-5{ background-position: 0 -192px;}
.footer--new-nav a.active i.icon-footer-5{ background-position: 0 -216px;}
.footer--new-nav a i b{ position: absolute; top: -2px; right: -4px; padding: 0 4px; background: #FF3D3E; border-radius: 10px; font-style: normal; font-size: 10px; color: #FFFFFF;}
.footer--new-nav a i em{ position: absolute; top: 0px; right: -2px; width: 8px; height: 8px; background: #FF3D3E; border-radius: 10px; font-style: normal; font-size: 10px; color: #FFFFFF;}

@media (min-width: 768px){
.user-section .swiper-slide a{ font-size: 14px;}

.user-order-small .swiper-slide i{ width: 36px; height: 36px;}
.user-order-small .swiper-slide i.icon-pay{ background-position: 0 0;}
.user-order-small .swiper-slide i.icon-send{ background-position: 0 -36px;}
.user-order-small .swiper-slide i.icon-comment{ background-position: 0 -72px;}
.user-order-small .swiper-slide i.icon-cancle{ background-position: 0 -108px;}
.user-order-small .swiper-slide i.icon-return{ background-position: 0 -144px;}

.user-order .swiper-slide i,.user-other .swiper-slide i{ width: 48px; height: 48px;}
.user-order .swiper-slide i.icon-order-record{ background-position: 0 0;}
.user-order .swiper-slide i.icon-order-food{ background-position: 0 -48px;}
.user-order .swiper-slide i.icon-order-book{ background-position: 0 -96px;}
.user-order .swiper-slide i.icon-order-coupon{ background-position: 0 -144px;}
.user-order .swiper-slide i.icon-order-addr{ background-position: 0 -192px;}
.user-order .swiper-slide i.icon-order-favorite{ background-position: 0 -240px;}
.user-order .swiper-slide i.icon-order-message{ background-position: 0 -288px;}
.user-order .swiper-slide i.icon-order-feeback{ background-position: 0 -336px;}

.user-other .swiper-slide i.icon-user-check{ background-position: 0 -624px;}
.user-other .swiper-slide i.icon-user-info{ background-position: 0 -672px;}
.user-other .swiper-slide i.icon-user-expense{ background-position: 0 -720px;}
.user-other .swiper-slide i.icon-user-integral{ background-position: 0 -768px;}
.user-other .swiper-slide i.icon-user-exchange{ background-position: 0 -816px;}
.user-other .swiper-slide i.icon-user-recharge{ background-position: 0 -864px;}
.user-other .swiper-slide i.icon-user-bill{ background-position: 0 -912px;}

.user-other .swiper-slide i.icon-sales-voucher{ background-position: 0 -1200px;}
.user-other .swiper-slide i.icon-sales-coupon{ background-position: 0 -1248px;}
.user-other .swiper-slide i.icon-sales-packet{ background-position: 0 -1296px;}
.user-other .swiper-slide i.icon-sales-share{ background-position: 0 -1344px;}
.user-other .swiper-slide i.icon-sales-card{ background-position: 0 -1392px;}
.user-other .swiper-slide i.icon-sales-dial{ background-position: 0 -1440px;}
.user-other .swiper-slide i.icon-sales-seckill{ background-position: 0 -1488px;}
.user-other .swiper-slide i.icon-sales-exchange{ background-position: 0 -1536px;}
}

@media (min-width: 992px){
.user-section .swiper-slide a{ font-size: 18px;}

.user-order-small .swiper-slide i{ width: 48px; height: 48px;}
.user-order-small .swiper-slide i.icon-pay{ background-position: 0 0;}
.user-order-small .swiper-slide i.icon-send{ background-position: 0 -48px;}
.user-order-small .swiper-slide i.icon-comment{ background-position: 0 -96px;}
.user-order-small .swiper-slide i.icon-cancle{ background-position: 0 -144px;}
.user-order-small .swiper-slide i.icon-return{ background-position: 0 -192px;}

.user-order .swiper-slide i,.user-other .swiper-slide i{ width: 64px; height: 64px;}
.user-order .swiper-slide i.icon-order-record{ background-position: 0 0;}
.user-order .swiper-slide i.icon-order-food{ background-position: 0 -64px;}
.user-order .swiper-slide i.icon-order-book{ background-position: 0 -128px;}
.user-order .swiper-slide i.icon-order-coupon{ background-position: 0 -192px;}
.user-order .swiper-slide i.icon-order-addr{ background-position: 0 -256px;}
.user-order .swiper-slide i.icon-order-favorite{ background-position: 0 -320px;}
.user-order .swiper-slide i.icon-order-message{ background-position: 0 -384px;}
.user-order .swiper-slide i.icon-order-feeback{ background-position: 0 -448px;}

.user-other .swiper-slide i.icon-user-check{ background-position: 0 -832px;}
.user-other .swiper-slide i.icon-user-info{ background-position: 0 -896px;}
.user-other .swiper-slide i.icon-user-expense{ background-position: 0 -960px;}
.user-other .swiper-slide i.icon-user-integral{ background-position: 0 -1024px;}
.user-other .swiper-slide i.icon-user-exchange{ background-position: 0 -1088px;}
.user-other .swiper-slide i.icon-user-recharge{ background-position: 0 -1152px;}
.user-other .swiper-slide i.icon-user-bill{ background-position: 0 -1216px;}

.user-other .swiper-slide i.icon-sales-voucher{ background-position: 0 -1600px;}
.user-other .swiper-slide i.icon-sales-coupon{ background-position: 0 -1664px;}
.user-other .swiper-slide i.icon-sales-packet{ background-position: 0 -1728px;}
.user-other .swiper-slide i.icon-sales-share{ background-position: 0 -1792px;}
.user-other .swiper-slide i.icon-sales-card{ background-position: 0 -1856px;}
.user-other .swiper-slide i.icon-sales-dial{ background-position: 0 -1920px;}
.user-other .swiper-slide i.icon-sales-seckill{ background-position: 0 -1984px;}
.user-other .swiper-slide i.icon-sales-exchange{ background-position: 0 -2048px;}
}
.btn-orange {
  background-color: #F34500;
  border-color: #BC300F;
  color: #FFFFFF;
}
.btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus, .btn-orange:hover, .open &gt; .dropdown-toggle.btn-orange {
  background-color: #F34500;
  border-color: #BC300F;
  color: #FFFFFF;
}
.btn-orange.active, .btn-orange:active, .open &gt; .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled, .btn-orange.disabled.active, .btn-orange.disabled.focus, .btn-orange.disabled:active, .btn-orange.disabled:focus, .btn-orange.disabled:hover, .btn-orange[disabled], .btn-orange.active[disabled], .btn-orange.focus[disabled], .btn-orange[disabled]:active, .btn-orange[disabled]:focus, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange.active, fieldset[disabled] .btn-orange.focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:hover {
  background-color: #F34500;
  border-color: #BC300F;
}
.btn-orange .badge {
  background-color: #fff;
  color: #F34500;
}
.footer_nav {
  height: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: center;
    background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD; }
  .footer_nav a {
    display: block;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-flex: 1;
    font-size: 12px;
    color: #555555;
    text-align: center;
    white-space: nowrap; }
    .footer_nav a i {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 auto;
      background: url("../images/icon-footer-sprites.png") no-repeat;
      background-size: cover;
      position: relative; }
      .footer_nav a i.icon_footer_home {
        background-position: 0 0; }
      .footer_nav a i.icon_footer_buy {
        background-position: 0 -48px; }
      .footer_nav a i.icon_footer_location {
        background-position: 0 -96px; }
      .footer_nav a i.icon_footer_cart {
        background-position: 0 -144px; }
      .footer_nav a i.icon_footer_personal {
        background-position: 0 -192px; }
      .footer_nav a i b {
        position: absolute;
        top: -2px;
        right: -4px;
        padding: 0 4px;
        background: #FF3D3E;
        border-radius: 10px;
        font-style: normal;
        font-size: 10px;
        color: #FFFFFF; }
      .footer_nav a i em {
        position: absolute;
        top: 0px;
        right: -2px;
        width: 8px;
        height: 8px;
        background: #FF3D3E;
        border-radius: 10px;
        font-style: normal;
        font-size: 10px;
        color: #FFFFFF; }
    .footer_nav a.active {
      color: #46BA4B; }
      .footer_nav a.active i.icon_footer_home {
        background-position: 0 -24px; }
      .footer_nav a.active i.icon_footer_buy {
        background-position: 0 -72px; }
      .footer_nav a.active i.icon_footer_location {
        background-position: 0 -120px; }
      .footer_nav a.active i.icon_footer_cart {
        background-position: 0 -168px; }
      .footer_nav a.active i.icon_footer_personal {
        background-position: 0 -216px; }



.foods-orders-title {
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: justify;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: center;
  font-size: 14px;
  color: #999999; }
  .foods-orders-title .del {
    width: 24px;
    height: 24px;
    background: url("../images/icon_32x32.png") no-repeat 0 -432px;
    background-size: cover;
    cursor: pointer; }

.foods-orders-list {
  padding: 0 10px; }
  .foods-orders-list .item {
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-align: center;
    font-size: 14px; }
    .foods-orders-list .item .name {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-flex: 1;
      color: #333333; }
    .foods-orders-list .item .price {
      width: 80px;
      color: #FF6000; }
    .foods-orders-list .item .amount {
      width: 88px; }
.food_footer {
  height: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box; }
  .food_footer .food_order {
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    -webkit-box-flex: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    background: #333333; 
overflow: hidden;}
    .food_footer .food_order .order_sum {
      padding: 5px 10px;
      font-size: 12px;
      color: #FFFFFF;
      position: relative; }
      .food_footer .food_order .order_sum i {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto;
        background: url("../images/icon-footer-sprites.png") no-repeat;
        background-size: cover;
        position: relative; }
        .food_footer .food_order .order_sum i.icon_footer_menu {
          background-position: 0 -528px; }
        .food_footer .food_order .order_sum i b {
          position: absolute;
          top: -2px;
          right: -4px;
          padding: 0 4px;
          background: #FF3D3E;
          border-radius: 10px;
          font-style: normal;
          font-size: 10px;
          color: #FFFFFF; }
      .food_footer .food_order .order_sum:before {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1px;
        height: 50%;
        background-color: #666666;
        content: ""; }
    .food_footer .food_order .price_sum {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-flex: 1;
      padding: 5px 10px;
      font-size: 16px;
      color: #FFFFFF; }
      .food_footer .food_order .price_sum p {
        font-size: 12px; }
  .food_footer .food_order_control {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-flex: 1;
    background-color: #28CD11; }
    .food_footer .food_order_control a {
      display: block;
      line-height: 50px;
      font-size: 18px;
      color: #FFFFFF;
      text-align: center; }



/* ======== ActionSheet ======== */
.wx_mask {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }

.wx_mask_transparent {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }

.wx_mask_transition {
  background: transparent none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.3s ease 0s;
  width: 100%;
  z-index: 9; }

.wx_fade_toggle {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }

.wx_actionsheet_cell:active {
  background-color: #ececec; }

.wx_actionsheet {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #efeff4;
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-transform: translate(0px, 100%);
          transform: translate(0px, 100%);
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -webkit-transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  width: 100%;
  z-index: 10; }

.wx_actionsheet_menu {
  background-color: #ffffff; }

.wx_actionsheet_action {
  background-color: #ffffff;
  margin-top: 6px; }

.wx_actionsheet_cell {
  font-size: 18px;
  padding: 10px 0;
  position: relative;
  text-align: center; }

.wx_actionsheet_cell::before {
  border-top: 1px solid #d9d9d9;
  color: #d9d9d9;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 100%; }

.wx_actionsheet_cell:active {
  background-color: #ececec; }

.wx_actionsheet_cell:first-child::before {
  display: none; }

.wx_dialog_ft::after {
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 100%; }

.wx_actionsheet_ft {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  font-size: 17px;
  line-height: 42px;
  position: relative; }

.wx_actionsheet_ft:before {
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 100%; }

.wx_actionsheet_ft a {
  background-color: #FFFFFF;
  color: #3cc51f;
  display: block;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  -webkit-box-flex: 1;
  text-align: center;
  text-decoration: none; }

.wx_btn_actionsheet.default {
  color: #353535; }

.wx_actionsheet_ft a::after {
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 1px; }

.wx_actionsheet_bd {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .wx_actionsheet_bd .wx_pickerView_table {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 200px; }
    .wx_actionsheet_bd .wx_pickerView_table .table_cell {
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #d9d9d9; }
    .wx_actionsheet_bd .wx_pickerView_table .table_cell_highlight {
      background-color: #DDDDDD; }
  .wx_actionsheet_bd .wx_actionsheet_menu {
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
    -webkit-box-flex: 1; }
    .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container {
      height: 200px; }
      .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container .swiper-wrapper {
        height: 200px; }
        .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container .swiper-wrapper .swiper-slide {
          height: 40px;
          line-height: 40px;
          padding: 0 10px;
          font-size: 14px;
          color: #999999;
          text-align: center; }
        .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container .swiper-wrapper .swiper-slide-active {
          font-size: 18px;
          color: #FE5A19; }
        .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container .swiper-wrapper .swiper-slide-next, .wx_actionsheet_bd .wx_actionsheet_menu .swiper-container .swiper-wrapper .swiper-slide-prev {
          font-size: 16px;
          color: #666666; }

/* ======== Picker View ======== */
.wx_actionsheet_toggle {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

/* ======== Dialog ======== */
.wx_mask {
  background: rgba(0, 0, 0, 0.6) none repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5; }

.wx_dialog {
  background-color: #fafafc;
  border-radius: 3px;
  left: 50%;
  position: fixed;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 85%;
  z-index: 13; }

.wx_dialog_confirm .wx_dialog .wx_dialog_hd {
  padding: 1.2em 20px 0.5em; }

.wx_dialog_hd {
  padding: 1.2em 0 0.5em; }

.wx_dialog_title {
  font-size: 17px;
  font-weight: 400; }

.wx_dialog_confirm .wx_dialog .wx_dialog_bd {
  text-align: left; }

.wx_dialog_bd {
  color: #888;
  font-size: 15px;
  padding: 0 20px; }
  .wx_dialog_bd .text_red {
    color: #FE5A19; }

.wx_dialog_ft::after {
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 100%; }

.wx_dialog_ft {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  line-height: 42px;
  margin-top: 20px;
  position: relative; }

.wx_dialog_confirm .wx_dialog_ft a:first-child::after {
  display: none; }

.wx_dialog_confirm .wx_dialog_ft a::after {
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 1px; }

.wx_dialog_confirm .wx_dialog_ft a {
  position: relative; }

.wx_btn_dialog.default {
  color: #353535; }

.wx_dialog_ft a {
  color: #3cc51f;
  display: block;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  text-decoration: none; }

.wx_dialog_confirm .wx_dialog_ft a::after {
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: 1px; }

.wx_dialog_confirm .wx_dialog_ft a {
  position: relative; }

.wx_btn_dialog.primary {
  color: #0bb20c; }

.wx_dialog_ft a {
  color: #3cc51f;
  display: block;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  text-decoration: none; }

.wx_dialog_responsive {
  max-width: 290px; }
  .wx_dialog_responsive .wx_btn_dialog {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .wx_dialog_responsive .wx_btn_dialog:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3px;
      height: 20px;
      background: #FFFFFF;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      content: ""; }
    .wx_dialog_responsive .wx_btn_dialog:after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 3px;
      background: #FFFFFF;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      content: ""; }
  .wx_dialog_responsive .wx_dialog_bd {
    padding: 0; }

    /* ======== Count ======== */
.amount {
  width: 88px;
  display: table;
  vertical-align: middle; }
  .amount span {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border: 1px solid #DDD;
    position: relative;
    cursor: pointer; }
    .amount span:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 10px;
      height: 2px;
      background: #666666;
      content: ""; }
    .amount span:first-child {
      border-radius: 4px 0 0 4px; }
    .amount span:last-child {
      border-radius: 0 4px 4px 0; }
      .amount span:last-child:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 2px;
        height: 10px;
        background: #666666;
        content: ""; }
  .amount input {
    display: table-cell;
    vertical-align: middle;
    padding: 4px;
    width: 40px;
    border: 1px solid #DDD;
    border-right: none;
    border-left: none;
    font-size: 14px;
    text-align: center;
    outline: none; }
.btn{ display: inline-block; padding: 8px 12px; background-color: #E5E5E5; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; color: #666666; text-align: center; box-sizing: border-box;}
.btn-green{ background-color: #44B549; border: 1px solid #44B549; font-size: 18px; color: #FFFFFF;}
.btn-link{ background-color: transparent; border: none;}
.goods-list .item .article .price .btn-add-cart{ width: auto;}

.btn-success { background-color: #5cb85c; border-color: #4cae4c; color: #fff;  }

.withdraw &gt; .title{ display: flex; display: -webkit-box; margin-bottom: 10px; background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD;}
.withdraw &gt; .title .item{ flex: 1; -webkit-box-flex: 1; padding: 10px 20px; border-right: 1px solid #DDDDDD; font-size: 12px; color: #666666;}
.withdraw &gt; .title .item strong{ display: block; font-size: 18px; color: #FF6701;}
.withdraw .info{ padding: 0 10px;}
.withdraw .info .item{ margin-top: 10px;}
.withdraw .info .item .title{ margin-bottom: 6px; display: flex; display: -webkit-box; justify-content: space-between; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center;}
.withdraw .info .item .title p{ margin: 0; font-size: 14px; color: #666666;}
.withdraw .info .item .title span{ display: block; font-size: 12px; color: #c9302c;}
.withdraw .info .item p em{ font-style: normal; color: #c9302c;}
.withdraw .info .item .input-group{ display: flex; display: -webkit-box;}
.withdraw .info .item .input-group input{ display: block; flex: 1; -webkit-box-flex: 1;}
.withdraw .info .item .input-group .btn{ display: block; margin-left: 10px; flex: 1; -webkit-box-flex: 1; white-space: nowrap; min-width: 90px;}
.form-control{ width: 100%; padding: 8px 12px; background-color: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: none; border-radius: 2px; box-sizing: border-box; resize: none;}


.vouchers .vouchers-list .item a .info, .search-wrap .search, .quick-links, .user-info, .voucher-share .share-voucher .voucher-box .info .section .content, .voucher-list .voucher-list-title .voucher-nav, .voucher-list .voucher-list-title .voucher-search, .voucher-list .voucher-list-content .item, .weui_dialog_alert .method .item {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center; }

.vouchers {
  background-color: #EEEEEE; }
.vouchers .vouchers-list {
  padding: 5px;
  font-size: 0; }
.vouchers .vouchers-list .item {
  display: inline-block;
  width: 50%; }
.vouchers .vouchers-list .item a {
  display: block;
  height: 80px;
  margin: 5px;
  background: url("../images/bkg-serrated.png") repeat-x 0 bottom, url("../images/bkg-quan.png") no-repeat -40px -15px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center; }
.vouchers .vouchers-list .item a .info {

  padding: 5px; }
.vouchers .vouchers-list .item a .info p {
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  margin: 0}
.vouchers .vouchers-list .item a .info p:first-child {
  margin-right: 10px;
  vertical-align: top;
  text-align: right; }
.vouchers .vouchers-list .item a .info p:first-child b {
  vertical-align: middle;
  font-size: 28px; }
.vouchers .vouchers-list .item a .info p:last-child {
  font-size: 14px;
  text-align: left; }
.vouchers .vouchers-list .item a .link {
  margin: 0 10px 20px 10px;
  padding: 3px;
  background-color: #FFFFFF;
  border-radius: 4px;
  font-size: 12px;
  color: #333333; }
.vouchers .vouchers-list .item.item-block {
  width: 100%; }
.vouchers .vouchers-list .item.item-block .info {
  min-height: 80px; }
.vouchers .vouchers-list .item.item-block .info p:first-child {
  -ms-flex: 2;
  flex: 2;
  -webkit-box-flex: 2;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
.vouchers .vouchers-list .item.item-block .info p:nth-child(2) {
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  min-width: 60px;
  vertical-align: top;
  text-align: right; }
.vouchers .vouchers-list .item.item-block .info p:nth-child(2) b {
  vertical-align: middle;
  font-size: 32px; }
.vouchers .vouchers-list .item.item-block .info p:last-child {
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  min-width: 100px;
  margin: 0 10px;
  padding: 8px 2px;
  background-color: #FFFFFF;
  border-radius: 4px;
  font-size: 12px;
  color: #333333;
  text-align: center; }
.vouchers .extend {
  height: 12px;
  margin: 10px auto;
  position: relative;
  cursor: pointer; }
.vouchers .extend:after {
  width: 13px;
  height: 13px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #999999;
  position: absolute;
  top: -12px;
  left: 50%;
  content: "";
  transform: rotate(-45deg) translateX(-50%);
  transition: all 0.2s; }
.vouchers .extend.active {
  transform: rotate(180deg);
  transition: all 0.2s; }
.goods_related .related-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
  background-color: #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 10px;
  position: relative; }
.goods_related .related-title:after {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: #DDDDDD;
  content: "";
  z-index: 0; }
.goods_related .related-title span {
  display: block;
  padding: 5px 20px;
  background-color: #EEEEEE;
  position: relative;
  z-index: 1; }

.goods_related .related-list {
  background-color: #FFFFFF; }
.goods_related .related-list .swiper-slide {
  font-size: 0; }
.goods_related .related-list .swiper-slide .item-wrap {
  display: inline-block;
  width: 33.33%;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD; }
.goods_related .related-list .swiper-slide .item-wrap:nth-child(3n) {
  border-right: none; }
.goods_related .related-list .swiper-slide .item-wrap .item {
  padding: 10px; }
.goods_related .related-list .swiper-slide .item-wrap .item a {
  font-size: 14px; }
.goods_related .related-list .swiper-slide .item-wrap .item a img {
  width: 100%; }
.goods_related .related-list .swiper-slide .item-wrap .item a .name {
  color: #333333; }
.goods_related .related-list .swiper-slide .item-wrap .item a .price {
  color: #FF4E01; }
.goods_related .related-list .swiper-container {
  padding-bottom: 30px; }
.goods_related .related-list .swiper-pagination {
  bottom: 0;
  padding: 5px;
  text-align: center;}
.goods_related .related-list .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #999999;
  border-radius: 5px; }
.goods_related .related-list .swiper-pagination-bullet-active {
  width: 24px;
  background-color: #46BA4B;
  border: none; }


/* ======== Error Message ======== */
.no-data-message {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
  margin-top: 100px; }
.no-data-message .error {
  text-align: center; }
.no-data-message .error img {
  display: block;
  max-width: 60%;
  margin: 0 auto 20px; }
.no-data-message .error p {
  line-height: 22px;
  color: #999999; }
.no-data-message .error p.message {
  margin-bottom: 15px;
  font-size: 16px; }
.no-data-message .error p.system {
  font-size: 12px; }
.no-data-message .row-error {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center; }
.no-data-message .row-error img {
  display: block;
  width: 40px;
  margin: 0 10px 0 0; }

/* ---- Dialog ---- */
.mui-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000; }

.mui-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    background-color: #fafafc;
    border-radius: 3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: hidden;
    text-align: center;
    z-index: 5000; }

.mui-dialog-ft {
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    line-height: 48px;
    font-size: 17px;
    position: relative; }

.mui-dialog-ft::after {
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    width: 100%; }

.mui-dialog-ft a {
    display: block;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    text-decoration: none; }

.mui-btn-dialog.default {
    color: #353535; }

.mui-btn-dialog.primary {
    color: #0BB20C; }

.art-img img {
    display: block;
    max-width: 100%; }

.atr-tips p {
    padding: 10px;
    line-height: 22px;
    font-size: 16px;
    color: #333333; }

.win-dialog-alert .mui-dialog {
    padding: 10px;
    background-color: #ED482A;
    border-radius: 6px;
    overflow: visible; }

.win-dialog-alert .mui-dialog-hd .title {
    width: 150px;
    margin: -25px auto -15px; }
.win-dialog-alert .mui-dialog-hd .title img {
    display: block;
    width: 100%; }

.win-dialog-alert .mui-dialog-bd {
    min-height: 100px;
    padding: 30px 10px;
    background-color: #FFFFFF;
}
.win-dialog-alert .mui-dialog-ft {
    margin: 10px -1px 0; }
.win-dialog-alert .mui-dialog-ft::after {
    display: none; }
.win-dialog-alert .mui-dialog-ft a {
    margin: 0 1px;
    padding: 8px;
    background-color: #FFDA5B;
    border: 1px solid #AB0803;
    border-radius: 4px;
    font-size: 18px;}

.goods_list {
    padding: 5px;}
.goods_list .item {
    display: inline-block;
    width: 50%;
    padding: 5px;
    font-size: 14px;
    vertical-align: top; }
.goods_list .item .article {
    padding: 4px;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF; }
.goods_list .item .article .goods_img {
    overflow: hidden; }
.goods_list .item .article .goods_img a {
    display: block; }
.goods_list .item .article .goods_name {
    height: 40px;
    margin: 5px 0;
}
.goods_list .item .article .goods_name a {
    font-size: 14px;
    color: #333333;
}
.goods_list .item .article .goods_name span i {
    margin-right: -4px;
    font-size: 12px;
    font-style: normal; }
.goods_list .item .article .goods_sale {
    height: 20px; }
.goods_list .item .article .goods_price {
    width: 100%;
    display: table;
    vertical-align: middle; }
.goods_list .item .article .goods_price &gt; div {
    display: table-cell;
    vertical-align: middle; }
.goods_list .item .article .goods_price .price {
    color: #FF6000; }
.goods_list .item .article .goods_price .price i {
    font-style: normal;
    font-size: 12px; }
.goods_list .item .article .goods_price .price b {
    font-size: 15px;
    font-weight: normal; }
.goods_list .item .article .goods_price .cart {
    width: 30px; }
.goods_list .item .article .goods_price .cart span {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url("../images/icon-footer-sprites.png") no-repeat 0 -168px;
    background-size: cover; }
.goods_list .item .article .goods_price .del {
    width: 30px; }
.goods_list .item .article .goods_price .del span {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url("../images/icon_32x32.png") no-repeat 0 -432px;
    background-size: cover; }
.goods_list .item.out_stock .article {
    opacity: 0.5; }
.goods_list .item.out_stock .article .price {
    color: #999999; }
.goods_list .item.out_stock .article .stock {
    padding: 3px 0;
    text-align: right; }
.goods_list .item.out_stock .article .stock span {
    padding: 1px 2px;
    background-color: #999999;
    border-radius: 2px;
    font-size: 12px;
    color: #FFFFFF; }
.goods_list.list .item {
    display: block;
    width: 100%; }
.goods_list.list .item .article {
    min-height: 92px;
    padding-left: 100px;
    position: relative; }
.goods_list.list .item .article .goods_img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 80px;
    height: 80px; }
.goods_list.list .item .article .goods_price {
    margin-top: 8px; }
.icons {
    display: inline-block;
    padding: 0px 2px;
    background-color: #0bb20c;
    border-radius: 2px;
    font-size: 12px;
    color: #FFFFFF; }
.icons.icons-blue {
    background-color: #3c98ed; }
.icons.icons-orange {
    background-color: #ed773c; }
.icons.icons-purple {
    background-color: #e63fc1; }
.icons.icons-red {
    background-color: #e63f3f; }
.icons.icons-green {
    background-color: #4ab036; }
.icons.icons-yellow {
    background-color: #f0fa54; }
.icons.icons-turq {
    background-color: #35ceb3; }

.goods_detail {
    width: 100%; }
.goods_detail .goods_summary {
    min-height: 80px;
    padding: 10px 10px 10px 80px;
    position: relative; }
.goods_detail .goods_summary .goods_img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid #DDDDDD; }
.goods_detail .goods_summary .goods_img a {
    display: block; }
.goods_detail .goods_summary .goods_img img {
    width: 100%; }
.goods_detail .goods_summary .goods_price {
    margin-top: 8px; }
.goods_detail .goods_summary .goods_price .price {
    color: #FF6000; }
.goods_detail .goods_summary .goods_price .price i {
    font-style: normal;
    font-size: 12px; }
.goods_detail .goods_summary .goods_price .price b {
    font-size: 15px;
    font-weight: normal; }
.goods_detail .goods_summary .goods_price .price del {
	margin-left: 5px;
	font-size: 12px;
	color: #999999; }

.goods_suk {
    padding: 0 10px; }
.goods_suk .item {
    padding: 10px 10px 5px 60px;
    border-bottom: 1px solid #E5E5E5;
    position: relative; }
.goods_suk .item .title {
    position: absolute;
    top: 14px;
    left: 0;
    width: 50px;
    font-size: 14px;
    color: #999999; }
.goods_suk .item .content &gt; span {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 5px;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    font-size: 14px;
    color: #333333; }
.goods_suk .item .content &gt; span.active {
    background-color: #FF6000;
    border-color: #FF6000;
    color: #FFFFFF; }
.goods_suk .item .content &gt; span.disabled {
    border-color: #DDDDDD;
    color: #999999; }
.goods_suk .item .stock {
    position: absolute;
    top: 14px;
    left: 160px;
    font-size: 14px;
    color: #999999; }

.goods_detail_ft {
    padding: 10px; }
.goods_detail_ft a:first-child {
    margin-right: 10px;
    background-color: #45BB4A;
    color: #FFFFFF; }
.goods_detail_ft a:last-child {
    color: #666666; }

.goods-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 5px; }
.goods-list .item {
    width: 50%;
    padding: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.goods-list .item .article {
    width: 100%;
    background-color: #FFFFFF;
    padding: 4px;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.goods-list .item .article .goods-img {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 300px;
    overflow: hidden; }
.goods-list .item .article .goods-img a {
    display: block; }
.goods-list .item .article .goods-img a img {
    display: block;
    width: 100%; }
.goods-list .item .article .goods-info {
    height: 70px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.goods-list .item .article .goods-info .name {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    color: #333333; }
.goods-list .item .article .goods-info .name i {
    display: inline-block;
    padding: 1px 2px;
    font-size: 12px;
    font-style: normal; }
.goods-list .item .article .goods-info .name span {
    line-height: 18px; }
.goods-list .item .article .goods-info .price-stocks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
align-items: center;}
.goods-list .item .article .goods-info .price-stocks .price {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #FF6000; }
.goods-list .item .article .goods-info .price-stocks .label {
    background-color: #999999;
    border: 1px solid #999999;
    font-weight: normal;
    padding: 2px;
}
.goods-list .item .article .goods-info .price-stocks .price i {
    font-style: normal;
    font-size: 12px; }
.goods-list .item .article .goods-info .price-stocks .price b {
    font-size: 15px;
    font-weight: normal; }
.goods-list .item .article .goods-info .price-stocks .cart {
    width: 30px; }
.goods-list .item .article .goods-info .price-stocks .cart span {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url("../images/icon-footer-sprites.png") no-repeat 0 -168px;
    background-size: cover; }
.goods-list .item .article .goods-info .price-stocks .del {
    width: 30px; }
.goods-list .item .article .goods-info .price-stocks .del span {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url("../images/icon_32x32.png") no-repeat 0 -432px;
    background-size: cover; }
.goods-list .item .article .goods-info .price-stocks .label {
    display: block; }
.goods-list .item.low-stocks .goods-img {
    opacity: 0.5; }
.goods-list .item.low-stocks .goods-info .name span {
    color: #999999; }
.goods-list .item.low-stocks .goods-info .price-stocks .price {
    color: #999999; }
.goods-list .item.low-stocks .goods-info .price-stocks .price b {
    color: #999999; }
.goods-list.list .item {
    width: 100%; }
.goods-list.list .item .article {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
.goods-list.list .item .article .goods-img {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 80px;
    height: 80px;
    margin-right: 10px; }
.goods-list.list .item .article .goods-img a {
    display: block; }
.goods-list.list .item .article .goods-img a img {
    display: block;
    width: 100%; }
.goods-list.list .item .article .goods-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    overflow: hidden;}

@media screen and (min-width: 768px) {
    .goods-list .item .article .goods-img {
        max-height: 400px; } }

@media screen and (min-width: 962px) {
    .goods-list .item .article .goods-img {
        max-height: 500px; } }

.related-list .goods_list {
    padding: 0; }
.related-list .goods_list .item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; }
.related-list .goods_list .item .article {
    padding: 0;
    border: none; }

#codeModal .modal-header{
    padding: 0;
}
#codeModal .modal-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#codeModal .modal-body #barcode{
    margin-bottom: 20px;
}
.qrcode{
    display: block;
    width: 30px;
    height: 30px;
    padding: 10px;
    background: #FFFFFF url("../images/icon_32x32.png") no-repeat 0 -180px;
    background-size: cover;
    overflow: hidden;
    vertical-align: middle;
}

.wx_dialog_add_purchaser .wx_dialog_bd {
    padding: 20px;
    background-color: #F1F1F1;
    border-radius: 4px;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.wx_dialog_add_purchaser .wx_dialog_bd p {
    margin-bottom: 5px;
    font-size: 16px;
    color: #666666; }
.wx_dialog_add_purchaser .wx_dialog_bd p:last-child {
    color: #333333; }

.wx_dialog_add_purchaser .wx_close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 26px;
    height: 26px;
    background-color: #F1F1F1;
    border-radius: 13px; }
.wx_dialog_add_purchaser .wx_close:after, .wx_dialog_add_purchaser .wx_close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    background-color: #CCCCCC;
    content: "";
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }
.wx_dialog_add_purchaser .wx_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }

#barcode{ margin-bottom: 20px;}
.wallet span{
    position: relative;
    vertical-align: middle;
}
.icons-yuan:after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "￥";
    font-size: 15px;
    color: #333333;
}
.topbar .back:after, .topbar .back:before{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background-color: #666666;
    transform: translate(-50%, -50%);
    content: "";
}
.topbar .back:after{
    margin: 16px 0 0 10px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.topbar .back:before{
    margin: 8px 0 0 10px;
    transform: translate(-50%, -50%) rotate(-45deg);
}
</pre></body></html>