/* 
* @Author: anchen
* @Date:   2015-12-17 15:13:10
* @Last Modified by:   anchen
* @Last Modified time: 2016-01-05 11:26:34
*/
@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width:100%; height: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{ resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
    display:block;
width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
body{width:100%; height: 100%;}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font-family:"微软雅黑 Regular","Microsoft YaHei","微软雅黑"; color:#555;  min-width: 320px; background: #f2f2f2;}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#969696; font-family:"微软雅黑 Regular","Microsoft YaHei","微软雅黑";}
a:hover{ text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family:"微软雅黑 Regular","Microsoft YaHei","微软雅黑";}
img{border: none;}
input{outline: none;}
textarea{outline: none;}


 @media screen and (max-width:348px) {
    html{
        font-size: 12px;
    }
 }
 @media (min-width: 348px) and (max-width: 474px) {
    html{
        font-size: 13px;
    }
 }
 @media (min-width: 375px) and (max-width: 395px) {
    html{
        font-size: 14px;
    }
 }
 @media (min-width: 396px) and (max-width: 413px) {
    html{
        font-size: 15px;
    }
 }

 @media (min-width: 414px) and (max-width: 440px) {
    html{
        font-size: 16px;
    }
 }

 @media (min-width: 441px) and (max-width: 480px) {
    html{
        font-size: 17px;
    }
 }
 @media (min-width: 481px) and (max-width: 510px) {
    html{
        font-size: 18px;
    }
 }
 @media (min-width: 511px) and (max-width: 540px) {
    html{
        font-size: 19px;
    }
 }
 @media (min-width: 541px) and (max-width: 600px) {
    html{
        font-size: 20px;
    }
 }
 @media screen and (min-width: 601px) {
    html{
        font-size: 21px;     
    }
 }


@font-face
{
font-family: myFirstFont;
src: url('../fonts/font-one.ttf')
    ,url('../fonts/font-one.eot'); /* IE9 */
}