/* 侧边栏 */
#side_bar{
    position: fixed;
    bottom: 160px;
    right: 0;
    width: 70px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
    z-index: 99;
}
/* .old_ie5 #side_bar,
.old_ie4 #side_bar,
.old_ie3 #side_bar{
    bottom: 120px;
} */
#side_bar.oldside1,
#side_bar.oldside2,
#side_bar.oldside3,
#side_bar.oldside4,
#side_bar.oldside5{
    transform-origin: right bottom;
    -ms-transform-origin: right bottom;
}
#side_bar.oldside1{
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}
#side_bar.oldside2{
    transform: scale(1.4);
    -ms-transform: scale(1.4);
}
#side_bar.oldside3{
    transform: scale(1.6);
    -ms-transform: scale(1.6);
}
#side_bar.oldside4{
    transform: scale(1.8);
    -ms-transform: scale(1.8);
}
#side_bar.oldside5{
    transform: scale(2.0);
    -ms-transform: scale(2.0);
}
#side_bar .col{
    padding: 0 7px;
    background: none;
    height: auto;
}
#side_bar .col .col_inner{
    padding: 6px 0;
    position: relative;
    text-align: center;
}
#side_bar .online .col_inner{
    cursor: pointer;
}
#side_bar .online.link_hover .col_inner>span{
    color: #BE0018;
}
#side_bar .online.link_hover .link_list{
    display: block;
}
#side_bar .online .link_list {
    display: none;
    position: absolute;
    left: auto;
    width: 156px;
    padding: 16px 0;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    border-radius: 3px;
    z-index: 2;
    right: 63px;
    top: 0px;
}
#side_bar .online .link_list a{
    display: block;
    width: 126px;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 10px;
    height: 28px;
    text-align: left;
}
#side_bar .online .link_list a i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    transform: translateY(2px);
    -ms-transform: translateY(2px);
}
#side_bar .online .link_list li:nth-child(1) i {
    background: url('/static/pchome/svg/quick/online_personal.png');
    background-size: cover;
}
#side_bar .online .link_list li:nth-child(2) i {
    background: url('/static/pchome/svg/quick/online_credticard.png');
    background-size: cover;
}
#side_bar .online .link_list li:nth-child(3) i {
    background: url('/static/pchome/svg/quick/online_duigong.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(1) i {
    background: url('/static/pchome/svg/quick/online_personal_yellow.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(2) i {
    background: url('/static/pchome/svg/quick/online_credticard_yellow.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(3) i {
    background: url('/static/pchome/svg/quick/online_duigong_yellow.png');
    background-size: cover;
}
#side_bar .online .link_list a:hover{
    background-color: #f4f4f4;
}
#side_bar .col:not(:last-child) .col_inner{
    border-bottom: 1px solid #e8e8e8;
}
#side_bar .col:hover .col_inner>span{
    color: #BE0018;
}
#side_bar .online u{
    background: url('/static/pchome/svg/online_service.png');
}
#side_bar .mobile u{
    background: url('/static/pchome/svg/mobile_bank.png');
}
#side_bar .wechact u{
    background: url('/static/pchome/svg/wechat_bank.png');
}
#side_bar .online:hover u{
    background: url('/static/pchome/svg/online_service_hover.png');
}
#side_bar .mobile:hover u{
    background: url('/static/pchome/svg/mobile_bank_hover.png');
}
#side_bar .wechact:hover u{
    background: url('/static/pchome/svg/wechat_bank_hover.png');
}
#side_bar .yundian u{
    background: url('/static/pchome/svg/yundian.png');
}
#side_bar.bar_yellow .online u,
#side_bar.bar_yellow .online:hover u{
    background: url('/static/pchome/svg/online_service_black.png');
}
#side_bar.bar_yellow .mobile u,
#side_bar.bar_yellow .mobile:hover u{
    background: url('/static/pchome/svg/mobile_bank_black.png');
}
#side_bar.bar_yellow .wechact u,
#side_bar.bar_yellow .wechact:hover u{
    background: url('/static/pchome/svg/wechat_bank_black.png');
}
#side_bar.bar_yellow .yundian u,
#side_bar.bar_yellow .yundian:hover u{
    background: url('/static/pchome/svg/yundian_black.png');
}
#side_bar .col u{
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 5px;
    background-size: cover;
}
#side_bar .col:hover u{
    width: 28px;
    height: 28px;
    background-size: cover;
}
#side_bar .online a{
    display: block;
    width: 100%;
    text-align: center;
}
#side_bar .service .col_inner>span{
    width: 48px;
    text-align: center;
}
#side_bar .wechact img,
#side_bar .yundian img,
#side_bar .mobile img{
    display: none;
    position: absolute;
    right: 63px;
    top: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
}
#side_bar .wechact.hover img,
#side_bar .mobile.hover img,
#side_bar .yundian.hover img{
    display: block;
    background-color: #fff;
}