@charset "utf-8";
/* 右侧浮动导航*/
.rignav{width:58px;border:1px solid #e9ecee;position:fixed;top:100%;left:50%;margin:-352px 0 0 620px;_position:absolute;_top:eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index: 99;}
.rignav-min{right:0;left:auto}
.rignav-mod{width:58px;background:#fff}
.rignav-mod ul li{height:58px;width:58px;vertical-align:top}
.rignav-mod ul li a{display:block;text-decoration: none;height:58px;width:58px;background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.png) no-repeat center 0;_background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.gif) no-repeat center 0;position:relative}
.rignav-mod ul li.shopping-cart a{background-position-y:16px}
.rignav-mod ul li.shopping-cart a em{display:block;width:18px;height:18px;background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.png) no-repeat center bottom;_background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.gif) no-repeat center bottom;color:#fff;text-align:center;line-height:18px;vertical-align:middle;overflow:hidden;position:absolute;top:4px;right:5px}
.rignav-mod ul li.online-service a{background-position-y:-42px}
.rignav-mod ul li.weixin a{background-position-y:-98px}
.rignav-mod ul li.app a{background-position-y:-157px}
.rignav-mod ul li.return-top{display:none}
.rignav-mod ul li.return-top a{background-position-y:-216px}
.rignav-mod ul li a span{display:block;width:58px;height:58px;position:relative;overflow:hidden;visibility:hidden}
.rignav-mod ul li a span i{display:block;background:#ff7e00;width:58px;height:47px;color:#fff;line-height:18px;text-align:center;padding:11px 0 0 0;position:absolute;top:0;left:0px;
    -webkit-transform-origin:-29px 29px;
    -moz-transform-origin:-29px 29px;
    -ms-transform-origin:-29px 29px;
    -o-transform-origin:-29px 29px;
    transform-origin:-29px 29px;
    -webkit-transform:rotateZ(90deg);
    -moz-transform:rotateZ(90deg);
    -ms-transform:rotateZ(90deg);
    -o-transform:rotateZ(90deg);
    transform:rotateZ(90deg);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.rignav-mod ul li a span.one-line i{padding:20px 0 0 0;height:38px}
.rignav-mod ul li a:hover{text-decoration:none}
.rignav-mod ul li a:hover span{visibility:visible}
.rignav-mod ul li a:hover span i{
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -ms-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
}
.rignav-mod-con{position:absolute;width:136px;height:160px;background:#fff;top:-45px;left:-138px;border:1px solid #e0e0e0;-webkit-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);-moz-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);display:none}
.rignav-mod-con div {width:136px;height:150px;padding-top:10px;text-align:center}
.rignav-mod-con div img{display:block;margin:0 auto;}
.rignav-mod-con div label{display:block;color:#999;line-height:20px;padding-top:6px}
.rignav-mod ul li a.on .rignav-mod-con{display:block}