WebRoot/css/tuan.css

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

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

@charset "utf-8";
h1{font-size:20px;padding:10px 0}
h2{font-size:16px;font-weight:normal}
.p20{padding:20px}
.F16{font-size:18px;font-family:"Microsoft Yahei";}
.box{border:1px solid #eaeaea}
body{ background:#f6f6f6;}
.zhuanti_banner img{width:100%}


/*焦点*/
.tuan_product_class{position:absolute;top:160px;right:50%;margin-right:360px;z-index:1000;background:#fff;width:240px;height:440px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;border:1px solid #ededed;border-top:none}

/*index*/
.today_title img{width:100%}
.tuan_index_super{height:390px;overflow:hidden}
.tuan_index_super .item{height:380px;overflow:hidden;margin:6px 3px}
.tuan_index_super .item .item_title{height:22px;overflow:hidden}

.tuan_index_intro{margin:30px auto;width:90%;}
.tuan_index_intro li{float:left;width:25%;height:40px;overflow:hidden;line-height:20px;}
.tuan_index_intro .ico{ background:url(../images/indexico.png) no-repeat;height:40px;width:36px;display:block;float:left;margin-right:10px}
.tuan_index_intro .ico02{background-position:0px -40px;}
.tuan_index_intro .ico03{background-position:0px -80px;}
.tuan_index_intro .ico04{background-position:0px -125px;}
/*tuan_brand_small_list*/
.tuan_b{background:#fff;padding:15px;margin:20px 0;}
.tuan_b h2{border-bottom:1px dashed #ddd;line-height:30px;padding-bottom:8px;}
.tuan_brand_small_list li{width:100px;height:125px;margin:20px 15px;float:left;overflow:hidden}
.tuan_brand_small_list li img{width:100px;height:100px;overflow:hidden;border-radius:50px;}
.tuan_brand_small_list li .b_name{text-align:center;font-size:12px;height:25px;line-height:25px;overflow:hidden}
.tuan_brand_small_list li .b_name a{font:14px/25px Microsoft Yahei;}

.tuan_index_specil li{width:32.6%;margin:5px 0;}
.tuan_index_specil .tuan_index_specil_pic img{width:100%;}
.tuan_index_specil li .title{color:#666;height:30px;line-height:30px;overflow:hidden}

/*flash*/
.flash_buy_main{background:url(http://static.haitao.com/img/tuan/images/flash005.jpg) 8px 0px no-repeat;}
.flash_buy{background:#fff;}

.flash_title_bg{background:#fff url(http://static.haitao.com/img/tuan/images/flash003.jpg) repeat-x;height:112px;overflow:hidden;position:relative;}
.flash_title_bg .f_bg_title{width:284px;position:absolute;left:50%;top:0;margin-left: -140px; }
.flash_title_bg .f_bg_more{position:absolute;right:10px;top:10px;background:#fff url(http://static.haitao.com/img/tuan/images/flash004.jpg) no-repeat;width:304px;overflow:hidden;height:57px;}

.f_bg_c{padding-bottom:20px}
.f_bg_c li{background:#fff;overflow:hidden;margin-bottom:10px;height:330px;border-bottom:1px solid #f6f6f6;}
.flash_l{float:left;width:530px;height:330px;overflow:hidden;text-align:center}
.flash_r{float:left;width:668px;height:328px;overflow:hidden;}
.flash_l img{max-height:100%;max-width:100%}
.flash_des{padding:30px}
.flash_title{color:#2f2f2f;font-size:18px;}
.flash_title a{color:#2f2f2f}
.flash_remark{line-height:30px;color:#848283;margin:8px 0}
.flash_price{font:28px/40px Arial, Helvetica, sans-serif;color:#ff415b;}
.flash_area{margin:20px 0}
.flash_area img{height:20px;}
.flash_buy_button{padding:10px 28px;display:block}
.flash_time_end{margin:18px 0 20px 122px;color:#fff;font-size:24px}
.market_price{text-decoration:line-through}