index.css 23.6 KB
.showpage{ width:100%; overflow:hidden; background:#F2F2F2}
/*头部样式*/
/*头部背景颜色  修改  20170314*/
.header, #header { background-color:#e81f18; width: 100%; height:45px; overflow: hidden; text-align: center; position:relative }
/*头部背景颜色   end*/
.logo { display: block; color:#fff; width: 100%; text-align: center; height:45px; font-size:18px; line-height:45px;}
.logo img{ display:block; height:45px; margin:auto}

.city {height:44px; line-height:44px; position:absolute; top: 0px; left:5px; background:url(../images/arrow_down.png) no-repeat right center; background-size:20px 20px; padding-right:20px; }
a.city{color:#f5f5f5; font-size:14px;}
.user_btn { width:45px; height:45px; display: block; float:right; position: absolute; top:0px; right:5px; background-position:0 -38px}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
.top_bt { display:block; float:left; width:45px; height:45px; position:absolute; top: 3px; left:5px;background-position:0 5}
/*首页搜索*/
.index_search_mid{ width:80%; margin:auto; height:40px; position:relative;}
/*首页搜索  删除  20170314*/
/*.index_search{ position: relative; width:100%; background: #fff; overflow:hidden}
.index_search_mid input { display:block;width:99%;height:35px; line-height: normal; border: none;  -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; font-size:14px; color:#999; text-indent:10px; border-radius:5px; margin:auto; border:1px solid #CCC; background:none; margin-top:20px; }
.index_search_mid span { display:block; border-left:1px solid #ccc; position:absolute;width:40px; height:36px; right:5px;}
.index_search_mid span img{ display:block; width:30px; height:30px; margin:auto; margin-top:4px;}*/
/*首页搜索 end*/
/*首页搜索  修改  20170314*/
.index_search_mid input { display:block;width:95%;height:35px; line-height: normal; border: none;  -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; font-size:14px; color:#FFFFFF; text-indent:10px; border-radius:5px; margin:auto; background-color: #cf0600; margin-top: 4px;padding-left: 40px;}
.index_search_mid span { display:block;  position:absolute;width:40px; height:36px; left:5px;}
.index_search_mid span img{ display:block; width:21px; height:20px; margin:auto;margin-top: 8px;}
/*搜索的input end*/

/*首页banner广告*/
.banner{}
.banner img{width: 100%;}
/*搜索弹出模块*/ 
.search_hide { display: none;max-width: 720px;min-width: 320px; }

.search_hide .search_body { width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;background:#F8F8F8; padding-top:5px; padding-bottom:5px;}
.search_hide h2{ width:100%; height:40px; text-align:center; font-size:18px; color:#666; font-weight:normal; line-height:40px; border-bottom:1px solid #eeeeee; position:relative}
.close{ position:absolute; display:block; width:20px; height:40px; right:10px; bottom:0px;font-size:14px; line-height:40px; color:#999; text-align:center}
.close img{ display:inline-block; width:18px; height:18px; margin-right:5px; margin-top:-3px;}


/*搜索 start*/
.search_mid{ width:95%; margin:auto; overflow:hidden;margin-top:20px; margin-bottom:10px;}
.search_mid ul{ width:100%; overflow:hidden}
.search_mid ul li {cursor: pointer;float: left;height:30px;line-height: 25px;text-align: center;width:70px; font-size:14px; line-height:30px; text-align:center; color:#333;}

.search-type .cur,.search_mid ul li.cur{background:#C4182E;color:#fff;}
.searchdotm{ width:100%; overflow:hidden;}

.mallSearch-input {width:99%; border:2px solid #C4182E; height:35px;float:left; overflow:hidden; margin:auto; position:relative  }
.mallSearch-input .s-combobox-input{ display:block; width:100%; height:15px; font-size:14px; line-height:25px;color:#999;  -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; border:0; padding-top:10px; padding-bottom:10px; padding-left:10px}
.mallSearch-input .button{ position:absolute; display:block; width:30px; height:30px; right:2px; bottom:3px; background:url(../images/search.png) no-repeat center center; border:0px;}

.mix_recently_search { width:100%; overflow:hidden; padding-bottom:10px; background:#FFF; padding-bottom:20px;}
.mix_recently_search h3 { font-size: 14px; font-weight: normal; padding-left: 30px; height:40px; line-height:40px; background: #fff url(../images/category/souso.png) 10px center no-repeat; background-size: 18px 18px; color:#333;}
.mix_recently_search ul { background-color: #fff; width:90%; overflow:hidden; margin:auto }
.mix_recently_search ul li { border: 1px solid #ccc; height:30px; position: relative; float:left; border-radius:4px; margin-right:10px; margin-bottom:10px;  }
.mix_recently_search ul li a { display: block;font-size:14px; line-height:30px; color:#666; text-align:center; padding-left:10px; padding-right:10px; }
.mix_recently_search .recently_search_null { text-align: center; line-height: 120px;font-size:14px;color:#666;}
/*
	首页menu样式弹出收回start
*/
.mm-page, .mm-fixed-top, .mm-fixed-bottom, .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; }
html.mm-opened .mm-page, html.mm-opened #mm-blocker { left: 0; top: 0; margin: 0; border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opening .mm-page, html.mm-opening #mm-blocker { border: 0px solid rgba(100, 100, 100, 0); }
.mm-menu .mm-hidden { display: none; }
.mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; }
.mm-fixed-top { top: 0; }
.mm-fixed-bottom { bottom: 0; }
html.mm-opened .mm-page, .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html.mm-opened, html.mm-opened body { overflow-x: hidden; position: relative; }
html.mm-opened .mm-page { position: relative; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-current { display: block; }
.mm-menu { background: inherit; display: none; overflow: hidden; height: 100%; padding: 0; position: fixed; left: 0; top: 0; z-index: 0; }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; }
.mm-menu > .mm-panel.mm-opened { left: 0%; }
.mm-menu > .mm-panel.mm-subopened { left: -40%; }
.mm-menu > .mm-panel.mm-highest { z-index: 1; }
.mm-menu > .mm-panel.mm-hidden { display: block; visibility: hidden; }
.mm-menu .mm-list { padding: 20px 0; }
.mm-menu > .mm-list { padding: 20px 0 40px 0; }
.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }
.mm-panel > .mm-list:first-child { padding-top: 0; }
.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-list { font: inherit; font-size: 14px; }
.mm-list a, .mm-list a:hover { text-decoration: none; }
.mm-list > li { position: relative; }
.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; width: 30%; text-align: left; margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }
.mm-list a.mm-subopen { width: 100px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; width: 48px; z-index: 2; }
.mm-list a.mm-subopen::before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }

/*修改 start */
.mm-list a.mm-subopen { width: 210px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2;}
.mm-list a.mm-subopen::before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; margin-left:170px;}
/* 修改 end */
.mm-list a.mm-subopen.mm-fullsubopen { width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; }
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen { background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }
.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; width: 100%; text-align: left; }
.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }
.mm-list > li.mm-spacer { padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label { padding-top: 25px; }
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }
.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; }
html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-ismenu { background: #333333; color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); }
.mm-list a.mm-subclose1 { text-indent: 0px; padding-top: 30px; margin-top: -20px; width: 100%; text-align: left; }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(223, 223, 223, 0.8); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(223, 223, 223, 0.8); }
.mm-menu .mm-list > li > a.mm-subclose1 { background: rgba(0, 0, 0, 0.1); color: rgba(223, 223, 223, 0.8); }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); }
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 80%; }
.mm-menu { width: 80%; }
 @media all and (max-width: 175px) {
.mm-menu { width: 140px; }
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 140px; }
}
@media all and (min-width: 550px) {
.mm-menu { width: 440px; }
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 440px; }
}
/*首页八个小图标*/
.entry-list { width:100%; overflow:hidden; padding-top:10px; background:#FFF; padding-bottom:10px;}
.entry-list ul{ width:100%; overflow:hidden; margin:auto}
.entry-list a{ display:block; width: 20%; overflow: hidden; float:left;text-align: center; margin-top:5px;}
.entry-list a span { height:30px; line-height:30px; color: #616161; font-family: "SimHei"; font-size: 14px; }
.entry-list a img { display:block; width:65%; margin:auto; }


/* 首页页 广告位 */
.floor_images{ width:100%; overflow:hidden; text-align: center; background:#FFF; border-top:1px solid #eeeeee;margin-top:10px;}
.Edge{ border-bottom:1px solid #eeeeee; margin-top:-1px;}
.floor_images ul{ width:100%; overflow:hidden; margin:auto;border-top:1px solid #eeeeee;}
.floor_images ul li{ width:50%; overflow:hidden; float:left;text-align: center;font-size: 0;}
.floor_images ul li img{ display:inline-block;*display: inline;*zoom: 1; max-width:100%;max-height: 100%;vertical-align: middle;margin: auto;}
.floor_images ul li a{font-size: 0;display: block;height: 100%;}
.brom{border-right:1px solid #eeeeee; margin-left:-1px;}

.floor_images dl{ width:100%; overflow:hidden;}
.floor_images dl img{ vertical-align: middle;display: inline-block;*display: inline;*zoom: 1; max-width:100% ; max-height:100% ;margin: auto;}
.floor_images dl dt{ width:50%; float:left; overflow:hidden ;border-right:1px solid #eeeeee; margin-left:-1px;}

.floor_images dl dd{ width:50%; float:left; overflow:hidden}
.floor_images dl dd span{font-size: 0; display:block; width:100%; overflow:hidden;}
.floor_images dl dd span a,.floor_images dl dt a{width: 100%;height: 100%;display: block;font-size: 0;}


.floor_images strong{ display:block;width:100%; overflow:hidden; margin:auto;border-top:1px solid #eeeeee; clear:both}
.floor_images strong img{ display:block; width:100%; height:auto}

/*促销recommend_promotion+cat_goods*/
.index_floor_lou { width:100%;overflow: hidden; margin-top:10px; background:#FFF;border-bottom:1px solid #dcdcdc}
.floor_body { width:100%; overflow:hidden; }
.floor_body h2 { margin-left: 0.12rem; height: 35px; line-height: 35px;font-size: 16px;font-weight: normal;color:#7f7f7f;/*margin-bottom:10px; */}
.floor_body h2 em{width:3px; height:15px; background:#E4010D; margin-right:5px; margin-top:10px; float:left;}
.geng{width:50px;height:25px; float:right; padding-top:5px;}
.geng a{display:block; float:left; width:30px; line-height:25px; height:25px;color:#7f7f7f; font-size:13px;}
.geng span{display:block;float:left; width:15px;height: 25px;  
background: url(../images/pub_main.png) no-repeat;background-size: auto 280px;background-position: 0 -248px;}
.floor_body ul { width:95%; overflow:hidden; margin:auto;}
.floor_body ul li { width: 33.33%; float: left; text-align: center;margin-bottom:10px; padding-bottom:10px;}
.floor_body ul li .index_pro{ width:95%; overflow:hidden; margin:auto;}
.timerBox{ width:100%; height:20px; position:absolute; bottom:0px; text-align:center;background-color:rgba(49,50,51,0.4); font-size:12px; color:#FFF; line-height:20px;}
.floor_body ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
.floor_body ul li .products_kuang img{ display:block;width:100%; margin:auto}
/*首页的秒杀商品标题修改  20170428*/
.floor_body ul li .goods_name { font-size:12px; width:100%; margin:auto; color:#999;/*height:30px;*/ overflow:hidden; margin:auto;text-overflow: ellipsis;white-space: nowrap;
course:hand;text-align:left; line-height:150%; padding-top:8px; padding-bottom:8px;}
.floor_body ul li .price {width:100%; overflow:hidden; margin:auto; position:relative; border-top:1px solid #eeeeee; margin-top:5px;}
.floor_body ul li .price .price_pro{  width:100%;  display: block;font-size:14px; color: #C4182E; height:40px; line-height:40px; text-align:left}
/*首页 新增原价样式 20170420*/
.floor_body2 ul li .price .price_pro del{font-size: 8px;color: #999;margin-left: 5px;}
/*购物车图标背景颜色  20170314*/
.floor_body ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background: #c4182e; border-radius:50%; bottom:8px;}
/*end*/
.floor_body ul li .btns img{ display:block; width:25px;height:25px; }

/*新品recommend_best+recommend_hot+recommend_new*/
.index_floor { width:100%;overflow: hidden; margin-top:10px; background:#fff;/* padding-bottom:5px;*/ border-bottom:1px solid #dcdcdc}
.floor_body1 { width:100%; overflow:hidden; }
.floor_body1 h2 { padding-left: 0.12rem; height: 35px; line-height: 35px;font-size: 16px;font-weight: normal;color:#7f7f7f; margin-bottom:10px;}
.floor_body1 h2 em{width:3px; height:15px; background:#E4010D; margin-right:5px;margin-top:10px; float:left;}
.scroll_hot { text-align: center; width:95%; margin:auto; overflow:hidden;}
.scroll_hot .bd ul{ width:100%; overflow:hidden; margin:auto;}
.scroll_hot .bd ul li{ width:33.33%; float:left; overflow:hidden; margin:0px;}
.scroll_hot .bd ul li .index_pro{ width:95%; overflow:hidden; margin:auto;}
.scroll_hot .bd ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;text-align: center;font-size: 0;}
.scroll_hot .bd ul li .products_kuang img{max-height: 100%;max-width: 100%;vertical-align: middle; margin:auto;display:inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
/*商品名称高度修改为30  20170425*/
.scroll_hot .bd ul li .goods_name {font-size:12px; width:100%; margin:auto; color:#999;height: 20px; text-align:left; line-height:20px; margin-top:8px; margin-bottom:8px;overflow:hidden;/*white-space: nowrap;*/text-overflow: ellipsis;}
.scroll_hot .bd ul li .price {width:100%; margin:auto;position:relative; border-top:1px solid #eeeeee; padding-top:10px;}
.scroll_hot .bd ul li .price .price_pro{  width:100%;  display: block; font-size:16px; color: #C4182E; /*height:40px;*/ line-height:16px;text-align:left;}
/*新增首页原价样式*/
 .price .price_pro del{font-size: 10px;margin-left: 5px;color: #999;}
/*购物车图标背景颜色  20170314*/
.scroll_hot .bd ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background: #c4182e; border-radius:50%; bottom:8px;}
/*end*/
.scroll_hot .bd ul li .btns img{display:block; width:25px;height:25px; }
.scroll_hot .hd { height: 20px; overflow: hidden; text-align:center; background:#FFF}
.scroll_hot .hd ul { display: inline-block; padding-top: 5px; }
/*首页圆点修改大小  20170421*/
.scroll_hot .hd li { display: inline-block; width: 5px; height: 5px; background: #C5C1C0; margin: 0 5px; vertical-align: top; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 0;padding-bottom: 0;}
.scroll_hot .hd .on { background: #D6505B; }
/*推荐轮播图片*/

.index_banner{ position:relative; overflow:hidden; margin:0px auto;}
.index_banner .hd{ position: absolute;bottom:0px;text-align: center;width: 100%;}
.index_banner .hd li{display: inline-block;
width: .4em;
height: .4em;
margin: 0 .4em;
-webkit-border-radius: .8em;
-moz-border-radius: .8em;
-ms-border-radius: .8em;
-o-border-radius: .8em; 
border-radius: .8em;
background: #FFF;
filter: alpha(Opacity=60);
opacity: .6;
box-shadow: 0 0 1px #ccc; text-indent:-100px; overflow:hidden; }
.index_banner .hd li.on{ filter: alpha(Opacity=90);opacity: .9;background: #f8f8f8;box-shadow: 0 0 2px #ccc; }
.index_banner .bd{ position:relative; z-index:0; width:98%; margin:auto; margin-top:10px; }
.index_banner .bd li{ position:relative; text-align:center;  }
.index_banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.index_banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.index_banner .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
	
/*首页无限加载loading图*/
.floor_body2 { width:98%; margin:auto; overflow:hidden; }
.floor_body2 h2 {height:50px; line-height:50px;font-size: 16px;font-weight: normal;color:#999; text-align:center;  }
.floor_body2 ul { width:100%; text-align: center; overflow:hidden;}
.floor_body2 ul li { width:49%; float: left; margin:auto auto 10px; background:#FFF; overflow:hidden;padding-bottom:2%; }
.floor_body2 ul li:nth-child(even) {float: right}
.floor_body2 ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
.floor_body2 ul li .products_kuang {font-size: 0; width:100%; margin:auto;overflow: hidden; position:relative;text-align: center;}
.floor_body2 ul li .products_kuang img{ display:inline-block;*display: inline;*zoom: 1;vertical-align: middle; max-width:100%; max-height:100%; margin:auto;}
/*首页猜你喜欢商品名称修改 20170418*/
.floor_body2 ul li .goods_name { width:93%; margin:auto;text-align:left; color:#666; font-size:13px;line-height: 18px;height:36px;  margin-top:8px; margin-bottom:8px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*首页猜你喜欢的商品价格修改*/
.floor_body2 ul li .price {width:100%; margin:auto; position:relative; border-top:1px solid #eeeeee;font-size: 0; }
.floor_body2 ul li .price .price_pro{ display: inline-block;*display: inline;*zoom: 1;  width:48%; margin:auto; /* display: block;*/font-size:16px; color: #C4182E; height:40px; line-height:40px;text-align:left;}
/*首页已售数量的样式20170420*/
.floor_body2 ul li .price .comment_box{
	font-size: 12px;
	color: #999;
	display: inline-block;
	*display: inline;
	*zoom: 1;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    width: 48%;}
/*首页 购物车图标背景颜色修改   20170323*/
.floor_body2 ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;/*background: #f23;*/ background-color: #C4182E; border-radius:50%; bottom:8px;}
.floor_body2 ul li .btns img{ display:block; width:25px;height:25px; }
/*新增  支付成功   20170420*/
.pay_success{text-align: center;padding: 20px;font-size: 14px;color: #999;}
.pay_success .txt{font-size: 18px;color: #C4182E;padding: 20px 0;}
.pay_success .btn{vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;font-size: 14px;margin-top:10px;width: 45%;border-radius:4px;line-height: 40px;height: 40px;}
.pay_success .btnRed{background-color: #C4182E;color: #FFFFFF;}
.pay_success .btnPink{background-color: #fee6e4;color: #C4182E;margin-left: 10px;}
/*首页弹出二维码*/
.layermchild{ border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}
.code{width: 200px;height: 200px;margin: 20px auto; background:url(../images/index/rect.png) no-repeat center center;background-size: cover;}
.code img{width: 90%;height: 90%;margin:5% auto;}
.codeTxt{font-size: 16px;color:  #000;margin: 20px auto;}
/*增加分辨率   20170314*/
@media (max-width:640px ) {
.index_search_mid input {width: 90%;}
}
@media (max-width:480px ) {
.index_search_mid input {width: 80%;}
}
@media (max-width:360px ) {	
.index_search_mid {width: 70%;}
.floor_body2 ul li {margin: auto auto 8px;}
}

@media (max-width:320px ) {
	.floor_body2 ul li {margin: auto auto 5px;}
}

.index_pro .price_box.price_box_nyf{ height: 50px}