@charset "utf-8";

.bjColor {
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
}
.bjColor.ng-scope{
	background: #e9edf4;
}
.bjColor::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #e6e6e6;
  	border-radius: 10px;
	  display: none;
}

/*.bjColor:hover::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); }*/
.bjColor::-webkit-scrollbar-thumb {
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
	border-right: 2px solid #e6e6e6;
	border-radius: 10px;
}

.bjColor::-webkit-scrollbar-track {
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.bjColor:after {
	content: "";
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 10px;
	/* background: linear-gradient(transparent, #152d46);
	background: -webkit-linear-gradient(top, transparent, #152d46); */
}

.bjColor::-webkit-scrollbar-thumb:hover {
	background-color: #f5f5f5;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/*.Nav ul li:nth-of-type(n+2) {
	display: none !important;
}*/


/*面包屑*/
.crumbs {
	line-height: 0 !important;
	margin-top: 0;
	height: 111px;
	padding: 60px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	border: 0;
}

.crumbs_nav {
	line-height: 52px !important;
}

.crumbArrow {
	margin: 0 6px;
}


/*2020新增搜索*/
.navInputSearch.fr.mr20 {
	margin-right: 0 !important;
}

.navInputSearch {
	width: 180px;
	height: 38px;
	margin: 9px 0 0 0;
	position: relative;
}

.navInputSearch input {
	width: 180px;
	height: 30px;
	line-height: 32px;
	background: #1c4259;
	border: 1px solid #041c2a;
	color: #e9f2ff;
	font-size: 14px;
	border-radius: 20px;
	padding: 0 10px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "微软雅黑";
}

.navInputSearch input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	line-height: 33px;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "微软雅黑";
}

.navInputSearch input:-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	line-height: 33px;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "微软雅黑";
}

.navInputSearch input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	line-height: 33px;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "微软雅黑";
}

.navInputSearch input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	line-height: 33px;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "微软雅黑";
}

.navInputSearch a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/boxSearch.png) no-repeat;
	position: absolute;
	right: 13px;
	top: 7px;
	z-index: 2;
}
.detailsMainRight{
	margin: 0 auto;
	clear: left;
	width:calc(100% - 300px);
}
.detailsMainRight .labelTitle {
	line-height: 0 !important;
	background: #062e46;
	font-size: 14px;
	width: 1180px;
	margin: 0 auto;
}

.detailsTab span {
	height: 46px;
	line-height: 46px;
	padding: 0;
	margin-right: 20px;
	min-width: 0;
}

.Details {
	/* margin-top: 61px; */
}
.Trend_Details .Trend_detailsMainLeft{
	display: block;
}
.detailsMainLeft {
	margin-top: 10px;
	display: none;
}

.detailsTabList .ptre {
	width: 100%;
	padding-left: 0;
}

.newsNavtitle {
	width: 100%;
	background: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	height: 111px;
	padding: 70px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #E6E6E6;
	-webkit-box-shadow:0 0 10px #E6E6E6;
	-moz-box-shadow:0 0 10px #E6E6E6;
	box-shadow:0 0 10px #E6E6E6;
}


/*新闻详情页*/
.newsdetailtopBar {
	width: 100%;
	height: 111px;
	border-bottom: 1px solid #214061;
}

.boxnew_Details {
	width: 1180px !important;
	padding: 0;
	/*margin-top: 50px !important;*/
}
.bonne_newsDetails {
	width: 1000px !important;
	margin: 0 auto;
	background: #062e46;
}

.boxnew_newsDetails .newsMainA {
	width: 750px;
	margin: 0 auto;
}

.boxnew_gamePresent-1 p {
	font-size: 16px !important;
	color: #cccccc;
	line-height: 30px;
	padding-bottom: 20px;
}

.boxnew_gamePresent-1 img {
	display: block !important;
	max-width: 710px !important;
	margin: 0 auto;
}

.boxnew_newsInfo {
	display: flex;
	justify-content: center;
}

.labelMain {
	background: rgba(0, 0, 0, 0.1);
	padding: 18px 20px 10px 20px;
}

.shopHot li {
	background: #191e27;
	margin: 0 auto 10px;
}

.shopHot li p,
.shopHot li a.cB2.f12 {
	font-size: 14px;
	height: 41px;
	line-height: 41px;
	width: 220px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/*+++++++玩家排行榜+++++++*/
.rank_wrap {
	width: 100%;
	min-height: 317px;
	overflow: hidden;
	background: #e9edf4 url(//static.cubejoy.com/news/images/w_rankBj.png) no-repeat top center;
	margin-top: 100px;
}

.rank_main {
	width: 1180px !important;
	padding: 0;
	margin: 20px auto;
	margin-top: 88px !important;
	box-sizing: border-box;
}

.rank_navTitle .labelTitle {
	background: #fff;
	font-size: 14px;
	width: 1180px;
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 0;
	z-index: 5;
	margin: 0 auto;
}

.rank_detailsTab span{
	border: none;
    padding: 0px 15px;
    font-size: 16px;
    border-radius: 15px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666 !important;
}
.rank_detailsTab span.detailsTabSelect {
	color: #fff !important;
    background: #00c0ff;
}
.rank_detailsTab span:hover {
	color:#00c0ff !important;
}
.Rank_rankingList {}

.rank_head_model1 {
	position: relative;
	height: 165px;
}

.rank_hm1_tab {
	position: absolute;
	right: 16px;
	top: -15px;
}

.rank_hm1_tab span {
	display: block;
	float: left;
	color: #212121;
	font-size: 13px;
	margin: 0 10px 0 0;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}

.rank_hm1_tab span.r_hm1tab_active {
	color: #fff;
	background: #03a9f4;
	padding: 0 10px;
	border-radius: 12px;
}

.rank_hm1_bill {
	display: flex;
	justify-content: center;
}

.rank_hml_1 {
	margin: -30px 0 0;
}

.rank_hm1_no1 {
	margin: -78px 110px;
}



.rank_number_head {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.rank_number_h1 {	
	width: 160px;
	height: 34px;
	background: url(../images/ranking_num1.png) no-repeat;
}

.rank_hml_name {
	width: 119px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #021212;
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0;
}
.rank_hml_name1{
	width: 160px;
}

.rank_hml_2Img {
	width: 119px;
	height: 108px;
	background: url(../images/ranking_headBj02.png) no-repeat;
	position: relative;
}

.rank_hml_2Img img {
	display: block;	
	width: 90px;
	height: 90px;
	border-radius: 50%;
	position: absolute;	
	left: 14px;
	top: 14px;
	z-index: 5;	
}

.rank_hml_1Img {	
	width: 160px;
	height: 144px;
	background: url(../images/ranking_headBj01.png) no-repeat;
	position: relative;	
}

.rank_hml_1Img img {
	display: block;
	width: 122px;
	height: 122px;	
	border-radius: 50%;
	position: absolute;
	left: 19px;
	top: 19px;	
	z-index: 5;
}

.rank_number_h2 {
	width: 119px;
	height: 25px;
		
	background: url(../images/ranking_num2.png) no-repeat;
}

.rank_hml_name2 {
	width: 160px;
}

.rank_hml_3Img {
	width: 119px;
	height: 107px;
	background: url(../images/ranking_headBj03.png) no-repeat;
	position: relative;
}

.rank_hml_3Img img {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	position: absolute;
	left: 13px;
	top: 13px;
	z-index: 5;
}

.rank_number_h3 {
	width: 119px;
	height: 25px;
	background: url(../images/ranking_num3.png) no-repeat;
}

.rank_head_model2 {
	overflow: hidden;
	min-height: 1180px;
}

.rank_head_model2 .rank_modeList.fl:last-child {
	margin-right: 0;
}

.rank_modeList {
	width: 280px;
	margin-right: 20px;
	float: left;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.05));
}

.rank_modeL_title {
	height: 68px;
	background: url(//static.cubejoy.com/news/images/w_rTit_bj.png) no-repeat top center;
	overflow: hidden;
	padding-left: 20px;
	border-radius: 10px 10px 0 0;
}

.rank_m1L.fl {
	float: left;
	padding-top: 12px;
}

.rank_m1L h4 {
	color: #212121;
}

.rank_m1L p {
	overflow: hidden;
	font-size: 12px;
	padding-top: 7px;
}

.rank_m1L p b {
	color: #666666;
	float: left;
}

.rank_m1L p span {
	float: left;
	width: 7px;
	height: 8px;
	margin: 5px 0 0 3px;
}

/*  上升背景图  */
.rank_m1L p .ph_num_arrow {
	background: url(../images/ph-arrow.png) no-repeat;

}

/*  持平背景图  */
.rank_m1L p .ph_num_arrow_02 {
	background: url(../images/ph-arrow.png) no-repeat 0 -36px;
}

/*  下降背景图  */
.rank_m1L p .ph_num_arrow_03 {
	background: url(../images/ph-arrow.png) no-repeat 0 -73px;
}

.rank_modeL_title .fr {
	float: right;
	padding: 12px 12px 0 0;
}

.rank_modeL_title .fr p {
	font-size: 12px;
	color: #a9cedc;
	overflow: hidden;
}

.fr p span {
	float: left;
	width: 30px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
}

.fr p span {
	color: #334E63;
	margin-right: 4px;
	border-radius: 12px;
}

.fr p .week {
	background: none;
}

.fr p .all {
	background: none;
}

.fr p .radius {
	background: #03A9F4;
	color: #fff;
}

.rank_wrapList ul {
	overflow: hidden;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom: 20px;
}

.rank_wrapList ul li {
	height: 36px;
	line-height: 36px;
	padding-left: 20px;

}
.rank_wrapList ul li a{
	cursor: auto;
}
.rank_wrapList ul li:nth-of-type(odd) {
	background: #fbfbfb;
}

/*  num显示第一种序号颜色 */
.rank_wrapList ul li .num {
	float: left;
	font-size: 14px;
	color: #FFC700;
}

/*  num_02显示第二种字体颜色  */
.rank_wrapList ul li .num_02 {
	color: #999999;
}

.rank_wrapList ul li .message {
	float: left;
	overflow: hidden;
}

.rank_wrapList ul li .message .headImg {
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin: 5px 10px 0 12px;

}

.rank_wrapList ul li .message .userName {
	float: left;
	width: 110px;
	color: #334E63;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*  上升背景图  */
.rank_wrapList ul li .ph_arrow {
	float: right;
	width: 7px;
	height: 8px;
	background: url(../images/ph-arrow.png) no-repeat;
	margin: 14px 21px 0 0;
	position: relative;
}

/*  持平背景图  */
.rank_wrapList ul li .ph_arrow_02 {
	background: url(../images/ph-arrow.png) no-repeat 0 -33px;
}

/*  下降背景图  */
.rank_wrapList ul li .ph_arrow_03 {
	background: url(../images/ph-arrow.png) no-repeat 0 -73px;
}

.rank_wrapList ul li .ph_arrow .arrow_pop {
	display: block;
	width: 140px;
	line-height: 24px;
	border-radius: 5px;
	text-align: center;
	color: #212121;
	background: #FFFFFF;
	position: absolute;
	top: 17px;
	right: -13px;
	z-index: 1;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	/*display: none;*/
}

.rank_wrapList ul li .ph_arrow .arrow_pop:after {
	content: "";
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	left: 115px;
}

/*++++++++++平台动态1.2.1-0916++++++++++*/
.Nav {
	width: 100%;
	background: #fff;
	padding: 60px 0 0;
	height: 111px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	z-index: 1000000;
	padding: 60px 0px 0 0;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadow:0 0 10px #E6E6E6;
	-moz-box-shadow:0 0 10px #E6E6E6;
	box-shadow:0 0 10px #E6E6E6;
}

.boxNavCenter {
	width: 1180px;
	margin: 0 auto;
	height: 100%;
	padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Nav ul {
	padding-left: 0;
	/*width:681px;
	*/
	margin: 0 auto;
	position: relative;
}

.Nav ul li {
	margin-right: 20px;
}

.Nav ul li:last-child {
	margin-right: 0 !important;
}

.Nav ul li a {
	border: none;
	padding: 0px 15px;
	font-size: 14px;
	border-radius: 15px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666 !important;
}

.Nav ul li a.current {
	color: #fff !important;
	background: #00c0ff;
}

.Trend_Details {
	margin-top: 131px;
}

.Trend_Details .detailsMainLeft {
	margin-top: 0;
	position: relative;
    z-index: 8;
}

.Trend_timesR p span {
	color: #CCCCCC;
	width: auto;
	margin: 0;
	border-radius: 0;
	height: 34px;
	line-height: 34px;
	cursor: auto;
}

/*盒子弹层式窗体-新闻详情页*/
.pu_newsbjColor::-webkit-scrollbar-track {
	margin: 0 !important;
}

.pu_newsbjColor {
	background: #f5f5f5;
}

.pu_newsdetails_content {
	width: 640px;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.pu_newsDe_title {
	font-size: 28px;
	color: #212121;
	text-align: center;
	margin-bottom: 5px;
}

.pu_newsDe_times {
	text-align: center;
}

.pu_newsDe_times .pu_newsTime {
	margin-left: 20px;
}

.pu_newsDe_main {
	padding: 30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.pu_newsDe_main_1 {
	font-size: 14px !important;
	line-height: 26px;
	color: #212121;
}

.pu_newsDe_main_1 p {
	font-size: 14px !important;
	line-height: 26px;
	color: #212121;
	margin-bottom: 20px;
}

.pu_newsDe_main_1 img {
	display: block;
	max-width: 640px;
	height: auto !important;
	margin: 10px auto;
}

.pu_newsDe_main_1 a {
	color: #00a6f7;
}

.pu_newsDe_main_1 a:hover {
	color: #00c0ff;
}

.pu_newsDe_main_1 p span {
	width: 640px;
	display: block;
	word-wrap: break-word;
	word-break: break-all;
}

/*boxweb 980*/
@media (max-width:1179px) {
	.w940 {
		width: 930px;
		margin: 0 auto;
	}

	/*body.bjColor-1 { overflow-x: hidden; overflow-y: hidden;}
	body.bjColor { overflow-x: hidden; overflow-y: hidden;}*/
	.shortcutNav {
		bottom: 20px;
		right: 20px;
		/* display: none; */
	}

	 /*.w1180 {
		width: 978px !important;
	} */

	.Details-1 .detailsMainLeft {
		margin-top: -60px;
		position: fixed;
		left: 50%;
		margin-left: 210px;
	}

	.crumbs.w1180,
	.crumbs.w900 {
		height: 57px;
		line-height: 57px;
		/*padding: 0 19px;*/
		width: 660px !important;
		position: relative;
		left: 50%;
		margin-left: -475px;
	}
	.boxNavCenter {
		width: 100%;
		margin: 0 2%;
	}

	.Details {
		width: 96% !important;
		padding: 0;
		margin: 50px auto 20px;
		box-sizing: border-box;
	}

	/*.boxnew_Details {
		margin-top: 10px;
	}*/

	.boxnew_Details {
		background:#fff;
		width: 100% !important;
	}
	/*.Details-1 { margin-top: 72px;}*/
	.DetailsList {
		height: 548px;
	}

	.detailsMain-2 {
		margin-top: 0 !important;
	}
	.boxnew_Details .detailsMainRight{
			width: 100%;
		}
	.detailsMainRight,
	.gameList {
		width: calc(100% - 300px);
		margin-top: 34px;
		box-sizing: border-box;
	}

	.gameList {
		height: 72px;
	}

	.goodsPic {
		width: 188px;
		height: 103px;
		border: 1px solid #191e27;
	}

	.newsList .goodsInfo {
		width: 512px;
	}

	.gameTitle {
		font-size: 16px;
		padding-top: 5px;
		height: 33px;
		overflow: hidden;
	}
	.BBSright-3 {
		margin-top: 20px;
	}
	.gameTag {
		margin-top: 0;
	}

	.detailsTabList .ptre {
		width: 980px;
		margin: 0 auto;
	}

	.newsInfo {
		border-bottom: none;
	}

	.crumbs {
		/*border-bottom: 1px solid rgba(255,255,255,0.05) !important;*/
	}

	div.newsTime {
		text-align: center;
	}
	.boxnew_Details.newsMainA{
		width: 100%;
	}
	.newsMainA {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: none !important;
		padding: 20px 40px;
		box-sizing: border-box;
	}

	.gamePresent-1 img {
		max-width: 100%;
	}

	.newsMainA h2 {
		padding: 0 0 10px;
	}

	.detailsMainRight .labelTitle {
		background: #062e46;
		font-size: 14px;
		width: 980px;
	}

	.navInputSearch.fr.mr20 {
		margin-right: 20px !important;
	}

	.detailsMainLeft .labelTitle {
		height: 38px;
		line-height: 38px;
	}

	.newsList .newsMain {
		font-size: 12px;
	}

	.gameList {
		margin: 0 0 10px !important;
	}

	.liveMain {
		margin-bottom: 10px !important;
	}

	.crumbs.w1180.cB1.border-none.ptre {
		background: #062e46;
		height: 52px;
		line-height: 0;
		width: 100% !important;
		position: fixed;
		margin: 0 auto;
		top: 0;
		z-index: 199;
		padding: 0 36px 0 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #214061;
	}

	.Details-1 {
		margin-top: 70px;
	}

	.sortList li {
		margin-bottom: 15px;
	}

	/*.detailsMainLeft {
		position: fixed;
		left: 50%;
		margin-left: 230px;
	}*/

	/*盒子小翻页*/
	.viciao a,
	.viciao a:hover {
		font-size: 12px;
		width: 28px;
		min-width: 28px;
		height: auto !important;
		height: 28px !important;
		line-height: 28px !important;
	}

	.viciao .current,
	.viciao:hover .current {
		font-size: 12px;
		min-width: 28px;
		width: 28px !important;
		height: 28px !important;
		line-height: 28px !important;
	}

	.viciao .disabled,
	.viciao:hover .disabled {
		font-size: 12px;
		width: 55px;
		height: 28px !important;
		line-height: 28px !important;
	}

	.viciao a.next {
		height: 28px !important;
		line-height: 28px !important;
		width: 55px;
	}

	.goodsPic {
		width: 106px;
		height: 60px;
	}

	.gamePresent-1 p span {
		width: 650px;
		word-wrap: break-word;
		word-break: break-all;
		font-family: arial, "Microsoft YaHei", "微软雅黑" !important;
	}

	.detailsMainLeft {
		margin-top: 34px;
	}

	.boxnew_Details .detailsMainLeft {
		margin-top: 0;
	}
	
	.crumbs.w1180,
	.crumbs.w900 {
		background: #062e46;
		height: 111px;
		line-height: 0;
		width: 100% !important;
		position: fixed;
		margin: 0 auto;
		top: 0;
		left: 0;
		z-index: 199;
		padding: 60px 36px 0 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0 !important;
	}

	.crumbs_nav {
		padding-left: 0;
	}

	/*++++++++++平台动态1.2.1-0916++++++++++*/
	.Trend_Details {
		margin: 131px 2% 20px;
	}

	.Trend_Details .detailsMainRight {
		margin-top: 0;
	}

	.Trend_List .evaluatingMain {
		width: 100%;
	}

	.Trend_eva_content {
		width: 100%;
	}

}
@media screen and (max-width:910px) {
	.Nav ul li {
		min-width: 43px;
		float: left;
	}
	.Nav ul li a {
		width: auto;
	}
}

@media screen and (max-width:1179px) {
	.rank_modeList {
	width: 225px;
	margin-right: 20px;
	float: left;
	}
}