<>
.position-right {
width: 80px;
height: 1px;
text-align: center;
margin-left: 525px;
position: fixed;
top: 240px;
left: 50%;
z-index: 99999;
}
.position-right ul {
background: #fff;
}
.position-right ul li {
width: 80px;
height: 70px;
border-bottom: 1px solid #eee;
text-align: center;
padding: 10px 5px 5px 5px;
font-size: 13px;
color: #333333;
}
.position-right ul li span {
width: 100%;
display: inline-block;
}
.weixinEwm {
display: none;
position: absolute;
top: 0px;
right: 85px;
}
<>
#wrapper {
width: 320px;
margin: 50px auto;
height: 180px;
position: relative;
color: #fff;
text-shadow: rgba(0000.1) 2px 2px 0px;
}
#slider-wrap {
width: 320px;
height: 180px;
position: relative;
overflow: hidden;
}
#slider-wrap ul#slider {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#slider-wrap ul#slider li {
float: left;
position: relative;
width: 320px;
height: 180px;
}
#slider-wrap ul#slider li>div {
position: absolute;
top: 0;
left: 0;
}
#slider-wrap ul#slider li>div h3 {
font-size: 36px;
text-transform: uppercase;
}
#slider-wrap ul#slider li>div span {
font-family: NeuchaArialsans serif;
font-size: 21px;
}
#slider-wrap ul#slider li i {
text-align: center;
line-height: 400px;
display: block;
width: 100%;
font-size: 90px;
}
/*btns*/
.btns {
position: absolute;
width: 50px;
height: 60px;
top: 50%;
margin-top: -25px;
line-height: 57px;
text-align: center;
cursor: pointer;
background: rgba(0000.1);
z-index: 100;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.btns:hover {
background: rgba(0000.3);
}
#next {
right: 0;
border-radius: 7px 0px 0px 7px;
}
#previous {
left: 0;
border-radius: 0px 7px 7px 7px;
}
#counter {
top: 30px;
right: 35px;
width: auto;
position: absolute;
}
#slider-wrap.active #next {
right: 0px;
}
#slider-wrap.active #previous {
left: 0px;
}
/*bar*/
#pagination-wrap {
min-width: 20px;
margin-top: 155px;
margin-left: auto;
margin-right: auto;
height: 15px;
position: relative;
text-align: left;
}
#pagination-wrap ul {
width: 100%;
}
#pagination-wrap ul li {
margin: 0 4px;
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
opacity: 0.5;
position: relative;
top: 0;
}
#pagination-wrap ul li.active {
width: 12px;
height: 12px;
top: 3px;
opacity: 1;
box-shadow: rgba(0000.1) 1px 1px 0px;
}
/*ANIMATION*/
#slider-wrap ul,
#pagination-wrap ul li {
-webkit-transition: all 0.3s cubic-bezier(1.01.321);
-moz-transition: all 0.3s cubic-bezier(1.01.321);
-o-transition: all 0.3s cubic-bezier(1.01.321);
-ms-transition: all 0.3s cubic-bezier(1.01.321);
transition: all 0.3s cubic-bezier(1.01.321);
}
<>
#ad1 .gb{position:absolute; right:0; top:-16px; width:40px; height:16px; line-height:16px; text-align:center; cursor:pointer; font-size:12px; z-index:9999; cursor:pointer;}
#ad1 .list{width: 200px;min-height: 140px;}
#ad1 .list p{padding: 0;margin: 0;}
#ad1 .list p.gg{font-size: 19px;font-weight: bold;text-align: center;margin-bottom: 10px;color:#fff; }
#ad1 .list1{line-height: 30px;color:#fff; }
#ad1 .list img{width:100%;float:left;margin-bottom:10px;}
