/* 弹层样式 */ .need-pop,.anc-pop,.history-pop,.countermark-pop,.relate-sure-pop{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } .need-pop-con{ background: #fff; width: 510px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .need-pop-top{ line-height: 30px; font-size: 20px; font-weight: bold; padding: 6px 12px; } .npt-close{ font-size: 30px; cursor: pointer; line-height: 28px; } .need-pop-list{ margin: 10px 0; line-height: 30px; } .need-pop-menu{ width: 110px; text-align: right; margin-right: 4px; } .need-pop-menu b{ color: red; font-weight: bold; } .gray-bg{ background: #F0F0F0; } .need-pop-detail{ width: 370px; line-height: 26px; } .need-pop-detail input,.need-pop-detail textarea{ border: 1px solid #ccc; width: 100%; resize: none; } .need-pop-detail input{ height: 26px; } .prev-class{ position: relative; } .inp-text { position: relative; text-indent: 10px; width: 100%; height: 100%; line-height: 30px; border: 1px solid #D8D8D8; cursor: pointer; } .select-con { display: none; border: 1px solid #ccc; border-top: none; position: absolute; background: #fff; z-index: 10; width: 100%; text-indent: 10px; line-height: 28px; } .select-con li { list-style: none; } .select-con li:hover{background: #619aff;color: #fff;cursor: pointer;} .inp-text:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #676767; position: absolute; right: 10px; bottom: 12px; } .list-half{ width: 49%; } .list-half .need-pop-detail{ width: 120px; } .need-pop-sub{ display: block; margin: 20px auto 30px; color: #fff; background: #2977ff; padding: 2px 24px; border: none; border-radius: 4px; cursor: pointer; } .gray-font{ color: rgb(153, 153, 153); } .need-warn-con{ font-size: 12px; padding-left: 20px; } .add-file{ cursor: pointer; font-size: 14px; } .vtm{ vertical-align: middle; } .upload-icon{ height: 20px; vertical-align: middle; } /* 回复样式 */ .title-detail{ background: #EFF5FB; padding: 20px; margin: 20px 30px; color: #000; } .title-msg{ font-weight: bold; margin-bottom: 10px; } .tar{ text-align: right; } .flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .flex-one{ -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; } .flex-two{ -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; -o-flex: 2; flex: 2; } .flex-three{ -webkit-flex: 3; -moz-flex: 3; -ms-flex: 3; -o-flex: 3; flex: 3; } .great-num{ margin-left: 10px; } .need-list{ border-bottom: 1px solid #ccc; padding: 4px; line-height: 22px; min-height: 44px; } .need-list:last-child{ border: none; } .need-detail{ margin: 0 30px 20px; } .need-list-menu{ width: 110px; align-self: center; } .need-list-main{ align-self: center; } .download-file{ color: #2977ff; cursor: pointer; } .great-opt-con{ width: 80px; text-align: right; cursor: pointer; } .title-msg-con{ position: relative; padding-right: 16px; margin-left: 8px; } .title-msg-con:after{ content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #676767; position: absolute; right: 0px; top: 8px; } .need-list-top{ margin-bottom: 10px; } .great-list-name{ display: inline-block; overflow: hidden; width: 36px; height: 36px; background: #2977ff; color: #fff; border-radius: 50%; font-size: 12px; text-align: center; line-height: 36px; margin: 6px 6px 0 0; } .menu-icon{ width: 18px; height: auto; } .message-name{ font-size: 16px; font-weight: bold; margin-right: 20px; } .message-list{ margin-bottom: 12px; } .message-inp{ width: 100%; padding: 10px; } .reply-btn{ color: #fff; background: #2977ff; padding: 2px 24px; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; } .great-hook.hide{ display: none; } /* menu */ .banner-menu{ /*font-size: 0;*/ } .banner-menu .menu-msg{ display: inline-block; font-size: 14px; padding: 4px 22px; cursor: pointer; } .banner-menu .menu-msg.selected{ border-bottom: 3px solid #2977ff; } /* 开发计划 */ .layout-margin{ margin: 10px 30px; } .time-sel select{ width: 90px; margin-right: 20px; } .back-href{ cursor: pointer; color: #2977ff; } .develop-plan-top{ background: #EFF5FB; padding: 10px; line-height: 24px; } .develop-plan-status { } .dps-list{ display: inline-block; margin: 0 6px; cursor: pointer; } .dps-list.selected{ color: rgba(52, 167, 255, 0.988235294117647); } .end-date{ cursor: pointer; margin-right: 36px; } .end-date b.up{ color: #2977ff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #676767; position: relative; top: -16px; left: 5px; } .end-date b.up.selected{ color: #2977ff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2977ff; } .end-date b.down{ color: #2977ff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #676767; position: relative; top: 16px; left: -5px; } .end-date b.down.selected{ color: #2977ff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2977ff; } .propose-man{ height: 24px; border-radius: 12px; border: 1px solid #ccc; text-align: center; width: 140px; margin-right: 20px; } .search-propose-man{ background: #2977ff; color: #fff; width: 80px; height: 24px; text-align: center; border-radius: 4px; border: none; cursor: pointer; margin-right: 10px; } .tac{ text-align: center; } .title-menu-msg{ font-size: 16px; line-height: 30px; border-bottom: 1px solid #ccc; } .gray-bg{ background: #F2F2F2; } .first-level-plan{ position: relative; } .first-level-plan:before{ content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #676767; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .plan-detail{ padding: 10px 10px 10px 26px; align-self: center; cursor: pointer; } .plan-charact{ display: inline-block; vertical-align: middle; } .plan-charact span{ display: inline-block; } .need-source,.need-propose{ margin-right: 12px; } .end-date-detail{ border: 1px solid #ccc; padding: 0 14px; } .fw{ font-weight: bold; } .plan-leader{ align-self: center; width: 60px; margin-left: 20px; color: #36A8FF; } .leading-official{ width: 60px; margin-left: 20px; } .finish-progress{ width: 140px; border: 1px solid #ccc; background: #fff; } .progress-bar{ color: #fff; background: #36A8FF; text-align: center; } .task-detail{ /* display: none; */ } .task-list{ margin-left: 40px; padding: 10px 0; position: relative; line-height: 20px; } .task-list:before{ content: ''; width: 6px; height: 6px; background: #000; border-radius: 50%; position: absolute; left: -12px; top: 50%; transform: translateY(-50%); } .stage-detail span{ display: inline-block; background: #E4E4E4; padding: 0 10px; border-radius: 10px; font-size: 12px; } .stage-msg.green{ color: #fff; background: #2977ff; } .stage-msg.orange{ color: #fff; background: #FF9900; } /* 学生账号检测 */ .layout-gap{ margin: 30px; font-size: 14px; } .anc-top{ border-bottom: 1px solid #ccc; padding: 10px 0; /*line-height: 40px;*/ } .anc-opt-btn{ align-self: center; } .anc-status-icon{ width: 85px; height: auto; margin-right: 20px; } .title-center{ align-self: center; } .anc-title{ font-size: 40px; color: #666666; font-weight: 650; } .green-font{ color:#2977ff; } .pointer{ cursor: pointer; } .anc-main-con{ padding: 16px 0; } .begain-check-btn{ background: #2977ff; color: #fff; width: 100px; line-height: 28px; text-align: center; margin: 20px 0; } .anc-status-con{ padding-left: 26px; border-left: 1px solid #999; margin-left: 14px; } .anc-status-list{ min-height: 80px; position: relative; } .anc-status-list:before{ content: ''; position: absolute; left: -39px; width: 25px; height: 25px; border-radius: 50%; background: #CCCCCC; z-index: 10; } .anc-status-list.now-status:before{ background: #FF9900; } .anc-status-list.finish-status:before{ background: url(/images/okays.png) no-repeat; background-color: #fff; } .anc-status-list.error-status:before{ background: url(/images/error.png) no-repeat; background-color: #fff; } .anc-status-list:last-child:after{ content: ''; position: absolute; left: -39px; top: 0; width: 25px; height: 100%; background: #fff; z-index: 6; } .status-charact{ margin: 6px 0; } .href-underline{ text-decoration: underline; color:#2977ff; cursor: pointer; } .gray-border-top{ border-top: 1px solid #ccc; } .anc-finish-btn{ text-align: center; width: 100px; height: 26px; line-height: 26px; color: #fff; background: #2977ff; margin-top: 20px; cursor: pointer; } .forbidden-btn{ background: #D7D7D7; color: #666; cursor: no-drop } .confirm-pop-con,.relate-sure-pop-con{ background: #fff; width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); /*padding: 10px 20px 30px;*/ } .put-need{ font-size: 16px; } .confirm-msg{ margin: 10px 0 30px; } .red-font{ color: red; } .pop-btns{ text-align: center; } .pop-btns > div{ display: inline-block; width: 80px; line-height: 26px; background: #2977ff; margin: 0 10px 20px; cursor: pointer; color: #fff; } .pop-btns .cancel-btn{ color: #666; background: #ccc; } /* 处理重名 */ .hrn-top{ border-bottom: 1px solid #ccc; line-height: 36px; } .hrn-top-title{ font-size: 20px; } .menu-list-con{ border-right: 1px solid #ccc; width: 160px; padding: 10px 10px 0 0; } .prev-menu-page,.next-menu-page{ padding: 2px; } .search-opt{ margin: 10px 0; } .search-key-value{ width: 114px; height: 24px; border: 1px solid #ccc; } .search-inp{ position: relative; display: inline-block; margin-right: 10px; } .clear-search-value{ position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: #ccc; line-height: 15px; border-radius: 50%; text-align: center; color: #fff; display: none; } .name-key-datas{ padding-right: 26px; } .name-key-list{ margin-bottom: 6px; } .handle-detail-top{ padding: 10px; } .check-btn{ background: #2977ff; color: #fff; width: 100px; line-height: 32px; text-align: center; margin-left: 30px; } .handle-detail-top > div{ align-self: center; } .handle-detail-main{ margin: 0 10px; } .handel-term-list{ margin-bottom: 10px; position: relative; } .edit-icon{ width: 22px; cursor: pointer; } .edit-self-no{ width: 164px; display: none; } .term-name{ color: #000; line-height: 26px; border-bottom: 1px solid; margin-bottom: 10px; } .term-card-detail{ position: relative; white-space: nowrap; font-size: 0; min-height: 108px; } .term-card-layout{ overflow: hidden; margin: 0 40px; width: 0; } .arrow-img{ position: absolute; top: 50%; transform: translateY(-50%); width: 24px; } .term-card-list{ width: 33.333%; line-height: 22px; display: inline-block; font-size: 14px; vertical-align: top; white-space: normal; background: #fff; } .term-card-list.moves .padding-layout{ /*transform: rotate(2deg);*/ /*box-shadow: 2px 2px 20px 0 #ccc;*/ color: #000; background: rgba(255,255,255,1); opacity: 1 !important; } .padding-layout{ border: 1px solid #ccc; padding: 20px 4px; margin: 4px; } .card-lis-data > span{ display: inline-block; word-break: break-word; } .card-list-msg{ text-align: left; } .card-list-menu{ width: 86px; text-align: right; margin-right: 4px; } .toggle-opt-btn{ margin-left: 90px; } .next-arrow,.next-arrow-pop{ right: 0; } .relative{ position: relative; } .hide-list{ display: none; } /* 历史成绩弹层 */ .history-pop-con{ background: #F2F2F2; width: 700px; position: absolute; left: 50%; top: 50%; padding: 10px 20px 20px; transform: translate(-50%,-50%); } .history-mark-table{ background: #fff; width: 100%; text-align: center; border-collapse:collapse; } .history-mark-table thead { display:block } .history-mark-table td{ width: 100px; padding: 12px 0; } .history-mark-table tr{ border-top: 1px solid #ccc; } .history-mark-table tbody{ /*width: 100%;*/ max-height: 300px; overflow-y: scroll; display: block; } .history-mark-table tbody::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); background-color: #F5F5F5; border-radius: 4px; } .history-mark-table tbody::-webkit-scrollbar{ width: 4px; background-color: #F5F5F5; } .history-mark-table tbody::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #FFF; background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#C1D9F3), to(#D0E7F3), color-stop(.6,#D0E7F3)) } .history-mark-table tbody.overHidden{ overflow: hidden; } .browse-history{ cursor: pointer; } /* 副号弹层 */ .countermark-pop{ /*display: block;*/ } .countermark-pop-con{ background: #F2F2F2; position: absolute; left: 50%; top: 50%; padding: 10px 20px 20px; transform: translate(-50%,-50%); } .countermark-datas{ width: 564px; margin: 0 60px; overflow: hidden; text-align: center; } .countermark-list-detail{ white-space: nowrap; position: relative; /*left: 0;*/ } .countermark-list{ border: 1px solid #ccc; background: #fff; width: 240px; padding: 10px; margin: 0 10px; padding-bottom: 20px; display: inline-block; box-sizing: content-box; } .relieve-relate{ /*margin-left: 90px;*/ } /*placeholder颜色*/ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #B7B7B7; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #B7B7B7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #B7B7B7; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #B7B7B7; } .relate-sure-pop{ /*display: block;*/ } .pop-sec-time{ position: fixed; width: 300px; height: 100px; line-height: 100px; text-align: center; background: rgba(0,0,0,0.6); color: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; } .card_select{width:100%;padding-left:58px;} .card_select select{width:150px;} /*导入学生*/ .i_fl{ float:left; margin-top:20px; margin-left:10px; } .term-name span{ float:right; }