@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
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;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.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;}
body,html{width: 750px;}
.content{background: url(../images/bg.jpg) no-repeat 0 0; position: relative;  z-index: 1;}


.fixed_bottom{position: fixed; bottom: 0; left: 0; width: 750px; z-index: 999; background: url(../images/nav.png) no-repeat 0 -57px;}
.fixed_bottom a{width:125px; height: 57px; background: url(../images/nav.png) no-repeat 0 -9999px; float: left; cursor: pointer;}
.fixed_bottom a.n1.on{background-position: 0 0;}
.fixed_bottom a.n2.on{background-position: -125px 0;}
.fixed_bottom a.n3.on{background-position: -250px 0;}
.fixed_bottom a.n4.on{background-position: -375px 0;}
.fixed_bottom a.n5.on{background-position: -500px 0;}
.fixed_bottom a.n6.on{background-position: -625px 0;}


/*box1*/
.box1{ position: relative; height: 1070px;}
.logo{ position: absolute; top: 30px; left: 7px; }
.box1_nav{ position: absolute; top: 20px; right: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 200px; }
.box1_nav a{ width: 92px; height: 27px; margin-bottom: 10px; }
.box1_nav .n1{ background: url(../images/box1_n1.png) no-repeat 0 0; }
.box1_nav .n2{ background: url(../images/box1_n2.png) no-repeat 0 0; }
.box1_nav .n3{ background: url(../images/box1_n3.png) no-repeat 0 0; }
.box1_nav .n4{ background: url(../images/box1_n4.png) no-repeat 0 0; }
.loginBox{ position: absolute; top: 100px; right: 15px; }
.login_before a{ display: inline-block; width: 120px; height: 25px; background: url(../images/login_before.png) no-repeat 0 0; }
.login_after{ line-height: 22px; font-size: 13px; color: #dfbd7c; }
.logout{ display: inline-block; width: 73px; height: 22px; vertical-align: middle; margin-left: 10px; background: url(../images/logout.png) no-repeat 0 0; }
.new_server{ position: absolute; top: 438px; left: 50%; transform: translate(-50%,0); }
.box1_yy{ position: absolute; top: 520px; left: 50%; transform: translate(-50%,0); width: 397px; height: 99px; background: url(../images/box1_yy.png) no-repeat 0 0; }
.rule_btn{ position: absolute; top: 610px; left: 50%; transform: translate(-50%,0) scale(0.8); width: 141px; height: 20px; background: url(../images/rule_btn.png) no-repeat 0 0; }
.box1_gift{ position: absolute; top: 640px; left: 50%; transform: translate(-50%, 0); width: 598px; display: flex; justify-content: space-between; }
.box1_gift a{ width: 185px; height: 282px; background: url(../images/box1_gift.png) no-repeat 0 0; }
.box1_gift a.a1{ background-position: -1px 0; }
.box1_gift a.a1.ok{ background-position: -1px -282px; }
.box1_gift a.a1.on{ background-position: -1px -564px; }
.box1_gift a.a2{ background-position: -208px 0; }
.box1_gift a.a2.ok{ background-position: -208px -282px; }
.box1_gift a.a2.on{ background-position: -208px -564px; }
.box1_gift a.a3{ background-position: -414px 0; }
.box1_gift a.a3.ok{ background-position: -414px -282px; }
.box1_gift a.a3.on{ background-position: -414px -564px; }
.yy_after{ position: absolute; top: 920px; left: 0; width: 100%; display: none; }
.box1_add, .box1_add2{ display: flex; justify-content: center; }
.box1_add2{ position: absolute; top: 910px; left: 0; width: 100%; display: flex; justify-content: center; }
.add_place{ position: relative; width: 104px; height: 105px; margin: 0 15px; background: url(../images/add_subBox.png) no-repeat 0 0; }
.box1_add2 .add_place{ width: 71px; height: 73px; background: url(../images/add_subBox2.png) no-repeat 0 0; }
.add_place.in:after{ content: ""; position: absolute; top: 6px; right: 4px; width: 65px; height: 57px; background: url(../images/add_in.png) no-repeat 0 0; }
.add_place .head{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 94px; height: 94px; cursor: pointer; }
.add_place.in .head{ cursor: default; }
.add_place a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; background: url(../images/add_icon.png) no-repeat center center; }
.my_yy_btn{ position: absolute; top: 70px; left: 50%; transform: translate(-50%,0); font-weight: bold; font-size: 24px; color: #FFF; }

.box9{ background: url(../images/box9.png) no-repeat center top;}
.box9 .wrap{ height: 566px; position: relative;}
.box9Main{width: 667px; height: 245px; position: absolute; top:123px; left: 43px;}
.box9Line{width: 667px; height: 11px; position: absolute; left: 0; top: 127px; background: url(../images/img9_1.png) no-repeat 0 0; overflow: hidden;}
.box9Line span{display: block; width: 0%; height: 11px; background: url(../images/img9_2.png) no-repeat 0 2px;}
.box9List{width: 106px; height: 245px; position: absolute; left: 0; top: 0; z-index: 100;}
.box9List.li1{left: 20px;}
.box9List.li2{left: 140px;}
.box9List.li3{left: 262px;}
.box9List.li4{left: 382px;}
.box9List.li5{left: 540px;}
.box9Icon{height: 115px;}
.box9Icon span{width: 80px; height: 80px; margin: 0 auto; display:block;}
.box9Icon span img{display: block; width: 100%;}
.box9Icon p{text-align: center; font-size: 14px; color: #413f46; padding-top: 7px;}

.box9Box{height: 45px;}
.box9Box a{display: block; width: 34px; height: 34px; cursor: pointer; background: url(../images/img9_3.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; cursor: default;}
.box9Box a.on{background-position: 0 bottom;}
.box9Text{height: 64px; text-align: center;}
.box9Text span{display: block; font-size: 16px; color: #413f46; height: 24px;}
.box9Text strong{display: block; font-size: 22px; color: #c26140; line-height: 30px;}
.box9Btns a{display: block; width: 106px; height: 29px; line-height: 29px; text-align: center; font-size: 16px; color: #FFF; margin: 0 auto; background: url(../images/btn.png) no-repeat 0 0; cursor: default;}
.box9Btns a.on{background-position: 0 -58px; cursor: pointer;}
.box9Btns a.over{background-position: 0 -87px; color: #000;}

.box9Rule{width: 667px; position: absolute; left: 50px; top: 397px; color: #413f46;}
.box9Rule h3{font-weight: bold; font-size: 22px; padding-bottom: 4px;}
.box9Rule p{font-size: 16px; line-height: 26px;}
.box9Rule span{color: #c8441c;}


/*box2*/
.box2{ position: relative; height: 860px; padding-top: 82px; box-sizing: border-box; background: url(../images/box2Title.png) no-repeat center 0; width: 750px; overflow: hidden;}
.box2 img{ display: block; margin: 0 auto 16px auto; }

/*box3*/
.box3{position: relative; height: 710px; background: url(../images/box3Title.png) no-repeat center 0;}
.box3 .wrap{}
.box10Btn{height: 106px; padding-top: 100px; padding-left: 348px;}
.box10Btn a{display: block; width: 244px; height:63px; background: url(../images/btn_more.png) no-repeat 0 0; cursor: pointer;}
.box10Text{text-align: center; font-size: 20px; line-height: 32px; color: #212424; height: 122px;}
.box10Text span{color: #b82d30;}
.box10Server{width: 614px; height: 291px; margin: 0 auto; background: url(../images/serverShow.png) no-repeat 0 0; display: block;}


/*box4*/
.box4{ position: relative; height: 516px; background: url(../images/box4.png) no-repeat 0 0;}
.box4 img{display: block; width: 93%;}
.box4_swiper{ position: absolute; top: 126px; left: 225px; width: 440px; height: 328px; }
.box4_tit{ position: absolute; top: 0; left: 0; }
.box4_cont{ position: absolute; top: 42px; left: 52px; line-height: 18px; font-size: 12px; color: #913020; }
.box4 .swiper-pagination-bullet{ width: 79px; height: 72px; }
.box4 .n0{ background: url(../images/box4_n1.png) no-repeat 0 0; }
.box4 .n1{ background: url(../images/box4_n2.png) no-repeat 0 0; }
.box4 .n2{ background: url(../images/box4_n3.png) no-repeat 0 0; }
.box4 .n3{ background: url(../images/box4_n4.png) no-repeat 0 0; }
.box4 .n4{ background: url(../images/box4_n5.png) no-repeat 0 0; }

/*box5*/
.box5{position: relative; height: 490px; background: url(../images/box5Title.png) no-repeat 0 0; padding-top: 86px;}
.ewm_list{width:666px; margin: 0 auto; display: flex; justify-content: space-between; }
.ewm_list li{ position:relative; width:111px; height:111px; }
.ma_bg{ position:relative; width:111px; height:111px; background:url(../images/ewm_bg.png);}
.ma_bg img{ position:absolute; width:95px; height:95px; left:15px; top:15px;}
.ewm_list li p{ width:100px; height:17px; margin:4px 0 0 11px;font:normal 12px/17px "Microsoft YaHei"; color:#ffeeda; text-align:center; background-color:#655e5c; border-radius:17px;}
.ewm_list li p a{ color:#ffeeda;}
.add-qq{position:absolute;right:0;bottom:-39px;padding: 0px 5px;background: #a28e7c;color: #ffeeda;font-size: 12px;border-radius: 10px;}

.scroll::-webkit-scrollbar{ width: 6px; background: #cd9e77; border-radius: 6px; }
.scroll::-webkit-scrollbar-thumb{ background: #712e13; border-radius: 6px; }

/*弹出框：活动规则*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999999999999; display: none; }
.pop_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 20px; width: 655px; }
.pop_close{ position: absolute; top: -10px; right: -15px; width: 77px; height: 77px; background: url(../images/pop_close.png) no-repeat 0 0; }
.pop1_cont{ height: 589px; background: url(../images/pop1_cont.png) no-repeat 0 0; }
.rule_cont{ position: absolute; top: 126px; left: 50%; transform: translate(-50%,0); width: 530px; height: 400px; background: #c0a681; box-sizing: border-box; /*padding: 35px 30px;*/ overflow-x: hidden; overflow-y: auto; line-height: 30px; font-size: 16px; color: #000; }
.rule_cont span{color: #c26140; font-weight: bold;}
.rule_cont strong{color: #c26140; font-weight: bold;}
.rule_cont p{padding-right: 10px;}
.pop1_pic01{ display: block; margin: 0 auto; }

/*弹出框：完成任务送橙品侠客任盈盈*/
.pop2_cont{ height: 568px; background: url(../images/pop2_cont.png) no-repeat 0 0; }
.pop2_main{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); width: 600px; line-height: 31px; font-size: 20px; color: #000; }
.pop2_main font{ color: #852e1c; }
.pop2_icon{ display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.pop2_icon img{ margin: 0 12px; }
.pop_closeBtn{ position: absolute; bottom: 30px; left: 50%; transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop_closeBtn.png) no-repeat 0 0; }
.pop_closeBtn:hover{ background-position: 0 -60px; }

/*弹出框：超值月卡*/
.pop3_cont{ height: 506px; background: url(../images/pop3_cont.png) no-repeat 0 0; }

/*弹出框：七日签到送红品装备*/
.pop4_cont{ height: 588px; background: url(../images/pop4_cont.png) no-repeat 0 0; }
.pop4_main{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); width: 600px; line-height: 23px; font-size: 16px; color: #000; }
.pop4_main table{ margin-top: 10px; }
.pop4_main thead td{ padding-right: 15px; border-bottom: 1px solid #7f7262; }
.pop4_main font{ color: #852e1c; }
.pop4_icon{ display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.pop4_icon img{ margin: 0 4px; }

/*弹出框：等级助力升级送超值礼包*/
.pop5_cont{ height: 506px; background: url(../images/pop5_cont.png) no-repeat 0 0; }
.pop5_main{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); width: 600px; line-height: 36px; font-size: 24px; color: #000; }
.pop5_main font{ color: #852e1c; }
.pop5_icon{ display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.pop5_icon img{ margin: 0 12px; }

/*弹出框：预约礼*/
.pop6_cont{ height: 584px; background: url(../images/pop6_cont.png) no-repeat 0 0; }
.pop6_main{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); width: 607px; height: 440px; overflow-x: hidden; overflow-y: auto; }
.yy_after_popCont, .bt_after_popCont{ width: 533px; margin: 0 auto; display: none; }
.yy_after_popCont .date,
.yy_before_popCont .date,
.bt_after_popCont .date,
.bt_before_popCont{ text-align: center; font-size: 20px; color: #000; }
.yy_after_popCont .date span,
.yy_before_popCont .date span,
.bt_after_popCont .date span,
.bt_before_popCont .date span{ color: #ca3212; }
.copy_box{ margin-top: 23px; display: flex; justify-content: space-between; align-items: center; }
.yy_after_popCont .code, .bt_after_popCont .code{ padding: 0 15px; box-sizing: border-box; width: 430px; height: 87px; line-height: 87px; text-align: center; background: #c0a681; font-size: 28px; color: #000; text-decoration: underline; border: none; }
.copy_box button{ width: 83px; height: 45px; background: url(../images/copy_btn.jpg) no-repeat 0 0; border: none; cursor: pointer; }
.yy_after_popCont a, .bt_after_popCont a{ display: block; margin: 37px auto 0 auto; width: 393px; height: 60px; background: url(../images/pop7_btn.png) no-repeat 0 0; }

.pop6_rule_btn{ position: absolute; top: 535px; left: 50%; transform: translate(-50%,0); font-size: 13px; color: #000; text-decoration: underline; }
.pop6_rule{ position: absolute; top: 400px; left: 50%; transform: translate(-50%,0); color: #000; width: 453px; height: 121px; background: #c0a681; box-sizing: border-box; padding: 10px 25px; display: none; }
.pop6_rule dt{ margin-bottom: 10px; text-align: center; font-size: 13px; text-decoration: underline; }
.pop6_rule dd{ line-height: 25px; font-size: 12px; }

/*弹出框：查看我的预约*/
.pop7_cont{ height: 416px; background: url(../images/pop7_cont.png) no-repeat 0 0; }
.pop7Copy_box{ position: absolute; top: 140px; left: 50%; transform: translate(-50%,0); width: 533px; display: flex; justify-content: space-between; align-items: center; }
.pop7_text{ padding: 0 15px; box-sizing: border-box; width: 430px; height: 87px; line-height: 87px; text-align: center; background: #c0a681; font-size: 28px; color: #000; text-decoration: underline; border: none; }
.pop7_copyBtn{ width: 83px; height: 45px; background: url(../images/copy_btn.jpg) no-repeat 0 0; border: none; cursor: pointer; }
.pop7_btn{ position: absolute; top: 276px; left: 50%; transform: translate(-50%,0); width: 393px; height: 60px; background: url(../images/pop7_btn.png) no-repeat 0 0; }

/*弹出框：邀请的玩家还未进服*/
.pop8_cont{ height: 369px; background: url(../images/pop8_cont.png) no-repeat 0 0; }
.pop8_text{ position: absolute; top: 40px; left: 50%; transform: translate(-50%,0); width: 520px; line-height: 25px; font-size: 15px; color: #000; }

/*弹出框：被邀请*/
.pop9_cont{ height: 435px; background: url(../images/pop9_cont.png) no-repeat 0 0; }
.pop9_text{ position: absolute; top: 70px; left: 50%; transform: translate(-50%,0); width: 480px; line-height: 40px; font-size: 24px; color: #3e3324; }
.pop9_btn{ position: absolute; top: 321px; left: 50%; transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop9_btn.png) no-repeat 0 0; }
.pop9_btn:hover{ background-position: 0 -60px; }
.pop9_btn:active{ background-position: 0 -120px; }

/*弹出框：报团时间已结束*/
.pop10_cont{ height: 318px; background: url(../images/pop10_cont.png) no-repeat 0 0; }
.pop10_btn{ position: absolute; top: 164px; left: 50%; transform: translate(-50%,0); width: 394px; height: 60px; background: url(../images/pop10_btn.png) no-repeat 0 0; }
.pop10_btn:hover{ background-position: 0 -60px; }
.pop10_btn:active{ background-position: 0 -120px; }

/*弹出框：邀请好友*/
.pop11_cont{ height: 464px; background: url(../images/pop11_cont.png) no-repeat 0 0; }
.pop11Copy_box{ position: absolute; top: 180px; left: 50%; transform: translate(-50%,0); width: 533px; display: flex; justify-content: space-between; align-items: center; }
.pop11_text{ width: 430px; height: 87px; line-height: 87px; text-align: center; background: #c0a681; font-size: 28px; color: #000; text-decoration: underline; border: none; padding: 0 10px; box-sizing: border-box; }
.pop11_copyBtn{ width: 83px; height: 45px; background: url(../images/copy_btn.jpg) no-repeat 0 0; border: none; cursor: pointer; }
.pop11_tip{ position: absolute; top: 340px; left: 50%; transform: translate(-50%,0); width: 533px; text-align: center; font-size: 36px; color: #000; }
.pop11_tip font{ color: #fe0000; }

/*弹出框：好友的抱团队伍人数已达4人上限*/
.pop12_cont{ height: 435px; background: url(../images/pop12_cont.png) no-repeat 0 0; }
.pop12_btn{ position: absolute; top: 325px; left: 50%; transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop12_btn.png) no-repeat 0 0; }
.pop12_btn:hover{ background-position: 0 -60px; }
.pop12_btn:active{ background-position: 0 -120px; }

/*弹出框：报团福利*/
.pop13_cont{ height: 578px; padding-top: 102px; box-sizing: border-box; background: url(../images/pop13_cont.png) no-repeat 0 0; }
.pop13_main{ margin: 0 auto; width: 547px; height: 450px; overflow-x: hidden; overflow-y: auto; }
.pop13_btn{ display: block; margin: 20px auto 0 auto; width: 242px; height: 60px; background: url(../images/pop13_btn.png) no-repeat 0 0; }
.pop13_btn:hover{ background-position: 0 -60px; }
.pop13_btn:active{ background-position: 0 -120px; }

/*弹出框：进服福利*/
.pop14_cont{ height: 588px; padding-top: 108px; box-sizing: border-box; background: url(../images/pop14_cont.png) no-repeat 0 0; }
.pop14_main{ margin: 0 auto; width: 552px; height: 450px; overflow-x: hidden; overflow-y: auto; }
.pop14_text{ position: relative; width: 552px; height: 2355px; background: url(../images/pop14_pic01.png) no-repeat center top; }
.pop14_text a{ position: absolute; left: 0; width: 72px; height: 27px; background: url(../images/pop14_a.png) no-repeat; display: none; cursor: default; }
.pop14_text .a1{ top: 290px; }
.pop14_text .a2{ top: 620px; }
.pop14_text .a3{ top: 930px; }
.pop14_text a.ok{ display: block; background-position: 0 0; cursor: pointer; }
.pop14_text a.on{ display: block; background-position: 0 -27px; }
.pop14_text a.off{ display: block; background-position: 0 -54px; }

/*弹出框：周年许愿*/
.pop15_cont{ height: 486px; background: url(../images/pop15_cont.png) no-repeat 0 0; }

/*弹出框：祈福送限定脚印*/
.pop16_cont{ height: 556px; background: url(../images/pop16_cont.png) no-repeat 0 0; }

/*弹出框：二次确认*/
.popConfirm_cont{ height: 435px; background: url(../images/pop9_cont.png) no-repeat 0 0; }
.popConfirm_text{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); width: 550px; line-height: 42px; font-size: 28px; color: #000; }
.popConfirm_btn{ position: absolute; top: 300px; left: 50%; transform: translate(-50%,0); display: flex; }
.popConfirm_btn a{ margin: 0 8px; width: 242px; height: 60px; }
.popConfirm_btn .y{ background: url(../images/yes_btn.png) no-repeat 0 0; }
.popConfirm_btn .n{ background: url(../images/no_btn.png) no-repeat 0 0; }

/*弹出框：通用提示框*/
#popTip{}
.popTip_cont{ height: 435px; background: url(../images/popTip_cont.png) no-repeat 0 0; }
.popTip_text{color: #312a20; text-align: center;}
.popTip_text strong{display: block; font-size: 34px; padding-top: 90px; height: 70px;}
.popTip_text span{display: block; font-size: 30px; line-height: 46px;}
.popTip_btn{ position: absolute; top: 300px; left: 50%; transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/yes_btn.png) no-repeat 0 0; }