html{min-height:100%; _height:100%; height:100%;}
body{margin:0px; font-family:'Microsoft YaHei'; color:#484d4d;}
p, ul, li, dd, dl, dt, ol, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, em{list-style:none; padding:0px; margin:0px; font-weight:normal; font-style:normal;}
i{font-style:normal}
a{color:#484d4d; font-family:'Microsoft YaHei';}
a:hover{color:#fe5600; transition:all ease-in-out .6s; -o-transition:all ease-in-out .6s; -ms-transition:all ease-in-out .6s; -moz-transition:all ease-in-out .6s; -webkit-transition:all ease-in-out .6s;}
a:link{text-decoration:none; font-family:'Microsoft YaHei';}
a:visited{COLOR:#707070;  text-decoration:none;}
a:active{color:#707070; text-decoration:none;}
.clearfloat{clear:both;}
img{display:block;}
.phone{width: 780px; overflow: hidden; margin: auto; }

/*head*/
.head-top{width: 780px;background-color: rgba(30,72,117,0.70); position:fixed;  height: 94px; z-index: 166;}
.head-Left{width :560px;float:left;}
.head-Left img {float: left;margin-left: 20px;margin-top: 10px;width:120px;height: 120px;}
.head-Left h1{float:left; width:360px; height:50px; padding-top:10px; margin-left:15px; padding-bottom:20px; color:#fff; font-size:24px; font-weight:bold;}
.head-Left p{font-size: 24px;font-weight:normal;}
.head-top a{float: right;width: 210px;height: 94px;line-height: 94px;background-color: #ffbf5a;font-size:30px;color:#FFFFFF; text-align: center;}
.banner{width:780px;height: 1223px;}

/*六大福利*/
.welfare-box{background-image:url(../Images/bg_01.png);width:780px;height:900px;}
.title_1{width:556px;height:66px;margin: 0 auto;padding-top: 38px;}
.welfare{width:700px;margin:0 auto;padding-top: 42px;}
.welfare li{float: left;width:320px;height:323px;}
.welfare_01{background-image:url(../Images/wel_01.png);}
.welfare_02{background-image:url(../Images/wel_02.png);margin-left: 60px;}
.welfare_03{background-image:url(../Images/wel_03.png);margin-top: 40px;}
.welfare_04{background-image:url(../Images/wel_04.png);margin-left: 60px;margin-top: 40px;}
.welfare_05{background-image:url(../Images/wel_05.png);margin-top: 40px;}
.welfare_06{background-image:url(../Images/wel_06.png);margin-left: 60px;margin-top: 40px;}



.Fxq{width:780px; height:50px; padding-top:25px; padding-bottom:25px; background:#675b41;}
 /*弹层*/
.AlertTc{position:fixed; top:0; left:0; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-justify-content:center; -webkit-align-items:center; justify-content:center; align-items:center; background-color:rgba(0,0,0,.8); z-index:299;}
 .AlertTc .Alert{width:699px; height:auto; border-radius:4px; background:url(../Images/TcBj.png); background-size:100%; height:800px;}
 .AlertTc .Alert .title{position:relative; margin:0; font-size:32px; height:20px; line-height:20px; text-align:center; font-weight:normal; color:#007eff; margin-top:67px; margin-bottom:50px;}
 .AlertTc .Alert .content{font-size:24px; padding-left:40px; padding-right:20px; width:600px; line-height:35px; color:#0b0301; height:250px; height:630px; overflow:scroll;}

 .AlertTc .Alert .fd-btn{position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-justify-content:center; -webkit-align-items:center; justify-content:center; align-items:center;}
 .AlertTc .Alert .fd-btn a{font-size:.26rem; width:100px; height:100px; background:url(../Images/QxTb.png) no-repeat; background-size:100%; margin-top:40px;}
 /*弹出层*/
 .jq-toast{z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
 .jq-toast .toast{max-width:80%; padding:.1rem .2rem; background-color:rgba(0,0,0,.48); color:#0b0301; border-radius:4px;}

/*游戏特色*/
.Special-box{background-image:url(../Images/bg_02.png);width:780px;height: 1090px;}
.title_2{width:556px;height:66px;margin: 0 auto;padding-top: 40px;}
.spc_bg{background-image:url(../Images/spc_bg.png);width: 700px;height: 933px; margin-left: 40px;margin-top: 30px;}
.container{width: 678px; height: 911px; margin: auto; overflow: hidden;}
.swipslider{margin:0 auto}
.swipslider{position:relative; overflow:hidden; display: block; width: 678px; height: 911px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.swipslider .sw-slides{display:block;width:100%;white-space:nowrap;font-size:0;-webkit-transform:translateX(0);transform:translateX(0);position:absolute;bottom:0}
.swipslider .sw-slide{width:100%; height: 911px;margin:auto;display:inline-block;position:relative}
.swipslider .sw-slide>img{position:absolute;left:50%; height: 911px; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:auto;margin-right:auto; margin-top: 60px;}
.swipslider .sw-slide .sw-content{width:100%; height: 911px; margin-left:0;margin-right:0;}
.sw-bullet{position:absolute;display:block;width:100%;text-align:center;padding:0;margin:0; top:600px; overflow: hidden;}
.sw-bullet li{width:10px;height:10px;background-color:rgba(160,160,160,.53);border-radius:50%;display:inline-block;cursor:pointer;transition:all .2s ease-out}
.sw-bullet li:hover{background-color:rgba(255,255,255,.74)}
.sw-bullet li.active{background-color:rgba(255,255,255,.5);box-shadow:0 0 2px rgba(160,160,160,.53)}
.sw-bullet li:not(:last-child){margin-right:5px}

/*职业介绍*/
.Career-box{background-image:url(../Images/bg_03.png);width:780px;height: 824px;}
.title_3{width:556px;height:66px;margin: 0 auto;padding-top: 40px;}

#slideshow {width:685px;height:824px;margin:0 auto;position:relative;}
#slideshow ul,#slideshow ul li {list-style:none;position:absolute;top: 8px;margin-left: 20px;}

#slideshow,ul,li,img {width:100%;} 

/*footer*/
.footer{width: 780px; margin: 0 auto; font-size: 16px; text-align-last: center;}
.footer a{display: block; float: left; padding-left: 15px; padding-right: 15px; margin-left: 8px; margin-right: 7px; width: 150px; font-size:32px; line-height: 35px; padding-top: 35px; padding-bottom: 35px;}




#preloader{position:absolute; width:50px; height:50px; z-index:30; margin-top:750px; margin-left:650px; animation:play_btn_animate 1.5s ease-out infinite;}
 #preloader img {width:100%;}


.popup-overlay{position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; z-index:11;}
.popup-overlay {position:fixed; top:0;left:0; overflow:hidden; z-index:111111; width:100%; height:120%; background:rgba(0,0,0,0.5); transform-origin:top; -webkit-transform-origin:top; -ms-transform-origin:top; overflow:hidden;}
a{display:block;} 
@-webkit-keyframes shack{
    0%{transform:rotate(0deg); -webkit-transform:rotate(0deg)}
    25%{transform:rotate(20deg); -webkit-transform:rotate(20deg)}
    50%{transform:rotate(0deg); -webkit-transform:rotate(0deg)}
    75%{transform:rotate(-20deg); -webkit-transform:rotate(-20deg)}
    100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg)}}
.popup{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; z-index:1111111111; width:80%;}
.reg-head{height:1.2rem; line-height:1.2rem; background-color:#3783ff; color:#fff; text-align:center; position:relative;}
.reg-title{font-size:.4rem;}
.close{height:1.2rem; width:1.2rem; position:absolute; right:0; top:0; background:url('../images/x.png') no-repeat center center;}
.reg-body{padding:0 .6rem}
.btn-group{display:flex;}
.btn-group span{text-align:center; width:47%; margin-right:6%; margin-top:.3rem; margin-bottom:.2rem ; display:inline-block; height:.8rem; line-height:.8rem; font-size:.34rem; background-color:#868686; color:#fff; border-radius:.1rem;}
.btn-group span:last-child{margin-right:0}
.btn-group span.btn-active {background-color:#3783ff;}
.reg-input{position:relative; margin-bottom:.2rem; border-radius:0; -webkit-appearance:none; outline:none; font-size:.3rem;}
.reg-input .identity{-webkit-appearance:none; outline:none; border:none; color:#fff; position:absolute; right:0; top:10px; height:.65rem; line-height:.65rem; width:2.3rem; text-align:center; font-size:.3rem; background-color:#3783ff; border-radius:0.1rem !important;}
.reg-input input:not(.identity){font-size:.36rem; width:100%; height:.9rem; line-height:.9rem; border-radius:0; padding-left:1px; color:#4a4a4a; border:none; border-bottom:1px solid #999999; outline:none;}
.reg-btn{padding:0 30px;}
.reg-btn .btn  {height:1rem; line-height:1rem; text-align:center; color:#fff; background-color:#3783ff; border-radius:50px; margin-top:68px; margin-bottom:29px; font-size:0.4rem;} .reg-body .reg-body-content:last-child, .popup-reg,.popup-overlay{display:none;}
.reg-succe{text-align:center;color:#4a4a4a;}
.reg-succe h3{font-size:16px; font-weight:normal; margin-top:32px;}
.reg-succe p{font-size:14px; line-height:34px;}
.reg-succe p:first-child{margin-top:12px;} 
.reg-succe small{font-size:12px; color:#787878;}
.reg-succe {display:none;}
.guide-wrap{padding:0px 26px 18px; overflow:hidden;} 
.guide-wrap .swiper-slide{border:none;}
.btn.btn-reg.pop-confirm{margin-top:.6rem;}
.popup-guide{display:none;}    


.aui-slide-list{margin:10px 0; padding-left:0px; overflow:hidden; height:4.4rem;}
.aui-slide-item-list{width:auto; white-space:nowrap; overflow:auto; height:4.5rem; font-size:0; -webkit-overflow-scrolling:touch; padding-right:20px; margin-left:10px;}
.aui-slide-item-item{display:inline-block; margin-left:20px; vertical-align:top;}
.aui-link{display:block;}
.aui-slide-item-item a img{height:4rem; display:block; border:none; border-radius:5px;}
.aui-cells{margin-top:0; background-color:#FFFFFF; line-height:1.47058824; font-size:17px; overflow:hidden; position:relative; border-bottom:10px solid #f8f8f8;}
.aui-cells-cell{padding:14px 15px 18px 25px; position:relative; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); color:inherit;}
.aui-cell-hd{-webkit-box-flex:1; -webkit-flex:1; flex:1; -webkit-box-align:start; -webkit-align-items:flex-start; align-items:flex-start;}
.aui-cell-fr:after{content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#b8b8b8; border-style:solid; -webkit-transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position:relative; top:-2px; position:absolute; top:50%; margin-top:-4px; right:25px; border-radius:1px;}