*{margin:0;padding:0}body{overflow-x:hidden;background-color:#000}.hide{display:none}.container{position:relative;width:100%;height:39.86rem;background:url(../img/baihu/bg.png) no-repeat center;background-size:cover}.s1{position:relative;width:100%;height:15rem}.s1 .offical{position:absolute;right:.5rem;top:.3rem;width:1.01rem;height:.41rem;background:url(../img/offical.png) no-repeat center;background-size:100%;cursor:pointer;transition:all .3s}.s1 .offical:hover{background:url(../img/offical-hover.png) no-repeat center;background-size:100%}.pic-preview img,.tippy-content img{height:9rem}.tippy-content{padding:.05rem .09rem}.offical a{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%}.btns .datang{position:absolute;left:4rem;bottom:0;z-index:2;width:3.2rem;height:1.12rem;background:url(../img/baihu/btn1.png) no-repeat center;background-size:100%;cursor:pointer;transition:all .3s}.btns .datang.active,.btns .datang:hover{background:url(../img/baihu/btn1-active.png) no-repeat center;background-size:100%}.btns .luoma{position:absolute;left:8rem;bottom:0;z-index:2;width:3.2rem;height:1.12rem;background:url(../img/baihu/btn2.png) no-repeat center;background-size:100%;cursor:pointer;transition:all .3s}.btns .luoma.active,.btns .luoma:hover{left:8rem;bottom:0;background:url(../img/baihu/btn2-active.png) no-repeat center;background-size:100%}.btns .tujing{position:absolute;left:12rem;bottom:0;z-index:2;width:3.2rem;height:1.12rem;background:url(../img/baihu/btn3.png) no-repeat center;background-size:100%;cursor:pointer;transition:all .3s}.btns .tujing.active,.btns .tujing:hover{left:12rem;bottom:0;background:url(../img/baihu/btn3-active.png) no-repeat center;background-size:100%}.btns a{display:inline-block;width:100%;height:100%}ul{list-style:none}.s2{display:flex;flex-wrap:wrap;justify-content:center;margin:.7rem auto 0}.s2 .item{display:inline-block;margin-bottom:.5rem;width:7.2rem;height:4.15rem}.s2 .item:first-of-type{margin-right:.3rem;background:url(../img/baihu/rome1.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(2){background:url(../img/baihu/rome2.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(3){margin-right:.3rem;background:url(../img/baihu/rome3.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(4){background:url(../img/baihu/rome4.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(5){margin-right:.3rem;background:url(../img/baihu/rome5.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(6){background:url(../img/baihu/rome6.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(7){margin-right:.3rem;background:url(../img/baihu/rome7.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(8){background:url(../img/baihu/rome8.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(9){margin-right:.3rem;background:url(../img/baihu/rome9.png) no-repeat center;background-size:100%}.s2 .item:nth-of-type(10){background:url(../img/baihu/rome10.png) no-repeat center;background-size:100%}#footer{width:100%;height:1.22rem}#footer p{margin:0;padding-left:0;line-height:.2rem}.footer_bg{width:100%;min-width:10.04rem;background-image:url(//silkroad.iccgame.com/resources/style/images/1nd/footbg.jpg);background-repeat:repeat-x}.footer_main{width:100%;min-width:10.04rem;font-size:.12rem;color:#93afd2}.logo{float:left;position:absolute;top:.1rem}.logo img{width:2.28rem;height:1rem}.text{float:left;position:absolute;margin-left:2.25rem;width:6.3rem}.text p{line-height:.16rem;color:#7d7c7c}.text ul{padding-top:.1rem;padding-bottom:0;line-height:.18rem;color:#000}.text a{text-decoration:none;color:#7d7c7c}.text a:hover{text-decoration:underline}