body{line-height: normal}
.pages { background-color:#fff }
.view-main{
    background: #F2F4F5;
}

#custom-form .item-input .district-selector .district-selector-abel{
   padding: 0px;
}
#custom-form .item-input .district-selector .red-district-cell__value{
    text-align: right !important;
}

#redIdCardReadding .id-card-recognition-demo {
    margin-left:auto !important;
    margin-right:auto !important;
}

.postBodyC{
    /*overflow:auto;*/
    /*overflow: scroll;*/
    /*margin-bottom: 100px;*/
    /*padding-bottom: 100px;*/
}
.css-school-reruit-banner{height: 100px;}
.css-school-reruit-banner .swiper{width: 100%; height: 100%;}
.css-school-reruit-banner-item{height: 100%;background-repeat: no-repeat;background-position: top center;background-size: 100% auto;}
.newNavbar{
    background: #F5F5F5;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    position: relative;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.newNavbar2-inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.newNavbar .center{
    color:#000000;
    font-style:normal;
    font-weight: 500;
}

.newNavbar2{
    background: #ffffff;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.headerBox{display: inline-flex;align-items: center;}
.headerImg{
    margin: auto;
    margin-left: 5px;
    height: 26px;
}
.headerText{
    margin-left: 10px;
    padding: 2px 8px;
    border-radius: 5px;
    background-color: #e5eefe;
    color: #4e98f9;
    font-size: 14px;
    font-weight: bold;
    white-space: normal;
    min-width: 76px;
    text-align: center;
}

.logoClass{
    margin: auto;
    width: 100%;
}

.searchClass{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 55px 10px 10px;
    background-color: #fff;
}
.searchClass-L{position: absolute; top: -20px;left: 0;width: 100%;flex: 1;padding: 10px; z-index: 10;}
.searchClass-L .red-search { padding: 3px 5px; box-shadow: 0px 5px 10px 0px #ebecec; }
.searchClass-L .red-search .red-search__content { background-color: #fff; }
/*.searchClass-L input{border:none;height: 36px;border-radius: 6px;background-color: #fff; box-shadow: 0px 5px 10px 0px #ebecec; font-size: 12px;}*/
.searchClass-R{width: 70px;}
.searchClass-R button{display:inline-flex;justify-content: center;align-items: center;width: 100%;border:none;box-shadow: none;height: 36px;border-radius: 6px;background-color: #fff;outline: none;}
.searchClass-R button i{margin-right: 5px;font-size: 12px;color: #999;}
.search-list {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.search-list::-webkit-scrollbar{
    width: 0px;
    height: 0px;
    background-color:transparent;
}

.search-list li {
    border-radius: 25px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 5px;
    text-align: center;
    color: rgba(102, 102, 102, 1);
    background-color: rgb(239 238 238);
    margin-right: 7px;
    min-width: 80px;
}
.search-list i {
    vertical-align: middle;
}
.search-list li.active {
    background-color: rgba(240, 244, 255, 1);
    color: rgba(78, 138, 249, 1)
}
.condition-popup {
    border-radius: 10px;
}
.condition-popup .condition-title {
    font-size: 16px;
    text-align: center;
    color: #666;
}
.condition-popup .red-checkbox-group {
    max-height: calc(100% - 120px);
    padding: 0 15px;
    overflow: auto;
}
.condition-popup .red-checkbox {
    height: 60px;
    border-bottom: 1px solid #F5F6F7;
}
.condition-popup .toolbar-box {
    position: fixed;
    padding: 0 15px;
    bottom: 0;
    box-shadow: 0px -2px 10px 0px #dad7d7;
    background-color: #fff
}
.condition-popup .button.button-fill {
    background-color: #4E8AF9
}

.page-content{
    width: 100%;
    height: 100%;
}

.postcontent-block{
    margin: 8px 0 50px;
    color: #6d6d72;
    box-sizing: border-box;
    padding-bottom: 5px;
    background-color: #fff;
}

.postlist-block{
    margin: 0px;
}

.contentClass-box{
    padding: 10px;
}

.contentClass{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid rgba(245, 246, 247, 1);
}
.contentClass-L{ width: 100% }
.contentClass-L-h1{font-size: 16px;color: #333;font-weight: bold;}
/*.contentClass-L-h1 .dept-name, .postInfo-head-h1 .dept-name { display: none }*/
.contentClass-L-h1 .dept-name, .postInfo-head-h1 .dept-name { display: inline; font-size: 14px; color: #999; margin-left: 10px; font-weight: normal; }
.contentClass-L .dept-name { display: inline; font-size: 14px; color: #999; padding:5px 0; font-weight: normal; }
.postInfo-head .dept-name { display: inline; font-size: 14px; color: #999; padding:5px 0; font-weight: normal; }
.postInfo-head-h1 .dept-name { font-size: 16px; }
.contentClass-L-h2{margin-top: 10px;}
.contentClass-L-h2 span{position: relative;display: inline-flex;font-size: 12px;color: #999;margin-right: 20px;}
.contentClass-L-h2 span::before{content: "";position: absolute;top:3px;bottom: 3px;right: -13px;border-right: solid 1px #eee;}
.contentClass-L-h2 span:last-of-type::before{display: none;}
.contentClass-L-h2-r { width: 80px; text-align: right; margin-top: 10px; font-size: 12px; color: #999; }
.contentClass-L-h3{white-space: pre-wrap;margin-top: 10px;font-size: 12px;color: #999; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.contentClass-R{text-align: right;width: 90px;}
.list-state{position: absolute;top:13px;right: 10px;display: inline-flex;align-items: center;justify-content: center;height: 26px;padding: 0px 10px;border-radius: 30px;border:solid 1px #eee;color: #999;font-size: 14px;}
.list-state-text{color: #999;font-size: 12px;}
.contentTable{
    width: 100%;
    height: 100%;
}

.postClass{
    clear: both;
}

.postinfo{
    background: #ffffff;
    height: calc(100hv - 115px);
    overflow:auto;
    width: 100%;
}

.postinfoC{
    float:left;
}

body .loginResumeLayer{
    border-radius: 10px;
}

.loginResumeDiv{
    border-radius: 10px;
}

.postCl{
    float:left;
    width: 70px;
    height:30px;
    line-height:30px;
    overflow:hidden;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.clButton{
    width: 70px;
    height:30px;
    line-height:30px;
    border:1px solid #00BFFF;
    border-radius: 50px;
    color: #00BFFF;
    text-align: center;
}

.clButton2{
    width: 70px;
    height:30px;
    line-height:30px;
    border:1px solid #A9A9A9;
    border-radius: 50px;
    color: #A9A9A9;
    text-align: center;
}

.button-fill2 {
    color: #fff;
    background: #A9A9A9;
    border-color: transparent;
}
.button-border{
    background-color: #fff;
    border:solid 1px #4e98f9;
    color: #4e98f9;
}
.postNanme{
    font-size: 20px;
    color: #000000;
}

.postInfoC{
    margin-top: 10px;
    font-size: 14px;
    color: #A9A9A9;
}

.postInfoC .item{
    margin-left: 10px;
    margin-right: 10px;
}

.postInfoC .fitem{
    margin-left: 5px;
}

input{
    /*清除文本框默认的虚线边框*/
    outline: none;
    /*清除边框*/
    /*border: none;*/
    /*添加边框*/
    border: 1px solid #ccc;
}

.baseSetInfoDiv{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffffff;
}

.baseSetInfoTable{
    /*margin-bottom: 10px;*/
    /*padding: 10px;*/
    width: 100%;
    margin-left: 5px;
    padding-right: 5px;
}

.postInfoTable{
    width: 100%;
}

.pName{
    width: 75%;
}

.salary{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.priceC{
    font-size: 18px;
    color: red;
    font-weight: bold;
}

.postInfoTable item{
    font-size: 13px;
    color: #778899;
}

.postInfoTable .item{
    padding-left: 5px;
    padding-right: 5px;
}

.postInfoTable .item2{
    border:1px solid #A9A9A9;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.baseInfoTableDiv{
   /*padding-top: 10px;*/
}

.baseInfoTable{
    width: 100%;
}

.baseInfoTable item{
    font-size: 13px;
    color: #778899;
}

.baseInfoTable .item{
    padding-left: 5px;
    padding-right: 5px;
}

.baseInfoTable .item2{
    border:1px solid #A9A9A9;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.font16{
    font-size: 16px;
    color: #A9A9A9;
}

.font12{
    font-size: 12px;
    color: #000000;
}

.font14{
    font-size: 14px;
    color: #000000;
}

.post-info-content{
    overflow:auto;
    background-color:#F2F4F5;
}
.postInfoDivC{
    background-color:#F2F4F5;
    overflow:auto;
}

.postInfoTable{
    width: 100%;
    background-color:#FFFFFF;
    margin-bottom: 10px;
    padding: 10px;
    background: #ffffff;
    clear: both;
}

.postInfoTable2{
    width: 100%;
    background-color:#FFFFFF;
    margin-top: 10px;
    padding: 10px;
    clear: both;
    font-size: 14px;
}

.postInfoTableD{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffffff;
    padding-top: 10px;
}

.postInfoTableDl{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px;
    background-color: #ffffff;
    overflow:auto;
}

.page-content2{
    padding-top: 5px;
}
.lineC{
    width:90%;
    height:1px;
    margin:0px auto;
    padding:0px;
    background-color:#D5D5D5;
    overflow:hidden;
}

.verticalLine{
    padding-left: 5px;
    padding-right: 5px;
    color: #D5D5D5;
    height: 30%;
}

.toolbarB{
    margin: 10px;
}


.login-post{
    margin-top: 50%;
    margin-bottom: 50%;
    height: 50%;
}
.notLoginTd {
    padding-top: 40px;
    display:table-cell; vertical-align:top
}

.notLoginSpan {
    padding-left: 10px;
    font-size: 25px;
}

.notLoginImg img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.notLoginImg{
    text-align: center;
    line-height: 80px;
    margin: 20px;
}

.notLoginTip .top {
    position: absolute;
    line-height: 40px;/*为了防止ie下出现题型*/
    border-bottom: 10px solid #F2F4F5;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    left: 20px;
    top: -10px;
}
.notLoginTip {
    border-radius:8px;
    -moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;
    position: absolute;
    background: #F2F4F5;
    left: 20px;
    top: 135px;
    height: 40px;
}
.notLoginTip p{     margin: 10px; line-height:1.5; color:#000000;}


.notLoginResume .top {
    position: absolute;
    line-height: 40px;/*为了防止ie下出现题型*/
    border-bottom: 10px solid #F2F4F5;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    left: 20px;
    top: -10px;
}
.notLoginResume {
    border-radius:8px;
    -moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;
    position: absolute;
    background: #F2F4F5;
    left: 30px;
    top: 170px;
    height: 40px;
}
.notLoginResume p{     margin: 10px; line-height:1.5; color:#000000;}

.yesLoginSpan {
    padding-left: 10px;
    font-size: 30px;
}

.yesLoginImg img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.yesLoginImg{
    text-align: center;
    line-height: 80px;
    margin: 20px;
}

.yesLoginTd {
    padding-top: 10px;
    display:table-cell;
}

.yesTipTd {
    height: 20px;
    padding-left: 10px;
}

.yesLoginTip .top {
    position: absolute;
    line-height: 40px;/*为了防止ie下出现题型*/
    border-bottom: 10px solid #F2F4F5;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    left: 20px;
    top: -10px;
}
.yesLoginTip {
    border-radius:8px;
    -moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;
    position: absolute;
    background: #F2F4F5;
    left: 22px;
    top: 180px;
    height: 40px;
}
.yesLoginTip p{ padding:10px; line-height:1.5; color:#000000;}

.yesTip{
    font-size: 12px;
    color: #778899;
}

.jianjieTd{
    width: 50%;
    height: 70px;
    text-align: left;
    padding-left: 10px;
}

.postQrcodeClass{
    /*background-image:url('/RedseaPlatform/H5App/ehr/resume/images/shareBG.png');*/
    /*background-size:100% 100%;*/
    /*height: 100%;*/
    /*width: 100%;*/
}

.verticalLineCode{
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    height: 30%;
}

.qrcodeTableD{
    padding: 0px 10px;
    background-size:100% 100%;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}

.qrcodeTableDl{
    height: 120px;
}
.qrcodetd{
    padding: 5px 20px;
    font-size: 20px;
    font-weight: bold;
}
.post-Qrcode-divCss{
    height: 580px;
    width: 350px;
}

.qrcodeTable1{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding: 10px;
    clear: both;
    margin-left: 10px;
}

.qrcodeTable1 td {
    padding: 10px 10px 5px 5px;
}

.qrcodeTable2{
    width: 100%;
    /*height: 120px;*/
    /*margin-top: 10px;*/
    /*padding: 10px;*/
    clear: both;
    background: #ffffff;
}

.cspan1{
    font-size: 14px;
    color: #ffffff;
}
.cspan2{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.cspan3{
    font-size: 26px;
    font-weight: bold;
    color: #000;
}

.cdiv4 .item{
    font-size: 13px;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
}

.qrcodeTable1 .fontC{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.qrcodeFiexd{
    top: 0;
    position: fixed;
    z-index: -1;
    background: #fff;
    width: 100%;
}
.qrcodetdSpanBox span{margin: 0px 5px;}
.qrcodetdSpanBox span:first-of-type{margin-left: 0px;}

.jianjieTd1{
    width: 50%;
    height: 70px;
    text-align: right;
    padding-right: 15px;
}

.msgTipClass{
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 40px;
    z-index: 999999;
    text-align: left;
    color: red;
    display: inline-block;
    z-index: 9999999;
    margin-left: 30px;
    margin-bottom: 30px;
}

.saveClass{
    bottom: 10px;
    position: fixed;
    width: 100%;
    height: 30px;
    z-index: 999999;
    text-align: center;
}

.saveClass .buttonS{
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    border-radius: 2em;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    z-index: 9999999;
}

.shareFont{
    font-size: 12px;
    color: #666666;
}
.jianjieTd .font1{
    font-size: 18px;
}

.jianjieTd1 .font2{
    font-size: 14px;
    color: #A9A9A9;
}

.logFoot{
    width: 100%;
    position:fixed;
    left:0px;
    bottom:0;
    position:absolute;
    /*top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);*/
}
.contactC{
    padding-left: 10px;
    padding-right: 2px;
}
.setImg{
    padding-top: 30px;
    padding-bottom: 10px;
}

.setImg img{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: burlywood;
    border-radius: 50%;
}

.setImgDiv{
    margin:0 auto;
    background: #F2F4F5;
    height:140px;
    border-radius:10px;
    text-align: center;
    margin: 10px;
}

.setFont{
    margin:0 auto;
    height:20px;
    text-align: center;
    color: #000000;
}

.addResumeTip{
    margin:0 auto;
    height:20px;
    text-align: center;
    font-size: 10px;
    color: #999999;
}

.navbar-head{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.navbar-head .center{
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 44px;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    flex-shrink: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000000;
    font-size: 20px!important;
    text-align: center;
    font-size: 17px;font-weight: 600;
}

.mysumbit_buttom{
    padding:5px 15px;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    line-break: auto;
    top: 40px;
}

.tooltip .tooltip-arrow {
    bottom: 38px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
    position: relative;
    font-size: 18px;
    color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.deliver_typeClass{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.deliver_typeClass a{
    margin-left: 50px;
    margin-right: 50px;
}
.buttonClass{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    /*margin-bottom: 10px;*/
}

.rebuttonClass{
    position: fixed;
    bottom: 0px;
    left:0px;
    right: 0px;
    background: #ffffff;
    height: 65px;
}
.blick_center{
    color: #000000;
    font-size: 20px!important;
    text-align: center;font-size: 17px;font-weight: 600;
}

.content-block-title2{
    margin: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 50px;
    color: #6d6d72;
    height: 50px;
    border-bottom: 1px solid #D5D5D5;
}

.content-block-title3{display: flex;align-items: center;justify-content: space-between;padding: 0px 10px;height: 50px;border-bottom: 1px solid #eee;background-color: #fff;}
.content-block-title3-L{}
.content-block-title3-L i{color: #000;}
.content-block-title3-C{ font-size: 16px;color: #000 }
.content-block-title3-R{}
.content-block-title3-R i{color: #999;}{}


.hr-school-footer{
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    /*position: fixed;*/
    /*background: #ffffff;*/
    /*bottom: 0px;*/
}
.hr-school-footer .logo{ height:14px;}
.hr-school-head .logo{ left:0; top:32px;}
.hr-school-head .logo img{ height:25px;}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-list:before {
    content: "\e056";
}

.content-block{
    padding-top: 0px;
}

.baseinfoHeadImg{
    margin: 0;
     display: inline-block;
     text-align: center !important;
     line-height: 64px !important;
     font-size: 20px !important;
     letter-spacing: 1px;
    color: #fff;
}

.content-block {
     margin: 10px;
     padding: 10px;
    color: #6d6d72;
    box-sizing: border-box;
}

.valLogcontent-block {
    /*margin: 10px;*/
    /*padding: 10px;*/
    /*color: #6d6d72;*/
    /*box-sizing: border-box;*/
    /*border-radius: 10px;*/
}

.valLogDiv{
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    border-radius: 10px;
    font-size: 14px;
}

.loginButton {
    margin-left: 10px;
    margin-right: 10px;
}

.valiLogin{
    border-radius: 10px 10px 5px 5px;
}


.col-25 {
    padding:5px;
    text-align:center;
}

.loginheader{
    padding: 5px 15px;
    display: block;
    text-align: left;
    font-weight: 600;
    border-radius: 2px 2px 0 0;
    font-size: 22px;
}
.loginheader2{
    padding: 5px 15px;
    display: block;
    text-align: left;
    font-weight: 600;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
#custom-form .dictionary-selector-abel{
    padding: 0;
    color: #000;
    font-size: 17px;
}

.nameClass{
    margin: 10px 10px -10px 10px;
    background: #EAF6FE;
    /*height: 35px;*/
    font-size: 20px;
    color: #FFA800;
    padding-left: 10px;
}

.red-popup.file-popup{
    width: 70%;
    border-radius: 10px;
    padding: 20px;
}
.red-popup.file-popup .file-title{
    margin: 0;
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
}
.red-popup.file-popup ul li{
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

.navIconColor{
    color: #999;
}
.navFlex{
    display: flex;
    align-items: center;
}

.post-list-input{}
.base-user-info{padding: 10px;}
.base-user-info-head{ position: relative; min-height: 100px;border-radius: 10px;padding: 15px;margin-bottom: 10px;background-color: #fff;}
.base-user-info-head-L{}
.base-user-info-head-L-h1{ margin-bottom: 20px; font-weight: 700; }
.base-user-info-head-L-h1 span{font-size: 24px;color: #333;}
.base-user-info-head-L-h2{margin-top: 5px;}
.base-user-info-head-L-h2-tips{display: inline-flex;position: relative;padding:8px 10px;border-radius: 10px;background-color: #f2f4f5;;}
.base-user-info-head-L-h2-tips::before{content: "\f0d8";position: absolute;top:-20px;left: 20px;font-size: 30px;color:#f2f4f5;font-family: 'FontAwesome' }
.base-user-info-head-L-h3{margin-top: 10px;font-size: 14px;color: #333;}
.base-user-info-head-L-h3 i{color: #999;margin-right: 5px;}
.base-user-info-head-R{ position: absolute; top: 15px; right: 15px; }
.base-user-info-head-R .base-user-info-head-R-img{display: inline-flex;width: 70px;height: 70px;border-radius: 50%;}
.base-user-info-head-R .base-user-info-head-R-img img{display: inline-flex;width: 70px;height: 70px;border-radius: 50%;}
.base-user-info-head-R .base-user-info-head-R-text{display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background: linear-gradient(rgb(166, 196, 253) 0%, rgb(78, 138, 249) 100%);font-size: 16px;color: #fff;}
.base-user-info-nav{}
.base-user-info-nav-item{display: flex;align-items: center;height: 80px;padding: 0px 20px;margin-bottom: 10px;border-radius: 10px;background-color: #fff;}
.base-user-info-nav-item-L{}
.base-user-info-nav-item-L img{width: 45px;height: 45px;border-radius: 50%}
.base-user-info-nav-item-R{padding-left: 15px;font-size: 16px;color: #333;}

.base-user-info-edit-btn{position: fixed;z-index: 999;left:0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;height: 60px;background-color:#fff;color:#EC4141;font-size: 16px;}
.zp-app-body .layui-layer{border-radius: 0px;}
.zp-app-recordList-body{background-color: #f2f4f5;padding: 10px;height: calc(100vh - 40px);}

.postInfo-head{padding: 20px;padding-bottom: 0px;background-color: #fff;}
.postInfo-head-h1{font-size: 22px;color:#1f2329;font-weight: bold;}
.postInfo-head-h2{margin-top: 10px;}
.postInfo-head-h2 span{position: relative;display: inline-flex;margin-right: 10px;font-size: 14px;color: #646a73;}
.postInfo-head-h2 span::before{content: "";position: absolute;top:2px;bottom: 2px;right: -6px;border-right:solid 1px #eee;}
.postInfo-head-h2 span:last-of-type::before{border-right:none;}
.postInfo-head-h3{margin-top: 15px;}
.postInfo-head-h3 span{display:inline-flex;align-items: center;justify-content: center;height: 20px;margin-right: 10px;border-radius: 5px;padding: 0px 10px;background-color: #f2f4f5;font-size: 12px;color:#555;}
.postInfo-head-h4{margin-top: 10px;margin-bottom: 10px;color: #ec4141;font-size: 24px;}

.postInfo-body{padding: 15px 0px;}
.postInfo-body-T{height: 36px;display: flex;align-items: center;font-size: 16px;color: #1f2329;font-weight: bold;}
.postInfo-body-T i{display: inline-flex;width: 2px;height: 12px;border-radius: 0px;margin-right: 5px;background-color: #3370ff;}
.postInfo-body-B{font-size: 14px;color: #646a73;line-height: 20px;margin-bottom: 20px;}

.toolbar-box{display: flex;align-items: center;height: 65px;width: 100%}
.toolbar-box-L{flex:0 0 50%;padding-right: 5px;}
.toolbar-box-L i{display: block;text-align: center;color: #999;}
.toolbar-box-L span{display: block;text-align: center;color: #999;font-size: 12px;}
.toolbar-box-L a{text-decoration: none;}
.toolbar-box-L a:hover,.toolbar-box-L a:focus{text-decoration: none;}
.toolbar-box-R{flex:0 0 50%;padding-left: 5px;}
.zp-app-banner{display: none;height: 180px;background-repeat: repeat;background-position: center center;background-size: cover;}
[data-recruitway='2'] .zp-app-banner-2{display: block}
[data-recruitway='4'] .zp-app-banner-4{display: block}
[data-recruitway='5'] .zp-app-banner-5{display: block}

.login-box{padding: 24px;}
.login-box-h1{font-size: 24px;color: #1d1e22;font-weight: bold;}
.login-box-h2{font-size: 12px;color: #70707f;margin-top: 7px;}
.login-box-T{font-size: 14px;color: #999;margin-top: 20px;}
.login-box-B{margin-top: 0px;}
.login-box-B input{font-size: 14px;width: 100%;box-sizing:border-box;display: block;border:none;border-bottom: solid 1px #eee;padding: 10px 0px;}
.login-box-btn{margin-top: 30px;}
.login-box-btn a{cursor: pointer;display: flex;align-items: center;justify-content: center;height: 50px;width: 100%;border-radius: 5px;background-color: #4e98f9;color: #fff;}
.post_list_popup{padding: 0px 10px;height: 100%;}
.post_list_popup_T{display: flex;align-items: center;height: 50px;border-bottom: solid 1px #eee;font-size: 16px;color: #333;font-weight: bold;}
.post_list_popup_scroll{height:calc(100% - 100px);overflow-y: auto;}
.post_list_popup_title{display: flex;align-items: center;padding-left: 5px;height: 50px;font-size: 16px;color: #999;}
.post_list_popup_body{}
.post_list_popup_body .red-checkbox-group{display: flex;flex-wrap: wrap;}
.post_list_popup_body .red-checkbox-group .red-checkbox{flex:0 0 calc(33.33% - 10px);margin: 0px 5px;}
.post_list_popup_body .red-checkbox-group .red-checkbox .red-checkbox__icon{display: none;}
.post_list_popup_body .red-checkbox-group .red-checkbox{display: flex;align-items: center;height: 34px;margin-bottom: 10px;border-radius: 5px;border:solid 1px #f2f4f5;background-color: #f2f4f5;font-size: 12px;}
.post_list_popup_body .red-checkbox-group .red-checkbox[aria-checked="true"]{background-color: #e5eefe;border-color: #4e98f9;color: #4e98f9;}
.post_list_popup_body .red-checkbox-group .red-checkbox[aria-checked="true"] .red-checkbox__label{color: #4e98f9;}
.post_list_popup_F{position: fixed;left:0px;right: 0px;bottom: 0px;display: flex;align-items: center;padding: 5px;border-top:solid 1px #eee;background-color: #fff;}
.post_list_popup_F_L{flex:0 0 120px;padding-right: 10px;}
.post_list_popup_F_R{flex:1;}
[v-cloak]{display: none;}

.custom-resume-info { height: calc(100% - 50px); }
.custom-resume-info .content-block { margin: 0; padding: 0 }
.custom-resume-info .content-block .card { margin: 0; }
.custom-resume-info .list-block .item-inner:after { display: none }
.custom-resume-info .list-block .item-title.label { font-size: 16px; color: #333; padding-right: 15px; }
.custom-resume-info .list-block .item-inner { padding: 15px 15px 15px 0; }
.custom-resume-info #custom-form input,
.custom-resume-info #custom-form textarea,
.custom-resume-info #custom-form [id^=upload-file-content]{ text-align: right; font-size: 16px }
.custom-resume-info #custom-form .list-block input::-ms-input-placeholder { color: #999 }
.custom-resume-info #custom-form .list-block input::-webkit-input-placeholder { color: #999 }
.custom-resume-info .dictionary-selector .red-dictionary-cell__value span { -webkit-text-fill-color: #999 }
.custom-resume-info #custom-form .red-dictionary-cell__value { text-align: right; font-size: 16px }
.custom-resume-info #saveBtn { height: 45px; line-height: 45px; border: none; font-size: 16px; color: #fff; background-color: rgba(78, 138, 249, 1); }
.required-badge { position: relative }
.required-badge:after { content: '*'; position: absolute; top: 3px; left: 5px; color: red;}
.custom-resume-info .card-content { padding-bottom: 110px; overflow-x: hidden }
.custom-resume-info .card-footer { position: fixed; bottom: 0; width: 100%; background-color: #fff; box-shadow: 0 -2px 10px 0 #cfcbcb; z-index: 10 }

.custom-resume-baseinfo .card { margin: 0 0 10px; box-shadow: unset; }
.custom-resume-baseinfo .yesLoginSpan { font-size: 24px }
.custom-resume-baseinfo .baseInfoTable item { color: #999 }
.custom-resume-baseinfo .baseInfoTableDiv { padding: 15px 10px }
.custom-resume-baseinfo .table-name { font-size: 16px; font-weight: 700 }
.custom-resume-baseinfo .separator { display: inline-block; margin: 0 10px; width: 1px; height: 12px; background-color: #E1E5EC; }
.custom-resume-baseinfo .action-btn { color: #4E8AF9FF }
.custom-resume-baseinfo .card_btn{font-size: 14px;color:#4e8af9;}
.custom-resume-baseinfo .card_btn i{margin-right: 5px;}
.custom-resume-baseinfo .icon--up,.custom-resume-baseinfo .icon--right { color: #999 }
.custom-resume-baseinfo .field-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 0 25px; font-size: 16px; color: #000; }
.custom-resume-baseinfo .field-info span { margin-bottom: 10px; }
.custom-resume-baseinfo .field-info span:nth-child(1) { color: #666 }
.custom-resume-baseinfo .card-content-inner { padding: 0; }
.custom-resume-baseinfo .card-content-inner .col-el { padding: 15px 15px 5px; box-sizing:border-box;}
.custom-resume-baseinfo .card-header:after { display: none }
.custom-resume-baseinfo .sub-table-title { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; color: #999; background-color: #f6f9fb; }
.custom-resume-baseinfo .add-wrap { padding: 15px 0; border-top: 1px solid rgba(234, 237, 241, 1); margin-top: 10px; text-align: center; }
.custom-resume-baseinfo .add-wrap i { margin-right: 5px; font-size: 14px; }
.custom-resume-baseinfo .fix-bottom { position: fixed; bottom: 0; width: 100%; padding: 15px; background-color: #fff; box-shadow: 0 -2px 10px 0 #cfcbcb; z-index: 10 }
.custom-resume-baseinfo .fix-bottom a { height: 45px; line-height: 45px; border: none; font-size: 16px; color: #fff; background-color: rgba(78, 138, 249, 1); }
.custom-resume-baseinfo.has-submit-btn { padding-bottom: 70px; }

.zp-app-body .create-resume-confirm { border-radius: 10px; width: 300px; }
.create-resume-confirm2 .layui-layer-title, .create-resume-confirm .layui-layer-title { margin-top: 20px; padding: 0; border: none; font-size: 20px; text-align: center; color: #000; font-weight: 400; }
.create-resume-confirm2 .layui-layer-content, .create-resume-confirm .layui-layer-content { color: #666; text-align: center }
.create-resume-confirm .layui-layer-btn { padding: 0 15px; margin-top: 15px; }
.create-resume-confirm .layui-layer-btn a { display: block; height: 50px; line-height: 50px; margin-bottom: 15px; border: none; font-size: 16px; border-radius: 10px; }
.create-resume-confirm .layui-layer-btn .layui-layer-btn0 { background-color: #4E8AF9; }
.create-resume-confirm .layui-layer-btn .layui-layer-btn1 { border: 1px solid #4E8AF9; border-radius: 10px; color: #4E8AF9; }
.create-resume-confirm .layui-layer-btn .layui-layer-btn2 { color: #999; font-size: 14px }

.zp-app-body .create-resume-confirm2 { border-radius: 10px; }
.create-resume-confirm2 .layui-layer-btn{ display: flex; flex-direction: row-reverse; padding: 0; }
.create-resume-confirm2 .layui-layer-btn a { margin: 0; height: 50px; line-height: 50px; flex: 1; border: none }
.create-resume-confirm2 .layui-layer-btn .layui-layer-btn0 { border-bottom-right-radius: 10px; background-color: #4E8AF9 }
.create-resume-confirm2 .layui-layer-btn .layui-layer-btn1 { border-bottom-left-radius: 10px; background-color: #F2F4F5; color: #999 }

.resumes_list{}
.resumes_list_T{font-size: 14px;color: #999;margin-bottom: 10px;margin-top: 10px;}
.resumes_list_item{cursor: pointer;display: flex;align-items: center;height: 90px;border:solid 1px #E1E5EC;border-radius: 10px;background-color: #fff;margin-bottom: 10px;}
.resumes_list_item_L{flex:0 0 50px;display: inline-flex;align-items: center;justify-content: center;}
.resumes_list_item_L i{display: inline-flex;width: 16px;height: 16px;border-radius: 50%;box-sizing: border-box;border:solid 1px #bbb;}
.resumes_list_item.active{box-shadow: 0px 5px 12px 0px rgba(0,0,0,.05);}
.resumes_list_item:hover{box-shadow: 0px 5px 12px 0px rgba(0,0,0,.05);}
.resumes_list_item.active .resumes_list_item_L i{border:solid 4px #4e98f9;}
.resumes_list_item_R{flex:1;}
.resumes_list_item_R_h1{font-size: 16px;font-weight: bold;color: #333;}
.resumes_list_item_R_h2{font-size: 14px;color: #999;margin-top: 10px;}



    /* 登录页 记住账号 */
.loginResumeDiv .list-block .item-content { padding-left: 0 }
.loginResumeDiv .list-block .item-content .icon-form-checkbox { border-radius: unset; width: 15px; height: 15px; }
.loginResumeDiv .list-block .item-inner:after { display: none }
.loginResumeDiv .list-block .item-title { color: #666 }
.loginResumeDiv .list-block label.label-checkbox:active { background-color: transparent }

/* 滑动验证码 */
.slider-verify-wrap {
    position: relative;
    width: 340px;
    margin: 0 auto;
    text-align: center;
}
.slider-verify-wrap .slider-image-bg {
    display: none;
    width: 340px;
    height: 171px;
    z-index: 299;
}
.slider-verify-wrap .slider-image {
    display: none;
    text-align: left;
    z-index: 999;
    position: absolute;
    display: block;
}
.slider-verify-wrap .slider-tip {
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 30px;
    font-size: 12px;
    color: #A9A9A9;
}
.slider-verify-wrap .loading {
    height: 120px;
    line-height: 120px;
    color: #999;
}

#screenshotPopup .layui-layer-wrap{display: flex;justify-content: center;}
#screenshotPopup .layui-layer-wrap img{border:solid 1px #eee;padding: 0px;margin: 0px;display: block;}
.layui-layer-page .layui-layer-content#screenshotPopup{overflow: visible;}
.popup_bottom_btns{position: absolute;bottom: -50px;left:0px;right: 0px;display: flex;align-items: center;justify-content: space-between;}
.popup_bottom_btns-L{flex:0 0 80px;padding-right: 10px;}
.popup_bottom_btns-L span{display: flex;align-items: center;justify-content: center;height: 40px;background-color: #fff;border-radius: 5px;border:solid 1px #fff;color: #333;}
.popup_bottom_btns-R{flex:1;}
.popup_bottom_btns-R span{display: flex;align-items: center;justify-content: center;height: 40px;background-color: #4e98f9;border-radius: 5px;border:solid 1px #4e98f9;color: #fff;}

.menu-list { padding: 0 20px; color: #666; }
.menu-list li { display: flex; justify-content: space-between; align-items: center;height: 50px; line-height: 50px; }
.menu-list li.active { color: #4E8AF9 }

.lecture-pop .pop-page-title{ background-image: url(/RedseaPlatform/jsp/recruit/schoolRecruit/img/lecture_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.collected-pop .pop-page-title{ background-image: url(/RedseaPlatform/jsp/recruit/schoolRecruit/img/collect_post_list.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.pop-page-title { color: #fff; height: 135px; line-height: 135px; font-size: 24px; padding-left: 30px; }
.lecture-list li { border-bottom: 1px solid #F5F6F7; margin-bottom: 0 }
.lecture-list .contentClass-L-h2 span { margin-bottom: 5px; }
.lecture-list .contentClass-L-h1 { font-weight: normal }
.lecture-list img { max-width: 100% }
.collect-btn[data-is-add='1'] { color: #666; border: none; background-color: #f8f9fa; }

.daiding{ color: #666 !important; border: solid 1px #dcdfe6 !important; background-color: transparent !important; }
.eliminate{border-color: #EC4141 !important;border:solid 1px !important; color: #EC4141 !important; background-color: transparent !important; }

.latest { border-top: 2px dotted #cccccc; padding-top: 15px; }
.latest-list .contentClass-L { margin-top: 10px;  background-color: #f8f9fa; padding: 15px; }
.latest-list .contentClass-L-h1 { font-weight: normal }

.share-btn { position: fixed; bottom: 110px; right: 15px; background-color: #4e8af9e6; width: 50px; height: 50px; border-radius: 50%; color: #fff; text-align: center; line-height: 56px; box-shadow: 0px 2px 4px 0px rgba(78, 138, 249, 0.5); z-index:10000 }
.share-btn i { font-size: 33px; }
.screenshotBox{z-index: 0;position: absolute;top:0px;left:0px;width: 700px;height: 1160px;background-color: #fff;}
.screenshotBox-imgbox{height: 870px;padding: 45px;box-sizing: border-box;background-repeat: no-repeat;background-size: cover;background-position: right bottom;}
.screenshotBox-imgbox-h1{}
.screenshotBox-imgbox-h1 img{width: 60px;}
.screenshotBox-imgbox-h2{padding-top: 70px;}
.screenshotBox-imgbox-h2 b{font-size: 60px;color: #000;font-weight: 700;}
.screenshotBox-imgbox-h2 span{font-size: 36px;color: #555;font-weight: 400;margin-left: 10px;}
.screenshotBox-imgbox-h3{padding-top: 15px;}
.screenshotBox-imgbox-h3 span{position: relative;;font-size:24px;color: #555;font-weight: 400;}
.screenshotBox-imgbox-h3 span::after{content: "|";padding-left: 10px;padding-right: 10px;display: inline-flex;}
.screenshotBox-imgbox-h3 span:last-of-type::after{display: none;}
.screenshotBox-imgbox .postInfo-body-T { font-size: 28px; margin: 20px 0; font-weight: normal }
.screenshotBox-imgbox .postInfo-body-B { font-size: 25px; line-height: 1.5;overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis;display: -webkit-box;
    -webkit-box-orient: vertical;word-break: break-all; }
.screenshotBox-textbox{display: flex;align-items: center;justify-content: space-between;padding:40px 40px;}
.screenshotBox-textbox-L{flex:1;}
.screenshotBox-textbox-L-h1{font-size: 38px;color: #000;font-weight: 700;}
.screenshotBox-textbox-L-h2{font-size: 24px;color: #999;font-weight: 400;padding-left: 5px;}
.screenshotBox-textbox-R{position: relative;flex:0 0 200px;display: flex;justify-content: flex-end;width: 200px;height: 200px;}

.screenshotPopup-logo{z-index: 9;position: absolute;top:0px;left:0px;bottom: 0px;right: 0px;display: flex;align-items: center;justify-content: center;}
.screenshotPopup-logo img{width: 40px;height: 40px;}

.screenshotPopup{align-items: center;display: none;flex-direction: column;justify-content: center;position: fixed;z-index: 9999;top:0px;bottom: 0px;left:0px;right: 0px;background-color: rgba(0,0,0,.5)}
.screenshotPopup-img{width: 350px;}
.screenshotPopup-box{width: 350px;}
.screenshotPopup-img img{width: 100%;background-color: #fff;}
.screenshotPopup-btn{padding-top: 5px;position: relative;z-index: 9999}
.screenshotPopup-btn span{display: flex;align-items: center;justify-content: center;height: 50px;background-color: #fff;border-radius: 5px;font-size: 14px;color: #555;cursor: pointer;}


@font-face {
    font-family: 'logoTitle';
    src: url('/RedseaPlatform/jsp/recruit/schoolRecruit/css/logo-title.ttf');
    font-weight: normal;
    font-style: normal;
}
.common-logo {
    width: 25px;
    height: 25px;
    margin: 0 7px;
}
.channel-name {
    font-family: logoTitle;
    color: #0053ff;
    font-size: 16px;
    white-space: nowrap;
}

.popup-login {
    padding: 35px 40px;
}
.popup-login .form-title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}
.popup-login .form-item {
    margin-bottom: 20px;
}
.popup-login .form-content {
    margin: 30px 0 50px;
}
.popup-login .form-item label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666666
}
.popup-login .form-item input {
    border: none;
    background-color: rgba(246, 247, 251, 1);
    padding: 15px 15px;
    width: calc(100% - 30px);
    border-radius: 8px;
    font-size: 14px;
}
.confirm-button {
    box-shadow: 0px 1px 6px 0px #2478ff;
    background-color: #4E8AF9;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}
.popup-login ::-webkit-input-placeholder {
    color: #BFBFBF;
}
.popup-login :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BFBFBF;
}
.popup-login ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BFBFBF;
}
.popup-login :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BFBFBF;
}

/* 修改 placeholder 文字的字号、字体 */
.popup-login ::-webkit-input-placeholder {
    color: #BFBFBF;
}

/* 修改 placeholder 文字的对齐方式 */
.popup-login ::-webkit-input-placeholder {
    color: #BFBFBF;
}
#col-list-edit-el {
    margin: 0;
    padding: 10px 0;
}
#col-list-edit-el .card {
    position: relative;
    border: 1px solid #E1E5EC;
    border-radius: 10px;
    box-shadow: unset;
}
#col-list-edit-el .card .card-header {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}
#col-list-edit-el .card .card-content-inner {
    padding: 5px 15px 10px;
}
#col-list-edit-el .card .card-content-inner p span:first-child {
    font-size: 14px;
    color: #666;
}
#col-list-edit-el .card .card-content-inner p span:last-child {
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}
#col-list-edit-el .sign-button {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    width: 80px;
    background-color: #4E8AF9;
}
.record-new-style table tr{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.record-new-style table tr .publish-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}