@charset "utf-8";
/* haoyun 2022/11/15 */
@media only screen and (max-width:768px){
    .month_filterWrap{display: flex;flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;border-bottom: 6px solid #F5F5F5;padding: 0 15px;}
    .month_filterWrap>a{font-size: 16px;background: transparent;color: rgba(0,0,0,.8);font-weight: 500;height: auto;padding: 22px 0 17px;line-height: 16px;}
    .month_filterWrap>a.on{font-size: 18px;font-weight: 500;color: #000;background: transparent;}
    .month_filterWrap>a.on::before{width: 24px;height: 3px;margin-left: -10px;border: none;background: linear-gradient(90deg, #2892FF, #007EFF);border-radius: 1px;top: auto;bottom: 10px;}
    .form_box{width: auto;margin: 27px 0 0;padding: 0;}
    .fill_inputLine{padding: 0 15px 15px;display: flex;align-items: center;}
    .fll_tit{font-size: 14px;font-weight: 400;color: #000000;width: auto;float: initial;padding-right: 12px;}
    .fll_cont{float: initial;width: auto;padding: 0;flex: 1;}
    .fameCheck_list{display: flex;flex-wrap: wrap;margin: 0 -15px 0 0;}
    .fameCheck_list.detail_fameCheck li{float: initial;height: 36px;border-radius: 6px;line-height: 36px;font-size: 14px;font-weight: 500;padding: 0 14px;margin: 0 15px 0 0;background: #F6F6F6;border: none;color: rgba(0,0,0,.6);}
    .fameCheck_list.detail_fameCheck li.on{background: #F2F9FF;border: 1px solid #2892FF;color: rgba(0,0,0,.8);}
    .fll_cont select{width: 92%;height: 36px;background: rgba(0,0,0,.06);border-radius: 6px;font-size: 14px;color: rgba(0,0,0,.4);font-weight: 400;border: none;padding: 0 6px;}
    .fill_inputLine:nth-child(4){align-items: flex-start;}
    .fill_inputLine:nth-child(4) .fameCheck_list li.ovf_ellipsis{margin: 0 15px 12px 0;padding: 0 12px;}
    .fll_btn{display: flex;align-items: center;padding: 30px 15px;border-top: 1px solid rgba(0,0,0,.1);}
    .fll_btn .fll_tit{width: auto;padding-right: 18px;flex: 1;}
    .fll_btn .fll_tit:last-child{padding-right: 0;}
    .fll_btn .fll_tit .btn{width: 100%;height: 45px;background: linear-gradient(90deg, #2892FF, #007EFF) !important;border-radius: 9px;line-height: 45px;font-size: 16px;font-weight: 400;color: #FFFFFF;margin: 0!important;border: none!important;}
    .fll_btn .fll_tit:nth-child(2) .btn{background: linear-gradient(90deg, #53C3FF, #36B9FF)!important;}
    /*代付详单下载*/
    .author_chooseLine{margin: 0;padding: 27px 15px;display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;}
    .author_chooseLine span:first-child{font-size: 14px;font-weight: 400;color: #000000;margin-right: 12px;}
    .calendar_input{flex: 1;height: 36px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 6px;padding: 0 7px;}
    .wrap a.czsc1, .wrap a.czsc2{height: 36px;background: linear-gradient(90deg, #53C3FF, #36B9FF)!important;border-radius: 6px;line-height: 36px;font-size: 14px;font-weight: 400;color: #FFFFFF;width: 32%!important;margin-left: 15px;}
    .author_chooseLineHalf{width: 100%;display: flex;flex-direction: row-reverse;margin-top: 15px;}
    .author_chooseLineHalf a{width: 32%;margin-left: 15px;height: 36px;background: linear-gradient(90deg, #2892FF, #007EFF);border-radius: 6px;line-height: 36px;font-size: 14px;font-weight: 400;color: #FFFFFF;}
    .fill_text{height: 36px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 6px;flex: 1;padding: 0 5px;width: auto;font-size: 14px;font-weight: 400;color: #000;margin: 0;}
    .fill_text::-webkit-input-placeholder{color: rgba(0,0,0,.4);font-size: 14px;font-weight: 400;}
    .normalTable{border: 1px solid rgba(221,221,221,.8);border-bottom: none;}
    .normalTable thead tr{height: 36px;background: #F2F9FF;}
    .normalTable th{width: 20%;font-size: 12px;color: rgba(0,0,0,.8);font-weight: 400;background: transparent;padding: 0;}
    .normalTable tr{height: 36px;line-height: 36px;border-bottom: 1px solid rgba(221,221,221,.8);}
    .normalTable td{color: rgba(0,0,0,.8);font-size: 12px;font-weight: 400;border: none;padding: 0;}
    .jp-wrap{display: flex;float: initial;flex-direction: column;align-items: center;margin: 21px 0 86px;}
    .jp-holder{margin: 0 0 15px;}
    .jp-holder a{height: 27px;line-height: 27px;background: #F6F6F6!important;border-radius: 5px;font-size: 12px;font-weight: 400;color: rgba(0,0,0,.2)!important;padding: 0 11px;margin: 0 6px!important;border: none!important;box-sizing: border-box;}
    .jp-holder a.jp-last, .jp-holder a.jp-next{background: #FFFFFF!important;border: 1px solid #DDDDDD!important;color: rgba(0,0,0, .8)!important;}
    .jp-text{margin: 0;padding: 0;float: initial;font-size: 12px;font-weight: 400;color: #000000;}
    .jp-input{height: 27px;line-height: 27px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 5px;box-sizing: border-box;margin: 0 5px;}
    .jp-text .btn{padding: 0 20px;width: auto;height: 27px;background: #FFFFFF;border: 1px solid #2892FF;border-radius: 5px;font-size: 12px;font-weight: 400;color: #2892FF;box-sizing: border-box;margin-left: 15px;}
}
