/* 右侧浮动导航*/
	.rignav{width:60px;position:fixed;top:100%;left:50%;margin:-590px 0 0 620px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index: 99;}
    .rignav-min{right:0;left:auto}
    .rignav .newGift{ display: block; width: 58px; height: 58px; margin-bottom: 5px; -webkit-animation:hatch 4s 0s infinite both; animation:hatch 4s 0s infinite both;}
	.rignav-mod{width:58px;background:#fff;border:1px solid #e9ecee;}
	.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}
    .hatch{
        animation-name: hatch;
        -webkit-animation-name: hatch;

        animation-duration: 2s;
        -webkit-animation-duration: 2s;

        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;

        transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;

        visibility: visible !important;
    }

    @keyframes hatch {
        0% {
            -webkit-transform: rotate(0deg);
        }
        5% {
            -webkit-transform: rotate(-2deg);
        }
        9% {
            -webkit-transform: rotate(2deg);
        }
        13% {
            -webkit-transform: rotate(-2deg);
        }
        16% {
            -webkit-transform: rotate(1deg);
        }
        20% {
            -webkit-transform: rotate(-1deg);
        }
        25% {
            -webkit-transform: rotate(0deg);
        }
    }

    @-webkit-keyframes hatch {
        0% {
            -webkit-transform: rotate(0deg);
        }
        5% {
            -webkit-transform: rotate(-2deg);
        }
        9% {
            -webkit-transform: rotate(2deg);
        }
        13% {
            -webkit-transform: rotate(-2deg);
        }
        16% {
            -webkit-transform: rotate(1deg);
        }
        20% {
            -webkit-transform: rotate(-1deg);
        }
        25% {
            -webkit-transform: rotate(0deg);
        }
    }