﻿@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

/* header */
.header{width: 100%;min-width: 1200px;height: 43px;padding: 6px 0;/*background:url(../img/bg_nav.png) repeat;*/background-color:#fff;}
.head{width: 1180px;height: 43px;margin: 0 auto;position: relative;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 80px;height: 43px;float: left;background:url(http://zx.wanmei.com/web201802/img/icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #bebcdb; cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #474098;}
.head_menu li.fir{border: 0;border-right: 1px solid #bebcdb;}
.head_menu li.on a,
.head_menu li:hover a{color: #e98a35;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(http://zx.wanmei.com/web201802/img/wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #474098;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(http://zx.wanmei.com/web201802/img/qrcode_wx.jpg) center center no-repeat;background-size: 100%;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}
.header-primary{ position:relative; height:547px; }
.kk {
    width: 40px;
    height: 40px;
    background: url(http://zx.wanmei.com/web201802/img/kk321.png) center center no-repeat;
    float: left;
    margin-right: 30px;
}
.head_menu li.tips_menu{
    position: relative;
}
/*新闻下拉导航*/
.head_menu li.news_menu{
    position: relative;
    border: 0;
    height: 37px;
}
.head_menu .news_menu .menu_list{
    width: 117px;
    height: 0px;
    /*background:url(../img/bg_nav.png) repeat;*/
    background-color: #fff;
    position: absolute;
    top: 37px;
    left: 0;
    overflow: hidden;
    z-index: 100;
}
.head_menu .news_menu .menu_list a{
    display: block;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #131313;
    font-size: 14px;
    border-top: 1px solid #e1e0ed;
}
.head_menu .news_menu .menu_list a:hover{
    color: #e98a35;
}
/*攻略站下拉导航*/
.head_menu li.game_menu{
    border-right: 1px solid #bebcdb;
}
.head_menu li.tips_menu{
    height: 37px;
    border: 0;
}
.head_menu .tips_menu .menu_list{
    width: 117px;
    height: 0px;
    /*background:url(../img/bg_nav.png) repeat;*/
    background-color: #fff;
    position: absolute;
    top: 37px;
    left: 0;
    overflow: hidden;
    z-index: 100;
}
.head_menu .tips_menu .menu_list a{
    display: block;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #131313;
    font-size: 14px;
    border-top: 1px solid #e1e0ed;
}
.head_menu .tips_menu .menu_list a:hover{
    color: #e98a35;
}

.bg_y{ background: url(http://zx.laohu.com/_s/180627upload/bg_y.jpg) repeat-y center top;}
.bg_top{ background: url(http://zx.laohu.com/_s/180627upload/bg_top.jpg) no-repeat center top;}
.bg_bottom{ background: url(http://zx.laohu.com/_s/180627upload/bg_bottom.jpg) no-repeat center bottom;}
.wrap{ position: relative; width: 1200px; min-height: 1879px; margin: 0 auto;}
.logo{ position: absolute; top: 175px; left: 228px;}
.fixed_nav{ position: fixed; top: 0; right: 84px; width: 98px; height: 681px; background: url(http://zx.laohu.com/_s/180627upload/fixed_nav.png) no-repeat 0 0; z-index: 1;}
.fixed_nav a{ position: absolute; left: 33px; width: 59px; height: 86px;}
.fixed_nav a i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(http://zx.laohu.com/_s/180627upload/fixed_nav.png) no-repeat 0 0;}
.fixed_nav a.n1{ top: 85px;}
.fixed_nav a.n2{ top: 178px;}
.fixed_nav a.n3{ top: 270px;}
.fixed_nav a.n4{ top: 361px;}
.fixed_nav a.n5{ top: 454px;}
.fixed_nav a.n1 i{ background-position: -33px -85px;}
.fixed_nav a.n2 i{ background-position: -33px -178px;}
.fixed_nav a.n3 i{ background-position: -33px -270px;}
.fixed_nav a.n4 i{ background-position: -33px -361px;}
.fixed_nav a.n5 i{ background-position: -33px -454px;}
.fixed_nav a.n1:hover i, .fixed_nav a.n1.on i{ background-position: -131px -85px;}
.fixed_nav a.n2:hover i, .fixed_nav a.n2.on i{ background-position: -131px -178px;}
.fixed_nav a.n3:hover i, .fixed_nav a.n3.on i{ background-position: -131px -270px;}
.fixed_nav a.n4:hover i, .fixed_nav a.n4.on i{ background-position: -131px -361px;}
.fixed_nav a.n5:hover i, .fixed_nav a.n5.on i{ background-position: -131px -454px;}
.fixed_nav a span{ position: absolute; top: -25px; left: -26px; width: 109px; height: 136px; background: url(http://zx.laohu.com/_s/180627upload/bright.png) no-repeat 0 0; opacity: 0; transition: opacity 0.5s;}
.fixed_nav a:hover span, .fixed_nav a.on span{ opacity: 1;}
#user_confirm{ width: 405px;}
#user_confirm .close{ position: absolute; top: 0; right: 0; width: 38px; height: 38px; background: url(http://zx.laohu.com/_s/180627upload/close.jpg) no-repeat 0 0;}
#user_confirm .tit{ height: 38px; line-height: 38px; text-align: center; background-color: #773d20; font-size: 22px; color: #FFF;}
#user_confirm .main{ width: 403px; padding: 15px 0; border: 1px solid #773d20; background-color: #f9d0b2; color: #773d20;}
#user_confirm select{ display: block; margin: 0 auto 12px auto; width: 360px; height: 35px; line-height: 35px; border: 1px solid #582415; background-color: #fac49c; color: #773d20;}
#user_confirm .btn{ display: block; margin: 0 auto; width: 142px; height: 39px; line-height: 39px; text-align: center; background-color: #773d20; border-radius: 5px; font-size: 18px; color: #FFF;}
#user_confirm .tip{ margin: 10px auto 0 auto; width: 344px; padding: 7px; border: 1px solid #582415; background-color: #fac49c; line-height: 20px; font-size: 12px;}

/*首页*/
.index{ height: 2318px;}
.down_box{ position: absolute; top: 504px; left: 175px; width: 344px; height: 141px; background: url(http://zx.laohu.com/_s/180627upload/down_box.png) no-repeat 0 0;}
.down_box .text{ position: absolute; top: 18px; left: 22px; width: 21px; padding-top: 18px; line-height: 13px; text-align: center; background: url(http://zx.laohu.com/_s/180627upload/down_icon.png) no-repeat center top; font-size: 12px; color: #FFF;}
.down_box .code{ position: absolute; top: 14px; left: 45px; width: 102px; height: 101px; border: 2px solid #502914;}
.down_box a{ position: absolute; right: 16px; width: 171px;}
.down_box a.ios{ top: 14px; height: 51px; background: url(http://zx.laohu.com/_s/180627upload/down_iso.png) no-repeat 0 0;}
.down_box a.and{ top: 68px; height: 55px; background: url(http://zx.laohu.com/_s/180627upload/down_and.png) no-repeat 0 0;}
.login{ position: absolute; top: 726px; left: 50%; margin-left: -474px; width: 947px; height: 96px; background: url(http://zx.laohu.com/_s/180627upload/login.png) no-repeat 0 0; font-family: "宋体"; font-weight: bold; font-size: 21px;}
.before{ height: 96px; line-height: 96px; text-align: center;}
.before a{ position: absolute; top: 19px; right: 37px; width: 180px; height: 55px; background: url(http://zx.laohu.com/_s/180627upload/login_before_btn.jpg) no-repeat 0 0;}
.before a:hover{ background-position: 0 -55px;}
.after table{ width: 100%; margin-top: 4px;}
.after td{ height: 44px; text-align: center;}
.after .info{ font-size: 18px; color: #582415;}
.after .info span{ color: #ee0e18;}
.after .info a{ color: #582415;}
.after .info a:hover{ text-decoration: underline;}
.after .tip{ font-size: 16px; color: #720000;}
.activity{ position: absolute; top: 847px; left: 0;}
.activity dt, .activity dd{ float: left; height: 328px;}
.activity dt{ width: 559px; background: url(http://zx.laohu.com/_s/180627upload/activity_content.png) no-repeat 0 0; color: #582415; display: none;}
.activity dt h2{ padding: 90px 0 10px 0; text-align: center; font-weight: normal; font-size: 40px;}
.activity dt p{ padding: 0 30px; line-height: 22px; font-size: 18px;}
.activity dd{ width: 160px; background: url(http://zx.laohu.com/_s/180627upload/activity_nav.png) no-repeat;}
.activity dd.time{ background-position: 0 0;}
.activity dd.obj{ background-position: -160px 0;}
.activity dd.range{ background-position: -319px 0;}
.activity dd.info{ background-position: -479px 0;}
.activity dd.time:hover, .activity dd.time.on{ background-position: 0 -328px;}
.activity dd.obj:hover, .activity dd.obj.on{ background-position: -160px -328px;}
.activity dd.range:hover, .activity dd.range.on{ background-position: -319px -328px;}
.activity dd.info:hover, .activity dd.info.on{ background-position: -479px -328px;}
.tit_zpzs{ position: absolute; top: 1261px; left: 50%; margin-left: -657px;}
.reel{ position: absolute; top: 1336px; left: 50%; margin-left: -637px; width: 1274px; height: 670px; padding-top: 151px; text-align: center; background: url(http://zx.laohu.com/_s/180627upload/reel.png) no-repeat 0 0;}

/*上传作品*/
.upload{ height: 1427px; background: url(http://zx.laohu.com/_s/180627upload/upload_bg.jpg) no-repeat center top;}
.upload .wrap{ min-height: 1427px;}
.upload .login{ top: 605px;}
.upload_content{ position: absolute; top: 712px; left: 50%; margin-left: -589px; width: 1178px; height: 520px; background: url(http://zx.laohu.com/_s/180627upload/upload_content.png) no-repeat 0 0;}
.upload_content .tit{ padding: 30px 22px 15px 22px; font-size: 14px; color: #53413d;}
.upload_content .tit img{ margin-right: 20px; vertical-align: middle;}
.upload_content .main{ margin: 0 auto; width: 1085px; height: 389px; padding: 12px 15px; border: 1px solid #421b10;}
.upload_content .pic_main, .upload_content .text_main{ height: 389px; background-color: #fbdcc6;}
.upload_content .pic_main{ position: relative; width: 472px; text-align: center;}
.upload_content .upload_icon{ margin: 85px 0 10px 0;}
.upload_content .p1{ color: #1d1919; font-size: 18px;}
.upload_content .p2{ color: #685a55; font-size: 16px;}
.upload_content .btn{ display: block; margin: 0 auto; width: 176px; height: 54px; background: url(http://zx.laohu.com/_s/180627upload/upload_btn.png) no-repeat 0 0;}
.upload_content .upload_pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.upload_content .upload_file{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.upload_content .text_main{ width: 600px; width: 516px; padding: 0 42px;}
.upload_content .tit_msg{ display: block; margin: 72px 0 19px 0;}
.upload_content .msg{ width: 488px; height: 162px; padding: 10px 13px; border: 1px solid #421b10; background: none; line-height: 28px; font-size: 18px; color: #53413d;}
.upload_content .text_tip{ text-align: right; font-size: 14px; color: #8a0404;}

/*点赞榜*/
.list_ps .login{ top: 605px;}
.receive{ position: absolute; top: 708px; left: 50%; margin-left: -589px; width: 1179px; height: 206px; background: url(http://zx.laohu.com/_s/180627upload/receive.png) no-repeat 0 0;}
.receive .tit{ padding: 20px 0 13px 0; text-align: center; font-family: "宋体"; font-size: 40px; font-weight: normal; color: #7f0000;}
.receive table{ margin: 0 auto; width: 1110px; border-top: 1px solid #582415; border-left: 1px solid #582415;}
.receive td{ height: 107px; width: 369px; text-align: center; border-right: 1px solid #582415; border-bottom: 1px solid #582415; font-size: 18px; font-weight: bold; color: #431d10;}
.receive .gift{ width: 75px; height: 75px;}
.receive .btn{ display: inline-block; width: 200px; height: 60px; background: url(http://zx.laohu.com/_s/180627upload/gift_btn.png) no-repeat 0 0;}
.receive .btn.on{ background: url(http://zx.laohu.com/_s/180627upload/gift_btn_on.png) no-repeat 0 0; cursor: default;}
.list{ position: absolute; top: 925px; left: 50%; margin-left: -589px; width: 1178px; height: 752px; background: url(http://zx.laohu.com/_s/180627upload/list.png) no-repeat 0 0;}
.condition{ width: 1096px; margin: 34px auto 0 auto;}
.condition .state a{ display: inline-block; width: 144px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #582415; background-color: #fce7d7; font-size: 18px; color: #582415;}
.condition .state a.on{ background-color: #582415; color: #FFF;}
.condition .server{ margin-left: 23px;}
.condition select{ width: 275px; height: 50px; line-height: 50px; border: 1px solid #582415; background-color: #fce7d7; font-size: 18px; color: #6e6e6e;}
.condition .search input{ width: 271px; height: 48px; line-height: 48px; padding: 0 10px; vertical-align: middle; background-color: #fce7d7; border: 1px solid #582415; font-size: 18px; color: #6e6e6e;}
.condition .btn{ display: inline-block; width: 174px; height: 50px; vertical-align: middle; background: url(http://zx.laohu.com/_s/180627upload/search_btn.png) no-repeat 0 0;}
.list .main{ width: 1100px; margin: 0 auto 53px auto;}
.item{ position: relative; float: left; margin: 26px 15px 0 15px; width: 245px; height: 245px; overflow: hidden; background: url(http://zx.laohu.com/_s/180627upload/list_pic.jpg) no-repeat 0 0;}
.item img{ width: 245px; height: 245px;}
.info1{ position: absolute; bottom: 0; left: 0; width: 245px; height: 45px; line-height: 45px; background-color: rgba(0,0,0,0.65); font-size: 18px; color: #FFF;}
.info1 .name{ width: 120px; padding: 0 25px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
.info1 .likes{ position: absolute; bottom: 0; right: 25px; height: 45px;}
.item .icon{ display: inline-block; width: 22px; height: 19px; overflow: hidden; vertical-align: -3px; margin-right: 5px; background: url(http://zx.laohu.com/_s/180627upload/likes.png) no-repeat 0 0; cursor: pointer;}
.item.on .icon{ background-position: -22px 0; cursor: default;}
.info2{ position: absolute; top: 245px; left: 0; width: 221px; height: 221px; padding: 12px; background-color: rgba(0,0,0,0.65); font-size: 18px; color: #FFF;}
.info2 .name{ width: 221px; height: 30px; line-height: 30px; border-bottom: 1px solid #FFF; -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
.info2 .likes{ padding: 5px 0;}
.info2 .des{ line-height: 18px; font-size: 14px;}
.page{ text-align: center;}
.page a, .page .num{ display: inline-block; margin: 0 15px; width: 129px; height: 39px; line-height: 39px; border: 2px solid #582415; background-color: #fce7d7; font-size: 18px; color: #582415;}
.prompt{ position: relative; display: none;}
#prompt_info{ width: 1031px; height: 472px; background: url(http://zx.laohu.com/_s/180627upload/prompt.png) no-repeat 0 0;}
#prompt_info .close{ position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; background: url(http://zx.laohu.com/_s/180627upload/close.jpg) no-repeat 0 0;}
#prompt_info .main{ width: 974px; margin-left: 22px;}
#prompt_info .head{ margin: 23px auto 11px auto; width: 303px; height: 42px; padding-top: 20px; text-align: center; background: url(http://zx.laohu.com/_s/180627upload/prompt_head.png) no-repeat 0 0;}
#prompt_info .ranking{ font-size: 23px; color: #784132;}
#prompt_info .praise{ font-size: 16px; color: #F00;}
#prompt_info .pic_big{ display: block; width: 625px; height: 350px; border: 1px solid #421b10;}
#prompt_info dl{ margin-top: 115px; font-size: 16px; color: #583225;}
#prompt_info dd{ height: 31px; padding-left: 25px; background: url(http://zx.laohu.com/_s/180627upload/list_icon.png) no-repeat left top;}
#prompt_info dt{ width: 300px; height: 90px; padding: 2px 5px; line-height: 20px; border: 1px solid #421b10;}
#prompt_info .btn{ display: block; margin: 15px auto; width: 200px; height: 60px; background: url(http://zx.laohu.com/_s/180627upload/prompt_btn.png) no-repeat 0 0;}
#prompt_info.on .btn{ background: url(http://zx.laohu.com/_s/180627upload/prompt_btn_on.png) no-repeat 0 0;}

/*活动规则*/
.rulePage .content{ padding-top: 720px; line-height: 30px; font-size: 18px; color: #431d10; font-weight: bold;}
.tit_hdgz{ display: block; margin: 0 auto 54px auto;}

/*活动奖励*/
.rewardPage .content{ padding-top: 720px; line-height: 30px; font-size: 18px; color: #431d10; font-weight: bold;}
.tit_hdjl{ display: block; margin: 0 auto;}
.reward_list{ margin: 60px auto 55px auto; width: 1211px; height: 415px; padding-top: 50px; text-align: center; background: url(http://zx.laohu.com/_s/180627upload/reward_list.png) no-repeat 0 0;}
.reward_list img{ margin: 0 15px;}




