/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0; padding:0;}
body{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif; background:#7676fb; padding-top:42px; font-family:'\5FAE\8F6F\96C5\9ED1';}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;list-style-type:none;}
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
.ell{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.spr{ display:block; background:url(../images/spr.png) no-repeat;}
/*header*/
.logo{ width:428px; height:75px; position:absolute; left:48px; top: 64px; background:url(../images/logo.png) no-repeat; z-index:9999;}
.logo a{ display:block; width:214px; height:75px; float:left; text-indent:-9999px;}
.time{ width:465px; line-height:44px; color:#3b3bff; font-size:24px; position:absolute; left:138px; top:558px; font-weight:bold; text-align:center;}
.btn1{ width:587px; height:130px; background-position:0 0; position:absolute; top:704px; left:6px; text-indent:-9999px;}
.btn2{ background-position:0 -132px; left:603px;}
/*content*/
.c1{ height:2753px;}
.c1-list{ padding:288px 0 20px 0;}
.c1-list li{ width:346px; height:544px; padding-top:26px; background:url(../images/list-bg.png) no-repeat; position:relative; float:left; margin:0 24px 0 30px;}
.c1-pic{ display:block; width:289px; height:362px; margin-left:21px;}
.c1-pic-p{ width:289px; margin:13px 0 12px 21px; text-align:center; line-height:40px; color:#ffffff; height:40px; font-size:24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.c1-price{ width:129px; height:58px; line-height:58px; color:#ffffff; font-size:50px;margin-left:21px; font-family:Impact;}
.c1-price span{ font-size:14px; font-weight:lighter;}
.c1-buy{ width:158px; height:50px; background-position:0 -265px; text-indent:-9999px; position:absolute; left:149px; top:456px;}
.more-link{ width:326px; height:77px; background-position:-160px -263px; margin:0 auto; text-indent:-9999px;}
/*c2*/
.c2{ height:900px;}
.rule{ padding:210px 0 0 110px;}
.rule li{ line-height:36px; color:#8e7203; font-size:18px; float:left;}
.rule li span{ display:block; width:32px; height:32px; text-align:center; line-height:32px; border-radius:50%; color:#f7d139; background:#af8c00; float:left;}
.rule li p{ width:1050px; float:left; margin-left:8px;}
/*footer*/
#afooter{ width:100%; height:86px; text-align:center; font-size:12px; line-height:20px; color:#787878; background:#303030; padding-top:25px;min-width:1000px; overflow:hidden;}
#afooter .wrap_ied { width:100%; margin:0 auto; padding-top:10px; width:1000px;}
#afooter p.e { font-size:10px; -webkit-text-size-adjust:none;}
#afooter a { color:#787878; text-decoration:none;}
#afooter a:hover { text-decoration:underline;}