nav.nc-navbar {
    width:100%;
    height:50px;
    background:#008ae6;
    color:#fff;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
nav.nc-navbar a {
    text-decoration: none;
    color:#fff;
}
nav.nc-navbar .navbar-header {
    width:160px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
nav.nc-navbar .navbar-header  a {
    font-size:28px;
}
nav.nc-navbar .navbar-divider {
    display:inline-block;
    height:50%;
    width:1px;
    background:#fff;
    margin-right:10px;
}
nav.nc-navbar .navbar-body {
    display:flex;
    height:100%;
    width:calc(100% - 171px);
    flex-wrap:wrap;
}
nav.nc-navbar .navbar-body.space-between {
    justify-content:space-between;
}
nav.nc-navbar .navbar-body ul.navbar-nav {
    list-style-type: none;
    padding: 0px;
    margin:0;
    height:100%;
    display: flex;
}
nav.nc-navbar .navbar-body ul.navbar-nav li.dropdown  {
    position:relative;
    display: flex;
    height:100%;
    width:80px;
    align-items:center;
}
nav.nc-navbar .navbar-body ul.navbar-nav li.dropdown .carcat{
    display:inline-block;
    height:3px;
    width:3px;
    border:solid 3px;
    border-color:transparent #fff #fff transparent;
    transform: rotate(45deg) translateY(-50%);
    margin-right:10px;
    margin-left:0;
}
ul.navbar-nav li.dropdown .dropdown-content {
    display: none;
    position: absolute;
    left:0;
    top:100%;
    background: #fff;
    min-width: 100%;
    border:solid 1px #008ae6;
    border-radius:4px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style:none;
    padding:0;
    z-index:2000;
}
ul.navbar-nav li.dropdown ul.dropdown-content li a {
    color: #333;
    text-decoration: none;
    text-align:center;
    font-size:12px;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    display: block;
}
ul.navbar-nav li.dropdown ul.dropdown-content li a.active {
    background:#00cc00;
}
ul.navbar-nav li.dropdown .dropdown-content li:not(:last-child) a {
    border-bottom:solid 1px #cce5ff;
}
ul.navbar-nav li.dropdown .dropdown-content a:hover {
    background-color: #e5ffff;
    color:#008ae6;
}
ul.navbar-nav li.dropdown:hover .dropdown-content {
    display: block;
}
nav.nc-navbar .navbar-body ul.navbar-nav li a {
    display: flex;
    height:100%;
    width:80px;
    font-size:16px;
    justify-content:center;
    align-items:center;
}
nav.nc-navbar .navbar-body ul.navbar-nav li {
    height:100%;
}
nav.nc-navbar .navbar-body ul.navbar-nav li a.active {
    background: #005ce6;
}
nav.nc-navbar .navbar-body ul.navbar-nav li:hover {
    background: #80ccff;
}
nav.nc-navbar .navbar-body ul.navbar-nav li.search {
    display:flex;
    height:100%;
    align-items:center;
}
nav.nc-navbar .navbar-body ul.navbar-nav li.search label {
    margin-right:5px;
}
nav.nc-navbar .navbar-body ul.navbar-nav li.search input {
    height:24px;
}
div.mavcontent{
    padding:10px;
    padding-left:20px;
    height:240px;
    background:#e5fff2;
    margin-bottom:30px;
    border:solid 1px #666;
    overflow-y:auto;
    position:relative;
}
.text {
    margin-left:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    position:relative;
    bottom:10px;
}
.nc-switch{
    display:inline-flex;
    border:none;
    padding:1px;
    margin: 5px;
    align-items:center;
}
.nc-switch.nc-switch-start{
    justify-content: flex-start;
    background:#b3b3b3;
}
.nc-switch.nc-switch-end{
    justify-content: flex-end;
    background:#1a8cff;
}
.nc-switch .swicth-title {
    display:inline-block;
    height:100%;
    margin:auto;
}
.nc-switch:hover{
    cursor:pointer;
}
.nc-switch .switch{
    border-radius:50%;
    border:none;
    background:#f2f2f2;
}
.nc-switch.nc-switch-row{
    flex-direction: row;
    background:#b3b3b3;
}
.nc-switch.nc-switch-reverse{
    flex-direction: row-reverse;
    background:#1a8cff;
}
.nc-switch.switch-big {
    height:50px;
    width:100px;
    border-radius:25px;
}
.switch-big .swicth-title {
    line-height:50px;
    font-size:24px;
}
.switch-big .switch {
    width:48px;
    height:48px;
}
.nc-switch.switch-normal {
    height:30px;
    width:60px;
    border-radius:15px;
}
.switch-normal .swicth-title {
    line-height:30px;
    font-size:16px;
}
.switch-normal .switch {
    width:28px;
    height:28px;
}
.nc-switch.switch-small {
    height:20px;
    width:40px;
    border-radius:10px;
}
.switch-small .swicth-title {
    line-height:20px;
    font-size:12px;
}
.switch-small .switch {
    width:18px;
    height:18px;
}

.nc-transferContainer{
    display:inline-flex;
    justify-content:center;
    height:240px;
    min-height:100px;
    width:540px;
    padding:0;
    max-width: 100%;
}
.nc-transferContainer .optionsContain{
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:100px;
    border:solid 1px #999;
    border-radius:4px;
    width: calc(50% - 30px);
}
.nc-transferContainer .optionsContain .header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:36px;
    width:100%;
    border-bottom:solid 1px #999;
    font-size:12px;
    color:#666;
}
.nc-transferContainer .optionsContain .header .select-all{
    margin-left:10px;
    height:100%;
    display:flex;
    align-items:center;
    border:solid 0px;
}
.nc-transferContainer .checkbox{
    display:inline-block;
    height:12px;
    width:12px;
    border:solid 1px #808080;
    border-radius:2px;
    margin-right:5px;
    cursor:pointer;
    font-size:12px;
    color:#fff;
    text-align:center;
    line-height:12px;
}
.nc-transferContainer .checkbox:hover{
    border-color:#3399ff;
}
.nc-transferContainer .optionsContain .header .select-all.checked .checkbox{
    border-color:#1aa3ff;
    background:#1aa3ff;
    color:#fff;
}
.nc-transferContainer .optionsContain .header .text{
    margin-right:10px;
    bottom:0;
}
.nc-transferContainer .optionsContain .content {
//display:inline-block;
    height:100%;
    overflow-y:auto;
}
.nc-transferContainer .optionsContain .content .option {
    display:flex;
    align-items:center;
    height:30px;
    width:100%;
    font-size:14px;
    color:#333;
    padding-left:10px;
    box-sizing:border-box;
}
.nc-transferContainer .optionsContain .content .option:hover{
    background:#e5ffff;
}
.nc-transferContainer .optionsContain .content .option:not(.disable) {
    cursor:pointer;
}
.nc-transferContainer .optionsContain .content .option.disable {
    cursor:not-allowed;
}
.nc-transferContainer .optionsContain .content .option.checked.disable .checkbox{
    border-color:#808080;
    background:#d9d9d9;
    opacity:0.7;
    cursor:not-allowed;
    color:#666;
}
.nc-transferContainer .optionsContain .content .option.disable:not(.checked) .checkbox{
    border-color:#808080;
    background:#d9d9d9;
    opacity:0.7;
    cursor:not-allowed;
    color:#d9d9d9;
}
.nc-transferContainer .optionsContain .content .option.checked .checkbox{
    border-color:#1aa3ff;
    background:#1aa3ff;
    color:#fff;
}
.nc-transferContainer .optionsContain .content .option .item{
    margin-left:5px;
}
.nc-transferContainer .transfer{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100%;
    width:60px;
}
.nc-transferContainer .transfer div {
    display:inline-block;
    height:23px;
    width:36px;
    line-height:23px;
    border:solid 1px #999;
    border-radius:4px;
    background:#e6e6e6;
    color:#808080;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    cursor:not-allowed;
}
.nc-transferContainer .transfer div.active {
    border-color:#0099ff;
    background:#0099ff;
    color:#fff;
    cursor:pointer;
}
.nc-transferContainer .transfer div.active:hover {
    background:#006bb3;
    border-color:#006bb3;
}


.tips {
    margin-top: 20px;
}
.tips button {
    height:30px;
    cursor:pointer;
}
.nc-success{
    min-height:45px;
    width:560px;
    position:fixed;
    top:2px;
    left:50%;
    transform: translateX(-50%);
    background:#009900;
    border-radius:2px;
    line-height:45px;
    justify-content:center;
    display:none;
    color:#fff;
    max-width: 100%;
}
.nc-warn{
    min-height:45px;
    width:560px;
    position:fixed;
    top:2px;
    left:50%;
    transform: translateX(-50%);
    background:#ff9933;
    border-radius:2px;
    line-height:45px;
    display:none;
    color:#fff;
    max-width: 100%;
}
.nc-warn .msg{
    height:100%;
    text-align:center;
    flex:1 1 auto;
}
.nc-warn .oper-cancel{
    flex:0 0 45px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.nc-warn .oper-cancel span{
    height:50%;
    width:50%;
    line-height:22.5px;
    text-align:center;
    border-radius:50%;
    font-size:14px;
}
.nc-warn .oper-cancel span:hover{
    background:#b35900;
    cursor:pointer;
}
.nc-error{
    min-height:45px;
    width:560px;
    position:fixed;
    top:2px;
    left:50%;
    transform: translateX(-50%);
    background:#cc0000;
    border-radius:2px;
    line-height:45px;
    display:none;
    color:#fff;
    max-width: 100%;
}
.nc-error .msg{
    height:100%;
    text-align:center;
    flex:1 1 auto;
}
.nc-error .oper-cancel{
    width:100%;
    flex:0 0 45px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.nc-error .oper-cancel span{
    height:50%;
    width:50%;
    line-height:22.5px;
    text-align:center;
    border-radius:50%;
    font-size:14px;
}
.nc-error .oper-cancel span:hover{
    background:#800000;
    cursor:pointer;
}
.nc-collapseset {
    width:60%;
    min-width:200px;
    min-height:100px;
    display: flex;
    flex-direction:column;
}
.nc-collapseset .nc-collapse {
    margin-bottom:5px;
}
.nc-collapseset .nc-collapse header {
    border:solid 1px #999;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:15px;
    background:#e6e6e6;
    box-sizing:border-box;
    cursor:pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color:#666;
}
.nc-collapseset .nc-collapse.active header {
    border-bottom:none;
    border-radius: 4px 4px 0 0;
    color:#1a1a1a;
}
.nc-collapseset .nc-collapse header span  {
    border:solid 3px #999;
    border-top:none;
    border-left:none;
    margin-right:15px;
    display:inline-block;
    height:8px;
    width:8px;
    transform: rotate(-45deg);
    transition: transform 0.2s;
}
.nc-collapseset .nc-collapse.active header span  {
    border-color:#1a1a1a;
    transform: rotate(45deg);
    transition: transform 0.2s;
}
.nc-collapseset .nc-collapse article {
    width:100%;
    border:solid 1px #999;
    border-top:none;
    box-sizing:border-box;
    padding:10px;
    display: none;
    border-radius: 0 0 4px 4px;
    opacity:1;
    max-height:1000px;
}
.nc-collapseset .nc-collapse.active {
    box-shadow: 0px 0px 2px;
    border-radius: 4px;
}
.nc-collapseset .nc-collapse.disable header {
    color: #1a1a1a;
    opacity: 0.5;
    cursor: not-allowed;
}.nc-carousel {
    display:block;
    margin:auto;
    position:relative;
    border:solid 1px #999;
    padding:0;
}
.fadeType ul {
    height:100%;
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
}
.fadeType ul li{
    position:absolute;
    height:100%;
    width:100%
}
.fadeType ul li img{
    height:100%;
    width:100%;
}
.nc-carousel .bars{
    display:block;
    position:absolute;
    bottom:5%;
    left:50%;
    transform: translateX(-50%);
}
.nc-carousel .bars span{
    display:inline-block;
    height:10px;
    width:10px;
    border:solid 2px #999;
    border-radius:50%;
    cursor:pointer;
    margin-left:5px;
}
.nc-carousel .bars span:hover,.nc-carousel .bars span.active{
    border-color:#fff;
}
.nc-carousel .left{
    display:inline-block;
    height:8px;
    width:8px;
    border:solid 4px #666;
    border-color: #666 transparent transparent #666;
    opacity:0.8;
    position:absolute;
    top:50%;
    left:15px;
    transform: translateY(-50%) rotate(-45deg);
    cursor:pointer;
}
.nc-carousel .left:hover{
    border-color: #fff transparent transparent #fff;
}
.nc-carousel .right{
    display:inline-block;
    height:8px;
    width:8px;
    border:solid 4px #666;
    border-color: #666 #666 transparent transparent;
    opacity:0.8;
    position:absolute;
    top:50%;
    right:15px;
    transform: translateY(-50%) rotate(45deg);
    cursor:pointer;
}
.nc-carousel .right:hover{
    border-color: #fff  #fff transparent transparent;
}

.slideType ul{
    height:100%;
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
}
.slideType ul li{
    height:100%;
    width:100%;
    display:inline-block;
    position:absolute;
    transition: left 1s ease-out;
}
.slideType ul li:first-child{
    left:0%;
}
.slideType ul li:not(:first-child){
    top:100%;
}
.slideType ul li img{
    height:100%;
    width:100%;
    max-height:100%;
    max-width:100%;
}

@media (max-width: 486px) {
    .nc-carousel {
        max-height: 240px;
    }
}
@media (max-width: 576px) {
    .nc-carousel {
        max-height: 320px;
    }
}

.nc-dialog-container {
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:none;
    overflow-y:auto;
}
.nc-dialog-container .shade{
    height:100%;
    width:100%;
    background:#ccc;
    opacity: 0.5;
    position: fixed;
}
.nc-dialog-container .nc-Dialog{
    display: flex;
    flex-direction:column;
    position: absolute;
    z-index: 2000;
    opacity: 1;
    left:50%;
    top:60px;
    overflow: auto;
    background:#fff;
    border:solid 1px #999;
    border-radius:8px;
    width:60%;
    min-height:120px;
    transform: translateX(-50%);
    box-shadow:2px 2px 2px #a3a375;
    -webkit-animation: modal-out  200ms;
    animation: modal-out  200ms;
    -moz-animation: modal-out 200ms;
}
@keyframes modal-out {
    0% {top:0px;}
    100% {top:60px;}
}
.nc-Dialog header{
    border:solid 0px;
    height:36px;
    line-height:36px;
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.nc-Dialog header span:first-child{
    margin-left:15px;
    font-size:14px;
}
.nc-Dialog header span:last-child{
    height:23px;
    width:23px;
    line-height:23px;
    text-align:center;
    border-radius:50%;
    margin-right:15px;
}
.nc-Dialog header span:last-child:hover{
    background:#a6a6a6;
    cursor:pointer;
}
.nc-Dialog article{
    display:inline-block;
    width:90%;
    border:solid 0px;
    margin:auto;
    margin-top:10px;
}
.nc-Dialog article .description{
    width:90%;
    display:flex;
    margin:auto;
    border:solid 1px #66ccff;
    border-radius:4px;
    background:#e5f7ff;
    padding:8px;
}
.nc-Dialog article .description .grade{
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    border-radius:50%;
    border:solid 1px #0040ff;
    color:#0040ff;
    margin-top:5px;
    margin-left:5px
}
.nc-Dialog article .description .btext{
    width:90%;
    font-size:12px;
    text-align:left;
    margin-left:10px;;
}
article form {
    width:90%;
    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
    display: block;
}
.nc-Dialog footer{
    width:90%;
    margin:auto;
    margin-top:10px;
    margin-bottom:20px;
    display:flex;
    justify-content:center;
}
.big{
    width:70%;
    min-height:500px;
}


.dialog-Confirm article {
    margin-top:30px;
    margin-bottom:30px;
}
.dialog-Confirm article .description{
    display:flex;
    flex-direction:column;
    border:none;
    background:#fff;
}
.dialog-Confirm .description .gradetitle{
    display:flex;
    height:36px;
    line-height:36px;
    border:none;
}
.dialog-Confirm .description .gradetitle .icon{
    display:inline-block;
    height:24px;
    width:24px;
    border-radius:50%;
    line-height:24px;
    text-align:center;
    color:#fff;
    margin-top:6px;
}
.back-blue{
    background:#0040ff;
}
.back-red{
    background:#ff1a1a;
}
.dialog-Confirm .description .gradetitle .title{
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    margin-left:10px;
}
.dialog-Confirm .description .btext p{
    display:inline-block;
    width:100%;
    font-size:12px;
    border:solid 0px;
    margin-left:24px;
}
.wenzhang{
    margin:30px;
    line-height:30px;
    text-indent:50px;
}

.icon-green{
    border:solid 1px #009900;
    color:#009900;
}
.icon-yellow{
    border:solid 1px #ff9900;
    color:#ff9900;
}
.icon-red{
    border:solid 1px #ff1a1a;
    color:#ff1a1a;
}

@media (max-width: 576px) {
    .nc-dialog-container .nc-Dialog {
        width: 80%
    }
}
.nc-nav-tabs {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.nc-nav-tabs ul.tab-bars {
    list-style:none;
    display: flex;
    border-bottom:solid 1px #ddd;
    padding:0;
}
.nc-nav-tabs ul.tab-bars li {
    display: flex;
    padding: 8px 16px;
    background:#fff;
}
.nc-nav-tabs ul.tab-bars li.disabled {
    cursor:not-allowed;
    background:#e6e6e6;
    opacity:0.6;
}
.nc-nav-tabs ul.tab-bars li:not(.disabled):hover {
    cursor:pointer;
    background:#e5ffff;
}
.nc-nav-tabs ul.tab-bars li.active {
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-top:3px solid #3366ff;
    margin-bottom: -1px;
}
.nc-nav-tabs .tab-content {
    height:150px;
    width:100%;
    display:block;
    padding:20px;
}
.nc-nav-tabs.nav-down ul.tab-bars li.active {
    border:none;
    border-bottom:3px solid #3366ff;
    margin-bottom: -1px;
}

.nc-nav-tabs.second-nav ul.tab-bars {
    border:none;
}
.nc-nav-tabs.second-nav ul.tab-bars li {
    display: flex;
    padding: 8px 16px;
    background:#fff;
    box-sizing:border-box;
    border: 1px solid #999;
    border-right:none;
}
.nc-nav-tabs.second-nav ul.tab-bars li:last-child {
    border-right: 1px solid #999;
    border-radius:0 4px 4px 0;
}
.nc-nav-tabs.second-nav ul.tab-bars li:first-child {
    border-radius:4px 0 0 4px;
}
.nc-nav-tabs.second-nav ul.tab-bars li.active {
    background:#3366ff;
    border-color:#3366ff;
    color:#fff;
    margin-bottom: 0;
}


.nc-mutil-select-dropdown.disable{
    background:#e6e6e6;
    opacity: 0.6;
    cursor:not-allowed;
}
.nc-mutil-select-dropdown{
    margin:20px;
    position:relative;
    width:420px;
    min-width:220px;
    min-height:36px;
    border:solid 1px #808080;
    display:inline-block;
    border-radius:4px;
    padding:0;
    font-size:14px;
    line-height:36px;
    color:#666;
    max-width: 100%;
}
.nc-mutil-select-dropdown:after{
    content:"";
    display:inline-block;
    border:solid 8px;
    border-color: #808080 transparent transparent transparent;
    position:absolute;
    right:10px;
    top:50%;
    transform: translateY(-2px);
}
.nc-mutil-select-dropdown:not(.disable):hover{
    border-color:#1a53ff;
}
.nc-mutil-select-dropdown .selectss{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    flex-basis:auto;
    width: calc(100% - 40px);
    min-width:180px;
    border:solid 0px red;
    border-radius:4px;
    max-width: 100%;
}
.nc-mutil-select-dropdown .selectss .selectedTitle {
    color:#000;
}
.nc-mutil-select-dropdown .selectss .holdplace {
    margin-left:10px;
}
.nc-mutil-select-dropdown .selectss .option{
    display:inline-block;
    line-height:16px;
    font-size:12px;
    border:solid 1px #999;
    border-radius:4px;
    padding:5px;
    padding-right:30px;
    margin:3px 5px;
    background:#d9d9d9;
    color:#1a1a1a;
    position:relative;
    max-width: 100%;
    box-sizing: border-box;
}
.nc-mutil-select-dropdown .selectss .option .optext{
    display:inline-block;
    max-width:100%;
    min-width:130px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right:5px;
}
.nc-mutil-select-dropdown .selectss .option .biao{
    display:inline-block;
    height:16px;
    width:16px;
    line-height:16px;
    text-align:center;
    border-radius:50%;
    position:absolute;
    right:5px;
    cursor:pointer;
    top:5px;
}
.nc-mutil-select-dropdown:not(.disable) .selectss .option .biao:hover{
    background:#8c8c8c;
}
.nc-mutil-select-dropdown.disable .selectss .option .biao:hover{
    cursor:not-allowed;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content{
    display:none;
    width:100%;
    height:120px;
    margin-top:5px;
    border:solid 1px #808080;
    border-radius:2px;
    position:absolute;
    top:100%;
    left:0;
    font-size:12px;
    overflow-y:auto;
    cursor:pointer;
    box-sizing:border-box;
    background:#fff;
    z-index:1;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content.height-auto {
    height:auto;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:10px;
    padding-right:80px;
    box-sizing:border-box;
    position:relative;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item:not(.selected):hover{
    background:#ccc;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item.selected{
    background:#f2f2f2;
    color:#666;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item:after{
    display:inline-block;
    content:"";
    font-size:18px;
    color:#666;
    position:absolute;
    right:36px;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item.selected:after{
    content:"\2714";
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .item.disabled {
    cursor:not-allowed;
    background:#bfbfbf;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option{
    display:flex;
    align-items:center;
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    position:relative;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option .checkbox{
    display:inline-block;
    height:14px;
    width:14px;
    border:solid 1px #a6a6a6;
    border-radius:2px;
    position:relative;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option .checkbox{
    display:inline-block;
    height:14px;
    width:14px;
    border:solid 1px #999;
    border-radius:2px;
    position:relative;
    margin-right:10px;
    flex:none;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.selected .checkbox{
    background:#1a75ff;
    border-color:#1a75ff;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.selected .checkbox:after{
    content:"\2714";
    position:absolute;
    top:-8px;
    left:2px;
    color:#fff;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.disabled{
    cursor:not-allowed;
    background:#bfbfbf;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.disabled .checkbox{
    background:#bfbfbf;
    border-color:#999;
    opacity:0.8;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.unselected .checkbox:after{
    content:"";
    position:absolute;
    top:-7px;
    left:2px;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option.unselected:not(.disabled) .checkbox:hover{
    border-color:#1a75ff;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content .option .optext{
    display:inline-block;
    flex:auto;
    height:30px;
    line-height:30px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content  .option:not(.disabled):hover{
    background:#f2f2f2;
}
.nc-mutil-select-dropdown .nc-mutil-dropdown-content > .optionContent{
    display:block;
    width:100%;
    height:120px;
    border-top:solid 1px #bfbfbf;
    overflow-y:auto;
}


.weiba {
    margin-top:200px;
}

.nc-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
.nc-jumbotron {
    padding:30px 48px;
    background:#b3b3b3;
}
.row {
    width:100%;
    display:flex;
}
.row .nc-scrollspy {
    width:30%;
    background:#fff;
    padding-top:10px;
}
.row .nc-scrollspy ul.nav {
    width:100px;
    list-style:none;
    border:solid 1px #666;
    padding:0;
    margin-left:20px;
    border-radius:4px;
    background:#fff;
    margin-top:0;
}
.row .nc-scrollspy ul.nav.affix {
    position:fixed;
    top:20px;
}
.row .nc-scrollspy.spy-relative {
    position:relative;
}
.row .nc-scrollspy ul.nav.affix-bottom {
    position:absolute;
}
.row .nc-scrollspy ul.nav li {
    height:60px;
}
.row .nc-scrollspy ul.nav li:not(:last-child) {
    border-bottom:solid 1px #666;
}
.row .nc-scrollspy ul.nav li a {
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    text-decoration:none;
}
.row .nc-scrollspy ul.nav li a:hover {
    background:#ccc;
}
.row .nc-scrollspy ul.nav li.active a {
    background:#4db8ff;
    color:#fff;
}
.row .content {
    width:70%;
}

.footer {
    width:100%;
    height:360px;
    background: #00cc00;
    padding:50px;
    box-sizing:border-box;
}
.autor {
    height:360px;
    background: #ffe599;
}.nc-dropdown{
    position: relative;
    width:auto;
    height:auto;
    display:inline-block;
}
.nc-dropdown .dropbtn {
    display:inline-block;
    background-color: #3366ff;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius:4px;
    padding:10px;
    cursor: pointer;
}
.nc-dropdown .dropdown-grey {
    background-color: #fff;
    border:solid 1px #a6a6a6;
    color: #4d4d4d;
}
.nc-dropdown .dropbtn .nc-caret{
    display:inline-block;
    height:3px;
    width:3px;
    border:solid 3px;
    border-color:transparent #fff #fff transparent;
    transform: rotate(45deg) translateY(-50%);
    margin-right:5px;
    margin-left:5px;
}
.nc-dropdown .dropdown-grey.dropbtn .nc-caret {
    border-color:transparent #4d4d4d #4d4d4d transparent;
}
.nc-dropdown:hover > .dropbtn,
.nc-dropdown > .dropdown-divi .dropbtn:hover{
    background: #002080;
}
.nc-dropdown:hover > .dropbtn.dropdown-grey,
.nc-dropdown > .dropdown-divi .dropdown-grey:hover{
    background: #d9d9d9;
}

.nc-dropdown .dropdown-divi  {
    border-radius: 4px;
    //height:36px;
}
.nc-dropdown .dropdown-divi .dropbtn {
    float:left;
    height:100%;
}
.nc-dropdown .dropdown-divi .dropbtn:first-child {
    border-radius: 4px 0 0 4px;
}
.nc-dropdown .dropdown-divi .dropbtn:last-child {
    border-radius:  0 4px 4px 0;
}
.nc-dropdown .dropdown-divi  .nc-dropdown-toggle {
    background-color: #3366ff;
    border:none;
    border-left: solid 1px #666;
    width:30px;
}
.nc-dropdown .dropdown-divi  .dropdown-grey.nc-dropdown-toggle {
    background-color: #fff;
    border:solid 1px #a6a6a6;
    color: #4d4d4d;
}
.nc-dropdown .dropdown-divi  .nc-dropdown-toggle .nc-caret {
    margin-left:0;
    padding:0;
}

.nc-dropdown ul {
    list-style:none;
    padding:0;
}
.nc-dropdown ul.dropdown-content {
    display: none;
    position: absolute;
    background: #e5f7ff;
    border:solid 1px #999;
    border-radius:4px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1000;
    margin:0;
    margin-top:2px;
    width:130px
}
.dropup ul.dropdown-content {
    margin:0;
    bottom:100%;
    margin-bottom:2px;
}
.dropright ul.dropdown-content {
    margin:0;
    top:0px;
    left:100%;
    margin-left:2px;
}
.dropleft ul.dropdown-content {
    margin:0;
    top:0px;
    right:100%;
    margin-right:2px;
}
.nc-dropdown .dropdown-content  li.dropdown-item a {
    color: #333;
    text-decoration: none;
    display:inline-block;
    width:100%;
    text-align:left;
    padding:10px 10px;
    box-sizing:border-box;
}
.nc-dropdown .dropdown-content  li.disabled a {
    color:#666;
    cursor:not-allowed;
}
.nc-dropdown .dropdown-content li.dropdown-item:not(.disabled) a:hover {
    background-color: #0066cc;
    color:#fff;
}
.nc-dropdown:hover .dropdown-content {
//display: block;
}
.nc-dropdown ul.dropdown-content .divider {
    display: block;
    background:#d9d9d9;
    height:1px;
    width:100%;
}
.nc-dropdown ul.dropdown-content .dropdown-header  {
    font-size:12px;
    text-align:left;
    padding:10px 10px;
    display:inline-block;
    color: #b3b3b3;
}
.nc-dropdown button {
    margin: 0;
}
table {
    border-collapse:collapse;
    width: 90%;
    position:relative;
    margin:20px auto;
}
table caption {
    text-align: left;
    margin-bottom: 5px;
    font-weight:bold;
}
table tr {
    height:30px;
    line-height:30px;
}
table tr:hover {
    cursor:pointer;
}
table thead {
//border: solid 1px;
    background:#ccc;
}
table tr th {
    width: 20%;
    text-align: left;
}
table tr th,table tr td {
    border:solid 1px #d9d9d9;
}
table tr th:first-child,table tr td:first-child {
    border-left:none;
}
table tr th:last-child,table tr td:last-child {
    border-right:none;
}
tbody .odd {
    background:#ffffee;
}
tbody .even {
    background:#fff38f;
}
tbody .checked {
    background:#b3b3b3 !important;
}
tbody .odd2 {
    background:#ccffe6;
}
tbody .even2 {
    background:#ffe5ff;
}
table tr input {
    margin-left: 20px;
}
.search {
    position:absolute;
    right: 0;
    top: 0px;
    display: flex;
}
.search label {
    width:36px;
    font-size:14px;
}
.search input {
    width:180px;
}
.hover {
    background:#ffffcc !important;
}
table input[type=checkbox]:hover {
    cursor:pointer;
}
table tr.noData {
    font-size: 12px;
    text-align:center;
    background:#fff;
    border-bottom: solid 1px #ccc;
}
.table-tips {
    margin-top: 50px;
}
.table-tips button {
    height:30px;
    cursor:pointer;
}

.nc-paginaBars {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    position:absolute;
    right: 0;
    top: 100%;
}
.nc-paginaBars .numTitle {
    font-size:14px;
    margin-right:5px;
    color:#666;
}
ul.nc-pagination {
    display: inline-block;
    padding: 10px;
    margin: 0;
}
ul.nc-pagination li {
    display: inline;
}
ul.nc-pagination li a {
    color: #262626;
    float: left;
    height:24px;
    width:24px;
    text-align:center;
    line-height:24px;
    text-decoration: none;
    border-radius:4px;
    transition: background-color 100ms;
}
ul.nc-pagination li.active a {
    background-color: #1a75ff;
    color: white;
}
ul.nc-pagination li.active a:hover {
    background-color: #005ce6;
}
ul.nc-pagination li:not(.active) a:hover {
    background-color: #ddd;
}.nc-backTop-recket{
    position:fixed;
    bottom:10%;
    right:10%;
    display:none;
}
.nc-backTop-recket:hover{
    cursor:pointer;
    transform: translateY(5px);
    transition: transform .2s;
}

.nc-backTop-recket:hover div:not(.body-mark),
.nc-backTop-recket:hover .rocket-body:before {
//box-shadow:1px -1px 1px 1px #8c8c8c,-1px -1px 1px 1px #8c8c8c;
}
.nc-backTop-recket .rocket-body{
    height:40px;
    width:30px;
    background:#ccc;
    position:relative;
}
.nc-backTop-recket .rocket-body:before{
    content:"";
    height:30px;
    width:30px;
    display:inline-block;
    background:#0066ff;
    position:absolute;
    top:-30px;
    border-radius:15px 15px 0 0/30px 30px 0 0;
}
.nc-backTop-recket .rocket-body .body-mark{
    height:16px;
    width:16px;
    display:inline-block;
    background:#ffff00;
    border:solid 2px #666600;
    border-radius:50%;
    position:absolute;
    top:10px;
    left:5px;
}
.nc-backTop-recket:hover .rocket-body .body-mark{
    background:linear-gradient(45deg,#208000,#79ff4d);
}
.nc-backTop-recket .rocket-body:after{
    content:"";
    height:16px;
    width:12px;
    display:inline-block;
    border-radius:50%;
    background:radial-gradient(#ffb366,#e67300);
    position:absolute;
    bottom:-25px;
    left:9px;
    box-shadow: -1px -2px 5px 6px #ff4d4d,1px 2px 5px 6px #ff4d4d;
}
.nc-backTop-recket .rocket-left{
    height:30px;
    width:16px;
    display:inline-block;
    background:#6600ff;
    position:absolute;
    top:20px;
    left:-16px;
    border-radius:16px 0 16px 0 / 30px 0 10px 0;
}
.nc-backTop-recket .rocket-right{
    height:30px;
    width:16px;
    display:inline-block;
    background:#6600ff;
    position:absolute;
    top:20px;
    right:-16px;
    border-radius:0 16px 0 16px/0 30px 0 10px;
}.nc-stepcontainer{
    width:90%;
    margin:auto;
}
.nc-steps {
    width:100%;
    display:flex;
    flex-grow: 1;
    margin-top:30px;
}
.nc-steps-bottom-lines{
    border-bottom:solid 3px  #bfbfbf;
}
.nc-steps-bottom-lines .nc-step {
    display:inline-block;
    width:20%;
    word-break:break-all;
    font-size:12px;
    padding-bottom:15px;
}
.nc-steps .nc-step:before{
    display:inline-block;
    height:20px;
    width:20px;
    border:solid 1px #a6a6a6;
    border-radius:50%;
    margin-right:8px;
    line-height:20px;
    background:#a6a6a6;
    color:#fff;
    font-size:14px;
    text-align:center;
}
.nc-steps .nc-step.actived:before{
    content:"\2714";
    background:#fff;
    color:#1a75ff;
    border-color:#1a75ff;
}
.nc-steps .nc-step.active:before{
    background:#1a75ff;
    border-color:#1a75ff;
}
.nc-steps-bottom-lines .nc-step.active{
    border-bottom:solid #1a75ff 3px;
    color:#1a75ff;
    margin-bottom:-3px;
}
.nc-steps-middle-lines .nc-step {
    display:inline-block;
    width:20%;
    word-break:break-all;
    font-size:12px;
    position:relative;
    padding-bottom:15px;
    text-align:center;
}
.nc-steps-middle-lines .nc-step:before{
    position:absolute;
    left:45%;
    bottom:-10px;
}
.nc-steps-middle-lines .nc-step:not(:last-child):after{
    content:"";
    display:inline-block;
    height:2px;
    width:calc(100% - 20px);
    background:#a6a6a6;
    position:absolute;
    bottom:0%;
    left:calc(45% + 22px);
}
.nc-steps-middle-lines .nc-step.actived:before{
    content:"\2714";
    background:#fff;
    color:#1a75ff;
    border-color:#1a75ff;
}
.nc-steps-middle-lines .nc-step.actived:after{
    background:#1a75ff;
}
.nc-steps-middle-lines .nc-step.active:before{
    background:#1a75ff;
    border-color:#1a75ff;
}
.nc-steps-middle-lines .nc-step.active{
    color:#1a75ff;
}
.step_demo_content{
    border:solid 0px;
    clear:both;
    height:120px;
    padding:20px;
    margin:auto;
    width:100%;
}*,*::after,*::before {
    box-sizing: content-box;
}

button {
    cursor:pointer;
    margin: 5px;
}
button.normal{
    height:42px;
    width:120px;
    border-radius:4px;
    border:none;
    background:#1aa3ff;
    color:#fff;
}
.buttons button{
    height:36px;
    width:100px;
    border-radius:4px;
    border:solid 1px #1aa3ff;
    margin-left:5px;
    margin-right:5px;
}
button.confirm{
    background:#1aa3ff;
    color:#fff;
}
button.confirm:hover{
    background:#006bb3;
}
button.disabled{
    opacity: 0.6;
    cursor: not-allowed;
}
button.cancel{
    background:#fff;
    color:#666;
    border:solid 1px #666;
}
button.cancel:hover{
    border-color:#1aa3ff;
}
button.delete{
    background:#ff1a1a;
    color:#fff;
    border-color:#ff1a1a;
}
button.delete:hover{
    background:#990000;
    border-color:#990000;
}
.form-group{
    text-align:left;
    height:30px;
    align-items:center;
    margin-bottom:20px;
    display:flex;
    max-width: 100%;
}
.form-group label{
    width:60px;
    text-align:center;
    height:100%;
    font-size:12px;
    display:inline-flex;
    justify-content:flex-end;
    align-items:center;
    margin-right:5px;
}
.form-group label:after{
    content:":"
}
.form-group .group-right{
    height:100%;
    font-size:14px;
    display:inline-block;
    width: calc(100% - 60px);
}
.form-group .group-right  input{
    height:100%;
    width:100%;
    font-size:14px;
    border:solid 1px  #999999;
    border-radius:4px;
    box-shadow:none;
}
.form-group .group-right input:focus{
    border-color:#0039e6;
}
.nc-select-dropdown{
    margin:20px;
    position:relative;
    width:420px;
    min-width:100px;
    max-width: 100%;
}
.nc-select-dropdown.disable{
    cursor:not-allowed;
}
.nc-select-dropdown.disable input{
    background:#e6e6e6;
    opacity: 0.6;
    cursor:not-allowed;
}
.nc-select-dropdown:not(.disable) input{
    cursor:pointer;
}
.nc-select-dropdown.disable:hover input{
    border-color:#808080;
}
.nc-select-dropdown input{
    display:inline-block;
    height:36px;
    width:100%;
    border:solid 1px #808080;
    border-radius:4px;
    margin:0;
    padding:0;
    font-size:14px;
}
.nc-select-dropdown:after{
    content:"";
    display:inline-block;
    border:solid 8px;
    border-color: #808080 transparent transparent transparent;
    position:absolute;
    right:10px;
    top:50%;
    transform: translateY(-2px);
}
.nc-select-dropdown .nc-dropdown-content{
    display:none;
    width:100%;
    height:120px;
    margin-top:5px;
    border:solid 1px #808080;
    border-radius:4px;
    position:absolute;
    top:100%;
    left:0;
    font-size:12px;
    overflow-y:auto;
    cursor:pointer;
    box-sizing:border-box;
    z-index:1;
    background:#fff;
}
.nc-select-dropdown .nc-dropdown-content span{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:10px;
    box-sizing:border-box;
}
.nc-select-dropdown .nc-dropdown-content span:hover{
    background:#ccc;
}
.nc-select-dropdown:hover input{
    border-color:#1a53ff;
}

.weiba{
    height:500px;
}