* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a,
img {
    border: 0;
}

body {
    font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
}

/* menu */
.menu {
	width: 150px;
    height: 150px;
    position: fixed;
    top: 300px;
    right: 20px;
    z-index: 99999;
}

*html .menu {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
    margin-top: 340px;
}

.menu .box {
    width: 335px;
    height: 500px;
    background: url("/static/xvnjia/plugins/welcome_menu/images/m-bg.png") repeat;
    position: absolute;
    top: -140px;
    left: -173px;
    display: none;
}

.menu .box a {
    background: url("/static/xvnjia/plugins/welcome_menu/images/menu-bar.png") no-repeat;
    position: absolute;
	width: 81px;
    height: 81px;
}

.menu .box a:hover {
    background: url("/static/xvnjia/plugins/welcome_menu/images/menu-bar.png") no-repeat;
    background-position: 0px -610px;
}


/*.menu .box a {
    background: url("/static/xvnjia/plugins/welcome_menu/images/m1.png") no-repeat;
    position: absolute;
}

.menu .box a:hover {
    background: url("/static/xvnjia/plugins/welcome_menu/images/m2.png") no-repeat;
}*/

.menu .box a{
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.menu .box a:hover{
    -webkit-animation-name: swing;
    animation-name: swing;
}

.menu .box a i{
	font-size: 23px;
    margin-top: 14px;
}

.menu .box a span{
	display: inline-block;
	width: 81px;
}

.menu .box .t1 {
	background-position: 0px 0px;
    left: 221px;
    top: 5px;
}

.menu .box .t2 {
	background-position: 0px -167px;
    left: 124px;
    top: 20px;
}

.menu .box .t3 {
	background-position: 0px -255px;
	left: 63px;
    top: 90px;
}

.menu .box .t4 {
	background-position: 0px -341px;
    left: 63px;
    top: 264px;
}

.menu .box .t5 {
    background-position: 0px -433px;
    left: 130px;
    top: 328px;
}

.menu .box .t6 {
    background-position: 0px -83px;
    left: 223px;
    top: 346px;
}

.menu .box .t7 {
	background-position: 0px -523px;
    left: 40px;
    top: 179px;
}

.x-div-year{
	width: 150px;
    height: 150px;
    top: 300px;
    right: 20px;
    background: url("/static/xvnjia/plugins/welcome_menu/images/menu.png") no-repeat;
    cursor: move;
    z-index: 99999;
    -webkit-animation: rotate  30s linear infinite;/*鼠标hover时，i图标旋转,infinite表示动画无限循环*/
    animation: rotate  30s linear infinite;
}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}



/**
 * 分享
 */

.x-div-share{
    position: fixed;
    bottom: 16px;
    right: 50px;
    z-index: 9999;
}

.x-div-share span{
    display: inline-block;
    width: 46px;
    height: 46px;
    /*background-size: 100% 100% !important;*/
    margin-right: 6px;
    cursor: pointer;
    position: relative;
}

.x-div-share .x-span-qq{
	background: url("/static/xvnjia/plugins/welcome_menu/images/white-qq.png");
}

.x-div-share .x-span-weixin{
	background: url("/static/xvnjia/plugins/welcome_menu/images/white-weixin.png");
}

.x-div-share .x-span-weibo{
	background: url("/static/xvnjia/plugins/welcome_menu/images/white-weibo.png");
}

.x-div-share .x-span-phone{
    width: 46px;
	transition:width .8s;
	-webkit-transition:width .8s;
	background: url("/static/xvnjia/plugins/welcome_menu/images/white-phone.png") no-repeat;
}

.x-div-share .x-span-qq:hover{
    -webkit-animation: rotate  0.5s linear ;/*鼠标hover时，i图标旋转,infinite表示动画无限循环*/
    animation: rotate  0.5s linear ;
	background: url("/static/xvnjia/plugins/welcome_menu/images/hover-qq.png");
}

.x-div-share .x-span-weixin:hover{
	background: url("/static/xvnjia/plugins/welcome_menu/images/hover-weixin.png");
}

.x-div-share .x-span-weibo:hover{
    -webkit-animation: rotate  0.5s linear;/*鼠标hover时，i图标旋转,infinite表示动画无限循环*/
    animation: rotate  0.5s linear;
	background: url("/static/xvnjia/plugins/welcome_menu/images/hover-weibo.png");
}

.x-div-share .x-span-phone:hover{
	width: 240px;
    transition:width .8s;
	-webkit-transition:width .8s;
	background: url("/static/xvnjia/plugins/welcome_menu/images/hover-phone.png");
}

.x-div-share .x-span-weixin img{
    position: absolute;
    width: 100px;
    margin-top: -111px;
    margin-left: -28px;
    display: none;
}

.x-div-share .x-span-weixin:hover img{
	display: block;
}