@charset "utf-8";
* {padding: 0; margin: 0;}
body {font-family: 'PingFang SC','Microsoft YaHei',Arial,'helvetica neue','hiragino sans gb',sans-serif;}
.kj_box{padding: 5px}
.tab ul {display: flex;height: 36px;padding: 8px 0 0 8px;box-sizing: border-box;border-bottom: solid 2px #FFF;}
.tab ul,.tab li{margin:0;list-style:none;padding:0;border:0;font-size: 18px;}
.tab ul { display: flex; height: 36px; padding: 8px 0 0 8px; box-sizing: border-box; border-bottom: solid 2px #FFF;}
.tab li{ flex: 1; height: 26px; line-height: 26px; margin-right: 8px; text-align: center; border-radius: 4px; background: #eee; cursor: pointer;}
.tab li.cur{ color: #fff; background: #FF9900;}
.tab li:nth-child(1).cur { background: #1FB61D;}
.tab li:nth-child(2).cur { background: #E71607;}
.tab li:nth-child(3).cur { background: #2389E9;}
.tab li:nth-child(4).cur { background: #1FB61D;}
.tab div{display:none;}
.tab div.cur{display:block!important;}
.tab .KJ-IFRAME{}
@media screen and (max-width: 650px) {
.tab ul,.tab li { font-size: 16px;}
}


		.new-KJ-TabBox-box {
			font-size: 16px;
			/* height: 130px; */
			box-sizing: border-box;
			color: #333;
			padding: 8px;
			font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
		}

		.new-KJ-TabBox-box a {
			text-decoration: none;
		}

		.new-KJ-TabBox-box .kj-font-red {
			color: #f00 !important;
		}

		.new-KJ-TabBox-box-tit {
			display: flex;
			align-items: center;
			height: 17px;
			line-height: 17px;
			font-size: 17px;
		}

		.new-KJ-TabBox-box-tit-l {}

		.new-KJ-TabBox-box-tit-m {
			flex: 1;
			text-align: center;
			font-weight: bold;
		}

		.new-KJ-TabBox-box-tit-r {}

		.new-KJ-TabBox-box-con {
			display: flex;
			margin: 8px 0;
		}

		.new-KJ-TabBox-box-con .kj-ball {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 61px;
			text-align: center;
			border-radius: 4px;
			margin-right: 6px;
			box-sizing: border-box;
			flex-direction: column;
		}

		.new-KJ-TabBox-box-con .kj-ball:last-child {
			margin-right: 0;
		}

		.new-KJ-TabBox-box-con .kj-ball:nth-last-child(3) {
			margin-right: 6px;
		}

		.new-KJ-TabBox-box-con .kj-ball h2 {
			margin: 0;
			padding: 0;
			color: #fff;
			line-height: 24px;
			font-size: 28px;
			font-weight: 900;
			font-family: Tahoma, Geneva, sans-serif;
		}

		.new-KJ-TabBox-box-con .kj-ball .whsx {
			display: inline-block;
			height: 19px;
			line-height: 19px;
			margin-top: 6px;
			padding: 0 6px;
			border-radius: 2px;
			color: #333;
			font-size: 14px;
			background: #fff;
		}

		.new-KJ-TabBox-box-con .kj-add {
			display: flex;
			align-items: center;
			margin-right: 8px;
			font-size: 32px;
			font-weight: bold;
		}

		.new-KJ-TabBox-box-foot {
			display: flex;
			align-items: center;
			font-size: 16px;
		}

		.new-KJ-TabBox-box-foot-l {
			flex: 1;
		}

		.new-KJ-TabBox-box-foot-r {}

		.new-KJ-TabBox-box-foot-r-sx {
			display: inline-block;
			width: 40px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			color: #fff;
			border-radius: 4px;
			background: #FF9900;
		}

		@media screen and (max-width: 650px) {
			.new-KJ-TabBox-box {
				font-size: 14px;
			}

			.new-KJ-TabBox-box-tit {
				font-size: 16px;
			}

			.new-KJ-TabBox-box-con .kj-ball {
				margin-right: 4px;
			}

			.new-KJ-TabBox-box-con .kj-ball:nth-last-child(3) {
				margin-right: 4px;
			}

			.new-KJ-TabBox-box-con .kj-ball h2 {
				font-size: 24px;
			}

			.new-KJ-TabBox-box-con .kj-ball .whsx {
				margin-top: 4px;
				padding: 0 2px;
				font-size: 12px;
			}

			.new-KJ-TabBox-box-con .kj-add {
				margin-right: 4px;
			}

			.new-KJ-TabBox-box-con .kj-add {
				font-size: 24px;
			}

			.new-KJ-TabBox-box-foot {
				font-size: 15px;
			}
		}

		@media screen and (max-width:450px) {
			.new-KJ-TabBox-box-tit-m .kj-lotto-tit2 span:first-child {
				display: none;
			}
		}


		.new-KJ-TabBox-box-foot {
			flex-wrap: wrap;
			}
		.new-KJ-TabBox-box-foot-l {
			white-space: nowrap;
		}	
		
		@media screen and (max-width: 380px) {
			.new-KJ-TabBox-box-tit, .new-KJ-TabBox-box-foot {
				font-size: 14px;
			}
		}

		@media screen and (max-width: 340px) {
			.new-KJ-TabBox-box-tit {
				font-size: 13px;
			}
		}