<>
#bpopup{ width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
z-index: 999999;display:none;}
#popup{ width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
position:absolute;
left:0px;
top:0px;
z-index: 999;}
#popupimg{
position: fixed;
width: 500px;
height: 300px;
margin: 0 auto;
padding: 0;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top:-150px;
z-index: 9999;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.popupc{
width: 23px;height: 30px;background:url("//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1546583592748817/Bottomplan.gif");position: absolute;left: 470px;top:2px;z-index: 999999;zoom: 1;background-color: #fff;
}
<>
#bpopup{ width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
z-index: 999999;display:none;}
#popup{ width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
position:absolute;
left:0px;
top:0px;
z-index: 999;}
#popupimg{
position: fixed;
width: 500px;
height: 300px;
margin: 0 auto;
padding: 0;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top:-150px;
z-index: 9999;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.popupc{
width: 23px;height: 30px;background:url("//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1546583592748817/Bottomplan.gif");position: absolute;left: 470px;top:2px;z-index: 999999;zoom: 1;background-color: #fff;
}
< type="text/css">
.taiwang18043_iphonesee_gotop_box{position:fixed;bottom:20%;display:none;_position:absolute;_bottom:auto;zoom:1; z-index:999999;}
.taiwang18043_goTop{width:47px;height:47px;border:1px solid #e5e5e4;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/jiemu18050_top_20180702.jpg) no-repeat;cursor:pointer; z-index:9999;margin-top:8px;}
.taiwang18043_goTop .top{display:none;width:100%;background:#3db2e4;padding-top:6px;height:41px;line-height:18px;text-align:center;font-size:15px;color:#ffffff;font-family:PingFangSC-Regular,Microsoft Yahei,Helvetica,Arial,sans-serif;}
.taiwang18043_goTop:hover .top{display:block;}
.taiwang18551_iphonesee00 { width: 47px; height: 47px; cursor: pointer; z-index: 9999; border:1px solid #e2e2e2;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/weixin_20240411.png) no-repeat center center;margin-bottom: 8px;position: relative; }
.taiwang18551_iphonesee00 .icon{display:block;width:47px;height:44px;margin:0 auto;}
.taiwang18551_iphonesee00 .erweima_con{width:164px;padding-top:14px;height:138px;background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/iphone_bg01_190122.png) no-repeat left top;padding-right:13px;text-align: center;position: absolute;left:-176px;top:-106px;opacity: 0;filter:alpha(opacity=0);display: none;}
.taiwang18551_iphonesee00 .erweima_con .img{width:103px;height:102px;margin:0 auto;margin-bottom:8px;}
.taiwang18551_iphonesee00 .erweima_con .img img{width: 100%;height:100%;}
.taiwang18551_iphonesee00 .erweima_con p{color:#5a5e62;font-family: "Microsoft YaHei";font-size: 15px;line-height: 25px;}
.taiwang18551_iphonesee00:hover .erweima_con{
-webkit-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-moz-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-o-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
filter:alpha(opacity=100);
display: block;
}
.taiwang18551_iphonesee01 { width: 47px; height: 44px; cursor: pointer; z-index: 9999; border:1px solid #e2e2e2;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/iphone_icon01_190122.png) no-repeat center center; position: relative;}
.taiwang18551_iphonesee01 .icon{display:block;width:47px;height:44px;margin:0 auto;}
.taiwang18551_iphonesee01 .erweima_con{width:164px;padding-top:14px;height:138px;background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/iphone_bg01_190122.png) no-repeat left top;padding-right:13px;text-align: center;position: absolute;left:-176px;top:-106px;opacity: 0;filter:alpha(opacity=0);display: none;}
.taiwang18551_iphonesee01 .erweima_con .img{width:103px;height:102px;margin:0 auto;margin-bottom:8px;}
.taiwang18551_iphonesee01 .erweima_con .img img{width: 100%;height:100%;}
.taiwang18551_iphonesee01 .erweima_con p{color:#5a5e62;font-family: "Microsoft YaHei";font-size: 15px;line-height: 25px;}
.taiwang18551_iphonesee01:hover .erweima_con{
-webkit-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-moz-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-o-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
filter:alpha(opacity=100);
display: block;
}
@-webkit-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-webkit-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center right;}
}
@-moz-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-moz-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-moz-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform-origin:center right;}
}
@-o-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-o-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-o-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-o-transform-origin:center right;;}
}
@keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;transform:scale(.5);transform-origin:center right;display: block;}
60%{opacity:1;transform:scale(1);transform-origin:center right;}
100%{opacity:1;transform:scale(1);transform-origin:center right;}
}
< type="text/css">
.md{background:none; margin:0; padding:0; border:none;}
.md .md_hd{ overflow:visible; position:relative; background:none; margin:0; padding:0; border:none;border-bottom: 2px solid #e5e5e5; color:#333;font-family: "microsoft yahei";height: 43px;line-height: 43px;font-weight:bold;}
.md .md_hd .mh_title{background: none;margin: 0;padding: 0;color: #000000;font-size: 21px;display: block;float: left;border-bottom: 2px solid #ee0012;z-index: 9999;}
.md .md_hd .mh_title a{color: #000000;height: 43px;display: inline-block;}
.md .md_hd .mh_title img {vertical-align: middle;float: left;margin-right: 10px;display: inline-block;}
.md .md_hd .mh_title03{float: left;font-family: "Microsoft yahei";font-size: 15px;line-height: 43px;color: #000000;padding: 0 0 0 30px;font-weight: normal;}
.md .md_hd .mh_title03 img{float:left;vertical-align:middle;}
.md .md_hd .mh_title03 a{color:#000000; text-decoration:none;}
.md .md_hd .mh_option{ font-weight:normal; padding-right:0px;font-family:"microsoft yahei"; font-size:15px; color:#000000; float:right;margin-right:4px;}
.md .md_hd .mh_option a{color:#333333;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1532314258547503/jiemu18050_more_180723.gif) no-repeat right 50%;padding-right:27px; text-decoration:none;}
.md .md_bd{ background:none; margin:0;padding:0; border:none; overflow:inherit;}
.taiwang18043_iphonesee_gotop_box{position:fixed;bottom:20%;display: none;z-index:99;}
.taiwang18043_goTop{width:47px;height:47px;border:1px solid #e5e5e4;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/jiemu18050_top_20180702.jpg) no-repeat;cursor:pointer; z-index:9999;margin-top:8px;}
.taiwang18043_goTop .top{display:none;width:100%;background:#3db2e4;padding-top:6px;height:41px;line-height:18px;text-align:center;font-size:15px;color:#ffffff;font-family:PingFangSC-Regular,Microsoft Yahei,Helvetica,Arial,sans-serif;}
.taiwang18043_goTop:hover .top{display:block;}
.taiwang18551_iphonesee01{ width: 47px; height: 44px; cursor: pointer; z-index: 9999; border:1px solid #e2e2e2;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/iphone_icon01_190122.png) no-repeat center center; }
.taiwang18551_iphonesee01 .icon{display:block;width:47px;height:44px;margin:0 auto;}
.taiwang18551_iphonesee01 .erweima_con{width:164px;padding-top:14px;height:138px;background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/iphone_bg01_190122.png) no-repeat left top;padding-right:13px;text-align: center;position: absolute;left:-176px;top:-106px;opacity: 0;filter:alpha(opacity=0);display: none;}
.taiwang18551_iphonesee01 .erweima_con .img{width:103px;height:102px;margin:0 auto;margin-bottom:8px;}
.taiwang18551_iphonesee01 .erweima_con .img img{width: 100%;height:100%;}
.taiwang18551_iphonesee01 .erweima_con p{color:#5a5e62;font-family: "Microsoft YaHei";font-size: 15px;line-height: 25px;}
.taiwang18551_iphonesee01:hover .erweima_con{
-webkit-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-moz-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
-o-animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
animation: ani_x_fixed_tool_pop .3s 0s ease-out forwards;
filter:alpha(opacity=100);
display: block;
}
@-webkit-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-webkit-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center right;}
}
@-moz-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-moz-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-moz-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform-origin:center right;}
}
@-o-keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;-webkit-transform:scale(.5);-o-transform-origin:center right;}
60%{opacity:1;-webkit-transform:scale(1);-o-transform-origin:center right;}
100%{opacity:1;-webkit-transform:scale(1);-o-transform-origin:center right;;}
}
@keyframes ani_x_fixed_tool_pop{
0%{opacity:.5;transform:scale(.5);transform-origin:center right;display: block;}
60%{opacity:1;transform:scale(1);transform-origin:center right;}
100%{opacity:1;transform:scale(1);transform-origin:center right;}
}
.taiwang18043_con06{zoom:1;clear:both; max-width:1500px; margin:0 auto;}
.taiwang18043_con06 ul{margin:0 -9px;overflow:hidden;height:146px;}
.taiwang18043_con06 ul li{width:16.666%;*width:16.65%;height:146px;float:left;position:relative;overflow:hidden;}
.taiwang18043_con06 ul li:hover{background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/jiemu18050_con6-bg_20180702.jpg) no-repeat left;}
.taiwang18043_con06 ul li .cont{padding-top:29px;}
.taiwang18043_con06 ul li .cont a{display:block;margin:0 auto;}
.taiwang18043_con06 ul li .cont img{display:block;margin:0 auto;margin-top:-4px;}
.taiwang18043_con06 ul li .cont img:first-child{width:0px;}
.taiwang18043_con06 ul li .cont img.marg{margin-top:-97px;width:121px;}
.taiwang18043_con06 ul li.last{margin-right:0;}
.taiwang18043_con06 ul li:hover .r_cover{position:absolute;right:0;top:0;height:146px;width:9px;background:url(//p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1530497060089773/jiemu18050_con6-rbg_20180702.jpg) no-repeat;}
