body.overflow{overflow: hidden;}
*{outline: none;}
p, ul, li{list-style: none; padding:0; margin: 0;}
a, a:hover{text-decoration: none;}
a{transition: all .3s;-webkit-transition: all .3s;}
a:not(.disabled, .lotterycontent_disable):hover{filter: brightness(1.08);}
.elips{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in{display: inline-block;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.wrap{width: 100%;position: relative;min-width: 1360px;overflow-x: hidden;background: #1a393d;}
.wrap.page-index{background: #a4a2c5 url("../images/bg.jpg") no-repeat center 0; min-height: 4461px;}
.mid{width: 1360px;margin: 0 auto;position: relative;}
.text-center{text-align: center;}
.in{display: inline-block;vertical-align: middle;}
.t{display: block;text-indent: -9999px;font-size: 0;}
.public_footer{min-width: 1200px;}
.blur{filter: blur(4px); transition: filter 0.3s;}
.loaded.blur{filter: blur(0px);}
@font-face {
  font-family: FZYanSJW_Zhun;
  src: url("../fonts/FZYanSJW_Zhun.ttf");
}
.font-fz{font-family: FZYanSJW_Zhun;}

/*头部*/
.header .mid{position: relative; height: 832px; overflow: hidden;}
.game-logo{position: absolute; top: 30px; left: 0;}
.game-logo .logo{background: url("../images/logo.png") no-repeat;width: 260px;height: 102px;display: block;}
.userinfo-wrap{right: 0; top:32px; width: 600px; position: absolute; text-align: right;}
.userinfo-wrap .userinfo{display: inline-block; color: #fff; font-size: 16px;}
.userinfo .login, .userinfo .logout{display: none;}
.userinfo .show{display: inline-block;}
.userinfo a{color:#fcf3e5; display: inline-block; position: relative;}
.userinfo a::after{content:''; border: 1px solid #fcf3e5; width: 100%; height: 0; position: absolute; bottom: -3px; left:0;}
.userinfo-wrap .btn-enter{background: url("../images/btn-enter.png") no-repeat center/100%; width: 164px; height: 51px; display: inline-block; vertical-align: middle; margin-left: 24px;}
.header .slogon{margin: 41px 0 0 80px;position: absolute;}
.header .slogon img{position: relative; z-index: -1; opacity: 0;}
@keyframes pulse{
  0%{transform: scale(1);}
  50%{transform: scale(0.95);}
  100%{transform: scale(1);}
}
.slogon-ani{animation: slogon-ani 1s ease both;}
@keyframes slogon-ani {
  0%{opacity:0;
    transform:scale(.3)}
  50%{opacity:1;
    transform:scale(1.05)}
  70%{transform:scale(.9)}
  100%{transform:scale(1)}
}
/*版头预约按钮*/
.header .appoint-box{ background: url("../images/btn-reserve-bg.png") no-repeat center/100% auto; width: 494px; height: 103px; margin: 530px auto 0;}
.header .btn-appoint{ background: url("../images/btn-reserve.png") no-repeat center/100%; width: 274px;height: 103px; margin: 0 auto;}
.header .btn-appoint.disabled{filter: grayscale(100%); cursor: default;}
.header .btn-appoint.reserved{background-image: url("../images/btn-reserved.png"); cursor: default;}
.header .btn-appoint.disabled:hover, .header .btn-appoint.reserved:hover{filter: none;}
/*版头下载模块*/
.down-load-bg{margin:20px auto 0;width: 537px; height: 150px; position: relative; background: url("../images/bg-download.png") no-repeat;}
.down-load-bg .ewm-box{width: 118px;height: 118px;position: relative;margin: 15px 54px 0 40px; background: #fff; border-radius: 5px;}
.down-load-bg .ewm-pic-box{width: 112px;height: 112px;border: none;position: absolute;top: 3px;left: 3px;}
.down-load-bg .ewm-pic-box iframe{width: 100%; height: 100%; border: none;}
.down-load-bg .down-btns { margin-top: 20px;}
.down-load-bg .down-btns .btn-link{width: 156px;height: 50px;display: block;text-indent: -9999px;}
.down-load-bg .down-btns .btn-text{width: 184px;display: block;text-align: center; color:#e5a543;margin-top: 6px; text-decoration: underline;}
.down-load-bg .down-btns .btn-ios{background:url('../images/btn-ios.png');margin-top: 10px;}
.down-load-bg .down-btns .btn-adr{background: url('../images/btn-android.png') no-repeat center/cover;}
.down-load-bg .down-btns .btn-pc{width: 117px; height: 69px; background: url("../images/btn-pc.png") no-repeat center/cover; left: 380px; top: 20px;}
.down-load-bg .down-btns .btn-install-note{width: 117px; height: 36px; background: url("../images/btn-note.png") no-repeat center/cover; left: 380px; top: 94px;}
.down-load-bg .ewm-box::before{content:''; background: #e5a543;width: 120px;height: 3px;position: absolute;top: 0;left: -1px;z-index: 1;animation: mymove 3s ease infinite;}
/*版头下载模块右侧的适龄提示*/
.game-limit-box{width: 56px;position: absolute;top: 726px;left: 50%; margin-left: 276px;z-index: 10;cursor: pointer;}
.game-limit-box .game-limit{background: transparent no-repeat;width: 56px;height: 73px;position: relative;}
.game-limit-box img{width: 100%;height: 100%;position: absolute; top:0; left:0;}

/*内容*/
.main{min-height: 2357px;margin-top: 5px;}
.pt-1{height: 1070px;}
.pt-2{height: 1664px;}
.pt-3{height: 890px;}
.tit{margin: 0 auto; height: 146px; background-repeat: no-repeat; background-size: 100% auto;}
.tit1{ background-image: url("../images/tit1.png"); width: 672px;}
.tit2{ background-image: url("../images/tit2.png"); width: 620px;}
.tit3{ background-image: url("../images/tit3.png"); width: 612px;}
.pt-1-tips{color: #bd9746; font-size: 18px; margin: 4px 0}
.progress-wrap{width: 1220px; margin: 0 auto; position: relative; left: 18px;}
.progress-txt{transition:all 0.3s; left: -10px; top: 10px; font-size: 20px; color: #7678a8; font-family: FZYanSJW_Zhun;}
.progress-wrap[step="1"] .progress-txt{left: 90px;}
.progress-wrap[step="2"] .progress-txt{left: 300px;}
.progress-wrap[step="3"] .progress-txt{left: 470px;}
.progress-wrap[step="4"] .progress-txt{left: 660px;}
.progress-wrap[step="5"] .progress-txt{left: 1000px;}
.progress-wrap .progress{background-repeat: no-repeat; background-size: 100% auto; height: 114px;}
.progress-wrap .progress{background-image: url("../images/loading-line.png"); background-position: 0 0;}
.progress-wrap[step="1"] .progress{background-position: 0 -124px;}
.progress-wrap[step="2"] .progress{background-position: -12px -248px;}
.progress-wrap[step="3"] .progress{background-position: 0 -372px;}
.progress-wrap[step="4"] .progress{background-position: 0 -496px;}
.progress-wrap[step="5"] .progress{background-position: 0 -620px;}
.task-list{width: 1110px; margin: 12px auto 0; font-size: 0; position: relative; left: 18px;}
.task-list .task-item{background: url("../images/task.png") no-repeat center/100%; width: 327px; height: 578px; padding-top: 1px; display: inline-block; vertical-align: top; margin-right: 58px; position: relative;}
.task-list .task-item:last-child{margin-right: 0;}
.task-tit{background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; width: 194px; height: 30px; margin: 74px auto 0; }
.task-item:nth-child(1) .task-tit{background-image: url("../images/task-tit1.png");}
.task-item:nth-child(2) .task-tit{background-image: url("../images/task-tit2.png");}
.task-item:nth-child(3) .task-tit{background-image: url("../images/task-tit3.png");}
.task-item.finish::after{content: ''; background: url("../images/label-finish.png") no-repeat center/100%; width: 45px; height: 85px; position: absolute; top: 74px; right: 20px;}
.task-gift-list{width: 216px; height: 282px; margin: 30px auto 0; font-size: 0;}
.task-gift-list li{width: 96px; height: 96px; margin-right: 22px; margin-bottom: 42px; position: relative; display: inline-block; }
.task-gift-list li:nth-child(even){margin-right: 0;}
.task-gift-list .g-img-box{width: 100%; height: 100%; background: url("../images/bg-gift.png") no-repeat top center/100%;}
.task-gift-list .g-img{width: 96px; height: 96px; border-radius: 50%;}
.task-gift-list .g-name{width: 120px; text-align: center; position: absolute; top: 98px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #5c5670;}
.task-item .btn-get{width: 159px; height: 48px; margin: 0 auto; display: block; background: url("../images/btn-get.png") no-repeat; background-size: 100% auto; background-position: 0 -60px;}
.task-item .btn-get.got, .task-item .btn-get.disabled{ background-position-y: 0; transition: none; transform: none;}
.task-item .btn-get.got, .task-item .btn-get.disabled:hover{filter: none;}
.pt-1 .btns-box{margin: 6px auto 0; font-size: 0; text-align: center; background: url("../images/line-btns.png") no-repeat center/auto 10px;}
.pt-1 .btns-box a{width: 272px; height: 83px; margin: 0 37px; display: inline-block; background-repeat: no-repeat; background-size: cover;}
.btns-box .btn-invite{ background-image: url("../images/btn-invite.png"); }
.btns-box .btn-myteam{ background-image: url("../images/btn-myteam.png"); }

/*预约抽奖版块*/
.rule-wrap{background: url("../images/bg-rule.png") no-repeat center/100% auto; width: 1209px; height: 288px; padding-top: 1px; margin: 10px auto 0; font-size: 16px; color: #6e6f8b; }
.rule-con{margin: 78px 0 0 146px; line-height: 18px; width: 638px; font-size: 14px;}
.rule-con a{text-decoration: underline; color: #bd9746;}
.rule-wrap .txt-yellow{color: #bd9746;}
.rule-table{width: 320px; right: 98px; top: 46px;}
.rule-table td{border: 1px solid #8d8bc0; color: #8d8bc0; text-align: center; font-size: 16px; height: 34px;}
.rule-table td:nth-child(1){width: 150px;}
.rule-task-status{color: #bd9746; text-decoration: underline; cursor: pointer;}
.rule-task-status::before{content: '未完成';}
.rule-table .finish .rule-task-status{color: #6e6a99; text-decoration: none; cursor: default;}
.rule-table .finish .rule-task-status::before{content: '已完成';}
.rule-btns{margin: 54px auto 0; text-align: center; font-size: 0;}
.rule-btns a{display: inline-block; width: 272px; height: 83px; line-height: 70px; background-repeat: no-repeat; background-size: cover; vertical-align: top; margin: 0 37px;}
.btn-share{background-image: url("../images/btn-share.png");}
.btn-lott{font-size: 34px; color: #9b6022; text-indent: 34px; background-image: url("../images/lottery-count.png"); text-align: left;}
.btn-lott::before{content:''; display: inline-block; width: 26px; height: 26px; background: url("../images/ico-refresh.png") no-repeat center/100%; animation: ani-circle 1s 0s linear both infinite; animation-play-state: paused;}
.btn-lott.refreshing::before{animation-play-state: running;}
.btn-lott .lottery-count{margin-left: 150px;}
.lottery-wrap{margin-top: 116px; }
.lottery{background: url("../images/lottery.png") no-repeat center/cover; width: 916px; height: 916px; left: 50%; margin-left: -285px; top:0;}
.lottery-content{width: 100%; height: 100%; }
.lottery-btns{width: 92px; height: 131px; right: 0; top: 10px; font-size: 0; z-index: 2;}
.lottery-btns a, .lottery-btns span{display: inline-block; height: 100%; background: url("../images/btns-lottery.png") no-repeat; background-position-y: 0; vertical-align: top;}
.lottery-btns a:nth-child(1){background-position-x: 0; width: 34px;}
.lottery-btns span:nth-child(2){background-position-x: -41px; width: 10px; margin: 0 6px;}
.lottery-btns a:nth-child(3){background-position-x: -58px; width: 34px;}
/*.btn-lottery-start{width: 278px; height: 273px; background: url("../images/btn-lottery-start.png") no-repeat center/cover; top: 50%; left: 50%; margin-left: -133px; margin-top: -132px;}*/
.lotterycontent_container .lotterycontent_start{background: url("../images/btn-lottery-start.png") no-repeat center/cover; border-radius: 50%; animation: 1s ease 0s infinite alternate none running lotterycontent_borderLight1;}
.lotterycontent_container .lotterycontent_disable{background: url("../images/btn-lottery-start.png") no-repeat center/cover; filter: grayscale(100%);}
.lotterycontent_container .lotterycontent_slight{width: 201px; height: 201px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.lotterycontent_container .lotterycontent_hover{border-radius: 50%; width: 202px; height: 202px; margin-top: -21px; margin-left: -21px; background-position: center;}

@keyframes lotterycontent_borderLight1 {
  0%{box-shadow: rgba(255, 255, 255, 0.1) 0 0 10px 6px inset}
  100%{box-shadow: rgba(255, 255, 255, 0.25) 0 0 16px 16px inset}
}
/*全新内容版块*/
.swiper-wrap{width: 1164px; padding: 0 84px; margin: 47px auto 0; position: relative;}
.swiper-container{width: 1164px; height: 624px;}
.swiper-slide{height: 546px;}
.swiper-slide .img-wrap{background: url("../images/bg-slide.png") no-repeat center/cover; width: 1063px; height: 546px; margin: 0 auto; overflow: hidden; position: relative; left: -32px;}
.swiper-slide .img-box{width: 929px; height: 495px; margin: 32px 0 0 92px; text-align: center; overflow: hidden;}
.swiper-slide .img-box img{max-width: 100%; max-height: 100%;}
.btn-prev, .btn-next{background: url("../images/btn-arrow.png") no-repeat 0 0/ 100% auto; width: 158px; height: 103px;  top: 234px; position: absolute; z-index: 2;}
.btn-prev{left: 0; }
.btn-next{right: 0; background-position-y: -113px;}
.swiper-container .swiper-pagination{height: 44px; }
.swiper-pagination .swiper-pagination-bullet{width: 16px; height: 16px; border: 1px solid #776da8; background: transparent; box-sizing: border-box; opacity: 1;}
.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 14px; vertical-align: middle;}
.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet-active{background: url("../images/pagenation-active.png") no-repeat center/cover; width: 46px; height: 43px; border: none; margin: 0 0;}


/*侧浮窗*/
.side-nav{display: none; background:url(../images/side.png) no-repeat center top;width:173px;height:364px;padding-top:38px; box-sizing: border-box; position:fixed;right:20px;bottom:200px;z-index:10;}
.side-nav .btn-side{width:137px;height:40px; margin:0 0 2px 9px;transition:all .3s; background-repeat: no-repeat; background-position: top center; background-size: 100% auto;}
.side-nav .btn-side:hover{transform:translateY(-2px);filter:brightness(1.08)}
.side-nav .btn-side:nth-child(1){background-image:url(../images/side-btn-reserve.png);}
.side-nav .btn-side:nth-child(2){background-image:url(../images/side-btn-lottery.png);}
.side-nav .btn-side:nth-child(3){background-image:url(../images/side-btn-enter.png); height: 43px;}
.side-ewm{width:118px;height:118px;margin:4px 0 0 18px; background: #fff; border-radius: 5px; position: relative;}
.side-ewm iframe{width:112px;height:112px; position: absolute; top: 50%; left: 50%; margin-top: -56px; margin-left: -56px; border: none;}
.side-ewm-text{font-size: 16px; color: #fff; text-align: center; text-indent: -16px;}
.side-back-top{background:url(../images/back-top.png) no-repeat;width:48px;height:48px;position:absolute;bottom:-2px;left:56px;cursor:pointer;transition:none}

/*弹窗: todo:修改弹窗默认隐藏*/
.pop{position: relative;display: none; box-sizing: border-box; background: url("../images/pop.png") no-repeat top center/100% auto; width: 655px; height: 418px; padding-top: 1px; color: #e2e0ff;}
body .pop{box-shadow: none;}
.pop .btn-close{width: 52px;height: 52px; transition: 0.5s all; background: url("../images/btn-close.png") no-repeat center/100%; position: absolute; top: 2px;right: -56px;}
.pop .btn-close:hover{transform: rotate(360deg);}
.pop .pop-tit-1{background: url("../images/pop-tit.png") no-repeat center/100%; width: 491px; height: 52px; margin: 0 auto; font-size: 36px; color: #f9f9ff; text-align: center; font-family: FZYanSJW_Zhun;}
.pop .pop-tit-wrap{text-align: center; margin-top: 46px;}
.pop .pop-tit{font-size: 36px; color: #f9f9ff; display: inline-block; position: relative; font-family: FZYanSJW_Zhun;}
.pop .pop-tit::before, .pop .pop-tit::after{content: ''; background: url("../images/ico-pop-tit.png") no-repeat center/100%; width: 10px; height: 13px; position: relative; vertical-align: middle; top: -2px; display: inline-block;}
.pop .pop-tit::before{margin-right: 28px;}
.pop .pop-tit::after{margin-left: 28px;transform: rotateY(180deg);}
.pop .pop-container{margin-left: 52px;}
.pop select::placeholder, .pop input::placeholder{color: #f9f9ff;}

/*通用弹窗*/
.pop-msg-wrap{width: 400px; height: 200px; margin: 20px auto 0; display: table; vertical-align: middle;}
.pop-msg-box{ max-width: 100%; display: table-cell; vertical-align: middle; color: #e2e0ff; font-size: 20px; word-break: break-all; }
.pop-msg{ text-align: center;}

/*预约弹窗*/
.pop-order{width: 617px;height: 678px; background: url("../images/pop-login.png") no-repeat top center/100% auto; padding-top: 1px; margin-top: 20px; }
.pop-order .pop-container{margin-top: 90px; margin-left: 32px; width: 566px; height: 560px; overflow: auto;}
.pop-order .btn-close{top: -52px; right: 267px;}
.pop-order .pop-tit-1{line-height: 56px;}
.order-form{margin: 36px auto 0; width: 376px;}
.form-line-radio{font-size: 0;text-align: center;}
.form-line-radio .radio{font-size: 16px;color: #fcfcfe;display: inline-block;margin: 0 18px;cursor: pointer;position: relative;line-height: 30px;}
.form-line-radio .radio i{width: 20px;height: 20px; box-sizing: border-box; border: 1px solid #fcfcfe; border-radius: 50%; display: inline-block; position: relative; top: -2px; vertical-align: middle; margin-right: 4px;}
.form-line-radio .radio.checked i::after{content:''; border-radius: 50%; background: #fcfcfe; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px;}
.form-line-phone{margin-top: 16px;}
.order-form .J_inputPhone, .order-form .J_inputInvite{width: 374px;height: 34px;line-height: 34px;background: #8882bd;border: 1px solid #bab9de;outline: none; padding: 0 15px;font-size: 16px;box-sizing: border-box; color:#e2e0ff;}
.order-form .form-line{margin-bottom: 30px;}
.order-form .J_inputCode {width: 226px;height: 34px;line-height: 34px;background: #8882bd;border: 1px solid #bab9de;outline: none; padding: 0 15px; font-size: 18px;color: #e2e0ff;box-sizing: border-box; float: left;}
.order-form .J_send{font-size: 16px;color: #7a74b5;width: 144px;height: 36px; line-height: 36px; background:#e5e4ff; border-radius: 6px;text-align: center; float: right;}
.order-form .J_send.disabled{filter: grayscale(100%);}
.order-form .J_btnsubmit{width: 274px;height: 103px; background: url("../images/btn-reserve.png") no-repeat center/100%; margin: 63px auto 0;}
.pop-order .gift-box{margin-top: 30px;}
.pop-order .gift-box .gift-tit{width: 657px;height: 25px;background-position: -71px -331px;margin: 0 auto;}
.pop-order .gift-list{margin-top: 15px;font-size: 0;text-align: center;}
.pop-order .gift-list li{display: inline-block;margin: 0 24px;vertical-align: top;}
.pop-order .gift-list .sp-order{width: 107px;height: 84px;}
.pop-order .gift-list .gift1{background-position: -103px -393px;}
.pop-order .gift-list .gift2{background-position: -256px -393px;}
.pop-order .gift-list .gift3{background-position: -416px -393px;}
.pop-order .gift-list .name{font-size: 18px;color: #84b9bd;text-align: center;}
.pop-order .gift-list .name1{padding-top: 10px;}
/*活动规则*/
.pop-rule{background: url("../images/pop-rule.png") no-repeat center top/100% auto; width: 617px; height: 748px; padding-top: 1px; margin-top: 20px;}
.pop-rule .btn-close{top: -52px; right: 346px;}
.pop-rule .pop-tit-1{line-height: 56px;}
.pop-rule .pop-container{margin-top: 90px; margin-left: 57px; width: 510px; height: 450px; overflow: auto; line-height: 24px;}
.pop-rule .pop-rule-con{font-size: 16px; color: #e2e0ff; word-break: break-all; margin-top: 16px;}
/*概率公示*/
.pop-percent{width: 617px;height: 749px; background: url("../images/pop-percent.png") no-repeat top center/100% auto; padding-top: 1px; margin-top: 20px;}
.pop-percent .pop-container{margin-top: 120px; margin-left: 56px; width: 508px; }
.pop-percent .btn-close{top: -52px; right: 268px;}
.pop-percent .pop-tit-1{line-height: 56px;}
.table-percent-wrap{height: 370px; overflow: auto; margin-top: 28px;}
.table-percent{width: 100%;}
.table-percent td{border: 1px solid #e5e4ff; text-align: center; height: 46px; line-height: 46px; color: #e2e0ff; font-size: 18px;}
.table-percent td:nth-child(1){width: 65%;}
/*绑定角色*/
.pop-bind .pop-tit-wrap{margin-top: 24px;}
.bind-form{margin: 22px 70px 0;}
.bind-form-line{font-size: 0; margin-bottom: 15px;}
.bind-form-line lable, .bind-form-line .bind-form-line-mid, .bind-form-line .ico{display: inline-block; vertical-align: middle;}
.bind-form-line lable{width: 100px; text-align: right; margin-right: 10px; font-size: 16px; color: #e2e0ff;}
.bind-form-line-mid{width: 309px; font-size: 16px;}
.bind-form-sel{width: 100%; height: 35px; border: 1px solid #bab9de; box-sizing: border-box; background: #8882bd url("../images/ico-down.png") no-repeat 280px center/13px auto;}
.bind-form-line select{display: block; padding: 0 12px; box-sizing: border-box; width: 100%; height: 100%; border: none; background: transparent; color: #e2e0ff; -webkit-appearance: none;}
.bind-form-line select optgroup, .bind-form-line select option{background: #8882bd; font-style: normal;}
.bind-form-line input{color: #e2e0ff; display: block; padding: 0 12px; box-sizing: border-box; width: 100%; height: 35px; border: 1px solid #bab9de; background: #8882bd;  }
.bind-form-line .ico{margin-left: 15px;}
.bind-form-line .ico-help{background: url("../images/ico-help.png") no-repeat center/100%; width: 22px; height: 22px;}
.pop .pop-btn{text-align: center; background: url("../images/pop-btn.png") no-repeat center/100%; width: 219px; height: 60px; line-height: 62px; color: #9b6022; font-size: 24px; font-family: FZYanSJW_Zhun; margin: 0 auto; display: block;}
.pop .pop-btn-link{font-size: 16px; color: #e2e0ff; display: inline-block; text-decoration: underline;}
.pop-bind .pop-btn-link{color: #fff;}
.bind-form-line .pop-btn{margin-top: 20px;}
.bind-tip{font-size: 16px; color: #e2e0ff; margin: 16px auto 0; width: 380px;}
/*请确认绑定角色信息 和 您已成功领取奖励 */
.pop-info-wrap{text-align: center; font-size: 18px; color: #e5e4ff; padding: 70px 0 ;}
.pop-confirm-info .pop-info-wrap, .pop-get-success .pop-info-wrap{ padding: 20px 0 0px;}
.pop-info-wrap .txt-color1{color: #f5d48d;}
.pop-info-wrap .txt-color2{color: #fcf1d6;}
.pop-info-wrap .info-tip-tit{margin-bottom: 20px;}
.pop-info-wrap .info-tip{margin-bottom: 12px; width: 300px; margin-left: 180px; text-align: left;}
.pop-info-wrap .info-tip label{display: inline-block; width: 100px; text-align: right; }
.pop-get-success .pop-btn{margin-top: 44px;}
.pop-records-wrap{width: 530px; height: 200px; overflow: auto; margin: 14px auto 26px;}
.pop-record .pop-records-wrap{height: 250px;}
.pop-records-table{width: 100%;}
.pop-records-table th, .pop-records-table td{height: 38px; border: 1px solid #e5e4ff; color: #e2e0ff; text-align: center; font-size: 14px; padding: 0 6px;}
.pop-records-table td a{color: #fff; text-decoration: underline;}
.pop .txt-yellow{ color: #fee5b0;}
/*是否接受组队邀请*/
.pop-invite .pop-btn-link{margin-top: 20px;}
/*队伍信息*/
.pop-team .pop-tit-wrap{margin-top: 24px;}
.pop-team-counts-wrap{margin: 10px auto 6px; font-size: 16px;}
.pop-team .pop-records-wrap{height: 290px;}
.pop-team .pop-records-wrap td{width: 50%;}
/*如何确定自己所在大区*/
.pop-help-find-area .pop-info-wrap{width: 490px; line-height: 30px; margin: 0 auto; padding: 30px 0; text-align: left; font-size: 16px;}
/*如何查看角色编号*/
.pop-help-find-role-id{background-image: url("../images/pop-help.png"); height: 720px;}
.pop-help-find-role-id .pop-info-wrap{width: 480px; line-height: 30px; margin: 0 auto; padding: 20px 0;}
.pop-help-find-role-id .pop-info-wrap p{text-align: left;}
.pop-help-find-role-id .pop-info-wrap img{display: block; margin: 10px auto; }
/*是否接受邀请组队*/
.pop-join-group .pop-btn-link{margin-top: 12px;}
/*恭喜中奖*/
.pop-prize-success{}
.pop-prize-success .pop-tit-wrap{margin-top: 30px;}
.pop-prize-success .pop-info-wrap{padding: 16px 0 14px;}
.pop-prize-success .pop-prize-img{background: url("../images/bg-prize.png") no-repeat center/100%; width: 144px; height: 144px; margin: 14px auto 6px; position: relative;}
.pop-prize-success .pop-prize-img img{width: 132px; height: 132px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -66px; margin-top: -66px;}
.pop-prize-success .pop-prize-name{text-align: center; font-size: 16px;}
.pop-order.lay-dialog, .pop-percent.lay-dialog{transform: scale(0.8);}

/*图片视频弹窗*/
.pop-img{width: 902px; height: 512px; background: transparent; }
.pop-img .pic-box{border: 1px solid #e5e4ff;margin: 0 auto;background: rgba(0,0,0,.8)}
.pop-img .pic-box img{max-width:100%;height:auto;display:block;margin:auto}
.pop .J_miPlayerBox{width:900px;height:510px}
body .fuwuxieyi{margin-top:20px;word-break:break-all;color:#666;font-size:16px;line-height:24px}
body .fuwuxieyi .text-only{color:#666;font-size:16px;line-height:24px}
body .fuwuxieyi a{color:#666;font-size:16px;line-height:24px;text-decoration:underline}

/*用到的所有动画*/
.fade-left{animation: fade-left .6s .3s ease both;}
.fade-right{animation: fade-right .6s .3s ease both;}
.wave-left-right{animation: wave-left-right 3.6s .0s linear both infinite; transform-origin: top center;}
@keyframes  mymove{
  0%{transform: translateY(0);}
  100%{transform: translateY(112px);}
}
@keyframes fade-left {
  0%{transform: translateX(-300px);opacity: 0;}
  100%{transform: translateX(0);opacity: 1;}
}
@keyframes fade-right {
  0%{transform: translateX(300px);opacity: 0;}
  100%{transform: translateX(0);opacity: 1;}
}
@keyframes  wave-left-right{
  0%, 100%{
    transform: rotate(-3deg);
  }
  50%{
    transform: rotate(3deg);
  }
}
@keyframes ani-circle {
  0%{transform: rotate(0);}
  100%{transform: rotate(720deg);}
}