@charset "utf-8";
html{ min-width:1200px;}
body{ margin:0; padding:0; font-size:14px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; }
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
/* index================== */
.bg{ position:relative; height:1000px; background:url(http://sdxl2.laohu.com/_s/award/index_bg1.jpg) center top  no-repeat;}
.cloud_box{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.cloud1,.cloud2{ position:absolute; left:0; top:200px;}
.cloud3{ position:absolute; left:0; top:400px;}

.cont{ position:relative; width:1200px; height:1000px; margin:0 auto; z-index:2;}
.logo{ position:absolute; width:193px; left:50px; top:78px;}
/* nav */
.nav_box{ position:absolute; width:180px; height:156px; right:0; top:43px;}
.nav_box a{ float:left; width:36px; height:156px; margin-left:23px; text-indent:-9999px; overflow:hidden;}
.btn_main{ background:url(http://sdxl2.laohu.com/_s/award/btn_main.png)}
.btn_down{ background:url(http://sdxl2.laohu.com/_s/award/btn_down.png)}
.btn_bbs{ background:url(http://sdxl2.laohu.com/_s/award/btn_bbs.png)}
.nav_box a:hover{ background-position:0 -156px;}
.ewm_down{ display:none; position:absolute; width:150px; top:100px; left:24px;}
/* city */
.city{ position:absolute; width:52px; height:153px;}
.city1{ left:498px; top:231px;}
.city2{ left:928px; top:252px;}
.city3{ left:399px; top:508px;}
.city4{ left:1076px; top:546px;}
.city_name{ position:absolute; width:52px; height:153px; left:0; top:0; animation:key_hx 0.5s infinite alternate; -webkit-animation:key_hx 0.5s infinite alternate; -ms-animation:key_hx 0.5s infinite alternate;}
@keyframes key_hx{
	0%{transform:scale(1)}
	100%{transform:scale(1.02)}
}
@-webkit-keyframes key_hx{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(1.02)}
}
@-ms-keyframes key_hx{
	0%{-ms-transform:scale(1)}
	100%{-ms-transform:scale(1.02)}
}
.city_hover{ position:absolute; width:0; height:261px; top:-57px; overflow:hidden; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s;}
.city:hover{ z-index:3;}
.city:hover .city_hover{ width:599px}
.city_hover img{ position:absolute;}
.city1 .city_hover{ height:251px; left:52px;}
.city2 .city_hover{ right:52px;}
.city3 .city_hover{ left:52px;}
.city4 .city_hover{ height:249px; right:52px;}

.city1 .city_hover img,.city3 .city_hover img{left:0; top:0;}
.city2 .city_hover img,.city4 .city_hover img{right:0; top:0;}

@media screen and (min-width: 1816px) {
	.bg{ background:url(http://sdxl2.laohu.com/_s/award/index_bg2.jpg) center top  no-repeat;}
	.cont{ position:relative; width:1816px;}
	.logo{ left:150px; top:108px;}
	.nav_box{ right:30px; top:83px;}
	.city1{ left:804px; top:292px;}
	.city2{ left:1234px; top:263px;}
	.city3{ left:505px; top:564px;}
	.city4{ left:1235px; top:536px;}
}
/* lottery================== */
.inside_bg{ height:1000px; background:url(http://sdxl2.laohu.com/_s/award/inside_bg.jpg) center top no-repeat;}
.inside_bg .logo{ left:30px; top:30px; z-index:10;}
.cont1200{ position:relative; width:1200px; height:1000px; margin:0 auto;}
/* nav */
#top_nav{ position:relative; width:718px; height:106px; margin-left:482px; overflow:hidden;}
.top_nav_bg1{ background:url(http://sdxl2.laohu.com/_s/award/nav_bg1.jpg);}
#top_nav a{ float:left; width:143px; height:98px; text-indent:-9999px; overflow:hidden;}
#top_nav a.w{ width:144px;}
/* login */
.login_bg{ position:relative; width:570px; height:166px; margin:17px 0 0 551px; background:url(http://sdxl2.laohu.com/_s/award/login_bg.png);}
.ewm_down_l{ position:absolute; width:103px; height:103px; left:64px; top:33px;}
.link_down_app,.link_down_android{ position:absolute; width:162px; height:56px; left:178px; top:26px;}
.link_down_android{ top:85px;}
.btn_login,.btn_logout{ position:absolute; width:169px; height:48px; left:363px; top:24px; background:url(http://sdxl2.laohu.com/_s/award/btn_login.png); cursor:pointer;}
.btn_logout{ display:none; height:47px; background:url(http://sdxl2.laohu.com/_s/award/btn_logout.png);}
.reg_info{ display:none; position:absolute; width:196px; height:47px; padding:5px; left:347px; top:85px; font:normal 13px/16px "宋体"; color:#26348b; background:url(http://sdxl2.laohu.com/_s/award/reg_info.png);}
#day_num{ font-size:18px; color:#ff0000;}
/* rule */
.rule_box{ width:570px;margin:6px 0 0 551px;}
.rule_t{ height:22px; padding-left:15px; font:normal 20px/22px "微软雅黑"; color:#152035; background:url(http://sdxl2.laohu.com/_s/award/icon_rule.png) 0 5px no-repeat;}
.rule_cont{ padding:5px 0 0 5px;font:normal 14px/26px "宋体"; color:#152035;}
/* prize */
.porize_box{ position:relative; width:578px; height:383px;margin:10px 0 0 482px; background:url(http://sdxl2.laohu.com/_s/award/prize_bg.png);}
.btn_lottery{ position:absolute; width:87px; height:87px; left:241px; top:146px; cursor:pointer;}
.btn_lottery img{ position:absolute; width:91px; left:-2px; bottom:-8px;}
.btn_check{ position:absolute; width:51px; height:140px; left:487px; top:69px; cursor:pointer;}
.prize_wrap{ position:relative; width:678px;margin:10px 0 0 472px;}
.prize_b_box{ position:relative; width:294px; height:170px; padding-left:20px; z-index:2;}
.dj_box{ position:relative; float:left; width:147px; height:120px;top:-15px;}
.dj_img{ display:block; margin:0 auto;}
.dj_name{ position:absolute; width:100%; left:0; top:90px; font:normal 12px/14px "微软雅黑"; color:#fff; text-align:center;}
/* pop */
.pop_chang{ display:none; position:absolute; width:356px; height:88px; padding:14px 0 0 0; top:-100px; left:50%; margin-left:-178px; background:url(http://sdxl2.laohu.com/_s/award/pop_chang.png)}
.pop_chang div{ position:relative; float:left; width:86px; font:normal 12px "微软雅黑"; color:#4454b9; text-align:center;}
.pop_chang div img{ display:block; margin:0 auto 2px;}
.pop_chang div .p_name{ position:absolute; width:100%; left:0; top:58px;}


.prize_r{ position:absolute; width:352px; left:332px; top:-30px;}
.prize_ul{ width:352px; height:164px;}
.prize_ul li{ float:left; width:94px; margin-right:22px;}
.p_img_box{ position:relative; width:94px; height:124px;}
.p_img_box .pop_chang{ top:-90px; z-index:10}
.p_img_box img.gift1,.p_img_box img.gift2,.p_img_box img.gift3{ position:absolute; left:0; bottom:0;}
.p_img_box img.gift1{ left:-3px;}
.p_img_box p{ position:absolute; width:94px; height:22px; left:0; bottom:0; font:normal 12px/22px "微软雅黑"; color:#e4c47c; text-align:center;}
.need{ height:24px;font:normal 12px/22px "微软雅黑"; color:#fff; text-align:center;}
.btn_get{ display:block; width:80px; height:16px; margin:0 auto;font:normal 12px/16px "微软雅黑"; color:#fff; text-align:center; background-color:#426cb1; border-radius:4px; cursor:pointer;}
.jf_box{ width:210px; height:26px; margin:10px auto 0;font:normal 15px/26px "微软雅黑";color:#54441c; text-align:center; background-color:#e4c47c; border-radius:14px;}
#jf_num{ font-size:17px; color:#f11212;}
/* pop */
#pop_gift{ display:none; width:941px; height:417px; background:url(http://sdxl2.laohu.com/_s/award/pop_gift.png);}
#close_gift{ position:absolute; width:51px; height:51px; right:207px; top:16px; cursor:pointer;}
.pop_gift_cont{ position:absolute; width:474px; height:332px; left:205px; top:64px;}
.pop_t{ font:bold 22px/24px "微软雅黑"; color:#926a2d; text-align:center;}
.gift_scroll{ width:474px; height:250px; margin-top:25px; overflow-x:hidden; overflow-y:auto;}
.gift_scroll::-webkit-scrollbar{ width:6px; background-color:#e1d9dd; border-radius:6px;}
.gift_scroll::-webkit-scrollbar-thumb{width:6px; background-color:#2f8ec4; border-radius:6px;}
.th_ul{ width:461px; height:30px; border:1px solid #7e7e7e;  overflow:hidden;}
.th_ul li{ float:left; width:153px; font:bold 13px/30px "微软雅黑"; color:#fff; text-align:center; background-color:#95858b; }
.td_border{ min-height:18px; border-left:1px solid #7e7e7e; border-right:1px solid #7e7e7e; }
.td_ul{ width:461px; border-right:1px solid #7e7e7e; border-left:1px solid #7e7e7e;}
.td_ul li{ width:461px; border-bottom:1px solid #7e7e7e; overflow:hidden;}
.td_ul li div{ float:left; width:153px;  padding:10px 0;font:normal 12px/18px "微软雅黑"; color:#787878;text-align:center; }
.gift_tip{ margin-top:10px;font:normal 12px/14px "微软雅黑"; color:#ff0000; text-align:center;}

.pop_box{ display:none; width:556px; height:288px; background:url(http://sdxl2.laohu.com/_s/award/pop_bg.png);}
.icon_close{ position:absolute; width:51px; height:51px; right:29px; top:0px; cursor:pointer;}
.pop_cont{ width:420px; margin:0 auto; padding-top:44px;}
.gift_name{ margin-top:15px;font:normal 19px/20px "微软雅黑"; color:#ed1d1d; text-align:center;}
.code_num{ margin-top:15px;font:normal 19px/20px "微软雅黑";  text-align:center;}
.code_tip{ margin-top:15px;font:normal 16px/20px "宋体";   text-align:center;}
.btn_pop_address,.btn_sub{ display:block; width:202px; height:39px; margin:40px auto 0;font:normal 14px/39px "微软雅黑";  text-align:center; background-color:#bca5ae; cursor:pointer;}

.sub_ul{ width:345px; height:118px; margin:0 auto; padding-top:16px;}
.sub_ul li{ height:23px;margin-top:10px; overflow:hidden;}
.sub_name{ float:left; width:114px; height:23px; padding-right:10px;font:normal 16px/23px "宋体"; text-align:right;}
.sub_ul li input{ float:left; width:200px; height:21px; line-height:21px; border:1px solid #7a7a7a;}
.btn_sub{ font-size:20px; margin-top:0;}
.huigui{ width:414px; margin:28px auto 0;font:normal 22px/32px "宋体";   text-align:center;}
#day_num2{  color:#ff0000;}
/* story================== */
.top_nav_bg2{ background:url(http://sdxl2.laohu.com/_s/award/nav_bg2.jpg);}
/* tab */
.tab_box{ position:relative; width:724px; height:105px; margin-left:468px; overflow:hidden;}
.login_line{ position:absolute; width:207px; height:67px; left:436px; top:30px; background:url(http://sdxl2.laohu.com/_s/award/login_xian.png); overflow:hidden;}
.login_line .btn_login,.login_line .btn_logout{ left:10px; top:12px;}

.tab_cont{ width:284px; padding:66px 0 0 16px; overflow:hidden;}
.tab_cont a{ float:left; height:35px; font:normal 20px/35px "微软雅黑"; color:#3d4450; }
.tab_cont a.on{ font:normal 26px/30px "微软雅黑"; color:#152035; border-bottom:3px solid #e9cf95;}
.tab_cont span{ float:left; width:30px; height:35px; background:url(http://sdxl2.laohu.com/_s/award/icon_tab.png) center center no-repeat;}

.in_cont{ width:724px; margin:4px 0 0 468px}
.change_box{ display:none;}
/* list */
.list_box{ width:724px; height:294px; background:rgba(240,240,240,0.3); overflow:hidden;}
.list_ul,.list_ul2{ width:704px; margin:0 auto;}
.list_ul li{ width:684px; height:74px; padding:0 10px; font:normal 14px/74px "宋体"; color:#152035; text-align:right; border-bottom:1px dashed #6f7780; cursor:pointer}
.list_ul li p{ float:left; width:530px; height:74px; text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list_ul li p a{font:normal 14px/74px "宋体"; color:#152035;}
.page{ margin-top:30px; text-align:center;color:#152035;}
.page a,.page span{display:inline-block; height:16px; padding:0 5px; margin:0 2px; font:normal 14px/16px "宋体"; color:#152035; text-align:center; cursor:pointer;}
.page .current{ color:#fff; cursor:default;}

.list_ul2 li{ position:relative; width:704px; height:60px; padding-top:14px; font:normal 14px/24px "宋体"; color:#152035; border-bottom:1px dashed #6f7780;}
.abs_time{ position:absolute; right:0; top:38px; font:normal 14px/24px "宋体"; color:#152035;}
/* sub */
.sub_box{ margin:10px 0 0 10px; overflow:hidden;}
#inp_story_t,#inp_ly_nick{ display:block; width:164px; height:22px; line-height:22px; background-color:#fff; border:1px solid #8391ae;}
#inp_ly_nick{ margin-top:15px;}
#txt_story_cont,#txt_ly_cont{display:block; width:715px; height:92px; padding:5px; margin-top:10px; background-color:#fff; border:1px solid #8391ae; resize:none; overflow-x:hidden; overflow-y:auto;}
#txt_ly_cont{ height:50px;}
.btn_sub_story{ float:right; width:101px; height:42px; margin-top:10px;font:normal 14px/42px "微软雅黑"; color:#54441c; text-align:center; background-color:#e4c47c; cursor:pointer;}
/* commend */
.commend_ul{ width:746px; height:112px; margin-top:20px;}
.commend_ul li{ float:left; width:176px; height:112px; margin-right:9px; cursor:pointer;}
.commend_ul li img{ display:block; width:176px; height:112px;}
/* item================== */
.item_box{ display:none; width:675px; margin:25px 0 0 505px;}
.w640{ width:640px; overflow:hidden;}
.arc_t{ font:normal 30px/30px "宋体"; color:#152035; text-align:center;}
.arc_info{ margin-top:18px; font:normal 14px/14px "宋体"; color:#152035; text-align:center;}
.m56{ margin:0 56px;}
.acr_scroll{ width:675px; height:644px; margin-top:12px; overflow-x:hidden; overflow-y:auto;}
.acr_scroll::-webkit-scrollbar{ width:6px; background-color:#e1d9dd; border-radius:6px;}
.acr_scroll::-webkit-scrollbar-thumb{width:6px; background-color:#2f8ec4; border-radius:6px;}
.arc_txt{ width:580px; padding:25px 30px; min-height:594px;font:normal 14px/26px "微软雅黑"; color:#152035; background:rgba(240,240,240,0.3);}
.link_back{ float:right; width:101px; height:42px; margin-top:10px;font:normal 20px/42px "微软雅黑"; color:#54441c; text-align:center; background-color:#e4c47c; cursor:pointer;}
/* player================== */
.top_nav_bg3{ background:url(http://sdxl2.laohu.com/_s/award/nav_bg3.jpg);}
.player_prize{ width:400px; height:165px; margin:12px 0 0 632px;}
.p_prize_l{ float:left; width:315px; height:137px; padding-top:28px; background:url(http://sdxl2.laohu.com/_s/award/player_tb.png);}
.p_tb{ float:left; position:relative; width:105px; height:108px;}
.p_tb .wj_jibie{ position:absolute; width:80px; height:16px; left:12px; bottom:0; font:normal 12px/16px "微软雅黑"; color:#fff; text-align:center; background-color:#426cb1; border-radius:4px;}
/* pop */
.player_pop{ display:none; position:absolute; width:173px; height:88px; padding:14px 10px 0; left:-44px; top:-100px; background:url(http://sdxl2.laohu.com/_s/award/player_pop.png); overflow:hidden;}
.player_pop div{ position:relative; float:left; width:86px; font:normal 12px "微软雅黑"; color:#4454b9; text-align:center;}
.player_pop div img{ display:block; margin:0 auto 2px;}
.player_pop div .p_name{ position:absolute; width:100%; left:0; top:54px;}
.color_red{ color:#ff0000;}

.p_prize_r{ float:right; width:73px;}
.p_prize_r span{ display:block; width:73px; height:69px; margin-top:10px; cursor:pointer;}
.btn_player_get{ background:url(http://sdxl2.laohu.com/_s/award/btn_get.png)}
.btn_player_check{ background:url(http://sdxl2.laohu.com/_s/award/btn_check.png)}
/* video */
.video_box{ position:relative; width:728px; height:327px; margin:20px 0 0 472px;}
.v_big_box{ position:relative; width:578px; height:327px; background:url(http://sdxl2.laohu.com/_s/award/v_bg_bg.png); overflow:hidden;}
.v_box{ position:absolute; width:556px; height:306px; left:11px; top:11px;}
#b_video{width:100%; height:100%;}
.v_poster{ position:absolute;width:556px; height:306px; left:11px; top:11px; cursor:pointer; z-index:10;}
.v_poster img{width:556px; height:306px;}
.v_poster img.btn_play{ position:absolute; width:54px;height:54px; top:50%; left:50%;margin-left:-27px; margin-top:-27px;}

.v_scroll{ position:absolute; width:152px; height:382px; right:0; top:-27px;}
.v_scroll .prev,.v_scroll .next{ position:absolute; width:60px; height:30px; left:45px; cursor:pointer;}
.v_scroll .prev{ top:0; background:url(http://sdxl2.laohu.com/_s/award/btn_prev.png)}
.v_scroll .next{ bottom:0; background:url(http://sdxl2.laohu.com/_s/award/btn_next.png)}
.bd{ position:absolute; width:152px; height:308px; left:0; top:37px; overflow:hidden;}
.bd li{ width:150px; height:96px;margin-bottom:7px; border:1px solid #223a60;}
.bd li img{ display:block; width:150px; height:96px; cursor:pointer;}

.th_ul2,.td_ul2,.td_ul2 li{ width:460px; border-right:0;}
.th_ul2 li,.td_ul2 li div{ width:229px; border-right:1px solid #7e7e7e;}

.cloud1 {
	width: 1209px;
	height: 600px;
	background: url(http://sdxl2.laohu.com/_s/award/yun1.png) no-repeat;
	-webkit-animation: cloud1 20s linear infinite;
	-moz-animation: cloud1 20s linear infinite;
	-ms-animation: cloud1 20s linear infinite;
	animation: cloud1 20s linear infinite
}

@-webkit-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.cloud2 {
	width: 726px;
	height: 362px;
	background: url(http://sdxl2.laohu.com/_s/award/yun2.png) no-repeat;
	-webkit-animation: cloud2 8s linear infinite;
	-moz-animation: cloud2 8s linear infinite;
	-ms-animation: cloud2 8s linear infinite;
	animation: cloud2 8s linear infinite
}

@-webkit-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.cloud3 {
	width: 1920px;
	height: 495px;
	background: url(http://sdxl2.laohu.com/_s/award/yun3.png) no-repeat;
	top: auto;
	bottom: 0;
	-webkit-animation: cloud3 12s linear infinite;
	-moz-animation: cloud3 12s linear infinite;
	-ms-animation: cloud3 12s linear infinite;
	animation: cloud3 12s linear infinite
}

@-webkit-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.masky {
	width: 100%;
	height: 100%;
	-webkit-mask: url(http://sdxl2.laohu.com/_s/award/mask.png) center bottom no-repeat;
	-webkit-mask-size: 4000% 100%;
	will-change: transform;
}
.masky.show {
	-webkit-animation: masky 3s steps(39) forwards;
	-ms-animation: masky 3s steps(39) forwards;
	animation: masky 3s steps(39) forwards;
	z-index: 10;
	display: block
}
@-webkit-keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}

@-ms-keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}
@keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}