body{background-color:#fadd98;}
.calendar{
    width:calc(100vw - 50px);
    height:800px;
    border-radius:50px;
    background-color:#ffffff;
    box-shadow:5px 5px 30px -5px #111111;
    position:absolute;
    top:25px;
    left:25px;
}
.title{
    width:calc(100vw - 50px);
    height:150px;
    background-color:#ff0000;
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    position:absolute;
    top:0px;
}
.title_text{
    line-height:50px;
    text-align:center;
    color:#ffffff;
    font-size:72px;
}
.days{
    text-align:center;
    color:#000000;
    position:relative;
    top:150px;
}
.number,.unit{display:inline;}
.number{
    font-size:200px;
    line-height:350px;
}
.unit{
    font-size:100px;
    line-height:110px;
}
.explain{
    text-align:center;
    position:relative;
    bottom:-190px;
}
.explain_text{
    font-size:48px;
    color:#999999;
}
.menu{
    width:calc(100vw - 200px);
    position:absolute;
    top:850px;
    left:100px;
    text-align:center;
}
.choose_title{
    font-size:66px;
}
.button{
    width:calc(100vw - 200px);
    height:100px;
    font-size:48px;
    border-radius:100px;
}
.zh-cn{
    border:5px solid rgba(52,152,219,1);
    background-color:rgba(52,152,219,0.3);
    color:rgba(52,152,219,1);
}
.zh-cn:hover{
    border:5px solid rgba(39,113,163,1);
    background-color:rgba(39,113,163,0.3);
    color:rgba(39,113,163,1);
}
.en-us{
    border:5px solid rgba(34,177,76,1);
    background-color:rgba(34,177,76,0.3);
    color:rgba(34,177,76,1);
}
.en-us:hover{
    border:5px solid rgba(28,145,62,1);
    background-color:rgba(28,145,62,0.3);
    color:rgba(28,145,62,1);
}