*{margin:0;padding:0}
html {color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body {font-family:-apple-system,Hiragino Sans GB,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0}
input,select,textarea {font-size:100%}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
abbr,acronym {border:0;font-variant:normal}
del {text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500}
q:before,q:after {content:''}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
a {color:#333;}
a:hover {text-decoration:none}
ins,a {text-decoration:none}
button {-webkit-appearance: none;}
.fn-clear:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
.huoniao_iOS .header{padding-top: 0!important; display: none!important;}
.huoniao_iOS .padTop20 {padding-top: 0!important;}
body{width: 100%; max-width: 10rem; font-size: .24rem; margin: 0 auto;}
body.fixed{position: fixed;}
a:hover{text-decoration: none;}
i, em{font-style: normal;}
.padTop20 .header{padding-top: 20px;}
/* 头部 */
.header{height: .9rem;display: -webkit-box;font-size: .32rem;line-height: .9rem;width: 100%;position: relative;z-index: 100000;}
.header-l a{display: table-cell;height: .9rem;width: 1rem;vertical-align: middle; background: url(../images/header_back.png) center center no-repeat; background-size: auto .48rem;}
.header-l img{display: block;width: auto;height: .8rem;margin: 0 auto;}
.header-address{-webkit-box-flex: 1;text-align: center; font-size: .36rem; line-height: .9rem; margin: 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-address a.changeCity{position: relative;}
.header-address .downArea{position: absolute; right: -0.3rem; top: 0.15rem; border-top: .1rem solid #333; border-left: .1rem solid transparent; border-right: .1rem solid transparent;}
.header-search a{display: table-cell;height: .9rem;width: 1rem;vertical-align: middle;float: right; background: url(../images/header_la.png?v=1) center center no-repeat; background-size: auto .5rem; text-align: center;}
.header-search a.header-search{background: url(../images/search.png) center center no-repeat; background-size: auto .4rem;}
.header, .open.header, .open.transparent.header {background: #fff !important; border-bottom: 1px solid #f2f2f2;}
.header .header-l a, .open.header .header-l a {background-image: url('../images/header_back.png');}
.header .header-address, .open.header .header-address {color: #000;}
.header .header-search a, .open.header .header-search a {background-image: url('../images/header_la.png');}
.header .header-search a.header-search, .open.header .header-search a.header-search {background-image: url('../images/search.png');}
.header .header-search a.notMenu {background: none!important;}
/* 透明头部 */
.transparent.header {background: transparent !important; border-bottom: 0;}
.transparent .header-l a {background-image: url('../images/header_back_index.png');}
.transparent .header-address {color: transparent;}
.transparent.notransfontcolor .header-address {color: #fff;}
.transparent .header-search a {background-image: url('../images/header_la_index.png?v=1');}
.transparent .header-search a.header-search {background-image: url('../images/search_icon.png');}
.absolute.header {position: absolute; left: 0; top: 0; right: 0;}
/*导航*/
.navHeight{height: .8rem;}
#navlist{height: 100%;}
#navBox{position: fixed;top: 0; display: none; width: 100%; max-width: 10rem; margin: 0 auto; text-align: center; z-index: 99999; -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
#navBox .navlist{z-index: 2; position: relative; background: #fff;}
#navBox .navlist ul{min-height: 100%; border-top: 1px solid #f2f2f2;}
#navBox li{ width: 25%; text-align: center; font-size: .28rem; color: #ababab; float: left; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; padding: .1rem 0 .2rem 0;}
#navBox li a{display: block;}
#navBox li span.imgbox{width: 1rem; height: 1rem !important; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto; display: block;}
#navBox li .txtbox{display: block; height: .5rem; line-height: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#navBox li img{width: .7rem;margin-top: .2rem;}
#navBox .bg {position: fixed;top:0;width: 7.5rem;height: 0;opacity:0;background:rgba(0,0,0,0.5);-webkit-transition:opacity .5s;transition:opacity .5s;z-index: 1;left: 0; right: 0;}
#cancelNav{ padding: .15rem 0; background: #F2F7FC; border-bottom: 1px solid #f0f5f9; margin: .1rem 0 0;}
/*举报*/
.HN_Jubao{display: none;}
.JubaoBox{background: #fff;width: 80%;margin: 0 auto;border-radius: .1rem;position: fixed;left: 10%;top: 50%; z-index: 999999; display: none;}
.JubaoBox .JuClose{position: absolute; right: 0; top: 0; display: block; width: .8rem; height: .8rem; background: url(../images/close_3.png) center center no-repeat; background-size: .4rem auto;}
.JubaoBox .JuSelect p{border-bottom: 1px solid #f2f2f2; padding: .2rem;}
.JubaoBox .JuSelect ul{padding: .2rem; font-size: .24rem; display: none;}
.JubaoBox .JuSelect li{float: left; padding: .1rem .2rem; border: 1px solid #f2f2f2; margin: 0 .1rem .1rem 0; border-radius: .04rem;}
.JubaoBox .JuSelect li.active{color: #23b8f6; border-color: #23b8f6;}
.JubaoBox .JuRemark{padding: .2rem; color: #bbb;}
.JubaoBox .JubaoBox-tit{color: #bbb; margin-bottom: .1rem;}
.JubaoBox .JubaoBox-tit em{font-size: .24rem;}
.JubaoBox .JubaoBox-tit span{color: #f60;}
.JubaoBox .JuRemark textarea{border: none; outline: none; width: 100%; font-size: .26rem; resize: none;}
.JubaoBox .JubaoBox-contact{padding: .2rem; margin-bottom: .2rem;}
.JubaoBox .JubaoBox-contact dl{font-size: .26rem;}
.JubaoBox .JubaoBox-contact dt{margin-right: .2rem; padding: .1rem 0;}
.JubaoBox .JubaoBox-contact dd input{border: none; outline: 0; width: 4.5rem; padding: .1rem 0;}
.JubaoBox .JubaoBox-submit{display: block; background: #23b8f6; color: #fff; text-align: center; padding: .15rem 0; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem;}
/*错误信息*/
.JuError{color: #fff; background: #000; border-radius: .1rem; width: 3rem; position: fixed; z-index: 1000000; top: 50%; padding: .1rem .2rem; text-align: center; left: 50%; margin-left: -1.7rem; display: none; font-size: .25rem;}
/*遮罩层*/
.JuMask{position: fixed;top: 0;position: fixed;background: rgba(0,0,0,.4);top: 0;bottom: 0;left: 0;right: 0;z-index: 100002;display: none;}
.JuMask.show{display: block;}
/* 分享 */
.HN_PublicShare_shearBox {position: fixed;bottom:-100%;width: 7.5rem;margin:0 auto;text-align: center;z-index: 100001;}
.HN_PublicShare_shearBox .HN_PublicShare_bg {position: fixed;top:0;width: 7.5rem;height: 0;opacity:0;background:rgba(0,0,0,0.5);-webkit-transition:opacity .5s;transition:opacity .5s;z-index: 1;}
.HN_PublicShare_sheark1 {position: relative;height: 50%;background:#fff;border-bottom: solid 1px #dcdcdc;z-index: 2; padding: .4rem;}
#HN_PublicShare_shearBox a {display: block; height: 1.1rem;}
#HN_PublicShare_shearBox li{width: 25%; text-align: center; font-size: .24rem; color: #ababab; float: left; margin-bottom: .4rem;}
#HN_PublicShare_shearBox li span{float: none;}
#HN_PublicShare_shearBox a:after {display: inline-block;width: 1rem;height: 1rem;content:"";}
#HN_PublicShare_shearBox .HN_button_qzone:after{background:url(../../images/HN_Public_share1.png) center center no-repeat;background-size: .6rem auto; display: block; width: .7rem; height: .7rem;margin: 0 auto;margin-top: 0.1rem;}
#HN_PublicShare_shearBox .HN_button_tsina:after{background:url(../../images/HN_Public_share2.png) center center no-repeat;background-size: .6rem auto; display: block; width: .7rem; height: .7rem;margin: 0 auto;margin-top: 0.1rem;}
#HN_PublicShare_shearBox .HN_button_qzone, #HN_PublicShare_shearBox .HN_button_tsina{display: block; width: 1rem; height: 1rem !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto .11rem;}
#HN_PublicShare_shearBox .HN_button_comment, #HN_PublicShare_shearBox .HN_button_code, #HN_PublicShare_shearBox .HN_button_tweixin, #HN_PublicShare_shearBox .HN_button_ttqq{display: block; width: 1rem; height: 1rem !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto .11rem;}
#HN_PublicShare_shearBox .HN_button_comment:after{background:url(../../images/HN_Public_share5.png) center center no-repeat;background-size: .6rem auto; display: block; width: 1rem; height: 1rem;}
#HN_PublicShare_shearBox .HN_button_code:after{background:url(../../images/HN_Public_share6.png) center center no-repeat;background-size: .6rem auto; display: block; width: 1rem; height: 1rem;}
#HN_PublicShare_shearBox .HN_button_tweixin:after{background:url(../../images/HN_Public_share3.png) center center no-repeat;background-size: .6rem auto; display: block; width: 1rem; height: 1rem;}
#HN_PublicShare_shearBox .HN_button_ttqq:after{background:url(../../images/HN_Public_share4.png) center center no-repeat;background-size: .6rem auto; display: block; width: 1rem; height: 1rem;}
#HN_PublicShare_shearBox .HN_PublicShare_shearBox .HN_PublicShare_cancel {position: absolute;bottom:0;width: 7.5rem;height: .96rem;line-height: .96rem;font-size: .32rem;color: #000;background:#fff;z-index: 2;}
#HN_PublicShare_shearBox .HN_style_32x32 .jtico{width: 1rem; height: 1rem !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto;}
#HN_PublicShare_cancelShear, #HN_PublicShare_cancelcode{padding: .15rem 0; background: #F2F7FC; border-bottom: 1px solid #f0f5f9; margin: .1rem 0 0;}
.HN_PublicShare_codeBox {position: fixed;bottom:-100%;width: 7.5rem;margin:0 auto;text-align: center;z-index: 100001;background: #fff;}
.HN_PublicShare_codeBox p{color: #999; font-size: .24rem; margin-bottom: .5rem;}
/*分享指引*/
.HN_PublicShare_zhiyin{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100001; text-align: right; display: none;}
.HN_PublicShare_zhiyin .HN_PublicShare_bg{position: fixed;top:0;width: 7.5rem;height: 0;opacity:0;background:rgba(0,0,0,0.7);-webkit-transition:opacity .3s;transition:opacity .3s;z-index: 1;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox{position: fixed; top: 0; right: 0; z-index: 2;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox img{width: 7rem; display: block; margin: 0 auto;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox p{display: none;}
/* 广告标识 */
.siteAdvObj {position: relative;}
.siteAdvObj .advMark {position: absolute; width: 24px; height: 14px; background: url('../../images/advMark.png') no-repeat; font-size: 0; text-indent: -999em;}
.siteAdvObj .advMark.pos0 {left: 5px; top: 5px;}
.siteAdvObj .advMark.pos1 {right: 5px; top: 5px;}
.siteAdvObj .advMark.pos2 {left: 5px; bottom: 5px;}
.siteAdvObj .advMark.pos3 {right: 5px; bottom: 5px;}
.siteAdvObj .advTitleMark {position: absolute; left: 0; top: 0; line-height: .4rem; font-size: .24rem; margin: 0; padding: 0 5px; color: #fff; background: rgba(0,0,0,.5);}
/* 广告占位 */
.advPlaceholder {position: relative; width: 100%; height: 100%; line-height: .25rem; z-index: 1; font-size: .24rem;}
.advPlaceholder .apCon {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #f5f5f5; z-index: 888; color: #999;}
.advPlaceholder .apCon:hover {background: #f0f0f0;}
.advPlaceholder .apCon:hover .title h5 {background: #f00; border-color: #ff0; color: #fff;}
.advPlaceholder .ad_tit {position: absolute; left: 10px; top: 10px; z-index: 2;}
.advPlaceholder .ad_stu {position: absolute; right: 10px; top: 10px; z-index: 2; text-decoration: underline;}
.advPlaceholder .ad_title {position: absolute; left: 0; top: 50%; right: 0; bottom: 0; z-index: 3; text-align: center; margin-top: -.4rem; font-size: .36rem;}
.advPlaceholder h5 {display: inline-block; border: 1px dotted #fda9a9; background: #f9f9a3; padding: 3px 5px; color: #000; line-height: .4rem;}
.advPlaceholder h6 {display: block; font-size: .24rem; margin-top: 6px;}
.advPlaceholder .ad_tips {position: absolute; left: 0; right: 0; bottom: 10px; z-index: 2; padding: 0 10px; text-align: center; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*发布信息弹出层、登录弹出层*/
.login-modal, .cd-bouncy-nav-modal{position: fixed;z-index: 999;top:0;bottom:0;left:0;right:0;min-height: 7rem;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0.2s,visibility 0s 0.2s;-moz-transition:opacity 0.3s 0.2s,visibility 0s 0.2s;transition:opacity 0.3s 0.2s,visibility 0s 0.2s; display: none;}
.login-modal.fade-in, .cd-bouncy-nav-modal.fade-in{visibility:visible;opacity:1;-webkit-transition:opacity 0.1s 0s,visibility 0s 0s;-moz-transition:opacity 0.1s 0s,visibility 0s 0s;transition:opacity 0.1s 0s,visibility 0s 0s;}
.loginBox, .cd-bouncy-nav{width:100%;height:100%;position:absolute;left:50%;top:50%;z-index:999;-webkit-transform:translateX(-50%)translateY(-50%);-moz-transform:translateX(-50%)translateY(-50%);-ms-transform:translateX(-50%)translateY(-50%);-o-transform:translateX(-50%)translateY(-50%);transform:translateX(-50%)translateY(-50%)}
.loginBox #myLoginIframe, .cd-bouncy-nav #myFabuIframe{width: 100%; height:100%;background-color: #fff; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.fade-in .loginBox #myLoginIframe, .fade-in .cd-bouncy-nav #myFabuIframe{-webkit-animation: cd-move-in 0.4s;-moz-animation: cd-move-in 0.4s;animation: cd-move-in 0.4s;}
.fade-out .loginBox #myLoginIframe, .fade-out .cd-bouncy-nav #myFabuIframe{-webkit-animation: cd-move-out 0.4s;-moz-animation: cd-move-out 0.4s;animation: cd-move-out 0.4s;}
.fade-in .loginBox #myLoginIframe, .fade-out .loginBox #myLoginIframe, .fade-in .cd-bouncy-nav #myFabuIframe, .fade-out .cd-bouncy-nav #myFabuIframe{-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;}
/*底部*/
.footer_3_4{height:1rem;background:#fff;box-shadow: 0 0 .32rem rgba(192,192,192,.28);position: fixed;bottom: 0;left:0;right:0; z-index: 99;}
.footer_3_4 ul{height: 1rem;background: #fff;z-index: 9; display: -webkit-box;}
.footer_3_4 ul li{width: 20%;text-align: center;position: relative;-webkit-box-flex: 1;}
.footer_3_4 ul li a{display: block;}
.footer_3_4 ul li.ficon i{display: block;width:.5rem;height: .5rem; margin: .1rem auto 0;}
.footer_3_4 ul li.ficon1 i{background: url(../../images/touchHomePageFooter/2.0/ficon1.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon2 i{background: url(../../images/touchHomePageFooter/2.0/ficon2.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon4 i{background: url(../../images/touchHomePageFooter/2.0/ficon4.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon5 i{background: url(../../images/touchHomePageFooter/2.0/ficon5.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon1.active i{background: url(../../images/touchHomePageFooter/2.0/aficon1.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon2.active i{background: url(../../images/touchHomePageFooter/2.0/aficon2.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon4.active i{background: url(../../images/touchHomePageFooter/2.0/aficon4.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li.ficon5.active i{background: url(../../images/touchHomePageFooter/2.0/aficon5.png) no-repeat center center;background-size: .5rem auto; }
.footer_3_4 ul li img{width: .6rem;height: .6rem;}
.footer_3_4 .fabuBg{width: 1.1rem;height: .6rem;background: #fff;box-shadow: 0 0 0.32rem rgba(192,192,192,.28);border-radius: 1.2rem 1.2rem 0 0; position: absolute; left: 50%;top: -.46rem;z-index: -1; margin-left: -.55rem;}
.footer_3_4 .fabu{position: relative;}
.footer_3_4 .fabu i{display: block;width: 1.1rem;height: 1.1rem;margin: -.45rem auto 0.05rem;background: url(../../images/touchHomePageFooter/2.0/ficon3.png) no-repeat center center;background-size: 1.1rem auto;}
.footer_3_4 .fabu p{margin-top: -.1rem;}
.footer_3_4 li.ficon4 span{display: inline-block;position: relative;height:.55rem;}
.footer_3_4 li.ficon4 em {display: block; position: absolute; bottom: 50%; left: 56%; min-width: .25rem; max-width: .6rem; height: .3rem; line-height: .28rem; padding: .01rem .04rem .01rem .04rem; background: #ff2938; border-radius: 10px; color: #fff; font-size: .2rem; overflow: hidden;}
/* iPhoneX适配 */
.footer_3_4{padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}
/* iPhoneX适配 */
body{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
/* CSS 特效 */
@-webkit-keyframes twinkling{0%{opacity:.5}100%{opacity:.8}}
@-moz-keyframes twinkling{0%{opacity:.5}100%{opacity:.8}}
@keyframes twinkling{0%{opacity:.5}100%{opacity:.8}}
/* 从下往上缓冲显示 */
@-webkit-keyframes bottomFadeIn{
0%{opacity:0; -webkit-transform:translateY(10px);}
100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes bottomFadeIn{
0%{opacity:0; -moz-transform:translateY(10px);}
100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes bottomFadeIn{
0%{opacity:0; transform:translateY(10px);}
100%{opacity:1; transform:translateY(0);}
}
/* 从上往下缓冲显示 */
@-webkit-keyframes topFadeIn{
0%{opacity:0; -webkit-transform:translateY(-10px);}
100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes topFadeIn{
0%{opacity:0; -moz-transform:translateY(-10px);}
100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes topFadeIn{
0%{opacity:0; transform:translateY(-10px);}
100%{opacity:1; transform:translateY(0);}
}
/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn{
0%{opacity:0; -webkit-transform:translateX(-10px);}
100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes leftFadeIn{
0%{opacity:0; -moz-transform:translateX(-10px);}
100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes leftFadeIn{
0%{opacity:0; transform:translateX(-10px);}
100%{opacity:1; transform:translateY(0);}
}
/* 从右往左缓冲显示 */
@-webkit-keyframes rightFadeIn{
0%{opacity:0; -webkit-transform:translateX(10px);}
100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes rightFadeIn{
0%{opacity:0; -moz-transform:translateX(10px);}
100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes rightFadeIn{
0%{opacity:0; transform:translateX(10px);}
100%{opacity:1; transform:translateY(0);}
}
/* 膨胀后变正常尺寸 */
@-webkit-keyframes popup{
0%{-webkit-transform:scale(0);}
60%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes popup{
0%{-moz-transform:scale(0);}
60%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@keyframes popup{
0%{transform:scale(0);}
60%{transform:scale(1.1);}
100%{transform:scale(1);}
}
/*从下往上展开*/
@-webkit-keyframes cd-move-in {
0% {
-webkit-transform: translateY(100vh);
}
100% {
-webkit-transform: translateY(0vh);
}
}
@-moz-keyframes cd-move-in {
0% {
-moz-transform: translateY(100vh);
}
100% {
-moz-transform: translateY(0vh);
}
}
@keyframes cd-move-in {
0% {
-webkit-transform: translateY(100vh);
-moz-transform: translateY(100vh);
-ms-transform: translateY(100vh);
-o-transform: translateY(100vh);
transform: translateY(100vh);
}
100% {
-webkit-transform: translateY(0vh);
-moz-transform: translateY(0vh);
-ms-transform: translateY(0vh);
-o-transform: translateY(0vh);
transform: translateY(0vh);
}
}
@-webkit-keyframes cd-move-out {
0% {
-webkit-transform: translateY(0vh);
}
100% {
-webkit-transform: translateY(100vh);
}
}
@-moz-keyframes cd-move-out {
0% {
-moz-transform: translateY(0vh);
}
100% {
-moz-transform: translateY(100vh);
}
}
@keyframes cd-move-out {
0% {
-webkit-transform: translateY(0vh);
-moz-transform: translateY(0vh);
-ms-transform: translateY(0vh);
-o-transform: translateY(0vh);
transform: translateY(0vh);
}
100% {
-webkit-transform: translateY(100vh);
-moz-transform: translateY(100vh);
-ms-transform: translateY(100vh);
-o-transform: translateY(100vh);
transform: translateY(100vh);
}
}
.nav-active{
top: 0.9rem !important;
bottom: 0px;
display: block !important;
}