/* color */

body{
    --red: #FF0000;
	--orange: #FF5F3B;
	--orange2: #FFEBDF;
	--yellow: #FF962D;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	--blue: #0081ff;
	--purple: #8B84D6;
	--mauve: #9c26b0;
	--pink: #e03997;
	--brown: #AC6D01;
	--grey: #858298;
	--black: #2c2c2c;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--white: #ffffff;
    
}
.shadow-body{box-shadow: 0px 4px 10px 0px rgba(209, 133, 103, 0.3);}
.basic-width{
	margin:0 20px;
}
.basic-btn{
	color:#ffffff;
	background: var(--orange);
	line-height: 50px;
	height: 50px;
	border-radius: 50px;
	display: inline-block;
	padding:0 30px;
	text-align: center;
	box-shadow: 0px 4px 10px 0px rgba(209, 133, 103, 0.3);
  }
  .linear-btn{
	color:#ffffff;
	background: linear-gradient(90deg, #FF6739 0%, #FF6739 0%, #FFAD27 100%, #FFAD27 100%);
	line-height: 46px;
	height: 46px;
	border-radius: 50px;
	display: inline-block;
	padding:0 24px;
	text-align: center;
	box-shadow: 0px 4px 10px 0px rgba(209, 133, 103, 0.3)
  }
  .block{
	  display: block;
  }
.radius-badge{
	border-radius: 3px;
	padding:4px 3px
}

.text-red{color:var(--red)}
.text-orange{color:var(--orange)}
.text-orange2{color:var(--orange2)}
.text-yellow{color:var(--yellow)}
.text-olive{color:var(--olive)}
.text-green{color:var(--green)}
.text-cyan{color:var(--cyan)}
.text-blue{color:var(--blue)}
.text-purple{color:var(--purple)}
.text-mauve{color:var(--mauve)}
.text-pink{color:var(--pink)}
.text-brown{color:var(--brown)}
.text-grey{color:var(--grey)}
.text-black{color:var(--black)}
.text-darkGray{color:var(--darkGray)}
.text-gray{color:var(--gray)}
.text-ghostWhite{color:var(--ghostWhite)}
.text-white{color:var(--white)}

.bg-red{background:var(--red)}
.bg-orange{background:var(--orange)}
.bg-orange2{background:var(--orange2)}
.bg-yellow{background:var(--yellow)}
.bg-olive{background:var(--olive)}
.bg-green{background:var(--green)}
.bg-cyan{background:var(--cyan)}
.bg-blue{background:var(--blue)}
.bg-purple{background:var(--purple)}
.bg-mauve{background:var(--mauve)}
.bg-pink{background:var(--pink)}
.bg-brown{background:var(--brown)}
.bg-grey{background:var(--grey)}
.bg-black{background:var(--black)}
.bg-darkGray{background:var(--darkGray)}
.bg-gray{background:var(--gray)}
.bg-ghostWhite{background:var(--ghostWhite)}
.bg-white{background-color:rgba(255,255,255,.9)}
.bg-white-real{background:#ffffff}
.bg-data{background: linear-gradient(180deg, rgba(247,151,100,.2) 0%, rgba(247,151,100,.2) 0%, rgba(247,151,100,0.00) 100%, rgba(247,151,100,0.00) 100%);}

.bg-linear-yellow{
	background: linear-gradient(90deg, #FAF8EC 0%, #FAF8EC 0%, #F8EDCD 100%, #F8EDCD 100%);
}
.bg-linear-yellow2{
	background: linear-gradient(0deg, #FAF8EC 0%, #FAF8EC 0%, #F8EDCD 100%, #F8EDCD 100%);
}
.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.text-bold{
	font-weight: bold;
}
.text-center{
	text-align: center;
}

.opacity-09{opacity:0.9}
.opacity-08{opacity:0.8}
.opacity-07{opacity:0.7}
.opacity-06{opacity:0.6}
.opacity-05{opacity:0.5}
.opacity-04{opacity:0.4}
.opacity-03{opacity:0.3}
.opacity-02{opacity:0.2}
.opacity-01{opacity:0.1}

/* 字体大小 */


.text-xs {
	font-size: 10px;
}

.text-sm {
	font-size: 12px;
}

.text-df {
	font-size: 14px;
}

.text-lg {
	font-size: 16px;
}

.text-xl {
	font-size: 18px;
}


.text-xl2 {
	font-size: 20px;
}

.text-xxl {
	font-size: 22px;
}
.text-xxxl {
	font-size: 30px;
}

.text-sl {
	font-size: 40px;
}
.text-sl2 {
	font-size: 44px;
}

.text-xsl {
	font-size: 60px;
}

.round {
	border-radius: 10000px;
}

.radius {
	border-radius: 15px;
}
.radius-large {
	border-radius: 20px;
}

.overflow-hideen{
	overflow: hidden;
}

.line-height-df{line-height: 1;}
.line-height-xs{line-height: 120%;}
.line-height-sm{line-height: 140%;}
.line-height-lg{line-height: 160%;}
/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/*  -- 内外边距 -- */

.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 5px;
}

.margin-sm {
	margin: 10px;
}

.margin {
	margin: 15px;
}

.margin-lg {
	margin: 20px;
}

.margin-xl {
	margin: 25px;
}

.margin-top-xs {
	margin-top: 5px;
}

.margin-top-sm {
	margin-top: 10px;
}

.margin-top {
	margin-top: 15px;
}

.margin-top-lg {
	margin-top: 20px;
}

.margin-top-xl {
	margin-top: 25px;
}

.margin-right-xs {
	margin-right: 5px;
}

.margin-right-sm {
	margin-right: 10px;
}

.margin-right {
	margin-right: 15px;
}

.margin-right-lg {
	margin-right: 20px;
}

.margin-right-xl {
	margin-right: 25px;
}

.margin-bottom-xs {
	margin-bottom: 5px;
}

.margin-bottom-sm {
	margin-bottom: 10px;
}

.margin-bottom {
	margin-bottom: 15px;
}

.margin-bottom-lg {
	margin-bottom: 20px;
}

.margin-bottom-xl {
	margin-bottom: 25px;
}

.margin-left-xs {
	margin-left: 5px;
}

.margin-left-sm {
	margin-left: 10px;
}

.margin-left {
	margin-left: 15px;
}

.margin-left-lg {
	margin-left: 20px;
}

.margin-left-xl {
	margin-left: 25px;
}

.margin-lr-xs {
	margin-left: 5px;
	margin-right: 5px;
}

.margin-lr-sm {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-lr {
	margin-left: 15px;
	margin-right: 15px;
}

.margin-lr-lg {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-lr-xl {
	margin-left: 25px;
	margin-right: 25px;
}

.margin-tb-xs {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-tb-sm {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-tb-lg {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-tb-xl {
	margin-top: 25px;
	margin-bottom: 25px;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 5px;
}

.padding-sm {
	padding: 10px;
}

.padding {
	padding: 15px;
}

.padding-lg {
	padding: 20px;
}

.padding-xl {
	padding: 25px;
}

.padding-top-xs {
	padding-top: 5px;
}

.padding-top-sm {
	padding-top: 10px;
}

.padding-top {
	padding-top: 15px;
}

.padding-top-lg {
	padding-top: 20px;
}

.padding-top-xl {
	padding-top: 25px;
}

.padding-right-xs {
	padding-right: 5px;
}

.padding-right-sm {
	padding-right: 10px;
}

.padding-right {
	padding-right: 15px;
}

.padding-right-lg {
	padding-right: 20px;
}

.padding-right-xl {
	padding-right: 25px;
}

.padding-bottom-xs {
	padding-bottom: 5px;
}

.padding-bottom-sm {
	padding-bottom: 10px;
}

.padding-bottom {
	padding-bottom: 15px;
}

.padding-bottom-lg {
	padding-bottom: 20px;
}

.padding-bottom-xl {
	padding-bottom: 25px;
}

.padding-left-xs {
	padding-left: 5px;
}

.padding-left-sm {
	padding-left: 10px;
}

.padding-left {
	padding-left: 15px;
}

.padding-left-lg {
	padding-left: 20px;
}

.padding-left-xl {
	padding-left: 25px;
}

.padding-lr-xs {
	padding-left: 5px;
	padding-right: 5px;
}

.padding-lr-sm {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr {
	padding-left: 15px;
	padding-right: 15px;
}

.padding-lr-lg {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr-xl {
	padding-left: 25px;
	padding-right: 25px;
}

.padding-tb-xs {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-tb-sm {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb {
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-tb-lg {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb-xl {
	padding-top: 25px;
	padding-bottom: 25px;
}

/* -- 浮动 --  */

.cf::after,
.cf::before {
	content: " ";
	display: table;
}

.cf::after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* ==================
          边框
 ==================== */

/* -- 实线 -- */

.solid{height: 1px;background-color: rgba(22, 23, 25, 0.3);width: 100%;}
.solid2{height: 1px;background-color: rgba(22, 23, 25, 0.05);width: 100%}
.weui-cell:before{left: 0;}
.weui-cells{background: none!important}