console
<div class="p">
<div class="c1">12</div>
<div class="c2">
<div class="c2c">23</div>
</div>
</div>
*
padding 0
margin 0
box-sizing border-box
-webkit-box-sizing border-box
-moz-box-sizing border-box
-webkit-text-size-adjust none
div,
li,
ul，dl，ol,
details,
dt,
dl,
dd
word-wrap break-word
word-break break-word
select
word-wrap initial
ul li
outline none
list-style none
h1,
h2,
h3,
h4,
h5
font-weight normal
img
border 0
body
font-family 'Microsoft Yahei' !important
font-size 16px !important
font-weight 400 !important
text-align left
line-height normal
*
padding 0
margin 0
box-sizing border-box
-webkit-box-sizing border-box
-moz-box-sizing border-box
-webkit-text-size-adjust none
.main
width 960px
height auto
margin 0 auto
overflow hidden
box-sizing border-box
color #000
font-size 14px
padding 23px 60px
ul
list-style none
padding 0
margin 0
// 公共重用部分
.main-box
margin-bottom 24px
.main-box-title
font-size 18px
color #5c5c5c
border-bottom 2px solid rgb(92, 92, 92)
.main-box-body
font-size 14px
color #545d70
padding 24px
padding-bottom 0
line-height 20px
.school_name
float:left
position:relative
font-size 18px
color #000
&.school_level
padding-right:34px
.school_level_main
position:absolute
right:0
top:0
.gray-box
display inline-block
font-size 15px
background-color rgb(84, 93, 112)
color #ffffff
padding 1px 4px
.base-info
li
padding-left 110px
position relative
&.base-info-item-1
padding-left 80px
label
position absolute
left 0
top 0
// 头部
.main-header
min-height 172px
.avatar
width auto
max-width 360px
height 172px
float right
overflow hidden
&::after
content ''
clear both
img
height 100%
width auto
background-size cover
background-position center
background-repeat no-repeat
margin-left 50%
transform translateX(-50%)
.main-header-body
padding 20px 222px 0 0
.name-warp
.name
font-size 30px
color rgba(0, 0, 0, 1)
.sex
color rgba(0, 0, 0, 0.6)
margin-left 21px
.position
color rgba(0, 0, 0, 0.6)
margin 10px 0 0 0
.contact
overflow hidden
margin-top 32px
padding 0 52px 0 0
li
float left
width 50%
color #545d70
margin-bottom 14px
box-sizing border-box
overflow hidden
margin-right 26px
&:nth-child(2n)
margin-right -26px
span
display block
.name
color #585d65
float left
.value
margin-left 66px
word-wrap break-word
// 基本信息
.base-info
ul
overflow hidden
color #000000
li
float left
width 50%
margin-bottom 10px
label
color #585d65
margin-right 12px
// 工作经历
.work
overflow hidden
li
margin-bottom 21px
&:last-child
margin-bottom:0px
.top-warp
overflow hidden
color #585d65
margin-bottom 8px
.content
width 100%
box-sizing border-box
float left
padding-left 76px
position relative
.name-warp
overflow hidden
margin-bottom 8px
.name
font-size 18px
color #000
.range
float right
margin-left 21px
li
margin-top 0
.badge
width 59px
height 59px
border 1px solid rgb(210, 210, 210)
background-size contain
background-position center
background-repeat no-repeat
.long
padding-left 0
// 项目信息
.work-project
li
margin-bottom 21px
.title
overflow hidden
.name
font-size 18px
color #000
.time
float right
margin-left 21px
.description
margin-top 12px
// 教育背景
.edu
.main-box-body
padding-left 11px
li
margin-top 21px
overflow hidden
&:first-child
margin-top:0
.top-warp
overflow hidden
color #585d65
.content
width 100%
box-sizing border-box
float left
padding-left 76px
position relative
.schoolname-warp
overflow hidden
.schoolname
font-size 18px
color #000
float left
.range
float right
li
margin-top 0
color #545d70
// line-height 26px
div
margin-top 3px
.badge
width 59px
height 59px
border 1px solid rgb(210, 210, 210)
background-size contain
background-position center
background-repeat no-repeat
.course
color #545d70
position relative
margin-top 6px
span
position absolute
left 76px
.long
padding-left 0
// 在校经历
.edu-experience
.main-box-body
padding-left 0
.list-warp
padding 12px 10px
li
margin-bottom 10px
.title
color #000
font-size 18px
position relative
span
color #585d65
font-size 14px
float right
// position absolute
// right 0
// bottom 0
.position
color #585d65
margin 4px 0
.description
color #545d70
.short
.list-warp
li
width 50%
display inline-block
padding-right 52px
box-sizing border-box
.type-4
.list-warp
li
.time {
float left
margin-right 8px
}
// 资格证书和职业技能
.main-warp
overflow hidden
margin-top -15px
.certificate
width 55%
float left
padding-right 52px
box-sizing border-box
color #737a88
font-size 14px
.main-box-body
padding-left 0
li
margin-bottom 16px
.name
color #000
font-size 16px
margin-bottom 8px
span
float right
color #585d65
font-size 14px
.skill
width 45%
float right
box-sizing border-box
li
margin-bottom 13px
// width 50%
// float left
// margin-right 13px
// padding-right 13px
// box-sizing border-box
// &:nth-child(2n)
// margin-right -13px
.name
overflow hidden
font-size 16px
color #000
span
float right
.description
margin-top 5px
.main-warp-single
width 100% !important
padding-right 0 !important
// 兴趣爱好
.hobby
ul
overflow hidden
li
font-size 14px
color #000
float left
// 求职意向
.target
li
float left
width 50%
box-sizing border-box
padding-right 40px
margin-top 10px
&:first-child,
&:nth-child(2)
margin-top 0
&:nth-child(2n-1)
margin-right 40px
&:nth-child(2n)
margin-right -40px
span
display block
.name
width 80px
float left
.value
color #000
padding-left 80px