/* chrome */ 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
}
/* 火狐浏览器 */
input[type="number"]{ 
    -moz-appearance: textfield; 
}
.textarea{border-radius: 3px; border: 1px solid #d9d9d9; padding: 10px; font-size: 12px; resize:vertical; outline: none;}
.textarea:focus{border: 1px solid #0099ff;}

.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.fbold{font-weight: bold;}

.color-33{color: #333;}
.color-66{color: #666;}
.color-99{color: #999;}
.color-blue{color: #0099ff;}
.color-red{color: red;}

.bg-ff{background: #fff;}


.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}

.mt5{margin-top: 5px ;}
.mt10{margin-top: 10px ;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.w-80{width: 80px !important;}
.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w45{width: 45% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w80{width: 80% !important;}
.w85{width: 85% !important;}
.w90{width: 90% !important;}
.w100{width: 100%;}

.flex{display: flex;} 
.flex-1{flex:1;}
.justify-center{justify-content:center;}
.justify-between{justify-content: space-between;}
.justify-right{justify-content: flex-end;}
.align-center{align-items: center;}
.flex-fixed{flex-grow: 0; flex-shrink: 0;}
.flex-col{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.hidden{overflow: hidden;}

.pointer{cursor: pointer;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left !important;}
.none{display: none !important;}
.v-hidden{visibility: hidden;}

.x-table{border-collapse:collapse ;}
.x-td{border-bottom: 1px solid #ddd; padding:  10px; text-align: center; font-size: 14px;}
.x-th{padding: 8px 10px; text-align: center; font-size: 14px; background: #f2f2f2; font-weight: bold;}
.input{height: 28px; padding: 4px 7px; border-radius: 4px; border:1px solid #d9d9d9; outline: none;}
.input:hover{border-color: #0099ff;}
.input:focus{border-color: #0099ff;}