body {
    margin:0px; 
    font-family:"����"; 
    font-size:14px; 
}


/*����ͼƬ��λ��*/
.main_x{
    position: relative;
    width:100%; 
	max-width:1024px;
    height:100%; 
    
    background-size:cover;
    margin:0px auto;
}
.headinfo{position:absolute;top:10px;left:10px;z-index:99;}
.head{width:5rem;float:left;text-align:center;margin-right:1rem;}
.head img{border-radius:0.4rem;padding:0.2rem;background:#fff;border:1px solid #f1f1f1;width:5rem;}
.info img{width:2.3rem;float:left;margin-right:1px;}
.info{width:25rem;float:left;}
.info1,.info2{width:100%;overflow:hidden;}
.info span{border-radius:0.4rem;display:inline-block;padding:0.2rem 0.6rem;text-align:center;width:10rem;border:1px solid #f1f1f1;color:#555;margin-right:1rem;}
.info2{margin-top:1rem;}
.info2 span{width:21rem;display:inline-block;}
.link{position:absolute;top:10rem;left:10px;}
.link img{width:4rem;border-radius:4rem;height:4rem;}

.righttool{
	position:absolute;top:70px;right:0px;z-index:99;background:rgba(255,255,255,0.5);width:4rem;padding:1rem 0.5rem;border-radius:2rem;
	}
.righttool a{display:block;overflow:hidden;}
.righttool img{margin:0.5rem 0px;}
.modal-dialog{top:40%;}
.wai{
	position:absolute;bottom:150px;right:0px;z-index:99;width:6rem;padding:1rem 0;
	}
.wai img{margin:0.5rem 0px;width:6rem;	}
.wai div img{width:4rem}
.wai div{width:7rem;text-align:center;color:#fff;margin-top:1rem;}
.main_x>.music{
    position: absolute;
    top: 5px;
    right: 20px;
    width: 30px;
    height: 30px;
    /* background: red; */
    line-height: 30px;
    text-align: center;
}
.main_x>.function{
    position: absolute;
    bottom: 0;
    left: 2%;
    height:60px;
     width: 100%;
    /* background: red; */
    cursor: pointer;z-index:999999;
}
.main_x>.function>div{
    margin:0;
    /* height: 40px; */
    width: 30%;
    height:70px;
    float: left;
	text-align:center;
    padding: 5px;
    /* background: green; */
}
.main_x>.function>div>img{
    display: block;
    width: 30px;margin:0px auto;
    height: 30px;
}
.main_x>.function>div>p{
    text-align: center;
	color:#fff;margin-top:5px;
    font-size: 13px;
}

.main_x>.music>span{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color:rgb(43, 145, 185);
}

.table_jz{ 
    width:90%; 
    height:100%; 
    margin:0 auto; 
    margin-left:5%;
    margin-top:55rem; float:left;
	position:relative;
}
.table_jz td{display:block;}
.di1{position:absolute;top:0px;left:20%;}
.di21{position:absolute;top:5rem;}
.di22{position:absolute;top:5rem;left:40%;}
.di31{position:absolute;top:10rem;left:22%;}
.di32{position:absolute;top:10rem;left:64%;}
.di4{position:absolute;top:15rem;left:45%;}
@media screen and (max-width: 768px) {
   .table_jz{ 
    width:85%; 
    height:100%; 
    margin:0 auto; 
    margin-left:13%;
    margin-top:30rem !important; 
	position:relative;float:left;
} 
    
}
@media screen and (max-width: 380px) {
   .table_jz{ 
    width:90%; 
    height:100%; 
    margin:0 auto; 
    margin-left:5%;
    margin-top:28rem !important; 
	position:relative;float:left;
} 
    
}
.table_jz table {width:100%;display:block;}
tbody{width:100%;display:block;}
.table_jz table tr{display:block;width:100%;}
.table_jz table tr td{
    width:35%;	
}
.table_jz table tr td img{width:100%;}
.modal-body li{list-style:none;width:120%;line-height:2.5;}
.modal-body li span{width:60%;text-align:center;display:inline-block;}
.modal-content{background:rgba(255,255,255,0.5) !important;}