@charset "utf-8";/* CSS Document */
@import url('../../../../default/assets/css/base.css');

html,body{background:#FFF;}
.topbar button{width:96px;}
button.loading-spin::after{width:13px;height:13px;border:2px solid #999999;border-top-color:transparent;}
.table-hover-row{background-color:#ebebeb !important;transition:background-color 0s ease;}
.page-overlay{width:100%;height:100%;position:fixed;z-index:999999;top:0;left:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;}
    .page-overlay .loading-spin::after{width:26px;height:26px;border:3px solid #FFF;border-top-color:transparent;}

.custom-tooltip{position:absolute;background-color: #333;color: #fff;padding: 6px 10px;border-radius: 6px;
font-size: 14px;max-width:399px;white-space: normal;overflow: hidden;text-overflow: unset;pointer-events: none;z-index: 1000;display: none;}

.accbec-nav-main{font-family: 'Courier New', Courier, monospace;font-size:13.9px;}

/* accbec-files */
.accbec-files{padding-bottom:16px;}
    .files-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;}

    .accbec-files .img-list{width:49%;border:1px solid #ebebeb;border-radius:6px;background:#f6f6f6;box-sizing: border-box;}
        
        .accbec-files .topbar .tip{width:16px;height:16px;font-size:12px;line-height:16px;border-radius:10px;text-align: center;background:orange;color:#FFF;cursor: pointer;margin:8px 0 0 6px;float:left;}
        .accbec-files .topbar .files-count{display:inline;} 
            .accbec-files .topbar .files-count div{display:inline;}
            .accbec-files .topbar .files-count .loading-spin{top:2px;}
            .accbec-files .topbar .files-count .loading-spin::after{width:10px;height:10px;border:2px solid #999999;border-top-color:transparent;}

            .accbec-files .search-input{width:88px;height:25px; transition:width 0.5s ease-in-out;box-sizing: border-box;}
                .accbec-files .search-input:focus{width:188px;}

        .accbec-files .img-list ul{height:280px;overflow:auto;display:flex;flex-wrap:wrap;padding-bottom:10px;}
            .accbec-files .img-list ul .loading-spin{margin:auto;gap:6px;color:#666666;}
            .accbec-files .img-list ul .loading-spin::after{width:12px;height:12px;border:2px solid #999999;border-top-color:transparent;}
            .accbec-files .img-list .btn-upload{border: 1px solid #ccc;padding:3px 6px;border-radius:3px;background:#ebebeb;border:1px solid #888;
            margin-top:2px;cursor: pointer;}
            .accbec-files .img-list .nodata{margin:auto;}
            .accbec-files .img-list li{width:30%;border:1px solid #ebebeb;padding:6px;display:flex;align-items:center;box-sizing:border-box;margin:6px 0 0 6px;border-radius:6px;background:#FFFFFF;color:#888888;}
                .accbec-files .img-list .ul-base li{width:23%;}
                .accbec-files .img-list img{max-height:29px;margin-right:6px;}
                .accbec-files .img-list a{color:#00529B;}
            
            .accbec-files .img-list .pagination{width:100%;height:39px;box-sizing:border-box;margin-top:0;padding:6px 0;border-top:1px solid #ebebeb;}

/* @media 1200 */
@media(max-width:1200px){
    .accbec-files .img-list{width:96%;}
    .accbec-files .img-list li{width:100%;}
    .accbec-files .img-list .ul-base li{width:100%;}
}

/* accbec-text-get */
.accbec-text-get{width:100%;}
    .accbec-text-get .table-wrap{padding-bottom:10px;}
        .accbec-text-get .table-wrap table{width:100%;}
            .accbec-text-get .table-wrap th{white-space:nowrap;}
            .accbec-text-get .table-wrap .td-prompt{text-align:left;max-width:166px;}
                .accbec-text-get .table-wrap .td-prompt div{width:100%;height:20px;overflow:hidden;}
            .accbec-text-get .table-wrap .td-theme{text-align:left;}
                .accbec-text-get .table-wrap .td-theme div{width:100%;height:20px;overflow:hidden;}

    .accbec-text-get .form-create{padding-bottom:16px;}
        .form-create center.bar{padding:10px 0;color:#999999;line-height:23px;}
            .form-create center.bar b{font-size:13px;color:#363636;}
        .accbec-text-get .form-create .box-textarea{width:96%;margin: auto; display:flex;gap:10px;}
            .accbec-text-get .form-create .box-textarea .default{background:#ebebeb;}
            .accbec-text-get .form-create .box-textarea textarea{width:50%;height:200px; box-sizing:border-box;border:1px solid #ccc;padding:6px;border-radius:6px;font-size:13px;line-height:23px;background:#f6f6f6;line-height:18px;white-space:nowrap;}
            .accbec-text-get .form-create .sBox{padding:10px 0 0 0;display:flex;gap:10px;justify-content:center;align-items:center;}
                .accbec-text-get .form-create .sBox button{width:99px;height:25px;}

    .accbec-text-get .form-export{padding-bottom:16px;}
        .accbec-text-get  .form-export center.bar{padding:10px 0;color:#999999;border-bottom:1px solid #ebebeb;}
            .accbec-text-get .form-export center.bar b{font-size:13px;color:#363636;}
        .accbec-text-get .form-export .iBox{text-align:center;display: flex;gap:6px;justify-content:center;align-items: center; margin-top:16px;}
            .accbec-text-get .form-export .input1{width:66px;height:25px;}

/* accbec-text-img */
.accbec-text-img{width:100%;}
    .accbec-text-img .wrap-main{width:98%;margin:auto; display:flex;gap:10px;padding-bottom:16px;}

    .accbec-text-img .wrap-main .notes{width:500px;border:1px solid #cccccc;border-radius:6px;background:#f6f6f6;overflow:auto; margin-top:10px;}
        .accbec-text-img .wrap-main .notes .text-box{width:96%;height:660px;overflow:auto;margin:6px auto auto auto;line-height:23px;}
            .accbec-text-img .wrap-main .notes table{width:99%;margin-top:0;margin-bottom:6px;float: left;}
                .accbec-text-img .wrap-main .notes table tbody td{text-align: left;}       
            .accbec-text-img .wrap-main .notes .text-box .bar{font-size:13px;font-weight:bolder;color:orange;}

    .accbec-text-img .wrap-main form{width:500px;border: 1px solid #cccccc;border-radius:6px;background:#f6f6f6;margin-top:10px;}
        .accbec-text-img .wrap-main form .iBox{width:30%;float:left;margin-left:2%;}
            .accbec-text-img .wrap-main form .iBox .bar{font-weight:bolder;display:flex;align-items:center;gap:6px;}
                .accbec-text-img .wrap-main form .iBox .bar .tip{width:13px;height:13px;font-size:12px;line-height:12px;border-radius:10px;text-align: center;background:gray;color:#FFF;}
        .accbec-text-img .wrap-main form .iBox2{width:96%;margin: auto;}
            .accbec-text-img .wrap-main form .iBox2 .bar{font-weight:bolder;padding:10px 0 1px 0;}
        .accbec-text-img .wrap-main form textarea{height:266px;}

    .accbec-text-img .wrap-main .img-list{flex:1;border: 1px solid #cccccc;border-radius:6px;background:#f6f6f6;margin-top:10px;}
        .accbec-text-img .img-list ul{height:613px; overflow:auto;display:flex;flex-wrap:wrap;padding-bottom:10px;}
            .accbec-text-img .img-list ul .loading-spin{margin:auto;gap:6px;color:#666666;}
            .accbec-text-img .img-list ul .loading-spin::after{width:12px;height:12px;border:2px solid #999999;border-top-color:transparent;}
            .accbec-text-img .img-list .nodata{margin:auto;}
            .accbec-text-img .img-list li{width:98%;border:1px solid #ebebeb;padding:6px;display:flex;align-items:center;box-sizing:border-box;margin:6px 0 0 6px;border-radius:6px;background:#FFFFFF;color:#888888;}
                .accbec-text-img .img-list .ul-base li{width:23%;}
                .accbec-text-img .img-list img{max-width:50px;margin-right:6px;}
                .accbec-text-img .img-list a{color:#00529B;}
            .accbec-text-img .img-list .pagination{width:100%;height:auto;box-sizing:border-box;margin-top:0;padding:13px 0 0 0;border-top:1px solid #ebebeb;}
        /* 进度条 */
        .accbec-text-img .img-list .process{width:96%;height:518px;margin:auto;display:flex;align-items:center;gap:1px;padding-bottom:10px;}
             .accbec-text-img .img-list .process .ing-box{width:100%;flex:1;border:1px solid #ccc;border-radius:3px;background:#ebebeb;}
                 .accbec-text-img .img-list .process .ing{width:0%;height:6px;line-height:6px;border-radius:3px;
                    background-image:linear-gradient(to right,rgb(108,126,109),lightgreen);transition:width 0.5s ease-in-out; /* 动画效果 */}
             .accbec-text-img .img-list .process .percent{width:39px;text-align: center;}

/* @media 1200 */
@media(max-width:1200px){
    .accbec-text-img .wrap-main{display:block;width:96%;}
        .accbec-text-img .wrap-main .notes{width:100%;}
            .accbec-text-img .wrap-main .notes .text-box{height: auto;}
        .accbec-text-img .wrap-main form{width:100%}
        .accbec-text-img .wrap-main .img-list{width:100%;}
}

/* accbec-products */
.accbec-products{width:100%;}
    .accbec-products .topbar .prod-total .loading-spin::after{width:8px;height:8px;}
    .accbec-products .textarea-overlay{width:100%;height:100px; margin-top:16px;border:1px solid #ebebeb;padding:6px;border-radius:6px;box-sizing:border-box;line-height:22px;}
    .accbec-products .td-overlay img{max-height:36px;}
    .accbec-products .td-main img{max-height:39px;}
    .accbec-products .td-title{text-align:left;}
        .accbec-products .td-title div{width:100%;height:20px;overflow:hidden;}
        .accbec-products .title-ai{color:#CCCCCC;}

    .accbec-products .product-detail{padding-bottom:10px;}
        .accbec-products .product-detail .bar{font-weight:bolder;border:1px solid #ccc;box-sizing:border-box;border-radius:6px;padding:10px;background:#ebebeb;}
        .accbec-products .product-detail .cpms::after{content:"";display:block;clear:both;}
        .accbec-products .product-detail .cpms img{width:32.2%;border:1px solid #ccc;float:left;margin:10px 1% 0 0;border-radius:6px;box-sizing: border-box;}
        .accbec-products .product-detail .cpms br{display: none;}
        .accbec-products .product-detail .lbt{width:100%;height:136px;border:1px solid #cccccc;padding:6px;box-sizing:border-box;line-height: 20px;border-radius:6px;margin-top:6px;}
    
    .accbec-products .create-box .wrap{padding:0 0 10px 0;}
        .accbec-products .create-box .wrap .iBox .bar{text-align:center;padding:16px 0 16px 0;font-size:1.2rem;}

        .accbec-products .create-box .wrap .radio-box1{height:auto;border-radius:6px;padding:6px 6px 0 6px;box-sizing:border-box;font-family:Verdana, Geneva, Tahoma, sans-serif;background:#ebebeb;}
            .accbec-products .create-box .wrap .radio-box1 .cat{display:flex;padding:10px 0;border-bottom:1px solid #d6d6d6;}
                .accbec-products .create-box .wrap .radio-box1 .cat:last-child{border-bottom:0;}
            .accbec-products .create-box .wrap .radio-box1 label{display:flex;border:1px solid #cccccc;margin-right:6px;border-radius:3.9px;background:#f6f6f6;padding:3px 0 3px 6px;}
                .accbec-products .create-box .wrap .radio-box1 label input{margin:0 10px 0 2px;}
            .accbec-products .create-box .wrap .disabled{color:#999999;}
        
        .accbec-products .create-box .wrap .sBox{margin:10px 0;display:flex;justify-content:center;gap:10px;}
            .accbec-products .create-box .wrap .sBox .box{border:1px solid #999999;border-radius:3px;padding:3px 6px;background:#ebebeb;}
            .accbec-products .create-box .wrap .sBox button{width:99px;height:25px;}
        
        .accbec-products .create-box .wrap .process{width:96%;margin:auto;display:flex;align-items:center;gap:1px;}
            .accbec-products .create-box .wrap .process .ing-box{width:100%;flex:1;border:1px solid #ccc;border-radius:3px;background:#ebebeb;}
                .accbec-products .create-box .wrap .process .ing{width:0%;height:6px;line-height:6px;border-radius:3px;
                    background-image:linear-gradient(to right,rgb(108,126,109),lightgreen);transition:width 0.5s ease-in-out; /* 动画效果 */}
            .accbec-products .create-box .wrap .process .percent{width:39px;text-align: center;}

        .accbec-products .create-box .wrap .info{width:96%;margin:10px auto auto auto; text-align: center;color:#999999;line-height:22px;}

/* accbec-title-ai */
.accbec-title-ai{width:100%;}
    .accbec-title-ai .box-center{width:92%; max-width:992px; padding:0 6px 16px 6px;box-sizing: border-box;}
    .accbec-title-ai .box-center li{text-align: center;line-height:22px;}
        .accbec-title-ai .box-center li.prod{display: flex;gap:10px;justify-content: center;padding:10px 0;border-bottom:1px solid #ebebeb;}
            .accbec-title-ai .box-center li.prod div{border:1px solid #ebebeb;padding:0 10px;border-radius:6px; background:#f6f6f6;}
        .accbec-title-ai .box-center li.title{border-top:1px solid #ebebeb;padding:6px 0;}
        .accbec-title-ai .box-center li.loading{border-top:1px solid #ebebeb;padding-top:16px;}
        .accbec-title-ai .box-center li.img{padding:6px 0;}
            .accbec-title-ai .box-center li.img img{height:86px;border:1px solid #ebebeb;padding:3px;border-radius:6px;background:#f6f6f6;margin-top:3px;}
        .accbec-title-ai .box-center .loading{padding-bottom:10px;}
            .accbec-title-ai .box-center .loading-spin::after{width:13px;height:13px;border:2px solid #999999;border-top-color:transparent;}
        .accbec-title-ai .box-center .btn{padding-top:16px; border-top:1px solid #ebebeb;}
        .accbec-title-ai .box-center .btn button{width:99px;height:26px;display:block;margin: auto;}

/* accbec-prohibited */
.accbec-prohibited{width:100%;}
    .accbec-prohibited .box-op{display:flex;margin-top:10px;}
        .accbec-prohibited .box-op .textarea-box{width:30%;max-width:399px; }
            .accbec-prohibited .box-op .textarea-box textarea{width:100%; height:666px; border: 1px solid #cccccc;border-radius:6px;box-sizing: border-box;padding:6px;line-height:20px;}
        .accbec-prohibited .box-op .op-result{flex:1;height:666px;overflow:auto;border:1px solid #cccccc;border-radius:6px; margin-left:10px;box-sizing: border-box;padding:6px;}
        .accbec-prohibited .box-op .op-result li{display:flex;border-bottom:1px solid #ebebeb;padding:6px 0;}
        .accbec-prohibited .box-op .op-result li .id{width:69px;border-right:1px solid #ccc;}
        .accbec-prohibited .box-op .op-result li .title{margin-left:8px;}

/* accbec-tools */
.accbec-tools{width:100%;padding-bottom:16px;}
    .accbec-tools .tools-nav{white-space:nowrap;}
        .accbec-tools .tools-nav a{float:left;margin-left:8px;border:1px solid #888888;background:#f6f6f6;border-radius:3.9px;padding:3px 6px;margin-top:3px;text-decoration:none;color:#363636;}
             .accbec-tools .tools-nav a:hover,
             .accbec-tools .tools-nav .thisModule{background:#cccccc;}

    .accbec-tools .imgTo{ border:1px solid #ccc;margin-top:10px;border-radius:6px;}
        .accbec-tools .imgTo .upload-status{width:100%;text-align:center;border:1px solid #ccc;border-radius:6px;margin:auto;padding:6px 0;background:#ebebeb;}
            .accbec-tools .imgTo .upload-status img{max-height:96px;}
            .accbec-tools .imgTo .upload-status .loading-spin::after{width:13px;height:13px;border:2px solid #999999;border-top-color:transparent;}
        .accbec-tools .imgTo .iBox .title{padding-top:6px;}
        .accbec-tools .imgTo textarea{height:139px;}
        .accbec-tools .imgTo button{width:99px;height:25px;margin:auto;}

    .accbec-tools .getTitle{border:1px solid #ccc;margin-top:10px;border-radius:6px;}
        .accbec-tools .getTitle .info{border:1px solid #cccccc;border-radius:3.9px;background:#f6f6f6;text-align:center;line-height:23px;padding:6px 0;}
            .accbec-tools .getTitle .info b{display: block;}

        .accbec-tools .getTitle .radio-box1{width:auto;height:auto;display:flex;justify-content:center;align-items:center;border-radius:6px;padding:10px 0;box-sizing:border-box;background:#ebebeb;margin-top:6px;}
            .accbec-tools .getTitle .radio-box1 label{ display:flex;border:1px solid #cccccc;margin-right:6px;border-radius:3.9px;background:#f6f6f6;padding:3px 0 3px 8px;}
            .accbec-tools .getTitle .radio-box1 label input{margin:0 8px 0 3px;}
    
    .accbec-tools .textarea-box-zhiwen{display: flex;gap:10px;}
        .accbec-tools .textarea-box-zhiwen textarea{ width:50%;height: 166px;box-sizing: border-box;padding:6px;border: 1px solid #ccc;border-radius:6px;}
    
    .accbec-tools .overlay-rename{padding-bottom:16px;}
        .accbec-tools .overlay-rename .info{margin-top:10px;}
            .accbec-tools .overlay-rename .info .loading-spin{margin:auto;gap:6px;color:#363636;}
                .accbec-tools .overlay-rename .info .loading-spin::after{width:16px;height:16px;border:2px solid #666666;border-top-color:transparent;}      
            .accbec-tools .overlay-rename .opState .op-img{max-height:99px;}
            .accbec-tools .overlay-rename .opState .op-title{text-align:center;}

            .accbec-tools .overlay-rename .info .sBox{width:100%; border-top:1px solid #ccc;padding:10px 0 3px 0;margin-top:8px;}

            .accbec-tools .overlay-rename .info .count-imgTo{border-top:1px solid #ccc; display: flex;justify-content: center;padding:10px 0 6px 0;margin-top:6px;}
                .accbec-tools .overlay-rename .info .count-imgTo button{width:99px;height:25px;display:block; margin:0 0 0 10px;}
  