html{
	font-family: sans-serif;
	font-size: 14px;
}

body{
	font-family: "OpenSans-Light","microsoft yahei",simhei,sans-serif,Arial;
}

/*--basis--*/
.only-block{
	display: block !important;
}
.only-ilblock{
	display: inline-block !important;
}
.only-tbrow{
	display: table-row !important;
}
.only-inherit{
	display: inherit;
}

.cur-pointer{
	cursor: pointer;
}

.not-radius,.not-radius *:not(.re-radius){
	border-radius: 0px !important;
}
.re-radius{}
.not-bg-img,.not-bg-img *:not(.re-bg-img){
	background-image: none !important;
}
.re-bg-img{}

.not-boxs{box-shadow: none !important;}
.not-border{border: none !important;}
.not-t-border{border-top: none !important;}
.not-b-border{border-bottom: none !important;}
.not-l-border{border-left: none !important;}
.not-r-border{border-right: none !important;}
.not-tb-border{border-top: none !important;border-bottom: none !important;}
.not-lr-border{border-left: none !important;border-right: none !important;}
.only-border{box-shadow: none !important;border: #d5d5d5 1px solid !important;}

.not-top{margin-top: 0px !important;}
.not-t-m{margin-top: 0px !important;}
.not-b-m{margin-bottom: 0px !important;}
.not-tb-m{margin-top: 0px !important;margin-bottom: 0px !important;}
.not-l-m{margin-left: 0px !important;}
.not-r-m{margin-right: 0px !important;}
.not-lr-m{margin-right: 0px !important;margin-left: 0px !important;}
.not-l-p{padding-left: 0px !important;}
.not-r-p{padding-right: 0px !important;}
.not-lr-p{padding-right: 0px !important;padding-left: 0px !important;}
.not-t-p{padding-top: 0px !important;}
.not-b-p{padding-bottom: 0px !important;}
.not-tb-p{padding-top: 0px !important;padding-bottom: 0px !important;}
.not-p{padding: 0px !important;}
.not-m{margin: 0px !important;}

.tb-m{
	margin-top: 0.7rem !important;margin-bottom: 0.7rem !important;
}
.tb-p{
	padding-top: 0.7rem !important;padding-bottom: 0.7rem !important;
}
.a-p{
	padding: 0.7rem !important;
}
.r-m{
	margin-right: 0.7rem !important;
}
.l-m{
	margin-left: 0.7rem !important;
}
.lr-m{
	margin-right: 0.7rem !important;margin-left: 0.7rem !important;
}
.l-p{
	padding-left: 0.7rem !important;
}
.r-p{
	padding-right: 0.7rem !important;
}
.lr-p{
	padding-left: 0.7rem !important;padding-right: 0.7rem !important;
}
.t-m{
	margin-top: 0.7rem !important;
}
.a-m{
	margin: 0.7rem !important;
}
.t-p{
	padding-top: 0.7rem !important;
}
.b-m{
	margin-bottom: 0.7rem !important;
}
.space-m-tb{
	margin-top: 1.5rem;margin-bottom: 1.5rem;
}
.space-m-b{
	margin-bottom: 1.5rem;
}
.space-m-t{
	margin-top: 1.5rem;
}
.space-m-lr{
	margin-right: 1.5rem;margin-left: 1.5rem;
}
.space-m-r{
	margin-right: 1.5rem;
}
.space-m-l{
	margin-left: 1.5rem;
}
.space-p-tb{
	padding-top: 1.5rem;padding-bottom: 1.5rem;
}
.space-p-t{
	padding-top: 1.5rem;
}
.space-p-b{
	padding-bottom: 1.5rem;
}
.space-p-lr{
	padding-left: 1.5rem;padding-right: 1.5rem;
}
.space-p-l{
	padding-left: 1.5rem;
}
.space-p-r{
	padding-right: 1.5rem;
}
.all-width{
	width: 100% !important;
}
.inherit-width{
	width: inherit !important;
}
.all-height{
	height: 100% !important;
}
.inherit-height{
	height: inherit !important;
}

.over-hide{
	overflow: hidden;
}
.over-x-hide{
	overflow-x: hidden;
}
.over-y-hide{
	overflow-y: hidden;
}

/*--end--*/

/*--position relative--*/
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
/*--end--*/

/*--display--*/
.hide{
	display: none !important;
}
.shown{
	display: block !important;
}
.hidden{
	visibility: hidden !important;
}
.show{
	visibility: visible !important;
}
/*--end--*/

/*--img--*/
.img-responsive2
{
  display: block;
  width: auto;
  max-height: 100%;
}
.img-responsive3
{
  display: block;
  width: auto;
  height: 100%;
}
.img-responsive4
{
  display: block;
  width: 100%;
  height: 100%;
}
/*--end--*/

/*--transform--*/
.space-middle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
/*--end--*/

/*--icon rotate--*/
.icon.rotate{
    -webkit-animation: icon-rotate 2s linear infinite;
    animation: icon-rotate 2s linear infinite;
}
@-webkit-keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icon-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--end--*/