@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";html body{background:#383838;width:100%;min-width:1240px;font-family:Microsoft Yahei;overflow-x:hidden}#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:#c0c0c0;text-align:center}.wraper{width:100%;height:1188px;background:url(../images/bg-body.jpg) no-repeat center top;margin:32px auto 0;min-width:1200px;max-width:1920px;overflow:hidden;color:#fff;position:relative}.wraper #obindex{width:150px;height:92px;top:28px;left:50%;margin-left:-44px;position:absolute;background:url(../images/logo.png) no-repeat;text-indent:-999em;overflow:hidden;display:block;z-index:10}.wraper .layer .slogen{width:760px;height:270px;position:absolute;left:50%;margin-left:-572px;top:132px}.wraper .layer .slogen::before,.wraper .layer .slogen::after{content:"";position:absolute;z-index:2}.wraper .layer .slogen::before{left:0;top:0;width:760px;height:270px;background:url(../images/slogen.png) no-repeat;z-index:3}.wraper .layer .slogen::after{left:299px;top:-91px;width:200px;height:200px;background-size:cover;background-image:url(../images/01.gif);background-repeat:no-repeat;z-index:1}.wraper .layer .tree{width:1920px;position:absolute;left:50%;top:0;margin-left:-960px}.wraper .layer .tree::before,.wraper .layer .tree::after{content:"";position:absolute;z-index:2;animation:bg0 5s infinite ease-out}.wraper .layer .tree::before{left:-4px;top:-8px;width:494px;height:818px;background:url(../images/tree-1.png) no-repeat;transform-origin:left top}.wraper .layer .tree::after{right:-9px;top:0;width:521px;height:517px;background:url(../images/tree-2.png) no-repeat;transform-origin:right top}.wraper .layer .npc{width:990px;height:1161px;position:absolute;left:50%;top:30px;margin-left:-30px;background:url(../images/npc.png) no-repeat}.wraper .list{width:898px;height:760px;background:url(../images/list.png) no-repeat;position:absolute;top:405px;left:50%;margin-left:-634px;background-size:cover}.wraper .list a{width:32px;height:32px;display:block;position:absolute;text-indent:-9999px;overflow:hidden}.wraper .list a::after{content:"";position:absolute;border-radius:10px;display:none}.wraper .list a.n1{top:291px;left:340px}.wraper .list a.n1::after{width:328px;height:201px;left:32px;top:0;background:url(../images/pop-1.jpg) no-repeat}.wraper .list a.n2{top:462px;left:803px}.wraper .list a.n2::after{width:330px;height:201px;left:-330px;top:0;background:url(../images/pop-2.jpg) no-repeat}.wraper .list a.n3{top:633px;left:262px}.wraper .list a.n3::after{width:282px;height:376px;left:32px;bottom:0;background:url(../images/pop-4.jpg) no-repeat}.wraper .list a.n4{top:633px;left:570px}.wraper .list a.n4::after{width:282px;height:376px;left:32px;bottom:0;background:url(../images/pop-3.jpg) no-repeat}.wraper .list a:hover{overflow:visible}.wraper .list a:hover::after{display:block}@keyframes bg0{0%,100%{transform:skewX(-0.8deg) rotate(1deg)}50%{transform:skewX(.8deg) rotate(0)}}