@charset "utf-8";
/* CSS Document */
html,input,button,textarea{font-family:"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body{ margin:0 auto; padding:0px;color:#6B6B6B; max-width:640px;}
ul,li,p,form,div{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,dl,dd,dd{ margin:0; padding:0; font-weight:100;}
ul,ol,li{ list-style:none;}
a{ color:#6B6B6B; font-size:1rem; text-decoration:none; font-family:"Microsoft YaHei";}
a:visited{color:#6B6B6B;}
a:hover{color:#F60;}
img{ border:0px solid #fff; vertical-align:middle;}
.bgline{height:.8rem; font-size:.8rem; line-height:.8rem; clear:both;background-color: #f5f5f5;}
.clear{ clear:both;}
.section{ margin-top:10px; background-color:#FFF;}
.crosbg{ background:url(bg_crosline.png) center no-repeat;}
.br{ height:5px; border:0px solid #fff; line-height:5px; font-size:5px;}
.bigbr{ height:1rem; border:0px solid #fff; line-height:1rem; font-size:1rem;}
.bg_white{background-color: #fff;}
.bg_grey{background-color: #f8f8f8;}
.bg_black{background-color: #f0f0f0;}
.fullw{width:100%;}
.pad{padding: 0 1rem;}
.btm_pad{height:6rem;}
.hide{ display: none;}
.container{ margin:0px auto; min-width:320px; max-width:640px;}
.disablelay{background:rgba(148,148,148,.8); width:100%; height: 100vh; display: none; position: absolute;left:0;top:0;}
.wrap{ margin:0 1rem;}
a.list_btn{ display: inline-block; padding: .3rem .6rem; text-align:center; background-color:#f2f2f2;color: #b4b4b4; border-radius: .2rem;}

.posnav{ background-color:#fff; height:3.6rem; line-height:3.6rem; text-align:center; color:#6B6B6B; position:relative;}
.posnav .arrow{ position:absolute; top:0px; left:0px;width:1rem; height:3.6rem; background:url(arrow-left.png) center no-repeat; background-size: 1.8rem 1.8rem; text-align:center; color:#fff; font-size:1rem; padding:0 1.5rem;}
.posnav .arrow:hover{ background-color:#9ebcf0;}
.posnav .t{text-align: center; font-size:1.5rem; font-weight:500;}
.posnav .rimg{position:absolute; top:0px; right:.5rem;width:4.8rem; height:1.8rem; top:1rem; border: 1px solid #eb3822; border-radius:1.8rem;}
.posnav .rimg a{display: block; width:100%; height: 1.8rem; color: #eb3822; line-height: 1.8rem; font-size:1rem;}

.posnav_nobg{ background-color:#fff; height:3.6rem; line-height:3.6rem; text-align:center; position:relative; color: #0caeb0;}
.posnav_nobg .arrow{ position:absolute; top:0px; left:0px;width:1rem; height:3.6rem; background:url(fanhui2.png) center no-repeat; background-size: 13px 25px; text-align:center; color:#333; font-size:1rem; padding:0 1.5rem;}
.posnav_nobg .arrow:hover{ background-color:#f3fff9;}
.posnav_nobg .t{text-align: center; font-size:1.4rem; color:#2c2c2c;}

.left{ float:left;}
.right{ float:right;}

.color_white{ color:#FFF;}
.color_black{ color:#898989;}
.color_red{ color:#ea2833;}
.color_blue{color:#eb3822;}
.color_green{color:#238e3a;}
.color_yellow{color:#f5a125;}
.color_brown{ color: #efd2a7;}
.poster{width:100%; height:200px;background-size:100% 200px; position: relative; display: block; background-position: center; background-repeat: no-repeat;}
.poster div{display: block; background: url(play.png) center no-repeat; width:100%; height:40px; background-size: 40px; margin:0 auto; z-index:666; position:absolute; top: 80px;}
.bold{ font-weight:bold;}

.font-14{ font-size:14px;}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.font-30{ font-size:30px;}
.font-36{ font-size:36px;}

.line18{ line-height:18px;}
.line20{ line-height:20px;}
.line22{ line-height:22px;}
.line25{ line-height:25px;}
.line30{ line-height:25px;}

.ali_left{ text-align:left;}
.ali_center{ text-align:center;}
.ali_right{ text-align:right;}

.plusbtn,.plusbtn:visited{ background:url(plus.png) .5rem center no-repeat; background-color: #f5f5f5; background-size: 1rem; padding: .5rem 1rem .5rem 1.5rem; margin: 0 1rem 1rem 1rem; border-radius: .5rem; text-align: center; display: inline-block;}
.input_normal{ border:1px solid #ddd; padding:.8rem; width:100%;-webkit-box-sizing:border-box;border-radius:5px;}
.selects{ padding:.5rem; border:1px solid #ddd; width:100%; box-sizing: border-box;background-color: #fff;}
.textarea{border:1px solid #ddd; padding: .5rem; width:100%; height:4rem;border-radius:5px;-webkit-box-sizing:border-box;}
.submit{background-color:#eb3822; border:1px solid #eb3822; height: 3.2rem; line-height: 3.2rem; text-align:center; color:#fff; width:100%;-webkit-box-sizing:border-box; border-radius: 5px;}
.listbtn,.listbtn:visited{ background-color: #f5f5f5; background-size: 1rem; padding: .5rem 1rem .5rem 1.5rem; margin: .5rem; border-radius: .5rem; text-align: center; display: inline-block;}

.list-nav{height:3.6rem; margin:0 1rem; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;  background-color: #fff; box-sizing: border-box;}
.list-nav li{ font-size:1.2rem; line-height: 3.6rem; text-align: center; padding:0 .5rem;}
.list-nav li.active{background-color:#FFF; color:#FF4040; border-bottom: 2px solid #FF4040;}

.cur_pos{ position: absolute; left:1rem; top:1rem; height:2.4rem; min-width:5rem; border-radius:2.4rem; background:rgba(255,255,255,.3); z-index: 99999; line-height: 2.4rem; color:#fff; padding:0 .7rem; box-sizing: border-box;}
.cur_pos a{ display:inline-block; background:url(position.png) left no-repeat; background-size:1.2rem 1.6rem; color: #fff; line-height: 2.4rem; display: block;width:100%; height: 2.4rem; padding: 0 0 0 1.8rem; box-sizing: border-box;}
.index-banner img{width:100%;display:block;height:18rem;}
.gyfw-banner img{width:100%;display:block;height:12rem;border-radius:1rem;box-shadow: 2px 2px 5px rgba(150,150,150,0.3);}
.gyfw-banner .swiper-slide{ width: 88%!important; margin: 0 6%; }
.gyfw-banner .swiper-slide-prev{ right:-9%; }
.gyfw-banner .swiper-slide-next{ left:-9%; }
.pindex-banner img{width:100%;display:block;height:14rem;border-radius:.5rem; margin: 1.2rem 0 0 0;}
.pshow-banner img{width:100%;display:block;height:32rem;}

.position{ clear:both; width:1200px; margin:0px auto; line-height:30px; text-align:left;}
.goback{ background-color:#fff;border-bottom:1px solid #eee; height:26px; padding:0px 0px 10px 5px;}
.goback span{ display:block;color:#8d8d8d; line-height:26px;padding:5px 0px 5px 20px; margin:0px; background:url(../images/icon_return.png) left no-repeat; font-size:14px; height:26px;}

.flex-col{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}

.bigicon{ border-top-left-radius:1rem; border-top-right-radius: 1rem; position: absolute; top: 16rem; left: 0; width: 100%; height: 8.5rem; background-color: #f0f0f0; z-index: 9999;}
.bigicon ul{ display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-around;padding:1rem 0;}
.bigicon li{display:block; width:24%; height:8rem; text-align:center;}
.bigicon li a{ display: block; width:100%; height:8rem;}
.bigicon li img{height:5rem; width:5rem;}
.bigicon li h2{font-size:1.2rem; line-height:2.2rem; color:#232323;font-weight:600;}

.home-icons{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; background-color:#fff; padding:1rem 0 0rem 0; margin:0;}
.home-icons a{display:block; width:25%; height:6rem; margin: 0 0 .8rem 0; text-align:center;}
.home-icons a img{height:4rem; width:4rem;}
.home-icons a h2{font-size:1.1rem; line-height:2.2rem;color:#232323; font-weight:500;}

.gyhd_list{}
.gyhd_list dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:0 0 1rem 0; background-color: #fff;border-radius:1rem;}
.gyhd_list dt{ width:8rem; height: 8rem; margin:0 1.4rem 0 0;}
.gyhd_list dt img{width:100%;height: 8rem; border-radius:1rem;}
.gyhd_list dd{width:0; flex-grow:1;}
.gyhd_list dd h2{font-size:1.2rem; font-weight:600; margin: .5rem 0;}
.gyhd_list dd h3{ font-size: 1.1rem; color: #474747; margin: 0 0 .5rem 0;}
.gyhd_list dd p{}

/**首页的新闻*/
#home-news{padding:0 0 .5rem 0;}
.home_gg{padding:0 1rem; margin:0 0 .5rem 0; background-color: #fff;}
.home_gg .l{background: url(icon_shequgonggao.png) center no-repeat; background-size:100%; width:5.5rem; height:1.5rem; margin:.75rem 0;}
.home_gg .r{width:0; flex-grow:1;}
.home_gg .r a{line-height:3rem;}
.home_gg .m{background: url(arrow-right.png) right no-repeat; background-size: 1.2rem; width:2rem; height:3rem;}
.home_gg .m a{width:100%;height:3rem;}
.news_list{ display: none;}
.news_list dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:0 0 1rem 0; background-color: #fff; padding:.8rem; border-bottom:1px solid #e9e9eb; border-radius:.5rem;}
.news_list dt{ width:8.5rem; height:7rem; margin:0 0 0 1rem;}
.news_list dt img{width:100%;height:7rem;}
.news_list dd{width:0; flex-grow:1;background: url(circle.png) left .3rem no-repeat;display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between; background-size:1rem; padding: 0 0 0 1.3rem; box-sizing: border-box;}
.news_list dd h2{font-size:1.1rem; font-weight:600; margin:0 0 .5rem 0; color: #4d4d4d;}
.news_list dd .tline{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.news_list dd .dates{color: #8d8d8d;}

/*首页的商户*/
.com-list{ margin: 1rem 0 0 0;}
.com-list dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:1rem 0 1rem 0; padding: .8rem; background-color: #fff; border-radius: .6rem;}
.com-list dt{ width:7rem; height:7rem; margin:0 1rem 0 0;}
.com-list dt img{width:100%;height:7rem; border-radius:.5rem;}
.com-list dd{width:0; flex-grow:1; display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
.com-list dd h2{font-size:1.2rem; font-weight:600; color: #4d4d4d;}
.com-list dd .star{ color:#ff5d01; font-size:1.3rem;}
.com-list dd .status{color: #8d8d8d; padding: 0 0 0 .5rem;}
.com-list dd .addr{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.com-list dd .tags span{ display:inline-block; border:1px solid #008c2b; padding: 0 .5rem; margin-right:1rem; text-align: center; color:#008c2b; border-radius:.5rem;}

/*首页的广告条*/
.home-snd-ban{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.home-snd-ban a{width:49%; height:7.5rem; display: block;}
.home-snd-ban a img{width:100%; height:7.5rem;border-radius: .5rem; }
/*文章列表*/
.list-news a{ display: block; margin:1rem; padding: 1rem; background-color:#fff; border-radius:.5rem;}
.list-news dl{ padding:0 0 1rem 0;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.list-news dt{width:9rem; margin:0 1rem 0 0;}
.list-news dt img{width:100%; height:7rem; border-radius:.4rem;}
.list-news dd{width:0; margin:0; flex-grow:1;}
.list-news dd h2{font-size:1.1rem;color:#212121; line-height: 2rem; width:100%; height: 2rem; overflow: hidden;}
.list-news dd h3{font-size:1.1rem;color:#212121; padding: 0 0 .3rem 0; width:100%; overflow: hidden;}
.list-news i{font-size:.8rem;-webkit-font-smoothing: antialiased;}

.list-news-txt{margin:1rem 1rem 0 1rem; background-color:#fff;padding:1rem; border-radius:.5rem; height:4rem;}
.list-news-txt a{display: block;width:100%; }
.list-news-txt .t{ height:2.2rem;line-height: 2.2rem; font-size:1.1rem;font-weight:600;}
.list-news-txt .t2{ color:#8d8d8d;}

/*产品列表*/
.shop-catalog{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.shop-catalog li{width:20%; text-align: center;}
.shop-catalog img{height:4rem; width:4rem; border-radius: 4rem;}
.shop-catalog h2 {color:#949494; line-height: 2.4rem; text-align: center;font-size:.8rem;}
.product-nav-box{padding:0 1rem;}
.product-nav{width: 100%;height:3.4rem;line-height:3.4rem;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;        
}
.product-nav a{ color:#6B6B6B; font-size:1.2rem; font-weight:500; text-decoration: none; margin-right: 10px; display: inline-block; height:3.2rem; padding:0 1rem; border-bottom: 2px solid #fff;}
.product-nav a.on{ border-bottom: 2px solid #2a7efb;color: #2a7efb; }
.product-nav::-webkit-scrollbar{display: none;}
    
.shop-contain{ margin:4rem 0 5rem 0; background-color: #F8F8F8;}
.goods-list{ margin: 0 1rem;}
.list-product{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.list-product a{ display: block; margin:.5rem 0; width:49%;background-color: #fff;  box-sizing: border-box; border-radius: .5rem;}
.list-product img{width:100%;height: 14.5rem; border-top-left-radius: .5rem; border-top-right-radius: .5rem;}
.list-product h2{font-size:1rem; font-weight: 500; padding: .5rem;color:#666; height: 3rem; line-height: 1.7rem; margin:0 0 .5rem 0; overflow: hidden;}
.list-product p{font-size:.8rem;padding: 0 .5rem .9rem .5rem; color:#bebebe; display: block; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.list-product p .price{color:#ff2324; font-size:1.2rem; width:70%; text-align: left;}
.list-product p .mprice{text-decoration: line-through;color:#b3b3b3; padding:0 0 0 .4rem; font-size:.8rem;}
.list-product p span.hits{color:#b3b3b3; font-size:1.2rem; width:30%; text-align: right; font-size:1rem;}
/*商家过滤*/
.lpfilter{ position: relative; margin:1rem 0 0 0; z-index: 999;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; background-color: #fff; padding:0 .5rem; box-sizing: border-box; border-radius:.5rem;}
.filter-txt{width:4rem;line-height: 3rem; height: 3rem;background: url(filter.png) right center; background-size:1.2rem; padding: 0 1rem 0 0; box-sizing: border-box; background-repeat:no-repeat;}
.lpfilter-ul{width:0; flex-grow:1;display: block; margin:0; box-sizing: border-box; height: 3rem; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.lpfilter-ul li{width:32%; text-align: left; height:3rem;}
.lpfilter-ul li h2{font-size:1rem; line-height: 3rem; height: 2.6rem; padding: 0; width:100%; overflow: hidden; font-weight: 500;}
.lpfilter-ul li h2 span{background: url(arrow_down2.png) right no-repeat; background-size: 1rem 1rem; display:inline-block; padding: 0 1rem 0 0; box-sizing: border-box; height: 3rem; overflow: hidden;}
.lpfilter-ul li h2.on{color:#36a4fd;}
.lpfilter-item{width:100%; background-color: #f9f9f9; display: none; position: absolute; left: 0; top: 3rem; padding:0 1rem 1rem 1rem; box-sizing: border-box;}
.lpfilter-item li{width:100%; height: 3rem; line-height: 3rem; border-bottom: 1px solid #eee; padding: 0 1rem; box-sizing: border-box;}
.lpfilter-item li.item-on{color: #36a4fd;}
.lpfilter-close{ margin: 1rem 0 0 0; height: 3rem; line-height: 3rem; background-color: #36a4fd; color: #fff; text-align: center;}
/*筛选*/
.lpfilter-item .itmcon{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:left; margin:0 1rem;}
.lpfilter-item p{ display: block; width:6.4rem; margin:0 .8rem .5rem 0; height: 3rem; background-color: #eee; line-height: 3rem; text-align: center; border-radius: .3rem;}
.lpfilter-item p.fr{margin:0 0 .5rem 0;}
.lpfilter-item p.item-on{color: #36a4fd;}
#curfilters{heigh:3rem; line-height: 3rem; padding:0 2rem; background-color: #f5f5f5; position: relative;}
.closefilterp{ position: absolute; right:2rem; top:0; height: 3rem; line-height: 3rem; color: #36a4fd; font-size: 1.1rem; }
/*单列模式*/
.list-product-1{}
.list-product-1 a{ margin:.5rem 0 1rem 0; width:100%;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.list-product-1 .p-img{width:10rem;}
.list-product-1 img{width:100%;height:10rem; border-radius: .5rem;}
.list-product-1 .p-data{flex-grow:1; width:0; margin: 0 0 0 1rem; display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
.list-product-1 h2{font-size:1.1rem; font-weight: 500; padding: .5rem 0;color:#666; height: 3rem; margin:0 0 .5rem 0;}
.list-product-1 p{font-size:.8rem; color:#bebebe; display: block; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.list-product-1 p .price{color:#ff2324; font-size:1.2rem; width:70%; text-align: left;}
.list-product-1 p .mprice{text-decoration: line-through;color:#b3b3b3; padding:0 0 0 .4rem; font-size:.8rem;}
.list-product-1 p span.hits{color:#b3b3b3; font-size:1.2rem; text-align: right; font-size:1rem; padding: 0 .5rem 0 0;}

.gg{}
.gg a{ display:block; background-color:#ffffcd; color:#f5a125; font-size:1rem; padding:.8rem;}

.search{ clear:both; border:1px solid #ddd;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#fff;  -webkit-box-sizing:border-box;  margin:0 1rem 1rem 1rem; padding:.3rem;}
.search .keys{float:left; border:1px solid #fff; background:url(zoom.jpg) left no-repeat; width:100%; height:2rem; line-height:2rem; padding-left:2rem; -webkit-box-sizing:border-box; background-size:1.5rem;}

.nav{ padding:10px; background-color:#FFF;}
.nav li{ float:left; width:25%; text-align:center; margin-bottom:10px;}
.nav li img{ width:5rem;}
.nav li p{ padding-top:10px; font-size:1.3rem;}

.crosimg{ width:17rem; margin-top:1.2rem; margin-bottom:1.2rem;}

.notice_bar{ margin:5px auto 0px auto; color:#ff9002; font-size:12px; line-height:18px;}
.tipmsg{ background-color:#fff; padding:10px; font-size:1rem;}

.pages{ clear:both; margin-top: 10px;}
.pages a{ padding:5px; border:1px solid #2ad2c9;}
.pages a.cur{ padding:5px 8px; border:1px solid #2ad2c9; background-color:#2ad2c9; color:#fff;}

.pclass{ padding:10px;}
.pclass li{ float:left; width:49%; height:136px; border:1px solid #eee; margin-bottom:10px; }
.pclass li img{ width:100%; max-height:136px;}
.pclass li.fr{ float:right;}
/*topbar*/
.topbar{ height: 2.5rem; margin: 0 1rem;}
.topbar .lf{width:70%; height: 2.5rem; border-radius: .5rem; float:left;background-color: #f5fbf9;}
.topbar .lf .city{width:25%; height: 2.5rem; line-height: 2.5rem; background: url(arrow_down2.png) right no-repeat; background-size:1rem 1rem; float:left; text-align: center;}
.topbar .lf .city a{width:100%; display: block; line-height: 2.5rem;}
.topbar .lf .sform{width:75%; float:right; padding: 0 1rem 0 0; box-sizing: border-box;}
.topbar .lf .sform .keys{width:100%; height: 2.4rem; line-height:2.4rem; font-size:1rem; border: 0 solid #fff;background-color: #f5fbf9;box-sizing: border-box; padding: 0 0 0 1rem;}
.topbar .fr{width:25%; height: 2.5rem; background-color: #f5fbf9;  border-radius: 2.5rem; float:right;}
.topbar .fr a{width:100%; display: block; height: 2.5rem; line-height:2.5rem;background: url(map.png) .3rem center no-repeat; background-size: 1.8rem 1.8rem; font-size:1.1rem; line-height: 2.5rem; padding: 0 0 0 2.3rem; box-sizing: border-box;}

/*topicline*/
.topicline{padding:0 0 1rem 0; margin:1rem; border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.topicline h2{ color:#282828; font-size:1.2rem;text-shadow: 2px 2px 5px #f8d3d2; }
.topicline a{color:#8d8d8d; padding:.5rem 0 0 0;}
/*首页项目*/
.pro_icons{padding:0 0 1rem 0; height:7rem;}
.pro_icons ul{}
.pro_icons li{width:25%; float: left; margin: 1rem 0 0 0;}
.pro_icons li .icon{margin:0 auto; width:4rem; height:4rem;}
.pro_icons li .img{background-size: 4rem;}
.pro_icons li h2{ font-size:1rem; line-height: 1.4rem; text-align: center; margin:.5rem 0 0 0;}

/*about_nav*/
.about_nav{ background-color: #fff; height:4rem;}
.about_nav li{float:left;width:25%; text-align: center; border-right: 1px solid #ddd; margin-left:-1px;height:4rem; }
.about_nav a{display:block; height:4rem; line-height: 4rem; font-size:1.4rem; margin:0 .5rem;}
.about_nav a.on{border-bottom:2px solid #eb3822; color: #eb3822;}

.foot_txt{background:#FFF; padding:30px 0 30px 0; text-align:center; line-height:22px; font-size:12px;}

/*项目案例*/
.diary_form{}
.diary_form td{ padding: 1rem;}

/*消息*/
.msglist{ padding: 1rem 1rem 0 1rem;}
.msglist li{ background-color: #fff; padding: 1rem; margin: 0 0 1rem 0; border:1px solid #ddd; border-radius: .5rem;}
.msglist li .text{line-height: 1.2rem;}
.msglist li .date{margin:.5rem 0 0 0; color: #d0d0d0;}

/*积分明细*/
.scorehislist{ margin:0 1rem;}
.scorehislist li{ background-color: #fff; padding:0 1rem; margin: 0 0 1rem 0; border-radius:.2rem; height: 4rem;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.scorehislist li .text{ color: #888; width:43%; text-align: left; line-height:4rem; overflow: hidden;}
.scorehislist li .date{ color: #d0d0d0; line-height:4rem;  width:34%;}
.scorehislist li .dm{ color: #ff0000; line-height:4rem; font-size:1.2rem; font-weight:600; width:23%;}

/*客户消费明细*/
.proslist{ padding: 1rem 1rem 0 1rem;}
.proslist li{ background-color: #fff; padding:0 1rem; margin: 0 0 1rem 0; border-bottom:1px solid #ddd; height: 5rem;}
.proslist li .img{float: left; width:30%;}
.proslist li img{width:3rem; height:3rem; border-radius: 3rem;margin:.5rem 0 0 0;}
.proslist li h2{line-height: 1rem; font-size:1rem; text-align: left;}
.proslist li .text{float:left; width:40%; color:#ff0000; line-height: 5rem;}
.proslist li .date{ float:left; width:30%; color:#8d8d8d; line-height: 5rem; font-size:1rem;}

/*产品列表*/
.classify{
  margin-top:1px;
}

.shop-head{ background: url(/api/images/shop_head.png) center no-repeat; background-size: 100% 18rem; height: 18rem; padding: .5rem 1rem; box-sizing: border-box;}
.shop-head form{background:rgba(255,255,254,.5); height: 2.4rem;border-radius: 2.4rem; padding: 0 1rem; margin: 0;}
.shop-keys{background: url(/api/images/zoom.png) left no-repeat; background-size: 1.4rem; height: 2.4rem; line-height: 2.4rem; color: #fff; border: 0 solid #fff; border-radius: 2.4rem; width: 100%; padding: 0 .5rem 0 2rem; box-sizing: border-box;outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/}
.shop-nav{height:3.6rem; position: fixed; top:0;z-index:99999; padding:0 .5rem; white-space: nowrap; overflow-x:scroll; background-color: #fff; width:100%; box-sizing: border-box;}
.shop-nav li{display: inline-block; font-size:1.2rem; line-height: 3.6rem; text-align: center; padding:0 .5rem;}
.shop-nav li.active{background-color:#FFF; color:#FF4040; border-bottom: 2px solid #FF4040;}

.left-navbar{
  position:absolute;
  left:0;
  width:15%;
  height:100%;
  background-color:#eee;
  font-size:.7rem;
  overflow-y:scroll;
}
.left-navbar li{
  height:4rem;
  line-height: 4rem;
  text-align:center;
  border-bottom: 1px solid #fff;
}
.active{
  background-color:#FFF;
  color:#238e3a;  
}
#shop-right{
  position:absolute;
  right:0;
  width:84%;
  height:100%;
  overflow-y:scroll;
  padding:.5rem 0;
}
      
.pros_con{ margin:20px auto 0 auto;}
.pros_con .items{ margin:.5rem;}
.pros_con .items a{ display:block; width:100%;} 
.pros_con .proimg img{ width:100%;}
.pros_con .items li{ float:left; width:11rem; max-width:220px; height:12rem; max-height:240px;  background-color:#f6f6f6;}
.pros_con .items li img{ width:100%; height:7rem; max-height:140px;}
.pros_con .items li.fr{ float:right; margin-right:0px;}
.pros_con .items a h2{ margin:.5rem .5rem 0 .5rem; width:100%; height:2rem; line-height:1rem;font-size:.8rem; overflow:hidden;}

.pros_con .buybox{ margin:.5rem;}
.pros_con .buybox .price{ float:left; font-size:.9rem; font-weight:bold; color:#d81e23;}
.pros_con .buybox .price span{ font-size:.9rem;}
.pros_con .buybox .buytn{ display:block; background-image:url(buy.png); width:2.9rem; height:1rem; float:right; background-size:2.9rem 1rem;}

.pbox{ margin:2px auto; background-color:#FFF; padding:2px 0;}
.proimg{}
.proimg img{width:100%;}
.pbox .topic{ height:40px; background-color:#ffffff; line-height:40px; border-bottom: 1px solid #ddd;}
.pbox .topic .title{ float:left; font-size:18px; font-family:"Microsoft YaHei"; background:url(../images/line_or.png) left no-repeat; margin-left:10px; padding-left:20px; color:#2b2b2b;}
.pbox .topic .more{ float:right; padding-right:10px; font-size:14px; color:#888;}
.pbox .topic .more a{color:#888;}
.pbox .items{ margin-top:10px;clear:both; padding:0px 5px;}
.pbox .items ul{}
.pbox .items li{ float:left; width:49%; border:1px solid #eee; padding-bottom:10px; }
.pbox .items li.fr{ float:right;}
.pbox .items .contain{ padding:5px;}
.pbox .items h2,.pbox .items h2 a{ font-size:1rem; color:#333; padding:0.5rem 0; width:100%; overflow:hidden;}
.pbox .items img{ width:100%; height:9rem;}
.pbox .hasale{ color:#8d8d8d; line-height:20px; font-size:1rem;}
.pricebox{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.pricebox .priceset{ line-height: 2.4rem;}
.pricebox .now_price {font-size:1.8rem;color: #EA3C2D;font-weight:600;}
.pricebox .old_price {font-size:.8rem;color: #9E9E9E;text-decoration: line-through; padding:0 0 0 .5rem;}
.pricebox .numset{ line-height: 1.5rem;}
.numcon{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.numcon li{ line-height:1.5rem; text-align:center; margin:0px; padding:0px; font-size:1rem;}
.numcon span{ }
#pnminus{border:1px solid #FFD600; width:1.5rem;border-radius: 1.5rem; color: #FFD600; font-weight: 600;}
#pnplus{background-color: #FFD600; width:1.5rem;border-radius: 1.5rem;font-weight: 600;}
.pnum{ width:2rem; line-height:1.5rem; border:0px solid #ccc; text-align: center;}

.item_sec{ background-color:#fff; margin:1rem; padding:1rem;font-size:1rem;}

.gobuy{width:100%; margin-top:10px; height:30px; background-color:#ea7068;border-radius: 5px; text-align:center; }
.gobuy a{display:block; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}
.rytj{ padding:14px 0 0 0; text-align:center; background-color:#fff;}

.copyright{ text-align:center; font-size:.8rem; padding: 1rem auto;}
.copyright a{ font-size:.8rem;}
.copyright .slink{ margin:10px auto;}
.copyright p{ line-height:1rem;}
.copyimg{ margin:0px 0px 60px 0px;}
.slink a{ border-bottom:1px solid #ddd; margin:0px 10px 0px 0px; padding:0px 0px 10px 0px;}

.pages{ text-align:center; line-height:30px;}

.root{ position:fixed; margin:0px auto; box-sizing: border-box; height:4.5rem; left:0px; right:0px; bottom:0px; width:100%; box-shadow:0 -0.1rem 0.3rem rgba(150,150,150,0.3); background-color:#fff; z-index:9999;}
.root ul{margin-top:.5rem; }
.root li{ float:left;text-align:center; width:20%; height:4rem;}
.root li h2{ text-align:center; font-size:1rem; color:#666; height:1.6rem; line-height:1.6rem; font-weight: 600;}
.root a{ display:block; width:100%; height:2.4rem;}

.root #r_btn1 a{ background:url(root_1.png) center no-repeat; background-size:2rem;}
.root #r_btn1.hover h2{color:#eb3822;}
.root #r_btn1.hover a{ background:url(root_1_on.png) center no-repeat; background-size:2rem;}

.root #r_btn2 a{ background:url(root_2.png) center no-repeat; background-size:2rem;}
.root #r_btn2.hover h2{color:#eb3822;}
.root #r_btn2.hover a{ background:url(root_2_on.png) center no-repeat; background-size:2rem;}

.root #r_btn3{ position: relative;}
.root #r_btn3 a{ position: absolute; left: 0; top:-1.3rem;background:url(root_main.png) center no-repeat; height: 3.5rem; background-size:3.5rem; }
.root #r_btn3 h2{width:100%; text-align: center;position:absolute; left: 0; top:2.4rem; }
.root #r_btn3.hover h2{color:#eb3822;position:absolute; left: 0; top:2.4rem;}
.root #r_btn3.hover a{ background:url(root_main_on.png) center no-repeat; height: 3.5rem; background-size:3.5rem;}

.root #r_btn4 a{ background:url(root_4.png) center no-repeat; background-size:2rem;}
.root #r_btn4.hover h2{color:#eb3822;}
.root #r_btn4.hover a{ background:url(root_4_on.png) center no-repeat; background-size:2rem;}

.root #r_btn5 a{ background:url(root_5.png) center no-repeat; background-size:2rem;}
.root #r_btn5.hover h2{color:#eb3822;}
.root #r_btn5.hover a{ background:url(root_5_on.png) center no-repeat; background-size:2rem;}

.wrap_con{ min-width:320px; max-width:640px;}
/*product_detail*/
.pro_contain{ padding:10px; background-color:#FFF; font-size:1rem;}
.pro_contain h2{ font-size:1.2rem; font-weight:800; padding:.5rem 0 0 0;}
.p-sale-num{color:#8d8d8d; padding: 1rem 0;}
.pro_contain .p_price{ font-size:16px; color:#F30; font-weight:bold; margin-bottom:5px; text-align: left;}


/*propertys*/
.propertys{ margin-bottom:10px;}
.propertys ul{}
.propertys li{ float:left; height:20px; padding:5px 15px; text-align:center; background:#f5f5f5; border:1px solid #ddd; margin:0px 15px 0px 0px;}
.propertys .t{ float:left; line-height:20px; padding:5px 5px; text-align:left; background:none;}
.propertys li.on{ background-color:#fff; border:1px solid #F30;}

.pro_root{ max-width:640px;margin: 0 auto;position: fixed; width:100%; left:0; right:0; bottom:0; box-sizing: border-box; padding:.8rem; z-index: 6; background:#fafafc; border-top:1px solid #efefef;}
.pro_root ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.pro_root li{ text-align: center;}
.pro_root li img{height:4rem;}
.pro_root a{ display:block; width:100%;}
.pro_root li.home{width:15%;}
.pro_root li.my{width:15%;}
.mycart{ position:relative; height:48px; width:48px; margin:0px auto;}
.mycart .cnum{ display:block; z-index:999; width:1rem; height:1rem; background-color: #ff2324; border-radius: 1rem; position:absolute; top:0px; right:0px; color:#ffffff; font-size:.5rem;}
.pro_root li.totalprice{ width:65%; line-height:4rem; font-size:1.2rem; color:#F30;}
.pro_root li.checkout{width:30%;line-height:4rem; font-size:1.2rem; color:#FF4040;}
.pro_root li.checkout a{display:block;width:100%; background-color:#FF4040; color:#fff; border-radius: .5rem;}
.pro_root li.btns{ width:60%;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;margin:.5rem 0 0 0;}
.pro_root li a.buy{  display:block;width:50%; background-color:#FF4040; color:#fff; height:3rem; font-size:1.2rem; line-height:3rem; border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem;}
.pro_root li a.addcart{ display:block;width:50%; background-color:#FF8A19; color:#fff; height:3rem; font-size:1.2rem; line-height:3rem; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem;}
.pro_root li a.buyit{display:block;width:50%; background-color:#FF8A19; color:#fff; height:3rem; font-size:1.2rem; line-height:3rem; border-radius: 1.5rem;}

.pro_show_tab{ background-color:#fff; margin:0 1rem;}
.pro_show_tab a{ display:block; width:100%; height:4rem; line-height:4rem; text-align:left; font-size:1.2rem;}
.pro_show_tab a.on{ border-bottom:1px solid #ddd;}
.pro_show_tab a.off{ border-bottom:1px solid #ddd;}
.pro_show_tab .line{ height:2.5rem; width:1px; }
.pro_show_cnt{ padding:0.5rem; line-height:2rem; font-size:1rem;margin-bottom:88px;}
.pro_show_cnt img{ width:100%; margin:0; padding:0; border:0 solid #fff; display:block;}

/*baskets*/
.selall-off{border-radius: 1.5rem; border: 1px solid #ddd;background:none; color: #ddd;}
.selall-on{border-radius: 1.5rem; border: 1px solid #FF4236; background: #FF4236; color: #fff;}
a.selall{display: inline-block; padding: .5rem 0; color: #282828;}
a.delsel{ display: inline-block; padding: .5rem 1rem; text-align:center; background-color: #FF4040;color: #fff; border-radius: .5rem;}
.baskets_editline{ margin:1rem;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.baskets{ background-color:#fff; margin:1rem; padding:1rem .8rem; border-radius: .5rem;}
.baskets:hover{}
.baskets .pay{ padding:5px 0px 0px 0px; text-align:right; line-height:28px;font-size:1rem;}
.baskets .pay a{ color:#030; font-size:1rem; font-weight:bold;}
.baskets .post{ padding:5px 0px 0px 0px; text-align:right;}
.baskets .tprice{  padding:5px 0px 0px 0px; text-align:right; font-size:1.5rem; font-weight:bold; color:#ff0000;}
.baskets li{ border-bottom:1px solid #eee; padding: 1rem 0 1rem 0; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.baskets li:last-child{border-bottom: none;}
.baskets .itm-check{width:2rem; margin: 0 1rem 0 0; padding: 2.2rem 0 0 0;}
.baskets .items{ width:0; flex-grow: 1;}
.baskets .items dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.baskets .items dt{width:6rem; height:6rem; margin: 0 .8rem 0 0 ;}
.baskets .items dt img{width:6rem; height:6rem;}
.baskets .items dd{width:0; flex-grow: 1;}
.baskets .items dd h2{font-size:1.2rem;font-weight:100;}
.baskets .items dd .property{padding:.5rem 0;}
.baskets .items dd .property span{ background-color: #f5f5f5; color:#bebebe; padding:0 .6rem; font-size:.6rem; line-height:1rem; border-radius:1rem;}
.item-pricebox{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding: .5rem 0;}
.item-pricebox .price{ line-height: 2.4rem;font-size:1.2rem;color: #FF4236;font-weight:600;}
.item-pricebox .numset{ line-height: 1.5rem;}
.item-num{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; font-size:1.1rem; line-height: 2rem;}
.item-num .btn{ display:block;background-color: #f2f2f2; width:2rem; height:2rem; text-align: center;}
#b-pnum{ width:2rem; text-align: center;}
.del a{ font-size:1rem; color:#8d8d8d;}

.order-list{margin:1rem 1rem 1rem 1rem;}
.order-list li{ background-color: #fff; border-radius: .5rem; margin: 0 0 1rem 0; padding: 1rem;}
.o_title{ height:2.4rem; line-height:2.4rem; padding:0px .2rem; margin-bottom:.5rem; border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.order-itm{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.order-itm-pro{width:0;flex-grow: 1;}
.order-itm-fee{with:5rem;padding:.5rem 0 0 0;}
.order-itm-pro{padding:.5rem 0 0 0;}
.order-itm-pro h2{font-size:1.1rem; padding: 0 0 .5rem 0;}
.order-itm-pro dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin: 0 0 .5rem 0;}
.order-itm-pro dl dt{width:4rem;height:4rem; margin:0 1rem 0 0;}
.order-itm-pro dl dt img{width:4rem;height:4rem;}
.order-itm-pro dl dd{width:0; flex-grow: 1;}
.order-itm-pro dl dd p{color:#8d8d8d;}
.order-pay{text-align: right;}
.order-pay a{display: inline-block; width:5.6rem; height: 2.4rem; line-height: 2.4rem; text-align: center; border-radius: .4rem;margin:0 0 0 1rem;}
.order-pay a.do{ background-color: #FF4040; color:#fff;}
.order-pay a.cancel{border:1px solid #ddd; color:#949494;}
.order_detail{ padding:1rem 0;}
.order_detail p{padding:.5rem 0; font-size:1.1rem;}
.demons{ width:100%; height:4rem; line-height:1.8rem; font-size:1rem; border:0px solid #fff; background-color:#fff;}

.myaddr_add{ text-align: right; line-height: 2rem;margin:0 1rem;}
.myaddr_add a{display: inline-block;width:5rem; height: 2.4rem; background-color: #ddd; border-radius: .5rem; text-align: center;}
.myaddr{}
.myaddr li{ padding:.8rem 0; border-bottom:1px solid #eee;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.myaddr li .txt{width:0; flex-grow: 1;}
.myaddr li h2{font-size:1.1rem; font-weight: 600;}
.myaddr li h3{font-size:.8rem; color:#8d8d8d; padding: .5rem 0;}
.myaddr li h4{font-size:.6rem; color:#8d8d8d;}
.myaddr li .btn{width:4rem;}

/*news_show*/
.newslist{ padding:0 auto;}
.newslist li{ border-bottom:1px solid #eee; padding-bottom: 1rem; padding-top: 1rem;  height:6rem;}
.newslist li dl{}
.newslist li dt{ float:left; width:28%; height:6rem;}
.newslist li dt img{width:100%; height:6rem;}
.newslist li dd{ float:right; width:69%;}
.newslist li dd h2{font-size:1.2rem;color:#111;}
.newslist li p{color:#a9a9a9;font-size:.8rem; margin-top:.5rem;}
.newslist li a{}

.news_contain{ margin: 0px auto; padding:0; }
.news_contain h1{ font-size:1.4rem; text-align: left; margin:1rem auto; color:#111;}
.news_contain .dates{ padding: 5px 0px 15px 0px; border-bottom: 1px solid #eee; margin: 0px auto 10px auto; color: #8d8d8d;}
.news_contain .content{ line-height:2.2rem; font-size:1.4rem; word-break:break-all; word-wrap:break-word;}
.news_contain .content img{ width:100%;}

.contents{line-height:2rem;}
.contents img{width:100%;}
.contents video{width:100%;}
.topic-bar{ padding:.5rem 0; line-height: 2rem;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.topic-bar .txt{ font-size:1.5rem; text-align: left; font-weight:600; color:#333;}
.topic-bar .more{ text-align: right; width:4.4rem;}
.topic-bar .more a{color:#5c5c5c;font-size:1.1rem;}

.tabs{width:0; flex-grow: 1;}
.tabs ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.tabs li{margin:0 .5rem 0 0;  color: #6d6d6d; font-size:1.1rem;}
.tabs li.on{ border-bottom:.2rem solid #3c76fe; color:#121212; font-size:1.5rem; font-weight:500;}

.a-order{padding:0 1rem; margin:1rem 0;}
.a-order a{display: block; width:100%; height:3rem; line-height: 3rem; border-radius: .5rem; text-align:center; color: #fff; background-color: #eb3822;}
.activity_order_form{ margin: 1rem 0;}
.activity_order_form td{padding: .5rem;}
.activity_order_form .input{ background-color: #efefef; border: 1px solid #efefef; width:100%; height:3.2rem; line-height: 3.2rem; padding: .5rem; border-radius: .5rem; box-sizing: border-box;}
.activity_order_form .submit{ background-color:#eb3822; border:1px solid #eb3822; height: 3.2rem; line-height: 3.2rem; text-align:center; color:#fff; width:60%;-webkit-box-sizing:border-box; border-radius: 5px;}
/*member*/
.mem_head{ height:12rem; background-color: #eb3822;}
.mem_head .avatar{ text-align:center; float: left; margin-top:1.7rem; margin-left: 1rem;}
.mem_head .avatar img{ width:6rem; height:6rem; ;border-radius:6rem;border: none; float:left;}
.mem_head .avatar .nkinfo{ font-size:1.4rem; color:#fff; float: left; text-align:left; margin-left:1rem; height: 6rem; line-height: 2rem;}
.mem_head .avatar .nkinfo h2{font-size:1.4rem; line-height: 1.8rem;color:#fff;}
.mem_head .avatar .nkinfo h3{font-size:1.2rem;color:#fff;}
.mem_head .avatar .nkinfo p{font-size:1rem; line-height: 1.6rem;}
.mem_head .avatar .nkinfo a{color:#fff;}
.mem_head .sign{ float:right;width:7rem; height:4rem; margin-top:2.6rem; background-color: #b91b07;color:#fff; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; position:relative;}
.mem_head .sign .icon{background: url(icon-coin.png) center no-repeat; width:1.5rem; height: 1.5rem; background-size: 1.1rem; position: absolute; left: .5rem; top:1.2rem;}
.mem_head .sign .text{left:2.5rem; top: 1.2rem; position: absolute; width:4rem; height:1.2rem; font-size:.8rem; }
.mem_head .sign .score{left:2.5rem; top: 2.5rem; position: absolute; width:4rem; height: 1.2rem;}

.mem_contain{ background-color:#f5f5f5;}
.mem_line{ margin-bottom:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px;}
.mem_line td{ text-align:center;}
.mem_line img{ width:2.9rem;}
.mem_line h2{ font-size:1rem; text-align:center; margin-top:10px;}
.mem_contain .tools{ padding:15px 20px; height:20px; border-top:1px solid #ddd;}
.mem_contain .tools .t{ float:left; font-size:18px;}
.mem_contain .tools .m{ float:right; background:url(arrows.png) right no-repeat; display:block; width:12px; height:22px;}
.mem_contain .my_tbn{ padding:15px 20px; height:20px; border-top:1px solid #ddd; font-size:18px;}

.m_icons_con{position: absolute;width:100%; top:12.5rem;left:50; height:8rem;box-sizing: border-box; padding:0 1rem;}
.m_icons{background-color: #fff; padding: 1rem; border-radius: 1rem;}
.m_icons li{ width:25%; text-align:center; float: left;}
.m_icons li img{width:4rem; height: 4rem; border-radius: 4rem;}
.m_icons h2{ line-height:2rem; text-align: center;font-size:1rem;}

.m_lines{background-color: #fff; margin:0 1rem; box-sizing: border-box; border-radius:1rem;}
.m_lines li{height:4.6rem; margin:0 0 .1rem 0;  clear: both; border-bottom: 1px solid #ddd;}
.m_lines li i{width:1.6rem; height:1.6rem; margin:1.5rem .5rem; float: left; font-size:1.6rem;}
.m_lines li h2{float:left; font-size: 1.2rem;}
.m_lines li a{display:block; width:100%; line-height: 4.6rem;height: 4.6rem; padding: 0 1rem; box-sizing: border-box;}
.m_lines li a .m_lines_itm{background: url(arrow-right.png) right no-repeat; background-size: 1.2rem; width:100%; height: 4.6rem;}
.m_lines li:last-child{border-bottom: 0 solid #ddd;}

.m_lines .icon0{background: url(m0.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon1{background: url(mli1.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon2{background: url(mli2.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon3{background: url(mli3.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon4{background: url(mli4.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon5{background: url(mli5.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon6{background: url(mli6.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon12{background: url(mli12.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon13{background: url(mli13.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon14{background: url(mli14.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon15{background: url(scan.png) center no-repeat; background-size: 1.4rem;}
.m_lines .icon16{background: url(sndhouse.png) center no-repeat; background-size: 1.5rem;}

.mem_col3{ font-size:1.5rem; height:6rem; margin-bottom:1rem; background-color:#e21c1d; padding-top:2px;}
.mem_col3 li{ float:left; width:33%; background-color:#e21c1d; height:6rem;  text-align:center;}
.mem_col3 li.r{ float:right; width:34%; margin-right:0;}
.mem_col3 .wline{ border-right:2px solid #fff; width:100%; height:6rem;-webkit-box-sizing:border-box;}
.mem_col3 h2{ font-size:1rem; color:#fff; padding-top:1rem;}
.mem_col3 h3{ font-size:1.5rem; color:#fff;}

.mem_menus{ margin:0px 10px 10px 10px; border:1px solid #ddd; background-color:#fff; border-radius:5px; -webkit-border-radius: 5px; font-size:1.5rem;}
.mem_menus a{ font-size:1.5rem; display:block; width:100%; height:100%;}
.mem_menus .mtitle{ padding:10px;}
.mem_menus .mtitle .t{ background:url(../images/arrow_down.png) left no-repeat; padding-left:20px;}
.mem_menus .mtitle .t_on{ background:url(../images/arrow_up.png) left no-repeat; padding-left:20px;}
.mem_menus .n{ color:#F00; font-weight:bold; float:right;}
.mem_menus .arrow{ float:right; background:url(../images/arrows.png); display:block; width:12px; height:22px;}
.mem_menus .mcontent{ padding:10px; border-top:1px solid #ddd;}
.mem_menus .mcontent li{ padding:5px 0px 10px 10px; border-bottom:1px dashed #eee; margin-bottom:5px;}
.mem_menus .mcontent li.active:hover{ background-color:#eee;}
.mem_menus .mftitle{ border-bottom:1px solid #ddd; padding:1rem;}

.user_tree{ padding:5px;}
.user_tree ul{ margin:2px 8px;}
.user_tree li{ margin:0px 10px; list-style:disc; font-size:14px;}
.user_tree ul li{ color:#F00;}
.user_tree ul li ul li{ color:#009;}
.user_tree ul li ul li ul li{ color:#060;}

/*order*/
.ordert_nav{ margin:0 auto; background-color:#FFF;}
.ordert_nav a{ width:50%; padding:1rem 0; text-align:center; display:block;float:left; font-size:1.3rem; background-color:#fff;}
.ordert_nav a.on{border-bottom:2px solid #06F;}
.order_nav{ margin:0px; height:40px; background-color: #fff; margin:0 1rem;}
.order_nav li{ float:left; width:20%; height:40px;}
.order_nav li.rline{ background:url(../images/line_w.png) right no-repeat;}
.order_nav a{display:block; width:100%; height:40px; text-align:center; line-height:40px; color:#3f3a37; border-bottom:1px solid #dddddd; font-size:1rem;}
.order_nav a.on{ border-bottom:2px solid #eb7069; color:#ea7169;}
.order_nav p{ font-size:1rem;}

/*chongzi*/
.cz_tips{}
.cz_tips img{ width:100%;}
.cz_tips p{ padding:.5rem;}
.cz_phone{ border:1px solid #eee;  padding:1rem; width:100%; font-size:1.5rem; -webkit-box-sizing:border-box; }

/*my_earn*/
.my_earn{}
.my_earn .thead{ background-color:#f5f5f5; height:3rem; line-height:3rem; font-size:1.1rem;}
.my_earn .item{ height:3rem; line-height:1.6rem; padding: .7rem 0; border-bottom:1px solid #ddd; font-size:1.1rem;}

/*bbs_post*/
.bbs_msg{ text-align:center; font-size:1rem; padding:1rem; line-height:2rem;}
.posta{ text-align:right; padding:.8rem;}
.bbs_post{ margin:10px;}
.bbs_post .intext{ border:1px solid #ddd; padding:.8rem; width:100%; -webkit-box-sizing:border-box;}
.bbs_post .intextarea{ border:1px solid #ddd; padding:.8rem; width:100%; -webkit-box-sizing:border-box; height:5rem;}

/*上传按钮*/
/*upload button*/
.a-upload { background-image:url(up.jpg); background-position: center; height:4rem; width:4rem; background-size: 4rem; position: relative;cursor: pointer; overflow: hidden; display:block; *zoom: 1}
.a-upload input{ position: absolute;   font-size: 100px;  right: 0;    top: 0;  opacity: 0;    filter: alpha(opacity=0); cursor: pointer}
.upload-progress{ height:20px; background-color: #bdebee; margin-top:10px; display:none;}
a.a-selpic{}
.imgs{}
.imgs li{ margin-bottom: 1rem;}

/*物业服务*/
.wu-btnbox{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:0 1rem;}
.wu-btnbox a{width:25%; text-align: center; display: block; margin:0 0 1rem 0;}
.wu-btnbox img{height:3rem;}
.wu-btnbox h2{text-align: center; font-size:1rem; padding: .5rem 0;}
#curcity a{ background-color: #ec605f; display: inline-block; width:50%; font-size:12px; height: 2rem; line-height: 2rem; text-align: center; color: #fff; border-radius: 2rem; margin:.8rem 1.5rem 0 1.5rem;}
.lp-sel{}
.lp-sel li{height:3.6rem; line-height: 3.6rem;font-size:1.2rem; border-bottom: 1px solid #fafafa;}
.lp-sel li p{padding: 0 1.5rem;}
.lp-sel li a{display:block; height:3.6rem; width:100%; line-height: 3.6rem;padding: 0 1.5rem;box-sizing: border-box;}
.lp-sel-t{ background-color: #fafafa; color: #b4b4b4; }

.wu-repairbox{margin:0 1rem 1rem 1rem;background-color: #fff; padding: .5rem; border-radius: .2rem; }
.form-title{ line-height: 3rem;}
.from-field textarea{width:100%; padding:.8rem; height: 8rem; background-color: #f4f4f4; box-sizing: border-box; border:1px solid #ddd; border-radius: .5rem;}
.from-field select{width:100%; box-sizing: border-box; padding: .5rem; -webkit-appearance: none;background-color: #fff;}
.from-field select option{background-color: #fff; width: 100%;}
.form-img-upload{}

/*优惠券*/
.mycopons{margin:0 1rem;}
.mycopons a{display: flex; justify-content:space-between;padding:.8rem 0; box-sizing: border-box; border-bottom: 1px solid #ddd;}
/*物业费*/
.feenum-box{padding:1rem 0; text-align: center; border: 1px solid #ddd; border-radius:.5rem; box-shadow: 2px 2px 5px rgba(150,150,150,0.3); background-color: #f9fbfd;}
.feenum-box #feenum{font-size: 2rem; font-weight:bold; color: #e21c1d;}

.feelist{}
.feelist-t{height:3.6rem; background-color: #f5f5f5; padding: 0 .8rem; box-sizing: border-box;}
.feelist-t ul{display: flex; justify-content:space-between;}
.feelist-t li{line-height:3.6rem;}

#feelist-item{}
#feelist-item dl{display: flex; justify-content:space-between;padding: 0 .8rem; box-sizing: border-box; border-bottom: 1px solid #ddd;}
#feelist-item dl dt{width:2rem; padding: 1rem 0 0 0;}
#feelist-item dl dd{ flex-grow: 1;}
#feelist-item dd li{display: flex; justify-content:space-between; font-size:1rem; padding:1rem 0;}
#feelist-item h2{font-size:1rem;}
#feelist-item h3{font-size:1rem;}
.feelist-item-d{border-top: 1px dashed #ddd; }
/*便民电话*/
.wutel-nav-box{padding:0 1rem;}
.wutel-nav{width: 100%;height:3.4rem;line-height:3.4rem;display: flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.wutel-nav li{ color:#6B6B6B; font-size:1.2rem; font-weight:500; text-decoration: none; margin-right: 10px; display: inline-block; height:3.2rem; padding:0 1rem; border-bottom: 2px solid #f8f8f8;}
.wutel-nav li.on{ border-bottom: 2px solid #2a7efb;color: #2a7efb; }
.wutel-nav::-webkit-scrollbar{display: none;}
#wutel-list{ background-color: #fff; margin:1rem 0 0 0;}
#wutel-list a{height: 4rem; line-height: 4rem; padding:0 .5rem; box-sizing: border-box; border-bottom: 1px solid #ddd; display: flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;}


#thumbnails {display: flex; justify-content: left;}
#thumbnails .imgs{ position:relative; border:1px solid #ccc; width:4rem; height:4rem; margin:0 .4rem 0 0;}
#thumbnails img{ width:4rem; height:4rem;}
#thumbnails .btn{ position:absolute; right:2px; top:2px;}
#thumbnails .btn a{font-size:1.8rem; font-weight:bold; color:#fff;}
#thumbnails .btn a:hover{color:#F30;}

/*二手房表单*/
.sndhouse-form{padding:0 1rem;}
.sndhouse-form ul{}
.sndhouse-form li{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; border-bottom: 1px solid #ddd; padding: 1rem 0;}
.sndhouse-form li div.edit_cnt{width:0;flex-grow: 1; }
.sndhouse-form li div.edit_left{width:7rem; font-size:1.1rem; padding: .8rem 0;}
.sndhouse-form li .input_normal{-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline:none;border:none;text-align:right;}
.sndhouse-form li .selects{ width:100%; box-sizing: border-box;}
.edit-txtarea{border:1px solid #ddd; border-radius: .5rem; width:100%;}

/*house-list*/
.house-list{ padding:1rem 0;}
.house-list ul{padding:0 1rem;}
.house-list li{margin:0 0 1rem 0; padding: 0 0 1rem 0; border-bottom: 1px solid #ddd;}
.house-list li a{display: block;}
.house-list li dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.house-list li dl dt{width:9rem; height:7rem; margin: 0 1.5rem 0 0;}
.house-list li dl dt img{width:100%;height:7rem; border-radius: .3rem;}
.house-list li dl dd{width:0; flex-grow: 1;}
.house-list li dl dd h2{font-size:1.1rem; font-weight: 600; padding:0 0 .5rem 0;}
.house-list li dl dd .rooms{color:#8d8d8d; padding: .5rem 0;}
.house-list li dl dd .fee{color:#ff8522;font-weight:600; font-size:1.5rem;}
.house-list li dl dd .square{color:#8d8d8d;}

.house_slide{}
.house_slide img{width:100%; height:24rem;}
.house-info{padding:1rem; background-color: #fff;}
.house-info h1{ font-size:1.5rem; font-weight:600; text-align: center; padding:1rem 0;}
.house-info h2{ font-size:1rem; color:#8d8d8d; text-align: center;}
.house-cont{ padding:1rem; background-color: #fff;}

.house-info-col{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding:1rem 0;}
.house-info-col li{width:33%; text-align: center; border-right:1px solid #ddd;}
.house-info-col li:last-child{border-right:none;}
.house-info-col h2{font-weight:600; color: #ec605f; font-size:1.2rem; padding: .5rem 0;}
.house-info-col p{ color:#8d8d8d;}

.house-info-row{padding:1rem; background-color: #fff;}
.house-info-row li{ padding: 1rem 0; color:#8d8d8d; border-bottom: 1px dashed #eee;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding:1rem 0;}
.house-info-row .house-label{ font-weight: 600; color:#282828; margin:0 1rem 0 0;}

.lp-around{padding:1rem;}

.switchbox{display:inline-block;}
.rdswitch{ margin: 1rem 0 0 0; border-radius: .5rem; border:1px solid #ddd; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:flex-end;}
.rdswitch span{ padding:.8rem 1.4rem; text-align: center; display: block;}
.rdswitch span.on{background-color: #0caeb0;color: #fff;}
      
.m-house-list{ padding:1rem;}
.m-house-list li{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:0 0 1rem 0; padding:1rem 0; border-bottom:1px solid #ddd;}
.m-house-list li .info{width:0; flex-grow: 1; margin: 0 1rem 0 0;}
.m-house-list li .info h2{ font-size:1.2rem; font-weight:600; padding:0 0 .8rem 0;}
.m-house-list li .info .rooms{ color:#8d8d8d; padding:0 0 .5rem 0;}
.m-house-list li .info .fee{color:#f60;}
.m-house-list li .info .square{color:#8d8d8d;}
.m-house-list li .btns{width:4rem;}
.m-house-list li .btns a{display: block; width:100%; height:2.5rem; line-height: 2.5rem; text-align: center; background: #f5f5f5; border-radius: .5rem; margin:0 0 1rem 0;}

.formbox{padding: 0 1rem;}
.formbox td{padding:.6rem .2rem;border-bottom: 1px dashed #ddd;text-align: left;}
.formbox th{padding:.6rem .2rem; background-color: #f5f5f5; text-align: left;}

.listbox{padding: 0 1rem;}
.listbox th{padding:.6rem .2rem; background-color: #f5f5f5; text-align: left;}
.listbox td{padding:.6rem .2rem;border-bottom: 1px dashed #ddd;text-align: left;}

.showbox{ padding: 0 1rem;}
.showbox td{ padding: .8rem .2rem; border-bottom: 1px dashed #ddd;}
.showbox .edit_left{ color: #8d8d8d;}

.noanymore{ color:#8d8d8d; text-align: center; padding: .5rem 0; display: none;}

/*志愿者*/
.volunteer-nav{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; background-color: #fff; border-top-left-radius: .5rem; border-top-right-radius: .5rem;}
.volunteer-nav a{ display: block; width:4rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem;  color: #282828;}
.volunteer-nav a.on{font-weight: 600; color: #282828;}

.volunteerorder-nav{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:center}
.volunteerorder-nav a{ display: block; width:50%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem;  color: #666666;}
.volunteerorder-nav a.on{font-weight: 600; color: #FF4F4D; }
.volunteerorder-nav a.on span{border-bottom: 2px solid #FF4F4D; line-height: 3rem; display:inline-block; height: 3rem;}

.volunteerorder-list{}
.volunteerorder-list li{border-radius:.5rem; padding: 1rem; box-sizing: border-box; background-color: #fff; margin:0 0 1rem 0;}
.volunteerorder-topic{height:4rem; border-bottom: 1px dashed #eee;}
.volunteerorder-topic img{width:3.2rem; height: 3.2rem; border-radius: 3.2rem;}
.volunteerorder-topic .txt1{font-size:1.2rem; font-weight:600;color: #282828; padding: 0 0 0 .5rem;}
.volunteerorder-topic .txt2{ color:#666666;padding: 0 0 0 .5rem;}
.volunteerorder-list .txt-li{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; line-height: 3rem;}
.volunteerorder-list .btn-order{ padding: 1rem 0; text-align: right;}
.volunteerorder-list .btn-order a{ display: inline-block; width: 8rem; height: 3rem; line-height: 3rem; background-color: #FF4F4D; color: #fff; text-align: center; border-radius: .5rem;}
.volunteerorder-list .btn-order a.off{background-color: #DEDEDE; color: #949494;}

/*报修*/
.repair{ padding: 1rem; background-color: #f8f8f8; margin:0 0 5rem 0;}
.repair-nav{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; background-color: #fff;}
.repair-nav a{ display: block; width:33%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem;  color: #666666;}
.repair-nav a.on{font-weight: 600; color: #282828;}

.repair-list{}
.repair-list li{border-radius:.5rem; padding: 1rem; box-sizing: border-box; background-color: #fff; margin:0 0 1rem 0;}
.repair-list li a {display: block;}
.repair-topic{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; border-bottom: 1px solid #ddd; height: 3rem; line-height: 3rem;}
.repair-cnt{ color: #282828; padding: 1rem 0; line-height: 2rem;}
.repair-time{ color: #949494; padding: .5rem 0;}
.repair-lp{ font-size:1rem; font-weight: 600;}
.repain-btn{ border: 1px solid #ddd; border-radius: 1rem; text-align: center; padding:.2rem .8rem;}
.reply-cnt{ background-color: #EEEEEE; line-height: 2.2rem; padding:.8rem; border-radius: .5rem;}
.reply-cnt h3{font-weight:600;}

.repair-info{ background-color: #fff; margin:0 1rem; padding:1rem; border-radius: .5rem;}
.repair-info h1{color:#282828; font-size:1.1rem; font-weight:600; padding:0.5rem 0; margin:0;}
.repair-info .demons{ margin: 0; background-color: #EEEEEE; padding: 1rem; height: auto; line-height: 2rem; border-radius: .5rem; box-sizing: border-box;}
.repair-info .imgs{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.repair-info .imgs a{display: block; width:25%; height: 7rem; margin:1rem 0 1rem 0;}
.repair-info .imgs img{width:7rem; height:7rem; border-radius:.4rem;}
.repair-info audio{width:100%;}
.repair-info video{width:100%;height:12rem;}
.repair-info .txts{}
.repair-info .txts li{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding: .5rem 0; line-height: 1.8rem;}
.repair-process{ }
.repair-info h2{color:#282828; font-size:1.1rem; font-weight:600; padding:0.5rem 0; margin:0; border-bottom: 1px solid #ddd;}
.repair-process .txts{}
.repair-process .txts li{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; line-height: 3rem;}

.timeline{ padding: 1rem 0;}
.timeline dl{border-left:1px solid #eee; position:relative; margin:0 0 0 .5rem; height: 5rem;}
.timeline dl dt{ position: absolute; left: -.5rem; top:0rem; width:.5rem; height: .5rem; border-radius: .5rem; border:2px solid #eee; background-color: #fff;}
.timeline dl dt.on{border:2px solid #FF8800;}
.timeline dl dd{ position: absolute; left: 1rem; top:0rem;}
.timeline dl dd h3{font-size:1.1rem; font-weight:600; padding:0 0 .5rem 0; color: #333333;}
.timeline dl dd p{ color: #949494;}
.timeline dl:last-child{border-left:none; }

/*体检*/
.physical{background-color: #F8F8F8; padding: 1rem;}
.physical-list li{ background-color: #fff; border-radius: .5rem; padding: 1rem; margin: 0 0 1rem 0;}
.physical-list dt{font-size:1.2rem; font-weight: 600; padding: .5rem 0;}
.physical-list dd{ background: url(arrow-right.png) right center no-repeat; background-size: 1rem;}
.physical-list dd h2{ font-size:1.1rem; color: #282828; padding: 0 0 .5rem 0;}
.physical-list dd p{ font-size:1rem; color: #949494;}

.phsical_show{ padding: 1rem;}
.phsical_show dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.phsical_show dt{width:8rem; height:16rem;}
.phsical_show dt img{width:100%;}
.phsical_show dd{ width:0; flex-grow: 1;}
.phsical_show dd h1{font-size:1.2rem; font-weight: 600; color: #282828; padding: 1rem 0;}
.phsical_show .times{ color: #333333;}
.phsical_show .device{ margin:4rem 0; color: #333333; line-height: 2rem;}

.phy-report{background-color: #fff; border-radius: 1rem; padding: 1rem;}
.phy-head{ font-size: 1.3rem; font-weight:600; height: 4rem; line-height: 4rem; border-bottom: 1px solid #ddd; background: url(images/arrow-right.png) right no-repeat; background-size: 1.2rem;}
.ph-itms{}
.ph-itms li{}
.ph-itms li .htitle{ display: flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;height:3.8rem;}
.ph-itms li .htitle h2{ font-size:1.2rem; font-weight:600; line-height:3.8rem;}
.ph-itms li .htitle h3{ font-size:.7rem; color:#d6d6d6; line-height:3.8rem; margin:0 1.4rem 0 0;}
.ph-itms li.hline .off{background: url(images/arrow-right.png) right no-repeat; background-size:1.2rem;}
.ph-itms li.hline .hover{background: url(images/arrow-down.png) right no-repeat; background-size:1.2rem;}
.ph-itms li .hcont{display:none;}
.ph-itms li .hcont li{ line-height: 3.2rem;display: flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;height: 3.2rem;}

/*发布表单*/
.pub-form{padding:0 1.5rem;}      
.pub-form h2{font-size: 1.2rem; font-weight:500; padding: .5rem 0;}
.pub-form li{height:5rem;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; border-bottom: 1px solid #ddd; line-height:5rem;}
.pub-form li .formlabel{font-size: 1.2rem; font-weight:100; width:30%;}
.pub-form li .forminput{font-size:1.1rem; width: 65%; text-align: right;}
.formreadio{width:60%; height:3rem; border: 1px solid #ddd; float: right; margin: 1rem 0 0 0; border-radius: .5rem;}
.formreadio ul{display: block; margin: 0; padding: 0;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.formreadio li{width:48%; display:block; margin:0; height: 3rem; line-height: 3rem; text-align: center;}
.formreadio li.on{background-color: #0caeb0;color: #fff;}
.rem-input{border:none; font-size: 1.1rem; width: 100%; text-align:right;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline:none;}

.filebox{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.filetitle{ height:2rem; border: 1px solid #ddd; border-radius:.5rem; padding:.5rem 1rem; line-height: 2rem; background-color: #f5f5f5;}
a.dellink{ display:block; width:2rem; height: 2rem; background: url(/images/del.png) center no-repeat; background-size: 100%; margin: .5rem 0;}