/* 全局 */
a:hover{
    text-decoration: none;
	}
	
/* 顶部 */
.nav{
    background: #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding:0 15px;
    position: fixed;
    top:0;
    z-index: 999;
}
.nav::before,.nav::after{
    content:unset;
}
.nav-logo .logo{
    height: 50px;
}
.nav-right{
    color:#9d9d9d;
    font-size: 14px;
    cursor:default;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.nav-right a{
    margin-left: 10px;
    color:#9d9d9d;
    cursor:pointer;
}
.nav-right a:hover{
    color:#FFF;
}
/* 底部 */
.footer{
    text-align: center;
    color:#CCC;
    display: none;
}
.bottom-item {
        left: 0;
	    position: fixed;
        bottom: 0;
	    width: 100%;
        z-index: 100;
        /* background: #343537; */
        background: #FFF;
        justify-content: center;
        color: #64DCDC;
		height:50px;
        display: flex;
        align-items: center;
        font-size: 14px;
}
.bottom-item a{
    color: #64DCDC;
    transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -ms-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
}
.bottom-item a:hover{
    color:#7FEBEB;
}

/* 顶部 */
.navbar{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-bottom: 0;
    height:50px;
    position: fixed;
    width: 100%;
    z-index: 99;
    font-size: 14px;
    top:0;
}

/* 登录 */
.login-container{
    height:100vh;
    width:100%;
    background: url(/static/index/image/bg.svg) no-repeat center center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.login-wrap{
    position: relative;
    margin: 0 auto;
    width: 510px;
    padding: 50px 50px 60px;
    box-shadow: 0 0 20px #ecf4f8;
    background-color: #fff;
}

.title{
    font-size: 30px;
    color: #5e6166;
    text-align: center;
    margin-bottom: 10px;
}
.login-item {
    margin-top: 30px;
    position: relative;
}
.login-item .pwdicon{
    position: absolute;
    height: 100%;
    width: 78px;
    background: url(/static/index/image/icon_pwd.png) no-repeat center center;
}
.login-item .pwd{
    outline: none;
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #64dcdc;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px 0 78px;
}
.login-item .pwd:hover,.login-item .pwd:focus{
    box-shadow: 0 0 8px #85edee
}

.login-item .btn-login{
    height: 60px;
    line-height: 60px;
    border:none;
    background-color: #64dcdc;
    text-align: center;
    width: 100%;
    display: inline-block;
    border-radius: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.login-item button:focus{
    outline: none;
}
.login-item.link{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.login-item.link a{
    transition: color .2s ease-out;
    color:#64dcdc;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -ms-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
}
.login-item.link a:hover{
    color:#7FEBEB;
}

/* 主要内容 */
.main{
    margin-top:70px;
}
.end{
    margin-bottom:70px;
}

.panel{
    box-shadow: none;
}

.list-group-item {
    padding: 12px 15px;
    border-top: none;
}

.list-item{
    display: flex;
}
.list-item .name{
    flex: 1;
}
.list-item .time{
    min-width: 140px;
    text-align: right;
}

/* 窄屏 */
@media screen and (max-width: 768px){
    .bottom-item{
        display: none;
    }
    .end{
        margin-bottom:20px;
    }
    .footer{
        display: block;
    }
}
        .weixin{ width:30px; height:30px; position:relative; font-size:12px; text-align:center;}
        .weixin a img{width:30px; height:30px;} /*微信图标*/
        /*以上两个width和height数值需保持一致，可根据需要调整尺寸，定位方式，font-size设置字体大小*/
        
        .weixin .weixin_nr{width:120px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; right:0; bottom:-145px; display:none;}
        /*以上可根据需要调整外边框大小，背景色，定位方式，摆放位置等*/
        
        .weixin .weixin_nr img{ margin-bottom:5px;}
        /*以上可调整二维码图片大小，注意和外边框大小相匹配*/
        
        .weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
        /*以上可调整箭头样式*/
        
        .weixin.on .weixin_nr{ display:block;}
		
		.vm *{display:inline-block;vertical-align:middle}/*图片居中*/