body
{
    font-family: "Microsoft YaHei",微软雅黑,STXihei,华文细黑,serif,Georgia,"Times New Roman";
    color: #fff;
}
.container
{
    width: 1334px;
    height: 870px;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
}
.header
{/*height: 114px;*/
    height: 90px;
    background: #00c url(/static/pc/js/lib/video/jisuft_video/images/top_header.png);/*background:#2e81ff;*/
    position: relative;
}
.logo
{
    position: absolute;
    top: 20px;
    left: 39px;
}
.position
{
    position: absolute;
    top: 15px;
    left: 290px;
}
.positm
{
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 5px;
}
.positm
{
    background: url('/js/lib/video/jisuft_video/images/numbersprite.png') no-repeat top left;
    width: 64px;
    height: 64px;
}
.num1
{
    background-position: 0 0;
}
.num2
{
    background-position: 0 -64px;
}
.num3
{
    background-position: 0 -128px;
}
.num4
{
    background-position: 0 -192px;
}
.num5
{
    background-position: 0 -256px;
}
.num6
{
    background-position: 0 -320px;
}
.num7
{
    background-position: 0 -384px;
}
.num8
{
    background-position: 0 -448px;
}
.num9
{
    background-position: 0 -512px;
}
.num10
{
    background-position: 0 -576px;
}
.scenary
{
    height: 170px;
    position: relative;
}
.scenaryitm
{
    position: absolute;
    left: -1334px;
}
.road
{
    height: 520px;
    position: relative;
}
.roadani
{
    position: absolute;
    width: 1334px;
    height: 520px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.roaditm
{
    position: absolute;
    top: 0;
    left: -1300px;
}
.flag
{
    position: absolute;
    bottom: 0;
    left: -150px;
}
.car1, .car2, .car3, .car4, .car5, .car6, .car7, .car8, .car9, .car10
{
    position: absolute;
    transition: top .4s;
}
.soundbox
{
    display: none;
}
.car1
{
    top: -11px;
    left: 1209px;
}
.car2
{
    top: 22px;
    left: 1199px;
}
.car3
{
    top: 61px;
    left: 1187px;
}
.car4
{
    top: 104px;
    left: 1174px;
}
.car5
{
    top: 153px;
    left: 1159px;
}
.car6
{
    top: 204px;
    left: 1144px;
}
.car7
{
    top: 254px;
    left: 1128px;
}
.car8
{
    top: 312px;
    left: 1110px;
}
.car9
{
    top: 370px;
    left: 1091px;
}
.car10
{
    top: 435px;
    left: 1072px;
}
.roadstart
{
    position: absolute;
    top: 0;
    left: 960px;
    display: block;
}
.roadstart>img
{
    opacity: .3;
}
.wheel1a
{
    position: absolute;
    left: 29px;
    top: 21px;
    display: none;
}
.wheel1b
{
    position: absolute;
    left: 124px;
    top: 20px;
    display: none;
}
.wheel2a
{
    position: absolute;
    left: 29px;
    top: 21px;
    display: none;
}
.wheel2b
{
    position: absolute;
    left: 128px;
    top: 20px;
    display: none;
}
.wheel3a
{
    position: absolute;
    left: 32px;
    top: 23px;
    display: none;
}
.wheel3b
{
    position: absolute;
    left: 133px;
    top: 22px;
    display: none;
}
.wheel4a
{
    position: absolute;
    left: 32px;
    top: 23px;
    display: none;
}
.wheel4b
{
    position: absolute;
    left: 135px;
    top: 23px;
    display: none;
}
.wheel5a
{
    position: absolute;
    left: 36px;
    top: 24px;
    display: none;
}
.wheel5b
{
    position: absolute;
    left: 149px;
    top: 23px;
    display: none;
}
.wheel6a
{
    position: absolute;
    left: 39px;
    top: 27px;
    display: none;
}
.wheel6b
{
    position: absolute;
    left: 159px;
    top: 26px;
    display: none;
}
.wheel7a
{
    position: absolute;
    left: 39px;
    top: 32px;
    display: none;
}
.wheel7b
{
    position: absolute;
    left: 166px;
    top: 31px;
    display: none;
}
.wheel8a
{
    position: absolute;
    left: 42px;
    top: 31px;
    display: none;
}
.wheel8b
{
    position: absolute;
    left: 172px;
    top: 31px;
    display: none;
}
.wheel9a
{
    position: absolute;
    left: 44px;
    top: 33px;
    display: none;
}
@-webkit-keyframes twinkling
{
    /*透明度由0到1*/0%
    {
        opacity: .3;/*透明度为0*/
    }
    100%
    {
        opacity: 1;/*透明度为1*/
    }
}
@keyframes twinkling
{
    /*透明度由0到1*/0%
    {
        opacity: .3;/*透明度为0*/
    }
    100%
    {
        opacity: 1;/*透明度为1*/
    }
}
@-webkit-keyframes twinkling2
{
    0%
    {
        opacity: .3;
        width: 130%;
        top: 0;
    }
    100%
    {
        opacity: .8;
        width: 138%;
        top: 32;
    }
}
@keyframes twinkling2
{
    0%
    {
        opacity: .3;
        width: 130%;
        top: 0;
    }
    100%
    {
        opacity: .8;
        width: 138%;
        top: 32;
    }
}
.wheel9b
{
    position: absolute;
    left: 182px;
    top: 32px;
    display: none;
}
.wheel10a
{
    position: absolute;
    left: 4%;
    top: 10%;
    display: none;
    width: 100%;
}
.wheel10a img
{
    width: 138%;
    animation: twinkling .01s ease-in-out infinite;
}
.wheel10b
{
    position: absolute;
    left: -5%;
    top: 11%;
    width: 100%;
    display: none;
}
.wheel10b img
{
    width: 138%;
    animation: twinkling2 .05s ease-in infinite;
}
.trafficlight
{
    position: absolute;
    top: 185px;
    left: 340px;/*background-image: url(../images/trafficlight.png);*/
    width: 636px;
    height: 128px;
}
.soundBox
{
    float: right;
    margin-top: 0;
    line-height: 0;
}
.soundBox>button
{
    width: 50px;
    height: 50px;
    outline: none;
    border: 0;
    background: url(/static/pc/js/lib/video/jisuft_video/images/on.png);
}
.soundBox>button.off
{
    background: url(/static/pc/js/lib/video/jisuft_video/images/off.png);
}
.redlight
{
    position: absolute;
    left: 377px;
    top: -32px;
    display: none;
}
.yellowlight
{
    position: absolute;
    left: 179px;
    top: -32px;
    display: none;
}
.greenlight
{
    position: absolute;
    left: -23px;
    top: -33px;
    display: none;
}
.countdownnum
{
    font-family: 'DS-Digital';
    position: absolute;
    top: -99px;
    left: 115px;
    font-size: 120px;
    line-height: 80px;
    color: #fff;
    widht: 200px;
    text-align: right;
    width: 308px;
    height: 87px;
}
.countdownnum2
{
    font-family: 'DS-Digital';
    position: absolute;
    top: -72px;
    left: 433px;
    font-size: 70px;
    line-height: 60px;
    color: #fff;
    widht: 200px;
    text-align: left;
    width: 90px;
    height: 63px;
}
.currentdraw
{
    position: absolute;
    left: 1055px;
    top: 20px;
    font-size: 27px;
    width: 265px;
    height: 51px;
    line-height: 51px;
}
#currentdrawid
{
    font-family: arial;
}
.footer
{
    height: 90px;/*140px*/
    width: 100%;/*background-color: #2e81ff;*/
    background: url(/static/pc/js/lib/video/jisuft_video/images/bg-bottom.jpg);
    position: absolute;
    font-size: 28px;
    top: 780px;
}
.footer1
{/*margin-top: 6px;*/
    margin-left: 10px;
    width: 370px;
    height: 70px;
    border: 3px solid #596b85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    white-space: nowrap;
}/*.footer1_1 {
	float: left;
	width: 70px;
	margin-left: 20px;
	margin-top: 15px;
}*/
.footer1_2
{
    float: left;
    width: 250px;
    margin-left: 10px;
    margin-top: 25px;
    line-height: 28px;
    font-family: arial;
}
.footer2
{/*margin-top: 6px;*/
    margin-left: 10px;
    width: 370px;
    height: 70px;
    border: 3px solid #596b85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
}
.footer2_1
{
    float: left;
    width: 120px;
    margin-left: 20px;
    margin-top: 15px;
}
.footer2_2
{
    float: left;
    margin-left: 15px;
    margin-top: 7px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #00baff;/*background: -moz-linear-gradient(top,  #0191de 0%, #09418b 100%);
	background: -webkit-linear-gradient(top,  #0191de 0%,#09418b 100%);
	background: linear-gradient(to bottom,  #0191de 0%,#09418b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0191de', endColorstr='#09418b',GradientType=0 );*/
}
.footer3
{/*margin-top: 6px;*/
    margin-left: 10px;
    width: 505px;
    height: 70px;
    border: 3px solid #596b85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
}
.flashlight
{
    width: 100%;
    height: 639px;
    background-color: #fff;
    position: absolute;
    top: 114px;
    display: none;
}/*
@media screen and (orientation:portrait) {
	.footer {
		display: block;
	}
}
 landscape 
@media screen and (orientation:landscape) {
	.footer {
		display: none;
	}
}
*/
.wind
{
    position: absolute;
    top: -5px;
    left: -25px;
    display: none;
}
.flame
{
    position: absolute;
    display: none;
    height: 15px;
    width: 20%;
    bottom: 15%;
    right: -18%;
}
.flame img
{
    width: 100%;
    height: auto!important;
    animation: twinkling .05s ease-in infinite;
}
.page1
{
    display: block;
}
.resultpage
{
    width: 1334px;
    height: 690px;
    display: none;
    position: relative;
    background-image: url(/static/pc/js/lib/video/jisuft_video/images/resultbg.jpg);
}
.resultitm
{
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);/* For IE8 and earlier */
}
.result1
{
    top: 80px;
    left: 568px;
}
.result2
{
    left: 173px;
    top: 107px;
}
.result3
{
    left: 960px;
    top: 121px;
}
.resultcar1
{
    top: 328px;
    left: 395px;
}
.resultcar2
{
    top: 287px;
    left: 81px;
}
.resultcar3
{
    top: 291px;
    left: 859px;
}