.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    border-width: 1px !important;
    width: 88px;
}

.as-hedright {
    color: #455469;
    font-size: 18px;
    line-height: 50px;
    padding-right: 15px;
    position:relative;
}

    .as-hedright span {
        color: red;
    }

.as-wrap h4 {
    color: #455469;
}

.as-wrap .panel {
    background: none;
    box-shadow: none;
}

.as-wrap .panel-group .panel + .panel {
    margin-top: 10px;
}

.as-wrap .panel-default > .panel-heading {
    background-color: #fff;
}

.as-wrap .panel-collapse {
    border-top: 1px solid #ecebf1;
    background-color: #fff;
}

.as-pleft {
    margin-right: 10px;
    border:1px solid #ecebf1;
    width: -webkit-calc(100% - 600px);
    width: calc(100% - 600px);
    width: -moz-calc(100% - 600px);
    background-color:#fff;
    position:relative;
}

.np_main .tab-pane.in,.np_main .tab-pane.in .clearfix,.np_main .tab-pane.in .as-pleft,.np_main .tab-pane.in .visit-info,.tab-pane.in .nwrap{
    height:100%;
}

.np_main .tab-pane.in {
    background-color:#fff;
    padding:10px;
    min-width:1040px;
    overflow-x:auto;
    overflow-y:hidden;
}

.np_main .tab-pane.in, .fixBtn {
    top:10px;
}
.as-pright {
    width: 590px;
    padding: 0;
    background: #fff;
    height: 100%;
    overflow-y: auto;
}

.pns_wrap .ns_main{
    padding:0;
    background-color:#f0eff5;
}
.ns_wrap_two .ns_main,.ns_wrap .ns_main_img {
    padding: 10px 0 10px 15px;
    background-color:#fff;
}
.ns_main_img {
    height:100%;
}

.pns_wrap .np_aside {
    background-color:#fff;
}

.as-npbox {
    border: 1px solid #eeeeee;
    background: #fff;
    margin-bottom: 10px;
    position:relative;
}

.as-npbox .as-button-save{
    position:absolute;
    right:0;
    top:5px;
    height:auto !important;
}

.as-tit {
    padding: 10px 20px;
    border-bottom: 1px solid #ecebf1;
}

    .as-tit li {
        color: #455469;
        font-size: 18px;
        margin-right: 20px;
        padding-bottom: 2px;
        margin-bottom: -2px;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }

        .as-tit li:hover {
            border-bottom: 2px solid #62c7cb;
            color: #62c7cb;
        }

        .as-tit li.active {
            border-bottom: 2px solid #62c7cb;
            color: #62c7cb;
        }

.as-content {
    padding: 10px 20px;
}

.as-button {
    height: 30px;
}

    .as-button button {
        width: 88px;
        margin-right: 20px;
        color: #fff;
        text-align: center;
        border-width: 1px !important;
    }

        .as-button button:hover, .as-button button:focus, .as-button button:active {
            border-width: 1px !important;
        }
/*.as-tg{background-color: #ff9e04;box-shadow: 0px 2px 0px #c07c10;}
.as-yyw{background-color: #eb6877;box-shadow: 0px 2px 0px #cf3c4d;}*/
/*.as-bc {
    background-color: #4cc6cb;
    box-shadow: 0px 2px 0px #1eaab0;
}*/

.as-form li {
    margin: 20px 0px;
    color: #7a7a7a;
}

    .as-form li .as-dic {
        margin-right: 20px;
        width: 60px;
    }

    .as-form li .as-imp {
        width: 75%;
    }

.as-imp .radio {
    margin-right: 20px;
}

.as-form textarea {
    min-width: 295px;
    width: 100%;
    height: 85px;
    padding: 10px;
    resize: none;
    border-radius: 4px;
    border-color: #e1e1e1;
}

.as-npbox:last-child {
    margin-bottom: 0px;
}

.as-wrap .table > tbody > tr:first-child > td {
    border-top: none;
}

.as-pcs {
    font-size: 15px;
    color: #455469;
    font-weight: normal;
    /*padding-left: 10px;*/
}

.as-icon-pcs {
    padding-left: 35px;
    background-position-y: 1px;
}

.as-pcs img {
    margin-right: 7px;
    vertical-align: -3px;
    filter: none;
    -webkit-filter: none;
}

img {
    filter: none;
    -webkit-filter: none;
}

.as-open em {
    display: inline-block;
    background: url(../img/icon14.png) no-repeat center center;
    width: 19px;
    height: 19px;
    transform: rotate(180deg);
    transition: 0.5s;
}

.collapsed em {
    display: inline-block;
    transform: rotate(90deg);
    background: url(../img/icon14.png) no-repeat center center;
    width: 19px;
    height: 19px;
    transition: 0.5s;
}

.as-top-title {
    position:absolute;
    left:50%;
    bottom:10px;
    z-index:80;
    transform:translateX(-50%);
    width:95%;
    text-align:center;
    padding:15px 0;
    background-color:rgba(200,200,200,0.8);
    border-radius:30px;
    border:1px solid #ecebf1;
    max-width:550px;
}

.as-top-title .as-pcs {
    margin-right: 20px;
    cursor: pointer;
}

    .as-top-title .as-pcs img {
        vertical-align: -2px;
    }

    .as-top-title .as-pcs:hover {
        color:#5fbeaa;
    }

.as-img-worp {
    margin-top: 10px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100%;
    height: calc(100% - 95px);
    height: -webkit-calc(100% - 95px);
    height: -moz-calc(100% - 95px);
}

    .as-img-worp img {
        width: 100%;
    }

.as-ul-list {
    padding: 10px 30px;
    position: relative;
    border-bottom: 1px solid #ecebf1;
}

    .as-ul-list .as-ul-box {
        width: 100%;
        overflow: hidden;
    }

        .as-ul-list .as-ul-box ul {
            margin: 0 -5px;
        }

    .as-ul-list li {
        width: 100px;
        height: 70px;
        margin: 0 5px;
        border: 2px solid transparent;
        cursor: pointer;
        position: relative;
    }

        .as-ul-list li img {
            width: 100%;
            height: 100%;
        }

.as-tg:hover, .as-tg.cur {
    background-color: #c07c10;
}

.as-yyw:hover, .as-yyw.cur {
    background-color: #cf3c4d;
}

.as-bc:hover, .as-bc.cur {
    background-color: #1eaab0;
}

.as-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}

.as-next {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

.nshow {
    overflow: hidden;
    background-color: #f0eff5;
}

.nheader_set h2 {
    padding: 0px;
    background: none;
}

.ppr_info {
    position: relative;
}

    .ppr_info .nwrap, .ppr_info .nmain {
        padding: 0;
    }

    .ppr_info .nwrap {
        min-width: inherit !important;
    }

        .ppr_info .nwrap .pre_tr, .pre_trc {
            padding-left: 20px;
        }

    .ppr_info .fixBtn {
        top: -40px;
        right: 10px;
    }

.phSty {
    border-color: #5fbeaa !important;
}

.tab-pane .btn-default.pBtnSty {
    color: #fff !important;
    background-color: #5fbeaa !important;
    border: 1px solid #5fbeaa !important;
}

.phPass:before {
    content: "\f120";
    position: absolute;
    font-family: "Ionicons";
    right: 1px;
    top: 0;
    font-size: 20px;
    color: #5fbeaa;
}

.phError:before {
    content: "\f0a0";
    position: absolute;
    font-family: "Material Design Iconic Font";
    right: 1px;
    top: -2px;
    font-size: 20px;
    color: red;
}

/*.nwrap {
    height:calc(100% - 40px) !important;
    height: -webkit-calc(100% - 40px) !important;
    height: -moz-calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}*/

/*�¼���ʽ*/
/*.v-module {
    height:100%;
    overflow-y:auto;
    background-color:#fff;
}
.v-module .nav {
    background-color:#ccc;
}
.v-module .nav a {
    color:#666;
}*/
.np_aside {
    width: 150px;
    margin-right: 10px;
}

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs li {
        width: 100%;
        padding: 0 0 0 30px !important;
        margin: 0;
        border: none;
        background-position: 8px 12px;
    }

        .nav-tabs li a {
            margin: 0;
            width: 100%;
            border: none;
            font-size: 0;
            padding-left: 0;
            background-color: transparent;
            color: #455469;
        }

            .nav-tabs li a > span {
                display: inline-block;
                vertical-align: middle;
                font-size: 14px;
            }

                .nav-tabs li a > span:first-child {
                    width: 100px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    -moz-binding: url('ellipsis.xml#ellipsis');
                    overflow: hidden;
                }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: none;
        background-color: transparent;
        color: #62c7cb;
    }

    .nav-tabs > li.active {
        background-color: #eee;
    }

.np_main {
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    width: -moz-calc(100% - 160px);
}

.tab-pane .layer-conteiner .layui-layer-content, .pns_wrap .layer-conteiner .layui-layer-btn {
    width: auto;
    border: none;
}

.layer-conteiner .layui-layer-btn {
    text-align: left;
}

.layer-conteiner {
    left: auto !important;
    right: 0;
}

.layui-layer-shade {
    /*display: none;*/
}

.p-np {
    display: none;
    width: 20px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    background-color: #eee;
    color: #555;
}
.pcs_al li {
    padding:11px 10px 11px 34px;
    cursor:pointer;
}
.p_nav li {
    background-position: 13px 12px;
}

.craHisAuditor{
    min-width: 1200px;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 1279px) {
    .ns_main {
        padding: 10px;
        height: -moz-calc(100% - 28px);
        height: -webkit-calc(100% - 28px);
        height: calc(100% - 28px);
    }

    .np_aside {
        display: block;
        float: none !important;
        width: 100%;
        height: 42px !important;
        margin: 0;
        overflow: hidden;
        box-shadow: none;
        border: 1px solid rgba(0,0,0,0.1);
    }

    .craHisAuditor {
        padding-top:10px;
    }

        .np_aside h3 {
            display: none;
        }

        .np_aside .pUls {
            width: -webkit-calc(100% - 40px);
            width: calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            height: 50px !important;
            display: block;
            float: left;
            overflow: hidden;
            position: relative;
        }

        .np_aside .pcs_al {
            position: absolute;
            left: 0;
            top: 1px;
        }

        .np_aside li {
            display: table-cell !important;
            float: none;
            border-right: 1px solid rgba(0,0,0,0.1);
            width: 152px !important;
            min-width: 152px !important;
            white-space:nowrap; 
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis; 
            -moz-binding:url('ellipsis.xml#ellipsis'); 
            overflow:hidden;
        }

        .np_aside li[style="display:none"],.np_aside li[style="display: none;"] {
            display: none !important;
        }

    .np_main {
        width: 100%;
        height: calc(100% - 42px) !important;
        height: -webkit-calc(100% - 42px) !important;
        height: -moz-calc(100% - 42px) !important;
    }

    .as-pright {
        height: 100%;
    }

    .p-np {
        display: block !important;
        float: left;
    }

    .tab-pane .fixBtn {
        top: 53px;
    }
    .ppr_info  .fixBtn{
        top: -40px;
    }
}

.visit-right-nothing {
    width: 100%;
    height: 100%;
    position: relative;
}

.visit-right-show {
    width: 300px;
    height: 300px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.v-rIcon {
    width: 100%;
    height: 175px;
    background: url("../img/nothing-icon.png") no-repeat center center;
}

.v-rp {
    font-size: 16px;
    color: #333333;
    line-height: 50px;
}
.as-hedBor:before {
    content:'';
    position:absolute;
    right:0;
    top:12px;
    width:2px;
    height:25px;
    background-color:#dddddd;
}

.as-tiTright {
    padding-left:15px;
    font-size:14px;
    letter-spacing:1px;
}
.as-tiTright a {
    color:inherit;
    text-decoration:none;
}
.as-tiTright span {
    color:#5d9cec;
}
.as-tiTright .md-collections {
    font-size:20px;
    margin-right:5px;
    color:#5d9cec;
}
.allcaImg {
    width:165px;
    height:180px;
    padding:18px 18px 0 18px;
    margin-bottom:15px;
    cursor:pointer;
    position:relative;
    border-color:#f8f6f2;
}
.allcaImg + .allcaImg {
    margin-left:15px;    
}
.allcaImg img {
    width:100%;
    height:120px;
}
.allcaImg p {
    line-height:40px; 
    text-align:center;  
    font-size:14px; 
    color:#666666;
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    -moz-binding:url('ellipsis.xml#ellipsis'); 
    overflow:hidden;
}
.allcaImg .quImg_sel{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.4);
    opacity:0;
    -webkit-transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -ms-transition:opacity .3s linear;
    -o-transition:opacity .3s linear;
    transition:opacity .3s linear;
}
.allcaImg .qsel_d{
    display: inline-block;
    width: 50%;
    margin-top: 65px;
}
.qsel_dmax {
    margin-left:40px;
    text-align:center !important;
}
.qsel_d .move-module{
    background:url(../img/move-p.png) no-repeat center center;
}
.allcaImg .qsel_d:first-child{
    text-align: right;
    padding-right: 11px;
}
.allcaImg .qsel_d:last-child{
    text-align: left;
    padding-left: 11px;
}
.allcaImg .qsel_d i {
    font-size: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 0;
    display:inline-block;
    color: #5d9eed;
}
.allcaImg .qsel_d i.icon-delete{
    font-size: 20px;
    color: red;
}
.allcaImg .qsel_d i.icon-folder {
        
}
.allcaImg .qsel_d i.icon-lishirenwu{
    font-size: 22px;
}
.allcaImg:hover .quImg_sel{
    opacity: 1;
}
.allocationMoudle {
    width:752px;
    border:1px solid #f8f6f2;
}
.allocationLeft {
    width:500px;
    height:400px;
	position:relative;
    padding:20px 20px 20px 30px;
}
.allocationLeft .as-top-title {
    /* margin:0 -20px; */
	width:92%;
	padding:5px 0;
}
.allocationLeft .as-top-title .as-pcs[onclick^="VisitQp"]{
	display:none;
}
.allocationLeft .as-img-worp{
    width:100%;
    height:320px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-top:20px;
    margin-bottom:0;
}
.allocationRight {
    width:250px;
    height:400px;
    overflow-y:auto;
    border-left:1px solid #f8f6f2;
    color:#333333;
}
.allocationRight h3 {
    line-height:45px; 
    padding:0 25px 0 50px; 
    font-size:16px;  
    border-bottom:1px solid #f8f6f2;
    background:url(../img/module-open.png) no-repeat left 15px center;
}
.allocationRight li {
    line-height:45px; 
    font-size:14px;  
    padding:0 25px 0 90px; 
    cursor:pointer;
    position:relative;
    background:url(../img/module-move.png) no-repeat left 60px center;
    white-space:nowrap; 
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; 
    -moz-binding:url('ellipsis.xml#ellipsis'); 
    overflow:hidden;

}
.allocationRight li i {
    color:#54d09f;
    font-size:20px;
    position:absolute;
    left:23px;
    font-weight:bold;
    top:0;
    display:none;
}
.allocationRight li:hover {
    background-color:#f8f6f2;
}
.allocationRight li.allocationSel {
    background-color:#f8f6f2;
}
.allocationRight li.allocationSel i {
    display:block;
}
.popupModuleLayer .layui-layer-title{
    text-align:center;
    color:#b5acac;
    padding-right:20px;
    padding:0 80px;
    background-color:#fff;
}
.imgupload .btn-primary{
    width:auto;
}
.layer-saveShow .as-form{
    padding:0 20px;
}
.history-wrap {
    height:500px;
    position:relative;
}
.history-nothing {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}
.history-nothing p {
    color:#b9b9b9;    
    font-size:20px;
    font-weight:bold;
    letter-spacing:2px;
    line-height:2;
}
.imgNumber {
    position:absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    right: 0;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 0 8px;
    z-index: 50;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hasImgWrap {
    height:100%;
}
.imgInfoBody {
    height:100%;
    overflow:hidden;
}
.as-pleft {
    height:100%;
}
.imgInfoBody .fixBtn{
    top:5px;
}
.noImgWrap .as-pleft{
    display:none;
}
.noImgWrap .as-pright {
    width:100%;
}
.noImgWrap .as-npbox {
    border-bottom:none;
}
.addImgLi {
    background:url(../img/imgup2.png) no-repeat center center;
    background-size:100% 100%;
}
.btn-img_up .file-input {
    display:none;
}