@charset "utf-8";
body{
    background-color:#c72222;
}
.page-luckywheel{
    background-color:#c72222;
}
.luckywheel-main{padding:2em 1em;}
/* 大转盘样式 */

.banner{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;background: rgba(0, 0, 0, 0) url("../images/shadow.png") no-repeat scroll center bottom / 100% auto; padding-bottom:1em;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}


.g-num {
    background: #d82828 none repeat scroll 0 0;
    border: 1px solid #e44025;
    border-radius: 1.5em;
    color: #fff;
    font-size: 1.3em;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0.5em auto 0;
    text-align: center;
}
.g-num a{
    color:#fff;
    height:100%;
    width:100%;
    display:inline-block;
}
.g-num em {
    color: #ffd737;
    margin: 0 5px;
}

.main-sec {
    overflow: hidden;
    padding:0 1em;
}

.m-title {
    border-bottom: 1px solid #ffb820;
    height: 1em;
    margin-bottom: 2em;
    margin-top: 0.5em;
}
.m-title h3 {
    background: #c72222 none repeat scroll 0 0;
    color: #ffb820;
    font-size: 1.3em;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    margin: 0 auto;
    text-align: center;
    width: 35%;
}
.einfo {
    background: #b21b1b none repeat scroll 0 0;
    overflow: hidden;
    padding: 1em;
}

.einfo {
    color: #ffb820;
}
.tempWrap{
    background: #b21b1b;
    overflow:hidden;
    position:relative; 
    max-height:15em;
    height:15em;
}
.peolist {
    background: #b21b1b none repeat scroll 0 0;
    overflow: hidden;
    width: 100%;
}

.peolist dd, .peolist li {
    box-sizing: border-box;
    border-bottom: 1px dashed #ffb820;
    margin: 0 auto 1px;
    overflow: hidden;
    padding: 0.5em 0;
    height:5em;
    overflow:hidden;
}
.peolist dd img, .peolist li img  {
    float: left;
    width:4em;
    margin-left:0.5em;
}

.peolist div.right{
    margin-left:6em;
}
.peolist div.right span{
    color: #ffc5c5;
    display: block;
    height: 2em;
    width: 100%;
    overflow:hidden;
    font-size: 1em;
}
.peolist div.right span h2{
    font-size: 1em;
    font-weight:700;
    margin:0;
    float: left;
    width: 60%;
}

.peolist div.right span small{
    float: right;
    width: 40%;
    margin-top:0.3em;
}

.peolist div.right p{
    color: #ffb820;
    font-size: 1.1em;
    line-height: 1em;
}



.banner .turnplate
{
    background-image:url(../images/turnplate-bg1.png);
    background-size: 100% 100%;
    animation:myfirst 1s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation:myfirst 1s linear 1s infinite alternate;
    /* Safari and Chrome: */
    -webkit-animation:myfirst 1s linear 1s infinite alternate;
    /* Opera: */
    -o-animation:myfirst 1s linear 1s infinite alternate;
}

@keyframes myfirst
{
0%   {background-image:url(../images/turnplate-bg1.png);}
50% {background-image:url(../images/turnplate-bg2.png);}
100% {background-image:url(../images/turnplate-bg1.png);}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background-image:url(../images/turnplate-bg1.png);}
50% {background-image:url(../images/turnplate-bg2.png);}
100% {background-image:url(../images/turnplate-bg1.png);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background-image:url(../images/turnplate-bg1.png);}
50% {background-image:url(../images/turnplate-bg2.png);}
100% {background-image:url(../images/turnplate-bg1.png);}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background-image:url(../images/turnplate-bg1.png);}
50% {background-image:url(../images/turnplate-bg2.png);}
100% {background-image:url(../images/turnplate-bg1.png);}
}