@import url("plugins.css");
h1, h2, h3, h4, h5, h6{ font-weight:100 }
h1{ font-size:30px }
h2{ font-size:24px }
h3{ font-size:16px }
h4{ font-size:14px }
h5{ font-size:12px }
h6{ font-size:10px }
h3, h4, h5{ margin-top:5px; font-weight:600 }
label{font-weight:normal; margin-bottom:0px}
.toplogo{color: #FFF; text-align: center; width: 180px; font-size: 18px; height: 50px; overflow: hidden; line-height: 40px; overflow: hidden}
/*自定义*/
.topright{ float:right; line-height:50px; padding-right:10px; font-size:14px}
.topright a{ color:#fff;}
a:focus{outline:none;}
body{ font-size:12px; font-family:微软雅黑; }
.label-width {width: 180px;}
.swh{ width:10%; display:inline-block;}
.mwh{ width:25%; display:inline-block;}
.lwh{ width:35%; display:inline-block;}
.xlwh{ width:50%; display:inline-block;}
.xxlwh{ width:65%; display:inline-block;}
.xxxlwh{ width:80%; display:inline-block;}
.ds_inputtip{ color:#929292; padding-left:20px; display:inline-block;}
.btn-left{ margin-left:20px;}
.seach {border: 2px solid #CCC;padding: 15px; }
.info i{ width: 80px;height: 25px;display: block; background: #FFF; position: absolute;margin-left: 30px;margin-top: -10px;  font-size: 14px; text-align: center;font-style: normal;}
.opreat{ margin-bottom:25px;}
.opreat i{ padding-right:10px;}
.table > tbody + tbody{ border:1px solid #ddd;}
/*表格式提交table边框设置*/
.table { border: 1px solid #DDD; margin-top:20px; margin-bottom:65px;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border-right:0px solid #ddd;word-break:break-all;}
.data{ margin:20px 0;}
.navbar-nav > li{border-right:1px solid #005d9c}
.navbar-nav > li > a{ color:#fff; font-weight: normal; padding:16px 20px 14px 25px;}
.navbar-nav li > a{ display:block }
.navbar-nav >li > a:hover , .navbar-nav >li > a:visited{background:#0088e5}
navbar-right > li > a{ color:#fff }
.navbar-nav > li.active > a , #side-menu a{ color:#fff }
#side-menu i{padding-right:5px; margin-left:10px}
#side-menu > ul > li > a{background:#44619d; height:41px; line-height:41px; padding-top:0px; padding-bottom:0px}
#side-menu > ul > li > ul >a{height:50px; line-height:50px}
.sidebar-collapse li a:focus, .sidebar-collapse li a:hover , .nav-second-level li.active{ background-color:#337ab7; border-left:1px solid #fff; color:#fff }
.navbar-nav .open > a, .navbar-nav .open > a:focus, .navbar-nav .open > a:hover{ background:#fff }
.navbar-nav > li > a i{ margin-right:6px }
.navbar{ border:0 }
.navbar-default{ background-color:transparent; border-color:#2f4050; position:relative }
.navbar-top-links li{ display:inline-block }
.navbar-top-links li:last-child{ margin-right:30px }
body.body-small .navbar-top-links li:last-child{ margin-right:10px }
.navbar-top-links li a{ min-height:50px }
.dropdown-menu{ border:medium none; display:none; float:left; font-size:12px; left:0; list-style:none outside none; padding:0; position:absolute; text-shadow:none; top:100%; z-index:1000; border-radius:0; box-shadow:0 0 3px rgba(86, 96, 117, .3) }
.dropdown-menu > li > a{ border-radius:3px; color:inherit; line-height:25px; margin:4px; text-align:left; font-weight:400 }
.dropdown-menu > li > a.font-bold{ font-weight:600 }
.navbar-top-links .dropdown-menu li{ display:block }
.navbar-top-links .dropdown-menu li:last-child{ margin-right:0 }
.navbar-top-links .dropdown-menu li a{ padding:3px 20px; min-height:0 }
.navbar-top-links .dropdown-menu li a div{ white-space:normal }
.navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks{ width:310px; min-width:0 }
.navbar-top-links .dropdown-messages{ margin-left:5px }
.navbar-top-links .dropdown-tasks{ margin-left:-59px }
.navbar-top-links .dropdown-alerts{ margin-left:-123px }
.navbar-top-links .dropdown-user{ right:0; left:auto }
.dropdown-alerts, .dropdown-messages{ padding:10px }
.dropdown-alerts li a, .dropdown-messages li a{ font-size:12px }
.dropdown-alerts li em, .dropdown-messages li em{ font-size:10px }
.nav.navbar-top-links .dropdown-alerts a{ font-size:12px }
.nav-header{ padding:33px 25px; background:url("../images/header-profile.png") no-repeat }
.navbar-nav > li.active a{ background:#293846 }
.nav.nav-second-level > li.active{ border:none }
.nav.nav-second-level.collapse[style]{ height:auto !important }
.nav-header a{ color:#DFE4ED }
.nav-header .text-muted{ color:#8095a8 }
.minimalize-styl-2{ padding:4px 12px; margin:14px 5px 5px 20px; font-size:14px; float:left }
.navbar-form-custom{ float:left; height:50px; padding:0; width:200px; display:inline-table }
.navbar-form-custom .form-group{ margin-bottom:0 }
.nav.navbar-top-links a{ font-size:14px }
.navbar-form-custom .form-control{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:medium none; font-size:14px; height:60px; margin:0; z-index:2000 }
.count-info .label{ line-height:12px; padding:1px 5px; position:absolute; right:6px; top:12px }
.arrow{ float:right; margin-top:2px }
.fa.arrow:before{ content:"\f104" }
.active > a > .fa.arrow:before{ content:"\f107" }
.nav-second-level li, .nav-third-level li{ border-bottom:none !important }
.nav-second-level li a{ padding:10px 15px 10px 10px; padding-left:32px }
.nav-third-level li a{ padding-left:62px }
.nav-second-level li:last-child{ margin-bottom:10px }
.mini-navbar .nav li:focus > .nav-second-level, body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level{ display:block; border-radius:0 2px 2px 0; min-width:140px; height:auto }
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a{ font-size:12px; border-radius:0 2px 2px 0 }
.fixed-nav .slimScrollDiv #side-menu{ padding-bottom:60px; position:relative }
.slimScrollDiv > *{ overflow:hidden }
.mini-navbar .nav-second-level li a{ padding:10px 10px 10px 15px }
.canvas-menu.mini-navbar .nav-second-level{ background:#293846 }
.mini-navbar li.active .nav-second-level{ left:65px }
.navbar-default .special_link a{ background:#1ab394; color:#fff }
.navbar-default .special_link a:hover{ background:#17987e !important; color:#fff }
.navbar-default .special_link a span.label{ background:#fff; color:#1ab394 }
.navbar-default .landing_link a{ background:#1cc09f; color:#fff }
.navbar-default .landing_link a:hover{ background:#1ab394 !important; color:#fff }
.navbar-default .landing_link a span.label{ background:#fff; color:#1cc09f }
.logo-element{ text-align:center; font-size:18px; font-weight:600; color:#fff; display:none; padding:18px 0 }
.pace-done #page-wrapper, .pace-done .footer, .pace-done .nav-header, .pace-done .navbar-static-side, .pace-done li.active{ -webkit-transition:all .5s; transition:all .5s }
.navbar-fixed-top{ -webkit-transition-duration:.5s; transition-duration:.5s; z-index:2030 }
.navbar-fixed-top, .navbar-static-top{ background:#267cb7; color:#fff; }
.fixed-nav #wrapper{ padding-top:50px; box-sizing:border-box }
.fixed-nav .minimalize-styl-2{ margin:14px 5px 5px 15px }
.body-small .navbar-fixed-top{ margin-left:0 }
body.mini-navbar .navbar-static-side{ width:70px }
body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span, body.mini-navbar .profile-element{ display:none }
body.canvas-menu .profile-element{ display:block }
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{ display:none }
body.mini-navbar .navbar-default .nav > li > a{ font-size:16px }
body.mini-navbar .logo-element{ display:block }
body.canvas-menu .logo-element{ display:none }
body.mini-navbar .nav-header{ padding:0; background-color:#1ab394 }
body.canvas-menu .nav-header{ padding:33px 25px }
body.mini-navbar #page-wrapper{ margin:0 0 0 70px }
body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer{ margin:0 }
body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side{ position:fixed; width:180px; z-index:2001; height:100% }
body.fixed-sidebar.mini-navbar .navbar-static-side{ width:70px }
body.body-small.fixed-sidebar.mini-navbar #page-wrapper, body.fixed-sidebar.mini-navbar #page-wrapper{ margin:0 0 0 70px }
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side{ width:70px }
.fixed-sidebar.mini-navbar .nav li > .nav-second-level{ display:none }
.fixed-sidebar.mini-navbar .nav li.active{ border-left-width:0 }
.canvas-menu.mini-navbar .nav li:hover > .nav-second-level, .fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level{ position:absolute; left:70px; top:0; background-color:#2f4050; padding:10px 10px 0; font-size:12px; display:block; min-width:140px; border-radius:2px }
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a{ font-size:12px; border-radius:3px }
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a{ font-size:13px; border-radius:3px }
.canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a{ padding:10px 10px 10px 15px }
.canvas-menu.mini-navbar .nav-second-level, .fixed-sidebar.mini-navbar .nav-second-level{ position:relative; padding:0; font-size:13px }
.canvas-menu.mini-navbar li.active .nav-second-level, .fixed-sidebar.mini-navbar li.active .nav-second-level{ left:0 }
body.canvas-menu nav.navbar-static-side{ z-index:2001; background:#2f4050; height:100%; position:fixed; display:none }
body.canvas-menu.mini-navbar nav.navbar-static-side{ display:block; width:70px }
.top-navigation #page-wrapper{ margin-left:0 }
.top-navigation .navbar-nav .dropdown-menu > .active > a{ background:#fff; color:#1ab394; font-weight:700 }
.white-bg .navbar-fixed-top, .white-bg .navbar-static-top{ background:#fff }
.top-navigation .navbar{ margin-bottom:0 }
.top-navigation .nav > li > a{ padding:15px 20px; color:#676a6c }
.top-navigation .nav > li a:focus, .top-navigation .nav > li a:hover{ background:#fff; color:#1ab394 }
.top-navigation .nav > li.active{ background:#fff; border:none }
.top-navigation .nav > li.active > a{ color:#1ab394 }
.top-navigation .navbar-right{ padding-right:10px }
.label{ background-color:#d1dade; color:#5e5e5e; font-size:10px; font-weight:600; padding:3px 8px; text-shadow:none }
.badge{ background-color:#d1dade; color:#5e5e5e; font-size:11px; font-weight:600; padding-bottom:4px; padding-left:6px; padding-right:6px; text-shadow:none }

body, body.full-height-layout #page-wrapper, body.full-height-layout #wrapper, html{ height:100%; }
#page-wrapper{ min-height:auto }
body.boxed-layout{ background:url(patterns/shattered.png) }
body.boxed-layout #wrapper{ background-color:#2f4050; max-width:1200px; margin:0 auto }
.boxed-layout #wrapper.top-navigation, .top-navigation.boxed-layout #wrapper{ max-width:1300px !important }
.block{ display:block }
.clear{ display:block; overflow:hidden }
a{ cursor:pointer }
a:focus, a:hover{ text-decoration:none }
.border-bottom{ border-bottom:1px solid #e7eaec !important }
.font-bold{ font-weight:600 }
.font-noraml{ font-weight:400 }
.text-uppercase{ text-transform:uppercase }
.b-r{ border-right:1px solid #e7eaec }
.hr-line-dashed{ border-top:1px dashed #e7eaec; color:#fff; background-color:#fff; height:1px; margin:20px 0 }
.hr-line-solid{ border-bottom:1px solid #e7eaec; background-color:rgba(0, 0, 0, 0); border-style:solid !important; margin-top:15px; margin-bottom:15px }
video{ width:100% !important; height:auto !important }
.gallery > .row > div{ margin-bottom:15px }
.fancybox img{ margin-bottom:5px; width:24% }
.note-editor{ height:auto !important; min-height:100px; border:solid 1px #e5e6e7 }
#wrapper{ width:100%; overflow-x:hidden; background-color:#2f4050 }
.wrapper{ padding:0 20px }
.wrapper-content{ padding:20px }
#page-wrapper{ padding:0 15px; position:inherit; margin:0 0 0 180px }
.title-action{ text-align:right; padding-top:30px }
.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5{ margin-top:5px }
ol.unstyled, ul.unstyled{ list-style:none outside none; margin-left:0 }
body.body-small.mini-navbar .footer.fixed, body.mini-navbar .footer.fixed{ margin:0 0 0 70px }
body.canvas-menu .footer.fixed, body.mini-navbar.canvas-menu .footer.fixed{ margin:0 !important }
body.fixed-sidebar.body-small.mini-navbar .footer.fixed{ margin:0 0 0 180px }
body.body-small .footer.fixed{ margin-left:0 }
.page-heading{ border-top:0; padding:0 20px 20px }
.panel-heading h1, .panel-heading h2{ margin-bottom:5px }
.content-tabs{ position:relative; height:42px; background:#fafafa; line-height:40px }
.content-tabs .roll-nav, .page-tabs-list{ position:absolute; width:40px; height:40px; text-align:center; color:#999; z-index:2; top:0 }
.content-tabs .roll-left{ left:0; border-right:solid 1px #eee }
.content-tabs .roll-right{ right:0; border-left:solid 1px #eee }
.content-tabs button{ background:#fff; border:0; height:40px; width:40px; outline:0 }
.content-tabs button:hover{ background:#fafafa }
nav.page-tabs{ margin-left:40px; width:100000px; height:40px; overflow:hidden }
nav.page-tabs .page-tabs-content{ float:left }
.page-tabs a{ display:block; float:left; border-right:solid 1px #eee; padding:0 15px }
.page-tabs a i:hover{ color:#c00 }
.content-tabs .roll-nav:hover, .page-tabs a:hover{ color:#777; background:#f2f2f2; cursor:pointer }
.roll-right.J_tabRight{ right:140px }
.roll-right.btn-group{ right:60px; width:80px; padding:0 }
.roll-right.btn-group button{ width:80px }
.roll-right.J_tabExit{ background:#fff; height:40px; width:60px; outline:0 }
.dropdown-menu-right{ left:auto }
#content-main{ height:calc(100% - 5px); overflow:hidden }
.fixed-nav #content-main{ height:calc(100% - 5px); overflow:hidden }

.gray-bg{ background-color:#fff; padding:20px; }
.contact-box{ background-color:#fff; border:1px solid #e7eaec; padding:20px; margin-bottom:20px }
.contact-box a{ color:inherit }
.content-tabs{ border-bottom:solid 2px #2f4050 }
.page-tabs a{ color:#999 }
.page-tabs a i{ color:#ccc }
.page-tabs a.active{ background:#2f4050; color:#a7b1c2 }
.page-tabs a.active i:hover, .page-tabs a.active:hover{ background:#293846; color:#fff }

/*管理登陆CSS部分*/
.admin_login {width: 560px; height:570px; margin:0 auto;}
.admin_login h1{ margin:0; margin-bottom:20px;}
.admin_login input[type=submit]{ clear:both; width:100%; background:#0589de; font-size:18px; color:#fff;}
.Login_box p{ text-align:right; color:#666; font-size:12px; padding:0 20px;}
.Login_box p a{color:#666;}
.Login_box p span{color:#0589de; margin-right:5px;}
.Login_box p i{ width:20px; height:15px; vertical-align:middle; display:inline-block; background:url(../images/admin/yun_ico.png) no-repeat;}
.Login_left td{ position:relative;}
.Login_left i{ width:20px; height:22px; display:block; position:absolute; left:10px;top:16px; background:url(../images/admin/login_user.png) no-repeat;}
.Login_left .login_pwd{background:url(../images/admin/login_pwd.png) no-repeat;}
.Login_left .code_ico{background:url(../images/admin/code-ico.png) no-repeat;}

.Login_left input[type=text],.Login_left input[type=password]{ padding-left:40px;}
.Login_left .code input[type=text]{ width:150px; float:left;}
.Login_left .code img{ float:left; margin-left:20px; margin-top:1px;}


.Loginmain{ position:fixed; width:560px; height:560px; left:50%; top:50%; margin:-280px 0 0 -280px;}
.Login_box{width:560px; height:380px; border-radius:2px;background-color:#FFF}
.Loing_Title{height:90px; line-height:90px;font-size:24px; text-align:center; border-bottom:1px solid #ccc;}
.Loing_Title span{ float:right; font-size:12px}
.Login_left td , .Text td{height:40px; line-height:40px; padding:0 10px;}
.Login_left td{padding:10px 0}
#message{text-align:center; height:30px; line-height:30px; color:#F00; font-size:12px; font-weight:bold}
.Login_left{width:320px;margin:0 auto;}
.Login_right{width:260px; float:left; height:72px;}
.Login_bottom{clear:both; color:#fff;text-align:center;padding-top:20px}

.fileupadlist ul{ list-style-type:none; padding:0px; margin:0px; width:600px; margin-bottom:20px}
.fileupadlist ul li{ height:30px; overflow:hidden; line-height:30px; border-bottom:1px dotted #ddd}
.fileupadlist ul li span{ cursor:pointer; color:#23527c; float:right;}

#side-menu > ul > li > a{border-bottom:1px solid #2c4c92}


.webuploader-container {
    position: relative;
    float:left;
}
.upload_tips{
    display: block;
    clear: left;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #ddd;
    overflow: hidden;
    font-size:100px;
}
.webuploader-pick i{
    
}
.webuploader-pick-hover {
    color: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}


/***DEMO***/
/*图片上传样式*/
#picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
#picker .webuploader-pick {
    padding: 6px 12px;
    display: block;
}


#uploader-demo .thumbnail {
    width: 90px;
    height: 90px;
}
#uploader-demo .thumbnail img {
    width: 100%;
    height:80px;
}
.uploader-list {
    width: 100%;
    display:inline;
    overflow: hidden;
}
.file-item {
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
    padding: 4px;
    top:26px;
}
.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.file-item .info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width:100%;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    font-size: 12px;
    z-index: 10;
}
.file-panel{
    position: relative;
    bottom: 80px;
    color: #ffffff;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    font-size:15px;
    background: rgba(0, 0, 0, 0.6);
}
.file-panel i{ padding:0 5px;}
.upload-state-done:after {
    content:"\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    position: absolute;
    bottom: 0;
    right: 4px;
    color: #4cae4c;
    z-index: 99;
}
.file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 3px;
    left: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 15;
    margin:0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #d14 url(./progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}

a.travis {
    position: relative;
    top: -4px;
    right: 15px;
}
