Liu Zichen (Talk | contribs) |
|||
Line 308: | Line 308: | ||
.small_pic_long img | .small_pic_long img | ||
+ | { | ||
+ | padding: 3px; | ||
+ | background: #ffffff; | ||
+ | border: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .zxx_zoom_joinpic | ||
+ | { | ||
+ | width: 100%; | ||
+ | height: 34rem; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | |||
+ | .small_pic_joinpic | ||
+ | { | ||
+ | width: 80%; | ||
+ | height: 32rem; | ||
+ | font-size: 30px; | ||
+ | text-align: center; | ||
+ | margin: 10px 10px 10px 10px; | ||
+ | zoom: 1; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .small_pic_joinpic img | ||
{ | { | ||
padding: 3px; | padding: 3px; |
Revision as of 13:48, 27 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: 34rem; position: relative;
}
.small_pic
{
width: 40%; height: 32rem; 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:75rem; position:relative;
}
.small_pic_big {
width: 100%; height: 70rem; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_big img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_mid {
width: 100%; height:58rem; position:relative;
}
.small_pic_mid {
width: 100%; height: 50rem; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_mid img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_one {
width: 100%; height:12%; position:relative;
}
.small_pic_one {
width: 100%; height: 10%; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_one img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_hpint {
width: 100%; height: 46rem; position: relative;
}
.small_pic_hpint
{
width: 40%;
height:43rem;
font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_hpint img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_demo {
width: 100%; height: 46rem; position: relative;
}
.small_pic_demo
{
width: 40%; height:42rem; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_demo img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_long {
width: 100%; height: 61rem; position: relative;
}
.small_pic_long
{
width: 40%; height:49rem; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_long img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}
.zxx_zoom_joinpic {
width: 100%; height: 34rem; position: relative;
}
.small_pic_joinpic
{
width: 80%; height: 32rem; font-size: 30px; text-align: center; margin: 10px 10px 10px 10px; zoom: 1; vertical-align: middle;
}
.small_pic_joinpic img {
padding: 3px; background: #ffffff; border: 1px solid #cccccc;
}