* {
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: none;
}
html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: "微软雅黑","Microsoft YaHei","Arial","黑体","宋体",sans-serif;
}

.fr {
    float: right;
}

#page_wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#banner, #bottom {
    width: 100%;
    height: 60px;
    background-color: #0EA4E8;
}

#bottom {
    height: 24px;
    padding: 8px;
    color: #FFFFFF;
}

#logo img{
    height: 40px;
    padding-top: 8px;
    padding-left: 16px;
}

#menu {
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
    font-size: large;
}

#menu .sub_menu {
    display: none;
}

#menu .menu_item:hover .sub_menu {
    display: block;
}

.sub_menu {
    background-color: #000000BB;
    padding: 3px 3px;
}

.sub_menu_item {
    padding: 8px 3px;
}

.sub_menu_item a{
    color: #FFF;
}

.sub_menu_item:hover {
    background-color: #666666BB;
}

.menu_item_1 {
    position: absolute;
    right: 20px;
    width: 100px;
    padding-top: 20px;
}

.menu_item_1:hover {
    cursor: pointer;
}

.menu_item_2 {
    position: absolute;
    right: 160px;
}

.menu_item {
    margin: 10px;
    width: 80px;
    padding-top: 10px;
}

.menu_item:hover {
    cursor: pointer;
}

#display {
    flex: 1;
    background-image:url(../images/bg_wr.jpg);
    background-repeat:no-repeat;
    background-size:100%;
    background-position: center;
}

#bottom {
    width: 100%;
}

#adenter {
    width: 60px;
    height: 40px;
    position: absolute;
    margin-top: 13px;
}

.login {
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    /* overflow-x: hidden; */
    box-sizing: border-box;
  }