html { font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/* 	@font-face {
	  font-family: 'FontAwesome';
	  src: url('./fonts/fontawesome-webfont.eot');
	  src: url('./fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2') format('woff2'), url('./fonts/fontawesome-webfont.woff') format('woff'), url('./fonts/fontawesome-webfont.ttf') format('truetype'), url('./fonts/fontawesome-webfont.svg') format('svg');
	  font-weight: normal;
	  font-style: normal;
	} */
	
	.awefont{font-family: 'FontAwesome';}
	body{padding: 0px;margin: 0px;}
	.active{
		color: rgba(0, 130, 217, 1); 
	}
	input{outline:none;background-color: transparent !important;border: none;padding-left: 10px;box-sizing: border-box;}
	input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #333 !important;background-color:transparent; transition: background-color 50000s ease-in-out 0s;}
	a{text-decoration: none !important;cursor: pointer;}
	a{color: #000;}
	a:hover{color:rgba(0, 130, 217, 1) !important;}
	.cursor-pointer{cursor: pointer;}
	@media screen and (min-width:1200px){
		.contentWidth{width: 1200px}
	}
	@media screen and (max-width:1199px){
		.contentWidth{max-width: 1200px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
	}
	
	
	.bg-white{background-color: #fff;}
	.bg-lever{background-color: #f8f8f8;}
	.color-eee{color:#555}
	.color-gray{color:#999}
	.position-fixed{position:fixed}
	.position-relative{position: relative;}
	.position-absolute{position: absolute;}
	.boxshadow{box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.1);}
	.boxshadow22{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
	.boxshadow33{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.01);}
	.boxshadow44{box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05);}
	.over-hid{overflow: hidden;}
	.bg-active{background-color:  rgba(0, 130, 217,1);}
	.bg-gray{background-color: #eee;}
	.flex-box{display: flex;}
	.display-none{display: none;}
	.box-sizing{box-sizing: border-box;}
	.vw100{width: 100%;}
	.vh100{height: 100vh;}
	.width100{width: 100%;}
	.height100{height:100%}
	.justify-center{justify-content: center}
	.justify-end{justify-content: flex-end;}
	.align-center{align-items: center;}
	.justify-between{justify-content: space-between;}
	.flex-grow1{flex-grow: 1;}
	.flex-wrap{flex-wrap: wrap}
	.flex-wrap-no{flex-wrap: nowrap}
	.flex-direction-column{flex-direction: column;}
	.text-white{color: #fff;}
	.margin-top-small{margin-top: 10px;}
	.margin-top-lager{margin-top: 30px;}
	.margin-top-big{margin-top: 20px;}
	.margin-bottom-small{margin-bottom: 10px;}
	.margin-bottom-big{margin-bottom:20px}
	.margin-bottom-large{margin-bottom:30px}
	.flex-shrink-0{flex-shrink: 0;}
	
	.marign-left-small{margin-left: 10px;}
	.margin-left-big{margin-left: 20px;}
	.margin-left-lager{margin-left: 30px;}
	.padding-bottom-small{padding-bottom: 10px;}
	.padding-bottom-big{padding-bottom: 20px;}
	.padding-bottom-large{padding-bottom: 30px;}
	.padding-small-small{padding: 5px;}
	.padding-small{padding: 10px;}
	.padding-big{padding: 20px;}
	.padding-lager{padding: 30px;}
	.font-sm-sm{font-size: 12px;}
	.font-sm{font-size: 14px;}
	.font-base{font-size: 16px;}
	.font-lager{font-size: 18px;}
	.font-22{font-size: 22px;}
	.font-bold{font-weight: bold;}
	
	
	
	.color-red{color: rgba(204, 0, 51, 1);}
	.main-color{color:rgba(0, 130, 217, 1) ;}
	
.text-gray{color: #666;}
	.border-gray{border: 1px solid #eee;}
	.border-active{border: 1px solid rgba(0, 130, 217, 0.2);}
	.triangle{position: relative;width: 10px;height: 10px;overflow: hidden;}
	.triangle::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
	background-color: #666;transform: rotate(45deg);}
	.border-top-main{border-top: 1px solid rgba(0, 130, 217, 1);}
	.border-top-gray{border-top: 1px solid #eee;}
	.border-bottom-gray{border-bottom: 1px solid #eee;}
	.border-bottom-ddd-dashed{border-bottom: 1px dashed #ddd;}
	.border-gray{border: 1px solid #eee;}
	.height40{height: 40px;line-height: 40px;}
	.radius-small-small{border-radius: 5px;}
	.radius-small{border-radius: 10px;}
	.radius-big{border-radius: 20px;}
	.radius-lager{border-radius: 30px;}
	.radius-circle{border-radius: 50%;}