﻿@media (min-width:360px) and (max-width:720px) {
    .rightfloat {
        display:none;
    }
}

    .rightfloat {
        position: fixed;
        width: 50px;
        height: 260px;
        z-index: 99999;
        right: 0px;
        bottom: 0px;
        margin-top: -130px;
        _position: absolute;
        _right: expression(eval(document.documentElement.scrollRight+10));
        _top: expression(eval(document.documentElement.scrollTop+260));
    }

        .rightfloat .box li {
            margin-bottom: 2px;
        }

            .rightfloat .box li a {
                display: block;
                width: 50px;
                height: 60px;
                background: url("../images/icon_index.png") no-repeat;
                transition: background-position 0.4s;
            }

            .rightfloat .box li.o_qq a {
                background-position: -431px -66px;
            }

                .rightfloat .box li.o_qq a:hover {
                    background-position: -361px -66px;
                }

            .rightfloat .box li.o_qq3 a {
                background-position: -431px -330px;
            }

                .rightfloat .box li.o_qq3 a:hover {
                    background-position: -361px -330px;
                }

            .rightfloat .box li.o_kf a {
                background-position: -431px 0;
            }

                .rightfloat .box li.o_kf a:hover {
                    background-position: -361px 0;
                }

            .rightfloat .box li.o_wx a {
                position: relative;
                background-position: -431px -132px;
            }

            .rightfloat .box li.o_wx .code {
                width: 109px;
                height: 95px;
                display: none;
                position: absolute;
                top: -10px;
                left: -109px;
                background: url("../images/icon_index.png") -252px -132px no-repeat;
            }

            .rightfloat .box li.o_wx a:hover {
                background-position: -361px -132px;
            }

                .rightfloat .box li.o_wx a:hover .code {
                    display: block;
                }

            .rightfloat .box li.o_zz a {
                background-position: -431px -198px;
                position: relative;
            }

                .rightfloat .box li.o_zz a:hover {
                    background-position: -361px -198px;
                }

            .rightfloat .box li.o_zz .code {
                width: 200px;
                height: 99px;
                position: absolute;
                top: 0;
                left: -150px;
                background: url("../images/icon_index.png") -150px -330px no-repeat;
                display: none;
            }

            .rightfloat .box li.o_zz a:hover .code {
                display: block;
            }

            .rightfloat .box li.o_qq a {
                background-position: -431px -66px;
                position: relative;
            }

                .rightfloat .box li.o_qq a:hover {
                    background-position: -361px -66px;
                }

            .rightfloat .box li.o_qq .code {
                width: 200px;
                height: 60px;
                position: absolute;
                top: 0;
                left: -150px;
                background: url("../images/icon_index.png") -150px -264px no-repeat;
                display: none;
            }

            .rightfloat .box li.o_qq a:hover .code {
                display: block;
            }



            .rightfloat .box li.o_top {
                display: none;
            }

                .rightfloat .box li.o_top a {
                    background-color: #fff;
                    background-position: -431px -264px;
                }

                    .rightfloat .box li.o_top a:hover {
                        background-position: -361px -264px;
                    }

        .rightfloat #rightclose {
            cursor: pointer;
            position: absolute;
            top: -16px;
            right: 0;
            width: 16px;
            height: 16px;
            display: block;
            border-radius: 50%;
            background-color: #fff;
            color: #999;
            font-family: "Hiragino Sans GB",arial,"Microsoft Yahei",sans-serif;
            text-align: center;
        }
