#wraper{background:0 0}body{background-attachment:scroll;color:#000}.g-header{position:relative}.g-main{position:relative;background:url(https://hearthstone.nosdn.127.net/3/hsoa/main.bg.jpg) no-repeat 50% 1px;margin-top:-1px}.g-main .line{background:rgba(255,255,255,.5);height:1px;width:100%}.m-topNav{width:1000px;margin-left:-349px;left:50%;position:absolute;z-index:1000;top:53px}.m-topNav p{background:url(https://hearthstone.nosdn.127.net/3/minisite/tgt/sprite.png) no-repeat -610px -572px;width:247px;height:51px;color:#584734;font-size:.875rem;padding:13px 0 0 50px;position:absolute;right:0;top:5px;text-align:left}.m-topNav p a{color:#584734;padding:0 8px;text-shadow:.7px .7px 0 #d9bd8d}.m-topNav p a:hover{color:#fff;text-decoration:none}.share{width:274px;position:absolute;right:17px;top:59px}.share li{margin-right:4px;color:#fff}.share li a{background:rgba(0,0,0,0) url(https://hearthstone.nosdn.127.net/3/hsoa/shareBtn.png) no-repeat -999em -999em;height:24px;width:24px}.share li a.bds_button_tsina{background-position:-61px 0}.share li a.bds_button_tieba{background-position:-154px 0}.share li a.bds_button_weixin{background-position:-123px 0}.share li a.bds_button_tsina:hover{background-position:-61px -24px}.share li a.bds_button_tieba:hover{background-position:-154px -24px}.share li a.bds_button_weixin:hover{background-position:-123px -24px}.m-slider{text-align:center;position:relative;height:806px}.m-slider .picList{position:absolute;top:0;left:50%;margin-left:-960px}.m-slider .picList li{position:absolute;top:0;width:1920px;text-align:center;z-index:3;opacity:0}.m-slider .picList li.active{display:block;z-index:5;opacity:1;transition:opacity .5s ease-in-out}.m-slider .picList li img{width:2500px;height:806px;margin-left:-290px}.m-slider .picList li p{position:absolute;top:231px;left:50%;margin-left:-617px}.m-slider .picList li p span{font-weight:700;display:block}.m-slider .picList li p .txt1{font-size:90px;color:#ffce4b;opacity:0}.m-slider .picList li p .txt2{font-size:60px;color:#f38430;font-weight:700;opacity:0}.m-slider .picList li.in-left,.m-slider .picList li.in-right{opacity:1}.m-slider .picList li.in-right img{animation:in-r 10s forwards;-webkit-animation:in-r 10s forwards;-ms-animation:in-r 10s forwards;-moz-animation:in-r 10s forwards}.m-slider .picList li.in-left img{animation:in-l 10s forwards;-webkit-animation:in-l 10s forwards;-ms-animation:in-l 10s forwards;-moz-animation:in-l 10s forwards}.m-slider .picList li.in-left .txt1{animation:txt-l .5s .3s forwards;-webkit-animation:txt-l .5s .3s forwards;-ms-animation:txt-l .5s .3s forwards;-moz-animation:txt-l .5s .3s forwards}.m-slider .picList li.in-left .txt2{animation:txt-l .5s .3s forwards;-webkit-animation:txt-l .5s .3s forwards;-ms-animation:txt-l .5s .3s forwards;-moz-animation:txt-l .5s .3s forwards}.m-slider .picList li.in-right .txt1{animation:txt-r .5s .3s forwards;-webkit-animation:txt-r .5s .3s forwards;-ms-animation:txt-r .5s .3s forwards;-moz-animation:txt-r .5s .3s forwards}.m-slider .picList li.in-right .txt2{animation:txt-r .5s .3s forwards;-webkit-animation:txt-r .5s .3s forwards;-ms-animation:txt-r .5s .3s forwards;-moz-animation:txt-r .5s .3s forwards}@keyframes txt-l{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-moz-keyframes txt-l{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-ms-keyframes txt-l{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes txt-l{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes txt-r{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-moz-keyframes txt-r{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-ms-keyframes txt-r{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes txt-r{0%{opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes in-l{0%{transform:translate(200px,0);opacity:.6}10%{transform:translate(60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-moz-keyframes in-l{0%{transform:translate(200px,0);opacity:.6}10%{transform:translate(60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-ms-keyframes in-l{0%{transform:translate(200px,0);opacity:.6}10%{transform:translate(60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes in-l{0%{transform:translate(200px,0);opacity:.6}10%{transform:translate(60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@keyframes in-r{0%{transform:translate(-200px,0);opacity:.6}10%{transform:translate(-60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-moz-keyframes in-r{0%{transform:translate(-200px,0);opacity:.6}10%{transform:translate(-60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes in-r{0%{transform:translate(-200px,0);opacity:.6}10%{transform:translate(-60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}@-ms-keyframes in-r{0%{transform:translate(-200px,0);opacity:.6}10%{transform:translate(-60px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}.m-slider .num{display:inline-block;padding:13px 17px;background:rgba(0,0,0,.35);border-radius:28px;z-index:10;position:relative;top:700px}.m-slider .num li{width:12px;height:12px;display:inline-block;background:#ffce4b;margin:0 6px;border-radius:6px;cursor:pointer;transition:all .5s}.m-slider .num li:hover{background:#f38430}.m-slider .num li.active{width:46px;background:#f38430}.g-header .hsoa-logo{position:absolute;left:50%;margin-left:-696px;top:83px;z-index:10}.g-header .hsoa-logo a{background:url(https://hearthstone.nosdn.127.net/3/hsoa/sprite.png?v1) no-repeat 0 0;width:602px;height:103px;display:block;text-indent:-999em}.download-btn{position:relative;background:url(https://hearthstone.nosdn.127.net/3/hsoa/sprite.png?v1) no-repeat -16px -127px;width:344px;height:131px;display:block;position:absolute;top:489px;left:50%;margin-left:-550px;text-indent:-999em;z-index:10}.download-btn:after{background:url(https://hearthstone.nosdn.127.net/3/hsoa/sprite.png?v1) no-repeat -789px -22px;width:155px;height:144px;display:block;position:absolute;left:-54px;top:-4px;content:""}.download-btn:hover{background-position:-382px -127px}.download-btn:hover:after{-webkit-animation:cardShake 2s cubic-bezier(.36,.07,.19,.97) both infinite;animation:cardShake 2s cubic-bezier(.36,.07,.19,.97) both infinite}@-webkit-keyframes cardShake{10%,20%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}15%,5%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}25%,95%{-webkit-transform:rotate(0);transform:rotate(0)}}@-moz-keyframes cardShake{10%,20%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}15%,5%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}25%,95%{-webkit-transform:rotate(0);transform:rotate(0)}}@-ms-keyframes cardShake{10%,20%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}15%,5%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}25%,95%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes cardShake{10%,20%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}15%,5%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}25%,95%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.g-main-con{width:1200px;position:relative;left:50%;margin-left:-600px;padding-bottom:100px}.m-menu{padding-top:50px}.m-menu p{width:595px;height:44px;border:1px solid #c0975e;padding:1px;background:#e7cea8;float:left;margin:0 .5px;cursor:pointer}.m-menu span{background:#d7b98d;display:block;text-align:center;line-height:44px;font-size:26px;font-weight:700}.m-menu p.active{height:53px;top:-9px;position:relative}.m-menu p.active span{background:#be986d;line-height:53px}.g-main .m-con{padding-top:34px;clear:both;background:url(https://hearthstone.nosdn.127.net/3/hsoa/list-con-bg.png) no-repeat 50% 0;position:relative;top:-8px}.m-version-list{display:none}.m-list>ul>li{width:1090px;margin:6px auto}.m-list li.active .news-detail{display:block}.m-list>ul>li.active .arrow i{border-top-color:transparent;border-bottom-color:#54331f;top:2px;border-top-width:5px;border-bottom-width:6px}.m-list .news-detail{font-size:16px;color:#5b4b38;line-height:28px;background:#e5cfa2;display:none;transition:all .5s linear 0s;padding:15px 25px}.m-list .news-title{background:rgba(183,137,76,.25);line-height:34px;margin-bottom:6px;cursor:pointer}.m-list .news-title .title{width:833px;display:inline-block;padding-left:45px;font-size:16px;font-weight:700}.m-list .news-title .time{display:inline-block;width:138px;font-size:16px;font-weight:700}.m-list .news-title .arrow{display:inline-block;width:19px;height:19px;border:1px solid #7c5531;border-radius:3px;position:relative;vertical-align:middle;top:-2px}.m-list .news-title .arrow i{display:block;width:0;height:0;border:5px solid transparent;border-top-color:#54331f;border-top-width:6px;position:absolute;top:7px;left:5px}.m-list .news-detail h1,.m-list .news-detail h2,.m-list .news-detail h3,.m-list .news-detail h4,.m-list .news-detail h5,.m-list .news-detail h6{font-weight:700}.m-list .news-detail h1{font-size:1.5rem}.m-list .news-detail h2{font-size:1.3rem}.m-list .news-detail h3{font-size:1rem}.m-list .news-detail ol ul li,.m-list .news-detail ul li{list-style:disc}.m-list .news-detail ul{padding-left:2rem}.m-list .news-detail ol li{list-style:decimal}.m-list .news-detail ol{padding-left:2rem}.m-list .news-detail strong{font-weight:700!important}.m-list .news-detail em,.m-list .news-detail i{font-style:italic;font-weight:inherit}.m-list .news-title:hover .arrow{border:1px solid #ac4e14}.m-list .news-title:hover .arrow i{border-top-color:#ac4e14}.m-list>ul>li.active .news-title:hover .arrow i{border-bottom-color:#ac4e14;border-top-color:transparent}.more-list-btn{width:1086px;height:42px;line-height:42px;border:1px solid #be986d;padding:1px;text-align:center;margin:0 auto;display:none}.more-list-btn a{color:#000;font-size:18px;background:#be986d;display:block;width:100%;height:100%}.m-list .more-list-btn a:hover{text-decoration:none;color:#fff}#app,#gotop,#hsoa-link,#weibo{display:none!important}a.myQuestion{position:fixed;right:18px;bottom:10px;display:none;width:120px;height:50px;line-height:50px;color:#e8d3a8;z-index:1000;font-size:15px;text-align:center;border:1px solid #963918;background:#963918;box-shadow:0 0 1px #e7d5ad inset}a.myQuestion:hover{background:#b1431c}a.myQuestion span{display:inline-block;padding-left:30px;background-image:url(https://hearthstone.nosdn.127.net/3/minisite/hsgo/mqicon.png);background-position:0 50%;background-repeat:no-repeat;background-size:auto}@media only screen and (max-width:1500px){a.myQuestion-mobile{top:1338px;display:block}}