@charset "utf-8";
.hide{ display:none;}
.bh-success{ width:100%; height:auto; overflow:hidden; margin:40px auto 0px auto;}
.bh-success .bh-success-icon{ text-align:center; height:100px; margin-bottom:0px;}
.bh-success .bh-success-icon i{ font-size:100px; line-height:100px;}
.bh-success .bh-success-tips{ width:95%; height:auto; line-height:25px; color:#666; font-size:14px; text-align:center; margin:0px auto; margin:20px auto 50px auto;}

.gpsloading{ width:100%; height:100%; position:fixed; top:0; z-index:0; background:rgba(255,255,255,.95); z-index:6666}
.gpsloading .positionnow{ width:100px; height:100px; position:absolute; text-align:left; text-indent:18px; line-height:70px; top:50%; left:50%; margin-top:-50px; margin-left:-50px; color:#333;}

.ui-list h4{ font-size:14px !important; color:#666;}

.btn-wamp{ width:100%; height:auto; padding:10px; box-sizing:border-box; overflow:hidden;}
.btn-green{ margin:0px auto; width:100%; height:42px; line-height:42px; font-size:18px; text-align:center; text-align:center;background:#04be02;border:solid 1px #4cae4c; color:#fff; border-radius:4px; cursor:pointer;}
.btn-info{ margin:0px auto; width:100%; height:42px; line-height:42px; font-size:18px; text-align:center; text-align:center;background:#10aeff;border:solid 1px #10aeff; color:#fff; border-radius:4px; cursor:pointer;}

.header{ height:45px; width:100%; padding:0 10px; box-sizing:border-box;position:relative;}
.header .h-logo{ float:left; margin-top:10px;}
.header .h-position{ width:100%; height:45px; text-align:center; position:absolute; left:0; top:0; line-height:45px; z-index:1;}
.header .h-position img{ margin-left:10px;}
.header .h-position b{ font-weight:normal;}
.header .h-position span{ color:#ef3535; font-size:12px;}
.header .h-position a{ color:#ef3535;}
.header .h-edit{ float:right; margin:10px 0px 0 0; position:relative; z-index:2;}
.header .qrscan{ float:right; margin:10px 0px 0 0; position:relative; z-index:2;}
 
.header .bh-htitle{ float:left; margin-left:50%; position:absolute; left:-100px; top:0; height:45px; width:200px; line-height:45px; color:#000; font-size:16px; text-align:center; overflow:hidden;}
.header .bh-htitle span{ color:#ef3535;}
.header .bh-back{ float:left; margin:4px 0 0 0px;}
.header .bh-back img{ margin:8px 0 0 0;}
.header .bh-menu{ display:block;position:absolute;right:10px;top:50%;margin-top:-22px; height:45px; line-height:45px;}
.header .bh-menu i{ width:22px; height:2px; background:#000; display:block; margin:0 0 4px 0;}
.header .bh-menu i:nth-child(1){ margin-top:14px;}
.header .ui-rotate{-webkit-animation:rotate-an .2s linear;animation-delay:0s;}
@keyframes rotate-an{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes rotate-an{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}
.header .ui-menu-close i:nth-child(1){ display:none;}
.header .ui-menu-close i:nth-child(2){ margin-top:16px;-webkit-transform:rotate(45deg); top:5px; position:relative;}
.header .ui-menu-close i:nth-child(3){-webkit-transform:rotate(135deg); margin-top:0px;top:-1px; position:relative;}

.header .ui-header-menu{ width:95px; height:auto;color:#fff; position:absolute; right:2px; top:30px; box-sizing:border-box; padding:4px; overflow:hidden; z-index:88; display:none;}
.header .ui-header-menu .ui-arrow-top{width:0; height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #666; position:relative; left:65px;}
.header .ui-header-menu ul{ width:100%; height:auto; margin:0px auto; cursor:pointer; display:block; background:rgba(0,0,0,.6);  border-radius:5px;}
.header .ui-header-menu li{ line-height:32px; line-height:32px; display:block; cursor:pointer; font-size:14px; text-align:center;}
.header .ui-header-menu li a{ color:#fff; width:100%; height:32px; display:block;}

.itel{ text-align:center; height:40px; line-height:40px; text-align:center; color:#666;}
.itel a,.itel span{ color:#ef3535;}
.itel img{ position:relative; top:7px;}

.ibottom{ background:#f2f2f5; overflow:hidden; text-align:center; padding:15px; box-sizing:border-box;}
.ibottom p{ text-align:center; color:#666;}
.ibottom p a{ margin:0 4px; color:#333;}

.footer{ height:58px; text-align:center; overflow:hidden;position:fixed; bottom:0; width:100%;background:#fff; max-width:640px; z-index:666;}
.footer ul{ width:100%; height:58px; overflow:hidden; padding-top:5px; box-sizing:border-box; overflow:hidden;}
.footer ul li{ width:25%; height:50px; text-align:center; float:left; overflow:hidden; display:block;text-align:center;}
.footer ul li img{ width:32px; height:32px; display:block; margin:0px auto;}
.footer ul li a{ color:#333; font-size:12px;}
.footer ul li.active a{ color:#ef3535;}

#mybanner{ background:#fff; overflow:hidden;}
#mybanner img{ display:block;}
#mybanner .swiper-pagination-bullet-active{ background:#ef3535 !important;}
#mybanner .swiper-pagination-bullet{ background:rgba(255,255,255,.5);}

.imain{ width:100%;padding:0 6px; box-sizing:border-box; background:#f2f2f5; overflow:hidden;}
.imain .iadv img{ width:100%; height:auto; margin:6px auto; display:block;}
.imain .isearch{ height:35px; line-height:35px; background:#ef3535; overflow:hidden; position:relative; border-radius:18px; margin-bottom:5px; box-sizing:border-box;}
.imain .isearch input{ width:98%; height:31px; float:left; margin:2px 2px 0 2px; overflow:hidden; display:block; border:none;border-radius:18px; box-sizing:border-box; padding-left:15px;}
.imain .isearch .btn-search{ width:50px; height:31px; position:absolute; right:2px; top:2px; background:#ef3535 url(../images/btn-search.png) no-repeat center center; background-size:40%;}

.nearbyshop{ width:100%;padding:0 5px 5px 5px; box-sizing:border-box; background:#f2f2f5; overflow:hidden;}
.shoplist a{ width:50%; height:auto; margin:0px 0px 0 auto;overflow:hidden; box-sizing:border-box; position:relative; padding:3px; float:left;}
.shoplist dl{ width:100%; height:235px; background:#fff; overflow:hidden; box-sizing:border-box; position:relative; padding:0;}
.shoplist dl dt{ width:100%;height:120px;background:#fff; overflow:hidden;}
.shoplist dl dd{ color:#666; line-height:25px; display:block; overflow:hidden; height:25px; width:96%; margin:0px auto;}
.shoplist dl dd.u-topic{ height:25px; line-height:25px; color:#333; margin:8px 0 3px auto; font-size:14px;}
.shoplist .uaddress{ width:20px; height:20px; display:inline-block; background:url(../images/pos-icon.png) no-repeat center center; background-size:74%; position:relative; float:left; margin-top:0px; margin-right:5px;}
.shoplist .utel{ width:20px; height:20px; display:inline-block; background:url(../images/tel-icon.png) no-repeat center center; background-size:85%;float:left; margin-top:0px; margin-right:5px;}
.shoplist .uhot{ width:20px; height:20px; display:inline-block; background:url(../images/fire-icon.png) no-repeat center center; background-size:78%;float:left; margin-top:0px; margin-right:5px;}
.shoplist .u-hot{ color:#999;}
.shoplist .u-hot .udistance{ float:right;}

.inew{ width:100%;padding:0 6px 0px 6px; box-sizing:border-box;overflow:hidden;}
.inew .inewhn{ height:45px; line-height:45px; overflow:hidden;}
.inew .inewhn img{ position:relative; top:6px;}
.inew .inewhn b{ float:right; font-weight:normal;}
.inew .inewhn b a{ color:#999;}
.inew dl{ width:100%; height:120px; margin:0px auto 6px auto; background:#f8f8fb; overflow:hidden; box-sizing:border-box; position:relative; padding:0 6px 0 0;}
.inew dl dt{ width:120px; float:left; height:120px; margin-right:10px; background:#fff; overflow:hidden;}
.inew dl dd{ color:#666; line-height:25px; display:block; overflow:hidden; height:25px;}
.inew dl dd.u-topic{ height:25px; line-height:25px; color:#333; margin:8px 0 3px auto; font-size:14px;}
.inew .uaddress{ width:20px; height:20px; display:inline-block; background:url(../images/pos-icon.png) no-repeat center center; background-size:74%; position:relative; float:left; margin-top:0px; margin-right:5px;}
.inew .utel{ width:20px; height:20px; display:inline-block; background:url(../images/tel-icon.png) no-repeat center center; background-size:85%;float:left; margin-top:0px; margin-right:5px;}
.inew .uhot{ width:20px; height:20px; display:inline-block; background:url(../images/fire-icon.png) no-repeat center center; background-size:78%;float:left; margin-top:0px; margin-right:5px;}
.inew .u-hot{ color:#999;}
.inew .u-hot .udistance{ float:right;}
.inew .inew-icon{ width:30px; height:30px; position:absolute; right:10px; top:10px; background:url(../images/new-icon.png) no-repeat center center; background-size:100%;}

.ui-search-bar{ height:40px; line-height:40px; font-size:14px; width:100%; position:relative;}
.ui-search-bar li{ width:20%; height:40px; text-align:center; line-height:40px; display:block; float:left; box-sizing:border-box; color:#666; overflow:hidden; position:relative;}
.ui-search-bar li i{ position:absolute; right:0px; top:-2px;}
.ui-product-show{ width:100%; height:auto; padding:10px; overflow:hidden; box-sizing:border-box;}
.ui-product-show .ui-product-div{ width:48%;margin:0 1% 8px 1%; height:220px; float:left; box-sizing:border-box; overflow:hidden;}
.ui-product-show .ui-product-picture{ width:100%; height:140px; overflow:hidden; text-align:center; background-size:100% !important;}
.ui-product-show .ui-product-pname{ font-size:14px; height:40px; line-height:20px; overflow:hidden; margin-top:7px; padding:0 8px; box-sizing:border-box;}
.ui-product-show a{ color:#333;}
.ui-product-show footer{ height:35px; line-height:35px; overflow:hidden;padding:0 8px; box-sizing:border-box; font-size:14px; background:#fafafa;}
.ui-product-show footer b{color:#f00; float:left;}
.ui-product-show footer span{ float:right; color:#999;}
.ui-search-bar a{ color:#666;}
.morder a.selected{ color:#ff5e4d;}


.ui-ctag-menu{ width:125px; height:auto;color:#fff; position:absolute; right:2px; top:30px; box-sizing:border-box; padding:4px; overflow:hidden; display:none; z-index:10000;}
.ui-ctag-menu .ui-arrow-top{width:0; height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333; position:relative; left:85px;}
.ui-ctag-menu dl{ width:100%; height:auto; margin:0px auto; cursor:pointer; display:block; background:rgba(0,0,0,.8);  border-radius:5px; box-sizing:border-box; padding:5px 0;}
.ui-ctag-menu dd{ height:32px; line-height:32px; display:block; cursor:pointer; font-size:14px; overflow:hidden;}
.ui-ctag-menu dd a{ color:#fff;  height:32px; display:block;float:left;}
.ui-ctag-menu dd span{ width:4px; height:4px; border-radius:50%; background:#ef3535; display:inline-block; float:left; margin:14px 7px 0 10px;}


.shopitem{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.shopitem .article-h1{ line-height:220%; font-size:18px; width:100%; padding:6px; box-sizing:border-box;}
.shopitem .shopheader{ width:100%; height:80px; box-sizing:border-box; padding:6px; overflow:hidden;}
.shopitem .shop-left { width:60%; height:80px; float:left; overflow:hidden; box-sizing:border-box; padding:10px; line-height:140%; color:#5cb85c; font-size:17px;}
.shopitem .shop-right{ width:40%; float:right; height:80px; overflow:hidden;}
.shopitem .shop-right .btn-pay{ margin:8px auto 0px auto; width:120px; height:42px; line-height:42px; font-size:16px; text-align:center; text-align:center;background:#5cb85c;border:solid 1px #4cae4c; color:#fff; border-radius:4px; cursor:pointer;}
.shopitem address{ padding:10px; box-sizing:border-box; line-height:180%;font-style: normal;}
.shopitem address .disspan{ color:#ef3535;}

.shopitem .shophn{width:100%; height:45px; line-height:30px; box-sizing:border-box; padding:10px; overflow:hidden;}
.shopitem .shophn span{ float:right; margin-right:20px; margin-top:-3px;}
.shopitem .ui-svg{ float:left; margin-left:5px; color:#ff8106;}
.shopmap{ width:100%; height:300px; box-sizing:border-box; padding:10px; overflow:hidden;}
.shop-gps{ height:33px; line-height:33px; width:130px; text-align:center; background:#090; color:#fff; margin:10px auto;}
#container{ width:100%; height:280px; overflow:hidden;}
.shopitem article{ width:100%; height:auto; padding:10px; box-sizing:border-box; overflow:hidden; line-height:220%;}
.shopitem article img{ min-width:100%; display:block; margin:0px auto; text-align:center;}

.paymain{ width:100%; height:auto; padding:0 10px 10px 10px; box-sizing:border-box; overflow:hidden;}
.paymain .pay{ width:100%; height:auto; margin:0px auto; overflow:hidden; box-sizing:border-box; background:#fff; border-radius:4px;}
.paymain .paytips{ line-height:30px; color:#f60; text-align:left;padding:10px 0; font-size:15px; text-indent:15px;}
.paymain .btn-wxpay{ margin:8px auto 0px auto; width:100%; height:42px; line-height:42px; font-size:18px; text-align:center; text-align:center;background:#04be02;border:solid 1px #4cae4c; color:#fff; border-radius:4px; cursor:pointer;}
.paymain .pay .ui-form-item { position:relative;}
.paymain .ui-fix-right{ position:absolute; right:10px; z-index:33; top:0; font-size:14px; font-weight:normal;}

.settledin{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;}

.mapifram{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:6000; display:none;}
.backicon{ width:60px; height:60px; line-height:60px; border-radius:50%; background:rgba(239,35,35,.8); color:#fff; position:fixed; bottom:15px; right:10px; color:#fff; text-align:center; z-index:600001;display:none;}
.paypass{ background:#fff; width:130px; height:20px; padding:2px 6px; background:#fff; line-height:20px;}
.paypassmain{ border-radius:0; display:none;}

.article-main{ width:100%; height:auto;padding:10px; box-sizing:border-box; overflow:hidden; margin-bottom:5px; }
.article{ width:100%; min-height:500px;overflow:hidden; background:#fff;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);box-shadow: 0 1px 1px rgba(0,0,0,0.2);clear:both; border:solid 1px #ddd; border-bottom:none; overflow:hidden; padding:10px; box-sizing:border-box;}

.article p{ line-height:200%; font-size:14px; margin-top:5px; pa}
.article .article-header{ margin:0px auto 10px auto; overflow:hidden; text-align:center;}
.article .article-head{ font-size:12px; line-height:220%; margin-bottom:0px;font-family:"微软雅黑"; color:#666; text-align:center}
.article .tags-grroup{ cursor:pointer;}
.article .article-content{ width:100%; height:auto; overflow:hidden;}
.article .article-content img{ max-width:100%; cursor:pointer; display:block; display:block; margin:5px auto 0px auto;}
.article .article-content p{ line-height:200%;}

.price-show{ text-align:center; line-height:300px; font-size:25px; color:#333;}
.piclist{ width:100%; height:auto; display:block; overflow:hidden; margin:0px auto; text-align:center;}