css布局实现手机端招聘类app会员中心我的页面h5效果代码-html代码-BFW代码库

代码语言：html
代码描述：css布局实现手机端招聘类app会员中心我的页面h5效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>会员中心</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: #fff;
    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: #f8f8fa;
    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: 92%;
    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%;
    left:15px;
}

.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;
    margin-top:0;
    padding-top:2rem;
}

.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 {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.aui-flex-users{
    width:65px;
    height:65px;
    margin-right:1rem;

}


.aui-flex-users img{
    width:65px;
    height:65px;
    display:block;
    border:2px solid #f3f3f3;
    border-radius:100%;
}


.icon-address{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC+0lEQVRYR+2Xz0sVURTHv2fmRUILi8igHxpFm0CyRZtauLFFBRFkhAX5c+48ArOIFqKQFQlli4IgvBdFgggxLCwIyoVB9A9IGwkCQYuIHkI/EJ35xhUNe6hvns9nLmaWc+855zPfc86dcwVr/JE1zocYMNcMxQrGCkZVwPO8EyJy1+4XkSudnZ0votoutS/nGlRKrQNwB8AlAF9JUkS2AuhIpVLNfX19ge/7tWEYVotIr9b6YTbgOQEmk8ntQRA8E5GDJAfDMDxjgzuO0y8i5STfT09Pn0wkEi0i0kTSGGPUqgB6nlcBoBdAoYhc01q3A6AN3tbW5oyPj7eRbLWqAhgWkYpVAbTBx8bGrgNoAfANwGljzNuFVLEfISJP7UfY9bwD1tbWbkkkEn1z6ZuamjrV09PzZamUKaWKAbwEUEpyRESOaK1Ho6Y5cg16nncIQD+AIhG5nUqlWm0DRAnU2Ni4fnJyshvAWQATJCuNMYNRbKMAilLqKsl2EflBssoY8yqK8/Q9vu8rkg9IJkTkhtbalspM3S72LAmolCok+UREjpL8KSL7sknPQkHr6+sPuK77BsBm2/kiUqm1nsga0Pf9/SQHABRbOAC/jDFFy1Eu3cbzvHcicnj2/SjJY8aYDwv5XlRBpdRjAMcBnCPZBKBshQFt89wi2QHguTHmfFaA9hAOw9C1KfU873UeAHdqrUtqamo2uq7rdHV1fc8KcP7mfAJmKpkoXYwYcLnHzJxdrGC+FbTzHsmStDhTALq11p8XOQdnujjvTZJMJouCINAk76UF2+M4zjat9c3/ClhXV7fbdd3LxpjG+SBKqVI7HGitm2PApbo4VjBTF9l1pZSdiMtHRkY2DQ0NTc+3WY6CSqlhkgXGmL2Z4kf61SmlLgK4T/IjgLH5TkWkAMCO2bW/SyKywU7fJD+lQdhLVhnJR8aY6hUBtE4aGhqqHMexN7ddmZxmWP8NYCAIgguLTTD/CJBjsLybR0px3ily/dXFgLGCeayBNd8kfwC3Qa84u69+NQAAAABJRU5ErkJggg==');

}


.icon-edit{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADFklEQVRYR+2Yz2tUVxTHv987RiJqwZ+lUip242/splTNoiAVShVBMvfcMFqxuBAV/QNcRXddtyJadBGDnXde4o+FCtJKbahQUTeR2QntwlW7K91N3pELMzIOSczkzYsu5u0G3rnnw/f7PffdO8R7/vA950MPMK9DPQULVVBVNwDYZ2ar59PIOTfhvf91PrXNmhktVtUDZjZGsi9HgxsiMthaX61WNzvnrpjZpyQv1Wq1c8PDw9lMPWYDfA7gE5L7vPcTOSBfl46NjW2dmpqaIFkH8BTA1wAui8jx+QAagOsicqgAuN3e+xdpml4AcILkGe/9D9P1mVZBM2OappmZXQ0hHMsL2KLcCjP7OYRQaa6pqrcB7BSRD98JoKp+ZmYPSDoz+4vkDgAXReTk+Pj4x/V6/VHMuYh8tOCADbiHJC3Lsj3OuRcAYp63m9kFkvsBrDezb0MIowsK2A43NDT0LAKo6koAfwDYBMDM7HgI4aeOhiRvBmeCawCuAfA7gI0kj3rvR2bLeNeHpJtwEbyrgG+Ba1r7hnKjo6MfOOcWVyqVfwvNYLVa/ZzkL3Fasyz7spm5ltz9BmBbu61JktwkuU5EvigMMMI55x7EBs65r8rl8p8t+1xUrglX8d5XW0FUNQ7MShHZXAhgHriGusUB5oUrFLBxKnkMYBnJAe/9o2ls3ULycLutC2Kxqp4DcLbR7FatVgvx2NTYiGPmtgDwInJztn2usAyqalQsHpu+N7MIofV6/XRfX9/DucIVZvHIyMjS/v7+/wAMi8h5Vd1rZndI/g9g+VyUa4lD94dEVQ8CuBE/8iTXAoi/BwBMAZC32Vp4BpMk+ZHkqZZGk2Z2r1QqpeVy+Ukn58dCMpim6Xdm9o2Z3Sd5V0RedgJVuILzhZmurhAF3zlgY/zjpemaiBzpJlD7WqoaM7tERLbO+VscX0ySZJLkqlKptGtwcPDvbkPGQ7GqepJVM0tDCKEjwHhxBzAOYFG34drWi/vpgIhMdgTYsHlDvNhkWbaqIMiXJG+JyD8zrd/7dyuv8j0FewrmVSBv/SsD9nlHrlrTCwAAAABJRU5ErkJggg==');

}


.aui-flex-box-text {
    position:relative;
    overflow:hidden;
}

.aui-flex-box-text span{
    display:block;
    border:none;
    float:left;
    font-size:0.8rem;
    margin-right:0.4rem;
    color:#666666;
}

.aui-flex-box h2{
    font-size:0.95rem;
    color:#333;
    margin-bottom: 0.5rem;
}

.aui-purge {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

.aui-purge-item {
    display: block;
    border: none;
    float: left;
    width: 33.333%;
    text-align: center;
    position: relative;
}
.aui-purge-item h3 {
    font-weight: bold;
    font-size: 0.9rem;
    color: #333;
    padding-bottom: 0.5rem;
}

.aui-purge-item p {
    color: #999;
    font-size: 0.75rem;
}

.aui-arrow-text{
    color:#999999;
    font-size:0.7rem;
    text-align: right;
    padding-right: 13px;
    position: relative;
}
.aui-arrow-text:after{
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #9e9e9e;
    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;
    border-radius:2px;
}

.aui-purge-item-icon{
    width:30px;
    height:30px;
    margin:0 auto 0.3rem;
}

.aui-purge-item-icon img{
    width:30px;
    height:30px;
    display:block;
    border:none;
}

.aui-purge-one{
    padding:20px 0;
}

.aui-purge-one .aui-purge-item{
    width:25%;
    padding:10px 0;
}

.aui-purge-one .aui-purge-item p{
    color:#666666;
}



.aui-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: #ffffff;
}

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

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

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

.aui-tabBar-item-active .aui-tabBar-item-text {
    color: #1a8cff;
}

.icon-home {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDM1RjcxNzVENTIzMTFFOEI3Qjc4N0U1MzI4M0RGMDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM1RjcxNzZENTIzMTFFOEI3Qjc4N0U1MzI4M0RGMDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzVGNzE3M0Q1MjMxMUU4QjdCNzg3RTUzMjgzREYwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzVGNzE3NEQ1MjMxMUU4QjdCNzg3RTUzMjgzREYwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqplK7AAAAl5SURBVHja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');
}

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

.icon-find {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTJCNkFDODVENDRDMTFFOEJENEZDQzdGRjM2MzU2NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTJCNkFDODZENDRDMTFFOEJENEZDQzdGRjM2MzU2NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMkI2QUM4M0Q0NEMxMUU4QkQ0RkNDN0ZGMzYzNTY0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMkI2QUM4NEQ0NEMxMUU4QkQ0RkNDN0ZGMzYzNTY0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmnKxogAABAQSURBVHja7FsLe9pYkkVPhISEJN5gO3acznwz+///ye7OdDpx2xjzfkpC6K09dYXd6bQ72B0nmZ0vmKZjIsQ9t6pOnapb4fI8L/1nPfjSf9zjB6T/Dw/xBe+Vs0eWUXji/3jN2DvF33J4chz9x5V4vPAcvbLHvymkNE33Yez7wc6PgpCeUZjECR4pUDEInCgKvMjLkqQoUqUsqxU8y6qqCDz/7wIpZ0iw6BBggnCz3S2WzmrjbRzf8XzAS9OMDJYfrua5kiDwakXRDbWmq3Wzalt6w9YrSlmWRVkSBUH4ckjcl5A4fGzjeKPJ+uZuOplvgiAKgoRMA6BpBvMUzvjpLoq8IJDBJEkoS6KqKa167aTbOO037ZoGa34fSFj1e.........完整代码请登录后点击上方下载按钮下载查看