body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#c00; text-decoration:none;}
.clear{clear:both;}

/* 大转盘样式 */
.banner{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width: 28.5%;height: 37.5%;left: 35.9%;top: 27%;}
*{
    margin:0;
    padding:0;
}
.roll{
    margin: 35px auto;
    width: 200px;
    height: 40px;
    overflow:hidden;
    border: 1px solid aquamarine;
}
.roll ul{
    list-style: none;
}
.roll li{
    color:#fff;
    line-height:20px;
    font-size:14px;
    text-align:center;
}
.turnplate{
    animation-name:myfirst;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    background-image:url(images/turnplate-bg.png);
    background-size:100% 100%;
}
.turnplate-bg{
    background-image:url(images/turnplate-bg.png);
    background-size:100% 100%;

}
.turnplate-bg_hover{
    background-image:url(images/turnplate-bg_hover.png);
    background-size:100% 100%;
}
/*@keyframes myfirst
{
	0%   {
		backgroundImage:'../../image/kppPlayer/turnplate-bg.png';;
	
	}
	100%   {
		backgroundImage:'../../image/kppPlayer/turnplate-bg_hover.png';
	
	}
}*/