@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;}
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;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.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);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

body{ -webkit-text-size-adjust: 100%; background: url(https://www.playperfectworld.com/newserver/images/bg.jpg) no-repeat center top; }
.wrap{ position: relative; width: 1200px; height: 1080px; margin: 0 auto;}
.logo{ position: absolute; top: 72px; left: 76px; z-index: 1; }
.rule_btn{ position: absolute; top: 73px; right: 94px; width: 153px; height: 42px; background: url(https://www.playperfectworld.com/newserver/images/rule_btn.png) no-repeat 0 0; z-index: 1; }
.reward{ position: absolute; top: 586px; width: 1001px; height: 178px; background: url(https://www.playperfectworld.com/newserver/images/reward.png) no-repeat 0 0; }
.reward.state1{ background-position: 0 -178px; }
.reward.state2{ background-position: 0 -356px; }
.reward.state3{ background-position: 0 -534px; }
.reward.state4{  }
.slogan{ position: absolute; top: 760px; }
.btns{ position: absolute; top: 938px; left: 0; width: 100%; text-align: center; }
.btns a{ display: inline-block; margin: 0 20px; width: 325px; height: 80px; }
.reg_btn{ background: url(https://www.playperfectworld.com/newserver/images/reg_btn.png) no-repeat 0 0; }
.down_btn{ background: url(https://www.playperfectworld.com/newserver/images/down_btn.png) no-repeat 0 0; }
.btns a:hover{ background-position: 0 -80px; }

/*弹出框：预约*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10; display: none; }
.pop_close{ position: absolute; top: 15px; right: 0; width: 81px; height: 81px; background: url(https://www.playperfectworld.com/newserver/images/pop_close.png) no-repeat 0 0; }
.pop_yy_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 975px; height: 589px; background: url(https://www.playperfectworld.com/newserver/images/pop_yy.png) no-repeat 0 0; }
.pop_tit1{ height: 154px; background: url(https://www.playperfectworld.com/newserver/images/pop_tit1.png) no-repeat center 81px; }
.pop_yy_main{ margin-left: 137px; }
.pop_yy_main .row{ padding-bottom: 20px; }
.pop_yy_main .row input{ margin-left: 16px; vertical-align: middle; width: 274px; height: 42px; line-height: 42px; text-align: center; background: none; border-radius: 3px; border: 1px solid #9b8467; font-size: 19px; color: #000; }
.send_code{ display: inline-block; vertical-align: middle; margin-left: 10px; width: 211px; height: 46px; background: url(https://www.playperfectworld.com/newserver/images/send_code.png) no-repeat 0 0; }
.send_code:hover{ background-position: 0 -46px; }
.code_countdown{ margin-left: 10px; font-size: 19px; color: #ab885d; }
.optional_line{ display: block; margin: 10px auto 24px auto; }
.pop_yy_optional{ margin-left: 137px; }
.country_code{ vertical-align: top; margin: 0 10px; width: 255px; height: 42px; line-height: 42px; text-align: center; background: none; border-radius: 3px; border: 1px solid #9b8467; font-size: 19px; color: #000; }
.phone_num{ vertical-align: top; width: 255px; height: 42px; line-height: 42px; text-align: center; background: none; border-radius: 3px; border: 1px solid #9b8467; font-size: 19px; color: #000; }
.pop_yy_agree{ margin-top: 28px; text-align: center; font-size: 20px; color: #ab885d; cursor: default; }
.pop_yy_agree a{ text-decoration: underline; color: #ab885d; }
.pop_yy_agree span{ position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; width: 36px; height: 22px; border: 2px solid #9b8467; }
.pop_yy_agree span i{ position: absolute; bottom: 0; left: 0; width: 38px; height: 31px; background: url(https://www.playperfectworld.com/newserver/images/agree.png) no-repeat 0 0; display: none; }
.pop_yy_agree.on span i{ display: block; }
.reg_submit{ display: block; margin: 17px auto 0 auto; width: 300px; height: 64px; background: url(https://www.playperfectworld.com/newserver/images/reg_submit.png) no-repeat 0 0; }
.reg_submit:hover{ background-position: 0 -64px; }
.error_tip{ margin-top: 5px; text-align: center; font-size: 12px; color: #887252; display: none; }

/*弹出框：预约成功*/
.pop_tit2{ height: 205px; background: url(https://www.playperfectworld.com/newserver/images/pop_tit2.png) no-repeat center 137px; }
.sucess_tip{ padding: 0 50px; text-align: center; font-size: 22px; color: #9b8467; }
.sucess_tip_line{ width: 610px; margin: 15px auto 40px auto; border-bottom: 1px dashed #bfb2a1; overflow: hidden; }
.more_events_tit{ text-align: center; font-weight: bold; font-size: 18px; color: #3f8891; }
.more_events{ margin: 28px auto 0 auto; width: 315px; }
.more_events a{ display: block; width: 105px; }
.more_events img{ display: block; margin: 0 auto; }
.more_events p{ margin-top: 23px; text-align: center; font-weight: bold; font-size: 14px; color: #3f8891; }

/*弹出框：规则*/
.pop_tit3{ height: 138px; background: url(https://www.playperfectworld.com/newserver/images/pop_tit3.png) no-repeat center 62px; }
.pop_rule_list{ width: 760px; height: 370px; margin: 0 auto; overflow-x: hidden; overflow-y: scroll; }
.pop_rule_list li{ position: relative; padding: 0 0 15px 43px; line-height: 27px; font-size: 21px; color: #9b8467; }
.pop_rule_list .num{ position: absolute; top: 0; left: 0; width: 30px; height: 29px; line-height: 29px; text-align: center; background: url(https://www.playperfectworld.com/newserver/images/rule_num.png) no-repeat 0 0; font-size: 23px; color: #e2e1de; }