@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-warp: break-warp;word-break: break-all;}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
div,p,span,a,ul,li{word-warp: break-warp;word-break: break-all;}
a,a:hover{ text-decoration: none;}
img{ display: block; max-width: 100%; margin: 0 auto;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.scroll::-webkit-scrollbar  {  width: 12px;  height: 12px;  background-color: #1b8f8d;  border-radius: 10px; -webkit-border-radius: 10px;}   
.scroll::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px; -webkit-border-radius: 10px; background-color: #1b8f8d;  }  
.scroll::-webkit-scrollbar-thumb  {  border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #25dad7;  } 
html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;}

body {font-size: 1.4rem;background:url(https://m.games.laohu.com/_s/0227m/body.jpg?v=2) center top no-repeat; position: relative;}
.container{ width: 750px; margin: 0 auto; overflow: hidden;}
.top{ position: fixed;left: 0;top: 0;z-index: 98;width: 100%;height: 126px;background: url(https://m.games.laohu.com/_s/qmm/nav.jpg) no-repeat;background-size: 100% 100%;}
.top dl{ position: relative; width: 100%; height: 2.709rem; left:0; top:0;}
.top dt{ width: 150px; height: 150px;  margin: 18px 20px; display: inline-block; float: left;}
.top dt img{ width: 100%; height: 100%;}
.top .title{ display: inline-block; float: left; color: #fff; float: left;}
.top h3{ font-size:36px; margin-bottom:14px; margin-top: 22px;}
.top .title span{ font-size: 24px; display: block;}
.top .button{ float: right;  margin-right: 14px;}
.top .button a{ display: inline-block; width: 148px; height: 52px; overflow: hidden; text-indent: -9999999px; margin-top: 32px; float: left;}
.top .button .btn1{ background: url(https://m.games.laohu.com/_s/qmm/btn1.png) no-repeat; background-size: 100% 100%;}
.top .button .btn2{ background: url(https://m.games.laohu.com/_s/qmm/btn2.png) no-repeat; background-size: 100% 100%; margin-left: 6px;}
.main{ position: relative; margin-top: 126px; min-height: 1323px; overflow: hidden;}
.alogo{ display: inline-block; width: 124px; height: 155px; position: absolute; left:0; top:200px; background: url(https://m.games.laohu.com/_s/0823m/alogo.png) no-repeat center top; z-index: 10;}
.front{ position: absolute; left:0; bottom:-458px; width: 100%; height: 100%; z-index: 6}
.role1{ width: 555px;height:1093px; position: absolute; right:0; bottom:200px; z-index: 3;-webkit-animation:fadeInRightBig 0.8s ease 0s both;animation:fadeInRightBig 0.8s ease 0s both;}
.role2{ width: 579px;height: 1214px; position: absolute; left:0; top:267px; z-index: 5;-webkit-animation:fadeInLeftBig 0.8s ease 0s both;animation:fadeInLeftBig 0.8s ease 0s both;}

.tit{ position: absolute; left:50%; top:-70px; width: 660px; height: 975px; z-index: 5; text-align: center; margin-left: -300px;-webkit-animation:bounceIn 0.8s ease 0s both;animation:bounceIn 0.8s ease 0s both;}
.tit img{ display: block; margin: 0 auto;}
.btns{ position: absolute;  top:944px; width: 100%; height: 85px; text-align: center; z-index: 34}
.btns a{ display: block; width: 501px; height: 123px; overflow: hidden; margin: 0 auto;} 
.btns .btn1{ margin-bottom: 40px; }
.name1{ position: absolute; width: 72px; height: 317px; right:20px; top:594px; overflow: hidden; z-index: 34; cursor: pointer;}
.name1 .stit{ position: absolute; left:0; top:0; width: 60px; height: 179px;-webkit-animation:fadeInDownBig 0.8s ease 1s both;animation:fadeInDownBig 0.8s ease 1s both;}
.name1 .guang{ position: absolute; left:0; top:0px; width: 54px; height: 255px; overflow: hidden; cursor: pointer; -webkit-animation:fadeInDownBig 0.8s ease 1s both;animation:fadeInDownBig 0.8s ease 1s both;}
.name1 .guang span{display: block;width: 141px;height:20px;position: absolute;left: -40px;top: -28px;background: rgba(255,255,255,0.6);z-index: 4;}
.guang.moveup span{-webkit-animation: moveup 3s linear infinite;-moz-animation: moveup 3s linear infinite;-ms-animation: moveup 3s linear infinite;-o-animationmoveup 3s linear infinite;animation: moveup 3s linear infinite;}
.name2{ position: absolute; width: 72px; height: 317px; left:30px; top:610px; overflow: hidden; z-index: 34;cursor: pointer;-webkit-animation:fadeInDownBig 0.8s ease 1s both;animation:fadeInDownBig 0.8s ease 1s both;}
.name2 .stit{ position: absolute; left:0; top:0; width: 60px; height: 227px;}
.name2 .guang{ position: absolute; left:0; top:0px; width: 54px; height: 255px; overflow: hidden;cursor: pointer;-webkit-animation:fadeInDownBig 0.8s ease 1s both;animation:fadeInDownBig 0.8s ease 1s both;}
.name2 .guang span{display: block;width: 141px;height:20px;position: absolute;left: -40px;top: -28px;background: rgba(255,255,255,0.6);z-index: 4;}

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

.pub_ani{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.poprole,.popintro{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; display: none;}
.close1{ display: inline-block; width: 92px; height: 92px; position: absolute; right: 52px; top:50%; margin-top: -506px; }
.pop-role1{ background:rgba(0,0,0,.7);}
.pop-role1 .popbox{ background: url(https://m.games.laohu.com/_s/0227m/pop2.png) no-repeat center center; width: 750px; height: 1180px;  }
.pop-role2{ background:rgba(0,0,0,.7); }
.pop-role2 .popbox{ background: url(https://m.games.laohu.com/_s/0227m/pop1.png?1) no-repeat center center;  width: 750px; height: 1177px;}
.desc img{ margin: 0; margin-bottom: 150px;}
.desc{ width: 660px; position: absolute; left:50px; top: 50%; color: #9fb7bc; font-size:24px; }
.desc .pop-name1{ width: 368px;height: 160px;  margin:0; position: relative;margin: 37px 0 0 32px;
}
.desc .pop-name2{width: 368px;height: 197px;  margin:32px 0 10px 32px;position: relative;}
.desc .cv-name{ position: absolute;left: 0; width: 358px; height: 52px;}
.desc .rv-name{ position: absolute; left: 0;width: 358px; height: 52px;}
.pop-role1 .cv-name{ top:88px; }
.pop-role1 .rv-name{ top:145px; }
.pop-role2 .cv-name{ top:88px;}
.pop-role2 .rv-name{ top:138px; }
.desc .scroll{ width: 550px; height: 320px; overflow: hidden; overflow-y: auto; padding-right: 40px;margin: 0px 0 0 42px}
.desc p{ line-height: 24px; line-height: 40px; }

.popintro{ background: rgba(0,0,0,.7) url(https://m.games.laohu.com/_s/0227m/pop3.png) no-repeat center center; display: none;}
.flower{ position: absolute;left:0; top:0; width: 100%; height: 100%; z-index: 6}
.snow{ position: absolute; bottom:400px; max-width: 36px; max-height: 35px; z-index:99999999;}
.intro{ margin: 0 68px 0 68px; position: relative; top:50%; margin-top: -394px;}
.tit3{margin-left:0;margin-bottom: 34px;}
.intro { padding-right: 20px; height: 860px; overflow: hidden; overflow-y:auto; }
.intro p{ color: #fff; font-size: 24px; line-height: 42px; padding-bottom: 10px;}
.intro .stit{ color: #9fb7bc; font-size: 24px; display: block; margin-bottom: 10px;}
.intro .stit span{ color: #ffefc5 }
.close2{ display: inline-block; width: 92px; height: 92px;  position: absolute; right: 53px; top:50%; margin-top: -540px;}

.popbox{ position: relative; left: 50%; top:48%; z-index: 99;transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }


/***页尾****/
.foot_link{ background-color: #444; position: relative; z-index: 8;}
.foot_link li{ width: 248px; height: 160px; margin: 1px 0; text-align: center; background-color: #1a191a; font-size: 24px; color: #FFF;}
.foot_link li a{ display: block; width: 100%; height: 100%; color: #FFF;}
.icon01{ width: 34px; height: 30px; margin-top: 46px;}
.icon02{ width: 46px; height: 38px; margin-top: 42px;}
.icon03{ width: 44px; height: 36px; margin-top: 44px;}
.icon04{ width: 44px; height: 32px; margin-top: 36px;}
.icon05{ width: 32px; height: 33px; margin-top: 34px;}
.icon06{ width: 34px; height: 30px; margin-top: 36px;}
.foot_link li.last{ /*background-color: #424858;*/}

.prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.73); z-index: 99;}
.prompt{ display: none; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: 100;}
.prompt .close{ position: absolute; top: -40px; right: -42px; width: 50px; height: 52px; background: url(https://m.games.laohu.com/_s/qmm/close.png) no-repeat 0 0; background-size: 100% auto;}

.prompt_wechat img{display:block;width:318px;}
.prompt_wechat p{ text-align: center; font-size: 32px; color: #FFF;}
.prompt_qq,.prompt_kehu{ width: 664px; height: 242px; padding-top: 32px; text-align: center; background: url(https://m.games.laohu.com/_s/qmm/prompt_qq.png) no-repeat 0 0; background-size: 100% auto; font-size: 22px;}
.prompt_kehu h1,.prompt_qq h1{ font-size: 42px;}
.prompt_qq h1 a,.prompt_kehu h1 a{color:#000;}

 /* pop */
#pop_ggh,#pop_weixin_tip,#pop_browser_share{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; text-align:center; background:rgba(0,0,0,0.7); z-index:999; overflow:hidden;}
#pop_ggh img{ width:350px; height:350px; padding-top:281rem;}
#pop_ggh p{ padding-top:14px; font:normal 28px/44px "微软雅黑"; color:#fff;}
#pop_weixin_tip .share_tip{ width:750px; height:172px; padding-top:70px;font:normal 32px/58px "微软雅黑"; color:#fff; text-align:center; background:url(https://m.games.laohu.com/_s/qmm/share_weixin_bg.png); background-size:100% auto;}

#share_btn_wrap{ position:absolute; width:750px; height:164px; left:0; bottom:60px; text-align:center; transition:left 0.5s; -webikt-transition:left 0.5s;}
#share_btn_wrap span{ display:inline-block; width:118px; margin:0 24px; font:normal 28px "微软雅黑"; color:#fff; text-align:center;}
#share_btn_wrap span img{ width:100px; height:100px;}
#share_btn_wrap.ani_left{ left:-750px;}

#slide_copy{ position:absolute; width:750px; height:222px; left:750px; bottom:60px; text-align:left; transition:left 0.5s; -webikt-transition:left 0.5s;}
#close_copy{ position:absolute; width:62px; height:62px; right:75px; top:0; background:url(https://m.games.laohu.com/_s/qmm/icon_close1.png);background-size:100% auto;}
.share_copy_t{ width:604px; margin:0 auto; padding-top:24px; font:normal 28px "微软雅黑"; color:#fff;}
#share_copy_link{ width:592px; height:102px; padding:6px; margin:16px auto 0; font:normal 24px/34px Arial; color:#2e2e2e; word-wrap:break-word; background-color:#fff;}
#slide_copy.ani_left{ left:0px;}

#slide_weixin{position:absolute; width:750px; height:468px; left:750px; bottom:60px; transition:left 0.5s; -webikt-transition:left 0.5s;}
.slide_wx_cont{ position:relative; width:351px; height:445px; margin:24px auto 0; background-color:#fff; border-radius:10px;}
#close_weixin{position:absolute; width:54px; height:54px; right:-24px; top:-24px; background:url(https://m.games.laohu.com/_s/qmm/icon_close2.png);background-size:100% auto;}
.slide_wx_cont p{ padding-top:24px; font:normal 28px/42px "微软雅黑"; color:#4d4d4d;}
#q_code{ position:relative; width:304px; height:304px; margin:12px auto 0; }
#q_code img{ position:absolute; width:304px; height:304px; left:0; top:0; z-index:2;}
#slide_weixin.ani_left{ left:0px;}
.popBg{}
.box_justify {display: -webkit-box;display: -moz-box;display: -o-box;display: -ms-box;-webkit-box-pack: justify;-moz-box-pack: justify;-o-box-pack: justify;-ms-box-pack: justify;box-pack: justify;}



@-webkit-keyframes bounceIn{
  0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
  
  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{
  0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
  
  100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}


@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}

@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}

@-webkit-keyframes moveup{
  0%{-webkit-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg)}
  40%,100%{-webkit-transform:translateY(370px) rotate(-45deg);transform:translateY(370px) rotate(-45deg);}
}
@-moz-keyframes moveup{
  0%{-moz-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg)}
  40%,100%{-moz-transform:translateY(370px) rotate(-45deg);transform:translateY(370px) rotate(-45deg);}
}
@-ms-keyframes moveup{
  0%{-ms-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg)}
  40%,100%{-ms-transform:translateY(370px) rotate(-45deg);transform:translateY(370px) rotate(-45deg);}
}
@-o-keyframes moveup{
  0%{-o-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg)}
  40%,100%{-o-transform:translateY(370px) rotate(-45deg);transform:translateY(370px) rotate(-45deg);}
}
@keyframes moveup{
  0%{transform:translateY(0) rotate(-45deg);}
  40%,100%{transform:translateY(370px) rotate(-45deg);}
}

.slogan{width: 286px;height: 765px;position: absolute;left:300px; top:180px; z-index: 15}

.text{width: 93px;height: 922px;position: absolute;right: 20px; top:102px; z-index: 15}

.p1{width: 800px;height: 810px; background:url(https://m.games.laohu.com/_s/1016m/p1.png);background-size:100% auto;}
.p2{width: 800px;height: 810px; background:url(https://m.games.laohu.com/_s/1016m/p2.png);background-size:100% auto;}
.p3{width: 800px;height: 810px; background:url(https://m.games.laohu.com/_s/1016m/p3.png);background-size:100% auto;}
.p4{width: 800px;height: 810px; background:url(https://m.games.laohu.com/_s/1016m/p4.png);background-size:100% auto;}
.p5{width: 800px;height: 810px; background:url(https://m.games.laohu.com/_s/1016m/p5.png);background-size:100% auto;}

.foot{width: 100%;height: 100px; position: absolute;bottom: 0;z-index: 50}
.snow-container{position: absolute;left: 0;top:0;bottom: 0;right: 0;z-index: 33;}