﻿.side-nav { margin-left: -600px; left: 50%; width: 90px; background-color: #ffffff; position: absolute; top: 200px; z-index: 999; _top: expression(documentElement.scrollTop+188);
border-top: 3px solid #f27b04; }
.side-fixed { position: fixed; top: 0; _position: absolute; _top: expression(documentElement.scrollTop);
z-index: 999; }
.side-nav .content { border: 1px solid #e0e0e0; border-top: none; padding-left:5px;}
.side-nav .content .line { border-top: 1px solid #f0f0f0; margin: 0px 10px; }
.side-nav .model { padding: 0px 9px; }
.side-nav .model .hd {  font-weight: bold; color: #5a5a5a; text-align: left; padding: 10px 5px; font-family:Microsoft YaHei; font-size:13px; }
.side-nav .model .hd i { display: inline-block; width: 14px; height: 14px; overflow: hidden; background: url(http://nocache.zuyushop.com:8013/newindexpic/cuxiao/side_nav_ic.gif) no-repeat 0 0; vertical-align: middle; margin-right: 5px; }
.side-nav .content .sidehot .hd i { background-position: 0 0; }
.side-nav .content .sidehot .bd { padding-bottom: 6px; font-family:Microsoft YaHei; font-size:13px; }
.side-nav .content .sidehot ul li { float: left; width: 60px; overflow: hidden; margin-right: 0px; text-align:left; }
.side-nav .content .sidehot ul li a { display: inline-block; line-height: 22px; height: 22px; padding: 0px 6px; border-radius: 3px;  font-family:Microsoft YaHei; font-size:13px;}
.side-nav .content .sidehot ul li span{ z-index:99999;  position: absolute; left:7%; color:#F30; font-weight:bold; font-size:14px;}
.side-nav .content .sidehot ul li a:hover { background: #f0f0f0; text-decoration: none; color: #ff9000; }
.side-nav .content .sidehot ul li.on a { background: #ff9000; color: #ffffff; }
.side-nav .content .sidecat .hd i { background-position: 0 -22px; }
.side-nav .content .sidecat .bd { padding-bottom: 6px;}
.side-nav .content .sidecat ul li { float: left; width: 60px; overflow: hidden; margin-right: 0px;text-align: left;}
.side-nav .content .sidecat ul li a { display: inline-block; line-height: 22px; height: 22px; padding: 0px 6px; border-radius: 3px;  font-family:Microsoft YaHei; font-size:13px;}
.side-nav .content .sidecat ul li span{ z-index:99999; position: absolute; left:7%; color:#F30; font-weight:bold; font-size:14px;}
.side-nav .content .sidecat ul li a:hover { background: #f0f0f0; text-decoration: none; color: #ff9000; }
.side-nav .content .sidecat ul li.on a { background: #ff9000; color: #ffffff; }

.side-nav .content .sidemall .hd i { background-position: 0 -45px; }
.side-nav .content .sidemall .bd { padding-bottom: 6px; }
.side-nav .content .sidemall ul { white-space: nowrap;}
.side-nav .content .sidemall ul li { float: left; white-space: nowrap; overflow:visible; width: 60px; text-align: left;}
.side-nav .content .sidemall ul li a { display: inline-block; line-height: 22px; height: 22px; padding: 0px 4px; border-radius: 3px; }
.side-nav .content .sidemall ul li a:hover { background: #f0f0f0; text-decoration: none; color: #ff9000; }
.side-nav .content .sidemall ul li.mrfix { margin-right: 8px; }
.side-nav .content .sidemall ul li.on a { background: #ff9000; color: #ffffff; }
a.good { margin-left: 0px !important; }
.btns a.relay { background: #f6f6f6 url(images/relay.gif) no-repeat 10px 0px; display: inline-block; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #c5c5c5; padding: 0 10px 0 30px; margin-left: 4px; text-decoration: none; }
.btns a.relay:hover { color: #f27b04; background: #f6f6f6 url(images/relay.gif) no-repeat 10px -35px; }
.btns .hover { color: #f27b04 !important; background: #f6f6f6 url(images/relay.gif) no-repeat 10px -35px !important; }
.btns a.fav { background: #f6f6f6 url('http://nocache.zuyushop.com:8013/newindexpic/cuxiao/ic_fav.gif') no-repeat 10px -17px; display: inline-block; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #c5c5c5; padding: 0 10px 0 30px; margin-left: 4px; text-decoration: none; }
.btns a.fav:hover { background-position: 10px 4px; color: #f27b04; }
.btns a.favhover { background: #f6f6f6 url('http://nocache.zuyushop.com:8013/newindexpic/cuxiao/ic_fav.gif') no-repeat 10px -17px; display: inline-block; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #c5c5c5; padding: 0 10px 0 30px; margin-left: 4px; text-decoration: none; background-position: 10px 4px; color: #f27b04; }
.Page_loading { margin-top: 15px; text-align: center; font-family: "微软雅黑"; font-size: 16px; display: none; width: 980px; height: 45px; background-color: #f8f8f8; float: left; padding-top: 15px; }
.Page_loading em { margin-top: 15px; vertical-align: middle; margin-right: 4px; }


.footer-pagearea {
    display: inline-block;
}

    .footer-pagearea ul {
        display: inline-block;
        vertical-align: middle;
    }

        .footer-pagearea ul, .footer-pagearea ul li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .footer-pagearea ul li {
                margin: 0 5px;
                border-radius: 2px;
                background: #ffffff;
                overflow: hidden;
                width: 30px;
                height: 30px;
                line-height: 30px;
                float: left;
                text-align: center;
            }

                .footer-pagearea ul li a {
                    display: inline-block;
                    line-height: 30px;
                    color: #666;
                    font-size: 14px;
                    cursor: pointer;
                    text-align: center;
                    text-decoration: none;
                    width: 100%;
                }

                    .footer-pagearea ul li a:hover {
                        text-decoration: none;
                        background-color: #ff7700;
                        color: #fff;
                    }

                .footer-pagearea ul li.current a {
                    background-color: #ff7700;
                    color: #fff;
                }

                .footer-pagearea ul li i.iconfont {
                    font-size: 15px;
                }

    .footer-pagearea .sub {
        margin-left: 10px;
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
    }

        .footer-pagearea .sub a {
            display: inline-block;
            border: 1px solid #ddd;
            padding: 4px 13px 5px;
            color: #666;
            background-color: #f7f7f7;
            border-radius: 2px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            margin-left: 10px;
            margin-top: 2px;
        }

            .footer-pagearea .sub a:hover {
                background-color: #ededed;
            }

        .footer-pagearea .sub input {
            float: left;
            width: 30px;
            height: 22px;
            margin: 3px 3px 0px 7px;
            line-height: 22px;
            font-size: 14px;
            text-align: center;
            border: 1px solid #ccc;
            padding: 3px;
            -webkit-appearance: none;
            vertical-align: middle;
        }

        .footer-pagearea .sub span {
            float: left;
            line-height: 38px;
            font-size: 14px;
        }

            .footer-pagearea .sub span.jump {
                margin-left: 15px;
            }
