.exclusive{ width:1200px; margin:0 auto; position:relative;/*margin-top:80px;*/height:530px;overflow:hidden;}
.exclusive-box {
position: relative;
height: 500px;
margin:0 auto 60px auto;
}
.carousel {
position: relative;
height: 450px;
margin: 0 auto;
}
.carousel li {
float: left;
width: 300px;
height: 230px;
}
.carousel a,
.carousel img,
.carousel span {
display: inline-block;
}
.carousel img {
width: 100%;
height: 100%;
}
.carousel a {
position: relative;
}
.carousel i {
position: absolute;
left: 0;
bottom: -1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50px;
height:50px;
background-size: cover;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-top:70px;
display:none;
}
.carousel span {
position: absolute;
left: 0;
bottom: -1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height:119px;
padding: 4px;
font-size: 14px;
line-height: 22px;
color: #fff;
text-align: center;
background: url(http://res.yun.cnhubei.com/t/site/10001/67387ec5be6b393bef59a3eb2feee85b/assets//hbrb/2019qglhzt/images/textbg.png) top left repeat-x;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-top:70px;
}
.carousel a {
-webkit-box-reflect: below -4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.3));
}
.carousel {
position: relative;
margin: 0 auto;
-moz-user-select: none;
-webkit-user-select: none;
}
.carousel .carousel-item {
background-position: center;
background-repeat: no-repeat;
background-color: #FFF;
position: absolute;
cursor: pointer;
}
.carousel .out {
/*border: #e1180e 2px solid;*/
}
.carousel .over {
border: #DDD 2px solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}
.carousel .click {
border: #DDD 2px solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}
.carousel .select {
border: #DDD 2px solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}
.carousel .tooltip {
position: absolute;
z-index: 80;
background-color: #DDD;
margin-bottom: 20px;
border: #EEE solid 4px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.carousel .tooltip p {
color: #999;
padding: 10px;
margin: 0px;
}
.carousel .scrollbar {
width: 340px;
position: absolute;
margin-top: 100px;
}
.carousel .scrollbar .track {
width: 300px;
height: 20px;
position: absolute;
left: 20px;
}
.carousel .scrollbar .thumb {
width: 70px;
height: 20px;
position: absolute;
cursor: pointer;
}
.carousel .scrollbar .left {
width: 20px;
height: 20px;
position: absolute;
cursor: pointer;
left: 0px;
}
.carousel .scrollbar .right {
width: 20px;
height: 20px;
position: absolute;
cursor: pointer;
right: 0px;
}
.ex-btn {
position: absolute;
z-index: 20;
width: 1200px;
top:200px;
margin: 0 auto;
z-index:100;
}
.ex-arr {
width: 72px;
height: 44px;
background-repeat: no-repeat;
background-position-y: center;
cursor: pointer;
}
.ex-left {
float: left;
background-image: url(http://res.yun.cnhubei.com/t/site/10001/67387ec5be6b393bef59a3eb2feee85b/assets//hbrb/2019qglhzt/images/left01.png);
background-position-x: left;
}
.ex-left:hover {
float: left;
background-image: url(http://res.yun.cnhubei.com/t/site/10001/67387ec5be6b393bef59a3eb2feee85b/assets//hbrb/2019qglhzt/images/left02.png);
background-position-x: left;
}
.ex-right {
float: right;
background-image: url(http://res.yun.cnhubei.com/t/site/10001/67387ec5be6b393bef59a3eb2feee85b/assets//hbrb/2019qglhzt/images/right01.png);
background-position-x: right;
}
.ex-right:hover {
float: right;
background-image: url(http://res.yun.cnhubei.com/t/site/10001/67387ec5be6b393bef59a3eb2feee85b/assets//hbrb/2019qglhzt/images/right02.png);
background-position-x: right;
}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-08-12 09:21:23" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->