/* reset */
* {
    box-sizing: border-box;
}

html, body {
    background: #fff;
    width: 100%;
    /*min-width: 1280px;*/
    font-size: 62.5%;
    font-family: '宋体', Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1280px) {
    html, body {
        /*font-size: 50%;*/
    }
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal
}

a {
    text-decoration: none;
    outline: none;
    color: inherit;
}

a:hover, a:visited, a:active, a:link {
    text-decoration: none;
}

ul, li {
    list-style: none;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button, select, textarea {
    outline: none
}

/*input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="time"], input[type="num"]{border:0 none;font-size:1rem;padding:0 5px;color:#000;height:25px;}*/
input[type="text"], input[type="tel"], input[type="date"], input.localDateTime {
    -webkit-appearance: none;
    background: none
}

input[type="date"].emptyDate:before, input.localDateTime.emptyDate:before {
    content: attr(placeholder);
    color: #c6c6c6
}

input[type="checkbox"] {
    border: none;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: none;
    background: url(../images/select.png) right center no-repeat;
    background-size: auto 50%;
    background-color: #fff;
}

/*.view-container {
  position: relative;
}*/

#container {
    width: 100%;
    /*margin-top: 65px;*/
    /*min-width: 1366px;*/
}

#ui-datepicker-div {
    width: 240px;
    font-size: 1.6rem;
}

.btn {
    margin-right: 0.7rem;
}

.btn:hover {
    color: #e20012;
}

.btn:before {
    content: '';
    font-family: 'FontAwesome';
    margin-right: 0.5rem;
}

.box {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.box .boxTitle {
    background: #fcfcfc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding-left: 1.5rem;
    font-size: 1.6rem;
    position: relative;
}

.box .boxTitle span {
    border-left: 3px solid #f8c320;
    color: #5a5f63;
    display: inline-block;
    height: 24px;
    margin-top: 8px;
    line-height: 24px;
    padding-left: 1.5rem;
}

.box .boxTitle a {
    position: absolute;
    right: 20px;
    top: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    font-size: 1.2rem;
    color: #e20012;
}

.box .boxTitle a:hover {
    color: #c90212
}

.box .boxMain {
    min-height: 300px;
    padding: 10px;
    font-size: 1.4rem;
}

.echarts_form {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-x: auto
}

.mask {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-x: auto
}

.dialog {
    background: #fff;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    width: 400px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -200px;
}

.dialog .dialogTitle {
    text-align: center;
    color: #e20012;
    font-size: 2.4rem;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.dialog .dialogMsg {
    padding: 2rem 3rem;
    width: 100%;
    height: 150px;
    word-break: break-all;
    overflow: auto;
}

.dialog .dialogBtns {
    width: 100%;
    height: 50px;
    border-top: 1px solid #ccc;
    overflow: hidden;
}

.dialog .dialogBtns a {
    height: 50px;
    line-height: 50px;
    color: #e20012;
    text-align: center;
    float: left;
    display: inline-block;
    border-right: 1px solid #ccc;
}

.dialog .dialogBtns a:hover {
    color: #fff;
    background: #e20012;
}

.dialogConfirm .dialogBtns .confirmOK {
    width: 50%;
}

.dialogConfirm .dialogBtns .confirmCancel {
    width: 50%;
}

.dialogAlert .dialogBtns .alertOK {
    width: 100%;
}

.fontcolorred {
    color: #e20012;
}

#index-showPrompt .dialog .dialogMsg {
    padding: 1rem 3rem;
    width: 100%;
    height: 60px;
    word-break: break-all;
    overflow: auto;
    text-align: center
}

#index-showPrompt .dialog .dialogInput {
    width: 86%;
    height: 45px;
    padding: 0 1rem;
    margin: 20px 7% 25px 7%;
    box-shadow: 0 0 5px #888888;
    border: none;
    font-size: 1.7rem;
    border-radius: 5px;
    text-align: center;
    overflow: hidden
}

#index-showPrompt .dialog .dialogPromptErrorMsg {
    width: 100%;
    font-size: 1.6rem;
    color: #E20012;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50px;
}

.dialogPrompt .dialogBtns .promptOK {
    width: 50%;
}

.dialogPrompt .dialogBtns .promptCancel {
    width: 50%;
}

.popWin {
    background: #fff;
    width: 800px;
    height: 600px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -400px;
    border-radius: 10px;
}

.popWin .popWinTitle {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 2rem;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 1.6rem;
}

.popWin .popWinTitle .closePopWin {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #e20012;
    display: block;
    text-indent: 0;
    font-size: 2.4rem;
}

.popWin .popWinMain {
    width: 98%;
    padding: 2rem;
    height: 540px;
    overflow: hidden;
}

.popWin .popWinBtns {
    width: 100%;
    overflow: hidden;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 1rem 0 0;
    margin: 1rem auto 0;
}

.popWin .popWinBtns a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

.popWin .popWinBtns a:hover {
    background: #e20012;
    color: #fff;
}

.organizationTree .orgOne {
    /*text-indent: 20px;!*a缩进*!*/
    width: 100%;
    overflow: hidden;
}

.organizationTree .orgOne li {
    position: relative
}

.organizationTree .orgOne li a {
    margin-left: 20px;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 95%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organizationTree .orgOne li a:hover, .organizationTree .orgOne li a.active {
    color: #e20012;
}

.organizationTree .orgOne li .hasChildren:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    left: -15px;
    font-size: 1.8rem;
}

.organizationTree .orgOne li .showChildren:before {
    content: '\f0d7';
}

/*树状图标*/
.organizationTree .orgOne li > span {
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 30px
}

.organizationTree .orgOne li > span img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 7px
}

.organizationTree .orgTwo, .organizationTree .orgThree {
    margin-left: 1.5rem;
}

.form {
    width: 100%;
    overflow: hidden;
}

.form .formSearch {
    width: 100%;
    overflow: hidden;
    font-size: 1.3rem;
    margin: 2rem auto 1rem;
}

.form .formSearch ul {
    width: 95%;
    float: left;
    display: inline-block;
}

.form .formSearch ul li {
    width: 25%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

.form .formSearch ul li label {
    margin-right: 1rem;
    width: 35%;
    text-align: right;
    display: inline-block;
}

.form .formSearch ul li label:after {
    content: ' : '
}

.form .formSearch ul .formSearchInput, .form .formSearch ul select {
    width: 55%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    /*border-radius: 5px;*/
    padding: 0 5px;
}

/*.form .formSearch ul select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background: url("../images/downbg.png") no-repeat scroll right center transparent;padding:0 16px 0 5px;!important;}*/
/*.form .formSearch ul select::-ms-expand { display: none;}*/
.form .formSearch ul select {
    /* margin-left: -4px;*/
    margin-left: 0px;
}

.form .formSearch .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    display: inline-block;
    color: #fff;
    /*border-radius: 5px;*/
    margin-right: 0;
}

.form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

.form .formSearch .formSearchBtn:before {
    content: '\f002';
}

.form .formControl {
    width: 100%;
    overflow: hidden;
    text-align: right;
}

.form .formControl a {
    background: #fff;
    border: 1px solid #e20012;
    /*border-radius: 5px;*/
    font-size: 1.4rem;
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #e20012;
    margin-left: 1rem;
    margin-right: 0;
}

.form .formControl a:hover {
    background: #c90212;
    color: #fff;
}

.form .formControl .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    display: inline-block;
    color: #fff;
    /*border-radius: 5px;*/
    margin-right: 0;
}

.form .formControl .formSearchBtn:hover {
    background: #c90212;
}

.form .formControl .formSearchBtn:before {
    font-family: 'FontAwesome';
    content: '\f002';
}

.form .formControl .formControlAdd:before {
    font-family: 'FontAwesome';
    content: '\f067';
}

.form .formControl .formControlCheckout:before {
    font-family: 'FontAwesome';
    content: '\f019';
}

.form .formControl .formControlCheckIn:before {
    font-family: 'FontAwesome';
    content: '\f0ee';
}

.form .formControl .formControlLog:before {
    content: '\f016';
}

.form .formTable {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 1rem auto;
    font-size: 1.4rem;
}

.form .formTable .formTableHeader {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.form .formTable .formTableHeader div, .form .formTable .formTableBody li div {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form .formTable .formTableHeader div:last-child, .form .formTable .formTableBody li div:last-child {
    border-right: 0 none;
}

.form .formTable .formTableBody, .form .formTable .formTableBody li {
    width: 100%;
    overflow: hidden;
}

.form .formTable .formTableBody li {
    border-bottom: 1px solid #ccc;
}

.form .formTable .formTableBody li:last-child { /* border-bottom:0 none; */
    border-bottom: 1px solid #ccc;
}

.form .formTable .formTableBody li:nth-child(2n+1) {
    background: #f2f2f2;
}

.form .formPager {
    width: 100%;
    overflow: hidden;
    text-align: right;
    height: 3rem;
    margin: 0 auto 1rem;
}

.form .formPager a, .form .formPager span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    padding: 0 8px;
    font-size: 1.4rem;
}

.form .formPager a {
    border: 1px solid #e20012;
    color: #e20012;
    /*border-radius: 5px;*/
}

.form .formPager a:hover, .form .formPager a.active {
    background: #e20012;
    color: #fff;
}

.form .formPager input {
    width: 50px;
    height: 28px;
    border: 1px solid #ccc;
    /*border-radius: 5px;*/
    text-align: center;
}

.btnAdd:before {
    content: '\f067';
}

.btnDelete:before {
    content: '\f014';
}

.btnEdit:before {
    content: '\f040';
}

.btnMerge:before {
    content: '\f0ec';
}

.btnModify:before {
    content: '\f044';
}

.btnView:before {
    content: '\f002';
}

.btnDownload:before {
    content: '\f019';
}

.btnLog:before {
    content: '\f016';
}

.btnKey:before {
    content: '\f084';
}

.btnStop:before {
    content: '\f05e';
}

.btnReassign:before {
    content: '\f0a4';
}

.btnUpload:before {
    content: '\f0ee';
}

.btnCheck:before {
    content: '\f00c';
}

.notice:before {
    content: '\e62d';
}

.icon-double-angle-left:before {
    content: '\f100';
}

.icon-double-angle-right:before {
    content: '\f101';
}

.icon-double-angle-up:before {
    content: '\f102';
}

.icon-double-angle-down:before {
    content: '\f103';
}

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-up:before {
    content: '\f106';
}

.icon-angle-down:before {
    content: '\f107';
}

.icon-tongzhi:before {
    content: '\f0f3';
}

.icon-yonghu:before {
    content: '\f007';
}

.icon-tuichu:before {
    content: '\f08b';
}

.btnJiantouxiangshang1:before {
    content: "\f0aa";
}

.btnShanchu1:before {
    content: "\f0ab";
}

.modifyPop {
    font-size: 1.6rem;
}

.modifyPop .title {
    width: 100%;
    padding: 0 5px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
}

.modifyPop .formList {
    width: 100%;
    padding: 0 1.5rem;
}

.modifyPop .formList li {
    width: 100%;
    height: 50px;
    line-height: 30px;
}

.modifyPop .formList li.withText {
    height: auto;
    overflow: hidden;
}

.modifyPop .formList label {
    width: 120px;
    text-align: right;
    display: inline-block;
}

.modifyPop .formList li .withText label {
    float: left;
}

.modifyPop .formList label:after {
    content: " : "
}

.modifyPop .formList input, .modifyPop .formList select, .modifyPop .formList textarea {
    width: 40%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

.modifyPop .formList input[type="checkbox"] {
    border: none;
    padding: 0 0
}

.modifyPop .formList textarea {
    float: left;
    width: 400px;
    height: 200px;
    margin: 5px 0 0 4px;
    resize: none;
    padding: 5px;
}

.modifyPop .error {
    font-size: 1.2rem;
    color: #e20012;
    margin-left: 1rem;
}

/*#login{background:url(../images/login/background.jpg) no-repeat 0 center;width:970px;height:450px;position:relative;margin:10% auto 0;}*/
/*#login{background:url(../images/login/newbg.png) no-repeat 0 0;width:72vw;height:74vh;position: fixed;top: 0;left: 10vw;background-size: cover}*/
#login {
    /*min-width: 960px;*/
    /*min-height: 500px;*/
    /*display: block*/
    background: url(../images/login/background3.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

#login > img {
    display: block;
    width: 100%;
    margin-top: -65px;
}

#login .logo {
    font-size: 3rem;
    color: #000;
    height: 70px;
    line-height: 70px;
    display: block;
    position: absolute;
    /*left: 40%;*/
    /*top: 17%;*/
}

#login .logo img {
    vertical-align: middle;
    border: 0;
}

#login .loginArea {
    width: 300px;
    height: 330px;
    position: absolute;
    /*left: 40%;*/
    /*top: 32%;*/
    overflow: hidden;
    padding: 20px;
    font-size: 1.4rem;
    background: rgba(220, 220, 220, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2DCDCDC, endColorstr=#B2DCDCDC);
    border-radius: 10px;
    text-align: left;
}

#login .loginArea > img {
    margin-bottom: 20px
}

#login .loginArea .username, #login .loginArea .password {
    background: #ffffff;
    border: 1px solid #bab9b9;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 15px;
    font-size: 1.4rem
}

#login .loginArea .verification {
    background: #ffffff;
    border: 1px solid #bab9b9;
    border-radius: 5px;
    display: inline-block;
    width: 49%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    font-size: 1.4rem
}

#login .loginArea .loginBtn {
    background: #4587CB;
    width: 100%;
    height: 30px;
    float: left;
    display: inline-block;
    border: 0 none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.4rem
}

#login .loginArea .loginBtn:hover {
    background: #c90212;
}

#login .loginArea .registerBtn {
    background: #e20012;
    width: 90%;
    height: 30px;
    float: left;
    display: inline-block;
    border: 0 none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

#login .loginArea .registerBtn:hover {
    background: #c90212;
}

#login .loginArea .loginError {
    color: #e20012;
    font-size: 1.4rem;
    margin-top: 10px;
}

#login .changePwd {
    /*color: #fff;*/
    float: right;
    margin-top: 10px;
    font-size: 1.4rem
}

#login .changePwd:hover {
    color: #e20012;
}

#login .mailMain .taskName {
    text-align: left;
}

#login .error {
    font-size: 1.2rem;
    color: #e20012;
    margin-left: 1rem;
}

#login .mailForm {
    margin: 10rem 10rem 10rem 8rem
}

#login .mainForm ul {
    width: 90%;
    float: left;
    display: inline-block;
    margin-top: 5rem;
}

#login .mainForm ul li {
    width: 40%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8rem;
}

#login .mainForm ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

#login .mainForm ul li label:after {
    content: ' : '
}

#login .mainForm ul .formSearchInput, .form .formSearch ul select {
    width: 50%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0 5px;
}

#login .mainForm ul select {
    margin-left: -4px;
}

#login .downloadInfo {
    top: 0px;
    right: 0px;
    margin-right: 8px;
    margin-top: 8px;
    position: fixed;
    font-size: 1.2rem;
}

#login .downloadInfo a {
    color: #000;
    text-decoration: none
}

#login .appdown a:hover {
    color: #e20012;
    text-decoration: none
}

#login .form .formSearch .formSendBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    /*float: right;*/
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin-right: 0;
}

#login .form .formSearch .formSendBtn:hover {
    background: #c90212;
}

#login .form .formSearch .formSendBtn:before {
    content: '\f002';
}

#login .form .formSearch ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

#topBanner {
    background: #fff;
    width: 100%;
    /*min-width: 1366px;*/
    height: 75px;
    line-height: 55px;
    padding: 10px;
    border-bottom: 2px solid #e20012;
    /*position: fixed;*/
    top: 0;
    left: 0;
    /*z-index: 1*/
}

#topBanner .logo {
    height: 100%;
    display: inline-block;
    float: left;
    font-size: 2rem;
    color: #383838;
    overflow: hidden;
}

#topBanner .logo img {
    height: 90%;
    float: left;
    display: inline-block;
    border: 0
}

#topBanner .logo span {
    height: 90%;
    float: left;
    display: inline-block;
    line-height: 2;
}

#topNav {
    float: left;
    /*display: inline-block;*/
    /*display:none;*/
    font-size: 1.6rem;
    /*height: 20px;*/
    /*line-height: 20px;*/
    position: absolute;
    left: 170px;
    /*top: 20px;*/
    z-index: 1;
    color: #000;
    width: 70%;
}

/*#topNav li {*/
/*    margin: 0 10px;*/
/*    float: left;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    font-size: 1.6rem;*/
/*}*/

/*#topNav li.hasChildren {*/
/*    position: relative;*/
/*}*/

/*#topNav li.hasChildren:after {*/
/*    content: '\f107';*/
/*    font-family: 'FontAwesome';*/
/*    display: inline-block;*/
/*    margin-left: 0.5rem;*/
/*}*/

/*#topNav li a.active, #topNav li a:hover {*/
/*    color: #e20012;*/
/*}*/

/*#topNav li .childNav {*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: -15px;*/
/*    width: 125px;*/
/*    border: 1px solid #ccc;*/
/*    display: none;*/
/*    text-align: left;*/
/*}*/

/*#topNav li .childNav a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 32px;*/
/*    line-height: 32px;*/
/*    border-bottom: 1px solid #ccc;*/
/*    padding: 0 8px;*/
/*}*/

/*#topNav li .childNav a:last-child {*/
/*    border: 0 none;*/
/*}*/

/*#topNav li.hasChildren:hover .childNav {*/
/*    display: block;*/
/*}*/

/*#userControl {*/
/*    float: right;*/
/*    display: inline-block;*/
/*    font-size: 1.4rem;*/
/*    height: 35px;*/
/*    line-height: 40px;*/
/*}*/

/*#userControl .userName, #userControl .signOut {*/
/*    margin-right: 1rem;*/
/*}*/

/*#userControl .userName:before {*/
/*    content: '\f007';*/
/*    margin-right: 0.5rem;*/
/*}*/

/*#userControl .signOut:before {*/
/*    content: '\f08b';*/
/*    margin-right: 0.5rem;*/
/*}*/

.signOut {
    float: right;
    display: inline-block;
    font-size: 1.4rem;
    height: 55px;
    line-height: 55px;
}

.userName {
    float: right;
    display: inline-block;
    font-size: 1.4rem;
    height: 55px;
    line-height: 55px;
}

#footer {
    background: #f2f2f2;
    width: 100%;
    min-width: 1024px;
    text-align: center;
    color: #003366;
    padding: 0.7rem 0;
    margin: 1rem auto 0;
    line-height: 2rem;
    font-size: 1rem;
    bottom: 0;
    position: fixed;
}

#home {
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 2rem 0;
}

/********************************************* echarts  start **/
#doEchartDialog {
    background: url(../images/login/background3.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    display: block;
}

.eChart {
    /*width: 640px;*/
    /*height: 400px;*/
    background-color: #f9f9f9;
    /*background-color: #032d60;*/
    display: flex;
    flex-direction: column;
    /*margin: 10px auto;*/
    /*padding: 0 0 2rem;*/
    /*border: 2px solid #032d60;*/
    /*-webkit-box-shadow: #07417a 0px 0px 10px;*/
    /*-moz-box-shadow: #07417a 0px 0px 10px;*/
    /*box-shadow: inset 0 0 30px #07417a;*/
    /*position: relative;*/
}

.eChart .chartForm {
    width: 97%;
    /*border: 1px solid #33cc33;*/
    margin: 0 30px 0;
}

/*.eChart .caption-title {*/
/*    font-size: 3rem;*/
/*    font-weight: 900;*/
/*    line-height: 65px;*/
/*    max-width: 980px;*/
/*    margin: 0 auto;*/
/*}*/

/*.eChart .caption-title .title-left {*/
/*    float: left;*/
/*    display: block;*/
/*}*/

/*.title-left img {*/
/*    width: 100%;*/
/*}*/

.title-left-title-font {
    width: 100%;
    line-height: 50px;
    text-align: center;
    margin: 30px 10px;
    background: -webkit-linear-gradient(top, black, #fff); /* 背景色渐变 */
    -webkit-background-clip: text; /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */
}
/*.title-left {*/
/*    float: left;*/
/*    display: block;*/
/*}*/

/*.title-left-title-font {*/
/*    float: left;*/
/*    margin: 0 10px;*/
/*    background: -webkit-linear-gradient(top, black, #fff); !* 背景色渐变 *!*/
/*    -webkit-background-clip: text; !* 规定背景的划分区域 *!*/
/*    -webkit-text-fill-color: transparent; !* 防止字体颜色覆盖 *!*/
/*}*/


.topL {
    width: 20px;
    height: 20px;
    border-top-width: 2px;
    border-top-color: #26c6f0;
    border-top-style: solid;
    border-left-width: 2px;
    border-left-color: #26c6f0;
    border-left-style: solid;
    position: absolute;
    top: -2px;
    left: -2px;
}

.topR {
    width: 20px;
    height: 20px;
    border-top-width: 2px;
    border-top-color: #26c6f0;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-color: #26c6f0;
    border-right-style: solid;
    position: absolute;
    top: -2px;
    right: -2px;
}

.bottomL {
    width: 20px;
    height: 20px;
    border-bottom-width: 2px;
    border-bottom-color: #26c6f0;
    border-bottom-style: solid;
    border-left-width: 2px;
    border-left-color: #26c6f0;
    border-left-style: solid;
    position: absolute;
    bottom: -2px;
    left: -2px;
}

.bottomR {
    width: 20px;
    height: 20px;
    border-bottom-width: 2px;
    border-bottom-color: #26c6f0;
    border-bottom-style: solid;
    border-right-width: 2px;
    border-right-color: #26c6f0;
    border-right-style: solid;
    position: absolute;
    bottom: -2px;
    right: -2px;
}

.eChart header {
    border-bottom: 2px #f9f9f9 solid;
    text-align: center;
}

/*.eChart footer {*/
/*    height: 100px;*/
/*    border-top: 2px #f9f9f9 solid;*/
/*    text-align: center;*/
/*}*/

/*.eChart main {*/
/*    flex: 1;*/
/*    text-align: center;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

.data-title-left, .data-title-right {
    color: #105eda;
    font-family: "微软雅黑";
    font-size: 20px;
}

.data-title {
    background-color: #000c3b;
    width: 178px;
    margin: -18px auto 0 auto;
    color: #83c7e3;
    font-size: 20px;
}

.data-title span {
    margin: 0 15px;
}

#myMain {
    /*width: 300px;*/
    /*height: 200px;*/
    border: 1px solid coral;
    animation: mymove 5s infinite;
}

@keyframes mymove {
    50% {
        border-color: lightblue;
    }
}

.eChart main aside {
    width: 60%;
    border-right: 2px #f9f9f9 solid;
}

.eChart main .content {
    padding: 10px;
    flex: 1;
}

.dashboardPeiChart {
    display: flex;
    align-items: center;
    height: 332px;
    border: 1px #c1c1c1 solid;
    /*width: 50%;*/
    /*border: 1px solid #33cc33;*/
    /*overflow: hidden;*/
    /*padding: 0 0 2rem;*/
    /*display: inline-block;*/
}

.dashboardPeiChart .pie1 {
    width: 50%;
    height: 320px;
    /*border: 1px #c1c1c1 solid;*/
    overflow: hidden;
}

.dashboardPeiChart .pie1 div {
    width: auto;
    /*max-width: 100%;*/
    height: 100%;
}

.dashboardPeiChart .pie2 {
    width: 50%;
    height: 320px;
    overflow: hidden;
    /*border: 1px #c1c1c1 solid;*/
}


.dashboardPeiChart .pieChart {
    width: 100%;
    height: 320px;
}

.dashboardChart {
    width: 100%;
    height: 340px;
    border: 1px solid #c1c1c1;
    overflow: hidden;
    padding: 0 0 2rem;
}

.dashboardChart .title {
    width: 100%;
    text-align: center;
    font-size: 2rem;
}

.dashboardChart .pieChart {
    width: 100%;
    height: 310px;
    /*float: left;*/
    /*display: inline-block;*/
    /*position: relative;*/
}


.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    *zoom: 1;
}

.dashboardLineChart {
    width: 100%;
    border: 1px solid #c1c1c1;
    overflow: hidden;
}

.dashboardLineChart .title {
    width: 100%;
    text-align: center;
    font-size: 2rem;
}


.dashboardLineChart .lineChart {
    width: 100%;
    height: 330px;
    /*float: left;*/
    /*display: inline-block;*/
    /*position: relative;*/
}
.dashboardGaugeChart {
    border: 1px solid #c1c1c1;
}
.gaugeChart {
    width: 30%;
    height: 300px;
    /*float: left;*/
    /*border: 1px solid #c1c1c1;*/
    display: inline-block;
    position: relative;
}

.pieEchart {
    width: 100%;
    height: 100%;
}

.lineEchart {
    width: 100%;
    height: 100%;
}

.gaugeEchart {
    width: 100%;
    height: 100%;
}

#dashboard {
    width: 100%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 0 0 2rem;
}

#dashboard .title {
    width: 100%;
    text-align: center;
    font-size: 2rem;
}

#dashboard .charts {
    width: 100%;
    overflow: hidden;
}

#dashboard .charts .pieChart, #dashboard .charts .barChart {
    width: 100%;
    height: 300px;
    float: left;
    display: inline-block;
    position: relative;
}

#pieChart {
    width: 100%;
    height: 100%;
}

#dashboard .charts .pieChart .legend {
    position: absolute;
    bottom: 10px;
    width: 50%;
    height: 30px;
    border: 1px solid #ccc;
    left: 50%;
    margin-left: -25%;
}

#dashboard .charts .pieChart .legend span {
    width: 50%;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: left;
    text-align: center;
}

#dashboard .charts .pieChart .legend span:first-child {
    border-right: 1px solid #ccc;
    color: #67b2e0;
    font-size: 1.6rem;
}

#dashboard .charts .pieChart .legend span:last-child {
    border-right: 1px solid #ccc;
    color: #ffd155;
    font-size: 1.6rem;
}

.eChartB {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
}

.eChartB .page_content_chart {
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 100%;
    /* position: absolute; */
    /* height: calc(100% - 60px); */
    padding: 10px;
    /* background-color: #F2F2F2; */
    /* font-size: 1.2rem; */
}
.eChartB .dashboardLineBarChart {
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 100%;
    /* position: absolute; */
    /* height: calc(100% - 60px); */
    padding: 10px;
    /* background-color: #F2F2F2; */
    /* font-size: 1.2rem; */
}
.eChartB .dashboardLineBarChart {
    width: 100%;
    border: 1px solid #c1c1c1;
    overflow: hidden;
}

.eChartB .dashboardLineBarChart .lineBarChart {
    width: 100%;
    height: 330px;
    /*float: left;*/
    /*display: inline-block;*/
    /*position: relative;*/
}

.eChartB .dashboardLineBarChart .lineBarChart .chart {
    width: 100%;
    height: 100%;
}

/****************************  echarts  end***/

#homeTable {
    width: 100%;
    margin: 1rem auto;
    overflow: hidden;
}

#homeTable .notice {
    width: 48%;
    float: left;
    display: inline-block;
    margin-right: 2%;
}

#homeTable .notice .title {
    width: 35%;
}

#homeTable .notice .level {
    width: 15%;
}

#homeTable .notice .publisherName {
    width: 20%;
}

#homeTable .notice .logTime {
    width: 30%;
}

#homeTable .recentVisit {
    width: 50%;
    float: left;
    display: inline-block;
}

#homeTable .recentVisit .businessName {
    width: 30%;
}

/*#homeTable .recentVisit .businessMan{width:20%;}*/
#homeTable .recentVisit .manager {
    width: 20%;
}

#homeTable .recentVisit .visitTime {
    width: 30%;
}

#homeTable .recentVisit .status {
    width: 20%;
}

#home .floatTags {
    position: absolute;
    top: 1rem;
    left: 100%;
    width: 90px;
}

#home .floatTags a {
    background: #fff;
    width: 90px;
    height: 90px;
    display: block;
    text-align: center;
    border: 1px solid #e20012;
    border-radius: 5px;
    font-size: 2rem;
}

#home .floatTags a span {
    color: #e20012;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 2.4rem;
    font-weight: bold;
}

#organization {
    width: 100%;
    overflow: hidden;
}

#organization .organizationTree {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 1.4rem;
}

#organization .organizationForm {
    margin: 0 30px 0 275px;
}

#organization .organizationForm .orgCode {
    width: 8%;
}

#organization .organizationForm .orgName {
    width: 20%;
}

#organization .organizationForm .orgLvl {
    width: 8%;
}

#organization .organizationForm .bankCode {
    width: 10%;
}

#organization .organizationForm .ownerCode {
    width: 10%;
}

#organization .organizationForm .status {
    width: 8%;
}

#organization .organizationForm .orgAddress {
    width: 19%;
}

#organization .organizationForm .contral {
    width: 17%;
}

#organization .organizationModifyMain {
    height: 460px;
    overflow: hidden;
}

#businesses {
    width: 100%;
    overflow: hidden;
}

#businesses .organizationTree {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 1.4rem;
}

#businesses .businessesForm {
    margin: 0 30px 0 275px;
}

#businesses .businessesForm .index {
    width: 5%;
}

#businesses .businessesForm .businessName {
    width: 15%;
}

#businesses .businessesForm .businessCode {
    width: 10%;
}

#businesses .businessesForm .businessMan {
    width: 10%;
}

#businesses .businessesForm .phone {
    width: 10%;
}

#businesses .businessesForm .regTime {
    width: 12%;
}

#businesses .businessesForm .manager {
    width: 10%;
}

#businesses .businessesForm .org {
    width: 8%;
}

#businesses .businessesForm .status {
    width: 7%;
}

#businesses .businessesForm .contral {
    width: 13%;
}

#businessesModify .businessesModifyMain {
    height: 450px;
    overflow: hidden;
    overflow-y: scroll;
}

#importResult .dialogAlert {
    width: 500px;
    height: 400px;
    margin: -200px 0 0 -250px;
}

#importResult .dialogAlert .dialogMsg {
    height: 300px;
}

#importResult .dialogAlert .dialogMsg div {
    margin: 1rem 0 0;
}

#importResult .dialogAlert .dialogMsg ul {
    width: 103%;
    height: 185px;
    overflow: hidden;
    overflow-y: scroll;
}

#visit {
    width: 100%;
    overflow: hidden;
}

#visit .visitForm {
    width: 85%;
    margin: 0 auto;
}

#visit .visitForm .index {
    width: 5%;
}

#visit .visitForm .businessName {
    width: 26%;
}

#visit .visitForm .businessCode {
    width: 15%;
}

/*#visit .visitForm .businessMan{width:12%;}*/
#visit .visitForm .manager {
    width: 10%;
}

#visit .visitForm .visitTimeWindow {
    width: 10%;
}

#visit .visitForm .visitTime {
    width: 13%;
}

#visit .visitForm .status {
    width: 10%;
}

#visit .visitForm .contral {
    width: 11%;
}

#visit .visitForm .visitFinished {
    color: #78CD51;
}

#visit .visitForm .visitUnFinished {
    color: #e20012;
}

#visit .viewVisitBox {
    width: 1000px;
    height: 700px;
    margin: -350px 0 0 -500px;
}

#visit .viewVisitBox .popWinMain {
    height: 660px;
}

#visit .viewVisitBox .popWinMain .viewVisitMain {
    height: 560px;
}

#visit .viewVisitBox .formList {
    overflow: hidden;
}

#visit .viewVisitBox .formList li {
    float: left;
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
}

#viewVisit .viewVisitMain {
    height: 450px;
    overflow: hidden;
    overflow-y: scroll;
}

#viewVisit .viewVisitMain .visitInformation {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

#viewVisit .viewVisitMain .visitTree {
    width: 15%;
    float: left;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
}

#viewVisit .viewVisitMain .visitTree .active {
    color: #e20012;
}

#viewVisit .viewVisitMain .visitDetail {
    width: 83%;
    height: 445px;
    overflow: hidden;
    float: left;
    display: inline-block;
    padding: 0 1rem;
}

#viewVisit .viewVisitMain .visitDetail .visitDetailBox {
    width: 105%;
    height: 445px;
    overflow: hidden;
    overflow-y: scroll;
}

#viewVisit .viewVisitMain .visitDetail .oneInformation {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

#viewVisit .viewVisitMain .visitDetail .oneInformation:last-child {
    border-bottom: 0 none;
}

#viewVisit .viewVisitMain .visitDetail .informationStatus {
    font-weight: bold;
}

#viewVisit .viewVisitMain .visitDetail img {
    max-width: 98%;
    margin: 1rem auto;
    display: block;
}

#viewVisit .viewVisitMain .visitDetail .informationTime,
#viewVisit .viewVisitMain .visitDetail .informationCustomerLocation,
#viewVisit .viewVisitMain .visitDetail .informationLocation,
#viewVisit .viewVisitMain .visitDetail .informationRemark {
    width: 100%;
    color: #acacac;
}

#viewVisit .viewVisitMain .visitMap {
    width: 98%;
    height: 300px;
    overflow: hidden;
    margin: 1rem auto;
}

#viewVisit .phaseName {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding: 0 0 0 2rem;
}

#viewVisit .hasChildren:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 1.8rem;
}

#viewVisit .informarionList {
    margin-left: 40px;
    overflow: hidden;
}

#viewVisit .informarionList a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#viewVisit .informarionList a.finish:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #78CD51;
    margin-right: 5px;
    font-size: 1rem;
}

#viewVisit .informarionList a.unfinish:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    color: #e20012;
    margin-right: 5px;
    font-size: 1rem;
}

#role {
    width: 100%;
    overflow: hidden;
}

#role .roleSider {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 1.4rem;
}

#role .roleControl {
    text-align: right;
    padding: 0 0 1rem;
}

#role .roleControl a {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
    display: inline-block;
    width: 30%;
    height: 30px;
    margin-right: 2px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 30px;
}

#role .roleControl a:hover {
    background: #e20012;
    color: #fff
}

#role .roleList {
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1.4rem;
    height: 60%;
}

#role .roleList .roleListTitle {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

#role .roleList a {
    border-top: 1px solid #ccc;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#role .roleList a:nth-child(2n) {
    background: #f2f2f2;
}

#role .roleList a:hover, #role .roleList a.active {
    background: #ffa1a1;
}

#role .roleMain {
    margin: 1rem 30px 1rem 275px;
    font-size: 1.6rem;
}

#role .roleName {
    width: 90%;
    overflow: hidden;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

#role .roleDetail {
    width: 90%;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 2rem;
}

#role .roleDetail li {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 2rem;
}

#role .roleDetail .groupName {
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

#role .roleDetail .powerList {
    overflow: hidden;
    margin-left: 3rem;
}

#role .roleDetail .powerList span {
    margin: 0 2rem 0 0;
}

#role .roleDetail .groupName input, #role .roleDetail .powerList span input {
    margin-right: 5px;
}

#template {
    width: 100%;
    overflow: hidden;
}

#template .templateSider {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 1.4rem;
}

#template .templateControl {
    text-align: right;
    padding: 0 0 1rem;
}

#template .templateControl a {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
    display: inline-block;
    width: 30%;
    height: 30px;
    margin-right: 2px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 30px;
}

#template .templateControl a:hover {
    background: #e20012;
    color: #fff
}

#template .templateList {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1.4rem;
}

#template .templateList .templateListTitle {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

#template .templateList a {
    border-top: 1px solid #ccc;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#template .templateList a:nth-child(2n) {
    background: #f2f2f2;
}

#template .templateList a:hover, #template .templateList a.active {
    background: #ffa1a1;
}

#template .templateList .templateListTitle span, #template .templateList a span {
    display: inline-block;
    width: 50%;
    height: 100%;
    border-right: 1px solid #ccc;
}

#template .templateList .templateListTitle span:last-child, #template .templateList a span:last-child {
    border-right: 0 none;
}

#template .templateMain {
    margin: 1rem 30px 1rem 275px;
    font-size: 1.6rem;
}

#template .templateName {
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

#template .tepmlateDetail {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 2rem;
}

#template .tepmlateDetail li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
}

#template .tepmlateDetail .groupName {
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-bottom: 10px;
}

#template .tepmlateDetail .groupName span {
    margin-right: 2rem;
}

#template .tepmlateDetail .groupName input {
    width: 120px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
    height: 30px;
    font-weight: normal;
}

#template .tepmlateDetail .groupName input.short {
    width: 30px;
    text-align: center;
}

#template .tepmlateDetail .templateListLine {
    border-top: 1px solid #ccc;
}

#template .tepmlateDetail .templateListLine span {
    border-right: 1px solid #ccc;
}

#template .tepmlateDetail .templateListLine span:last-child {
    border-right: 0 none;
}

#template .tepmlateDetail .templateListTitle, #template .tepmlateDetail .templateListLine {
    width: 100%;
    overflow: hidden;
}

#template .tepmlateDetail .templateListTitle span, #template .tepmlateDetail .templateListLine span {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#template .tepmlateDetail .templateListTitle .index,
#template .tepmlateDetail .templateListLine .index {
    width: 25%;
}

#template .tepmlateDetail .templateListTitle .name,
#template .tepmlateDetail .templateListLine .name {
    width: 25%;
}

#template .tepmlateDetail .templateListTitle .type,
#template .tepmlateDetail .templateListLine .type {
    width: 25%;
}

#template .tepmlateDetail .templateListTitle .number,
#template .tepmlateDetail .templateListLine .number {
    width: 25%;
}

#template .tepmlateDetail .templateListLine:nth-child(2n+1) {
    background: #f2f2f2;
}

#editTemplate {
    width: 100%;
    font-size: 1.6rem;
}

#editTemplate .tepmlateDetail {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}

#editTemplate .editTemplateName {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 0 1rem 1rem;
    margin: 0 auto 1rem;
    position: relative;
}

#editTemplate .editTemplateName label {
    margin-right: 1rem;
    text-align: right;
    display: inline-block;
}

#editTemplate .editTemplateName label:after {
    content: ' : '
}

#editTemplate .editTemplateName input, #editTemplate .editTemplateName select {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 1rem;
}

#editTemplate a.btn {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.4rem;
}

#editTemplate a.btn:hover {
    background: #e20012;
    color: #fff;
}

#editTemplate a.btnDelete {
    right: 100px;
}

#editTemplate .templateListLine input {
    width: 95%;
    margin: 2px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 26px;
    padding: 0 5px;
    display: block;
    text-align: center;
}

#editTemplate .tepmlateDetail .templateListTitle .index,
#editTemplate .tepmlateDetail .templateListLine .index {
    width: 15%;
}

#editTemplate .tepmlateDetail .templateListTitle .name,
#editTemplate .tepmlateDetail .templateListLine .name {
    width: 35%;
}

#editTemplate .tepmlateDetail .templateListTitle .type,
#editTemplate .tepmlateDetail .templateListLine .type {
    width: 15%;
}

#editTemplate .tepmlateDetail .templateListTitle .number,
#editTemplate .tepmlateDetail .templateListLine .number {
    width: 15%;
}

#editTemplate .tepmlateDetail .templateListTitle .contral,
#editTemplate .tepmlateDetail .templateListLine .contral {
    width: 20%;
}

#editTemplate .tepmlateDetail .templateListLine .contral a {
    position: static;
    margin: 0 auto;
    border: 0 none;
}

#editTemplate .error {
    font-size: 1.4rem;
    color: #e20012;
    margin-left: 1rem;
    margin-right: 2rem;
}

#logs {
    width: 100%;
    overflow: hidden;
}

#logs .logsForm {
    width: 85%;
    margin: 0 auto;
}

/*#logs .logsForm .org{width:20%;}*/
#logs .logsForm .user {
    width: 10%;
}

#logs .logsForm .operator {
    width: 10%;
}

#logs .logsForm .type {
    width: 10%;
}

#logs .logsForm .description {
    width: 25%;
}

#logs .logsForm .operatResult {
    width: 10%;
}

#logs .logsForm .logTime {
    width: 35%;
}

#changePassword {
    width: 85%;
    margin: 0 auto;
    padding: 5rem 0;
    font-size: 1.6rem;
}

#changePassword .formList {
    width: 100%;
    padding: 0 1.5rem;
}

#changePassword .formList li {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#changePassword .formList label {
    width: 120px;
    text-align: right;
    display: inline-block;
}

#changePassword .formList label:after {
    content: " : "
}

#changePassword .formList input {
    width: 200px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#changePassword .error {
    font-size: 1.2rem;
    color: #e20012;
    margin-left: 1rem;
}

#changePassword .changePasswordBtn {
    background: #e20012;
    color: #fff;
    width: 150px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-left: 124px;
}

#changePassword .changePasswordBtn:hover {
    background: #c90212;
}

#user {
    width: 100%;
    overflow: hidden;
}

#user .organizationTree {
    width: 20%;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 1.4rem;
}

#user .userForm {
    margin: 0 30px 0 23%;
}

#user .userForm .userName {
    width: 9%;
}

#user .userForm .userGender {
    width: 4%;
}

#user .userForm .userIdCard {
    width: 15%;
}

#user .userForm .userTelPhone {
    width: 10%;
}

#user .userForm .userCertification {
    width: 7%;
}

#user .userForm .userWorkNumber {
    width: 6%;
}

#user .userForm .userMail {
    width: 14%;
}

#user .userForm .userRegisterType {
    width: 7%;
}

#user .userForm .userUnitId {
    width: 21%;
}

#user .userForm .userArea {
    width: 6%;
}

#user .userForm .userStatus {
    width: 5%;
}

#user .userForm .contral {
    width: 9%;
}

#userModify .userModifyMain {
    height: 450px;
    overflow: hidden;
}

#report {
    width: 100%;
    overflow: hidden;
}

#report .reportForm {
    width: 85%;
    margin: 0 auto;
}

#report .reportForm .name {
    width: 10%;
}

#report .reportForm .creditCode {
    width: 15%;
}

#report .reportForm .businessCode {
    width: 15%;
}

#report .reportForm .contactPerson {
    width: 10%;
}

#report .reportForm .status {
    width: 10%;
}

#report .reportForm .interviewCount {
    width: 10%;
}

#report .reportForm .completeTimes {
    width: 10%;
}

#report .reportForm .principalName {
    width: 10%;
}

#report .reportForm .realPrincipalName {
    width: 10%;
}

#chart {
    width: 100%;
    overflow: hidden;
    display: block;
}

#chart .chartForm {
    width: 85%;
    margin: 0 auto;
}

#chart #dashboard {
    margin-bottom: 1rem;
}

#chart .chartForm .name {
    width: 20%;
}

#chart .chartForm .code {
    width: 20%;
}

#chart .chartForm .visitedTimes {
    width: 15%;
}

#chart .chartForm .unvisitedTimes {
    width: 15%;
}

#chart .chartForm .visitRate {
    width: 15%;
}

#chart .chartForm .completeTimes {
    width: 15%;
}

#verify {
    width: 100%;
    overflow: hidden;
}

#verify .verifyForm {
    width: 85%;
    margin: 0 auto;
}

#verify .verifyForm .unitName {
    width: 20%;
}

#verify .verifyForm .operateName {
    width: 20%;
}

#verify .verifyForm .operator {
    width: 15%;
}

#verify .verifyForm .time {
    width: 15%;
}

#verify .verifyForm .statusName {
    width: 15%;
}

#verify .verifyForm .contral {
    width: 15%;
}

#app {
    width: 100%;
    overflow: hidden;
}

#app .appForm {
    width: 85%;
    margin: 0 auto;
}

#app .appForm .id {
    width: 10%;
}

#app .appForm .appName {
    width: 15%;
}

#app .appForm .platform {
    width: 10%;
}

#app .appForm .uploaderName {
    width: 15%;
}

#app .appForm .version {
    width: 15%;
}

#app .appForm .time {
    width: 15%;
}

#app .appForm .contral {
    width: 20%;
}

#neAppModify .newAppModifyMain {
    height: 450px;
    overflow: hidden;
}

#neAppModify .newAppModifyMain .uploadFile {
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

#qrCode {
    text-align: center;
}

#qrCode .qrCodeDownUrl {
    margin-top: 30px;
    display: inline-block;
    font-size: 2rem;
    color: #e20012;
}

#qrCodeBox {
    width: 312px;
    height: 312px;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    padding: 5px;
}

#docDownload {
    text-align: center;
    padding-bottom: 30px;
}

#docDownload .docDownloadUrl {
    margin: 15px 0px;
    display: inline-block;
    font-size: 2rem;
    color: #e20012;
}

#appLog .form .formSearch {
    margin: 0 auto;
}

#appLog .form .formSearch ul li {
    width: 33%;
}

#appLog .id {
    width: 5%;
}

#appLog .publsherName {
    width: 10%;
}

#appLog .logTime {
    width: 16%;
}

#appLog .unitName {
    width: 20%;
}

#appLog .account {
    width: 14%;
}

#appLog .phoneModel {
    width: 15%;
}

#appLog .networkType {
    width: 10%;
}

#appLog .contral {
    width: 10%;
}

.progress {
    width: 100%;
    border: 1px solid #ccc;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.Bar {
    width: 0;
    height: 28px;
    background: #5BC0DE;
}

.displaymore {
    position: absolute;
    right: -45px;
    top: 0;
    background: #fff;
    border: 1px solid #e20012;
    border-radius: 5px;
    font-size: 1.4rem;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #e20012;
    margin-left: 1rem;
    margin-right: 0;
}

.displaymore:hover {
    cursor: pointer;
}

.menuList {
    height: 4rem;
    line-height: 4rem;
    background-color: #efefef;
    font-size: 1.5rem;
    text-align: center;
    margin: 0.5rem 1rem;
}

.menuList:hover {
    cursor: pointer;
    color: #fff;
    background-color: #bfbfbf;
}

.menuList_active {
    background-color: #e20012;
    color: #fff;
}

.page_title {
    padding-left: 1%;
    font-size: 1.7rem;
    line-height: 3rem;
}

.btn_form {
    /*width:80px;*/
    height: 28px;
    padding: 0px 1rem;
    /*margin: 0rem 0.5rem;*/
    margin: 0rem 0.1rem;
}

.btn_form80 {
    width: 80px;
    height: 28px;
    padding: 0px 1rem;
    /*margin: 0rem 0.5rem;*/
    margin: 0rem 0.3rem;
}

.formSearchInput {
    width: 200px;
    height: 28px;
    line-height: 25px;
    border: 1px solid #ccc;
    padding: 0 5px;
    font-size: 10pt;
}

.menuLeft {
    width: 250px;
    float: left;
    height: 50rem;
    /*border: 1px solid #efefef;*/
    margin-right: 10px;
    height: 100%;
    padding-top: 5px;
    overflow: auto;
}

.menuLeftTwo {
    width: 180px;
    float: left;
    /*height: 50rem;*/
    /*border: 1px solid #efefef;*/
    margin-right: 10px;
    height: 100%;
    /*padding-top: 5px;*/
    overflow: auto;
}

.menuRight {
    width: calc(100% - 260px);
    float: left;
    height: 50rem;
    /*border: 1px solid #efefef;*/
    /*padding: 1rem 1rem;*/
    height: 100%;
}

.menuRightNew {
    float: left;
    height: 50rem;
    /*border: 1px solid #efefef;*/
    /*padding: 1rem 1rem;*/
    height: 100%;
}

.menuRightTwo {
    width: calc(100% - 190px);
    float: left;
    height: 50rem;
    /*border: 1px solid #efefef;*/
    /*padding: 1rem 1rem;*/
    height: 100%;
    overflow-y: auto;
}

.btnIcon:before {
    content: '';
    font-family: 'FontAwesome';
    margin-right: 0.5rem;
}

.page_content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    height: calc(100% - 60px);
    padding: 10px;
    background-color: #F2F2F2;
    font-size: 1.2rem;
}

.control_container {
    width: 100%;
    min-height: 38px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    float: left;
    border-radius: 0.25rem;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
    max-height: 150px;
    overflow: auto;
}

.control_container label {
    padding-right: 10px;
}

.form_card {
    padding: 10px;
}

.form_search_condition_keyword {
    float: left;
    margin-right: 5px;
    line-height: 30px;
}

.form_search_condition_keyword_input {
    width: 300px;
    height: 28px;
}

.form_search_condition_input {
    width: 95%;
    height: 28px;
}

.form_search_condition_label {
    /*padding: 5px 0px 5px 15px;*/
}

.segment_template_parameter {
    background: red;
    border: 1px dotted #39739d;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.segment_template_parameter.highlight {
    background: #E1ECF4;
    border: 1px dotted #39739d;
}

.segment_template_electron_file {
    background: #ff00f7;
    border: 1px dotted #39739d;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.segment_template_electron_file.highlight {
    background: #E1ECF4;
    border: 1px dotted #39739d;
}

.segment_template_judgement {
    background: blue;
    border: 1px dotted #39739d;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.segment_template_judgement.highlight {
    background: #E1ECF4;
    border: 1px dotted #39739d;
}

.segment_template_action {
    background: green;
    border: 1px dotted #39739d;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.segment_template_action.highlight {
    background: #E1ECF4;
    border: 1px dotted #39739d;
}

.segment_template_clause {
    background: #ff00f7;
    border: 1px dotted #39739d;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.segment_template_clause.highlight {
    background: #E1ECF4;
    border: 1px dotted #39739d;
}

.prompt {
    color: #ccc;
    text-align: left;
}

.prompt_important {
    color: red;
    text-align: left;
    font-weight: bold;
}

.speech_body {
    width: 100%;
    float: left;
}

.speech_header {
    text-align: left;
    float: left;
    line-height: 25px;
}

.speech_line {
    height: 1px;
    background-color: #efefef;
    margin-top: 5px;
    margin-bottom: 10px;
    float: left;
}

.speech_footer {
    text-align: center;
    float: left;
}

.speech_segment_menu {
    width: 450px;
    height: 50rem;
    margin-right: 10px;
    height: 100%;
    float: left;
    height: calc(100vh - 195px);
    overflow: auto;
}

.speech_segment_item {
    height: 4rem;
    line-height: 4rem;
    background-color: #efefef;
    text-align: left;
    /*padding-left: 10px;*/
    margin: 0rem 0 0.5rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.speech_segment_item:hover {
    cursor: pointer;
    color: #fff;
    background-color: #bfbfbf;
}

.speech_segment_item_active {
    background-color: #e20012;
    color: #fff;
}

.speech_template_body {
    width: calc(100% - 460px);
    float: left;
    /*border: 1px solid #efefef;*/
    /*padding: 1rem 1rem;*/
    float: left;
    margin: 0.5rem 0 0.5rem 0;
    height: calc(100vh - 195px);
    overflow: auto;
}

.speech_template_item {
    border: 1px solid #efefef;
    padding: 10px;
    margin-bottom: 5px;
}

.sspeech_template_item_line {
    height: 1px;
    background-color: #efefef;
    margin-top: 5px;
    margin-bottom: 5px;
}

.speech_template_item_label {
    padding-top: 7px;
}

.speech_template_item_input {
    border: 1px solid #e6e6e6;
    background-color: #efefef;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 20px;
    min-height: 32px;
    padding: 5px;
    width: 100%;
    float: left;
}

.speech_template_dialog_title {

}

.speech_template_dialog_body {
    height: 300px;
    overflow: auto;
}

.speech_template_dialog_item {
    background-color: #efefef;
    margin: 10px 0;
    padding: 5px;
}

.speech_template_dialog_item:hover {
    cursor: pointer;
    color: #fff;
    background-color: #bfbfbf;
}

.speech_template_dialog_item_active {
    background-color: #e20012;
    color: #fff;
}

.speech_unit_selected_reset {
    padding: 0.7rem 0.8rem;
    font-size: 1.1rem;
    width: auto;
    display: inline-block;
    cursor: pointer;
    background-color: #e20012;
    color: #fff;
}

.speech_unit_selected {
    padding: 0.7rem 0.8rem;
    border: 1px solid #e20012;
    font-size: 1.1rem;
    color: #e20012;
    margin: 0rem 0.5rem 0.2rem 0rem;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.page {
    /*float: left;*/
    width: 100%;
    /*height: 40px;*/
}

.page .page-count {
    float: left;
    width: 10%;
    height: 40px;
}

.page .page-num {
    float: left;
    width: 50%;
    height: 40px;
}

.page .page-ctrl {
    float: left;
    width: 40%;
    text-align: right;
    height: 40px;
}

.icon-search:before {
    content: '\f002';
}

.icon-create:before {
    content: '\f067';
}

.icon-checkout:before {
    content: '\f019';
}

.icon-checkin:before {
    content: '\f0ee';
}

.input_prompt_right {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #999;
    font-size: 1.3rem;
}

.input_button_right {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #999;
    font-size: 1.3rem;
}

.nav_action {
    color: #e20012;
    font-weight: bold;
}

.notice_resource {
    color: blue;
    padding: 5px 5px 5px 5px;
    color: #e20012;
    border: 1px solid #e20012;
    margin-right: 5px;
    font-size: 9pt;
    float: left;
}

.notice_resource:hover {
    color: #e20012;
    text-decoration: none;
}

#loginWithoutIdentifyCode {
    /*min-width: 960px;*/
    /*min-height: 500px;*/
    /*display: block*/
    background: url(../images/login/background3.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

#loginWithoutIdentifyCode > img {
    display: block;
    width: 100%;
    margin-top: -65px;
}

#loginWithoutIdentifyCode .logo {
    font-size: 3rem;
    color: #000;
    height: 70px;
    line-height: 70px;
    display: block;
    position: absolute;
    /*left: 40%;*/
    /*top: 17%;*/
}

#loginWithoutIdentifyCode .logo img {
    vertical-align: middle;
    border: 0;
}

#loginWithoutIdentifyCode .loginArea {
    width: 300px;
    height: 330px;
    position: absolute;
    /*left: 40%;*/
    /*top: 32%;*/
    overflow: hidden;
    padding: 20px;
    font-size: 1.4rem;
    background: rgba(220, 220, 220, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2DCDCDC, endColorstr=#B2DCDCDC);
    border-radius: 10px;
    text-align: left;
}

#loginWithoutIdentifyCode .loginArea > img {
    margin-bottom: 20px
}

#loginWithoutIdentifyCode .loginArea .username, #loginWithoutIdentifyCode .loginArea .password {
    background: #ffffff;
    border: 1px solid #bab9b9;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 15px;
    font-size: 1.4rem
}

#loginWithoutIdentifyCode .loginArea .verification {
    background: #ffffff;
    border: 1px solid #bab9b9;
    border-radius: 5px;
    display: inline-block;
    width: 49%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    font-size: 1.4rem
}

#loginWithoutIdentifyCode .loginArea .loginBtn {
    background: #4587CB;
    width: 100%;
    height: 30px;
    float: left;
    display: inline-block;
    border: 0 none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.4rem
}

#loginWithoutIdentifyCode .loginArea .loginBtn:hover {
    background: #c90212;
}

#loginWithoutIdentifyCode .loginArea .registerBtn {
    background: #e20012;
    width: 90%;
    height: 30px;
    float: left;
    display: inline-block;
    border: 0 none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

#loginWithoutIdentifyCode .loginArea .registerBtn:hover {
    background: #c90212;
}

#loginWithoutIdentifyCode .loginArea .loginError {
    color: #e20012;
    font-size: 1.4rem;
    margin-top: 10px;
}

#loginWithoutIdentifyCode .changePwd {
    /*color: #fff;*/
    float: right;
    margin-top: 10px;
    font-size: 1.4rem
}

#loginWithoutIdentifyCode .changePwd:hover {
    color: #e20012;
}

#loginWithoutIdentifyCode .mailMain .taskName {
    text-align: left;
}

#loginWithoutIdentifyCode .error {
    font-size: 1.2rem;
    color: #e20012;
    margin-left: 1rem;
}

#loginWithoutIdentifyCode .mailForm {
    margin: 10rem 10rem 10rem 8rem
}

#loginWithoutIdentifyCode .mainForm ul {
    width: 90%;
    float: left;
    display: inline-block;
    margin-top: 5rem;
}

#loginWithoutIdentifyCode .mainForm ul li {
    width: 40%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8rem;
}

#loginWithoutIdentifyCode .mainForm ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

#loginWithoutIdentifyCode .mainForm ul li label:after {
    content: ' : '
}

#loginWithoutIdentifyCode .mainForm ul .formSearchInput, .form .formSearch ul select {
    width: 50%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0 5px;
}

#loginWithoutIdentifyCode .mainForm ul select {
    margin-left: -4px;
}

#loginWithoutIdentifyCode .downloadInfo {
    text-decoration: underline;
    top: 0px;
    right: 0px;
    margin-right: 20px;
    margin-top: 20px;
    position: fixed;
    font-size: 1.2rem;
}

#loginWithoutIdentifyCode .downloadInfo a {
    color: #000;
    text-decoration: none
}

#loginWithoutIdentifyCode .appdown a:hover {
    color: #e20012;
    text-decoration: none
}

#loginWithoutIdentifyCode .form .formSearch .formSendBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    /*float: right;*/
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin-right: 0;
}

#loginWithoutIdentifyCode .form .formSearch .formSendBtn:hover {
    background: #c90212;
}

#loginWithoutIdentifyCode .form .formSearch .formSendBtn:before {
    content: '\f002';
}

#loginWithoutIdentifyCode .form .formSearch ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

grid-demo {
    padding: 10px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    color: #fff;
}

.grid-demo-bg1 {
    background-color: #fff;
}

.left-text {
    font-size: 14px;
    padding: 1% 5%;
    /*float: left;*/
}

.table-div {
    text-align: left;
    line-height: 25px;
    margin-left: 10%;
    /*display: table;*/
}
.table-child {
    display: table-cell;
    vertical-align: middle;
}

#reportForAdmin {
    width: 100%;
    overflow: hidden;
}

#reportForAdmin .reportForm {
    width: 85%;
    margin: 0 auto;
}

#reportForAdmin .reportForm .name {
    width: 10%;
}

#reportForAdmin .reportForm .creditCode {
    width: 15%;
}

#reportForAdmin .reportForm .businessCode {
    width: 15%;
}

#reportForAdmin .reportForm .contactPerson {
    width: 10%;
}

#reportForAdmin .reportForm .status {
    width: 10%;
}

#reportForAdmin .reportForm .interviewCount {
    width: 10%;
}

#reportForAdmin .reportForm .completeTimes {
    width: 10%;
}

#reportForAdmin .reportForm .principalName {
    width: 10%;
}

#reportForAdmin .reportForm .realPrincipalName {
    width: 10%;
}

.video-js .vjs-duration {
    display: block !important;
}

.video-js .vjs-current-time{
    display: block !important;
}

.video-magnify {
    height: 400px;
    width: 100%;
}

.vjs-big-play-button {
    line-height: 70px !important;
    border-radius: 50% !important;
    height: 70px !important;
    width: 70px !important;
}