415 lines
6.8 KiB
CSS
415 lines
6.8 KiB
CSS
#root {
|
||
/* ie兼容性 */
|
||
position: relative;
|
||
min-height: 100%;
|
||
}
|
||
|
||
body {
|
||
overflow: auto !important;
|
||
}
|
||
|
||
body>.-task-title {
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
#root .search-all {
|
||
width: 219px;
|
||
}
|
||
.newContainers{
|
||
min-width: 1200px;
|
||
max-width: unset;
|
||
height: 100%;
|
||
min-height: 100%;
|
||
/* overflow: hidden; */
|
||
padding-top:70px;
|
||
padding-bottom: 128px;
|
||
}
|
||
.newHeaders{
|
||
max-width: unset;
|
||
width: 100%;
|
||
height:58px;
|
||
min-width: 1200px;
|
||
z-index: 10000;
|
||
background:#1b2440;
|
||
position: fixed;
|
||
}
|
||
.headerContent{
|
||
padding:0 30px ;
|
||
margin:0px auto;
|
||
display: flex;
|
||
align-items: center;
|
||
height: 100%;
|
||
}
|
||
.globalSpin {
|
||
max-height: 700px !important;
|
||
}
|
||
.indexHOC > .ant-spin-nested-loading {
|
||
background: #000;
|
||
height: 100%;
|
||
}
|
||
.indexHOC > .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
|
||
top: 50% !important;
|
||
}
|
||
|
||
.globalSpin .ant-spin-text {
|
||
text-shadow: none !important;
|
||
color: #fff;
|
||
}
|
||
.globalSpin .ant-spin-dot-item {
|
||
background-color: #fff;
|
||
}
|
||
/*Header START*/
|
||
.newHeader .logoimg {
|
||
margin-top: 16px;
|
||
float: left;
|
||
width: 97px;
|
||
}
|
||
|
||
.headIcon,
|
||
#header_keyword_search {
|
||
padding-top: 13px !important;
|
||
}
|
||
|
||
.search-icon {
|
||
height: 30px !important;
|
||
}
|
||
|
||
.search-icon i {
|
||
font-size: 20px;
|
||
}
|
||
|
||
#header_keyword_search i {
|
||
color: #4cacff;
|
||
}
|
||
|
||
.ant-select-selection--multiple {
|
||
padding-bottom: 0px !important;
|
||
padding-top: 3px;
|
||
}
|
||
|
||
.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,
|
||
.ant-select-selection--multiple>ul>li {
|
||
height: 25px !important;
|
||
line-height: 23px !important;
|
||
margin-bottom: 3px;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.newContainer {
|
||
background: #f5f5f5;
|
||
}
|
||
|
||
.ant-modal-title {
|
||
font-size: 16px;
|
||
font-weight: bold !important;
|
||
color: #333;
|
||
}
|
||
|
||
.ant-modal-title {
|
||
text-align: center;
|
||
}
|
||
|
||
@-moz-document url-prefix() {
|
||
.ant-radio-inner {
|
||
width: 17px !important;
|
||
height: 17px !important;
|
||
}
|
||
}
|
||
|
||
/* IE只能用padding，不能用上下居中 */
|
||
.shixunDetail_top {
|
||
display: block !important;
|
||
padding-top: 48px;
|
||
}
|
||
|
||
.totalScore {
|
||
display: block !important;
|
||
padding-top: 40px;
|
||
}
|
||
|
||
.edu-menu-panel .edu-menu-listnew:hover .careersiconfont {
|
||
color: #000 !important;
|
||
}
|
||
|
||
.newHeader {
|
||
background: #24292D !important;
|
||
height: 60px !important;
|
||
}
|
||
|
||
/*-------------------个人主页：右侧提示区域--------------------------*/
|
||
.-task-sidebar {
|
||
position: fixed;
|
||
width: 40px;
|
||
height: 180px;
|
||
right: 0;
|
||
bottom: 20px !important;
|
||
z-index: 10;
|
||
}
|
||
|
||
.-task-sidebar>div {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
box-sizing: border-box;
|
||
width: 40px;
|
||
background: #4CACFF;
|
||
color: #fff;
|
||
font-size: 20px;
|
||
text-align: center;
|
||
margin-bottom: 5px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.-task-sidebar>div i {
|
||
color: #fff;
|
||
}
|
||
|
||
.-task-sidebar>div i:hover {
|
||
color: #fff !important;
|
||
}
|
||
|
||
.gotop {
|
||
background-color: rgba(208, 207, 207, 0.5) !important;
|
||
padding: 0px !important;
|
||
}
|
||
|
||
.-task-desc {
|
||
background: #494949;
|
||
width: 90px;
|
||
line-height: 36px;
|
||
text-align: center;
|
||
position: absolute;
|
||
color: #fff;
|
||
font-size: 13px;
|
||
z-index: 999999;
|
||
opacity: 0;
|
||
}
|
||
|
||
.-task-desc div {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: -7px;
|
||
height: 13px;
|
||
}
|
||
|
||
.-task-desc div img {
|
||
float: left
|
||
}
|
||
|
||
.-task-sidebar .scan_ewm {
|
||
position: absolute !important;
|
||
right: 45px !important;
|
||
bottom: 0px !important;
|
||
background-color: #494949 !important;
|
||
-webkit-box-sizing: border-box !important;
|
||
box-sizing: border-box !important;
|
||
font-size: 14px !important;
|
||
line-height: 16px !important;
|
||
display: none;
|
||
height: 213px !important;
|
||
}
|
||
|
||
.trangle_right {
|
||
position: absolute;
|
||
right: -5px;
|
||
bottom: 15px;
|
||
width: 0;
|
||
height: 0px;
|
||
border-top: 6px solid transparent;
|
||
border-left: 5px solid #494949;
|
||
border-bottom: 6px solid transparent
|
||
}
|
||
|
||
.HeaderSearch {
|
||
margin-top: 18px;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input {
|
||
/*height:30px;*/
|
||
background: #373e3f !important;
|
||
border: 1px solid #373e3f !important;
|
||
|
||
}
|
||
|
||
.ant-input-search .ant-input-affix-wrapper {
|
||
border: transparent;
|
||
}
|
||
|
||
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
|
||
/* 比较奇怪的需求，先注释掉了，如果需要启用，麻烦增加class限制，别影响别的地方的使用 */
|
||
/* border-color: transparent; */
|
||
}
|
||
|
||
.ant-input:focus {
|
||
/*border-color: transparent;*/
|
||
border-right-width: 1px !important;
|
||
outline: 0;
|
||
-webkit-box-shadow: 0 0 0 2px transparent;
|
||
box-shadow: 0 0 0 2px transparent;
|
||
border: 1px solid #d9d9d9;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input::-webkit-input-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input:-moz-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input::-moz-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input:-ms-input-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input-suffix .anticon-search {
|
||
color: #999;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input {
|
||
color: #fff;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input-suffix {
|
||
background: transparent !important;
|
||
}
|
||
|
||
.roundedRectangles {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: -22px;
|
||
}
|
||
|
||
.HeaderSearch {
|
||
width: 325px;
|
||
/*right: 20px;*/
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search {
|
||
right: 20px;
|
||
}
|
||
|
||
.mainheighs {
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
|
||
.ml18a {
|
||
margin-left: 18%;
|
||
}
|
||
|
||
.logoimg {
|
||
float: left;
|
||
min-width: 40px;
|
||
height: 40px;
|
||
}
|
||
|
||
.headwith100b {
|
||
width: 100%;
|
||
}
|
||
|
||
.wechatcenter {
|
||
text-align: center;
|
||
}
|
||
|
||
.myrigthsiderbar {
|
||
right: 9% !important;
|
||
}
|
||
|
||
.feedbackdivcolor {
|
||
background: #33BD8C !important;
|
||
height: 49px !important;
|
||
line-height: 24px !important;
|
||
}
|
||
|
||
.xiaoshou {
|
||
cursor: pointer
|
||
}
|
||
|
||
.questiontypes {
|
||
width: 37px;
|
||
height: 17px;
|
||
font-size: 12px;
|
||
color: rgba(51, 51, 51, 1);
|
||
line-height: 17px;
|
||
cursor: pointer;
|
||
|
||
}
|
||
|
||
.questiontype {
|
||
width: 100%;
|
||
font-size: 12px;
|
||
color: #333333;
|
||
line-height: 17px;
|
||
text-align: center;
|
||
padding: 11px;
|
||
cursor: pointer;
|
||
|
||
}
|
||
|
||
.questiontypeheng {
|
||
width: 100%;
|
||
height: 1px;
|
||
background: #EEEEEE;
|
||
}
|
||
|
||
.mystask-sidebar {
|
||
right: 181px !important;
|
||
}
|
||
|
||
.mystask-sidebars {
|
||
right: 20px !important;
|
||
}
|
||
|
||
.shitikussmys {
|
||
width: 29px !important;
|
||
height: 20px !important;
|
||
background: #FF6601 !important;
|
||
border-radius: 10px !important;
|
||
position: absolute !important;
|
||
font-size: 11px !important;
|
||
color: #ffffff !important;
|
||
line-height: 20px !important;
|
||
top: -13px !important;
|
||
right: -10px !important;
|
||
}
|
||
|
||
|
||
.maxnamewidth30 {
|
||
max-width: 30px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
cursor: default;
|
||
}
|
||
|
||
.mystask-sidebarss {
|
||
right: 5px !important;
|
||
}
|
||
|
||
.simple-rate {
|
||
font-size: 16px !important;
|
||
}
|
||
|
||
.ant-rate-star:not(:last-child) {
|
||
margin-right: 2px !important;
|
||
}
|
||
|
||
.flex-container {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
margin-bottom: 4px;
|
||
align-items: center;
|
||
}
|
||
|
||
.progress-container {
|
||
flex: 1 0 0;
|
||
margin-left: 20px;
|
||
} |