@charset "utf-8";

/* Header */
.header2 {position:fixed;top:0;left:0;right:0;width:100%;background:rgba(0,0,0,0.0);z-index:100;}
/*
.header2 .logo {float:left;width:160px;height:24px;margin:16px 36px 0 0;background:url('https://static.wehago.com/html/landing/img/v2/logo_beta_v2.png') no-repeat 0 0}
.header2 .logo a {display:block;height:100%}
.header2 .logo.logo_v2 {background-image:url('https://static.wehago.com/html/landing/img/v2/logo.png');width:140px}
.header2 .logo.wehagov {background-image:url('https://static.wehago.com/imgs/common/wehagov_w.svg');width:140px;background-size:100% 100%;}
*/

.wing_nav {position:fixed;top:50%;left:20px;margin-top:-117px;animation:wing_nav 1s ease-in-out alternate forwards;}
.wing_nav .list {width:62px;padding:16px 0;background-color:rgba(0,0,0,.5);border-radius:30px;box-shadow:0px 2px 10px 0px rgba(0,0,0,.3)}
.wing_nav .list li{position: relative;}
.wing_nav .list li > a {position:relative;display:block;padding:14px 0;}
.wing_nav .list li:first-child {margin-top:0;}

.wing_nav .list li:before{
	content: "";
	position: absolute;
	top: -2px;
	left: 10px;
	display: block;
	width: 42px;
	height: 1px;
	background: #fff;
}
.wing_nav .list li:first-child:before{
	content: "";
	display: none;
}
.wing_nav .list li a:before {content:"";display:block;margin:0 auto 10px;background:url('https://static.wehago.com/html/landing/img/v2/sp_landing.png') no-repeat 0 -780px;}
.wing_nav .list li a:hover{text-decoration: none;}
.wing_nav .list li.inquire a:before {width:26px;height:28px;background-position:-377px -826px}
.wing_nav .list li.remoteagnt a:before {width:37px;height:35px;background-position:-297px -821px}
.wing_nav .list li.calculator a:before {width:22px;height:26px;background-position:-285px -780px}
.wing_nav .list li.download a:before {width:24px;height:24px;background-position:-317px -780px}
.wing_nav .list li .txt {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.2;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.wing_nav .list li.inquire a:hover:after,
.wing_nav .list li.inquire a:focus:after {background-position:-410px -826px}
.wing_nav .list li.remoteagnt a:hover:after,
.wing_nav .list li.remoteagnt a:focus:after {background-position:-335px -821px}
.wing_nav .list li.calculator a:hover:after,
.wing_nav .list li.calculator a:focus:after {background-position:-385px -780px}
.wing_nav .list li.download a:hover:after,
.wing_nav .list li.download a:focus:after {background-position:-417px -780px}
.wing_nav .list li > a:hover .txt,
.wing_nav .list li > a:focus .txt {display:block;}
.wing_nav .topbtn {display:none;width:56px;margin-top:12px;line-height:32px;border-radius:20px;background-color:rgba(255,255,255,.5);text-align:center;font-size:13px;font-weight:bold;text-decoration:none;box-shadow:0px 2px 10px 0px rgba(0,0,0,.3);color:#000;}
.wing_nav .topbtn span {position:relative;padding-right:10px;}
.wing_nav .topbtn span:after {content:"";position:absolute;top:50%;right:0;display:block;width:8px;height:4px;margin-top:-2px;background:url('https://static.wehago.com/html/landing/img/v2/sp_landing.png') no-repeat -458px -10px;}
.wing_nav.right {left:auto;right:20px;animation:wing_nav_right 1s ease-in-out alternate forwards;}
.wing_nav.right .list li .txt {right:100%;left:auto;margin-left:0}
.wing_nav.right .list li .txt:after {left:auto;right:-5px;transform:rotate(0deg);}
.wing_nav.type2 {top:auto;bottom:20px;}
/* .wing_nav.type2 .list li .txt {right:100%;left:auto;margin-left:0;margin-right:-6px;}
.wing_nav.type2 .list li .txt:after {left:auto;right:-5px;transform:rotate(0deg);} */
