@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,table,td,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea,input{margin:0;padding:0;border:0;outline:none 0;vertical-align:baseline; font-weight:500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{vertical-align:baseline;text-decoration: none;color:#333; background: transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,img{vertical-align:middle;}
button, input, select, textarea { font-family: inherit; font-size: 100%;}
strong,b { font-weight: bold;}
i,em { font-style: normal;}
ul,ol,li,dl,dt,dd { list-style-type: none;}
img{width:100%; height:auto; border:none;}
html,body{ min-height:100%;}
body {overflow:auto;min-height:100%; max-width:640px; margin:0 auto; font-size:13px; background-color: #f4f4f4; color:#333; font-family:"微软雅黑"}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.border-none{ border:none !important;}
.bg_write{ background:#fff;}
/* 清除浮动 */
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
/* 省略号 */
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
select{ outline:none;}
/*重置*/
input,textarea{-webkit-appearance:none;outline:none;}
input[type='checkbox']{/* -webkit-appearance:checkbox;*/}
input[type='radio']{ -webkit-appearance:radio;}
:-moz-placeholder { color: #c8c8c8;} 
::-webkit-input-placeholder { color:#c8c8c8;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::-moz-outer-spin-button,input[type="number"]::-moz-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::outer-spin-button,input[type="number"]::inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input::-webkit-search-cancel-button {display: none;}
input::search-cancel-button {display: none;}
input::-moz-search-cancel-button {display: none;}
/*公共*/
.pos-rel{ position:relative;}
.pr{ position:absolute; right:0; top:0;}
.pl{ position:absolute; left:0; top:0;}
.cn{ font-family:"Microsoft YaHei","Helvetica","Helvetica Neue";}/*"STHeiTi",*/
.en{ font-family:"Helvetica Neue","Helvetica";}
.fl{ float:left;}
.fr{ float:right;}
/*黄色的复选按钮*/
.check_box {-webkit-appearance: none;outline: none; top:-0.01rem; position: relative; width:15px; height:15px; border: 1px solid #e6e6e6; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; border-color: #bdbdbd; display: inline-block;}
.check_box:checked { border-color: #ff9800; background-color: #ff9800;}
.check_box:checked:after { content: ''; position: absolute; left: 1px; top: 2px; width: 9px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

/*箭头*/
.icon-go-left{display:inline-block;width:12px;height:12px;margin-left:.5rem;border:solid #fff;border-width:2px 2px 0 0;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.icon-go-right{display:inline-block;width:6px;height:6px;border:solid #fff;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.icon-go-down{display:inline-block;width:5px;height:5px;border:solid #999;border-width:1px 1px 0 0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.arrow_icon{ display:inline-block; background:url(../images/arrow.png) no-repeat; width:12px; height:12px; background-size:100% 100%; float:right; margin-top:16px; margin-left:5px;}

/*头部*/
#headtop{ height:2.2rem; padding:0 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.7rem;}
.ser{ color:#fff; line-height:2.2rem;margin-left:0.5rem;}
.index-bar{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex; color:#fff; font-size:0.7rem;height:2.2rem; }
.index-header-logo{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right:0.5rem;line-height:2.2rem;}
.search_wrap{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.search_wrap input{ height:1.6rem; line-height:1.6rem; padding-left:25px; border-radius:3px; position:relative; top:0.3rem; width:100%; border:none; color:#999; font-size:0.6rem; background:#fff url(../images/input_search.png) no-repeat 5px 50%;}
.header_area{min-width: 2em; color: #333; font-size: 0.65rem; margin-right: 0.5rem; text-align: center; display: block; overflow: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; color: #fff; line-height: 2.2rem;} 
.header_area i{ padding-left:0.2rem !important; font-size:0.6rem !important;}
article{width:100%;margin-top:2.2rem;}
/*自定义字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:0.6rem;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'hc-iconfont';
  src: url('../o2o_iconfont/iconfont.eot');
  src: url('../o2o_iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../o2o_iconfont/iconfont.woff') format('woff'),
  url('../o2o_iconfont/iconfont.ttf') format('truetype'),
  url('../o2o_iconfont/iconfont.svg#iconfont') format('svg');
}
.hc-iconfont{
  font-family:"hc-iconfont" !important;
  font-size:0.6rem;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*banner*/
#banner{ width:100%;}
.owl-theme .owl-controls{text-align:center; margin-top:-20.5px;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width:10px;height:10px;margin:2px;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#333;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity:0.9;background:#c9181b;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
#owl-demo .item img{display: block;width: 100%;height: auto;}
.owl-buttons{ display:none;}

/*4个按钮*/
.body_nav{ background:#fff; border-bottom:solid 1px #eee; padding:15px 0px 0px;}
.body_nav ul li{ width:25%; font-size:0.6rem; float:left; text-align:center; padding-bottom:15px}
.body_nav ul li img{ width:60%}
.body_nav ul li p{ margin:5px 0px 3px}

/*滚动新闻*/
.news_gun{ height:40px; line-height:40px; background:#fff; margin-bottom:10px;}
#marquee5 {height:40px; overflow:hidden; width:80%; background:url(../images/laba.png) no-repeat 10px center; padding-left:40px;}
#marquee5 ul li{float:left; height:40px; line-height:40px; width:100%;font-size:0.6rem;}

/*首页活动、服务、商品的头部公共样式*/
.index_h3{background:#fff; margin-bottom:5px;}
.index_h3 h3{ padding:0 10px; font-size:15px; color:#666; height:40px; line-height:40px;}
.index_h3 h3 img{ width:20px; margin-right:5px; float:left; margin-top:9px;}
.index_h3 h3 a{ float:right; font-size:14px; color:#fc8600}

/*6个广告位*/
.list_nav{width:100%;display:inline-block;}
.list_nav ul{display: flex;flex-wrap: wrap;}
.list_nav ul a{margin: 0 1% 1% 0;width:32.5%;padding:2%;background-color: #fff;line-height:50px;position:relative;}
.list_nav ul a:nth-child(3n){margin-right:0px;}
.list_nav ul li span{float:left;color:#333;font-size:0.7rem;width:55%;height:50px;overflow:hidden;}
.list_nav ul li img{width:50px;float:right;position:absolute;right:0;}

/*热门商品*/
.diy-conitem {position: relative;z-index: 1;}
.members_special {width:88%;margin:10px auto;overflow: hidden; }
.titlestyle2 {border-bottom: solid 2px #606060;height: 1rem;text-align: center;overflow: inherit;margin-bottom: 20px;}
.titlestyle2 h2 {padding-left: 10px;font-size: 0.75rem;color:#404040;padding: 0.3rem;background: #f4f4f4;display: inline-block;float: inherit;}

/*商品列表*/
.members_goodspic {width: 100%;margin-top: 10px;overflow: hidden;}
.members_goodspic ul {width: 100%;}
.members_goodspic ul li.mingoods {display: inline-block; float: left; width: 50%;margin-bottom:2%; position: relative; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 5px 0; }
.members_goodspic ul li.mingoods:nth-child(odd) {padding:0 0.8% 0 1%; float: left; }
.members_goodspic ul li.mingoods:nth-child(even){padding:0 1% 0 0.8%; }
.b_mingoods_wrapper {padding: 5px 10px 10px 10px;background:#fff;}
.b_mingoods_wrapper .b_name{margin:5px 0px;font-size:0.6rem;height:1rem;line-height:1rem;overflow: hidden;display: -webkit-box;display: -moz-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-line-clamp: 1;-moz-box-orient: vertical;word-break: break-all;}
.members_goodspic ul li.mingoods:nth-child(odd) a img, .members_goodspic ul li.mingoods:nth-child(even) a img {width:100%; }
.members_goodspic ul li.mingoods .replace {display: block; position: relative;color: #ff3c25; border-radius: 0;font-size: 0.6rem; height: 26px; line-height: 26px; }
.members_goodspic ul li.mingoods .replace em{float:left;}
.replace .optional-se{display: inline-block;color: #ff3c25;height: 1rem;line-height: 1rem;width: auto !important;border-radius: 5px !important;font-weight: normal !important;font-size: 0.6rem !important;padding: 0 0.2rem;border: 1px solid #ff3c25 !important;}
.replace .item-console{position:absolute;right:0;}
.replace .item-console .add_item {float:right;border-radius: 2px; border: 1px solid #d0d0d0;width:25px;height:25px;line-height:23px;text-align:center;font-size:20px;color: #ff3c25;display:inline-block;}
.item_num{height:25px;line-height:25px;float: right;vertical-align: middle;}
.item_num .number{display:block;color:#333;width:25px;text-align:center;height:25px;}
.replace .item-console .remove_item {float:right;border-radius: 2px; border: 1px solid #d0d0d0;width:25px;height:25px;line-height:23px;text-align:center;font-size:20px;color: #ff3c25;}
.hide{display:none;}
/*列表页筛选*/
.shaixuan{background:#fff;position:relative;z-index:10;}
.shaixuan .order-select{ height:2rem; line-height:1.3rem; padding:7px 0px;border-bottom:1px solid #e6e6e6; display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shaixuan .order-select li{-webkit-box-flex: 1; width:auto !important; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; text-align:center; font-size:0.65rem; border-right:1px solid #e6e6e6;}
.shaixuan .order-select li:last-child{border-right: none 0;}
.shaixuan .order-select li span{display:inline-block;background:url(../images/show.png) no-repeat center right; background-size: 0.65rem;padding-right:18px;}
.shaixuan .order-select li span.up{background:url(../images/hide.png) no-repeat center right; background-size: 11px;padding-right:18px;}

/*分类*/
.slide {display:none;position: absolute;left: 0;z-index: 104;width: 100%;overflow-y: scroll;overflow-x: hidden;background-color: #fff;max-height: 800%;font-size:12px;}
.slide.type li:first-child {padding-left: 0px; font-weight:bold; font-size:0.7rem;}
.slide.type li {padding-left: 1rem;}
.slide li {display: block;height:40px;line-height:40px;border-bottom: 1px solid #eee;}
.slide li a.on {background-color: #f6f6f6;color: #f05042;}
.slide li a{display:table;padding:0 30px;}
/*.slide li a:hover, .slide li a.selected {background-color: #f6f6f6;color: #f05042;}*/

.list_item{height: 44px;overflow: hidden;padding: 0 12px;background-color: #fff;border-bottom: 1px solid #dedede;}
.list_item ul{white-space: nowrap;overflow-x:auto;width:100%;height:44px;}
.list_item ul li{display:inline-block;line-height:44px;padding:0 12px;color:#666;}
.selected{color:#f05042 !important;}

/*筛选项*/
/*m360_leftNav  分类*/
#m360_leftNav{width:100%;height:100%;position:absolute;left:0;top:0rem;z-index:901;display:none;overflow:hidden;}
.m360_leftNavBg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(51,51,51,0.5);}
.m360_leftNavBg:before{right:300px;}
.m360_leftNav{position:fixed;top:44px;right:-280px;height:100%;width:12rem;z-index:10;background:#fff;color:#666; overflow-y:auto;}
.search_fiter{ padding:0px 0.6rem 0.5rem; border-bottom:1px solid #f2f2f2;}
.search_fiter dt{ height:2rem; line-height:2rem;}
.search_fiter dt span{-webkit-box-flex: 1; font-size:0.6rem; color:#666;-webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: left;display: block;}
.icon-down_arrow{ background:url(../images/show.png) no-repeat; margin-top:0.8rem; background-size:100% auto; display:block; width:0.7rem; height:0.4rem; float:right;}
.icon-down_arrow.cur{ background:url(../images/hide.png) no-repeat; margin-top:0.8rem; background-size:100% auto; display:block; width:0.7rem; height:0.4rem; float:right;}
.search_fiter dd > div a{ font-size:0.6rem;position: relative;line-height:1.5rem; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 3% 0.5rem 0; color: #666; float: left; width: 26%; padding: 0 2%;}
.search_fiter dd > div a.on{ border:1px solid #ff3c3c; color:#ff3c3c;}
.search_fiter dd.h70{ height:3.8rem; overflow:hidden;}
.search_fiter dd.hAuto { height: auto!important;}
.search_fiter dd > div a:nth-child(3n){margin-right: 0;}
.bottom_btn{ right:0px; background:#fff; position:fixed; z-index:9999999999; padding-bottom:0.3rem; bottom:0px; width:12rem;}
.bottom_btn a{ font-size:12px; height:1.8rem;border-radius:3px; line-height:1.8rem; width:40%; margin-left:0.7rem; text-align:center;display:inline-block;}
.bottom_btn a.cancel{ background:#ddd; color:#757575;}
.bottom_btn a.sure{ background:#ff3c3c; color:#fff;}
.biaoqian-small span {margin-right: 0.4rem; margin-bottom:0.4rem;display: inline-block;font-size:12px;}
.biaoqian-small span input {float: left;margin-top: 0.1rem;margin-right: 0.1rem;}
.popmask, m360_leftNavBg {height: 100%;left: 0;right: 0;top:0;bottom: 0;position: fixed;z-index: 5;width: 100%;background: rgba(0,0,0,.4);overflow: hidden;display:none;}

/*加载更多*/
.mores {padding:12px 0px;}
.mores a {background: #e8e8e8;color: #666;font-size: 0.7rem;width: 50%;height:1.8rem;line-height:1.8rem;border-radius: 3px;display: block;text-align: center;margin: 0 auto;}
.load_mores {padding:12px 0px;}
.load_mores a {background: #e8e8e8;color: #666;font-size: 0.7rem;width: 50%;height:1.8rem;line-height:1.8rem;border-radius: 3px;display: block;text-align: center;margin: 0 auto;}
/*暂无数据*/
.hide{display:none;}
.ui-list-grid-wrap{padding:10px 0px;background:#fff;}
.text-center{text-align:center;}

/*属性 弹窗*/
.express-area-box {display:none;max-width:640px;background:#fff;position: fixed;width: 100%;bottom:0;z-index:2001;}
.info {padding: 1rem 0.7rem 0 0.7rem;display:table;}
.pic {padding:2px;width:35%;border: 1px solid #e5e5e5;border-radius: .25rem;margin-top: -2.5rem;background-color: #fff;position: relative;float: left;}
.info-content {margin-left:40%;}
.info-content h6{max-height:40px;line-height:20px;overflow:hidden; font-size:0.75rem;}
/*.title{color:#ff3c25;}*/
.close-buy-popup {position: absolute;background: #fff;width: 2rem;height: 2rem;border-radius: 100%;top: -1rem;right: 0.8rem;text-align: center;}
.close-buy-popup span {border: 1px solid #d8d8d8;border-radius: 100%;width: 1.4rem;height: 1.4rem;line-height: 1.3rem;font-size: 0.85rem;margin-top: 0.3rem;color: #9a9a9a;display: inline-block;}
#list-sub-products {height:240px;overflow-x:auto;margin-bottom: .1rem;margin-top:10px;border-top: 1px solid #e0e0e0;padding-bottom:10px;}
#list-sub-products dl{ padding: .8rem;}
#list-sub-products dl dt{font-size:14px;margin-bottom:8px;}
#list-sub-products dl dd span{padding:5px 10px;margin-right:5px;font-size:12px;background:#f5f5f5;border-radius:5px;}
#list-sub-products dl dd span.on{background:#ff3c3c;color:#fff;}
#list-sub-products dl dd span.no_num{background:#999;}
.info-item {position: relative;height:35px;line-height:35px;margin: 0.8rem auto;padding: 1rem .8rem;border-top: 1px solid #e0e0e0;}
.num-box .s6{position:absolute;top:0;width:40%;height:35px;line-height:35px;text-align:center;}
.num-box {height:35px;line-height:35px;font-size:12px;border: 1px solid #ccc;border-radius: .3rem;margin-right:.6rem;overflow: hidden;position:relative;float:right;width:30%;}
.num-box span {display: inline-block;font-size: 1.6rem;text-align: center;border-left: 1px solid #ccc;color: #000;width:30%;} 
.num-box span.btn-add{position:absolute;right:0;}
.num-box span:first-child {border-right: 1px solid #ccc;border-left: 0;}
.list-sub-product {font-size:12px;padding: .3rem .6rem;color: #606060;}
#popup-confirm {background-color: #ff3c3c;color: #fff;display: block;height: 40px;line-height:40px;text-align: center;width: 100%;font-size:14px;}
.join-buy-popup {background: #fff;position: relative;}
.mask {display:none;position: fixed;top: 0;left: 0;z-index:2000;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);overflow:hidden;}


/*底部四个按钮*/
.blian5{ height:2.3rem;}
#footer ul{display: -webkit-box!important;display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#footer ul li{-webkit-box-flex: 1; width:auto !important; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; text-align:center;}
#footer{ position:fixed; bottom:0rem; z-index:3;  max-width:640px; width:100%; border-top:1px solid #eee; height:2.2rem; background:#fff;}
.footer-five ul li a{ display:block; text-align:center; font-size:0.6rem; color:#666; margin-top:0.2rem; color:#888;}
.footer-five ul li p{ line-height:normal; margin:0px;}
.footer-five ul li span{ font-size: 1rem; line-height: 0.8rem; display: block; margin: 0 auto; height: 1rem; width: 1rem; }
.footer-five ul li a.on{ color:#c9181b;}

