.resume_main { margin: 20px 0; padding: 40px 49px; width: 1000px; border: 1px solid #ccc; position: relative; } .resume_main_left { float: left; width: 800px; overflow: hidden; } .resume_info { margin-bottom: 20px; overflow: hidden; } .divide_tit { height: 40px; font-size: 16px; color: #4b4b4b; font-weight: bold; background-color: #f5f5f5; text-indent: 10px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .divide_tit .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes shine { 0% { left: -100%; } 20%, 100% { left: 140%; } } @keyframes shine { 0% { left: -100%; } 20%, 100% { left: 140%; } } .guang::before { -webkit-animation: shine 3s infinite; animation: shine 3s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .divide_tit .fit { position: relative; overflow: hidden; background: linear-gradient(135deg, #ff4500 0%, #ff6347 50%, #ffa500 100%); color: #fff; text-indent: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 2px 10px; margin-left: 10px; line-height: 20px; font-size: 12px; border-radius: 3px; display: none; } .divide_tit .fit::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.6)), to(transparent)); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); } .divide_tit span { font-size: 12px; margin-right: 10px; color: #999; /* float: right; */ } .divide_tit span em { color: #ff6600; font-weight: 600; font-size: 14px; } .r_info_photo { float: left; margin-right: 20px; display: inline; } .r_info_basic { width: 630px; } .r_info_basic ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .r_info_basic li { width: 290px; box-sizing: border-box; padding: 0 15px; font-size: 16px; /* display: flex; */ /* float: left; */ line-height: 35px; } .r_info_basic li span { /* width: 100px; */ /* text-align: right; */ /* float: left; */ } .resume_work .infoview, .resume_edu .infoview { border-bottom: 1px dotted #DCE2E6; margin-bottom: 18px; padding-bottom: 13px } .r_info_basic li.w630 { padding-left: 40px; width: 530px; } .resume_work .noborder, .resume_edu .noborder, .resume_yx .noborder, .resume_tel .noborder { border-bottom: none; } .infoview { margin: 0 10px; padding: 0; border: none; font-size: 14px; color: #282828; overflow: hidden; zoom: 1 } .infoview p { padding: 0; line-height: 28px; font-size: 14px; color: #282828 } .infoview .sth { padding-right: 7px; } .infoview .sth, .infoview .std { float: left } .infoview { border-bottom: 1px dotted #DCE2E6; margin-bottom: 18px; padding-bottom: 13px } .infoview .pst { overflow: hidden; } .resume_tel ul { padding: 0 10px 18px; overflow: hidden; } .resume_tel li { float: left; display: inline; margin-right: 10px; } .tableall { font-size: 14px; /*_width:788px;*/ } .tableall td, .tableall th { padding: 10px 1px; } .tableall .lim { width: 300px; float: left; } .tableall .rim { width: 300px; float: left; } .personal-tag { margin-top: 10px; } .personal-tag .tag-item { position: relative; margin-right: 19px; height: 29px; line-height: 29px; border-left: 2px solid #80a7e5; color: #38588c; background: #e0ecff; border-bottom: 1px solid #c9d4e5; padding: 0 10px; } .personal-tag .tag-item .tag-angle { position: absolute; width: 11px; height: 29px; top: 0; right: -11px; background: url(../images/tpl-resume-icon.png) no-repeat 0px 0px; } .contact-block { margin: 0 auto 30px; text-align: center; } .contact-block .contact-text { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #333; font-weight: 600; margin-bottom: 15px; } .contact-block .contact-text span { font-size: 16px; color: #ee2828; } .contact-block .contact-text>span:not(:first-child):before { color: #c5cad9; content: "\007c"; display: inline-block; font-weight: 300; text-align: center; width: 10px; } .contact-block .contact-text span em { font-style: normal; color: #999; margin: 0 12px; font-size: 14px; } .contact-block .contact-text span a { color: #0180cf; margin: 0 12px; font-size: 14px; display: inline-block; } .contact-block .contact-text span a:hover { text-decoration: underline; } .contact-btn, .msg-btn, .fit-btn { /* width: 150px; */ -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; height: 32px; padding: 0 20px; line-height: 32px; background: linear-gradient(135deg, #ff4500 0%, #ff6347 50%, #ffa500 100%); /* background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%); */ /* background-color: #ff6600; */ color: #fff; font-size: 14px; /* font-weight: 600; */ cursor: pointer; margin-right: 10px; display: inline-block; } .msg-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); /* background: linear-gradient(90deg,#700f46,#d61361,#f41445,#fc1e39,#ff4f28,#ffb11e); */ /* background-color: #d00d00; */ } .setFit { background: linear-gradient(to right,#16a085,#017b08); /* background: linear-gradient(135deg, #134e5e 0%, #71b280 100%); */ } .fit-btn { background-color: #0180cf; } .contact-btn:hover, .msg-btn:hover, .fit-btn:hover { filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8 } .error_other { width: 500px; margin: 80px auto; text-align: center; } .error_other p { font-size: 16px; } .error_other p span { font-size: 24px; color: #0180cf; } .fix-control { position: fixed; margin-left: 872px; width: 127px; overflow: hidden; *margin-left: 20px; } .fix-control .fix-wrap { width: 127px; min-height: 30px; text-align: center; padding: 16px 0; } .fix-control .fix-wrap .code-box { margin-bottom: 10px; } .fix-control .fix-wrap .download { width: 127px; height: 65px; line-height: 65px; } .fix-control .fix-wrap .download .download-btn { display: block; width: 127px; height: 65px; line-height: 65px; background-color: #f60; color: #fff; font-size: 18px; } .fix-control .fix-wrap .download .download-btn:hover { background-color: #ff7700; } .fix-control .fix-wrap .ctrl-text { width: 127px; margin-top: 12px; height: 35px; background: url("../images/control-text.png") no-repeat center center; } .fix-control .fix-wrap .resume-ctrl, .fix-control .fix-wrap .resume-im { display: block; margin-bottom: 5px; width: 127px; height: 40px; font-size: 14px; background-color: #e7e7e7; color: #333; line-height: 40px; text-align: center; } .fix-control .fix-wrap .resume-im { background-color: #f60; color: #fff; } .fix-control .fix-wrap .resume-im:hover { background-color: #ff7700 } ; .fix-control .fix-wrap .resume-ctrl:hover { background-color: #0180cf; color: #fff; } .btn-65-30blue { display: inline-block; width: 65px; height: 30px; text-align: center; font-family: "SimSun"; color: #fff; font-size: 14px; cursor: pointer; background-color: #0180cf; border: 0; margin-right: 10px; } .btn-65-30blue.hover { background-color: #0070bd; } .btn-65-30grey { display: inline-block; width: 65px; height: 30px; text-align: center; font-family: "SimSun"; color: #666666; font-size: 14px; cursor: pointer; background-color: #E3E3E3; border: 0; margin-right: 10px; } .btn-65-30grey.hover { background-color: #ccc; } .dialog-block { font-family: "microsoft yahei"; } .dialog-block .dialog-item { margin-bottom: 13px; font-size: 12px; } .dialog-block .dialog-item .d-type { width: 60px; color: #666; line-height: 30px; } .dialog-block .dialog-item .d-content { line-height: 30px; } .dialog-block .dialog-item .d-content input.txt { height: 28px; width: 205px; padding: 0 25px 0 10px; border: 1px solid #ccc } .dialog-block .dialog-item .d-content input.checkbox { margin-right: 5px; } .short-text-tip { margin-left: 10px; line-height: 24px; height: 24px; border: 1px solid #ff9900; background-color: #fff1e5; padding: 0 10px; font-size: 12px; color: #666; border-radius: 3px; font-family: "SimSun"; } .short-text-tip span { color: #ff9900; font-weight: bold; } .short-text-tip a { color: #0180cf; } .dropdown { position: relative; z-index: 5; } .dropdown .dropdown-ctrl { display: inline-block; position: relative; height: 28px; padding: 0 25px 0 10px; line-height: 28px; border: 1px solid #ccc; background-color: #fff; color: #666; cursor: pointer; width: 205px; } .dropdown .dropdown-ctrl .drop-icon { position: absolute; top: 0; right: 0; height: 28px; width: 25px; background: url(../images/icon36.png) no-repeat 2px -101px; } .dropdown .dropdown-list { position: absolute; top: 30px; left: 0; width: 240px; background-color: #fff; border: 1px solid #ccc; border-top: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: none; } .dropdown .dropdown-list a { display: block; padding-left: 10px; color: #666; line-height: 28px; } .dropdown .dropdown-list a:hover, .dropdown .dropdown-list a.select { background-color: #f5f5f5; } .dialog-textarea { padding: 10px; border: 1px solid #ccc; background-color: #fff; font-size: 12px; color: #333; resize: none; width: 400px; outline: none; font-family: "SimSun"; overflow: auto; } .edit-text { border: 1px solid #ccc; background-color: #fff; color: #666; font-size: 12px; line-height: 14px; height: 14px; padding: 7px 10px; outline: none; width: 223px; font-family: "SimSun"; } .related_resume li { background: #f5f5f5; padding: 10px; width: 364px; float: left; margin-bottom: 10px; border-color: #FFFFFF #f1f1f1 #f1f1f1 #FFFFFF; border-style: solid; border-width: 3px; line-height: 24px; } .related_resume li p.user { background: url(../imgs/29.gif) no-repeat 10px 6px; margin-bottom: 5px; padding-left: 36px; font-size: 15px; font-weight: 600; } .related_resume li p a { color: #0180cf } .related_resume li p a:hover { color: #f60; } .related_resume li p { width: 364px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .related_resume li.fr { float: right }