@charset "UTF-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,i,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:inherit;text-decoration:none}body{color:#333;font-family:Microsoft YaHei,Verdana,Arial,sans-serif,宋体;font-size:14px;line-height:1.42857143}img{border:none}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}.clearfix:after{clear:both}button,input{background:none;border:none;outline:none}body,html{min-width:1640px}body{background-color:#f6f6f6}.container{margin:auto;width:1400px}.header,.header__placeholder{height:90px}.header__container{background:#fff;height:90px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:999}.header__container .container{height:100%;overflow:hidden;position:relative}.header__logo{height:77px;left:0;margin-left:8px;margin-top:7px;position:absolute;top:0}.header__nav{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-top:25px;position:absolute;right:0;top:0}.header__nav__item{color:#ac7536;display:block;float:left;height:100%;margin-left:54px;min-width:64px;position:relative;text-align:center}.header__nav__item:first-child{margin-left:0}.header__nav__item.is-active,.header__nav__item:hover{color:#dba616}.header__nav__item.is-active:before,.header__nav__item:hover:before{background:#eeb315;bottom:0;content:"";height:4px;left:0;margin:auto;position:absolute;right:0;width:64px}.header__nav__item.is-active:after,.header__nav__item:hover:after{border-bottom:6px solid #eeb315;border-left:10px solid transparent;border-right:10px solid transparent;bottom:4px;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:0}.header__nav__cn{font-size:18px;line-height:1}.header__nav__en{font-size:12px;line-height:1;margin-top:15px}@media screen and (max-width:768px){.header__nav__item{margin-left:32px}}.footer{background:#000 url(../images/footer_bg.png) no-repeat top}.footer,.footer .footer-inner{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.footer .footer-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:144px;width:1920px}.footer .notice{margin-left:260px}.footer .notice p{color:#e7e7e7;font-size:12px}.footer .logo{margin-left:260px}.footer .notice2{margin-left:210px}.footer .notice2 p{color:#e7e7e7;font-size:12px}.footer .records{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-left:69px;width:175px}.footer .records img{height:55px}.com-tit{border-left:3px solid #c99e53;height:24px;line-height:24px;margin:15px 0;padding-left:7px;position:relative}.com-tit .cn{color:#c99e53;font-size:24px;font-weight:500}.com-tit .en{color:#d9ceba;font-size:16px;font-weight:500;margin-left:10px}.com-tit2{height:50px;margin:40px 0 32px;position:relative}.com-tit2 .cn{color:#c99e53;font-size:26px;line-height:29px;top:10px;z-index:2}.com-tit2 .cn,.com-tit2 .en{font-weight:700;left:0;position:absolute;right:0;text-align:center}.com-tit2 .en{color:#eddec8;font-size:37px;line-height:1;opacity:.92;top:0}.com-tit2:after{background:url(../images/title_bg.png) no-repeat;content:"";height:15px;left:0;margin:auto;position:absolute;right:0;top:18px;width:723px;z-index:1}.fixed-nav{background:url(../images/right_nav_bg.png) no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;height:579px;padding:93px 0 0;position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:229px;z-index:999}.fixed-nav .nav-item{cursor:pointer;height:55px;padding-left:54px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.fixed-nav .nav-item .nav-item-btn{font-size:0;line-height:55px}.fixed-nav .nav-item .nav-item-btn img{margin-right:7px;vertical-align:-7px;width:24px}.fixed-nav .nav-item .nav-item-btn span{color:#e1c799;font-size:16px;font-weight:500}.fixed-nav .nav-item .nav-item-btn .icon-sel{display:none}.fixed-nav .nav-item .qrcode{background:url(../images/right_nav_popup.png) no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;height:249px;opacity:0;padding-right:12px;pointer-events:none;position:absolute;right:200px;top:-35px;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);-webkit-transition:all .3s ease;transition:all .3s ease;width:208px;z-index:1000}.fixed-nav .nav-item .qrcode img{display:block;height:130px;margin:27px auto 0;width:130px}.fixed-nav .nav-item .qrcode .qrcode-title{color:#ffe8d3;font-size:18px;font-weight:500;line-height:1;margin-top:30px;text-align:center}.fixed-nav .nav-item .qrcode .qrcode-brief{color:#e9d0ba;font-size:14px;font-weight:400;line-height:1;margin-top:10px;text-align:center}.fixed-nav .nav-item .nav-item-btn:hover span{color:#ffd543}.fixed-nav .nav-item .nav-item-btn:hover .icon-sel{display:inline-block}.fixed-nav .nav-item .nav-item-btn:hover .icon-nor{display:none}.fixed-nav .nav-item .nav-item-btn:hover+.qrcode{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.receive-title{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:34px 0}.receive-title img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.receive-title img:nth-child(2){margin:0 30px}.search-box{-ms-flex-align:center;margin:38px auto 24px;overflow:hidden;width:1350px}.search-box,.search-box__inner{-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.search-box__inner{-webkit-box-flex:1;-ms-flex-align:center;border:2px solid #c99e53;border-radius:56px 0 0 56px;border-right:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;height:56px}.search-box__prefix{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-right:2px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;height:35px;justify-content:center;width:84px}.search-box__prefix img{height:37px}.search-box__input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:0 16px}.search-box__input input{background:transparent;border:none;color:#666;display:block;font-size:20px;height:100%;line-height:1;outline:none;width:100%}.search-box__suffix{cursor:pointer;height:56px}.search-box__suffix img{display:block;height:100%}.search-vers{margin:38px auto 8px;overflow:hidden;width:1400px}.search-vers .search-vers-wrapper{margin-right:-16px}.search-vers .item-ver{background:#ffb963;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;float:left;font-size:14px;font-weight:500;height:28px;line-height:28px;margin-bottom:16px;margin-right:16px;text-align:center;width:72px}.search-vers .item-ver.is-active{background:#ff930e}.main{background:url(../images/body_bg.png) repeat-y top;padding:27px 0}.banner{margin:auto;max-width:1920px;position:relative}.banner .banner-inner{background:#333;height:524px}.banner .banner-inner .swiper-slide{background:#333;overflow:hidden}.banner .banner-inner .swiper-slide img{display:block;height:524px;left:50%;margin-left:-960px;position:relative;width:1920px}.banner .banner-inner .pagination{bottom:18px;left:0;position:absolute;right:0;text-align:center;z-index:1}.banner .banner-inner .swiper-pagination-bullet{background:#fff;border-radius:4px;cursor:pointer;display:inline-block;height:8px;margin:0 7px;opacity:1;width:40px}.banner .banner-inner .swiper-pagination-bullet-active{background:#ffb43d}.banner .swiper-btn-prev{background:url(../images/sw-left.png) no-repeat 50%;left:50%;margin-left:-600px}.banner .swiper-btn-next,.banner .swiper-btn-prev{cursor:pointer;height:60px;position:absolute;top:236px;width:60px;z-index:1}.banner .swiper-btn-next{background:url(../images/sw-right.png) no-repeat 50%;margin-right:-600px;right:50%}.banner .sixten{background:url(../images/sixten.png) no-repeat 50%;bottom:20px;height:104px;margin-right:-580px;position:absolute;right:50%;width:82px;z-index:1}.games{margin:10px auto 35px}.games .games-list{background:#fff;padding:20px 0 0 4px}.games .games-list .games-item{border:1px solid #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-bottom:20px;margin-left:16px;overflow:hidden;width:328px}.games .games-list .games-item .item-thumb{height:184.5px}.games .games-list .games-item .item-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.games .games-list .games-item .item-content{overflow:hidden;position:relative}.games .games-list .games-item .item-time{color:#ff3c3c;font-size:13px;font-weight:500;line-height:1;position:absolute;right:12px;top:14px}.games .games-list .games-item .item-title{width:206px}.games .games-list .games-item .item-title,.games .games-list .games-item .item-ver{color:#000;font-size:16px;font-weight:500;height:16px;line-height:16px;margin-top:11px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.games .games-list .games-item .item-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;font-weight:500;height:42px;line-height:1.5;margin-top:13px;overflow:hidden;padding:0 10px 0 90px;text-overflow:ellipsis;word-break:break-word}.games .games-list .games-item .item-desc b{color:#000;float:left;font-weight:700;margin-left:-80px}.games .games-list .games-item .item-btns{font-size:0;overflow:hidden;padding:16px 0 20px;text-align:center}.games .games-list .games-item .item-btns .link-btn{background:#fff8ec;border:1px solid #bda47a;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:14px;height:25px;line-height:23px;margin-left:6px;text-align:center;width:74px}.games .games-list .games-item .item-btns .link-btn:first-child{margin-left:0}.games .games-list .games-item .item-btns .link-btn.is-primary{background:#c99e53;border:1px solid #bda47a;color:#fff}.videos{margin:10px auto 35px;position:relative}.videos .videos-list{background-color:#fff;padding:22px;position:relative}.videos .swiper-container{margin:auto}.videos .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:670px}.videos .swiper-slide .video-thumb{background:#000;height:762px;position:relative;width:100%}.videos .swiper-slide .video-thumb .cover-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.videos .swiper-slide .video-thumb .video-enter-btn{background:rgba(0,0,0,.5);border:2px solid #ff930e;border-radius:8px 8px 8px 8px;color:#ff930e;cursor:pointer;font-size:18px;height:58px;left:50%;line-height:58px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:180px;z-index:99}.videos .swiper-slide .video-thumb .mask{background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%}.videos .swiper-slide .video-thumb .video-play-btn{background:url(../images/btn_play.png) no-repeat 50%;bottom:0;cursor:pointer;height:70px;left:0;margin:auto;position:absolute;right:0;top:0;width:70px;z-index:2}.videos .swiper-slide .video-thumb .video-play-btn:after{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite;background:url(../images/btn_circle.png) no-repeat 50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.videos .swiper-slide .video-intro{background:-webkit-gradient(linear,left top,right top,from(hsla(39,29%,79%,.1)),color-stop(#d9ceba),to(hsla(39,29%,79%,.1)));background:linear-gradient(90deg,hsla(39,29%,79%,.1),#d9ceba,hsla(39,29%,79%,.1));font-size:14px;height:30px;line-height:30px;margin:13px auto 0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:440px}.videos .swiper-button-prev{background:url(../images/sw_btn_left.png) no-repeat 50%;left:-12px}.videos .swiper-button-next,.videos .swiper-button-prev{height:40px;margin-top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:24px}.videos .swiper-button-next{background:url(../images/sw_btn_right.png) no-repeat 50%;right:-12px}.records{margin:10px auto 35px;position:relative}.records .records-list{background-color:#fff;padding:20px;position:relative}.records .swiper-container{margin:auto}.records .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;height:215px;position:relative;width:332px}.records .swiper-slide img{display:block;height:100%;width:100%}.records .swiper-button-prev{background:url(../images/sw_btn_left.png) no-repeat 50%;left:-12px}.records .swiper-button-next,.records .swiper-button-prev{height:40px;margin-top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:24px}.records .swiper-button-next{background:url(../images/sw_btn_right.png) no-repeat 50%;right:-12px}.mobile-recommend{background:url(../images/game/bg-zyjs.png) no-repeat 50%;display:block;height:744px;margin:20px auto;position:relative;width:1400px}.mobile-recommend *{-webkit-box-sizing:border-box;box-sizing:border-box}.mobile-recommend .btn-enter{background-image:url(../images/game/btn-enter.png);background-position:0 0;background-repeat:no-repeat;color:transparent;height:129px;position:absolute;right:19px;text-indent:-9999px;top:11px;width:150px}.mobile-recommend .btn-enter:hover{background-position:0 -129px}.mobile-recommend .btn-reservation{background-image:url(../images/game/btn-reservation.png);background-position:0 0;background-repeat:no-repeat;bottom:26px;color:transparent;height:51px;left:36px;position:absolute;text-indent:-9999px;width:168px}.mobile-recommend .btn-reservation:hover{background-position:0 -51px}.mobile-recommend .intro{height:370px;left:36px;position:absolute;top:202px;width:680px}.mobile-recommend .intro__text{height:300px;left:0;position:absolute;top:0;width:160px}.mobile-recommend .intro__text img{left:50%;max-height:60%;max-width:60%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobile-recommend .intro__pic-skill{height:222px;left:204px;position:absolute;top:25px;width:165px}.mobile-recommend .intro__pic-skill img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.mobile-recommend .intro__pic-role{height:222px;left:405px;position:absolute;top:25px;width:165px}.mobile-recommend .intro__pic-role img{left:50%;max-height:90%;max-width:90%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobile-recommend .intro__sex-btns{position:absolute;right:0;top:156px}.mobile-recommend .intro__sex-btns .sex-btn{background-image:url(../images/game/zy_sprites.png);background-repeat:no-repeat;background-size:100% auto;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;width:53px}.mobile-recommend .intro__sex-btns .sex-btn[data-sex=nan]{background-position:0 -270px}.mobile-recommend .intro__sex-btns .sex-btn[data-sex=nan].is-active{background-position:0 -315px}.mobile-recommend .intro__sex-btns .sex-btn[data-sex=nv]{background-position:0 -360px}.mobile-recommend .intro__sex-btns .sex-btn[data-sex=nv].is-active{background-position:0 -405px}.mobile-recommend .intro__role-btns{position:absolute;right:0;top:10px}.mobile-recommend .intro__role-btns .role-btn{background-image:url(../images/game/zy_sprites.png);background-repeat:no-repeat;background-size:100% auto;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;width:53px}.mobile-recommend .intro__role-btns .role-btn[data-role=zs]{background-position:0 0}.mobile-recommend .intro__role-btns .role-btn[data-role=zs].is-active{background-position:0 -45px}.mobile-recommend .intro__role-btns .role-btn[data-role=ds]{background-position:0 -90px}.mobile-recommend .intro__role-btns .role-btn[data-role=ds].is-active{background-position:0 -135px}.mobile-recommend .intro__role-btns .role-btn[data-role=fs]{background-position:0 -180px}.mobile-recommend .intro__role-btns .role-btn[data-role=fs].is-active{background-position:0 -225px}.mobile-recommend .intro__desc{height:100px;left:190px;position:absolute;top:266px;width:404px}.mobile-recommend .intro__desc-item{overflow:hidden}.mobile-recommend .intro__desc-item .item-label{color:#fffdec;float:left;font-size:24px;font-weight:700}.mobile-recommend .intro__desc-item .item-text{color:#fffdec;font-size:18px;line-height:1.1;margin-left:124px;padding-top:4px}.mobile-recommend .intro__tips1{color:#f5e4a0;font-size:8px;font-weight:700;left:119px;line-height:9px;position:absolute;top:56px;width:11px;z-index:1}.mobile-recommend .intro__tips2{color:grey;font-size:5px;font-weight:400;left:129px;line-height:1;position:absolute;top:38px;width:8px;word-break:break-word;z-index:1}.mobile-recommend .inscription{height:356px;left:717px;position:absolute;top:210px;width:644px}.mobile-recommend .inscription .inscription-profession{bottom:0;left:0;position:absolute;width:100%;z-index:1}.mobile-recommend .inscription .inscription-profession__item{background-image:url(../images/game/mw_sprites.png);background-repeat:no-repeat;background-size:100% auto;color:transparent;cursor:pointer;float:left;height:79px;margin-right:4px;text-indent:-9999px;width:168px}.mobile-recommend .inscription .inscription-profession__item.is-zs{background-position:0 0}.mobile-recommend .inscription .inscription-profession__item.is-zs.is-active{background-position:0 -79px}.mobile-recommend .inscription .inscription-profession__item.is-ds{background-position:0 -158px}.mobile-recommend .inscription .inscription-profession__item.is-ds.is-active{background-position:0 -237px}.mobile-recommend .inscription .inscription-profession__item.is-fs{background-position:0 -316px}.mobile-recommend .inscription .inscription-profession__item.is-fs.is-active{background-position:0 -395px}.mobile-recommend .inscription .inscription-profession__more{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff1cd;font-size:12px;height:79px;line-height:14px;padding:26px 0 0 20px;position:absolute;right:0;top:0;width:112px}.mobile-recommend .inscription .inscription-skill{left:0;margin-right:-5px;position:absolute;top:175px;width:100%}.mobile-recommend .inscription .inscription-skill__item{background:#333230;border:1px dashed #f4db98;-webkit-box-sizing:border-box;box-sizing:border-box;color:#f4db98;cursor:pointer;float:left;font-size:24px;font-weight:700;height:44px;line-height:44px;margin-bottom:5px;margin-right:5px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:155px}.mobile-recommend .inscription .inscription-skill__item.is-active{color:#ff7200}.mobile-recommend .inscription .inscription-desc{height:170px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.mobile-recommend .inscription .inscription-desc__table{position:relative}.mobile-recommend .inscription .inscription-desc__table:after{background:url(../images/game/seal.png) no-repeat 50%/cover;content:"";height:201px;pointer-events:none;position:absolute;right:-44px;top:0;width:189px}.mobile-recommend .inscription .inscription-desc__table table{background:#fff1cd;border-collapse:collapse;border-radius:0;border-top:1px dashed #302e3e;table-layout:fixed;width:100%}.mobile-recommend .inscription .inscription-desc__table tr{border-bottom:1px dashed #302e3e}.mobile-recommend .inscription .inscription-desc__table tr:last-child{border-bottom:none}.mobile-recommend .inscription .inscription-desc__table td,.mobile-recommend .inscription .inscription-desc__table th{-webkit-box-sizing:border-box;box-sizing:border-box}.mobile-recommend .inscription .inscription-desc__table td{color:#363232;font-size:20px;height:85px;line-height:85px;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.mobile-recommend .inscription .inscription-desc__table td:first-child{font-size:24px;font-weight:700;text-align:center;width:168px}.mobile-recommend-hj{background:url(../images/game-hj/bg-zyjs.png) no-repeat 50%;display:block;height:744px;margin:20px auto;position:relative;width:1400px}.mobile-recommend-hj *{-webkit-box-sizing:border-box;box-sizing:border-box}.mobile-recommend-hj .btn-enter{background-image:url(../images/game-hj/btn-enter.png);background-position:50%;background-repeat:no-repeat;color:transparent;height:72px;position:absolute;right:20px;text-indent:-9999px;top:22px;width:72px}.mobile-recommend-hj .btn-enter:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.mobile-recommend-hj .btn-reservation{background-image:url(../images/game-hj/btn-reservation.png);background-position:50%;background-repeat:no-repeat;bottom:22px;color:transparent;height:72px;left:20px;position:absolute;text-indent:-9999px;width:72px}.mobile-recommend-hj .btn-reservation:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.mobile-recommend-hj .class-intro{height:369px;left:80px;position:absolute;top:186px;width:1000px}.mobile-recommend-hj .class-intro .video-container{height:369px;left:0;position:absolute;top:0;width:550px}.mobile-recommend-hj .class-intro .video-container .video-box{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.mobile-recommend-hj .class-intro .video-container .video-box.is-active{opacity:1;z-index:1}.mobile-recommend-hj .class-intro .video-container .video-box video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mobile-recommend-hj .class-intro .skill-intro{left:566px;position:absolute;top:12px;width:400px}.mobile-recommend-hj .class-intro .skill-intro__imgs{height:200px}.mobile-recommend-hj .class-intro .skill-intro__imgs img{display:none;height:173px}.mobile-recommend-hj .class-intro .skill-intro__imgs img.is-active{display:block}.mobile-recommend-hj .class-intro .skill-intro__btns{overflow:hidden}.mobile-recommend-hj .class-intro .skill-intro__btns .btn{background-image:url(../images/game-hj/skill-sprites.png);background-position:0 0;background-repeat:no-repeat;cursor:pointer;float:left;height:138px;margin:0 10px;text-indent:-9999px;width:33px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-zz{background-position:0 0}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-zz.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-zz:hover{background-position:-33px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-ff{background-position:-65px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-ff.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-ff:hover{background-position:-97px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dd{background-position:-130px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dd.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dd:hover{background-position:-163px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fz{background-position:-196px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fz.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fz:hover{background-position:-229px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dz{background-position:-262px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dz.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-dz:hover{background-position:-295px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fd{background-position:-328px}.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fd.is-active,.mobile-recommend-hj .class-intro .skill-intro__btns .btn.is-fd:hover{background-position:-361px}