/*通用顶部底部*/
@charset "UTF-8";
/* CSS Document */
/*基础部分*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
table { border-spacing:0;border-collapse:collapse;margin:inherit; }
img { border: none; vertical-align: middle; }
input, select, button { vertical-align: middle; outline: none; }
a { text-decoration: none; color: #0080ff; }
a:hover { color: #c9c9c9; }
body { min-width: 1200px; font-family: 'Microsoft YaHei',"微软雅黑","PingFang SC",'Arial','Heiti SC'; background: #fafafa; }
.fl { float: left; }
.fr { float: right; }
.clear_:before, .clear_:after,.clear:before, .clear:after,.clearfix:before, .clearfix:after { display: block; content: ' '; clear: both; }
.center { width: 1200px; margin: 0 auto; }
@-webkit-keyframes identifier { from { opacity: 0.4; }
  to { opacity: 1; } }
@keyframes identifier { from { opacity: 0.4; }
  to { opacity: 1; } }
/*趣侠网关于我们*/
.Page_tab { width: 100%; height: 300px; background: #101010; margin-bottom: 30px; overflow: hidden; }
.Page_tab .Tab_wrap { width: 1200px; height: 300px; margin: 0 auto; }
.Page_tab .logo { width: 367px; height: 90px; display: block; float: left; background: url("/static/web/about/map_logo.png") no-repeat; margin: 50px 0 50px 417px; }
.Page_tab .item { width: 100%; height: 50px; text-align: center; float: left; }
.Page_tab .item span {cursor: pointer;display: inline-block;background: url("/static/web/about/map_icon.png") no-repeat;height: 45px;width: 102px;background-position: 0 0;text-align: center;font-size: 16px;color: #5cc328;line-height: 38px;margin: 0 10px;overflow:hidden;}
.Page_tab .item .on, .Page_tab .item span:hover { color: #fff; background-position: -106px 0; }

.content .Page_item + .Page_item { display: none; }
.content .Page_item { width: 1200px; min-height: 700px; margin: 0 auto 30px; }
.content .About { background: #fff; padding: 30px 0; }
.content .About p { font-size: 16px; color: #585858; line-height: 36px; text-indent: 2em; margin: 15px 90px; }
.content .About h1 { font-size: 30px; line-height: 36px; margin: 30px; text-align: center;}
/*底部*/
.fotter .fotter-top { overflow: hidden; padding-bottom: 30px; background: #181818; width: 100%; }
.fotter .fotter-top .wrap { width: 300px; float: left; color: #858585; }
.fotter .fotter-top .wrap p { text-align: center; font-size: 20px; padding: 30px 0 10px 0; font-weight: 500; max-width: 300px; overflow: hidden; }
.fotter .fotter-top .wrap ul { width: 277px; margin: 0 auto; }
.fotter .fotter-top .wrap li a { float: left; color: #858585; font-size: 14px; padding-top: 14px; width: 92px; text-align: center; max-width: 92px; overflow: hidden; }
.fotter .fotter-top .wrap li { float: left; }
.fotter .fotter-top .wrap li a:hover { text-decoration: underline; color: #e13e28; }
.fotter .fotter-bottom { width: 100%; background: #353535; color: #9c9c9c; padding: 35px 0 30px; }
.fotter .fotter-link { width: 1200px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; opacity: 0.9; }
.fotter .fotter-link a { color: #9c9c9c; }
.fotter .fotter-link a:hover { color: #fff; opacity: 1; }

.fotter p {
	color: #888888;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
}
