@charset "utf-8";
html{
	background: #029c4a;
}
header {
	display: flex;
	border-bottom: 0 !important;
	line-height: 0;
	align-items: center
}

header .logo {
	flex: 1
}

header .logo img {
	height: 34px
}

header .user img {
	margin-left: 10px;
	width: 30px;
	height: 30px
}

header .search {
	display: flex;
	box-sizing: border-box;
	padding: 0 10px;
	width: 120px;
	height: 32px;
	border: solid 1px #ebebeb;
	border-radius: 32px;
	background: #f1f1f1;
	align-items: center
}

header .search span {
	display: inline-block;
	margin-right: 6px;
	height: 15px;
	min-width: 15px;
	background: url(serach.png) no-repeat;
	background-size: 100% 100%
}

header .search input {
	width: 100%;
	border: 0;
	background: 0 0
}

.banner {
	text-align: center
}

.banner img {
	width: 100%
}

.notice {
	display: flex;
	padding: 10px;
	align-items: center
}

.notice-l {
	padding-right: 10px
}

.notice-l img {
	width: 18px;
	height: auto
}

.notice-r {
	line-height: 1.1;
	flex: 1
}

.nav {
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	font-size: 15px
}

.nav ul {
	display: flex;
	justify-content: space-around
}

.nav ul li img {
	margin-bottom: 5px;
	width: 50px;
	height: 50px
}

#nav[data-fixed=fixed] {
	position: fixed;
	top: 0;
	z-index: 10;
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}

.fgLine {
	position: relative;
	margin-bottom: 20px;
	height: 20px;
	border-bottom: 1px solid #ddd;
	text-align: center
}

.fgLine>span {
	position: absolute;
	top: 4px;
	left: 50%;
	display: block;
	margin-left: -13px;
	width: 30px;
	height: 30px;
	border: 1px dashed #ddd;
	border-radius: 50%;
	background: #fff;
	color: #999;
	line-height: 30px
}

.pic-wrap .wrap {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 5px;
	column-count: 2;
	column-gap: 0;
	-webkit-column-break-before: avoid;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid
}

.pic-wrap .wrap .box {
	padding: 5px;
	-webkit-column-break-before: avoid;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid;
	float: left;
}

.pic-wrap .wrap .box .info {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 100px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	text-align: center;
	cursor: pointer;
	-webkit-column-break-before: avoid;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid;
	flex-direction: column
}

.pic-wrap .wrap .box img {
	width: 100%;
	-webkit-column-break-before: avoid;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid
}

.pic-wrap .wrap .box span {
	display: block;
	padding: 10px 0
}

.loading {
	padding: 10px;
	text-align: center
}

.refresh-element {
	background-color: #dcdcdc
}

@media screen and (min-width:600px) {
	.pic-wrap .wrap {
		column-count: 3
	}
}

.loading {
	padding: 15px 20px;
	text-align: center
}

.list {
	background: #fff;
	width: 100%;
	margin: auto;
	text-align: center
}

.txt {
	background: #FFFFFF;
	font-weight: 400;
	color: #000000;
	line-height: 18px;
	height: 18px;
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif
}

.o {
	
}

.clipinner {
	position: relative
}

.clipboardswf {
	position: absolute;
	left: 0;
	top: 0
}

.inner {
	padding: 0px 0
}

.main {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, .0980392) 0 2px 5px;
}

.txt_info {
	background: #FFFFFF;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 5px 0
}

.bottom {
	height: 41px;
	margin-top: 2px;
	margin-bottom: 1px;
	background: #ffde9b;
	line-height: 41px;
	color: #008800
}

.kjtop {
	text-align: left;
	padding-left: 5px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-top: 1px;
	margin-bottom: 5px;
	color: #999999;
	border-top: solid 1px #ddd;
	background: #eee;
	margin: 0
}

.kj-num {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-radius: 50%;
    margin-top: 5px;
}

.kj_temar {
	height: 40px;
	background: #F27900;
	font-size: 1.0em;
	color: #fff;
	line-height: 40px;
	border-right: 1px solid #FF9900
}

.kj-p {
	font-size: 20px;
	height: 48px;
	box-sizing: border-box;
	padding-top: 14px;
	font-size: 16px;
}

.kj-refresh {
	float: right;
	margin-right: 10px;
	position: absolute;
	right: 0;
	font-size: 12px;
	cursor: pointer
}

.a_kj {
	float: right;
}

.attr-w {
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
}

.kjz-tip {
	color: #000000
}

.wx-jin {
	color: #ffcc00
}

.wx-mu {
	color: #33cc33
}

.wx-shui {
	color: #3399ff
}

.wx-huo {
	color: #ff0000
}

.wx-tu {
	color: #cc9900
}

.txcopy a {
	color: green;
	text-decoration: none
}

.txad a {
	margin-right: 5px;
	color: red;
	line-height: 30px;
	float: right;
	text-decoration: none
}

.red {
    background: #f93353
}

.blue{
    background: #0094e7
}

.green{
    background: #20c36b
}


.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;
	}
}