@charset "utf-8";
@import url(xtl_logo.css);
.xtl_logo_bg,.xtl_logo_lk a{top:10px;left:60px;}
.xtl_logo_lk a{padding-right:110px;}
/* html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
} */
*{margin: 0; padding: 0;}
.xcd2,.intro span,.btn_video a,.gobot,.nav li,.pop dt a.close,.slide em{background-image:url(../images/sprite_index.png);background-repeat:no-repeat;}
body,html{min-width:1000px;font:400 14px/1.5 "Microsoft YaHei","微软雅黑";color:#55626d;overflow-x:hidden;word-break:break-all;word-wrap:break-word; background-color: #0f121f;}
.wrap{position:relative;width:1000px;margin:0 auto;}
.none{display:none;}
.fl{float: left;}
.fr{float: right;}
body{background: url(../images/bg.jpg) no-repeat center top;background-color: #560e26}
.header{width:1002px; height: 529px; background: url(../images/header.jpg) no-repeat center top; margin: 0 auto;}
.top {width:1001px; height: 456px; background: url(../images/if.jpg) no-repeat center top; margin: 0 auto; position: relative;}
.cont1{width:1001px; height: 764px; background: url(../images/cont1.jpg) no-repeat center top;padding-top:20px; margin: 0 auto;}
.cont2{width:1001px; height: 464px; background: url(../images/cont2.jpg) no-repeat center top; margin: 0 auto;}
.cont3{width:1001px; height: 715px; background: url(../images/cont3.jpg) no-repeat center top; margin: 0 auto;}

.tit{width: 100%; text-align: center; font-size: 50px; color: #6e5faa; font-weight: bold; text-align: center; line-height: 50px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#022740), to(#021d30)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.cont2 .tit{font-size: 40px;}
.pat01{padding-top: 105px;}
.pat02{padding-top: 40px;}

.btns a,.cont3_tab a,.popbtnbx a,.sp,.btnclosed,.pop_gift .close,.pop_gift dl dd div a,.pop_gift dl dd h3 a{background: url(../images/sp.png) no-repeat 999em 999em;}

.gomain{position:absolute;right:0;top:37px;width:210px;height:54px;background-position:0 0;}
.btn_video{position:absolute;left:6px;top:431px;}
.btn_video a{display:block;width:574px;height:161px;background:url(../images/bg_video.png) no-repeat center top;cursor:pointer;}
.btn_video embed,.btn_video object{position:absolute;left:199px;top:-2px;}
#btn_flash1{position: absolute; z-index: -1;}
.awordWrap {background: url(../images/gold.png) no-repeat left center; color: #f2c681; position: absolute; left: 300px; top: 30px; padding-left: 30px;}
.new_servers { position: absolute; top: 32px; left: 30px; width: 400px; height: 30px; overflow: hidden; }
.new_servers li { display: block; float: left; width: 400px; height: 24px; line-height: 24px; font-family: '微软雅黑', '宋体'; font-size: 14px; color: #ffe2c3; }
.new_servers li span { display: block; float: left; height: 24px; text-align: center; }

/*.serverbox {width: 548px; height: 40px; line-height: 40px; text-align: center; font-size:20px; color: #87250a; background: url(../images/server_bg.png) no-repeat center top; position: absolute; left: 515px; top: 415px;}*/
.serverbox {width: 1000px; height: 40px; line-height: 40px; text-align: center; font-size:18px; color: #ffeec1;position: absolute; left: 0px; top: 480px;}
.serverbox a span{color: #ffeec1;}
.serverbox a{color: #ffeec1; font-size: 18px;}

@-webkit-keyframes vicon{
	0%{-webkit-transform: scale(1); transform: scale(1);}
	50%{-webkit-transform: scale(1.1); transform: scale(1.1);}
	100%{-webkit-transform: scale(1); transform: scale(1);}
}
.vbtn{display: block; width: 60px; height: 69px; background-position: -291px -345px; position: absolute; left: 193px; top: 360px; -webkit-animation: vicon 1s infinite; animation: vicon 1s infinite;}

.btns a{ position:absolute; width:214px; height:59px;}
.btns a.btn_01{left: 390px; bottom: 142px; background-position:0 -7px;}
.btns a.btn_01:hover{ background-position:-216px -7px; }
.btns a.btn_02{left: 390px; bottom: 44px; background-position:0px -77px;}
.btns a.btn_02:hover{ background-position:-216px -77px; }
.btns a.btn_03{right: 71px;bottom: 44px; background-position: 0px -149px;}
.btns a.btn_03:hover{ background-position:-216px -149px; }
.register{ position:absolute;left: 64px;top:105px; background:#ffffff;}

.cont1 .c1_l {width: 400px; height: 470px; float: left; padding-left: 30px; margin-right: 20px;}
.cont1 .c1_r {width: 500px; height: 470px; float: left; position: relative;}

.c1_l dl {margin-bottom: 20px; margin-left: 35px;}
.c1_l .tx {width: 80px; float: left;}
.c1_l .detail {width: 260px; float: left;}
.c1_l .detail h3 {color: #021f34; font-size:16px; font-weight: 700;}
.c1_l .detail p {color:#657c94; font-size:14px; line-height: 24px; padding-bottom: 5px;}


.cont1 .c1_r span {cursor: pointer; position: relative;z-index: 10;}
.cont1 .c1_r span.sp_1 {background:url(../images/zan_c.png) repeat-x; display: inline-block; }
.cont1 .c1_r span.sp_1 em {background:url(../images/zan_r.png) no-repeat right top; float: right;margin-right: -10px;}
.cont1 .c1_r span.sp_1 i {background:url(../images/zan_l.png) no-repeat; float: left; min-width: 100px; padding: 0 30px; color: #fff; text-align: center; font-style: normal;margin-left: -10px;}
.cont1 .c1_r span.sp_2 {background:url(../images/zan_c_2.png) repeat-x; display: inline-block;}
.cont1 .c1_r span.sp_2 em {background:url(../images/zan_r_2.jpg) no-repeat right top; float: right; }
.cont1 .c1_r span.sp_2 i {background:url(../images/zan_l_2.jpg) no-repeat; float: left; min-width: 100px; padding: 0 30px; color: #e3c58c; text-align: center; font-style: normal;}
.cont1 .c1_r span.sp_3 {background:url(../images/zan_c_3.png) repeat-x; display: inline-block;}
.cont1 .c1_r span.sp_3 em {background:url(../images/zan_r_3.jpg) no-repeat right top; float: right; }
.cont1 .c1_r span.sp_3 i {background:url(../images/zan_l_3.jpg) no-repeat; float: left; min-width: 100px; padding: 0 30px; color: #e3c58c; text-align: center; font-style: normal;}
.cont1 .c1_r .pos_1 {left: 14px; top: 30px;}
.cont1 .c1_r .pos_2 {left: 100px; top: 110px;}
.cont1 .c1_r .pos_3 {left: 30px; top: 190px;}
.cont1 .c1_r .pos_4 {left: 40px; top: 270px;}
.cont1 .c1_r .pos_5 {left: 50px; top: 350px;}
.cont1 .c1_r .pos_6 {left: 120px; top: 430px;}
.cont1 .c1_r .pos_7 {left: 90px; top: 510px;}
.cont1 .c1_r .pos_8 {left: 70px; top: 590px;}
.cont1 .c1_r .pos_9 {left: 120px; top: 670px;}
.cont1 .c1_r .pos_10 {left: 30px; top: 750px;}
.cont1 .c1_r .pos_11 {left: 120px; top: 830px;}
.cont1 .c1_r .pos_12 {left: 30px; top: 910px;}
.cont1 .c1_r .pos_13 {left: 90px; top: 990px;}
.cont1 .c1_r .pos_14 {left: 120px; top: 1070px;}
.cont1 .c1_r .pos_15 {left: 70px; top: 1150px;}
.cont1 .c1_r .pos_16 {left: 120px; top: 1230px;}
.cont1 .c1_r .pos_17 {left: 30px; top: 1310px;}
.cont1 .c1_r .pos_18 {left: 150px; top: 1390px;}
.cont1 .c1_r .pos_19 {left: 130px; top: 1460px;}
.cont1 .c1_r .sp_wrap b {font-weight: 700;}
.cont1 .c1_r .sp_wrap {position: absolute;}
.cont1 .c1_r .sp_wrap ins {text-decoration: none; font-size: 20px; position: absolute; left: 48%; bottom: 15px; height: 20px; line-height: 20px;  color: #503920; opacity: 0; filter:"alpha(opacity=0)"; z-index: 999;}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes zan {
  0% {
    opacity: 0;
    bottom:10px;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    bottom:60px;
  }
}

@keyframes zan {
  0% {
    opacity: 0;
    bottom:10px;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    bottom:60px;
  }
}

.zan {
  -webkit-animation-name: zan;
          animation-name: zan;
}


.cont1 .c1_r span.sp_1 {height: 54px; }
.cont1 .c1_r span.sp_1 em {height: 54px;}
.cont1 .c1_r span.sp_1 i {height: 54px; line-height: 54px; font-size:16px;}


.cont2 a {float: left; margin: 0 13px; display: inline;}

.cont3_tab {text-align: center; width: 845px; margin: 50px auto 20px;}
.cont3_tab a {display: inline-block; width: 178px; height: 44px; padding: 8px 0 2px; text-align: center; color: #72420f; font-size:22px; line-height: 20px; margin: 0 8px; background-position: 0 -214px;}
.cont3_tab a em{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: block;height: 22px;}
.cont3_tab a span{display: block; font-size: 9px; color: #fff;}
.cont3_tab a:hover,.cont3_tab a.current {color: #fff; background-position: -194px -214px;}
.cont3_tab a:hover span,.cont3_tab a.current span{color: #ffffff;}
.cont3_ct {display: none; text-align: center;}

.c1_l{
    width: 50px;
    height: 200px;
    overflow: auto;
    float: left;
    margin: 5px;
    border: none;
   overflow-x: hidden;
   /*IE↓*/
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #b96537;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #e9c388;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #a49880;
    /*滚动条阴影*/
    scrollbar-shadow-color: #ccc;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #a69a82;
}

.c1_r{
    width: 50px;
    height: 200px;
    overflow: auto;
    float: left;
    margin: 5px;
    border: none;
   overflow-x: hidden;
   /*IE↓*/
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #b96537;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #b96537;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #a49880;
    /*滚动条阴影*/
    scrollbar-shadow-color: #ccc;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #a69a82;
}
.scrollbar{
    width: 400px;
    height: 470px;
    margin: 0 auto;

}
.c1_l::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.c1_l::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 1px rgba(239,215,178,0.2);
        background: #546c82;
    }
.c1_l::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 1px rgba(242,224,187,0.2);
        border-radius: 10px;
        background: #cedff6;
    }

.c1_r::-webkit-scrollbar {/*滚动条整体样式*/
         /*高宽分别对应横竖滚动条的尺寸*/
        width: 5px;
        height: 1px;
    }
.c1_r::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(239,215,178,0.2);
    background: #546c82;
    }
.c1_r::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 1px rgba(242,224,187,0.2);
    border-radius: 10px;
    background: #cedff6;
    }

/*右飘*/
.float_r {width: 171px; height: 590px; background:url(../images/fl_r_bg.png) no-repeat; position: fixed; top: 50%; margin-top: -280px; right: 20px;padding: 2px 0; }
.float_r a {width: 170px; height: 56px; float: left;}
.float_r a:hover {background:url(../images/fl_r_btn.png) no-repeat; height: 56px;}
.float_r a.btn_1:hover {background-position: 0 0;}
.float_r a.btn_2:hover {background-position: 0 -56px;}
.float_r a.btn_3:hover {background-position: 0 -110px;}
.float_r a.btn_4:hover {background-position: 0 -166px;}
.float_r a.btn_5:hover {background-position: 0 -222px;}
.float_r a.btn_6:hover {background-position: 0 -278px;}
.float_r a.btn_7 {width: 40px; height: 40px; position: absolute; bottom: 50px; left: 50%; margin-left: -14px;}
.float_r a.btn_7:hover {background: none; }

/*礼包弹窗*/
.pop_gift{ position:relative; width:1311px; height:753px; background:url(../images/pop.png) center top no-repeat; display: none;}
.pop_gift .close { position:absolute; left:1300px; top:150px;  width:86px;height:93px; background-position: -173px -271px; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; cursor:pointer; }
.pop_gift .close:hover,.pop dt a:hover{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
/*.pop_txt{ display:none; position:relative; width:1000px; height:555px; background:url(../images/pop_txt.png) no-repeat; }
.pop_txt .close{ position:absolute; right:20px; top:15px;width:40px;height:30px; cursor:pointer; }*/
.pop_gift dl{
    padding: 226px 0px 0px 569px;
    width: 470px;
    overflow: hidden;
}
.pop_gift dl dt{color: #cbdfee; width:105%; padding-bottom:10px; font:bold 17px/1.5 "Microsoft YaHei","微软雅黑"; border-bottom:2px solid #f6dda3;}
.pop_gift dl dt strong{ font:bold 32px/1.5 "Microsoft YaHei","微软雅黑"; color:#cbdfee;}
.pop_gift dl dd h3{ padding-top:15px; color:#242f47; }
.pop_gift dl dd h3 em{display: block; height: 40px; line-height: 40px;color:#cbdfee;}
.pop_gift dl dd h3 input.copy{background-color: #cbdfee;color: #0b3852;border: 1px solid #4bbbfc;border-right: none;width: 198px;height: 38px; line-height:30px; margin-left: 11px;text-align: center; font-size: 18px; border-radius: 10px 0 0 10px;}
.pop_gift dl dd h3 a{display: inline-block; width: 96px; height: 40px; background-position: -166px -366px; text-align: center; line-height: 40px; font-size: 18px; color: #fff;}
.pop_gift dl dd ul{ margin:18px 0px 0px -40px; }
.pop_gift dl dd ul li{ float:left; padding-left:10px; }
.pop_gift dl dd ul li img{ display:block; height:154px; }
.pop_gift dl dd ul li span{ display:block; text-align:center; color:#125475; font-size:14px;height:20px; padding:5px 0 20px 0px; }
.pop_gift dl dd p{ width: 435px; height: 52px;/* background: url(../images/tbg.png) no-repeat; margin: 0 auto;*/ padding:18px 20px; font-size: 18px; color: #cbdfee;}
.pop_gift dl dd div{ padding-top:20px; font-size:0;}
.pop_gift dl dd div a{ display:inline-block; width:198px;height:54px;  margin-left:20px; }
.pop_gift dl dd div a.btn_01{background-position:-1px -437px;}
.pop_gift dl dd div a.btn_01:hover{ background-position:-1px -494px;}
.pop_gift dl dd div a.btn_02{ background-position:-220px -433px;display: block;margin:0 auto;}
.pop_gift dl dd div a.btn_02:hover{ background-position:-220px -490px;}
.pop_gift iframe{
    position: absolute;
    left: 1069px;
    top: 301px;
    background: #fff;
    border: 1px solid #804706;
}


.db {display: block; text-indent: -999em;}
/*江湖成名之路*/
.pop{background: url(../images/bgpopd.jpg) no-repeat;width: 631px;height: 505px;position: relative;padding-top: 38px;display: none;}
.poph2{width: 250px;height: 30px;margin: 0 auto; background: none; color: #cbdfee; text-align: center; font-size: 30px; font-weight: bold; line-height: 30px;}
.poptxt{font-size: 16px;color: #7bb0d8;line-height: 24px;padding: 12px 40px 0 40px;}
.popbxup{width: 488px;margin: 0 auto;padding-top: 10px;}
.popdjlf{float: left;width: 108px;}
.popdjlf img{display: block;margin: 0 auto;}
.popdjname{font-size: 16px;color: #bad1e2;line-height: 16px;width: 100%;text-align: center;display: block;padding-top: 4px;}
.popdjtxt{float: right;width: 354px;height: 68px;border: 1px solid #6e9dba;font-size: 16px;color: #6e9dba;line-height: 20px;border-radius: 5px;padding: 4px 0 0 14px;margin-top: 8px;}
.listpop1{width: 564px;margin: 0 auto;padding-top: 20px;}
.listpop1 li{width: 91px;float: left;height: 131px;margin-right: 27px;}
.listpop1 li.mr{margin-right: 0;}
.djbx{display: block;border: 1px solid #d4b891;width: 89px;height: 79px;padding-top: 3px;border-radius: 5px;}
.djbx img{display: block;margin: 0 auto;}
.btnclosed{display: block;width: 18px;height: 18px;position: absolute;top: 0;right: -22px; background-position: -305px -292px;}

/*专属奖励升级*/
.poph2a{width: 250px;height: 31px;margin: 0 auto; background: none; font-size:26px; color: #cbdfee; text-align: center; font-weight: 700; }
.popbtnbx{width: 546px;margin: 0 auto;display: block;padding-top: 14px;}
.boxscoll{width: 602px;height: 333px;margin: 0 auto;overflow-y: auto;}
.boxscoll::-webkit-scrollbar-track-piece{background-color:#fdfdfd;border-radius: 10px}
.boxscoll::-webkit-scrollbar{width:6px;}
.boxscoll::-webkit-scrollbar-thumb{background:#d9d1f8;border-radius: 10px}
.popbtnbx a{float: left;width: 158px;height: 36px; text-align: center; line-height: 36px; color: #ffffff; font-size:20px; font-size:'微软雅黑'; background-position: 0 -272px;}
.popbtnbx a:hover,.popbtnbx a.current {background-position:0 -311px; color: #fff; }
.popcontbx {display: none;}
.btnsc{margin: 0 30px 0;}

/*累计登录领取*/
.poph2b{width: 250px;height: 31px;margin: 0 auto; background: none; font-size:26px; color: #cbdfee; text-align: center; font-weight: 700; }
.poptxt1{padding-left: 0;width: 100%;text-align: center;}
.boxscoll1{height: 390px;margin-top: 26px;}
.popday{width: 523px;margin: 0 auto;}
.day{background-position: -1px -351px;width: 98px;height: 32px;float: left;color: #fff;font-size: 16px;text-align: center;line-height: 30px;margin-top: 29px;}

.listday{width: 375px;float: right;}
.listday li{float: left;width: 105px;margin-right: 30px;height: 134px;}
.listday li.mr{margin-right: 0;}
.bxpopdj{width: 103px;height: 92px;border:1px solid #fd7d55;border-radius: 5px;padding-top: 3px;display: block;}
.bxpopdj img{display: block;margin: 0 auto;}


/*新服在线抽奖*/
.poph2c{width: 250px;height: 31px;margin: 0 auto; background: none; font-size:26px; color: #cbdfee; text-align: center; font-weight: 700; }
.popday1{width:565px;}
.day1{background-position: -1px -394px;width: 144px;height: 38px;margin-right: 26px;}
.listday1{float: left;}

/*弹窗视频*/
.video_player{ display:none; position:relative; width:760px; background:#151731; padding:10px; border: 1px solid #925f1a;}
.video_player dt strong{ display:block; height:42px; color:#ffffff; font:normal 16px/2 "Microsoft YaHei","微软雅黑"; }
.video_player dt a{ position:absolute; top:20px; right:10px; width:18px; height:18px; text-indent: -999em; cursor:pointer; background-position:-305px -292px; }
.video_player dt a:hover{ animation:turn 0.4s linear 0s 1 both; }
.video_player dd{ height:460px; }
@-webkit-keyframes turn{
	to{  -webkit-transform:rotate(360deg);}
}
@keyframes turn{
	to{ transform:rotate(360deg);}
}