/* viewMore */
.viewMore  {text-align: center;margin-top: 40px;}
.viewMore > a{display: inline-block;margin:0 10px;position: relative;overflow: hidden;border:1px solid #e9e6df;}
.viewMore > a > span{display: inline-block;padding:10px 40px;background: #FFFFFF;transition: all 0.4s;}
.viewMore > a:before{position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px;	width: 100%;	height: 100%;	background: var(--primary-color);	color: #fff;	content: attr(data-hover);	transform: translateX(-100%);transition: all 0.4s;box-sizing: border-box; opacity: 0;text-align: center;}
.viewMore > a:hover > span{transform: translateX(100%);color: #666;}
.viewMore > a:hover:before{transform: translateX(0);opacity: 1;z-index: 0;}
.viewMore02 > a{border:1px solid #e9e6df;}
.viewMore02 > a > span{color:#0d1331}
.viewMore02 > a:before{background: var(--primary-color);color:#FFFFFF;}
.viewMore02 > a:hover > span{color: #fff;}