Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
Line 120: | Line 120: | ||
width: 100vw; | width: 100vw; | ||
margin: 0; | margin: 0; | ||
+ | } | ||
+ | .js_slide img{ | ||
+ | height: 100px; | ||
} | } | ||
} | } |
Latest revision as of 18:01, 17 October 2018
img {
border: 0; display: block; max-width: 100%; vertical-align: middle;
} .js-silder {
position: relative; min-width: 320px;
} .silder-scroll {
width: 100%; overflow: hidden;
} .silder-main {
position: relative; width: 100%; overflow: hidden; border-radius: 5px; -moz-box-shadow: 0px 10px 20px #004A80; -webkit-box-shadow: 0px 10px 20px #004A80; box-shadow: 0px 10px 100px #004A80;
} .silder-main-img {
position: absolute; top: 0; left: 0; width: 100%;
} .silder-main-img img {
width: 50vw; margin: 0 25vw;
} .js-silder-ctrl {
width: 100%; text-align: center;
} .silder-ctrl-prev, .silder-ctrl-next {
position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px;
} .silder-ctrl-prev {
left: 0; text-align: left;
} .silder-ctrl-next {
right: 0; text-align: right;
} .silder-ctrl-prev>span, .silder-ctrl-next>span {
position: absolute; top: 50%; margin-top: -40px;
} .silder-ctrl-prev>span {
left: 0;
} .silder-ctrl-next>span {
right: 0;
} .silder-ctrl-con {
display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer;
} .silder-ctrl-con>span {
display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4;
} .silder-ctrl-con.active>span {
background-color: #7bbedf;
} @media screen and (max-width: 768px) {
.silder-ctrl-prev, .silder-ctrl-next { width: 10%; font-size: 26px; margin-top: -25px; } .silder-ctrl-prev>span, .silder-ctrl-next>span { position: absolute; top: 50%; margin-top: 0px; } .silder-ctrl-con { width: 14px; height: 14px; padding: 0; margin: 0 5px; } .silder-ctrl-con>span { display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; }
} @media screen and (max-width: 45rem) {
.silder-main-img img { width: 100vw; margin: 0; } .js_slide img{ height: 100px; }
}