@charset "utf-8";
/* CSS Document */
body,ul,li,span,p,font,div,fieldset,legend,img,input,form,h1,h2,h3,h4,h5,h6,h7,dl,dd,dt{ margin:0px; padding:0px; font-family: 'Microsoft YaHei'}
img{ border:0px;}
a,link{ text-decoration: none; cursor: pointer;} .clear { clear:both; line-height:0; font-size:0;}
ul,li,ol { white-space:normal; list-style:none;} table { border-collapse: collapse;}
body{width: 100%; background-color:#000; font-family: "Malgun Gothic",Helvetica,sans-serif; color:#000; font: normal 100%;}

.mov_c img,.head_main img,.link-FB img,.to-active img{width: 100%}
.section-title, .active-p2, .act-btn, .top-number em, .form-submit, .egg-main a, .tabs span, .active-inf h2,.close-btn,.book-tabs a span{height: 0; overflow: hidden; text-indent: -100%;}

#ascrail2000{z-index: 99!important}

/*加載 start*/
#preload_wrap {z-index: 4000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;min-height: 400px;background: #0c0314;}
#preload_wrap.end {opacity:0; transition:all .5s;transition-delay: 0.5s;}
#preload_wrap.end.delay {opacity: 0;transition:all 1.0s;}
#preload_wrap.end .inner {opacity: 1;transition:all .5s;transition-delay: 0.5s;}
#preload_wrap .inner {position: relative;margin: 0 auto;height: 100%;}
#preload_wrap .bar {position: relative;height: 2px;width: 100%;top: 51%;}
#preload_wrap .bar i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #040404;}
#preload_wrap .bar i.off {/* opacity: 0.2; */-moz-filter:grayscale(1);/* -webkit-filter:grayscale(1); *//* filter:grayscale(1); */}
#preload_wrap .bar i.on {width: 0;background: #a243bd;}
#preload_wrap .txt_percent {font-family: 'verdana';height: 24px;font-weight: bold;font-size: 14px;color: #fff;font-style: normal;margin-top: 25.5%;position: relative;text-align: center;display: block;}
#preload_wrap .txt_caution {opacity: 1;text-align: center;color: #f8e4fd;margin-top: -3.5%;}
#preload_wrap .txt_caution img {width: 400px;}
#preload_wrap .temp {overflow: hidden;position: absolute;left: -100px;top: -100px;width: 1px;height: 1px;}
#preload_wrap .inner:after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/loading.jpg') no-repeat center}

/*
head
*/
.wrap{background: #000;}
.wrap a{-webkit-transition:filter .3s,border .3s,color .3s,transform .3s;transition:filter .3s,border .3s,color .3s,transform .3s;}
.wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2); cursor: pointer;}
.wrap a:active{transform:scale(.94);-webkit-transform:scale(.94);-webkit-filter:brightness(.9);filter:brightness(.9)}

.head{position: relative;z-index: 1;}
.s-lead{position: absolute;width: 1020px;height: 953px;background:url(../images/top-p.png) no-repeat center top;top: 0;left: 50%;z-index: 1;margin-left: -510px;animation-duration: 1s;}
.s-icon{position: absolute;width: 300px;height: 150px;background:url(../images/icon.png) no-repeat center top;top: 3%;left: 1%;z-index: 1;animation-duration: 1s;}

.section-title{padding-top: 180px;background-position: center bottom;background-repeat: no-repeat;position: relative;}
.section-main{width: 1100px;margin: 0 auto;height: 944px;position: relative;z-index: 99;}

.act-go{position: absolute;width: 150px;height: 100px;/* background: url(../images/go-act-btn.png) no-repeat center top; */bottom: 3%;left: 50%;margin-left: -75px;/* overflow: hidden; */}

.v_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.v_bg_vedio{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;margin-top: -108px;}
.mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:1;background:url("http://mpimage.nexon.com/Dominations/global/pc/bg_overlay.png") repeat 0 0;opacity: 1;display: none;}

.head{background: url(../images/banner.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}

.vedio_btn{width:4.5%;position: absolute;left: 48%;top: 46%;z-index:999;cursor:pointer;transition:.5s;display: none;}
.link-FB{width: 80px;position: fixed;right: 9px;top: 35%;z-index:999;cursor:pointer;transition:.5s;}
.link-YB{width: 3.5%;position: fixed;right: 9px;top: 19%;z-index:999;cursor:pointer;transition:.5s;display: none;}
.to-share{width: 3.5%;position: fixed;right: 9px;top: 45%;z-index:999;cursor:pointer;transition:.5s;}
.to-active{width: 80px;position: fixed;right: 9px;top: 46%;z-index:999;cursor:pointer;transition:.5s;overflow: hidden;border-radius: 100%;}

.head_main{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 3;}
.head-logo{position: absolute;left: 50%;bottom: 12%;width: 680px;z-index: 99;margin-left: -340px;}
.head-slogn{position: absolute;left: 36%;bottom: 15%;width: 27.5%;}
.head-btn{position: absolute;left: 37%;bottom: 5%;width: 25%; display: none;}

.active_num{position: absolute;left: 50%;bottom: 17%;padding-left: 27px;background: url(../images/number-top.png) no-repeat left center;background-size: 17%;width: 440px;text-align: center;z-index: 3;margin-left: -200px;}
.active_num b{display: inline-block;width: 50px;text-align: center;height: 65px;line-height: 62px;background: url(../images/number.png) center top no-repeat;background-size: 100%;font-size: 35px;margin: 0 8px;color: #fee4c7;}
.active_num:after{content: " ";position: absolute;left: 36%;top: 36%;width: 70px;height: 69px;background: url(../images/scroll-down.png) no-repeat center;background-size: 100%; display: none;}

.slogn{position: absolute;left: 50%;top: 0;width: 1348px;z-index: 3;margin-left: -646px;}

.nav{position: fixed;z-index: 998;right: 10px;top: 50%;margin-top: -263px;}
.nav .nav-main{/* width: 840px; */}
.nav .nav-main li{margin: 13px 10px;}
.nav .nav-main li a{cursor:pointer;text-decoration: none;padding: 0 10px;display: block;height: 42px;line-height: 42px;font-size: 15px;min-width: 99px;color: #fdfbff;text-align: center;width: 130px;text-shadow: 4px 4px 10px #000;background: url(../images/nav.png) no-repeat center;opacity: .8;transition: all .4s;}
.nav .nav-main li a:hover{color: #fff;opacity: 1;}

.r-font{color: #8e9dd6;font-style: normal;margin-right: 5px;}
.r-font2{color: #8e9dd6;font-style: normal;margin-right: 10px;}

/*
down
*/
.down{z-index: 99;background: url(../images/reserve.png) no-repeat center;width: 925px;padding: 28px 23px;height: 120px;position:  absolute;top: -65px;left:  50%;margin-left: -460px;}
.down ul{/* overflow: hidden; */}
.down ul li{float: left;margin-left: 10px;}
.down ul li a{display: block;position: relative;}
.down ul li a img{width: 100%}

.top-number em{padding-top: 69px;background: url(../images/number.png) no-repeat center;display: block;width: 180px;margin-top: -21px;}
.top-number b{font-size: 27px;color: #fff;margin-top: -13px;display: block;}
.top-number{text-align: center;}

.act-link i{position: absolute;top: 7px;right: 12px;height: 40px;background: url(../images/drop.png) no-repeat center;width: 40px;}

/*
form
*/
.form{width: 570px;h;height: 740px;padding-top: 90px;position: relative;margin-left: 60px;background: url(../images/form-bg.png) no-repeat center 90px;}
.form-mov{position: absolute;right: 0;z-index:  1;}
.form-mov .p{position: absolute;width: 865px;height: 875px;background: url(../images/act-p.png) no-repeat center top;right: -787px;top: 0;}

.form-main{position: absolute;left: 96px;top: 250px;}

.facebook-b:before{content: " ";display: block;width: 315px;height: 58px;background: url(../images/act-title.png) no-repeat;}
.a-form:before{content: " ";display: block;width: 280px;height: 58px;background: url(../images/act-title.png) no-repeat;background-position: left -70px;}
.facebook-like,.facebook-share{background: url(../images/facebook.png) no-repeat center;width: 187px;height: 60px;display: inline-block;vertical-align: top;padding-left: 63px;text-align: center;line-height: 60px;}
.a-form{background: url(../images/ipt.png) no-repeat left 60px;height: 135px;margin-top: 10px;}
.form_left{width: 100px;display: inline-block;height: 46px;line-height: 49px;text-align: center;position: relative;}
.fblike{margin-top: -15px}
.a-form span{display: inline-block;}
.a-form span input{background: none;border: 0;font-size: 18px;text-indent: 1em;outline: none;color: #fff;}

.form-submit{padding-top: 100px;background: url(../images/go-btn.png) no-repeat center;display: block;margin-left: -20px;}
.active-att{width: 407px;position:  absolute;left: 130px;top: 640px;}
.active-att strong{margin-left: -18px;font-size: 18px;color: #3c3940;}
.active-att li{list-style: square;text-indent: -4px;font-weight:  bold;line-height: 28px;color: #1d1a23;}

.btn_sl:after { content: " "; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid white; position: absolute; top: 22px; left: 79px; }
.pencial{position: absolute;width: 282px;height: 435px;background: url(../images/pencial.png) no-repeat;top: 416px;left: -697px;}
.p-g1{position: absolute;width: 282px;height: 348px;background: url(../images/g1.png) no-repeat;top: 520px;right: -337px;display: none;}
.p-g2{position: absolute;width: 282px;height: 310px;background: url(../images/g2.png) no-repeat;top: 139px;right: -703px;display: none;}
.p-g3{position: absolute;width: 130px;height: 335px;background: url(../images/p-text.png) no-repeat;top: 148px;right: -175px;}

/*
active
*/
.active{background: #fff0 url(../images/bg2.jpg);height: 960px;width: 100%;position:  relative;z-index: 2;background-repeat: no-repeat;background-position: center top;margin-top: -60px;}

.active .section-title{background-image: url(../images/active-slogn2.png);top: 90px;}

.tabs{width: 500px;position: relative;z-index: 2;display: flex;flex-flow: row;top: 34%;left: 9%;}
.tabs a{overflow: hidden;position: relative;margin: 0 5px;flex: 1;display:  block;border: 1px solid #7b7b7b;}
.tabs a span{display: block;padding-top: 100px;background-image: url(../images/head.png);margin-top: -10px;margin-left: -17px;}
.tabs a.tabs1 span{background-position: 0px 0;}
.tabs a.tabs2 span{background-position: -98% 0px;}
.tabs a.tabs3 span{background-position: -74% 0px;}
.tabs a.tabs4 span{background-position: 72% 0px;}
.tabs a.tabs5 span{background-position: 97% 0px;}
.tabs a.act {transform: translate(0px,-10px);}

.active-inf{color: #fbfbfb;width: 944px;height: 265px;margin-top: 389px;background: url(../images/charter-bg.png) no-repeat center top;padding-left: 480px;padding-right: 49px;position:  absolute;bottom: 4%;z-index:  2;left: 4%;padding-top: 20px;}
.active-inf h2{font-style: italic;}
.active-inf p{font-size: 16px;letter-spacing: 5px;text-shadow: 9px 2px 6px rgba(0, 0, 0, 0.83);font-style: normal;width: 430px;padding-bottom: 8px;}

#tabs-container .swiper-slide{opacity: 0!important;background-position: center top;}
#tabs-container .swiper-slide-active{opacity: 1!important;}

.charter-main{margin: 0 auto;width: 1000px;position: relative;height: 100%;}
.acc_list li{position: relative;}
.acc_list li.acc1{width: 264px;height: 370px;/* background: #000; */}
.acc_list li.acc2{width: 211px;/* background: #e84646; */height: 370px;}
.acc_list li.acc3{width: 247px;/* background: #000; */height: 370px;}
.acc_list li.acc4{width: 50%;/* background: #e84646; */height: 200px;}
.acc_list li.acc5{width: 50%;/* background: #000; */height: 200px;}
.acc_list li.acc6{width: 100%;/* background: #e84646; */height: 200px;}
.acc_list li.reach em{position: absolute;width: 183px;height: 141px;background: url(../images/reach.png) no-repeat center top;top: 33%;left: 20%;}

/*
gift
*/
.gift{background: url(../images/bg3.jpg) no-repeat center;overflow: hidden;width: 100%;position:  relative;z-index: 3;background-size: 100%;background-attachment: fixed;}
.gift .section-title{background-image: url(../images/active-slogn1.png);z-index: 2;width: 540px;margin: 0 auto;}
.gift .section-main{height: 1230px;}
#sd{position: absolute;left: 0;top: 0;height: 100%;width: 100%;overflow: visible;}
#sd .swiper-slide img{/* width: 100%; */}
.gift .swiper-slide h3{padding-top: 287px;width: 410px;margin-left: 12px;height: 0;overflow:  hidden;background-repeat:  no-repeat;background-position: center;position:  absolute;top: 415px;}
.gift .slide1 h3{background-image: url(../images/p1-title.png);}
.gift .slide2 h3{background-image: url(../images/p2-title.png);}
.gift .slide3 h3{background-image: url(../images/p3-title.png);}
.gift .slide5 h3{background-image: url(../images/p4-title.png);}
.gift p{color: #fff;position: relative;z-index: 1;font-style: italic;display: block;font-size: 26px;letter-spacing: 2px;margin-left: 18px;display: none;}
.sp{position: absolute;right: -209px;top: 213px;width: 100%;text-align: right;z-index: -1;}
.slide1 .sp{right: 43px;}
.slide2 .sp{right: -270px;width: 1033px;top: 76px;}
.slide3 .sp{right: -80px;top: 92px;}
.slide4 .sp{right: 50px;top: 80px;}
.slide5 .sp{right: 41px;top: 97px;}
.slide2 .sp img{/* width: 100% */}

.slide1{background-image: url(../images/charter/cbg1.jpg)}
.slide2{background-image: url(../images/charter/cbg3.jpg)}
.slide3{background-image: url(../images/charter/cbg2.jpg)}
.slide4{background-image: url(../images/charter/cbg4.jpg)}
.slide5{background-image: url(../images/charter/cbg5.jpg)}

.slide2 .certify {right: -6%;top: 12%;}
.slide3 .certify {right: 0%;top: 20%;}
.slide4 .certify {right: -8%;top: 17%;}
.slide5 .certify {right: 3%;top: 19%;}

/*
pic
*/
.certify{position: absolute;width: 498px;top: 21%;right: -3%;}
.certify .swiper-container{padding-bottom:60px}
.certify .swiper-slide{width: 575px;height: 348px;/* background:#fff; */box-shadow: 0 8px 30px rgba(221, 221, 221, 0.18);}
.certify .swiper-slide img{display:block}
.certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
.certify .swiper-pagination{width:100%;bottom:20px}
.certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width: 15px;height: 15px;opacity:1;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #df53f9;background-color:#fff;}
.certify .swiper-button-prev{left:-30px;width:45px;height:45px;background: url(../images/pre.png) no-repeat;background-position:0 0;background-size:100%;margin-top: -59px;}
.certify .swiper-button-next{right: -24px;width:45px;height:45px;background: url(../images/next.png) no-repeat;background-size:100%;margin-top: -60px;}

.certify img{/* width: 100% */}

.voice-list{position: absolute;top: 69%;left: 6%;width: 356px;height: 100px;display:  flex;}
.voice-list a{width: 100px;height: 33px;d;flex: 1;background-position:  center;background-repeat: no-repeat;}
.voice-list a.voice-1{background-image: url(../images/voice1.png);}
.voice-list a.voice-2{background-image: url(../images/voice2.png);}
.voice-list a.voice-3{background-image: url(../images/voice3.png);}

.sound{position: absolute;}
.btn_audio{width: 32px;height: 32px;background: url(https://xwcsgd.gamedreamer.com/event/20180927/images/music.png) center no-repeat;float: right;display: block;margin-top: 0;margin-right: 54px;position: relative;cursor: pointer;}
.btn_audio:after{content: "";position: absolute;top: -2px;left: -2px;width: 36px;height: 36px;background: url(https://xwcsgd.gamedreamer.com/event/20180927/images/rao.png) no-repeat center center;background-size: 100% 100%;animation: move 4s infinite linear;border-radius: 50%;}
.off{background-image: url(https://xwcsgd.gamedreamer.com/event/20180927/images/music-off.png);}
@keyframes move {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
/*
egg
*/
.egg{background: url(../images/bg4.jpg) no-repeat center top;}
.egg .section-title{background-image: url(../images/active-slogn2.png);z-index: 2;width: 565px;margin: 0 auto;}
.egg-main{position: relative;z-index: 10;}
.egg-status{height: 416px;width: 580px;display: block;margin: 112px auto;z-index:  2;position: relative;top: 45px;left: 0;}
.egg-shadow{padding-top: 400px;background: url(../images/shadow.png) no-repeat center;width: 580px;position: absolute;top: 40%;left: 31%;height:  0;overflow: hidden;}
.hatch-btn{padding-top: 80px;background: url(../images/hatch-btn.png) no-repeat center;w;width: 250px;position: absolute;top: 96%;left: 27.5%;z-index: 3;}
.share-btn{padding-top: 80px;background: url(../images/share-btn.png) no-repeat center;width: 370px;position: absolute;top: 96%;left: 34.5%;z-index: 3;}
.note-btn{padding-top: 60px;background: url(../images/note.png) no-repeat center;width: 150px;position: absolute;top: 98%;right: 13%;z-index: 3;}
.book-btn{padding-top: 170px;background: url(../images/book.png) no-repeat center;width: 150px;position: absolute;top: 22%;right: 8%;z-index: 3;}
.egg-main p{position: absolute;top: 124%;text-align: center;color: #1d1d1d;font-weight: 560;width: 750px;left:  50%;margin-left: -363px;font-size: 18px;}
.sp-tips{position: absolute;top: 134%;text-align: center;color: #fff;font-weight: 560;width: 578px;left:  50%;margin-left: -281px;font-size: 17px;padding: 5px 10px;background: #ff4d4c;border-radius: 32px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);letter-spacing: 1px;}
.egg-main strong{text-align: center;color: #333;font-weight: 560;width: 236px;height: 197px;font-size: 18px;z-index: 99;padding: 46px;padding-top: 79px;transform: rotate(-9deg);display: block;background: url(../images/egg-text.png) no-repeat;}
.egg-main strong em{margin: 0 10px;color: #ca335b;font-size: 26px;}
.form-mov3{position: absolute;left: 0;top: 0;z-index:  7;width:  100%;height: 100%;}
.form-mov3 .p1{position: absolute;width: 45%;height: 86%;background: url(../images/egg-p.png) no-repeat;left: -16%;top: 7%;}

.egg-status em{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-position: center;background-repeat: no-repeat;}
.egg-status b{width: 73%;height: 100%;position: absolute;background-position: center;background-repeat: no-repeat;}
.status1 .egg-s-2{background-image: url(../images/egg/egg1.png);}
.status2 .egg-s-2{background-image: url(../images/egg/egg2.png);}
.status3 .egg-s-2{background-image: url(../images/egg/egg3.png);}
.status4 .egg-s-2{background-image: url(../images/egg/egg5.png);}
/*.status5 .egg-s-2{background-image: url(../images/egg/egg5.png);}*/
.egg-s-1{background-image: url(../images/egg/egg-status1.png);}
.status5 .egg-s-1,.over .egg-s-1{background-image: url(../images/egg/egg-status2.png);}
.status5 .egg-s-2{background-image: url(../images/egg/egg6.png);top: -25%;left: 5%;}
.status5 b{background-image: url(../images/egg/magic1.png);top: -21%;left: 14%;z-index: 6;}
.status5:after{content: " ";position: absolute;right: 39%;top: 50%;width: 138px;height: 128px;background: url(../images/egg/finger.png) no-repeat center top;z-index: 99;}

.over b{background-image: url(../images/egg/magic1.png);top: -2%;left: 14%;z-index: 6;}
.egg-tips{position: absolute;left: 10%;top: 10%;width: 215px;height: 180px;}

/*
gift
*/
.acc_list{width: 740px;height: 887px;margin: 26px auto 0;background: url(../images/gift.png) no-repeat center top;display: flex;flex-flow: wrap;column-count: 3;}
.acc_number{padding-left: 148px;padding-right: 220px;background: url(../images/acc-number.png) no-repeat left center;display:  block;margin: 30px auto 0px;width: 550px;height: 61px;line-height: 60px;color: #ff8484;font-size: 33px;text-align: center;}
.form-mov2{position: absolute;left: 0;top: 0;z-index: 1;width:  100%;height: 100%;}
.form-mov2 .p1{position: absolute;width: 62%;height: 90%;background: url(../images/left-p.png) no-repeat;left: -28%;top: 0;display: none;}
.form-mov2 .p2{position: absolute;width: 54%;height: 89%;background: url(../images/right-p.png);right: -27%;top: 32%;display: none;}

.friends-acc_list{width: 510px;height: 297px;margin: 0 auto;background: url(../images/friends.png) no-repeat center top;display: flex;flex-flow: wrap;}
.friends-acc_list li{width: 167px;position: relative;height: 139px;}
.friends-acc_list li.reach em{position: absolute;width: 110px;height: 134px;background: url(../images/reach.png) no-repeat;left: 27%;top: -2%;background-size: 80%;}
.friends-pop h3{height: 122px;line-height: 144px;color: #505050;text-align: center;font-size: 33px;padding: 10px 0;font-weight: bold;}
.friends-pop h3 b{margin: 0 5px; color: #e00}
.friends-pop p{text-align: center;margin-bottom: 5px;font-size: 18px;color: #f34040;font-weight: bold;}

.friend-share-tent{background: #696969;width: 627px;height:  50px;line-height: 50px;border: 1px solid #6f6f6c;overflow: hidden;margin: 0 auto;box-shadow: 6px 1px 4px #00000059;text-indent: 2rem;color: #fff;}
.friend-switch{background: #287ac1;width: 627px;height:  50px;line-height: 50px;overflow: hidden;margin: 0 auto;text-indent: 6rem;color: #fff;margin-top: 70px;border-radius: 100px;}
.copy-btn{float: right;min-width: 149px;background: #252525;font-weight: bold;font-size: 18px;text-align: center;padding: 0 16px;text-indent: 0;}
.friend-switch .copy-btn{background: #e00;margin-top: 0px;}


/*
charter
*/
.charter{}
.charter .section-title{background-image: url(../images/active-slogn3.png);z-index: 2;width: 670px;margin: 0 auto;}
.active-inf h2{padding-top: 135px;background-position: left top;background-repeat: no-repeat;width: 360px;position:  absolute;top: 12%;left: 6%;}
.slide1 h2{background-image: url(../images/charter/cha-title1.png);}
.slide2 h2{background-image: url(../images/charter/cha-title5.png);}
.slide3 h2{background-image: url(../images/charter/cha-title3.png);}
.slide4 h2{background-image: url(../images/charter/cha-title4.png);}
.slide5 h2{background-image: url(../images/charter/cha-title2.png);}

/*
precaution 
*/
.precaution{background: url(../images/bg5.jpg) no-repeat center top;position:  relative;z-index: 99;overflow: hidden;}
.precaution .section-title{background-image: url(../images/active-slogn4.png);z-index: 2;width: 540px;margin: 0 auto;}
.precaution-main{width: 610px;height: 800px;background: url(../images/p-book.png) no-repeat center top;text-align:  center;padding: 100px;font-size: 17px;padding-top: 160px;margin-left: 20px;}
.precaution-main li{margin-bottom: 32px;font-weight: bold;}
.p-p{width: 750px;height: 945px;background: url(../images/p-p.png) no-repeat center;position:  absolute;right: -7%;top: 12%;}

/*
footer
*/
.f_l{float: left;}
.f_r{float: right;}
.footer{background: #292929;position: relative;z-index: 3;}
.footer-main{width: 1000px;margin: 0 auto;overflow: hidden;}

/*
pop
*/
.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;opacity: 0;}
.overplay{background: #000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: .6;}
.pop-show{z-index: 999; opacity: 1;}
.pop-main{transition: all .6s .2s cubic-bezier(0.1, 0.77, 0.25, 1);transform: translate(0%, -200%) scale(.2);opacity: 0;}
.pop-show .pop-main{transform: translate(0, 0) scale(1); opacity: 1}
.pop-main{width: 1000px;height: 580px;background: url(../images/egg/book-pop.png) no-repeat center top;position: relative;z-index: 4;margin: 0 auto;top: 50%;margin-top: -280px;}
.acttion-pop h3{text-align: center;font-size: 40px;width: 640px;margin:  0 auto;border-bottom: 1px solid #afafaf;padding-top: 60px;font-weight: bold;padding-bottom: 5px;}
.pop-main ol{margin: 0 auto;padding-top: 15px;width: 640px;border-top: 1px solid #ece1c5;}
.pop-main ol li{color: #000;line-height: 21px;font-size: 16px;margin-bottom: 5px;}
.close-btn{padding-top: 100px;width: 100px;display: block;background: url(../images/close.png) no-repeat center;position:  absolute;top: -11%;right: 46%;transition: all .6s .2s cubic-bezier(0.1, 0.77, 0.25, 1);z-index: 99;}
.close-btn:hover{transform: rotate(180deg);}

.book-tabs{position: relative;z-index: 99;display: flex;width: 373px;left: 159px;top: 90px;}
.book-tabs a{width: 92px;background-image: url(../images/egg/book-tab.png);background-size: 368px;background-repeat: no-repeat;cursor:  inherit;filter: grayscale(100%);}
.book-tabs a span{padding-top: 104px;display: block;}
.book-tabs a.book-t1{background-position: 0 0}
.book-tabs a.book-t2{background-position: -93px 0;}
.book-tabs a.book-t3{background-position: -184px 0;}
.book-tabs a.book-t4{background-position: -276px 0;}
.book-tabs a.act{filter: grayscale(0%);}
.book-main{width: 1000px;margin: 0 auto;position: relative;z-index: 99;height: 100%;}
#book-container .swiper-slide{opacity: 0!important;}
#book-container .swiper-slide-show{opacity: 1!important;}
.book-inf {color: #505050;width: 390px;left: 162px;top: 36%;position: absolute;}
.book-inf h2{font-size: 42px;color: #47464a;font-weight:  bold;letter-spacing: 21px;border-bottom: 3px solid #bbb;line-height: 1.5;margin-bottom: 20px;}
.book-inf p{margin-bottom: 10px;line-height: 30px;font-size: 15px;}
.book-inf em{padding: 5px 10px;color:  #fff;background: #4e4c48;font-style: normal;margin-right: 10px;}
.book-certify{position: absolute;right: 124px;top: -90px;}
#book-container{overflow: hidden;}

.friends-acc_list li.friends-acc4{margin-left: 78px;}
.friends-acc_list li.friends-acc5{margin-left: 10px}

.swiper-wrapper2 {
    position: relative;
    /* width: 100%; */
    /* height: 100%; */
    /* z-index: 1; */
    top: 200px;
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.s-select{width: 100px; height: 0; background-color: #42394f; position: absolute; overflow: hidden; z-index: 999;}
.s-select li{    width: 100%;
    height: 40px;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
    color: #fff;}
@media (min-width: 1023px) and (max-width: 1680px){
	.s-lead{background-size: 100%; width: 800px; margin-left: -400px}
	.head-logo{width: 550px;margin-left: -275px;bottom: 14%;}
	.s-icon{background-size: 100%;width: 250px;top: 2%;left: 1%;}
}

@media (min-width: 1023px) and (max-width: 1367px){
	.s-lead{background-size: 100%; width: 700px; margin-left: -350px}
	.head-logo{width:480px;margin-left: -240px;bottom: 18%;}
	.down{transform: scale(.9);top: -128px;}
	.form-mov .p{background-size: 100%;width: 700px;right: -616px;}
}

@media (min-width: 1023px) and (max-width: 1290px){
	
}

@media screen and (max-width: 1023px){	
	
	.wrap{overflow: hidden;}
	#preload_wrap .txt_percent{top: 38%; font-size: 20px}
	#preload_wrap .txt_caution{margin-top: 70%}
	.head-logo{width: 640px;margin-left: -316px;bottom: 270px;}
	.s-lead{width: 870px;margin-left: -432px;top: 15px;background: url(../images/mobile/mob-character.png) no-repeat center top;}
	.nav{width: 100%;right: 0;background: #000;top: 0;margin: 0;}
	.nav .nav-main .nav-main{display: flex;}
	.nav .nav-main li{/* width: 100px; */float: left;margin: 0;}
	.nav .nav-main li a{background: none;width: auto;font-size: 21px;height:  70px;line-height: 70px;}

	.btn_audio{position: absolute;right: 10px;top: 119%;margin-right: 0;background-color: rgba(0, 0, 0, 0.72);padding: 38px;width: 30px;h;height: 30px;background-size: 65%;}
	.btn_audio:after{top: 8px;left: 8px;width: 60px;height: 60px;}
	.s-icon,.slogn,.form-mov .p,.p-p,.p-g3{display: none; background: none}

	.section-main{width: auto;height: 1290px;}
	.down{width: auto;margin-left: 0;left: -8px;height: 250px;background-image: url(../images/mobile/mob-top.png);top: -210px;background-position: center top;}
	.down ul{margin-top: 25px;}
	.down ul li{margin-left: 19px;}
	.down ul li.top-number{width: 675px;height: 78px;line-height: 62px;}
	.down ul li.top-number em{margin: 0;display: inline-block;vertical-align: -21px;width: 160px;}
	.down ul li.top-number b{font-size: 39px;display: inline-block;}

	.head{background:url(../images/mobile/mob-index.jpg) no-repeat center top;}

	.active{height: auto;background-size: cover;background-position: 55% 0;}
	.form-main{transform: scale(1.5);left: 18%;top: 405px;z-index: 2;}
	.form{background-size: 100%;padding-top: 320px;margin-left: 86px;background-image: url(../images/mobile/m-title.png);}
	.active-att{left: 10%;font-size: 19px;width: 524px;top: 880px;}

	.gift{background-size: cover;background-position: -120px -65px;background-attachment:  inherit;background-color: #5658a7;}

	.egg{background-size: cover}
	.egg-status{margin: 530px auto 0;}
	.form-mov3 .p1{width: 516px;top: 16%;}
	.hatch-btn{left: 10%}
	.share-btn{left: 26%;}
	.note-btn{top: 98%;right: 2%;}
	.book-btn{top: 16%;right: -1%;}
	
	.charter-main{width: auto}
	.active-inf{width: auto;left: 2%;padding: 30px;bottom: 2%;background-size: cover;height: 400px;right: 2%;padding-top: 100px;}
	.active-inf p{width: auto;font-size: 22px;}
	.active-inf h2{top: -363px;left: 0%;}

	.pencial{top: 594px;}
	.form-mov .p{right: -401px;top: -40px;opacity: 0.2;}
	.p-g3{right: -116px;}

	.acc_number{margin-top: 302px;}
	.gift .section-main,.egg .section-main{height: 1506px;}
	.egg-main p{font-size: 23px;width: 553px;margin-left: -262px;top: 131%;}
	.sp-tips{top: 156%;font-size: 20px;padding: 7px 22px;width: 665px;margin-left: -332px;}
	.egg-shadow{top: 46%;left: 21%;}
	.egg-tips{top: -68%;left: 22%;}

	.voice-list{top: 6%;width: 640px;}
	.tabs{top: 41%;left: 2%;}
	.slide4 .certify{right: 1%;}
	.slide3 .certify{right: 9%;}
	.slide2 .certify{right: 4%;}
	.slide5 .certify{right: 15%;}
	.voice-list a{background-size: 89%;height: 65px;}

	.precaution{background-size: cover}
	.precaution-main{width: 750px;background-size: cover;margin: 60px auto;height: 903px;}
	.precaution-main ol{width: 700px;margin: -19px 80px;}
	.precaution-main li{font-size: 27px;width: 443px;text-align:  left;}
	
	.footer-main{width: auto;padding: 20px;}
	.footer-main .f_l,.footer-main .f_r{float: none;text-align: center;}

	.pop-main{width: 750px;background-size: 138%;height: 630px;}
	.book-tabs{left: 50px;}
	.book-main{width: 750px}
	.book-inf{left: 52px;}
	.book-certify{right: 34px;}

	.pop-main ol li{font-size: 20px;line-height: 23px;}
	#tabs-container{overflow: inherit;width: 100%;left:  0;margin: 0;}
	.form-submit{background-image: url(../images/mobile/m-go-btn.png);background-size: 92%;}
	.facebook-b:before{background-image: url(../images/mobile/m-act-title.png);background-size: 100%;}
	.a-form:before{background-image: url(../images/mobile/m-act-title.png);background-size: 100%;}

	.over b{left: 5%;top: -6%;}
	

}