@charset "utf-8";
html { min-width:1336px;cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;background-color: #d6efff;color: #333;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;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft YaHei",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;}
.btn-hover{transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn-hover:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.header-wrap{width: 100%;height: 1089px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-wrap-bg.jpg) no-repeat center top;position: relative;}
.header-shade{position: absolute;left:0;bottom: 0;width: 100%;height: 294px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-wrap-shade.png) no-repeat center;}
.header-role1{position: absolute;left: 140px;top:5px;width:1603px;height: 1016px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-role1.png) no-repeat center; }


.header-flower{position: absolute;right: 0;top:729px;width: 481px;height: 579px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-flower.png) no-repeat center;}
.header-logo{position: absolute;left: 67px;top:35px;width:153px;}
.header-btn-home{position: absolute;right: 67px;top:40px;display: block;width: 235px;height: 66px;background: url(https://sd.games.laohu.com/_s/template01_pccover/btn-home.png)  no-repeat center;text-indent: -9999px;z-index: 2;}
.header-slogan{position: absolute;left: 310px;top:565px;width: 691px;height: 245px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-slogan.png) no-repeat center;z-index: 2;}
.header-btn-play{position: absolute;left: 397px;top:537px;width: 71px;height: 71px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-btn-play.png) no-repeat center;text-indent: -9999px;cursor: pointer;z-index: 33;}
.header-downbox{position: absolute;left: 438px;top:827px;width: 402px;height: 154px;background: rgba(255,255,255,.35);z-index: 2;}
.header-downbox-text{position: absolute;left: 15px;top:11px;width: 21px;background: url(https://sd.games.laohu.com/_s/template01_pccover/header-down-icon.png) no-repeat center top;text-align: center;font-size: 14px;color: #966e0f;line-height: 18px;padding-top: 24px;}
.header-downbox-code{position: absolute;left: 40px;top:13px;width: 130px;height:130px;}
.header-downbox-code img{width: 130px;height: 130px;}
.header-downbox-btn-ios,.header-downbox-btn-android{display: block;position: absolute;left: 182px;width: 203px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;cursor: pointer;}
.header-downbox-btn-ios{height: 60px;top:14px;background-image: url(https://sd.games.laohu.com/_s/template01_pccover/header-downbox-btn-ios.png);}
.header-downbox-btn-android{height: 58px;top:85px;background-image: url(https://sd.games.laohu.com/_s/template01_pccover/header-downbox-btn-android.png);}
.content-wrap{width: 100%;min-height: 1135px;background: url(https://sd.games.laohu.com/_s/template01_pccover/bg-02.jpg) no-repeat center top;}
.rel{width: 1336px;margin:0 auto;position: relative;}
.title{margin:0 auto;width: 1078px;height: 55px;line-height: 55px;text-align: center;background: url(https://sd.games.laohu.com/_s/template01_pccover/section-title-bg.png) no-repeat center;font-size: 34px;color: #fff;}
/* 热门活动 */
.hotevent-box{padding-top: 135px;}
.hotevent-list{margin-top: 57px;text-align: center;}
.hotevent-list a{display: inline-block;margin:0 14px;width: 280px;height: 483px;background-repeat: no-repeat;background-position: center;position: relative;}
.hotevent-list a:after{opacity:0;content: '';position: absolute;left: -11px;top:8px;width: 302px;height: 453px;background: url(https://sd.games.laohu.com/_s/template01_pccover/hotevent-item-hover.png) no-repeat center;transition: all 0.6s;-webkit-transition: all 0.6s;}
.hotevent-list a:hover:after{opacity: 1;}
.hotevent-list a.hotevent-item1{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/hotevent-img1.png);}
.hotevent-list a.hotevent-item2{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/hotevent-img2.png);}
.hotevent-list a.hotevent-item3{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/hotevent-img3.png);}
.hotevent-list a.hotevent-item4{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/hotevent-img4.png);}
/* 职业介绍 */
.profession-box{width: 100%;height: 1100px;background: url(https://sd.games.laohu.com/_s/template01_pccover/profess-bg.png) no-repeat center 65px;padding-top: 105px;position: relative;}
.profess-tab{width:100%;height:84px; margin:60px auto 0;text-align: center;}
.profess-tab li{display:inline-block;width:100px; height:101px; margin:0 20px; cursor:pointer; text-indent:-9999px;background-repeat: no-repeat;background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-tab.png);}
.profess-tab li:hover,.profess-tab li.on{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-tab-on.png);}
.profess-tab li.profess-tab0{background-position: 0 0;}
.profess-tab li.profess-tab1{background-position: -142px 0;}
.profess-tab li.profess-tab2{background-position: -284px 0;}
.profess-tab li.profess-tab3{background-position: -426px 0;}
.profess-tab li.profess-tab4{background-position: -568px 0;}
.profess-swiper{width: 1336px;height:860px;margin:0 auto;}
.profess-name{position: absolute;left: 126px;top:38px;width: 131px;height:271px;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:777px;width:340px;}
.profess-intro span{display: block;margin-bottom:5px;height:27px;background-repeat: no-repeat;background-position: center;}
.profess-intro span.profess-style{margin-bottom:20px;width:117px;background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-style.png);}
.profess-intro span.profess-yx{margin-top:30px;width:112px;background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-yx.png);}

.profess-intro p{font-size: 16px;color: #565656;line-height: 26px;position: relative;padding-left: 40px;}
.profess-intro p span{position:absolute;left:5px;top:0;width: 30px;height: 35px;background: url(https://sd.games.laohu.com/_s/template01_pccover/profess-style-icon.png) no-repeat center;color: #fff;text-align: center;line-height: 35px;}
.profess-skill-list{position: absolute;left: 820px;top:353px;z-index: 2;}
.profess-skill-list li{float: left;margin:0 12px;text-align: center;position: relative;cursor: pointer;}
.profess-skill-list li img{display:block;width: 60px;height: 60px;margin:0 auto;border:2px solid #59bce4;border-radius: 50%;}
.profess-skill-list li p{padding-top:6px;font-size: 15px;color: #067aa2;}
.skill-pop{display:none;position: absolute;right: 0;top:65;width: 600px;background-color: #fff;border:1px solid #ccc;padding: 15px;font-size: 14px;z-index: 3;text-align: left;}
.profess-radar{position: absolute;left: 834px;top:456px;width:332px;height: 214px;background-repeat: no-repeat;background-position: center;}
.profess-btn{position: absolute;left:730px;top:700px;width: 460px;text-align: center;}
.profess-btn a{display: inline-block;margin:0 17px;width: 193px;height: 53px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;}
.profess-btn a.profess-btn1{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-btn.png);}
.profess-btn a.profess-btn2{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/profess-btn.png);}
.profess-swiper .swiper-slide1 .profess-name img,.profess-swiper .swiper-slide1 .profess-role img{display: block;}
.profess-swiper .swiper-slide1 .profess-role{left: 100px;top:47px;width:872px;height:691px;}

.swiper-button-prev,.swiper-button-next{ position:absolute; width:73px; height:104px; top:405px;}
.swiper-button-prev{left:0; background:url(https://sd.games.laohu.com/_s/template01_pccover/profess-prev.png) no-repeat center;}
.swiper-button-next{right:0; background:url(https://sd.games.laohu.com/_s/template01_pccover/profess-next.png) no-repeat center;}
/* 精彩活动 */
.goodevent-box{padding-top:70px;}
.goodevent-list{text-align: center;}
.goodevent-list li{display:inline-block;width: 594px;height: 322px;margin:60px 10px 0;}
.goodevent-list li a{display:block;width: 594px;height: 322px;background-repeat: no-repeat;background-position: center right;}
.goodevent-list li a.goodevent-item1{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img.png);}
.goodevent-list li a.goodevent-item1:hover{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img-hov.png);}
.goodevent-list li a.goodevent-item2{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img.png);}
.goodevent-list li a.goodevent-item2:hover{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img-hov.png);}
.goodevent-list li a.goodevent-item3{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img.png);}
.goodevent-list li a.goodevent-item3:hover{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img-hov.png);}
.goodevent-list li a.goodevent-item4{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img.png);}
.goodevent-list li a.goodevent-item4:hover{background-image: url(https://sd.games.laohu.com/_s/template01_pccover/goodevent-img-hov.png);}
/* 游戏特色 */
.features-box{margin: 130px auto 0;width: 1593px;background: url(https://sd.games.laohu.com/_s/template01_pccover/features-bg.png) no-repeat -84px 90px;}
.features-swiper{width: 843px;height:530px;margin:100px auto 0;}
.features-swiper .swiper-slide img{width: 843px;height: 474px;}
.features-box .swiper-button-prev,.features-box .swiper-button-next{top:190px;}
.features-pagination{text-align: center;}
.features-pagination .swiper-pagination-bullet{ display: inline-block; background: url(https://sd.games.laohu.com/_s/template01_pccover/dot.png) no-repeat center bottom; 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_pccover/dot-on.png) no-repeat center bottom; }
/* 二维码 */
.code-box{padding-top: 88px;text-align: center;padding-bottom: 120px;}
.code-list li{display:inline-block;margin:0 55px;}
.code-list li a{display: block;cursor: pointer;width: 204px;height: 240px;}
.code-box li h3{padding-top:14px;width: 204px;height: 190px;background: url(https://sd.games.laohu.com/_s/template01_pccover/bot-code-bg.png) no-repeat center;text-align: center;}
.code-box li h3 img{width:160px;height: 160px;cursor: pointer;}
.code-box li h3 p{padding-top:2px;font-size: 13px;color: #666666;}
.code-box li h3 p span{color: #e4927a;}
.code-box li h4{margin:10px auto 0;width: 178px;height: 23px;line-height: 23px;text-align: center;background: url(https://sd.games.laohu.com/_s/template01_pccover/bot-code-btn.png) no-repeat center;font-size: 16px;color: #fff;cursor: pointer;}

/* pop_video */
.pop-video{display:none;position:absolute; width:820px; height:460px; left:50%; top:50%; margin-left:-410px; margin-top:-230px;background-color: #000;}
.pop-video video{ width:100%;}
.close-video{position: absolute; top: 0px; right: -50px; width: 41px; height: 41px; background: url(https://sd.games.laohu.com/_s/template01_pccover/close.png) no-repeat 0 0;-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);-webkit-transition: transform 0.5s;transition: transform 0.5s; cursor:pointer;}
.close-video:hover{-webkit-transform: rotate3d(0,0,1,180deg);transform: rotate3d(0,0,1,180deg);}