/* 本例子css */
.focusBox { 
position: relative; 
width: 600px; 
height: 400px; 
overflow: hidden; 
font: 12px/1.5 Verdana, Geneva, sans-serif; 
text-align: left; 
background: white; 
}

.focusBox .pic img { 
width: 600px; 
height: 400px; 
display: block; 
}

.focusBox .txt-bg { 
position: absolute; 
bottom: 0; 
z-index: 1; 
height: 36px; 
width:100%; 
background: #333; 
filter: alpha(opacity=40); 
opacity: 0.4; 
overflow: hidden; 
}

.focusBox .txt { 
position: absolute; 
bottom: 0; 
z-index: 2; 
height: 36px; 
width:100%; 
overflow: hidden; 
}

.focusBox .txt li{ 
height:36px; 
line-height:36px; 
position:absolute; 
bottom:-36px;
}

.focusBox .txt li a{ 
display: block; 
color: white; 
padding: 0 0 0 10px; 
font-size: 14px; 
font-weight: bold; 
text-decoration: none; 
}

.focusBox .num { 
position: absolute; 
z-index: 3; 
bottom: 8px; 
right: 8px; 
}

.focusBox .num li{ 
float: left; 
position: relative; 
width: 18px; 
height: 15px; 
line-height: 15px; 
overflow: hidden; 
text-align: center; 
margin-right: 1px; 
cursor: pointer; 
}

.focusBox .num li a,.focusBox .num li span { 
position: absolute; 
z-index: 2; 
display: block; 
color: white; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 
text-decoration: none; 
}

.focusBox .num li span { 
z-index: 1; 
background: black; 
filter: alpha(opacity=50); 
opacity: 0.5; 
}

.focusBox .num li.on a,.focusBox .num a:hover{ 
background:#f60; 
}
/*错误弹框,参照蒲公英评论20180824*/
.fixed_box{position: fixed;top: 0;right:0;bottom: 0;left:0;background:rgb(0,0,0,0.3);z-index: 9999;opacity: 0;}
.fixed_content{width: 220px; background: #fff;margin:200px auto;border-top:4px solid #156FA3;position: relative;border-radius: 2px;box-shadow: 0px 1px 2px rgba(255,255,255,0.25);}
.fixed_content .close{width:14px; height:14px;cursor: pointer;position: absolute;top: 5px;right:8px;font-size: 16px;    color: #000;background: url(X.jpg) no-repeat ;background-size: 100% 100%;}
.fixed_content .msg{padding: 0 30px;
text-align: center;
margin: 40px 0px;}
.fixed_content .btn_box {text-align: center;background: #F2F2F5;padding: 10px 0;}
.fixed_content .btn_box a{display: inline-block;box-shadow: 0px 1px 2px rgba(0,0,0,0.25);cursor: pointer;
height: 28px;background: #156FA3;
border: 1px solid #1F5D81;
line-height: 27px;
padding: 0 14px;color: #fff;
font-size: 14px;}
.fixed_content .btn_box a:hover{background: #1F5D81;}
.fixed_content .btn_box .cancel{margin-left: 15px;background:#fff;border-color: #d9d9d9; color: #333333;box-shadow: 0px 1px 2px rgba(0,0,0,0.25)}
.fixed_content .btn_box .cancel:hover{background: #fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.35)}
.is-show{
	opacity: 1;
animation:myshow .5s;
-moz-animation:myshow .5s; /* Firefox */
-webkit-animation:myshow .5s; /* Safari and Chrome */
-o-animation:myshow .5s; /* Opera */}
@keyframes myshow
{
0%   {opacity:0;}
100% {opacity: 1;}
}
@-moz-keyframes myshow /* Firefox */
{
0%   {opacity:0;}
100% {opacity: 1;}
}
@-webkit-keyframes myshow /* Safari and Chrome */
{
0%   {opacity:0;}
100% {opacity: 1;}
}
@-o-keyframes myshow /* Opera */
{
0%   {opacity:0;}
100% {opacity: 1;}
}