.wrap {
    margin: 0 auto;
    width: 960px
}

.header {
    background: #3083eb;
    height: 68px
}

.container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 960px
}

.logo {
    float: left;
    margin-top: 18px;
    color: #fff;
    font-size: 28px;
    line-height: 100%;
    font-weight: 600;
}

.gg {
    color: #d7e44c;
    float: left;
    font-size: 16px;
    line-height: 18px
}

.navbar {
    margin-top: 24px;
    white-space: nowrap;
    width: 674px
}

.navbar, .nav {
    float: right
}

.footer {
    margin: 40px 0 66px;
    padding: 25px 0;
    position: relative;
    z-index: 3
}

.follow-us {
    height: 32px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 112px
}

.nav ul {
    overflow: hidden
}

.nav li {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENBNkVDNzkyMjA3MTFFNEIxQ0Y5MjVBRTdEMUQwRjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENBNkVDN0EyMjA3MTFFNEIxQ0Y5MjVBRTdEMUQwRjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0E2RUM3NzIyMDcxMUU0QjFDRjkyNUFFN0QxRDBGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0E2RUM3ODIyMDcxMUU0QjFDRjkyNUFFN0QxRDBGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnSyMNwAAAAZSURBVHjaYphx8CvTjEPfmDLsuIilAQIMADkhFGdS6skAAAAAAElFTkSuQmCC") no-repeat 0 50%;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 -1px;
    padding: 0 18px
}

.nav a {
    color: #fff;
    font-size: 16px
}

.nav strong {
    color: #ff0;
    font-weight: 400
}

.menu li {
    border-left: 4px solid #fff;
    height: 54px
}

.menu a {
    color: #3e76a3;
    display: block;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    padding: 15px 0
}

.footer strong {
    font-weight: 400;
    font-family: arial
}

.layout .aside {
    float: left;
    margin: 0 0 0 -100%;
    width: 170px
}

.layout .main {
    float: left;
    width: 100%
}

.layout .main-wrap {
    margin: 0 0 0 180px
}

.layout .content {
    border-left: 1px solid #e5e5e5;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    padding-left: 40px
}

.header .container {
    height: 68px
}

.nav .gg {
    color: #d7e44c
}

.menu .current {
    background: #e7f5ff;
    border-color: #2684c2
}

.menu .icon {
    /*background: url(https://p.ssl.qhimg.com/t0123768d6cddcb67d5.png) no-repeat 0 0;*/
    display: inline-block;
    height: 18px;
    margin: 0 10px;
    vertical-align: middle;
    width: 18px
}

.menu .icon-android {
    background-position: 0 0
}

.menu .icon-bbs {
    background-position: 0 -27px
}

.menu .icon-ios, .menu .icon-mac {
    background-position: 0 -49px
}

.menu .icon-level {
    background-position: 0 -76px
}

.menu .icon-other {
    background-position: 0 -98px
}

.menu .icon-question {
    background-position: 0 -123px
}

.menu .icon-web {
    background-position: 0 -148px
}

.menu .icon-windows {
    background-position: 0 -176px
}

.footer .links {
    margin-bottom: 16px;
    overflow: hidden
}

.footer .copyright {
    color: #cdcdcd;
    font-family: arial
}

.follow-us .item {
    /*background: url(https://p.ssl.qhimg.com/t01015b38df5dd03856.png) no-repeat 0 0;*/
    float: left;
    height: 31px;
    width: 39px
}

.follow-us .divider {
    border-left: 1px solid #e5e5e5;
    display: inline;
    float: left;
    height: 31px;
    margin: 0 10px;
    width: 1px
}

.follow-us .weixin {
    position: relative;
    background-position: 0 -120px
}

.follow-us .weibo {
    background-position: 0 -40px
}

.follow-us .qrcode {
    height: 128px;
    left: -40px;
    position: absolute;
    top: -130px;
    visibility: hidden;
    width: 128px
}

.nav .current a {
    font-weight: 700
}

.footer .links a {
    border-left: 1px solid #d5d5d5;
    color: #8d8d8d;
    margin: 0 0 0 -10px;
    padding: 0 10px
}

.follow-us .weixin:hover {
    zoom: 1;
    background-position: 0 -80px
}

.follow-us .weibo:hover {
    background-position: 0 0
}

.follow-us .weixin:hover .qrcode {
    visibility: visible
}

#rtt {
    background: black;
    /*background: url(https://p.ssl.qhimg.com/t017efc73a72c19e09b.png) no-repeat;*/
    cursor: pointer;
    height: 68px;
    position: fixed;
    width: 68px;
    z-index: 10000
}

#rtt:hover {
    background-position: 0 -68px
}