﻿
 /*新增样式- 右侧固定图标菜单栏*@*/
   
        .toolbars {
            position: fixed;
            top: 0;
            right: 0px;
            height: 100%;
            width: 6px;
          /*  background-color: #7a6e6e;*/
            z-index:100;
        }

            .toolbars ul {
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(0,-40%);
                z-index: 3;
            }

                .toolbars ul li {
                    width: 34px;
                    height: 35px;
                    margin-bottom: 2px;
                    background-color: #000;
                    position: relative;
                }

                .toolbars ul .jdvip .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -50px -150px;
                }

                .toolbars ul .cart .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -50px 0;
                }

                .toolbars ul .follow .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -50px -50px;
                }

                .toolbars ul .message .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -190px -150px;
                }

                .toolbars ul .jimi .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -50px -150px;
                }

                .toolbars ul .feedback .toolbars-ico {
                    display: block;
                    width: 34px;
                    height: 35px;
                    background: url(../../images/toolbars.png)no-repeat -50px -300px;
                }

                .toolbars ul .jdvip i {
                    position: absolute;
                    top: 5px;
                    right: 8px;
                    width: 6px;
                    height: 6px;
                    background: url(../../images/toolbars.png)no-repeat -150px -150px;
                }

        .toolbars-footer {
            position: absolute;
            bottom: 0;
            right: 0;
            background-color: #000;
            width: 34px;
            height: 35px;
            z-index: 3;
        }

            .toolbars-footer .toolbars-ico {
                display: block;
                width: 34px;
                height: 35px;
                background: url(../../images/toolbars.png)no-repeat -50px -250px;
            }
        /*鼠标悬浮后伸出的部分*/
        .toolbars .flex {
            position: absolute;
            top: 0;
            right: 34px;
            width: 0;
            overflow: hidden;
            height: 35px;
            line-height: 35px;
            background-color: #b61d1d;
            text-align: center;
            color: #fff;
            z-index: -1;
            transition: width .3s;
        }
        /*鼠标悬浮后的效果*/
        .toolbars ul li:hover {
            background-color: #b61d1d;
        }

            .toolbars ul li:hover .flex {
                width: 62px;
                background-color: #b61d1d;
            }

            .toolbars ul li:hover i {
                display: none;
            }

        .toolbars-footer:hover {
            background-color: #b61d1d;
        }

            .toolbars-footer:hover .flex {
                width: 62px;
                background-color: #b61d1d;
            }
   

footer {
    margin-top: 35px;
    height: 100px;
    background-color:#fff;
   
}
/*鏈嶅姟妯″潡*/
.service img{
     margin:0px 30px; /*涓婁笅30px 宸﹀彸0px 绛夊悓鏂囧瓧鐨勫瀭鐩村眳涓�*/
    
}

    .service ul li {
        width: 200px;
        height: 43px;
        position: relative;
        line-height: 43px;
         float: left;
         text-align:center;
    }

     

    
    .service li p {
        font-weight: 700;
       margin-left: 82px;
    }
/*甯姪妯″潡*/

.help {
    height: 200px;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 25px;
    box-sizing: border-box; /*娓呴櫎鐩掑瓙鍥犱负padding-top婧㈠嚭鐨勫儚绱�*/
    text-align: center;
}

    .help dl { /*瀹藉害鍓╀綑娉� 锛堝皢瀹藉害璁剧疆鍥哄畾鍍忕礌锛岀瓑璺濇拺寮€璺濈锛�*/
        width: 192px;
        float: left;
    }

    .help dt { /*楂樺害鍓╀綑娉� 锛堝皢楂樺晢搴﹁缃浐瀹氬儚绱狅紝绛夎窛鎾戝紑璺濈锛�*/
        height: 30px;
        font-size: 14px;
        font-weight: 700; /*瀛椾綋鍔犵矖*/
        color: #666;
    }

    .help dd {
        height: 22px;
    }


.copyright {
    padding-top: 25px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

    .copyright span {
        margin: 0px 10px; /*涓婁笅0px 宸﹀彸10px*/
    }

    .copyright a {
        color: #666;
    }

        .copyright a:hover {
            color: #f10215;
        }

.register { /* register锛堢櫥璁帮級*/
    margin-top: 20px;
}

    .register p {
        line-height: 22px;
        color: #999;
    }

    .register a {
        color: #999;
    }

 
