138 lines
4.1 KiB
CSS
138 lines
4.1 KiB
CSS
|
|
|
|||
|
|
body{ margin:0px; padding:0px; font-size:12px; font-family:"<22><><EFBFBD><EFBFBD>",Verdana, Geneva, sans-serif; color:#666; width:100%;}
|
|||
|
|
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,h7,form{ margin:0px; padding:0px; list-style:none;}
|
|||
|
|
.clear{ clear:both; font-size:0px; height:0px;}
|
|||
|
|
.divleft{ float:left;}
|
|||
|
|
.divright{ float:right;}
|
|||
|
|
img{ border:0px;}
|
|||
|
|
|
|||
|
|
a{ text-decoration:none;}
|
|||
|
|
a:hover{}
|
|||
|
|
|
|||
|
|
.cd0281e{ color:#d0281e;}
|
|||
|
|
.c1d5b9f{ color:#1d5b9f;}
|
|||
|
|
.ceaac44{ color:#eaac44;}
|
|||
|
|
.c92bd49{ color:#92bd49;}
|
|||
|
|
.c27a196{ color:#27a196;}
|
|||
|
|
.c666666{ color:#666666;}
|
|||
|
|
|
|||
|
|
a {
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*ͷ<><CDB7>*/
|
|||
|
|
#top{ width:100%; height:34px; background:#f7f7f7; border-bottom:1px solid #eee; line-height:34px;}
|
|||
|
|
#top .w1200{ width:618px; margin:0px auto;}
|
|||
|
|
#top .w1200 .left{ float:left;}
|
|||
|
|
#top .w1200 .left .ico{ width:60px; height:34px; float:left; background:url(../images/ico20140114.png) no-repeat 0 6px; padding-left:18px; border-right:1px solid #dcdcdc; margin-right:12px;}
|
|||
|
|
#top .w1200 .left .ico a{ color:#333;}
|
|||
|
|
#top .w1200 .left .ico a:hover{ color:#D0281E;}
|
|||
|
|
#top .w1200 .left a{ color:#666;}
|
|||
|
|
#top .w1200 .left a:hover{ color:#1d5b9f;}
|
|||
|
|
#top .w1200 .right{ float:right;}
|
|||
|
|
#top .w1200 .right ul{}
|
|||
|
|
#top .w1200 .right ul li{ float:left; padding-left:5px; position:relative}
|
|||
|
|
|
|||
|
|
#top .w1200 .right ul li em{background: url("../images/down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 3px;position: absolute;right: 0;top: 15px;width: 6px;}
|
|||
|
|
#top .w1200 .right ul li:hover em{background:url(../images/up.png) no-repeat; display: block}
|
|||
|
|
#top .w1200 .right ul li .asa{ display: none;}
|
|||
|
|
#top .w1200 .right ul li:hover .asa{ display: block}
|
|||
|
|
|
|||
|
|
#top .w1200 .right ul li .em1{background: url("../images/gif-0309.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 9px;left: 70px; position: absolute;top:3px;width: 22px;}
|
|||
|
|
#top .w1200 .right ul li a{ color:#666;}
|
|||
|
|
#top .w1200 .right ul li a:hover{ color:#d0281e}
|
|||
|
|
#top .w1200 .right ul li span{ width:12px; height:11px; background:url(../images/ico_x.png) no-repeat; display:block; float:left; margin-top:11px; margin-right:3px;}
|
|||
|
|
#top .w1200 .right ul li .cart_top{background: url(../images/mincart.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
|
|||
|
|
|
|||
|
|
.contentWrapper
|
|||
|
|
{
|
|||
|
|
margin:0 auto;
|
|||
|
|
width:620px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.chouj_new03
|
|||
|
|
{
|
|||
|
|
float:right;
|
|||
|
|
margin-top:10px;
|
|||
|
|
margin-left:0;
|
|||
|
|
width:618px;
|
|||
|
|
border:1px solid #004714;
|
|||
|
|
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.chouj_new03 h3
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-weight:400;
|
|||
|
|
line-height:40px;
|
|||
|
|
color:#fff;
|
|||
|
|
width:100%;
|
|||
|
|
text-indent:25px;
|
|||
|
|
background-color:#004714;
|
|||
|
|
}
|
|||
|
|
.xinx_jo
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin-top:10px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
width:294px;
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul li
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin-left:5px;
|
|||
|
|
height:25px;
|
|||
|
|
width:296px;
|
|||
|
|
font-size:14px;
|
|||
|
|
line-height:25px;
|
|||
|
|
color:#000;
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul li span
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
display:block;
|
|||
|
|
color:red;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul li span.span1
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul li span.span2
|
|||
|
|
{
|
|||
|
|
width:80px;
|
|||
|
|
}
|
|||
|
|
.xinx_jo ul li span.span3
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
}
|
|||
|
|
.xinx_qj{ float:right; width:200px;margin-top:120px; margin-bottom:20px; margin-right:20px;}
|
|||
|
|
.xinx_qj a,.xinx_qj a:visited{display:block; width:200px; height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#0ab23d; font-size:30px; font-weight:bold; color:#fff;text-align:center; line-height:60px;}
|
|||
|
|
.xinx_qj2{float:right; width:200px; margin-top:120px; margin-bottom:20px; margin-right:20px;}
|
|||
|
|
.xinx_qj2 a,.xinx_qj2 a:visited{ display:block; width:200px; height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#0ab23d;font-size:30px; font-weight:bold; color:#fff; text-align:center;line-height:60px;}
|
|||
|
|
.xinx_qj a:hover,.xinx_qj2 a:hover{background-color:#ec1c24;}
|
|||
|
|
.text_lo{ float:left; line-height:25px; font-size:14px; margin:20px;}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:620px)
|
|||
|
|
{
|
|||
|
|
#top{ min-width:310px;}
|
|||
|
|
#top .w1200{ width:310px; margin:0px auto;}
|
|||
|
|
.w1200 .right{ display:none;}
|
|||
|
|
.contentWrapper
|
|||
|
|
{
|
|||
|
|
width:310px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.chouj_new03
|
|||
|
|
{
|
|||
|
|
width:308px;
|
|||
|
|
}
|
|||
|
|
.xinx_qj,.xinx_qj2{margin-top:0px; margin-right:50px;}
|
|||
|
|
}
|