/* CSS Document */
.flex-box{display:flex;display: -webkit-flex;flex-flow: wrap;}
.flex-item{flex:1;}
.wrapper{width:980px; margin:0 0 0 150px;}

.content{color: #eef1ff;position: relative;padding: 3px 0 0 100px;min-height: 980px;}
html{background:#2d367b url(//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_bg.jpg) center no-repeat;background-attachment: fixed;position: relative;}
body{background:url(//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_bg1.png) right bottom no-repeat;background-attachment: fixed;position: relative;background-position-x:1100px;background-size: 800px;}
/*左侧导航*/
.cont_leftbar{ position:absolute; top:0; left:0; width:180px; height:100%; background: rgba(72,47,164,.6);}
.cont_leftbar.fixed{position: fixed;top: 42px;padding-top: 25px;}

.leftbar_nav{padding-top: 32px;}
.leftbar_nav li{ margin-bottom:12px; padding:8px 0; transition: 0.5s;-webkit-transition: 0.5s;}
.leftbar_nav li:hover,.leftbar_nav li.on{ background:#9040ff;}
.leftbar_nav li:hover a,.leftbar_nav li.on a{ color:#ffffff;}
.leftbar_nav a{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_leftbtn.png") top center no-repeat; display:block; height:43px; text-align:center; line-height:42px; font-size:18px; color:#b8befe; letter-spacing: 1px;}
.leftbar-img{text-align: center;margin-top: 60px;}
/*左侧导航*/

/*page1 start*/
.index_page{ display:none;}
.index_page1{ display:block;}
.slogan{ width:920px; margin: 70px auto; position: relative;}
.page1-txt{font-size: 16px;text-align: justify;width: 680px;margin: 0 auto 50px;line-height: 28px;letter-spacing: 1px;}
.page1-txt h3{font-size: 22px;font-weight: normal;margin-bottom: 15px;}
.page1-txt h3 span{display: inline-block;text-align-last: justify;width: 100px;}
.page1-video{margin-top: 30px;}
.page1-video a{display: block;vertical-align: top;margin: 6px 30px 0 0;}
.page1-video p{width: 500px;;}

.page1-btn{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_btn1.png") no-repeat;width: 450px;height: 167px;text-indent: -9999px;display: block;margin: 0 auto;}
.page1-btn{transition: 0.5s;-webkit-transition: 0.5s;}
.page1-btn:hover{-webkit-filter: brightness(125%);filter: brightness(125%);}
/*page1 end*/


/*page2 start*/
.index_page2 .wrapper{width: 900px;}
.page-title{text-align: center;margin: 20px 0;}
.page2-list{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page2_bg.png") no-repeat;width: 420px;height: 530px;padding: 18px 28px 0 22px;position: relative;background-size: 420px;}
.page2-title{height: 60px;line-height: 52px;text-align: center;color: #4e78dc;font-size: 24px;font-weight: bold;}
.page2-title em{width: 50px;height: 37px;display: inline-block;vertical-align: middle;margin: 0 16px 0 -20px;}
.page2-title em.icon1{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page2_icon1.png") center no-repeat;}
.page2-title em.icon2{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page2_icon2.png") center no-repeat;}
.page2-ul{background: #d4e5f7;color: #4e78dc;}
.page2-ul li{padding: 13px 0 0 110px;height: 71px;position: relative;}
.page2-ul em{font-size: 54px;position:absolute;left: 25px;top: 0;opacity: 0.6;line-height: 71px;font-weight: bold;color: #fff;}
.page2-ul .txt1{color: #ff9f42;font-size: 18px;}
.page2-ul li:nth-child(even){background: #8eaaef;}
.page2-ul li:nth-child(even) .txt2{color: #fff;}
/*page2 end*/

/*page3 start*/
.page3-ul1{color: #466cc7;}
.page3-ul1 li{position: relative;height: 354px;padding: 55px 25px 0;width: 485px;text-align: justify;}
.page3-ul1 li:nth-child(1){background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page3_img0318_youxi.png") no-repeat;margin-right: 10px;background-size: 485px;}
.page3-ul1 li:nth-child(2){background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page3_img0318_zujian.png") no-repeat;background-size: 485px;}
.page3-ul1 p{margin-bottom: 13px;}
.page3-ul1 a{color: #FF5722;border-bottom: 1px solid #FF5722;}
.page3-ul2{margin-bottom: 120px;}
.page3-ul2 li{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page3_bg.png") no-repeat;width: 209px;height: 211px;text-align: center;color: #3258b3;font-size: 18px;padding: 20px 15px 0 10px;margin: 0 18px;position: relative;}
.page3-ul2 .txt1{color: #4e78dc;font-weight: bold;margin-bottom: 30px;}
.page3-ul2 .txt2{letter-spacing: 3px;}
.page3-btn1{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page3_btn1.png") no-repeat;width: 220px;height: 80px;display: block;margin: 40px auto;text-indent: -9999px;}
.page3-btn2{background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page3_btn2.png") no-repeat;width: 166px;height: 84px;display: block;margin: 10px auto;text-indent: -9999px;background-size: 100%;/* position: absolute; *//* left: 20px; */}
/*page3 end*/

/*page4 start*/
.page4-ul li{text-align: center;font-size:16px;}
.page4-ul img{width: 220px;}
.page4-ul .txt1{font-size: 24px;margin: 20px 0 0 0;font-weight: bold;}
.page4-ul .txt2{color: #afc6ff;}
/*page4 end*/

/*page5 start*/
.page5-ul{margin:0 -10px;width: 1030px;}
.page5-ul li{margin: 10px 8px;width: 190px;}
/*page5 end*/
/*page6 start*/
.page6-ul{padding-left: 30px;width: 1060px;}
.page6-ul li{font-size: 18px;margin-right: 50px;}
.page6-btn{background: url(//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page6_btn1.png) no-repeat;width: 183px;height: 66px;display: inline-block;text-align: center;line-height: 66px;text-shadow: 1px 1px 2px rgb(245, 161, 218);margin: -8px 0 0 -10px;}
.page6-btn:nth-child(2){padding-right: 10px;}
.page6-btn{transition: 0.5s;-webkit-transition: 0.5s;}
.page6-btn:hover{-webkit-filter: brightness(125%);filter: brightness(125%);}
.page6-rule{padding-left: 60px;text-align: justify;line-height: 22px;margin-bottom: 100px;width: 950px;}
.page6-rule li{margin-bottom: 15px;}
.page6-rule .title{font-size: 18px;font-weight: bold;color: #ffd220;line-height: 36px;position: relative;margin:23px 0 8px;}
.page6-rule .title:before{width:48px;height:48px;background: url("//game.gtimg.cn/images/ylands/cp/a20200309fourth/index_page6_icon.png") left no-repeat;position: absolute;left: -46px;top: -6px;content: '';}
.page6-rule .subtitle{font-size: 16px;font-weight: bold;color: #ffec17;margin-bottom: 5px;}
.page6-rule a{color: #ffec17;border-bottom: 1px solid #ffec17;}
.color-light{color: #ffec17;font-weight: bold;}

.tips_img{display:inline-block;position:relative}
.tips_img a{color: #ffec17;border-bottom: 1px solid #ffec17;}
.tips_img img{position:absolute;width: 600px;max-width: 600px;left: -250px;z-index: 1;display: none;}
.tips_img:hover img{display:block;}
/*page6 end*/

/*video*/
.pop_form{position: relative;width: 750px;height:420px;}
.pop_form a.dia-close{ position: absolute;display: block;width: 50px;height: 50px;right: -50px;top: 0;background: #8a4dec;color: #fff;font-size: 48px;text-align: center;line-height: 45px;}


.btn-light {animation: btnLight linear 1.5s 0.1s infinite;}
@keyframes btnLight {
    50% {transform: scale(1.06);-webkit-transform: scale(1.06);}
}
@-webkit-keyframes btnLight {
    50% {transform: scale(1.06);-webkit-transform: scale(1.06);}
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}