Liu Zichen (Talk | contribs) |
Liu Zichen (Talk | contribs) |
||
Line 148: | Line 148: | ||
left:5%; | left:5%; | ||
+ | } | ||
+ | |||
+ | .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 | .small_pic |
Revision as of 02:02, 25 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; left:5%;
}
.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: 48%; 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;
}