@charset "utf-8";

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	/* background-size:100% 100%; */
	font-size: 14px;
	min-width: 1200px;
}

a {
	cursor: pointer;
}

ol,
ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

img {
	border: 0;
	vertical-align: middle
}

.hide {
	display: none
}

@font-face {
	font-family: LiquidCrystal-Bold;
	src: url('../font/LiquidCrystal-Bold.woff'), url('../font/LiquidCrystal-Bold.otf'), url('../font/LiquidCrystal-Bold.eot');
	/* IE9 */
}

@font-face {
	font-family: CgFuturaMaxiBd;
	src: url('../font/CgFuturaMaxiBd.otf'), url('../font/CgFuturaMaxiBd.eot');
	/* IE9 */
}

/*loading*/

.sk-circle {
	margin: 200px auto;
	width: 60px;
	height: 60px;
	position: relative;
}

.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-circleBounceDelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*loading*/

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(224, 0, 36, 1);
	z-index: 10000;
}

.loading .load_logo {
	position: absolute;
	margin-left: -145px;
	width: 290px;
	bottom: 20%;
	left: 50%;
}

#layercontainer,
#layercontainerforsector,
#layercontainerforsectorTwo {
	display: none;
}

#chou_jieguo {
	position: absolute;
	width: 480px;
	height: 126px;
	top: 15px;
	left: 50%;
	margin-left: -240px;
	z-index: 99;
}

.m_o {
	/* width:53%;
    position: fixed;
    margin: 0 auto;
    z-index: 10;
    top:18%;
    left:50%;
    margin-left: -26%; */
	position: absolute;
	width: 980px;
	top: 650px;
	left: 50%;
	margin-left: -606px;
	z-index: 1002;
	/*text-align: center;*/
}

.m_o #msgContainer {
	/* position:absolute;
    top: 0%;
    left: 0%;
	width:100%;*/
	margin-left: 225px;
}

.m_o .searchcontainer {
	height: 90px;
	line-height: 90px;
	margin-right: 52px;
}

#erweima {
	/* position:fixed;
    top:28%;
    left: 16%; */
	z-index: 9999;
	display: inline-block;
	vertical-align: middle;
}

#erweima img {
	width: 72px;
	height: 72px;
}

#wrap {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 1080px;
	overflow: hidden;
	top: 0;
	z-index: 2;
	background: url(http://files.haojue163.com/haojue_winning_pc_v2/img/bg.jpg) no-repeat top center;
	background-size: auto 100%;
}

#wrap .m_content {
	position: relative;
	height: 100%;
}

.foot_title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 568px;
	bottom: 264px;
	text-align: center;
}

.foot_title img {
	max-width: 100%;
}

/* .head_title{
    width:100%;
    height:100%;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
     z-index: 1001;
}
.head_title img {
    margin-top:10px;
    width:534px;
}
.head_title.anim{
    margin-top:230px;
} */

.status {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -487px;
	color: #fff;
}

.status #timecontainer {
	font-weight: bold;
	z-index: 9999;
	font-family: "LiquidCrystal-Bold";
	font-size: 30px;
	letter-spacing: 5px;
	line-height: 30px;
}

#remarks {
	/* position: fixed;
    top:19%;
    left: 16%; */
	text-align: left;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

#remarks .remarks_people {
	font-size: 18px;
}

#remarks .num {
	font-size: 28px;
}

#remarks .remarks_msg {
	font-size: 18px;
	font-family: "����";
	margin-top: 10px;
}

.operation {
	text-align: right;
	z-index: 9999;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 25px;
	height: 90px;
	line-height: 90px;
}

.operation div {
	/* margin-bottom: 5px; */
	float: left;
}

.operation label {
	float: left;
	color: #fff;
}

.operation .search {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 20px;
	padding: 3px;
	/* margin: 2px 0 0 0; */
	margin: 0;
	overflow: hidden;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #666;
}

.operation .search input {
	border: 0;
	outline: none;
	width: 138px;
	height: 18px;
	line-height: 30px;
	float: left;
}

.operation .search a {
	position: absolute;
	right: 0;
	top: 3px;
	display: inline-block;
	width: 15%;
	height: 20px;
	line-height: 20px;
	background: url(http://files.haojue163.com/haojue_winning_v3/img/icon_yulan.gif) no-repeat center center;
}

.operation .btn_default {
	width: 77px;
	height: 24px;
	background: url(http://files.haojue163.com/haojue_winning_v3/img/btn_bg.png) no-repeat center center;
	border: 0;
	line-height: 24px;
	margin-right: 52px
}

.operation .btn_apply {
	width: 84px;
	height: 24px;
	background: url(http://files.haojue163.com/haojue_winning_v3/img/btn_apply.png) no-repeat center center;
	border: 0;
	line-height: 24px;
	text-align: right;
}

#passionDiv {
	display: none;
}

#allAwardMoney {
	display: none;
}

/*
�ɵ�չʾҳ
.passion {
    position:absolute;
    left: 30%;
    top: 26%;
}

.passion img {
    width: 440px;
}


.money5000 {
    position: absolute;
    left: 25%;
    top: 44%;
}
.money5000 .number{
    font-size:100px;
    font-weight: bold;
    line-height: 0.8;
    color:#df0024;
    font-family: "CgFuturaMaxiBd";
    margin-top:10px;
}

.money5000 img {
    position: absolute;
    top:0;
    right: 0;
}

.nameAndAward {
    color: #df0024;
    text-align:center;
    word-spacing: 6px;
    font-weight: bold;
    position: absolute;
    left: 55%;
    top: 44%;
}

.nameAndAward .name {
    font-size: 58px;
}

#allAwardMoney .passion {
    top: 20%;
}

#allAwardMoney .money5000 {
    top: 40%;
}

#allAwardMoney .nameAndAward {
    top: 40%;
}

.des {
    position: absolute;
    top: 60%;
    left: 0%;
    font-size: 23px;
    color:#df0024;
    text-align: center;
    line-height: 1;
    width:100%;
    font-weight: bold;
}

.des img {
    width: 500px;
}
*/

#layercontainerforsector {
	position: relative;
	height: 402px;
	overflow: hidden;
}

#layercontainerforsectorTwo {
	position: relative;
	height: 402px;
	overflow: hidden;
}

.containerForLayer {
	width: 1040px;
	height: 400px;
	position: relative;
	top: 20px;
	margin: 0 auto 0;
	transform: scale(0.8);
}

.containerForLayerTwo {
	width: 1040px;
	height: 400px;
	position: absolute;
	top: 20px;
	margin: 0 auto 0;
	transform: scale(0.8);
	opacity: 0;
	z-index: 99;
}

/*
.fus_left{ 
    width:368px; 
    height:356px; 
    position:absolute; 
    top:3%; 
    left:15.4%; 
    transform-origin: 100% 100%; 
    overflow:hidden; 
    border-radius:100% 0 0 0; 
    border-left:5px solid #e2000d;
    border-top:5px solid #e2000d; 
    box-sizing:border-box;
    z-index:10;
}

.fus_right{
    width:363px; 
    height:356px; 
    position:absolute; 
    top:3%; 
    left:52.2%; 
    transform-origin: 100% 100%; 
    overflow:hidden; 
    border-radius:0 100% 0 0; 
    border-right:5px solid #e2000d;
    border-top:5px solid #e2000d; 
    box-sizing:border-box;
    z-index:10;
}

.shan_bings{ 
    width:260px; 
    height:338px; 
    position:absolute; 
    left:54%; 
    margin-left:-149px; 
    bottom:-206px; 
    background:white;
    border: 3px solid red;
    
    border-radius: 100%;
    z-index: 20;
}

.conceal1 {
    position:absolute;
    bottom: 0;
    height: 34px;
    width: 1000px;
    background:white;
    z-index: 30;
}

.conceal2 {
    position:absolute;
    bottom: -1px;
    right:14px;
    transform: rotate(-23deg);
    height: 37px;
    width: 300px;
    background:white;
    z-index: 30; 
}

.conceal3 {
    position: absolute;
    bottom: 26px;
    left:-3px;
    transform: rotate(15deg);
    height:37px;
    width:300px;
    background:white;
    z-index: 30;
}*/

/*



.s7{ 
    width:526px; 
    height:526px; 
    position:absolute; 
    left:50%; 
    margin-left:-263px; 
    bottom:-263px; 
    border-radius:50%; 
    overflow:hidden; 
    background: white;
    clip-path:circle(50% at 50% 50%);
    !* background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center; *!
}
.s7 li{ 
    width:50%; 
    height:50%; 
    position:absolute; 
    top:0; 
    left:0; 
    transform-origin: 100% 100%; 
    overflow:hidden; 
    border-radius:100% 0 0 0; 
    border-bottom:5px solid #e2000d; 
    box-sizing:border-box;
}
.s7 li:nth-child(1){ 
    transform:rotate(6deg) skew(47.5deg)
}
.s7 li:nth-child(2){ 
    transform:rotate(47.5deg) skew(47.5deg);
}
.s7 li:nth-child(3){ 
    transform:rotate(90deg) skew(47.5deg);
}
.s7 li:nth-child(4){ 
    transform:rotate(132.5deg) skew(47.5deg);
     border-right:7px solid #e2000d
    }
.s7 li a{ 
    width:526px; 
    height:526px; 
    position:absolute; 
    top:0; 
    left:0; 
    transform:skew(-47.5deg) rotate(-67.5deg); 
    text-align:center; 
    padding-top:20px; 
    box-sizing:border-box; 
    border-radius:50%; 
    border:5px solid #e2000d;
}

.s6 { 
    width:696px; 
    height:696px; 
    position:absolute; 
    left:50%; 
    margin-left:-348px; 
    bottom:-348px; 
    border-radius:50%; 
    overflow:hidden; 
    background: white;
    !* background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center;  *!
    clip-path: circle(50% at 50% 50%);
}
.s6 li{ 
    width:50%; 
    height:50%; 
    position:absolute; 
    top:0; 
    left:0; 
    transform-origin: 100% 100%; 
    overflow:hidden; 
    border-radius:100% 0 0 0; 
    border-bottom:5px solid #e2000d; 
    box-sizing:border-box;
}
.s6 li:nth-child(1){ 
    transform:rotate(6deg) skew(61.67deg)
}
.s6 li:nth-child(2){ 
    transform:rotate(33.33deg) skew(61.67deg);
}
.s6 li:nth-child(3){ 
    transform:rotate(61.66deg) skew(61.67deg);
}
.s6 li:nth-child(4){ 
    transform:rotate(90deg) skew(61.67deg);
}
.s6 li:nth-child(5){ 
    transform:rotate(118.32deg) skew(61.67deg);
}
.s6 li:nth-child(6){ 
    transform:rotate(146.65deg) skew(61.67deg); 
    border-right:10px solid #e2000d;
}
.s6 li a{ 
    width:696px; 
    height:696px; 
    position:absolute; 
    top:0; 
    left:0; 
    transform:skew(-61.67deg) rotate(-75.835deg); 
    text-align:center; 
    padding-top:10px; 
    box-sizing:border-box; 
    border-radius:50%; 
    border:5px solid #e2000d;
}

.s5 { 
    width:910px; 
    height:910px; 
    position:absolute; 
    left:50%; 
    margin-left:-455px; 
    bottom:-455px; 
    border-radius:50%; 
    overflow:hidden; 
    background: white;
    !* background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center *!
}
.s5 li{ 
    width:50%; 
    height:50%; 
    position:absolute; 
    top:0; 
    left:0; 
    transform-origin: 100% 100%; 
    overflow:hidden; 
    border-radius:100% 0 0 0; 
    border-bottom:5px solid #e2000d; 
    box-sizing:border-box;
}
.s5 li:nth-child(1){ 
    transform:rotate(6deg) skew(73deg)
}
.s5 li:nth-child(2){ 
    transform:rotate(22deg) skew(73deg);
}
.s5 li:nth-child(3){ 
    transform:rotate(39deg) skew(73deg);
}
.s5 li:nth-child(4){ 
    transform:rotate(56deg) skew(73deg);
}
.s5 li:nth-child(5){ 
    transform:rotate(73deg) skew(73deg);
}
.s5 li:nth-child(6){ 
    transform:rotate(90deg) skew(73deg);
}
.s5 li:nth-child(7){ 
    transform:rotate(107deg) skew(73deg);
}
.s5 li:nth-child(8){ 
    transform:rotate(124deg) skew(73deg);
}
.s5 li:nth-child(9){ 
    transform:rotate(141deg) skew(73deg);
}
.s5 li:nth-child(10){ 
    transform:rotate(158deg) skew(73deg); 
    border-right:15px solid #e2000d;
}
.s5 li a{  
    width:910px; 
    height:910px; 
    position:absolute; 
    top:0; 
    left:0; 
    transform:skew(-73deg) rotate(-81.5deg);
    text-align:center; 
    padding-top:20px; 
    box-sizing:border-box; 
    border-radius:50%;
}
*/

.containerForLayer li a {
	font-size: 26px;
	color: #e00024;
	font-weight: bold;
	font-family: "SimHei";
}

.containerForLayer li a {
	background: #9adb4b;
}

.containerForLayer li a:hover {
	background: #df0024;
}

.containerForLayer li.select a {
	background: #df0024;
	color: #fff;
}

.containerForLayer li.selected a {
	background: #df0024;
	cursor: not-allowed;
	color: #fff;
}

.containerForLayer li.selectno a {
	background: #df0024;
	cursor: not-allowed;
	color: #fff;
}

.containerForLayerTwo li.selected a {
	cursor: not-allowed;
}

.container {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto 0;
	display: none;
	opacity: 0;
	display: block !important;
}

/*

.shan li a{ 
    font-size:26px; 
    color:#e00024; 
    font-weight:bold;
    font-family:"SimHei";
}

.s2{ width:526px; height:526px; position:absolute; left:50%; margin-left:-263px; bottom:-263px; border-radius:50%; overflow:hidden; background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center;}
.s2 li{ width:50%; height:50%; position:absolute; top:0; left:0; transform-origin: 100% 100%; overflow:hidden; border-radius:100% 0 0 0; border-bottom:5px solid #e2000d; box-sizing:border-box;}
.s2 li:nth-child(1){ transform:rotate(6deg) skew(47.5deg)}
.s2 li:nth-child(2){ transform:rotate(47.5deg) skew(47.5deg);}
.s2 li:nth-child(3){ transform:rotate(90deg) skew(47.5deg);}
.s2 li:nth-child(4){ transform:rotate(132.5deg) skew(47.5deg); border-right:7px solid #e2000d}
.s2 li a{ width:526px; height:526px; position:absolute; top:0; left:0; transform:skew(-47.5deg) rotate(-67.5deg); text-align:center; padding-top:20px; box-sizing:border-box; border-radius:50%; border:5px solid #e2000d}

.s3{ width:696px; height:696px; position:absolute; left:50%; margin-left:-348px; bottom:-348px; border-radius:50%; overflow:hidden; background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center; clip-path: circle(50% at 50% 50%);}
.s3 li{ width:50%; height:50%; position:absolute; top:0; left:0; transform-origin: 100% 100%; overflow:hidden; border-radius:100% 0 0 0; border-bottom:5px solid #e2000d; box-sizing:border-box;}
.s3 li:nth-child(1){ transform:rotate(6deg) skew(61.67deg)}
.s3 li:nth-child(2){ transform:rotate(33.33deg) skew(61.67deg);}
.s3 li:nth-child(3){ transform:rotate(61.66deg) skew(61.67deg);}
.s3 li:nth-child(4){ transform:rotate(90deg) skew(61.67deg);}
.s3 li:nth-child(5){ transform:rotate(118.32deg) skew(61.67deg);}
.s3 li:nth-child(6){ transform:rotate(146.65deg) skew(61.67deg); border-right:10px solid #e2000d}
.s3 li a{ width:696px; height:696px; position:absolute; top:0; left:0; transform:skew(-61.67deg) rotate(-75.835deg); text-align:center; padding-top:20px; box-sizing:border-box; border-radius:50%; border:5px solid #e2000d}

.s4{ width:910px; height:910px; position:absolute; left:50%; margin-left:-455px; bottom:-455px; border-radius:50%; overflow:hidden; background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bg.png) no-repeat center center}
.s4 li{ width:50%; height:50%; position:absolute; top:0; left:0; transform-origin: 100% 100%; overflow:hidden; border-radius:100% 0 0 0; border-bottom:5px solid #e2000d; box-sizing:border-box;}
.s4 li:nth-child(1){ transform:rotate(6deg) skew(73deg)}
.s4 li:nth-child(2){ transform:rotate(22deg) skew(73deg);}
.s4 li:nth-child(3){ transform:rotate(39deg) skew(73deg);}
.s4 li:nth-child(4){ transform:rotate(56deg) skew(73deg);}
.s4 li:nth-child(5){ transform:rotate(73deg) skew(73deg)}
.s4 li:nth-child(6){ transform:rotate(90deg) skew(73deg);}
.s4 li:nth-child(7){ transform:rotate(107deg) skew(73deg);}
.s4 li:nth-child(8){ transform:rotate(124deg) skew(73deg);}
.s4 li:nth-child(9){ transform:rotate(141deg) skew(73deg);}
.s4 li:nth-child(10){ transform:rotate(158deg) skew(73deg); border-right:15px solid #e2000d;}
.s4 li a{  width:910px; height:910px; position:absolute; top:0; left:0; transform:skew(-73deg) rotate(-81.5deg); text-align:center; padding-top:30px; box-sizing:border-box; border-radius:50%}

.fu{ width:1010px; height:1030px; position:absolute; left:50%; margin-left:-505px; bottom:-515px; overflow:hidden;}
.fu img{ width:100%; height:475px; margin-left:3px}
*/

/*

.shan_bing{ width:338px; height:338px; position:absolute; left:50%; margin-left:-165px; bottom:-173px; background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/shan_bing.png) no-repeat center top}
.shan li .flash{ 
    position:absolute; 
    width:100%; 
    height:100%; 
    background:#fff; 
    top:0; 
    left:0; 
    display:none;
}
.shan li.bless a{ 
    background:rgba(223, 88, 88, 0.4);
    font-weight:bold;
}
.shan li.on a{ 
    background:rgba(255, 255, 255, 0.8); 
    color:white; 
    !*font-size: 0px;
     box-shadow: inset 0px 0px 30px red; *!
}
.shan li.onWin a { 
    animation: twinkling 1s 3;
}

.shan li.onWin a .onwinxingming{ 
    font-size:24px;
}
.shan li.onWin a .onwinchehang{ 
    display:inline-block;
    transform:scale(0.4);
}
.shan li.onWin a .onwinjiangjin{ 
    font-size:20px;
}

@keyframes shanforwin {
    0%{ background-color:rgba(223, 88, 88, 0.4)}
    50%{ background-color:rgba(255, 255, 255, 0.8);}
    100%{ background-color:rgba(223, 88, 88, 0.4)}   
}

@keyframes twinkling{
    0%{ background-color:rgba(223, 88, 88, 0.4)}
    50%{ background-color:rgba(255, 255, 255, 0.8);}
    100%{ background-color:rgba(223, 88, 88, 0.4)}
}
*/

.countdown {
	width: 200px;
	height: 300px;
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -100px;
	font-size: 326px;
	opacity: 0.8;
	z-index: 100;
	line-height: 300px;
	font-weight: bold;
	color: #fff;
}

/*
.start_show{
    width:98%;
    height:600px;
    position:absolute;
    top:0px;
    left:5px;
    z-index:80;
    animation: fadeIn 4s;
    animation-timing-function: ease-out;
    animation-fill-mode:forwards;
    animation-delay:5s;
    overflow:hidden;
    background:url(http://files.haojue163.com/haojue_winning_pc_v2/img/start_show.png) no-repeat center top;
    background-size:100% 620px;
}
.half_circle{
    width: 1200px;
    height: 600px;
    background:#fff;
    border-radius: 1200px 1200px 0 0;
    position:absolute;
    left:50%;
    margin-left:-600px;
    bottom:20px;
    animation: openShan 6.5s;
    animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    animation-fill-mode:forwards;
}
@keyframes openShan
{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(180deg);
    }
}*/

@keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.container2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.container3 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.container3 img {
	margin-top: 310px;
	width: 0px;
}

.container4 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.container4 img {
	margin-top: 290px;
	width: 0px;
}

@keyframes imgrotate {
	0% {
		transform: rotate(0deg);
	}

	5% {
		transform: rotate(5deg);
	}

	10% {
		transform: rotate(0deg);
	}

	15% {
		transform: rotate(5deg);
	}

	20% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes shake {
	0% {
		transform: rotate(10deg);
	}

	50% {
		transform: rotate(-10deg);
	}

	100% {
		transform: rotate(10deg);
	}
}

.video {
	width: 776px;
	position: absolute;
	margin-left: -388px;
	left: 50%;
	top: 190px;
}

.video video {
	width: 100%;
	height: 100%;
}

.video .btn_play {
	position: absolute;
	display: none;
	width: 80px;
	height: 80px;
	top: 40%;
	left: 45%;
	background: url(http://files.haojue163.com/haojue_winning_v3/img/play.png) no-repeat;
	background-size: 100% 100%;
}

/*video::-webkit-media-controls {
  display:none !important;
}*/

#layercontainer {
	width: 400px;
}

#layercontainer .form-item {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#layercontainer .label-inline {
	width: 100px;
	text-align: right;
}

.motolight {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.light_fuzzy {
	background: url(http://files.haojue163.com/haojue_winning_pc_v2/img/video_bg1.png) no-repeat center;
	background-size: auto 101%;
}

/*
.light_on {
	background: url(http://files.haojue163.com/haojue_winning_pc_v2/img/video_bg.png) no-repeat center;
	background-size: auto 100%;
}

.light_off {
	background: url(http://files.haojue163.com/haojue_winning_pc_v2/img/video_bg.png) no-repeat center;
	background-size: auto 100%;
}
*/
.light_clean {
	background: url(http://files.haojue163.com/haojue_winning_v3/img/video_bg.png) no-repeat center;
	background-size: auto 100%;
	z-index: 1000;
}
#passionDiv.chou_jieguo .des{
	width: 230px;
	margin:0 auto;
}
#passionDiv.chou_jieguo sub{
	left: 205px;
}
.chou_jieguo {
	position: absolute;
	top: 240px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	font-family: "z"
}

.chou_jieguo .address {
	letter-spacing: 5px;
	margin-top: 38px;
	display: block;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.chou_jieguo .name {
	font-size: 60px;
	letter-spacing: 5px;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #fff;
}

.chou_jieguo .gongxi {
	font-size: 56px;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #fff;
}

.chou_jieguo img {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	/* width: 100%; */
	/* margin-top: 34px; */
}

.chou_jieguo sub {
	font-size: 20px;
	font-weight: bold;
	margin-top: -20px;
	position: absolute;
	left: 524px;
	top: 43px;
}

.chou_jieguo .des {
	position: relative;
	width: 100%;
	font-size: 80px;
	line-height: 80px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.chou_jieguo .des>span:first-child {
	position: absolute;
	left: 0;
}

#allAwardMoney .des {
	margin-top: 35px;
	font-size: 88px;
}

#allAwardMoney .des_jq {
	position: absolute;
	left: 297px;
	animation: pulse1 1s infinite;
}

#allAwardMoney img {
	padding-right: 5px;
	vertical-align: baseline;
}


@-webkit-keyframes pulse1 {
	0% {
		-webkit-transform: scale(.82);
		transform: scale(.82)
	}

	50% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	to {
		-webkit-transform: scale(.82);
		transform: scale(.82)
	}
}

@keyframes pulse1 {
	0% {
		-webkit-transform: scale(.82);
		transform: scale(.82)
	}

	50% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	to {
		-webkit-transform: scale(.82);
		transform: scale(.82)
	}
}


@keyframes totalanimate {
	0% {
		font-size: 68px;
	}

	50% {
		font-size: 94px;
	}

	100% {
		font-size: 68px;
	}
}


.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	/* ѭ������ */
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*Ʈѩ*/

#content {
	width: 100%;
	height: 100%;
	top: 0px;
	overflow: hidden;
	position: absolute;
}

#snowflake {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.snowRoll {
	position: absolute;
	opacity: 0;
	-webkit-animation-name: mysnow;
	-webkit-animation-duration: 20s;
	-moz-animation-name: mysnow;
	-moz-animation-duration: 20s;
	height: 80px;
}

@-webkit-keyframes mysnow {
	0% {
		bottom: 100%;
	}

	50% {
		-webkit-transform: rotate(1080deg);
	}

	100% {
		-webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}

@-moz-keyframes mysnow {
	0% {
		bottom: 100%;
	}

	50% {
		-moz-transform: rotate(1080deg);
	}

	100% {
		-moz-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	/* ѭ������ */
}

/* ȫ����Ƶ */
.full-video {
	opacity: 0;
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .2s ease-in;
	background-color: #000;
}

.full-video.show {
	z-index: 999999;
	opacity: 1;
	top: 0;
}

.full-video video {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
	outline: none;
	max-width: 100%;
	max-height: 100%;
	transition: opacity 1s ease-in;
}

.full-video video.active {
	z-index: 999;
	opacity: 1;
	visibility: visible;
}