@charset "utf-8";


/*公用*/


body,button,input,select,textarea{font:14px/25px "微软雅黑","Lucida Grande";}


a{color:#1C86D1;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}


a:hover{color:#3A76C6;text-decoration:none;}


.white{color:#FFF}.green{color:#61CE3C}.red{color:#FF0000}.blue{color:#1C86D1}.gray{color: #666}


.border{border: 1px #DDD solid}


.bg_fff{background: #FFF}.bg-f5{background: #F5F5F5}


.pt{cursor:pointer;}


.m5{margin: 5px;}.m10{margin: 10px}


.mt10{margin-top: 10px;}


.p5{padding: 5px;}.p10{padding: 10px;}


.w0{width:0px}.w1{width:1px}.w2{width:2px}.w3{width:3px}.w4{width:4px}.w5{width:5px}.w6{width:6px}.w7{width:7px}.w8{width:8px}.w9{width:9px}.w10{width:10px}.w11{width:11px}.w12{width:12px}.w13{width:13px}.w14{width:14px}.w15{width:15px}.w16{width:16px}.w17{width:17px}.w18{width:18px}.w19{width:19px}.w20{width:20px}.w21{width:21px}.w22{width:22px}.w23{width:23px}.w24{width:24px}.w25{width:25px}.w26{width:26px}.w27{width:27px}.w28{width:28px}.w29{width:29px}.w30{width:30px}.w31{width:31px}.w32{width:32px}.w33{width:33px}.w34{width:34px}.w35{width:35px}.w36{width:36px}.w37{width:37px}.w38{width:38px}.w39{width:39px}.w40{width:40px}.w41{width:41px}.w42{width:42px}.w43{width:43px}.w44{width:44px}.w45{width:45px}.w46{width:46px}.w47{width:47px}.w48{width:48px}.w49{width:49px}.w50{width:50px}.w51{width:51px}.w52{width:52px}.w53{width:53px}.w54{width:54px}.w55{width:55px}.w56{width:56px}.w57{width:57px}.w58{width:58px}.w59{width:59px}.w60{width:60px}.w61{width:61px}.w62{width:62px}.w63{width:63px}.w64{width:64px}.w65{width:65px}.w66{width:66px}.w67{width:67px}.w68{width:68px}.w69{width:69px}.w70{width:70px}.w71{width:71px}.w72{width:72px}.w73{width:73px}.w74{width:74px}.w75{width:75px}.w76{width:76px}.w77{width:77px}.w78{width:78px}.w79{width:79px}.w80{width:80px}.w81{width:81px}.w82{width:82px}.w83{width:83px}.w84{width:84px}.w85{width:85px}.w86{width:86px}.w87{width:87px}.w88{width:88px}.w89{width:89px}.w90{width:90px}.w91{width:91px}.w92{width:92px}.w93{width:93px}.w94{width:94px}.w95{width:95px}.w96{width:96px}.w97{width:97px}.w98{width:98px}.w99{width:99px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}


.h0{height:0px}.h1{height:1px}.h2{height:2px}.h3{height:3px}.h4{height:4px}.h5{height:5px}.h6{height:6px}.h7{height:7px}.h8{height:8px}.h9{height:9px}.h10{height:10px}.h11{height:11px}.h12{height:12px}.h13{height:13px}.h14{height:14px}.h15{height:15px}.h16{height:16px}.h17{height:17px}.h18{height:18px}.h19{height:19px}.h20{height:20px}.h21{height:21px}.h22{height:22px}.h23{height:23px}.h24{height:24px}.h25{height:25px}.h26{height:26px}.h27{height:27px}.h28{height:28px}.h29{height:29px}.h30{height:30px}.h31{height:31px}.h32{height:32px}.h33{height:33px}.h34{height:34px}.h35{height:35px}.h36{height:36px}.h37{height:37px}.h38{height:38px}.h39{height:39px}.h40{height:40px}.h41{height:41px}.h42{height:42px}.h43{height:43px}.h44{height:44px}.h45{height:45px}.h46{height:46px}.h47{height:47px}.h48{height:48px}.h49{height:49px}.h50{height:50px}.h51{height:51px}.h52{height:52px}.h53{height:53px}.h54{height:54px}.h55{height:55px}.h56{height:56px}.h57{height:57px}.h58{height:58px}.h59{height:59px}.h60{height:60px}.h61{height:61px}.h62{height:62px}.h63{height:63px}.h64{height:64px}.h65{height:65px}.h66{height:66px}.h67{height:67px}.h68{height:68px}.h69{height:69px}.h70{height:70px}.h71{height:71px}.h72{height:72px}.h73{height:73px}.h74{height:74px}.h75{height:75px}.h76{height:76px}.h77{height:77px}.h78{height:78px}.h79{height:79px}.h80{height:80px}.h81{height:81px}.h82{height:82px}.h83{height:83px}.h84{height:84px}.h85{height:85px}.h86{height:86px}.h87{height:87px}.h88{height:88px}.h89{height:89px}.h90{height:90px}.h91{height:91px}.h92{height:92px}.h93{height:93px}.h94{height:94px}.h95{height:95px}.h96{height:96px}.h97{height:97px}.h98{height:98px}.h99{height:99px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}


/*@ 名称: 按钮样式*/


.button{display:inline-block;vertical-align: middle; text-decoration: none; text-align:center; border: none;line-height: 30px;min-height: 30px;padding:2px 12px;background: #E6E6E6;color:#444444;font-size: 14px;border-radius:3px}


.button-small{line-height:22px;min-height:22px;font-size:14px;padding:2px 6px;}


.button:hover,.button:focus {text-decoration: none; background-color: #C7C7C7;color:#444444;}


.button-blue {background-color: #16a0d3;color: #fff;border-width: 0px;}


.button-blue:hover, .button-blue:focus {background-color: #0A6999; color: #fff;}


.button-green {background-color:#5EB95E; color: #fff;border-width: 0px;}


.button-green:hover, .button-green:focus {background-color:#429842; color: #fff;}


.button-yellow { background-color: #F37B1D; color: #fff;border-width: 0px;}


.button-yellow:hover, .button-yellow:focus { background-color: #c87316; color: #fff;}


.button-violet { background-color: #DD514C; color: #fff;border-width: 0px;}


.button-violet:hover, .button-violet:focus { background-color: #C62B26; color: #fff;}


.button-blank { background-color: #FAFAFA; color: #595857;border: 1px #E6E6E6 solid}


.button-blank:hover, .button-blank:focus { background-color: #EEE; color: #595857;}


.button:disabled {background-color: #f5f5f5; color: #999;}


/*@ 名称: tipbox样式 */


.tipbox{position:relative;zoom:1;font-size:12px;line-height:22px;}


.tipbox .tipbox-icon{background:#fff;width:20px;height:20px;position:absolute;top:22px;left:48px}


.tipbox-icon .iconfont{font-size:36px;position:absolute;top:-7px;left:-7px;width:32px;height:32px;line-height:36px;text-shadow:0 1px 0 #fff}


.tipbox-message{border:1px solid #b2e2ea;background:#e0f4ff}.tipbox-message .tipbox-icon .iconfont{color:#68b5e2}


.tipbox-success{border:1px solid #e1e1ca;background:#edfed0}.tipbox-success .tipbox-icon .iconfont{color:#b5de70}


.tipbox-error{background:#fdeee9;border:1px solid #fadcd3}.tipbox-error .tipbox-icon .iconfont{color:#f17975}


.tipbox-warning{background:#fefea4;border:1px solid #e6e098}.tipbox-warning .tipbox-icon .iconfont{color:#f96}


.tipbox-wait{border:1px solid #fae3cc;background:#fff9d9}.tipbox-wait .tipbox-icon .iconfont{color:#d1a066}


.tipbox-content{margin:14px 0 14px 87px}


.tipbox-content .tipbox-title{margin:0;padding:0}


.tipbox-content h3.tipbox-title,.tipbox-content-simple h3.tipbox-title{color:#333;font-size:14px;font-weight:bold}


.tipbox-content-simple{margin:22px 0 22px 88px}


.tipbox-explain{margin:0;padding:0;color:#808080}


.tipbox-white{background:#fff;border:1px solid transparent;_border-color:tomato;_filter:chroma(color=tomato)}


/*@ 名称: 表格样式 -1 */


/*表格*/


.table { table-layout: fixed; width: 100%;  border-collapse: collapse;}


.table th, .table td { padding: 10px; padding-left: 10px; padding-right: 0px; border: 1px solid #eee;word-break: break-all;    border-width: 0 0 1px;}


.table thead {background-color: #eef3f7;border-top: 1px solid #d5dfe8;}


.table tbody tr:nth-child(2n) { background: #fafafa; }


.table .table tbody tr:nth-child(2n) { background: #fafafa; }





.table tbody tr:hover { background: #fafafa; }


.table .cola { width: 50px; }


.table .colb { width: 100px; }


.table .colc { width: 150px; }


.table .cold { width: 200px; }


.table th{font-size:12px;font-weight: bold;border-top:0;border-bottom-width:1px;padding: 0.7rem;}


.table td{font-size:12px;padding: 0.5rem;    line-height: 1.5;} 


.table-head{margin:10px;}


.table-title{padding:10px;border-top: 1px #DDDDDD solid;background-color: #eef3f7;}


.table .sequence{    border: 1px dashed #DDD;    text-align: center;    width: 50px;    padding: 0;}


/*表单样式*/


input.input{height:24px;padding:3px 5px;border:1px solid #D9D9D9;border-top-color:#c0c0c0;font-size:12px;line-height:20px; margin-right:5px;background:#fff;vertical-align:middle;border-radius:4px;}


input.radio{height:16px;line-height:16px; width:20px;*vertical-align:bottom;}


input.checkbox{height:16px;line-height:16px; width:20px;*vertical-align:bottom;}


select.select{height:28px;margin-right:5px;padding:4px;border:1px solid #ccc;background:#ffffff;font-size:12px;line-height:28px;}


textarea.textarea{margin-right:5px;padding:5px;border:1px solid #ccc;background:#fff;font-size:12px;line-height:20px;border-radius:4px;}


input{*margin-top:-2px;}


input.gray-input,textarea.gray-input{background-color:#ECE9D8;}


/*下拉浮动*/


.select-box{margin-right:10px;}


.select-box .select-button{height:25px;border: 1px #CCCCCC solid;padding:5px;cursor:default;display:block;float:left;margin-right:10px;line-height:25px;}


.select-box .select-button input{display: none}


.select-list,.select-add{display:none;padding:5px 10px;font-size: 14px;background:#FFF;border: 1px #DDDDDD solid;margin-top:2px;border-radius: 3px;}


/*分页*/


#page{padding:8px 0px;font-size: 12px;}


.pager{float: right}


.pager li{display: block;float:left;padding:2px 10px;height:22px;line-height:22px;background:#F5F5F5;border:1px solid #DDDDDD;margin: 0px 2px;border-radius:3px;}


.pager li a{color:#333333;display: block;}


.pager li.active{background:#3190EE;}


.pager li.active a{color:#FFFFFF}


/*样式表*/


.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:2em;}


.badge.bg-red{background-color:#EE3333;}


.badge.bg-blue{background-color:#00AAEE;}


.badge.bg-yellow{background-color:#FF6600;}


.badge.bg-green{background-color:#22CC77;}


/*##############################################*/


/*登陆界面*/


#login{width:360px;


color:#666;


overflow:hidden;


margin-top: 50px;


background: rgba(255, 255, 255, .85);


padding: 16px 10px;


margin: 0 auto;


height:100%


}


#login .top{width:360px;height:50px;background: rgba(255, 255, 255, .85);color:#666;


font-size: 38px;line-height:50px}


#login input{font-size: 16px;width: 330px;border:1px #DADADA solid;outline: none;line-height: 22px;padding:14px;height: 22px;*height: 21px;margin:10px 0px;color:#515151;}


#login .in{height:180px;}


#login .fullBtnBlue{


	height: 50px;width:358px;line-height: 50px;text-align: center;outline: none;


	color: #fff;


background-color: #007bff;


border-color: #007bff;


border: 1px solid transparent;


border-radius: .15rem;


	font-size:18px;}


#login .fullBtnBlue:hover{ color:#fff;


 background-color:#0069d9;


 border-color:#0062cc;


 }


#login .placeholder{color: #ccc;}


/*顶部菜单*/


.header{background:#20222A;height:50px;position:relative;font-size:14px;}


.header li{float:left;display: block;line-height:50px;}


/*


.header .top-preview{position:absolute;top:0px;left:0px;line-height: 50px;}


.header .top-preview a{display: block;height:50px;width:20px;padding:0 15px;color:#FFF;background:#EB3C01}


.header .top-preview a:hover{background-color:#AA2D00}


*/


.header .top-logo{width:200px;height:50px;background:url('logo.png') no-repeat;background-color:#20222A;}


.header .top-app{position:absolute;top:0px;left:200px;}


.header .top-menu{position:absolute;top:0px;right:0px;}





.header .top-menu a,


    .header .top-app a{float:left;height:50px;padding:0 15px;color:#16a0d3;overflow:hidden;}


    .header .top-app a:hover{background-color: #fff;}


    .header .top-app .focus{background-color: #fff;}


.header .top-menu .focus{background-color: #e33;}


.header .top-menu a{color: #FFF;}


.header .top-menu a:hover{background-color: #cc1c1c;}





.targetBox{background:#FFF;border:1px solid rgba(0,0,0,.15);border-radius: 4px; margin-top:-1px;padding:5px;font-size: 14px;width:110px;}


.targetBox a{color:#000;display: block;padding:5px 10px;width:90px;}


.targetBox a:hover{background:#E9E7EF;}


/*侧边导航*/


#menu{width:200px;position:fixed;top:50px;bottom:0;background-color:#20222A;overflow-y: auto;border-right: 1px solid #c1d1dc;padding-top: 5px}


#menu i.iconfont{padding-right:5px;color: #B9BABC}


#menu .on,.off{width:190px;line-height:56px;color:#B9BABC;padding-left:10px;font-size:18px}


#menu ul{width:200px;line-height:50px;font-size:14px;}


#menu li a{color:#fff;display: block;padding-left:20px;}


#menu li a:hover{background:#16a0d3;}


#menu .focus{background:#16a0d3;}


/*框架主体*/


#main{position: fixed;left:201px;top: 50px;right: 0;bottom: 0;overflow: hidden;background-color: #eff3f6;}


#main #iframe{width: 100%;height: 100%;margin: 0;padding: 0;overflow: auto;}


/*表单编辑*/


form .table th{padding:10px 5px!important;vertical-align: middle;text-align:right;width: 120px;color:#555;}


form .table tbody tr:nth-child(2n){background: none}


form .table td{padding:10px 5px!important;vertical-align: middle;border-bottom: 1px solid #ddd;}


form .table tr{border:none!important;}


.btn{padding:5px;}


.formtable{line-height:25px;color: #333;width: 100%}


.formtable th,


.formtable td{padding:5px!important;vertical-align: middle;border: 1px solid #fff;border: 1px solid #ddd;}


.formtable th{text-align:right;max-width:160px;min-width:80px;width: 120px;background-color: #FBFBFB;}


/*当前路径*/


.path {height:40px;line-height:40px;padding-left:10px;border-bottom: 1px #DDDDDD solid;}


.path a{padding:0px 5px;display:inline;color:#000}


/*搜索*/


.table-search{padding:10px;border: 1px #DDDDDD solid;font-size: 14px;margin: 10px;}


.table-search ul{clear:both;}


.table-search ul li{display: block;padding:5px;float: left;height:40px;line-height:40px;}


.table-search ul li span{display: block;float: left;padding:5px 2px;}


/*@ 名称: tab 样式 */


ul.tab{position:relative;padding-bottom:0px;padding-left:0px;bottom:-1px;padding-right:0px;height:30px;padding-top:0px}


ul.tab li{border:#e5e5e5 1px solid;line-height:28px;float:left;height:28px;cursor:pointer;margin-right:5px;}


ul.tab li{padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:0px;background:#f7f7fa;}


ul.tab li.hover{position:relative;background:#fff;border-bottom-width:0px;height:29px;font-weight:700;}


/*进度条*/


.progress {


    height: 20px;


    margin-bottom: 20px;


    overflow: hidden;


    background-color: #f5f5f5;


    border-radius: 4px;


    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);


    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)


}





.progress-bar {


    float: left;


    width: 0;


    height: 100%;


    font-size: 12px;


    line-height: 20px;


    color: #fff;


    text-align: center;


    background-color: #428bca;


    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);


    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);


    -webkit-transition: width .6s ease;


    transition: width .6s ease


}





.progress-striped .progress-bar {


    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);


    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);


    background-size: 40px 40px


}





.progress.active .progress-bar {


    -webkit-animation: progress-bar-stripes 2s linear infinite;


    animation: progress-bar-stripes 2s linear infinite


}





.progress-bar-success {


    background-color: #5cb85c


}





.progress-striped .progress-bar-success {


    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);


    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)


}





.progress-bar-info {


    background-color: #5bc0de


}





/** 组图*/


ul.luopic {margin-top:10px;}


ul.luopic li{border:#e5e5e5 1px solid;float:left;cursor:pointer;margin-right:5px;margin-bottom: 5px;}


ul.luopic  li .close {float:right;}