@charset "utf-8";
/* =========================================================
   秦淮区少年宫 qhqsng 站点样式
   仿照 http://qhqsng.njqhjy.net 线上环境还原（原站基于 ZUI 框架）
   适配动易 PowerEasy 基础布局，作用域化以避免与 power.css 冲突
   ========================================================= */

/* ---------- 全局 ---------- */
body { color: #000; font-size: 16px; background: url(../../images/bg.jpg) repeat; }
a { color: #05436c; cursor: pointer; text-decoration: none; outline: none; }
a:hover { color: #353535; text-decoration: none; }
li { list-style: none; }
img { border: 0; }
.clear { clear: both; }
.container { width: 1200px; margin: 0 auto; }
.text-center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.relative { position: relative; }
.inline-block { display: inline-block; }

/* ---------- 手机端顶部 ---------- */
#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: 1px solid #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; display: none; }
#m-headerbar .container { width: 100%; }
#m-headerbar .row { text-align: center; position: relative; }
#m-headerhd { display: inline-block; color: #05436c; width: 100%; padding-right: 50px; }
#m-headerhd .hdtitle-img { width: 80%; height: 40px; line-height: 40px; text-align: left; display: inline-block; }
#m-headerhd .hdtitle-img img { max-height: 40px; height: auto; display: inline-block; vertical-align: middle; }
#m-headerhd .hdtitle-img span { display: inline-block; vertical-align: middle; color: #000; line-height: 40px; font-size: 20px; padding-left: 6px; max-width: 60%; overflow: hidden; white-space: nowrap; }
#m-headerbar i.blue { position: absolute; top: 12px; right: 72px; font-size: 24px; color: #2e7dd1; }
#m-headerbar .headertel { font-size: 16px; color: #05436c; }
#m-headerbtn { position: absolute; top: 6px; right: 10px; color: #888a8d; background-color: #fff; border: 1px solid #888a8d; font-size: 20px; line-height: 1.2; padding: 4px 8px; cursor: pointer; }
#leftmenulayout { display: none; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenu { display: none; width: 60vw; height: 100vh !important; background-color: #171f25; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem; overflow-y: auto; }
#leftmenu .items { display: block; width: 100%; border-bottom: 1px solid #303c45; position: relative; }
#leftmenu .items>a { margin: 0 10%; font-size: 15px; display: block; height: 45px; line-height: 45px; position: relative; color: #b9c1c7; width: 80%; overflow: hidden; white-space: nowrap; }
#leftmenu .items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #58656f; height: 45px; width: 45px; font-size: 24px; line-height: 45px; }
#leftmenu .items>.listplus { display: none; text-align: center; padding: 6px 0; }
#leftmenu .items>.listplus>div>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; }
/* 手机端左侧菜单：动易节点导航适配 */
#leftmenu ul, #leftmenu .power-nav-list { display: none; }
#leftmenu .items .h1 a { margin: 0 10%; font-size: 15px; display: block; height: 45px; line-height: 45px; color: #b9c1c7; width: 80%; overflow: hidden; white-space: nowrap; }

/* ---------- Banner 大图 ---------- */
.banner { width: 100%; height: 220px; margin: 0 auto; background: url(../../images/top.jpg) no-repeat; background-size: 100% 100%; position: relative; overflow: hidden; }
.banner .col { position: relative; min-height: 1px; padding: 0 10px; float: left; }
.banner .col-lg-5ths { width: 20%; }
.banner .b1 img { width: 75%; padding-left: 11.5%; }
.banner .b21 { margin-top: 50px; text-align: right; padding-right: 20px; }
.banner .b22 { position: absolute; top: 100px; right: 60px; }
.banner .b23 { position: absolute; top: 130px; right: 10px; }
.banner .b3 img { width: 75%; padding-top: 26%; }
.banner .b41 { margin: 0; padding: 0; }
.banner .b41 img, .banner .b42 img { width: 75%; }
.banner .b42 { margin-top: 70px; text-align: right; }
@media (min-width: 768px) {
    .banner { height: 450px; }
    .banner .b21 { top: 190px; }
    .banner .b22 { top: 140px; right: 100px; }
    .banner .b23 { top: 220px; }
    .banner .b42 { margin-top: 30px; }
}
@media (min-width: 992px) {
    .banner { height: 470px; }
    .banner .b22 { top: 150px; right: 100px; }
    .banner .b23 { top: 280px; }
    .banner .b42 { margin-top: 20px; }
}
@media (min-width: 1200px) {
    .banner { height: 500px; }
    .banner .b22 { top: 190px; right: 100px; }
    .banner .b23 { top: 320px; }
}
@media (min-width: 1600px) { .banner { height: 600px; } }
@media (min-width: 1800px) { .banner { height: 691px; } }

/* Banner 装饰动画（animate.css 精简版） */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.slower { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); } to { -webkit-transform: none; opacity: 1; } }
@keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; } }
@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } }
.fadeInDownbig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }
@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); } 14% { -webkit-transform: scale(1.3); } 28% { -webkit-transform: scale(1); } 42% { -webkit-transform: scale(1.3); } 70% { -webkit-transform: scale(1); } }
@keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; }
@-webkit-keyframes wobble { from { -webkit-transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; } }
@keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); } }
@keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }
@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); } }
@keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } }
.headShake { -webkit-animation-name: headShake; animation-name: headShake; }

/* ---------- 电脑端导航 ---------- */
#headernav { width: 100%; position: relative; box-sizing: border-box; background: #05436c; margin-top: 5px; }
#headernav .container { width: 1200px; margin: 0 auto; }
#headernav ul { text-align: center; float: none; margin: 0; padding: 0; font-size: 0; }
#headernav ul>li { display: inline-block; position: relative; float: none; height: 60px; width: 13.6%; background: url(../../images/nav_right.jpg) right center no-repeat; font-size: 18px; vertical-align: top; }
#headernav ul>li>a, #headernav ul>li .h1 a { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #fff; padding: 0; }
#headernav ul>li:hover>a, #headernav ul>li.active>a { background-color: #05436c; color: #fff; }
#headernav ul>li .navplus, #headernav ul>li>ul { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; top: 60px; left: 0; font-size: 0; background-color: rgba(5, 67, 108, 0.8); border-radius: 0 0 10px 10px; }
#headernav ul>li .navplus>a, #headernav ul>li>ul>li a { display: block; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 14px 20px; height: auto; line-height: 14px; }
#headernav ul>li .navplus>a:hover, #headernav ul>li>ul>li a:hover { background-color: rgba(48, 82, 105, 0.7); color: #fff; }
#headernav ul>li.spe { width: 0; background: none; color: transparent; overflow: hidden; }
#headernav ul>li:last-child { border-right: none; }
/* 动易节点导航结构适配：覆盖 default.css 默认导航（去图标、去固定宽度、防换行） */
#headernav .mainNav { font-size: 0; text-align: center; }
#headernav .mainNav .li1 { display: inline-block; position: relative; float: none; height: 60px; width: 13.6%; background: url(../../images/nav_right.jpg) right center no-repeat; text-align: center; font-size: 18px; vertical-align: top; }
#headernav .mainNav .li1 .h1 { margin: 0; font-size: 18px; font-weight: normal; line-height: 60px; height: 60px; }
#headernav .mainNav .li1 .h1 a { color: #fff; line-height: 60px; display: block; height: 60px; width: 100%; padding: 0; margin: 0; background: none; font-size: 18px; text-align: center; white-space: nowrap; }
#headernav .mainNav .li1 .h1 a:hover { background: none; color: #fff; text-decoration: none; }
#headernav .mainNav .li1.on1 .h1 a, #headernav .mainNav .li1.on .h1 a { border-top: none; background: #05436c; color: #fff; }
#headernav .mainNav .li1:hover .h1 a { background: none; color: #fff; }
#headernav .mainNav .li1 .ul1 { width: 160px; display: none; position: absolute; z-index: 1009; text-align: left; top: 60px; left: 50%; margin-left: -80px; background-color: rgba(5, 67, 108, 0.85); border-radius: 0 0 10px 10px; padding: 4px 0; }
#headernav .mainNav .li1:hover .ul1 { display: block; }
#headernav .mainNav .li1 .ul1 .li2 { display: block; float: none; width: 100%; height: auto; background: none; text-align: left; }
#headernav .mainNav .li1 .ul1 .li2 .h2 { margin: 0; font-size: 16px; font-weight: normal; }
/* 悬浮子节点：高度 42px，节点前三角形装饰 */
#headernav .mainNav .li1 .ul1 .li2 .h2 a { display: block; color: #fff; line-height: 42px; height: 42px; padding: 0 10px; }
#headernav .mainNav .li1 .ul1 .li2 .h2 a::before { content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 8px; vertical-align: middle; }
#headernav .mainNav .li1 .ul1 .li2 .h2 a:hover { background-color: rgba(48, 82, 105, 0.7); color: #fff; }
#headernav .mainNav .spe { display: none; }

/* ---------- 首页 logo ---------- */
.index_logo { margin-top: 48px; margin-bottom: 30px; text-align: center; }
.index_logo h1 { font-weight: normal; display: inline-block; font-size: 48px; color: #000; margin: 0; line-height: 73px; }
.index_logo h1 i { display: block; float: left; height: 73px; margin-right: 38px; background: url(../../images/logo.png) no-repeat; width: 99px; }

/* ---------- 首页 4 列新闻（总宽 1200px 居中，模块背景透明） ---------- */
.index_news .list { width: 1200px; margin: 0 auto; padding: 0; }
.index_news .listcon { border-radius: 5px; margin-right: 5px; margin-top: 0; background: transparent; padding-bottom: 4px; }
.index_news .listcon .title { height: 60px; line-height: 60px; padding-left: 14px; color: #f16c1b; font-size: 20px; text-align: left; border-bottom: 1px solid #c4c4c4; font-weight: bold; }
.index_news .listcon .title span { font-size: 16px; font-weight: normal; float: right; padding-right: 15px; }
.index_news .listcon .title span a { color: #0e5fa0; }
.index_news .listcon .con { width: 100%; }
.index_news .listcon .con ul { padding: 0; padding-top: 10px; padding-bottom: 15px; margin: 0; }
.index_news .listcon .con ul li { height: 34px; line-height: 34px; font-size: 16px; padding-left: 0; text-align: left; color: #000; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_news .listcon .con ul li a { padding-left: 10px; color: #000; }
.index_news .listcon .con ul li a i { color: #c8c6c2; }
.index_news .listcon .con ul li a:hover { text-decoration: underline; }
.index_news .listcon .con ul li span { float: right; color: #acacac; padding-right: 18px; }
/* 动易文章标题列表适配：日期在 span.date */
.index_news .listcon .con ul li a { padding-right: 110px; display: block; }
.index_news .listcon .con ul li span.date { float: right; color: #acacac; padding-right: 18px; margin-top: -34px; position: relative; background: transparent; }

/* ---------- 内页顶部：图片 + 搜索 + 标题 ---------- */
.top { border-top: 7px solid #05436c; padding: 13px 0; background: #fff; }
.top .container { position: relative; display: flex; align-items: center; justify-content: space-between; }
.top .col.col-md-9, .top .col.col-lg-9 { display: flex; align-items: center; flex: 0 0 auto; }
.top .container>img, .top .col img { max-width: 100%; height: auto; vertical-align: middle; }
.top h2 { position: static; display: inline-block; vertical-align: middle; margin: 0 0 0 30px; font-size: 36px; font-weight: 700; color: #04436e; white-space: nowrap; }
.screen-phone .top h2 { font-size: 24px; margin: 10px 0 0; display: block; }
.top h2 span { font-size: 36px; }
.screen-phone .top h2 span { font-size: 24px; }
.top .col.col-md-3, .top .col.col-lg-3 { flex: 0 0 auto; align-self: flex-start; padding-top: 10px; }
.top .search { height: 47px; border-bottom: 2px solid #91d1dd; position: relative; }
.top .search input { height: 47px; line-height: 47px; width: 87%; border: none; background: 0 0; color: #000; font-size: 16px; outline: none; }
.top .search i { position: absolute; top: 12px; right: 0; display: block; width: 23px; height: 23px; background: url(../../images/search.png) no-repeat; cursor: pointer; }

/* ---------- 内页面包屑 ---------- */
.weizhi { height: 43px; line-height: 43px; margin-top: 20px; padding-left: 15px; font-size: 16px; color: #000; margin-bottom: 10px; border-bottom: 1px dashed #8ecedb; position: relative; }
.weizhi a { font-size: 16px; color: #000; }
.weizhi a:hover { color: #05436c; }
.weizhi i { color: #05436c; }

/* ---------- 内页列表 ---------- */
.inner_news .list { width: 1200px; margin: 0 auto; margin-top: 0; padding: 0; }
.screen-phone .inner_news .list { width: 100%; padding: 0 10px; box-sizing: border-box; }
.inner_news .listcon { border-radius: 5px; margin-right: 5px; margin-top: 0; background: transparent; padding: 10px 14px; }
.inner_news .listcon .title { height: 60px; line-height: 60px; padding-left: 14px; color: #f16c1b; font-size: 20px; font-weight: 700; text-align: left; border-bottom: 1px solid #c4c4c4; }
.inner_news .listcon .con { width: 100%; }
.inner_news .listcon .con ul { padding: 0; padding-top: 10px; padding-bottom: 15px; margin: 0; }
.inner_news .listcon .con ul li { height: 42px; line-height: 42px; font-size: 16px; padding-left: 0; text-align: left; color: #000; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e5e5e5; }
.inner_news .listcon .con ul li a { padding-left: 10px; color: #000; }
.inner_news .listcon .con ul li a i { color: #c8c6c2; }
.inner_news .listcon .con ul li a:hover { text-decoration: underline; }
.inner_news .listcon .con ul li span { float: right; color: #acacac; padding-right: 18px; }
/* 动易文章标题列表适配 */
.inner_news .listcon .con ul li a { padding-right: 120px; display: block; }
.inner_news .listcon .con ul li span.date { float: right; color: #acacac; padding-right: 18px; margin-top: -42px; position: relative; }
.inner_news .listcon .con ul li .date { float: right; color: #acacac; }

/* ---------- 列表分页 ---------- */
.page_div, .inner_news .page { text-align: center; padding: 20px 0 30px; }
.inner_news .pagectrl { display: block; width: 100%; padding-top: 20px; text-align: center; }
.inner_news .pagectrl>a { display: inline-block; padding: 0 16px; height: 30px; line-height: 28px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; color: #333; background: #fff; }
.inner_news .pagectrl>a.active, .inner_news .pagectrl>a:hover { background-color: #05436c; border: 1px solid #05436c; color: #fff; text-decoration: none; }
.inner_news .pagectrl .pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0 20px; margin-bottom: 10px; }
.inner_news .pagectrl .pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; text-align: center; }
.inner_news .pagectrl .pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #05436c; border: 1px solid #05436c; color: #fff; }

/* ---------- 详情页 ---------- */
.about { padding: 10px; background: transparent; }
.about .title h1 { padding: 12px 0; font-size: 24px; text-align: center; margin-top: 0; color: #05436c; }
.about .title p { text-align: center; font-size: 14px; color: #7f7f7f; border-bottom: 1px solid #d9d9d9; padding: 0 0 12px 0; }
.about .content { font-size: 16px; width: 100%; margin: 0 auto; margin-top: 20px; color: #000; line-height: 2; }
.about .content img { max-width: 100%; height: auto; }
.newstitle { display: block; width: 100%; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; color: #05436c; }
.maincontent { font-size: 16px; width: 100%; max-width: 1000px; margin: 0 auto; padding: 10px; color: #000; }

/* 内容页上下篇 */
.prevnext { width: 100%; padding: 20px 0; font-size: 14px; }
.prevnext a { color: #333; }
.prevnext a:hover { text-decoration: underline; color: #05436c; }
.prevnext .prev, .prevnext .next { width: 100%; display: block; }

/* ---------- 底部 ---------- */
#footerbar { width: 100%; font-size: 14px; color: #fff; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; background-color: #05436c; border-top: 1px solid #f4f4f4; }
#footerbar .container { text-align: center; }
#footerbar p { margin: 0; font-size: 14px; padding: 5px 0; color: #fff; }
#footerbar a { color: #fff; }
#footerbar a:hover { color: #68bff9; }
#footerbar .group-left1 { padding: 0; text-align: center; }
#m-footer { display: none; }

/* ---------- 响应式（手机端） ---------- */
.screen-phone .banner { height: 150px; }
.screen-phone .banner .b3 img { padding-top: 10%; }
.screen-phone .banner .b21 { margin-top: 18px; }
.screen-phone .banner .b22 { top: 40px; right: 20px; }
.screen-phone .banner .b23 { top: 60px; }
.screen-phone .banner .b42 { margin-top: 20px; }
.screen-phone .index_logo { margin-top: 20px; margin-bottom: 10px; }
.screen-phone .index_logo h1 { font-size: 30px; line-height: 60px; }
.screen-phone .index_logo h1 i { height: 60px; width: 80px; background-size: contain; }
.screen-phone .index_news .listcon { margin-top: 10px; }
.screen-phone #headernav { display: none; }
.screen-phone #m-headerbar { display: block; }
.screen-phone .top h2 { top: 46px; font-size: 28px; }
.screen-phone .weizhi { font-size: 14px; margin-bottom: 0; }
.screen-phone .weizhi a { font-size: 14px; }
.screen-phone #footerbar { padding-top: 0; padding-bottom: 0; margin-top: 20px; }
.screen-phone #m-footer { display: block; border-top: 1px solid #fff; background-color: #05436c; }
.screen-phone #m-footer .row { padding: 6px 0; }
.screen-phone #m-footer a { display: block; color: #fff; padding: 4px 0; font-size: 14px; }
.screen-phone #m-footer i { display: block; font-size: 20px; }