/*#region 适配*/
@media screen and (max-width:321px) {
    body { font-size: 15px; }
    input { font-size: 15px; }
    .btn { font-size: 15px; }
    .ft10 { font-size: 10px; }
    .ft11 { font-size: 11px; }
    .ft12, .error, .nomals { font-size: 12px; }
    .ft13 { font-size: 13px; }
    .ft14 { font-size: 14px; }
    .ft15 { font-size: 15px; }
    .ft16 { font-size: 16px; }
    .ft17 { font-size: 17px; }
}

@media screen and (min-width:321px) and (max-width:400px) {
    body { font-size: 16px; }
    input { font-size: 16px; }
    .btn { font-size: 16px; }
    .ft10 { font-size: 11px; }
    .ft11 { font-size: 12px; }
    .ft12, .error, .nomals { font-size: 13px; }
    .ft13 { font-size: 14px; }
    .ft14 { font-size: 15px; }
    .ft15 { font-size: 16px; }
    .ft16 { font-size: 17px; }
    .ft17 { font-size: 18px; }
}

@media screen and (min-width:400px) {
    body { font-size: 18px; }
    input { font-size: 18px; }
    .btn { font-size: 18px; }
    .ft10 { font-size: 13px; }
    .ft11 { font-size: 14px; }
    .ft12, .error, .nomals { font-size: 15px; }
    .ft13 { font-size: 16px; }
    .ft14 { font-size: 17px; }
    .ft15 { font-size: 18px; }
    .ft16 { font-size: 19px; }
    .ft17 { font-size: 20px; }
}
/*#endregion*/

/*#region 全局*/
* { margin: 0; padding: 0; }

html, body { -webkit-overflow-scrolling: auto; background-color: #fff; font-family: Helvetica,"Microsoft Yahei", 微软雅黑, arial, 宋体, sans-serif; color: #333; }
html { width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }
body { width: 7.5rem; height: 100%; text-align: left; }
.none { display: none !important; }
li { list-style: none; }
input, button { outline: none; }
.fl { float: left; }
.fr { float: right; }
.t-r { text-align: right; }
.t-c { text-align: center; }
.t-l { text-align: left; }
/*#endregion*/

.ft-pf{font-family: PingFangSC-Regular, sans-serif; }

/*#region 字体颜色(color)*/
.c-ff0000 { color: #ff0000; }
.c-705201 { color: #705201; }
.c-666666 { color: #666666; }
.c-333333 { color: #333333; }
.c-232323 { color: #232323; }
.c-999999 { color: #999999; }
.c-6f4204 { color: #6f4204; }
.c-f56b22 { color: #f56b22; }
.c-995900 { color: #995900; }
.c-ffffff { color: #ffffff; }
/*#endregion*/

/*#region 背景颜色(backgroud-color)*/
.bgc-ff0000 { background-color: #ff0000; }
.bgc-fafafa { background-color: #fafafa; }
.bgc-d8d8d8 { background-color: #d8d8d8; }
.bgc-ffffff { background-color: #ffffff; }
.bgc-f5f5f5 { background-color: #f5f5f5; }
/*facd4c*/
.bgc-fbfeff { background-color: #fbfeff; }
.bgc-efefef { background-color: #efefef; }
.bgc-cccccc { background-color: #cccccc; }
/*#endregion*/

/*#region 头部导航*/
.navigation { background: #fff; height: 0.8rem; text-align: center; color: #fff; line-height: 0.8rem; }
.navigation .btn { height: .8rem; width: .8rem; }
.navigation .logo{ height: .8rem;}
.navigation .logo img{margin-top: 0.2rem;height: 0.32rem;margin-left:0.5rem;width: auto }
.navigation .title { width: 1.2rem; height: 0.8rem; margin: 0 auto; }
.navigation .handle { width: 1.7rem; height: 0.8rem;margin-right: 0.5rem;}
.navigation .handle a{ display: block;text-decoration:none; width: 1.6rem; height: 0.4rem;margin-top: 0.14rem; border: 1px solid #11a0f9;line-height: 0.4rem;border-radius: 4px;color:#11a0f9; }
.navigation .handle span { display: inline-block; }
/*#endregion*/