[v-cloak]{display: none;}
*{margin: 0;padding: 0;}
html{background-color: #EBF3FA;}
html,body{width: 100%;height: 100%;overflow-y: auto;}
.wrap-body{background: url(/public/image/page_bg.jpg) no-repeat;background-size: 100% 100%;}
.container{margin: auto;}
@media (min-width: 240px) and (max-width: 640px){body{padding-left: 10px;padding-right: 10px;padding-bottom: 80px;}}
@media (min-width: 240px) and (max-width: 640px){.container{width: 100%;}}
@media (min-width: 641px) and (max-width: 980px){.container{width: 720px;}}
@media (min-width: 981px) and (max-width: 1023px){.container{width: 960px;}}
@media (min-width: 1024px) and (max-width: 1280px){.container{width: 1012px;}}
@media (min-width: 1280px){.container{width: 1200px;}}
.content-card{background: #fff;padding: 15px;min-height: 500px;box-shadow: 0px 1px 6px #ccc;}

/*layout*/
.nav{height: 61px;}
.nav-fixed{background-color: #fff!important;width: 100%;z-index: 999;}
.home-nav{display: flex;align-items: center;background-color: #fff;width: 90%;/* max-width: 1200px;*/margin: 0 auto;}
.home-nav a{text-decoration: none;}
.home-logo{flex: none;width: 170px;}
.home-logo .logo-title a{color: #004990;font-weight: bolder;letter-spacing: 6px;}
.home-logo .logo{display: block;background: url(/public/image/logo.png) no-repeat;background-size: 100%;text-indent: -9999px;width: 150px;height: 20px;}
.home-menu{flex: 1;height: 61px;overflow: hidden;}
.el-menu-item,.el-submenu__title{font-size: 16px;}
.el-menu.el-menu--popup .el-menu-item{font-size: 14px;}
.el-menu-item a{display: block;text-decoration: none;color: #000;}
.el-menu-item.is-active a{color: rgb(0, 73, 144);}
.user{/* width: 280px;*/flex: none;text-align: right;}
.user-info{font-size: 13px;}
.user-info a{font-size: 13px;vertical-align: top;}