@charset "utf-8";
@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:72px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:64px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:53.333333333333336px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:48px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:42.66666666666667px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:36px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:32px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:27.6px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:26.666666666666668px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:24px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:21.333333333333336px;
     }
   }
body{ margin:0; padding:0; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; 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;}
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;}
/* index================================== */
.cover_wrap{ position:relative; width:750px; overflow:hidden;}
.pb217{ padding-bottom: 217px;}
.container{background:url(http://wl.laohu.com/_s/callm/bg.jpg) 0 -80px no-repeat;}
.maintop{width: 100%;height: 1070px;overflow: hidden;} 
.maintop .progress{width: 750px;height: 105px;border-top:1px solid #4c4b51;margin:430px auto 0;text-align: center; }
.maintop .progress .ico{width: 31px;height: 31px;position:absolute;left: 50%;margin: -35px 0 0 -20px;background: url(http://wl.laohu.com/_s/callm/ico1.png) no-repeat;background-size: 100%;}
.maintop .progress ul{position: relative;}
.maintop .progress ul li.on .ico{width: 43px;height: 43px; background: url(http://wl.laohu.com/_s/callm/ico2.png) no-repeat;margin: -40px 0 0 -20px;}
.maintop .progress ul li.on{color: #bfb18b;}
.maintop .progress ul li{width: 300px;height: 104px;margin: 0 auto 0; font-size: 24px;position: relative;color: #919191;padding: 20px 0 0 0;float: left;position: relative;}
.maintop .progress ul li.up{margin: -124px 0 0 -150px}
.maintop .progress ul li.up .ico{position: absolute;bottom:-15px;}
.maintop .progress ul li.on.up .ico{position: absolute;bottom:-20px;transform:  rotate(180deg)}
.maintop .progress .tit1{width: 100%;font-size: 18px;line-height: 30px;}
.maintop .progress .tit2{width: 100%; }
.prompt { position: relative; display: none; }
.call{width: 345px;height: 94px; background: url(http://wl.laohu.com/_s/callm/call.png) no-repeat;margin: 40px auto 0;display: block;}
.section { height: 1080px; position: relative; }
.maintop .txt{width: 660px;height: 150px;margin: 60px auto 0;color: #807561;line-height: 50px;font-size: 24px;} 
.title{width: 100%;height:54px;margin: 0 auto 0;text-align: center;}
/* top_bar */
.top_bar{ position:fixed; width:750px; height:94px; left:0; top:0; background:rgba(22,22,22,0.7); z-index:1110;}
.icon_logo{ float:left; width:84px; height:84px; margin:5px 0 0 13px;}
.game_intro{ float:left; width:280px; margin:10px 0 0 12px; font:bold 26px/34px "微软雅黑"; color:#fff;}
.game_intro span{ font:normal 18px/32px "微软雅黑"; color:#dcdcdc;}
.top_r{ float:right; width:336px;}
.top_r a{ float:left; width:140px; height:45px; margin:20px 27px 0 0;font:normal 20px/45px "微软雅黑"; color:#fff; text-align:center;}
.btn_yuyue{ background:url(http://wl.wanmei.com/images/20180224/btn1_bg.png); background-size:100% auto;}
.btn_jihuo{
    display:none;
    background:url(http://wl.wanmei.com/images/20180224/btn1_bg.png);
    background-size:100% auto;
}

.btn_jihuo0531{
    background: url(http://wl.wanmei.com/images/20180224/btn1_bg.png) no-repeat;
}

.down_btn0531{
    background: url(http://wl.wanmei.com/images/20180224/btn2_bg.png) no-repeat;
}

.yyshowbtn{ background:url(http://wl.wanmei.com/images/20180224/btn2_bg.png); }float:left; width:140px; height:45px; margin:20px 27px 0 0;font:normal 20px/45px "微软雅黑"; color:#fff; text-align:center;}


.page1{height: 429px;width: 100%;}
.page1 .text{width: 700px;margin: 40px auto 0}
.page1 .text ul li{width: 100%;line-height: 60px;border-bottom:1px dashed #7d7d7d;font-size: 24px;color: #919191;height: 60px}
.page1 .text ul li .tag{width: 100px;height: 60px;float: left;  text-align: center;font-size: 24px; line-height: 60px;display: inline-block;margin: 0 20px 0 0}
.page1 .text ul li .time{float: right;display: inline-block;line-height: 60px;}
.page1 .text ul li .txt{width:420px;overflow: hidden;display: inline-block;height: 60px;float: left   }
/* down_tip */
.down_tip{ position:absolute; width:63px; height:32px; left:50%; margin-left:-31px; bottom:20px; animation:key_down 1s alternate infinite; -webkit-animation:key_down 1s alternate infinite; z-index:10}
@keyframes key_down{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,10px,0)}
}
@-webkit-keyframes key_down{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,10px,0)}
}

#cover_swiper{ width:100%; height:100%;}
 
@keyframes key_zhuan{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes key_zhuan{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-ms-keyframes key_zhuan{
	0%{-ms-transform:rotate(0deg)}
	100%{-ms-transform:rotate(360deg)}
}
@-moz-keyframes key_zhuan{
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
/* .index_v span i{ position:absolute; width:7px; height:7px; left:41px; top:53px; background:url(http://wl.laohu.com/_s/callm/mcover1809/v_qiu.png); background-size:100% auto;}
 
 
/* 4 */
.cover_s4{ position: relative; height: 1130px;  background-size:100% auto;margin: 60px auto 0}
.box4_wrap{ position:relative; width:750px; height:750px; padding-top:55px; overflow:hidden;}
.cover_tese_hidden{ position:relative; width:580px; height:703px; margin:0 auto; overflow:hidden;}
#cover_tese_swiper{ position:absolute; width:1293px; height:703px; left:50%; margin-left:-646px; top:0;}
#cover_tese_swiper .swiper-wrapper .swiper-slide{width: 431px;height: 703px;}
#cover_tese_swiper .swiper-wrapper .swiper-slide:after{display: block;content: ''; width: 431px;height: 703px;background-size: 100% auto;position: absolute;left: 0;top:0;}
#cover_tese_swiper .swiper-wrapper .swiper-slide img{ width:415px; height:688px;position: absolute;left: 8px;top: 5px;}
.cover-tese-pagination{ position:absolute; width:493px; height:28px; padding:0 64px; left:50%;margin-left:-310px; bottom:0; text-align:center; background:url(http://wl.laohu.com/_s/callm/line.png) 0 10px  repeat-x  ; }
.cover-tese-pagination  .swiper-pagination-bullet{ display:inline-block; width:28px; height:28px; margin:0 35px; background:url(http://wl.laohu.com/_s/callm/dot.png); background-size:100% auto; opacity:1;}
.cover-tese-pagination  .swiper-pagination-bullet-active{ background:url(http://wl.laohu.com/_s/callm/dot-on.png); background-size:100% auto;}
.cover_tese_prev,.cover_tese_next{ position:absolute; width:30px; height:60px; top:340px;}
.cover_tese_prev{ left:30px; background:url(http://wl.wanmei.com/images/mcover1805/cover_btn_prev.png);background-size:100% auto;}
.cover_tese_next{ right:30px; background:url(http://wl.wanmei.com/images/mcover1805/cover_btn_next.png);background-size:100% auto;}
/* foot */
.m2017_footer { width:750px; height:470px; z-index:99; background-color:#101216;}
.foot_top{ height:264px; background-color:#2e2e2e;}
.foot_icon{ width:720px; height:180px; margin:0 auto; padding-top:35px;}
.foot_icon li{ float:left; width:180px;font: 20px/32px "Microsoft Yahei"; color:#c1a46b; text-align:center; cursor:pointer;}
.foot_icon li span{ font-size:20px; color:#8a8a8a;}
.foot_icon li img{ display:block; width:92px; height:92px; margin:0 auto 4px;}
.foot_icon li a{ color:#c1a46b;}
.foot_icon li a span,.foot_icon li span{ color:#8a8a8a;}
.rexian{ font:normal 20px/26px "微软雅黑"; color:#c4c4c4; text-align:center;}
.btn_back{ display:block; width:750px; height:68px;font:normal 25px/68px "微软雅黑"; color:#c4c4c4; text-align:center; background-color:#3a3a3a; border-top:1px solid #5a5a5a; border-bottom:1px solid #5a5a5a; cursor:pointer;}
.foot_bot{ width:750px; height:136px; background-color:#101216; overflow:hidden;}
.foot_bot img{ float:left; width:140px; margin:40px 0 0 70px;}
.foot_bot p{ float:left; width:465px; margin-top:40px; font:normal 16px/22px "微软雅黑"; color:#c0c0be; text-align:center;}
.m2017_footer.active{ transform:translate3d(0,-470px,0); -webkit-transform:translate3d(0,-470px,0);}
 


.page1 .text ul li a{color: #919191;}



/* media */
/*.media_box{ width:750px; overflow:hidden;}
.media_tab{ width:480px; height:53px; margin:50px auto 0; overflow:hidden;}
.media_tab li{ float:left;}
.media_tab li img{ width:1px;margin-top:14px;}
.tab_m{ width:159px; height:53px; margin:0 40px;font:normal 24px/53px "微软雅黑"; text-align:center;}
.media_tab li.on{ color:#fff;background:url(http://wl.wanmei.com/images/20180224/tab_wanfa_on.png); background-size:100% auto;}

.media_wrap{ width:714px; height:540px; margin:0 auto; padding-top:18px;}
.media_cont{ display:none; position:relative; width:714px;}
.media_cont .media_more{ position:absolute; width:73px; height:21px; right:20px; top:-58px;font:normal 18px/21px "微软雅黑"; text-align:center; color:#6c6c6c; border:1px solid #b2b2b2;}
.media_wrap ul{ width:714px; overflow:hidden;}
.media_wrap ul li{ position:relative; float:left; width:332px; height:240px; margin:40px 12px 0; overflow:hidden;}
.list_img{ display:block; width:332px; height:199px;}
.media_wrap ul li p{ padding-top:10px; font:normal 20px/30px "微软雅黑"; text-align:center;}
.media_wrap ul li p a{ color:#000;}
.icon_play{ position:absolute; width:44px; height:44px; left:144px; top:76px; background:url(http://wl.wanmei.com/images/20180224/icon_play.png); background-size:100% auto;}
.gtt{ display:block; width:135px;height:33px; margin:105px auto 0; color:#203a71;font:normal 16px/32px "微软雅黑"; text-align:center; background-color:#e9f4f9; border:1px solid #7cb3c1;}*/
/* sns */
/*.sns_box{ width:678px; height:178px; padding:40px 36px 0; background-color:#1c4a8d;}
.sns_box li{ float:left; width:126px; height:130px; margin:0 21px 0;}
.sns_box li .sns_img{ display:block; width:92px; height:92px; margin:0 auto;}
.sns_box li .sns_name{ margin-top:16px;color:#fff;font:normal 16px/16px "微软雅黑"; text-align:center;}
.sns_box li a{color:#fff;}*/
/* foot */
.foot_box{ height:218px; background-color:#14325e;}
.foot_wrap{ width:638px; margin:0 auto; padding-top:60px;}
.foot_logo{ float:left; width:120px;}
.foot_r{ float:right; width:500px; font:normal 12px/18px "宋体"; color:#fff; opacity:0.6;}
.foot_r a{ font:normal 12px/18px "宋体"; color:#fff;}
 

/*.wl_wrap{ width:689px; height:347px; padding-top:15px; margin:21px auto 0;background:url(http://wl.wanmei.com/images/20180224/wl_wrap_bg.png); background-size:100% auto;}
.wl_intro_hide{ position:relative; width:660px; height:387px; margin:0 auto; overflow:hidden;}
.wl_intro_hide .swiper-container{ position:absolute; width:660px; height:387px; left:660px; top:0;}
#wl_swiper1.on,#wl_swiper2.on{ left:0;}
.wl_intro_hide .swiper-container .swiper-slide img{display:block;width:660px; height:330px; }
.wl_intro_hide .swiper-container .swiper-button-prev,.wl_intro_hide .swiper-container .swiper-button-next{ position:absolute; width:19px; height:39px; top:150px;}
.wl_intro_hide .swiper-container .swiper-button-prev{ left:20px; background:url(http://wl.wanmei.com/images/20180224/btn_prev.png); background-size:100% auto;}
.wl_intro_hide .swiper-container .swiper-button-next{ right:20px; background:url(http://wl.wanmei.com/images/20180224/btn_next.png); background-size:100% auto;}
.wl_intro_hide .swiper-container .swiper-pagination{ height:16px;}
.wl_intro_hide .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px; margin:0 25px; background:url(http://wl.wanmei.com/images/20180224/icon_wl.png); background-size:100% auto; opacity:1}
.wl_intro_hide .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:url(http://wl.wanmei.com/images/20180224/icon_wl_on.png); background-size:100% auto;}
 
*/
/* pop */
#pop_weixin,#pop_qq{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.9); z-index:15;}
.close_ewm,.close_qq{ position:absolute; width:70px; height:70px; left:212px; top:-94px; background:url(http://wl.wanmei.com/images/20171205/m/icon_close2.png); background-size:100% auto;}
.pop_ewm_bg{ position:absolute; width:493px; height:250px; padding-top:38px; left:50%; top:50%; margin-left:-246px; margin-top:-144px; background:url(http://wl.wanmei.com/images/20171205/m/pop_ewm_bg.png); background-size:100% auto;}
.ewm_img{ display:block; width:166px; height:166px; margin:0 auto;}
.ewm_tip{ margin-top:20px; font-size:24px; text-align:center;}
.show_qq_qun{ padding-top:0px; font-size:30px; text-align:center;line-height:50px;}

.boxHeng{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: #000;display: none;}
.boxHeng span{ width: 100%; height: 80px; line-height: 80px; position: absolute; left: 0; top: 50%; margin-top: -40px; text-align: center; font-size: 40px; color: #FFF; font-weight: bold; }
/* pop_yuyue */
#pop_black{background: rgba(0,0,0,0.8); width: 100%; height: 100%; position:fixed; left:0; top: 0; z-index: 998; display: none;}
.yyPop{ display:none;width:595px; height: 544px; background:url(http://wl.wanmei.com/images/20180224/popBg.png) no-repeat 0 0; background-size: 100% auto; position: absolute;  left: 50%; top: 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: 999;}
.yyClose{display: block; background:url(http://wl.wanmei.com/images/20180224/close.png) no-repeat 0 0; background-size: 100% auto; width: 55px; height: 55px; position: absolute; right:-30px;top: -30px;}
.yyPopTitle{padding:50px 0 20px; text-align: center; font-size: 32px; font-weight: bold; color: #000;}
.yyPop_tip{ padding-bottom:20px; font:22px/32px "微软雅黑"; text-align:center;}
.yyList{ width:500px;height: 60px; margin:0 auto; overflow: hidden;}
.yyList_b{ height:50px; margin-top:15px;}
.yyLabel{float: left; width: 110px; text-align: right; height: 38px; line-height: 38px; color: #000; font-size: 25px; padding-right: 4px;}
.yyLabel em{color: #840900; padding-right: 5px;}
.yyInput{float: right; width:380px;}
.yyInput input.inp1{width: 300px; height: 36px; line-height: 36px; border: 1px solid #b6a98d; background: #fcf0d7; padding: 0 5px; outline: none; font-size: 20px; color: #000; border-radius: 0}
.yyInput input.inp2{float:left;width: 160px; height: 36px; line-height: 36px; border: 1px solid #b6a98d; background: #fcf0d7; padding: 0 5px; outline: none; font-size: 20px; color: #000; border-radius: 0}

.phoneCode{float: left; width: 120px; height: 36px; margin-left:10px; line-height: 36px; overflow: hidden; background: #ee6231; font-size: 18px; color: #FFF; text-align: center; border-radius: 4px;}
.yySubmit{padding-top: 15px;}
.yySubmit img{display: block; margin: 0 auto; width: 200px;}
.yyPs{text-align: center; width: 270px; margin: 0 auto; font-size: 10px; padding-top: 8px;}
.yyMessage{text-align: center; color:#b31808; font-size: 23px; font-weight: bold; padding-top: 30px; height:40px;}
.yyMpic img{display: block; margin: 0 auto; width: 200px;}
.yyMpic p{text-align: center; font-size: 22px; line-height:36px; padding-top: 20px;}


.top{width: 750px;height: 1190px;background: url(http://wl.laohu.com/_s/callm/topbg.jpg) no-repeat;background-size: 100%;}
.timebox{width: 215px;height: 215px;background:url(http://wl.laohu.com/_s/callm/timebg.png) center top no-repeat;background-size: 100%; position: absolute;left: 100px; top: 860px}
.timebox .t{font-size: 31px;color: #da9520;font-weight: bold;position: absolute;bottom: 30px;text-align: center; width: 100%; }
.timebox .t span{font-size: 61px; vertical-align: middle;color: #fdca5e}

.detialbox{width: 750px;height: 1200px; top: 0;z-index: 99; margin: 0px auto 0;position: relative;}
.d_time{width: 130px;height: 40px;position: absolute;font-size: 18px;color: #ffffff;z-index: 10;left: 180px;top: 100px}
.d-pagination{text-align: center;position: absolute;z-index: 10; bottom: 55px;width: 100%}

.d-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .2;
    margin: 0 10px;
    }

.d-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.btn_add{
    width: 90px;height: 150px;position: absolute;right: 50px;top: 990px;cursor: pointer;z-index: 11
}
.layer{width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);position:fixed;z-index: 998;display: none}
.popup{width: 700px;height: 371px;background: url(http://wl.laohu.com/_s/callm/pop.png) no-repeat center;position: fixed;left: 50%;margin: 0 0 0 -350px;z-index: 999;top: 300px;background-size: 100%;display: none }
.popup .con{width: 650px;height: 230px;margin: 40px auto 0;font-size: 18px;color: #c7c7c7;line-height: 30px}
.popup .btn{width: 197px;height: 46px;margin: 0px auto 0;border:1px solid #c7c7c7;border-radius: 10px;color: #5c5c5c;font-size: 22px;line-height: 46px;text-align: center;cursor: pointer;}