body {
    margin:0;
    padding:0;
    background:#ffe;
    font-size:14px;
    font-family:'微软雅黑','宋体',sans-serif;
    color:#231F20;
    overflow:auto
}
a {
    color:#000;
    font-size:14px;
}
#main {
    width:100%;
}
#wrap {
    position:relative;margin:0 auto;width:1100px;height:680px;margin-top:10px;
}
#text {
    width:400px;height:425px;left:60px;top:80px;position:absolute;
}
#code {
    display:none;font-size:16px;
}
#clock-box {
    position:absolute;left:60px;top:550px;font-size:28px;display:none;
}
#clock-box a {
    font-size:28px;
    text-decoration:none;
}
#clock {
    margin-left:48px;
}
#clock .digit {
    font-size:64px;
}
#canvas {
    margin:0 auto;width:1100px;height:680px;
}
#error {
    margin:0 auto;text-align:center;margin-top:60px;display:none;
}
.hand {
    cursor:pointer;
}
.say {
    margin-left:5px;
}
.space {
    margin-right:150px;
}

/*右侧导航栏*/
@media (max-width: 768px) { /* 低于此宽度不显示 */
    .elevator_item {
        display: none !important;
    }
}
.elevator_item .hd-time-limited {
    display: block;
    position: fixed;
    right: 0;
    bottom: 445px;
    width: 40px;
    height: 80px;
    /*background: url(assets/img/right.png) no-repeat center;*/
}
.elevator_item {
    position: fixed;
    right: 0px;
    bottom: 180px;
    z-index: 11;
}
.elevator_item .feedback {
    width: 40px;
    height: 40px;
    font-size: 5px;
    padding: 6px 5px;
    display: block;
    border-radius: 8px;
    text-align: center;
    margin-top: 7.5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    cursor: pointer;
}

/*移动端底部菜单*/
@media (min-width: 768px) {
    .nav-shouji {
        display: none !important;
    }
}
.nav-shouji{
    display: flex;
    position: fixed;
    bottom:0;
    z-index:99;
    height: 55px;
    width: 100%;
    background: var(--background);
    flex-shrink: 0;
    font-size: 14px;
}
.nav-shouji .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--main);
}       
.nav-item:nth-child(3) {
    transform: translateY(-20px);
    background: var(--background);
    border-radius: 50%;
    height: 75px;
    width: 75px;
    flex-shrink: 2;
    box-shadow: 0 -3px 4px rgba(0,0,0,.1);
}
.nav-shouji .nav-item .img {
    height: 24px;
    overflow: hidden;
}
.nav-item:nth-child(3)>.img{
    height: 30px;
    margin-bottom: 5px;            
}
.nav-shouji .nav-item img {
    width: 24px;
    height: 24px;
    overflow: hidden;
}