css布局实现手机端移动端个人简历模板效果代码-html代码-BFW代码库

代码语言：html
代码描述：css布局实现手机端移动端个人简历模板效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>手机端招聘app我的简历页面模板</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />

    <style>
        html,body {
            color: #333;
            margin: 0;
            height: 100%;
            font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-weight: normal;
        }
        
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        a {
            text-decoration: none;
            color: #000;
        }
        
        a, label, button, input, select {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        
        img {
            border: 0;
        }
        
        body {
            background: #f4f4f4;
            color: #666;
        }
        
        html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
            margin: 0;
            padding: 0;
        }
        
        a {
            text-decoration: none;
            color: #08acee;
        }
        
        button {
            outline: 0;
        }
        
        img {
            border: 0;
        }
        
        button,input,optgroup,select,textarea {
            margin: 0;
            font: inherit;
            color: inherit;
            outline: none;
        }
        
        li {
            list-style: none;
        }
        
        a {
            color: #666;
        }
        
        .clearfix::after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        
        .clearfix {}.divHeight {
            width: 100%;
            height: 10px;
            background: #f5f5f5;
            position: relative;
            overflow: hidden;
        }
        
        .r-line {
            position: relative;
        }
        
        .r-line:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            right: 0;
            height: 100%;
            border-right: 1px solid #D9D9D9;
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }
        
        .b-line {
            position: relative;
        }
        
        .b-line:after {
            content: '';
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #e2e2e2;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
        }
        
        .aui-flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 15px;
            position: relative;
        }
        
        .aui-flex-box {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-width: 0;
            font-size: 14px;
            color: #333;
        }
        
        /* 必要布局样式css */.aui-flexView {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        
        .aui-scrollView {
            width: 100%;
            height: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            position: relative;
        }
        
        .aui-navBar {
            height: 44px;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            z-index: 1002;
            background: #f6f6f6;
        }
        
        .aui-navBar-item {
            height: 44px;
            min-width: 25%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            padding: 0 0.9rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 0.7rem;
            white-space: nowrap;
            overflow: hidden;
            color: #808080;
            position: relative;
        }
        
        .aui-navBar-item:first-child {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            margin-right: -25%;
            font-size: 0.9rem;
            font-weight: bold;
        }
        
        .aui-navBar-item:last-child {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }
        
        .aui-center {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 44px;
            width: 50%;
            margin-left: 25%;
        }
        
        .aui-center-title {
            text-align: center;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            font-size: 0.95rem;
            color: #333;
        }
        
        .icon {
            margin-right: 0.3rem;
            width: 20px;
            height: 20px;
            display: block;
            border: none;
            float: left;
            background-size: 20px;
            background-repeat: no-repeat;
        }
        
        .icon-return {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACh0lEQVRoQ+3ZMW8TMRQH8PcOsTBQISExVCIRCwgWFvZ+hZYBpIrEcTYkBsTGlI2VDamL3YEBpWJoR1BJaOlXYEzyDYp0bMRGRjnJoDuWs/1e3EbKeHf55b33vzsb4YJ98IJ54RKce8XZV1gIcQ8AviDiD2vtC631pzZFYQ2WUt611p4CwM0VcqqU2soSXIN1ztdKqTfZgRuw75RSz9tg3bHsWjomlh04NpYVOAWWDbjf7z8oimLipbH7bUopJdvO7L/Hk8+wwyLiCSLe8H6cww4BwGYFTo0lbWkKLBmYCksCrsNaa99rrZ/FmFnS0GrCdrvd3mg0MqEDqu58yVKaAzZZSwshHgLAsX/rcW2csrJVtaNXeIWdIuL16qJU2OgVrsMCwEGn03mSamaThVYTtizLp+PxeJkioJKFFldslJbmjA0O5o4NCm7AHpZluUM5s1FCSwjxCAA++7ceADiczWaPJ5PJL6qAihJaUspdY8w+Il7xLsASG6SlhRA/EfGa91BxNJ/Pd7hVNtiT1mAwOAeADXdCa637Hi0Wi3zBUsptY8wHRLzqwIh/nlbzbWmna0roLEOrmo11QQd9W1oHdFDwOrR3cLCH/uuFn0uQRQE7dMPKJHl6RwNzRUcF/w9N9VIRHVyhazbLDihWP5KAHbphOzQ5OhmYCzopmAM6OZgaTQL20FMAuOUtHESfaTLwCn3HWnuWEk0KpkCTg1OjWYArtDHmKyJu+jMdeh+KDdghh8NhZ7lcfvPRoXcaWYFToNmBY6NZgj20m+nb3pr3W631yzY7GWzBDtXr9TaLojjz0N+VUvezBXvoPQBw0Fda649Zg9vg6o5l3dKhse58l+AY/yqnc/4GvNDoTFOq8FwAAAAASUVORK5CYII=");
        }
        
        .m-slider {
            overflow-x: hidden;
            width: 100%;
            position: relative;
        }
        
        .slider-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 100%;
            -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
            position: relative;
            z-index: 1;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
        }
        
        .slider-item {
            width: 100%;
            height: 100%;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            background: #f6f6f6;
        }
        
        .slider-item img {
            width: 100%;
            height: auto;
            display: block;
            border: none;
        }
        
        .slider-pagination {
            text-align: right;
            position: absolute;
            width: 100%;
            z-index: 2;
            right: 0;
            bottom: 10px;
            pointer-events: none;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .slider-pagination >.slider-pagination-item {
            margin: 0 .25rem;
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 100%;
            background-color: rgba(255,255,255,0.4);
        }
        
        .slider-pagination >.slider-pagination-item.slider-pagination-item-active {
            background-color: #fff;
            border-radius: 100%;
        }
        
        .aui-palace {
            padding: 0.5rem 0;
            position: relative;
            overflow: hidden;
        }
        
        .aui-palace-grid {
            position: relative;
            float: left;
            padding: 1px;
            width: 20%;
            box-sizing: border-box;
            margin: 5px 0;
        }
        
        .aui-palace-grid-icon {
            width: 30px;
            height: 30px;
            margin: 0 auto;
        }
        
        .aui-palace-grid-icon img {
            display: block;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .aui-palace-grid-text {
            display: block;
            text-align: center;
            color: #333;
            font-size: 0.85rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 0.2rem;
        }
        
        .aui-palace-grid-text h2 {
            font-size: 0.8rem;
            font-weight: normal;
            color: #666666;
        }
        
        .aui-resume-head {
            width: 100%;
            height: 5rem;
            background: -webkit-linear-gradient(#fd983e, #f4672e);
            /* Safari 5.1 - 6.0 */    background: -o-linear-gradient(#fd983e, #f4672e);
            /* Opera 11.1 - 12.0 */    background: -moz-linear-gradient(#fd983e, #f4672e);
            /* Firefox 3.6 - 15 */    background: linear-gradient(#fd983e, #f4672e);
            /* 标准的语法 */    background-color: #f4672e;
        }
        
        .aui-flex-mar-top {
            margin-top: -4rem;
            margin-bottom: 55px;
        }
        
        .aui-resume-item {
            background: #fff;
            height: auto;
            border-radius: 0.4rem;
            padding: 1rem;
            margin-bottom: 15px;
            overflow: hidden;
        }
        
        .aui-resume-star span {
            overflow: hidden;
            font-style: normal;
            color: #9b9b9b;
            line-height: 0.99rem;
            font-size: 0.85rem;
            margin-right: 1rem;
        }
        
        .aui-resume-star span em {
            float: left;
            font-style: normal;
            color: #9b9b9b;
            line-height: 0.99rem;
        }
        
        .aui-resume-star span img {
            width: 16px;
            height: 16px;
            display: block;
            border: none;
            float: left;
        }
        
        .aui-resume-title h1 {
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
            color: #222222;
        }
        
        .icon-lock {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAFg0lEQVRoQ+2bfYgUZRzHv9/d87Ly9dxZS5MssBeT1FAqMHoz7I/e1Lq4nVUQhaSiICgCLc+kIAgqJIQiJd1Z4yy1xAzUEsEi7MUM0dBCyKxm9syXK/Xudn4xu9PunN3dPjM7u26488+xe7+X7+f5PfM8zzzzLHGBXbzAeFEHrkbFZdWwYbg4ejm6MQhD2/fxfvxdjbxOjqpVWIwR0wHOAiKzAIwsAIrYIPcD8g2A3aC9jYn2A5VqgIoDSyqWAPgiyGvVIEQAbIHYrUy271bzUbeqGLCsHnkpIpIG8YC6HK+lZAE+T918LZh/714VAZaPYoPRwZ0AJ/VMKwdAbADsbeiyD8H+00SjNgbkjbAxA8RsAE09fERWMmnNDws6dGBpQyO6tO0Ap3nu099BPkHdXN+fcNmES3Ay/jgEy0AM9Pi/zKS1OAzo8IENbRnAojiRH4HsdCaPHVEVLIY2DsBmgM7f/CVOjPbtqjH6sgsVWNY2jYHdcBDARa7KX5A9PYVzO0y/QnOxstEvQY52fX9Gh3kdH0OX31he+3CBDe0NgE8XEhATmTD3BhUoqaZbgOgukJF8lW2dyUw6aDzHLzRgERDp+G/FOVbep261lCMux2hoH+bnb+cDtjNpTi8nZnjAqabxYMO+ohj7LuqZz8sRl2NMaQ+DXOfeIt1IWI0knLk60BUesBGfAeBTV5hglNXIO9EdSJXHSdbEJyKCPYWvbHsU52ScnhToCg84rc2DcKWr4g/q5mWBFJ3j5E5VfxUacoA9hs3tvwaNHR5wKr4QxApXyGHq5lVBRZ3rJyltEYjbAL5dai4vlfN/AVwKws//68B+WstrKxXs0kE19eZXr3DQ1qxXOMRROmgRQu3SkmoaAjY8BJEpAMaBuBrgNbkkgjOgfBWm0N5jsRPEVuD0KiZOZVTy+b6H5b3BI9Aw8AWAC4tPRSqpKmkjJwAsRsJ6q9Sy0xewrNUmI4tNnke2SlL4jy34mEnzwf4clYHFGHYlMOA7gMOLASUL4deAOM+tTitX7xIMAmUCBPcUHh9z2e1nqGde70uID+D4FwBu9cBuQkQWsiVztHqU/80kaW0ahM7WkZYfP+QUGs+OZfPJY4EHrfyecnRrIYDIBzhkPcpW2OcT9t/cYmiPAGzzFGMBdevd4MCp+AoQziDlNOEJDMAVbLY6agG2AJ3S9oCc6H5eQ92cWw7wDyAmuF1mOZPWU7UEmyuDoS0H+KSr6zPq5t3BgQ3tOMCheeDy95Uq0Vji3S0V2cWkVdwm9iRUGrTE0LoBRvODoH0f52Q2V0J0OTHrwPUK5/tPvUv3dh/V7+H6oNX/+CqGNgngBgBjS47EIjsQ7ZrHluOHS9p6DGpqlBZD2wHwdh8AS6mbrT7snYVH8a3l+Z6HxYg74pcoAzA7k4n2jcr2+ZVW7QDnFmhrYncoAUR4nLpVfLWi5FSDwIq6A5vVXIUDkyg61oHrS8v60rLvm+UCXFrGzwJodJtkdrnvaBXHIV9mkoq9CkaeyzvJTupWrwsdtaellHbEsxfdSt1c6ktNFYwlpW0Bea+baiN1c2ZvaRWB4+tB5AOIfA/dmlxqh78KjIUU0jZiNLoiBwAOciv8CnVrUXDgdKwFEvGej3o27EOfQRtI0oNjsAd+AnKqCyugPb6vI8hqFc6dwdK+7XlYVN4Es++g4dhBNqMzqOCgfrmqdkad1ypLQMSL5e7/dYsScK4nO+cfhXt7HPoMqrZifnIUEZna39sQZeAcdLrpBtjR1SBvqpjmoIEVD7H6As6PWSCM2AIgMh/EzUH1heKX+/kAfgKwHkOsl1R+O+Eb2CtU2oYPRSevh0SKZ5tDIVEI0sATOGPt5zycUbAumJQF7CdRrdjWgWulEpXS8Q/IBLBbz4BxJwAAAABJRU5ErkJggg==');
            width: 16px;
            height: 16px;
            background-size: 16px;
        }
        
        .aui-palace .aui-palace-grid {
            width: 33.333%;
        }
        
        .aui-palace-one {
            padding-top: 1rem;
            padding-bottom: 0;
        }
        
        .aui-palace-one .aui-palace-grid-icon {
            width: 25px;
            height: 25px;
        }
        
        .aui-resume-item .aui-flex {
            padding: 0 0 10px 0;
        }
        
        .aui-resume-item .aui-flex-box h2 {
            font-size: 0.92rem;
            line-height: 1.4rem;
        }
        
        .icon-order {
            margin-right: 0.2rem;
            width: 18px;
            height: 18px;
            background-size: 18px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAFKUlEQVRoQ+2aW2wUVRzGv+9ModgAUYSIlJ0hIXgBJcgzmhiNGnzUEEGwzoCQGMWgmOCb8cXES+MtIUTYKdFQ4F0jiYQXY0KIhEC9NCKy0wUDcilCw6U78zez3W5Bdufm7GwDu2+bOec73+/8/2fm3Ijb7MfbjBct4LQiLtumTwEnLQZjdqpAoFhE18AxEpKWn1Gd1CPsg3rs6Ca4CkR7YsOCfmruMnYVDyfWqFExVWDZhzY5bhwAsCgVkyJHOezM5zoMp6IHxEy3kFalJ/eUiNqTljlfh5Qn+bKzNy3NyBGW7bN0uNqzHriYxL0EDkB5W9lVPDFqRvL6eiE/rY4Xz10KhcvxzGodAnxT1RC8TqvwRbWNbZ2Pi2p7DYK7QflHgINqgruVK08Uo7QTCiwCej3GRwTevElQ0K+swgNVM7bxtgAfjAEPTeXqMxejGKlqfD1tqgxPuTD2kvHeojnQ7f/3vYht/AXinhs0RUoCdCvT2RT2ogsFdvNGN4kNdUwPKrNwV9OBKwZEsFmzCq8GdXAgsPToC0RwxB9J14kchuA8iMsU2UnL2T6W0rkNQlWORnn8pZHSkA00nU+qbfTkHhNRb1RSejKAxVV/Ih6lNJ+rT/bXgw4GzhsbhfiwXFmkRHhLaBX31xMT21h6/fiLk8r1DXrLaQ7sjNomMTYEatUJBHbz+pck11SAjyrLmRcEIZ+hXSbrv4PMpQELyGVK6X5aJweC9Dzb+BPAnMo4tzWrYCWKsJvXd5FcNlJZjijTWRgGInbnIpG2HSAeDCsb+FzkHMlVNAvfhul4tt4HcEEFuFezCisyA640SnxlzEHJ1WNPLUecnsW14m9RJxxNBw6LSNrPW8BZp3TaEQzTa0W4FeGxHAn7Dsf+LIWlXyOee3n9Z5Dzm/ZZagRU4MSjBZzBxMPNG3kCK0FMiB1hwTAo+3jt4jKuO19dGkbVyTylZWvuIdHUkagG6077PHmUq50f4upkDzyyaP8bwMS4ZqvlBRdJ6jSPD8bVyBy4/Ha0Z8+DqOe9BDuVSnAV4B5ahYNxYf3yTQFOYjStOl7e+GV0dSaC7FdLaYFE1WkB3/JTy2aktOyeMRlDkx4BRIuaihHLnaVZDPzkZZ7SlSOWPwDoESHiFRP5kaazpN6ec/bA2zvvE6+t7tZoPLrapSkyl5ZzrNZTzzZ+BVA+EMjkLT0SYf07gE+kAXeThkgfTWdh3QhnDTxq0N+xBHhnqtCeKqHk7A/a0Ms8wqkCJhBrAd/y3+FmjeEE2ZhKlaaktPTk5sLjcx7RkQpFRUQJzsG9souvnD5VTzfz1ZL46+FrU07/r0sswb00SO3KbL50aqjmdzjrPS2xZ84RtPsneA36idD1pnNN8dy4APZNuLa+maB/TJl816Nmd8mQAJ9rpvPOuEnpBoU1smzmYziyswYVbAHf8hOPrN/SDcrUyLKtlE6c0rbRS+CFcleL9CnLeThyt2dY8IYdD2CHZhZerNd88HGprb9PcFMF+BKpcklOBhrJLu9CiaGfAVi+ESiCjzWrsDERsORzy4Vqx3WVD9Fz34PC+UZCRNfWponIWpBPj9aheCtoDfQmA94yq0Mmth0CGHghLbrBBpf073ZdcmZxvX90U/sXerm0fDKo1Pc33WBtsPcE8oOVu9U/BdUNBS6Pi/zMGYL2LaA8A/COBGYaV6V8toy9lOG1YVcUfRORgEfdym5MxFCnf3t1UuMIYigr7SouFA4GpfB/1WIBx7Aybou2gMdtaFIy9i+hnZ1qtdQiIwAAAABJRU5ErkJggg==');
        }
        
        aui-arrow {
            text-align: right;
            color: #999999;
            padding-right: 12px;
            position: relative;
            font-size: 0.8rem;
        }
        
        .aui-arrow:after {
            content: " ";
            display: inline-block;
            height: 8px;
            width: 8px;
            border-width: 2px 2px 0 0;
            border-color: #cdcdcd;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -7px;
            right: 2px;
            border-radius: 1px;
        }
        
        .aui-resume-user {
            width: 60px;
            margin-right: 1rem;
        }
        
        .aui-resume-user img {
            width: 100%;
            height: auto;
            display: block;
            border: none;
        }
        
        .icon-iphone {
            background-size: 18px;
            width: 18px;
            height: 18px;
            margin-right: 0.2rem;
            background-image: url('data:image/png;base64,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');
        }
        
        .icon-add {
            background-size: 18px;
            width: 18px;
            height: 18px;
            margin-right: 0.2rem;
            background-image: url('data:image/png;base64,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');
        }
        
        .aui-flex-box h3 {
            color: #222222;
            font-size: 0.9rem;
            margin-bottom: 0.4rem;
        }
        
        .aui-flex-box h3 em {
            font-size: 0.8rem;
            font-style: normal;
            font-weight: normal;
            color: #666666;
        }
        
        .aui-flex-box p {
            color: #252525;
            margin-bottom: 0.4rem;
        }
        
        .aui-flex-box h4 {
            height: 22px;
            font-size: 0.9rem;
            font-weight: normal;
            color: #696969;
        }
        
        .aui-resume-item .aui-flex-user {
            padding-top: 15px;
            -webkit-box-align: initial;
            -webkit-align-items: initial;
            align-items: initial;
        }
        
        .icon-work {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEfElEQVRoQ+2aX2gcVRTGv28mEdPig4hWmnS2SChaRELV0paioi9irX0SRbDtjC0tYhsLvvhiooLgQ9UGRFN1h4QqIr40VvFJbMFqW/9UJIiK0p2kxUTwxWpj0rmfZGdWVmn2z+yfZJuZx917zvl+95x779x7h1hkDxcZL1Lgyz3jaYbTDF9mPZCWdL0SKn/l9UB4L8CMQWWrgQUIUA6wP6Z75td6aSn205AM660Vt8niMYAdyUTrAsWN9HJfJ7Of26ohwKHvDBN8tBaxkg7ZXlCTj0vFbwiwyWaOg1ifDygdpswgLFwo2QEGHaK1G+QDkR1OWF5uXS2d1jxg3zkJ8PbZgFS4jt74iUqEayizXgbHo7Y6ZbnB2krsqmnTmAwXA9N0c/vYz5WI0ptd3bLtn+YdWP2wsKJriyE3EOwB2F4GYA2IqwqlCWCqEmBQHQCjrAp/ACgzaWlG0GmL+Ay5sRH2w5SLUzbDGs7cpBDvAOgp52x+/9dXJLZxezBaSkdJYA11dcpYPwBcOr8wFUaXzjOc6ubOyYm5LEoCGz/zIYD74hL7ntDrsDAKmbBCCY1tRsuGcLPAxwGsileFI5YXbK4aOMquPR7D/saZmZXcde6vxhIk867hZUsVXvkLgOvyK4MxnXxs7FxVy5J8Z7PAkfz8IR20vWBXMjnNsQqzzhskd+SBgU10cx9VC9wr8JXIgfrpBs82R3qyKPKdPoH9eb1SL71goFrgJwW+HDvooxc8l0xKc6yUdZ4RmU8KoX10g3yy/v/MOWnJd1Lg5uQqWZQ0w2lJR5WTjuHCCCqetAB8KuhostHVHCuCdwK4qy6zdHMk1y9KzctS/aQ0x1M9gBOXNIUHQa7Oo0qHRZwuxiawBmD8sq9RAe8n6Za6ljSlxG9axneOANwUja1wFd3x+EQjwlLWWS0y2sNKI5YXbEkCvGDWYeM7RwHeEQPfQnf8u2Kg6EjXOhX/9onl5u5paeAwm3mJxL58AoFXbTf3RDGQ8Z2RQklL2G97uadaGliHOrs0bedAWlHV4jXLTL8I27paaNsP4O64nA1t43Db+NmWBp4VH/rOAME9pUAkDdhe0JsENp4LFtZuqXi/+l8oiWAf3dzzSWEXJHAkKrMB0EYD3ArSWNI3YHiM7tkvaoFdsMC1QpUcEukBQHrikS+QdHtYGCfpmVZ6atnIObd63wtm81C99GQWtQNnnb0iD0Qz22K4ecg694v8INrlaNB2g93J+r45VqHvHCS4M156Etwtze5yZtrGYrmTtKdu4NaJP5sjv7ooGly+RO3tZ0Bcmwe2p5Zx68TkpbyUvB8O/czbBB6JDX+U9O5sfVcnp8GtBZJ8uHA/LOk92wsemitq6S8AonvXLwHc2GDZdXKvUU5fXFvqHrv8Nx6Dy5eYK9peoLCnsImvk7r6uZGMwAPW+dzT3Iu/SzkuC/zvm9dQ5zVQ2+yHYj1GKvcVT/1gSniyoGnQ+hYXw8+5Y/z3SoJWDFyJs1ZokwK3QpZq0ZhmuJbeawXbNMOtkKVaNP4D4H/QWz3KE9MAAAAASUVORK5CYII=');
        }
        
        .aui-work-title {
            position: relative;
            padding-top: 1rem;
            padding-left: 1.5rem;
        }
        
        .aui-work-title h3 {
            position: relative;
            color: #9a9a9a;
            font-weight: normal;
            font-size: 0.9rem;
        }
        
        .aui-work-title h4 {
            color: #666;
            margin: 0.3rem 0;
        }
        
        .aui-work-title  p {
            color: #a5a5a5;
        }
        
        .aui-work-title h3:after {
            background: #fe9f1f;
            content: '';
            position: absolute;
            top: 0.3rem;
            left: -1.2rem;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            z-index: 11;
        }
        
        .aui-work-title h3:before {
            border: 1px solid #fe9f1f;
            content: '';
            position: absolute;
            z-index: 11;
            top: 0.16rem;
            left: -1.34rem;
            width: 9px;
            height: 9px;
            border-radius: 100%;
        }
        
        .aui-work-title:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 20px;
            left: 0.45rem;
            height: 140%;
            border-left: 1px solid #D9D9D9;
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }
        
        .icon-education {
            background-image: url('data:image/png;base64,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');
        }
        
        .icon-job {
            background-image: url('data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看