.c-warp { width: 1200px; height: auto; margin: auto; clear: both; }

header { width: 100%; height: 50px; background: rgba(255, 255, 255,.65); position: fixed; z-index: 3; }
header::before { content: ''; width: 100%; height: 8px; background: #63065f; position: absolute; top: 0; left: 0; }
.m-logo { width: 400px; height: 95px; line-height: 95px; text-align: center; background: #63065f; border-radius: 0 0 5px 5px; margin: 0 21px; position: relative; }
.m-logo::before { content: ''; width: 5px; height: 20px; background: #63065f; position: absolute; left: 0; top: 0; transform: rotate(135deg); }
.m-logo::after { content: ''; width: 5px; height: 20px; background: #63065f; position: absolute; right: 0; top: 0; transform: rotate(225deg); }
.m-login { line-height: 42px; color: #666; }
.m-login ul { margin: 8px -5px 0 0; }
.m-login li { float: left; margin: 0 5px; }
.m-login li img { margin: -3px 10px 0 0; }
.m-login a { font-size: 14px; color: #666; }

footer { background-color: #000; height: 90px; background-image: url('njuyx_17.png'); background-position: center; background-repeat: no-repeat; }
footer .c-warp { box-sizing: border-box; padding: 0 40px; }
.m-sign { height: 90px; line-height: 90px; }
.m-chat { height: 100%; position: relative; }
.m-chat p { color: #9f9f9f; text-align: right; font-size: 12px; position: absolute; right: 80px; bottom: 5px; width: 300px; }
.m-chat img { width: 70px; height: 70px; margin-top: 10px; }