body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param {
	margin: 0;
	padding: 0
}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-text-size-adjust: none
}

ol,ul {
	padding-left: 0;
	list-style-type: none;
	list-style: none
}

img {
	border: 0;
	display: inline-block;
	vertical-align: top
}

th {
	font-style: normal;
	font-weight: normal
}

input {
	display: inline-block;
	vertical-align: middle
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
}

.clearfix:after {
	content: '\20';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.clearfix {
	display: block;
	zoom: 1
}

html[xmlns] .clearfix {
	display: block
}

*html .clearfix {
	height: 1%
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

.fl {
	float: left;
	_display: inline
}

.fr {
	float: right;
	_display: inline
}

body img {
	vertical-align: top
}

em,i {
	font-style: normal
}

a {
	color: #666;
	text-decoration: none;
	transition: all .3s
}

a:active,a:visited,a:hover {
	background: 0
}

.mt10 {
	margin-top: 1px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.bgf {
	background: #fff
}

body {
	background: #27282a;
	color: #666;
	font-family: "Microsoft YaHei",Arial,simsun;
	line-height: 1.5
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

@font-face {
	font-family:times;src:url('../font/font.woff2')
}

.drawing-video {
	overflow: hidden;
	width: 100%;
	max-width: 750px;
	height: 220px;
	background: #202020;
	position: relative;
}

.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #888
}

.loading img {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -27.5px;
	margin-top: -27.5px;
	z-index: 1001
}

.drawing-video .head {
	height: 24px;
	padding: 3px;
	line-height: 24px;
	background: url(../images/top_header.jpg) center center no-repeat;
	background-size: 100% 100%
}

.drawing-video .head .cai-num {
	position: relative;
	overflow: hidden;
	padding: 0;
	color: #fff;
	font-size: 13px;
}

.drawing-video .head .cai-num span {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin: 3px 1px;
}

.cai-num.pk10-num span,.cai-num.speed10-num span {
	border-radius: 3px;
	text-shadow: 0 0 1px #000
}

.cai-num.pk10-num span.n1,.cai-num.speed10-num span.n1 {
	background: #e6de00
}

.cai-num.pk10-num span.n2,.cai-num.speed10-num span.n2 {
	background: #0092dd
}

.cai-num.pk10-num span.n3,.cai-num.speed10-num span.n3 {
	background: #4b4b4b
}

.cai-num.pk10-num span.n4,.cai-num.speed10-num span.n4 {
	background: #ff7600
}

.cai-num.pk10-num span.n5,.cai-num.speed10-num span.n5 {
	background: #17e2e5
}

.cai-num.pk10-num span.n6,.cai-num.speed10-num span.n6 {
	background: #5234ff
}

.cai-num.pk10-num span.n7,.cai-num.speed10-num span.n7 {
	background: #bfbfbf
}

.cai-num.pk10-num span.n8,.cai-num.speed10-num span.n8 {
	background: #ff2600
}

.cai-num.pk10-num span.n9,.cai-num.speed10-num span.n9 {
	background: #780b00
}

.cai-num.pk10-num span.n10,.cai-num.speed10-num span.n10 {
	background: #07bf00
}

.drawing-video .head .fr {
	color: #fff;
	font-size: 13px;
	position: relative;
	padding-right: 30px
}

.drawing-video .head .fr .voice-btn {
	position: absolute;
	right: 0;
	top: 0;
	float: right;
	width: 24px;
	height: 24px;
	background: url(../images/voice.png) center top no-repeat;
	background-size: 100% auto
}

.drawing-video .head .fr .voice-btn.close {
	background-position: center bottom
}

.drawing-video .result,.drawing-video .shan {
	position: absolute;
	left: 0;
	top: 0;
	width: 1005;
	height: 220px;
	z-index: 20;
	background: url(../images/resultbg.jpg);
	background-size: 100% 100%;
	display: none
}

.drawing-video .result {
	width: 100%;
}

.drawing-video .result .car {
	width: 20%;
	text-align: center;
	padding-top: 10px;
	opacity: 0;
	position: absolute
}

.drawing-video .result .car img {
	max-width: 85%
}

.drawing-video .result .car p {
	padding-top: 10px
}

.drawing-video .result .car.three,.drawing-video .result .car.two {
	padding-top: 30px
}

.drawing-video .result .car.five,.drawing-video .result .car.four {
	padding-top: 60px
}

.drawing-video .result .car.one {
	right: 29%;
	top: -30px
}

.drawing-video .result .car.two {
	right: 63%;
	top: -30px
}

.drawing-video .result .car.three {
	right: -3%;
	top: -30px
}

.drawing-video .shan {
	background: #fff
}

.drawing-video .pore {
	position: relative
}

.drawing-video .pore .poas {
	position: absolute;
	top: 0
}

.drawing-video .scenary {
	height: 40px
}

.drawing-video .scenary .box {
	right: 0;
	height: 30px
}

.drawing-video .road {
	height: 150px
}

.drawing-video .road .ready {
	position: absolute;
	width: 100px;
	top: 65%;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
	z-index: 10
}

.drawing-video .road .ready .count {
	text-align: center;
	padding-bottom: 5px;
	font-family: times;
	font-size: 28px;
	color: #fff;
	line-height: 1
}

.drawing-video .road .ready .light {
	position: relative
}

.drawing-video .road .ready .light p {
	position: absolute;
	display: none;
	top: 0px;
	z-index: 2
}

.drawing-video .road .ready .light p img {
	height: 100%
}

.drawing-video .road .road-start {
	right: 65px;
	z-index: 2;
	height: 100%
}

.drawing-video .road .road-run {
	right: 0;
	height: 100%
}

.drawing-video .road .cars {
	position: absolute;
	width: 100%;
	left: 0;
	top: -3px;
	z-index: 5;
	margin-top: -2px
}

.drawing-video .road .cars .car-box {
	position: absolute;
}

.drawing-video .road .cars .car-box .flame,.drawing-video .road .cars .car-box .wheel,.drawing-video .road .cars .car-box .wind {
	position: absolute;
	z-index: 3;
	line-height: 1;
	display: none
}

.drawing-video .road .cars .car-box .flame img,.drawing-video .road .cars .car-box .wind img {
	width: 100%;
	vertical-align: top
}

.drawing-video .road .cars .car-box .wheel img {
	width: 14px;
	height: 14px;
}

.drawing-video .road .cars .car-box.car1 .wheel.q-wheel {
	bottom: 0px;
	left: 12px;
}

.drawing-video .road .cars .car-box.car1 .wheel.h-wheel {
	bottom: 0px;
	right: 5px;
}

.drawing-video .road .cars .car-box.car1 .wheel img {
	width: 12px;
	height: 12px;
}

.drawing-video .road .cars .car-box.car2 .wheel.q-wheel {
	bottom: 0px;
	left: 12px;
}

.drawing-video .road .cars .car-box.car2 .wheel.h-wheel {
	bottom: 0px;
	right: 6px;
}

.drawing-video .road .cars .car-box.car2 .wheel img {
	width: 12px;
	height: 12px;
}

.drawing-video .road .cars .car-box.car3 .wheel.q-wheel {
	bottom: -1px;
	left: 13px;
}

.drawing-video .road .cars .car-box.car3 .wheel.h-wheel {
	bottom: 0px;
	right: 6px;
}

.drawing-video .road .cars .car-box.car3 .wheel img {
	width: 12px;
	height: 12px;
}

.drawing-video .road .cars .car-box.car4 .wheel.q-wheel {
	bottom: 0px;
	left: 13px;
}

.drawing-video .road .cars .car-box.car4 .wheel.h-wheel {
	bottom: 0px;
	right: 6px;
}

.drawing-video .road .cars .car-box.car4 .wheel img {
	width: 12px;
	height: 12px;
}

.drawing-video .road .cars .car-box.car5 .wheel.q-wheel {
	bottom: -1px;
	left: 15px;
}

.drawing-video .road .cars .car-box.car5 .wheel.h-wheel {
	bottom: -1px;
	right: 7px;
}

.drawing-video .road .cars .car-box.car5 .wheel img {
	width: 13px;
	height: 13px;
}

.drawing-video .road .cars .car-box.car6 .wheel.q-wheel {
	bottom: -1px;
	left: 15px;
}

.drawing-video .road .cars .car-box.car6 .wheel.h-wheel {
	bottom: -1px;
	right: 7px;
}

.drawing-video .road .cars .car-box.car6 .wheel img {
	width: 13px;
	height: 13px;
}

.drawing-video .road .cars .car-box.car7 .wheel.q-wheel {
	bottom: -2px;
	left: 15px;
}

.drawing-video .road .cars .car-box.car7 .wheel.h-wheel {
	bottom: -2px;
	right: 8px;
}

.drawing-video .road .cars .car-box.car7 .wheel img {
	width: 13px;
	height: 13px;
}

.drawing-video .road .cars .car-box.car8 .wheel.q-wheel {
	bottom: -1px;
	left: 16px;
}

.drawing-video .road .cars .car-box.car8 .wheel.h-wheel {
	bottom: -1px;
	right: 8px;
}

.drawing-video .road .cars .car-box.car8 .wheel img {
	width: 14px;
	height: 14px;
}

.drawing-video .road .cars .car-box.car9 .wheel.q-wheel {
	bottom: 0px;
	left: 16px;
}

.drawing-video .road .cars .car-box.car9 .wheel.h-wheel {
	bottom: 0px;
	right: 8px;
}

.drawing-video .road .cars .car-box.car10 .wheel.q-wheel {
	bottom: 0px;
	left: 17px;
}

.drawing-video .road .cars .car-box.car10 .wheel.h-wheel {
	bottom: 0px;
	right: 8px;
}

.drawing-video .road .cars .car-box .wind {
	left: -11px;
	bottom: -6px;
	width: 114px
}

.drawing-video .road .cars .car-box .flame {
	right: -45px;
	top: 60%;
	width: 45px
}

.drawing-video .road .cars .car-box.car1>img,.drawing-video .road .cars .car-box.car2>img {
	height: 20px
}

.drawing-video .road .cars .car-box.car3>img,.drawing-video .road .cars .car-box.car4>img {
	height: 21px
}

.drawing-video .road .cars .car-box.car5>img,.drawing-video .road .cars .car-box.car6>img {
	height: 23px
}

.drawing-video .road .cars .car-box.car7>img,.drawing-video .road .cars .car-box.car8>img {
	height: 25px
}

.drawing-video .road .cars .car-box.car9>img,.drawing-video .road .cars .car-box.car10>img {
	height: 27px
}

.drawing-video .road .cars .car-box.car1 {
	top: -8px;
	right: -7px;
	z-index: 1;
}

.drawing-video .road .cars .car-box.car2 {
	top: 4px;
	right: -6px;
	z-index: 2;
}

.drawing-video .road .cars .car-box.car2 .wind {
	bottom: -6px
}

.drawing-video .road .cars .car-box.car3 {
	top: 17px;
	right: -3px;
	z-index: 3;
}

.drawing-video .road .cars .car-box.car3 .wind {
	bottom: -6px
}

.drawing-video .road .cars .car-box.car4 {
	top: 32px;
	right: 0px;
	z-index: 4;
}

.drawing-video .road .cars .car-box.car4 .wind {
	bottom: -6px
}

.drawing-video .road .cars .car-box.car5 {
	top: 46px;
	right: -4px;
	z-index: 5;
}

.drawing-video .road .cars .car-box.car5 .wind {
	bottom: -7px
}

.drawing-video .road .cars .car-box.car6 {
	top: 62px;
	right: 1px;
	z-index: 6;
}

.drawing-video .road .cars .car-box.car6 .wind {
	bottom: -7px
}

.drawing-video .road .cars .car-box.car7 {
	top: 78px;
	right: 4px;
	z-index: 7;
}

.drawing-video .road .cars .car-box.car7 .wind {
	bottom: -8px
}

.drawing-video .road .cars .car-box.car8 {
	top: 95px;
	right: 6px;
	z-index: 8;
}

.drawing-video .road .cars .car-box.car8 .wind {
	bottom: -8px
}

.drawing-video .road .cars .car-box.car9 {
	top: 111px;
	right: 8px;
	z-index: 9;
}

.drawing-video .road .cars .car-box.car9 .wind {
	bottom: -8px
}

.drawing-video .road .cars .car-box.car10 {
	top: 128px;
	right: 8px;
	z-index: 10;
}

.drawing-video .road .cars .car-box.car10 .wind {
	bottom: -8px
}