a:hover { color:#5f2d99; }
/* 头部 */
header { height:60px;background-color:#5f2d99; }
.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    background-color:#5f2d99;
    box-sizing: border-box;
}
.head { width:1180px;margin:0 auto;height:60px;display: flex;justify-content:space-between;align-items: center; }
.head-r,.head-r nav { display: flex;height:60px;align-items: center; }
.head-r nav a { font-weight: 700;color:#fff;height:40px;line-height:40px;padding:0 24px;transition: all .3s; }
.head-r nav a:hover, .head-r nav a.active { background-color:#fff;color:#5f2d99;background-color:#fff;border-radius: 20px; }

.login { display: flex;height:60px;font-weight: 700;color:#fff;align-items: center;padding-left:30px;background: url('../images/login.png') no-repeat 0 center;margin-left:48px;width: 134px;}
.head-r .login:hover { color:#fff; }

/* 登录后状态 */
.log-on { position: relative;height: 60px;margin-left: 12px;width: 200px;}
.log-on>div:nth-child(1) { display: flex;align-items: center;color:#fff; height: 60px;cursor: pointer; }
.log-on>div:nth-child(1) span { padding:0 20px 0 36px;user-select: none; }
.log-on>div:nth-child(1) em { width:16px;height:11px;background: url(../images/down.png) no-repeat 0 0;transition: all 0.3s; }
.log-on>div:nth-child(2) { position: absolute;top:60px;left:0;background:#fff;width:120px;border-radius:10px;z-index:200;height:0;overflow: hidden;transition: all 0.3s; }
.log-on>div:nth-child(2) a { display: block;text-align: center;height:44px;line-height:44px;border-bottom:1px #ddd solid; }
.log-on>div:nth-child(2) a:nth-last-child(1) { border:none; }

.log-on.active>div:nth-child(2) { height:auto; }
.log-on.active>div:nth-child(1) em { transform: rotate(180deg); }
/* 底部 */



footer { height:287px;background-color:#e7ebf6;padding-top:54px; }
.foot { width:1180px;margin:0 auto;display: flex;justify-content:space-between;  }
.foot h5 { height:50px;line-height:50px;font-size:32px;font-weight: bold; }

.foot .foot-l,.foot .foot-r {display: flex;flex-direction: column; }
.foot .foot-r { width:460px; }
.foot p { height:44px;color:#555;line-height: 44px; }