@CHARSET "UTF-8";
body{padding:0;margin:0;}
.sf-block{width:1200px;margin:0 auto;}
a{text-decoration: none;color:#333333;}
.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-item-start{align-items: flex-start;}

.sf-pdbox{padding:15px;}
.sf-pdlr{padding:0 15px;}
.sf-pdtb{padding: 15px 0;}
.sf-pdt{padding-top: 15px;}
.sf-pdb{padding-bottom: 15px;}
.sf-mgb{margin-bottom: 15px;}
.sf-mgt{margin-top: 15px;}
.sf-orange{color: orange;}
.sf-grey{color:#999999;}
.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-333{color: #333333;}
.sf-666{color: #666666;}
.sf-999{color: #999999;}
.sf-red{color: red;}
.sf-grey{color: grey;}
.sf-green{color: green;}
.sf-blue{color: blue;}
.sf-orange{color: orange;}

.sf-bg-block{background-color: #f7b521;}
/*按钮相关*/
.sf-btn-light{color:#f7b521;background-color: #ffffff;line-height: 40px;font-size: 16px;text-align: center;display: block;}
.sf-btn-dark{background-color: #333333;color:#ffffff;height: 40px;line-height: 40px;font-size: 14px;text-align: center;border-radius: 5px;display:block;}
.sf-btn-orange{background-color: orange;color:#ffffff;height: 40px;line-height: 40px;font-size: 14px;text-align: center;border-radius: 5px;display: block;}
/*容器*/
.sf-boxradius{margin:15px;background-color: #ffffff;padding: 15px;border-radius: 10px;}

/*标题相关*/
.sf-subtitle{padding: 10px 0px;font-weight: bold;}
.sf-toptitle{padding: 15px;font-weight: bold;font-size: 20px;}

/*弹出窗口*/
.sf-poptitle{font-size: 14px;font-weight: bold;}


.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-50{margin: 50px;}

.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-50{margin-top: 50px;}

.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-50{margin-right: 50px;}

.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-50{margin-bottom: 50px;}

.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-50{margin-left: 50px;}


.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-50{padding: 50px;}

.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-50{padding-top: 50px;}

.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-50{padding-right: 50px;}

.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-50{padding-bottom: 50px;}

.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-50{padding-left: 50px;}