.showpage{ width:100%; overflow:hidden; background:#e5e5e5}
|
|
|
/*头部样式*/
|
.header, #header { background-color:#E71F19; width: 100%; height:45px; overflow: hidden; text-align: center; position:relative }
|
.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{ width:100%; background: #fff; overflow:hidden}
|
.index_search_mid{ width:90%; margin:auto; height:35px; border-radius:3px; margin:auto; border:1px solid #CCC; background:none; margin-top:20px;}
|
.index_search_mid a{ display:block; width:100%; height:35px;}
|
.index_search_mid em { display:block; font-size:14px; line-height:35px; color:#999;height:35px; float:left; margin-left:10px;}
|
.index_search_mid span { display:block; border-left:1px solid #ccc;width:40px; height:35px; float:right; margin-right:5px;}
|
.index_search_mid span img{ display:block; width:30px; height:30px; margin:auto; margin-top:4px;}
|
|
/*搜索弹出模块*/
|
|
|
.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:#E31939;color:#fff;}
|
.searchdotm{ width:100%; overflow:hidden;}
|
|
.mallSearch-input {width:99%; border:2px solid #E31939; 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;background-size: auto 30px;}
|
|
|
|
|
|
.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: 35px; height:40px; line-height:40px; background: #fff url(../images/category/souso.png) 10px center no-repeat; background-size: 18px 18px; color:#333;}
|
.Delete{ display:block; float:right; border:1px solid #ccc; height:20px; margin-right:10px; margin-top:10px; padding-left:20px; padding-right:10px; font-size:12px; line-height:20px; color:#666; background: #fff url(../images/close.png)no-repeat 10% center;background-size: auto 12px;border-radius: 2px;}
|
|
.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:95%; 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 { display:block; width:100%; height:30px; text-align:center; line-height:30px; color: #333; font-family: "微软雅黑"; font-size: 12px; }
|
.entry-list a img { display:block; width:70%; margin:auto; }
|
|
/*商城热点*/
|
.hot{ width:100%; height:30px; padding-top:5px; padding-bottom:5px; background:#FFF; border-top:1px solid #eeeeee;}
|
.hot h3{ float:left; border-right:1px solid #eeeeee;width:15%;height:30px; background:url(../images/Headlines.jpg) no-repeat center center;background-size: auto 20px; margin-right:2%}
|
.hot ul{ float:left; width:80%; height:30px; overflow:hidden}
|
.hot ul li{ width:100%; height:30px; float:left;}
|
.hot ul li span{ display:block; width:15%; float:left; font-size:12px; line-height:18px; color:#E71F19; border:1px solid #E71F19;border-radius:2px; margin-top:5px; text-align:center}
|
.hot ul li a{ display:block; width:80%; float:left; margin-left:2%; height:30px; overflow:hidden; font-size:14px; line-height:30px; color:#666; -webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; }
|
|
/*--- 首页广告位 ----*/
|
.Edge{ border-bottom:1px solid #eeeeee; margin-top:-1px;}
|
.brom{border-right:1px solid #eeeeee; margin-left:-1px;}
|
.floor_img{ width:100%; overflow:hidden; margin:auto; background:#FFF;}
|
.floor_img img{display:block; width:100% !important; height:auto !important}
|
.floor_img h2{ width:100%; overflow:hidden; margin:auto}
|
.floor_img ul{ width:100%; overflow:hidden; border-top:1px solid #eeeeee}
|
.floor_img ul li{ width:50%; float:left; overflow:hidden;}
|
.floor_img dl{ width:100%; overflow:hidden;}
|
.floor_img dl dt{ width:50%; float:left; overflow:hidden ;border-right:1px solid #eeeeee; margin-left:-1px;}
|
.floor_img dl dd{ width:50%; float:left; overflow:hidden}
|
.floor_img dl dd span{ display:block; width:100%; overflow:hidden;}
|
/*--------首页推荐品牌---------*/
|
.brand{ width:100%; margin:auto; overflow:hidden; background:#FFF; margin-top:10px;}
|
.brand h4{ width:100%; height:25px; padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eeeeee;}
|
.brand h4 span{ display:block; float:left; font-size:14px; line-height:25px; color:#333; text-indent:10px; border-left:2px solid #333;}
|
.brand h4 i{ display:block; float:right;line-height:25px; padding-right:15px; margin-right:10px; background:url(../images/index_r.png) no-repeat right 40%;background-size: auto 25px;}
|
.brand h4 i a{font-style:normal;font-size:14px; line-height:25px; color:#999; font-weight:normal; }
|
.brand dl{ width:40%; float:left; height:150px; overflow:hidden;border-right:1px solid #eeeeee; margin-left:-1px;}
|
.brand dl img{ display:block; width:100%; height:auto}
|
.brand ul{ width:60%; float:left; height:150px; overflow:hidden;}
|
.brand ul li{ width:50%; float:left; height:50px; overflow:hidden; border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee; margin-left:-1px; margin-top:-1px;}
|
.brand ul li img{ display:block; height:40px; margin:auto; width:80px; margin-top:5px;}
|
|
/*促销recommend_promotion+cat_goods*/
|
.best_phone{height:20px; position:absolute; top:0px;right:0; font-size:12px; line-height:20px; color:#FFF; padding-left:8px; padding-right:8px; background:#E71F19;}
|
.floor_body { width:100%; overflow:hidden; margin-top:10px; background:#FFF; }
|
.floor_body h4{ width:100%; height:25px; padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eeeeee;}
|
.floor_body h4 span{ display:block; float:left; font-size:14px; line-height:25px; color:#333; text-indent:10px; border-left:2px solid #E71F19;}
|
.floor_body h4 i{ display:block; float:right;line-height:25px; padding-right:15px; margin-right:10px; background:url(../images/index_r.png) no-repeat right 40%;background-size: auto 25px;}
|
.floor_body h4 i a{font-style:normal;font-size:14px; line-height:25px; color:#999; font-weight:normal; }
|
.floor_body ul { width:96%; overflow:hidden; margin:auto; margin-top:5px; padding-top:8px; padding-left:2%; padding-right:2%; background:#FFF}
|
.floor_body ul li { width: 33.33%; float: left; text-align: center;margin-bottom:5px; padding-bottom:5px;}
|
.floor_body ul li .index_pro{ width:95%; overflow:hidden; margin:auto;}
|
.timerBox{ width:100%;height:20px; position:absolute; bottom:0;right:0; font-size:12px; line-height:20px; color:#FFF;background-color:rgba(23,23,23,0.3)}
|
.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}
|
.floor_body ul li .goods_name { width:100%; margin:auto;height:30px; overflow:hidden;padding-top:8px;text-align:left}
|
.floor_body ul li .goods_name a{ display:block; width:100%; height:30px; overflow:hidden;color:#666;font-size:12px; line-height:15px; text-align:left}
|
.floor_body ul li .price {width:100%; overflow:hidden; margin:auto; position:relative; border-top:1px solid #eeeeee; margin-top:5px; text-align:left; padding-top:5px;}
|
.floor_body ul li .price em { display:block;width:100%; overflow:hidden; margin:auto; font-size:10px; line-height:15px; color:#999;text-decoration:line-through;}
|
.floor_body ul li .price span { display:block;width:100%; overflow:hidden; margin:auto; font-size:14px; line-height:20px; color:#E71F19;}
|
.floor_body ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background:#E71F19; border-radius:50%; bottom:8px;}
|
.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}
|
.index_floor h4{ width:100%; height:25px; padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eeeeee;}
|
.index_floor h4 span{ display:block; float:left; font-size:14px; line-height:25px; color:#333; text-indent:10px; border-left:2px solid #E71F19;}
|
.index_floor h4 i{ display:block; float:right;line-height:25px; padding-right:15px; margin-right:10px; background:url(../images/index_r.png) no-repeat right 40%;background-size: auto 25px;}
|
.index_floor h4 i a{font-style:normal;font-size:14px; line-height:25px; color:#999; font-weight:normal; }
|
.scroll_hot { text-align: center; width:95%; margin:auto; overflow:hidden; margin-top:10px;}
|
.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;}
|
.scroll_hot .bd ul li .products_kuang img{width:100% !important; height:auto !important; margin:auto}
|
.scroll_hot .bd ul li .goods_name {width:100%; margin:auto;overflow:hidden; margin-top:8px; margin-bottom:5px;text-align:left}
|
.scroll_hot .bd ul li .goods_name a{ display:block; width:100%; height:30px; overflow:hidden;color:#666;font-size:12px;line-height:15px;text-align:left}
|
.scroll_hot .bd ul li .price {width:100%; overflow:hidden; margin:auto; position:relative; border-top:1px solid #eeeeee; margin-top:5px; text-align:left; padding-top:5px;}
|
.scroll_hot .bd ul li .price em { display:block;width:100%; overflow:hidden; margin:auto; font-size:10px; line-height:15px; color:#999;text-decoration:line-through;}
|
.scroll_hot .bd ul li .price span { display:block;width:100%; overflow:hidden; margin:auto; font-size:14px; line-height:20px; color:#E71F19; }
|
|
.scroll_hot .bd ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background:#E71F19; border-radius:50%; bottom:8px;}
|
.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; }
|
.scroll_hot .hd li { display: inline-block; width:8px; height:8px; border:1px solid #999; margin: 0 4px; vertical-align: top; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
|
.scroll_hot .hd .on { background:#E71F19; border:1px solid #E71F19;}
|
/*推荐轮播图片*/
|
.index_img{ width:100%; margin:auto; overflow:hidden}
|
.index_img img{ display:block; width:100%; height:auto; margin-top:10px;}
|
.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;}
|
.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%; margin-top:10px; }
|
.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:50%; float: left; text-align: center; overflow:hidden;}
|
.floor_body2 ul li { width:98%; margin:auto;margin-bottom:5px; background:#FFF; overflow:hidden;padding-bottom:2%; }
|
.floor_body2 ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
|
.floor_body2 ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
|
.floor_body2 ul li .products_kuang img{ display:block;width:100%; margin:auto;}
|
.floor_body2 ul li .goods_name { width:93%; margin:auto;text-align:left; overflow: hidden; margin-top:8px; margin-bottom:8px;}
|
.floor_body2 ul li .goods_name a{ display:block; width:100%; height:30px; overflow:hidden;color:#666;font-size:12px; line-height:15px;}
|
.floor_body2 ul li .price {width:100%; overflow:hidden; margin:auto; position:relative; border-top:1px solid #eeeeee; margin-top:5px; text-align:left; padding-top:5px;}
|
.floor_body2 ul li .price em { display:block;width:93%; overflow:hidden; margin:auto; font-size:10px; line-height:15px; color:#999;text-decoration:line-through; }
|
.floor_body2 ul li .price span { display:block;width:93%; overflow:hidden; margin:auto; font-size:14px; line-height:20px; color:#E71F19; font-weight:bold}
|
|
.floor_body2 ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background:#E71F19; border-radius:50%; bottom:6px;}
|
.floor_body2 ul li .btns img{ display:block; width:25px;height:25px; }
|
