@charset "utf-8";
/* CSS Document */
body{background-image: url(../img/bgp.png);background-size: cover;background-repeat: no-repeat;}
.menu {position: fixed;top: 2.4vw;left: 2vw;width: 3.2vw;z-index: 910;}
.menuright {position: fixed;top: 2.4vw;right: 2vw;z-index: 910;}

.history {width: 3vw;height: 3vw;}
  .history a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .history a:hover{background:url(../img/history2.png);background-size:cover;}
    .history a:active{background:url(../img/history2.png);background-size:cover;}
.world {width: 3vw;height: 3vw;}
  .world a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .world a:hover{background:url(../img/history2.png);background-size:cover;}
    .world a:active{background:url(../img/history2.png);background-size:cover;}
.personage {width: 3vw;height: 3vw;}
  .personage a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/personage1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .personage a:hover{background:url(../img/personage2.png);background-size:cover;}
    .personage a:active{background:url(../img/personage2.png);background-size:cover;}
#input {width: 7vw;height:1.4vw;float: left;margin-left: 0.4vw;background: url(../img/shurukuang.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
input {width: 6vw;height: 1vw;margin: 0.24vw 0.6vw;font-size: 0.8vw;font-weight:lighter;border: none;outline: none;color:#DADADA;background-color:transparent;padding: 0 0;}

.h-box0{height: 80%;width: 90%;left: 6%;top:12%;position: absolute;display: flex;flex-direction: column;align-items: stretch;overflow-y: scroll;}.h-box0::-webkit-scrollbar {display: none;}
h2{font-family:arial;text-align:left;color: #AAAAAA; font-size:0.6vw;font-weight:lighter;margin: 2vw 0.5vw;}
.boxline{ margin-bottom: 2vw;display: flex;justify-content: flex-end;}
.h-y{display: flex;align-items: center;}
.h-box1{display: flex;flex-wrap: wrap;align-content: flex-start;margin-left: 3vw;}
.h-boxmin{height: 7vw;width: 6vw;display: flex;flex-direction: column;align-items: center;margin-bottom: 1vw;}
.h-head{height: 5vw;width: 5vw;background-size:contain;background-repeat: no-repeat;}
.h-head a{height: 5vw;width: 5vw;border-radius: 50%;position: absolute;z-index: 1;}
.h-headname{height: 2vw;width: 100%;}
.h-headname h1{font-family:arial;color: #FFFFFF;text-align: center;font-size:0.6vw;letter-spacing:0.02vw;font-weight:lighter;margin: 0;line-height: 0.8vw;}

.s{position:absolute;width: 5vw;height: 5vw;background-size: contain;}
#s01{background-image: url(img/s001.png);}

#b-zzxk,#b-complayua{background-image: url(img/ibooks.png);}
#d-js,#d-mycity,#d-eye,#d-e{background-image: url(img/idocuments.png);}
#n-samo{background-image: url(img/inews.png);}

@media(max-width:1440px){body{background-image: url(img/0.png;)}.menu{;}.personage{height: 9vw;width: 9vw;}.boxline{ margin-bottom: 4vw;}h2{font-size:1.8vw;margin: 6vw 1.5vw;}.h-box0{top:8%}.h-box1{margin-left: 0vw;}.h-boxmin{height: 18vw;width: 18vw;margin-bottom: 2vw;}.s{height: 15vw;width: 15vw;}.h-head{height: 15vw;width: 15vw;}.h-head a{height: 15vw;width: 15vw;}.h-headname{height: 3vw;}.h-headname h1{font-size: 1.2vw;line-height: 1.8vw;}}