.main {
    margin: 2px auto;
    bottom: 50px;    

}

.navBar {
    background: #327190; 
      
}

.toolbars {
  height: 40px;
  width:100px;
  position:fixed ;
    top: 10px;
    right: 10px;
   
}
.toolbars ul {
    width: 100%;
    height: 40px;
}
.toolbars ul li {
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 5px;
   
}
.toolbars ul li img{
    width: 40px;
    height: 40px;
}
.footerfix {
  height: 40px;
  background-color: #E5E5E5;
  width:100%;
  position:fixed ; 
  bottom:0px;
    opacity: 0.8;
}
.footerfix ul {
    width: 100%;
    border: 0px solid #000;
    display: flex;  

}
.footerfix ul li {
    display: inline;
    flex: 1;
    padding: 10px;
    border: 1px solid #327190;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;

}

.footerfix ul li a{
    display:block;  
    width:100%;
    height:100%;  
    text-decoration:none;  
}

.tab-title-active{
    background: #7EABCD;
}

*{
    margin: 0 auto;
    padding: 0;
    list-style: none;
}


h2{
    padding: 3px;
}

.clear {
    clear: both;
}




.title{
    width: 100%;        
    text-align: center;

}

.title_name_period {
    color: #000;
}

.title_open_time {
    color: #FEFEFE;
}

.title_son_content{
    width: 100%;

}

 .title_son_content>ul:first-child{
    	line-height: 5rem;
}
.title_son{
        width: 100%;height: 40px;margin-top: 10px;
}
@media only screen and (min-width: 300px) and (max-width: 375px) {
    	.title_son>li:first-child{width:48%;margin-right:2%}
     	.title_son>li:last-child{ width: 48%;margin-right:2%}
		 .title_son>li>div>input {
			width: 28px;
			height: 28px;
			border-radius: 50%;
			background: #272C30;
			color: #ffffff;
			font-size: 16px;
			line-height: 25px;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			}
		
     	
}
   
@media only screen and (min-width: 375px) and (max-width: 1920px) {
    	.title_son>li:first-child{width:48%;margin-right:2%}
     .title_son>li:last-child{ width: 48%;margin-right:2%}
	  .title_son>li>div>input{
        width: 30px;height: 30px;border-radius: 50%;background: #272C30;color: #ffffff;font-size: 16px;line-height: 30px;
		position:relative;
		top:50%;
		transform:translateY(-50%);
    }
	
}
     
.title_son>li{
        float: left;
        
    }



.pick_seven>div>input:last-child{
        background: #761c19;
    }



.part {
    margin: 10px auto;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #3A98CE;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 10px;

}

.allList {
    background: #FFFFFF;

}

.half{
    	line-height:5rem;
        text-align: right;
        width: 45%;
        font-weight: bold;
        font-size: 16pt;
}

.ballTit1st_2nd_3rd {
    background: #327190;
    font-size: 24px;
    font-weight: bold;
    color: #FEFEFE;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 3px;
    text-align: center;
    
}
.ballNums1st_2nd_3rd {
    background: #FEFEFE;
    font-size: 26px;
    font-weight: bold;
    color: #000;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 3px;
    text-align: center;
    
}

.kiss4d_4th_title {
    width: 100%;
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 3px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    background: #327190;
    color: #FEFEFE;
    border-radius: 5px;
}

.nums_group {
    width: 100%;
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 2px;
    background: #FEFEFE;
    border-radius: 5px;
    padding: 2px;
}
.kiss4d_4th_nums {
    font-size: 22px;
    width: 48%;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;
}
.kiss4d_5th_title {
    float: left;
    width: 100%;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 3px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    background: #327190;
    color: #FEFEFE;
    border-radius: 5px;
}

.kiss4d_5th_nums {
    font-size: 22px;
    width: 48%;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;

}


.dreamball_nums {
    text-align: center;
    width: 100%;
    line-height: 50px;
    height: 50px;

}


.period_live_video {
    height: 50px;
    line-height: 50px;
    text-align: right;
}

.period_live_video img {
    height: 50px;
    width: 50px;
    float: right;
    margin-right: 7px;
}