body,div,ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
body {font-size:12px;font-family:"Microsoft Yahei";overflow-x:hidden;}
ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6 {font-style:normal;list-style-type:none;background:none;border:none;}
a {color:#fff;text-decoration:none;outline:none;}
a:hover {text-decoration:none;}
.clearfix {*zoom:1;}
.clearfix:after {height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden;content:"";}
.f_l {float:left;}
.f_r {float:right;}
.indent {text-indent:-999px;overflow:hidden;}
.none{display: none;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.relative {position:relative;}
.absolute {position:absolute;}

.pa40 {padding:40px 0;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb24 {margin-bottom:24px;}
.mb30 {margin-bottom:30px;}

.show {display:block;}
.hide {display:none;}

.container {width:100%;min-width:1200px;max-width:1920px;height:100%;box-sizing:border-box;overflow:hidden;margin:0 auto;position:relative;display:none;}
.content {width:100%;height:100%;overflow:hidden;}
.main {width:1200px;height:100%;margin:0 auto;position:relative;z-index: 3;}

.section {width:100%;height:100%;background:#000000;overflow:hidden;position:fixed;display:none;}
.section:last-child{background:#ffffff;}

.section .sec_bg{width: 1920px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -960px;}



/* 首屏 */
.header{height: 90px; position: relative;}

.menu{text-align: center; padding: 26px 0 0 290px;}
.menu a{width: 80px; line-height: 38px; color:#21222d; font-weight: bold; text-align: center; margin-right: 40px; float: left; position: relative; z-index: 3;}
.menu a:hover{color:#ffffff; -webkit-text-stroke: 1px #21222d;}

.menu a p{line-height:18px; font-size:12px; font-weight: bold; margin-top: -10px;}
.menu_bg{width: 1920px; height: 90px; background:url(../png/menu.png) no-repeat; position: absolute; top: 0; left: 50%; margin-left: -960px;}

.menu2 {padding-left: 258px;}
.menu2 a {position: relative; z-index: 3; display: inline-block; vertical-align: top; margin: 30px 6px 0;}
.menu2 .menu_hover,.menu2 a:hover .menu_normal {display: none;}
.menu2 a:hover .menu_hover {display: block;}

.head_logo {position: absolute; top: 0; left: 0; z-index: 3;}

.head_share {height: 16px; color:#ffffff; position: absolute; top: 27px; left: 1040px; z-index: 3;}
.head_share a{width: 26px; height: 24px; background-image:url(../png/share_icon.png); display: inline-block; vertical-align: middle; margin: 0 7px; position: relative;}
.head_share .bds_more{height: 20px; background-position: 0 0;}
.head_share .icon-qq{background-position: 0 -20px;}
.head_share .icon-qzone{background-position: 0 -44px;}
.head_share .icon-wechat{height: 22px; background-position: 0 -68px;}
.head_share .icon-weibo{height: 20px; background-position: 0 -90px;}
.wechat-qrcode{width: 180px; height: 170px; color: #333333; background: #ffffff; text-align: center; padding: 10px; position: absolute; top: 30px; left: 50%; margin-left: -100px; display: none;}
.icon-wechat:hover .wechat-qrcode{display: block;}
.wechat-qrcode .qrcode{display: inline-block; margin: 10px 0;}


.section0 .head_link{min-width: 220px; position:absolute; top:710px; right:0; z-index:3;}
.section0 .head_link a{width:320px; height:94px; margin-left: 40px; float: left;}

.section0 .head_link2 {position: absolute; top: 652px; left:0; z-index: 3; width: 100%; text-align: center;}
.section0 .head_link2 a {margin: 98px 6px 0; display: inline-block; vertical-align: top;}
.section0 .head_link2 a.hlink1 {margin: 0 6px;}

.section0 .slogan {min-width:522px; min-height: 252px; position:absolute; top:420px; right:60px; z-index: 3;}

.section0 .play_btn2 {position: absolute; top: 557px; left: 50%; margin-left: -108px; width: 84px; height: 96px; display: block; z-index: 3;}
.section0 .play_btn2 img {
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
    animation: zoom 1s infinite ease;
    -webkit-animation: zoom 1s infinite ease;
    -moz-animation: zoom 1s infinite ease;
    -ms-animation: zoom 1s infinite ease;
    -o-animation: zoom 1s infinite ease;
}
@keyframes zoom {
    0% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }

    50% {
        transform: scale(1);
        transition-duration: 0.6s;
    }

    100% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }

    50% {
        transform: scale(1);
        transition-duration: 0.6s;
    }

    100% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }
}

@-ms-keyframes zoom {
    0% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }

    50% {
        transform: scale(1);
        transition-duration: 0.6s;
    }

    100% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }
}

@-moz-keyframes zoom {
    0% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }

    50% {
        transform: scale(1);
        transition-duration: 0.6s;
    }

    100% {
        transform: scale(0.8);
        transition-duration: 0.6s;
    }
}

.section0 .play_btn {width:125px; height:125px; background:url(../png/play_btn.png) no-repeat; display:block; position:absolute; top:420px; right:0; z-index:3; cursor:pointer; animation:circle0 linear 10s infinite; -webkit-animation:circle0 linear 10s infinite;}

@keyframes circle0 {0% {transform:rotate(0);-webkit-transform:rotate(0);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes circle0 {0% {transform:rotate(0);-webkit-transform:rotate(0);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}

/* 视频弹窗 */
.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0; filter:alpha(opacity=0);}
.video_box{width:640px; height:360px; border:10px solid #ecc717; background:#000; position: fixed !important; top: 50% !important; left: 50% !important; margin: -190px 0 0 -330px; z-index: 101; display:none;}
.video_box dt{width:30px; height:30px; line-height:30px; color:#fff; font-size:24px; text-align:center; position:absolute; top:0; right:0; z-index: 10; cursor: pointer;}
.video_box dt:hover{color:#ecc717; text-decoration:none;}
.video_box dd{height:360px;}
.video_box dd video{width: 100% !important; height: 100% !important;}



/* 游戏资讯 */
.issue_box{height: 658px; background:url(../png/issue_box65ba.png) no-repeat; padding-top: 89px; margin-top: 80px;}

.slider{height:300px; color:#545454; margin-bottom: 16px; position:relative;}
.slider .bd{width:100%; height:100%;}
.slider .hd{position:absolute; right:20px; bottom:20px;}
.slider .hd li{width:90px; height:10px; background: #ffaa30; text-indent: -999px; overflow:hidden; margin-left: 10px; float:left; cursor:pointer;}
.slider .hd li.on{background:#ffe900;}

.news{color:#ffffff; position:relative;}
.news dl{width: 45%; height:150px; margin: 0 2.5% 10px 2.5%; float: left; position: relative;}
.news dt{height: 40px; color: #37afff; margin-bottom: 12px;}
.news dt span{height: 34px; font-size: 18px; border-bottom: 6px solid #37afff; padding: 0 5px; float: left;}
.news dl:first-child dt{color: #ffb800;}
.news dl:first-child dt span{border-bottom: 6px solid #ffb800;}
.news dt .more{width:160px; height:40px; background:url(../png/btns.png) 0 -276px; position:absolute; top:0; right:0;}
.news dt .more:hover{background-position: -160px -276px;}
.news dd{max-height: 96px; overflow: hidden;}
.news dd p{height: 32px; line-height: 32px; overflow: hidden;}
.news dd a{max-width: 84%; color:#ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float: left;}
.news dd a:hover{color:#ffb800;}
.news dd span{float: right;}



/* 游戏角色 */
.role, .role dl, .role dd{height: 876px; position: relative;}
.role dt{width: 120px; position: absolute; top: 180px; left: 54px; z-index: 5;}
.role dt li{height: 100px; display: block; margin-bottom: 10px; position: relative;}
.role dt li .ico_hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; display: none;}
.role dt li.on .ico_hover{display: block;}
.role dt li img{width: 100% !important; height: 100% !important;}
.role dd .role_pics{width:1920px; height: 876px; position:absolute; top:0; left: 50%; margin-left: -960px;}
.role dd .role_info{width:300px; line-height: 30px; color: #615c67; position: absolute; top: 190px; left: 240px; z-index: 3;}
.role dd .role_info p{color: #242226;}
.role dd .role_more{width: 264px; height: 68px; background:url(../png/btns.png) 0 -316px; position: absolute; top: 700px; right: 10px; z-index: 3;}

.role .prev, .role .next{width: 65px; height: 75px; background-image:url(../png/prev_next-2.png); position: absolute; top: 50%; margin-top: -75px; z-index: 5; cursor: pointer;}
.role .prev{background-position: 0 0; left: -100px;}
.role .next{background-position: -65px 0; right: -100px;}



/* 游戏特色 */
.yxts{padding-top: 164px; position: relative;}
.yxts dt{width: 86%; margin: 0 auto;}
.yxts dd{width: 100%; height: 75px; position: absolute; top: 364px; left: 0;}
.yxts dd a{width: 65px; height: 100%; background-image:url(../png/prev_next-2.png); background-size: 130px 150px; cursor: pointer;}
.yxts dd a.prev{background-position: 0 -75px; margin-left: -20px; float: left;}
.yxts dd a.next{background-position: -65px -75px; margin-right: -20px; float: right;}



/* 视听中心 */
.video_list{padding-top: 50px;}
.video_list li{overflow: hidden; margin-bottom: 20px; float: left;}
.video_list li.b1{width: 862px; height: 426px;}
.video_list li.b2{width: 488px; height: 354px; margin-right: 50px;}
.video_list li.b3{width: 598px; height: 354px;}



/* 游戏资料 */
.yxzl{padding-top: 140px;}
.yxzl_tit{text-align: center; margin-bottom: 40px;}
.yxzl_tit li{width:272px; height: 60px; line-height: 60px; color: #ffffff; font-size: 36px; background:url(../png/yxzl_tit.png) no-repeat; overflow: hidden; display: inline-block; margin: 0 20px; vertical-align: top; cursor: pointer;}
.yxzl_tit li:hover{color: #ffb200;}
.yxzl_tit li.on{color: #ffb200; background-position: 0 -60px;}

.yxzl_con{height: 520px; color: #ffffff; background: rgba(255, 255, 255, 0.3); position: relative;}

/* 滚动条 */
.yxzl_con .jspVerticalBar{width: 10px !important;}
.yxzl_con .jspTrack{background: rgba(0, 0, 0, 0.4) !important;}
.yxzl_con .jspDrag{background: rgba(255, 255, 255, 0.4) !important;}


/* 生命之泉 */
.smzq_list{width: 560px; height: 460px; background: rgba(0, 0, 0, 0.6); overflow: hidden; padding: 30px 10px 30px 30px; position: absolute; top: 0; left: 0;}
.smzq_list dl{padding: 0 10px 50px 0;}
.smzq_list dl:last-child{padding: 0 30px 0 0;}
.smzq_list dt{line-height: 60px; font-size: 60px; border-left: 10px solid #ffffff; display: block; padding-left: 20px; margin-bottom: 20px;}
.smzq_list dd{line-height: 40px; font-size: 20px;}

/* 探员衣橱/双生精灵 */
.tyyc_list{height: 470px; padding: 25px 15px 25px 35px; overflow: hidden;}
.tyyc_list dl{width: 174px; margin: 0 15px 30px 0; float: left;}
.tyyc_list dt{height: 150px; overflow: hidden; display: block; margin-bottom: 10px;}
.tyyc_list dd{line-height: 30px; font-size: 20px; text-align: center;}


/* 资料弹窗 */
.pop_box{width:100%; height:100%; background: rgba(0, 0, 0, .7); position:fixed; top:0; left:0; z-index:101;}
.pop_close{width: 84px; height: 68px; background:url(../png/pop_close.png) no-repeat; position: absolute; top: 10%; right: 6%; z-index: 10;}

.pop_item{width: 1920px; height: 898px; color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -449px 0 0 -960px;}
.pop_list, .pop_list ul, .pop_list li{height: 100%;}
.pop_list li{width: 1200px; margin: 0 auto; position: relative; display: none;}
.pop_list li .pop_pics, .pop_list li .jingling_mask{width: 1920px; height: 100%; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -960px;}

/* 角色 */
/* .pop_juese{background:url(/images/mfdl/pop_juese.jpg) center no-repeat;} */
.juese_list .juese_name{width: 300px; height: 120px; line-height: 60px; font-size: 36px; background:url(../png/juese_list_tit.png) no-repeat; padding: 0 82px 0 30px; position: absolute; top: 220px; left: 0; z-index: 3;}
.juese_list .juese_desc{font-size: 46px; text-align: right;}

/* 精灵 */
/* .pop_jingling{background:url(/images/mfdl/pop_jingling.jpg) center no-repeat;} */
.jingling_info{padding-left: 140px; position: absolute; top: 0; left: 0; z-index: 3;}

.jingling_name{height: 66px; line-height: 66px; font-size: 58px; padding: 100px 0 40px 0;}

.jingling_desc{width: 540px; float: left;}
.jingling_desc dt{height: 86px; margin-bottom: 20px; position: relative;}
.jingling_desc dt .jingling_face{width: 76px; height: 76px; padding: 5px; margin-right: 40px; float: left; position: relative;}
.jingling_desc dt .jingling_face em{width: 100%; height: 100%; background:url(../png/jingling_facec028.png) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0;}
.jingling_desc dt .jingling_face i{height: 100%; background: #282b31; border-radius: 100%; overflow: hidden; display: block;}
.jingling_desc dt span{line-height: 86px; font-size: 30px; float: left;}
.jingling_desc dd{line-height: 40px; font-size: 20px; margin-bottom: 60px;}
.jingling_desc dd.juese_tips{background:url(../jpg/juese_tips.jpg) left top no-repeat; padding-top: 60px;}

.jingling_mask{background:url(../png/jingling_mask.png) no-repeat; z-index: 1;}



/* 游戏攻略 */
.yxgl_box{width: 590px; height: 544px; color: #ffffff; overflow: hidden; margin-top: 249px; float: left;}
.yxgl_box ul{padding: 27px 0 0 140px;}
.yxgl_box li{height: 150px; font-size: 16px; margin-bottom: 23px;}
.yxgl_box li a{height: 37px; line-height: 37px; color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yxgl_box li a:hover{color: #ffe000;}

/* 介绍 */
.yxjs_box{width: 508px; color: #ffffff; padding-top: 306px; float: right;}
.yxjs_box dl{height: 164px; margin-bottom: 167px;}
.yxjs_box dt{max-height: 102px; font-size: 16px; overflow: hidden; margin: 6px 0 6px 8px;}
.yxjs_box dt p{width: 98px; line-height: 20px; border-right: 2px solid #aaaaaa; text-align: center; overflow: hidden; margin: 7px 0; float: left;}
.yxjs_box dt a{color: #ffffff;}
.yxjs_box dt a:hover{color: #ffe000;}
.yxjs_box dd{padding-top: 8px; margin-right: -20px;}
.yxjs_box dd a{width: 120px; height: 32px; background:url(../png/more.png) no-repeat; float: right;}





/* 底部 */
footer{color:#777; position:relative;}
.section6 footer{width: 100%; position: absolute; top: 920px; left: 0;}
footer .item_con{padding:25px 0;}
footer .item_con ul{width:1200px; margin:0 auto;}
footer .item{width:280px; height: 100px; background:url(../png/foot_li.png) right center no-repeat; padding:0 10px; float:left;}
footer .last{background:none;}
footer .gy-footer{color:#777; padding: 0;}

.sns em{width:100px; height:100px; background:#fff;}
.sns em img{width:100% !important; height:100% !important;}
.sns span{*width:140px; line-height:25px; padding:25px 20px;}
.sns span i{width:20px; line-height:16px; color:#fff; font-weight:bold; background:#008abd; text-align:center; display:inline-block; vertical-align:middle; margin-right:6px;}

.kefu{height:60px!important; line-height:30px; text-align:center; padding:20px 10px !important;}

.self_link{line-height:30px; text-align:center;}
.self_link a{color:#777; display:inline-block; padding:14px 0; margin:0 14px;}
.self_link a:hover{color:#333;}
.self_link a span{width:42px; height:42px; border:1px solid #85848c; display:block; margin:0 auto;}
.self_link a em{width:40px; height:30px; background-image:url(../png/icon-2.png); display:block; margin:6px auto;}
.self_link a:hover em{border-color:#7773a9;}
.self_link em.b1{width:28px; background-position:0 -114px;}
.self_link em.b2{width:16px; background-position:-28px -114px;}

/* 合作媒体 */
.media{width:200px; color:#000; background:#fff; border-bottom:1px solid #c2c2c2; margin:12px auto; position:relative;}
.media dt{height:30px; line-height:30px; font-size:12px; border:1px solid #dfdfdf; border-bottom:none; padding:0 10px; cursor:pointer; position:relative;}
.media dt i{width:32px; height:32px; background-image:url(../png/up_down.png); background-color:#999; overflow:hidden; position:absolute; top:-1px; right:-1px;}
.media dt i.media_up{background-position:0 0;}
.media dt i.media_down{background-position:0 -32px;}
.media dd{width:198px; height:90px; background:#fff; border:1px solid #dfdfdf; border-top:none; overflow-y:auto; position:absolute; bottom:30px; left:0; z-index:9; display:none;}
.media dd li{line-height:30px;}
.media dd li a{color:#666; display:block; padding:0 10px;}
.media dd li a:hover{color:#847db5;}



/* 浮动导航栏 */
.float_nav{position: fixed; top: 0; left: 2%; z-index: 99;}
.float_nav ul{padding-top: 52px;}
.float_nav li{height: 100px; padding-left: 10px;}
.float_nav li a{width: 116px; height: 50px; line-height: 40px; text-shadow: 2px 2px 2px #333; text-align: center; display: block; margin-top: 25px; float: left;}
.float_nav li.active a{background:url(../png/float_nav_li_a.png) no-repeat;}


/* 浮动下载框 */
.float_download{width: 239px; height: 766px; position: fixed; top: 50%; right: 1%; margin-top: -383px; z-index: 99;}
.float_download img{width: 100% !important; height: 100% !important;}
.float_download dl{width: 200px; position: absolute; top: 183px; left: 35px;}
.float_download dt{height: 182px; display: block; margin-bottom: 6px;}
.float_download dt .downlaod_qrcode{width: 156px; height: 156px; padding: 13px 0; margin: 0 auto;}
.float_download dd a{width: 183px; height: 55px; display: block; margin: 0 auto 7px auto; position: relative;}
.float_download dd .follow_qrcode{width: 140px; height: 140px; background: #ffffff; position: absolute; top: 50%; right: 200px; margin-top: -70px; display: none;}





/***** 内页部分 *****/
.inside{height: 1000px; background:url(../jpg/inside_bg-2.jpg) center top no-repeat; position: relative;}
.inside .wrap{width: 1200px; height: 100%; margin: 0 auto;}
.inside .header{margin-bottom: 50px;}

.inside_news{height: 700px; background:url(../png/inside_news.png) no-repeat; overflow: hidden;}

.inside_role .header{margin-bottom: 0;}


/*新闻列表*/
.news_list{color:#000000;}
.news_list .tit{height:40px; font-size: 18px; text-align:center; padding-top: 30px;}
.news_list .tit a{width:128px; line-height:40px; color:#000000; display: inline-block; margin: 0 6px;}
.news_list .tit a.on{color:#ffffff; background:url(../png/news_list_a073b.png) no-repeat;}

.news_list .txt{height: 500px; overflow: hidden; padding:20px 40px 0 50px;}
.news_list .jspPane ul{margin-right: 20px;}
.news_list .txt li{height:49px; line-height:49px; font-size:16px; border-bottom: 1px dotted #898c92; display:block; position:relative;}
.news_list .txt li a{color:#0e0e11;}
.news_list .txt li a:hover{color:#37afff;}

.news_list .scott{font-size:18px; text-align:center; padding-top:40px;}
.news_list .scott span, .news_list .scott a, .news_list .scott input{vertical-align: middle;}
.news_list .scott a{height: 30px; line-height: 30px; color:#fff; background: #000; border: 2px solid #fff; padding: 0 10px; margin: 0 2px; display: inline-block;}
.news_list .scott a:hover{color:#333; background: #fff; border-color: #000;}
.news_list .scott input{width:50px; height: 34px; line-height: 34px; color:#333; font-size:18px; background:#fff; text-align: center; margin-left:4px;}


/*新闻详情*/
.news_con{color:#000000; padding-top: 30px; position: relative;}

.news_nav{width: 70px; height:30px; line-height:30px; font-size: 18px; overflow: hidden; position: absolute; top: 30px; left: 50px;}
.news_nav a{color:#000000; float: left; display: none;}
.news_nav a:hover{text-decoration:underline;}

.game_read_tit{line-height:40px; font-size:30px; text-align:center; margin-bottom:14px;}
.game_read_zz{font-size:14px; text-align:center;}

.game_read_txt{height: 520px; line-height:200%; font-size:18px; overflow: hidden; padding:30px 0 30px 20px; margin:0 30px;}
.game_read_txt a{color:#5e5e5e;}
.game_read_txt a:hover{color:#333; text-decoration:underline;}
.game_read_txt img{margin:10px 0;}


/* 角色详情 */
.role_issue, .role_issue dl, .role_issue dd, .role_issue dd li{height: 876px; position: relative;}
.role_issue .role_type{position: absolute; top: 120px; left: 4px;}
.role_issue dt{width: 96px; height: 626px; position: absolute; top: 50px; right: 24px; z-index: 5;}
.role_issue dt li{height: 80px; display: block; margin-bottom: 10px; position: relative;}
.role_issue dt li .ico_hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; display: none;}
.role_issue dt li.on .ico_hover{display: block;}
.role_issue dt li img{width: 100% !important; height: 100% !important;}
.role_issue dd .role_pics{width:1920px; position:absolute; bottom:0; left: 50%; margin-left: -960px;}
.role_issue dd .role_info{width:300px; line-height: 26px; color: #121230; position: absolute; top: 320px; left: 4px; z-index: 3;}
.role_issue dd .role_skill{width: 100%; min-height: 1rem; height: auto; text-align: center; position: absolute; bottom: 60px; left: 0; z-index: 5;}
.role_issue dd .skill_box{width: 90px; height: 104px; display: inline-block; vertical-align: top; margin: 0 3px; position: relative;}
.role_issue dd .skill_box:nth-child(3), .role_issue dd .skill_box:nth-child(4){margin: 60px 10px 0 10px;}
.role_issue dd .skill_info{width: 280px; min-height: 100px; height: auto; line-height: 24px; color: #ffffff; background: rgba(0, 0, 0, 0.5); text-align: left; padding: 5px 10px; position: absolute; bottom: 114px; left: 50%; margin-left: -150px; display: none;}
.role_issue dd .skill_box:hover .skill_info{display: block;}
.role_issue dd .skill_box:nth-child(3) .skill_info,.role_issue dd .skill_box:nth-child(4) .skill_info{bottom: 174px;}


.role_issue .prev, .role_issue .next{width: 65px; height: 75px; background-image:url(../png/prev_next-2.png); position: absolute; top: 50%; margin-top: -75px; z-index: 5; cursor: pointer;}
.role_issue .prev{background-position: 0 0; left: -100px;}
.role_issue .next{background-position: -65px 0; right: -100px;}





/* 滚动条样式 */
.scroller {
    height: 100%;
}

.jspVerticalBar {
    background: none !important;
}

.jspScrollable, .jspContainer span {
    outline: none;
}

.jspVerticalBar {
    width: 4px !important;
}

.jspTrack {
    background: #9b9b9b !important;
}

.jspDrag {
    background: #ffb200 !important;
}

/* S 适龄提示 */
.age_tips {
    position: absolute;
    left: 50%;
    margin-left: 420px;
    top: 735px;
    width: 71px;
    height: 91px;
    background:url(../png/age_icon_71.png) 0 0 no-repeat; 
    cursor: pointer;
    z-index: 8;
}

.age_tips_mask {
    width: 100%;
    height: 100%;
    background: #000000;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 100;
}

.age_tips_pop {
    position: fixed;
    top: 24%;
    left: 25%;
    z-index: 101;
	width: 50%;
    height: 52%;
    background: #383A46;
    border-radius: 20px;
    color: #ffffff;
}

.age_tips_close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 39px;
    background:url(../png/age_icon_clost_38.png) 0 0 no-repeat;
}

.age_tips_tit {
    height: 12%;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.age_tips_h {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    vertical-align: bottom;
}

.age_tips_con {
    height: 80%;
    width: 90%;
    margin: 10px auto 0;
    overflow-y: auto;
    font-size: 18px;
    line-height: 32px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify
}

.age_tips_p {
    margin: 16px 0;
}
/* E 适龄提示 */