/*全局*/
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-weight: normal;
}

body {
	background: #FFF;
}

img{
	width: 100%;
	vertical-align: bottom;
}

video{
	width: 100%;
}
a {
	text-decoration: none;
	color: #333;
}

a:active {
	color: #333;
}

ul,li {
	list-style-type: none
}

h1{
	font-size: 1.5em;
}

h2{
	font-size: 1.3em;
	color: #333;
}
h3{
	font-size: 1em;
	color: #333;
	font-weight: bold;
}

.btn{
	display: block;
	width:80%;
	margin: 1em auto;
	font-size: 1.2rem;
	padding: 0.6rem;
	text-align: center;
	background-color: #5DBE1C;
	color: #FFF;
	border-radius: 0.2rem;
}

.gray{
	color: gray;
}

.wraper {
	max-width: 750px;
	margin: 0 auto;
	width: 100%;
	background: #FFF;
}

.footer{
	padding: 2em 0 2em 0;
	text-align: center;
	color: #CFD3D6;
	background: #F8F8F8;
	margin-bottom: 2em;
}

.text-center{
	text-align: center;
}

/*通用布局*/
/*显示*/
.hide{
	display: none;
}
/*浮动*/
.fl{
	float: left;
}

.fr{
	float: right;
}
.clear-both{
	clear:both;
}
/*居中*/
.center{
	margin: 0 auto;
	text-align: center;
}
/*宽度*/
.w100{
	width: 100%;	
}
.w90{
	width: 90%;	
}
.w80{
	width: 80%;	
}
.w70{
	width: 70%;	
}
.w60{
	width: 60%;	
}
.w50{
	width: 50%;	
}
.w40{
	width: 40%;	
}
.w30{
	width: 30%;	
}
.w20{
	width: 20%;
}
.w10{
	width: 10%;
}

/*margin*/
.mt1{
	margin-top: 1em;
}
.mt2{
	margin-top: 2em;
}
.mb1{
	margin-bottom: 1em;
}
.mb2{
	margin-bottom: 2em;
}
.ml1{
	margin-left: 1em;
}
.ml2{
	margin-left: 2em;
}
.mr1{
	margin-right: 1em;
}
.mr2{
	margin-right: 2em;
}
/*padding*/
.pt1{
	padding-top: 1em;
}
.pt2{
	padding-top: 2em;
}
.pb1{
	padding-bottom: 1em;
}
.pb2{
	padding-bottom: 2em;
}
.pl1{
	padding-left: 1em;
}
.pl2{
	padding-left: 2em;
}
.pr1{
	padding-right: 1em;
}
.pr2{
	padding-right: 2em;
}
/*底部*/
.footer::after{
    content: "----我是有底线的----";
}
/*弹窗*/
.pop-up{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	text-align: center;
}
/*菜单*/
.menuBg{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
}
.menu-wrap{
	max-width: 750px;
	margin: 0 auto;
	position: fixed;
	bottom: 0px;
	width: 100%;
	left:0; 
	right:0; 
	background: #F0F4F7;
	border-top:1px solid #CCC;
}
.menu li{
	display: inline-block;
	height: 2.5em;
	line-height: 2.5em;
	width: 33%;
	text-align: center;
	cursor: pointer;
}
.menu li:nth-child(2){
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.menux{
	max-width: 300px ;
	position:fixed;
	width: 40%;
	box-shadow:3px 0px 3px #CCC;
	bottom: 2.5rem;
}
.menu1{
	left: 2%;
}
.menu2{
	left: 30%;
}
.menu3{
	right: 2%;
}

.menux>li{
	width: 100%;
	text-align: center;
	line-height: 2.5em;
	background: #EEE;
	border-top:1px solid #CCC;
	cursor: pointer;
	border: 1px solid #CCC;
	border-bottom: none;
}
/*动画*/
@keyframes myfirst
{
from {background: orange;}
to {background: black;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {background: orange;}
to {background: black;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {background: orange;}
to {background: black;}
}

@-o-keyframes myfirst /* Opera */
{
from {background: orange;}
to {background: green;}
}