44% off 2014 annual top sellers @MyLED.com

Link: http://special.myled.com/20141229/en/myled_en.html


@charset “utf-8”;
/* CSS Document */
body{ margin:0; font: normal 12px/24px “Arial”;color:#333;}
ul,li{ list-style:none;}
menu,nav,figure,figcaption,header,footer,section,article,img{ display:block}
dl,dt,dd,ul,li,h1,h2,h3,h4,h5,menu,nav,figure,figcaption,header,footer,section,article,aside,p,input,img{ margin:0; padding:0;border:0;}
a{text-decoration: none;color: #333;cursor: pointer;}
a:hover{text-decoration: none;color: #24aed5;cursor: pointer;}
del{color: #666; font-size: 12px;}
.clearfix:after{content:“\020”; display: block; height:0; clear:both; visibility:hidden}
.clearfix{zoom:1;}
.clear{ clear:both; height:0; content:” “; overflow:hidden; width:100%;}
.page{ width:980px; margin: 0 auto;}
.bgcolor{ background:#ffe8bf;}

/* header */
.header{ margin: 10px 0; height: 70px;}
.header .logo{background: url(“/special_templete/images/offimg/logo.jpg”) no-repeat; width:141px; height:57px; margin-top:20px; }
.header ul{ float:right; margin-top: 30px; margin-right:30px;}
.header ul li{ float: left; margin: 0 10px; font-weight: bold}
.header ul li:last-child{ margin-right: 0px;}
.query-input{ width: 278px;height: 25px; border: 1px solid #ccc; float: right; padding: 5px 10px;margin-top: 15px; position:relative}
.query-input input{border: 0;width: 240px;height: 25px; margin-right: 10px; font-family:Arial, Helvetica, sans-serif; outline:none;
}
.query-input .serch-btn{ cursor: pointer; border: 0; width: 26px;height: 18px; background: url(“/special_templete/images/offimg/serbtn.jpg”) center no-repeat!important; display: inline-block; top: 10px; position: absolute; left:270px; float:right; outline:none;
}

/* footer */
footer{ text-align: left; padding-left:15px; padding-bottom: 50px; margin: 0 auto; background: url(“/special_templete/images/offimg/support.jpg”) top no-repeat; border-top: 1px solid #e9e9e9; padding-top: 85px; }
.footbanner{ padding: 10px 0;}

/* banner */
.banner{ background:#ffe8bf; height:504px;}
.banner .bg1{background: url(“…/images/banner_1.jpg”) center no-repeat;height:130px}
.banner .bg2{background: url(“…/images/banner_2.jpg”) center no-repeat;height:130px}
.banner .bg3{background: url(“…/images/banner_3.jpg”) center no-repeat;height:140px}
.banner .bg4{background: url(“…/images/banner_4.jpg”) center no-repeat;height:104px}
.banner2{position:absolute;width:100%;}
.banner2 img{margin:0px auto; width:790px;}

/* content */
.content{background: #fff; padding-top: 10px;}
.content .tit{ background: url(“/special_templete/images/offimg/titlebg.png”) center center; font-size: 20px; text-align: center; color: #fff; position: relative; width: 1000px; height: 42px; padding-top: 8px; left: –10px;}
.content .throw-row li{ border: 1px dashed #d0d0d0; width: 220px; line-height: 18px; padding-bottom:15px; float: left; margin-left: 18px; margin-bottom: 18px;}
.content .throw-row img{ width: 210px; margin: 5px auto; }
.content .throw-row span, .price{ font-size: 20px; color: #d10000; padding-right: 10px;}
.content .throw-row{ margin: 10px 15px 10px 0; text-align: center;}
.content .throw-row p{ margin: 5px; }
.content .throw-row .btn{ width: 170px; display: inline-block; height: 28px; color: #fff; font-size: 14px;
line-height: 28px; border-radius: 5px; background: #3080ff;
}
.content .four-row li{ width: 220px; }
del{color: #666; font-size: 12px; margin-left:12px;}
.name{height:35px; text-align: center; padding:0 8px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* footerup */
.footerup{width:980px; height:160px; margin-bottom: 20px; }
.about{width:150px; float:left; margin-left:12px; margin-top:10px;}
.about h2{line-height:30px; font-weight:bold; font-size:12px;}
.about p a{color:#666666; line-height:20px;}
.about a:hover{text-decoration:none;}
.share{width:180px; float:left; margin-left:12px; margin-top:10px;}
.share p{ font-size: 15px; font-weight: bold;}
.shareup{width:180px; margin-top:10px;}
.shareup a{text-decoration:none; margin-left:4px;}
.sharedown h3{color:#ffae01; height:22px; line-height:22px; font-size:12px; font-weight:normal; margin-top:5px;}
.sharedown p{color:#cccccc; line-height:16px;}
.sub #newslettedr{width:128px; height:29px; background-color:#000000; border:none; line-height:29px; font-size:12px; color:#666666; padding:0 5px;}
.sub a{margin-left:3px;}
.footerdown p{color:#666666; text-align:center; height:40px; line-height:40px; margin-bottom:20px; font-size:12px;}
#buttom{border:none; background:none; margin-left:–10px;}

/* share */
.share{width:180px; float:left; margin-left:12px; margin-top:10px;}
.shareup{width:180px; margin-top:10px;}
.shareup a{text-decoration:none; margin-left:4px;}
.shareup img{ display: inline-block;}
.sharedown h3{color:#ffae01; height:22px; line-height:22px; font-size:12px; font-weight:normal; margin-top:5px;}
.sharedown p{color:#cccccc; line-height:16px;}
.clear{clear:both;}
.products{height:auto; width:980px; margin:0 auto; position:relative;top:–80px;}
.products h2{font-size:16px; font-weight:bold; line-height:40px; color:#333; text-align:center; background:url(images/bt.jpg) no-repeat left top; height:58px;}
.products ul{display:block; width:100%;overflow:hidden;}
.products ul li{width:235px; float:left; margin-right:5px; margin-top:8px; background:#fff;border:1px solid #fff;}
.products li img{padding:7px 8px;width:220px;height:166px;}
.products li .name{color:#565656; height:36px; line-height:18px; text-align:center; overflow:hidden; display:block; padding:0 8px;}
.products li .price{font-size:24px; color:#d90101; text-align:center; height:24px; line-height:24px; margin:8px auto;}
.yj{font-size:12px; color:#888888; text-decoration:line-through; padding-left:8px;}
.products li .buy{width:90%; height:30px; margin:5px auto; background:#f18d01; display:block; text-align:center; color:#FFF; font-size:14px; line-height:30px; text-decoration:none;}
.coupon{padding-top:15px; color:#ff0000; font-size:15px; line-height:32px; padding-left:18px;}
.coupon .wz{float:left; padding-right:10px; font-size:18px; color:#000;}
.coupon .hs{float:left; width:107px; height:31px; background:url(‘/special_templete/images/wzbj.jpg’) no-repeat left top; line-height:29px; text-align:center; font-size:22px; font-weight:bold;}
.coupon2{font-size:15px; line-height:24px; padding-top:5px; padding-left:18px;}

.change-list{background:#b80d15; width:180px; font-size:12px; position:fixed; right:10px; top:400px;z-index:1005;}
.change-list li{border-bottom:1px solid #cf4142;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.change-list a{display:block;height:30px;line-height:30px; text-align:center;color:#fff; }
.change-list a:hover{background:#97191a;}
.change-list .active{background:#97191a;}
.change-list .topcss a{border-bottom-right-radius:8px;
border-bottom-left-radius:8px;border-bottom:0;background: url(‘…/images/top.png’) #7e0100 center center no-repeat;}
.change-list .topcss{border-bottom:0;}