@charset "utf-8";

.navMenu {padding: 0 1rem;}
.section .navMenu {
	margin: -1rem 0 1.5rem;
	padding: 0;
}
.navMenu ul:after {content:"";display:block;clear:both;}
.navMenu li {
	float: left;
	width: 20%;
	text-align: center;
}
.navMenu a {
	display: block;
	margin: 0 1rem;
	font-weight: bold;
}
.navMenu a:before {
	content: "";
	display: block;
	height: 4rem;
	margin: 1rem 0;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}
.navMenu .navNews a:before {background-image: url('../images/icon_nav_news.png');}
.navMenu .navGame a:before {background-image: url('../images/icon_nav_game.png');}
.navMenu .navShoping a:before {background-image: url('../images/icon_nav_shoping.png');}
.navMenu .navMap a:before {background-image: url('../images/icon_nav_map.png');}
.navMenu .navSearch a:before {background-image: url('../images/icon_nav_search.png');}

.dataChart {
	padding: 1rem 0;
	font-size: 0;
	text-align: center;
}
.main .dataChart {margin-top: 2rem;}
.dataChart li {
	position: relative;
	display: inline-block;
	padding: 0 .5rem 0 3.5rem;
	font-size: 1rem;
	text-align: left;
}
.dataChart .chart {
	position: absolute;
	top: 0; left: 0;
	width: 3rem;
}
.dataChart .chart img {width: 100%;}

.weatherWrap {
	position: relative;
	box-sizing: border-box;
	height: 6.2rem;
	padding: .7rem 0 0 8rem;
	border-top: .7rem solid #F3F3F3;
	font-size: 1.1rem;
}
.weatherWrap .state {
	position: absolute;
	top: 0; bottom: 0; left: 2.5rem;
}
.weatherWrap .state img {
	width: 4.5rem;
	vertical-align: middle;
}
.weatherWrap .state:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.weatherWrap .area {
	display: block;
	font-size: 1.6rem;
}
.weatherWrap .temp {
	position: absolute;
	top: .8rem; right: 3rem;
	font-size: 2.5rem;
	font-weight: bold;
}

.weatherWrap .list {
	overflow: hidden;
	height: 4rem;
	font-size: 1.25rem;
	font-weight: bold;
}
.weatherWrap .list li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.realTimeKeyword {
	position: relative;
	padding: .9rem 4.5rem .9rem 9.5rem;
}
.realTimeKeyword + .dataChart {border-top: .1rem solid #D5D5D5;}
.realTimeKeyword .title {
	position: absolute;
	top: .75rem; left: 1.5rem;
	padding: .2rem .5rem;
	background: #DC0025;
	color: #fff;
	font-size: 1.1rem;
}
.realTimeKeyword .list {
	overflow: hidden;
	height: 1.8rem;
	font-size: 1.25rem;
	font-weight: bold;
}
.realTimeKeyword .list li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.realTimeKeyword .list .num {
	display: inline-block;
	margin: 0 .5rem 0 0;
	color: #DC0025;
	font-style: italic;
}
.realTimeKeyword .btn {
	position: absolute;
	top: 0; right: 0;
	width: 3rem;
	height: 100%;
	background: url('../images/icon_arrow.png') no-repeat 0 50%;
	background-size: .9rem;
	font-size: 0;
}

.realTimeKeyword .btn2 {
	position: absolute;
	top: 0; right: 0;
	width: 3rem;
	height: 100%;
	background: url('../images/list_close.png') no-repeat 0 50%;
	background-size: .9rem;
	font-size: 0;
}

.realTimeKeyword2 {
	position: relative;
	padding: 0 1.5rem;
	border-top: .7rem solid #F3F3F3;
}

.realTimeKeyword2 .selectbtn {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.realTimeKeyword2 .selectbtn ul {
	vertical-align: middle;
}
/*.realTimeKeyword2 .selectbtn li {*/
/*	float: left;*/
/*	width: 50%;*/
/*	box-sizing: border-box;*/
/*	padding: 0.25rem;*/
/*	position: relative;*/
/*	right: -4rem;*/
/*}*/

.realTimeKeyword2 .selectbtn .firstrank {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: .70rem;
	/*background: #fffafa;*/
}

.realTimeKeyword2 .selectbtn .thirdrank {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: .70rem;
	/*background: #fffafa;*/
}


.realTimeKeyword2 .keywordlist {
	width: 100%;
	overflow: hidden;
}

.realTimeKeyword2 .title {
	/*width: 100%;*/
	float:left;
	margin-right:10px;
}

.realTimeKeyword2 .keywordlist:last-child {margin: 0 0 1rem;}
.realTimeKeyword2 .keywordlist ul {margin: 0 -.25rem;}
.realTimeKeyword2 .keywordlist li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: .30rem;
}
.realTimeKeyword2 .keywordlist .itemLeng3 li {width: 33.33%;}

.realTimeKeyword2 .keywordlist .keyword {
	margin: .5rem 0 0;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.3;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}

.realTimeKeyword2 .keywordlist .updown {
	float: right;
	position: relative;
	right: 3rem;
	top: 0.2rem;
}

.realTimeKeyword2 .keywordlist .new {
	position: relative;
	width: 12px;
	top: 0.2rem;
	font-size: 0.5rem;
	right: 0.5rem;
	display: -webkit-box;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*border-top: .7rem solid #F3F3F3;*/
	color: #EA002C;
}

.realTimeKeyword2 .keywordlist .updownimg {
	position: relative;
	width: 10px;
	top: 0.3rem;
}

.realTimeKeyword2 .keywordlist .keynum {
	font-size: 1.25rem;
	font-weight: bold;
	float: right;
	position: relative;
	right: -0.2rem;

}

.realTimeKeyword2 .keywordlist .keyrank {
	display: inline-block;
	margin: 0 .5rem 0 0;
	color: #EA002C;
	font-style: italic;
}

.banner {border-top: .7rem solid #F3F3F3;}
.banner img {width: 100%;}

.linkList {
	position: relative;
	padding: 0 1.5rem;
	border-top: .7rem solid #F3F3F3;
}
.linkList .more {
	position: absolute;
	top: 1rem; right: 1rem;
	font-size: 1.1rem;
	color: #757575;
}
.linkList .more:before {
	content: "+";
	display: inline-block;
	margin-right: .3rem;
	vertical-align: .2rem;
}
.linkList .txtType li {
	line-height: 2;
	border-top: .1rem solid #D5D5D5;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.linkList .txtType .adWrap {
	overflow: visible;

}
.linkList .txtType li:first-child {border: 0;}
.linkList .txtType li .num {
	margin-right: .5rem;
	color: #DC0025;
}

.adWrap a {
	position: relative;
	display: block;
	margin: 1.5rem 0 2rem;
	padding: 1rem;
	border: 1px solid #D5D5D5;
	box-shadow: .2rem .2rem .5rem rgba(0,0,0,.07);
}
.adWrap .tit {
	display: block;
	font-size: 1.6rem;
	line-height: 1;
}
.adWrap .ad {
	position: absolute;
	top: .5rem; right: 1rem;
	font-size: 1.2rem;
	color: #9F9F9F;
}
.adWrap .img {
	display: block;
	margin: 1rem 0;
}
.adWrap .bot {
	display: block;
	position: relative;
	margin: 0 0 .5rem;
	padding: .5rem 0;
}
.adWrap .txt {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 6.5rem;
	font-size: 1.25rem;
	color: #222;
	line-height: 1;
}
.adWrap .btn {
	position: absolute;
	bottom: 0; right: 0;
	padding: 0 .5rem;
	font-size: 1.1rem;
	color: #3A8ACF;
	border: 1px solid #3A8ACF;
	border-radius: .3rem;

}


.linkList .srcType li {
	border-top: .1rem solid #D5D5D5;
}
.linkList .srcType li:first-child {border: 0;}
.linkList .srcType a {
	position: relative;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	padding-right: 5.9rem;
	line-height: 2;
}
.linkList .srcType .txt {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1;
}
.linkList .srcType .source {
	position: absolute;
	top: .7rem; right: 0;
	color: #7C7C7C;
	line-height: 1;
}
.linkList .thumbType {margin: 0 -.2rem;}
.linkList .thumbType li {
	float: left;
	width: 33.33%;
}
.linkList .thumbType:after {
	content: "";
	display: block;
	clear: both;
}
.linkList .thumbType .thumb {
	display: block;
	border: .1rem solid #D5D5D5;
}
.linkList .thumbType img {width: 100%; height:auto;}
.linkList .thumbType a {
	display: block;
	margin: 0 .2rem .5rem;
	text-align: center;
}
.linkList .thumbType .txt {
	margin: .5rem 0 1rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.2rem;
	line-height: 1.3;
}
.linkList .thumbBigType {margin: 0 -.2rem;}
.linkList .thumbBigType:after {
	content: "";
	display: block;
	clear: both;
}
.linkList .thumbBigType li {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 33.33% 0 0;
}
.linkList .thumbBigType li:first-child {
	width: 66.66%;
	padding: 66.66% 0 0;
}
.linkList .thumbBigType a {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	display: block;
	margin: .2rem;
	border: 1px solid #D5D5D5;
}
.linkList .thumbBigType img {width: 100%;}
.linkList .thumbBigType .txt {
	position: absolute;
	bottom: 0; right: 0; left: 0;
	padding: 5rem .5rem 1rem;
	background-image: linear-gradient(transparent, #000);
	color: #fff;
	font-size: 1rem;
}
.linkList .thumbBigType .txt b {font-size: 1.2rem;}

.linkList .newsType li {
	position: relative;
	margin: 0 0 2rem;
	padding-left: 9.5rem;
}
.linkList .newsType .thumb {
	position: absolute;
	top: 0; left: 0;
	width: 8.5rem;
}
.linkList .newsType .source {
	display: block;
	line-height: 0;
}
.linkList .newsType .source img {height: 1.4rem;}
.linkList .newsType .tit {
	display: -webkit-box;
	height: 3.2rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all; 
	line-height: 1.3;
	font-size: 1.2rem;
	font-weight: bold;
}
.linkList .newsType .opt {
	display: block;
	width: 100%;
	margin: .5rem 0 0;
	overflow: hidden;
	color: #A5A5A5;
	font-size: .8rem;
	line-height: 1.2;
}
.linkList .newsType .opt .left {float: left;}
.linkList .newsType .opt .right {float: right;}

.linkList .newsType2 li {
	padding: 1rem 0;
	border-top: 1px solid #D5D5D5;
}
.linkList .newsType2 li:first-child {border: 0;}
.linkList .newsType2 a {
	position: relative;
	display: block;
	padding: 0 0 0 8rem;
}
.linkList .newsType2 .thumb {
	position: absolute;
	top: 0; left: 0;
	width: 7rem;
	height: 5rem;
	overflow: hidden;
}
.linkList .newsType2 .txt {
	display: -webkit-box;
	height: 3.4rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all; 
	font-size: 1.4rem;
	line-height: 1.2;
}
.linkList .newsType2 .opt {
	display: block;
	width: 100%;
	margin: .2rem 0 0;
	overflow: hidden;
	color: #A5A5A5;
	font-size: 1.1rem;
	line-height: 1.2;
}

.linkList .gridType {
	width: 100%;
	overflow: hidden;
}
.linkList .gridType:last-child {margin: 0 0 1rem;}
.linkList .gridType ul {margin: 0 -.25rem;}
.linkList .gridType li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: .25rem;
}
.linkList .gridType .itemLeng3 li {width: 33.33%;}
.linkList .gridType .thumb {
	display: block;
	border: 1px solid #D5D5D5;
	text-align: center;
}
.linkList .gridType .txt {
	margin: .5rem 0 0;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
}

.listNav {
	margin: .5rem 0 2rem;
	text-align: center;
}
.listNav .pagination {
	display: inline-block;
	margin: 0 1rem;
	vertical-align: middle;
}
.listNav .pagination strong {color: #DC0025;}
.listNav [class*="btn"] {
	font-size: 0;
	width: 2.2rem; height: 2.2rem;
	border: 1px solid #bbb;
	vertical-align: middle;
}
.listNav [class*="btn"]:after {
	content: "";
	display: block;
	width: .8rem; height: .8rem;
	border-top: .1rem solid #979797;
	border-right: .1rem solid #979797;
}
.listNav .btnPrev:after {margin-left: .8rem;transform: rotate(-135deg);}
.listNav .btnNext:after {margin-left: .3rem;transform: rotate(45deg);}

.tabMenu {
	width: 100%;
	overflow: hidden;
	border-top: .7rem solid #F3F3F3;
}
.tabMenu ul {margin: -1px 0 0 -1px;}
.tabMenu .menuLeng3 li {width:33.33%;}
.tabMenu .menuLeng4 li {width:25%;}
.tabMenu li {float: left;}
.tabMenu li a {
	display: block;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	font-size: 1.3rem;
	line-height: 3.7rem;
	text-align: center;
}
.tabMenu li.active a {color: #DC0025;}

.breakingNews {
	padding: .8rem 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.breakingNews span {
	padding: 0 .5rem;
	border: .1rem solid #DC0025;
	color: #DC0025;
	font-size: 1.1rem;
	border-radius: 2rem;
}

.pressList {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.pressList li {
	width: 25%;
	float: left;
	margin: 1rem 0;
	font-size: 1.25rem;
}
.pressList li img {
	display: block;
	width: 4rem;
	margin: 0 auto .5rem;
	border-radius: 1.5rem;
	border: 1px solid #D5D5D5;
}

.gameList {margin: -1rem 0 0;}
.gameList li {margin: 1rem 0;}
.gameList a {
	position: relative;
	display: block;
	min-height: 6rem;
	padding: 0 0 0 11rem;
}
.gameList .img {
	position: absolute;
	top: 0; left: 0;
	width: 9.5rem;
}
.gameList .name {
	display: block;
	padding: 1rem 0 0;
	font-size: 1.3rem;
	font-weight: bold;
}
.gameList .name .state {
	display: inline-block;
	vertical-align: .1rem;
	padding: 0 .2rem;
	background: #DC0025;
	color: #fff;
	font-size: 1rem;
	font-weight: normal;
}
.gameList .opt {
	font-size: 0;
	color: #888;
}
.gameList .opt span {
	display: inline-block;
	line-height: 1;
	font-size: 1.1rem;
}
.gameList .opt span ~ span {
	margin-left: .5rem;
	padding-left: .5rem;
	border-left: .1rem solid #ddd;
}

.gameList2 {margin: -1rem 0 0;}
.gameList2 li {margin: 1rem 0;}
.gameList2 li a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0 10rem 0 0;
	min-height: 4.7rem;
	font-size: 1.2rem;
}
.gameList2 .img {
	position: absolute;
	top: 0; right: 0;
	width: 9.5rem;
}
.gameList2 .img img {width: 100%;}
.gameList2 .tit {
	display: -webkit-box;
	line-height: 1.3;
	font-weight: bold;
	height: 3rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.gameList2 .txt {
	display: block;
	margin: .2rem 0 0;
	font-size: 1rem;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gameList3 {margin: -2rem 0 0;}
.gameList3 li {margin: 2rem 0;}
.gameList3 a {
	position: relative;
	display: block;
	min-height: 6.3rem;
	padding: 0 0 0 9.5rem;
}
.gameList3 .img {
	position: absolute;
	top: 0; left: 0;
	width: 8.5rem;
	border: .1rem solid #D5D5D5;
}
.gameList3 .tit {
	display: block;
	font-weight: bold;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gameList3 .txt {
	display: -webkit-box;
	margin: .5rem 0;
	line-height: 1.2;
	font-size: 1.2rem;
	height: 2.9rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.gameList3 .opt {
	display: block;
	font-size: 0;
	color: #A5A5A5;
	text-align: right;
}
.gameList3 .opt span {
	display: inline-block;
	line-height: 1;
	font-size: 1rem;
}
.gameList3 .opt span {
	margin-right: .5rem;
	padding-right: .5rem;
	border-right: .1rem solid #ddd;
}
.gameList3 .opt span:last-child {margin:0;padding:0;border:0;}
.gameList3 .opt .reply {float: left;margin:0;padding:0;border:0;}
.gameList3 .opt .date {color: #F86153;}

.shopType li {margin: 2rem 0;}
.shopType li a {
	display: block;
	position: relative;
	min-height: 6.3rem;
	padding: .5rem 0 0 9.5rem;
	font-size: 1.2rem;
	box-sizing: border-box;
}
.shopType .thumb {
	position: absolute;
	top: 0; left: 0;
	width: 8.5rem;
	border: 1px solid #D5D5D5;
}
.shopType .txt {
	display: -webkit-box;
	line-height: 1.2;
	height: 2.9rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: bold;
}
.shopType .price {
	display: block;
	margin: .5em 0 0;
}
.shopType .price del {color: #9F9F9F;}

.appList {
	overflow-x: auto;
	padding: 0 0 2rem;
	-webkit-overflow-scrolling: touch;
}
.appList ul {
	display: table;
	margin: 0 -.2rem;
}
.appList li {display: table-cell;}
.appList a {
	display: block;
	box-sizing: border-box;
	width: 8.6rem;
	margin: 0 .2rem;
	padding: .8rem;
	border: 1px solid #D5D5D5;
	border-radius: .4rem;
	box-shadow: .2rem .2rem .2rem rgba(0,0,0,.05);
}
.appList .icon img {border-radius: 1rem;}
.appList .name {
	display: block;
	height: 3rem;
	margin: .5rem 0 0;
	font-size: 1.2rem;
	line-height: 1.2;
}
.appList .make {
	display: block;
	font-size: .9rem;
	margin: .3rem 0 0;
}
.appList [class*="score"] {
	position: relative;
	display: block;
	width: 8rem; height: .7rem;
	margin: .5rem 0 0;
	font-size: 0;
	background: url('../images/bg_score.gif') no-repeat;
	background-size: auto 100%;
}
.appList [class*="score"]:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	height: .7rem;
	background: url('../images/bg_score_active.gif') no-repeat;
	background-size: auto 100%;
}
.appList .score1:before {width:10%;}
.appList .score2:before {width:20%;}
.appList .score3:before {width:30%;}
.appList .score4:before {width:40%;}
.appList .score5:before {width:100%;}

.relatedKeywrod {
	position: relative;
	padding: .5rem 6rem .5rem 1rem;
	font-size: 1.3rem;
}
.relatedKeywrod .tit {
	display: inline-block;
	margin: 0 .5rem 0 0;
}
.relatedKeywrod .keyword {display: inline-block;}
.relatedKeywrod .more {
	position: absolute;
	top: .3rem; right: .5rem;
	color: #757575;
}
.relatedKeywrod .more:before {
	content: "+";
	display: inline-block;
	margin: 0 .3rem 0 0;
	vertical-align: .2rem;
}

.searchResult {
	padding: 0 0 .8rem;
	background: #F3F3F3;
	border-top: 1px solid transparent;
}
.searchResult .resultCard {
	margin: .8rem 1.4rem 0;
	background: #fff;
	border: 1px solid #D5D8DE;
	border-radius: .4rem;
	box-shadow: .3rem .3rem rgba(0,0,0,.02);
}
.searchResult .typeLink .name {
	padding: 1rem;
	font-size: 1.3rem;
	color: #006DD9;

}
.searchResult .typeLink .name .link {
	display: block;
	font-size: 1.1rem;
}
.searchResult .typeLink .cont {
	padding: 1rem;
	border-top: 1px solid #D5D8DE;
	font-size: 1.2rem;
}
.searchResult .cardTitle {
	padding: 1rem;
	font-size: 1.3rem;
}
.searchResult .typeList {
	border-top: 1px solid #D5D8DE;
	padding: 0 1.5rem;
}
.searchResult .typeList li {
	margin: 2rem 0;
}
.searchResult .typeList a {
	position: relative;
	display: block;
	height: 6rem;
	padding: 0 0 0 7.5rem;
}
.searchResult .typeList .thumb {
	position: absolute;
	top: 0; left: 0;
	width: 6rem;
}
.searchResult .typeList .thumb img {
	border-radius: .4rem;
}
.searchResult .typeList .tit {
	display: block;
	font-size: 1.3rem;
	color: #006DD9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.searchResult .typeList .txt {
	display: -webkit-box;
	height: 2.9rem;
	margin: .5rem 0 0;
	overflow: hidden;
	font-size: 1rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.selectbtn li {
	color:#9f9f9f;
}

.selectbtn .active {
	color:#ea002c;
}

.wt_none {
	display: none;
}

.thumb_list {
	text-align: center;
}
.thumbnail-wrap {
	display: inline-block;
	width: 32%;
}

.thumbnail {
	position: relative;
	padding-top: 62%;
	overflow: hidden;
}

.thumbnail .centered {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

.thumbnail .centered img {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

}

.thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width:100%;
	height:auto;
	border: 1px solid #000;
}

.thumb-txt {
	margin: .5rem 0 0;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
}