mw_odd_job/public/static/mobile/css/style.css

body {
    --red:#e54d42;
    --pink:#FF589B;
    --blue: #0081ff;
    --green: #39b54a;
    --white: #ffffff;
    --gray: #666;
    background:#f8f9fb;
    font-family: "Microsoft Yahei",arial,"Hiragino Sans GB","Hiragino Sans GB W3",宋体,simsun;
    color:#333;
}
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, form {list-style: none;padding: 0;margin: 0;}
a:visited {color: #000;text-decoration: none;}
a:link {color: #000;text-decoration: none;}

.bg-pink {background-color: var(--pink);color: var(--white);}
.bg-blue {background-color: var(--blue);color: var(--white);}
.bg-white {background-color:var(--white);}
.bg_green {background: #13ca87!important;}
.text-pink{color: var(--pink);}
.text-blue{color: var(--blue);}
.text-white{color: var(--white);}
.text-gray{color: var(--gray);}
.text-green{color: var(--green);}
.text-red{color: var(--red);}
.sub_title {font-weight:bold;font-size:18px;background:white;padding-left:20px;padding-bottom:5px;}
.job-item {width:95%;border-radius:5px;background:white;margin:10px auto;box-sizing:border-box;padding:15px 10px;}
.job-item .job-flex{display:flex;justify-content:center;align-items:center;font-size:14px;}
.job-item .job-flex .job-title {font-weight:bold;font-size:16px;}
.job-item .job-flex .job-flex-left .van-tag {margin-right:5px;margin-top:5px;}
.job-item .job-flex .job-flex-right {margin-left:auto;font-size:12px;}
.job-item .job-flex .num {min-width:20px;}
.job-item .job-flex .salary {color:#e54d42;max-width:30%;}
.job-item .job-flex .btn-box {display:flex;justify-content:flex-end;width:100%;}
.job-item .job-flex .btn-box .van-button {margin-left:10px;}
.margin-top-10 {margin-top:10px;}

.content-box {background-color: #ffffff;color: #666666;box-sizing:border-box;padding:0 15px;border-bottom: 4px solid #f8f9fb;}
.content-box .title .mark{width:4px;height:20px;background:var(--blue);display:block;border-radius:10px;margin-right:5px;transform:translate(0,2px);}
.content-box .title {display: flex;position: relative;align-items: center;min-height: 50px;justify-content: flex-start;}
.content-box .item p {padding:2px 0;font-size:14px;}
.content-box .company {display: flex;justify-content: flex-start;padding-bottom:10px;}
.content-box .company img {width:75px;height:75px;}
.content-box .company .company-right {margin-left:10px;padding-top:5px;}
.content-box .company .company-right .company-address {color:#aaa;font-size:14px;margin-top:10px;}
.fix-footer {position:fixed;left:0;bottom:0;width:100%;height:45px;background:white;text-align:center;}
.fix-footer .icon-box {display:flex;flex-direction:column;font-size:12px;justify-content:center;align-items:center;height:45px;}
.fix-footer .icon-box span {color:#aaa;}
.fix-footer .button {width:100%;height:45px;line-height:45px;background:var(--blue);color:white;}

.share-box {position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 100000;background-color: rgba(0, 0, 0, 0.7);}
.share-box img {width:100%;}