UNPKG

h5-cli

Version:

hello

112 lines (111 loc) 2.5 kB
.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%; }