*{
    margin:0;
    padding:0;
}
body{
    width:100%;
    height:100%;
    background:#000 url(../img/beijing4.jpg)  no-repeat;
}
.sence{
    width:621px;
    height:621px;
    background: url(../img/1.png);
    /*background:rgba(255,255,255,0.8);*/
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:0;
    margin:auto;
    border-top:1px solid #000;
    border-left:1px solid #000;
}
.sdiv{
    width:30px;
    height:30px;
    border-bottom:1px solid #000;
    background: rgba(255,255,255,0.2);
    border-right:1px solid #000;
    float: left;
}
.sheshen{
    background:#219923;
    box-shadow: -2px -2px 10px #fff;
}
.button{
    width:80px;
    height:400px;
    position: relative;
    top:90px;
    left:20px;
}
.button>div{
    margin-bottom: 10px;
    border-radius:10px;
    width:80px;
    height:30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background:rgba(255,255,255,0.8);
    border: 1px solid #000;
    box-shadow: 0px 0px 3px #fff;
}
.button>.dj{
    width:80px;
    height:140px;
    text-align: center;
}
.button>.dj>.djtitle,.button>.hrade>.djtitle{
    height:30px;
    border-bottom: 1px solid #000;
}
.button>.dj>.xuanze{
    padding:9px 10px;
}
.button>.grade{
    position: relative;
    height:120px;
}
.cj{
    position: absolute;
    top:32px;
    left:0px;
    width:80px;
    height:90px;
    text-align: center;
    line-height: 90px;
    background:rgba(255,255,255,0.8);
    box-shadow: 0 0 3px #125468;
}
.moshi{
    position: absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    width:300px;
    height:200px;
    border-radius: 20px;
    background: rgba(255,255,255,0.8);
    z-index: 15;
    box-shadow: 0 0 5px #189651;
}