body {
    font: 14px/1.5 Tahoma, Helvetica, Arial,"\5b8b\4f53","微软雅黑", sans-serif;
    color: #3A454F;
    background: #eee;
    text-align: center;
}

h2 {
    font-size: 16px;
}

.header {
    height: 70px;
    width: 100%;
    background: #82c9fc;
    position: fixed;
    z-index: 100;
    top: 0;
}

    .header .logo {
        float: left;
        text-indent: -999999px;
    }

    .header .user-center {
        float: right;
        background: url("images/icon.png") no-repeat;
        background-size: 100%;
    }

.footer {
    clear: both;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 12px;
    color: #999;
}

/*pc版和移动版导航共同的高亮样式*/
.nav .type-link a:hover, .type-link a.actived {
    color: #0091ff;
}

.nav .type-link a:active {
    background-color: #eee;
}
.wechat {
    display:none;
}

/*自适应屏幕宽度小于等于1000像素*/
@media screen and (max-width: 1000px) {
    .header {
        height: 40px;
        text-align: center;
    }

        .header .logo {
            background: url("images/logo-mobile.png") no-repeat;
            background-size: 100%;
            height: 40px;
            width: 130px;
            margin-left: 10px;
        }

        .header .user-center {
            margin-right: 20px;
            height: 40px;
            width: 120px;
            line-height: 40px;
            color: #fff;
            background-position: -30px -70px;
            text-indent: 50px;
        }

    /*导航样式*/
    .nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #fff;
        box-shadow: 0 -1px 2px rgba(0,0,0,.25);
        z-index: 1;
    }

    .type-link {
        display: block;
        width: 20%;
        height: 60px;
        text-align: center;
        float: left;
    }

        .type-link a {
            display: block;
            margin: 0 auto;
            font-size: 11px;
            width: 64px;
            padding: 42px 0 0 0;
            background-color: #fff;
            background: url("images/icon-index-mobile-new.png") no-repeat;
            background-size: 100%;
        }

            .nav .type-link a:hover, .type-link a.actived {
                text-indent: -999999px;
            }

        .type-link:nth-child(1) a {
            background-position: 50% 0px;
        }

        .type-link:nth-child(2) a {
            background-position: 50% -60px;
        }

        .type-link:nth-child(3) a {
            background-position: 50% -120px;
        }

        .type-link:nth-child(4) a {
            background-position: 50% -180px;
        }

        .type-link:nth-child(5) a {
            background-position: 50% -240px;
        }

        .type-link:nth-child(1) a:hover, .type-link:nth-child(1) a.actived {
            background-position: 50% -300px;
        }

        .type-link:nth-child(2) a:hover, .type-link:nth-child(2) a.actived {
            background-position: 50% -360px;
        }

        .type-link:nth-child(3) a:hover, .type-link:nth-child(3) a.actived {
            background-position: 50% -420px;
        }

        .type-link:nth-child(4) a:hover, .type-link:nth-child(4) a.actived {
            background-position: 50% -480px;
        }

        .type-link:nth-child(5) a:hover, .type-link:nth-child(5) a.actived {
            background-position: 50% -540px;
        }

        .type-link:nth-child(6) {
            display: none;
        }

        .type-link:nth-child(7) {
            display: none;
        }


    /*移动版不显示“返回顶部”按钮*/
    .top {
        display: none;
    }

    /*移动版内容上边距*/
    .content {
        padding-top: 45px;
    }
}

/*自适应屏幕宽度小于等于640像素*/
@media screen and (max-width: 640px) {
    img {
        max-width: 100%;
    }    
}

/*自适应屏幕宽度大于等于1001像素*/
@media screen and (min-width: 1001px) {
    .header {
        border-bottom: solid 10px #eee;
    }

        .header div {
            width: 1000px;
            margin: 0 auto;
            padding: 0 10px;
        }

        .header .logo {
            background: url("images/logo-pc.png") no-repeat;
            background-size: 100%;
            height: 60px;
            width: 375px;
        }

        .header .user-center {
            margin-top: 10px;
            margin-right: 40px;
            height: 50px;
            width: 100px;
            line-height: 50px;
            color: #fff;
            background-position: -30px -50px;
            text-indent: 40px;
        }

    /*pc版通用的类型导航样式*/
    .nav {
        width: 1000px;
        margin: 0 auto;
    }
/*, .top0503xyz*/
        .nav .type {
            position: fixed;
            top: 70px;
            width: 200px;
        }

        .nav .type-link {
            position: relative;
            background-color: #fff;
            width: 200px;
            z-index: 1;
        }

            .nav .type-link a {
                display: block;
                width: 200px;
                height: 60px;
                line-height: 60px;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                text-indent: 70px;
                background: url("images/icon-index-pc2.png") no-repeat;
                border: 1px solid #ddd;
                border-top: none;
            }

            .nav .type-link:nth-child(1) a {
                background-position: 0 -3px;
                border-top: 1px solid #ddd;
            }

            .nav .type-link:nth-child(2) a {
                background-position: 0 -77px;
            }

            .nav .type-link:nth-child(3) a {
                background-position: 0 -154px;
            }

            .nav .type-link:nth-child(4) a {
                background-position: 0 -231px;
            }

            .nav .type-link:nth-child(5) a {
                background-position: 0 -308px;
            }

            .nav .type-link:nth-child(6) a {
                background-position: 0 -385px;
            }

            .nav .type-link:nth-child(7) a {
                background-position: 0 -460px;
            }
            .nav .type-link:nth-child(8) a {
                background-position: 0 -537px;
            }

    /*按钮“回到顶部”*/
    .top {
        top: 500px;
        display: block;
        height: 60px;
        width: 200px;
        line-height: 60px;
        text-align: center;
        background: #fff;
        border: 1px solid #ddd;
        margin-top: 15px;
        color: #666;
    }
/*回到顶部按钮0503xyz*/
.top{
	position: fixed;
	bottom: 80px;
	right: 10px;
	height: 50px;
	width: 50px;
	background: #FFF url("images/top.png") center center no-repeat;
	background-size: 50%;
	border-radius: 50%;
	box-shadow: 0 0 1px rgba(0,0,0,0.25);
	text-indent: -999999px;
    cursor:pointer;
}

    .wechat {
        position: absolute;
        display:block;
        top: 80px;
        right: 40px;
        height: auto;
        width: 120px;
        line-height: 30px;
        text-align: center;
        background: #fff;
        border: 1px solid #ddd;
        color: #666;
        z-index:99;
    }

        .wechat img {
            width: 120px;
            height: 120px;
        }
        .wechat .p {
            position: absolute;
            top: 0px;
            left: -20px;
            width: 20px;
            height: 20px;
            cursor: pointer;
            line-height:20px;
            border: 1px solid #ddd;
            border-right: 0px;
            text-align:center;
            color:red;
            font-weight:bold;
            font-size:16px;
        }

    .content {
        width: 1000px;
        margin: 0 auto;
        padding-top: 70px;
        min-height: 520px;
    }

        .content > * {
            margin-left: 210px;
        }
}