@charset "utf-8";
/* CSS Document */

html {

       filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

       -webkit-filter:  grayscale(100%) !important;

}
*{margin:0px; padding:0px;}
body{background-color:#f6f6f8; color: #2c3e50;margin:0 auto;font-family: Microsoft YaHei;font-size:16px;min-width:1200px;}



.home-link{color:#000;font-size:26px;font-weight:bold;text-decoration: none;display:flex;flex-direction;align-items:center;}
	
.common-btn{border:1px solid #fff;border-radius:2px;padding:5px 10px;}

.full-width{width:100%;}

/* 版心 */
.w1200{width:1200px;}
.w1200{margin:0 auto;}

/* ============= 头部  start=============*/
.header{width: 100%; height:70px; line-height:70px; background-color:#fff;}
.header .top{wmargin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
.top .logo{ font-size:20px; margin-right:50px; color:#fff;float:left;}
.top .logo img{vertical-align: middle;margin-right:10px;}
.nav-bar{flex:1;height:60px; line-height:60px;margin-left:15px;}
.nav-bar ul li{float:left;display:inline-block; margin:0 20px; }
.nav-bar ul li:hover,.nav_bar ul li.selected{color:#0076fe; }
.nav-bar ul li a{text-decoration: none;font-size:16px; color:#333;font-weight:bold;}
.nav-bar ul li a:hover,.nav_bar ul li.selected a,.nav-bar ul li a.selected{color:#0076fe;}
.user-bar ul li{display:inline-block; margin:0 7px; font-size:16px; color:#333;}
.user-bar li a{text-decoration: none;color:#333;font-weight:bold;}
/* ============= 头部  end=============*/

/* ============= 搜索框  start=============*/
.search-box{width:100%;height:141px;display:flex;flex-direction:column;align-items:center;justify-content:center; background-image: linear-gradient(0deg,  rgba(143, 184, 253, 0.5) 0%,  #0076fe 100%),  linear-gradient( #0076fe,  #0076fe);}
.search-box .module-search-box{width:934px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.search-input-box{width:100%;height: 46px;border-radius: 4px;border:1px solid #3375fe;margin-bottom:16px;display:flex;flex-direction:row;}
.search-input-box .search-input{height:100%;border:transparent !important;text-indent:16px; flex:1;border-radius: 4px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.search-input-box .search-input.el-input__inner{border:transparent !important;}
.search-input-box .search-btn {width:144px;color:#666;height:100%;border-radius: 4px;border-top-left-radius: 0;border-bottom-left-radius: 0;border:0;border-left:1px solid #d9d9d9; background-color: #fff;}
.search-input-box .search-btn:hover{cursor:pointer;}
.search-input-box .iconsearch{color:#999;padding-right:16px;}
/* 热搜 */
.hot-box{width:100%;margin:0 auto;display: flex; justify-content: flex-start;color: #fff; font-size: 14px;}

/* ============= 搜索框  end=============*/

/* ============= 首页职位框 start=============  */
.job-card-box{border: 1px solid #ebeef5; background-color: #fff; color: #303133; transition: .3s; border-radius: 4px; overflow: hidden; cursor:pointer; margin-bottom: 15px;}
.job-card-box:hover{box-shadow: 0px 10px 12px 2px rgba(193, 197, 199, 0.5);}
.job-card-box .job-card-top{padding:24px 18px 22px 20px;border-bottom: 1px solid #d9d9d9;}
.job-card-box .job-info{display:flex;flex-direction:row;align-items:center;justify-content: space-between;margin-bottom:12px;}
.job-card-box .job-info .job-title{font-size: 16px;color: #222;}
.job-card-box:hover .job-title{color:#0076fe;}
.job-card-box .job-info .job-salary{font-size: 16px;color: #fd7240;}
.job-card-box .job-condition{display:flex;flex-direction:row;align-items:center;justify-content: space-between;font-size:14px;color:#999;}
.job-card-box .job-card-bottom{padding:20px 18px 20px 20px;display:flex;flex-direction:row;align-items:center;}
.job-card-box .company-img-box{border-radius: 10px;width:32px;height:32px;background-color: #f8f9ff;}
.job-card-box .company-img-box img{width:32px;/* height:32px; */border-radius: 4px;}
.job-card-box .company-title{font-size:15px;color:#333;}
.job-card-box .company-condition-info,.job-card-box .job-requirement{font-size:14px;color:#666;display:flex;}
/* ============= 首页职位框 end=============  */

/* ============= 首页公司信息框 start=============  */
.company-card-box{border: 1px solid #ebeef5; background-color: #fff; color: #303133; transition: .3s; border-radius: 4px; overflow: hidden; cursor:pointer; margin-bottom: 15px;}
.company-card-box:hover{box-shadow: 0px 10px 12px 2px rgba(193, 197, 199, 0.5);}
.company-card-box .company-img-box{border-radius: 4px;width:64px;height:64px;background-color: #f8f9ff;}
.company-card-box .company-img-box img{width:64px;/* height:64px; */border-radius: 4px;}
.company-card-box .company-card-top{padding:24px 18px 22px 20px;display:flex;align-items:center;flex-direction:column;}
.company-card-box .company-info{display:flex;flex-direction:row;align-items:center;justify-content: space-between;margin-bottom:12px;}
.company-card-box .company-info .company-title{font-size: 16px;color: #222;}
.company-card-box:hover .company-title{color:#0076fe;}
.company-card-box .company-condition{display:flex;flex-direction:row;align-items:center;justify-content: space-between;font-size:14px;color:#999;}
.company-card-box .company-requirement{font-size:14px;color:#666;display:flex;justify-content:center;flex-direction:row;}
.company-card-box .company-card-bottom{padding-bottom:32px;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.company-card-box .job-num-box{width:184px;height:42px;line-height:42px;border:1px solid #d9d9d9;text-align:center;border-radius:4px;}
.company-card-box .job-num{font-weight:bold;color:#0076fe;}
/* ============= 首页公司信息框 end=============  */

/* ============= 搜索条件框 start=============  */
.search-condition-box{margin:32px 0;position:relative; padding:32px;background-color: #fff;box-shadow: 0px 0px 12px 2px rgba(193, 197, 199, 0.2); border-radius: 4px;
display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start ;}
.search-condition-box-item{margin-bottom:24px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start ;}
.search-condition-box-item:last-child{margin-bottom:0;}
.search-condition-box-item .search-title{font-size:14px;font-weight:bold;color:#222;}
.search-condition-box-item .search-content{display: flex; flex-direction: row;flex-wrap: wrap;}
.search-condition-box-item .search-content .search-content-item{font-size:14px;color:#333;margin-left:24px;}
.search-condition-box-item .search-content .search-content-item.selected,
.search-condition-box-item .search-content .search-content-item:hover{color:#0779e4;cursor:pointer;}
.search-condition-box .clear-condition{position: absolute;right:24px;top:20px;font-size:14px;color:#666;cursor:pointer;}
.search-condition-box .clear-condition:hover{color:#0779e4;}
/* ============= 搜索条件框 end=============  */

/* ============= 企业详情页 start=============  */
.company-job-box{background-image:url('../images/front/company_bg.png');}
.company-job-box .company-job-info-box{padding:32px 0; display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.company-job-box .company-job-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.company-job-box .company-job-info .company-title{color:#333;font-size:24px;font-weight:bold;padding-bottom:15px;}
.company-job-box .company-job-info .company-base-info{color:#666;font-size:16px;display:flex;}
.company-job-box .job-num-box{color:#666;font-size:16px;text-align:center;}
.company-job-box .job-num{font-size:40px;}
.company-tags-nav{background-color: #fafafa;}
ul.company-tags-nav li{float:left;margin-right:25px;padding:33px 0 18px 0;border-bottom:2px solid transparent ;text-align:center;font-size: 18px; font-weight: bold; color: #999;}
ul.company-tags-nav li.selected{color:#333;border-bottom:2px solid #0076fe;}
ul.company-tags-nav li:hover{cursor:pointer;}
.company-desc-box{margin:32px;background-color:#fff;border-radius:4px;}
.company-desc-box .company-desc-content{margin:32px;}
.company-desc-box .title-tip{color:#333;font-weight:bold;display:inline-block;position: relative; }
.company-desc-box .title-tip .line{position:absolute;bottom:-1px;left:0;right:0; height:6px;border-radius:3px;background: linear-gradient(to right, rgba(44, 138, 254,0.5), rgba(44, 138, 254,0));}
/* ============= 企业详情页 end=============  */

/* ============= 企业招聘职位列表 start=============  */
.company-joblist-box{margin-top:32px;}
.company-joblist-box .job-info-box{padding:32px;margin-bottom:24px;margin-right:24px;background-color:#fff;border-radius:4px;
display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.company-joblist-box .job-info-box:hover{box-shadow: 0px 10px 12px 2px rgba(193, 197, 199, 0.5);cursor:pointer;}
.company-joblist-box .job-info-box:hover .job-title{color:#0779e4;}
.company-joblist-box .job-info-box:nth-child(2n+0){margin-right:0;}
.company-joblist-box .job-title{color:#333;font-size:16px;font-weight:bold;}
.company-joblist-box .job-condition{color:#999;font-size:14px;margin-top:24px;}
/* ============= 企业招聘职位列表 end=============  */

/* ============= 职位详情 start=============  */
.job-detail-head-box{background-image:url('../images/front/company_bg.png');}
.job-detail-head-box .job-info-box{padding:32px 0; display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.job-detail-head-box .job-title-box{display:flex;flex-direction:row;align-items:center;margin-bottom:24px;}
.job-detail-head-box .job-title{margin-right:25px;color:#333;font-size:24px;font-weight:bold;}
.job-detail-head-box .job-title-box .job-price{font-size:24px;color:#fd7240;font-weight:bold;}
.job-detail-head-box .job-base-info{color:#666;font-size:16px;margin-bottom:24px;}
.job-detail-head-box .welfare-box span{font-size:14px;background-color:rgba(0,108,233,0.1); color:#006ce9;border:1px solid rgba(0,108,233,0.1);padding:5px 15px; border-radius:15px;margin-right:10px;}
.job-detail-head-box .fav-btn{margin-right:24px;text-decoration: none;font-size:16px;color:#666;}
.job-detail-head-box .fav-btn:hover , .job-detail-head-box .fav-btn:hover i,.job-detail-head-box .fav-btn.selected{color:#0076fe;}
.job-detail-head-box .fav-btn i{margin-right:5px;font-size:16px;}

.job-detail-body-box{margin:32px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;}
.job-detail-body-box .left{flex:1;background-color:#fff;border-radius:4px;width:0;}
.job-detail-body-box .job-desc-content{margin:32px;}
.title-tip{color:#333;font-weight:bold;display:inline-block;position: relative; }
.title-tip .line{position:absolute;bottom:-1px;left:0;right:0; height:6px;border-radius:3px;background: linear-gradient(to right, rgba(44, 138, 254,0.5), rgba(44, 138, 254,0));}
.job-detail-body-box .right{width:324px;margin-left:24px;background-color:#fff;border-radius:4px;}
.job-detail-body-box .company-info-box{padding:32px;}
.job-detail-body-box .company-info-box .company-info-head{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-bottom:36px; }
.job-detail-body-box .company-info-box .company-info-head .img-box{width:48px;/* height:48px; */margin-right:10px;}
.job-detail-body-box .company-info-box .company-info-head .img-box img{width:100%;height:100%;}
.job-detail-body-box .company-info-box .company-info-head .company-title{flex:1;cursor:pointer;color:#333;font-size:16px;font-weight:bold;line-height:24px;}
.job-detail-body-box .company-info-other{color:#666;font-size:14px;}
.job-detail-body-box .company-info-other div{margin-bottom:24px;}
.job-detail-body-box .other-job-tip{color:#333;font-size:16px;font-weight:bold;padding:40px 0 32px 0;}
.job-detail-body-box .job-info-box{margin-bottom:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.job-detail-body-box .job-info-box .left{flex:1;}
.job-detail-body-box .job-info-box .job-title{color:#333;font-size:14px;line-height:21px;margin-bottom:16px;cursor:pointer;}
.job-detail-body-box .job-info-box .job-title:hover{color:#0779e4;}
.job-detail-body-box .job-info-box .job-city{color:#999;font-size:14px;}
.job-detail-body-box .job-info-box .salary{color:#fd7240;font-size:14px;font-weight:bold;margin-left:15px;}
/* ============= 职位详情 end=============  */




/* ============= 通用 start=============  */
.divider{background-color: #d9d9d9;position: relative;}
.divider--horizontal{display: block;height: 1px;width: 100%;margin: 24px 0;}
.divider--vertical{display: inline-block;width: 1px;margin: 0 8px;vertical-align: middle;}
/* ============= 通用 end=============  */


/* 按钮样式 */
.howui-btn-white{background-color:#fff;}
.btn{display: inline-block;white-space: nowrap;cursor: pointer;background: #fff;
     border: 1px solid #0076fe;color: #0076fe;-webkit-appearance: none;text-align: center;
     box-sizing: border-box;outline: 0;margin: 0;transition: .1s;height:42px;line-height:42px;
     font-size: 16px;border-radius: 4px;width:112px;}
.btn-primary{color: #fff; background-color: #0076fe; border-color: #0076fe;}     
.btn-primary:focus, .btn-primary:hover {background: #006ce9; border-color: #006ce9; color: #fff;}
.btn-primary-line{color: #0779e4; border-color: #0779e4;}   
.btn-primary-line:hover{color: #006ce9; border-color: #006ce9;}  
.btn-grey{color:#666;background: #f5f5f5;border-color: #666;}
/* 按钮样式 */

.hs-logo{position: absolute;left:130px;top:40px;}
.hs-logo img{}
.hs-container-box{background-color: #eff1fe;overflow: hidden;}
.hs-container-bg{position: absolute;right:0;top:0;bottom:0;}
.hs-container-bg img{height:100%;}
.hs-container{position: absolute;display:flex;width:100%;height:100%;justify-content: center;align-items: center;}
.hs-wrapper {width: 900px;height: 550px;display: flex;position: relative;}
.hs-wrapper .hs-bg{position: relative;width: 400px;height: 100%;color:#fff;
	flex-direction:column;display:flex;justify-content: center;align-items: center;
	background: -webkit-linear-gradient(to top,#173f84,#155ce0); /* Safari 5.1-6.0 */
	background: -o-linear-gradient(to top,#173f84,#155ce0); /* Opera 11.1-12.0 */ 
	background: -moz-linear-gradient(to top,#173f84,#155ce0); /* Firefox 3.6-15 */
	background: linear-gradient(to top,#173f84,#155ce0); /* 标准语法 */
}
.hs-wrapper .hs-bg img{left:0;top:0;position:absolute; width:100%;height:100%;cursor:pointer;z-index:1;}
.hs-wrapper .hs-bg .system-title{font-size:24px;line-height:50px;margin-top:30px;text-align:center;cursor:pointer;}

.hs-wrapper .box-left-img {z-index:2;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor:pointer;}

.hs-wrapper .box-left-img span {padding: 26px 0;font-size: 30px;color: #f1f3f5;}

.hs-wrapper .box-left-img .dot {width: 10px;height: 10px;background-color: rgba(255, 255, 255, 0.6);border-radius: 5px;}


.hs-wrapper .hs-form{flex:1;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.3);padding:40px 70px;}
.hs-wrapper .hs-form .hs-form-wrapper{text-align:center;width:384px;}
.hs-form .hs-form-wrapper .hs-panel-tip{font-size:28px;color:#333;margin-bottom:30px;}
.register-btn-box{display:flex;flex-direction:row;align-items:center;justify-content: space-between;margin-bottom:15px;}
.register-btn{border-bottom:2px solid #ccc;cursor:pointer;width:150px;height:40px;text-align:center;line-height:40px;border-radius:2px;font-size:16px;color:#666;}
.register-btn.selected{color:#fff;border-bottom:2px solid #173f84;background-color: #173f84;}
.hs-panel-tip img{display:inline;vertical-align: middle;}
.hs-form .hs-form-wrapper .hs-form-input-item input{border:0;border-bottom:1px solid #caccd2;width:100%;padding:10px 0;margin-bottom:20px;}
.hs-primary-button{height:56px;width:100%;border-radius: 28px;background-color:#173f84;color:#fff;font-size:18px;cursor:pointer;}
.hs-form-wrapper .hs-form-bottom-opts{display:flex;justify-content:space-between;margin-top:30px;width:100%;color:#a5a5a5;font-size:16px;}
.hs-form-wrapper .hs-form-bottom-opts a{color:#173f84;cursor:pointer;text-decoration: none;}
.hs-floor-title{margin:10px 0;border-left:6px solid #0779e4;padding-left:8px;color:#222;font-size:18px;font-weight:bold;}
.verify-code-box{position: absolute;right: 0px;cursor: pointer;top:0;}
.verify-btn{text-align: center;width: 104px;height: 34px;border-radius: 22px;color:#173f84;border: solid 1px #173f84; line-height: 32px;font-size: 12px;cursor:pointer;}
.verify-btn:hover{color:#fff;background-color: #173f84;}
.itemtext{height: 33px;line-height: 33px;font-size: 16px;}
.itemtext-tip{color:#A9A9A9;height: 33px;line-height: 33px;font-size: 16px;}



.inner{width:1360px;}
.opt-btn i{margin-right:5px;font-size:20px;}

.bg-white {background-color: #fff;}
.bg-grey {background-color: #f2f5f9;}

.fl{float:left;}
.fr{float:right;}
.flex-row{display: flex;flex-direction: row;}
.flex-column{display: flex;flex-direction: column;}
.flex-wrap { display: flex; flex-direction: row;flex-wrap: wrap;}
.justify-space-between{align-items: center;justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-start{justify-content:flex-start ;}
.align-center {align-items: center;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.flex1{flex:1;}
.box-left{ padding:36px 48px 36px 50px;}
.box-right{padding: 40px 20px;}
.nav-title {padding: 20px 0 20px 30px;}
.bottom-line {border-bottom: 1px solid #f2f2f2;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.position-box .job-name{font-size:24px;color:#222;margin-right:16px;}
.position-box .job-salaryrange{font-size:24px;color:#ff0044;font-weight:bold;}

.img-box{border-radius: 10px;width:60px;/* height:60px; */background-color: #f8f9ff;}
.img-box img{width:60px;height:auto;border-radius: 10px;}

.opt-btn{
    i{
        font-size: 20px;
    }
}
.descript{
    line-height: 2;
    font-size:16px;
    columns: #666666;
    padding:18px 0 46px 0 ;
    text-align: left;
    font-family: inherit;
}
.pointer{cursor:pointer;}
.pointer-primary{cursor:pointer;color:#0779e4;}
.ml-10{margin-left:10px;}
.ml-16{margin-left:16px;}
.ml-24{margin-left:24px;}
.ml-30{margin-left:30px;}
.ml-44{margin-left:44px;}
.mb-8{margin-bottom:8px;}
.mb-10{margin-bottom:10px;}
.mb-12{margin-bottom:12px;}
.mb-14{margin-bottom:16px;}
.mb-15{margin-bottom:15px;}
.mb-16{margin-bottom:16px;}
.mb-18{margin-bottom:18px;}
.mb-20{margin-bottom:20px;}
.mb-22{margin-bottom:22px;}
.mb-24{margin-bottom:24px;}
.mb-26{margin-bottom:26px;}
.mb-28{margin-bottom:28px;}
.mb-54{margin-bottom:54px;}
.mb-30{margin-bottom:30px;}
.mr-10{margin-right:10px;}
.mr-14{margin-right:16px;}
.mr-15{margin-right:15px;}
.mr-16{margin-right:16px;}
.mr-22{margin-right:22px;}
.mr-25{margin-right:25px;}
.mr-28{margin-right:28px;}
.mr-30{margin-right:30px;}
.mr-32{margin-right:32px;}
.mr-40{margin-right:40px;}
.mt-10{margin-top:10px;}
.mt-14{margin-top:16px;}
.mt-20{margin-top:20px;}
.mt-28{margin-top:28px;}
.pt-20 {padding-top: 20px;}
.pt-24 {padding-top: 24px;}
.pb-20 {padding-bottom: 20px;}
.pb-24 {padding-bottom: 24px;}
.p-14{padding:16px;}
.p-28{padding:28px;}

.fz-13{font-size:13px;}
.fz-14{font-size:16px;}
.fz-16{font-size:16px;}
.fz-18{font-size:16px;}
.fz-24{font-size: 24px;}
.fz-26{font-size: 26px;}
.fz-34{font-size: 34px;}
.f14-c66 { font-size: 16px; color: #666;}
.f14-c99 { font-size: 14px; color: #666;}
/* .f14-c66 { font-size: 16px; color: #222;} */
/* .f14-c99 { font-size: 14px; color: #222;} */
.f16-c77{font-size: 15px;color: #222;}
.f16-c22{font-size: 16px;color: #222;}
.f18-c22{font-size: 16px;color: #222;}
.font-weight-normal {font-weight: 400 !important;}
.font-bold{font-weight: bold;}
.w100{width:100px;}
.w180{width:180px;}
.black666{color:#666;}
.red{color:#ff0044; }
.primary {color: #409eff;}
.white{color:#fff;}
.whitef0{color:#f0f0f0;}
.w80-perc{width:80%;}



input::placeholder{color:#A9A9A9;font-size:16px;}
input:-moz-placeholder,textarea:-moz-placeholder { color: #A9A9A9; font-size:16px;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder,textarea::-moz-placeholder { color: #A9A9A9; font-size:16px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder{color: #A9A9A9;font-size:16px;}
textarea:-ms-input-placeholder { color: #A9A9A9;font-size:16px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #A9A9A9;font-size:16px;}


     
.tag-info{font-size:12px;background-color: #f4f4f5;border:1px solid #e9e9eb;color: #909399;display: inline-block;height: 32px;padding: 0 10px;line-height: 30px;border-radius: 4px; box-sizing: border-box;  white-space: nowrap;}

.footer{position: absolute;bottom:0;left:0;right:0;}
.footer{text-align: center; background: #20232A; color: #8D92A1; font-size: 16px; margin: 0; line-height: 50px;}

.position-box { background-color: #f1f3f5; margin: 0;}
.position-box .job-name{font-size:24px;color:#222;margin-right:16px;}
.position-box .job-salaryrange{font-size:24px;color:#ff0044;font-weight:bold;}

.el-row {box-sizing: border-box;}
.box{display: flex;align-items: center;justify-content: center; flex-direction: column;}

.banner-box{width: 100%;padding:30px 0 63px 0;}
.bannerImg{min-height: 350px;min-width: 1360px;}

.floor-box{background-color: #eff3f5;padding:42px 0 40px 0 ;display:flex;flex-direction: column;align-items: center;justify-content: center;width:100%;}
.floor-box .box-title{display:flex;flex-direction: row;align-items: center;justify-content: center;margin-bottom:10px;}
.floor-box .title{font-size: 22px;color:#222;margin:0 30px;}
.floor-box .floor-title-tip{color: #333;font-size:16px; padding:8px 58px;background-color: #e3ebf5;margin-bottom:32px;}
.more{width:340px;height:44px;}
.hot-company-box{background-color: #ffffff;}
/* .img-box{ width:60px; height:60px; border-radius: 10px; background-color: #f8f9ff;} */
/* .img-box img{width:40px;height:40px;} */

.more { width: 340px; height: 44px;}
.font-weight-bold {font-weight: 700;}



.clear{clear:both;}

.setting-nav,.resume-nav{display:flex;flex-dirction:row;justify-content:flex-start;align-items:center;background-color:#fff;height:54px;line-height:54px;margin-bottom:24px;}
.setting-nav .nav-item,.resume-nav .resume-nav-item{font-size:16px;color:#666;margin-left:32px;border-bottom:2px solid transparent;cursor:pointer;}
.setting-nav .nav-item.selected,.resume-nav .resume-nav-item.selected{font-weight:bold;border-bottom:2px solid #0076fe;}
.setting-nav .setting-content{background-color: #fff;}

.user-info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start; padding:34px 32px 34px 32px;}
.user-info .head-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:22px;margin-bottom:15px;}

.user-info .basicInfo-box{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.user-info .basicInfo-box .basic-info{flex:1;}
.user-info .intro{color:#666;font-size:16px;line-height:2;}	
	
.user-info .img-box{width:88px;height:88px;border-radius: 44px;}
.right-btn{color:#0076fe;font-size:14px;cursor:pointer;line-height: 1;}
.right-btn i{margin-right:10px;}
/* .job-intention-box,.work-box,.project-box,.education-box{padding: 0px 48px 0 48px;} */
.mycard-box{padding: 0px 48px 30px 48px;}
.job-intention-box .divider--horizontal,
.work-box .divider--horizontal,
.project-box .divider--horizontal,
.education-box .divider--horizontal,
.mycard-box .divider--horizontal{ margin-bottom:0;background-color:#f2f2f2;}
.empty-tips{font-size:14px;color:#999;padding:30px 0;text-align:center;background-color: #f1f7fb; border: dashed 1px #dfdfdf;}
.empty-tips .link{font-weight:normal;}

.box-item:hover{background-color: #f2f5f9;}
.opt-btn-box{display:none;}
.box-item:hover .opt-btn-box{display:block;color:#0779e4;font-size:14px;font-weight:normal;}
.box-item:hover .opt-btn-box span{cursor:pointer;margin-left:10px;}
.box-item:hover .opt-btn-box span i{margin-right:6px;}


.box-top{padding:16px 0 0 10px;}
.descript{ line-height: 2; font-size:16px; color: #666666;  padding:18px 0 16px 0 ; text-align: left; white-space:pre-line;}
.relative{position: relative;}
.invite-bg-top{position:absolute;top:0;left:0;right:0;z-index:-1; }
.invite-bg-bottom{position:absolute;bottom:0;left:0;right:0;z-index:-1; }
.invite-bg-top img,.invite-bg-bottom img{width:100%;}
.zindex100{z-index:100;}
.title1{font-size:34px;color:#fff;margin-bottom:26px;}
.title2{font-size:18px;color:#f0f0f0;margin-bottom:54px;}
.title3{padding:66px 0 60px 0;font-size:34px;color:#000;}
.invite-img-box{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);margin-right:80px;align-items: center;justify-content: center;display: flex;flex-direction: column;background-color: #fff;border-radius:10px;width:160px;height:160px;}
.invite-img{width:76px;height:88px;}
.invite-info-box{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);padding:18px;display:flex;flex-direction:row;background-color: #fff;border-radius:10px;margin-right:80px;}
.invite-info-box img{padding-left:50px;padding-right:34px;}
.invite-info-box .tips{flex:1;display:flex;flex-direction:column;}
.invite-info-box .tips span{font-size:18px;color:#000;font-weight:bold;margin-bottom:24px;}
.invite-info-box .tips .info{font-size:16px;color:#000;}
.shadow{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}


ul.keywordsType{position:absolute;left:0;top:0px; border-right: 1px solid #ddd;width: 110px; height: 46px; line-height: 46px; color: #666; overflow: hidden; cursor: pointer;}
ul.keywordsType li{text-indent: 16px;background-color:#fff;font-size:16px;cursor: pointer;}
ul.keywordsType li a{color:#999;text-decoration: none;font-size:16px;}
ul.keywordsType li:hover{background-color:#eff3f5;color:999;}
ul.keywordsType:hover .icondown1:before{content:'\e69b';}
ul.keywordsType i{padding: 0 0 0 10px;} 

ul.keywordsType.on{box-shadow: 0px 4px 8px rgba(0,0,0,0.1);height:92px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.no-result-box{padding:80px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.no-result-box img{width:224px;height:135px;}
.no-result-box span{font-size:16px;color:#666;margin-top:30px;}
.nowrap{white-space:nowrap;overflow:hidden;}

.iconfavorite2{color:#666;}
.iconfavorite2.selected:before{color:#fd9303;content:'\e6a0';}



.company-info-box .company-name{
	font-size:16px;
	color:#222;
	cursor: pointer;
	flex:1;
	text-align:center;
	line-height:1.5;
}

.exp-info-wrap{
	display: flex;
    justify-content: center; 
    align-items: flex-start;
    height: 100%;
    font-size: 16px;
    color: #666;
    flex-direction:column;
}

.separator{
	margin-left:7px;
	margin-right:7px;
}

.basicInfo-box{flex:1;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;}
.basic-info .iconfont{font-size:16px;margin-right:10px;}
.avatar{border-radius:50%;}

.card-item{padding:16px 60px 16px 70px;display: flex;flex-direction:row;align-items:center;justify-content:space-start;cursor:pointer;}
.card-item:hover{background-color: #f2f5f9;}
.card-left-image{margin-right:16px;}
.card-right-content{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.card-right-btn{}
.card-col{display:flex;flex-direction:column;}
.card-row{display:flex;flex-direction:row;}
.card-title{font-family:Microsoft YaHei; font-size:16px; color:#222222; vertical-align:top; display:-moz-inline-box; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap}
.card-subtitle{font-family:Microsoft YaHei; font-size:16px; color:#666666;}		
.card-warn{font-family:Microsoft YaHei; font-size:16px;color:#ff0044;}
.card-company-box{}
.card-job-info{flex:1;display:flex;flex-direction:column;align-items:flex-end;}
.card-right-btn{display:none;margin-left:50px;}
.card-left-image .imgCon{width:70px;height:70px;border-radius:10px;}

.btn-outline{padding:0 10px;font-family:Microsoft YaHei;font-size:16px;border-radius:2px;height:26px;line-height:26px;color:#999999;}
.btn-outline-primary{color:#0779e4;border:1px solid #0779e4;}
.btn-outline-grey{color:#999;border:1px solid #999;}



.howui-form{padding:30px;}
.howui-form-subtitle{width:180px;display:flex;flex-direction:row;align-items:center;font-size:18px;font-weight:bold;color:#333;justify-content:flex-end;}
.howui-form-subtitle img{padding-right:10px;}
.howui-form-item{margin-bottom:30px;width: 100%;display:flex;flex-direction:row;align-items:flex-start;}
.howui-form-item .howui-form-label{line-height:42px;color:#666;font-size:16px;width:100px;text-align:right;margin-right:24px;}
.howui-form-item .howui-form-label font{color:red;padding-right:6px;font-weight:bold;}
.howui-form-item .howui-input-inline{flex:1;}
.howui-form-item-inline {position: relative;}
.howui-form-item-inline i{position: absolute;top:11px;left:16px; color:#666;font-size:20px;}

label.error{position:absolute; min-height:24px;line-height:24px;height:24px;margin:3px 0;padding:0;text-indent: 0;background-image: none; color: #EA5200; font-size:13px;}
.howui-form-item .howui-input,.howui-form-item .howui-select{ height: 42px; line-height: 42px; font-size:16px; text-indent: 20px;width:100%;border:1px solid #dfdfdf;border-radius:4px;}
.howui-form-item .howui-form-text{color:#333;font-weight:16px;line-height:50px;}
.howui-form-item .howui-form-item-tips{color:#999;font-size:14px;padding:15px 0;}

.howui-input:focus,.howui-select:focus,.howui-textarea:focus{border-color:#006ce9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(177,213,243,.6)}
.howui-textarea{font-family: Microsoft YaHei;min-height:300px;height:auto;padding:6px 10px;resize:vertical;line-height:20px;line-height:18px\9;border:1px solid #dfdfdf;background-color:#fff;border-radius:4px;font-size:16px; text-indent: 10px;width:100%;}
.readonly{background-color:#fafafa !important;}

.chosen-container{width:100% !important;background-color: #fff !important;}
.chosen-container-single .chosen-single span{padding-left:10px;font-size:16px !important;color:#333 !important;}
.chosen-container-single .chosen-single{line-height:42px !important;height:42px !important;}
.chosen-container-single .chosen-single div b{background-position: 0 15px !important;}
.chosen-container .chosen-results {}
.chosen-container .chosen-results li{line-height:35px !important;}
.chosen-container-single .chosen-single abbr{top:19px !important;}
.chosen-container .chosen-drop,.chosen-container-active .chosen-single ,.chosen-container-active .chosen-choices{border:1px solid #2e4dd4 !important;}
.chosen-container .chosen-drop{border-top:0 !important;}
.chosen-container .chosen-results li.highlighted{background-color:#006ce9 !important;}

.city-picker-span{height:32px !important;line-height:32px !important;}
.city-picker-span > .placeholder{font-size:16px;}

.center{text-align:center;}
.hidden{display:none;}

.link{color:#0779e4;text-decoration: none;cursor:pointer;font-weight: bold;}
.link:hover{color:#78a5f1;}


/*字体颜色*/
.t-blue{ color: #2874e1;}
.t-red{ color: #f00;}
.t-green{ color: #4daf2f;}
.t-orange{ color: #f60;}
.t-yellow{ color: #F4BA21;}
.t-grey-aaa{ color: #aaa;}
.t-grey-bbb{ color: #bbb;}
.t-grey-999{ color: #999;}
.t-grey-666{ color: #666;}
.t-grey-333{ color: #333;}
/*占位分隔块*/
.placeholder-box{background-color: #f1f3f5;height:24px;}







@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-2 {
    margin-left: 12.5%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
[class*=el-col-] {
    float: left;
    box-sizing: border-box;
}
.el-col-0{width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%;}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%;}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}
.col-w-1{width:10%}.col-w-2{width:20%}.col-w-3{width:25%}.col-w-4{width:30%;width:33.33333%}.col-w-6{width:50%}.col-w-7{width:60%}.col-w-8{width:66.66667%}.col-w-9{width:75%}.col-w-10{width:80%}.col-w-11{width:90%}.col-w-12{width:100%}