body, html {height: 100%;-webkit-tap-highlight-color: transparent;font-size: 14px;}
.demos-title {text-align: center;font-size: 34px;color: #3cc51f;font-weight: 400;margin: 0 15%;}
.demos-sub-title {text-align: center;color: #888;font-size: 14px;}
.demos-header {padding: 35px 0;}
.demos-content-padded {padding: 15px;}
.demos-second-title {text-align: center;font-size: 24px;color: #3cc51f;font-weight: 400;margin: 0 15%;}
footer {text-align: center;font-size: 14px;padding: 20px;}
footer a {color: #999;text-decoration: none;}

/*  css 框架基础修改样式表自定义部分  made by lvxinqi 2017-07-27 */
body{background-color: #f3f3f3;}

/*陈熙华 2017.9.12 全局样式*/
a.weui-flex__item{
    display: block;
}

/*分散对齐*/
.justify>p{text-align: justify; text-justify: inter-ideograph;/*IE*/text-align-last:justify;width: 70px;}
.justifynow{text-align: justify; text-justify: inter-ideograph;/*IE*/text-align-last:justify;min-width: 70px;}
/* 字体大小、宽高、间距*/
.f7{font-size: 7px;}
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f1em{font-size: 1em;}
.fb{font-weight: bold;}
.flight{font-weight: lighter;}
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls7{letter-spacing: 7px;}
.ls8{letter-spacing: 8px;}
.ls20{letter-spacing: 20px;}
.ls30{letter-spacing: 30px;}
.w100p{width: 100%;}
.w50p{width: 50%;}
.w50{width: 50px;}
.w55{width: 55px;}
.w60{width: 60px;}
.w100{width: 100px;}
.wauto{width: auto;}
.minw55{min-width: 55px;}
.minw60{min-width: 60px;}
.mw100p{max-width: 100%;}
.h50{height: 50px;}
.h60{height: 60px;}
.hauto{height: auto;}
.h100p{height: 100%}
.hh3em{height: 3em;line-height: 3em;}
.hh40px{height: 40px;line-height: 40px;}
.lh21{line-height: 21px;}

/* 字体颜色、背景颜色 */
.opacity90{opacity: 0.9;}
.fontmoney{color: #FF6A28;}
.font6{color: #666}
.font-black{color: #000000}
.fontred{color: #dc1010}
.font3393{color:#3393e4}
.font333{color: #333;}
.font999{color: #999;}
.font15{color: #151515;}
.fontd9d9d9{color: #d9d9d9}
.font929292{color: #929292;}
.font916319{color: #916319;}
.font-green{color: #56BD37;}
.font-blue{color:#0077dd;}
.font-grey{color: #b2b2b2;}
.font-white{color: #fff;}
.font-greyd{color: #0d0d0d;}
.font-yellow{color: #FF6600;}
.font-yellowl{color: #FDA109}
.bgw{background-color: #fff;}
.bgblue{background-color: #0077dd;}
.bgyellow{background-color: #fff6e6;}
.bgorange{background-color: #FF6600;}
.bg98C7FA{background-color: #98C7FA;}
.bgf5f5f5{background-color: #F5F5F5;}
.bgf3f3f3{background-color: #f3f3f3;}
.bgf7f7f7{background-color: #F7F7F7;}
.bgFFFCC7{background-color: #FFFCC7;}
.bg3275D6{background-color: #3275D6;}
.bgf787d9{background-color: #f787d9;}


/* 偏移、定位、层级 */
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}
.clearleft{clear: left}
.clearright{clear: right;}
.overAuto{overflow: auto;-webkit-overflow-scrolling: touch;}
.overHidden{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.disblock{display:block;}
.disinblock{display: inline-block;}
.postRel{position: relative;}
.postAbsol{position: absolute;}
.postFix{position: fixed;}
.b0{bottom: 0;}
.l0{left: 0;}
.l10{left: 10px;}
.l60{left: 60px;}
.r0{right: 0;}
.r10{right: 10px;}
.r20{right: 20px;}
.r60{right: 60px;}
.t0{top: 0;}
.t10{top: 10px;}
.zIndex1{z-index: -1}

/*  盒模型基础类: 边距、填充、边框、倒角  */
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.ml4{margin-left: 4px;}
.ml5{margin-left: 5px;}
.ml8{margin-left: 8px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr13{margin-right: 13px;}
.mr20{margin-right: 20px;}
.mr40{margin-right: 40px;}
.p0{padding: 0;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p2and10{padding: 2px 10px;}
.p5and10{padding: 5px 10px;}
.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt30{padding-top: 30px;}
.pb{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.br2{border-radius: 2px;}
.br8{border-radius: 8px;}
.br15{border-radius: 15px;}
.bblr8{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.bnone{border: none;}
.borderf5{border: 1px solid #F5F5F5;}
.borderd9{border: 1px solid #d9d9d9}
.border3275D6{border: 1px solid #3275D6}
.borderDotted916319{border: 1px dotted #916319;}
.borderTop{border-top: 1px solid #999;}
.borderBottom{border-bottom: 1px solid #f5f5f5}
.borderBottomd9{border-bottom: 1px solid #d9d9d9}
.borderbottomd4{border-bottom: 1px solid #d4d4d4;]}
.borderBottomYellow{border-bottom:1px solid #f5a623;}
.borderbottomdedede{border-bottom: 1px solid #ededed;}
.border3393{border: 1px solid #3393e4;}
.borderblue{border: 1px solid #0077dd;}


/* 针对本项目对jQuery WeUI 的修改 */
.weui-picker-modal .picker-items{font-size: 0.7em;}
.toolbar-inner h1,.toolbar-inner .close-picker,label,.weui-input,.login-submit-btnA,.weui-cells{font-size: 14px;}
.toolbar, .toolbar .title {font-size: .75rem;}
.weui-footer__text{font-size: 16px;}
.login-submit-btnA,.weui-dialog__hd{color: #fff;}
.weui-cells{padding: 12px 0 12px 10px;}
label,.weui-navbar__item {color: #666;}
.login-submit-btnA,.weui-dialog__hd,.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked {background-color: #3275D6;}
.toolbar .picker-button,.weui-dialog__btn,.weui-cells_radio .weui-check:checked+.weui-icon-checked:before,
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before,.weui-navbar__item.weui-bar__item--on,
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{color: #3275D6;}
.bg-success {background-color: #FFFCC1;color: #FF6600;}
.weui-grid__label{color: #666;}
.weui-search-bar__cancel-btn {color: #4BA6F2;}
.weui-dialog__bd{font-size: 20px;color: #0d0d0d;margin-top: 20px;}
.weui-dialog__hd{padding: 0.71em 1.6em .5em;}
.weui-label{width: 75px;padding-left: 33px;}
.weui-cells-link:before{border-top: none;}
.weui-cells-link:after{border-bottom: none;}
.weui-cell-link:before{border-top-color: #fff;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,input:-moz-placeholder, textarea:-moz-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder,input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999; font-size: 13px;}
.weui-navbar__item.weui-bar__item--on {border-bottom: 2px solid #3275D6;background-color: #fff;}
.weui-navbar__item:after {border-right-color: #fff;}
.weui-navbar+.weui-tab__bd {padding-top: 45px;}
.weui-cell__hd img {margin-right: 10px;}
.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked {border-color: #3275D6;}
.weui-photo-browser-modal.weui-photo-browser-modal-visible {z-index: 888;}
.weui-toast--text{font-size: 14px;}
.weui-actionsheet .weui-actionsheet__title{padding:16px 0;font-size: 12px;background-color: #fff;letter-spacing: 1px;}
.weui-actionsheet__cell{font-size: 14px;letter-spacing: 5px}
.arrowUp:after {content: '';display: inline-block;width: 6px;height: 6px;border-top: 1px solid #656565;
    border-right: 1px solid #656565;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-left: 10px;}
.arrowDown:after {content: '';display: inline-block;width: 6px;height: 6px;border-top: 1px solid #656565;
    border-right: 1px solid #656565;transform: rotate(-45deg);-webkit-transform: rotate(135deg);margin-left: 10px;}
closeimg:after{content:'/';display:block;width: 20px;height:5px; background: #fff;-webkit-transform: rotate(-90deg);}
.weui-btn:after,.weui-btn{border-radius: 4px;}
.bottomfixbtn{padding-top: 5px;padding-bottom: 5px;border-radius: 0;!important;}
.weui-cell_access:active,.weui-check__label:active,a.weui-media-box:active,.weui-grid:active,.weui-actionsheet__cell:active {
    background-color: inherit;
    /**/
}
.weui-check__label:active {
    /*background-color: #ececec*/
}
a.weui-media-box:active {
    /*background-color: #ececec*/
}
.weui-grid:active {
    /*background-color: #ececec*/
}
.weui-actionsheet__cell:active {
    /*background-color: #ececec*/
}