channel.css 3.14 KB
@charset "utf-8";
/* CSS Document */

.g-bou-bg{ width:990px; height:385px; margin:59px auto 0 auto; background:url(../images/channel/jp-t1.jpg) no-repeat;}
.g-boutique{ background:url(../images/channel/jp-bg.jpg) repeat-x;}
.g-bout-box{ width:1140px; margin:0 auto;}
.g-bout-box ul{ height: 390px;
    padding: 50px 0 0 88px;
    width: 1054px;background:url(../images/channel/jp-bc2.png) bottom no-repeat;}
.g-bout-box ul.s2{background:url(../images/channel/jp-bc2.png) bottom no-repeat;}
.g-bout-box ul li{ width:484px; height:309px; background:url(../images/channel/jp-bg2.png) no-repeat; float:left}

.u-bout-cent{ width:201px; height:275px; margin:10px 0 0 34px; float:left}
.u-bout-cent .u-tr1{ height:65px; line-height:65px; padding-left:13px; font-family:"Microsoft YaHei UI"; font-size:20px; color:#666}
.u-bout-cent .u-tr1 span{ font-size:24px;}
.u-bout-cent .u-tr1 span.s1{ color: #4fa317; font-weight:bold;
    _width: 120px;
    max-width: 120px;
    overflow: hidden;
    height: 30px;
    display: block;
    line-height: 120%;
    padding: 17px 5px 0 0;
    float: left;
}
.u-bout-cent .u-tr1 span.s2{ color:#f15b20;font-weight:bold;
    _width: 120px;
    max-width: 120px;
    overflow: hidden;
    height: 30px;
    display: block;
    line-height: 120%;
    padding: 17px 5px 0 0;
    float: left;
}
.u-bout-cent .u-tr1 span.s3{ color:#1978d1;font-weight:bold;
    _width: 120px;
    max-width: 120px;
    overflow: hidden;
    height: 30px;
    display: block;
    line-height: 120%;
    padding: 17px 5px 0 0;
    float: left;
}
.u-bout-cent .u-tr1 span.s4{ color:#d12b19;font-weight:bold;
    _width: 120px;
    max-width: 120px;
    overflow: hidden;
    height: 30px;
    display: block;
    line-height: 120%;
    padding: 17px 5px 0 0;
    float: left;
}
.u-bout-cent .u-tr2{ height:115px; padding: 9px 10px 10px 5px;}
.u-bout-cent .b1{ background: #4fa317; font-size: 13px;}
.u-bout-cent .b2{ background:#f15b20}
.u-bout-cent .b3{ background:#1978d1}
.u-bout-cent .b4{ background:#d12b19}
.u-bout-cent .u-tr2 p{ line-height:18px; color:#FFF; padding:0 0 5px 8px; }
.u-bout-cent .u-tr2 p.p1{ line-height:30px; font-size:14px; font-family:"Microsoft YaHei UI"; text-align:right}
.u-bout-cent .u-tr2 p em{ font-size: 24px; color:#ffff33}
.u-bout-cent .u-tr2 p a{ color:#FFF; text-decoration:underline}
.u-bout-cent .u-tr3{ text-align:center; padding-top:12px;}

.u-bout-pic{ width:249px; margin-top:29px; height:225px; position:relative}
.u-bout-pic img{ width:215px; height:225px;}
.u-bout-pic .u-y{ width:218px; height:230px; background:url(../images/channel/cl-pic.png) right no-repeat; position:absolute; left:0; top:0; z-index:98}
.u-bout-pic a.u-buy{ width:114px; height:114px; display:block; background:url(../images/channel/i-buy.png) no-repeat; position:absolute; right:10px; top:-18px; z-index:99; display:none}
.u-bout-pic a.t1{ background-position:-251px 0;}
.u-bout-pic a.t2{ background-position:-125px 0;}
.u-bout-pic a.t3{ background-position:-368px 0;}
.u-bout-pic a.t4{ background-position:-1px 0;}

.u-bout-cent .u-tr2 i {
	font-style: normal;
	float: left;
}
.u-tr2 i.more {
	width:146px;
    height: 36px;
    overflow: hidden;
}
.u-tr2 .p1 span {
	padding-right:5px;
}