Web/Images/specialSale.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*!
* specialSale.css
*/

html {background:#ededed;}
.wrap {position: relative;*zoom:1;width:1090px;}
.lazy {background:url(../image/okhqb-loading.gif) no-repeat 50% 50%;}
#dc-toolbar-bg .dc-toolbar-left {display:none;}
/* 菜单 */
.tmMenuNavWrap {min-width:1200px; background-color:#1483ff;}
.tmMenuNavWrap .tmMenuNav {width:1200px; margin:0 auto; font-size:16px;}
.tmMenuNavWrap li {}
.tmMenuNavWrap .tmMenuNav a {display:block; margin-right:1px; padding:0 55px; line-height:38px; color:#FFF;}
.tmMenuNavWrap .on a {background-color:#1566ee !important; text-decoration:none;}
.tmMenuNavWrap .tmMenuNav a:hover {background-color:#113b81; text-decoration:none;}

/* 幻灯片 */
.slideAdWrap {position:relative; height:270px;overflow:hidden;}
.slideAdWrap .slides_container a {display:block; width:1200px; margin:0 auto;}
.slideAdWrap .slides_container li {width:100%;}
.slideAdWrap .pagination {position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:6;}
.slideAdWrap .pagination li, .slideAdWrap .pagination a {display:inline-block; *display:inline; *zoom:1;}
.slideAdWrap .pagination a {width:14px; height:0; padding-top:14px; margin:0 5px; overflow:hidden; background:#FFF; border-radius:50%; opacity:0.7; filter:alpha(opacity=70)}
.slideAdWrap .current a {background:#000;}

/* 广告 */
.adWrap .ad_link {display:block; width:1200px; margin:0 auto;}


/* 保障 */ 
.security {margin:20px auto;}
.security img{width:1090px;height:85px;}

.btn {display:inline-block; color:#FFF; text-align:center; background:url(../image/buttons2.png) no-repeat;}
.btn:hover {text-decoration:none; opacity:0.8; color:#FFF;}

/*侧边栏描点定位*/
#sideAnchorWrap{display: none;position: absolute;top:110px;left:50%;margin-left: -615px;width:60px;height:260px;background: url(../image/sideanchor.jpg) 0 0 no-repeat;}
#sideAnchor a{display: block;width:60px;height:60px;text-indent: -1000em;}
#sideAnchor .lastFloor a{height:82px;}
/* 商品展示 */ 
.mod-hd {position:relative;}
.mod-hd .tit {height:100px;overflow: hidden;text-align: center;}
.mod-hd .line {position:absolute; top:50%; left:0; z-index:-1; width:100%; height:2px; margin-top:-1px; background:#000; line-height:0; font-size:0; overflow:hidden;}

.mod-item:before, .mod-item:after {content:""; display:table;}
.mod-item:after {clear:both;}
.mod-item {margin-top:20px; padding:10px; background:#FFF; font-family:'Microsoft Yahei'; *zoom:1;}
.mod-item .pic {position:relative; float:left; margin-right:15px; width:640px; height:350px; overflow:hidden;}
.mod-item .pic .lazy {width:640px; height:350px;}
.mod-item .info {float:left; width:415px; _zoom:1;}
.mod-item .timedown {height:25px; padding:13px 0 13px 35px; line-height:25px; color:#df2d11; font-size:18px; background:url(../image/clock.png) no-repeat left center; border-bottom:1px solid #e5e5e5;}
.mod-item .title {height:32px; margin:15px 0 10px; line-height:32px; font-size:20px; overflow:hidden;}
.mod-item .txt {height:44px; margin:13px 0 28px; line-height:22px; font-size:14px; overflow:hidden;}


.mod-item .buy_outer {position:relative; height:91px;}
.mod-item .buy_inner {position:absolute; width:100%; height:91px; padding-right:10px; right:-10px; color:#FFF; background:#f21535;}
.mod-item .buy_inner .arr_lt {position:absolute; left:-45px; width:47px; height:91px; background:url(../image/arr_lt.png) no-repeat;}
.mod-item .col_price {margin-top:12px; padding-left:5px;}