/*头部*/
.header {
    width: 100%;
    height: 44px;
    background: #0db3e4;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .header .left {
        padding-left: 5px;
        width: 90px;
        height: 44px;
        float: left;
    }

        .header .left a {
            -webkit-tap-highlight-color: rgba(255,255,255,.0);
        }

            .header .left a:hover {
                -webkit-tap-highlight-color: rgba(255,255,255,.0);
            }

        .header .left img {
            height: 44px;
            display: block;
        }

    .header .right {
        width: auto;
        height: 44px;
        float: right;
    }

        .header .right ul {
            height: 44px;
        }

            .header .right ul li {
                width: 40px;
                height: 44px;
                padding-top: 25px;
                box-sizing: border-box;
                display: block;
                text-align: center;
                float: left;
                background: #ccd;
            }

            .header .right ul a {
                color: #fff;
                font-size: 12px;
                -webkit-tap-highlight-color: rgba(255,255,255,.0);
            }

                .header .right ul a:hover {
                    -webkit-tap-highlight-color: rgba(255,255,255,.0);
                }

            .header .right ul .h_tk {
                background: url(t-tk.png) no-repeat center 9px;
                background-size: 15px;
            }

            .header .right ul .h_zl {
                background: url(t-zl.png) no-repeat center 9px;
                background-size: 15px;
            }

            .header .right ul .h_tp {
                background: url(t-tp.png) no-repeat center 9px;
                background-size: 15px;
            }

            .header .right ul .h_fav {
                background: url(t-fav.png) no-repeat center 9px;
                background-size: 15px;
            }

            .header .right ul .login {
                background: url(login.png) no-repeat center 9px;
                background-size: 15px;
            }

            .header .right ul .reg {
                background: url(reg.png) no-repeat center 9px;
                background-size: 15px;
            }

/*菜单*/
.menu {
    margin-top: 20px;
    width: 100%;
    height: 160px;
}

    .menu ul {
        list-style: none;
    }

        .menu ul li {
            display: inline-block;
            margin-bottom: 15px;
            display: block;
            width: 25%;
            height: 60px;
            float: left;
            text-align: center;
        }

            .menu ul li a {
                display: inline-block;
                color: #333;
                font-size: 14px;
            }

                .menu ul li a:hover {
                    -webkit-tap-highlight-color: rgba(255,255,255,.0);
                }

                .menu ul li a span {
                    display: inline-block;
                    width: 36px;
                    height: 36px;
                    background-image: url(navico.png);
                    background-repeat: no-repeat;
                    background-size: 36px;
                }

                .menu ul li a .icon_1 {
                    background-position: 0 -216px;
                }

                .menu ul li a .icon_2 {
                    background-position: 0 0;
                }

                .menu ul li a .icon_3 {
                    background-position: 0 -72px;
                }

                .menu ul li a .icon_4 {
                    background-position: 0 -144px;
                }

                .menu ul li a .icon_5 {
                    background-position: 0 -36px;
                }

                .menu ul li a .icon_6 {
                    background-position: 0 -180px;
                }

                .menu ul li a .icon_7 {
                    background-position: 0 -252px;
                }

                .menu ul li a .icon_8 {
                    background-position: 0 -396px;
                }

                .menu ul li a .icon_9 {
                    background-position: 0 -108px;
                }

                .menu ul li a .icon_10 {
                    background-position: 0 -360px;
                }

                .menu ul li a .icon_11 {
                    background-position: 0 -324px;
                }

                .menu ul li a .icon_12 {
                    background-position: 0 -288px;
                }

                .menu ul li a .icon_13 {
                    background-image: url(navico_kj.png) !important;
                }

                .menu ul li a .icon_14 {
                    background-image: url(navico_zb.png) !important;
                }

                .menu ul li a .icon_15 {
                    background-image: url(navico_jh.png) !important;
                }

                .menu ul li a .icon_16 {
                    background-image: url(navico_zb.png) !important;
                }

                .menu ul li a .icon_17 {
                    background-image: url(navico_guapai.png) !important;
                }

                .menu ul li a .icon_18 {
                    background-image: url(navico_chat.png) !important;
                }