@import url("font/iconfont.css");

.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #4B87E9 !important;
    background-image: linear-gradient(45deg, #4B87E9,#4B87E9);
    border-radius: 4px;
}

.layui-nav-tree .layui-nav-child {
    background: none;
}

body .layui-btn-blues {
    background-color: #4B87E9 !important;
    background-image: linear-gradient(90deg, #4B87E9,#4B87E9);
}

body {margin:0;background: #f0f5f9; }

.layui-btn-lgs {
    height: 60px; padding: 0 35px;
    font-size: 18px; font-weight: bold;
}

.layuimini-container {padding:20px;}
.layuimini-main { padding:15px; background-color:#fff; border-radius:3px;}

.layui-table-tool {background-color: #fff; padding-left: 0 ; border:0;}
.layui-table-tool-self { right: 0; }
.layui-table-view { border-top:0;border-right:0;border-left:0;border-right:0; border-width:0; }
.layui-table-view:after { display:none;}
.layui-table th { font-weight: bold }

.layui-table {color: #333;}
.layui-table-page select {
    
}

.pclogo {
    max-width: 100%; height: auto;
}

.relative {
	position: relative;
	
}
.overflow {
    overflow: hidden;
}
.abs-tag {
    width: 300px; text-align: center; height: 36px;
    background: #16b777; color: #fff;
    font-size: 18px;
    line-height: 36px;
    position: absolute;
	right: -110px;
	top: 22px;
	transform: rotate(45deg);
}

.fl {
    float: left;
}

.layuimini-menu-left .layui-nav-child {
    display: block !important;
    font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
    background: #fff;
}
.layuimini-menu-left a .iconfont {
   float: left;
}
.layuimini-menu-left a .layui-left-nav {
    margin-left: 5px;
}


.flex-between-center {
	display: flex; justify-content: space-between; align-items: center;
}
.flex-start-center {
	display: flex; justify-content: start; align-items: center;
}

.flex-end-center {
	display: flex; align-items: center; justify-content: flex-end;
}

.flex-center {
	display: flex; align-items: center; justify-content: center;
}

.ly-photos {
    display: flex; justify-content: flex-start;
}
.ly-photos .ly-photos-item {
    width: 100px; height: 100px;
    margin: 0 10px 10px 0;
}
.respimg {
    width: 100%; height: 100%;
    object-fit: cover;
}

.detailContent img {
    max-width: 100%;
    
}

.font-32 {
    font-size: 32px;
}



/*-------图片上传文件-----------*/
.ly-upload-photos {
    display: block;
}
.ly-upload-photos .ly-upload-item {
    width: 60px; height: 60px;
    margin: 0 10px 10px 0;
    background-color: #f1f1f1;
    border-radius: 5px;
    position: relative;
    float: left;
}
.ly-upload-photos .ly-upload-item img {
    width: 100%; height: 100%;
    border-radius: 5px;
}
.ly-upload-photos .ly-upload-add {
    line-height: 60px; text-align: center;
    color: #999;
    cursor: pointer;
}
.ly-upload-photos .ly-upload-item .ly-close {
    position: absolute; right: -8px; top: -12px;
    width: 20px; height: 20px;
    background: #fff; border-radius: 20px;
}
.ly-upload-photos .ly-upload-item .ly-close span {
    font-size: 18px; cursor: pointer;
    color: #5671f1;
}
/*-------图片上传文件end-----------*/

.line-height {
    line-height: 16px;
}

.ly-btn-light-orange {
    border: 1px solid  #FFBA74;
    background-color: #FFF4E9; 
}

.relative { position:relative;}
.cp_input {position: absolute; top: 0;left: -500px; z-index: -10; opacity: 0;}
.copyText { margin-left:2px; cursor:pointer; font-size:14px; font-weight:bold;}

.edit-red {
    border-bottom: 3px solid #ff5722;
    font-size: 18px; color: #ff5722; font-weight: bold;
}

.bottom-fixed {
    position: fixed; z-index: 1000;
    width: 100%; padding: 10px 10px 20px 10px; text-align: center;
    background: #fff; left: 0; bottom:0;
    box-sizing:border-box;
}

input::placeholder,textarea::placeholder {
    color: #ccc; font-size: 12px;
}

.ly-form .layui-form-label {
    min-width: 150px;
}

.my-layui-open .layui-layer-title {
    font-size: 18px; font-weight: bold;
}

.ly-table-box .layui-btn+.layui-btn {
    margin-left: 2px !important;
}

.ly-nopadding {
    margin: 0 !important;
}
.ly-nopadding th,.ly-nopadding td{
    padding:0 5px 10px 0 !important;
}
.padding-top-no {
    padding-top: 0 !important;
}

.form-bottom .layui-form-item .layui-inline {
    margin-bottom: 10px;
}

ul.temp-file li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 5px; background: #f1f1f1; border-radius: 5px; font-size: 12px;
    margin-bottom: 5px;
}
ul.temp-file li span.name {
    display: inline-block; padding-right: 10px;
}
ul.temp-file li span.action {
    display: inline-block;
}

/*--动态表格自定义Start--------------*/
.ly-table-box {
    margin-top:5px;
}
.ly-table-box .layui-table-mr0 {margin:0;}
.ly-table-box .layui-table thead tr {
	background-color: #f0f5f9;
}
.ly-table-box-nob .layui-table-header {
    display: none;
}

.layui-menu-body-panel {
    margin-left:1px !important;
    min-width: 200px;
}

/*--头部导航---------------*/
.layui-elem-quote-orange {
    border-left: 5px solid #ff9700;
    background-color:#fff;
    padding:5px 15px;
}
.layui-elem-bg-orange {
    border-left: 5px solid #ff9700;
    background-color:#FFF5E8;
    padding:5px 15px;
}

/*--搜索区域Start--------------*/
.search-form-box .layui-form-item { margin-bottom:5px;}
.search-form-box .layui-form-item .layui-input-inline { width:160px; margin-right:0px;}
.search-form-box .layui-form-pane .layui-form-label { width:100px; padding:8px 10px;}
.search-open-btn {
    cursor: pointer; display: flex; align-items:center; justify-content: flex-start;
    color: #0081ff;
}
.search-open-btn .layui-icon {
    transform: rotate(90deg);
    transform-origin: center center;
    font-size: 11px; margin-left:3px;
}
.search-open-btn .layui-icon2 {
    transform: rotate(-90deg);
}

/*--自定义颜色Start--------------*/
.bg-black { background-color:#222;}
.bg-white {background-color:#fff;}

/*--对齐方式---*/
.blank10 { height:10px;}
.blank20 { height:20px;}
.blank50 { height:50px;}

/*--对齐方式---*/
.text-center { text-align:center;}

/*--分页样式---*/
body .layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #4B87E9 !important;
    background-image: linear-gradient(90deg, #4B87E9,#4B87E9);
	border-radius:3px  !important;
}

/*--tabs 新样式---*/
.layui-tab-myself .layui-tabs{margin: 0 !important;}
.layui-tab-myself .layui-tabs-body {padding: 2px 0 0 0 !important;}
.layui-tab-myself .layui-tabs .layui-tabs-header{height: 35px; overflow: hidden; color:#222;}
.layui-tab-myself .layui-tabs .layui-tabs-header li{line-height:35px;
    
}
.layui-tab-myself .layui-table { margin:0 0 0 0;}
.layui-tab-myself .layui-tab-brief .layui-tabs-header .layui-this {
    color: #fff !important;
    font-weight: bold;
    background: #FFAC42 !important;
}
.layui-tab-myself .layui-tab-brief .layui-tabs-header li{
    background: #f5f5f5; margin-right: 5px !important;
    border-radius: 5px 5px 0 0;
    padding: 0 30px;
}
.layui-tab-myself .layui-tab-brief .layui-tabs-header li a {
    display: block;
}
.layui-tab-myself .layui-tab-brief .layui-tabs-more li.layui-this:after, .layui-tab-brief .layui-tabs-header .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #FFAC42 !important;
}

/*--tab样式---*/
.layui-tab-myself .layui-tab{margin: 0 !important;}
.layui-tab-myself .layui-tab-content {padding: 2px 0 0 0 !important;}
.layui-tab-myself .layui-tab .layui-tab-title{height: 35px; overflow: hidden; color:#222;}
.layui-tab-myself .layui-tab .layui-tab-title li{line-height:35px;}
.layui-tab-myself .layui-table { margin:0 0 0 0;}
.layui-tab-myself .layui-tab-brief>.layui-tab-title .layui-this {
    color: #fff !important;
    font-weight: bold;
    background: #FFAC42 !important;
}
.layui-tab-myself .layui-tab-brief>.layui-tab-title li{
    background: #f5f5f5; margin-right: 5px;
    border-radius: 5px 5px 0 0;
    padding: 0 30px;
}
.layui-tab-myself .layui-tab-brief>.layui-tab-title li a {
    display: block;
}
.layui-tab-myself .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #FFAC42 !important;
}


/*--tab样式2---*/
.ly-tab-self .layui-tab{margin: 0 !important;}
.ly-tab-self .layui-tab-content {padding: 2px 0 0 0 !important;}
.ly-tab-self .layui-tab .layui-tab-title{height: 32px; overflow: hidden; color:#222;}
.ly-tab-self .layui-tab .layui-tab-title li{line-height:32px;}
.ly-tab-self .layui-table { margin:0 0 0 0;}
.ly-tab-self>.layui-tab-title .layui-this {
    color: #D93600 !important;
    font-weight: bold; font-size: 16px;
}
.ly-tab-self>.layui-tab-title li{
    padding: 0 25px; font-size: 14px; color: #222;
}
.ly-tab-self>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #D93600 !important;
}

/*--------------------------*/
.ly-mytabs .layui-tabs-header li {
    padding: 0 25px; font-size: 15px;
}
.ly-mytabs .layui-tabs-header .layui-this,.ly-mytabs  .layui-tabs-header li:hover{
    color: #FB7107 !important;
    font-weight: bold;
}
.ly-mytabs .layui-tabs-header .layui-this:after {
    border-bottom: 3px solid #FB7107 !important;
}

/*---上传图片类----------------- */
.ly-upload-list{ padding:10px 0; display:flex; justify-content:flex-start;}
.ly-upload-list .ly-upload-list-item { width: 100px; margin: 0 5px 5px 0;}
.ly-upload-list .ly-upload-list-item img { width: 100%; height: 100px; border-radius:5px;}
.ly-upload-list .ly-upload-list-item p { text-align: center; line-height:20px; font-size:12px;}

/*---批量拖动上传图片*/
.upload_box { width:100px; height:100px; border-radius:5px; float:left; margin:5px 5px 0 0;}
.upload_box img { border-radius: 5px;}
.respimg { width:100%; height:100%;}
.upload-pre-item { float:left; margin-right:10px; padding:5px; background:#f6f6f6; border-radius:5px; width:120px; height:160px; position:relative; cursor:pointer;}
.upload-pre-item img { width:110px; height:110px; background-color:#fff; border-radius:3px;}
.upload-pre-item .title_name { font-size:12px; color:#ccc; line-height:20px; text-align:center;}
.upload-pre-item p.removePhotos{ text-align:center; line-height:25px; font-size:12px;}

.layui-quote-orange {
    border: 1px solid #FFD094;
    padding:5px 10px;
    font-size: 12px;
    background: #FFF5E8;
}

.layui-quote-blue {
    border: 1px solid #BAD1F2;
    padding:5px 10px;
    font-size: 12px;
    background: #E6EEFA;
}

.layui-elem-orange {
    padding:5px 10px;
    font-size: 16px;
    border-left: 5px solid #ff8220;
}

/*-文本-*/
.text-line li{ line-height: 28px; }
.maxLineTwo {
	text-overflow: -o-ellipsis-lastline;
	max-height: 40px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*--图片---------------*/
.cu-avatar.xl {
    width: 230px; height: 230px;
}
.radius {
    border-radius: 5px;
}

.table-goods-list-item {
    padding-left: 60px;
    line-height: 18px;
    cursor: pointer;
}
.table-goods-list-item a {
    color: #0081ff;
}
.table-goods-list-item a:hover {
    color: #FB7107;
}
.goods-list {
    clear: both;
}
.goods-list-item {
    font-size: 12px;
    text-overflow: -o-ellipsis-lastline;
	max-height: 40px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*--左侧菜单---------------*/
.layui-left-nav {font-weight: bold;}
.menu-dd .layui-left-nav{ font-weight:normal; font-size:13px;}

.line-title {
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid  #efefef;
    margin-bottom: 20px;
}
.line-title .left-line {
    height: 16px; width: 3px; border-left: 5px solid #ff9700; margin-right: 5px;
}

.layui-table-nolr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*--头部导航---------------*/
.layui-elem-quote-orange {
    border-left: 5px solid #ff9700;
    background-color:#fff;
    padding:5px 15px;
}

/*----新闻列表----------------*/
.ly-list li {
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0;
}

.line-sm {
    line-height: 22px !important;
}

.table-search-fieldset legend {
    font-size: 12px;
}

.layui-card-header {
    height: auto;
}

.text-line-orange {
    width: 5px; height: 18px; border-radius: 5px; display: inline-block;
    background: #ff9700 ;
    margin-right:5px; margin-top:-2px;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}
.flex-start-center {
    display: flex;
    justify-content: flex-start;
	align-items: center;
}

.flex-between-center {
    display: flex;
    justify-content:space-between;
	align-items: center;
}
.flex-between {
    display: flex;
    justify-content:space-between;
}

body .ly-msg-red {
    background-color: #000;
    color: #fff;
}
.respimg {
    width: 100%; height: 100%;
}

.modalBox {
	position:fixed; z-index:999; bottom:0; left:0; width:100%; padding:10px; background-color:#ffffff; border-top:1px solid #efefef;
}

.top-tips-box {
    line-height: 20px; font-size: 14px;
    overflow: hidden;
}

.min1000 {min-width:1000px;}
.min800 {min-width:800px;}
.min600 {min-width:600px;}
.min500 {min-width:500px;}
.min350 { min-width:350px;}
.min250 {min-width:250px;}
.min200 {min-width:200px;}

.max350 {max-width:350px;}
.max600 {max-width:600px;}
.max1000 {max-width:1000px;}

.wp100 {width:100%;}
.wh100 {width:100px !important;}

/**必填红点 */
.layuimini-form > .layui-form-item > .required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.8em;
    top: 6px;
    right: 5px;
}

.layuimini-form > .layui-form-item > .layui-form-label {
    width: 120px;
}

.layuimini-form > .layui-form-item > .layui-input-block {
    margin-left: 150px !important;
}

.layuimini-form > .layui-form-item > .layui-input-block > tip {
    display: inline-block;
    margin-top: 10px;
    line-height: 10px;
    font-size: 10px;
    color: #a29c9c;
}

/**旋转角度*/
.transform-sm{
  transform: rotate(270deg);
}

/**搜索框*/
.layuimini-container .table-search-fieldset {
    margin: 0;
    border: none !important;
    padding: 5px 0 0 0;
    color: #6b6b6b;
}

/**自定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.img100 {
	width: 100px; height:100px; padding:5px; border-radius:5px;
}
.himg100 {
	width: auto; height:100px; padding:5px; border-radius:5px;
}

.main-title {
    font-size: 16px; font-weight: bold;
    padding: 15px; line-height: 22px;
    border-bottom:1px solid #dedede;
}

.solid{ border:1px solid #dedede;}
.solid-bottom { border-bottom:1px solid #efefef;}
.stone-form .layui-form-label { min-width:150px;}
.stone-form .layui-tab-brief>.layui-tab-title .layui-this {font-weight:bold; color:#148BE4 !important;}
.stone-form .layui-input-block { margin-left:180px;}
.line-border { border-bottom:1px solid #efefef; margin:15px 0; height:1px;}

.required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.8em;
    top: 6px;
    right: 5px;
}



.layui-input { border-color:#ddd;}
.stone-logo-border { padding:5px; height:30px !important; background:#fff; border-radius:50%;}
.layui-layout-left { left: 380px !important;}
.layuimini-tool {
    left: 230px;
}

.fl {float:left;}
.fr {float:right;}


body .layui-layer-btn a {
    height: 38px;
    line-height: 38px;
    padding:0 25px;
}
body .layui-layer-dialog.mycustomClass .layui-layer-content .layui-layer-face {
    top:28px;
    font-size: 36px;
}
body .layui-layer-dialog.mycustomClass .layui-layer-padding {
    max-width: 400px;
    padding: 28px 30px 28px 62px;
    text-align: left;
}
body .layui-layer-dialog.mycustomClass{
    min-width: 300px;
}
body .layui-layer-hui {
    min-width: 100px;
}

.layuimini-menu-left .layui-nav-item a .fa, .layuimini-menu-left .layui-nav-item a .layui-icon {
	top:2px;
}
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed>a .layui-nav-more {
	margin-top: 10px !important;
}

.my-imglist {
    padding:10px; overflow: hidden; background: #f1f1f1;
    border-radius: 3px;
}
.my-imglist-item img {
    border-radius: 5px;
    object-fit: cover;
    margin:0 10px 10px 0;
}

body .layui-btn-danger {
	background-image: linear-gradient(45deg, #FB7107,#ff9700);
}


.layui-nav-tree .layui-nav-child dd.layui-this,.layui- layui.css:1nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover {
	background-image: linear-gradient(45deg, #FB7107,#ff9700);
}

/* ==================
          头像
 ==================== */

.cu-avatar {
	font-variant: small-caps;
	margin: 0;
	padding: 0;
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	white-space: nowrap;
	position: relative;
	width: 32px;
	height: 32px;
	background-size: cover;
	background-position: center;
	vertical-align: middle;
	font-size: 1.5em;
}

.cu-avatar.sm {
	width: 24px;
	height: 24px;
	font-size: 1em;
}

.cu-avatar.df {
	width: 40px;
	height: 40px;
	font-size: 2em;
}

.cu-avatar.lg {
	width: 48px;
	height: 48px;
	font-size: 2em;
}

.cu-avatar.xl {
	width: 64px;
	height: 64px;
	font-size: 2.5em;
}

.cu-avatar.xxl {
	width: 120px;
	height: 120px;
	font-size: 2.5em;
}

/* ==================
          布局
 ==================== */

/*  -- 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: 5px;
}

.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: 30px;}

.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: 30px;
}

.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: 40upx;
}

.padding-left-xl {
	padding-left: 50upx;
}

.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: 25px;
	padding-bottom: 25px;
}

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

/* ==================
          文本
 ==================== */

.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-xxl {
	font-size: 20px;
}

.text-sl {
	font-size: 80upx;
}

.text-xsl {
	font-size: 120upx;
}

.text-Abc {
	text-transform: Capitalize;
}

.text-ABC {
	text-transform: Uppercase;
}

.text-abc {
	text-transform: Lowercase;
}

.text-price::before {
	content: "¥";
	font-size: 80%;
	margin-right: 4upx;
}

.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.text-bold {
	font-weight: bold;
}

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

.text-content {
	line-height: 1.6;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-red,
.line-red,
.lines-red {
	color: #e54d42;
}

.text-orange,
.line-orange,
.lines-orange {
	color: #ff6224;
}

.text-yellow,
.line-yellow,
.lines-yellow {
	color: #fbbd08;
}

.text-olive,
.line-olive,
.lines-olive {
	color: #8dc63f;
}

.text-green,
.line-green,
.lines-green {
	color: #39b54a;
}

.text-cyan,
.line-cyan,
.lines-cyan {
	color: #1cbbb4;
}

.text-blue,
.line-blue,
.lines-blue {
	color: #1890ff;
}

.text-purple,
.line-purple,
.lines-purple {
	color: #6739b6;
}

.text-mauve,
.line-mauve,
.lines-mauve {
	color: #9c26b0;
}

.text-pink,
.line-pink,
.lines-pink {
	color: #e03997;
}

.text-brown,
.line-brown,
.lines-brown {
	color: #a5673f;
}

.text-grey,
.line-grey,
.lines-grey {
	color: #8799a3;
}

.text-gray,
.line-gray,
.lines-gray {
	color: #aaaaaa;
}

.text-black,
.line-black,
.lines-black {
	color: #333333;
}

.text-white,
.line-white,
.lines-white {
	color: #ffffff;
}