@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-itemcenter{align-items: center;}
.sf-center{justify-content: center;}

.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-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;}