jucai/public/themes/default/assets/mobile/css/online2021.css

body {background:#B2001A;}
a {text-decoration:none;}
.online2021_header img {width:100%;display:block;}

.online2021_title {background-image:url("../images/online2021/bg_title.png");width:100%;height:100px;background-size:100% 100%;}
.online2021_title p {color:#db0b00;font-size:.3rem;text-align:center;padding-top:30px;font-weight:600;letter-spacing:2px;}

.online2021_ad {background-image:url("../images/online2021/bg_ad.png");width:100%;height:80px;background-size:100% 100%;position: relative;top: -20px;}
.online2021_ad p {color:#fac97c;font-size:.29rem;text-align:center;font-weight:600;padding:0 5%;padding-top:15px;height:60px;line-height:25px;}

.online2021_special ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.online2021_special ul a {width:50%;padding:0 2% 20px 2%;display:block;}
.online2021_special ul li .special_box {background-image:url("../images/online2021/bg_index_special.png");background-size:100% 100%;width:100%;height:100px;}
.online2021_special ul li .special_box p{ padding-top: 58px; text-align: center; color: #000000;}

.online2021_online {position:relative;top:-30px;}
.font-red {color:#ec0d00;}
.line-two img {width:.25rem;height:.25rem;}
.news-list-item {width:96%;margin:10px auto;box-sizing:border-box;background-color:#fffeec;border-radius:10px;background-position-x: calc(100% + 2px);background-position-y: -2px;background-repeat: no-repeat;border: none;background-size: 1.3rem 1.3rem;}
.news-list-item.unstart {background-image:url("../images/online2021/status_unstart.png");}
.news-list-item.start {background-image:url("../images/online2021/status_start.png");}
.news-list-item.end {background-image:url("../images/online2021/status_end.png");}
.news-list-item .news-info {padding:1% 2%;}
.news-list-item .news-info .info .line-two {height:.45rem;line-height:.45rem;}
.news-list-item .news-info .info .line-two .more {float:right;color:#ec0d00;}
.news-list-item .news-info .thumbnail {border:none;}

.online2021_job_fair {background-image:url("../images/online2021/bg_job_fair.png");width:98%;background-size:100% 100%;position: relative;top: -20px;margin:0 auto;padding-bottom:.5rem;}
.online2021_job_fair p {padding: .3rem .4rem;line-height: 25px;text-indent: 2em;color: #000000;}
.online2021_job_fair .btn{width:25%;height:27px;line-height:27px;background:#B2001A;color:white;border-radius:5px;text-align:center;}
.online2021_job_fair .btn_one{margin:0 auto;}
.online2021_job_fair .btn_one a {color:white;}
.online2021_job_fair .btn_left {float:left;margin-left:10%;}
.online2021_job_fair .btn_right {float:right;margin-right:10%;}

.onine2021_lottery {position: relative;top: -20px;}
.onine2021_lottery .lottery_logo {display:block;position:relative;z-index:10;width:60%;margin:0 auto;height:120px;}
.onine2021_lottery .content_box {width:98%;margin:0 auto;border:4px solid #fed18f;border-radius: 10px;background:white;padding-bottom:10px;}
.onine2021_lottery .content_box.content_box_one {position: relative;top: -15px;z-index:20;}
.onine2021_lottery .content_box.content_box_two {margin-top:10px;}
.onine2021_lottery .content_box.content_box_three {margin-top:20px;}
.onine2021_lottery .content_box .content_header {width:50%;display:block;padding-bottom:10px;margin:0 auto;}
.onine2021_lottery .content_box .lottery_description {padding:0 10px;}
.onine2021_lottery .content_box .description_title {color:red;}
.onine2021_lottery .content_box .description_title.black {color:black;font-weight:600;}
.onine2021_lottery .content_box .description_content {color:black;}
.onine2021_lottery .content_box .grid {display: flex;flex-wrap: wrap;width:100%;}
.onine2021_lottery .content_box .grid .grid_item{position: relative;box-sizing: border-box;flex-basis: 50%;}
.onine2021_lottery .content_box .grid .grid_item .grid_item_content {align-items: center;justify-content: center;display: flex;flex-direction: column;box-sizing: border-box;height: 100%;padding: 16px 8px;background-color: #fff;position: relative;}
.onine2021_lottery .content_box .grid .grid_item .grid_item_content .grid_item_img {width:50px;height:50px;}
[class*='lw_hairline']::after {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 1px solid #ebedf0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.onine2021_lottery .content_box .cell {position: relative;display: flex;width: 100%;padding: 5px;overflow: hidden;line-height: 24px;border-bottom:1px solid #cccccc;}
.onine2021_lottery .content_box .cell .title {width:8%;display:flex;align-items:center;}
.onine2021_lottery .content_box .cell .title span {display:block;width:20px;height:20px;line-height:16px;border-radius:50%;text-align:center;border:2px solid #B2001A;color:#B2001A;font-weight:600;}
.onine2021_lottery .content_box .cell .content img{width:25px;height:25px;margin-right:5px;}
.onine2021_lottery .content_box .cell .content {display:flex;width:67%;color:black;}
.onine2021_lottery .content_box .cell .time {width:25%;font-size:.2rem;}
.onine2021_lottery .btn {width:40%;height:27px;line-height:27px;background:#B2001A;color:white;border-radius:5px;text-align:center;margin:0 auto;margin-top: 10px;}

.to_lottery {width:50px;height:50px;position:fixed;bottom:1.5rem;right:20px;line-height:45px;background:#B2001A;text-align:center;border-radius:50%;z-index:999;font-size:.38rem;font-weight:600;color:#FEFDD2;border: 2px solid #eee;}

.layui-m-layercont {padding:30px !important;}
.layui-m-layercont p {line-height:30px;}
.mt20 {margin-top:20px;}

.bottom-nav-bar .nav-bar-cell .bar-cell {width: 33.3%;}