@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
a, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
html, body { height: 100%; position: relative; font-size: 14px; background: #FFF; color: #000; }

.k-grid tr.k-state-selected td { background-color: #b5ddfe; color: #222; }
.k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status { color: #222; }
.k-grid tr:hover td { background-color: #cee7ff; }
.k-pager-wrap .k-dropdown { width: auto; }
input.k-checkbox, .k-radio { position: absolute; }
.k-checkbox-label { padding-left: 1em; }
table { border-collapse: collapse; }

button { cursor: pointer; }

fieldset, img { border: none; }

em, th { font-style: normal; font-weight: normal; }

li { list-style: none; }
a { text-decoration: none; }

a:hover { text-decoration: none; }

.red a, .red { color: #F10; }

.red a:hover { color: #F10; }

.blue, .blue a { color: #16C; }

a.blue:hover { color: #16C; }

.gray, .gray a { color: #999; }

.green, .green a { color: #066601; }

.orange, .orange a { color: #F60; }

.fl { float: left; }

.fr { float: right; }

.f_bold { font-weight: bold; }

.disNo { display: none; }

.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; }

.clearfix { _zoom: 1; }

* + html .clearfix { overflow: hidden; }

.h_nav, .h_search { width: 960px; margin: 0 auto; clear: both; }
.page-wrapper { margin: 0; width: 100%; padding: 50px 0px 0px 0px; z-index: 10; }

.content-wrapper { background: #F0F0F0; height: 100%; margin-top: 0; margin-bottom: 0; position: relative; padding: 0; margin-left: 220px; }
/*header*/
.header { clear: both; height: 50px; background: url(../images/head_banner_bg.jpg;vpn_img); }

.header-fixed { left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; }

.header .header_logo { background: url(../images/sys_logo.png;vpn_img) no-repeat 20px center; width: 600px; padding-left: 20px; float: left; height: 50px; }

.header .header_user { height: 40px; line-height: 40px; vertical-align: middle; padding-left: 40px; position: absolute; top: 5px; right: 20px; color: #9ed1f3; }

.header .header_user a.my-user { color: #fff; font-size: 16px; }
/*菜单*/
.left_side { z-index: 10; width: 220px; background-color: #eee; border-right: 1px solid #ccc; left: 0; position: fixed; height: 100%; padding-bottom: 90px; }

.sideMenu { height: 100%; overflow: auto; position: relative; padding-bottom: 40px; }

.sideMenu h3, .sideMenu .phref {display: block;height: 40px;line-height: 40px;padding-left: 8px;/* border-bottom: 1px solid #3b87cd; *//* border-bottom: 1px solid #3c7ec4; */border-top: 1px solid #d2d2d2;background: #eee;cursor: pointer;font-size: 14px;color: #333;overflow: hidden;text-decoration: none;}

.sideMenu a.phref:hover { background-color: #DADCDE; }

.sideMenu a.cury { background: #2780CA; color: #fff; text-decoration: none; }

.sideMenu a.cury:hover { background: #2780CA; color: #fff; text-decoration: none; }

.sideMenu h3:hover { background-color: #DADCDE; }

.sideMenu h3 em {float: right;display: block;width: 32px;height: 36px;background: url(../images/icoAdd.png;vpn_img) 8px 14px no-repeat;cursor: pointer;}

.sideMenu h3.on em {background-position: 8px -55px;}

.sideMenu ul { color: #999; display: none; /* 默认都隐藏 */ width: 100%; background-color: #eee; }

.sideMenu li { margin-top: 0px; cursor: pointer; font-weight: normal; color: #404040; overflow: hidden; width: 100%; }

.sideMenu li a {text-decoration: none;font-size: 13px;display: block;height: 36px;padding-left: 20px;line-height: 36px;/* border-bottom: 1px solid #3b87cd; *//* border-top: 1px solid #3b87cd; */color: #333;/*background: url(../images/nav_sub_bg.png;vpn_img) no-repeat left center;*/}

.sideMenu li a:hover { background: #DADCDE; }

.sideMenu h3 i {width: 18px;/* float: left; */line-height: 40px;}

.sideMenu a i {width: 18px;/* float: left; */margin-left: 0px;line-height: 36px;}
.icon-sidebar-item-1 { background: url('../images/1.png;vpn_img') no-repeat; width: 25px; float: left; height: 17px; margin-top: 12px; }
.icon-sidebar-item-2 { background: url('../images/2.png;vpn_img') no-repeat; width: 25px; float: left; height: 17px; margin-top: 12px; }
.icon-sidebar-item-3 { background: url('../images/3.png;vpn_img') no-repeat; }
.icon-sidebar-item-4 { background: url('../images/4.png;vpn_img') no-repeat; }
.icon-sidebar-item-5 { background: url('../images/5.png;vpn_img') no-repeat; }
.icon-sidebar-item-6 { background: url('../images/6.png;vpn_img') no-repeat; }
.icon-sidebar-item-7 { background: url('../images/7.png;vpn_img') no-repeat; }
.icon-sidebar-item-8 { background: url('../images/8.png;vpn_img') no-repeat; }
.icon-sidebar-item-9 { background: url('../images/9.png;vpn_img') no-repeat; }
.icon-sidebar-item-10 { background: url('../images/10.png;vpn_img') no-repeat; }
.icon-sidebar-item-11 { background: url('../images/11.png;vpn_img') no-repeat; }
.icon-sidebar-item-12 { background: url('../images/12.png;vpn_img') no-repeat; }
.icon-sidebar-item-13 { background: url('../images/13.png;vpn_img') no-repeat; }
.icon-sidebar-item-14 { background: url('../images/14.png;vpn_img') no-repeat; }
.icon-sidebar-item-15 { background: url('../images/n1.png;vpn_img') no-repeat; }
.icon-sidebar-item-16 { background: url('../images/n2.png;vpn_img') no-repeat; }
.icon-sidebar-item-17 { background: url('../images/n3.png;vpn_img') no-repeat; }
.sideMenu li ul { padding-left: 10px; }

.sideMenu li h3 { background: #297ad5 url(../images/sel_l.png;vpn_img) no-repeat 5px center; height: 34px; line-height: 32px; padding-left: 22px; line-height: 32px; border-bottom: 1px solid #00254f; border-top: 1px solid #004593; color: #FFF; }

.sideMenu li h3:hover { background-color: #0f54a2; }

/*.sideMenu li a:hover { height: 40px; background: #366AA0 ; color: #fff; border-top: none; text-decoration: none; }*/ /*background: #3b87cd url(../images/subItem_bg.png;vpn_img) left bottom repeat-y;*/

.sideMenu li a { outline: none; }

.sideMenu li.cur_on a { background: #2780CA; color: #fff; /*background: #366AA0; */ text-decoration: none; }

.main_body { /*background-color: #FFF;*/ position: relative; height: 100%; }

.main_box { padding: 10px; }
/*常用列表样式一*/
.table_list { border-collapse: collapse; border: 1px solid #e0e0e0; border-spacing: 0; width: 100%; clear: both; }

.table_list td { border-bottom: 1px solid #e0e0e0; line-height: 24px; padding: 5px; }

.table_list td a { color: #06C; }

.table_list td a.orange { color: #FF3300; }

.table_list td a.green { color: #090; }

.table_list td a.black { color: #000; }

.table_list .theadBg th { background: #FFF url(../images/thead.png;vpn_img) repeat-x 0px bottom; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; font-weight: bold; line-height: 24px; padding: 5px 5px; }

.over_color td, .over_color { background-color: #EDF5FE; }

.on_color td, .on_color { background-color: #FFFCD5; }

.over_color td.old_name, .on_color td.old_name { background-color: #FFFCD5; }

.t_c { text-align: center; }

.t_r { text-align: right; }

.t_l { text-align: left; }

.link_opr { padding: 3px 10px; display: inline-block; color: #06C; }
/*table表单*/
.table-form { border-collapse: collapse; width: 100%; border: 1px solid #EEE; }

.table-form th, .table-form td { padding: 4px; border-bottom: 1px solid #EEE; min-height: 38px; }

.table-form th { background-color: #F5F5F5; text-align: right; }

.table-form td { background-color: #FFF; }
/*高级搜索*/
.search-box { position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #CCC; z-index: 999; background-color: #FFF; display: none; }

.search-box-form { padding: 15px 15px 40px 15px; }

.tool-position { position: relative; }

.ser-more-show { background: url(../images/show_down.png;vpn_img) no-repeat right center; color: #06C; margin-right: 10px; }

.ser-more-hide { display: inline-block; background: url(../images/show_down.png;vpn_img) no-repeat right center; line-height: 30px; color: #06C; margin-left: 10px; height: 30px; padding-right: 15px; }

.ser-more-hide { background: #06C url(../images/hide_up.png;vpn_img) no-repeat 89px center; width: 110px; position: absolute; bottom: 0; color: #FFF; line-height: 30px; text-align: center; left: 50%; margin-left: 60px; border-radius: 3px 3px 0 0; }

.ser-more-hide:hover { text-decoration: none; background-color: #2E81C5; color: #FFF; }
/*详细内容*/
.content { padding: 10px 25px 20px 25px; }

.content .news_tit { font-size: 26px; line-height: 32px; text-align: center; color: #000; padding: 15px 0; border-bottom: 1px solid #DDD; }

.content .newsTime { height: 24px; line-height: 24px; color: #666; text-align: center; }

.content .newsTime span { padding: 0 20px; }

.content .page_detail { line-height: 28px; font-size: 14px; color: #000; padding-top: 15px; }

.file_down { line-height: 28px; padding: 10px 0px; clear: both; border-top: 1px solid #CCC; }

.link_file { display: inline-block; padding-left: 20px; background: url(../images/selFile.png;vpn_img) left center no-repeat; }

.pagination-bottom { position: fixed; bottom: 0; right: 10px; }

.pagination-right { float: right; }

.m_right { margin-right: 5px; }

.welcome { overflow: hidden; background: url(../images/sys_welcome.jpg;vpn_img) no-repeat center; width: 100%; height: 100%; }

.sidebar-menu-collapse { height: 40px; line-height: 40px; border-bottom: 1px solid #3b87cd; box-shadow: 0 2px 4px rgba(15,95,162,0.3); padding: 0 10px; color: #428ad7; text-align: right; }

.sidebar-menu-collapse span { padding-right: 5px; font-size: 18px; cursor: pointer; }
/*提醒*/
.alert-info { color: #006ac3; background: #ddf1fb; border-color: #b7d9f8; }
.alert-info a { color: red; }
.alert-success { color: #3d961b; background: #e6f8df; border-color: #c1e2b4; }

.alert-warning { background: #fcf5e5; border-color: #e5cc87; color: #f48516; }

.alert-danger { color: #d52a2a; background: #ffecec; border-color: #fac0c0; }

.block, blockquote, #respond { background: none repeat scroll 0 0 #FFFFFF; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20); margin-bottom: 16px; padding: 4px; position: relative; }

.block-blue, blockquote { border-left: 4px solid #66B0DA; padding: 16px 16px 24px; }

.block p { line-height: 24px; font-size: 14px; }

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

.dropdown-menu { min-width: 100px; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { background-color: #f7f7f7; border-top: 0 none; }
.fixed-top + div { padding: 90px 10px 10px 10px; min-width: 1000px; overflow: auto; }
.fixed-sm + div { padding-top: 50px; }
/*.main_body > .container-fluid { padding: 90px 10px 10px 10px; min-width: 900px; overflow: auto; }*/

.navbar { margin: 0px; padding-right: 0px; border-radius: 0; }

fieldset { border: 1px solid #DDD; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { display: inline-block; width: auto; padding: 0 10px; font-size: 14px; line-height: inherit; color: #337ab7; border-bottom: none; }

.breadcrumb { background-color: #f6f6f6; height: 40px; border-bottom: 1px solid #dddddd; /* box-shadow: 0 2px 4px rgba(15,95,162,0.3); */ position: relative; z-index: 22; margin: 0; border-radius: 0; }

.breadcrumb > li + li:before { color: #1367aa; }

.breadcrumb li a { color: #1367aa; }

.navbar-form { padding: 0 10px; }

.pagination { margin: 5px 0; }

.table { border: 1px solid #DDD; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border: 1px solid #DDD; }
.fixed-top { width: 100%; position: fixed; z-index: 9; }
.toolbar { padding: 5px 10px; margin-bottom: 5px; border-bottom: 1px solid #DDD; background-color: #F0F0F0; z-index: 101; }
.fixed-top .toolbar { width: 100%; padding-right: 230px; position: inherit; }

.required { color: #e02222; font-size: 12px; padding-left: 0 3px; }
.toolbar-form { margin: 10px 0; border-top: 1px solid #DDD; }
.fixed-toolbar-bottom { margin-bottom: 0; }
.flip-scroll table { width: 100%; }
.header_user .badge { position: absolute; top: -3px; right: -14px; border-radius: 15px; height: 18px; z-index: 100; }

.header_user .bg-danger { background-color: #D90003; }

.header_user .bg-success { background-color: #5cb85c; }

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

    .flip-scroll table { border-left: 1px solid #ddd; }

    .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

    .flip-scroll * html .flip-content { zoom: 1; }

    .flip-scroll *:first-child + html .flip-content { zoom: 1; }

    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; }

    .flip-scroll th { text-align: left; }

    .flip-scroll table { display: block; position: relative; width: 100%; }

    .flip-scroll thead { display: block; float: left; }

    .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

    .flip-scroll thead tr { display: block; }

    .flip-scroll th { display: block; text-align: right; width: auto; }

    .flip-scroll tbody tr { display: inline-block; vertical-align: top; }

    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


    /* sort out borders */

    .flip-scroll th { border-bottom: 0; border-left: 0; }

    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }

    .flip-scroll tbody tr { border-left: 1px solid #ddd; }

    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}

.form-control { border-radius: 3px; }

.flowsteps { clear: both; padding: 0; }

.flowsteps ol { padding: 0; height: 36px; }

.flowsteps li { list-style: none; }

.flowsteps li { position: relative; float: left; overflow: visible !important; overflow: hidden; height: 36px; background: no-repeat left bottom; background-image: url(../images/flow_item_bg.png;vpn_img); color: #777; text-align: center; font-size: 14px; line-height: 20px; }

.flowsteps .step2 li { width: 49.9%; }

.flowsteps .step3 li { width: 33.3%; }

.flowsteps .step4 li { width: 24.9%; }

.flowsteps .step5 li { width: 19.9%; }

.flowsteps .step6 li { width: 16.6%; }

.flowsteps .step7 li { width: 14.2%; }

.flowsteps span { position: relative; display: inline-block; height: 36px; background: no-repeat center bottom; background-image: url(../images/flow_item_node.png;vpn_img); }
.flowsteps .span_time { background-image: none; font-size: 12px; color: #666; display: block; font-weight: 400; }
.flowsteps a { color: #5185b6; }

.flowsteps .done { background-image: url(../images/flow_item_on_bg.png;vpn_img); }

.flowsteps .done span { background-image: url(../images/flow_item_node_on.png;vpn_img); color: #1eb312; font-size: 14px; }

.flowsteps .current { position: relative; }

.flowsteps .current span { background-image: url(../images/flow_item_on.png;vpn_img); color: #e68f29; font-weight: 600; width: 100%; }

.flowsteps .first span { background-position: left bottom; }

.flowsteps span.end { float: right; background-position: right bottom; }

.tip_ok, .tip_pause { display: inline-block; width: 21px; height: 16px; background: url(../images/tip_flow.png;vpn_img) no-repeat; }

.tip_pause { background-position: 0px -16px; }
/*history*/
.flowTit { text-align: center; font-size: 42px; font-family: '微软雅黑', '宋体'; }

.history { margin-top: 10px; background: url(../images/line04.gif;vpn_img) repeat-y 187px 0; overflow: hidden; position: relative; }

.history-date { overflow: hidden; }

.history-date h2 { background: url(../images/icon06.gif;vpn_img) no-repeat 162px 0; background-size: 50px 50px; height: 59px; font-size: 18px; font-family: 微软雅黑; font-weight: normal; padding-left: 25px; margin-bottom: 54px; }

.history-date h2.first { position: relative; left: 0; top: 0; width: 800px; z-index: 99; }

.history-date h2 a { color: #00bbff; display: inline-block; *display: inline; zoom: 1; background: url(../images/icon08.gif;vpn_img) no-repeat right 50%; padding-right: 17px; padding-left: 200px; margin: 15px 97px 0 0; }

.history-date h2 a:hover { text-decoration: none; }

.history-date h2 img { vertical-align: -5px; }

.history-date h2.date02 { background: url(../images/icon06.gif;vpn_img) #fff no-repeat 158px 0; }

.history-date ul { }

.history-date ul li { background: url(../images/icon07.gif;vpn_img) no-repeat 180px 0; padding-bottom: 30px; zoom: 1; }

.history-date ul li.last { padding-bottom: 0; }

.history-date ul li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.history-date ul li h3 { float: left; width: 168px; text-align: right; padding-right: 10px; color: #c3c3c3; font: normal 16px Arial; }

.history-date ul li h3 span { display: block; color: #d0d0d0; font-size: 14px; }

.history-date ul li dl { float: left; padding-left: 41px; margin-top: -5px; font-family: 微软雅黑; }

.history-date ul li dl dd { font: 18px/20px 微软雅黑; color: #737373; }

.history-date ul li dl dd span { display: block; color: #787878; font-size: 12px; }

.history-date ul li dl dd table { margin-top: 5px; border-collapse: collapse; border-spacing: 0; }

.history-date ul li dl dd table th, .history-date ul li dl dd table td { border-bottom: 1px dashed #DDD; line-height: 24px; font-size: 14px; }

.history-date ul li dl dd table th { font-weight: 600; padding: 0px 10px; }

.history-date ul li.done h3, .history-date ul li.done p { color: #1db702; }

.history-date ul li.done h3 span { color: #a8dda3; }

.history-date ul li.done dl { margin-top: -8px; }

.history-date ul li.done dl dd { font-size: 16px; line-height: 28px; }

.history-date ul li dl dd p a { font-size: 14px; display: inline-block; padding-left: 18px; }

.history-date ul li dl dd p .view { display: inline-block; margin-left: 20px; background: url(../images/view.png;vpn_img) no-repeat left center; }

.history-date ul li.current { background: url(../images/icon10.gif;vpn_img) no-repeat 180px 0; }

.history-date ul li.current h3, .history-date ul li.current p, .history-date ul li.current table { color: #F60; }

.history-date ul li.current h3 span { color: #febc90; }

.history-date h2.first .more-history { font-size: 16px; background: transparent; margin-left: 30px; }

.history-date h2.first .more-history:hover { text-decoration: underline; }

.input_background { background-color: #eee; }

.detail_background { background-color: #fff; }


.index { background: url(../images/home.jpg;vpn_img) no-repeat top center; width: 100%; }

.ttb tr th, .ttb tr td { border: 1px solid #ddd; }


.k-window .k-header { background-color: #2ca9e4; }
/*.k-widget.k-window { border-color:#2ca9e4}*/
.k-grid-header, .k-grid-header .k-header, .k-pager-wrap, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header { background-color: #F1F1F1; }
.nav-cur { margin-bottom: 5px; }
.nav-cur > li > a { color: #000; padding: 7px 20px; background-color: #eee; margin-right: 5px; }
.toolbar .nav-cur { border-bottom: none;margin-bottom: 0px; }
.toolbar .nav-cur > li > a { background-color: #ddd; } 
.nav-cur > li.active > a, .nav-cur > li.active > a:hover, .nav-cur > li.active > a:focus { border: none; border-bottom: 2px solid #F60; background-color: #ff9900; color: #fff; }
/*暂时隐藏*/
/*.gshide { display:none;}*/