/*rem 自适应
@media screen and (min-width:320px) and (max-width:359px){
    html{font-size:12px;}
}
@media screen and (min-width:360px) and (max-width:374px){
    html{font-size:13.5px;}
}
@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:14px;}
}
@media screen and (min-width:414px) and (max-width:479px){
    html{font-size:15px;}
}
@media screen and (min-width:480px) and (max-width:639px){
    html{font-size:18px;}
}
@media screen and (min-width:640px) and (max-width:719px){
    html{font-size:24px;}
}
@media screen and (min-width:720px) and (max-width:749px){
    html{font-size:27px;}
}
@media screen and (min-width:750px) and (max-width:799px){
    html{font-size:28.125px;}
}
@media screen and (min-width:800px) and (max-width:959px){
    html{font-size:30px;}
}
@media screen and (min-width:960px) and (max-width:1079px){
    html{font-size:36px;}
}
@media screen and (min-width:1024px){
    html{font-size:24px;}
}
*/
/* 弹性布局实现 均分*/
.flexbox {width: 100%;}
.flexbox {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    box-orient: horizontal; }
.flexbox > * {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;}
/*清浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {
        display: block;
        content: "clear";
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden;}  
/*placeholder文字样式*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;}
/*取出表单的IOS默认样式，如select小箭头*/
input, select, textarea {-webkit-appearance: none;outline: none;}
/** diaplay inline-block 兼容问题 **/
.inblock {display: inline-block;zoom: 1;*display: inline;float: none;}
/*.none {display: none;}*/



