css布局手机端移动端招聘求职类个人中心我的页面代码-html代码-BFW代码库

代码语言：html
代码描述：css布局手机端移动端招聘求职类个人中心我的页面代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <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: #f5f5f5;
            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%;
        }

        .flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 15px;
            position: relative;
        }

        .flex-box {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-width: 0;
            font-size: 14px;
            color: #333;
        }


        /* 必要布局样式css */

        .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;
        }

        .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;
        }

        .navBar {
            height: 44px;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            z-index: 1002;
            background: #00a4e2;
        }


        .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;
        }

        .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;
        }

        .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;
        }

        .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%;
        }

        .center-title {
            text-align: center;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            font-size: 0.95rem;
            color: #333;
        }

        .icon {
            width: 20px;
            height: 20px;
            display: block;
            border: none;
            float: left;
            background-size: 20px;
            background-repeat: no-repeat;
        }

        .mine-head {
            width: 100%;
            height: auto;
            background: #00a4e2;
        }



        .flex-box h2 {
            color: #fff;
            font-size: 1.4rem;
            margin-bottom: 0.3rem;
        }

        .flex-box p {
            color: #fff;
            font-size: 0.9rem;
            position: relative;
            display: block;
            width: 36%;
        }

        .flex-box p:after {
            content: " ";
            display: inline-block;
            height: 7px;
            width: 7px;
            border-width: 1px 1px 0 0;
            border-color: #ffffff;
            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: -4px;
            right: 2px;
        }
        .mine-user {
            width: 70px;
            height: 70px;
        }

        .mine-user img {
            width: 100%;
            height: auto;
            display: block;
            border: none;
            border-radius: 100%;
        }


        .arrow {
            text-align: right;
            color: #808080;
            padding-right: 13px;
            position: relative;
            margin-left: 15px;
        }

        .arrow span {
            font-size: 0.8rem;
            color: #aeb3b9;
        }

        .arrow:after {
            content: " ";
            display: inline-block;
            height: 7px;
            width: 7px;
            border-width: 1px 1px 0 0;
            border-color: #b7bbbe;
            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: -4px;
            right: 2px;
        }

        .course-list .flex {
            padding-top: 20px;
            padding-bottom: 20px;
        }


        .palace {
            padding: 1rem 0;
            position: relative;
            overflow: hidden;
            background: #fff;
        }

        .palace-grid {
            position: relative;
            float: left;
            padding: 1px;
            width: 25%;
            box-sizing: border-box;
        }

        .palace-grid-icon {
            width: auto;
            height: auto;
            margin: 0 auto;
            position: relative;
            text-align: center;
        }

        .palace-grid-icon h2 {
            font-size: 0.9rem;
            color: #0f0f0f;
        }

        .palace-grid-icon .tag {
            background: #fc8020;
            color: #fff;
            font-size: 0.6rem;
            border-radius: 15px 15px 15px 0;
            position: absolute;
            right: -18px;
            top: -5px;
            padding: 0 0.3rem;
        }

        .palace-grid-icon img {
            display: block;
            width: 100%;
            height: 100%;
            border: none;
        }

        .palace-grid-text {
            display: block;
            text-align: center;
            color: #0f0f0f;
            font-size: 0.85rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 0.4rem;
        }

        .palace-grid-text h2 {
            font-size: 0.8rem;
            font-weight: normal;
            color: #676767;
        }


        .flex-box h3 {
            font-size: 0.9rem;
            color: #484848;
            font-weight: normal;
        }




        .footer {
            width: 100%;
            position: relative;
            z-index: 100;
            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;
            padding: 7px 5px 7px 5px;
            background-color: #fefefe;
        }

        .footer:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: -1px;
            left: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #e4e4e4;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
        }

        .tabBar-item {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            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;
            -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;
            color: #979797;
        }

        .tabBar-item-text {
            display: inline-block;
            font-size: 0.65rem;
            color: #b4b4b4;
            padding-top: 2px;
        }

        .tabBar-item-active .tabBar-item-text {
            color: #52c9c3;
        }

        .icon-loan {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBCRkU4NkYzOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCRkU4NzAzOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEJGRTg2RDM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEJGRTg2RTM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkc4zAAAAAshSURBVHja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');
        }

        .icon-credit {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBCRkU4NzMzOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCRkU4NzQzOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEJGRTg3MTM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEJGRTg3MjM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlvzZe0AAAQ7SURBVHja7FvPTjIxEC8LiR7AAz6BEV8FznDzSjj4DnozPAOJJPoIHgm8iAfBg3cSEjiAieI3m2/IOEx3W+iuRdpkA7vsdju/zp/ftENhvV6rY2+RCi2AAK1ET9ZHZhuFfy1oQjCHAEIAwRqE/75DUZ9p4z+fnp7U4+Nj3A88h/3Rvvi1X40OUkOB6UBtBv329vZDWAog9vP19bXVJ7/XC3PYZ7Z0sw3X6W9UcAkYL8yBD8x0kFQ4KjB+0ndEUbS55o0m0NkqFovq8/PT2jfQ+wBI7JObCHzH33MlTczhrZMEmc1majAYqMlkoj4+PqxNAmaZCsxfB+enp6eqVquper2uqtVqLozRGITpdKp6vZ5arVa2L9rMODUnBEVn/wDGzc2NOj8/zxyEkukDw+EwBuDq6ko1m01VqVT2BkJynovFQj0/P6vX11c1Go3U9fW1P9EBQx0AcHZ2tqXKSQ4TBE+LEugMy+Vy/A64Nh6P/QqRy+Uy/oRBSlajI1MonI4s8QgEB7wDrtn6nUxBoGEMnZvk2Oh9XAvwWTxPAgPNxivazB2aFOPpTNJn0flxtZdCLJ7nTaWNeAKdGW77SSpOQeFcgAKrA9grskRnj6opFZDeJ2kE5wuUM0j5CbyHatGvgkDtOCmfgPtub2/jgw6es0A4v7u7iw8po6TakJcmlGw0gcd4ToelrNBEKG5W+HxefsGYLKU5K5j9+/t70Z65SeF9uhxEt4YhRSb6nVPz3FeW9uEJJlmsTptMQq4zTbAZsM5M0L/YpMrcTKCPh4cH9f7+vuWMT05O1OXlpWo0GnHyZbomEbkS3AVPSAICBaIgcjCB1b68vMSJHiR8ptGl5MIMdOxRMhEd5zAFGgTrdDriffP5fKfkK3LlD/bhCab967QH3wmJXavVikGG5MsUZGeO0QVPMM1fkrQRki9YAYPkyzT/cAYCtVXOKnUassviTFpkopqTm09wwRNsQ7BJKLTJPbznCV4tquxqtzbrCQcLQh48wZvc4Td5wkGYQ9Y8wXtN4DwBWrfb1c488oRdo4TXIOyznvCnNCFLnnAQITLwhMATAk8IPCHwhMATjogn6ErudD4gbWaz5gkmu9nUXDer4EkzSou0JCfoemZ32YRNq3fgVTIcABEEihSs1fHtcoq0a++uizRpZki1gApLAUB5JD4T6QgP74AzvizCG/ZvsxttUjeRxmojqUMwA6kGKStT4MDvU6UiLbqmTVikC3fcIXIu4FIbdLmGrU/QjSutAiZKQi1tS95FXRH3NbaaxjdmuE/heyDi5g0v5uz3+/FmpxR6KCiuGB/vj26v22SdSeOi/VxcXKh2u43PmP8HihMel/VESfUGNuaWNK60qrgtTdAN6C80gfwVxOiw6z9cfBbcKkRKrPHQGyVTNLr9cJhSlftfMwOd8xRL/Y+1hb8EBhACCJv2LcAADutxbEl+gXIAAAAASUVORK5CYII=');
        }

        .icon-meTo {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZFQUMwMjYzOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZFQUMwMjczOEZGMTFFOUE3MjZFMThGODlBMzc4QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEJGRTg3NTM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEJGRTg3NjM4RkYxMUU5QTcyNkUxOEY4OUEzNzhDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2OCwsAAAxVSURBVHja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.........完整代码请登录后点击上方下载按钮下载查看