@charset "utf-8";
/* CSS Document */
iframe{background: #fff;}
body{font-family: "SimSun"; color:#525252;}

/* ----------------- pt-color ---------------- */
.pt-color-success{color:#00a65a;}
.pt-color-danger{color:#dd4b39;}
.pt-color-primary{color:#3c8dbc;}
.pt-color-warning {color: #f39c12;}
.pt-color-info {color: #00c0ef;}
.pt-color-disable{color:#ccc;}

.pt-color-0{color:#8fd28f;}
.pt-color-1{color:#fbba84;}
.pt-color-2{color:#f687b2;}
.pt-color-3{color:#f0d682;}
.pt-color-4{color:#7cd5cf;}
.pt-color-5{color:#bb9be6;}
.pt-color-6{color:#96a3f1;}
.pt-color-7{color:#f98f8f;}
.pt-color-8{color:#df97e0;}
.pt-color-9{color:#efce7d;}
.pt-color-10{color:#8cc7e9;}
.pt-color-11{color:#79d69d;}
.pt-color-12{color:#85b4de;}
.pt-color-13{color:#b4d689;}
.pt-color-14{color:#a8a8f0;}
.pt-color-15{color:#f2a68e;}
.pt-color-16{color:#ca9dee;}
.pt-color-17{color:#81ddc6;}
.pt-color-18{color:#f2c782;}


.pt-bg-success{background-color:#00a65a; color:#fff;}
.pt-bg-danger{background-color:#dd4b39; color:#fff;}
.pt-bg-primary{background-color:#3c8dbc; color:#fff;}
.pt-bg-warning {background-color: #f39c12; color:#fff;}
.pt-bg-info {background-color: #00c0ef; color:#fff;}
.pt-bg-olive{background-color: #3d9970; color:#fff}

.icon-select{background:url(images/icon-select.png) no-repeat center center;}

/* -------------------- pull ---------------- */
.pull-left {float: left;}
.pull-right {float: right;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.pt-label {padding:2px 6px; border-radius: 4px; margin:0 4px;}

/* ----------------------------------------- */
.margin-lr{margin:0 10px; height: 100%;}

/* ---------------- pt-btn ------------------ */
.pt-btnList{float:left;}
.pt-btn {box-shadow: none; color:#aaa; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; padding: 5px 10px; font-size: 12px; line-height: 1.5; margin:4px 2px 4px 0; font-family:"SimSun";}
.pt-btn .fa{margin-right: 4px; font-size: 13px;}
.easyui-tooltip .fa{margin-right: 0px;}
.pt-btn-primary {background-color: #3c8dbc; border-color: #367fa9; color:#fff;}
.pt-btn-primary:hover{background-color: #3a7fa6;}
.pt-btn-primary:active{background-color: #184872;}
.pt-btn-default {background-color: #f4f4f4; color: #444; border-color: #ddd;}
.pt-btn-default:hover{background-color: #e6e6e6;}
.pt-btn-default:active{background-color: #d3d3d3;}
.pt-btn-success {background-color: #00a65a; border-color: #008d4c; color:#fff;}
.pt-btn-success:hover{background-color: #008c4d;}
.pt-btn-success:active{background-color: #37833a;}
.pt-btn-info {background-color: #00c0ef; border-color: #00acd6; color:#fff;}
.pt-btn-info:hover{background-color: #05abd5;}
.pt-btn-info:active{background-color: #2699bb;}
.pt-btn-warning {background-color: #f39c12; border-color: #e08e0b; color:#fff;}
.pt-btn-warning:hover{background-color: #df8d14;}
.pt-btn-warning:active{background-color: #d48418;}
.pt-btn-danger {background-color: #dd4b39; border-color: #d73925; color:#fff;}
.pt-btn-danger:hover{background-color: #d63824;}
.pt-btn-danger:active{background-color: #ab2824;}
.pt-btn-maroon {background-color: #d81b60; border-color: #c40a4e; color:#fff;}
.pt-btn-maroon:hover{background-color: #d00650;}
.pt-btn-maroon:active{background-color: #b4174f;}
.pt-btn-purple {background-color: #605ca8; border-color: #464293; color:#fff;}
.pt-btn-purple:hover{background-color: #4f4b9f;}
.pt-btn-purple:active{background-color: #514e8c;}
.pt-btn-navy{background-color: #001f3f; border-color: #001326; color:#fff;}
.pt-btn-navy:hover{background-color: #001932;}
.pt-btn-navy:active{background-color: #001123;}
.pt-btn-olive{background-color: #3d9970; border-color: #258b5d; color:#fff;}
.pt-btn-olive:hover{background-color: #2e9064;}
.pt-btn-olive:active{background-color: #317f5d;}

.pt-btn-border {box-shadow: none; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; padding: 2px 10px; font-size: 12px; line-height: 1.5; margin:4px 4px 4px 0;}
.pt-btn-border-primary {background-color: #fff; color: #3c8dbc; border-color: #3c8dbc;}
.pt-btn-border-primary:hover{background-color: #f0f4f9;}
.pt-btn-border-primary:active{background-color: #f9f9f9;}
.pt-btn-border-success{background-color: #fff; color: #008c4d; border:1px solid #008c4d;}
.pt-btn-border-success:hover{background-color: #eff8f4;}
.pt-btn-border-success:active{background-color: #f9f9f9;}
.pt-btn-border-info {background-color: #fff; color: #00c0ef; border-color: #00c0ef;}
.pt-btn-border-info:hover{background-color: #ecf6f8;}
.pt-btn-border-info:active{background-color: #f9f9f9;}
.pt-btn-border-warning {background-color: #fff; color: #e08e0b; border-color: #e08e0b;}
.pt-btn-border-warning:hover{background-color: #f8f5ef;}
.pt-btn-border-warning:active{background-color: #f9f9f9;}
.pt-btn-border-danger {background-color: #fff; color: #dd4b39; border-color: #dd4b39;}
.pt-btn-border-danger:hover{background-color: #f9f1f0;}
.pt-btn-border-danger:active{background-color: #f9f9f9;}

.pt-btn-padding{padding:2px 10px;}

.pt-x{position: relative;}
.pt-btn-input-x{margin-right: 42px;}
.pt-btn-x{position: absolute; right:0px; top:-4px;}

.pt-left-tools{margin-bottom: 10px;}
.pt-toolbar{margin-bottom:0; background: #fafafa; border: 1px solid #d2d6de; border-bottom: 0 none;}

.pt-text-color{color:#929292; margin:0 6px; font-size: 14px; line-height: 30px;}

/* -------------------- easyui-menubutton ------------------- */
.easyui-menubutton .fa { margin-right: 4px; font-size: 13px;}
.m-btn-downarrow, .s-btn-downarrow {background: url(images/menu_arrows.png) no-repeat 0 center;}
.m-btn-downarrow{margin-left:4px;}
.pt-btn-primary .m-btn-downarrow{border-left:1px solid #2e6da4;}
.pt-btn-default .m-btn-downarrow{border-left:1px solid #cbcbcb;}
.pt-btn-success .m-btn-downarrow{border-left:1px solid #0b7b48;}
.pt-btn-info .m-btn-downarrow{border-left:1px solid #1aa1c2;}
.pt-btn-warning .m-btn-downarrow{border-left:1px solid #d48418;}
.pt-btn-danger .m-btn-downarrow{border-left:1px solid #ab2824;}
.pt-btn-maroon .m-btn-downarrow{border-left:1px solid #ac164c;}
.pt-btn-purple .m-btn-downarrow{border-left:1px solid #4a4780;}
.pt-btn-navy .m-btn-downarrow{border-left:1px solid #001020;}
.pt-btn-olive .m-btn-downarrow{border-left:1px solid #2a6b4e;}
.l-btn-plain{border-radius:4px;}
.l-btn-plain:hover{border-radius:4px;color:#fff; box-shadow: none;}
/* .m-btn-plain-active{ border:1px solid #3a7fa6;} */
.easyui-menubutton.pt-btn-primary:hover {background-color: #3a7fa6; border:1px solid #3a7fa6;} 
.easyui-menubutton.pt-btn-primary:active{background-color: #184872;}
.easyui-menubutton.pt-btn-default:hover{background-color: #e6e6e6; border:1px solid #e6e6e6; color:#333;}
.easyui-menubutton.pt-btn-default:active{background-color: #d3d3d3; color:#333;}
.easyui-menubutton.pt-btn-success:hover{background-color: #008c4d; border:1px solid #008c4d;} 
.easyui-menubutton.pt-btn-success:active{background-color: #37833a;}
.easyui-menubutton.pt-btn-info:hover{background-color: #05abd5; border:1px solid #05abd5;}
.easyui-menubutton.pt-btn-info:active{background-color: #2699bb;}
.easyui-menubutton.pt-btn-warning:hover{background-color: #df8d14; border:1px solid #df8d14;}
.easyui-menubutton.pt-btn-warning:active{background-color: #d48418;}
.easyui-menubutton.pt-btn-danger:hover{background-color: #d63824; border:1px solid #d63824;}
.easyui-menubutton.pt-btn-danger:active{background-color: #ab2824;}
.easyui-menubutton.pt-btn-maroon:hover{background-color: #d00650; border:1px solid #d00650;}
.easyui-menubutton.pt-btn-maroon:active{background-color: #b4174f;}
.easyui-menubutton.pt-btn-purple:hover{background-color: #4f4b9f; border:1px solid #4f4b9f;}
.easyui-menubutton.pt-btn-purple:active{background-color: #514e8c;}
.easyui-menubutton.pt-btn-navy:hover{background-color: #001932; border:1px solid #001932;}
.easyui-menubutton.pt-btn-navy:active{background-color: #001123;}
.easyui-menubutton.pt-btn-olive:hover{background-color: #2e9064; border:1px solid #2e9064;}
.easyui-menubutton.pt-btn-olive:active{background-color: #317f5d;}
.l-btn-left{margin:0 4px;}
.m-btn .l-btn-left .l-btn-text {margin-right: 22px;}
.menu{border: 1px solid rgba(0,0,0,.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.15);}
.menu-line{border:0 none;}
.menu-icon{left:10px;}
.menu-active{background: #f5f5f5; color:#333; border:1px solid #f5f5f5;}

/* ----------------- pt-tree-color ---------------- */
.pt-treecolor-warning {color:#fac282;}
.pt-treecolor-orange{color:#fad282;}
.pt-treecolor-yellow{color:#eae05a;}
.pt-treecolor-success{color:#bae082;}
.pt-treecolor-olive{color:#82e0b8;}
.pt-treecolor-info{color:#acd0f0;}
.pt-treecolor-primary{color:#9ad0f0;}
.pt-treecolor-lilac{color: #acbaf0;}
.pt-treecolor-purple{color:#bea6e6;}
.pt-treecolor-lightpink{color:#e6aacc;}
.pt-treecolor-maroon{color:#f094aa;}
.pt-treecolor-danger{color:#f49898;}

/* ---------------- pt-title ---------------------- */
.pt-main-top{padding:12px; position: relative; border-bottom: 1px solid #d2d6de; margin-bottom:8px;}
.pt-nav{float: left;}
.pt-title-icon{float:left; background:#f39c12; width:44px; height: 44px; line-height: 44px; text-align: center; border-radius: 4px; margin-right: 12px;}
.pt-title-icon .fa{color:#fff; font-size: 18px; line-height: 44px;}
.pt-title {float: left;}
.pt-title h4{ font-size: 16px; color:#333; line-height: 44px;}
.pt-nav-tab li{float: left; margin-right: 16px; line-height: 26px;}
.pt-nav-tab li a:hover, .pt-nav-tab li a.hot{color:#3c8dbc; border-bottom: 2px solid #3c8dbc;}
.pt-search{float: right; margin-top: 10px;}
.pt-search p{float:left; border:1px solid #d2d6de; height:30px; line-height: 30px; width:200px; padding:0 0 0 6px; border-top-left-radius:4px; border-bottom-left-radius:4px; margin-top:4px;}
.pt-search p input[type="text"]{height: 28px; line-height: 28px; width:160px; border:0 none; padding:0; float: left; font-size:12px;}
.pt-search p button{border:0 none; height: 28px; line-height: 28px; background: #fff; cursor:pointer; float: left;}
.pt-gjbtn{cursor: pointer; background-color: #00c0ef; border-color: #00acd6; color:#fff; border:0 none; height: 30px; line-height: 30px; padding:0px 16px; float: left; border-top-left-radius:0px; border-bottom-left-radius:0px;}
.pt-search p.pt-retrieval{border-radius: 4px; margin:4px 4px 0 0;}
.pt-gjsearch{background: #f9f9f9; padding:10px 0; margin-bottom:10px;}
.pt-gjsearch h5{font-size:14px; line-height: 36px; padding:0 12px;}
.pt-search-list{padding:0 12px;}

.pt-nav-xs .pt-title-icon{width:30px; height: 30px; line-height: 30px;}
.pt-nav-xs .pt-title-icon .fa{line-height: 30px; font-size: 14px;}
.pt-nav-xs .pt-title h4{ font-size: 16px; color:#333; line-height: 30px;}
.pt-nav-xs .pt-nav-tab2 .tabs{padding-left:60px;}

.pt-box-tools{position: relative; top: 10px; right: 0; float: right;}

.pt-left-menu{width:240px; position: absolute; padding:4px 10px 10px 10px; z-index: 11;}
.pt-right-main{margin-left:240px; /*margin-left: 230px; position: relative;*/}
.pt-box-tools-xs{top:0;}
.pt-box-tools-xs .pt-btn{margin:0 2px 0 0;}
.pt-search-xs{margin:0;}
.pt-search-xs p{margin:0;}
.pt-search-xs p.pt-retrieval{margin:0px 4px 0 0;}
.pt-search-xs .pt-btn{margin:0 2px 0 0;}

/* ----------------- pt-form-inline --------------- */
.pt-form-inline {margin:0px 10px;}
.pt-form-inline .form-group {display: inline-block; margin-bottom: 10px; vertical-align: middle; margin-right: 10px;}
.pt-form-inline .control-label {text-align: right; font-size: 14px; vertical-align: baseline;}
.pt-form-inline .form-group .control-label {font-weight: normal; padding-top: 3px; text-align: right; padding-right: 0;}
.pt-form-inline .control-inline {display: inline-block; width: auto; vertical-align: middle;}

/* ------------------- pt-form --------------- */
.pt-form{}
.pt-form table{margin:20px auto; font-size: 14px; font-family: "SimSun";}
.pt-form td{padding:0 6px 14px 6px;}
.pt-form td.tbtitle{text-align: right; width:140px;}
.pt-form .textbox-label{width:auto; margin-left: 14px;}
.textbox .textbox-text{font-size: 14px; font-family: "SimSun";}
.textbox .textbox-prompt{font-size: 14px; font-family: "SimSun";}

.pt-custom-form{}
.pt-custom-form table{margin:0 auto;}
.pt-custom-form td{padding: 5px 14px; border: 1px solid #ddd;}

.pt-form-btn{background: #f5f5f5; border: 1px solid #e3e3e3; position: absolute; /* bottom: -48px; */ bottom:0; left:0; width:100%; text-align: right; padding:4px 0 8px 0;}
.pt-form-btn .pt-btn{padding-left:20px; padding-right:20px; margin-right: 10px;}

.pttable{margin:0px auto 60px;}
.pttable table{margin:20px auto 20px;}
.form-unit{font-size: 16px; /*font-style: oblique;*/ color: #3c8dbc; border-bottom: 1px solid #ddd; margin: 8px 10px 25px 10px; padding-bottom: 5px; text-indent: 1em;}
.form-unit1{font-size: 16px; margin: 0px 0px 16px 0px; font-weight: bold; line-height: 36px; height: 36px; font-style: normal; background: url(images/form-unit-icon.png) 8px 11px no-repeat; padding-left:6px; border-bottom: 1px solid #ddd; text-indent: 1em; color: #3c8dbc;}
.form-unit .fa{font-size: 12px; margin-right: 10px;}
.form-unit h6{font-size: 16px; color: #3c8dbc; margin: 12px 0 0 -1em;}
.form-unit2{font-size: 16px; color: #3c8dbc; border: 1px solid #e4eaec; border-bottom: 0 none; margin: 0px; padding: 4px;}
.form-unit2 h5{font-size: 16px; color: #3c8dbc; margin: 12px 0 0 10px;}
.form-unit2 .fa{font-size: 12px; margin-right: 10px;}

.form-unit-text{background: #f9f9f9; margin:0 10px 20px; line-height: 30px; padding:10px 14px 0 14px; /*position: relative;*/ border-bottom:1px solid #ddd; border-radius: 6px;}
.form-unit-text a{margin-right:10px;}
.form-unit-text .fa{margin-right:6px;}
.form-unit-text>.fa{ color:#ea7b04;}
.form-unit-text p{ position: absolute; left:70px; top:10px; font-size:15px; margin:0 20px; font-weight: bold;}
.form-unit-text .pt-process-formats-btn{display: inline-block; position:absolute; right:10px; bottom:10px;}
.form-unit-text .pt-process-formats-btn a{font-size: 13px;}

.form-unit-p {position: relative; margin-bottom: 10px;}

.pt-tablelist {/*padding:0 10px;*/}
.pt-tablelist table{ width:100%; background: #fff; border:1px solid #e6e6e6;border-collapse: separate; /*border-radius: 5px;*/}
.pt-tablelist table th{border-bottom: 1px solid #e6e6e6; height: 36px; color:#666666; text-align: center;}
.pt-tablelist table td{border-bottom: 1px solid #e6e6e6; text-align: center; height: 36px; color:#808080;}
.pt-tablelist table tr:last-child td{border-bottom: 0 none;}

.pt-nest-table{border:1px solid #f0f0f0; padding:14px 10px 10px 10px;}
.pt-nest-table label{display: inline-block; padding:0 0 20px 0;}
.padding-r label{padding-right:5px;}
.pt-remark{color:#929292; display: block; line-height: 26px;}

/* -------------- pt-note ------------- */
.pt-note{background: #f9f9f9; border-left:4px solid #e4e4e4; padding: 8px 0; margin-bottom: 20px; border-radius: 4px;}
.pt-note-danger{background-color: #dd4b39; border-left:4px solid #c23321; color:#fff;}
.pt-note-warning {background-color: #f39c12; border-left:4px solid #c87f0a; color:#fff;}
.pt-note-primary{background-color: #3c8dbc; color:#fff; border-left:4px solid #1c597c;}
.pt-note-info {background-color: #00c0ef; border-left:4px solid #0097bc; color:#fff;}
.pt-note-success {background-color: #00a65a; border-left:4px solid #00733e; color:#fff;}
.pt-note p{line-height: 30px; margin:0 30px;}
.pt-note .pt-note-btn button{margin-right:10px;}
.pt-note .pt-note-btn {padding:10px 0 10px 10px;}


/* ---------------- datagrid-btable ------------ */
.datagrid-header .datagrid-cell span{font-size: 14px;}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{font-size: 14px;}

.datagrid-btable .fa{font-size:14px; margin-right: 8px;}
.datagrid-btable .fa:hover{transform: scale(1.2);}
.datagrid-btable .datagrid-cell a.pt-datagrid-margin{margin-right:16px;} 
.datagrid-row-selected{background: #FDF5E6; color: #111;}

.datagrid-view{background: #fff;}


/* ------------------ main2 ------------------------- */
.pt-main-top2{position: relative; padding:10px 0px 0px; height:100%;}
.pt-title-icon2{position: absolute; left:10px;}
.pt-main-top2 h4{margin-left:80px; font-size:16px; height:20px;}
.pt-nav-tab2{position: relative;}
.pt-nav-tab2 .tabs{padding-left:70px;}
.pt-nav-tab2 .tabs-scroller-left{margin-left:50px;}
.pt-nav-tab2 .tabs-panels{ border:none;}

.pt-nav-list{height:100%; padding:0px;overflow: hidden !important;}
.tablepadding td{padding:0 6px 16px 6px; }
.pt-align-right{text-align: right;}
.pt-wrap{height:100%;}

/* ------------------ main3 ----------------------- */
.pt-main3-topbtn{background: #fff; padding:6px 10px 6px 10px; }
.pt-main3{position: relative; background: #f4f4f4; padding:10px; height:100%;}
.pt-main3-left{width:74%; margin-right: 1%; float: left;}
.pt-main3-right{width:25%; float: left;}
.pt-main3-con{background: #fff; padding:10px 10px 16px 10px; margin-bottom: 10px; }
.pt-main3-con .form-unit{ margin: 0px 0px 16px 0px; font-weight: bold; line-height: 36px; height: 36px;  font-style: normal; background: url(images/form-unit-icon.png) 8px 11px no-repeat; padding-left:6px;}
.pt-main3-con .form-unit .form-unit-icon{text-align: right; margin-right: 16px;}
.pt-main3-con .form-unit .form-unit-icon a{color:#3c8dbc;}

.form-unit-icon-txt{font-size: 14px; font-weight: normal; margin:0 10px 0 0;}
.form-unit-icon-txt a{color:#3c8dbc;}
.form-unit-icon-txt a:hover{color:#00c0ef;}
.form-unit-icon-txt i{margin:0 6px 0 0;}

.pt-process-table{width: 100%;}
.pt-process-table td{border:1px solid #dfdfdf; padding:10px;}
.pt-process-table td input[type="text"]{border:1px solid #eee; height: 26px; line-height: 26px; padding:0 4px;}
.pt-process-table td textarea{border:1px solid #eee; padding:4px; width: 95%;}
/* .pt-process{line-height: 30px;} */
.pt-process-link a{color:#3c8dbd;}
.pt-process-link a:hover{color:#2b6485;}
.pt-process-view{}
.pt-process-view p.pt-process-view-check{}
.pt-process-view p.pt-process-view-check label{width:auto; color: #404040;}
.pt-process-view p.pt-process-view-check span{display: inline-block; margin-right: 14px; margin-bottom:0;}
.pt-process-view p{margin-bottom:10px;}
.pt-process-view p span{/* color:#404040; */ display:block; margin-bottom:10px;}
.pt-process-view p span a{color:#3c8dbd;}
.pt-process-view p textarea{width:99%; height: 120px; border:1px solid #dfdfdf; padding:4px;}
.pt-process-view select{height: 30px; line-height: 30px; border:1px solid #dfdfdf; padding:0 4px; margin:0 4px 4px 0;}
/* .pt-process-view p input{margin-right: 4px;}
.pt-process-view p input[type="text"]{height: 30px; line-height: 30px; border:1px solid #dfdfdf; padding:0 4px; margin:0 4px 4px 0;} */
.pt-process-view p em{display:block; color:#a6a6a6; /*text-align: right;*/ font-size: 12px;}
.pt-process-list{}
.pt-process-list p{line-height: 30px; padding-left:10px;}
.pt-process-list p a:hover{color:#2b6485;}
.pt-process-list p .fa{margin-right: 8px; color:#a6a6a6;}
.pt-process-formats{}
.pt-process-formats ul{margin-left:24px;}
.pt-process-formats li{float: left; height: 58px; margin:0 2% 20px 0; overflow: hidden; width:31%;}
.pt-process-formats li img{float: left; width:55px; height: 58px; margin-right: 12px;}
.pt-process-formats li .pt-process-formats-txt{ /*float: left; width:226px; */}
.pt-process-formats li h5{font-size: 14px; font-weight: bold; height: 42px; overflow: hidden; line-height: 21px;}
.pt-process-formats li .pt-process-formats-btn{font-size: 12px;}
.pt-process-formats li .pt-process-formats-btn a{margin-right: 8px;font-size: 12px;}
.pt-process-formats li .pt-process-formats-btn a:hover{filter:alpha(opacity=80); opacity: 0.8;}
.pt-process-formats li .pt-process-formats-btn .fa{margin-right: 4px;}

.lc-finish{font-size: 28px; font-weight: bold; text-align: center; padding:110px 0; letter-spacing: 10px;}

/* ------------------- fileupload------------------ */
.webuploader-pick {background-color: #fff; border: 1px solid #bbb; border-radius: 4px;
color: #444; padding: 3px 6px;}
.webuploader-pick i.fa-upload { padding-right: 0.3em; color: #666;}

.pt-process-bar {height: 20px;}
.pt-process-bar .bar {position: relative; height: 10px; width: 50%; background: #ddd; float: left; border-radius: 5px; top: 3px;}
.pt-process-bar .subbar {position: absolute; width: 100%; height: 8px; background: #3c8dbc; margin-top: 1px; border-radius: 4px;}
.pt-process-bar .state { font-size: 14px; height: 16px; line-height: 16px; float: left; text-indent: 1em;}
.pt-process-bar i {float: right;}
.zwbtn-overlay{position: absolute;left:0px;top: 0px;width:100%;height: 100%;/*background:transparent;*/ background: url(images/transparent1.png); cursor: not-allowed; display: none;}

/* --------------------- easyui_tree --------------------  */
.pt-tree{background: #fff;}
.pt-tree .tree-node .tree-icon, .pt-tree .tree-node .tree-folder{background: none; padding-top: 2px; margin-right: 4px; font-size: 14px;}
.pt-tree .tree-title{font-size: 14px; height: 24px; line-height: 24px;}
.pt-tree .tree-node{height: auto;}
.pt-tree .tree-node-selected{background: #f0f8ff; color:#3f9ae0;}
.pt-tree .tree-node-hover { background: #fafafa; color: #666;}
.pt-tree-title{height: 32px; line-height: 30px; font-size: 14px; font-weight: bold; color:#3c8dbc; border-bottom: 1px solid #ddd; margin:0 6px 4px 6px; padding:0 10px;}
.pt-tree-title span{font-size: 12px; color: #00cdff; margin:0 6px;}
.pt-tree-title .fa{line-height: 30px; cursor: pointer;}

/* --------------- timeline --------------- */
.ibox-content {background: #fff;}
#vertical-timeline {position: relative; padding: 0; margin-top: 1em; margin-bottom: 1em;}
.vertical-container {width: 95%; margin: 0 auto;}
#vertical-timeline:before {content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f1f1f1;}
.vertical-timeline-block:first-child {margin-top: 0;}
.vertical-timeline-block {position: relative; margin: 2em 0;}
.vertical-timeline-icon {position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center;}
.vertical-timeline-icon i {display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px;}
.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content { background: #f5f5f5;}
.vertical-timeline-content { position: relative; margin-left: 60px; background: #fff; border-radius: 0.25em; padding: 1em;}
.dark-timeline .vertical-timeline-content:before {border-color: transparent #f5f5f5 transparent transparent;}
.vertical-timeline-content::before {content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #fff;}
.ibox-content h2{margin-top: 5px;}
.vertical-timeline-content h2 {font-size: 18px; font-weight: 400; margin-top: 4px;}
.vertical-timeline-content p {font-size: 13px; margin: 1em 0; line-height: 1.6;}
.vertical-timeline-content .vertical-date {color:#3c8dbc;}

/* ------------------------ errors -------------------- */
.pt-errors{background: #fefbf9; width:98%; margin:20px auto 0; border:1px solid #dfd9d5; border-radius: 4px;}
.pt-errors h3{background: #eba45e; padding:0 14px; height: 40px; line-height: 40px; color:#fff; font-size: 16px; font-weight: normal;}
.pt-errors h3 .fa{margin-right: 6px;}
.pt-errors .pt-errors-txt {padding:14px 10px 20px 20px;}
.pt-errors .pt-errors-txt h5{font-size:14px; color:#ee7a07; line-height: 30px;}
.pt-errors .pt-errors-txt p{line-height: 30px; color:#e48a31; word-wrap:break-word;}
.pt-errors .pt-errors-txt p .fa{margin-right: 10px; font-size: 12px; vertical-align: top; line-height: 30px;}

/* ------------------------------------------------------- */
.pt-separator{height: 1px; background:#ededed; display: block;}

.pt-config-logo{background: #3c8dbc; padding:10px 20px; border:1px solid #7da4bb;}

/* -------------------------- personnel ---------------------- */
.personnel-tab{margin:12px 0 12px 10px;}
.personnel-desktop{width:33%; float: left;}
.personnel-desktop .personnel-border{margin: 0 12px 12px 0; border:1px solid #ebebeb; padding:20px 12px 12px 30px; height: 212px;}
.personnel-desktop h3{font-size:40px; color:#c6c6c8; text-align: center;}
.personnel-desktop h5{font-size: 16px; font-weight: bold; text-align: center; color:#666666; margin:10px 0 20px 0;}
.personnel-btn{}
.personnel-btn a{display: inline-block; font-size: 14px; height: 28px; background: #8ac7e6; color:#fff; line-height: 26px; padding:0 16px; border-radius: 13px; margin:0 10px 10px 0;}
.personnel-btn a:hover{background: #ebba71;}
.personnel-img{ float: left; margin:20px 20px 0 20px;}
.personnel-img div{ width:200px; height:200px; background:#3c8dbc; border-radius: 50%; border: 1px solid #f9f9f9; position: relative; }
    .personnel-img div span{ position: absolute;left: 50%; top: 50%;font-size: 50px;margin-left: -50px;margin-top: -33px;color: #fff;}
.personnel-img img{width:202px; height: 202px;position: relative; left:-2px; top:-2px;}
.personnel-img .head-btn{padding:5px 20px; display: block; margin:20px auto 0;}

.img-circle {border-radius: 50%; border:1px solid #f9f9f9;}
.personnel-info{float: left; margin:0px 0 0 0;}
.personnel-img .pt-btn, .personnel-info .pt-btn{padding:5px 20px}
.personnel-role{border:1px solid #ebebeb; padding:6px 10px; margin-bottom:12px;}
.personnel-role-unit{color:#666; font-size:15px; font-weight: bold; background: url(images/form-unit-icon.png) 8px 11px no-repeat; padding-left:26px; line-height: 36px; height: 36px; margin-bottom: 4px;}
.personnel-role .personnel-btn{margin-left:20px;}
.post-info{margin-left:26px; font-size:14px;}
.post-info span{margin-right:20px;}
.pt-framework{text-align: center; width:33%; float: left;}
.pt-framework h1, .pt-framework h2, .pt-framework h3, .pt-framework h4, .pt-framework h5, .pt-framework h6{margin:0 0 14px 0; color:#fff; border-radius: 6px; font-weight: normal; background: #ccc; display: inline-block; padding:10px 20px;}
.pt-framework h1{background: #5296b8; font-size: 16px; padding:10px 50px;}
.pt-framework h2{background: #e6bb65; font-size: 16px; padding:10px 30px;}
.pt-framework h3{background: #bfbfbf; color:#fff; font-size: 14px;}
.pt-framework h4{background: #eaf4f8; color:#069eeb; font-size: 14px;}
.pt-framework h5{background: #f8f3e6; color:#faaf00; font-size: 14px;}
.pt-framework h6{background: #f1f1f1; color:#888; font-size: 14px;}

/* ---------------- pt-article ------------ */
.pt-article{margin:10px; border-radius: 5px; padding:40px 60px 20px; background: #fff; font-size: 15px; color:#333;}
.article-title{ margin:0 0 30px 0;}
.article-title h1{font-size: 34px; margin-bottom: 10px;}
.article-title span{margin:0 10px; color:#989898;}
.pt-article-imagetext{}
.pt-article p{line-height: 26px; margin:0 0 10px 0 ; text-indent: 2em;}
.pt-article-image img{margin:20px 0;}
.pt-article hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
.pt-article-annex{}
.pt-article-annex h2{ font-size: 20px; margin:0 0 10px 0;}
.pt-article-annex p{color:#00c0ef; text-indent: 0;}
.pt-article-annex p .fa{margin:0 10px 0 0; color:#c8e5e4;}
.pt-article-annex a{color:#00c0ef;}
.pt-article-annex a:hover{color:#3c8dbc;}

/* --------------------- icon ---------------- */
.divIcon{width:69%; margin-right:1%; background: #fcfcfe; border-radius: 5px; float: left;}
.divTxt{width:30%; background: #fcfcfe; border-radius: 5px; float: left;}
.title-unit{font-size: 16px; font-weight: bold; color:#666; background: url(images/form-unit-icon.png) 14px 11px no-repeat; padding-left: 26px; line-height: 36px; height: 36px; border-bottom: 1px solid #eceef6;}

.iconheight{padding:0 26px;}
.mainParts{border-bottom: 1px dashed #e6e6e6;}
.fontawesome-icon-list{*zoom:1;}
.fontawesome-icon-list:after{content:""; display:block; clear:both;}
.divIcon h5{color:#70aeea; font-weight: bold; font-size: 15px; margin:20px 0 16px 0;}
.divIcon .col-md-3{width:33%; float: left; margin:0 0 16px 0;}
.mainParts a{white-space:nowrap; overflow:hidden; /* text-overflow:ellipsis; */}
.mainParts .fa{margin-right:10px;}
.fontawesome-icon-list .fa-hover a:hover{color:#70aeea;}
.faselected{color:#70aeea;}

.divTxt .iconheight{padding:40px 60px 0px 60px;}
.divTxt .iconheight .tagbox{width:100%; height: 190px; border:1px solid #f1f1f1;  background: #fafafa;}
.divTxt .iconheight .tagbox input{background: #fafafa;}
.divTxt .iconheight .tagbox-label{display:block; width:100%; height: 150px !important; line-height: 150px !important; background: #fafafa;}
.divTxt .iconheight .tagbox-label .fa{font-size:40px; display: block; text-align: center; line-height: 130px;}
.divTxt .iconheight .tagbox-label .tagbox-remove{margin-top:0; top:130px; right:50%;}

/* ---------------- pt-table --------------- */
.pt-table{}
.pt-table table{width:100%;}
.pt-table th{background: #fff; padding:14px 6px; border:1px solid #e4eaec; color:#6ab6f0; text-align: center;}
.pt-table .pt-tableth th{background: #f9fbfc; padding:14px 6px; border:1px solid #e4eaec; color:#6ab6f0; text-align: center;}
.pt-table tr td{padding:8px 6px; border:1px solid #e4eaec; height: 24px; color:#61666a;}
.pt-table tr td i{cursor: pointer; margin-right: 6px;}
.pt-table tr td.pt-color-danger{color:#dd4b39;}

.pt-table{}
.pt-table table.blacktable{}
.pt-table table.blacktable th{background: #fff; padding:4px; line-height: 30px; border:1px solid #000; color:#000; text-align: center;}
.pt-table table.blacktable td{padding:4px; border:1px solid #000; color: #000;}
.pt-table table.blacktable td{}
.pt-table table.nobordertable tr:first-child th, .pt-table table.nobordertable tr:first-child td{border-top: 0 none;}
.pt-table table.nobordertable tr:last-child td{border-bottom: 0 none;}
.pt-table table.nobordertable tr td:first-child, .pt-table table.nobordertable tr th:first-child{border-left: 0 none;}
.pt-table table.nobordertable tr td:last-child, .pt-table table.nobordertable tr th:last-child{border-right: 0 none;}


.pt-tablepanel h3{font-weight: bold; font-size: 14px; padding: 10px; background: #f9fbfc; color: /*#6ab6f0*/ #0e3056; border-bottom: 1px solid #f4f4f4;}
.pt-tablepanel h3 i{margin-right: 10px; vertical-align: top; margin-top: -2px;} 
.pt-tablepanel h3 i.fa-sort-up{ margin-top: 4px;}
.pt-tablepanel h3 span{margin-left: 12px;}
.pt-table .pt-tablepanel table{/*table-layout: fixed*/}
.pt-table .pt-tablepanelth td{background:#3b689f; padding:4px 6px;border:1px solid #e4eaec; color:#fff; text-align: center; font-weight: bold; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.pt-table .pt-tablepanel table td{ /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ padding:4px 6px; border: 1px dotted #ccc;}


/* ---------------classify--------------------- */
.lc_margin{margin: 14px 10px 0 10px;}
.lc_list{}
.lc_list_title{border-bottom:1px solid #f2f2f2; height: 36px; line-height: 36px;}
.lc_list_title span{display: inline-block; padding:0 12px; color:#f2b63d; font-size:15px; font-weight:bold; border-bottom: 2px solid #ffdd99;}
.lc_list{margin-bottom: 8px;}
.lc_list ul{margin-top: 10px; width: 100%;}
.lc_list ul li{float: left; width:33%; line-height: 32px; color:#525252; background: url(images/classify_icon.png) 10px 13px no-repeat; overflow: hidden;
white-space: nowrap;}
.lc_list ul li a{display: inline-block; padding-left: 24px; font-size:15px; width: 200px; text-align: center;}
.lc_list ul li em{display: inline-block; border:1px solid #ddd; color:#6c6c6c; height: 24px; line-height: 20px; margin-left: 10px; background:#f5f5f5; border-radius: 6px; padding:0 14px 0 10px; font-size:12px; cursor: pointer; display: none;}
.lc_list ul li em i{padding-right: 4px;}
.lc_list ul li em.hot{border:1px solid #ffdd99; color:#f2b63d; background:#fffbf2;}
.lc_list ul li:hover{color:#efa91b;}
.lc_list ul li:hover em{display: inline-block;}
.lc_iconlist ul{margin-bottom: 10px;}
.lc_iconlist ul li{float: left; width:240px; line-height: 32px; color:#525252; overflow: hidden; white-space: nowrap; margin: 30px 0 0 0; text-align: center; position: relative;}
.lc_iconlist ul li a{display: inline-block; padding-left: 24px; font-size:15px; width: 240px; text-align: center;}
.lc_iconlist ul li a i.fa{font-size: 50px; display: block; /*text-align: center;*/ margin: 0 0 6px 0;}
.lc_iconlist ul li em{display: inline-block; border:1px solid #ddd; color:#6c6c6c; height: 24px; line-height: 20px; margin-left: 10px; background:#f5f5f5; border-radius: 6px; padding:0 14px 0 10px; font-size:12px; cursor: pointer; display: none; position: absolute; right: 0; top: 0;}
.lc_iconlist ul li em i{padding-right: 4px;}
.lc_iconlist ul li em.hot{border:1px solid #ffdd99; color:#f2b63d; background:#fffbf2;}
.lc_iconlist ul li:hover{color:#efa91b;}
.lc_iconlist ul li:hover em{display: inline-block;}

/* ------------------- historylist ----------------- */
.historylist{ width: 96%; margin:0 0 0 16px;}
.historylist td{padding:4px; line-height: 28px; color:#666; border-bottom: 1px solid #f5f5f5;}
.historylist td a{display: block; width:280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.historynum span{display:block; width:20px; height: 20px; line-height: 20px; border-radius: 50%; text-align: center; color:#fff; font-size: 12px; font-weight: bold;}
.historylist tr:hover{background: #fcfcfc;}
.historylist tr:hover td, .historylist tr:hover td a{color:#00438a;}
.numbg0{background: #fac282;}
.numbg1{background: #fad282;}
.numbg2{background: #eae05a;}
.numbg3{background: #bae082;}
.numbg4{background: #82e0b8;}
.numbg5{background: #acd0f0;}
.numbg6{background: #9ad0f0;}
.numbg7{background: #acbaf0;}
.numbg8{background: #bea6e6;}
.numbg9{background: #e6aacc;}


/*--------------------------------------------------- online ------------------------------------*/
.online-form{width: 940px; margin: 24px;}
.online-form h3{text-align: center; font-weight: bold; font-size: 30px;}
.online-form .num{margin: 6px 0; font-size: 14px;}
.online-form table{margin: 0; width: 940px; }
.online-form table td{border: 1px solid #2d2c2c; padding: 8px;}
.online-form table td em{margin-right: 6px; display: inline-block; width: 7px;}
.online-form table td .online-form-info{margin: 10px 0 0 0;}
.online-form table td .online-form-info-label{display: inline-block; width: 310px; margin-right: 6px;}

.online-page{width:940px; margin: 0 0 0 24px;}
.online-page .panel-body{border: 0 none;}
.easyui-pagination table{margin: 0; height: auto;}

.online-form-btn{text-align: left; padding: 6px 0 8px 10px;}
.online-form-btn span{font-size: 14px;}

.online-main{position: relative; margin: 10px 0 0 0;}
.online-main-content{margin: 0 380px 0 0;}
.online-main-idea{width: 370px; position: absolute; right: 0; top: 0;}
.online-main-idea h5{font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
.online-idea-list{}
.online-idea-list h6{font-size: 12px; display: inline; /*font-size: 14px;*/ font-weight: bold; color: #666666;}
.online-idea-list h6 span{margin: 0 0 0 6px; font-size: 12px; color: #9e9e9e;}
.pt-color-danger h6, .pt-color-danger  h6 span{color:#dd4b39;}
.online-idea-list p{line-height: 20px; display: inline; /*line-height: 24px;*/ margin: 0 0 20px 0;}
.online-textbox{border: 1px solid #e0e0e0; padding: 10px;}
.online-textbox .textbox{border: 0 none; margin: 0 0 8px 0;}

.online-listtitle{margin: 16px 0 0 0;}
.online-listtitle h5{color: #08669d; font-weight: normal; font-size: 16px; line-height: 32px;}
.online-listtitle p{ font-size: 14px;}
.online-listtitle p span{color:#666666; margin-right: 30px; font-size: 14px; line-height: 32px;}
.online-listtitle p span.pt-color-danger{color: #bc0707;}



/* ---------------------------- form-send -----------------------------------*/
.form-send{width: 870px; border: 1px solid #000; margin: 30px auto 10px auto; color: #df1212; padding: 40px 12px;}
.form-send-head{font-size: 16px; text-align: center; border-bottom: 3px solid #ee6d6b;}
.form-send-head h3{text-align: center; margin: 0 auto 10px; font-size: 30px; line-height: 42px; font-weight: bold; border-bottom: 1px solid #df1212; display: inline-block;}
.form-send-head h3 i{ border-bottom: 1px solid #df1212; line-height: 36px; display: inline-block; padding: 0 20px;}
.form-send table{width: 100%;}
.form-send-headinfo{text-align: left;}
.form-send-headinfo p{margin-bottom: 10px;}
.form-send-headinfo i{margin: 0  10px;}
.form-send table{margin: 0 auto; font-size: 16px;}
.form-send table td{border-bottom: 1px solid #ee6d6b; border-left:1px solid #ee6d6b; vertical-align: top; padding: 0px 6px 0px 6px}
.form-send table tr>td:first-child{border-left: 0 none;}
.form-send table td p{margin: 10px 0;}
.form-send .line{ border-bottom: 2px solid #ee6d6b;display: block; margin-top: 4px;}