/************** 初始化 ****************/
* { padding: 0; margin: 0; border: none;font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;  }
ul, ol, li { list-style: none; }
em, i { font-style: normal; }
a { text-decoration: none; color: #333;cursor: pointer; }
img { display: inherit; border: 0 none; }
html, body {
    color: #333;
    line-height: 20px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: #f5f5f5;
}
input[type=text], input[type=password], input[type=email], input[type=tel] { border: 1px solid #e6e7ec; line-height: 20px; padding: 4px; width: 150px; height: 20px; }
select{border: 1px solid #e6e7ec;line-height: 30px;height: 30px; }
textarea{border: 1px solid #e6e7ec;width: 100%;min-height: 60px;resize: none;}
input:focus,
textarea:focus,
select:focus{
	border-color: rgba(40, 177, 243, .8);
	box-shadow: 0 1px 1px rgba(40, 177, 243, 0.075) inset, 0 0 8px rgba(40, 177, 243, 0.6);
	outline: 0 none;
}
.w1200{width: 1200px;margin: 0 auto;}
.clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.mt5 { margin-top: 5px; }
.ml10 { margin-left: 10px; }
.ml20{margin-left: 20px;}
.grey{color: #666;}
.greys{color: #999;}
.red{ color: #fa6828;}
.blue{color: #28b1f3;}
.fl-le{float: left;}
.fl-ri{float: right;}
.underline:hover{text-decoration: underline;}
.SubBtn { background: #fff;display: inline-block; height: 28px; padding: 0 20px; border-radius: 3px; line-height: 28px; border: solid 1px #ddd; color: #333;text-align: center; }
.SubBtn:hover {opacity: 0.8;}
.Btn { background: #28b1f3; display: inline-block; height: 28px; padding: 0 20px; border-radius: 3px; color: #fff; line-height: 28px; border: solid 1px #28b1f3; text-align: center;}
.Btn:hover {opacity: 0.8; }
.graybtn { background: #ddd; border: solid 1px #ddd; }
/**************  layout style  ****************/
/*header*/
.header { height: 50px; background: #fff; line-height: 50px;  border-bottom: solid 1px #ddd; border-top: solid 4px #28b1f3; padding: 5px 0;}
.logo { float: left;}
.loginbar { float: right;}
.loginbar li { float: right; margin-left: 10px; }
.loginbar li.UserPhoto { height: 30px; width: 30px; border-radius: 100%; overflow: hidden;  margin-top: 8px; }
/*side*/
.layout {
    margin-top: 40px;
    margin-bottom: 40px;
    background: #fff;
    border: solid 1px #ddd;
}
.side {
    width: 200px;
    height: 100%;
    float: left;
    padding: 10px 0;
    border-right: solid 1px #e6e7ec
}
.nav > li { border-bottom: solid 1px #e6e7ec; position: relative;}
    .nav > li:last-child {
        border-bottom:0
    }
    .nav > li > a {
        color: #1296db;
        display: block;
        height: 40px;
        line-height: 40px;
        text-indent: 60px;
        font-size: 15px;
        background: url(../images/ico.png) no-repeat;
        cursor: default;
    }
.nav li.navli01 > a { background-position: 20px -5px; }
.nav li.navli02 > a { background-position: 20px -55px; }
.nav li.navli03 > a { background-position: 20px -108px; }
.nav li.navli04 > a { background-position: 20px -157px; }
.nav li.navli05 > a { background-position: 20px -207px; }
.nav li.navli06 > a { background-position: 20px -563px; }
.nav li.navli07 > a { background-position: 20px -616px; }
.nav li.navli08 > a { background-position: 20px -714px; }
.subnav li a {text-indent: 60px; height: 34px; line-height: 34px; display: block; }
.subnav li a:hover{background: #f4f5f9;}
.subnav li.nav_on a { background: #28b1f3; color: #fff; }
/*main*/
.main { overflow: hidden;min-height: 800px;position: relative;}
.main_tit {font-size: 16px;padding: 10px 0  0 30px;line-height: 50px;font-weight: normal;}
.mainnav { border-bottom: solid 1px #e6e7ec;}
.mainnav li { float: left; }
.mainnav li a { padding: 0 20px; display: block; line-height: 30px;}
.mainnav li:first-child a{padding-left: 30px;}
.mainnav li.mainnav_on a {border-bottom: solid 3px #28b1f3; margin-bottom: -1px; }
.content{padding: 20px;}
.ta { width: 100%; border-collapse: collapse; border: 1px solid #e6e7ec;}
.ta tr th { font-weight: normal; background: #f4f5f9; font-weight: normal;line-height: 40px;padding: 0 10px; border-top: solid 1px #e6e7ec;}
.ta tr td { border-top: solid 1px #e6e7ec;padding: 10px 5px; }

/*footer style*/
.footer {
    font-size: 14px;
    background: #303c42;
}
.copyright { color: #fff; text-align: center; padding: 10px 0; }
/*window style*/
.window_bg { z-index: 999; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.window_bg1 { z-index: 999; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.window_bg .searchBar { border-bottom: solid 1px #ddd;border-radius: 0; }
.window { position: fixed; width: 700px; top: 50%; left: 50%; margin-left: -350px; margin-top: -250px; background: #fff; border-radius: 5px; overflow: hidden; }
.WindowTit { background: #f1f1f1; position: relative; }
.CloseWindow { height: 20px; width: 20px; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: absolute; right: 10px; top: 50%; margin-top: -10px; display: block; cursor: pointer; }
.WindowMain { padding: 15px; }
/********内部统一样式**********/
.write { background: url(../images/write.png) right 0 no-repeat; display: inline-block; padding-right: 20px;height: 20px; cursor: pointer;}
.write:hover { background-position: right -20px; }
/**************  提示样式 ****************/
.hint,.hint-left { background: #999; width: 16px; height: 16px; line-height: 16px; display: inline-block; border-radius: 100%; color: #fff; cursor: pointer; margin-left: 3px; position: relative; text-align: center;}
.hint .hinttext { display: none; border: 1px solid #e6e7ec; padding: 7px; position: absolute; left: 22px; top: -9px; color: #666;background: #fff; text-align: left; font-weight: normal; min-width: 300px; max-width: 500px;z-index: 1; }
.hint .hinttext:before { content: '\20'; left: -5px; top: 10px; border-right: 6px solid #ffffff;  position: absolute; z-index: 11; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 14px; color: #eee; background-color: transparent; }
.hint .hinttext:after { content: '\20'; left: -6px; top: 10px; border-right: 6px solid #e6e7ec; position: absolute; z-index: 10; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 14px; background-color: transparent; }
.hint:hover .hinttext,.hint-left:hover .hinttext { display: block; }
.hint-left .hinttext { display: none; border: 1px solid #e6e7ec; padding: 7px; border-radius: 4px; position: absolute; right: 25px; top: -9px; color: #666; min-width: 300px; background-color: #fff; text-align: left; font-weight: normal; }
.hint-left .hinttext:before { content: '\20'; right: -5px; top: 10px; border-left: 6px solid #ffffff;  position: absolute; z-index: 11; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 14px; color: #eee; background-color: transparent; }
.hint-left .hinttext:after { content: '\20'; right: -6px; top: 10px; border-left: 6px solid #e6e7ec; position: absolute; z-index: 10; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 14px; background-color: transparent; }
/**************  page 分页 ****************/
.page_list{float: right;}
.page_list a { width: auto; min-width: 30px; background: #fff; height: 30px; border: 1px solid #e6e7ec; display: block; float: left; text-align: center; line-height: 30px;  margin: 0 2px; cursor: pointer; border-radius: 2px; overflow: hidden; }
.page_list a img { width: 30px; height: 30px; }
.page_list a.now_page, .page_list a.now_page:hover { color: #fff; background: #28b1f3; border: 1px solid #fff; }
.page_list a:hover { color: #28b1f3; background: #fff; border: 1px solid #28b1f3; }
.and_so_on { color: #A4A9AE; float: left; height: 30px; line-height: 20px; border: solid 1px #fff; padding: 0 4px; }
.j_page, .j_page2 { color: #999; height: 32px; float: left; line-height: 32px; margin-left: 10px; }
.j_page2 .input {padding: 4px; height: 20px; margin: 0 4px; width: 30px; border-radius: 3px; display: inline-block; text-align: center; color: #999; }
.ok_bt { height: 30px; line-height: 30px; padding: 0 15px; border: solid 1px #ddd; float: left; border-radius: 3px; margin: 0 10px; cursor: pointer; background: #f4f4f4; }
.ok_bt:hover { background: #fff; }
/**************  alert插件 ****************/
#popup_container { min-width: 300px; font-size: 12px; background: none; max-width: 600px; color: #000; border-radius: 5px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
#popup_title { border: #fff 1px solid; border-bottom: #ddd 1px solid; font-weight: normal; font-size: 16px; background: #f4f4f4; cursor: default; color: #666; line-height: 2em; margin: 0; border-radius: 5px 5px 0 0; text-align: center; }
#popup_content { padding: 1.75em;background: #fff; }
#popup_message { text-align: center; padding: 0 0 1em 0; }
#popup_panel { text-align: center; }
#popup_prompt { margin: 1em 0 0 0; border: solid 1px #ddd; line-height: 20px; padding: 4px; border-radius: 3px; }
#popup_ok { background: #28b1f3; border: solid 1px #28b1f3; color: #fff; border-radius: 3px; height: 2em; line-height: 2em; padding: 0 2em; display: inline-block; font-size: 16px; cursor: pointer; }
#popup_ok:hover {opacity: 0.8;}
#popup_cancel { background: #fff; border: solid 1px #ddd; color: #999; border-radius: 3px; height: 2em; line-height: 2em; padding: 0 2em; display: inline-block; cursor: pointer; font-size: 16px; margin-left: 10px; }
#popup_cancel:hover { background: #f4f4f4; border: solid 1px #ddd; }
#loadingdiv { width: 100px; border-radius: 10px; position: absolute; left: 50%; margin-left: -50px;background: rgba(0, 0, 0, 0.5); }
#loadingimg { background: url(../images/load.gif) no-repeat center bottom/50px auto; width: 100px; height: 70px; }
#loadingdiv p { color: rgba(255,255,255,0.8); text-align: center; padding: 12px 8px; }
.setshowdiv p { padding: 20px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center;border-radius: 5px;}

/*ie7以下提示版本过底CSS Stylesheet for IE Alert! plugin.*/

#ie-alert-overlay { width: 100%; height: 100%; background: #666; position: fixed; top: 0; left: 0; z-index: 9999; }
* html #ie-alert-overlay { position: absolute; z-index: 9999; }
#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e: document.body.scrollTop)+'px');
font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; }
#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }
#ie-alert-panel img { border: 0; }
#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }
#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; }
#ie-alert-panel li { float: left; margin: 0 22px 0 0; }
#ie-alert-panel li.last { margin-right: 0; }
#ie-alert-panel a { display: inline-block; }
.browser { position: absolute; bottom: 35px; }
.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }
.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }
.firefox { background-position: -292px 0; width: 73px; height: 98px; }
.ie9 { background-position: -179px 0; width: 95px; height: 98px; }
.opera { background-position: -90px 0; width: 73px; height: 98px; }
.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }
/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/
/* Container Appearance */

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .175); box-shadow: 0 0 12px rgba(0, 0, 0, .175); }
.fa-arrow-left:before { content: "\f060"; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; }
.fa-chevron-left { width: 100%; height: 100%; display: block; background: url(../images/le.png) center no-repeat; }
.fa-chevron-right { width: 100%; height: 100%; display: block; background: url(../images/ri.png) center no-repeat; }
.daterangepicker { position: absolute; background: #f4f5f9; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; }
.daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #f9f9f9; border-left: 6px solid transparent; content: ''; }
.daterangepicker.dropup { margin-top: -5px; }
.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }
.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu { max-width: none; z-index: 3000; }
.daterangepicker .ranges, .daterangepicker .calendar { float: left; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }
.daterangepicker .ranges { margin: 4px; text-align: left; }
.daterangepicker .calendar { display: none; max-width: 270px; }
.daterangepicker.show-calendar .calendar { display: block; }
.daterangepicker .calendar.single .calendar-table { border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; }
.daterangepicker .calendar-table { border: 1px solid #e6e7ec; padding: 4px; border-radius: 4px; background: #fff; }
.daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.daterangepicker .calendar.left { margin: 4px 0 4px 4px; }
.daterangepicker .calendar.right { margin: 4px 4px 4px 0; }
.daterangepicker .calendar.left .calendar-table { padding-right: 12px; }
.daterangepicker table { width: 100%; margin: 0; border-collapse: collapse; }
.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 12px; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #ddd; background: #fff; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #ddd; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; }
.daterangepicker td.in-range { background: #fef3ee; border-radius: 0; }
.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #28b1f3; border-color: #28b1f3; color: #fff; }
.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }
.daterangepicker th.month { width: auto; }
.daterangepicker .input-mini {border-radius: 4px; color: #555; display: block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 5px 0; width: 99%; padding: 0; text-indent: 5px; }
.daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; }
.daterangepicker .left .daterangepicker_input { padding-right: 12px; }
.daterangepicker .daterangepicker_input { position: relative; }
.btn-success { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; color: #fff; background-color: #28b1f3; cursor: pointer; border: 1px solid #28b1f3; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.btn-success:hover { opacity: 0.8; }
.btn-success[disabled] { opacity: .65; }
.btn-default { border: 1px solid transparent; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; color: #333; background-color: #fff; border-color: #ccc; cursor: pointer; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.btn-default:hover { background: #f1f1f1; ; }
.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; }
.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }
.daterangepicker .ranges { font-size: 11px; }
.daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; width: 160px; }
.daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #fa6828; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; }
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #fa6828; border: 1px solid #fa6828; color: #fff; }