#copyProjectModal .modal-body {overflow-x: hidden;} .copy-container { margin: 0; overflow: hidden; border-radius: 4px; } .copy-container { display: flex; width: 772px; overflow: hidden; } .copy-container .nav { padding: 40px 30px !important; padding-left: 0px !important; display: block; } .copy-container .tab-content { border-left: 1px solid rgba(215,219,222,1); padding-left: 30px } .copy-container .nav li { width: 184px; height:35px; line-height:35px; list-style:none; margin-bottom: 42px; position: relative; } .copy-container .nav li .line { width: 24px; height: 18px; position: absolute; top: 46px; bottom: 0; left: 5px; z-index: 1; display: block; } .copy-container .nav li:last-child .line { display: none; } .copy-container .nav li.active .line { width: 24px; height: 90px; top: 45px; left: 5px; } .copy-container .nav li a, .copy-container .nav li a:focus, .copy-container .nav li a:hover { text-decoration: none; padding: 0; border: none; background-color: #fff; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: 0; background-color: #fff; } .nav-tabs>li.active>a:before { height: 0; } .copy-container .nav li a { font-family: PingFangSC-Medium; font-size: 16px; color: #1A1F29!important; font-weight: 500; cursor: default; } .copy-container .nav li.active a { color: #0c64eb!important; } .copy-container .tab-pane { overflow: hidden; } .copy-container .number { font-style: normal; display: inline-block; min-width: 34px; max-width: 34px; height: 34px; line-height: 34px; border-radius: 50%;; text-align: center; background: #D7DBDE; color: #fff; margin-right: 12px; } .active .number { background: #007FFF; } .copy-container .tab-pane { float: right; width: 527px; background:white; overflow:hidden; } .copy-container .tab-pane .content { padding: 30px 40px 60px; } .select-box .program { width: 150px; margin-right: 10px; } .select-box .project { width: 286px; } .copy-title { font-family: MicrosoftYaHei-Bold; font-size: 16px; color: #3C4353; letter-spacing: 1.14px; font-weight: 700; margin-bottom: 16px; } .all-data { width: 447px; background: #F8F8F8; border-radius: 4px; color: rgba(60,67,83,0.60); letter-spacing: 0; padding-left: 18px; } .all-data.checked { color: #3C4353; background: rgba(0,97,244,0.04); } .all-data .icon { color: #D7DBDE; } .all-data.checked .icon { color: #0061F4; } .all-item { display: inline-block; width: 49%; padding: 9px 18px 9px 0; } .select-box { display: flex; margin-bottom: 30px; } .replace-list { display: flex; flex-wrap: wrap; } .all-data .all-item .icon-success { display: inline-block; width: 20px; height: 20px; } .basic-content .all-item { width: 100%; } .replace-list > .radio { margin: 0; padding: 0; } .replace-list .radio .replace-item { width: 215px; height: 40px; line-height: 40px; background: #FFFFFF; border-radius: 4px; padding: 0 16px; color: #3C4353; position: relative; } .replace-item .icon-project { font-size: 16px; } .replace-list .radio .replace-item input[name="projects"]:focus { border: none; outline: none; } .replace-list .radio .replace-item input[name="projects"] { width: 100%; height: 38px; border-radius: 4px; border: 1px solid rgba(215,219,222,1); padding: 0 16px; box-sizing: border-box; margin: 0; appearance:none; outline: none; position: absolute; left: 0; top: 0; } .replace-list .radio .replace-item input[name="projects"]:checked { border: 1px solid #0061F4; } .replace-list > .radio > label { padding: 0; } .replace-list .radio +.radio { margin-bottom: 10px; } .replace-list .radio:nth-child(2n) { margin-left: 16px; } #allData, #basicData { margin: 24px 0 16px; } #allData label, #basicData label { font-family: MicrosoftYaHei-Bold; font-size: 14px; color: #3C4353; font-weight: 700; padding-left: 24px; } #allData #allCheckbox, #basicData #basicCheckbox { width: 16px; height: 16px; margin-left: -24px; } .tab-pane { height: 100%; position: relative; } .tab-content .footer-btns { position: absolute; bottom: 24px; right: 40px; } .tab-content .footer-btns .btn { display: inline-block; width: 100px; height: 32px; border-radius: 4px; color: #999999; } .tab-content .footer-btns .btn + .btn { margin-left: 12px; } .copy-container .nav li .line { background: url('theme/default/images/project/default-line.png') no-repeat; background-size: 100%; } .copy-container .nav li.active .line { background: url('theme/default/images/project/active-line.png') no-repeat; background-size: 100%; } .all-data .all-item .icon-success { background: url('theme/default/images/project/default-success.png') no-repeat; background-size: contain; vertical-align: middle; } .all-data.checked .all-item .icon-success { background: url('theme/default/images/project/active-success.png') no-repeat; background-size: contain; } .tab-content .footer-btns .primary { color: #FFFFFF; }