HTML {
    BACKGROUND: #fff;
    COLOR: #000;
}

BODY {
    MARGIN: 0px;
    PADDING: 0px;
}

DIV {
    MARGIN: 0px;
    PADDING: 0px;
}


UL {
    MARGIN: 0px;
    PADDING: 0px;
}

LI {
    MARGIN: 0px;
    PADDING: 0px;
    LIST-STYLE-TYPE: none;
}

A {
    TEXT-DECORATION: none;
    FONT-FAMILY: "Microsoft Yahei";
    COLOR: #666;
}

    A:focus {
        OUTLINE-WIDTH: 0px;
    }

    A:hover {
        TEXT-DECORATION: underline;
    }

q::before {
    content: "";
}

q::after {
    content: "";
}

.t_bg {
    HEIGHT: 176px;
    BACKGROUND: url(/image/t_bg.gif) repeat-x;
}

#head h2:after {
    background: none;
}

.header {
    OVERFLOW: hidden;
    FONT-FAMILY: "Microsoft Yahei";
    WIDTH: 960px;
    MARGIN: 0px auto;
}

.h_con {
    HEIGHT: 109px;
}

    .h_con H1, .h_con H2 {
        WIDTH: auto;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
        PADDING-LEFT: 20px;
        PADDING-RIGHT: 5px;
    }

    .h_con a img {
        margin-top: 25px;
        height: 55px;
    }

    .h_con P {
        WIDTH: 600px;
        FLOAT: left;
        COLOR: #333;
        PADDING-TOP: 36px;
    }

        .h_con P B {
            FONT-SIZE: 23px;
            COLOR: #000;
            PADDING-BOTTOM: 5px;
            DISPLAY: block;
            font-weight: normal;
        }

    .h_con Q {
        FONT-SIZE: 15px;
        WIDTH: 145px;
        MARGIN-TOP: 30px;
        FLOAT: right;
        COLOR: #464646;
        TEXT-ALIGN: right;
        DISPLAY: block;
        font-weight: bold;
    }

        .h_con Q::before, .h_con Q::after {
            content: ""; /* 移除默认的引号 */
        }

    .h_con SPAN {
        WIDTH: 95px;
        FLOAT: right;
        PADDING-LEFT: 15px;
    }

    .h_con Q B {
        FONT-SIZE: 24px;
        FONT-FAMILY: Impact;
        FLOAT: right;
        FONT-WEIGHT: normal;
        COLOR: #197FE6;
        DISPLAY: block;
    }



.h_nav {
    HEIGHT: 67px;
}

    .h_nav UL LI {
        FONT-SIZE: 15px;
        FLOAT: left;
        /*如果相对定位，下拉列表会被背景遮住。position: relative;*/
        TEXT-ALIGN: center;
    }

        .h_nav UL LI A {
            FLOAT: left;
            COLOR: #333;
            PADDING-BOTTOM: 16px;
            PADDING-TOP: 20px;
            PADDING-LEFT: 20px;
            DISPLAY: inline-block;
            PADDING-RIGHT: 15px;
        }

        .h_nav UL LI I {
            PADDING-TOP: 6px;
            DISPLAY: block;
        }

        .h_nav UL li.nobor A {
            BORDER-RIGHT-STYLE: none;
        }

        .h_nav UL LI A:hover {
            TEXT-DECORATION: none;
            BACKGROUND: url(/image/t_cur.gif) repeat-x 0px 0px;
            color: #197FE6;
        }

        .h_nav UL li.cur > A {
            TEXT-DECORATION: none;
            BACKGROUND: url(/image/t_cur.gif) repeat-x 0px 0px;
            color: #197FE6;
        }

        .h_nav ul li ul {
            display: none;
            width: 175px;
            position: absolute;
            top: 160px;
            left: 0px;
            z-index: 99999;
            border: 1px solid #DEDEDE;
            background-color: white;
            padding-bottom: 25px;
        }

            .h_nav ul li ul li {
                clear: left;
                float: left;
                font-size: 14px;
                height: 34px;
                font-weight: normal;
            }


                .h_nav ul li ul li a {
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    width: 100%;
                    padding-left: 10px;
                    text-align: left;
                }

                    .h_nav ul li ul li a:hover {
                        BACKGROUND: none;
                        color: #197FE6;
                    }


.footer {
    MARGIN: 0px auto;
    height: 440px;
    font-family: "Microsoft Yahei";
}

    .footer ul li {
        float: left;
        padding: 0 60px 0 10px;
        font-size: 14px;
        font-family: "Microsoft Yahei";
        color: #FFFFFF;
    }

        .footer ul li a {
            color: #FFFFFF;
            font-family: "Microsoft Yahei";
        }

            .footer ul li a:hover {
                color: #197FE6;
                font-family: "Microsoft Yahei";
                text-decoration: none;
            }

    .footer p {
        font-size: 14px;
        font-family: "Microsoft Yahei";
        color: #FFFFFF;
    }

/*右侧悬浮二维码*/
#roll {
    width: 165px;
    position: fixed;
    top: 0px;
    bottom: 20%;
    right: 0px;
    font-size: 0;
    line-height: 0;
    z-index: 100;
}

#side-bar {
    width: 165px;
    height: 410px;
    /*position: fixed;
    bottom: 40%;
    RIGHT: 2%;
    font-size: 0;
    line-height: 0;
    z-index: 100;*/
    margin-right: 0px;
    box-shadow: 0px 2px 3px rgba(76,166,255,0.76);
    background-color: #FFFFFF;
}
#qrcode_title {
    width: 165px;
    height: 45px;
    background-color: #197FE6;
}

    #qrcode_title img {
        width: 19px;
        height: 19px;
        line-height: 19px;
        float: left;
        margin: 14px 5px 12px 20px;
    }

    #qrcode_title h1, #qrcode_title h2 {
        font-size: 15px;
        font-family: "Microsoft Yahei";
        color: #FFFFFF;
        padding-top: 14px;
        line-height: 19px;
    }

#qrcode_try {
    margin: 0 auto;
    text-align: center;
    margin-top: 21px;
}

#qrcode_prize {
    margin: 0 auto;
    text-align: center;
    margin-top: 21px;
}

#side-bar img {
    height: 117px;
    width: 117px;
}

#side-bar p {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    font-family: "Microsoft Yahei";
    color: #197FE6;
    margin-top: 5px;
    line-height: 10px;
}
.hr {
    width: 137px;
    height: 1px;
    background: rgba(240,240,240,1);
    text-align: center;
    margin: 0 auto;
    margin-top: 34px;
}

#fold {
    font-size: 15px;
    CURSOR: pointer;
    width: 36px;
    height: 36px;
    background-color: #179FE6;
    text-align: center;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

    #fold img:hover {
        transform: scale(2.0);
    }


#roll_top {
    CURSOR: pointer;
    HEIGHT: 36px;
    WIDTH: 36px;
}