
body,div,header,section,footer,h3,p,
select,input,ul,li{
	margin:0;
	padding:0;
}

html,body{
	height: 100%;
    /*min-width: 300px;
    max-width: 640px;
    margin: 0 auto;*/
	font-family: "Microsoft YaHei", SimHei;
    -webkit-font-smoothing: antialiased;
    /* -webkit-text-stroke-width: 0.2px; */
    -moz-osx-font-smoothing: grayscale;

    -webkit-user-select: none;
    user-select: none;
}
body{
	width:100%;
	overflow:hidden;
	color:#4a4a4a;
	background:#f0f0f0;
}
a{
	text-decoration:none;
}
a,button,select,option,input{
	border:0;
	outline:0;
}
ul,ol{
	list-style:none;
}

html {
    font-size : 20px;
}

@media only screen and (min-width: 301px) and (max-height: 568px){
    html {
        font-size: 20px !important;
    }

}

@media only screen and (min-width: 301px) and (max-height: 480px){
    html {
        font-size: 18px !important;

    }

}


@media only screen and (min-width: 321px){
    html {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 360px){
    html {
        font-size: 22px !important;
    }
}

@media only screen and (min-width: 401px){
    html {
        font-size: 24px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 28px !important; 
    }
}
@media only screen and (min-width: 568px){
    html {
        font-size: 35px !important; 
    }

    
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px !important; 
    }
}
@media only screen and (min-width: 768px){
    html {
        font-size: 40px !important; 
    }
}

@media screen and (orientation:landscape) and (min-width: 480px){
    /*.wrap{
        min-height: 260% ! important;
    }
    .body{
        padding-top: 4rem ! important;
        top: 16rem ! important;
    }*/
}
@media screen and (orientation:landscape) and (min-width: 768px){
    /*.wrap{
        min-height: 250% ! important;
    }
    .body{
        padding-top: 8rem ! important;
        top: 21rem ! important;
    }*/
}


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ol, ul {
    list-style: none;
}
li {
    list-style-type: none;
}

*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */  
}


/*number去上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}

.no-pointer{
    pointer-events: none;
}


/*盒模型*/
.flex{
    /* 设置弹性布局 */
    display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
    display:-webkit-flex;/* Chrome 21+ */
    display:-moz-box;
    display:-ms-flexbox;/* WP IE 10 */
    display:flex;/* android 4.4 */
}
.flex-direction-column{
    /* 设置弹性布局的方向，子元素按照在源文档中声明的顺序从上到下显示 */
    -webkit-box-orient: vertical;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: column;/* Chrome 21+ */
    -moz-flex-direction: column;
    -ms-flex-direction: column;/* WP IE 10 */
    flex-direction: column;/* android 4.4 */
}
.flex-direction-row{
    /* 设置弹性布局的方向，子元素按照在源文档中声明的顺序从左到右显示 */
    -webkit-box-orient: horizontal;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: row;/* Chrome 21+ */
    -moz-flex-direction: row;
    -ms-flex-direction: row;/* WP IE 10 */
    flex-direction: row;/* android 4.4 */
}
.flex-1{
   /* 子元素自动占据剩余的空间 */
    -webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex:1;/* Chrome 21+ */
    -moz-flex:1;
    -ms-flex:1;/* WP IE 10 */
    flex:1;/* android 4.4 */
}
.flex-pack-center{
    /* 水平布局下的子元素 水平居中 */
    -webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;/* Chrome 21+ */
    -moz-flex-pack: center;
    -ms-flex-pack: center;/* WP IE 10 */
    justify-content: center;/* android 4.4 */
}
.flex-align-center{
    /* 水平布局下的子元素 垂直居中 */
    -webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;/* Chrome 21+ */
    -moz-flex-align: center;
    -ms-flex-align: center;/* WP IE 10 */
    align-items: center;/* android 4.4 */
}
.flex-pack-justify{
    /* 水平布局下的子元素 2端对齐 */
    -webkit-box-pack: justify;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: space-between;/* Chrome 21+ */
    -moz-flex-pack: justify;
    -ms-flex-pack: justify;/* WP IE 10 */
    justify-content: space-between;/* android 4.4 */
}

.btn:active{
    opacity: .8;
}
.btn:visited{
    color: #fff ! important;
}
.btn.disabled{
    background: #B6B6B4 ! important;
}
.link:active{
    opacity: .8;
}

.wrap{
    position: relative;

}

.no-pointer{
    pointer-events: none;
}