/* AI Generated: 迁移自旧 style.css 的 .uusm-ui-table 基础组件样式（V2 不加载全局 style.css，pkIndex.css 原靠其兜底；前置插入使 pkIndex 自身覆写级联在后仍生效）*/
.pk * {box-sizing:content-box;}
.uusm-ui-table{position:relative;background:#fff}
.uusm-ui-table::-webkit-scrollbar{z-index:11;width:6px}
.uusm-ui-table::-webkit-scrollbar:horizontal{height:6px}
.uusm-ui-table::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#999}
.uusm-ui-table::-webkit-scrollbar-corner,.uusm-ui-table::-webkit-scrollbar-track{background:#fff}
.uusm-ui-table::-webkit-scrollbar-track-piece{background:#fff;width:6px}
.uusm-ui-table table{width:100%;border-collapse:collapse}
.uusm-ui-table thead tr{background:#f7f8fa !important}
.uusm-ui-table thead.white-hd tr{background:#fff !important;border-bottom:1px solid #eee}
.uusm-ui-table tr{height:60px}
.uusm-ui-table tr:nth-child(odd){background:#fff}
.uusm-ui-table tr:nth-child(even){background:#f7f8fa}
.uusm-ui-table td,.uusm-ui-table th{text-align:center}
.uusm-ui-table td:first-child,.uusm-ui-table th:first-child{padding-left:20px}
.uusm-ui-table td:last-child,.uusm-ui-table th:last-child{padding-right:20px}
.uusm-ui-table th{font-size:16px}
.uusm-ui-table td{font-size:14px}
/* AI Generated: 迁移自旧 style.css 的 .uusm-ui-select 基础组件样式（Select 构造函数动态生成的下拉容器 .uusm-ui-select-list 等原靠全局兜底，V2 丢失）*/
.uusm-ui-select{position:relative;height:100%;padding-left:10px;padding-right:30px;text-align:left}
.uusm-ui-select-icon{position:absolute;width:5px;height:5px;right:22px;top:35%;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.uusm-ui-select-text{height:100%;cursor:pointer}
.uusm-ui-select-list{display:none;position:absolute;left:0;right:0;padding-left:10px;padding-right:30px;background:#fff;text-align:left;border:1px solid #eee;z-index:10}
.uusm-ui-select-list li{cursor:pointer;height:30px;line-height:30px}
.uusm-ui-select-list li.active{color:#3067a9;background:#eee}
.uusm-ui-select-list li:hover{color:#3067a9;background:#eee}

.pk .productPk-container {
    margin-bottom: 30px;
    background: #fff;
    font-size: 0;
}

table{
    table-layout: fixed;
    border: 1px solid #eaeaea;
    /*border-collapse: collapse;*/
}

    table tr:nth-child(even) {
        background: #fff!important;
    }

.pk table th{
    font-size: 14px;
    width: 100px;
    border: 1px solid #eaeaea;
    font-weight:normal;
    background: hsla(0,0%,85%,.2);
}
.uusm-ui-table th:first-child{
    padding:0;
}
.pk table td{
    font-size: 16px;
    max-width: 300px;
    text-align: center;
    border: 1px solid #eaeaea;
}
.uusm-ui-table{
    width: 1120px;
    margin: 0 20px;
    margin-right: 60px;
    padding-bottom: 20px;
}

.active{
    font-weight: bold;
}

.yield-switch{
    display:flex;
    flex-direction: row;
}

.yield-switch li{
    padding: 0 16px;
    cursor: pointer;
    border-right: 1px solid rgba(0,0,0,0.2)
}

.yield-switch li:last-child{
    border: none
}

.withdraw-switch{
    display:flex;
    flex-direction: row;
}

.withdraw-switch li{
    padding: 0 16px;
    cursor: pointer;
    border-right: 1px solid rgba(0,0,0,0.2)
}

.withdraw-switch li:last-child{
    border: none
}

/*搜索框样式*/
.searchbox{
    position: Fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    min-height: 200px;
    max-height: 500px;
    background-color: #FFF;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.selectbox{
    position: Fixed;
    left: 0;
    right: -700px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    min-height: 200px;
    max-height: 500px;
    background-color: #FFF;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 14px;
}
.selectbox .title{
    font-size: 16px;
    height: 100%;
    margin: 30px 12px;
}
.pk-icon{
    margin-top:20px;
}
.searchbox .searchText{
    width: 320px;
    margin: 20px auto;
    display:flex;
    flex-direction: row;
    border-radius: 12px;
    border:1px solid #007aff;
    background: url(../../resource/img/search.png) 12px 4px no-repeat;
}
.searchbox .button{
    background: #e1322d;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-align:center;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding: 7px 56px;
    width: 160px;
}
#searchText{
    position:relative;
    width: 290px;
    height: 24px;
    font-size:14px;
    border-radius: 12px;
        font-weight: normal;
    border:none;
    padding: 0 8px;
    margin-left: 30px;
}


.alert{
    display: none;
    position: Fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    min-height: 200px;
    max-height: 300px;
    background-color: #FFF;
    z-index: 10000001;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.alert .title{
    font-size: 20px;
    margin: 10px 20px;
    font-weight: 600;
}

.alert .content{
    font-size: 18px;
    margin: 10px 20px;
}
.alert .button{
    background: #e1322d;
    border-radius: 0 2px 2px 0;
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.07);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.07);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    padding-top: 3px;
    text-align: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 140px;
    height: 30px;
    border-radius:4px;
}
.searchbox .close{
        position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.selectbox .close{
        position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.searchbox .title{
    font-size: 24px;
    font-weight: bold;
    text-align:center;
}

.searchbox table{
    border: none ;
    margin: 0 20px;
}
.searchbox table td{
    border: none ;
    text-align: left
}
.searchProduct{
    cursor:pointer;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.searchbox table th:first-child{
    width: 40px;
}
.searchbox table th{
    border: none ;
}
#productList, #selectList{
    height: 240px;
    margin: 0 50px;
}

.tips{
    margin:0 50px;
    padding: 16px 0;
    border-top: 1px solid #eaeaea;
    text-align:center;
}

.selectboxButton{
    margin-left: 8px;
}

.productLine{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 8px 0;
}

/*顶部模块样式*/
.pk .pk-header{
    position:fixed;
    top:60px; /* 直接固定在 V2 HeaderV2（60px）下方，无需滚动阈值切换 */
    height: 80px;
    width: 1200px;
    display: flex;
    flex-direction:row;
    background: #fff;
    margin-bottom:20px;
    z-index: 10;
}
/* pk-header 固定后脱离文档流，main-container 补偿其占位（80+20），避免内容被遮挡；若仍遮挡调至 140（头部60+pk-header80）*/
.main-container{
    margin-top: 100px;
}

.fixed-tab{
    position:fixed;
    top:60px; /* V2 HeaderV2 .simucommon-header 固定头部高 60px（旧 _Layout 30px）*/
    z-index: 10;
}

.fixed-selector{
    width:1200px;
    height: 50px;
    align-items:center;
    background: #fff;
    position:fixed;
    top:140px; /* 头部60 + pk-header80 = 140（旧 30+80=110）*/
    z-index: 10;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.pk #nameList{
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.pkNameBox{
    position:relative;
    flex:1;
    height: 80px;
    line-height: 40px;
    font-size: 20px;
    border: 1px solid rgba(0,0,0,0.1); 
}

.recordNum{
    position: absolute ;
    left:12px;
    bottom: 12px;
    color: #999;
    font-size: 14px;
    line-height: 12px;
}
.clearAllSelected{
    cursor: pointer;
    width: 120px;
}

.clearAllSelected img{
    width: 40px;
    height: 36px;
    margin: 10px 40px;
    margin-bottom: 5px;
}
.pkNameBox a{
    margin: 10px 12px;
        -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}
a:hover{
    color: rgba(245, 45, 45, 1);;
 }
.color-icon{
    border-radius: 2px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 4px;
}
.id_0{
    background:rgba(245, 45, 45, 1)
}
.id_1{
    background:rgba(0, 122, 255, 1)
}
.id_2{
    background:rgba(247, 160, 0, 1)
}
.id_3{
    background:rgba(137, 61, 255, 1)
}
.id_4{
    background:rgba(36, 186, 242, 1)
}

.addbox{
    flex:1;
    min-width:40px;
    background: rgba(0,122,255,.1);
    border-radius: 4px;
    text-align: center;
    line-height: 80px;
}
.small{
    flex:none;
    width:60px;
}
.addbox a{
    cursor: pointer;
}

.html2canvas{
    background: #e1322d;
    border-radius: 0 2px 2px 0;
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.07);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.07);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 70px;
    line-height: 16px;
    padding-top: 3px;
    position: absolute;
    right: -25px;
    text-align: center;
    top: 0;
    width: 25px;
}

.form-group{
    top: -4px;
}
.selectIndex{
    width: 120px;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    flex-direction: row;
}

.delete{
    position: absolute;
    content:"x";
    width: 20px;
    height: 20px;
    float: right;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
}
/*模块样式*/
.pk .container-title{
    height: 40px;
    font-size: 18px;
    margin: 0 12px;
    padding-top:12px;
    font-weight: bold;
}

.selectors{
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.dateRangeSelector{
    flex:1;
    display:flex;
    flex-direction: row;
    margin-left: 20px;
}
.dateRangeSelector li{
    width: 80px;
    text-align:center;
    cursor:pointer;
    border-radius: 2px;
}

.dateRangeSelector .active{
    background-color: #fcf5f5;
    border-radius: 2px;
    color: #e1322d;
}
.pk #withdrawEchartBox{
    width: 1160px;
    height: 400px;
}

.pk #yieldEchartBox {
    width: 1160px;
    height: 400px;
}
#pkWithdrawEchartBox {
    width: 1160px;
    height: 400px;
}
#pkEchartBox{
    width: 1160px;
    height: 400px;
}

#yearlyWithdrawEchartBox{
    width: 1160px;
    height: 400px;
}
#yearlyYieldEchartBox{
    width: 1160px;
    height: 400px;
}
#monthlyYieldEchartBox{
    width: 1160px;
    height: 400px;
}

#zhishu_select{
        width: 100px;
        font-size: 14px;
    }

#zhishu_select{
        width: 100px;
    }
    .company-container .company-tabbox .jcyj-containerbox .product-box .left-box .qushi>li .pk .uusm-ui-select-list{
        width: 100px;
    }
    .calendar-icon{
        width:16px;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 6px;
        cursor: pointer;
    }
    .select-ranges-text {
        height: 28px;
        line-height: 28px;
        text-align: left;
        padding-left: 12px;
        color: #999;
        font-size: 15px;
        font-weight: 400;
    }
    .pk .uusm-ui-select-text{
        display:inline-block;
        height: 30px;
    }
    .ranges{
        display: inline-block;
        font-size: 14px;
        width: 10px;
    }
    .pk .uusm-ui-select-list{
        padding-right: 10px;
        padding: 0;
        text-align: center;
    }
    .pk .uusm-ui-select-list{
        margin-top:30px;
        width: 100px;
    }
    .pk .uusm-ui-select-list li{
        width: 100px;
    }
     .pk .uusm-ui-select{
         width:100px;
        text-align: center;
        padding-right: 10px;
        display:flex;
        flex-direction: row;
    }
    .ranges .pk .uusm-ui-select-icon{
        display: none;
    }

table .logo{
    max-height: 42px;
    max-width: 42px;
    object-fit: contain;
}

.managerLogo{
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    border-radius: 50%;
}

.Navigation{
    background: #fff;
    -webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,.07);
    box-shadow: 0 2px 13px 0 rgba(0,0,0,.07);
    color: #000;
    font-size: 12px;
    font-weight: 500;
    left: 20px;
    line-height: 17px;
    padding: 20px 15px;
    position: absolute;
    position: fixed;
    top: 273px;
    width: 90px;
    z-index: 1;
}

.Navigation div{
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}
.Navigation div:not(:last-child){
    margin-bottom: 30px;
}
.Navigation .active{
    color: #f52d2d;
}
    
.red{
    color:#e1322d
}

.green{
    color: #094;
}

input[type="checkbox"] {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    border: none;
    top: 0;
    z-index: -1;
}
input[type="checkbox"]::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    box-sizing: border-box;
    border: 0.1rem solid #ccc;
    border-radius:50%;
    z-index: -1;
}
input[type="checkbox"]:checked::before {
    border: none;
    background: url('../img/checked-w.png') no-repeat;
    background-size: 100% 100%;
}

em{
    font-style: normal;
}
#selectList ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
      }
#selectList ::-webkit-scrollbar-button {
        display: none;
      }
#selectList ::-webkit-scrollbar-track {
        background: transparent;
      }
#selectList ::-webkit-scrollbar-track-piece {
        background-color: transparent;
      }
#selectList ::-webkit-scrollbar-thumb {
        background: rgba(144, 147, 153, 0.3);
        cursor: pointer;
        border-radius: 4px;
      }
#selectList ::-webkit-scrollbar-corner {
        display: none;
      }
#selectList ::-webkit-resizer {
        display: none;
      }
.qushi>li>div{
    position: relative;
    margin-right: 20px;
    font-size: 14px;
    color: #282828;
}

.hide{
    display:none
}

th.hide{
    display:table-cell
}

.pk .uusm-ui-select-icon{
    display:inline-block;
    margin: 7px 4px;
    position: static;
    width: 7px;
    height: 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFBAMAAAB7tOvrAAAAFVBMVEXpVAXpVAXpVAXpVAXpVAXpVAXpVAXad5rrAAAABnRSTlMB5MuJRSSGC6OyAAAAH0lEQVQI12MQS0sTYHBLS3NgYE5LZmBgUFMAEoEBDAA6KgP4MaKwDAAAAABJRU5ErkJggg==') no-repeat;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.pk .uusm-ui-select-icon .expanded{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFBAMAAAB7tOvrAAAAFVBMVEXpVAXpVAXpVAXpVAXpVAXpVAXpVAXad5rrAAAABnRSTlMB5MuJRSSGC6OyAAAAIUlEQVQI12NgCAxgYGBQU2BgYE5LZmBwS0tzYBBLSxMAACleA/gY2j4QAAAAAElFTkSuQmCC') no-repeat;
}

/* AI Generated: 迁移自旧 style.css 的共享组件样式（V2 不加载全局 style.css，pkIndex.css 原靠其兜底的 3 个共享类补回）*/
.main-wrapper{position:relative;width:1200px;margin:0 auto}
.common-empty-text{padding:30px 0;text-align:center;font-size:24px;color:#999}
.common-loading{padding:100px 0}
.common-loading .loading-text{margin:0 auto;width:164px;height:39px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAnCAMAAAC2TxMFAAAAn1BMVEUAAADb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vc3Nzb29vb29vb29vb29vb29vb29tumNurAAAANHRSTlMA+LliiwiAHw7RFpPubC/Z8+QEKHv8xp0SHEVAolgj4cHdhV1PrstyZww76bOoLJl1NVJL6SppRQAABx9JREFUWMONmIdyqzAQRcHGdEwxHYxtcO+F//+2h7SLJcpLcmcyg+DGOlqtVggBJGkh0bu5TPI9udwKozLoQ+3TXOo7er0UflAVUmnwa6rSqDj1TUeR6qpi+8HavHStJnLS5nqxodeWEC+IlI5xZtdUBDJx6eVTmFFjMRsgnj5o3ye0XV5c13XeA0gwTdofiFib19mktzcqgbQRMgk3tr3Zv3jj/EIfagqBXNHrg3AK7cZoZ+hJ81brGnS70weeTSNx/o5BoUpkcK3vCW3rO3bmI79EdoGHFKAPuTN9Ir23E3hIYYchBT1rTqLjRh8MSRLQqOrfCJogEayBOd6u0F7WrBsG+aYXIZ9DEhj9LmQG4Y3B41HFE3rz5XkCCkNxY20N5NZUjoYyu+03xv0K6K8OJCag+OFSEoxm2oVUIebLTj4C5FxgerCZGc1JoZeTXZcCmebOupCCBbnBVlkBzzZxFxJjpPExVweQ3h4XZ19bzW6y3zba9vRG9ey6shonogeJEZLYzwU4xh6kB0T5MJJ3dmdxoQPUBV5lQ7dy9q/P9WJuU7l4jbaRKnHOXF5HTuQ9HrimkHDoXbXhNyHFIrdihjl+IdIWsHIJOYwB7lomqbTyjRrUMRVISwVBdRMgJziinxtl8tKZbnLelY3ODQqff5pjASyih6PhxG5UAeMphFVjAcnsZd/Kz/NOJ2nl7qXG4oDFVemMuD5FVr+82BZB7/UqRFG6G5LanRg7jtGOcGCxIQlK6YpGZzHIC+DRD3UVFZ/dRlaPSoWvDd2aYx7EEIviOYwPR/aIEN8QUrGp9kQ0q2ytKPMCnrLYVJTldtpo0qCWvqoppyONNkwRsYZjBDJHI0ovVutFiwl2+K3TgaQ4+Ih7xf+BoZLnAsD6SZColGkxsFWPL5wZiwLXgNI8yH1lAfYFUoKOpA+QKrCQHKNkHzzMhzNsARhLUYdB5DO4J0rC1jpgJLDQ3rwb/ZyRbTnpkZZdSHBuK+o0eYybabruqpDTqa6CsUu5ZbRADIQn3pHCgxRzHBabt35xz33doQ4sTe1uJkvfg5mYLwuoRsKybJPw0R3ajvKWNwdEXa2Xp3c3Jx6RKaPLt0qLREg+Xg9K1h2DDKx5KfGQSrQ8AFS7EHWe3h83OE7QQh90GnjypC/J7opmSxriHaRSqLc8DOBEw95B2e2ZJBMVw4yg8Gn1SikVsBCUd7wDzp1rwrKKvOpQRQ3BgOz6XoXxjTjIaFPR2GQgxVrcMZAH4dc48JZLGFP30I2Qg6ucW7IHoB6mDVoVT5xd5BBZTqEhEIdqtVvkDKkjTAdh4w5yKj9WR/cqwTfa/6kaADphfjgN8gTTOftj5AhbsVJQMxLiKRPZeXiN4p+qdWo9eEJz4eRjB3cM6e/QGLd8/8GWbikQeqUhsFhOoZYqHPSmX7cQMuOXv/LyQ84tr9CvsCY/g3y4wAbznsYt179gEy1VhV6oiR6HLe3RNtXvDFICeJ+/xUSt+Lib5Byu9WA3YQgJVnpfutObHy3CtUP8XYQvZUh5B5ev7zfIL0dJE78N0jqDuakxAXft1W9tJHFfpzbkmYnFGm5a5qAEC16kIWL54BfIU249P4C+VDp2M3Z9ztETi5PxWJ+Jnol398OKgHk3Zf+I4qiQ5XqPcglXB76kKrXgzzX+P7eh9RHII25+d2zvUdn8CnUQqmMapAhgUpZttJYGMlJTEkz60N+Xj1IGcb96UMurBFIqcJKwF6xP2zv7ijotML5yOqeTfDI2oeUj11IzF276EMexyBzAysB+6TzEEDz95boo2EVguZ22Z69T0PIuYtH1j7k9dCFxNy9Cn3I22EE8jqBrRbygY5v5Qm8lvgxqugxifchZAX8ZR/ybvYiOcUjCINMgGD1HEIGE5tCNh16cToR8WsJpwwYuaOkJ+LZagDpYZDPrO8Cz9tZFzKHp+9vjgUZGMlSOvCQbzIza3z1PDz29T4PoDemOBy+Df8XssBSRRJhC6a3QAuTU3Qg7xcwquSoE7BzurKpCxiBfELIQmzynzteanfoRdNZZbviDvPITvzxYRyyrNmHp4XYlnUhXkMCM0g0HrhPlusmKfVJrXn0O5edzNqDmOXUq+kG165mJU3sKYA1YNxuXfsqV+fXeWuY9ThkeRaRgcjD0U9Kqemh4ot5OXdg+iD50RjKxHhsgmBrRsKdFhUrfy0kTdNu/hmWV7qzXfc2Y8cSoqChzvYEVhSDGrVKepA7DXZL3PyT29caSDMecgcp1Br1nB1QjMaoKv0i7VAzRUlgiK8Q40gje7ImTs0kHtl/sLur/MNqw8fPJ42uBtyDr2yoTb7lFicYJ9Ib2uBFyB+VSA72m7bLOjtEIX6KvG0567zVXUEclBerqnpizYK6Xs1f0jOqRJ076ZQo/pHxdD4eG9O526+nF/emi4XSbrX/AOJ6TVbiejGVAAAAAElFTkSuQmCC')}
.common-loading .loading-gif{display:block;margin:20px auto 0;width:220px;height:28px;background:url(../../img/loading.gif)}