body{
    background-color: #FFFFFF;
}
.bg_color:{
    background-color: #eeeeee;
}
.mian{
height:calc(100vh - 10px);
padding: 5px;
background: #Ffffff;
    }
.tab{
width: 100%;
height: 100px; 
margin-top: 10px;
    }
.logo{
width: 100%;
height: 100px;
    }
.nt{
border-radius: 20px;
background: #ffffff;
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }
.nt1{
border-radius: 20px;
background: linear-gradient(225deg, #ffffff, #e6e6e6);
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }
.nt2{
padding: 3px;
margin-bottom: 5px;
border-radius: 20px;
background: #ffffff;
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }
.nt3{
border-radius: 20px;
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    
}    
.api_ui{
 border-radius: 20px;   
    }
.tab_li{
margin-right: 10px;
background: linear-gradient(145deg, #ffffff, #e6e6e6);
box-shadow:  6px 6px 12px #d9d9d9,-6px -6px 12px #ffffff;
 
    }
.box_text{
text-shadow: -3px 3px 0 rgba(0,0,0,.1);
    }
.api:hover {
border-radius: 20px;
background: #ffffff;
box-shadow:  -15px 15px 25px #d9d9d9,15px -15px 25px #ffffff;
    }
a:link { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:hover { 
font-size: 12px; 
color: #000000;
text-decoration: none; 
}
.tx{
width: 100px;height: 100px;
border-radius: 50%;
box-shadow: -5px 3px 2px 2px #AAAAAA;
margin-bottom: 5px;
}
.tx_bg{
width: 100%;
height: 150px;
/*background-color: #FFFFFF;*/
display: flex;
align-items: center;
justify-content: center;
background:url('http://bz.6qmn.com/wap/45.jpg');
background-position: center 0;
background-size: cover;
}
.grxx{
    width: 100%;
    text-align: center;
    text-shadow: -5px 5px 0 rgba(0,0,0,.1);
}
.logo{
   width: 100%;
   height: 200px; 
   display: flex;
   align-items: center;
   justify-content: center;
}