body{
        background-color:#5c4d4c;
        margin:0;
        border:none;
}



.container{
        border:none;
        width:100%;
        display:flex;
}



.nav{
        border:none;
        width:20%;

        position:fixed;
        overflow: auto;
        height:100%;
}


.nav li{
        border:none;
        height:auto;

}



.nav li a{
        border:0.5vw groove #351e1c;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:#fffad9;
        font-weight:bold;
        text-decoration:none;
        font-size:2vw;
        padding-top:15px;
        padding-bottom:15px;

        position:relative;

}



.nav li a:hover{
        color:#5c4d4c;
        background-color:#fffad9;
}

.ul-nav {
        border:none;
        list-style-type: none;
        margin: 0;
        padding: 0;

}


.ul-nav2{
        border:none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        display:none;

        background-color:#d8d4f2;
}

.ul-nav2 li a{
        color:#5c4d4c;
}

.ul-nav2 li a:hover{
        background-color:#b6eddb;
}

.nav svg{
        position:absolute;
        right:1vw;
}


.content{
        border:none;
        width:80%;
        margin-left:20%;
}



.links-head,.links-foot{
        border:none;
        height:30vh;
        }



.links-big,.links-others,.tips-head,.tips-foot{
        border:none;
        height:50%;
        display:flex;
        justify-content:center;
        align-items:center;
}



.links-head{
        border-bottom:1vw groove #351e1c;

}



.big{
        border:0.5vw inset 	#cdc2f5;
        margin-right:10px;
        width:15%;
        height:7vh;
        background-color:#d8d4f2;
        display:flex;
        justify-content:center;
        align-items:center;
}



.big:hover{
        background-color:#cdc2f5;

                transform: translateY(2px);
                box-shadow: 0 5px 10px rgba(0,0,0,0.2);

}



.links-head a{
        border:none;
        text-decoration:none;
        display:flex;
        justify-content:center;
        align-items:center;
        width:100%;
        height:100%;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:#5c4d4c;
        font-weight:bold;
}



.tips-button{
        border:0.5vw inset #9fd7ce;
        background-color:#b6eddb;
}



.tips-button:hover{
        background-color:#9fd7ce;
                transform: translateY(3px);
                box-shadow: 0 5px 10px rgba(0,0,0,0.2);

}



.tips-foot .tips-button{
        width:30%;
        height:8vh;
        display:flex;
        justify-content:center;
        align-items:center;
}



.tips-foot .tips-button a{
        border:none;
        text-decoration:none;
        display:flex;
        justify-content:center;
        align-items:center;
        width:100%;
        height:100%;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:#5c4d4c;
        font-weight:bold;
}



.cont{
        border:none;
        display:flex;
        justify-content:center;
        background-color:	#fffad9;
}



.write{
        border:none;
        width:90%;
}

.write .title{
        border:none;
        display:flex;
        justify-content:center;
        font-family:SimHei;
        font-size:10vw;
        color: coral;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}



h1,h2,h3{
        border:none;
        color: coral;
                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


p.text{
        line-height:2;
        font-family: SimSun,Kaiti,Arial, sans-serif,YouYuan;
        font-size:20px;
}

p.tips-text{
        font-family: Kaiti,SimSun,Arial, sans-serif,YouYuan;
}



pre{
        overflow-x:auto;
}



.links-foot{
        border-top:1vw groove #351e1c;
}

.footer{
        border:none;
        display:flex;
        justify-content:center;
        align-items:center;
        height:10vw;
        width:80%;
        margin-left:20%;
        }



.a-beian-num{
        text-decoration:none;
        color:white;
        }