@charset "utf-8";
|
body {margin:0px;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 180%;color: #333333; min-width:320px;}
|
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;}
|
img { border:0px}
|
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color: #333333;text-decoration: none;}
|
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#333333;text-decoration: none;}
|
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#E24615;text-decoration: none;}
|
input[type=number] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
|
.main{ width:100%; overflow:hidden; margin:0; padding:0;}
|
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px }
|
fieldset, img { border: 0 }
|
cite, em, s, i, b { font-style: normal }
|
input, button, textarea, select { font-size:12px; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; }
|
body, input, button, textarea, select, option { font-size: normal }
|
a, input, textarea { text-decoration: none; outline: 0 }
|
li, img, label, input { vertical-align: middle }
|
/*==============iphone手机的input的样式问题=============*/
|
input[type="submit"],
|
input[type="reset"],
|
input[type="button"],
|
button {
|
-webkit-appearance: none;
|
}
|
/*店铺页面头部*/
|
.dianpu_main{width:100%; overflow:hidden; height:100px;background:#000 url(../images/v-shop/1.jpg) no-repeat center center}
|
.dianpu_main dl{width:95%; margin:auto; overflow:hidden; margin-top:20px;}
|
.dianpu_main dl dt{width:80px; overflow:hidden; float:left;}
|
.dianpu_main dl dt img{ display:block; width:60px; height:60px; margin:auto;border-radius: 50%;}
|
|
.dianpu_main dl dd{width:70%; overflow:hidden; margin:auto;height:60px; overflow:hidden; font-size:14px; line-height:60px; color:#FFF; text-align:left;}
|
|
|
.fans{ background:#b10f0a;}
|
.fans i{ display:block; width:100%; height:15px; font-size:12px; line-height:15px; color:#FFF; font-style:normal; margin-top:5px}
|
.fans span{ display:block; width:100%; height:15px; font-size:12px; line-height:15px; color:#FFF;font-style:normal}
|
.bian_r{ border-right:1px solid #eeeeee; margin-left:-1px;}
|
.Nav2{ background:url(../images/v-shop/icon2.png) no-repeat center center; background-size: auto 30px;}
|
.Nav1{ background:url(../images/v-shop/icon1.png) no-repeat center center; background-size: auto 30px;}
|
.Navigation{ width:100%; height:40px; padding-top:10px; padding-bottom:8px; background:#FFF;}
|
.Navigation li{ width:33%; float:left; height:40px;}
|
.Navigation li i{ display:block; height:20px; font-size:14px; line-height:20px; font-style:normal; color:#666; text-align:center;}
|
.Navigation li span{ display:block; font-size:14px; line-height:20px; font-style:normal; color:#666; text-align:center;}
|
/*楼层css*/
|
.flo_one{ width:100%;overflow:hidden; background:#FFF; margin-top:10px;}
|
.flo_one dl{ width:100%; overflow:hidden;}
|
.flo_one dt{ width:50%; float:left; overflow:hidden; margin-left:-1px;border-right:1px solid #eceaea;}
|
.flo_one dt img{ display:block; height:auto !important;width:100%;}
|
.flo_one dd{ width:50%; float:left; overflow:hidden}
|
.flo_one dd img{ display:block; height:auto !important;width:100%;}
|
.b_top{border-top:1px solid #eceaea; margin-bottom:-1px;}
|
|
/*微店轮播图片*/
|
.index_banner{ position:relative; overflow:hidden; margin:0px auto; margin-top:3px; }
|
.index_banner .hd{ position: absolute;bottom:8px;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:100%; 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%;}
|
.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; }
|
/*店铺页面分类*/
|
.index_floor { width:100%;overflow: hidden; margin-top:8px; background:#FFF; margin-bottom:8px;}
|
.floor_body { width:100%; overflow:hidden; background:#FFF}
|
.floor_body h2 {height:40px; border-bottom:1px solid #eceaea; text-indent:5px; font-size:14px; line-height:40px; font-weight:normal}
|
.floor_body h2 em{width:3px; height:20px; margin-top:10px; float:left; background:#FF545B; margin-left:10px;}
|
|
.scroll_hot { text-align: center; width:95%; margin:auto;overflow:hidden; padding-top:10px; padding-bottom:10px; }
|
.scroll_hot .bd ul{ width:100%; margin:auto; overflow:hidden;}
|
.scroll_hot .bd ul li{ width:33.3%; float:left; overflow:hidden; margin-bottom:10px;}
|
.scroll_hot .bd ul li a{ display:block; width:94%; overflow:hidden; margin:auto; font-size:14px; line-height:30px; height:30px; color:#666; text-align:center; border:1px solid #ccc}
|
|
.scroll_hot .hd { height: 20px; overflow: hidden; text-align:center;}
|
.scroll_hot .hd ul { display: inline-block; padding-top: 5px; }
|
.scroll_hot .hd li { display: inline-block; width: 10px; height: 10px; background: #C5C1C0; margin: 0 4px; vertical-align: top; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;text-indent:-9999px }
|
.scroll_hot .hd .on { background: #D6505B; }
|
|
|
|
/*全部商品*/
|
.title { width:100%; overflow:hidden; position:relative}
|
.title i{ display:block;width:100%; height:40px; font-size:14px; line-height:40px; text-align:center; font-style:normal; color:#666}
|
.title em{ position:absolute; display:block; bottom:10px; right:10px; font-style:normal;}
|
.title em a{color:#999;font-size:12px;}
|
|
|
.goods_more{ width:50%;overflow:hidden; float:left; margin-bottom:5px;}
|
.goods_more a{ display:block; width:95%; margin:auto; overflow:hidden; background:#FFF; padding-bottom:5px;}
|
.goods_more dt{ width:100%; overflow:hidden; position:relative}
|
.goods_more dt span{ display:block; height:18px; position:absolute; bottom:5px; right:5px;background-color:rgba(23,23,23,0.4);border-radius:20px;padding-right:8px;padding-left:5px;}
|
.goods_more dt span em{ display:block; float:left; width:15px; height:15px;}
|
.goods_more dt span em img{ display:block; width:100%; height:auto}
|
.goods_more dt span i{ display:block; float:left;height:18px; font-size:12px; line-height:18px; color:#FFF; font-style:normal; }
|
|
.goods_more dt img{ width:100%; margin:auto; display:block}
|
.goods_more dd{ width:90%; overflow:hidden; margin:auto}
|
.goods_more dd p{ line-height:20px; font-size:12px; color:#333; height:40px; overflow:hidden; -webkit-line-clamp: 2; /*2，是控制行数的*/ -webkit-box-orient: vertical;display: -webkit-box;font-style: normal;}
|
.goods_more dd span{ line-height:30px; font-size:10px; color:#FF2233; display:block; width:100%; overflow:hidden;font-style: normal;}
|
.goods_more dd span em{ display:inline-block; font-size:18px; color:#FF2233;font-style: normal;font-weight:bold}
|
.goods_more dd span i{ display:inline-block; text-indent:5px;font-size:12px;color:#999;font-style: normal;text-decoration:line-through;}
|
/*返回顶部*/
|
.gotop{ display:block; width:40px; height:40px; position:fixed; bottom:70px; right:8px;background-color:rgba(27,27,27,0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:999}
|
.gotop img{display:block; width:40px; height:40px;}
|
|
/*首页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;}
|
.mm-menu .mm-hidden { display: none; }
|
html.mm-opened .mm-page { position: relative; }
|
#mm-blocker {display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; }
|
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker,.mm-menu.mm-current { display: block; }
|
.mm-menu { display: none; overflow: hidden; height: 100%; padding: 0; position: fixed; left: 0; top: 0; z-index: 0; }
|
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left:-70%; }
|
.mm-menu { width:100%; left:30% }
|
/*弹出层*/
|
.top_bt{ position:absolute; right:-10px; top:10px; width:80px; height:25px;background-color:rgba(27,27,27,0.6); font-size:12px; line-height:25px;border-radius:25px; text-indent:15px;}
|
.Selected{ width:100%; overflow:hidden; margin-left:-15%}
|
.Selected h2{ margin:auto; width:60%; overflow:hidden; border-bottom:1px solid #ccc; margin-top:30px}
|
.Selected h2 img{ display:block; width:80px; height:80px; margin:auto}
|
.Selected h2 span{ display:block; width:100%; height:50px; text-align:center; font-size:14px; color:#333; text-align:center; line-height:50px;}
|
.Selected p{ margin:auto; width:60%; overflow:hidden; border-bottom:1px solid #ccc; padding:10px; font-size:14px; line-height:150%; color:#666;}
|
.Selected ul{ margin:auto; width:60%; overflow:hidden; margin-top:20px}
|
.Selected ul li{ width:100%; height:50px; overflow:hidden}
|
.Selected ul li em{ display:block; width:40px; height:50px; float:left;}
|
.Selected ul li strong{ display:block; float:left; font-size:16px; line-height:50px; color:#666;}
|
.em1,.em2,.em3,.em4{background:url(../images/v-shop/shop.png) no-repeat;background-size: auto 150px; }
|
.em1{ background-position:4px 7px}
|
.em2{ background-position:4px -34px}
|
.em3{ background-position:4px -73px}
|
.em4{ background-position:4px -112px}
|
.shop_Address{margin:auto; width:60%; overflow:hidden; position:relative}
|
.shop_Address em{ display:block; width:40px; height:50px;position:absolute; left:0; top:0}
|
.shop_Address strong{ display:block; width:80%; float:left; font-size:14px; line-height:150%; color:#666; margin-left:40px;}
|
|
|
/*店铺简介*/
|
::-webkit-scrollbar {width: 0px;}
|
.f_mask3 {background-color: #000;opacity: 0.4;height: 100%;width: 100%; position: absolute;top: 0;left: 0;z-index: 111;display: none;}
|
.good_canshu { width:96%; overflow-y:scroll;margin-left:2%;}
|
#choose_attr3{position:fixed; bottom:0; left:0; height:0px; z-index:99999999; background:#fff; width:100%;}
|
.subNavBox{ width:95%;margin:auto;overflow-y:scroll;background:#ffffff; height:100%; }
|
.subNavBox h2{ width:100%;height:50px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #eeeeee; margin-bottom:10px;font-weight:normal}
|
.subNavBox h2 img{ display:block; height:40px; margin-top:5px; float:left;}
|
.subNavBox h2 span{ display:block; float:left; width:70%; font-size:16px; line-height:50px; color:#333; text-indent:10px;}
|
.subNavBox dl{ width:100%; overflow:hidden; padding-top:8px; padding-bottom:8px;}
|
.subNavBox dl dt{ float:left; font-size:14px; line-height:150%; color:#666}
|
.subNavBox dl dd{ float:left; font-size:14px; line-height:150%; color:#333}
|
.shut{ width:100%; overflow:hidden; background:#FFF; height:50px;position:absolute; bottom:0px;}
|
.shut a{ display:block; width:96%; height:40px; background:#E71F19; text-align:center; text-align:14px; line-height:40px; color:#FFF; margin-left:2%; border-radius:3px;}
|
.phone{ display:block; width:50%; height:35px; text-align:center; text-align:14px; line-height:35px; border-radius:3px; margin-top:30px; border:1px solid #ccc; margin:auto}
|
|
/*顶部css*/
|
.h_top{ width:100%; height:50px; background:#282c39}
|
.h_top dl{ width:100%; height:50px; position:relative;}
|
.h_top dl dd{ text-align:left; line-height:50px; font-size:16px; color:#FFF; text-indent:40px;}
|
.h_top dl dt{ width:40px; height:50px; float:left;position:absolute; margin-left:10px;}
|
.h_top dl dt a{ display:block; width:40px; height:50px;background:url(../images/v-shop/back.png) no-repeat left center;background-size: auto 30px; }
|
.h_top dl span{ display:block; width:80px; position:absolute;height:50px; right:0px; top:0; text-align:center; }
|
.h_top dl span a{line-height:50px; font-size:14px; color:#FFF;}
|
.h_top dl em{ display:block; width:40px; position:absolute;height:40px; right:10px; top:5px;}
|
.h_top dl em img{ display:block; width:40px; height:40px; border-radius: 50%;}
|
.h_top dl i{ display:block; float:right; margin-right:10px;}
|
.h_top dl i a{ font-size:14px; line-height:50px; color:#FFF}
|
/*店铺分类*/
|
.catelog{ width:100%; overflow:hidden;}
|
.catelog ul{ width:95%; margin:auto; overflow:hidden; padding-top:10px;}
|
.catelog ul li{ width:100%; height:40px; border-bottom:1px solid #eeeeee}
|
.catelog ul li span{ display:block; float:left; font-size:14px; line-height:40px; color:#333;}
|
.catelog ul li i{ display:block; width:40px; height:40px; float:right;background:url(../images/v-shop/right.png) no-repeat right center;background-size: auto 20px;}
|
