@media only screen and (min-device-width: 225px) {
    /*nox niubi*/
    html {
        font-size: 10px; 
    }
}
@media only screen and (min-device-width: 247px) {
    /*nox niubi*/
    html {
        font-size: 11px; 
    }
}
@media only screen and (min-width: 247px) {
    /*nox niubi*/
    html {
        font-size: 11px; 
    }
}

@media only screen and (min-device-width: 270px) {
    /*nox niubi*/
    html {
        font-size: 12px;
    }
}
@media only screen and (min-device-width: 309px) {
    /*nox niubi*/
    html {
        font-size: 13.7px; /*哎，小数点啊*/
    }
}
@media only screen and (min-device-width: 320px) {
    /*iphone3*/
    html {
        font-size: 14px;
    }
}
@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    /*iphone4,5c,5s,iphone6的放大模式，个别iphone6的模式模式*/
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width: 348px) {
    html {
        font-size: 16px;
    }
}
@media only screen and (device-width: 352px) {
    /*nox niubi*/
    html {
        font-size: 15px;
    }
}
@media only screen and (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        font-size: 16px;
    }
}
@media only screen and (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {
    /*iphone4,5c,5s,iphone6的放大模式*/
    html {
        font-size: 16px;
    }
}
@media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
    /*针对大多数iphone6的标准模式*/
    html {
        font-size: 16px;
    }
}
@media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    /*iphone6+的放大模式*/
    html {
        font-size: 17px;
    }
}
@media only screen and (min-width: 400px) {
    /*nox niubi*/
    html {
        font-size: 16px;
    }
}

@media only screen and (min-width: 412px) {
    /*iphone6＋的标准模式，414px写为412px是由于三星Nexus 6为412px*/
    html {
        font-size: 18px;
    }
}
@media only screen and (min-width: 430px) {
    html {
        font-size: 19px;
    }
}
@media only screen and (min-width: 450px) {
    html {
        font-size: 20px;
    }
}
@media only screen and (min-width: 472px) {
    html {
        font-size: 21px;
    }
}
@media only screen and (min-width: 495px) {
    html {
        font-size: 22px;
    }
}
@media only screen and (min-width: 517px) {
    html {
        font-size: 23px;
    }
}
@media only screen and (min-width: 540px) {
    html {
        font-size: 24px;
    }
}
@media only screen and (min-width: 562px) {
    html {
        font-size: 25px;
    }
}
@media only screen and (min-width: 585px) {
    html {
        font-size: 26px;
    }
}
@media only screen and (min-width: 607px) {
    html {
        font-size: 27px;
    }
}
@media only screen and (min-width: 630px) {
    html {
        font-size: 28px;
    }
}
@media only screen and (min-width: 652px) {
    html {
        font-size: 29px;
    }
}
@media only screen and (min-width: 675px) {
    html {
        font-size: 30px;
    }
}
@media only screen and (min-width: 698px) {
    html {
        font-size: 31px;
    }
}
@media only screen and (min-width: 720px) {
    html {
        font-size: 32px;
    }
}
@media only screen and (min-width: 742px) {
    html {
        font-size: 33px;
    }
}
@media only screen and (min-width: 765px) {
    html {
        font-size: 34px;
    }
}
@media only screen and (min-width: 900px) {
    html {
        font-size: 40px;
    }
}
@media only screen and (min-width: 945px) {
    html {
        font-size: 42px;
    }
}
@media only screen and (min-width: 1013px) {
    html {
        font-size: 45px;
    }
}
/*@media only screen and (min-width: 461px) {
    nox niubi
    html {
        font-size: 16px;
    }
}*/

/*公用样式，误删begin*/
a, a.link, a.visited, a:hover, a:active {text-decoration: none; color: inherit;}

.font32 {
    font-size: 1rem;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.none {
    display: none;
}
.mt10 {
    margin-top: 10px;
}
.ml20 {
    margin-left: 20px;
}
.mb0 {
    margin-bottom: 0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.pointer {
    cursor: pointer;
}
.clearfix:after {
    content: "\200B";
    clear: both;
    display: block;
    height: 0;
}
.clearfix { /* IE6/7 */
    *zoom: 1;
}
.clear {
    clear: both;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.borderNone {
    border: none;
}
.flowHidden {
    overflow: hidden;
}
.cutString {/*需要加宽度数值，非百分比，ie下面百分比有bug，认为是字符的总长的百分比*/
    overflow: hidden;
    text-overflow: ellipsis; /*当对象向内文本溢出时显示省略标记(...)*/
    text-overflow: ellipsis;/* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
    white-space: nowrap;
}
.color666{
    color: #666;
}
.color999{
    color: #999;
}
.wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.container {
    width: 100%;
}
.content {
    width: 100%;
    position: absolute;
    background-color: #FFF;
}
.content.with-header {
    margin-top: 2.75rem; /*height of header*/
}
.content.with-footer-primary {
    position: relative;
    margin-bottom: 3.0625rem;
}
.content.with-footer-secondary {
    margin-bottom: 1rem;
}
.btn {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    color: #666;
    background-color: #F7F8FA;
    border-radius: .1rem;
    height: 2.5rem;
    border: 1px solid #CCC;
}
.btn:focus {
    outline: none;
}
.btn.btn-primary {
    background-color: #1CA7DB;
    border: 1px solid #1CA7DB;
    color: #FFF;
}
.btn.btn-success {
    background-color: #48B84D;
    border: 1px solid #48B84D;
    color: #FFF;
}