*{ 
    margin:0;
    padding:0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    /*font-family:"Helvetica Neue", "Hiragino Sans GB", "arial", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";*/
    -webkit-text-size-adjust: none;
}
input, textarea, select{
    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    /*font-family:"Helvetica Neue", "Hiragino Sans GB", "arial", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";*/    font-size:12px;
}
input[type='text'], select, textarea{
    -webkit-appearance:none;
    box-sizing:border-box;
}
input[type='button'], button{
    line-height: normal !important;
}
input[type='button'], button, select{
    cursor: pointer;
}
textarea{
    padding:5px;
    box-sizing:border-box;
}
input{
    text-indent: 5px;
}
body{
    margin: 0 auto;
    overflow-x:hidden; 
}
.body{
    overflow-x:hidden; 
}
.scall-body{
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    width:320px;
    margin:0 auto;
}
//去除元素样式
input, button{
    -webkit-appearance:none;
    outline:none;
}
input ,textarea{
    background-color: #ffffff;
}
a:focus{outline:none;}
a img{
    border:none;
}

//input预定义字体的样式
::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
    font-size:12px;
    text-indent: 5px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
    font-size:12px;
    text-indent: 5px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
    font-size:12px;
    text-indent: 5px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
    font-size:12px;
    text-indent: 5px;
}
.placeholder{
    color:#999 !important;
    font-size:12px;
}
a, button{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.wholepage{
    width:100%; 
    height:100%;
}
.overhide{
    overflow:hidden;
}
.relative{ 
    position:relative;
}
.fixed{
    position:fixed;
}
.absolute{
    position:absolute;
}
.borderbox{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.inlineblock{
    display: inline-block;
}
//溢出文本显示省略号
.ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
}
//强制换行
.prewrap{
    white-space: pre-wrap;
}

//清除浮动
.clearfox{
    zoom: 1;
    overflow: hidden;
}
.clearfox:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.pointer{
    cursor: pointer;
}
/************text-align***************************/
.textleft{
    text-align:left;
}
.textcenter{
    text-align:center;
}
.textright{
    text-align:right;
}

.colorblack{
    color:black;
}

/***********font-size***********************/
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz26{font-size:26px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
/************font-weight********************************/
.fwbold{
    font-weight: bold;
}




/************line-heihgt******************/
.line20{
    height:20px;
    line-height:20px;
}
.line25{
    height:25px;
    line-height:25px;
}
.line30{
    height:30px;
    line-height:30px;
}
.line35{
    height:35px;
    line-height:35px;
}

/*********background*************************/
.bgnorepeat{
    background-repeat: no-repeat;
}
.bgcover{
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
.bgcontain{
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
}
.bgwhole{
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.bgxwhole{
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
.bgywhole{
    background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
}
.plr10{
    padding:0 10px;
}
.pdleft10{
    padding-left:10px;
}
.pdright10{
    padding-right:10px;
}
.pdleft20{
    padding-left:20px;
}
.pdright20{
    padding-right:20px;
}

.mgtop10{
    margin-top:10px;
}
.f-shenluehao{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}
/* 大屏幕 */
@media (min-width: 1200px) {  }

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {  }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {  }

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {  }





