@charset 'utf-8';

html,body{
    height:100%;
}
body{
	background-color: #f2f2f2 !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

section{
    padding-top:1.9rem;
}
.content{
	margin-bottom: 1.35rem;
}
.content .content_top{
	position: fixed;
    z-index: 1000;
	height: 0.8rem;
	line-height: 0.8rem;
	overflow-x: auto;
    padding-bottom:0.1rem;
    top:1rem;
    left:0;
    width:100%;
    background-color:#fff;
    -webkit-overflow-scrolling : touch;
}
.content .content_top ul{
	height: 0.8rem;
	min-width: 100%;
    white-space: nowrap;
    font-size:0;
}
.content .content_top ul li{
	display:inline-block;
	text-align: center;
	line-height: 0.8rem;
    font-size:0.36rem;
}
.content .content_top ul li a{
	display: block;
	height: 100%;
	color: #666;
	margin-left: 0.3rem;
	margin-right:0.3rem;
}
.currentA{
	color: #3b92d5 !important;
	box-sizing: border-box;
	border-bottom: 0.06rem solid #3b92d5 !important;
}
.currentA a{
    color:#3b92d5 !important;
}
.content_center{
	height: 1rem;
	line-height: 1rem;
	padding-left: 2%;
    position: relative;
	background: url(../images/miss_tiao.png) repeat-x;
}
input[type=radio],input[type=checkbox]{
	vertical-align: middle;
}
label{
	margin:0 0.1rem;
    font-size:0.36rem;
}
.fit{
    height: 1rem;
}
.code_number{
	float: left;
    width: 7rem;
    overflow-x:auto;
    padding-left: 0.1rem;
}
.code_box{
    white-space:nowrap;
    /*min-width:100%;*/
}
.search {
    float: left;
    height: 1rem;
}
.search span{
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}
.quota {
    position: absolute;
    top: 0;
    right: 0.2rem;
    height: 1rem;
    padding-left: 0.5rem;
    background: url(../images/setting.png) no-repeat left;
    background-size: 35%;
}
.quota p{
    font-size:0.36rem;
}
.number_choice{
	border-top: 1px solid #ddd;
	background-color: #fff;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	display: none;
}
.number_choice ul{
    text-align:left;
    padding-left: 0.4rem;
    font-size: 0;
}
.number_choice ul li{
	display:inline-block;
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	background: url(../images/big_arc.png) no-repeat left;
	background-size: cover;
	color: #333;
    font-size:0.4rem;
	font-weight: bold;
}
.lightLi{
	background-position: -1.08rem !important;
	color: #fff !important;
}
.hide{
	display: none;
}
table{
	width: 100%;
}
table,tr,td,th{
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size: 0.36rem;
    text-align: center;
}
thead{
	background-color: #f2f2f2;
}
tr,td,th{
	height: 0.8rem;
}
tbody tr.round:nth-of-type(odd) {
    background-color: #fff;
}
tbody tr.round:nth-of-type(even){
	background-color: #f2f2f2;
}
.round{
    position: relative;
    z-index:20;
}
.round:nth-of-type(odd){
    background:#f5f5f5;
}
.currentLi span {
    color: #3b92d5 !important;
}
#zhezhao {
    height:100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:10000;
}
#zhezhao .littlebox{
    width: 8.8rem;
    background:#fff;
    position: absolute;
    top:50%;
    left: 50%;
    background-clip: padding-box;
    transform: translate(-50%,-50%);
    border-radius: 0.3rem;
}
.littlebox h3{
    height:1.3rem;
    line-height:1.3rem;
    text-align:center;
    border-bottom: 1px solid #ddd;
}
.littlebox>div{
    margin-left:0.65rem;
    margin-right: 0.65rem;
    height:1.5rem;
    line-height:1.5rem;
    font-size:0;
    position: relative;
}
.btm{
    border-bottom: 1px solid #ddd;
}
.littlebox > div p {
    display: inline-block;
    width: 2.9rem;
    height: 1.1rem;
    border: 1px solid #999;
    background-clip: padding-box;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 1.1rem;
    vertical-align: middle;
    font-size: 0.4rem;
    margin-right: 0.3rem;
}
.littlebox .close {
    font-size: 0.7rem;
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background-clip: padding-box;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -1rem;
    color: #fff;
    text-align: center;
    line-height: 0.8rem;
    right: 0;
}
.littlebox > div > span {
    position: absolute;
    right: 0;
    top: 50%;
    width: 0.56rem;
    height: 0.56rem;
    text-align: center;
    line-height: 0.55rem;
    border: 1px solid #ddd;
    margin-top: -0.28rem;
    background-clip: padding-box;
    border-radius: 50%;
    font-size: 0.5rem;
}
.lightSpan {
    background-color: #3b92d5 !important;
    border: 1px solid #3b92d5 !important;
    background: url(/Images/dui.png) no-repeat center; 
    background-size: 100%;
}
/*画布中的布局*/
.lineTr{
	height: 4rem;
	position: relative;
	background-color: #f6f3e5; 
}
.lineTr td{
	position: relative;
    height:5rem;
    overflow:hidden;
}
.lineTr td div{
	position: absolute;
	z-index: 9;
	left: 0;
	padding-left: 0.4rem;
	padding-right: 0.1rem;
	bottom: 0.3rem;
    width:8rem;
	border-top: 1px solid #ccc;
}
.lineTr td div>p{
	position: absolute;
	left: 0;
    width:100%;
	border-top: 1px solid #98c6d7;
}
.lineTr td div>p em{
	font-style: normal;
	position: absolute;
	left: 8.7rem;
    white-space:nowrap;
	bottom: -0.2rem;
	text-align: left;
	color: #299ed9;
    font-size:0.3rem;
}
.lineTr td div span{
	float: left;
	width: 0.8rem;
	color: #5da913;
	height: 0.3rem;
	position: relative;
	line-height: 0.3rem;
	text-align: center;
}
.lineTr td>em{
	position: absolute;
	width: 0.16rem;
	height: 0.16rem;
	z-index: 10;
	background: green;
    background-clip: padding-box;
    border-radius:50%;
}
.lineTr td>i{
	position: absolute;
	z-index: 10;
	color: #468f0c;
	left: 8.7rem;
    font-size:0.3rem;
    white-space:nowrap;
	top: 2.2rem;
	font-style: normal;
}
.lineTr td p.maxLine{
	position: absolute;
    width:80%;
	left: 0;
    top: 0;
	border-bottom: 1px solid #fb9a95;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 0.32rem;
}
.lineTr td p.maxLine>span{
    position:absolute;
    width:80%;
}
.lineTr td p.maxLine em{
    white-space:nowrap;
	font-style: normal;
	color: #e14848;
	width: 0.9rem;
	position: absolute;
	bottom: -0.5rem;
	right: -1rem;
	font-size: 0.3rem;
	text-align: left;
	font-weight: normal;
}
.missNumber{
	font-weight: bold;
}
.last_td span {
    display: inline-block;
    width: 0.7rem;
    height: 50%;
    background: url(/Images/histogram.png) no-repeat 0 -0.46rem;
    background-size: cover;
}
.cur_span{
    background-position: 0 0.01rem!important;
}
thead th span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.3rem;
    margin-left: 0.05rem;
}
.bg1 {
    background: url(/Images/omit_icon01.png) no-repeat center !important;
    background-size: contain !important;
}
.bg2 {
    background: url(/Images/omit_icon03.png) no-repeat center;
    background-size: contain;
}
.bg3 {
    background: url(/Images/omit_icon02.png) no-repeat center;
    background-size: contain;
}
#miss p {
    background: url(/images/miss-current.png) no-repeat center;
    background-size: .6rem;
}
#miss span {
    color: #3b92d5 !important;
}
.fixed_div {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 1.9rem;
    width: 100%;
    display: none;
}

.fixed_div table {
    width: 100%;
}
.suspend_ad{
    text-align: center;
    height: 1rem;
    line-height:1rem;
}
.suspend_ad a{
    color: #d2284d;
    text-decoration: underline;
    font-size: 0.4rem;
    display: block;
}
.miss_purple > .missNumber, .miss_purple > .current {
    color: #c715e1;
}
.miss_red > .missNumber, .miss_red > .current {
    color: #d2284d;
}