body, html, article, section, h1, h2, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input{margin: 0;padding: 0;}
body{font: 13px/1.5 '微软雅黑', Verdana, Helvetica, Arial, sans-serif;color: #323232;margin: 0 auto;position: relative;background-color: #f5f7fa;}
div, dl, dt, td, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote{list-style: none;margin: 0;padding: 0;}
input, textarea{padding: 0;margin: 0;resize: none;outline: none;-webkit-user-select: auto;}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration{display: none;}
img{vertical-align: middle;}
a img{border: 0;}
img{-webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0);transform: scale(1) rotate(0deg) translate3d(0, 0, 0);}
a{color: initial;text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
a:hover{text-decoration: none;}
/**/
::-webkit-scrollbar{width: 5px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fff;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #9d9d9d;}
/**/
.text-right{text-align: right}
.text-center{text-align: center}
.text-left{text-align: left}
/**/
.btn{outline: none !important;padding:9px 30px;border-radius: 2px;font-size: 12px;line-height: 1;color: #ffffff;text-align: center;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-webkit-transition:border-color .5s,background-color 0.5s;-moz-transition:border-color .5s,background-color 0.5s;transition:border-color .5s,background-color 0.5s;border: 1px solid transparent;}
.btn .disabled{background: inherit;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.btn-lg{display: inline-block;padding:9px 12px;line-height: 1;border-radius: 2px;font-size: 12px;color: #ffffff;background: #dddddd;text-align: center;}
.btn-sm{display: inline-block;padding: 6px 8px;border-radius: 2px;font-size: 12px;line-height: 1;color: #ffffff;background: #dddddd;text-align: center;}
.btn-xs{display: inline-block;padding: 3px 8px;border-radius: 2px;font-size: 12px;line-height: 1;color: #ffffff;background: #ffffff;text-align: center;}
.btn-operation{background: #ffffff  !important;color: #9d9d9d !important;border-color:#efefef !important;}
.btn-operation:hover{background:#e9e9e9  !important;color: #9d9d9d;}
.btn-primary{background: #44abf7 !important;border-color: #44abf7 !important;color: #ffffff !important;}
.btn-primary:active, .btn-primary:hover{background: #368fcf !important;border-color: #368fcf !important;}
.btn-error{background: #f74444  !important;color: #ffffff !important;border-color:#f74444 !important;}
.btn-error:hover{background:#cf3636  !important;color: #ffffff;border-color: #cf3636 !important;}
/**/
.btn-group i{margin-right: 10px}
/**/
.red{color: #ff0000}
.green{color: #00c325}
/**/
.radio-inline{position: relative; color: #666; padding-left: 24px; vertical-align: middle; padding-top: 7px;margin-right: 20px;margin-top: 2px;float: left;}
.radio-inline input[type=radio]{position: absolute; margin-left: -24px; top: 50%; margin-top: -5px; cursor: pointer; width: 16px; height: 16px; border: 1px solid #e0e0e0; border-radius: 18px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radio-inline input[type=radio]:checked{border: 2px solid #44abf7; background: #fff;}
.radio-inline input[type=radio]:checked:before{content: " "; display: inline-block; height: 8px; width: 8px; background: #44abf7; border-radius: 50%; position: absolute; top: 2px; margin-left: 2px;}
/**/
input[type=checkbox],#check-all{-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 16px; height: 16px; border: 1px solid #e0e0e0; outline: 0; border-radius: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; vertical-align: middle; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;display: block;margin: 0 auto;}
input[type=checkbox]:checked,#check-all.checked{border-color: #44abf7; background: #44abf7;}
input[type=checkbox]:checked:before,#check-all.checked:before{content: " "; display: inline-block; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); height: 6px; width: 9px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; position: absolute; top: 1px; left: 2px;}
/**/
#top{width: 100%;height:60px;-webkit-box-shadow: 0 2px 2px #999;background-color: #23b7e5 !important;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);position: fixed;top: 0;left: 0;z-index: 999;}
#top .header{overflow: hidden}
#top .header .logo{float: left;width: 230px;height: 60px;}
#top .header .logo a{overflow: hidden;display: block;width: 230px;height: 60px;background: #26beed;}
#top .header .logo a:hover{background:#20aeda}
#top .header .logo img{height: 40px;margin:10px auto 0 auto;display: block}
#top .header ul li{display: block;float: left;line-height:70px;height: 60px;}

#top .header .user{float: right;margin-right: 20px;}
#top .header .user li{font-size: 12px;padding-left: 15px;}
#top .header .user li #btn_out{cursor: pointer;}
/**/
#left{width: 230px;position: fixed;left: 0;top:60px;border-right: 1px solid #e1e1e2;background: #fff;}
#left h3{padding: 12px 15px;color: #919da8;font-size: 13px;letter-spacing: .035em;cursor:pointer;border-bottom: 1px solid #ebebeb;background-color: #f7f7f7;}
#left h3:hover,#left h3.on{color: #23b7e5;}
#left ul{max-height:0;min-height:0;overflow:hidden;}
#left h3.on + ul{height:auto;max-height:500px;-webkit-transition: max-height ease-in 1s;transition: max-height ease-in 1s;}
#left ul li a{padding-left:20px;color: #515253;font-size: 13px;box-sizing: border-box;line-height:40px;display: block}
#left ul li a.on,#left ul li a:hover{color: #5d9cec;}
/**/
.page_count{text-align: right;padding-bottom: 10px;font-size: 13px;}
.page_count i{font-style: inherit;font-size: 14px;font-weight: bold;padding: 0 5px;}
ul.pagination{overflow: hidden;text-align: right;padding-bottom: 20px;margin-top: 30px;}
ul.pagination li{display: inline-block;}
ul.pagination li a, ul.pagination li span{border: 1px solid #e4eaec;text-decoration: none;display: block;text-align: center;min-width:25px;padding: 0 2px;line-height: 25px;height: 25px;font-size: 13px;}
ul.pagination li span{background: #e5e5e5;color: #b3b3b3;}
ul.pagination li.active span{background-color: #5d9cec !important;color: #ffffff !important;border-color: #5d9cec !important;}
/**/
.input-box-ul{overflow: hidden;}
.input-box-ul li{margin-bottom: 15px;font-size: 13px;float:left;width:100%}
.input-box-ul li label.name{display:inline-block;box-sizing:border-box;padding:0 20px 0 10px;width: 140px;text-align:right;float:left;line-height:35px;position:relative;}
.input-box-ul li label.name i{font-size:15px;color:#eb6060;position: absolute;top:4px;right: 8px;font-style: initial;}
.input-box-ul li .input{position: relative;padding-left: 170px;width: 100%;box-sizing: border-box;}
.input-box-ul li .input input.txt,.input-box-ul li .input select.txt,.input-box-ul li .input textarea{width:500px;height: 35px;box-sizing: border-box;padding: 5px 10px;border: 1px solid #dde6e9;border-radius: 4px;background-color: #ffffff;color: #3a3f51;font-size: 12px;line-height: 1.5;-webkit-box-shadow: 0 0 0 #000000;box-shadow: 0 0 0 #000000;}
.input-box-ul li .input input.txt:focus{border-color: #66afe9;outline: 0;}
.input-box-ul li .input textarea{height:110px}

.input-box-ul li .input .tips{font-size: 0.9em;color: #999;display:block;padding:5px 0 0 2px;float: left;width: 100%}
.input-box-ul li .input .tips.tipsR{color: #f00;float: right;padding: 0 0 0 15px;line-height: 35px;font-size: 1em;}
.input-box-ul li .input .tips.tipsR i{margin-right: 5px}

.input-box-ul li.error{color:#eb6060 !important;}
.input-box-ul li.error .input input,.input-box-ul li.error .input textarea{border-color: #eb6060 !important;}
.input-box-ul li .btn_box{margin:5px 0 0 140px;}
.input-box-ul li .txt{line-height: 35px;padding-left: 170px;}
.input-box-ul li.line{margin: 20px 0 30px 0;border-bottom: 1px solid #efefef;}
/**/
table thead tr th{padding: 14px 8px;color: #888888;border-bottom: 1px solid #eeeeee;text-align: left;font-size: 14px;}
table tbody tr:nth-of-type(odd){background-color: #fafbfc;}
table tbody tr td,table tfoot tr td{padding:10px 8px;font-size: 12px;border-bottom: 1px solid #eeeeee;}
table tbody tr td a{display: block;cursor: pointer;text-decoration: underline}
table tbody tr td a:hover{text-decoration: underline;color: #00a2d4}
table tfoot tr td{border-bottom: none}
/**/
.nav-tab{border-bottom: 1px solid #efefef;display: table;width: 100%;}
.nav-tab li {float: left;margin-bottom: -1px;position: relative;}
.nav-tab li a{padding: 10px 10px;margin: 0px 15px;display: block;font-size: 12px;color: #555;position: relative;}
.nav-tab li.on a:before{content: '';position: absolute;width: 100%;border-top: 2px solid #44abf7;left: 0;bottom: 0;}
.nav-tab li a:hover{color: #44abf7;}

/**/
.empty{width: 100%;line-height:60px;text-align: center;color: #999;font-size: 12px}
/**/
#btn_class_box{overflow: hidden;}
#btn_class_box ul li{float: left}
#btn_class_box ul li .btn{background-color: #5d9cec;border-radius:0;border-color: #5d9cec;}
#btn_class_box ul li:first-of-type .btn{border-radius: 2px 0 0 2px}
#btn_class_box ul li:last-of-type .btn{border-radius:0 2px 2px 0}

#btn_class_box ul li .btn:hover,btn_class_box ul li .btn:active{background-color: #4b91ea;}
#btn_class_box ul li .btn.active{background-color: #4b91ea;border-color: #3483e7;}
/**/
#search_class_box{overflow: hidden;line-height: 32px;padding-left: 10px;margin-bottom: 20px;}
#search_class_box span{float: left;font-size:14px;padding-right: 20px;color: #888;font-weight: bold;}
#search_class_box ul{float: left}
#search_class_box ul li{float: left;}
#search_class_box ul li input{display: block;height: 30px;padding: 0 16px;font-size: 14px;color: #3a3f51;background-color: #ffffff;border: 1px solid #dde6e9;border-radius: 4px;width: 100px;margin-right: 25px;}
#search_class_box ul li:nth-of-type(2) input{width:150px;}
#search_class_box ul li:nth-of-type(3) input{width: 200px;}
#search_class_box #btn_s{font-size: 13px;font-weight: normal;text-align: center;color: #333333;background-color: #ffffff;cursor: pointer;border: 1px solid #eaeaea;border-radius: 3px;padding:0 16px;}
#search_class_box #btn_s:hover{background-color: #f5f5f5;}
/**/
.close{position: relative; display: inline-block; width: 50px; height: 50px; overflow: hidden;}
.close::before, .close::after{content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #000;}
.close::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.close::after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}