/*提示弹窗样式*/
#toast-container {
	width: 100%;
	top: 0;
	right: 0;
}
#toast-container > .toast-warning,#toast-container > .toast-success{
	width: 100%;
	padding: 15px 15px 15px 50px;
}
/*头部*/
body.overflow-hidden,html.overflow-hidden{position: fixed;overflow: hidden;height: 100%;width: 100%;}

.txt-orange{color: #eb6120;}
.page-up {
	width: 7.4em;
	height: 7.4em;
	position: fixed;
	bottom: 10em;
	right: 1em;
	color: rgba(0,0,0,.24);
	display: none;
	z-index: 99999999;
}
/*@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3){*/
	/*.page-up {*/
		/*width: 6em;*/
		/*height: 6em;*/
	/*}*/
/*}*/
.page-up img{width: 100%;height: 100%;}
.common-fixed-header{
	position: fixed;
	height:5em;
	width: 100%;
	z-index: 98;
	left: 0;
	top: 0;
	background: #fff;
	color: #333;
	-moz-box-shadow:0px 0.013rem 6px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 0.013rem 6px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0.013rem 6px 0px rgba(0, 0, 0, 0.1);
}
[data-dpr="1"] .common-fixed-header{font-size: 16px;}
[data-dpr="3"] .common-fixed-header{font-size:48px;}
.common-fixed-header .logo{
	position: absolute;
	width: 10em;
	left: 4%;
	top: 1.5em;
}
.common-fixed-header .nav-button{
	width: 6.2em;
	height:  6.2em;
	position: absolute;
	right:0;
	top:0;
	z-index: 101;
	text-align: center;
}
.common-fixed-header .nav-button .hamburger-box{
	display: inline-block;
	position: relative;
	width: 20%;
	height: 80%;
	margin-top:0.533333rem;
}
.common-fixed-header .nav-button .hamburger-inner,.common-fixed-header .nav-button .hamburger-inner span {
	position: absolute;
	width: 2em;
	height:2px;
}
.common-fixed-header .nav-button .hamburger-inner{
	display: block;
	top: 50%;
	margin-top: -1em;
	transition: transform .75s cubic-bezier(.45,.04,.13,1.29),background-color .75s ease;
	-webkit-transition: transform .75s cubic-bezier(.45,.04,.13,1.29),background-color .75s ease;
}
.common-fixed-header .nav-button .hamburger-inner span {
	overflow: hidden;
	left: 0;
	display: block;
	transition: top .5s cubic-bezier(.51,.05,.19,1.04),bottom .5s cubic-bezier(.51,.05,.19,1.04),transform .5s cubic-bezier(.51,.05,.19,1.04),opacity .3s ease,background-color .75s ease;
	-webkit-transition: top .5s cubic-bezier(.51,.05,.19,1.04),bottom .5s cubic-bezier(.51,.05,.19,1.04),transform .5s cubic-bezier(.51,.05,.19,1.04),opacity .3s ease,background-color .75s ease;
}
.common-fixed-header .nav-button .hamburger-inner span:nth-child(2) {
	top: -0.7em;
}
.common-fixed-header .nav-button .hamburger-inner span:nth-child(3) {
	bottom: -0.7em;
}
.common-fixed-header .nav-button .hamburger-inner span:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.common-fixed-header .nav-button .hamburger-inner span:before {
	content: "";
	background-color: #222;
	transition-duration: .4s,.2s;
	transition-property: transform,background-color;
	transition-delay: 0s;
	transition-timing-function: ease;
	-webkit-transition-duration: .4s,.2s;
	-webkit-transition-property: transform,background-color;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: ease;
}
.hamburger-inner span:nth-child(1):before {
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	transition-delay: .3s,0s;
	-webkit-transition-delay: .3s,0s;
}
.hamburger-inner span:nth-child(2):before {
	-webkit-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	transform: translate(-100%,0);
	transition-delay: .1s,0s;
	-webkit-transition-delay: .1s,0s;
}
.hamburger-inner span:nth-child(3):before {
	-ms-transform: translate(-100%,0);
	transform: translate(-100%,0);
	transition-delay: .4s,0s;
	-webkit-transition-delay: .4s,0s;
}
.common-fixed-header.open .hamburger-inner {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}
.common-fixed-header.open .hamburger-inner span:before {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	background-color: #fff;
}
.common-fixed-header.open .hamburger-inner span:nth-child(2) {
	top: 0;
	opacity: 0;
}
.common-fixed-header.open .hamburger-inner span:nth-child(3) {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/*菜单栏*/
.common-fixed-header .common-menu{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.88);
	padding: 0 0.426667rem;
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.23,1,.32,1);
	transition: all .2s cubic-bezier(.23,1,.32,1);
}
.common-fixed-header.open .common-menu{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .51s cubic-bezier(.23,1,.32,1);
	transition: all .51s cubic-bezier(.23,1,.32,1);
}
.common-fixed-header .common-menu .nav-list{
	height:100%;
	width: 100%;
	padding-top: 5.2em;
	padding-bottom: 0.4rem;
	overflow: hidden;
	position: relative;
}
.common-fixed-header .common-menu .nav{
	height:100%;
	max-height:100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}
[data-dpr="1"] .common-fixed-header .common-menu .nav{
	height:85%;
	max-height:85%;
}
.common-fixed-header .common-menu .nav::-webkit-scrollbar {
	background: rgba(255,255,255,.3);
}

.common-fixed-header .common-menu .nav>li{
	-webkit-transform: translate3d(0,-6vh,0);
	transform: translate3d(0,-6vh,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
	opacity: 0;
	-webkit-transition: transform .7s cubic-bezier(.165,.84,.44,1),opacity .3s ease;
	transition: transform .7s cubic-bezier(.165,.84,.44,1),opacity .3s ease;
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}
.common-fixed-header.open .common-menu .nav>li{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.common-fixed-header.open .common-menu .nav>li:first-child{
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.common-fixed-header.open .common-menu .nav>li:nth-child(2){
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.common-fixed-header.open .common-menu .nav>li:nth-child(3){
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}
.common-fixed-header.open .common-menu .nav>li:nth-child(4){
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.common-fixed-header.open .common-menu .nav>li:nth-child(5){
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
.common-menu .nav>li>a{
	position: relative;
	display: block;
	padding:.95em 0 .95em 12%;
	color: #fff;
	font-size:1.75em;
	line-height: 1;
}

[data-dpr="1"] .common-menu .nav>li>a{font-size: 21px;}
[data-dpr="3"] .common-menu .nav>li>a{font-size: 63px;}
.common-menu .nav>li>a>i{
	font-size: 0.8em;
	padding: 0 0.5em;
	font-weight: 300;
	display: inline-block;
	transform: rotate(0);
	-webkit-transform: rotate(0deg);
	transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
}
[data-dpr="1"] .common-menu .nav>li>a>i{font-size: 18px;}
[data-dpr="3"] .common-menu .nav>li>a>i{font-size: 54px;}
.common-menu .nav>li.active>a>i{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.common-menu .nav>li .sub-menu{
	display: none;
}
.common-menu .nav>li.active .sub-menu{
	display: block;
	transition: transform 0.4s ;
}
.common-menu .nav>li .sub-menu li a{
	display: block;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4em;
	line-height: 1;
	padding:0.85em 0 0.85em 12%;
}
[data-dpr="1"]  .common-menu .nav>li .sub-menu li a{font-size: 16px;}
[data-dpr="3"] .common-menu .nav>li .sub-menu li a{font-size: 48px;}

.common-menu .nav>li.active>a{color:#f60;}
.common-menu .nav .sub-menu li.active>a{color:#f60;}

.common-menu .tip-login{
	width: 100%;
	height: 1.867rem;
	line-height: 1.867rem;
	text-align: center;
	font-size: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	-ms-transform: translate(0,50px);
	transform: translate(0,50px);
	transition-property: opacity,transform,color;
	opacity: 0;
	transition-duration: .15s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(.42,0,.24,.97);
}
.common-fixed-header.open .common-menu .tip-login{
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	transition-duration: .65s;
	transition-delay: .3s;
	opacity: 1;
	transition-property: opacity,transform;
	transition-timing-function: cubic-bezier(.42,0,.24,.97);
}
.common-menu .tip-login:before{
	position: absolute;
	content: '';
	width: 92%;
	left: 4%;
	height: 1px;
	background: #4a4a4a;
}
[data-dpr="1"] .common-menu .tip-login{font-size: 16px;}
[data-dpr="3"] .common-menu .tip-login{font-size: 48px;}
.common-menu .tip-login a{display: inline-block;color: #a9a9a9;}
.common-menu .tip-login span{
	display: inline-block;
	padding: 0 0.16rem;
	color: #a9a9a9;
}
footer{
	color: #7c7c7c;
	background: #191919 ;
	text-align: center;
	line-height: 5em;
	height: 5em;
	font-size: 1.5em;
	overflow: hidden;
	border:0;
	clear: both;
}
[data-dpr="1"] footer{font-size: 10px;}
[data-dpr="3"] footer{font-size: 30px;}