*{margin: 0;padding: 0;}
#top{
	height: 38px;width: 100%;background:#D2384B;
	line-height: 38px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;font-weight: 900;
	position:fixed;top: 0px;z-index: 15;
}
li{
	list-style-type: none;
}

#yiji{
	width: 80px;
}


.xll{
	border: 1px solid #CCCCCC;box-shadow: 0px 1px 1px #CCCCCC;height: 30px;margin-top: 65px;
	margin-left: 10px;position: relative;left: -10px;
}


#sdd{
	display: flex;justify-content:center;justify-content:space-between;width: 94%;margin-left: 4%;text-align: center;
}

#chaxun{
	width:  220px;height: 40px;background: #FF5700;font-size: 24px;color: #ffffff;
	
}


td{
	text-align: center;
}
.jxy{
	height: 25px;font-size: 12px;
}
.zbl3{
	width: 30%;
}
.zbl2{
	width: 14%;
}
.zbl1{
	width: 12%;
}
.hong{
	color: red;
}
td{font-weight: 900;}
.yans1{
	background: #FEF2CA;
}
.yans1x{
	background: #FEF2CA;font-weight: 900;font-size: 12px;
}
.yans2
{
	background: #C7E0B6;
}
#jiazai{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 38px;
	left: 0px;
	background:rgb(0,0,0,0.7) ;
	text-align: center;
	line-height: 600px;
	color: #FFFFFF;
	font-size:25px;
	display: none;
	
}
.red{
	color: red;
	
}
#midd{
   text-align: center;line-height: 30px;
     color: #FAF0E6;font-weight: 900;
}
#dibu{
   text-align: center;line-height: 30px;
     color: #FAF0E6;
}

#sjxhg{
	height: 20px;
	display: flex;justify-content:space-between;
	width: 94%;margin-left: 4%;
}
#sjxhg  select{
	height: 30px;margin-top: 20px;
}
#chaxun{
	margin-top: 55px;margin-left: calc(35% - 50px);
}
.youx2{
	display: none;
}
.hongb{
	background: red;color: #FFFFFF;
}
.colora1{
	color: red;
}
.colora2{
	color: blue;
}
.colora3{
	color: black;
}
.colora4{
	color:#22B14C
    
}
.colora5{
	color:#FADFA0
}
.colora6{
	color:#008800
}
.colora7{
	color:#0000C4
}
.colora8{
	color:#C40000
}
.shosa{display: none;margin-top: 40px;}
#yans2{font-size: 13px;}
.youx3{
	display: none;
}
.youx4{
	display: none;
}
.youx1{
	display: block;
}
.youx7{
	display: none;
}

.zhusr{
	width: 100%;overflow: auto;
}

.pins{
	display: flex;justify-content:space-around;width:100%;
	border-bottom:1px solid #E5F8FF ;
}
.pins li{
	height: 35px;
	line-height: 35px;
	text-align: center;font-weight: 900;font-size: 16px;
}


.pinsf{
	display: flex;justify-content:space-around;width: 100%;
}
.pinsf li{
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.pinsf .ssxl{
	display: block;height: 70%;width:25px;margin-top: 15%;margin-left: 15%;
	background: #0000FF;line-height: 25px;border-radius:35px ;color: #FFFFFF;
	box-shadow: 2px 2px 2px #888888;
}

.xsqishi{
	border-right:1px solid #D8D7D2 ;width: 60px!important;margin-left: -1%;
}



.zhusr .pinsf:nth-child(even) {
  
    background-color: #E6F9FF;
}




#canvas{
	z-index: 10;position: absolute;pointer-events:none;
}


#canvas1{
	z-index: 10;position: absolute;pointer-events:none;top: 0px;left: 0px;
}

#canvas2{
	z-index: 10;position: absolute;pointer-events:none;top: 0px;left: 0px;
}

#canvas4{
	z-index: 10;position: absolute;pointer-events:none;top: 0px;left: 0px;
}

#canvas5{
	z-index: 10;position: absolute;pointer-events:none;top: 0px;left: 0px;
}

.zhusr2{
	width: 100%;
}

.pins2{
	display: flex;width:100%;
	border-bottom:1px solid #E5F8FF ;
}

.pins2 li{
	height: 30px;
	width: 30px;line-height: 30px;
	text-align: center;font-weight: 900;font-size: 16px;
}


.pinsf2{
	display: flex;width:100%;
}


.pinsf2 li{
	height: 30px;width: 30px;
	line-height: 30px;
	text-align: center;
}

.pinsf2 .ssxl1{
    display: block;height: 80%;width: 80%;
    background: #0000FF;line-height: 22px;border-radius:35px ;color: #FFFFFF;
    box-shadow: 2px 2px 2px #888888;
}
.ssxl1{
    display: block;margin-left: 10%;
}
.xsqishi2{
	width: 60px!important;border-right:1px solid #D8D7D2 ;text-align: center;margin-left:0px!important;
}



.zhusr2 .pinsf2:nth-child(even) {
  
    background-color: #E6F9FF;
}




.zhusr3{
	width: 100%;
}

.pins3{
	display: flex;justify-content:space-around;width:100%;
	border-bottom:1px solid #E5F8FF ;
}

.pins3 li{
	height: 30px;
	width: 30px;line-height: 30px;
	text-align: center;font-weight: 900;font-size: 16px;
}


.pinsf3{
	display: flex;justify-content:space-around;width:100%;	
}


.pinsf3 li{
	height: 30px;
	width: 30px;line-height: 30px;
	text-align: center;
}

.pinsf3 .ssxl2{
	display: block;height: 80%;width: 80%;margin-top: 10%;margin-left: 10%;
	background: #0000FF;line-height: 22px;border-radius:35px ;color: #FFFFFF;
	box-shadow: 2px 2px 2px #888888;
}

.xsqishi3{
	width: 60px!important;border-right:1px solid #D8D7D2 ;
}



.zhusr3 .pinsf3:nth-child(even) {
  
    background-color: #E6F9FF;
}



.zhusr4{
	width: 100%;
}

.pins4{
	display: flex;width:100%;
	border-bottom:1px solid #E5F8FF ;
}

.pins4 li{
	height: 30px;
	width: 30px;line-height: 30px;
	text-align: center;font-weight: 900;font-size: 16px;
}


.pinsf4{
	display: flex;width:100%;
}


.pinsf4 li{
	height: 30px;width: 40px;
	line-height: 30px;
	text-align: center;
}

.pinsf4 .ssxl4{
    display: block;height: 80%;width: 80%;
    background: #0000FF;line-height: 22px;border-radius:35px ;color: #FFFFFF;
    box-shadow: 2px 2px 2px #888888;
}

.ssxl4{
    display: block;margin-left: 10%;
}

.xsqishi4{
	width: 60px!important;border-right:1px solid #D8D7D2 ;text-align: center;margin-left:0px!important;
}


.zhusr4 .pinsf4:nth-child(even) {
  
    background-color: #E6F9FF;
}

.sorkjn:nth-child(even){
background-color: #E6F9FF;	
}
 
.sorkjn:nth-child(odd){
border-bottom:10px solid #404040;
}
   
.sorkjna:nth-child(even){
background-color: #E6F9FF;	

}  
 
.sorkjna:nth-child(odd){
border-bottom:10px solid #404040;
} 

.zhusr5{
	width: 100%;
}

.pins5{
	display: flex;width:100%;
	border-bottom:1px solid #E5F8FF ;
}

.pins5 li{
	height: 30px;
	width: 30px;line-height: 30px;
	text-align: center;font-weight: 900;font-size: 16px;
}


.pinsf5{
	display: flex;width:100%;
}


.pinsf5 li{
	height: 30px;width: 40px;
	line-height: 30px;
	text-align: center;
}

.pinsf5 .ssxl5{
    display: block;height: 80%;width: 80%;
    background: #0000FF;line-height: 22px;border-radius:35px ;color: #FFFFFF;
    box-shadow: 2px 2px 2px #888888;
}

.ssxl5{
    display: block;margin-left: 10%;
}

.xsqishi5{
	width: 60px!important;border-right:1px solid #D8D7D2 ;text-align: center;margin-left:0px!important;
}



.zhusr5 .pinsf5:nth-child(even) {
  
    background-color: #E6F9FF;
}
.sorkjn{
	display: flex;
	justify-content:flex-start;align-items:center;
	border-bottom:1px solid #E5F8FF;
}
.sorkjn li{
	display: flex;flex-direction:column;align-items:center;
}

.sorkjna{
	display: flex;
	justify-content:flex-start;align-items:center;
	border-bottom:1px solid #E5F8FF;
}
.sorkjna li{
	display: flex;flex-direction:column;align-items:center;
}
.imgsr{
	height: 30px;width: 30px;
}
.sorkjn_lis{
	height: 30px;width: 30px;
	
	background-size:100% 100% ;line-height: 30px;
}
.sorkjns .sorkjn_lis{
    color: #FFFFFF;
}
.sorkjn_lisa{
	height: 30px;width: 30px;
	background-size:100% 100% ;line-height: 30px;opacity: 0.2;
}
.sorkjn_lislo{
	height: 30px;width: 30px;
	background-size:100% 100% ;line-height: 30px;
}
.sorkjn_div{
	height: 70px;width: 50px;display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.sorkjn_div li{
	font-size: 15px;font-weight: 600;
}


.sorkjn_diva{
	height: 70px;width: 50px;display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.sorkjn_diva li{
	font-size: 15px;font-weight: 600;
}
.siz12{
	font-size: 12px!important;
}
.siz12a{
	font-size: 12px!important;
}




.sorkjnx{
	
	border-bottom:1px solid #E5F8FF;
}
.suix li{
	display: flex;flex-direction:column;align-items:center;
}
.imgsrx{
	height: 30px;width: 30px;
}
.sorkjn_lisx{
	height: 30px;width: 30px;
	
	background-size:100% 100% ;line-height: 30px;
}
.sorkjn_divx{
	height: 60px;width: 45px;border-radius:4px ;display: flex;flex-direction:column;justify-content:space-around;
}
.sorkjn_lisx{
    font-size: 22px;font-weight: 600;height: 20px;width: 80%;margin-left: 10%;border-radius:3px ;color: #FFFFFF;
    line-height: 25px;
}
.sorkjn_lisxy{
    font-size: 12px;font-weight: 600;height: 20px;width: 80%;background: #FFFFFF;margin-left: 10%;border-radius:3px ;
    line-height: 20px;
}

.siz12x{
	font-size: 12px!important;
}

.suix{
	display: flex;
	justify-content:space-around;align-items:center;margin-bottom: 10px;
}


.suis li{
	display: flex;flex-direction:column;align-items:center;
}
.suis{
	display: flex;
	align-items:center;margin-bottom:2px;justify-content:center;
}
.sorkjns{

	border-bottom:1px solid #E5F8FF;
}
.sorkjns li{
	display: flex;flex-direction:column;align-items:center;
}
.imgsrs{
	height: 30px;width: 30px;
}
.sorkjn_liss{
	height: 30px;width: 30px;
	background-size:100% 100% ;line-height: 30px;
}
.sorkjn_divs{
	height: 40px;width: 100%;   display: flex;flex-direction:column;align-items:center;justify-content:center;
	margin-top: 0px!important;margin-left: 5px;margin-right: 5px;
	
}
.sorkjn_divs li{
	font-size: 15px;font-weight: 600;width: 100%;border: 1px solid #D4D4D4;

}

.sorkjn_divslo{
	height: 40px;width: 100%;   display: flex;flex-direction:column;align-items:center;justify-content:center;
	margin-top: 0px!important;
	
}
.sorkjn_divslo li{ 
	font-size: 25px;font-weight: 100;width: 100%;
} 
.siz12s{
	font-size: 12px!important;
}
.siz12slo{
	font-size: 12px!important;
}
.sorkjn_divsx{
	height: 50px;width: 100%;display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.sorkjn_divsx li{
	font-size: 15px;font-weight: 600;width: 100%;
}
.siz12sx{
	font-size: 12px!important;
}






.sorkjnsj{

	border-bottom:1px solid #E5F8FF;
}
.sorkjnsj li{
	display: flex;flex-direction:column;align-items:center;
}
.imgsrsj{
	height: 30px;width: 30px;
}
.sorkjn_lissj{
	height: 30px;width: 30px;
	
	background-size:100% 100% ;line-height: 30px;
}
.sorkjn_divsj{
	height: 60px;width: 7.2%;
}

.sorkjn_divsj li{
	height:26px;width: 50px;line-height: 26px;text-align: center;width: 100%;
	margin-top: 2px;font-size: 12px;font-weight: 900;color: #FFFFFF;
		
}

.sorkjn_lisj,.siz12sj{
background: linear-gradient(rgb(10, 159, 217), rgb(0, 121, 180));	
}



.sorkjn_lisjxk{
	background:linear-gradient(rgb(217, 22, 33), rgb(180, 13, 19));
}

.suisj{
	display: flex;
	justify-content:space-between;align-items:center;
}
.siz12sjl {
	background: #FFFFFF!important;
}
.yunrs{
	opacity: 1;
}
.sdrx4{
	display: flex;justify-content:space-around;width: calc(100% - 60px);text-align: center;
	white-space: nowrap;	
}
.sdrx4a{
	display: flex;justify-content:space-around;width: calc(100% - 60px);text-align: center;
	white-space: nowrap;	
}
.sdrx4a li{
	height: 30px;width: 30px;
	line-height: 30px;
	text-align: center!important;
}
.sdrx4a span{
	display: block;
	height: 100%;
	width: 30px;text-align: center;

}
.pinsf4 span{
	margin-left: 3px;
}
#hint{
	height: 40px;
	width: 200px;
	background: #000000;
	color: #FFFFFF;
	position: fixed;
	left: calc(50% - 100px);
	top: 10%;
	text-align: center;
	border-radius:80px ;display: none;line-height: 40px;
	font-size: 14px;
}
#topright{
	position: absolute;right: 20px;color: #D4AF37;
	font-size: 16px;
}
#hide{
    display: none;
}#jiangesx{display: none;}
#instr{
	width: 100%;margin: auto;
	max-width: 720px;
	min-width: 300px;
margin-top: 30px;
}
#instrtab{
	border: 1px solid #EBEBEB;
}
#instrtab td{
	height: 30px;
}
.isrt{
	font-weight: 600;
}
.instrmc{
	font-size: 13px;color: #333333;font-weight: 500;
}
.instrzh{
	font-weight: 500;
}
#tabxsr{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #DBDBDB;
	
}

#tabxsr td{
	width:8vw;
	height: 33px;

}

#shosa13{
	display: none;margin-top: 40px;
}
.tabspan{
	font-size: 11px;
}
select {
    border-radius:0px;
 border: 1px solid #000000;
   color: #000000;  
    padding-left: 8px;padding-right: 8px;
 appearance: none;
}