/*页面公共 begin*/
html {min-height: 100%;_height:100%;height:100%;margin:0;}
body {margin: 0 auto; padding: 0;height:auto; max-width: 640px; min-width: 320px}
table, div, tr, th, td, ul, li, dl, dt, dd, img, form, h1, h2, h3, h4, h5, h6, b, p { margin: 0; padding: 0; border: 0; }
img { border: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
ul, ol, li { margin: 0; padding: 0; list-style: none; }
button { border: 0; cursor: pointer; }
.clear{ clear: both; }

/* 主体框架 最外层，限定最大宽度 650px */
.mainframe{ max-width: 640px; height: auto; margin: 0 auto; font-size: 14px; background: #ebebeb;min-width: 320px;}
.mainframe .content{margin-top: 50px;}
/* banner */
.content .banner{width: 100%; height: auto}
.content .banner img{ width: 100%; height: auto; display: block}
/*导航样式*/
.navigation{ width: auto;background: #489620;padding: 3px;margin-bottom: 2px; }
.navigation span{ margin: 4px;line-height:25px;color: #fff;display: block;float: left; }
.navigation span.nav-sel{
    color: #489620;
    background: #fff;
    padding: 0px 3px;
    border-radius: 2px;
}
/* footer 样式*/
.footer{
    width: 100%;
    height: auto;
    font-size: 12px;
    text-align: center;
    background-color: #ab6224;
    color: #fff;
    padding: 10px 0;
}
.footer a{color: #fff}
/*左右浮动*/
.fl { float: left; }
.fr { float: right; }
/*外间距*/
.m0 { margin: 0px; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mtp2{margin-top: 2%}
.mbp2{margin-bottom: 2%}
.mlp2{margin-left: 2%}
.mrp2{margin-right: 2%}
.mtp5{margin-top: 5%}
.mbp5{margin-bottom: 5%}
.mlp5{margin-left: 5%}
.mrp5{margin-right: 5%}
/*内间距*/
.p0 { padding: 0px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

/*相对定位扩展*/
.t0{top:0px}
.r0{right:0px}
.l0{left:0px}
.b0{bottom:0px}
/*文本居中*/
.tc { text-align: center; }
.tr {text-align: right; }
.tl {text-align: left; }
/*表格边框 默认宽度1px*/
.tbt-no{border-top: none}       /*上边框不显示*/
.tbr-no{border-right: none}     /*右边框不显示*/
.tbb-no{border-bottom: none}    /*下边框不显示*/
.tbl-no{border-left: none}      /*左边框不显示*/

.tbt{border-top-width: 1px; border-top-style: solid}        /*上边框*/
.tbr{border-right-width: 1px; border-right-style: solid}    /*右边框*/
.tbb{border-bottom-width: 1px; border-bottom-style: solid}  /*下边框*/
.tbl{border-left-width: 1px; border-left-style: solid}      /*左边框*/

/*字体大小*/
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
/*字体加粗*/
.fontw{font-weight: 600}
.color-grey{color: grey;}
/* 去除链接触摸时产生边框*/
a, button, input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 针对苹果 */
    -webkit-tap-highlight-color: transparent; /* 针对安卓 */
}
/* 阿里字标 */
@font-face {font-family: 'iconfont';
    src: url('../../images/public/iconfont/iconfont.eot'); /* IE9*/
    src: url('../../images/public/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../images/public/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../../images/public/iconfont/iconfont.ttf') format('truetype') /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*盒子模型*/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex-main{
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.hide{
    display: none;
}