body, html {
    	min-height: 100%;
    	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial,
    		"Microsoft YaHei", FreeSans, Arimo, "Droid Sans",
    		"wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3",
    		FontAwesome, sans-serif;
    }
    
    html {
    	-ms-text-size-adjust: 100%;
    	-webkit-text-size-adjust: 100%
    }
    
    body {
    	margin: 0;
    }
    
    
    .bfw-clear{
    	clear:both;
    }
    .bfw-nav-item a {
    	text-decoration: none;
    	background-color: transparent;
    }
    
    .bfw-nav-item a:focus {
    	text-decoration: none;
    	background-color: transparent;
    }
    .bfw-flex{
        display: flex  !important;
    }
    .bfw-flex-row{
        flex-direction: row;
    }
    .bfw-flex-row-r{
        flex-direction: row-reverse ;
    }
    
    .bfw-flex-column{
        flex-direction: column;
    }
    .bfw-flex-wrap{
        flex-wrap: wrap;
        
    }
    .bfw-flex-nowrap{
        flex-wrap: nowrap;
        
    }
      .bfw-flex-wrap-r{
        flex-wrap: wrap-reverse;
        
    }
        
    .bfw-flex-column-r{
        flex-direction: column-reverse;
    }
    .bfw-nav-item a:active, .bfw-nav-item a:hover {
    	text-decoration: none;
    	background-color: transparent;
    	outline: 0;
    }
    
    a {
    	text-decoration: none;
    	color: black;
    }
    
    a:link {
    	text-decoration: none;
    }
    
    a:visited {
    	text-decoration: none;
    }
    
    a:hover {
    	outline: 0;
    	text-decoration: none;
    }
    
    a:active {
    	outline: 0;
    	text-decoration: none;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	padding: 0;
    	margin: 0;
    }
    .bfw-menu-ower{
    	clear:both;
    	cursor:pointer;
    }
    .bfw-menu-ower .bfw-menu{
    	position:relative;
    	display:block;
    	float:left;
    }
    .bfw-sub-menu{
    	position:absolute;
    	z-index:1;
    }
    .bfw-menu-ower .bfw-menu:hover .bfw-sub-menu{
    	display:block  !important;
    }
    .bfw-ul-clear{
    	padding: 0;
        list-style: none;
        margin: 0;
    }
    .bfw-cont {
    	min-height: 100%;
    }
    
    .bfw-line-l {
    	line-height: 3.125em;
    }
    
    .bfw-line-m {
    	line-height: 1.5625em;
    }
    
    .bfw-line-s {
    	line-height: 0.625em;
    }
    .bfw-cursor-p{
    	cursor:pointer;
    }
    .bfw-width-vh {
    	width: 100vh;
    }
    
    .bfw-height-vh {
    	height: 100vh;
    }
    
    .bfw-height-50 {
    	height: 3.125em;
    }
    
    .bfw-height-auto {
    	height: auto;
    }
    
    .bfw-width-per {
    	width: 100%;
    }
    
    .bfw-height-per {
    	height: 100%;
    }
    
    .bfw-height-s {
    	height: 1.875em !important;
    }
    
    .bfw-height-m {
    	height: 3.125em !important;
    }
    
    .bfw-margin-a-0 {
    	margin: 0 auto !important;
    }
    
    .bfw-height-l {
    	height: 6.25em !important;
    }
    
    .bfw-height-half {
    	height: 50vh;
    }
    
    .bfw-float-l {
    	display: block;
    	float: left;
    }
    
    .bfw-float-r {
    	display: block;
    	float: right !important;
    }
    
    .bfw-float-n {
    	float: none;
    }
    
    .bfw-pad-l {
    	padding: 0.9375em;
    }
    
    .bfw-pad-m {
    	padding: 0.625em;
    }
    
    .bfw-pad-s {
    	padding: 0.3125em;
    }
    
    .bfw-pad-90 {
    	padding: 5.625em;
    }
    
    .bfw-mar-l {
    	margin: 0.9375em;
    }
    
    .bfw-pad-0 {
    	padding: 0;
    }
    
    .bfw-mar-0 {
    	margin: 0;
    }
    
    .bfw-pad-45 {
    	padding: 2.8125em;
    }
    
    .bfw-mar-m {
    	margin: 0.625em;
    }
    
    .bfw-mar-s {
    	margin: 0.3125em;
    }
    
    .bfw-mar-90 {
    	margin: 5.625em;
    }
    
    .bfw-mar-45 {
    	margin: 2.8125em;
    }
    
    .bfw-color-b-b {
    	background: black !important;
    }
    
    .bfw-color-b {
    	color: black !important;
    }
    
    .bfw-pad-t-l {
    	padding-top: 3.125em;
    }
    
    .bfw-pad-t-m {
    	padding-top: 1.1625em;
    }
    
    .bfw-pad-t-s {
    	padding-top: 0.625em;
    }
    
    .bfw-zindex-1 {
    	z-index: 1 !important;
    }
    
    .bfw-zindex-2 {
    	z-index: 2 !important;
    }
    
    .bfw-zindex-3 {
    	z-index: 3 !important;
    }
    
    .bfw-height-100 {
    	height: 6.25em;
    }
    
    .bfw-height-90 {
    	height: 5.625em;
    }
    
    .bfw-pad-30 {
    	padding: 1.875em;
    }
    
    .bfw-zindex-4 {
    	z-index: 4 !important;
    }
    
    .bfw-color-b-g {
    	background: green !important;
    }
    
    .bfw-color-g {
    	color: green !important;
    }
    
    .bfw-color-b-b {
    	background: black !important;
    }
    
    .bfw-color-b {
    	color: black !important;
    }
    
    .bfw-color-b-r {
    	background: red !important;
    }
    
    .bfw-color-r {
    	color: red !important;
    }
    
    .bfw-color-b-w {
    	background: white !important;
    }
    
    .bfw-color-w {
    	color: white !important;
    }
    
    .bfw-nav-bar {
    	clear: both;
    }
    
    .bfw-over-h {
    	overflow: hidden;
    }
    
    .bfw-over-a {
    	overflow: auto;
    }
    
    .bfw-over-s {
    	overflow: scroll;
    }
    
    .bfw-width-150 {
    	width: 9.375em !important;
    }
    
    .bfw-form {
    	padding: 0;
    	margin: 0;
    }
    
    .bfw-form-item label {
    	padding: 0;
    	float: left;
    	width: 25%;
    	display: block;
    	text-align: right;
    	height: 3.125em;
    	line-height: 3.25em;
    	color: grey;
    }
    
    .bfw-form-item {
    	height: 2.25em;
    }
    
    .bfw-bline-1 {
    	border-bottom:  0.0625em solid grey;
    }
    .bfw-form-item input[type="checkbox"],.bfw-form-item input[type="radio"]{
        width:1.225em;
        height:1.225em;
        border: 0.0625em solid #000;
        border-radius: 50%;
    	margin:0.9375em 0 ;
    }
    .bfw-form-item input[type='text'],.bfw-form-item input[type='password'],.bfw-form-item input[type='submit'],.bfw-form-item select {
    	padding: 10px;
    	display: block;
    	float: left;
    	width: 55%;
    }
    
    .bfw-nav-item {
    	float: left;
    	cursor: pointer;
    	border: 0.0625em solid transparent;
    	text-align: center;
    }
    
    .bfw-nav-item:hover span {
    	display: block;
    	text-decoration: none;
    }
    
    .bfw-nav-item span {
    	background: black;
    	text-decoration: none;
    	position: absolute;
    	display: none;
    }
    
    .bfw-nav-item ul {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    }
    
    .bfw-nav-item ul li {
    	margin: 0.625em;
    	line-height:1.875em;
    	text-align: center;
    }
    
    .bfw-pad-5 {
    	padding: 0.3125em;
    }
    
    .bfw-mar-30 {
    	margin: 1.875em;
    }
    
    .bfw-opa-h {
    	opacity: 0.2;
    }
    
    .bfw-opa-m {
    	opacity: 0.5;
    }
    
    .bfw-opa-l {
    	opacity: 0.8;
    }
    
    .bfw-dia-title {
    	clear: both;
    }
    
    .bfw-dia-close {
    	float: right;
    	cursor: pointer;
    }
    
    .bfw-dia-cont {
    	height: auto;
    }
    
    .bfw-dia-btn-bar {
    	height: auto;
    }
    
    .bfw-dia-btn {
    
    }
    
    .bfw-rad-l {
    	border-radius: 0.625em;
    }
    
    .bfw-rad-m {
    	border-radius: 0.5em;
    }
    
    .bfw-rad-s {
    	border-radius: 0.1875em;
    }
    
    .bfw-color-b-grey {
    	background: #323232;
    }
    .bfw-color-grey {
    	color: #323232;
    }
    .bfw-sha {
    	-webkit-box-shadow:  0.1875em  0.1875em 0.375em #666;
    	-moz-box-shadow:  0.1875em  0.1875em 0.375em #666;
    	box-shadow:  0.1875em  0.1875em 0.375em #666;
    }
    
    .bfw-border-l-b {
    	border: 0.3125em solid black;
    }
    
    .bfw-border-s-b {
    	border: 0.0625em solid black;
    }
    
    .bfw-border-d-l-b {
    	border: 0.3125em dashed black;
    }
    
    .bfw-border-d-s-b {
    	border:  0.0625em dashed black;
    }
    
    .bfw-dia-1, .bfw-dia-2, .bfw-dia-3, .bfw-dia-4, .bfw-dia-5, .bfw-dia-6 {
    	position: absolute;
    	display: none;
    }
    
    .bfw-font-l {
    	font-size: 1.75em;
    }
    
    .bfw-font-m {
    	font-size: 1.125em;
    }
    
    .bfw-font-s {
    	font-size:0.75em;
    }
    
    .bfw-font-bold {
    	font-weight: bold;
    }
    button, input, select, textarea {
     outline: none !important;
     
    }
    button:focus, input:focus, select:focus, textarea:focus {
    
    }

.bfw-form-input  label{
margin: 3px 0;
color: #7c7c7c ;
}
.bfw-form-input  input,.bfw-form-input select,.bfw-form-input  textarea{
background: #f3f3f3;
border:1px solid #f3f3f3;;
padding: 8px;
margin: 8px 0;

}
.bfw-form-input  input:focus,.bfw-form-input  select:focus,.bfw-form-input textarea:focus{
background: white;
border:1px solid #2596cc;
}
   
  
    fieldset {
    	border:  0.0625em solid silver;
    	margin: 0  0.13em;
    	padding: 0.35em 0.625em 0.75em
    }
    
    legend {
    	border: 0;
    	padding: 0
    }
    
    button, input, select, textarea {
    	font: inherit;
    	margin: 0
    }
    
    button {
    	overflow: visible
    }
    
    button, input {
    	line-height: normal
    }
    
    button, select {
    	text-transform: none
    }
    
    button, html input[type=button], input[type=reset], input[type=submit] {
    	-webkit-appearance: button;
    	cursor: pointer
    }
    
    input[type=checkbox], input[type=radio] {
    	cursor: pointer;
    	padding: 0;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box
    }
    
    button[disabled], html input[disabled] {
    	cursor: default
    }
    
    button::-moz-focus-inner, input::-moz-focus-inner {
    	border: 0;
    	padding: 0
    }
    
    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
    	{
    	height: auto
    }
    
    input[type=search] {
    	-webkit-appearance: textfield;
    	-webkit-box-sizing: content-box;
    	box-sizing: content-box
    }
    
    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration
    	{
    	-webkit-appearance: none
    }
    
    textarea {
    	overflow: auto;
    	vertical-align: top;
    	resize: vertical
    }
    .bfw-table {
    width: 100%;
    margin-bottom: 1.6em;
    border-spacing: 0;
    border-collapse: separate
}
.bfw-table>tbody>tr>td,.bfw-table>tbody>tr>th,.bfw-table>tfoot>tr>td,.bfw-table>tfoot>tr>th,.bfw-table>thead>tr>td,.bfw-table>thead>tr>th {
    padding: .7em;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.bfw-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd
}

.bfw-table>caption+thead>tr:first-child>td,.bfw-table>caption+thead>tr:first-child>th,.bfw-table>colgroup+thead>tr:first-child>td,.bfw-table>colgroup+thead>tr:first-child>th,.bfw-table>thead:first-child>tr:first-child>td,.bfw-table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.bfw-table>tbody+tbody tr:first-child td {
    border-top: 2px solid #ddd
}
.bfw-table .bfw-btn-m,.bfw-table .bfw-btn-l,.bfw-table .bfw-btn-s {
    float: left;
    margin-right: 0.5em;
}
.bfw-table-bordered {
    border: 1px solid #ddd;
    border-left: none
}

.bfw-table-bordered>tbody>tr>td,.bfw-table-bordered>tbody>tr>th,.bfw-table-bordered>tfoot>tr>td,.bfw-table-bordered>tfoot>tr>th,.bfw-table-bordered>thead>tr>td,.bfw-table-bordered>thead>tr>th {
    border-left: 1px solid #ddd
}

.bfw-table-bordered>tbody>tr:first-child>td,.bfw-table-bordered>tbody>tr:first-child>th {
    border-top: none
}

.bfw-table-bordered>thead+tbody>tr:first-child>td,.bfw-table-bordered>thead+tbody>tr:first-child>th {
    border-top: 1px solid #ddd
}

.bfw-table-radius {
    border: 1px solid #ddd;
    border-radius: 2px
}

.bfw-table-radius>thead>tr:first-child>td:first-child,.bfw-table-radius>thead>tr:first-child>th:first-child {
    border-top-left-radius: 2px;
    border-left: none
}

.bfw-table-radius>thead>tr:first-child>td:last-child,.bfw-table-radius>thead>tr:first-child>th:last-child {
    border-top-right-radius: 2px;
    border-right: none
}

.bfw-table-radius>tbody>tr>td:first-child,.bfw-table-radius>tbody>tr>th:first-child {
    border-left: none
}

.bfw-table-radius>tbody>tr>td:last-child,.bfw-table-radius>tbody>tr>th:last-child {
    border-right: none
}

.bfw-table-radius>tbody>tr:last-child>td,.bfw-table-radius>tbody>tr:last-child>th {
    border-bottom: none
}

.bfw-table-radius>tbody>tr:last-child>td:first-child,.bfw-table-radius>tbody>tr:last-child>th:first-child {
    border-bottom-left-radius: 2px
}

.bfw-table-radius>tbody>tr:last-child>td:last-child,.bfw-table-radius>tbody>tr:last-child>th:last-child {
    border-bottom-right-radius: 2px
}

.bfw-table-striped>tbody>tr:nth-child(odd)>td,.bfw-table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.bfw-table-hover>tbody>tr:hover>td,.bfw-table-hover>tbody>tr:hover>th {
    background-color: #e9e9e9
}

.bfw-table-compact>tbody>tr>td,.bfw-table-compact>tbody>tr>th,.bfw-table-compact>tfoot>tr>td,.bfw-table-compact>tfoot>tr>th,.bfw-table-compact>thead>tr>td,.bfw-table-compact>thead>tr>th {
    padding: .4em
}

.bfw-table-center>tbody>tr>td,.bfw-table-centered>tbody>tr>th,.bfw-table-centered>tfoot>tr>td,.bfw-table-centered>tfoot>tr>th,.bfw-table-centered>thead>tr>td,.bfw-table-centered>thead>tr>th {
    text-align: center
}
    table {
    	border-collapse: collapse;
    	border-spacing: 0
    }
    
    td, th {
    	padding: 0
    }
    
    .bfw-dia-1 {
    	top: calc(( 100vh - 3.125em)/2);
    	left: calc(( 100% - 6.25em)/2);
    	width:  6.25em;
    	height: auto;
    }
    
    .bfw-dia-2 {
    	top: calc(( 100vh -  6.25em)/2);
    	left: calc(( 100% -  12.5em)/2);
    	width: 12.5em;
    	height: auto;
    }
    
    .bfw-dia-3 {
    	top: calc(( 100vh - 9.375em)/2);
    	left: calc(( 100% - 18.75em)/2);
    	width: 18.75em;
    	height: auto;
    }
    
    .bfw-dia-4 {
    	top: calc(( 100vh - 12.5em)/2);
    	left: calc(( 100% - 25em)/2);
    	width: 25em;
    	height: auto;
    }
    
    .bfw-dia-5 {
    	top: calc(( 100vh - 15.625em)/2);
    	left: calc(( 100% - 31.25em)/2);
    	width: 31.25em;
    	height: auto;
    }
    
    .bfw-dia-6 {
    	top: calc(( 100vh - 18.75em)/2);
    	left: calc(( 100% - 37.5em)/2);
    	width: 37.5em;
    	height: auto;
    }
    
    .bfw-row-1, .bfw-row-2, .bfw-row-3, .bfw-row-4, .bfw-row-5, .bfw-row-6,
    	.bfw-row-7, .bfw-row-8, .bfw-row-9, .bfw-row-10, .bfw-row-20,
    	.bfw-row-30, .bfw-row-40, .bfw-row-50, .bfw-row-60, .bfw-row-70,
    	.bfw-row-80, .bfw-row-90, .bfw-row-100 {
    	display: block;
    	float: left;
    }
    
    .bfw-row-clear {
    	clear: both;
    }
    
    .bfw-row-10 {
    	width: 10%;
    }
    
    .bfw-row-20 {
    	width: 20%;
    }
    
    .bfw-row-30 {
    	width: 30%;
    }
    
    .bfw-row-40 {
    	width: 40%;
    }
    
    .bfw-row-50 {
    	width: 50%;
    }
    
    .bfw-row-60 {
    	width: 60%;
    }
    
    .bfw-row-70 {
    	width: 70%;
    }
    
    .bfw-row-80 {
    	width: 80%;
    }
    
    .bfw-row-90 {
    	width: 90%;
    }
    
    .bfw-row-100 {
    	width: 100%;
    }
    
    .bfw-row-1 {
    	width: 100%;
    }
    
    .bfw-row-2 {
    	width: 50%;
    }
    
    .bfw-row-3 {
    	width: 33.33333%;
    }
    
    .bfw-row-4 {
    	width: 25%;
    }
    
    .bfw-row-5 {
    	width: 20%;
    }
    
    .bfw-row-6 {
    	width: 16.66666%;
    }
    
    .bfw-row-7 {
    	width: 14.28571%;
    }
    
    .bfw-row-8 {
    	width: 12.5%;
    }
    
    .bfw-row-9 {
    	width: 11.11111%;
    }
    
    .bfw-row-owner {
    	clear: both;
    }
    
    .bfw-pos-fixed {
    	position: fixed;
    }
    
    .bfw-pos-rel {
    	position: relative;
    }
    
    .bfw-pos-abs {
    	position: absolute;
    }
    
    .bfw-align-c {
    	text-align: center;
    }
    
    .bfw-align-l {
    	text-align: left;
    }
    
    .bfw-align-r {
    	text-align: right;
    }
    
    .bfw-font-per-l {
    	font-size: 100%;
    }
    
    .bfw-font-per-m {
    	font-size: 50%;
    }
    
    .bfw-font-per-s {
    	font-size: 30%;
    }
    
    .bfw-show {
    	display: block !important;
    }
    
    .bfw-hide {
    	display: none !important;
    }
.bfw-btn-r-l {
    background: white;
    border: 0.0625em solid #2596cc;
    color: #2596cc;
    font-size: 1.25em;
    cursor: pointer;
    border-radius: 0.125em;
    padding: 0.625em 1.25em;
    text-decoration: none;
    display: block;
}
    .bfw-btn-l {
    	font-size: 1.25em;
    	color: white;
    	background: #2596cc;
    	cursor: pointer;
    	border-radius: 0.125em;
    	border: 0.0625em solid transparent;
    	padding: 0.625em 1.25em;
    	text-decoration: none;
        display: block;
    }
.bfw-btn-r-m {
    background: white;
    border: 0.0625em solid #2596cc;
    color: #2596cc;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0.125em;
    padding: 0.5em 1em;
    text-decoration: none;
    display: block;
}
    .bfw-btn-m {
    	font-size: 1em;
    	color: white;
    	background: #2596cc;
    	cursor: pointer;
    	border-radius: 0.125em;
    	border: 0.0625em solid transparent;
    	padding: 0.5em 1em;
    	text-decoration: none;
    	display: block;
    }
.bfw-btn-r-s {
    background: white;
    border: 0.0625em solid #2596cc;
    color: #2596cc;
    font-size: 0.75em;
    cursor: pointer;
    border-radius: 0.125em;
    padding: 0.25em 0.5em;
    text-decoration: none;
    display: block;
}
    .bfw-btn-s {
    	font-size: 0.75em;
    	color: white;
    	background: #2596cc;
    	cursor: pointer;
    	border-radius: 0.125em;
    	border: 0.0625em solid transparent;
    	padding: 0.25em 0.5em;
    	text-decoration: none;
    	display: block;
    }
    
    @media only screen and (max-width:640px) {
    	.bfw-s-font-16{
    		font-size:16px !important;
    	}
    	.bfw-s-h-vh {
    		height: 40vh !important;
    	}
    	.bfw-s-h-auto {
    		height: auto !important;
    	}
    	.bfw-s-h-vh {
    		height: 50vh !important;
    	}
    	.bfw-s-w-auto {
    		width: auto !important;
    	}
    	.bfw-s-display-h {
    		display: none !important;
    	}
    	.bfw-s-row-10 {
    		width: 10% !important;
    	}
    	.bfw-s-row-20 {
    		width: 20% !important;
    	}
    	.bfw-s-row-30 {
    		width: 30% !important;
    	}
    	.bfw-s-row-40 {
    		width: 40% !important;
    	}
    	.bfw-s-row-50 {
    		width: 50% !important;
    	}
    	.bfw-s-row-60 {
    		width: 60% !important;
    	}
    	.bfw-s-row-70 {
    		width: 70% !important;
    	}
    	.bfw-s-row-80 {
    		width: 80% !important;
    	}
    	.bfw-s-row-90 {
    		width: 90% !important;
    	}
    	.bfw-s-row-90 {
    		width: 90% !important;
    	}
    	.bfw-s-row-100 {
    		width: 100% !important;
    	}
    	.bfw-s-row-1 {
    		width: 100%;
    	}
    	.bfw-s-row-2 {
    		width: 50%;
    	}
    	.bfw-s-row-3 {
    		width: 33.33333%;
    	}
    	.bfw-s-row-4 {
    		width: 25%;
    	}
    	.bfw-s-row-5 {
    		width: 20%;
    	}
    	.bfw-s-row-6 {
    		width: 16.66666%;
    	}
    	.bfw-s-row-7 {
    		width: 14.28571%;
    	}
    	.bfw-s-row-8 {
    		width: 12.5%;
    	}
    	.bfw-s-row-9 {
    		width: 11.11111%;
    	}
    	.bfw-s-hide {
    		display: none !important;
    	}
    	.bfw-s-h-5 {
    		height:5em !important;
    	}
    	.bfw-s-h-10 {
    		height:10em !important;
    	}
    	.bfw-s-h-15 {
    		height:15em !important;
    	}
    	.bfw-s-h-20 {
    		height:20em !important;
    	}
    	.bfw-s-w-5 {
    		width:5em !important;
    	}
    	.bfw-s-w-10 {
    		width:10em !important;
    	}
    	.bfw-s-w-15 {
    		width:15em !important;
    	}
    	.bfw-s-w-20 {
    		width:20em !important;
    	}
    	
    	/* 添加移动端特定样式 */
    	.bfw-mobile-full-width {
    		width: 100% !important;
    	}
    	
    	.bfw-mobile-half-width {
    		width: 50% !important;
    	}
    	
    	.bfw-mobile-stack {
    		display: block;
    		width: 100% !important;
    	}
    	
    	.bfw-mobile-center {
    		text-align: center !important;
    	}
    	
    	.bfw-mobile-padding {
    		padding: 10px !important;
    	}
    	
    	.bfw-mobile-margin {
    		margin: 10px 0 !important;
    	}
    	
    	/* 移动端textarea优化 */
    	.bfw-mobile-textarea {
    		width: 100% !important;
    		height: 300px !important;
    		margin: 5px 0 !important;
    	}
    	
    	/* 移动端按钮优化 */
    	.bfw-mobile-button {
    		display: block !important;
    		width: 100% !important;
    		margin: 5px 0 !important;
    		padding: 15px !important;
    		font-size: 16px !important;
    		box-sizing: border-box !important;
    	}
    	
    	/* 移动端按钮容器 */
    	.bfw-mobile-button-container {
    		display: flex !important;
    		flex-direction: column !important;
    		align-items: center !important;
    		width: 100% !important;
    	}
    	
    	/* 移动端footer优化 */
    	.bfw-mobile-footer {
    		font-size: 14px !important;
    		padding: 10px !important;
    	}
    	
    	/* 移动端大小显示优化 */
    	.bfw-mobile-size-display {
    		font-size: 14px !important;
    		display: block !important;
    		margin: 5px 0 !important;
    		text-align: center !important;
    	}
    	
    	/* 移动端标题优化 */
    	.bfw-mobile-title {
    		font-size: 24px !important;
    		padding: 10px !important;
    		margin: 10px 0 !important;
    	}
    }
    
    /* 中等屏幕设备优化 */
    @media only screen and (min-width:641px) and (max-width:1024px) {
    	.bfw-tablet-textarea {
    		height: 500px !important;
    	}
    	
    	.bfw-tablet-button {
    		padding: 12px !important;
    		font-size: 14px !important;
    	}
    	
    	.bfw-tablet-size-display {
    		font-size: 14px !important;
    	}
    	
    	.bfw-tablet-title {
    		font-size: 28px !important;
    	}
    }
    
    @media only screen and (min-width:1025px) {
    	.bfw-l-pad-left{
    		padding-left:1em;
    	}
    	.bfw-l-pad-right{
    		padding-right:1em;
    	}
    	.bfw-l-pad-top{
    		padding-top:1em;
    	}
    	.bfw-l-pad-bottom{
    		padding-bottom:1em;
    	}
    	.bfw-l-mar-bottom{
    		margin-bottom:1em;
    	}
    	.bfw-l-mar-left{
    		margin-left:1em;
    	}
    	.bfw-l-mar-right{
    		margin-right:1em;
    	}
    	.bfw-l-mar-top{
    		margin-top:1em;
    	}
    	.bfw-l-font-16{
    		font-size:16px !important;
    	}
    	.bfw-l-h-auto {
    		height: auto !important;
    	}
    	.bfw-l-h-5 {
    		height:5em !important;
    	}
    	.bfw-l-h-10 {
    		height:10em !important;
    	}
    	.bfw-l-h-15 {
    		height:15em !important;
    	}
    	.bfw-l-h-20 {
    		height:20em !important;
    	}
    	.bfw-l-w-5 {
    		width:5em !important;
    	}
    	.bfw-l-w-10 {
    		width:10em !important;
    	}
    	.bfw-l-w-15 {
    		width:15em !important;
    	}
    	.bfw-l-w-20 {
    		width:20em !important;
    	}
    	.bfw-l-h-vh {
    		height: 100vh !important;
    	}
    	.bfw-l-w-auto {
    		width: auto !important;
    	}
    	.bfw-l-display-h {
    		display: none !important;
    	}
    	.bfw-l-row-10 {
    		width: 10% !important;
    	}
    	.bfw-l-row-20 {
    		width: 20% !important;
    	}
    	.bfw-l-row-30 {
    		width: 30% !important;
    	}
    	.bfw-l-row-40 {
    		width: 40% !important;
    	}
    	.bfw-l-row-50 {
    		width: 50% !important;
    	}
    	.bfw-l-row-60 {
    		width: 60% !important;
    	}
    	.bfw-l-row-70 {
    		width: 70% !important;
    	}
    	.bfw-l-row-80 {
    		width: 80% !important;
    	}
    	.bfw-l-row-90 {
    		width: 90% !important;
    	}
    	.bfw-l-row-90 {
    		width: 90% !important;
    	}
    	.bfw-l-row-100 {
    		width: 100% !important;
    	}
    	.bfw-l-row-1 {
    		width: 100%;
    	}
    	.bfw-l-row-2 {
    		width: 50%;
    	}
    	.bfw-l-row-3 {
    		width: 33.33333%;
    	}
    	.bfw-l-row-4 {
    		width: 25%;
    	}
    	.bfw-l-row-5 {
    		width: 20%;
    	}
    	.bfw-l-row-6 {
    		width: 16.66666%;
    	}
    	.bfw-l-row-7 {
    		width: 14.28571%;
    	}
    	.bfw-l-row-8 {
    		width: 12.5%;
    	}
    	.bfw-l-row-9 {
    		width: 11.11111%;
    	}
    	.bfw-l-hide {
    		display: none !important;
    	}
    }