@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#c9e9ff; overflow-x:hidden}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;font-weight: normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.wrap{width: 750px;overflow: hidden;position: relative;}
.header-wrap{width: 750px;height: 1197px;background: url(/skin/default/images/header-wrap-bg.jpg) no-repeat center top;background-size: 100% auto;position: relative;}
.header-logo{position: absolute;left: 24px;top:147px;width: 195px;}
.header-slogan{position: absolute;left: 90px;top:820px;width: 545px;height:245px;background:url(/skin/default/images/slogan.png) no-repeat center;background-size: 100% auto;}.content-wrap{width: 750px;min-height: 2000px;background:#c8e9ff url(/skin/default/images/content-wrap-bg.jpg) no-repeat center top;background-size: 100% auto;}
.title{margin:0 auto;width: 750px;height: 55px;line-height: 55px;text-align: center;background: url(/skin/default/images/title-bg.png) no-repeat center;font-size: 34px;color: #fff;background-size: 100% auto;}
/* 最新活动 */
.newslunbo-box{width:690px;height: 305px;margin:-40px auto 0;position: relative;}
.newslunbo-swiper .swiper-slide{ width:690px;text-align: center;}
.newslunbo-swiper .swiper-slide a{ position:relative; display:inline-block; width:690px; height:305px;}
.newslunbo-swiper .swiper-slide a img{ width:690px;height: 305px;}
.newslunbo-swiper .swiper-pagination{ height:20px; bottom:12px;text-align: right;width: 680px;padding-right: 10px;}
.newslunbo-swiper .swiper-pagination-bullet{ width:15px; height:15px; margin:0 4px !important; opacity:1; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background-color: #fff; }
.newslunbo-swiper .swiper-pagination-bullet-active{background-color: #fff;width: 40px;border-radius: 26px;}
.news-box{width: 690px;margin:0 auto;}
.news-hot{margin:25px auto 0;width: 690px;height:48px;border-radius: 16px;line-height:48px;font-size:24px;text-indent: 80px;background:#4fa9e0 url(/skin/default/images/news-hot-icon.png) 14px center no-repeat;position: relative; background-size: 35px 29px;}
.news-hot a{color: #fff;}
.news-hot a.news-hot-more{display:block;position: absolute;right:9px;top:5px;width:22px;height: 22px;line-height:22px;text-align:center;background: #fff;border-radius: 50%;color: #4fa9e0;font-size: 22px;text-indent: 0;}

/* 新闻列表 */
.more{position: absolute; background:#4fa9e0; height: 30px;line-height: 28px;border-radius: 12px;padding: 0 6px; right: 0;color: #fff;font-size: 18px; text-indent: 0; }
.news-list{width: 690px;margin:0 auto;}
.news-list .hd { border-bottom: 2px solid #4ba4e2;}
.news-list .hd li { float: left;color: #666666; font:normal 30px/92px "Microsoft Yahei"; height: 92px; }
.news-list .hd li a {width:120px; color: #666666; padding: 0 2px; position: relative; display: inline-block; height: 100%;text-align: center; }
.news-list .hd li a:before { position: relative; bottom: -90px; content: ""; height: 2px; display: block; }
.news-list .hd li.on a { color: #4fa9e0; }
.news-list .hd li.on a:before { background-color: #4fa9e0; }
.news-list .bd{position: relative;}
.news-list .bd .more { top: -80px;}
.news-list .bd .news-cont{margin-top: 16px;}
.news-list .bd li {padding:20px 0 30px; height: 35px; overflow: hidden; font-size: 24px;border-bottom: 1px solid #4ba4e2; }
.news-list .bd li strong{color: #ff0303;}
.news-list .bd li .time{padding-top:10px;float: right;color: #999999;font-size: 18px;}
.news-list .bd li a{ max-width: 600px; display: inline-block;white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal;color: #666666; overflow: hidden;}
.news-list .bd li a:hover{color: #4fa9e0;}
.news-tag{margin-right:4px;padding:6px 10px;display:inline-block;position: relative;background-color: #4ba4e2;color: #fff;}
.news-tag:after{display: block;content: '';position:absolute;right:-18px;top:10px;width: 0;height: 0;border:10px solid transparent;border-left-color: #4ba4e2;}
.fourpics-box{padding:30px 0;width: 750px;text-align: center;}
.fourpics-box a{display: inline-block;margin:10px 8px;}
.fourpics-box a img{width: 333px;height: 188px;}
/* 职业介绍 */
.profession-box{width: 100%;padding-top: 30px;position: relative;}

.profess-swiper{width: 750px;height:609px;margin:0 auto 0;}
.profess-intro p span{position:absolute;left:5px;top:0;width: 30px;height: 35px;background: url(/skin/default/images/profess-style-icon.png) no-repeat center;color: #fff;text-align: center;line-height: 35px;}
.profess-name{position: absolute;left: 386px;top:38px;width: 228px;height:68px;background-repeat: no-repeat;background-position: center;z-index: 2;}
.profess-role{display:block;position: absolute;background-repeat: no-repeat;background-position: center;}
.profess-intro{position: absolute;top:137px;left:365px;width:340px;}
.profess-intro span{display: block;margin-bottom:5px;height:27px;background-repeat: no-repeat;background-position: center;}

.profess-intro p{margin-bottom:20px;font-size: 18px;color: #565656;line-height: 26px;position: relative;}
.profess-intro p span{position:absolute;left:-5px;top:-7px;width: 38px;height: 43px;background: url(/skin/default/images/profess-style-icon.png) no-repeat center;color: #fff;text-align: center;line-height: 43px;}
.profess-intro p em{font-style: normal;padding-left: 40px;}
.profess-skill-list li{float: left;margin:0 12px;text-align: center;}
.profess-skill-list li img{display:block;width: 57px;height: 57px;margin:0 auto;border:2px solid #59bce4;border-radius: 50%;}
.profess-skill-list li p{padding-top:6px;font-size: 15px;color: #ab915e;}
.profess-radar{position: absolute;left: 354px;top:280px;width:332px;height:214px;}
.profess-btn{position: absolute;left:375px;top:513px;width: 360px;text-align: center;}
.profess-btn a{display: inline-block;margin:0 9px;width: 153px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;text-indent: -9999px;}
.profess-btn a.profess-btn1{background-image: url(/skin/default/images/profess-btn.png);}
.profess-btn a.profess-btn2{background-image: url(/skin/default/images/profess-btn.png);}
/* .profess-swiper .swiper-slide1 .profess-name{background-image: url(/skin/default/images/profess-name-xiao.png);} */
/* .profess-swiper .swiper-slide1 .profess-role{left: 0;top:0;width:512px;height:498px;background-image: url(/skin/default/images/profess-role-xiaodaxia.png);} */
.profess-swiper .swiper-slide1 .profess-role{left: 0;top:0;width:512px;height:498px;}
.swiper-button-prev,.swiper-button-next{ position:absolute; width:53px; height:76px; top:270px;}
.swiper-button-prev{left:0; background:url(/skin/default/images/profess-prev.png) no-repeat center;}
.swiper-button-next{right:0; background:url(/skin/default/images/profess-next.png) no-repeat center;}
/* 游戏资料 */
.info-box{padding-top: 65px;}
.info-swiper{width: 690px;height:500px;margin:0 auto;}
.info-list{width: 690px;height: 220px;margin:0 auto;}
.info-list dt{padding:30px 0;font-size: 24px;color: #4ba4e2;}
.info-list dd p a:last-child:after{display: none;}
.info-list dd a{display: inline-block;margin:13px 0;padding:0 19px;font-size:24px;font-family: '宋体';color: #666666;position: relative; }
.info-list dd a:after{display: block;content: '';position: absolute;right: 0;top:4px;height: 20px;width: 0;border-right: 1px solid #778393;}
.info-list dd a:hover{color: #4aa3e1;}
/* 视听盛宴 */
.media-box{padding-top: 50px;}
.media-list{width: 690px;margin:0 auto 0;}
.media-list .hd {width:600px;margin:0 auto; border-bottom: 1px solid #666666;}
.media-list .hd li { float: left;color: #666666; font:normal 28px/92px "Microsoft Yahei"; height: 92px; }
.media-list .hd li a {width:148px; color: #666666; position: relative; display: inline-block; height: 100%;text-align: center;font-size: 28px; }
.media-list .hd li a:before { position: relative; bottom: -90px; content: ""; height: 2px; display: block; }
.media-list .hd li.on a { color: #4fa9e0; }
.media-list .hd li.on a:before { background-color: #4fa9e0; }
.media-list .bd{position: relative;text-align: center;margin-left: -15px;margin-top: 15px;}
.media-list .bd .more { top: -111px;}
.media-list .bd .media-cont{margin-top: 10px;}
.media-list .bd li {display:inline-block;width:330px; margin:8px 0 8px 15px;position: relative;}
.media-list .bd li a{display:block;width:330px;height: 187px; overflow: hidden;}
.media-list .bd li a img{width: 330px;height: 187px;transition: all 0.5s;}
.media-list .bd .media-video li a:after{position: absolute;left:0;top:0;content: '';width: 100%;height: 100%;background:rgba(255,255,255,0.3) url(/skin/default/images/icon-play.png) no-repeat center;background-size: 57px 57px;}
.media-more{display: block;margin:30px auto 0;width: 228px;height: 56px;line-height: 52px;font-size: 28px;color: #666666;border:1px solid #666666;border-radius: 10px;text-align: center;}
.media-more span{font-size: 32px;padding-left: 10px;}
.hotevent-box{padding-top: 70px;}
.hotevent-list{padding-top:20px;text-align: center;}
.hotevent-list li{display: inline-block;}
.swiper-pagination,.swiper-pagination{ height:20px; bottom:0;}
.swiper-pagination-bullet,.swiper-pagination-bullet{ width:15px; height:15px; margin:0 4px!important; opacity:1; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background-color: #92d2ff; }
.swiper-pagination-bullet-active,.swiper-pagination-bullet-active{background-color: #50a7e3;width: 40px;border-radius: 26px;}
/* 游戏特色 */
.features-box{padding-top:84px;}
.features-swiper{width: 750px;height:780px;margin:60px auto 0;}
.features-swiper .swiper-slide img{display:block;margin:0 auto;padding:17px;border:1px solid #97cbef;width: 394px;height: 700px;}
.features-box .swiper-button-prev,.features-box .swiper-button-next{top:600px;}
.features-box .swiper-button-prev{left: 40px;}
.features-box .swiper-button-next{right: 40px;}
.features-pagination{text-align: center;}
.features-pagination .swiper-pagination-bullet{ display: inline-block; background: url(/skin/default/images/dot.png) no-repeat center bottom;background-size: 100% auto; width: 29px; height: 36px; cursor: pointer; margin: 0 20px; vertical-align: top; opacity:1;}
.features-pagination .swiper-pagination-bullet-active{background: url(/skin/default/images/dot-on.png) no-repeat center bottom;background-size: 100% auto; }
/* 二维码 */
.code-box{padding-top: 94px;text-align: center;padding-bottom: 60px;width: 100%;}
.code-list {width: 100%;overflow: hidden;text-align: center;}
.code-list li{display:inline-block;margin:0 21px;width: 107px;color: #40403f;font-size: 18px;}
.code-list li a{display: block;cursor: pointer;width: 107px;color: #40403f;}
.code-list li h3{width: 107px;height: 107px;background-image: url(/skin/default/images/bot-code.png);background-repeat: no-repeat;background-size: 587px 107px;}
.code-list li h3.icon-weixin{background-position: 0 0;}
.code-list li h3.icon-sina{background-position: -160px 0;}
.code-list li h3.icon-qq{background-position:-320px 0;}
.code-list li h3.icon-service{background-position: -480px 0;}
.code-list li p{padding-top: 8px;}
/* 二维码弹框 */
.pop-code{display:none;width: 482px;height: 400px;padding-top:122px;background: url(/skin/default/images/pop-code-bg.png) no-repeat center;background-size: 100% auto;}
.pop-close{display: block;position: absolute;bottom: -100px;left: 50%;margin-left:-32px;width: 64px;height: 64px;background: url(/skin/default/images/pop-close.png) no-repeat center;background-size: 100% auto;}
.pop-code-img{display: block;margin:0 auto;width: 280px;height: 280px;border: 1px solid #449cd9;}
.pop-code p{padding:20px 0;text-align: center;font-size: 28px;color: #fff;}
/* pop_video */
.pop-video{display:none;position:absolute; width:730px; height:411px; left:50%; top:50%; margin-left:-365px; margin-top:-205px;background-color: #000;}
.pop-video video{ width:100%;}