@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;}

.content{background:url(http://sdxl2.laohu.com/_s/player/bg.jpg) no-repeat center 0;}
.wrapIndex{position:relative; width:1200px; height:2000px; margin:0 auto;}
.header{height: 1042px; position: relative;}

.logo{width: 261px; position: absolute; left: 10px; top: 30px;}

.danbox{width: 932px; position: absolute; right: 0; top: 684px;}
.danbox a{display: block; width:205px; height: 268px; float: left; display: inline; margin-right: 76px;}
.danbox a.d1{background: url(http://sdxl2.laohu.com/_s/player/d1.png) no-repeat 0 0;}
.danbox a.d2{background: url(http://sdxl2.laohu.com/_s/player/d2.png) no-repeat 0 0;}
.danbox a.d3{background: url(http://sdxl2.laohu.com/_s/player/d3.png) no-repeat 0 0;}
.danbox a:hover{background-position: -205px 0;}
/* login */
.login_bg{position:fixed; right:50px; top:175px; width:211px; height:473px; background:url(http://sdxl2.laohu.com/_s/player/pop.png) no-repeat 0 0; z-index: 10;}
.cardBox{padding: 32px 0 0 0; height: 245px;}
.cardBox img{display: block; margin: 0 auto; width: 174px; height: 174px;}
.cardBox span{display: block; text-align: center; font-size: 20px; color: #000; padding-top: 4px;}



.btnBox{padding:0 15px; height: 86px;}
.btnBox a{width: 82px; height: 83px; background: url(http://sdxl2.laohu.com/_s/player/btn.png) no-repeat 0 0;}
.btnBox a.link_down_app{float: left;}
.btnBox a.link_down_android{float: right; background-position: right 0;}


.btn_login{display: block;}
.btn_login a{width: 215px; height: 74px; background: url(http://sdxl2.laohu.com/_s/player/login.png) no-repeat 0 -74px; margin: 0 auto; display: block; overflow: hidden; text-indent: -999px;}
.btn_login a:hover{background-position: 0 0;}

.btn_logout{display: none;}
.btn_logout a{display:block; width: 215px; height: 74px; background:url(http://sdxl2.laohu.com/_s/player/logout.png) no-repeat 0 0;  margin: 0 auto; display: block; overflow: hidden; text-indent: -999px;}
.reg_info{ display:block; position:absolute; width:196px; height:47px; padding:5px; left:4px; bottom: -28px; font:normal 13px/16px "宋体"; color:#26348b; background:url(http://sdxl2.laohu.com/_s/player/info.png) no-repeat 0 0;}
#day_num{ font-size:18px; color:#ff0000;}


.p_prize_r{width: 780px; margin: 0 auto; height: 178px;}
.p_prize_r a{width:354px; height:89px; cursor:pointer; background: url(http://sdxl2.laohu.com/_s/player/btn2.png) no-repeat 0 0; overflow: hidden; text-indent: -999px;}
.p_prize_r a.btn_player_get{float: left; background-position: 0 0;}
.p_prize_r a.btn_player_get:hover{background-position: 0 -89px;}
.p_prize_r a.btn_player_check{float: right; background-position: right 0;}
.p_prize_r a.btn_player_check:hover{background-position: right -89px;}

.rule_box{width:1200px; background: url(http://sdxl2.laohu.com/_s/player/tit.png) no-repeat 0 0; margin: 0 auto; padding-top: 112px;}
.rule_box p{line-height: 48px; font-size: 24px; color: #e5c068; background: url(http://sdxl2.laohu.com/_s/player/icon.png) no-repeat 0 16px; padding:0 0 0 35px;}








/* 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;}

/* 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================== */

/* 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;}

/* rule */

.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;}


/* 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
	}
}