@charset "utf-8";
/* CSS Document */

body {
	font-size: 100%;
	line-height: 30px;
	font-family:"Î¢ÈíÑÅºÚ";
}
a {text-decoration:none;color:#000000;font-family:"Î¢ÈíÑÅºÚ";}
a:hover{ text-decoration:underline; color:#DD152F;font-family:"Î¢ÈíÑÅºÚ";}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
.oh{overflow:hidden;zoom:1}

/*navigation*/
.top{width:100%; background:url(/images/tip_bg.gif) repeat-x; height:44px;}
.shoucang{ width: 1083px;margin: 0px auto;text-align: right;padding: 9px 20px;height: 20px; font-size:12px;}
.logo { margin:0px  auto; width:300px; height:110px; padding-top:20px; float:left;}
.wenming{ float:right;}
.head{ margin:0px  auto; width:1000px;}

.dc{width:1103px; margin:15px auto; overflow:hidden}
.dc1{ float:left; text-align:center; width:267px;}
.dc2{width:797px; float:right;}

/*µ¼º½*/
.link_title{width:1103px; margin:0px auto;background:url(/images/line.jpg) no-repeat; height:8px;}
.web_link{	width:1103px; height:77px; font-size:14px; padding-top:5px; margin:0px auto; font-weight: bold;	color:#B3B3B3;}
.web_link ul li {float: left; border-right: #B3B3B3 2px solid; margin-top:10px; padding-left:21px; padding-right:21px; _padding-left:20px; 
_padding-right:20px; height: 25px; line-height: 25px; font-size: 15px;}
.web_link a {color: #555555;_font-family:"SimSun";}
.touming_line{width:1103px; margin:0px auto;background:url(touming_/images/line.jpg) no-repeat; height:7px;}

/*page style*/
.pagelink_xl {
width:100%;
height: 22px;
text-align: center;
font-size: 14px;
line-height: 22px;
padding: 10px 0;
margin-bottom: 10px;
color: #333;
}
.First_Page,.Fir_Page,.next_Page,.Last_Page,.First_Page_action,.Fir_Page_action,.next_Page_Action,.Last_Page_Action {background:url(http://images.wenming.cn/web_wenming/images/xl_bg_next.gif) no-repeat;width:50px;height:22px;display:inline-block;color:#666;font-size:12px;}
.action_num {width:16px;height:22px;font-size:14px;background:url(http://images.wenming.cn/web_wenming/images/xl_bg_PageLink.gif) left 1px no-repeat;display:inline-block;color:#FFF;}
.pagelink_xl .font12 {
font-size: 14px;
line-height: 22px;
}


/*newsnav*/
.newsnav { margin:0px auto; width:1000px; line-height:45px;  border-bottom:1px #CCC solid; border-top:4px #ef2d36 solid;
  font-family:"Î¢ÈíÑÅºÚ";}
.newsnav span {position:relative; z-index:2; display:block; float:left;}
.bwztcont { padding-left:5px; float:left; padding-top:15px;}
.bwztcont img { width: 110px; height: 70px; float: left; padding-right: 10px; }
.bwztcont span { font-size: 12px; font-family:"Î¢ÈíÑÅºÚ"; color: #999999; line-height: 22px; height: 66px; overflow: hidden; display: inherit; }
.bwztcont .retiecont { padding-bottom: 0px; padding-top: 7px; margin-left:0px; }
.bwztcont .retiecont li { font-size:14px; margin-left: 5px; line-height: 30px; overflow: hidden; height: 30px; padding-left: 12px; background: url(/images/ico.png) no-repeat -28px -129px; }
.bwztcont .retiecont li a {color: #333; font-family:"Î¢ÈíÑÅºÚ";}


/* sub navigation */
.newsnav ul { width:70px; background-color:#ffffff; opacity:0.95; filter:alpha(opacity=95)\9;  position:absolute; left:25px; top:35px; /* make this equal to the line-height of the links (specified below) */}
.newsnav li { position:relative; display:block; padding-left:10px;  border-bottom:#666 1px solid; line-height:35px; }
.newsnav li ul { position:absolute; top:0; left:70px; /* make this equal to the width of the sub nav above */}

.sub-menu { display:none;}
.sub-menu .dropdown>a { padding-right:10px; background:url(/images/arrow-right.png) no-repeat right center; text-decoration:none;}

/*mianbaoxie*/
.location{height:20px;margin-top:20px;margin-bottom:10px;overflow:hidden;line-height:20px; font-size:0;}
.location a,.location strong{display:inline-block;padding:0px 22px 0px 10px;background-image:url(/images/ico.png);background-repeat:no-repeat;font-size:12px}
.location a{background-color:#DFDFDF;background-position: 100% -701px;}
.location a:hover,.location .hover{background-color:#488ad4;background-position:100% -726px;color:#FEFEFE; text-decoration:none;}
.location .base:hover{background-position:100% -726px;}
.location .preHover{background-position:100% -756px;}
.location .lastLink{background-position:100% -812px;}
.location .lastLink:hover{background-position:100% -837px;}
.location strong{background-color:#cc0000; background-position:100% -785px;color:#FEFEFE;}

 
/*±õÖÝÐÂÎÅ*/
.bzxw { width:1103px; margin:1px auto; }
.bzxwleft { width:100%; float:left; }
.bzxwcont { padding-bottom:10px; border-bottom: 2px #e8171a solid; }

.liebiao { border-bottom: 1px dashed #cccccc; margin-top:10px; padding-bottom: 15px; }
.liebiao li { line-height:30px;}
.date { float:right; width:100px; display:block; line-height:30px; text-align:right; color:#999999; font-weight:normal; }

.bzxwright { width:336px; float:right; }
.rdxwtitle { text-indent:23px; line-height:37px; height:37px; font-weight:bold; border-bottom:1px solid #cccccc; border-top:2px #e8171a solid; }
.ytcont { font-size:14px;  margin-top:10px;}
.ytcont li { line-height:30px; height:30px; overflow:hidden;}

.rmtptitle { text-indent:23px; line-height:37px; height:37px; font-weight:bold; border-bottom:1px solid #cccccc; border-top:2px #e8171a solid; }
.rmtpcont ul li { width:146px; text-align:center; line-height:20px; font-size:12px; padding-top:10px;  float:left; margin-left:10px; }
.rmtpcont img { width:146px; height:102px;}
.rmtp1 { padding-top:10px;  float:left; }
.rmtp1 img { width:146px; height:102px;}
.rmtp2 { padding-top:10px; float:right; }
.rmtp2 img { width:146px; height:102px;}

/*part3*/
.bwhdtitle { text-indent:23px; line-height:37px; height:37px; font-weight:bold; border-top:2px #e8171a solid; border-bottom:1px solid #cccccc;}
.xwdjph { margin-top:10px;}
.xwdjph ul li { padding-left:4px; font-size:13px; line-height:35px; height:35px; overflow:hidden; border-bottom: 1px solid #cccccc; }
.xwdjph .num {font-size:13px; display:inline-block; float:left; width:7px; padding-right:12px; FONT-WEIGHT: bold; color:gray;}
.xwdjph .count { font-size:12px; display:inline-block; float:right; width:39px; overflow:hidden; height:29px;text-align: right;color: #cc1b1b;}

.part7right { float:right; width:336px; border-top:2px #e8171a solid;}
.part7right p { color:#c51077; font-size:14px;}
.part7AD img { width:336px; height:65px; }


.about { width:1106px; height:120px; padding-top:10px; border-top: 2px #e8171a solid; font-size:12px;  margin-right:auto; margin-top:10px;margin-left:auto;  }
.style { text-align:center; line-height:26px; height:26px; }

/*¹ã¸æstyle*/
.bdad1 { margin:0px auto; margin-bottom:5px; border:#dec7a7 1px solid;}


/*·­Ò³Íâ¹Û*/
#displaypagenum { margin-top:10px; margin-bottom:10px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 38px; text-align: center; overflow: hidden; }
#displaypagenum span {padding: 0 15px; line-height: 38px; display: inline-block; height: 38px; font-size: 14px; font-family: Verdana,'ËÎÌå'; vertical-align: middle; background: #0099CC; color: #FEFEFE;}
#displaypagenum a {padding: 0px 8px; line-height: 38px; display: inline-block; height: 38px; font-size: 14px; font-family: Verdana,'ËÎÌå'; vertical-align: middle; }
#displaypagenum a:hover {border-top:3px solid #0099CC; line-height:32px; height:35px; text-decoration:none;color:#000;}
/*biaotibufen*/
.newsDetail .caption{padding:0px 10px 28px 30px;background:url(/images/dashed.png) 0 100% repeat-x;zoom:1;}
.newsDetail h1.title{margin:28px 0px 0;font-size:24px;line-height:1.2;font-family:"Microsoft Yahei","Î¢ÈíÑÅºÚ","ËÎÌå","helvetica","arial";}
.newsDetail h2.title{margin:16px 0px 0;font-size:18px;line-height:1.2; color:#666666; font-weight:normal;font-family:"Microsoft Yahei","Î¢ÈíÑÅºÚ","ËÎÌå","helvetica","arial";}
.caption .info{line-height:24px;height:24px;color:#666666;font-size:12px;overflow:hidden; padding-top:22px;}
.caption .info .fl{width:550px;overflow:hidden;}
.caption .info .fr{width:70px;overflow:hidden}
.caption span{margin-right:10px}
.caption .time{font-family:Verdana;}
.share{line-height:1.5;}
.caption .font{float:left;display:inline;margin-left:10px;width:24px;height:24px;overflow:hidden;zoom:1}
.caption .hover{cursor:pointer}
.caption .dis{cursor:auto;}
.caption i{display:inline-block;width:24px;height:24px;background-image:url(inner_/images/ico.png);background-repeat:no-repeat; cursor:pointer;}
.caption .font .sub{background-position:0 -52px;}
.caption .font .plus{background-position:0 -76px;}
.caption .dis .sub{background-position:-48px -52px; cursor:default;}
.caption .dis .plus{background-position:-48px -76px; cursor:default;}
.caption .hover .sub{background-position:-24px -52px;}
.caption .hover .plus{background-position:-24px -76px;}
/*zhengwenbufen*/
.newsCont{padding:20px 20px 0px}
.newsCont .sub{background:url(/images/bg.png) repeat;padding:14px 10px;font-size:12px;line-height:24px;color:#666666}
.newsCont .sub strong{font-weight:bold}
/*tuijianguanjianzi*/
.mt20{margin-top:20px;}
.key { font-size:12px; line-height:30px;}
.key span{ display:inline-block; color:#000000; margin-right:3px;}
.key a { display:inline-block; color:#666666; margin-right:4px; padding:0 9px 0 10px; white-space:nowrap; background:url(/images/bg.png) repeat;}
.key a:hover { background:#0099CC; color:#FEFEFE; text-decoration:none;}
.newsCont .detail{padding:20px 0px 22px; line-height:30px;}
.newsCont .detail p {margin-bottom:15px;}
.newsCont .detail i,.newsCont .detail em{font-style:italic}
.newsCont .detail strong,.newsCont .detail b{font-weight:bolder}
.newsCont .detail ul{list-style-type:disc;list-style-position:inside;}
.newsCont .detail ol{list-style-type:decimal;list-style-position:inside;}
.newsCont .detail h1{font-size:2em;margin:.67em 0}
.newsCont .detail h2{font-size:1.5em;margin:.75em 0}
.newsCont .detail h3{font-size:1.17em;margin:.83em 0}
.newsCont .detail h4{margin:1.12em 0}
.newsCont .detail h5{font-size:.83em;margin:1.5em 0}
.newsCont .detail h6{font-size:.75em;margin:1.67em 0}
.ps{width:620px;margin:0 auto; font-size:14px;}
.ps .author{padding:0 0px 10px;color:#999999;}
.ps p{font-size:12px;color:#999999}
.page { margin-top:13px;}
.page p { font-size:14px; color:#000000;}
.underL {margin-top:40px;}
.mt30{margin-top:30px!important}
/*tupianbeijingyangshi*/
#siteBar .dropdown,#siteBar .dropBtn,.select .dropdown,.select .dropBtn,.sbtn,.sbtn:hover,.sInput,#sForm .dropdown,.bdtit .titName,.titLink strong,.listTit h3,.txtList24 li,.whiteList .shape,.blackList .shape,.gCont h2 span,.comp_list30 li,.comp_list20 li,.contact .mail,.contact .tel,#anchor .ah,#anchor .hover,#anchor #message,#anchor #message:hover,.newsList .revCount,.dataInfo .down,.dataInfo .rise,.bNav a{background-image:url(/images/ico.png);background-repeat:no-repeat;}
/*xiangxiyefenye*/
.detailJump{height:38px;line-height:1;text-align:center; margin-bottom:30px; font-size:0;}
.detailJump a,.detailJump span{display:inline-block;padding:8px 9px 9px 8px;margin-right:1px;font-family:Verdana; font-size:12px;}
.detailJump span{ color:#999;}
.detailJump .current,.detailJump a:hover{background:#0099CC;color:#FEFEFE}
/*hanggao30 wenziliebiao*/
.comp_list30{line-height:30px;padding:12px 10px}
.comp_list30 li{padding-left:14px;background-position:-28px -186px;height:30px;overflow:hidden; background:none;}
.comp_list30 .hover{background-position:-28px -220px}
.comp_list30 .classify{background:none;margin-left:20px;padding-left:0px;color:#666666}
.comp_list30 .v{float:left;width:16px;height:16px;background-position:0px -114px;margin-right:5px;margin-top:8px}
.comp_list30 .cate{margin-right:7px}
.comp_list30 .right{float:right;color:#666666}
.comp_list30 a:visited{color:#999999}
.comp_list30 .right:hover{color:#0099CC}
.comp_list30 .time{float:right;color:#999999;font-family:Verdana; font-size:12px;}
.mig li a { background:none; padding-left:0;}

/*zhuangshiqibiaoti*/
.bdtit{height:37px;padding:0 10px;background:url(/images/dashed.png) 0px 100% repeat-x;zoom:1;font-size:16px;border-top:3px solid #e8171a;}
.nodot{background:none;height:36px;}
.bdtit .titName{display:inline-block;background-position:100% -255px;padding:10px 25px 11px 0px;margin-right:5px;zoom:1; line-height:1;}
.bdtit .titName a,.titName strong{font-weight:bold}
.bdtit .titName em {display:inline-block;padding:2px;line-height:16px; letter-spacing:1px; font-weight:bold;}
.bdtit .titName .bl{ display:inline-block;padding:2px;line-height:16px; letter-spacing:1px;font-weight:bold;}
.bdtit .titName .bl:hover {background:#0099CC;color:#FEFEFE!important}
.bdtit .titName em.bl{ display:inline-block;padding:2px;line-height:16px; letter-spacing:1px; cursor:auto;font-weight:bold; font-style:normal;}
.bdtit .titName em.bl:hover {background:#FFFFFF; color:#000000 !important;}
.titLink strong{ background:none;}
.titLink strong.dot {background-image:url(/images/ico.png); background-repeat:no-repeat; background-position:-20px -107px; display:inline-block; width:21px; height:20px;}
.titLink a{color:#666666;font-weight:normal}
.zl a {background-color:#0099CC; color:#fff;}
.zl a:hover {background-color:#00ACE5;}

/*xinwenliebiao*/
.comp_list30{line-height:30px; padding:12px 10px 0;}
.comp_list30 li a{display:inline-block;padding-left:14px;background-position:-28px -186px; font-size:14px;}
.comp_list30 .v{ float:left; width:16px; height:16px;background-position:0px -114px; margin-right:5px;margin-top:6px}
.comp_list30 a:link {color:#000000;}
.comp_list30 a:visited {color:#999999;}
.comp_list30 a:hover { color:#0099CC;}
.titName, .titLink strong, .comp_list20 li, .comp_list30 li a, .comp_list30 .v, .ol30 b, .listSub h3 a, .listSub .current h3, .listSub .hover h3, #anchor #toTop, #anchor #message, #sForm .sInput, #sForm .dropdown, .sbtn, .comp_list24 li, .calendar .count, .vWhiteList .shape, .artList li, .blogOwn .current h3, .blogOwn .hover h3, .contact .mail, .contact .tel, .bNav a {background-image: url(/images/ico.png);background-repeat: no-repeat;}
.comp_list24 .fr:hover{background:#0099CC;color:#FEFEFE!important}
#sForm .nobg{background:none;font-size:16px;}
.hotList a:link{ color:#666666;}
.hotList a:visited{ color:#999999;}
.hotList a:hover{ color:#0099CC;}
.hotList .fbold a:link{ color:#333333; font-weight:bold;}
.hotList .fbold a:visited{ color:#999999; font-weight:bold;}
.hotList .fbold a:hover{ color:#0099CC; font-weight:bold;}

/*youxuliebiao*/
.ol40,.ol30{font-size:12px; line-height:40px;}
.ol40 li{padding:1px 3px 0;/*line-height:40px;*/ line-height:41px;background:url(/images/dashed.png) 0px 0px repeat-x; width:98%; overflow:hidden }
.ol40 em,.ol30 em{ float:left; margin-top:10px;width:20px;height:20px;background:#000000;margin-right:10px;line-height:20px;color:#FEFEFE; text-align:center; cursor:pointer; font-family:Verdana}
.ol40 .hover em,.ol30 .hover em{background:#0099CC;color:#FEFEFE}
.ol30{padding:5px 0px;line-height:30px}
.ol30 em{margin-top:5px; background:#D4D4D4;color:#000000;}
.ol30 strong{float:right; display:inline;width:62px; margin:0px 10px 0px 20px; overflow:hidden;}
.ol30 li{padding:0px 10px; overflow:hidden}
.ol30 b{float:right;width:11px;height:11px; margin-top:9px; text-indent:-2999px; overflow:hidden}
.ol30 .up{ background-position:0px -188px}
.ol30 .down{ background-position:0px -155px}
.ol30 .orig{ background-position:0px -204px}
.ol40 li.fbold a:link{ color:#333333; font-weight:bold;}
.ol40 li.fbold a:visited{ color:#999999; font-weight:bold;}
.ol40 li.fbold a:hover{ color:#0099CC; font-weight:bold;}
.ol30 li.fbold a:link{ color:#333333; font-weight:bold;}
.ol30 li.fbold a:visited{ color:#999999; font-weight:bold;}
.ol30 li.fbold a:hover{ color:#0099CC; font-weight:bold;}

/*shipinliebiao*/
.videoList li{ width:145px; margin-bottom:10px; line-height:32px; position:relative; font-size:12px; text-align:center;}
.videoList li img { width:145px; height:110px;}
.videoList b {display:inline-block; position:absolute; width:32px; height:32px; background:url(../underImgs/v/images/ico.png) no-repeat 0 -133px; left:10px; top:67px;}
.videoList span { display:block; height:32px;}
.videoList li.hover span {color:#FEFEFE;}

/*liebiao*/
.comp_list20{overflow:hidden; line-height:20px; font-size:12px;zoom:1}
.comp_list20 li{float:left; display:inline;padding:0 5px 0 18px; background-position:-26px -111px;}
.comp_list20 a:link { color:#000000;}
.comp_list20 a:visited {color:#999999;}
.comp_list20 a:hover { color:#0099CC;}
.txtAdv2 .comp_list20 a:visited {color:#000000;}
.comp_list24{line-height:24px;padding:14px 10px;/**padding:15px 10px 11px*/ color:#333; font-size:12px;}
.comp_list24 li {background-position:-29px -132px;padding-left:13px; }
.comp_list24 a{font-size:12px}
.comp_list24 .fr{padding:1px 0px;margin-top:4px; background:none;white-space:nowrap; line-height:14px;}
.comp_list24 a:link {color:#000000;}
.comp_list24 a:visited {color:#999999;}
.comp_list24 a:hover { color:#0099CC;}


/*ÔðÈÎ±à¼­*/
.contact{font-size:12px; padding-bottom:1px; text-align:center; }
.contact .mail{font-family:Verdana;display:inline-block;padding-left:20px;margin-right:20px;background-position:-32px -547px;text-decoration:underline}
.contact .mail:hover{color:#0099CC;text-decoration:underline}
.contact .tel{font-family:Verdana;display:inline-block;padding-left:20px;background-position:-32px -581px;margin:0px 20px 0px 13px;}

/*¹ã¸æstyle*/
.bdad1 { border:#dec7a7 1px solid; width:336px;}
.gaodu{ height:280px;}
.xgwzad { border: #ccc 1px solid; margin: 5px auto; background-color: #f7fcff; }
.xgwz { padding:10px; margin: 5px auto; background: url(/images/bg.png) repeat;}

/*·­Ò³Íâ¹Û*/
#displaypagenum { margin-top:10px; margin-bottom:40px;  height: 38px; text-align: center; overflow: hidden; }
#displaypagenum span {padding: 0 9px;  display: inline-block; height: 30px; font-size: 14px; font-family: Verdana,'ËÎÌå'; vertical-align: middle; background: #0099CC; color: #FEFEFE;}
#displaypagenum a {padding: 0 9px;  display: inline-block; height: 30px; font-size: 14px; font-family: Verdana,'ËÎÌå'; vertical-align: middle; }
#displaypagenum a:hover { background-color:#0099CC; text-decoration:none; color:#000;}

.copyright { font-size:12px;}
.copyright p { line-height:21px;}
/*buchong20130704*/
.gzzl {width:660px; border:#dcdcdc 1px solid; margin-top:5px;}
.showbox{clear:both; width:624px; padding-left:10px;  padding-top:10px; }
.nav_1{list-style:none; width:660px; color:#1b3d60;}
.nav_1 li{ width:130px; float:left; height:35px; line-height:35px; text-align:center;font-size:14px;  }
.nav_1 li a {  text-decoration:none; color:#1b3d60; }
.nav_1 li a:hover { text-decoration: underline; color:#1b3d60;}
.bg_nav{background-color:#fff; border:#dcdcdc 1px solid; border-top:#8d1a1f 4px solid; border-bottom:#fff 1px solid; font-weight:bold;}
.bg_nav_current{ border:#dcdcdc 1px solid; border-top:#2c2b29 4px solid; }
.tubiao2 li {width:362px; text-align:left; padding-left:23px; padding-top:5px; font-size:14px; padding-right:10px; height:43px; line-height:20px; overflow:hidden;color:#616161; border-top:#616161 1px dotted;}
.tubiao2 li a { color:#134673;}
.tubiao2 li a:hover {color:#F20000;}
.tubiao2 li span { font-size:12px;}
.textimg { float:left; width:190px; position:relative; }
.textimg h3 {position:absolute;left:0;bottom:0px; width:180px;height:25px; z-index:2;line-height:25px; font-size:12px; color:#FFFFFF; text-align:center; font-weight:normal; overflow:hidden;}
.textimg h3 a {color:#FFFFFF;}
.textimg h3 a:hover {color:#fff;}
.textimg11 { position:relative; width:190px; height:220px; margin-top:20px;}
.textimg11bg { position:absolute; left:0; bottom:0px; width:194px; height:30px;background:#000000;filter:alpha(opacity=39);-moz-opacity:0.39;opacity:0.39;}
.textimg11 img { width:190px; height:220px; padding:1px; border:#ccc 1px solid;}

.textimg img { width:190px; height:220px;}
.textheadline { width:395px; line-height:35px; margin:5px auto; font-size:14px; font-weight:bold; color:#134673;}
.textheadline a { color:#134673;}
.textheadline a:hover{color:#F20000;}
.textbody { float:right; width:395px; color:#1b3d60;}
#hzhad{ float: left;margin-right:12px;border: 1px solid #ccc;height: 200px;padding: 3px;}

footer { display:none;}

@media screen and (max-width: 630px) {
.disappear { display:none;}
.bzcmnavbg { display:none;}
#topad { display:none;}

.logo { width:100%;}
.logoleft { width:100%; float:none;}
.top-search { display:none;}

.newsnav { width:100%; border-top-width:1px;}
#weibo,#weixin { display:none;} 
.bzxw { width:100%;}
.bzxwleft { width:100%; float:none;}
.bzxwright { display:none;}

.lay660 { display:block; float:none;}
.underL { margin-top:0px; }

.key { font-size:1.4rem;}
.newsDetail { width:100%;}
.caption .info .fl { width:100%;}
.caption .info .fr { display:none;}
.newsCont .sub { font-size:1.4rem;}
.newsCont .detail  p{ font-size:1.8rem;}
.contact { line-height:2rem;}

.ps ,.tjd { width:100%;}
.bdtit { display:none;}
.mig { display:none;}
#cybq { display:none;}

xgwz { width:83%; margin-left:auto; margin-right:auto;}
.xgwzad { display:none;}
.copyright { display:none;}

.gzzl { display:none;}

.about { display:none;}
footer { display:block;color: #9a9a9a; position:relative; padding-bottom:15px;}
footer span {position: absolute; right: 10px; top: 0; display: inline-block; color: #fff;border: black 1px solid;
 text-align: center; font-size: 1.2rem; cursor: pointer; padding:3px;}
}