xyzshop/wap/css/index.css

@charset "utf-8";
/*
*首页样式
*/

.header-wrap { width: 100%; height: 50px; line-height:48px; background:#D9434E; position: relative; }
.htsearch-wrap { padding:0px 50px 0px 10px; }
.htsearch-wrap .search-btn { top: 8px; right: 0px; }
.htsearch-input { height: 30px; border:0px; width: 100%; text-indent: 8px; vertical-align: middle; font-weight: normal; font-size: 14px; -webkit-appearance:none; }
body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; margin: 0; background-color: #EBEBEB; color: #000; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.25em; }
.main { max-width: 640px; min-width: 320px; margin: 0 auto; overflow: hidden; }
.footer { max-width: 640px; min-width: 320px; margin: 0 auto; overflow: hidden; }
.index_block { width: 100%; clear: both; margin-top: .8em; border-top: solid 1px #D1D1D1; border-bottom: solid 1px #D1D1D1; overflow: hidden; }
.index_block .title { font-size: 1em; color: #777; background-color: #FFF; padding: .8em; }
/* 块模型布局B、D */
.home2 .content { font-size: 0; background-color: #FFF; *word-spacing: -1px/*IE6、7*/;
white-space: nowrap; border-top: solid 1px #D1D1D1; overflow: hidden; }
.home2_1, .home2_2 { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 50%; *zoom:1/*IE7*/;}
.home2 .border-left { border-left: 1px solid #D1D1D1; }
.home2 .border-right { border-right: 1px solid #D1D1D1; }
.home2 .border-bottom { border-bottom: 1px solid #D1D1D1; }
.home3 .content { font-size: 0; background-color: #FFF; *word-spacing: -1px/*IE6、7*/;}
.home3 .item { letter-spacing: normal; vertical-align: top; display: inline-block; *display: inline/*IE7*/;
width: 48%; margin: 1%; *zoom:1/*IE7*/;}
.item img { width: 100%; display: block; }
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap img { width: 100%; max-height: 240px; min-height: 120px; }
.goods { border: none; }
.goods .title { background-color: transparent; padding: 8px; }
.goods .content { font-size: 0; *word-spacing: -1px/*IE6、7*/;}
.goods-item { position:relative; font-size: 16px; background-color: #FFF; letter-spacing: normal; vertical-align: top; display: inline-block; *display: inline/*IE7*/;
width: 48%; margin: 1%; border-radius: 5px; *zoom:1/*IE7*/;
box-shadow: 0 1px 2px rgba(0,0,0,0.15); }
.goods-item a { display: block; }
.goods-item-pic { display: block; max-width: 240px; min-width: 120px; max-height: 240px; min-height: 120px; margin: 8px auto 0 auto; }
.goods-item-pic img { width: 100%; }
.goods-item-name { font-size: 0.8em; line-height: 18px; color: #777; height: 36px; padding: 8px 8px 0 8px; margin-bottom: 8px; overflow:hidden; }
.goods-item-price { font-size: 1em; color: #F30; height: auto; padding: 8px 0; margin: 0 8px; border-top: dotted 1px #D1D1D1; }
.goods-item i {font-style: normal;height: 88px;left: 0;overflow: hidden;position: absolute;top: 0;width: 88px;}
.goods-item i div {background: #f54246;font-size: 16px;width: 104px;height: 42px;position: absolute;color: #fff;top: -10px;left: -40px;z-index: 3;text-align: center;line-height: 62px;overflow: hidden;-webkit-transform: rotate(-45deg);}
.goods-price{ font-size: 0.8em; color: #777; text-decoration:line-through; margin-left:5px;}
.with-home-logo { background-image: url(../../data/upload/shop/common/home_logo.png); background-repeat: no-repeat; background-position: 10px 5px; padding-left: 135px; }