﻿@charset "utf-8";


/*右侧浮窗 */
.quick_links_wrap { font-size: 0; width: 66px; position: fixed; right: 0px; bottom: 300px; z-index: 9; -webkit-transition: width linear .4s; -moz-transition: width linear .4s; -ms-transition: width linear .4s; transition: width linear .4s; _position: absolute; _bottom: auto; _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10); z-index: 20; }
.quick_links_wrap.quick_links_min { width: 34px; }
.quick_links_wrap.quick_links_dockright { margin-left: 0; left: auto; right: 4px; }
.quick_links_panel { height: 262px; background: #FBFBFB; border: 1px solid #EAEAEA; box-shadow: 0 0 4px rgba(0,0,0,.14); padding-bottom: 30px; width: 64px; position: absolute; left: 0; bottom: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; }
.quick_links_min .quick_links_panel { height: 0; width: 32px; }
.quick_links_min a.return_top { width: 100%; height: 30px; }
.quick_links_min a.my_qlinks, .quick_links_min a.ico_lx, .quick_links_min .ico_zx { display: none; }
.quick_links a.return_top { display: none; }
.quick_links_allow_gotop { height: 316px; }
.quick_links_allow_gotop a.return_top { display: block; }
.quick_links_min .quick_links_allow_gotop { height: 65px; }
.quick_links_panel .quick_toggle { background: #FBFBFB; height: 30px; width: 100%; position: absolute; left: 0; bottom: 0; }
.quick_links_panel .toggle { background: url(../../images/bg_hor.png) no-repeat -160px -62px; margin: -10px 0 0 -10px; height: 20px; width: 20px; position: absolute; left: 50%; top: 50%; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -ms-transition: all linear .4s; transition: all linear .4s; }
:root .quick_links_panel .toggle { background-position: -160px -82px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.quick_links_min .quick_links_panel .toggle { background-position: -160px -82px; }
:root .quick_links_min .quick_links_panel .toggle { background-position: -160px -82px; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
.quick_links { width: 100%; position: absolute; left: 0; bottom: 30px; -webkit-transition: top ease .4s; -moz-transition: top ease .4s; -ms-transition: top ease .4s; transition: top ease .4s; }
.quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links { top: 0; }
.quick_links_min .quick_links { top: 32px; }
.quick_links a { display: block; border: 1px solid #fff; border-bottom-color: #edecec; color: #4467a7; font-size: 12px; margin: 0; height: 77px; width: 64px; text-align: center; float: left; }
.quick_links a:hover, .quick_links a.current { background-color: #4467a7; border-color: #4467a7; color: #fff; }
.quick_links i { margin-top: 8px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; background: url(../../images/bg_hor.png) no-repeat 0 -182px; cursor: pointer; height: 38px; width: 40px; vertical-align: top; }
.quick_links a:hover i, .quick_links a.current i { background-position: 0 -220px; }
.quick_links .message { background-position: -190px -182px; }
.quick_links a:hover .message, .quick_links a.current .message { background-position: -190px -220px; }
.quick_links .cart { background-position: -38px -182px; }
.quick_links a:hover .cart, .quick_links a.current .cart { background-position: -38px -220px; }
.quick_links .setting { background: url(../../images/ico_sy.jpg) no-repeat; }
.quick_links a:hover .setting { background-position: 0 -38px; }
.quick_links .qa { background-position: -114px -182px; }
.quick_links div:hover .qa { background-position: -114px -220px; }
.quick_links .lx { background: url(../../images/ico_dh.jpg) no-repeat; }
.quick_links a:hover .lx { background-position: 0 -38px; }
.quick_links .ico_lx { position: relative; }
.quick_links .ico_lx p { display: none; position: absolute; right: 100%; top: -1px; background: #4467a7; padding: 15px 10px 0; color: #fff;     width: 171px;
    height: 77px; }
.quick_links .ico_lx p b { display: block; line-height: 25px; font-size: 14px; font-weight: bold; }
.quick_links .ico_zx { font-size: 12px; float: left; width: 64px; height: 77px; position: relative; border: 1px solid #fff; border-bottom-color: #edecec; color: #4467a7; margin: 0; text-align: center; }
.quick_links .ico_zx:hover { background: #4467a7; color: #fff; }
.quick_links .ico_zx p { display: none; position: absolute; right: 100%; top: -1px; border: 1px solid #e2e2e2; background: #fff; width: 110px; border-right: 0; padding: 10px; }
.quick_links .ico_zx:hover p { display: block; }
.quick_links .ico_zx p a { width: 90px; height: 30px; line-height: 30px; font-size: 14px;}
.quick_links .top { background-position: -152px -182px; }
.quick_links_min .quick_links .top { background-position: -180px -62px; height: 20px; width: 20px; }
.quick_links a:hover, .quick_links a.current {
    background-color: #4467a7;
    border-color: #4467a7;
    color: #fff;
    text-decoration: none;
}
.quick_links a:hover .top, .quick_links a.current .top { background-position: -152px -220px; }
.quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top { background-position: -180px -82px; }
.quick_links span { display: block; cursor: pointer; padding-top: 3px; height: 1.5em; width: 100%; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis;font-size: 14px; }
.quick_links .num, .quick_links .num b,
.quick_links_pop .num, .quick_links_pop .num b { display: inline-block; background: url(../../images/bg_hor.png) no-repeat 100% -102px; padding-right: 6px; vertical-align: top; }
.quick_links .num, .quick_links_pop .num { background-position: -210px -82px; color: #fff; cursor: pointer; font: 12px/18px Arial; margin-left: 6px; padding: 0 0 0 6px; vertical-align: middle; }
.quick_links .num { margin: -40px 0 0; position: absolute; left: 38px; }
.quick_links a:hover .num, .quick_links a.current .num { background-position: -220px -82px; }
.quick_links a:hover .num b, .quick_links a.current .num b { background-position: 100% -122px; }
.insidecenter { background-color: #fff; }
.quick_links_panel .toggle {
    background: url(../../images/bg_hor.png) no-repeat -160px -62px;
    margin: -10px 0 0 -10px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
}
.quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top {
    background-position: -180px -82px;
}

.quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links {
    top: 0;
}


