@CHARSET "UTF-8";
.sf-flex{display: flex;}
.sf-row{flex-direction: row;flex-wrap:wrap;}
.sf-col{flex-direction: column;}
.sf-start{justify-content: flex-start;}
.sf-around{justify-content: space-around;}
.sf-between{justify-content: space-between;}
.sf-center{justify-content: center ;}
.sf-itemcenter{align-items: center;}
.sf-itemstretch{align-items: stretch;}

.sf-pdbox{padding:15px;}
.sf-pdlr{padding:0 15px;}
.sf-pdtb{padding: 15px 0;}
.sf-orange{color: orange;}
.sf-white{color: #ffffff;}
.sf-grey{color: grey;}
.sf-size14{font-size:14px;}
.sf-size16{font-size:16px;}
.sf-size18{font-size: 18px;}
.sf-sizebig{font-size: 36px;}
.sf-bold{font-weight: bold;}
.sf-bggrey{background-color: #f8f8f8;}
.sf-bgwhite{background-color: #ffffff;}
.sf-line8{width:100%;height: 8px;background-color: #f8f8f8;}
.sf-line1{width:100%;height: 1px;background-color: #f8f8f8;}
.sf-textcenter{text-align: center;}
.sf-img20{height: 20px;width: 20px;}
.sf-img30{height: 30px;width: 30px;}
.sf-img40{height: 40px;width: 40px;}
.sf-img60{height: 60px;width: 60px;}
.sf-opa5{opacity: 0.5;}
.sf-opa7{opacity: 0.7;}
.sf-norecord{color:#cccccc;line-height: 80px;text-align: center;}

.sf-inputgrey{ height:30px; line-height:30px; border:none;background:#eeeeee;border-radius:5px;padding:0 15px;}
.sf-btn{padding:5px 10px;background:#025ED7;border:none;color:#ffffff;text-align: center;border-radius: 5px;}
a.sf-btn:hover{color:#ffffff;}
.sf-btn-grey{padding:5px 10px;background:#eeeeee;border:none;color:#999999;text-align: center;border-radius: 5px;}
.sf-btn-dark{background:#333333;border:none;color:#ffffff;text-align: center;border-radius: 5px;height: 40px;line-height: 40px;}
.sf-bottombox{position: fixed;width:100%;z-index: 99;bottom: constant(safe-area-inset-bottom);bottom: env(safe-area-inset-bottom);}
button.sf-btn-dark{line-height: normal;font-weight: normal;}

.sf-input-box{border-bottom: 2px dotted #eeeeee;padding: 30px 0;}
.sf-input-key{width:100px;}
.sf-main-bg{background: #025ED7;color:#ffffff;}
.sf-main-color{color:#025ED7}
.sf-main-border{border-color:#025ED7}

/*弹出窗口*/
.sf-poptitle{font-size: 14px;font-weight: bold;}
.clear{clear:both;}
.sf-secrect{display:none;cursor: pointer;}


.sf-mg-0{margin: 0;}
.sf-mg-5{margin: 5px;}
.sf-mg-10{margin: 10px;}
.sf-mg-15{margin: 15px;}
.sf-mg-20{margin: 20px;}
.sf-mg-25{margin: 25px;}
.sf-mg-30{margin: 30px;}
.sf-mg-40{margin: 40px;}
.sf-mg-50{margin: 50px;}
.sf-mg-auto{margin: auto;}

.sf-mt-0{margin-top: 0;}
.sf-mt-5{margin-top: 5px;}
.sf-mt-10{margin-top: 10px;}
.sf-mt-15{margin-top: 15px;}
.sf-mt-20{margin-top: 20px;}
.sf-mt-25{margin-top: 25px;}
.sf-mt-30{margin-top: 30px;}
.sf-mt-40{margin-top: 40px;}
.sf-mt-50{margin-top: 50px;}
.sf-mt-auto{margin-top: auto;}

.sf-mr-0{margin-right: 0;}
.sf-mr-5{margin-right: 5px;}
.sf-mr-10{margin-right: 10px;}
.sf-mr-15{margin-right: 15px;}
.sf-mr-20{margin-right: 20px;}
.sf-mr-25{margin-right: 25px;}
.sf-mr-30{margin-right: 30px;}
.sf-mr-40{margin-right: 40px;}
.sf-mr-50{margin-right: 50px;}
.sf-mr-auto{margin-right: auto;}

.sf-mb-0{margin-bottom: 0;}
.sf-mb-5{margin-bottom: 5px;}
.sf-mb-10{margin-bottom: 10px;}
.sf-mb-15{margin-bottom: 15px;}
.sf-mb-20{margin-bottom: 20px;}
.sf-mb-25{margin-bottom: 25px;}
.sf-mb-30{margin-bottom: 30px;}
.sf-mb-40{margin-bottom: 40px;}
.sf-mb-50{margin-bottom: 50px;}
.sf-mb-auto{margin-bottom: auto;}

.sf-ml-0{margin-left: 0;}
.sf-ml-5{margin-left: 5px;}
.sf-ml-10{margin-left: 10px;}
.sf-ml-15{margin-left: 15px;}
.sf-ml-20{margin-left: 20px;}
.sf-ml-25{margin-left: 25px;}
.sf-ml-30{margin-left: 30px;}
.sf-ml-40{margin-left: 40px;}
.sf-ml-50{margin-left: 50px;}
.sf-ml-auto{margin-left: auto;}


.sf-pd-0{padding: 0;}
.sf-pd-5{padding: 5px;}
.sf-pd-10{padding: 10px;}
.sf-pd-15{padding: 15px;}
.sf-pd-20{padding: 20px;}
.sf-pd-25{padding: 25px;}
.sf-pd-30{padding: 30px;}
.sf-pd-40{padding: 40px;}
.sf-pd-50{padding: 50px;}

.sf-pt-0{padding-top: 0;}
.sf-pt-5{padding-top: 5px;}
.sf-pt-10{padding-top: 10px;}
.sf-pt-15{padding-top: 15px;}
.sf-pt-20{padding-top: 20px;}
.sf-pt-25{padding-top: 25px;}
.sf-pt-30{padding-top: 30px;}
.sf-pt-40{padding-top: 40px;}
.sf-pt-50{padding-top: 50px;}

.sf-pr-0{padding-right: 0;}
.sf-pr-5{padding-right: 5px;}
.sf-pr-10{padding-right: 10px;}
.sf-pr-15{padding-right: 15px;}
.sf-pr-20{padding-right: 20px;}
.sf-pr-25{padding-right: 25px;}
.sf-pr-30{padding-right: 30px;}
.sf-pr-40{padding-right: 40px;}
.sf-pr-50{padding-right: 50px;}

.sf-pb-0{padding-bottom: 0;}
.sf-pb-5{padding-bottom: 5px;}
.sf-pb-10{padding-bottom: 10px;}
.sf-pb-15{padding-bottom: 15px;}
.sf-pb-20{padding-bottom: 20px;}
.sf-pb-25{padding-bottom: 25px;}
.sf-pb-30{padding-bottom: 30px;}
.sf-pb-40{padding-bottom: 40px;}
.sf-pb-50{padding-bottom: 50px;}

.sf-pl-0{padding-left: 0;}
.sf-pl-5{padding-left: 5px;}
.sf-pl-10{padding-left: 10px;}
.sf-pl-15{padding-left: 15px;}
.sf-pl-20{padding-left: 20px;}
.sf-pl-25{padding-left: 25px;}
.sf-pl-30{padding-left: 30px;}
.sf-pl-40{padding-left: 40px;}
.sf-pl-50{padding-left: 50px;}

/**其它**/
.sf-pointer{cursor: pointer;}
.sf-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 设置为 2 行 */
    overflow: hidden;
}