html, body { width: 100%; height: 100%; }
/*body { font-family: Tahoma,'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei',"hiragino sans gb", Helvetica, Arial, "\5b8b\4f53", 'sans-serif'; }*/
/*body {    font-family: Meiryo,"Microsoft YaHei","MS PGothic",sans-serif !important; }*/

.container-wrap { margin-left: 200px; min-height: 100%; overflow: hidden; position: relative; }
.page-container { margin: 0; padding: 15px 20px; margin-bottom: 50px; }
.page-header { margin: 0 0 12px; border-bottom: 1px dotted #2679b5; padding-bottom: 16px; padding-top: 7px; }
    .page-header H1 { color: #2679b5; font-weight: lighter; font-size: 24px; margin: 0 8px; padding: 0; }

/*头部左边logo*/
.navbar { background-color: #2A4752; margin-bottom: 0px; border-radius: 0; border: none; }
    .navbar .navbar-brand { color: #fff; }

/*头部右边nav*/
.scyp-nav .navbar-nav > li { line-height: 50px; height: 50px; }
    .scyp-nav .navbar-nav > li > a { color: #FFF; display: block; line-height: inherit; text-align: center; height: 100%; width: auto; min-width: 50px; padding: 0 8px; }
        .scyp-nav .navbar-nav > .open > a,
        .scyp-nav .navbar-nav > .open > a:focus,
        .scyp-nav .navbar-nav > .open > a:hover,
        .scyp-nav .navbar-nav > li > a:hover { color: #fff; background: rgba(0, 0, 0, 0.1); }
        .scyp-nav .navbar-nav > li > a > [class*="icon-"] { font-size: 16px; color: #FFF; display: inline-block; width: 20px; text-align: center; }
.scyp-nav .navbar-nav li.nav-custom { background-color: #2A4752 !important; }
    .scyp-nav .navbar-nav li.nav-custom .cus-photo { margin: -4px 8px 0 0; border-radius: 100%; border: 2px solid #FFF; max-width: 40px; background-color: #62a8d1; }
    .scyp-nav .navbar-nav li.nav-custom .cus-name { max-width: 100px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; vertical-align: top; line-height: 15px; position: relative; top: 6px; }
    .scyp-nav .navbar-nav li.nav-custom small { display: block; font-size: 85%; }
.dropdown-menu > li > a { font-size: 13px; padding-left: 11px; padding-right: 11px; margin-bottom: 1px; margin-top: 1px; }
.dropdown-menu.pull-right.dropdown-caret:after { left: auto; right: 10px; }
.dropdown-menu.dropdown-caret:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; }

/*左边导航栏*/
.sidebar:before { content: ""; display: block; width: 200px; position: fixed; bottom: 0; top: 0; z-index: -1; background-color: #1e282c; }
.sidebar { width: 200px; float: left; }
    .sidebar .sidebar-item > a, .sidebar .sidebar-item a:focus { color: #b8c7ce; background-color: #1e282c; border-left: 3px solid transparent; font-size: 16px; }
        .sidebar .sidebar-item > a:hover,
        .sidebar .sidebar-item > a[aria-expanded="true"] { color: #fff; background: #527A8A; border-left-color: #dd4b39; }
    .sidebar .sidebar-item .secondmenu > li > a { background-color: #2c3b41; color: #8aa4af; font-size: 14px; text-align: left; padding: 5px 15px; padding-left: 45px; }
        .sidebar .sidebar-item .secondmenu > li a:focus,
        .sidebar .sidebar-item .secondmenu > li > a:hover,
        .sidebar .sidebar-item .secondmenu > li > a.active { color: #fff; background-color: #445962; }
li.sidebar-item > a[aria-expanded="true"] > .glyphicon-chevron-left { transform: rotate(-90deg); }

/*标签，状态，分类样式*/
.label { display: inline-block; padding: 5px 10px; border-radius: 0; }
.label-green { background-color: #82af6f !important; }
.label-yellow { background-color: #f89406 !important; }
.label-blue { background-color: #3a87ad !important; }
.label-red { background-color: #D9534F !important; }
.label.arrowed { position: relative; z-index: 1; }
    .label.arrowed:before, .label.arrowed-out:before { display: inline-block; content: ""; position: absolute; top: 0; z-index: -1; border: 1px solid transparent; border-right-color: #abbac3; }
    .label.arrowed:before, .label.arrowed-in:before { display: inline-block; content: ""; position: absolute; top: 0; z-index: -1; border: 1px solid transparent; border-right-color: #abbac3; }
.label-sm.arrowed { margin-left: 4px; }
    .label-sm.arrowed:before { left: -12px; border-width: 11px 6px; }
.label-green.arrowed:before { border-right-color: #82af6f; }
.label-yellow.arrowed:before { border-right-color: #f89406; }
.label-blue.arrowed:before { border-right-color: #3a87ad; }
.label-red.arrowed:before { border-right-color: #D9534F; }
.label-sm.arrowed-in { margin-left: 4px; }
.label.arrowed, .label.arrowed-in { position: relative; z-index: 1; }
.label-sm.arrowed-in:before { left: -4px; border-width: 11px 4px; }
.label.arrowed-in:before { border-color: #abbac3; border-left-color: transparent !important; }
.label-green.arrowed-in:before { border-color: #82af6f; }
.label-yellow.arrowed-in:before { border-color: #f89406; }
.label-blue.arrowed-in:before { border-color: #3a87ad; }
.label-red.arrowed-in:before { border-color: #D9534F; }
.glyphicon { margin-right: 10px; }

.nav-pills { padding-left: 5px; }
    .nav-pills > li + li { margin-left: 0; }
    .nav-pills > li > a { border: 1px solid #ccc; color: #666; padding: 5px 20px; border-radius: 0; margin-top: 5px; margin-right: 2px; }
    .nav-pills > li.active > a { color: #fff; border-color: #337ab7; }
    .nav-pills.tag > li.active > a, .btn-tag { background-color: #6fb3e0 !important; border-color: #6fb3e0; }
    .nav-pills.status > li.active > a,
    .btn-status { background-color: #87b87f !important; border-color: #87b87f; }
    .nav-pills.classify > li.active > a, .btn-classify { background-color: #ffb752 !important; border-color: #ffb752; }
.panel-label { vertical-align: middle; margin-top: 5px; text-align: right; padding-right: 25px; }
.panel-body-item { margin-bottom: 10px; }
.space-10 { margin-top: 10px; max-height: 1px; min-height: 1px; overflow: hidden; }
.space-5 { margin-top: 5px; max-height: 1px; min-height: 1px; overflow: hidden; }
/*搜索应用样式*/
.app-name { font-size: 24px; font-weight: bolder; }
.app-label { float: left; }
    .app-label .btn { padding: 0px 10px; border-radius: 0; color: #fff; font-size: 12px; }
.app-info-row { position: relative; }
.app-info-name { position: absolute; left: 0; top: 0; bottom: 0; width: 110px; text-align: right; padding: 6px 10px 6px 0; font-weight: normal; color: #336199; background-color: #edf3f4; border-top: 1px solid #f7fbff; }
.app-info-value { padding: 6px 4px 6px 20px; margin-left: 110px; border-top: 1px dotted #d5e4f1; }
.app-info-striped { border: 1px solid #dcebf7; }
.app-info-row:first-child .app-name-value { border-top: 0; }
.app-result-item { padding: 10px 0; margin: 10px 0; background: #fff; border-bottom: 1px dotted #ccc; }
.header { line-height: 28px; margin-bottom: 10px; margin-top: 15px; padding-bottom: 5px; padding-top: 5px; padding-left: 15px; color: #fff; background-color: #34495E !important; border-radius: 3px; font-weight: normal; }
.detail-btn { border-radius: 0; font-size: 13px; padding-top: 3px; padding-bottom: 3px; }
.panel-heading { font-size: 14px; }
.table-bordered > thead > tr > th { border-bottom-width: 1px; }
.panel-heading-primary { background-color: #34495E !important; color: #ffffff; }
thead th { white-space: nowrap; }
.table thead tr { color: #707070; font-weight: normal; background: #f2f2f2; background-image: -webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec)); background-image: -webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%); background-image: -moz-linear-gradient(top,#f8f8f8 0,#ececec 100%); background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0); }

/****缩略图******/
.thumbnail .title { text-align: center; display: block; padding: 8px; color: #fff; background: rgba(0,0,0,1); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
a.thumbnail:hover { text-decoration: none; }

/****富文本编辑*****/
.hero-unit .btn-toolbar { padding: 5px; margin-left: 0; text-align: center; }
.hero-unit .btn-group { margin-top: 5px; float: none; }
.btn-toolbar { background: #e5e5e5; }
.hero-unit h1 { color: #C77405; }
#editor { max-height: 550px; height: 550px; background-color: white; border-collapse: separate; border: 1px solid rgb(204, 204, 204); padding: 4px; box-sizing: content-box; -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; overflow: scroll; outline: none; }
#voiceBtn { width: 20px; color: transparent; background-color: transparent; transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); -moz-transform: scale(2.0, 2.0); border: transparent; cursor: pointer; box-shadow: none; -webkit-box-shadow: none; }
div[data-role="editor-toolbar"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dropdown-menu a { cursor: pointer; }

/******标签页（Tab）*****/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { border-top-color: #4c8fbd; border-top-width: 2px; }
.tab-pane { border: 1px solid #ddd; border-top-width: 0; padding: 10px; }
.footer { font-size: 12px; }
.thumbnail { border: 0; padding: 10px 0px 0px; }
    .thumbnail > img { max-width: 70%; border-radius: 5px; }
    .thumbnail .caption h3 { margin-top: 5px; text-align: center; }
    .thumbnail .caption p { text-align: center; }
.app-wrapper { background: #FFFFFF; border: 1px solid #CDCDCD; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 2px 2px -2px #CCCCCC; -moz-box-shadow: 0 2px 2px -2px #CCCCCC; -webkit-box-shadow: 0 2px 2px -2px #CCCCCC; margin-bottom: 20px; }
.app-wrapper-header { border-bottom: 1px solid #CDCDCD; box-shadow: 0 1px 0 #FFFFFF; -moz-box-shadow: 0 1px 0 #FFFFFF; -webkit-box-shadow: 0 1px 0 #FFFFFF; position: relative; text-shadow: 0 1px #FFFFFF; height: 40px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: rgb(248,248,248); background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); }
    .app-wrapper-header h3 { display: block; float: left; line-height: 40px; padding-left: 10px; font-weight: normal; font-size: 16px; margin: 0px; }
.app-wrapper-content { padding: 20px; }

.table-felx { display: flex; overflow: hidden; }
    .table-felx thead, .table-felx tbody { display: flex; flex-shrink: 0; min-width: min-content; }
    .table-felx thead { width: 20%; }
        .table-felx thead tr th { border-left-width: 0; border-right-width: 0; padding-right: 30px; text-align: right; }
            .table-felx thead tr th:last-child { border-bottom-width: 0; }
    .table-felx tbody { width: 80%; }
        .table-felx tbody tr td { border-bottom-width: 0; border-right-width: 0; padding-left: 15px; }
            .table-felx tbody tr td:first-child { border-top-width: 0; }
    .table-felx tr, .table-felx th { display: flex; flex-direction: column; min-width: min-content; flex-shrink: 0; width: 100%; }

.btn-large { border-radius: 6px 6px 6px 6px; font-size: 115%; line-height: 1; padding: 10px 25px; text-align: center; }
.control-label { padding-top: 7px; margin-bottom: 0; text-align: right; }
.nav-list > li .secondmenu > li a > [class*="icon-"]:first-child { font-size: 12px; font-weight: normal; width: 18px; height: auto; line-height: 12px; text-align: center; position: absolute; left: 10px; top: 11px; z-index: 1; background-color: #FFF; }
.reg-info { background: #fff; border: 1px solid #ccc; margin-top: 10px; height: 100%; }
.control-label { white-space: nowrap; }
fieldset[disabled] input[type="text"] { background-color: #eee; opacity: 1; }

/*****共用样式********/
[class*="icon-"] { margin-right: 3px; }
.center, .text-center { text-align: center !important; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px !important; }
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.inline { display: inline-block; }
.width-70 { width: 70%; }
.mr15 { margin-right: 15px; }
.underline { text-decoration: underline; }
.pt10 { padding-top: 10px; }
.width-30 { width: 30%; }
.fw700 { font-weight: 700 !important; }
.mt1 { margin-top: 1px; }

/*****登录注册********/
.body-box { background-color: #fff; height: 100%; }
.form-signin, .form-signreg { width: 500px; margin: 0 auto; margin-top: 100px; border: 1px solid #D4D4D4; }
.form-header { color: #000; background-color: #fff; border-radius: 10px 10px 0 0; }
    .form-header h3 { margin: 0; color: #fff; padding: 20px; }
.form-body { background: #fff; padding: 10px 20px 10px 20px; }
    .form-body .checkbox { color: #666; }
.form-footer { padding: 0 20px 10px; border-radius: 0 0 15px 15px; background: #fff; }
    .form-footer a { color: #555; }
        .form-footer a:hover { text-decoration: none; }
    .form-footer p { margin: 0; }

@media (max-width: 480px) {
    .form-signin, .form-signreg { width: 100%; margin: 20px auto 55px; }
}


/***********max-width<767px******************/
@media (max-width: 767px) {
    .navbar-header { float: left; }
    .navbar-nav { margin: 0; }
        .navbar-nav > li { float: left; }
        .navbar-nav .open .dropdown-menu { position: absolute; width: 240px; box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); border-color: #bcd4e5; background-color: #fff; }
        .navbar-nav .nav-custom.open .dropdown-menu { width: auto; }
            .navbar-nav .nav-custom.open .dropdown-menu > li > a { padding: 2px 11px; }
        .navbar-nav .open .dropdown-menu .dropdown-header { padding: 0 8px; }
        .navbar-nav .open .dropdown-menu > li > a { padding: 10px 2px; }
    .navbar-offcanvas { overflow: auto !important; width: 200px !important; margin-top: 50px; }
    .container-wrap { margin: 0 5px; }
    .page-container { padding: 5px 0px 5px; border: 0; }
    .scyp-nav { background-color: #404040; letter-spacing: -3px; height: 50px; }
        .scyp-nav > .navbar-nav { display: inline-block; }
            .scyp-nav > .navbar-nav li { text-align: left; letter-spacing: normal; }
    .dropdown-menu.pull-right.dropdown-caret:after { left: 29px; right: auto; }
    .navbar-nav .open .dropdown-menu { left: -3px; }
    .app-label { float: none; text-align: center; }
    .app-name { text-align: center; }
    .panel-label { padding-left: 0; display: block; text-align: left; }
    .nav-pills { padding-left: 0; }
    /********table************/
    .control-label { margin-bottom: 5px; }
    input[type="text"], select { margin-bottom: 5px; }
    /***************************/
    .thumbnail { margin-bottom: 0; }
    .account .time-search { margin-top: 5px; }

    /*小屏时使底部不固定*/
    footer, footer.footer-box { position: static; }
    /*小屏时清空右内边距*/
    .Lpadding { padding-right: 0 !important; }
}

.navbar-toggle { margin-right: 0px !important; background: #438eb9; border: 1px solid white; box-shadow: 0 0 7px rgb(0,255,40); }
.offcanvas-toggle .icon-bar { background: #fff; }
footer { text-align: center; position: fixed; bottom: 0px; width: 100%; z-index: 999; }  

/*应用图片样式*/
.appThumb { display: inline-block; height: 180px; border: 1px dotted #ccc; border-radius: 5px; overflow: hidden; text-align: center; }
.appLink { height: 180px; width: 200px; display: table-cell; vertical-align: middle; text-align: center; }

.footer-box { width: 100%; left: 200px; text-align: center; position: fixed; background-color: #fff; bottom: 0px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 5px 0px; border: 1px solid #ccc; border-bottom: 0px; }
.footer-content { margin-left: -200px; }

@media(max-width:767px) {
    .footer-box { left: 0px; }
    .footer-content { margin-left: 0px; }
}

input.error, textarea.error, select.error { border: dashed 1px red; }
label.error { color: red; margin-bottom: 0px; font-weight: normal; }
span.required-field { color: red; }
.modal-footer { text-align: center; }

.search-link { display: table-cell; vertical-align: middle; width: 180px; height: 180px; text-align: center; }


/*重写按钮样式*/
.btn { border-radius: 0; }
.btn-primary { background-color: #527A8A; }
    .btn-primary:hover { background-color: #2A4752; }

/*表单的修改样式*/
#formLogin div.main-container p { margin: 0; padding: 8px; font-size: 16px; }
.panel-primary { border-color: #D4D4D4; border-radius: 0; margin-top: 80px; }
    .panel-primary .panel-heading { background-color: #fff; }
div.panel-primary p { color: #000; font-size: 16px; /*text-align: center;*/ padding: 8px; padding-left: 15px; /*background: red;*/ }
div.panel-body { border: none; padding-bottom: 0; }
.row .panel-body .form-footer { padding-left: 0; }
.form-footer .twtyFont { font-size: 14px; }
/*.form-header{
       color: #000;
       background: #fff;
   }*/
.form-header p { margin: 0; padding: 18px 18px 0 24px; color: #000; font-size: 16px; }
.form-control { border-radius: 0px; }

.marginTop { margin-top: 5px; width: 100%; }
.userSelect { margin-top: 5px; height: 32px; }

/*************************/
/*****快速设置样式类s*****/
.hide { display: none !important; }
.show { display: block !important; }
.floatLeft { float: left; }
.clearFloat { overflow: hidden !important; }
.full { width: 100% !important; }
.noBorder { border: none !important; }
.noBorderRadius { border-radius: 0 !important; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
/*快速设置背景颜色类*/
.p { background: pink; }
.g { background: green; }
.b { background: lightblue; }
/*****快速设置样式类e*****/
/*************************/

/*****首页信息展示样式s*****/
.widgetWrapper { border: 1px solid #cdcdcd; margin-bottom: 20px; }
.widgetHeader { height: 35px; line-height: 30px; padding: 0 10px; color: white; border-bottom: 1px solid #cdcdcd; background: #527A8A; font-weight: bold; }
.widgetContent { padding: 10px; }
    .widgetContent dl { /*width: auto;*/ /*margin: 0 auto;*/ }
    .widgetContent td { height: 26px; line-height: 26px; }
.Lpadding { padding-right: 10px; }
/*****首页信息展示样式e*****/