@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input { outline: none; }
li { list-style: none; }
a { text-decoration: none; }
body { font: 12px STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; color: #555; }
em, i { font-style: normal; }
strong { font-weight: normal; }
img { width: 100%; height: auto; }
.fl { display: block; float: left; }
.fr { display: block; float: right; }
.clear{clear: both;}
#Wrap { min-width: 320px; max-width: 768px; margin: 0 auto;  overflow: hidden; position: relative; }
/*top*/
#QZhead{height: 50px;position: relative; background: -webkit-linear-gradient(left, #007AFF 0%,#007AFF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AFF', endColorstr='#007AFF',GradientType=1 );background: linear-gradient(to right, #007AFF 0%,#007AFF 100%);}
#QZhead .box{display: flex;flex: 1;margin: 0 12px; padding: 0;}
#QZhead .box p{flex: 1;color: #fff;font-size: 20px;text-align: center;font-weight: bold; padding-top: 10px;}
#QZhead .box > a {display: inline-block;flex: 0 0 40px;order: -1;width: 30px;height: 33px;background: url(../images/logo.png) no-repeat left center; background-size: auto 30px;cursor: pointer;margin-top: 8px;}
#QZhead .box a.back {background: url(../images/btn-back.png) no-repeat center;background-size: 13px auto; margin-top: 10px;}
#QZhead .box .logo{background: url("../images/logo2.png") no-repeat;background-size: 40px 40px;display: block;width: 40px;height:40px;margin-top: 5px;}
#QZhead .box .meun{display: block;width:34px;height:34px;background: url(../images/icon-pre2.png); background-size:40px auto;float: right;margin: 10px 5px 0 0;}
#QZhead .QZburger {  padding-top: 10px;display: none; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 49px; z-index: 999;}
#QZhead .QZburger .search { margin: 0 12px 10px; position: relative; height: 32px; background: #f5f5f5; border-radius: 16px; display: flex; flex: 1; }
#QZhead .QZburger .search .search_box { position: relative; flex: 1; margin-right: 40px; }
#QZhead .QZburger .search .search_box .search-input { width: 100%; border: none; background: none; height: 20px; line-height: 20px; font-size: 12px; color: #333; margin: 6px 0 0 10px; }
#QZhead .QZburger .search .search_box .search-btn { display: inline-block; float: right; height: 19px; width: 19px; position: absolute; right: -28px; top: 6px; background: url(../images/icon-search.png) no-repeat; background-size: 100%; }

/*影藏的导航*/
#tags{ padding:0px 0 10px 15px; font-size:14px;}
#tags .title2{ line-height:30px;  color:#007AFF;font-size: 16px;}
#tags .nav_tags{padding-bottom: 5px; }
#tags .nav_tags a{ width:17.8%; height:28px; overflow: hidden; line-height:28px;text-align:center; float:left; margin-right:1%; margin-bottom:10px; display:block; color:#404040; background:#F8F8F8; border:1px solid #dcdcdc; border-radius:3px;}
#tags .nav_tags a:hover{ color:#007AFF; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}
.mIcons01 {background: #FDB83F url( ../images/icoa1.png)no-repeat center;}
.mIcons02 {background: #1CCABF url( ../images/icoa2.png)no-repeat center;}
.mIcons03 {background: #31ABF1 url( ../images/icoa3.png)no-repeat center;}
.mIcons04 {background: #85C449 url( ../images/icoa4.png)no-repeat center;}
.mIcons05 {background: #FDB83F url( ../images/icoa5.png)no-repeat center;}
.mIcons06 {background: #1CCABF url( ../images/icoa6.png)no-repeat center;}
.mIcons07 {background: #FDB83F url( ../images/icoa7.png)no-repeat center;}
.mIcons08 {background: #85C449 url( ../images/icoa8.png)no-repeat center;}
.mIcons09 {background: #1CCABF url( ../images/icoa9.png)no-repeat center;}
.mIcons10 {background: #31ABF1 url( ../images/icoa10.png)no-repeat center;}
.mIcons {border-radius: 100%;}
.mChannel {box-sizing: border-box; padding: 8px 6px 24px; text-align: center;overflow: hidden; }
.mChannel ul {width: 100%; box-sizing: border-box;}
.mChannel ul li {float: left; width: 20%; box-sizing: border-box; padding: 0 6px; font-size: 14px; line-height: 32px;}
.mChannel ul li a {color:#404040;display: block; width: 100%; overflow: hidden; padding-top: 50px; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.mChannel ul li a:active {background-color: rgba(0,0,0,.02);}
.mChannel ul li i {width: 44px; height: 44px; margin-left: -22px; position: absolute; left: 50%; top: 8px;}
.mChannel ul li i.mIcons01 {background-size: auto 59.1%;}
.mChannel ul li i.mIcons02 {background-size: 56.82% auto;}
.mChannel ul li i.mIcons03 {background-size: auto 59.1%;}
.mChannel ul li i.mIcons04 {background-size: 56.82% auto;}
.mChannel ul li i.mIcons05 {background-size: 45.46% auto;}
.mChannel ul li i.mIcons06 {background-size: 68.19% auto;}
.mChannel ul li i.mIcons07 {background-size: 59.1% auto;}
.mChannel ul li i.mIcons08 {background-size: 61.37% auto;}
.mChannel ul li i.mIcons09 {background-size: auto 59.1%;}
.mChannel ul li i.mIcons10 {background-size: auto 52.28%;}

/*分类导航*/
.wrapper {position:relative;height:34px;width: 100%;overflow: hidden;margin:0 auto;background:#007AFF}
.wrapper02 .scroller {padding-right: 30px;}
.wrapper02 .scroller li {height: 36px;color:#333;float: left;line-height: 36px;font-size:14px;text-align: center}
.wrapper02 .scroller li a{color:#fff;display:block;margin:0 10px;}
.wrapper .a2{width: 16px; height: 8px; display: block;background:#007AFF url(../images/custom.png) no-repeat -130px -20px; background-size: 290px 190px;  position: absolute; right:0; top:0; z-index: 999999; border: 14px solid #007AFF;}
#tags2{display: none;  background:#E4E4E4;background: #f2f2f2; padding: 10px 0;}
#tags2 ul li a{display: block; float: left; height: 30px; line-height: 30px; color: #333; width: 25%; font-size: 14px; text-indent: 1em; overflow: hidden;}

/*meun*/
.menuwrap { min-width: 320px; max-width: 768px; width: 100%; height: 43px; position: relative; }
.menuwrap > span { display: inline-block; height: 43px; width: 30px; position: absolute; top: 0px; }
.menuwrap .l-y { left: 0; background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.3) 100%); }
.menuwrap .r-y { right: 0px; background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%); background: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.3) 100%); }

.menu { min-width: 320px; max-width: 768px; width: 100%; height: 43px; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); overflow-x: scroll; overflow-y: hidden; }
.menu ul { display: inline-block; padding: 0 12px; overflow: hidden; }
.menu ul li { display: inline-block; padding: 0 15px; float: left; text-align: center; }
.menu ul li a { display: inline-block; color: #333; font-size: 16px; line-height: 35px; margin: 2px 0 4px 0; }
.menu ul li a.current { color: #007AFF; font-weight: bold; }

.Qzcrumb { padding: 0 12px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.Qzcrumb a, .Qzcrumb span { line-height: 40px; color: #888; font-size: 14px; }
.Qzcrumb span { margin: 0 4px; }
/*nav*/

/*首页的轮播*/
.swipe-hd ,.swipe-hd .swiper-container,.swiper-container a ,.swiper-container a img{ width: 100%; display: block;}
.swipe-hd .swiper-slide{ position: relative;}
.swipe-hd .swiper-slide p{ width: 100%; height: 44px;overflow: hidden;padding: 10px 25% 0 12px;box-sizing: border-box;font-size: 16px;line-height: 34px;white-space: nowrap;text-overflow: ellipsis;color: #fff;position: absolute;left: 0;bottom: 0;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    filter: alpha(opacity=0 finishopacity=80 style=1 startx=0,starty=0,finishx=0,finishy=279) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);}
.swipe-hd .swiper-pagination {width: 25%; height: 6px; line-height: 0; text-align: right; position: absolute; left: inherit; right: 10px; bottom: 13px; z-index: 2;}
.swipe-hd .swiper-pagination-bullet {display: inline-block; width: 6px; height: 6px; margin: 0 2px; border-radius: 100%; background: #fff; opacity: .4;}
.swipe-hd .swiper-pagination-bullet-active {background: #fff; opacity: .9;}

/*滑动导航*/
.H5GM_nav { overflow: hidden; padding: 0 12px; background: #fff; line-height: 46px; display: flex; flex: 1; }
.H5GM_nav a { text-align: center; color: #333; font-size: 16px; font-weight: bold; width: 80px; }
.H5GM_nav a:nth-child(2) { flex: 1; }
.H5GM_nav a.on { color: #007AFF; }
/*锚点*/
.QZ-up { display: none; position: fixed; z-index: 10; top: 80%; right: 5%; width: 32px; height: 32px; background: url(../images/btn-up.png) no-repeat; background-size: 100%; }
a.mor { line-height: 40px; border-top: 1px solid #f5f5f5; font-size: 14px; text-align: center; color: #222; display: block; }
/*page*/
.page { background: #fff; border-top: 1px solid #f5f5f5; padding: 10px 20px; display: flex; justify-content: space-between; }
.page > a { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333; }
.page > a:active, .page span .cbtn a:active { background: #ddd; }
.page > a:nth-child(2) { width: 14%; }
.page > a:nth-child(4) { width: 14%; }
.page > a.over { color: #bbb; }
.page > span { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #007AFF; color: #fff; font-size: 14px; position: relative; }
.page > span .cbtn { width: 100%; position: absolute; top: -62px; left: 0; z-index: 10; height: 92px; overflow-y: scroll; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb; }
.page > span .cbtn a { display: inline-block; text-align: center; line-height: 30px; margin-bottom: 1px; float: left; width: 100%; background: #f6f6f6; font-size: 14px; color: #666; }

.plwrap { padding: 0 12px 12px; }

.QZfoot { clear: both; display: block; background-color: #333; text-align: center; overflow: hidden; }
.QZfoot span { display: block; height: 76px; background: url(../images/f-logo.png) no-repeat center center; background-size: 140px auto; }
.QZfoot p { font-size: 10px; color: #999; line-height: 20px; margin: 6px 0 12px; }
.QZfoot div { margin: 0 12px; overflow: hidden; border-top: 1px solid #414141; }
.QZfoot div a { text-align: center; display: inline-block; width: 33.3333%; float: left; }
.QZfoot div .a2{ float: right;}
.QZfoot div a em { display: inline-block; color: #fff; padding-left: 18px; background: url(../images/f-home.png) no-repeat left center; background-size: auto 14px; font-size: 12px; line-height: 50px; }
.QZfoot div a:nth-child(2) em { background: url(../images/f-top.png) no-repeat left center; background-size: auto 14px; }

/*列表*/
.mBox-bt{ width: 100%; height: 44px;border-bottom: 1px solid #D9D9D9;line-height: 44px;position: relative;z-index: 10;}
.mBox-bt h2 { float: left;  padding-left: 12px;font-size: 20px;color: #007AFF; position: relative;}
.mBox-bt h2 i{ position: absolute; top:11px;  left: 0; width: 6px; height: 22px; background:#007AFF; display: block;}


.mBox-bt .more_a{ width: 40px; float: right;  height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #999; padding-right: 12px;}
.mList{width: 100%;overflow: hidden; box-sizing: border-box;padding: 0 12px;}
.mList .hasImg{float: left;width: 100%;border-bottom: 1px solid #EFEFEF;}
.mList li a {color: #333;display: block; width: 100%; overflow: hidden; box-sizing: border-box;padding: 10px 0;font-size: 16px;line-height: 24px;}
.mList li.hasImg a { height: 90px;padding-left: 112px; position: relative;}
.mList li span { display: block;width: 100%;text-align: justify;text-justify: distribute;}
.mList li.hasImg img { width: 100px; height: 66px;position: absolute;left: 0; top: 12px;}
.mList .hasImg span{display: -webkit-box;height: 48px;overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mList li.hasImg p{ width: 100%; overflow: hidden;padding-top: 4px;font-size: 13px;line-height: 18px;color: #999; height: 18px;}
.mList li.hasImg p i{ display: block; float: left; width:65%; overflow: hidden; height: 100%;white-space: nowrap;text-overflow: ellipsis;}
.mList li.hasImg p .time{float: right; text-align: right; width: 35%;}

.mList_b{width: 100%;overflow: hidden; box-sizing: border-box;padding: 0 12px;}
.mList_b .hasImg{float: left;width: 100%;border-bottom: 1px solid #EFEFEF;}
.mList_b li a {color: #333;display: block; width: 100%; overflow: hidden; box-sizing: border-box;padding: 10px 0;font-size: 16px;line-height: 24px;}
.mList_b li.hasImg a { height: 90px;padding-right: 112px; position: relative;}
.mList_b li span { display: block;width: 100%;text-align: justify;text-justify: distribute;}
.mList_b li.hasImg img { width: 100px; height: 66px;position: absolute;right: 0; top: 12px;}
.mList_b .hasImg span{display: -webkit-box;height: 48px;overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mList_b li.hasImg p{ width: 100%; overflow: hidden;padding-top: 4px;font-size: 13px;line-height: 18px;color: #999; height: 18px;}
.mList_b li.hasImg p i{ display: block; float: left; width:65%; overflow: hidden; height: 100%;white-space: nowrap;text-overflow: ellipsis;}
.mList_b li.hasImg p .time{float: right; text-align: right; width: 35%;}

.mList_yl{width: 100%;overflow: hidden; box-sizing: border-box;padding: 0 12px;}
.mList_yl li {height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px solid #f2f2f2; font-size: 15px;}
.mList_yl li a {display: block; width: 90%;float: left; color: #404040;overflow: hidden; height: 100%; white-space: nowrap; text-overflow: ellipsis;}
.mList_yl li em { color: #adadad; padding-right: 8px;  font-style: italic;}
.mList_yl li em strong {color: #ff6500;font-size: 1.2em;}
.mList_yl span {width: 11px; height: 17px;background: url(../images/jijie_mcustom.png) -27px -30px;display: block; float: right;margin-top: 13px;}
.mList_yl  li .fong {font-family: Georgia; font-size:18px;}

/*更多*/
.Mmove {  width: 100%;box-sizing: border-box; padding:0 12px; margin:10px 0;}
.Mmove a{display: block;width: 100%;height: 40px;border-radius: 3px;font-size: 16px;line-height: 40px;text-align: center; background: #EFEFEF;color: #007AFF;}
/*热门食材*/
.tj_ul{ width: 100%; overflow: hidden;box-sizing: border-box; padding: 0 12px 20px 12px; border-bottom:3px solid #EFEFEF; }
.tj_ul li{ float: left; width:25%; overflow: hidden; margin:10px 0;}
.tj_ul  li a{ display: block; width: 100%; height: 100%;}
.tj_ul li a img{ width:80px; height:65.5px; display: block; margin: 0 auto; border-radius: 10px;}
.tj_ul li a p{  color: #333;font-size: 13px; text-align: center; width: 100%; height:20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-top: 5px;}
/*友情链接*/
.basebox {background: #fff; margin-top: 6px;}
.basebox .bt {display: block;overflow: hidden; padding: 0 12px;}
.basebox .bt p {float: left;color: #333;font-size: 16px;font-weight: bold;line-height: 42px;}
.YQ_link .lis { overflow: hidden; margin: 0 12px 10px 12px; }
.YQ_link .lis a { font-size: 12px; color: #666; margin-right: 20px; line-height: 28px; }

.show_img,.show_img a,.show_img a img{ width: 100%; display: block;}
.bt10 {border-top: 10px solid #EFEFEF;}
/*游戏列表标签*/
.Toplist2 { background: #fff; padding: 0 12px; display: block; }
.Toplist2 ul { padding-bottom: 10px; overflow: hidden; }
.Toplist2 ul li { float: left; display: inline-block; width: 25%; margin-top: 15px; text-align: center; }
.Toplist2 ul li a { font-size: 14px;display: inline-block; border: 1px solid #e3e3e3; width: 90%; margin: 0 auto; border-radius: 5px; height: 28px; line-height: 28px; background: #fff; color: #555; }
.Toplist2 ul li.on a { background: #007AFF; border: 1px solid #007AFF; color: #fff; }
.Toplist2 ul li.mor a { color: #007AFF; }


/*面包屑导航*/
.downltop{margin-top: 0;}
#BreadcrumbNavigation{display: block; clear: both; background: #f5f5f5;}
#BreadcrumbNavigation>.BN-a{ display: block; padding: 0 12px; overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-head{ display: inline-block; float: left; margin: 5px 6px 5px 0; overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-head>span{ display: inline-block; width: 38px; height: 20px; font-size: 12px; font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; color: #fff; text-align: center; line-height: 20px; cursor: pointer;}
#BreadcrumbNavigation>.BN-a>.BN-a-head>em{ display: inline-block; float:left; width: 20px; height: 20px; background: url(../images/position.png) no-repeat; background-size: 20px  auto;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont{display: block;overflow: hidden; height: 30px; white-space: nowrap; text-overflow: ellipsis;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a{ font-size: 12px; color: #555; height: 30px; line-height: 30px; font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.BN-lei{ padding-left: 10px; background: url(../images/up-down3.png) no-repeat 1px top; background-size: 7px auto;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.open{color: #007AFF; font-weight: bold;background: url(../images/up-down3.png) no-repeat left bottom; background-size: 7px auto;}
.Title {padding: 15px 12px 10px; }
.Title h1 {font-size: 20px;line-height: 32px;}
.Title .small {font-size: 85%; padding: 10px 0;}
.Title .small span { padding-right: 10px;color: #999;font-size: 13px;}
.Title .small i{  float: right; display: block; color: #007AFF; font-size:14px;}
.Title .tags { height:28px;}
.Title .tags a {display: block; padding: 2px 15px;border-radius: 20px;margin: 10px 8px 0 0;color: #007AFF;border: 1px solid #ddd;font-size: 14px;float: left;}

.news_infor{ padding:10px 12px;}
.news_infor p{line-height: 30px;font-size: 16px; padding-bottom: 10px;}
.news_infor img{ width: 100%;height: auto;padding-bottom: 15px;}

.T_bot{ border-bottom: 1px solid #ddd; padding: 10px 0;height:22px;line-height:22px;}
.T_bot .bt_h{font-size: 18px;border-left: 6px solid #007AFF;padding-left: 8px; color: #000;  width: 50%;  float:left;}
.T_bot .mer{ float: right; width:30%; display: block; color: #007AFF;text-align:center; font-size: 14px; padding-right: 12px; text-align: right;}
.T_list1  .tablist{padding: 15px 12px; overflow: hidden;}
.T_list1 .list li {display: block;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.T_list1 .list li i {color: #bbb;padding-right: 6px;font-size: 14px;}
.T_list1 .list li a {color: #404040;text-decoration: none;}
.T_list1 .list2 li {  float: left; display: inline-block;width: 20%; margin-top: 8px; text-align: center; font-size: 14px;}
.T_list1 .list2 li a {display: inline-block;border: 1px solid #e3e3e3;width: 90%;margin: 0 auto; border-radius: 5px;height: 28px;line-height: 28px;background: #fff;color: #007AFF;}

.sou-bt{ width: 100%; height:45px; text-align: center;  line-height: 45px; color:#313131; font-size: 18px; background: #fff;}
.mBox_ov{ background: #f9f9f9;}


.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background: #000;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.closebtn{position: absolute;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;bottom: 0;left: 10px;background-size: 40px;}

.footer {
    clear: both;
    display: block;
    background-color: #333;
    text-align: center;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}