/*     ___f-section 
-------------------------------*/
.f-section{margin-bottom:10px;background-color:#fff;}
.f-section .slide-link{position:relative;display:block;padding:12px 14px 12px 10px;border-bottom:1px solid #f6f6f6;line-height:22px;font-size:14px;color:#4d525d;}
.f-section .slide-link img{float:left;height:22px;margin-right:5px;}
.f-section .slide-link span{float:right;display:inline-block;font-size:12px;color:#999;}
.f-section .slide-link .fa{margin:0 6px 0 4px;color:#f90;}
.f-section .slide-link .fa-angle-right{margin-left:8px;vertical-align:middle;color:#999 !important;}/*     ___css reset
-------------------------------*/
a {text-decoration:none;outline:none;color:#333;}
a:hover,a:focus,a:active{text-decoration:none;outline:none;}
ul,li,ol{list-style:none outside none;}
i,em,strong,b,dt{font-style:normal;font-weight:normal}
h1, h2, h3, h4, h5, h6 { font-size:100%; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }
body{background-color:#f5f5f5;padding:55px 0 60px 0;min-width: 320px;max-width: 640px;margin:0 auto;}
/*     ___publik css
-------------------------------*/
.help-block{color:#f00;font-size:12px;margin-bottom:0;clear:both;}
.red{color:#f00;}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#3f97c1 !important;border:1px solid #3f97c1 !important;outline:none !important;}

/*     ___顶部悬浮
-------------------------------*/
.head-fixed{position:fixed;top:0;left:0;z-index:216;width:100%;height:40px;background-color:#3f97c1;color:#fff;}
.head-fixed a,.head-fixed a:hover{color:#fff;}
.head-fixed .head-tit{display:block;line-height:40px;font-size:16px;font-weight:bold;text-align:center;margin:0 20%;}
.head-fixed .head-back,
.head-fixed .head-op,
.head-fixed .filter_quit,
.head-fixed .filter_clear,
.head-fixed .optext{height:40px;line-height:40px;}
.head-fixed .head-back{position:absolute;top:0;left:0;padding-left:10px;padding-right:10px;}
.head-fixed .head-back:before{position:relative;top:-1px;display:inline-block;margin:0 .3em 0 .3em;width:9px;height:9px;border-color:#fff;border-style:solid;border-width:0 0 2px 2px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.head-fixed .head-op{position:absolute;top:0;right:0;padding-right:20px;}
.head-fixed .optext{position:absolute;top:0;right:0;padding-right:20px;}
.head-fixed .optext .fa{vertical-align:middle}
.head-fixed .head-op:after{position:relative;top:-3px;display:inline-block;margin:0 .3em 0 .3em;width:8px;height:8px;border-color:#fff;border-style:solid;border-width:0 2px 2px 0;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.head-fixed .filter_quit{position:absolute;top:0;left:0;padding-left:10px;}
.head-fixed .filter_clear{position:absolute;top:0;right:0;padding-right:10px;}



/*     ___底部悬浮
-------------------------------*/
.foot-fixed{position:fixed;bottom:0;left:0;z-index:2016;width:100%;height:56px;background-color:#fff;border-top:1px  solid #d3d3d3;opacity:.96;filter:alpha(opacity=96);}
.foot-fixed ul{display:-moz-box;display:-webkit-box;display:box;width:100%;}
.foot-fixed li{height:56px;text-align:center;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.foot-fixed li a{display:inline-block;width:100%;height:100%;color:#A9A9A9;}
.foot-fixed li a.selected{color:#3f97c1;}
.foot-fixed li i,.head-fixed li span{display:block;}
.foot-fixed li i{margin:6px 0 4px 0;height:24px;font-size:20px;}
/*     ___安全退出
-------------------------------*/
#SignOut .modal-dialog{margin-top:80px;}
#SignOut .modal-footer{height:45px;line-height:45px;text-align:left;padding:0;}
#SignOut .modal-footer a{display:inline-block;width:49%;font-size:14px;color:#555;text-align:center;}
#SignOut .modal-footer a:last-child{border-left:1px solid #e5e5e5;color:#da251d;}

#divError .modal-dialog{margin-top:80px;}
#divError .modal-footer{height:45px;line-height:45px;text-align:left;padding:0;}
#divError .modal-footer a{display:inline-block;width:49%;font-size:14px;color:#555;text-align:center;}
#divError .modal-footer a:last-child{border-left:1px solid #e5e5e5;color:#da251d;}

/*加载中动态片*/
#loading_div { position: fixed; z-index: 2000; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(7, 6, 6, 0.44); }
#loading_div img { position: absolute; left: 50%; top: 50%; height: 80px; margin-left: -40px; margin-top: -40px; }
/* 横向滚动条bug */
.form-group{margin-left:0 !important;margin-right:0 !important;}


/*     ___ui_mod_box
-------------------------------*/
.ui_mod_box{position:relative;overflow:hidden;background-color:#fff;margin-top:15px;}
.ui_mod_box_hd{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:12px 15px 12px 15px;}
.ui_mod_box_hd .tit{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;padding-left:10px;}
.ui_mod_box_hd .more{color:#d00;font-size:14px;}
.ui_mod_cell{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:12px 15px;}
.ui_mod_cell_ft{color:#797979;}
.ui_mod_cell_bd_primary{-webkit-box-flex:1 1 0;-webkit-flex:1 1 0;flex:1 1 0;}
.ui_mod_box.mod_space{margin-left:10px;margin-right:10px;border-radius:4px;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
/* 盒模型 && 单元格  && 箭头装饰线 */
.ui_mod_box:before,.ui_mod_box:after {content:" ";position:absolute;left:0;width:100%;height:1px;}
.ui_mod_box:before{top:0;border-top:1px solid #d3d3d3;}
.ui_mod_box:after{bottom:0;border-bottom:1px solid #d3d3d3;}
.ui_mod_box:first-child{margin-top:0;}
.ui_mod_box_hd:after{content:" ";position:absolute;left:15px;bottom:0;width:100%;height:1px;border-bottom:1px solid #d3d3d3;}
.ui_mod_box_hd .tit:before{content:" ";position:absolute;left:15px;top:14px;width:3px;height:16px;border-left:3px solid #d00;}
.ui_mod_box_hd .more:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 2px 0 0;border-color:#d00;border-style:solid;height:6px;width:6px;position:relative;top:-1px;margin-left:.3em;}
.ui_mod_cell:before{content:" ";position:absolute;left:15px;top:0;width:100%;height:1px;border-top:1px solid #d3d3d3;}
.ui_mod_cell:first-child:before{display:none;}
.ui_mod_cell_access .ui_mod_cell_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 2px 0 0;border-color: #d3d3d3;border-style:solid;height:6px;width:6px;position:relative;top:-1px;margin-left:.3em;}
/* 盒模型 a链接 表单提示 */
.ui_mod_box a,.ui_mod_box a:hover,.ui_mod_box a:focus{color:#333;}
.ui_mod_box .tips_info{float:left;font-size:12px;}
/* 盒模型下的 表单元素 */
.ui_mod_box .ui_mod_select { border: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; float: right; border: 0px; text-align: right; background-color: #fff; height: 22px; width: 60%; direction: rtl; font-size: 14px; padding:0;}
.ui_mod_box .ui_mod_select:focus { border: 0px; outline: none; }
.ui_mod_box .ui_mod_select optgroup,.ui_mod_box .cui_mod_select option { text-align: center; direction: ltr; }
.ui_mod_box .ui_mod_input { width: 60%; float: right; color: #000; text-align: right; height: 22px; padding-left: 5px; font-size: 14px; padding-right: 10px; border: 0px; outline: none; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; background-color: #fff; }
.ui_mod_box .ui_mod_input :focus { outline: none; background-color: #000; -webkit-outline: none; -moz-outline: none; -ms-outline: none; -webkit-appearance: none; }


.nodata { background: url(../images/nodata.png) center no-repeat !important; height: 150px; width: 200px; margin: 40px auto; line-height: 280px; text-align: center; color: #A9A9A9; }

/*cell_flex*/
.cell_flex{display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; display: flex; }
.cell_primary{-webkit-box-flex:1;-webkit-flex:1;flex:1;}


/*加载更多 已加载完全部内空*/
.loadmore > a,.no-loadmore > a {display:block;padding:8px 0;margin: 20px 0 40px 0;font-size:14px;color:#333;text-align:center;background-color:#fff;border:solid 1px #e5e5e5;border-radius:4px;}
.no-loadmore > a {background-color:#fafafa;color:#b4b4b4;}