@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; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
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;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
html{background: #fff1d4;}
body{position: relative; max-width: 1920px; min-width: 1300px; margin: 0 auto;}
.box{position: relative; overflow: hidden; }
.wrap{position: relative; width: 1300px; margin: 0 auto; }
.scroll::-webkit-scrollbar{ width: 6px; background: #cd9e77; border-radius: 6px; }
.scroll::-webkit-scrollbar-thumb{ background: #712e13; border-radius: 6px; }

/*fixed_right*/
.fixed_right_box{ position: absolute; top: 0; right: 20px; height: 100%; }
.fixed_right{position: fixed; bottom: 0; transform: translate(-250px,0); width: 250px; height: 521px; background: url(../images/fixed_right.png) no-repeat 0 0; z-index: 2;}
.fixed_right .time{ position: absolute; top: 64px; width: 45px; text-align: center; font-weight: bold; font-size: 24px; color: #ede8b4; }
.fixed_right .days{ right: 186px; }
.fixed_right .hours{ right: 126px; }
.fixed_right .minutes{ right: 61px; }
.fixed_link{position: absolute; right: 27px; top: 45px; width: 198px;}
.fixed_link a{width: 198px; height: 39px; display: block; margin-bottom: 10px;}
.fixed_link a.n1{background: url(../images/fixed_nav1.png) no-repeat 0 0;}
.fixed_link a.n2{background: url(../images/fixed_nav2.png) no-repeat 0 0;}
.fixed_link a.n3{background: url(../images/fixed_nav3.png) no-repeat 0 0;}
.fixed_link a.n4{background: url(../images/fixed_nav4.png) no-repeat 0 0;}
.fixed_link a.n5{background: url(../images/fixed_nav5.png) no-repeat 0 0;}
.fixed_link a:hover{background-position:right 0;}
.goTop{display: block; width: 100px; height: 94px; cursor: pointer; position: absolute; left: 83px; top: 339px; z-index: 10;}

/*box1*/
.box1{ background: url(../images/box1.jpg) no-repeat center 0; }
.box1 .wrap{ height: 1190px; }
.logo{ position: absolute; top: 36px; left: 24px; z-index: 1; }
.slg{ position: absolute; top: 36px; left: 24px; z-index: 1; }
.timeOver{width: 800px; height: 140px; position: absolute; top: 280px; left: 50%; margin-left: -400px; display: flex; justify-content: center;}
.timelist{width: 180px; height: 140px;}
.timelist div{width: 180px; height: 90px; text-align: center; color: #FFF; font-weight: bold; font-size: 90px; line-height: 90px;}
.timelist span{font-size: 14px; color: #d34020; display: block; text-align: center;}

.box1_nav{ position: absolute; top:20px; right: 25px; display: flex; z-index: 3; }
.box1_nav a{ position: relative; width: 131px; height: 33px; margin-left: 15px;}
.box1_nav a.n1{background: url(../images/box1_n1.png) no-repeat center 0;}
.box1_nav a.n2{background: url(../images/box1_n2.png) no-repeat center 0;}
.box1_nav a.n3{background: url(../images/box1_n3.png) no-repeat center 0;}
.box1_nav a.n4{background: url(../images/box1_n4.png) no-repeat center 0;}
.box1_nav a:hover{background-position: 0 -33px;}
.downloadGameCode{position: absolute; top: 40px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 200px; display: none; -ms-transform: translate(-50%,0);}
.box1_nav a.n3:hover .downloadGameCode{display: block;}

.loginBox{ position: absolute; top: 70px; right: 26px; z-index: 1; }
.login_before a{ display: inline-block; width: 178px; height: 54px; background: url(../images/login_before.png) no-repeat 0 0; }
.login_after{ line-height: 54px; font-size: 20px; color: #dfbd7c; }
.logout{ display: inline-block; width: 109px; height: 54px; vertical-align: middle; margin-left: 10px; background: url(../images/logout.png) no-repeat 0 0; }
.slogan{ position: absolute; top: 40px; left: -55px; }
.new_server{ position: absolute; top: 140px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.box1_yy{ position: absolute; top: 420px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 571px; height: 132px; background: url(../images/box1_yy.png) no-repeat 0 0;  -ms-transform: translate(-50%,0);}
.rule_btn{ position: absolute; top: 565px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 177px; height: 30px; background: url(../images/rule_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,0);}
.box1_gift{ position: absolute; top: 610px; left: 50%; transform: translate(-50%, 0); width: 678px; 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: 0 0; }
.box1_gift a.a1.ok{ background-position: 0 -282px; }
.box1_gift a.a1.on{ background-position: 0 -564px; }
.box1_gift a.a2{ background-position: -247px 0; }
.box1_gift a.a2.ok{ background-position: -247px -282px; }
.box1_gift a.a2.on{ background-position: -247px -564px; }
.box1_gift a.a3{ background-position: -493px 0; }
.box1_gift a.a3.ok{ background-position: -493px -282px; }
.box1_gift a.a3.on{ background-position: -493px -564px; }
.yy_after{ position: absolute; top: 950px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 1300px; display: none;  -ms-transform: translate(-50%,0);}
.box1_add, .box1_add2{ position: absolute; top: 0px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); display: flex; justify-content: center;  -ms-transform: translate(-50%,0);}
.box1_add2{top: 950px;}
.add_place{position: relative; width: 104px; height: 105px; margin: 0 15px; background: url(../images/add_subBox.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: 94px; height: 94px; background: url(../images/add_icon.png) no-repeat center center; }
.my_yy_btn{ position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); font-weight: bold; font-size: 36px; color: #1a1d24;  -ms-transform: translate(-50%,0);}


.box9{ background: url(../images/box9.jpg) no-repeat center top;}
.box9 .wrap{ height: 876px; }
.box9Main{width: 1137px; height: 330px; position: absolute; top: 190px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.box9Line{width: 1137px; height: 19px; position: absolute; left: 0; top: 165px; background: url(../images/img9_1.png) no-repeat 0 0;}
.box9Line span{display: block; width: 0%; height: 19px; background: url(../images/img9_2.png) no-repeat 0 3px;}
.box9List{width: 139px; height: 330px; position: absolute; left: 0; top: 0; z-index: 100;}
.box9List.li1{left: 38px;}
.box9List.li2{left: 222px;}
.box9List.li3{left: 416px;}
.box9List.li4{left: 606px;}
.box9List.li5{left: 870px;}
.box9Icon{height: 153px;}
.box9Icon span{width: 110px; height: 110px; margin: 0 auto; display:block;}
.box9Icon span img{display: block; width: 100%;}
.box9Icon p{text-align: center; font-size: 18px; color: #413f46; padding-top: 7px;}
.box9Box{height: 60px;}
.box9Box a{display: block; width: 40px; height: 40px; cursor: pointer; background: url(../images/img9_3.png) no-repeat 0 0; margin: 0 auto; cursor: default;}
.box9Box a.on{background-position: 0 bottom;}
.box9Text{height: 64px; text-align: center;}
.box9Text span{display: block; font-size: 14px; color: #413f46; height: 20px;}
.box9Text strong{display: block; font-size: 30px; color: #c26140; line-height: 30px;}
.box9Btns a{display: block; width: 139px; height: 38px; line-height: 38px; 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 -38px; cursor: pointer;}
.box9Btns a.on:hover{background-position: 0 -76px;}
.box9Btns a.over{background-position: 0 -114px; color: #000;}

.box9Rule{width: 1080px; position: absolute; left: 50%; top: 540px; color: #413f46; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.box9Rule h3{font-weight: bold; font-size: 22px; padding-bottom: 10px;}
.box9Rule p{font-size: 16px; line-height: 26px;}
.box9Rule span{color: #c8441c;}


/*box2*/
.box2{ background: url(../images/box2.jpg) no-repeat center top; }
.box2 .wrap{ height: 545px; }
.box2_text1{ position: absolute; top: 113px; right: -310px; }
.box2_text2{ position: absolute; top: 313px; right: 0px; }

/*box3*/
.box3{background: url(../images/box3.jpg) no-repeat center top; }
.box3 .wrap{height: 544px;}
.box3_text1{ position: absolute; top: 107px; left: -310px; }
.box3_text2{ position: absolute; top: 327px; left: 0; }

/*box4*/
.box4{background: url(../images/box4.jpg) no-repeat center top; }
.box4 .wrap{height: 540px;}
.box4_text1{position: absolute; top: 81px; right: -310px; }
.box4_text2{position: absolute; top: 288px; right: 0; }

/*box5*/
.box5{ height: 540px; background: url(../images/box5.jpg) no-repeat center top; }
.box5 .wrap{ height: 540px; }
.box5_text1{ position: absolute; top: 65px; left: -310px; }
.box5_text2{ position: absolute; top: 273px; left: 0; }

/*box6*/
.box6{background: url(../images/box10.jpg) no-repeat center top;}
.box6 .wrap{height: 1076px;}
.box10Btn{height: 135px; padding-top: 264px; padding-left: 618px;}
.box10Btn a{display: block; width: 312px; height: 80px; background: url(../images/btn_more.png) no-repeat 0 0; cursor: pointer;}
.box10Text{text-align: center; font-size: 24px; line-height: 40px; color: #212424; height: 100px;}
.box10Text span{color: #b82d30;}
.box10Server{width: 1009px; height: 478px; margin: 0 auto; background: url(../images/serverShow.png) no-repeat 0 0; display: block;}

/*box7*/
.box7{background: url(../images/box7.jpg) no-repeat center top; }
.box7 .wrap{ height: 1040px; }
.box7_swiper{ position: absolute; top: 390px; left: 50%; margin-left: -73px; width: 580px; height: 505px; }
.box7_tit{ position: absolute; top: 0; left: 0; }
.box7_cont{ position: absolute; top: 80px; left: 93px; line-height: 32px; font-size: 20px; color: #913020; }
.box7 .swiper-pagination-bullet{ width: 108px; height: 99px; }
.box7 .n0{ background: url(../images/box7_n1.png) no-repeat 0 0; }
.box7 .n1{ background: url(../images/box7_n2.png) no-repeat 0 0; }
.box7 .n2{ background: url(../images/box7_n3.png) no-repeat 0 0; }
.box7 .n3{ background: url(../images/box7_n4.png) no-repeat 0 0; }
.box7 .n4{ background: url(../images/box7_n5.png) no-repeat 0 0; }

/*box8*/
.box8{background: url(../images/box8.jpg) no-repeat center top; }
.box8 .wrap{height:1002px;}
.ewm_list{ position:absolute; left: 50%; top: 128px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width:1050px; display: flex; justify-content: space-between;  -ms-transform: translate(-50%,0);}
.ewm_list li{ position:relative; width:185px; height:187px; }
.ma_bg{ position:relative; width:185px; height:187px; background:url(https://xxa.wanmei.com/images/cover2007/ewm_bg.png);}
.ma_bg img{ position:absolute; width:155px; height:155px; left:25px; top:25px;}
.ewm_list li p{ width:174px; height:28px; margin:8px 0 0 20px;font:normal 18px/28px "Microsoft YaHei"; color:#ffeeda; text-align:center; background-color:#655e5c; border-radius:14px;}
.ewm_list li p a{ color:#ffeeda;}
.add-qq{position:absolute;right:0;bottom:-67px;padding: 2px 15px;background: #a28e7c;color: #ffeeda;font-size: 14px;border-radius: 10px;}

/*弹出框：活动规则*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99999999999; 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); -webkit-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;  -ms-transform: translate(-50%,0);}
.rule_cont span{color: #c26140; font-weight: bold;}
.rule_cont strong{color: #c26140; font-weight: bold;}
.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); -webkit-transform: translate(-50%,0); width: 600px; line-height: 31px; font-size: 20px; color: #000;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop_closeBtn.png) no-repeat 0 0;  -ms-transform: translate(-50%,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); -webkit-transform: translate(-50%,0); width: 600px; line-height: 23px; font-size: 16px; color: #000;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 600px; line-height: 36px; font-size: 24px; color: #000;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 607px; height: 440px; overflow-x: hidden; overflow-y: auto;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); font-size: 13px; color: #000; text-decoration: underline;  -ms-transform: translate(-50%,0);}
.pop6_rule{ position: absolute; top: 400px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); color: #000; width: 453px; height: 121px; background: #c0a681; box-sizing: border-box; padding: 10px 25px; display: none;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 533px; display: flex; justify-content: space-between; align-items: center;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 393px; height: 60px; background: url(../images/pop7_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,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); -webkit-transform: translate(-50%,0); width: 520px; line-height: 25px; font-size: 15px; color: #000;  -ms-transform: translate(-50%,0);}

/*弹出框：被邀请*/
.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); -webkit-transform: translate(-50%,0); width: 480px; line-height: 40px; font-size: 24px; color: #3e3324;  -ms-transform: translate(-50%,0);}
.pop9_btn{ position: absolute; top: 321px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop9_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,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); -webkit-transform: translate(-50%,0); width: 394px; height: 60px; background: url(../images/pop10_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,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); -webkit-transform: translate(-50%,0); width: 533px; display: flex; justify-content: space-between; align-items: center;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 533px; text-align: center; font-size: 36px; color: #000;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/pop12_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,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: 540px; height: 1755px; background: url(../images/pop14_pic01.png) no-repeat center top; background-size: 100% auto;}
.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); -webkit-transform: translate(-50%,0); width: 550px; line-height: 42px; font-size: 28px; color: #000;  -ms-transform: translate(-50%,0);}
.popConfirm_btn{ position: absolute; top: 300px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); display: flex;  -ms-transform: translate(-50%,0);}
.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); -webkit-transform: translate(-50%,0); width: 242px; height: 60px; background: url(../images/yes_btn.png) no-repeat 0 0;  -ms-transform: translate(-50%,0);}












