h5-cli
Version:
hello
112 lines (111 loc) • 2.5 kB
CSS
.drop-list .drop-item {
position: relative;
margin: 10px 0;
background-color: #fff;
padding: 10px;
display: block;
overflow: hidden;
}
.drop-list .drop-item .off-line-tag {
background: url(//s.yuantutech.com/i4/61be25b9068fffdfc3bfe07b138dca0a-178-178.png);
background-size: cover;
text-indent: -999em;
position: absolute;
font-size: 10px;
right: -6px;
top: -4px;
width: 70px;
height: 70px;
}
.drop-list .drop-item .logo {
background: url(//s.yuantutech.com/i4/32fed382b55a19512d79c29655eafffd.png);
background-size: 100% 100%;
width: 60px;
height: 60px;
float: left;
}
.drop-list .drop-item .info {
margin-left: 70px;
}
.drop-list .drop-item .info h1 {
font-size: 16px;
color: #000;
}
.drop-list .drop-item .info .des {
font-size: 12px;
color: #8C8C8C;
}
.drop-list .drop-item .info .honor {
line-height: 1em;
}
.drop-list .drop-item .info .honor .honor-tag {
font-size: 12px;
color: #FD7849;
padding: 2px 0;
}
.drop-list .drop-item .info .address {
color: rgba(0, 0, 0, 0.7);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.slider {
position: relative;
overflow: hidden;
}
.slider .slide-items {
padding-bottom: 46.875%;
}
.slider .slide-items.animation {
-webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.slider-slides {
position: absolute;
width: 100%;
height: 100%;
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}
.slider-slides img {
width: 100%;
}
.slider-slides a {
display: block;
}
.slider-pager {
position: absolute;
bottom: 20px;
z-index: 1;
width: 100%;
height: 7px;
text-align: center;
}
.slider-pager .slider-pager-page {
display: inline-block;
margin: 0 3px;
width: 7px;
color: #000;
text-decoration: none;
opacity: .3;
}
.slider-pager .slider-pager-page.active {
-webkit-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
opacity: 1;
}
.slider-pager .slider-pager-page.active .ion-record {
background: #fff;
}
.slider-pager .slider-pager-page .ion-record {
display: block;
width: 7px;
height: 7px;
background-color: #000;
border-radius: 50%;
}