<> .laydate_body { border: 1px solid #e2e2e2; border-top: 2px solid #1658a0; } .laydate_body .laydate_box.laydate_body .laydate_box input{ background-color: #ffffff; color: #1F547E; } .laydate_body .laydate_table thead{ color: #1658a0; background-color: #f7fcff; } .laydate_body .laydate_top{ padding: .13rem !important;} .laydate_body .laydate_ym .laydate_y.laydate_body .laydate_ym .laydate_m{ font-size: 18px;} .laydate_list ul li{ padding-top: 8px!important; padding-bottom: 6px!important;} .laydate_list ul li:nth-child(6n+5) .laydate_bz{ right: -180px;} .laydate_list ul li:nth-child(6n+6) .laydate_bz{ right: -100px;} .laydate_list ul li:nth-child(6n+5) .laydate_bz:before{ left: 47%;} .laydate_list ul li:nth-child(6n+7) .laydate_bz:before{ right:3%;} .laydate_bz{ width: 340px !important; background-color: #1658A0;padding: 20px 15px 10px 20px !important;} .laydate_bz h4{ padding:0rem 0rem 0rem .1rem!important; background: none; color: #fff; position: relative;} .laydate_bz h4:before { content: ''; left: 0; top: 9px; position: absolute; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; } .laydate_bz:after{background-color:#1658A0;} .laydate_body .laydate_box a.laydate_body .laydate_box a:hover{ color: #fff;} .slb .laydate_list{ height:2.8rem} @media screen and (max-width: 1366px){ .laydate_bz{ width: 260px !important;} } @media screen and (max-width: 1200px){ .laydate_bz{ width: 240px !important;} } @media screen and (max-width: 999px){ .laydate_bz:before{left: 30%;} .laydate_list ul li:nth-child(6n+1) .laydate_bz:before{left: 7%;} .laydate_list ul li:nth-child(6n+2) .laydate_bz,.laydate_list ul li:nth-child(6n+3) .laydate_bz{ left: inherit; right: -170px; } .laydate_list ul li:nth-child(6n+4) .laydate_bz{ left: inherit; right: -170px; } .laydate_list ul li:nth-child(6n+5) .laydate_bz{ right: -130px; } .laydate_list ul li:nth-child(6n+6) .laydate_bz{ right: -70px; } .slb .laydate_list{ height:2.3rem} }