/*web app 全局样式*/
html, body, div, span, applet,object,iframe,h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td,header,input{
margin: 0; padding: 0;}

/* 禁用iPhone中Safari的字号自动调整 */
html{ 
	-webkit-text-size-adjust: none;
	/*
	使用rem
    1rem =16px
    font-size: 16px;  //1.原始的
    font-size: 10px;  //2.在1的基础上 10/16*100%              62.5%
    //font-size: 100px; //3.在2的基础上放大10倍 （10/16）*%    625%

    把px 换成rem 50px = 50/10rem,把px 换成rem ,除以10
	*/
	font-size: 625%;/*把默认的 font-size:16px 放大100倍，就得到：font-size:100px*/
    /* 当我们把px 转为rem 的时候 ，除 100 就可以。如：50px = >0.5rem
      假设设计稿是：640px，适配iphone5（视口320px）,此时，设计稿 转为px，或rem 的时候，
      1.高，字体大小先要除以2(计算设计稿与屏幕的比例:640/320=2) 得到的是 实际的px,或rem
      2.再把px 转为 rem
    
      注意：1.区别webapp 里面的方式，它是通过js动态计算 计算设计稿与屏幕的比例 来计算fon-size的，这种方式，    在写css的时候，尺寸设计稿有多大，就写多大。
           2.不管是这种直接定义font-size（固屏流体布局）,还是动态计算font-size(适配屏幕更好，全屏流体布局) 都可以用来做webapp.
    */ 
    
}

body{
	font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;/*16px*/
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* 设置图片视频等自适应调整 */
img {display:block;max-width: 100%; height: auto; width: auto\9; /* ie9以下 */ }

.video embed, .video object, .video iframe { width: 100%; height: auto; }

/* 公共库 */
a { text-decoration: none; cursor: pointer;color: #555756; }
li { list-style: none; }
a:hover {text-decoration: none; }
a img { border: none; }
a > img { vertical-align: bottom; }

/*去掉 input 默认边框*/
input{outline:none;border:0;}