@charset "utf-8";
html{ min-width:1200px;}
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#fff; overflow-x:hidden}
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:underline}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.bg{position:relative;height: 914px; background-color: #161618; overflow:hidden;}
.opa{ position:absolute;width: 100%;height: 914px; left:0; top:0; background:url(http://m.laohu.com/_s/ry/wang_bg.png) center -60px no-repeat; -webkit-animation:key_wang 2s linear infinite alternate;-o-animation: key_wang 2s linear infinite alternate;animation: key_wang 2s linear infinite alternate;}
@-webkit-keyframes key_wang{
	0%{ opacity:1;}
	100%{ opacity:0;}
}
@-ms-keyframes key_wang{
	0%{ opacity:1;}
	100%{ opacity:0;}
}
@-moz-keyframes key_wang{
	0%{ opacity:1;}
	100%{ opacity:0;}
}
@keyframes key_wang{
	0%{ opacity:1;}
	100%{ opacity:0;}
}

.relbox{ position:relative; width: 1460px; margin:0 auto; z-index:2;}
.yuan{position: absolute; width: 1460px; left: 0px; top: -281px;}
.ani_rotate1{-webkit-animation:key_rotat1 20s linear infinite;-o-animation:key_rotat1 20s linear infinite;animation: key_rotat1 20s linear infinite;}
.ani_rotate2{-webkit-animation:key_rotat1 40s linear infinite;-o-animation:key_rotat1 40s linear infinite;animation: key_rotat1 40s linear infinite;}
@-webkit-keyframes key_rotat1 {
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes key_rotat1 {
	0%{-o-ransform:rotate(0deg)}
	100%{-o-transform:rotate(360deg)}
}
@-moz-keyframes key_rotat1 {
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
@keyframes key_rotat1 {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.ani_rotate3{-webkit-animation:key_rotat2 20s linear infinite;-o-animation:key_rotat2 20s linear infinite;animation: key_rotat2 20s linear infinite;}
.ani_rotate4{-webkit-animation:key_rotat2 40s linear infinite;-o-animation:key_rotat2 40s linear infinite;animation: key_rotat2 40s linear infinite;}
@-webkit-keyframes key_rotat2 {
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(-360deg)}
}
@-o-keyframes key_rotat2 {
	0%{-o-ransform:rotate(0deg)}
	100%{-o-transform:rotate(-360deg)}
}
@-moz-keyframes key_rotat2 {
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(-360deg)}
}
@keyframes key_rotat2 {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
.role_bingyu{ position:absolute; width:545px; left:-78px; top:128px;}
.role_qianjisan{ position:absolute; width:524px; left:1080px; top:147px;}
.voice1,.voice2{ position:absolute; width:41px; top:378px; cursor:pointer;}
.voice1{ left:316px;}
.voice2{ left:1106px;}

.slogan{ position:absolute; width:456px; top: 0;left: 50%;margin-left: -228px;}
.top_nav{ position:absolute; width:486px; height:20px;left: 50%;margin-left: -228px; top: 140px;}
.top_nav li{position:relative;float: left; width:160px; height:20px; text-align:center;}
.top_nav li a{ font:normal 20px/20px "微软雅黑"; color:#ffffff;}
.top_nav li.boder{border-right:1px solid #bee0ff;}
.top_nav li a:hover{ color:#bee0ff; text-decoration: none;}
.hover_pop_ma{ display:none; position:absolute; width:160px; left:50%; margin-left:-80px; top:26px;}

.middle_box{ position: absolute; width:182px; left:50%; margin-left:-91px; top:356px; text-align:center;}
.last_tip{ font:normal 19px/20px "微软雅黑"; color:#98d9ff}
#last_num{ font:normal 94px/100px "微软雅黑"; color:#fff}
.btn_share_pop{ position:relative; display:block; width:123px; height:47px; margin:0 auto; background:url(http://m.laohu.com/_s/ry/btn_share.png); cursor:pointer;}
.blink{ position:absolute; width:100%; height:100%; left:0; top:0; -webkit-animation:key_blink 1s infinite alternate;-o-animation: key_blink 1s infinite alternate;animation: key_blink 1s infinite alternate; opacity:0;}
@-webkit-keyframes key_blink {
	0%{opacity:0}
	100%{opacity:1}
}
@-o-keyframes key_blink {
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes key_blink {
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes key_blink {
	0%{opacity:0}
	100%{opacity:1}
}
.btn_share_pop .blink{ background:url(http://m.laohu.com/_s/ry/btn_share_light.png);}
.btn_txt{position:absolute; width:100%; height:100%; left:0; top:0; font:normal 18px/47px "微软雅黑"; color:#fff; cursor:pointer;}
.share_tip{ padding-top:10px; font:normal 12px/14px "微软雅黑"; color:#fff;}

.pop_btn1,.pop_btn2,.pop_btn3{ position:absolute; width:120px; height:49px; left:528px; top:677px; background:url(http://m.laohu.com/_s/ry/btn.png);}
.pop_btn2{ left:808px;}
.pop_btn3{ left:670px;}
.pop_btn1 .btn_txt,.pop_btn2 .btn_txt,.pop_btn3 .btn_txt{font:normal 18px/49px "微软雅黑"; color:#ff5833; text-align:center;}
.pop_btn1 .blink,.pop_btn2 .blink,.pop_btn3 .blink{ background:url(http://m.laohu.com/_s/ry/btn_light.png);}

.zhuzhan_bg1,.zhuzhan_bg2{ position:absolute; width:369px; height:87px; top:743px;}
.zhuzhan_bg1{ left:188px; background:url(http://m.laohu.com/_s/ry/zhuzhan1.png)}
.zhuzhan_bg2{ left:902px; background:url(http://m.laohu.com/_s/ry/zhuzhan2.png)}
.zhuzhan_bg1 span,.zhuzhan_bg2 span{ position:absolute; width:132px; height:42px; top:42px;font:normal 25px/42px "微软雅黑"; color:#79cdfd; text-align:center; cursor:pointer;}
.zhuzhan1{ left:30px;}
.zhuzhan2{ right:30px;}
.zhuzhan_num1,.zhuzhan_num2{ position:absolute; width:464px; top:858px;font:normal 25px/26px "微软雅黑"; color:#79cdfd; text-align:center;}
.zhuzhan_num1{ left:92px;}
.zhuzhan_num2{ right:97px;}
/* pop */
.pop_box{ display:none; width: 819px;}
.close_pop{ position:absolute; width:37px; height:36px; right:50px; top:40px; background:url(http://m.laohu.com/_s/ry/icon_close.png); cursor:pointer;}
.pop_cont{ width: 819px;}
.pop_img{display: block; height: 46px;}
.pop_pp{ width:819px; background:url(http://m.laohu.com/_s/ry/pop_bg_pp.png) center top repeat-y;}
.share_cont{ position:relative; width:643px; height:385px; margin:0 auto;}
.pop_share_tip{ padding-top:30px; font:bold 30px/46px "微软雅黑"; color:#79cdfd; text-align:center;}
.share_img{display: block; width:643px;}
.sns_wrap{ position:relative; width:326px; height:79px; margin:30px auto 0; background:url(http://m.laohu.com/_s/ry/sns_bg.png);}
#btn_share_qqZone,#btn_share_weibo,#btn_share_weixin{ position:absolute; width:52px; height:79px; top:0px; left:41px; cursor:pointer;}
#btn_share_weibo{ left:138px;}
#btn_share_weixin{ left:234px;}

.pop_weixin_cont{ padding-bottom:20px;}
.sao_tip{font:bold 25px/28px "微软雅黑"; color:#79cdfd; text-align:center;}
.m_img{ display:block; margin: 20px auto 0;}
.pop_txt_cont{ width:600px; padding:0 0 20px 130px;}
.txt_t{font:bold 30px/30px "微软雅黑"; color:#ec6f00;}
.intro_p{ margin-top:20px;font:normal 25px/36px "微软雅黑"; color:#79cdfd;}

#black_box{ position:fixed; width:100%; height:100%; left:-100%; top:0; background:rgba(0,0,0,0.7); z-index:9999}
#pop_result{ display:block; position:absolute; width:819px; left:50%; margin-left:-410px; top:50%; margin-top:-300px;}
#yezi{ position:absolute; width:819px; left:0; top:0;}
#yezi img{ position:absolute;}
.yezi1{ width:50px; left:20px; top:-200px; transition:top 1.2s; -webkit-transition:top 1.2s; -ms-transition:top 1.2s; -moz-transition:top 1.2s;}
.yezi2{ width:50px; left:220px; top:-200px; transform:rotate(280deg); -webkit-transform:rotate(280deg); -ms-transform:rotate(280deg); -moz-transform:rotate(280deg); -webkit-transition:top 1.5s; -ms-transition:top 1.5s; -moz-transition:top 1.5s; transition:top 1.5s;}
.yezi3{ width:50px; left:360px; top:-200px; transition:top 1.6s;-webkit-transition:top 1.6s;-moz-transition:top 1.6s;-ms-transition:top 1.6s;}
.yezi4{ width:50px; left:490px; top:-200px; transform:rotate(200deg); -webkit-transform:rotate(200deg); -ms-transform:rotate(200deg); -moz-transform:rotate(200deg); -webkit-transition:top 1.3s;-ms-transition:top 1.3s;-moz-transition:top 1.3s;transition:top 1.3s;}
.yezi5{ width:50px; left:660px; top:-200px; transform:rotate(280deg); -webkit-transform:rotate(280deg); -ms-transform:rotate(280deg); -moz-transform:rotate(280deg); -webkit-transition:top 1.6s; -ms-transition:top 1.6s; -moz-transition:top 1.6s; transition:top 1.6s;}
#yezi.active .yezi1{ top:520px;}
#yezi.active .yezi2{ top:560px;}
#yezi.active .yezi3{ top:550px;}
#yezi.active .yezi4{ top:530px;}
#yezi.active .yezi5{ top:550px;}
.result_hide{ display:none;}

.pop_result_cont{ width:728px; margin:0 auto;}
#ma_box{ width:398px; height:48px; margin:30px auto 0;font:normal 25px/48px "微软雅黑"; color:#ec6f00; text-align:center; border:1px solid #79cdfd;}
.pop_ma_tip{ margin-top:20px;font:normal 21px/22px "微软雅黑"; color:#79cdfd; text-align:center;}
.down_box{ width:728px; margin-top:30px; padding-top:30px; border-top:1px solid #79cdfd;}
.down_ewm{ display:block; width:138px;margin:0 auto;}
.down_box p{ margin-top:20px;font:normal 21px/22px "微软雅黑"; color:#79cdfd; text-align:center;}
.fail_msg,.succ_msg,.msg_p{ display:none;}
.fail_msg p,.succ_msg p{padding:10px 20px 0;font:normal 25px/36px "微软雅黑"; color:#79cdfd;}
.succ_msg .msg_p{ height:180px;}

.gift_list_head{ width:670px; margin-left:74px; height:37px; font:normal 25px/26px "微软雅黑"; color:#79cdfd; text-align:center; border-bottom:1px solid #1a5583; overflow:hidden;}
.gift_list_head li{ float:left; height:37px;}
.col_w1{ width:189px;border-right:1px solid #1a5583;}
.col_w2{ width:239px;border-right:1px solid #1a5583;}
.col_w3{ width:240px;}
#gift_none{ display:none; padding-top:20px; font:normal 25px/26px "微软雅黑"; color:#79cdfd; text-align:center;}
.pop_gift_scoll{ width:730px; height:250px; margin-left:74px; overflow-x:hidden; overflow-y:auto;}

.pop_gift_scoll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #0d0e12;}
.pop_gift_scoll::-webkit-scrollbar{width: 12px;background-color: #0d0e12;}
.pop_gift_scoll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #1e1735;}

#gift_list{ display:none; width:670px;}
#gift_list li{ height:85px; font:normal 21px/26px "微软雅黑"; color:#fff; text-align:center;border-bottom:1px solid #1a5583; overflow:hidden;}
#gift_list li div{ float:left; height:85px;}
#gift_list li div.col_w1 p{ width:160px; margin:0 auto; padding-top:18px;}
#gift_list li div.col_w2{ font:normal 23px/85px "微软雅黑";}
#gift_list li div.col_w3 p{ padding-top:18px;}

.lianhe{ position:absolute; width:262px; left:600px; top:810px;}
/* 1366 */
@media screen and (max-width:1366px) {
.bg{height: 650px;}
.opa{height: 650px; background-size:100% auto;}
.relbox{ width: 1040px;}
.yuan{width: 1040px; left: 0px; top: -199px;}
.role_bingyu{ width:360px; left:-55px; top:91px;}
.role_qianjisan{ width:371px; left:766px; top:104px;}
.voice1,.voice2{ width:29px; top:268px;}
.voice1{ left:224px;}
.voice2{ left:784px;}

.slogan{width:324px;margin-left: -162px;}
.top_nav{ width:348px;margin-left: -172px; top: 99px;;}
.top_nav li{ width:114px; height:16px;}
.top_nav li a{ font:normal 16px/16px "微软雅黑";}
.hover_pop_ma{ width:114px; margin-left:-57px; top:22px;}

.middle_box{ width:136px; margin-left:-68px; top:252px;}
.last_tip{ font:normal 14px/14px "微软雅黑"; }
#last_num{ font:normal 66px/70px "微软雅黑";}
.btn_share_pop{ width:87px; height:33px; background-size:100% auto;}
.btn_share_pop .blink{ background-size:100% auto;}
.btn_txt{ font:normal 14px/33px "微软雅黑";}

.pop_btn1,.pop_btn2,.pop_btn3{ width:85px; height:35px; left:374px; top:480px; background-size:100% auto; z-index:10;}
.pop_btn2{ left:573px;}
.pop_btn3{ left:475px;}
.pop_btn1 .btn_txt,.pop_btn2 .btn_txt,.pop_btn3 .btn_txt{font:normal 13px/35px "微软雅黑";}
.pop_btn1 .blink,.pop_btn2 .blink,.pop_btn3 .blink{ background-size:100% auto;}

.zhuzhan_bg1,.zhuzhan_bg2{width:262px; height:61px; top:527px;}
.zhuzhan_bg1{ left:132px; background-size:100% auto;}
.zhuzhan_bg2{ left:648px; background-size:100% auto;}
.zhuzhan_bg1 span,.zhuzhan_bg2 span{  width:94px; height:30px; top:30px;font:normal 18px/30px "微软雅黑";}
.zhuzhan1{ left:21px;}
.zhuzhan2{ right:21px;}
.zhuzhan_num1,.zhuzhan_num2{ width:329px; top:608px;font:normal 18px/20px "微软雅黑";}
.zhuzhan_num1{ left:65px;}
.zhuzhan_num2{ right:69px;}

/* pop */
.pop_box{ width:580px;}
.close_pop{ width:26px; height:25px; right:35px; top:28px; background-size:100% auto;}
.pop_cont,.pop_img{ width: 580px;}
.pop_pp{ width:580px;background-size:100% auto;}
.share_cont{ width:456px; height:273px;background-size:100% auto;}
.pop_share_tip{ padding-top:21px; font:bold 21px/35px "微软雅黑";}
.share_img{width:456px;}
#btn_share_qqZone,#btn_share_weibo,#btn_share_weixin{ width:38px; height:53px; top:157px; left:145px;}
#btn_share_weibo{ left:213px;}
#btn_share_weixin{ left:282px;}

.pop_weixin_cont{ padding-bottom:14px;}
.sao_tip{font:bold 18px/20px "微软雅黑";}
.m_img{ margin: 14px auto 0;}
.pop_txt_cont{ width:426px; padding:0 0 14px 92px;}
.txt_t{font:bold 21px/21px "微软雅黑"; }
.intro_p{ margin-top:14px;font:normal 15px/26px "微软雅黑";}

#pop_result{ width:580px; margin-left:-290px; margin-top:-213px;}
#yezi{width:580px;}
.yezi1{ width:34px; left:34px; top:-200px;}
.yezi2{ width:34px; left:170px; top:-200px;}
.yezi3{ width:34px; left:275px; top:-200px;}
.yezi4{ width:34px; left:356px; top:-200px;}
.yezi5{ width:34px; left:486px; top:-200px;}
#yezi.active .yezi1{ top:400px;}
#yezi.active .yezi2{ top:440px;}
#yezi.active .yezi3{ top:420px;}
#yezi.active .yezi4{ top:420px;}
#yezi.active .yezi5{ top:410px;}

.pop_result_cont{ width:516px;}
#ma_box{ width:282px; height:34px; margin:21px auto 0;font:normal 18px/34px "微软雅黑";}
.pop_ma_tip{ margin-top:14px;font:normal 15px/16px "微软雅黑";}
.down_box{ width:516px; margin-top:21px; padding-top:21px;}
.down_ewm{ width:98px;}
.down_box p{ margin-top:14px;font:normal 15px/16px "微软雅黑"; }
.fail_msg p,.succ_msg p{padding:7px 14px 0!important;font:normal 18px/26px "微软雅黑";}
.succ_msg .msg_p{ height:128px!important;}

.gift_list_head{ width:475px; margin-left:52px; height:26px; font:normal 18px/18px "微软雅黑"; }
.gift_list_head li{ height:26px;}
.col_w1{ width:134px;}
.col_w2{ width:169px;}
.col_w3{ width:170px;}
#gift_none{padding-top:14px; font:normal 18px/18px "微软雅黑"; }
.pop_gift_scoll{ width:518px; height:177px; margin-left:52px;}
#gift_list{width:475px;}
#gift_list li{ height:60px; font:normal 15px/18px "微软雅黑";}
#gift_list li div{ height:60px;}
#gift_list li div.col_w1 p{ width:113px; padding-top:13px;}
#gift_list li div.col_w2{ font:normal 16px/60px "微软雅黑";}
#gift_list li div.col_w3 p{ padding-top:13px;}

.lianhe{ width:185px; left:426px; top:574px;}
}