@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#c8dfff; 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(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/slogan.png) no-repeat center;background-size: 100% auto;}

.content-wrap{width: 750px;min-height: 2000px;background: url(https://sd.games.laohu.com/_s/template01_mcover/content-wrap-bg.jpg) no-repeat center top;background-size: 100% auto;}
.title{margin:0 auto;width: 688px;height: 55px;line-height: 55px;text-align: center;background: url(https://sd.games.laohu.com/_s/template01_mcover/title-bg.png) no-repeat center;font-size: 34px;color: #fff;background-size: 100% auto;}
/* 最新活动 */
.hotevent-box{padding-top: 5px;}
.hotevent-swiper{margin:10px 0; width:750px; height:530px;}
.hotevent-swiper .swiper-slide{ width:750px; text-align:center;}
.hotevent-swiper .swiper-slide a{ position:relative; display:inline-block; width:280px; height:483px;margin:0 13px;}
.hotevent-swiper .swiper-slide a img{ width:280px;height: 483px;}
.hotevent-swiper .swiper-pagination,.profess-swiper .swiper-pagination{ height:20px; bottom:0;}
.hotevent-swiper .swiper-pagination-bullet,.profess-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: #92d2ff; }
.hotevent-swiper .swiper-pagination-bullet-active,.profess-swiper .swiper-pagination-bullet-active{background-color: #50a7e3;width: 40px;border-radius: 26px;}
/* 职业介绍 */
.profession-box{width: 100%;padding-top: 30px;position: relative;}

.profess-swiper{width: 750px;height:550px;margin:0 auto 0;}
.profess-intro p span{position:absolute;left:5px;top:0;width: 30px;height: 35px;background: url(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/profess-btn.png);}
.profess-btn a.profess-btn2{background-image: url(https://sd.games.laohu.com/_s/template01_mcover/profess-btn.png);}
/* .profess-swiper .swiper-slide1 .profess-name{background-image: url(https://sd.games.laohu.com/_s/template01_mcover/profess-name-xiao.png);} */
/* .profess-swiper .swiper-slide1 .profess-role{left: 0;top:0;width:512px;height:498px;background-image: url(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/profess-prev.png) no-repeat center;}
.swiper-button-next{right:0; background:url(https://sd.games.laohu.com/_s/template01_mcover/profess-next.png) no-repeat center;}
/* 精彩活动 */
.goodevent-box{padding-top:70px;}
.goodevent-list{text-align: center;widows: 579px;margin:0 auto;}
.goodevent-list li{display:inline-block;width: 579px;height: 322px;margin-top: 47px;}
.goodevent-list li a{display:block;width: 579px;height: 322px;background-repeat: no-repeat;background-position: center right;background-size: 100% auto;}

/* 游戏特色 */
.features-box{padding-top:44px;}
.features-swiper{width: 750px;height:780px;margin:30px 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(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/dot-on.png) no-repeat center bottom;background-size: 100% auto; }
/* 二维码 */
.code-box{padding-top: 94px;text-align: center;padding-bottom: 80px;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(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/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(https://sd.games.laohu.com/_s/template01_mcover/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%;}