body{
margin:0;
padding:0;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  height: 100%;
}
.relat{
width:100%;
height:auto;
position:relative;
}
.cycle-slideshow img{
width:100%;
height:auto;
}
.cycle-pager-active{
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  text-decoration-color: #fff;
}
.upbg img{
width:100%;
height:auto;
z-index:899;
position:absolute;
left:0;
top:0;
}
#prev{
width:auto;
height:auto;
position:absolute;
left:20%;
top:30%;
z-index:900;
cursor:pointer;
}
/*第ä??‡è?左箭?­æ?å¤?/
#prev.disabled{
display:none;
}
/*?€å¾Œä??‡è??³ç®­?­æ?å¤?/
#next.disabled{
display:none;
}
#next{
width:auto;
height:auto;
position:absolute;
right:20%;
top:30%;
z-index:900;
cursor:pointer;
}
#prev:hover{
opacity:0.5;
}
#next:hover{
opacity:0.5;
}
.grayBar{
width:98%;
height:auto;
position:absolute;
left:50%;
transform: translateX(-50%);
bottom:2%;
z-index:998;
background: rgba(0,0,0,0.4);
padding-top:8px;
padding-bottom:8px;
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2) ;
}
#per-slide-template{
width:85%;
height:auto;
margin:0 auto;
}
a{
float:left;
width:25%;
text-align:center;
text-decoration:none;
color:white;
}
a:hover{
opacity:0.8;
}
a:after {
content: "ï¼?;
color:white;
float:right;
}
a:last-child:after{
content: "";
}