a.main-btn{
	position:relative;
	display:block;
	color:#fff;
	letter-spacing:0.20625em;
	line-height:40px;
	width:156px;
	height:40px;
	margin:0 auto;
	padding:0px;
	cursor:pointer;
	background:none;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	font-family:微软雅黑;
}
@media (max-width: 979px){a.main-btn{font-size:12px}}
a.main-btn .wrap{position:relative;border:1px solid;display:block;width:100%;height:100%}
a.main-btn .line{position:absolute;background-color:#4cfdff}
a.main-btn .line.lt,a.main-btn .line.lb{width:40px;height:1px}
a.main-btn .line.ll,a.main-btn .line.lr{width:1px;height:10px}
a.main-btn .line.lt{left:15%;top:-1px}
a.main-btn .line.lb{right:15%;bottom:-1px}
a.main-btn .line.ll{left:-1px;top:60%}
a.main-btn .line.lr{right:-1px;bottom:60%}
a.main-btn.red .wrap{border-color:rgba(34,133,150,0.5);line-height:40px;
	width:156px;
	height:40px;
	font-size:14px; font-family:微软雅黑; color:#fff;}
a.main-btn.red:hover .wrap{border-color:rgba(28,114,131,0.5);line-height:40px;
	width:156px;
	height:40px;
	font-size:14px; font-family:微软雅黑; color:#fff;}
a.main-btn:hover .font-reg{ color:#4cfdff;}
::-webkit-scrollbar/*整体部分*/
{
width: 5px;
height:5px;
}

::-webkit-scrollbar-track/*滑动轨道*/
{
border-radius: 0px;
background: #07121b;
}

::-webkit-scrollbar-thumb/*滑块*/
{
border-radius: 5px;
background:#4cfdff;
}

::-webkit-scrollbar-thumb:hover/*滑块效果*/
{
border-radius: 5px;
background:#4cfdff;
}


@keyframes move {
  0% {
    left:0;
    opacity:0;
  }
	35% {
		left: 41%; 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg);
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		-webkit-transform:rotate(-180deg); 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-moz-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-webkit-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%;
		-webkit-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}

@-o-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}