@charset "utf-8";
/*
   common.css
   <project>
   
   Created by wucj on 2018-05-16.
   https://segmentfault.com/u/shouzijiangs
   Copyright 2018 wucj. All rights reserved.
*/
.spr{ background: url(../images/spr.png) 0 0/4.4rem 5.6rem no-repeat; display: inline-block;}
.m_body{ background: url(../images/bg.jpg) center 8rem/7.5rem 22.4rem no-repeat; } 
/*导航*/
.nav{ position: relative; }
.nav_top{ position: absolute; width: 7.5rem; left:50%; height:1.25rem; z-index: 99;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.nav_top .logo{ width: 2.1rem; height: .8rem; background: url(../images/logo.png) left top/100% 100% no-repeat; margin: .24rem 0 0 .41rem; display: block;}
.nav_top .menu{ position: absolute; right: .42rem; top: -.1rem; width: 1rem; height: .6rem; padding-top: .4rem; background: rgba(0,0,0,.4); border-radius: .1rem; cursor: pointer; text-align: center; z-index: 3; }
.nav_top .menu .bar{ width: .4rem; border-top: .04rem solid #4aa1d9; margin: 0 auto .08rem; left: 50%; }
.nav_top .menu.on .bar:nth-child(1){
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.nav_top .menu.on .bar:nth-child(2){ opacity: 0;}
.nav_top .menu.on .bar:nth-child(3){
	-webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

.nav_more { position: fixed; left: 50%; top: 0; opacity: 0; z-index: 10; width: 7.5rem; height: 100%; margin-left: -3.75rem; background:#fcfcf9; 
	transform: translate(0, -200%);
	-webkit-transform: translate(0, -200%);
	transition: .4s all ease;
	-webkit-transition: .4s all ease;
}
.nav_more.open { opacity: 1; z-index: 1000;
	transform: translate(0, 0); 
	-webkit-transform: translate(0, 0); 
}
.nav_more .top{ border-bottom: 1px solid #ededed;}
.nav_more .top .logo{ width: 2rem; height: .8rem; background: url(../images/logo2.png) left top/100% 100% no-repeat; display: block; margin: .26rem auto;}
.nav_more .top .close{ width: .35rem; height: .35rem; background-position: -3.16rem -.84rem; position: absolute; right: .44rem; top: .46rem;}
.nav_more ul{}
.nav_more ul li{ height: 2rem; text-align: center; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; box-sizing: border-box;}
.nav_more ul li:nth-child(3n){ border-right: none;}
.nav_more ul li a{ display: block; }
.nav_more ul li p{ line-height: .62rem;}
.nav_more ul li span{ width: .6rem; height: .6rem; margin:.68rem auto 0; display: block;}
.nav_more ul li:nth-child(1) span{ background-position: 0 -3.85rem;}
.nav_more ul li:nth-child(2) span{ background-position: -.69rem -3.85rem;} 
.nav_more ul li:nth-child(3) span{ background-position: -1.38rem -3.85rem;} 

.inner .nav{ width: 7.5rem; height: 1.04rem; background-color: #fff; }
.inner .nav .nav_top{ height: 1.04rem; }
.inner .nav_top .logo{width: 2rem; height: .8rem; background: url(../images/logo2.png) left top/100% 100% no-repeat; margin: .14rem 0 0 .18rem; display: block; }
.inner .nav_top .menu{ background: none; }


/*调整*/
.m_body{ max-width: 750px; position: relative;}
.footer{ background: #202020; padding: .46rem 0; color: #ffffff;}
.footer p{ line-height: .4rem;}
.footer a{ color: #3e8bf4;}


.return{
	width: .78rem;
	height: .78rem;
	background: url(../images/top.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
	position: fixed;
	bottom: 1.2rem;
	right: .05rem;
	z-index: 100;
}



/*pop*/
.mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.7); display: none;}
.pop{ display: none; position: fixed; top: 50%; left: 50%; z-index: 10000;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.pop_code{ text-align: center;}
.pop_code img{ width: 2.17rem;}/* CSS Document */