Liu Zichen (Talk | contribs) |
Liu Zichen (Talk | contribs) |
||
Line 137: | Line 137: | ||
.zxx_zoom_left | .zxx_zoom_left | ||
{ | { | ||
− | width: | + | width: 100%; |
height: 450px; | height: 450px; | ||
position: relative; | position: relative; | ||
Line 143: | Line 143: | ||
.zxx_zoom_one { | .zxx_zoom_one { | ||
− | width: | + | width: 100%; |
height:280px; | height:280px; | ||
position:relative; | position:relative; | ||
Line 151: | Line 151: | ||
.small_pic_one | .small_pic_one | ||
{ | { | ||
− | width: | + | width: 100%; |
height: 280px; | height: 280px; | ||
font-size: 30px; | font-size: 30px; | ||
Line 161: | Line 161: | ||
.small_pic | .small_pic | ||
{ | { | ||
− | width: | + | width: 30%; |
height: 450px; | height: 450px; | ||
font-size: 30px; | font-size: 30px; | ||
Line 178: | Line 178: | ||
.zxx_zoom_big { | .zxx_zoom_big { | ||
− | width: | + | width: 100%; |
height:1050px; | height:1050px; | ||
position:relative; | position:relative; | ||
Line 186: | Line 186: | ||
.small_pic_big | .small_pic_big | ||
{ | { | ||
− | width: | + | width: 100%; |
height: 1050px; | height: 1050px; | ||
font-size: 30px; | font-size: 30px; | ||
Line 198: | Line 198: | ||
.zxx_zoom_mid { | .zxx_zoom_mid { | ||
− | width: | + | width: 100%; |
height:680px; | height:680px; | ||
position:relative; | position:relative; | ||
Line 206: | Line 206: | ||
.small_pic_mid | .small_pic_mid | ||
{ | { | ||
− | width: | + | width: 100%; |
height: 680px; | height: 680px; | ||
font-size: 30px; | font-size: 30px; |
Revision as of 07:38, 26 October 2017
@charset "utf-8"; /* CSS Document */
img
{
border: 0; max-width: 100%;
}
/*自适应圆角投影*/ .round_shade_box {
width: 1px; height: 1px; font-size: 0; display: none; _background: white; _border: 1px solid #cccccc;
}
.round_shade_top {
margin: 0 12px 0 10px; background: url(image/zxx_round_shade.png) repeat-x -20px -40px; _background: white; zoom: 1;
}
.round_shade_topleft {
width: 11px; height: 10px; background: url(image/zxx_round_shade.png) no-repeat 0 0; _background: none; float: left; margin-left: -11px; position: relative;
}
.round_shade_topright {
width: 12px; height: 10px; background: url(image/zxx_round_shade.png) no-repeat -29px 0; _background: none; float: right; margin-right: -12px; position: relative;
}
.round_shade_centerleft {
background: url(image/zxx_round_shade.png) no-repeat 0 -1580px; _background: none;
}
.round_shade_centerright {
background: url(image/zxx_round_shade.png) no-repeat right -80px; _background: none;
}
.round_shade_center {
font-size: 14px; margin: 0 12px 0 10px; padding: 10px; background: white; letter-spacing: 1px; line-height: 1.5;
}
.round_shade_bottom {
margin: 0 12px 0 11px; background: url(image/zxx_round_shade.png) repeat-x -20px bottom; _background: white; zoom: 1;
}
.round_shade_bottomleft {
width: 11px; height: 10px; background: url(image/zxx_round_shade.png) no-repeat 0 -30px; _background: none; float: left; margin-left: -11px; position: relative;
}
.round_shade_bottomright {
width: 12px; height: 10px; background: url(image/zxx_round_shade.png) no-repeat -29px -30px; _background: none; float: right; margin-right: -12px; position: relative;
}
.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after {
display: block; content: "."; height: 0; clear: both; overflow: hidden; visibility: hidden;
}
.round_box_close {
padding: 2px 5px; font-size: 12px; color: #ffffff; text-decoration: none; border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #000000; opacity: 0.8; filter: alpha(opacity=80); position: absolute; right: -5px; top: -5px;
}
.round_box_close:hover {
opacity: 0.95; filter: alpha(opacity=95);
} /*自适应圆角投影结束*/ .zxx_zoom_left {
width: 100%; height: 450px; position: relative;
}
.zxx_zoom_one {
width: 100%; height:280px; position:relative;
}
.small_pic_one {
width: 100%; height: 280px; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
} .small_pic {
width: 30%; height: 450px; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_big {
width: 100%; height:1050px; position:relative;
}
.small_pic_big {
width: 100%; height: 1050px; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.zxx_zoom_mid {
width: 100%; height:680px; position:relative;
}
.small_pic_mid {
width: 100%; height: 680px; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}