.phone_top{ position:fixed; z-index:97; width:100%; top:0; left:0;}
.phone_logo{ float:left;}
.phone_logo img{ width:150px; padding-top:10px; padding-left:15px;}
.phone_top_space{ height:50px;}
.phone_page_title{background: #fff; text-align: center; padding: 15px 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin-top: 15px;}
.phone_page_title h1{ font-size:24px; color:#000; margin:0; font-weight:normal;}

.mobile-inner-header{ background-color:rgba(0,0,0,0.8); width: 100%; height: 50px;}
.mobile-inner-header-icon{color: #ffffff; height: 50px; font-size:25px; text-align: center; float:right; width: 50px; position: relative; background-color: rgba(255,255,255,0.1);
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.1);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
	
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
	
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg); }
  100% {transform: translateY(0) rotate(45deg);}
}	
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
}	

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}	
@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}

.mobile-inner-nav{ background-color:rgba(0,0,0,1); width: 100%; position: absolute; top: 50px; left: 0px; padding:30px 0 50px; display: none;overflow: hidden;}
.mobile-inner-nav a{display:block;line-height: 50px; text-decoration: none; font-size:15px;  margin-left:15px; color: #ccc; border-bottom: solid 1px rgba(255,255,255,0.1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mobile-inner-nav a:hover{ background-color:rgba(0,0,0,0.05)}
.mobile-inner-nav a.callout{ border-bottom:none; background:#00C2E5; color:#fff; text-align:center; margin-top:50px; margin-right:15px;}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: resize;animation-name: resize;}

@-webkit-keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);
	} 
}

@keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
}

.phone_cover_bg{ background:rgba(0,0,0,0.7); position: fixed; left:0; top:50px; width:100%; height:100%;}