/*==========public class=========*/

.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.ofh{overflow:hidden;}
.xddw{position:relative;}
.jddw{position:absolute;}
.noview{display:none;}
.mousehand{cursor:pointer}
.clear{clear:both;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.yj5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bd1{border:1px solid #ddd;}
.bdbt1{border-bottom: 1px solid #ddd;}
.bdbt2{border-bottom: 1px dashed #ddd;}
.nobd{border:none !important;}
.fontnm{font-weight:400 !important;font-style:normal !important;}
.fontbd{font-weight:700 !important;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f30{font-size:30px !important;}
.f36{font-size:36px !important;}
.lh14{line-height:14px !important;}
.lh18{line-height:18px !important;}
.lh24{line-height:24px !important;}
.lh30{line-height:30px !important;}
.lh36{line-height:36px !important;}
.lh48{line-height:48px !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.bgfff{background:#fff !important;}
.bg-main{background:#0a8 !important;}
.bg-blue{background:#0ae !important;}
.bg-yellow{background:#f60 !important;}
.bg-red{background:#f00 !important;}
.bg-green{background:#2c7 !important;}
.bg-black{background:#000 !important;}
.bg-gray{background:#999 !important;}
.text-fff{color:#fff !important;}
.text-main{color:#0a8 !important;}
.text-blue{color:#0ae !important;}
.text-yellow{color:#f60 !important;}
.text-red{color:#f00 !important;}
.text-green{color:#2c7 !important;}
.text-black{color:#000 !important;}
.text-gray{color:#999 !important;}

.fcinp{border: 1px solid #ddd;min-width:200px;height:30px;padding:2px 5px;background: #f6f6f6;}
.fcinp:hover{border:1px solid #ccc;background-color:#eee;}
.fcbtn{position:relative;border: solid 1px #ddd;background: transparent;display:inline-block;line-height: 1.5;text-align:center;cursor:pointer;font-size:14px;padding: .375em 1em;}
.fcbtn[class*='bg-']{color: #fff !important;border-color: transparent !important;}
.fcbtn[class*='bg-']:hover::before {position: absolute;content: "";width:100%;height:100%;top: 0;left: 0;background-color: rgba(0,0,0,.05);border-radius: inherit;}
.fcbtn-mini{padding: .125em .5em;font-size:12px;}
.fcbtn-big{padding: .625em 1.25em;font-size:16px;}
.fcbtn-block {display: block;width: 100%;}
.fcbtn[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}

.basetable{margin:5px auto;line-height:26px;width:100%;}
.basetable th{background-color: #f1f4f7;}
.basetable td,.basetable th{border:1px solid #e7ecf1;padding:8px 5px;}

.page-logo .logo-default{width: 140px;}

.loginform .form-control{border:1px solid #dedede;}

.mybtngroup .btn{margin:5px;}

.myapps{margin-top:10px;margin-bottom:10px;}
.myapps .pic{width:70px;height:70px;margin:auto;background:#f5f5f5;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:relative;}
.myapps img{width:100%;padding:10px;position:absolute;top:0;left:0;right:0;bottom:0;}
.myapps .bt{height:24px;line-height:24px;overflow:hidden;color:#666;margin-top:6px;}

.lastxzlog{list-style:none;padding:0 0 0 0;}
.lastxzlog li{height:40px;line-height:40px;overflow:hidden;}
.lastxzlog li a{color:#666;}
.lastxzlog li span{float:right;margin:0 10px;}
.lastxzlog li span a{background-color: #f1f4f7;padding:4px 8px;border-radius:3px;font-size:12px;color:#999;}

@media screen and (max-width: 768px) {

footer{padding-bottom:70px;}
.footbar{width:100%;float:left;height:50px;background:#fff;position:fixed;left:0;bottom:0;z-index:900;box-shadow: 0 -2px 3px 0 rgba(0,0,0,.12);}
.footbar a {width:25%;float:left;height:50px;text-align:center;padding-top:5px;font-size:14px;line-height:20px;color:#666;text-decoration: none;}
.footbar a:hover{background:#ddd;text-decoration: none;}
.footbar span{display:block;width:100%;height:20px;font-size:18px;padding:0px}
.night .footbar{background:#1e232b;}
.show-l{display: block!important;}
.appminh{min-height:400px;}
}

@media screen and (min-width: 768px) {
.loginform{padding:20px;}
.footbar{display:none;}
}