@charset "UTF-8";

/* header */
.header { height: 55px; line-height: 55px; background: #0068B7; color: #fff; overflow: hidden; font-size: 18px; position: relative;}
.header .logo { margin: 0 100px; height: 45px; padding: 5px 0px; display: flex; align-items: center}
.header .logo a { display: flex; flex-grow: 1; align-items: center; justify-content: center; color: #fff; font-size: 20px; text-align: center; line-height: 45px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.header .logo img { max-width: 100%; max-height: 45px;}
.header .title { text-align: center; margin: 0 100px; overflow: hidden; font-size: 20px; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.header dl { height: 0px; margin: 0px;}
.header dd { display: none; width: 94%; background: #f2f2f2; left: 0; padding: 10px 3%; position: absolute; top: 100%; text-align: left; line-height: 1.8;}
.header dt { display: block; width: 36px; height: 36px; line-height: 32px; text-align: center; position: absolute; top: 50%; margin-top: -18px;}
.header dt::after { content: "\e600"; font-family: "iconfont"; color: #fff; font-size: 26px;}
.header dt::before { position: absolute; left: 50%; margin-left: -6px; top: 34px; content: ""; border-color: transparent; display: block; font-size: 0; line-height: 0; width: 0; border-width: 6px; border-style: dashed; border-bottom-color: #f2f2f2; border-bottom-style: solid; display: none;}
.header dt.on::before { display: block;}
.header .siteSearch dt { left: auto; right: 45px; line-height: 38px;}
.header .siteSearch dt::after { content: "\e601"; font-size: 23px;}
.header .topNav dt { left: 5px;}
.header .back { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; left: 45px; top: 50%; margin-top: -18px; font-size: 32px; color: #fff; text-decoration: none; line-height: 34px;}
.header .write { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; right: 45px; top: 50%; margin-top: -18px; font-size: 26px; color: #fff; text-decoration: none; line-height: 40px; float: none;}
.header .homeLink { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; left: 5px; top: 50%; margin-top: -18px; font-size: 28px; color: #fff; text-decoration: none; line-height: 36px;}
.header .set { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; right: 45px; top: 50%; margin-top: -18px; font-size: 24px; color: #fff; text-decoration: none; line-height: 32px;}
.header.myHomeHeader .back { left: 5px;}

/* 用户登录 */
.header .userLogged dt {left: auto; right: 5px;}
.header .userLogged dt::after {display: none;}
.header .userLogged dt a {display: block;width: 36px;height: 30px;padding-top: 6px;box-sizing: content-box; position: relative;}
.header .userLogged dt a .avatar {display: block;width: 25px;height: 25px;margin: 0 auto;line-height: 0px;font-size: 0;overflow: hidden;border-radius: 50%;}
.header .userLogged dt a .avatar img {width: 25px; height: 25px;}
.header .userLogged dt a .notAvatar img {display: none}
.header .userLogged dt a .notAvatar i {color: #fff;font-size: 24px;line-height: 25px;}
.header .userLogged dt a .txt {display: none;}
.header .userLogged dt a.hasMsg:after {content: "";width: 8px;height: 8px;display: block;background: #fc5f3d;border-radius: 4px;position: absolute;top: 3px;left: 50%;margin-left: 7px;}

/* 头部固定 */
body{padding-top: 55px;}
.header{position: fixed; left: 0px; top: 0px; right: 0px; z-index: 10;}