@charset "utf-8";
html{ min-width:1200px;}
body{ margin:0; padding-top:46px; 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;}

#loading_bg{ width:100%; height:1150px; background:url(http://m.laohu.com/_s/test/loading_bg.jpg?1) center -46px no-repeat;}
.loadding_box{ position:absolute; width:190px; left:50%; margin-left:-95px; top:450px;}
.loadding_box p{ font:bold 16px "微软雅黑"; color:#222; text-align:center;}
.loadding_box img{ margin-top:10px;}
/* foot */
.foot{ display:none; padding:30px 0; background:#fff}
.foot .box{ width:700px; margin:0 auto;}
.foot .box .wm{ float:left; width:157px; height:51px; background:url(http://wmsj.laohu.com/_s/v3/logo.png) no-repeat; margin:10px 37px 0 0; text-indent:-9999px; overflow:hidden;}
.foot .box .txt{ width:495px; float:left; line-height:20px; font-size:12px; color:#666666; font-family:"宋体"}
.foot .box .txt a{ font-size:12px; color:#666666; margin:0 4px; font-family:"宋体"}
.foot .box .txt a:hover{ color:#F00}

.bg{ display:none; height:1565px; background:url(http://m.laohu.com/_s/test/bg.jpg) center top no-repeat;}
.wrap1200{ position:relative; width:1200px; margin:0 auto;}
.logoImg{ position:absolute; width:200px; left:28px; top:10px;}
.nav{ position:absolute; width:166px; height:28px; padding-left:12px;  left:250px; top:58px; background:url(http://m.laohu.com/_s/test/nav_bg.png); overflow:hidden;}
.nav a{ float:left; width:69px; height:28px; padding-left:14px; font:normal 14px/28px "宋体"; color:#6284a1; background:url(http://m.laohu.com/_s/test/icon_nav.png) 0 center no-repeat;}

#btn_yuyue,#btn_check{ position:absolute; width:128px; height:228px; left:1036px; top:13px; background:url(http://m.laohu.com/_s/test/btn_yuyue.png); text-indent:-9999px; overflow:hidden; z-index:20;}
#btn_check{ width:33px; height:109px; left:1140px; top:68px;background:url(http://m.laohu.com/_s/test/btn_check2.png);}
#btn_yuyue:hover{ background-position:0 -228px}
#btn_check:hover{ background-position:-33px 0}

/* role */
.role_box{ position:absolute; width:733px; height:870px; right:1px; top:49px;}
#role_hide{ width:620px; height:870px; margin:0 auto; overflow:hidden;}
#role_hide ul{ width:3100px; height:870px;}
#role_hide ul li{ position:relative; float:left; width:620px; height:870px; overflow:hidden;}
.role_default{position:relative; width:620px; height:870px; cursor:pointer; z-index:2;}
.ani_role{ display:none; position:absolute; width:620px; height:870px; left:0; top:0; overflow:hidden;}
.ani_role img{ display:none; width:620px; height:870px;}

#btn_prev,#btn_next{ position:absolute; width:80px; height:54px; top:456px; font:normal 14px/54px "微软雅黑"; color:#2d6470; cursor:pointer; z-index:5}
#btn_prev{ left:0; background:url(http://m.laohu.com/_s/test/btn_prev.png) 0 0 no-repeat; text-align:right;}
#btn_next{ right:0; background:url(http://m.laohu.com/_s/test/btn_next.png) right 0 no-repeat;}
.gai{ position:absolute; width:1200px; height:183px; left:0; top:736px; z-index:10;}
/* hua */
.hua_box{ position:absolute; width:62px; height:60px; cursor:pointer; z-index:11;}
.hua_0{ left:640px; top:295px;}
.hua_1{ left:950px; top:225px;}
.hua_2{ left:582px; top:531px;}
.hua_3{ left:1068px; top:431px;}
.trans{ position:relative; width:62px; height:60px; z-index:2;  animation:zhuan 4s linear infinite; -webkit-animation:zhuan 4s linear infinite; -moz-animation:zhuan 4s linear infinite; -ms-animation:zhuan 4s linear infinite;}
@keyframes zhuan{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes zhuan{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes zhuan{
	0%{-ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(360deg);}
}
.hua_guang1,.hua_guang2{ display:block; width:62px; height:60px;}
.hua_guang1{ background-image:url(http://m.laohu.com/_s/test/hua1_guang.png); animation:fade 1s 0s linear infinite alternate; -webkit-animation:fade 1s 0s linear infinite alternate; -moz-animation:fade 1s 0s linear infinite alternate; -ms-animation:fade 1s 0s linear infinite alternate;}
.hua_guang2{ background-image:url(http://m.laohu.com/_s/test/hua2_guang.png); animation:fade 1s 0.3s linear infinite alternate; -webkit-animation:fade 1s 0.3s linear infinite alternate; -moz-animation:fade 1s 0.3s linear infinite alternate; -ms-animation:fade 1s 0.3s linear infinite alternate;}
.hua1,.hua2{ position:absolute; width:62px; height:60px; left:0; top:0;background-image:url(http://m.laohu.com/_s/test/hua1.png)}
.hua2{background-image:url(http://m.laohu.com/_s/test/hua2.png)}
@keyframes fade{
	0%{opacity:0}
	100%{opacity:1}
}
@-webit-keyframes fade{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fade{
	0%{opacity:0}
	100%{opacity:1}
}
@-ms-keyframes fade{
	0%{opacity:0}
	100%{opacity:1}
}
.tip{ display:none;}
.tip_left{ position:absolute; width:380px; height:55px; top:5px; right:36px; font:normal 18px/55px "宋体"; color:#89aab4; background-image:url(http://m.laohu.com/_s/test/tip_left.png); text-indent:50px;}
.tip_right{ position:absolute; width:380px; height:55px; top:5px; left:36px; font:normal 18px/55px "宋体"; color:#89aab4; background-image:url(http://m.laohu.com/_s/test/tip_right.png); text-indent:20px;}
.answer_box{ display:none; position:absolute; width:314px; left:422px; top:168px;}
.answer_box img{ display:block; width:314px; height:11px;}
#answer_tip{ width:294px; padding:0 10px;font:normal 19px/22px "宋体"; color:#7b868e; background:url(http://m.laohu.com/_s/test/answer_m.png) center top repeat-y;}
/* rule */
.rule_box{ position:absolute; width:846px; left:192px; top:1203px;}
.rule_box li{ width:846px; font:normal 16px/34px "宋体"; color:#354a4e; overflow:hidden;}
.rule_box li span.rule_num{ float:left; width:30px;}
.rule_box li p{ float:right; width:816px;}
/* pop */
#pop_phone,#pop_phone_check{ display:none; width:771px; height:417px; background-image:url(http://m.laohu.com/_s/test/pop_phone.png)}
.pop_t{ padding-top:36px; font:normal 32px "宋体"; color:#fffce6; text-align:center;}
.phone_ul{ width:514px; margin:76px auto 0;}
.phone_ul li{ width:514px; margin-top:13px;overflow:hidden;}
.inp{ width:484px; height:49px; padding:0 15px; font:normal 18px/49px "宋体"; color:#354a4e; background-color:#ddf0fd; border:0;}
#phone_code,#phone_code_check{ float:left; width:324px;}
.btn_yan{ float:right; width:149px; height:49px; font:normal 18px/49px "宋体"; color:#354a4e; text-align:center; background-image:url(http://m.laohu.com/_s/test/btn_code.png); cursor:pointer;}
.pop_btn{ display:block; width:262px; height:72px; margin:20px auto 0;font:normal 33px/72px "宋体"; color:#fff; text-align:center;background-image:url(http://m.laohu.com/_s/test/btn_sub.png); cursor:pointer;}

#pop_succ{ display:none; width:771px; height:360px; background-image:url(http://m.laohu.com/_s/test/pop_succ.png)}
.icon_close{ position:absolute; width:46px; height:46px; right:-46px; top:0; background:url(http://m.laohu.com/_s/test/icon_close.png); text-indent:-9999px; overflow:hidden; cursor:pointer;}
.succ_cont{ padding-top:60px;}
.code_box{ margin-top:50px;font:normal 16px/32px "宋体"; color:#fff; text-align:center;}
.code_box span{ color:#f00;}
.pop_t2{ padding-top:40px; font-size:28px;}

#pop_gift{ display:none; width:771px; height:417px; background-image:url(http://m.laohu.com/_s/test/pop_gift.png)}
.my_gift_table{ width:630px; margin:58px auto 0; border-collapse:collapse; border-spacing:0; border-left:1px solid #73c8de; border-top:1px solid #73c8de;}
.my_gift_table th,.my_gift_table td{ height:52px; padding:0 10px; font:normal 18px "宋体"; color:#354a4e; background-color:#ddf0fd; border-right:1px solid #73c8de; border-bottom:1px solid #73c8de;}
.my_gift_table th{ background-color:#fffce6; text-align:center;}

#role_name{ position:absolute; width:42px; height:135px; left:1140px; top:298px; overflow:hidden;}
#role_name img{ display:block; width:42px; height:135px;}