1087 lines
23 KiB
CSS
1087 lines
23 KiB
CSS
.mtop20{ margin-top:10px;}
|
||
.mbottom20{ margin-bottom:20px;}
|
||
.cwhydhcbox{ margin:0 auto; margin-top:5px; display:none; width:310px; height:40px; background-color:#0ab23d; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-align:center;}
|
||
.cwhydhcbox a,.cwhydhcbox a:visited{font-size:16px; color:#fff; font-weight:bold; line-height:40px;width:310px; height:40px; display:block; letter-spacing:0px;}
|
||
/*picShow*/
|
||
.picShow {position: relative; width: 680px; height: 357px; margin:0; zoom:1; }
|
||
.ps-cont {height: 357px;}
|
||
|
||
.ps-cont img {width: 680px; height: 358px;}
|
||
.ps-tnav {position: absolute; top: 338px; left: 304px; padding: 0;}
|
||
.ps-tnav a{ float:left; width:15px; height:15px; margin-right:10px; cursor: pointer; text-align:center; background:url(../images/pichover2.png) no-repeat 0 0; text-indent: -9999px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pichover2.png'); _background-image: none;}
|
||
.ps-tnav a.hover{background:url(../images/pichover1.png) no-repeat 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pichover1.png'); _background-image: none;}
|
||
|
||
.indexmaxbox0
|
||
{
|
||
float:left; margin-left:4px;_margin-left:0px;padding-bottom:10px; width:1228px; overflow:hidden;border-bottom:1px solid #DFDFDF; /*border:1px solid #DFDFDF; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px 3px 3px 3px;box-shadow:0px 0px 4px 4px #cebebe; -webkit-box-shadow:0px 0px 4px 4px #cebebe; -moz-box-shadow:0px 0px 4px 4px #cebebe; -o-box-shadow:0px 0px 4px 4px #cebebe;*/ background-color:#fff;
|
||
}
|
||
.indexmaxbox
|
||
{
|
||
float:left; margin-left:4px;_margin-left:0px; padding-bottom:10px; width:1228px; overflow:hidden;border-bottom:1px solid #DFDFDF; /*border:1px solid #DFDFDF; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px 3px 3px 3px;/*box-shadow:0px 0px 4px 4px #cebebe; -webkit-box-shadow:0px 0px 4px 4px #cebebe; -moz-box-shadow:0px 0px 4px 4px #cebebe; -o-box-shadow:0px 0px 4px 4px #cebebe;*/ background-color:#fff;
|
||
}
|
||
.indexmaxbox img
|
||
{
|
||
width:1228px;
|
||
height:450px;
|
||
}
|
||
.indexmaxbox .leftbox
|
||
{
|
||
float:left;width:795px;overflow:hidden;border-right:1px solid #DFDFDF;height:100%; padding-bottom:9999px; margin-bottom:-9999px;position:relative;
|
||
}
|
||
.indexmaxbox .rightbox
|
||
{
|
||
float:right;width:425px;overflow:hidden;height:600px; position:relative;
|
||
}
|
||
.indexmaxbox .rightbox .flvbox
|
||
{
|
||
float:left; margin:10px; overflow:hidden; position:relative;
|
||
}
|
||
.indexmaxbox .rightbox .flvbox h3
|
||
{
|
||
float:left; height:40px; overflow:hidden; position:relative; font-size:20px; font-weight:bold;
|
||
|
||
}
|
||
|
||
|
||
.newsbox
|
||
{
|
||
float:right; margin:0; margin-top:10px; width:298px; overflow:hidden; position:relative; margin-top:10px;border:1px solid #e4e4e4; background-color:#fefefe;
|
||
}
|
||
.newsbox h3
|
||
{
|
||
height:40px;width:298px; border-bottom:1px solid #e8e8e7; border-bottom-style:dotted;
|
||
|
||
}
|
||
.newsbox h3 a,.newsbox h3 a:visited
|
||
{
|
||
float:left;
|
||
margin-top:0px; width:80px; padding:0 12px; margin-right:8px; display:block; height:40px; line-height:40px; font-size:16px; font-weight:bold; border-bottom:0;
|
||
|
||
/*border:1px solid #DFDFDF;
|
||
text-align:center;
|
||
-webkit-border-radius-top-left:3px;
|
||
-moz-border-radius-topleft:3px;
|
||
-webkit-border-radius-top-right:3px;
|
||
-moz-border-radius-topright:3px;
|
||
border-radius:3px 3px 0 0;
|
||
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#dbd8d8,gradientType=0);
|
||
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#dbd8d8,gradientType=0);
|
||
background:#dbd8d8;
|
||
background:-moz-linear-gradient(top, #ffffff,#dbd8d8);
|
||
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dbd8d8));
|
||
background:-o-linear-gradient(top, #ffffff, #dbd8d8); */
|
||
color:#666;
|
||
}
|
||
.newsbox h3 a.hover,.newsbox h3 a.hover:visited
|
||
{
|
||
filter:none;
|
||
-ms-filter:none;
|
||
margin-top:0px;
|
||
background:none;
|
||
background-color:#fff;
|
||
color:#666;
|
||
}
|
||
.newsbox h3 a.more,.newsbox h3 a.more:visited
|
||
{
|
||
float:right;
|
||
padding:0 10px;
|
||
width:50px;
|
||
text-align:right;
|
||
font-size:14px;
|
||
font-weight:normal;
|
||
}
|
||
|
||
.newsbox ul
|
||
{
|
||
float:left; overflow:hidden; position:relative;width:296px; height:316px; /*border:1px solid #DFDFDF; border-top:0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0px 5px 5px 5px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;*/
|
||
}
|
||
.newsbox ul li
|
||
{
|
||
float:left; height:31px; width:286px; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;_zoom:1; position:relative;border-top:1px solid #dfdfdf;color:#333;
|
||
}
|
||
|
||
.newsbox ul li.first {
|
||
border-top:0;margin-top:2px;
|
||
}
|
||
.newsbox ul li a,.newsbox ul li a:visited {
|
||
position:relative;
|
||
*zoom:1;
|
||
display:block;
|
||
padding:8px 12px 8px 0;
|
||
color:#333;
|
||
font-size:14px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.newsbox ul li a:hover {
|
||
color:#ff4a00
|
||
}
|
||
.newsbox ul li .dot {
|
||
margin:0 3px 0 8px;
|
||
font-family:sans-serif;
|
||
}
|
||
.newsbox ul li .iconfont {
|
||
position:absolute;
|
||
right:0;
|
||
top:10px;
|
||
}
|
||
.home-xiankuan-goods
|
||
{
|
||
float:left;
|
||
margin-top:10px;
|
||
margin-right:0px;
|
||
width:302px;
|
||
height:357px;
|
||
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #004714;
|
||
overflow:hidden;
|
||
}
|
||
.home-xiankuan-goods .title
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0 25px;
|
||
font-size:18px;
|
||
font-weight:400;
|
||
line-height:40px;
|
||
color:#fff;
|
||
width:311px;
|
||
background-color:#004714;
|
||
}
|
||
.home-xiankuan-goods .box-bd
|
||
{
|
||
float:left;
|
||
margin-top:10px;
|
||
background:#fff;
|
||
overflow:hidden;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item {
|
||
float:left;
|
||
width:309px;
|
||
height:309px;
|
||
overflow:hidden;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-content {
|
||
display:block;
|
||
height:288px;
|
||
padding:4px;
|
||
border:6px solid #fff;
|
||
text-align:center;
|
||
color:#000;
|
||
-webkit-transition:border-color .5s;
|
||
transition:border-color .5s
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-content:hover {
|
||
border-color:#f3f3f3;
|
||
border-color:rgba(243,243,243,0.8);
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-thumb {
|
||
display:block;
|
||
margin-bottom:10px;
|
||
height:220px;
|
||
text-align:center;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-thumb img
|
||
{
|
||
width:220px;
|
||
height:220px;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-title
|
||
{
|
||
|
||
display:block;
|
||
font-size:16px;
|
||
height:35px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-title a {
|
||
color:#000;
|
||
line-height:35px;
|
||
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-title a:hover {
|
||
color:#ff4a00;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-desc {
|
||
display:block;
|
||
font-size:12px;
|
||
color:#8c8c8c;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-price {
|
||
font-size:12px;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-price span {
|
||
color:#cc0000;
|
||
font-size:14px;
|
||
font-weight:bold;
|
||
}
|
||
.home-xiankuan-goods .xm-star-goods-item .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.home-rexiao-goods
|
||
{
|
||
float:right;
|
||
margin-top:10px;
|
||
margin-left:0px;
|
||
width:298px;
|
||
height:347px;
|
||
border:1px solid #e4e4e4;
|
||
overflow:hidden;
|
||
}
|
||
.home-rexiao-goods .title
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0 25px;
|
||
font-size:18px;
|
||
font-weight:400;
|
||
line-height:40px;
|
||
color:#fff;
|
||
width:311px;
|
||
background-color:#004714;
|
||
}
|
||
.home-rexiao-goods .box-bd
|
||
{
|
||
float:left;
|
||
margin-top:10px;
|
||
background:#fff;
|
||
overflow:hidden;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item {
|
||
float:left;
|
||
width:309px;
|
||
height:309px;
|
||
overflow:hidden;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-content {
|
||
display:block;
|
||
height:288px;
|
||
padding:4px;
|
||
border:6px solid #fff;
|
||
text-align:center;
|
||
color:#000;
|
||
-webkit-transition:border-color .5s;
|
||
transition:border-color .5s
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-content:hover {
|
||
border-color:#f3f3f3;
|
||
border-color:rgba(243,243,243,0.8);
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-thumb {
|
||
display:block;
|
||
margin-bottom:10px;
|
||
height:220px;
|
||
text-align:center;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-thumb img
|
||
{
|
||
width:220px;
|
||
height:220px;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-title
|
||
{
|
||
|
||
display:block;
|
||
font-size:16px;
|
||
height:35px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-title a {
|
||
color:#000;
|
||
line-height:35px;
|
||
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-title a:hover {
|
||
color:#ff4a00;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-desc {
|
||
display:block;
|
||
font-size:12px;
|
||
color:#8c8c8c;
|
||
}
|
||
|
||
.home-rexiao-goods .xm-star-goods-item .item-price {
|
||
font-size:12px;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-price span {
|
||
color:#cc0000;
|
||
font-size:14px;
|
||
font-weight:bold;
|
||
}
|
||
.home-rexiao-goods .xm-star-goods-item .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.home-zhongjiang-box
|
||
{
|
||
float:right;
|
||
margin-top:10px;
|
||
margin-left:10px;
|
||
width:296px;
|
||
height:357px;
|
||
border:1px solid #004714;
|
||
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
|
||
overflow:hidden;
|
||
}
|
||
.home-zhongjiang-box .title
|
||
{
|
||
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;
|
||
}
|
||
.home-zhongjiang-box .more
|
||
{
|
||
float:right;
|
||
margin-top:0px;
|
||
*margin-top:-40px;
|
||
position:relative;
|
||
width:auto;
|
||
height:40px;
|
||
padding:0 15px;
|
||
text-indent:0px;
|
||
text-align:center;
|
||
border-left:1px solid #dfdfdf;background-color:#0ab23d; border-top:0; border-bottom:0;
|
||
}
|
||
.home-zhongjiang-box .more .more-link {
|
||
font-size:18px;
|
||
font-weight:bold;
|
||
line-height:40px;
|
||
color:#fff;
|
||
width:auto;
|
||
}
|
||
.home-zhongjiang-box .more .more-link:hover {
|
||
color:#fff;
|
||
}
|
||
.zjbb-box
|
||
{
|
||
float:left;
|
||
margin-top:10px;
|
||
margin-bottom:10px;
|
||
height:25px;
|
||
width:294px;
|
||
overflow:hidden;
|
||
}
|
||
.zjbb-box ul
|
||
{
|
||
height:30px;
|
||
}
|
||
.zjbb-box ul li
|
||
{
|
||
float:left;
|
||
margin-left:5px;
|
||
height:25px;
|
||
width:296px;
|
||
font-size:14px;
|
||
line-height:25px;
|
||
color:#000;
|
||
}
|
||
.zjbb-box ul li span
|
||
{
|
||
float:left;
|
||
display:block;
|
||
color:red;
|
||
text-align:center;
|
||
}
|
||
.zjbb-box ul li span.span1
|
||
{
|
||
width:100px;
|
||
}
|
||
.zjbb-box ul li span.span2
|
||
{
|
||
width:80px;
|
||
}
|
||
.zjbb-box ul li span.span3
|
||
{
|
||
width:100px;
|
||
}
|
||
.zjphb-box
|
||
{
|
||
float:left;
|
||
margin-top:0;
|
||
margin-bottom:0;
|
||
width:294px;
|
||
overflow:hidden;
|
||
}
|
||
.zjphb-box ul
|
||
{
|
||
height:30px;
|
||
}
|
||
.zjphb-box ul li
|
||
{
|
||
float:left;
|
||
margin-left:0;
|
||
height:35px;
|
||
width:296px;
|
||
font-size:14px;
|
||
line-height:25px;
|
||
color:#000;
|
||
border-bottom:1px dotted #ccc;
|
||
border-left-style:dotted;
|
||
}
|
||
.zjphb-box ul li span
|
||
{
|
||
float:left;
|
||
margin-top:5px;
|
||
display:block;
|
||
color:red;
|
||
text-align:center;
|
||
}
|
||
.zjphb-box ul li span.span1
|
||
{
|
||
width:40px;
|
||
}
|
||
.zjphb-box ul li span.span1 i
|
||
{
|
||
width:25px;
|
||
height:25px;
|
||
line-height:25px;
|
||
display:inline-block;
|
||
font-size:14px;
|
||
font-style:normal;
|
||
font-weight:bold;
|
||
background-color:#8fc207;
|
||
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
|
||
}
|
||
.zjphb-box ul li span.span2
|
||
{
|
||
width:80px;
|
||
}
|
||
.zjphb-box ul li span.span3
|
||
{
|
||
width:160px;
|
||
}
|
||
.indexmaxbox2 .leftbox
|
||
{
|
||
float:left;width:613px;overflow:hidden;border-right:1px solid #ccc;height:400px;position:relative;
|
||
}
|
||
.indexmaxbox2 .rightbox
|
||
{
|
||
float:right;width:613px;overflow:hidden;height:400px; position:relative; text-align:right;
|
||
}
|
||
.indexmaxbox2 .rightbox img
|
||
{
|
||
float:left;
|
||
}
|
||
.mp3box{ position:fixed; left:0px; top:300px; width:40px; height:40px; background:#a1a1a1 url(../images/pop_onlineservice_bg.gif) no-repeat -2px 0; cursor:pointer; overflow:hidden;}
|
||
.mp3box.mp3{width:113px;}
|
||
.mp3box div{ margin-left:40px; width:730px; height:40px;}
|
||
.slider{float:left; _margin-top:-21px; width:100%;height:423px; overflow:hidden;}
|
||
.slider .items-container{float:left;width:100%; overflow:hidden;}
|
||
.slider .items-container .items{float:left;width:100%;height:423px;overflow:hidden;}
|
||
.slider .items-container .items .item{ float:left; width:100%;height:423px; overflow:hidden;}
|
||
.slider .items-container .items .item a{width:100%;height:100%; margin:0 auto;text-align:center; display:block;overflow:hidden; text-indent:-100000px; overflow:hidden;}
|
||
|
||
.home-ad ul li img{ width:1240px; height:71px;}
|
||
.icon-slides
|
||
{
|
||
margin-top:180px;
|
||
|
||
width:41px;
|
||
height:69px;
|
||
position:absolute;
|
||
overflow:hidden;
|
||
background-image:url("../images/icon-slides.png");
|
||
background-repeat:no-repeat;
|
||
_filter:alpha(opacity=40);
|
||
text-indent:1000px;
|
||
}
|
||
.icon-slides:hover {
|
||
opacity:.6;
|
||
filter:alpha(opacity=60)
|
||
}
|
||
.icon-slides:focus {
|
||
outline:0
|
||
}
|
||
.icon-slides-prev
|
||
{
|
||
left:5%;
|
||
background-position:-84px center
|
||
}
|
||
.icon-slides-prev:hover {
|
||
background-position:0 center
|
||
}
|
||
.icon-slides-next
|
||
{
|
||
right:5%;
|
||
background-position:-125px center
|
||
}
|
||
.icon-slides-next:hover {
|
||
background-position:-42px center
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.brick-list .brick-item {
|
||
float:left
|
||
}
|
||
.brick-list .item {
|
||
border-right:1px solid #dfdfdf;
|
||
border-bottom:1px solid #dfdfdf
|
||
}
|
||
.brick-list .item .item-content {
|
||
position:relative
|
||
}
|
||
.brick-list .item a {
|
||
color:#000
|
||
}
|
||
.brick-list .item a:hover {
|
||
color:#ff4a00
|
||
}
|
||
.brick-list .item .item-info {
|
||
display:block;
|
||
padding-top:20px;
|
||
padding-left:20px;
|
||
text-align:center;
|
||
}
|
||
.brick-list .item .item-title {
|
||
display:block;
|
||
font-size:16px;
|
||
line-height:25px;
|
||
|
||
}
|
||
.brick-list .item .item-price {
|
||
color:#000;
|
||
font-size:12px;
|
||
}
|
||
|
||
.brick-list .item .item-price span{
|
||
color:#cc0000;
|
||
font-size:14px;
|
||
font-weight:bold;
|
||
}
|
||
.brick-list .item .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.brick-list .item .item-thumb {
|
||
display:block
|
||
}
|
||
.brick-list .brick-item-l {
|
||
width:620px;
|
||
height:310px
|
||
}
|
||
.brick-list .brick-item-l .item .item-content {
|
||
width:619px;
|
||
height:309px;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.brick-list .brick-item-l .item .item-title {
|
||
width:100%;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.brick-list .brick-item-l .item .item-thumb img {
|
||
width:620px;
|
||
height:310px
|
||
}
|
||
.brick-list .brick-item-m {
|
||
width:310px;
|
||
height:310px
|
||
}
|
||
.brick-list .brick-item-m .item .item-content {
|
||
height:289px;
|
||
padding:4px;
|
||
border:6px solid #fff;
|
||
-webkit-transition:border-color .5s;
|
||
transition:border-color .5s
|
||
}
|
||
.brick-list .brick-item-m .item .item-content:hover {
|
||
*background:#ffffff;
|
||
border-color:#f3f3f3;
|
||
border-color:rgba(243,243,243,0.8)
|
||
}
|
||
.brick-list .brick-item-m .item .item-title {
|
||
width:100%;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.brick-list .brick-item-m .item .item-thumb {
|
||
text-align:center
|
||
}
|
||
.brick-list .brick-item-m .item .item-thumb img {
|
||
width:220px;
|
||
height:220px
|
||
}
|
||
.brick-list .brick-item-s {
|
||
width:310px;
|
||
height:155px
|
||
}
|
||
.brick-list .brick-item-s .item .item-content {
|
||
height:135px;
|
||
padding:3px 4px 4px;
|
||
border:6px solid #fff;
|
||
-webkit-transition:border-color .5s;
|
||
transition:border-color .5s
|
||
}
|
||
.brick-list .brick-item-s .item .item-content:hover {
|
||
*background:#ffffff;
|
||
border-color:#f3f3f3;
|
||
border-color:rgba(243,243,243,0.8)
|
||
}
|
||
.brick-list .brick-item-s .item .item-info {
|
||
float:left;
|
||
width:130px
|
||
}
|
||
.brick-list .brick-item-s .item .item-thumb {
|
||
float:right
|
||
}
|
||
.brick-list .brick-item-s .item .item-thumb img {
|
||
width:135px;
|
||
height:135px
|
||
}
|
||
|
||
|
||
.home-new-goods {
|
||
margin-bottom:15px;
|
||
width:100%;
|
||
}
|
||
.home-new-goods .col-15 {
|
||
height:929px;
|
||
overflow:hidden;
|
||
position:relative;
|
||
_zoom:1
|
||
}
|
||
.home-new-goods .col-5 {
|
||
height:929px;
|
||
overflow:hidden;
|
||
position:relative;
|
||
_zoom:1;
|
||
background:#fafafa
|
||
}
|
||
.home-new-goods .recharge-section {
|
||
padding:25px 30px 20px
|
||
}
|
||
.home-new-goods .recharge-section h3 {
|
||
margin:0 0 10px;
|
||
font-size:18px;
|
||
font-weight:400;
|
||
color:#333
|
||
}
|
||
.home-new-goods .recharge-section .xm-recharge-tips {
|
||
margin-left:10px;
|
||
font-size:14px;
|
||
color:#f32f39
|
||
}
|
||
.home-new-goods .news-section {
|
||
padding:25px 30px;
|
||
border-top:1px solid #dfdfdf
|
||
}
|
||
.home-new-goods .news-section h3 {
|
||
margin:0 0 5px;
|
||
font-size:18px;
|
||
font-weight:400;
|
||
color:#333
|
||
}
|
||
.home-new-goods .news-section ul {
|
||
margin:0;
|
||
padding:0;
|
||
list-style-type:none
|
||
}
|
||
.home-new-goods .news-section li {
|
||
border-top:1px solid #dfdfdf;
|
||
color:#333;
|
||
}
|
||
.home-new-goods .news-section li.first {
|
||
border-top:0
|
||
}
|
||
.home-new-goods .news-section li a {
|
||
position:relative;
|
||
*zoom:1;
|
||
display:block;
|
||
padding:12px 12px 12px 0;
|
||
color:#333;
|
||
font-size:16px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1;
|
||
}
|
||
.home-new-goods .news-section li a:hover {
|
||
color:#ff4a00
|
||
}
|
||
.home-new-goods .news-section li .dot {
|
||
margin:0 3px 0 0;
|
||
font-family:sans-serif
|
||
}
|
||
.home-new-goods .news-section li .iconfont {
|
||
position:absolute;
|
||
right:0;
|
||
top:12px;
|
||
}
|
||
.home-new-goods .channel-list {
|
||
margin:0;
|
||
padding:0;
|
||
list-style-type:none
|
||
}
|
||
.home-new-goods .channel-list li {
|
||
border-bottom:1px solid #dfdfdf
|
||
}
|
||
.home-new-goods .channel-list li a {
|
||
position:relative;
|
||
display:block;
|
||
height:86px;
|
||
padding:30px 120px 10px 30px;
|
||
color:#333
|
||
}
|
||
.home-new-goods .channel-list li .item-title {
|
||
display:block;
|
||
width:155px;
|
||
font-size:16px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.home-new-goods .channel-list li .item-price {
|
||
margin-bottom:5px;
|
||
font-size:12px;
|
||
color:#f32f39
|
||
}
|
||
.home-new-goods .channel-list li .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.home-new-goods .channel-list li .item-desc {
|
||
display:block;
|
||
font-size:12px;
|
||
color:#6d6d6d
|
||
}
|
||
.home-new-goods .channel-list li .item-thumb {
|
||
position:absolute;
|
||
top:13px;
|
||
right:18px
|
||
}
|
||
.home-new-goods .channel-list li .item-thumb img {
|
||
width:100px;
|
||
height:100px
|
||
}
|
||
.home-new-goods .channel-list li .item-flag {
|
||
position:absolute;
|
||
top:0;
|
||
left:30px
|
||
}
|
||
.home-new-goods .channel-list li .item-flag .icon-flag {
|
||
display:block;
|
||
width:70px;
|
||
height:20px;
|
||
font-size:12px;
|
||
line-height:20px;
|
||
text-align:center;
|
||
color:#fff;
|
||
background:#f32f39
|
||
}
|
||
|
||
.home-hot-goods {
|
||
margin-bottom:15px
|
||
}
|
||
.home-hot-goods .col-15
|
||
{
|
||
position:relative;
|
||
height:619px;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.home-hot-goods .col-5
|
||
{
|
||
position:relative;
|
||
height:619px;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.home-hot-goods .board-section h3 {
|
||
margin:0;
|
||
height:36px;
|
||
padding:34px 30px 33px;
|
||
*padding:30px;
|
||
font-size:24px;
|
||
font-weight:400;
|
||
color:#000
|
||
}
|
||
.home-hot-goods .board-section h3 span {
|
||
margin-right:5px;
|
||
color:#ff4a00
|
||
}
|
||
.home-hot-goods .board-list {
|
||
margin:0;
|
||
padding:0;
|
||
list-style-type:none
|
||
}
|
||
.home-hot-goods .board-list li {
|
||
position:relative;
|
||
height:70px;
|
||
padding:16px 30px 16px 65px;
|
||
border-top:1px solid #dfdfdf
|
||
}
|
||
.home-hot-goods .board-list li:hover {
|
||
background:#fafafa
|
||
}
|
||
.home-hot-goods .board-list li a {
|
||
color:#333
|
||
}
|
||
.home-hot-goods .board-list li a:hover {
|
||
color:#ff4a00
|
||
}
|
||
.home-hot-goods .board-list li .item-info {
|
||
float:left;
|
||
width:135px;
|
||
padding:15px 0 0
|
||
}
|
||
.home-hot-goods .board-list li .item-title {
|
||
display:block;
|
||
width:135px;
|
||
font-size:16px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.home-hot-goods .board-list li .item-price {
|
||
|
||
font-size:12px;
|
||
|
||
}
|
||
.home-hot-goods .board-list li .item-price span {
|
||
color:#cc0000;
|
||
font-size:14px;
|
||
font-weight:bold;
|
||
}
|
||
.home-hot-goods .board-list li .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.home-hot-goods .board-list li .item-thumb {
|
||
float:right
|
||
}
|
||
.home-hot-goods .board-list li .item-thumb img {
|
||
width:70px;
|
||
height:70px
|
||
}
|
||
.home-hot-goods .board-list li .item-num {
|
||
position:absolute;
|
||
left:30px;
|
||
top:15px;
|
||
font-size:40px;
|
||
line-height:70px;
|
||
color:#6d6d6d;
|
||
-webkit-font-smoothing:antialiased
|
||
}
|
||
.home-hot-goods .board-list li.top .item-num {
|
||
color:#ff4a00
|
||
}
|
||
.category-ads-section
|
||
{
|
||
float:left;
|
||
width:308px;
|
||
height:618px;
|
||
overflow:hidden;
|
||
border-left:1px solid #dfdfdf;
|
||
border-right:1px solid #dfdfdf;
|
||
border-top:0;
|
||
}
|
||
.category-ads-section li
|
||
{
|
||
float:left;
|
||
width:100%;
|
||
height:316px;
|
||
border-bottom:0;
|
||
position:relative;
|
||
}
|
||
.category-ads-section li img
|
||
{
|
||
float:left;
|
||
width:308px;
|
||
height:309px;
|
||
border-bottom:0;
|
||
}
|
||
.category-ads-section li .viewbox
|
||
{
|
||
position:absolute;
|
||
bottom:0;
|
||
left:0;
|
||
width:268px;
|
||
_width:308px;
|
||
height:100px;
|
||
line-height:25px;
|
||
background-color:#000;
|
||
background-color: rgba(0,0,0,0.5);
|
||
_filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
|
||
text-align:center;
|
||
padding:20px;
|
||
text-indent:0;
|
||
color:#fff;
|
||
}
|
||
.category-ads-section li .viewbox del
|
||
{
|
||
color:#c8c8c8;
|
||
}
|
||
.category-ads-section li .viewbox a,.category-ads-section li .viewbox a:visited
|
||
{
|
||
color:#fff;
|
||
text-indent:0;
|
||
}
|
||
@media screen and (max-width:1260px)
|
||
{
|
||
.home-zhongjiang-box
|
||
{
|
||
margin-left:0;
|
||
width:306px;
|
||
}
|
||
|
||
.home-xiankuan-goods,.newsbox
|
||
{
|
||
display:none;
|
||
}
|
||
.indexmaxbox0
|
||
{
|
||
width:922px;
|
||
}
|
||
.indexmaxbox0{width:922px;}
|
||
.indexmaxbox0 img{width:922px; height:338px;}
|
||
.indexmaxbox{width:922px;}
|
||
.indexmaxbox img{width:922px; height:338px;}
|
||
.indexmaxbox .leftbox{width:612px;}
|
||
.indexmaxbox .leftbox img{width:612px; height:auto;}
|
||
.indexmaxbox .rightbox{width:300px; height:460px;}
|
||
.indexmaxbox .rightbox img{width:300px; height:auto;}
|
||
.indexmaxbox .rightbox .newsbox{width:280px;}
|
||
.indexmaxbox .rightbox .newsbox ul{width:280px;}
|
||
.indexmaxbox .rightbox .newsbox ul li{width:280px;}
|
||
.indexmaxbox .rightbox .flvbox{}
|
||
.indexmaxbox2{width:922px;height:250px;}
|
||
.indexmaxbox2 ul{width:942px;}
|
||
.indexmaxbox2 ul li
|
||
{
|
||
width:300px; height:240px;
|
||
}
|
||
.indexmaxbox2 ul li .newsbox
|
||
{
|
||
display:none;
|
||
}
|
||
|
||
}
|
||
@media screen and (max-width:800px)
|
||
{
|
||
|
||
|
||
.home-star-goods
|
||
{
|
||
float:right;
|
||
}
|
||
.home-xiankuan-goods
|
||
{
|
||
display:block;
|
||
|
||
}
|
||
.home-rexiao-goods{ float:left; width:302px; margin:0; margin-top:10px; margin-bottom:10px;}
|
||
.home-zhongjiang-box{float:right; margin-top:-2px; width:302px;}
|
||
.mp3box{ display:none;}
|
||
.indexmaxbox0
|
||
{
|
||
width:620px;
|
||
}
|
||
.indexmaxbox0 img{width:620px; height:211px;}
|
||
.indexmaxbox{width:620px;}
|
||
.indexmaxbox img{width:620px; height:211px;}
|
||
.indexmaxbox2{width:620px; height:170px;}
|
||
.indexmaxbox2 ul{width:640px;}
|
||
.indexmaxbox2 ul li
|
||
{
|
||
width:202px; height:162px;
|
||
}
|
||
.indexmaxbox2 ul li img
|
||
{
|
||
width:192px; height:162px;
|
||
}
|
||
.indexmaxbox2 ul li .newsbox
|
||
{
|
||
display:none;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width:620px)
|
||
{
|
||
.home-xiankuan-goods
|
||
{
|
||
display:block;
|
||
width:308px;
|
||
|
||
}
|
||
.cwhydhcbox{ display:block;}
|
||
.home-rexiao-goods{ float:left; width:308px; margin:0; margin-top:10px;}
|
||
.home-zhongjiang-box{ width:308px;margin-top:10px;margin-bottom:10px;}
|
||
.home-hot-goods .col-15
|
||
{
|
||
position:relative;
|
||
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
||
border-left:1px solid #dfdfdf;
|
||
height:428px;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.brick-list .item .item-price.item-price-block
|
||
{
|
||
display:block;
|
||
}
|
||
.brick-list .brick-item-m {
|
||
width:154px;
|
||
height:215px
|
||
}
|
||
.brick-list .brick-item-m .item .item-content {
|
||
height:194px;
|
||
padding:4px;
|
||
border:6px solid #fff;
|
||
-webkit-transition:border-color .5s;
|
||
transition:border-color .5s
|
||
}
|
||
.brick-list .brick-item-m .item .item-thumb img {
|
||
width:110px;
|
||
height:110px
|
||
}
|
||
.indexmaxbox0
|
||
{
|
||
width:308px;
|
||
}
|
||
.indexmaxbox0 img{width:308px; height:108px;}
|
||
.indexmaxbox{width:308px;}
|
||
.indexmaxbox img{width:308px; height:108px;}
|
||
.indexmaxbox2{width:308px; height:800px;}
|
||
.indexmaxbox2 ul{width:320px;}
|
||
.indexmaxbox2 ul li
|
||
{
|
||
width:300px; height:240px; margin-bottom:10px;
|
||
}
|
||
.indexmaxbox2 ul li img
|
||
{
|
||
width:300px; height:240px;
|
||
}
|
||
.indexmaxbox2 ul li .newsbox
|
||
{
|
||
display:none;
|
||
}
|
||
} |