@charset "UTF-8";
/* 自定义样式库 */

.w-100 {
  width: 100%
}
.h-100 {
  height: 100%
}
.container{
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/*浮动*/
.float-left{float: left;}
.float-right{float: right;}
.clearfix:after{
  clear:both;
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  overflow: hidden;
}


/* 文字大小 */
.font-smaller { font-size: 12px;}
.font-small { font-size: 14px;}
.font-sm { font-size: 16px;}
.font { font-size: 18px;}
.font-md { font-size: 20px;}
.font-lg { font-size: 26px;}
.font-xl { font-size: 30px;}
.font-xxl { font-size: 32px;}
.font-xxxl { font-size: 36px;}

/*文字颜色*/
.text-highlight { color: #fff; background-color: #902b2f; display: inline-block; padding: 0 15px;}
.text-highlight-top { color: #902b2f;}
.text-white { color: #fff;}
.text-grey-light { color: #808080;}
.text-grey { color: #b3b3b3}
.text-yellow { color: #ffea00}

/* 文字相关 */
.font-weight-bold { font-weight: bold;}
.text-indent { text-indent: 2em;}
.text-ellipsis{ -overflow: hidden; text-overflow: ellipsis; -white-space: nowrap;}
.text-line-through { text-decoration: line-through}

.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.text-justify { text-align: justify;}

.vertical-align-top {vertical-align: top;}
.vertical-align-middle {vertical-align: middle;}

.info{margin-bottom: 40px;}


/*行高*/
.line-height-1 { line-height: 1}
.line-height-12 { line-height: 1.2}
.line-height-15 { line-height: 1.5}
.line-height-18 { line-height: 1.8}
.line-height-2 { line-height: 2}
.line-height-22 { line-height: 2.2}


/*背景相关*/
.bg-highlight { background-color: #902b2f;}
.bg-yellow { -background-color: #808080;}
.bg-grey { background-color: #b3b3b3}
.bg-white { background-color: #fff;}


/* 边框 */
.border-bottom-highlight { border-bottom: 1px solid #ffe5b8}
.border-bottom-grey { border-bottom: 1px solid #eeeeee;}
.border { border: 1px solid #eeeeee;}

/*圆角*/
.border-radius-sm { border-radius: 10px;}
.border-round { border-radius: 100%;}

/* 显示 */
.d-none{ display: none; }
.d-inline-block{ display: inline-block; }
.d-block{ display: block; }


/* 内容溢出 */
.overflow-hidden { overflow: hidden;}

/* 定位 */
.position-relative { position: relative;}
.position-absolute { position: absolute;}
.position-fixed { position: fixed;}

/* 定位 - 固定顶部 */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
/* 定位 - 固定底部 */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }



/* 外边距 */
.m-0 { margin: 0;}
.m-1 { margin: 10px;}
.m-2 { margin: 20px;}
.m-3 { margin: 30px;}
.m-4 { margin: 40px;}
.m-5 { margin: 50px;}

.mx-0 { margin-left: 0;margin-right: 0;}
.mx-1 { margin-left: 10px; margin-right: 10px;}
.mx-2 { margin-left: 20px; margin-right: 20px;}
.mx-3 { margin-left: 30px; margin-right: 30px;}
.mx-4 { margin-left: 40px; margin-right: 40px;}
.mx-5 { margin-left: 50px; margin-right: 50px;}
.mx-auto { margin-left:auto; margin-right: auto;}

.my-0 { margin-top: 0px; margin-bottom: 0px;}
.my-1 { margin-top: 10px; margin-bottom: 10px;}
.my-2 { margin-top: 20px; margin-bottom: 20px;}
.my-25 { margin-top: 25px; margin-bottom: 25px;}
.my-3 { margin-top: 30px; margin-bottom: 30px;}
.my-4 { margin-top: 40px; margin-bottom: 40px;}
.my-5 { margin-top: 50px; margin-bottom: 50px;}

.mt-0 { margin-top: 0;}
.mt-05 { margin-top: 5px;}
.mt-1 { margin-top: 10px;}
.mt-2 { margin-top: 20px;}
.mt-3 { margin-top: 30px;}
.mt-4 { margin-top: 40px;}
.mt-5 { margin-top: 50px;}
.mt-6 { margin-top: 60px;}
.mt-7 { margin-top: 70px;}
.mt-8 { margin-top: 80px;}

.mb-0 { margin-bottom: 0;}
.mb-1 { margin-bottom: 10px;}
.mb-2 { margin-bottom: 20px;}
.mb-3 { margin-bottom: 30px;}
.mb-4 { margin-bottom: 40px;}
.mb-5 { margin-bottom: 50px;}
.mb-6 { margin-bottom: 60px;}

.ml-0 { margin-left: 0;}
.ml-05 { margin-left: 5px;}
.ml-1 { margin-left: 10px;}
.ml-2 { margin-left: 20px;}
.ml-3 { margin-left: 30px;}
.ml-4 { margin-left: 40px;}
.ml-5 { margin-left: 50px;}

.mr-0 { margin-right: 0;}
.mr-1 { margin-right: 10px;}
.mr-2 { margin-right: 20px;}
.mr-25 { margin-right: 25px;}
.mr-3 { margin-right: 30px;}
.mr-4 { margin-right: 40px;}
.mr-5 {margin-right: 50px;}

/* 内边距 */
.p-0 { padding: 0;}
.p-1 { padding: 10px;}
.p-2 { padding: 20px;}
.p-3 { padding: 30px;}
.p-4 { padding: 40px;}
.p-5 { padding: 50px;}

.px-0 { padding-left: 0; padding-right: 0;}
.px-05 { padding-left: 5px; padding-right: 5px;}
.px-1 { padding-left: 10px; padding-right: 10px;}
.px-2 { padding-left: 20px; padding-right: 20px;}
.px-3 { padding-left: 30px; padding-right: 30px;}
.px-4 { padding-left: 40px; padding-right: 40px;}
.px-5 { padding-left: 50px; padding-right: 50px;}

.py-0 { padding-top: 0; padding-bottom: 0;}
.py-05 { padding-top: 5px; padding-bottom: 5px;}
.py-1 { padding-top: 10px; padding-bottom: 10px;}
.py-15 { padding-top: 15px; padding-bottom: 15px;}
.py-2 { padding-top: 20px; padding-bottom: 20px;}
.py-3 { padding-top: 30px; padding-bottom: 30px;}
.py-4 { padding-top: 40px; padding-bottom: 40px;}
.py-5 { padding-top: 50px; padding-bottom: 50px;}
.py-6 { padding-top: 60px; padding-bottom: 60px;}

.pl-0 { padding-left: 0;}
.pl-1 { padding-left: 10px;}
.pl-2 { padding-left: 20px;}
.pl-3 { padding-left: 30px;}
.pl-4 { padding-left: 40px;}
.pl-5 { padding-left: 50px;}

.pr-0 { padding-right: 0;}
.pr-1 { padding-right: 10px;}
.pr-2 { padding-right: 20px;}
.pr-3 { padding-right: 30px;}
.pr-4 { padding-right: 40px;}
.pr-5 { padding-right: 50px;}

.pt-0 { padding-top: 0;}
.pt-1 { padding-top: 10px;}
.pt-15 { padding-top: 15px;}
.pt-2 { padding-top: 20px;}
.pt-3 { padding-top: 30px;}
.pt-4 { padding-top: 40px;}
.pt-45 { padding-top: 45px;}
.pt-5 { padding-top: 50px;}
.pt-6 { padding-top: 60px;}
.pt-9 { padding-top: 90px;}

.pb-0 { padding-bottom: 0;}
.pb-1 { padding-bottom: 10px;}
.pb-2 { padding-bottom: 20px;}
.pb-3 { padding-bottom: 30px;}
.pb-35 { padding-bottom: 35px;}
.pb-4 { padding-bottom: 40px;}
.pb-5 { padding-bottom: 50px;}
.pb-6 { padding-bottom: 60px;}
.pb-7 { padding-bottom: 70px;}