html{
    font-size: 100px;
}
div.top{position:absolute;width:100%;height:100%;background-size: 80%;}
.user{
    width: .44rem;
    height: .46rem;
    background: url(../images/user.png) no-repeat;
    background-size: contain;
    padding-bottom: .1rem;
    /* position: absolute;
    top: .8rem;
    right: 1.6rem; */
}
/* div.left{position:relative;float:left;padding:.3rem 0 0 1rem;width:.3rem;height: 5.5em;;text-align:right}a.fullscreen{display:block;width: 0.22rem;;height: 0.93rem;;margin:0 0 .12rem .08rem;background:url('../images/bt_fullscreen.png') no-repeat center center}
a.fullscreen:hover{background:url('../images/bt_fullscreenhover.png') no-repeat center center}a.bookmark{display:block;width:.22rem;height:.93rem;margin:0 0 .12rem .08rem;background:url('../images/bt_bookmark.png') no-repeat center center}
a.bookmark:hover{background:url('../images/bt_bookmarkhover.png') no-repeat center center}
a.password{display:block;width:.22rem;height:.93rem;margin:0 0 0 .08rem;background:url('../images/bt_password.png') no-repeat center center}
a.password:hover{background:url('../images/bt_passwordhover.png') no-repeat center center} */
.title{
    width: 3.5rem;
    height: 1.4rem;
    background: url(../images/logo.png) no-repeat center;
    background-size: contain;
}
div.middle{width:6rem;height:5.8rem;position:relative;top:50%;margin:-3.2rem auto 0 auto;background:url('../images/bg_intro.png') no-repeat center center}
/* div.right{position:relative;float:right;top:50%;margin-top:-3.2rem;width: 0.64rem;;height: 5.8rem;;background:url('../images/bg_block.png') no-repeat center right} */
div.top_right{
    position:relative;float:right;
    /* top:10%;right:7%; */
    top: .8rem;
    right: 1.6rem;
    width:.45rem;
    height: 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    z-index: 333;
}
a{text-decoration: none;}
.top_right a:hover{color: rgb(160, 11, 11);}
.n11{
    width: .4rem;
    height: 1.6rem;
    background: url(../images/bg_text.png) no-repeat center;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.bookmark{
    display:block; 
    width: .18rem;
    height: .88rem;
    text-align: center;
    color: #000;font-size: 16px;
}
.markLists{
    width: 4.5rem;
    margin: 0 auto;
    margin-top: .2rem;
}
.item{
    font-size: 17px;
    padding-bottom: .1rem;
}
.item:hover {   
    cursor: url(../images/crimson.cur),auto;
}
div.bottom{
    position: absolute;
    right: .29rem;
    bottom: .85rem;
    width: 2.58rem;
    height: .5rem;
    background: url(../images/bg_copyright.png) no-repeat center;
    background-size: 110%;}
.center{
    width: 100%;
    position: absolute;
    top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.search{
    margin:0;
    padding:0 ;
    width: 7rem;
    height: 0.5rem;
    position: relative;
}
.search input{
    width: 6.92rem;
    height: .44rem;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid #38514E;
    border-radius: 5px;
    font-size: 18px;
}
.search .searchButton{
    width: 1.1rem;
    height: .5rem;
    background: #2E4F4F;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "menu";
    font-size: 21px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.search .searchButton:hover,.advanceBtn:hover{
    cursor: pointer;
}
.advanceBtn{
    width: 1.1rem;
    height: .5rem;
    background: #2E4F4F;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "menu";
    font-size: 21px;
    color: #fff;
    position: absolute;
    top: 0;
    right: -128px;
}
.menus{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
.menu_lists{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.menu_lists li{
    list-style: none;
    width: .63rem;
    height: 2.78rem;
    padding: .8rem .44rem 0;
}
.t{
    width: .63rem;
    height: 2.62rem;
    background: url(../images/bg_text.png) no-repeat center;
    background-size: contain;
    position: relative;
}
.menu_lists a{
    color: rgba(0,0,0,.9);
    display: block;
    text-align: center;
    font-family: "firstClass";
    width: .28rem;
    height: 1.08rem;
    font-size: 30px;
    line-height: .4rem;
    position: absolute;
    top: 0.67rem;
    left: .17rem;
}

a.advance{display:inline-block;width:.66rem;height:.23rem;background:url('../images/bt_advance.png') no-repeat center center}
a.advance:hover{background:url('../images/bt_advancehover.png') no-repeat center center}
input{border:0;background-color:transparent;outline:0}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(212, 218, 212, 0.034) inset;
}
input.my-input:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .title{
        width: 3rem;
    }
    .user{
        top: .8rem;
    }
}
@media screen and (min-width: 1280px) and (max-width : 1440px) {
    .title{
        width: 3rem;
    }
    .user{
        top: .8rem;
    }
}
@media screen and (min-width : 1440px) and (max-width : 1680px) {
    .title{
        width: 3.5rem;
    }
    .user{
        top: 1rem;
    }
}
@media screen and (min-width : 1680px) and (max-width : 1920px){
    .title {
        width: 3.5rem;
    }
    .user{
        top: .8rem;
        right: 1.6rem;
    }
}
@media screen and (min-width : 1920px){
    .title{
        width: 3.5rem;
    }
    .user{
        top: .8rem;
        right: 1.6rem;
    }
    .center{
        top: 2rem;
    }
}