@import "~@less/mixin.less"; .container { height: 100%; // background-color: @ipt-wrap-color; position: relative; .left { position: absolute; top: 0; left: 0; width: 762px; height: 100%; border-right: 1px solid #D8D8D8; } .right { position: absolute; right: 0; top: 0; width: 238px; height: 100%; } .modalTop { height: 46px; line-height: 46px; background-color: @ipt-bg-color; padding: 0 20px; } .items { .search { font-size: 12px; float: right; height: 26px; line-height: 24px; border: 1px solid #9C9C9C; border-radius: 4px; padding: 0 11px; margin-top: 10px; cursor: pointer; } .search:hover { background-color: @blue; border: 1px solid @blue; color: #fff; } .pubLi { float: left; margin-right: 5px; position: relative; span { font-size: 12px; } input { background-color: #faf8f8; font-size: 12px; height: 26px; line-height: 26px; padding: 0 3px; box-sizing: border-box; } } .code{ input { width: 74px; } } .name { input { width: 42px; } } .sex { input { width: 28px; } } .age { input { width: 28px; } } .time { .timeIpts{ height: 26px; line-height: 26px; display: inline-block; background-color: #fff; } input.ipt { width: 126px; text-align: center; } input { cursor: pointer; background-color: #fff; } } } .modalRightT{ height: 46px; line-height: 46px; background-color: #F0F0F0; padding: 0 20px; position: absolute; width: 100%; span.tip { font-size: 12px; float: left; } span.btnS { font-size: 12px; float: right; width: 64px; height: 26px; line-height: 26px; margin-top: 10px; color: #fff; text-align: center; border-radius: 4px; background-color: @blue; cursor: pointer; } } .modalRightB{ padding: 20px; margin-bottom: 20px; overflow: auto; position: absolute; top: 46px; height: 100%; width: 100%; .title { font-size: 14px; padding-bottom: 6px; } .partLis { width: 100%; padding: 10px; margin-bottom: 20px; background-color: #E9F5FA; li { padding: 5px 0; } p { line-height: 22px; } .itemName { line-height: 22px; } } } .modalTable { .tablePubP { td.fst { width: 70px; max-width: 70px; } td.sec { width: 100px; max-width: 100px; } td.trd { width: 95px; max-width: 95px; } td.four { width: 80px; max-width: 80px; } td.fif { width: 48px; max-width: 48px; } td.six { width: 70px; max-width: 70px; } td.sev { width: 80px; max-width: 80px; } td.egt { width: 100px; max-width: 100px; } td.nig { width: 17px; max-width: 17px; } } .parentTable { height: 326px; overflow-y: auto; overflow-x: hidden; tr { cursor: pointer; } } .parentTables { height: 86px; overflow-y: auto; overflow-x: hidden; } .SonTable { .check { width: 20px; height: 20px; position: relative; top: 5px; } td.fst { width: 72px; max-width: 72px; cursor: pointer; } td.sec { width: 100px; max-width: 100px; } td.trd { width: 95px; max-width: 95px; } td.four { width: 100px; max-width: 100px; } td.sev { width: 17px; max-width: 17px; } } .sonTitle { height: 46px; line-height: 46px; background-color: #F0F0F0; padding: 0 20px; .btn { font-size: 12px; float: right; height: 26px; line-height: 24px; border: 1px solid #9C9C9C; border-radius: 4px; padding: 0 11px; margin-top: 10px; cursor: pointer; &:hover { background-color: @blue; border: 1px solid @blue; color: #fff; } } } table { tr { height: 24px; line-height: 24px; text-align: center; border-collapse: collapse; td { // overflow: hidden; // text-overflow: ellipsis; // white-space: nowrap; border: 1px solid #E7EAEB; padding: 8px 5px; box-sizing: border-box; vertical-align: middle; } } .head { background-color: #EAF7FA; } } } }