#vadio-div1{
    text-align: center;
    /*height: 100%;*/
    position: absolute;
    z-index: 2;
    top:30%;
}

#vadio-div1 > #vadio-div1-span{
    font-size: 40px;
    color: white;
    font-weight: bold;
    letter-spacing: 0.2em;
}

#body-first-panel{
    background-color: transparent;
    padding-top: 20em;
    margin-top: 10em;
}

#body-first-panel > div{
    text-align: center;
    color: white;
}

#body-first-panel > div:nth-child(1){
    font-weight: bold;
    font-size: 4em;
    letter-spacing: 0.1em;
    margin-top: 1em;
}

#body-first-panel > div:nth-child(2){
    font-size: 2em;
    letter-spacing: 0.2em;
}

#body-first-panel > div:nth-child(3){
    /*margin: 1em 1em;*/
}

#body-first-panel > div:nth-child(3) > a{
    border:0.1em solid #269abc;
    text-decoration: none;
    color: white;
    font-size: 2em;
    font-weight: bold;
    border-radius: 1em;
    padding:0.1em 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#body-second-panel{
    text-align: center;
    background-image: url("../imgs/backgroundp.png");
    /*height: 950px;*/
    background-size:100% 100%;
}

#body-second-panel div span{
    color: black;
    font-size: 3em;
}

#body-second-panel div a {
    text-decoration: none;
    color: black;
    border: solid 2px #269abc;
    border-radius: 2em;
    padding: 0.5em 2em;
}

#body-three-panel{
    background-image: url("../imgs/background.png");
    height: 850px;
    background-size:100% 100%;
}

#body-three-panel > div:nth-child(2){
    text-align: center;
    color: white;
    font-size: 4em;
    font-weight: bold;
    margin-bottom: 1em;
}
/*#body-three-panel > div:nth-child(3){*/
    /*text-align: center;*/
    /*color: white;*/
    /*font-size: 4em;*/
    /*font-weight: bold;*/
    /*margin-bottom: 1em;*/
/*}*/

#body-three-panel > div:nth-child(3){
    text-align: center;
    margin-top: 1em;
}

#body-three-panel > div:nth-child(3) > a{
    border-radius: 1em;
    border: solid 2px #00b3ee;
    color: #00b3ee;
    text-decoration: none;
    font-size: 2em;
    padding: 0.5px 1.5em;
}

#body-three-panel > div:nth-child(3) > a:hover{
    border-radius: 1em;
    border: solid 2px #00b3ee;
    color: white;
    text-decoration: none;
    background-color: #00b3ee;
}

#body-three-panel > div:last-child > a:nth-child(1){
   border-right: solid 1px #adadad;
   padding-right: 1em;
}

#body-three-panel > div:last-child > a:nth-child(2){
    padding-left: 1em;
}

#body-three-panel > div:last-child > a{
    font-weight: bold;
    font-size: 2em;
    color: #adadad;
}

#body-three-panel > div:last-child > a:hover{
    color: white;
}

/*#div-four-panel-left-img{*/
    /*background-image: url("../imgs/handerbin.png");*/
    /*height: 600px;*/
    /*background-size:100% 100%;*/
/*}*/

#body-first-panel > div:nth-child(2){
    font-size: 2em;
    letter-spacing: 0.2em;
}

#body-first-panel > div:nth-child(3){
    /*margin: 1em 1em;*/
}


#body-six-panel{
    text-align: center;
    margin-bottom: 3em;
    margin-top: 9em;
}

#body-six-panel > div:nth-child(1){
    color: black;
    font-size: 3em;
    font-weight: bold;
}

#body-six-panel > div:nth-child(2){
    margin-top: 1em;
    color: #9d9d9d;
    font-size: 2em;
}
#body-six-panel > div:nth-child(3){
    color: #9d9d9d;
    font-size: 2em;
}

#body-six-panel > div:nth-child(6) > a{
    color: #9d9d9d;
    border: solid 2px #269abc;
    border-radius: 1em;
}

#body-six-panel > div:nth-child(6) > a:hover{
    background-color: #269abc;
    border: solid 2px #269abc;
    border-radius: 1em;
    color: white;
}

.game-div{
    padding: 1em;
}

/*.game-div img{*/
     /*cursor: default;*/
     /*border-radius: 1em;*/
     /*transition: all 0.6s;*/
 /*}*/
/*.game-div img:hover{*/
    /*transform: scale(1.4);*/
/*}*/

/*****
在中等屏上面的显示
 */
@media screen and (max-width:991px){
    #body-first-panel > div:nth-child(1){
       margin-top: 0;
    }

    #body-six-panel > div:nth-child(6) > a{
        margin-top: 2em;
    }
}