html {
	font-family: PingFang SC,FZLTHJW,ssans-serif;
}
html {
	background: rgb(250, 250, 250); margin: 0px; padding: 0px; width: 100%;
}
body {
	background: rgb(250, 250, 250); margin: 0px; padding: 0px; width: 100%;
}
.header {
	background: rgb(58, 56, 75); width: 100%; height: 90px; float: left;
}
.header .nav {
	width: 1200px; height: 90px; margin-right: auto; margin-left: auto; position: relative;
}
.header .nav .logo {
	margin: auto; top: 0px; width: 1px; height: 45px; bottom: 0px; position: absolute;
}
.header .nav .logo a img {
	width: 130px; height: 45px;
}
.header .nav ul {
	margin: 0px auto auto 0px; top: 0px; height: 90px; bottom: 0px; padding-left: 0px; float: left;
}
.header .nav  .title{
    font: 28px/normal "Microsoft YaHei"; color: rgb(255, 255, 255);
}
.header .nav ul li {
	list-style: none; line-height: 90px; padding-left: 56px; display: inline;
}
.header .nav ul li a {
	font: 18px/normal "Microsoft YaHei"; color: rgb(255, 255, 255); text-decoration: none; font-size-adjust: none; font-stretch: normal;
}
.header .nav ul li a:hover {
	color: rgb(146, 99, 247);
}
.header .nav ul .active a {
	color: rgb(146, 99, 247);
}
.container {
	width: 1200px; margin-right: auto; margin-left: auto;
}
.container .first-section {
	width: 1300px; margin-top: 20px; margin-bottom: 46px; float: left;
}
.container .first-section a div:hover {
	background: rgb(146, 99, 247);
}
.container .first-section .main-media {
	width: 280px; height: 250px; margin-right: 20px; float: left;
}
.container .first-section .main-media div {
	width: 280px; height: 200px;
}+

.container .first-section .main-media div img {
	margin: 20px 20px 0px 0px; width: 63px; height: 20px; float: right;
}
.container .first-section .main-media .media-info {
	background: rgb(255, 255, 255); /* width: 250px; */ height: 38px;
	margin-top: 20px;
}
.container .first-section .main-media .media-info span:nth-child(1) {
	line-height: 20px; /* margin-left: 20px; */ float: left;
}
.container .first-section .main-media .media-info span {
	font: 16px/normal FZLTHJW; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.container .first-section .main-media .media-info span:nth-child(2) {
	line-height: 38px; margin-right: 20px; float: right;
}
.container .first-section .main-media .media-info img:nth-child(3) {
	width: 12px; height: 12px; margin-top: 13px; margin-right: 8px; float: right;
}
.container .first-section .minor-media {
	width: 198px; height: 224px; margin-right: 10px; margin-bottom: 10px; float: left;
}
.container .first-section .minor-media div {
	width: 198px; height: 184px;
}
.container .first-section .minor-media div img {
	margin: 10px 10px 0px 0px; width: 63px; height: 20px; float: right;
}
.container .first-section .minor-media .media-info {
	background: rgb(255, 255, 255); width: 198px; height: 38px;
}
.container .first-section .minor-media .media-info span:nth-child(1) {
	line-height: 38px; margin-left: 20px; float: left;
}
.container .first-section .minor-media .media-info span {
	font: 12px/normal FZLTHJW; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.container .first-section .minor-media .media-info span:nth-child(2) {
	line-height: 38px; margin-right: 20px; float: right;
}
.container .first-section .minor-media .media-info img:nth-child(3) {
	width: 12px; height: 12px; margin-top: 13px; margin-right: 8px; float: right;
}
.container .first-aside {
	width: 211px; height: 458px; margin-top: 78px; float: left;
}
.container .first-aside img:nth-child(1) {
	width: 177px; height: 59px; margin-left: 34px;
}
.container .first-aside span:nth-child(2) {
	font: 22px/normal FZLTHJW; color: rgb(56, 56, 67); margin-top: 15px; margin-left: 34px; font-size-adjust: none; font-stretch: normal;
}
.container .first-aside span:nth-child(3) {
	background: url("bgimg-01.png")/*tpa=http://hnzuoyebang.com/Public/images/bgimg-01.png*/ no-repeat 0% 0% / 211px 57px; font: 33px/normal FZLTHJW; width: 211px; height: 57px; text-align: center; color: rgb(255, 255, 255); padding-top: 6px; margin-top: 22px; margin-left: 22px; display: block; font-size-adjust: none; font-stretch: normal;
}
.container .first-aside img:nth-child(4) {
	width: 200px; height: 200px; margin-top: 20px; margin-left: 28px;
}
.container .second-section {
	width: 856px; float: left;
}
.container .second-section .bar {
	width: 100%; height: 40px; margin-bottom: 22px;
}
.container .second-section .bar .more_hot {
	border-width: 0px 0px 0px 5px; border-style: solid; border-color: rgb(163, 124, 247); border-image: none; height: 22px; padding-left: 10px; margin-top: 8px; float: left; display: block;
}
.container .second-section .bar a span:nth-child(2) {
	font: 28px/normal FZLTHJW; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .second-section a {
	margin-right: 10px; float: left;
}
.container .second-section a .medium {
	width: 204px; height: 302px; margin-bottom: 30px;
}
.container .second-section a .medium:hover {
	background: rgb(146, 99, 247);
}
.container .second-section a .medium div {
	width: 204px; height: 262px;
}
.container .second-section a .medium div img {
	margin: 20px 20px 0px 0px; width: 63px; height: 20px; float: right;
}
.container .second-section a .medium .media-info {
	background: rgb(255, 255, 255); width: 204px; height: 38px;
}
.container .second-section a .medium .media-info span:nth-child(1) {
	line-height: 38px; margin-left: 20px; float: left;
}
.container .second-section a .medium .media-info span {
	font: 12px/normal FZLTHJW; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.container .second-section a .medium .media-info span:nth-child(2) {
	line-height: 38px; margin-right: 20px; float: right;
}
.container .second-section a .medium .media-info img:nth-child(3) {
	width: 12px; height: 12px; margin-top: 13px; margin-right: 8px; float: right;
}
.container .second-aside {
	width: 210px; height: 458px; margin-top: 62px; margin-left: 60px; float: left;
}
.container .second-aside .bar-forecast {
	width: 100%; clear: both; float: left;
}
.container .second-aside .bar-forecast span {
	font: 22px/normal FZLTHJW; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .bar-forecast .more {
	font: 18px/normal FZLTHJW; color: rgb(0, 0, 0); text-decoration: none; float: right; display: block; font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .bar-forecast .more:hover {
	color: rgb(146, 99, 247);
}
.container .second-aside .forecast-chart {
	width: 100%; height: 360px; clear: both; float: left;
}
.container .second-aside .forecast-chart div:hover {
	background: rgb(234, 234, 234);
}
.container .second-aside .forecast-chart div {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 221, 222); border-image: none; width: 100%; height: 89px; clear: both; float: left;
}
.container .second-aside .forecast-chart div img {
	border-radius: 50%; width: 66px; height: 66px; overflow: hidden; clear: both; margin-top: 12px; margin-right: 18px; float: left;
}
.container .second-aside .forecast-chart div p {
	font: 12px/10px FZLTHJW; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .forecast-chart div p:nth-child(2) {
	margin-top: 18px;
}
.container .second-aside .bar-anchor {
	width: 100%; clear: both; margin-top: 36px; float: left;
}
.container .second-aside .bar-anchor span:nth-child(1) {
	font: 22px/normal FZLTHJW; width: auto; height: auto; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .bar-anchor span {
	font: 18px/normal FZLTHJW; width: 36px; height: 22px; text-align: center; color: rgb(0, 0, 0); float: right; font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .anchor-chart {
	width: 100%; height: 360px; clear: both; float: left;
}
.container .second-aside .anchor-chart div {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 221, 222); border-image: none; width: 100%; height: 71px; clear: both; float: left;
}
.container .second-aside .anchor-chart div:hover {
	background: rgb(234, 234, 234);
}
.container .second-aside .anchor-chart div img:nth-child(1) {
	width: 36px; height: 45px; margin-top: 12px; margin-left: 6px; float: left; position: relative;
}
.container .second-aside .anchor-chart div img:nth-child(2) {
	border-radius: 50%; width: 52px; height: 52px; overflow: hidden; margin-top: 12px; margin-right: 30px; margin-left: 20px; float: left;
}
.container .second-aside .anchor-chart div p {
	font: 12px/72px FZLTHJW; margin: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .bar-audience {
	width: 100%; clear: both; margin-top: -100px; float: left;
}
.container .second-aside .bar-audience span:nth-child(1) {
	font: 22px/normal FZLTHJW; width: auto; height: auto; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .active {
	background: url("date-bagimg.png")/*tpa=http://hnzuoyebang.com/Public/images/date-bagimg.png*/ no-repeat 0% 0% / 36px 22px;
}
.container .second-aside .bar-audience span {
	font: 18px/normal FZLTHJW; width: 36px; height: 22px; text-align: center; color: rgb(0, 0, 0); float: right; font-size-adjust: none; font-stretch: normal;
}
.container .second-aside .audience-chart {
	width: 100%; height: 360px; clear: both; float: left;margin-top:-80px;
}
.container .second-aside .audience-chart div {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 221, 222); border-image: none; width: 100%; height: 71px; clear: both; float: left;
}
.container .second-aside .audience-chart div:hover {
	background: rgb(234, 234, 234);
}
.container .second-aside .audience-chart div img:nth-child(1) {
	width: 36px; height: 45px; margin-top: 12px; margin-left: 6px; float: left; position: relative;
}
.container .second-aside .audience-chart div img:nth-child(2) {
	border-radius: 50%; width: 52px; height: 52px; overflow: hidden; margin-top: 12px; margin-right: 30px; margin-left: 20px; float: left;
}
.container .second-aside .audience-chart div p {
	font: 12px/72px FZLTHJW; margin: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
#mask {
	/*background: rgb(0, 0, 0);*/ width: 100%; height: 100%; margin-top: 0px; position: fixed; z-index: 1000; opacity: 0.5;
}
#mask-detail {
	width: 100%; position: fixed; z-index: 1200; opacity: 1;
}
#mask-detail div {
	width: 312px; height: 414px; margin-top: 15%;
}
#mask-detail div img {
	display: block;
}
#mask-detail div img:nth-child(1) {
	margin: 0px auto 26px; float: right;
}
#mask-detail div img:nth-child(2) {
	margin: 0px auto 15px;
}
#mask-detail div img:nth-child(3) {
	margin: 0px auto;
}
.footer {
	background: rgb(58, 56, 75); width: 100%; height: 180px; bottom: 0px; float: left;
}
.footer p {
	font: 14px/normal PingFang SC; text-align: center; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
.footer p:first-child {
	margin-top: 40px;
}
.footer p:last-child {
	margin-top: 20px;
}
.footer p:last-child a {
	border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(153, 153, 153); border-image: none; color: rgb(153, 153, 153); text-decoration: none; display: inline-block;
}
.footer p:last-child a:hover {
	color: rgb(146, 99, 247);
}
.footer p:last-child a img {
	width: 20px; height: 20px; margin-right: 6px; margin-left: 30px; float: left;
}
.footer p:last-child a span {
	width: 141px; height: 20px; float: left; display: block;
}
.footer p:last-child a span span {
	width: 86px; text-align: left; float: left;
}
.footer p:last-child a:nth-child(1) {
	width: 141px;
}
.footer p:last-child a:nth-child(1) span {
	width: 141px;
}
.footer p:last-child a:nth-child(1) span span {
	width: auto;
}
.footer p:last-child a:nth-child(2) {
	width: 141px;
}
.footer p:last-child a:nth-child(2) span {
	width: 141px;
}
.footer p:last-child a:nth-child(2) span span {
	width: auto;
}
.footer p:last-child a:last-child {
	border-width: 0px;
}
.container .company-section {
	width: 1200px; margin-top: 20px; float: left;
}
.container .company-section img {
	width: 1200px; height: 458px;
}
.container .company-second-section {
	width: 1200px; margin-top: 46px; float: left;
}
.container .company-second-section .bar {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(62, 58, 57); border-image: none; width: 100%; height: 40px; padding-bottom: 19px;
}
.container .company-second-section .bar .more_hot {
	border-width: 0px 0px 0px 5px; border-style: solid; border-color: rgb(163, 124, 247); border-image: none; height: 22px; padding-left: 10px; margin-top: 8px; float: left; display: block;
}
.container .company-second-section .bar a span:nth-child(2) {
	font: 28px/normal FZLTHJW; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .company-second-section .section-detail {
	margin: 32px auto 164px 0px; width: 100%; height: 271px;
}
.container .company-second-section .section-detail img {
	width: 240px; height: 271px; float: left;
}
.container .company-second-section .section-detail p {
	font: 20px/normal "Microsoft YaHei [Regular]"; margin: 8px auto 0px 31px; width: 900px; color: rgb(62, 58, 57); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .game-section {
	width: 1200px; margin-top: 20px; float: left;
}
.container .game-section p {
	font: 14px/normal "Microsoft YaHei [Regular]"; margin: 7px auto 0px 0px; width: 100%; color: rgb(62, 58, 57); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .game-section p:nth-child(2) {
	font: 20px/normal "Microsoft YaHei [Regular]"; margin: 20px auto 0px 0px; color: rgb(62, 58, 57); font-size-adjust: none; font-stretch: normal;
}
.container .game-section img {
	width: 1200px; height: 458px;
}
.container .game-second-section {
	width: 1200px; margin-top: 46px; float: left;
}
.container .game-second-section .bar {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(62, 58, 57); border-image: none; width: 100%; height: 40px; padding-bottom: 19px;
}
.container .game-second-section .bar .more_hot {
	border-width: 0px 0px 0px 5px; border-style: solid; border-color: rgb(163, 124, 247); border-image: none; height: 22px; padding-left: 10px; margin-top: 8px; float: left; display: block;
}
.container .game-second-section .bar a span:nth-child(2) {
	font: 28px/normal FZLTHJW; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .game-second-section p {
	font: 14px/normal "Microsoft YaHei [Regular]"; margin: 7px auto 0px 0px; width: 100%; color: rgb(62, 58, 57); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .game-second-section p:nth-child(2) {
	font: 20px/normal "Microsoft YaHei [Regular]"; margin: 20px auto 0px 0px; color: rgb(62, 58, 57); font-size-adjust: none; font-stretch: normal;
}
.container .game-second-section img {
	margin: 50px auto 197px 0px; width: 100%; float: left;
}
.container .contact-section {
	width: 1200px; margin-top: 20px; float: left;
}
.container .contact-section img {
	width: 1200px; height: 458px;
}
.container .contact-second-section {
	width: 1200px; margin-top: 46px; float: left;
}
.container .contact-second-section .bar {
	border-width: 0px 0px 1px; border-style: solid; border-color: rgb(62, 58, 57); border-image: none; width: 100%; height: 40px; padding-bottom: 19px;
}
.container .contact-second-section .bar .more_hot {
	border-width: 0px 0px 0px 5px; border-style: solid; border-color: rgb(163, 124, 247); border-image: none; height: 22px; padding-left: 10px; margin-top: 8px; float: left; display: block;
}
.container .contact-second-section .bar a span:nth-child(2) {
	font: 28px/normal FZLTHJW; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .contact-second-section p {
	font: 20px/normal "Microsoft YaHei [Regular]"; margin: 5px auto 0px 0px; width: 100%; color: rgb(62, 58, 57); float: left; font-size-adjust: none; font-stretch: normal;
}
.container .contact-second-section p:nth-child(2) {
	margin: 23px auto 0px 0px;
}
.container .contact-second-section p:last-child {
	margin: 5px auto 393px 0px;
}
.hide {
	display: none;
}
.show {
	display: block;
}