/**
 * Danceui Admin v1.0.20
 * 2025.02.20
 * Author: zhaojun(13040@qq.com)
 */

html{position: relative;min-height: 100%;}

body{height: 100%;margin: 0;font-size:0.8rem}

/*=====全局=====*/
ul,li{padding: 0;margin: 0;}
li{list-style: none;}

a:focus{outline: none;}

/*文字左中右对齐*/
.tal{text-align: left!important;}
.tac{text-align: center!important;}
.tar{text-align: right!important;}

/*全局间距【对模块或内容进行间距微调，强化为最高级别】*/
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml50{margin-left:50px !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr50{margin-right:50px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

/*边距*/
.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-no{margin-top:0!important}
.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-top-xxl{margin-top:30px}
.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.mr-sm{margin-right:10px}
.margin-right{margin-right:30rpx}
.margin-right-lg{margin-right:40rpx}
.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!important}
.padding-right-0{padding-right:0!important}
.padding-bottom-0{padding-bottom:0!important}
.padding-left-0{padding-left:0!important}
.padding-top-0{padding-top:0!important}
.padding-xs{padding:5px!important}
.padding-sm{padding:10px!important}
.padding{padding:15px!important}
.padding-lg{padding:20px!important}
.padding-xl{padding:25px!important}
.padding-top-xs{padding-top:5px!important}
.padding-top-sm{padding-top:10px!important}
.padding-top{padding-top:15px!important}
.padding-top-lg{padding-top:20px!important}
.padding-top-xl{padding-top:25px!important}
.padding-right-xs{padding-right:5px!important}
.padding-right-sm{padding-right:10px!important}
.padding-right{padding-right:15px!important}
.padding-right-lg{padding-right:20px!important}
.padding-right-xl{padding-right:25px!important}
.padding-bottom-xs{padding-bottom:5px!important}
.padding-bottom-sm{padding-bottom:10px!important}
.padding-bottom{padding-bottom:15px!important}
.padding-bottom-lg{padding-bottom:20px!important}
.padding-bottom-xl{padding-bottom:25px!important}
.padding-left-xs{padding-left:5px!important}
.padding-left-sm{padding-left:10px!important}
.padding-left{padding-left:15px!important}
.padding-left-lg{padding-left:20px!important}
.padding-left-xl{padding-left:25px!important}
.padding-lr-xs{padding-left:5px!important;padding-right:5px!important}
.padding-lr-sm{padding-left:10px!important;padding-right:10px!important}
.padding-lr{padding-left:15px!important;padding-right:15px!important}
.padding-lr-lg{padding-left:20px!important;padding-right:20px!important}
.padding-lr-xl{padding-left:25px!important;padding-right:25px!important}
.padding-tb-xs{padding-top:5px!important;padding-bottom:5px!important}
.padding-tb-sm{padding-top:10px!important;padding-bottom:10px!important}
.padding-tb{padding-top:15px!important;padding-bottom:15px!important}
.padding-tb-lg{padding-top:20px!important;padding-bottom:20px!important}
.padding-tb-xl{padding-top:25px!important;padding-bottom:25px!important}

/*间距*/
.gap5{height: 5px}
.gap10{height: 10px}
.gap15{height: 15px}
.gap20{height: 20px}
.gap50{height: 50px}
.footer_fix{height: 46px;width: 100%}

.blank5{clear: both;height: 10px;overflow: hidden;}
.blank10{clear: both;height: 10px;overflow: hidden;}
.blank15{clear: both;height: 15px;overflow: hidden;}
.blank20{clear: both;height: 20px;overflow: hidden;}

.height5{clear: both;height: 5px;overflow: hidden;}
.height10{clear: both;height: 10px;overflow: hidden;}
.height15{clear: both;height: 15px;overflow: hidden;}
.height20{clear: both;height: 20px;overflow: hidden;}
.height50{clear: both;height: 50px;overflow: hidden;}

.daui-height1{height: 10px;}
.daui-height2{height: 25px;}
.daui-height3{height: 50px;}
.daui-height4{height: 100px;}

:root{
	--red: #e54d42;
    --orange: #f37b1d;
    --yellow: #fbbd08;
    --olive: #8dc63f;
    --green: #39b54a;
    --cyan: #1cbbb4;
    --blue: #0081ff;
    --purple: #6739b6;
    --mauve: #9c26b0;
    --pink: #e03997;
    --brown: #a5673f;
    --grey: #8799a3;
    --black: #333;
    --darkGray: #666;
    --gray: #aaa;
    --ghostWhite: #f1f1f1;
    --white: #fff;
    --redLight: #fadbd9;
    --orangeLight: #fde6d2;
    --yellowLight: #fef2ce;
    --oliveLight: #e8f4d9;
    --greenLight: #d7f0db;
    --cyanLight: #d2f1f0;
    --blueLight: #cce6ff;
    --purpleLight: #e1d7f0;
    --mauveLight: #ebd4ef;
    --pinkLight: #f9d7ea;
    --brownLight: #ede1d9;
    --greyLight: #e7ebed;
    --gradualRed: linear-gradient(45deg,#f43f3b,#ec008c);
    --gradualOrange: linear-gradient(45deg,#ff9700,#ed1c24);
    --gradualGreen: linear-gradient(45deg,#39b54a,#8dc63f);
    --gradualPurple: linear-gradient(45deg,#9000ff,#5e00ff);
    --gradualPink: linear-gradient(45deg,#ec008c,#6739b6);
    --gradualBlue: linear-gradient(45deg,#0081ff,#1cbbb4);
    --ShadowSize: 3px 3px 4px;
    --redShadow: rgba(204,69,59,0.2);
    --orangeShadow: rgba(217,109,26,0.2);
    --yellowShadow: rgba(224,170,7,0.2);
    --oliveShadow: rgba(124,173,55,0.2);
    --greenShadow: rgba(48,156,63,0.2);
    --cyanShadow: rgba(28,187,180,0.2);
    --blueShadow: rgba(0,102,204,0.2);
    --purpleShadow: rgba(88,48,156,0.2);
    --mauveShadow: rgba(133,33,150,0.2);
    --pinkShadow: rgba(199,50,134,0.2);
    --brownShadow: rgba(140,88,53,0.2);
    --greyShadow: rgba(114,130,138,0.2);
    --grayShadow: rgba(114,130,138,0.2);
    --blackShadow: rgba(26,26,26,0.2);
    --grayDark: #999;
}

/*全局框架*/
.zz-container{min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;}
.zz-in{padding: 0 10px;}
.zz-content-padded{padding: 0 10px;}
.demos-content-padded{padding: 15px;}

/*list-style点*/
i.point{float: left;display: block;width: 3px;height: 3px;margin: 18px 9px 0 0;overflow: hidden;font-size: 0;background: #949494;}
.no-border-radius{border-radius:0;}

/*表单里的点*/
.zz-must-red{color:#ff0000;font-size:14px;margin-right:6px;font-style: inherit;}

.zzui-badge-rim, .zzui-colla-content, .zzui-colla-item, .zzui-collapse, .zzui-elem-field, .zzui-form-pane .zzui-form-item[pane], .zzui-form-pane .zzui-form-label, .zzui-input, .zzui-layedit, .zzui-layedit-tool, .zzui-quote-nm, .zzui-select, .zzui-tab-bar, .zzui-tab-card, .zzui-tab-title, .zzui-tab-title .zzui-this:after, .zzui-textarea {
    border-color: #e6e6e6;
}

/*=====Bootstrap优化=====*/
/*无边框表格*/
.table.fix_table_no_border td{border:none;}
.table.daui-table-no-border td{border:none;}
.table.fix_table_text_center td{text-align:center;}

/*dotted表格*/
.table.fix_table_dotted{border-collapse:collapse;line-height:2;margin-bottom:30px;}
.table.fix_table_dotted>tbody>tr>th{border:none;}
.table.fix_table_dotted>tbody>tr>td{border-top:1px #ebebeb dotted;}

/*表格里面有链接的情况*/
.table>tbody>tr>td{word-break:break-all;}

/*文本描述*/
.form-horizontal .fix_form_tip{margin-top: 0;margin-bottom: 0;padding-top:5px;color: #ccc;}
.form-horizontal .fix_form_select{margin-top: 0;margin-bottom: 0;padding-top:5px;}
.form-horizontal .fix_inline{display:inline-block;}
.tips_desc{line-height: 24px;padding: 0 4px;border: 1px solid #fae3b9;background-color: #ffffe3;color: #666;display: inline-block;}
.tips_no_border{background: #fffeed;padding: 3px 10px;display: inline-block;color: red;}
.form-control-plaintext{font-size:inherit}

/*页码*/
.pagination>li>.appoint{position: relative;float: left;margin-left:0;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;margin-left:8px;}
.pagination>li>.appoint>.appoint_input{position: relative;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;outline: none;margin: 0 5px;}
.pagination>li>.appoint>.appoint_btn{position: relative;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;outline: none;margin: 0 5px;background-color: #f4f8fb;}

/*路径导航*/
.breadcrumb2{background: #fff;margin: 0;}
.breadcrumb2>li+li:before{font-family: FontAwesome;content: "\f105";}
.breadcrumb2 i{margin-right: 5px;}

/*其他*/
.btn-group-minier>.btn, .btn-minier {padding: 0 4px;line-height: 18px;border-width: 2px;font-size: 12px;}

hr{margin-top: .5rem;margin-bottom: .5rem;}

/*=====输入框=====*/
.zz-input{padding:4px 4px;font-size: 100%;line-height:18px;border:1px solid #ccc;background-color:#fff;box-shadow:2px 2px 2px #f0f0f0 inset;vertical-align: middle;margin: 0;font-family: inherit;color:#333;outline: none;}

/*长度*/
.daui-auto, .zz-auto{width:auto;}
.zz-length1{width:50px !important;}
.zz-length2{width:110px !important;}
.zz-length3{width:170px !important;}
.zz-length4{width:230px !important;}
.zz-length5{width:290px !important;}
.zz-length6{width:350px !important;}
.zz-length7{width:440px !important;}

/*=====按钮=====*/
/*橙色*/
.btn-orange{color: #fff!important;background-color: #FE6A00!important;border-color: #FE6A00!important;}
.btn-orange:hover,.btn-orange:focus,.btn-orange.focus,.btn-orange:active,.btn-orange.active,.open > .dropdown-toggle.btn-orange {color: #fff;background-color: #FE6A00;border-color: #FE6A00;}
.btn-orange:active,.btn-orange.active,.open > .dropdown-toggle.btn-orange {background-image: none;}
.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled.focus,.btn-orange[disabled].focus,fieldset[disabled] .btn-orange.focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active {background-color: #FE6A00;border-color: #FE6A00;}
.btn-orange .badge {color: #FE6A00;background-color: #fff;}

/*绿色*/
.btn-green{color: #fff!important;background-color: #4CAC41!important;border-color: #4CAC41!important;}
.btn-green:hover,.btn-green:focus,.btn-green.focus,.btn-green:active,.btn-green.active,.open > .dropdown-toggle.btn-green {color: #fff;background-color: #4CAC41!important;border-color: #4CAC41;}
.btn-green:active,.btn-green.active,.open > .dropdown-toggle.btn-green {background-image: none;}
.btn-green.disabled,.btn-green[disabled],fieldset[disabled] .btn-green,.btn-green.disabled:hover,.btn-green[disabled]:hover,fieldset[disabled] .btn-green:hover,.btn-green.disabled:focus,.btn-green[disabled]:focus,fieldset[disabled] .btn-green:focus,.btn-green.disabled.focus,.btn-green[disabled].focus,fieldset[disabled] .btn-green.focus,.btn-green.disabled:active,.btn-green[disabled]:active,fieldset[disabled] .btn-green:active,.btn-green.disabled.active,.btn-green[disabled].active,fieldset[disabled] .btn-green.active {background-color: #4CAC41;border-color: #4CAC41;}
.btn-green .badge{color: #4CAC41!important;background-color: #fff;}

/*btn-group*/
.btn-outline-lightgrey{color:#787d82;border-color:#d0d5da;background-color:transparent}
.btn-outline-lightgrey:hover{color:#fff;background-color:#7b818a;border-color:#7b818a}
.btn-outline-lightgrey.focus.fs--shadow,.btn-outline-lightgrey:focus.fs--shadow{box-shadow:0 0 1px 2px rgba(123,129,138,.4)}
.btn-outline-lightgrey:not(:disabled):not(.disabled).active,.btn-outline-lightgrey:not(:disabled):not(.disabled):active,.show>.btn.btn-outline-lightgrey.dropdown-toggle{color:#fff;background-color:#7b818a;border-color:#7b818a}
.btn-outline-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,.btn-outline-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,.show>.btn.btn-outline-lightgrey.dropdown-toggle.fs--shadow:focus{box-shadow:0 0 1px 2px rgba(123,129,138,.4)}
.btn-outline-lightgrey.disabled,.btn-outline-lightgrey:disabled{border-color:#d0d5da;color:#787d82}

.btn-outline-lightgrey:hover{color:#606469;background-color:#e8e9eb;border-color:#c5c7cb}
.btn-outline-lightgrey[class*=btn-light-]:hover{color:#5a5d62;background-color:#dddfe1;border-color:#bbbec3}

.btn-outline-default{background-color:transparent;color:#212529;border-color:#e5e5e5}
.btn-outline-default:hover,.btn-outline-default:not(:disabled):not(.disabled).active,.btn-outline-default:not(:disabled):not(.disabled):active,.show>.btn-outline-default.dropdown-toggle{color:#212529;background-color:#f9f9f9;border-color:#e5e5e5}
.btn-outline-default.disabled,.btn-outline-default:disabled{color:#212529;background-color:transparent}

.daui-btn-group{background-color: #fff}
.daui-btn-group>.btn{position:relative;padding-top:.75rem!important;padding-bottom:.75rem!important;padding-left:2rem!important;padding-right:2rem!important;overflow:hidden}
.daui-btn-group.daui-btn-group-green .btn.active:not(:disabled):not(.disabled){color: #1b7454;background-color: #e6f6f0;border-color: #8ad4b9;}
.daui-btn-group.daui-btn-group-blue .btn.active:not(:disabled):not(.disabled){color: #2364b2;background-color: #e1edfb;border-color: #8db9ef;}
.daui-btn-group.daui-btn-group-orange .btn.active:not(:disabled):not(.disabled){color: #9b5500;background-color: #fff0dd;border-color: #ffbc6a;}
.daui-btn-group .daui-btn-group-badge{position:absolute;display:block;right:0;bottom:0;height:1.5rem;width:1.5rem;color:#9b5500;background-color:#fff0dd;border-color:#ffbc6a;transition:opacity 120ms,visibility 0s;transition-delay:0s;margin-right:-.75rem!important;margin-bottom:-.75rem!important;opacity:.82;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity: 0;visibility: hidden;transition-delay: 0s,120ms;}
.daui-btn-group.daui-btn-group-green .daui-btn-group-badge{background-color:#1b7454;}
.daui-btn-group.daui-btn-group-blue .daui-btn-group-badge{background-color:#2364b2;}
.daui-btn-group.daui-btn-group-orange .daui-btn-group-badge{background-color:#9b5500;}
.daui-btn-group .btn.active .daui-btn-group-badge{opacity:100;visibility: visible;}

/*label、badge、feedtag*/
.zzui-label{display:inline-block;color: #ffffff;padding: 4px 8px;font-size:12px;}
.zzui-badge{display:inline-block;color: #ffffff;padding: 4px 8px;font-size:12px;border-radius: 4px;}
.zzui-label-blue, .zzui-badge-blue{background-color: var(--blue);}
.zzui-label-cyan, .zzui-badge-cyan{background-color: var(--cyan);}
.zzui-label-green, .zzui-badge-green{background-color: var(--green);}
.zzui-label-red, .zzui-badge-red{background-color: #e93b3d;}
.zzui-label-warning, .zzui-badge-warning{background-color: #F89406;}

.zzui-feedtag{display:inline-block;padding:0 5px;font-size:12px;text-align:center;border-radius:2px;vertical-align: middle;border-width: 1px;border-style: solid;}
.zzui-feedtag-blue{color:#2196f3;border-color:#2196f3}
.zzui-feedtag-green{color:#42bd56;border-color:#42bd56}
.zzui-feedtag-orange{color:#f58f57;border-color:#f58f57}
.zzui-feedtag-purple{color:#a59dd1;border-color:#a59dd1}
.zzui-feedtag-yellow{color:#dbb065;border-color:#dbb065}

/* ==================
    Badge 徽章
 ==================== */
.daui-badge{display:inline-block;border-radius:100px;font-size:10px;padding:0 5px;height:17px;line-height:17px;color:#fff}
.daui-badge__dot{height:8px;width:8px;padding:0}
.daui-badge_default{background-color:#ededed;border-width:1px;border-color:#ededed;color:#999}
.daui-badge_plain-default{background-color:#fff;border-width:1px;border-color:#ededed;color:#ededed}
.daui-badge_primary{background-color:#3c9cff;border-width:1px;border-color:#3c9cff;color:#fff}
.daui-badge_plain-primary{background-color:#fff;border-width:1px;border-color:#3c9cff;color:#3c9cff}
.daui-badge_plain-fill-primary{background-color:#ecf5ff;border-width:1px;border-color:#3c9cff;color:#3c9cff}
.daui-badge_success{background-color:#5ac725;border-width:1px;border-color:#5ac725;color:#fff}
.daui-badge_plain-success{background-color:#fff;border-width:1px;border-color:#5ac725;color:#5ac725}
.daui-badge_plain-fill-success{background-color:#f5fff0;border-width:1px;border-color:#5ac725;color:#5ac725}
.daui-badge_warning{background-color:#f9ae3d;border-width:1px;border-color:#f9ae3d;color:#fff}
.daui-badge_plain-warning{background-color:#fff;border-width:1px;border-color:#f9ae3d;color:#f9ae3d}
.daui-badge_plain-fill-warning{background-color:#fdf6ec;border-width:1px;border-color:#f9ae3d;color:#f9ae3d}
.daui-badge_danger{background-color:#f56c6c;border-width:1px;border-color:#f56c6c;color:#fff}
.daui-badge_plain-danger{background-color:#fff;border-width:1px;border-color:#f56c6c;color:#f56c6c}
.daui-badge_plain-fill-danger{background-color:#fef0f0;border-width:1px;border-color:#f56c6c;color:#f56c6c}
.daui-badge-sm{padding:3px 6px;height:inherit}

/*=====功能类样式=====*/
/*次级导航*/
.zz-btn-group{position: relative;display: inline-block;vertical-align: middle;background:#fff;margin-bottom: 10px;border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
box-shadow: 0 1px 2px rgba(0,0,0,.075);
border: 1px solid #ddd;}
.zz-btn-group-justified {display: table;width: 100%;table-layout: fixed;border-collapse: separate;}
.zz-btn-group-justified>a{display: table-cell;float: none;width: 1%;line-height: 36px;text-align: center;text-decoration: none;}
.zz-btn-group>a:first-child {margin-left: 0;}

/*wap表单*/
.m-form{margin: 0 0 10px;border: 1px solid #ddd;background: #fff;}
.m-form-group{margin-bottom:8px;}
.m-form-group:before,.m-form-group:after{content: " ";display: table;clear: both;}
.m-form-group label.m-label{display:block;font-weight:700;margin-bottom:5px;font-size:14px;color: #666;}
.m-form-control{padding:6px 12px;font-size: 14px;line-height:1.4;width: 100%;outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;border: none;border-bottom: 1px solid #e4e4e4;}

.sim-form{margin-bottom: 15px;}
.sim-form .sim-box{background-color:#FFF;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;margin-bottom: 15px;padding:0 15px;}
.sim-form .sim-group{line-height:45px;border-bottom:1px solid #e4e4e4;}
.sim-form .sim-input{display:block;width:100%;line-height:45px;border:none;border-bottom:1px solid #e4e4e4;}
.sim-form input:last-child{border-bottom:none;}
.sim-form .sim-tool{padding: 0 15px;}

/*导航*/
.zz-nav{height: 35px;margin:20px 0;padding: 0;}
.zz-nav li{float: left;list-style: none;}
.zz-nav li a{float: left;line-height: 32px;color: #666;padding: 0 15px;text-align: center;text-decoration: none;}
.zz-nav li.active a{border-bottom: 2px solid #266aae;font-weight: 700;color: #266aae;}

/*tab导航*/
.zz-tab-nav{margin-bottom:10px;list-style: none;border-bottom: 1px solid #ddd;margin-left:0;}
.zz-tab-nav:after,.zz-tab-nav:before{clear: both;display: table;content: " ";}
.zz-tab-nav>li{float: left;margin-bottom: -1px;position: relative;display: block;}
.zz-tab-nav>li>a{position: relative;display: block;padding: 5px 15px;border: 1px solid #ddd;border-bottom-color: transparent;}
.zz-tab-nav>li>a,.zz-tab-nav>li>a:focus{border-radius:0!important;background-color:#f9f9f9;color:#999;margin-right:-1px;line-height:24px;position:relative;border-color:#c5d0dc}
.zz-tab-nav>li>a:hover{background-color:#FFF;color:#4c8fbd;border-color:#c5d0dc;text-decoration: none;}
.zz-tab-nav>li.active>a,.zz-tab-nav>li.active>a:hover,.zz-tab-nav>li.active>a:focus{color:#576373;border-color:#c5d0dc;border-top:2px solid #4c8fbd;border-bottom-color:transparent;background-color:#FFF;line-height:24px;margin-top:-1px;box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);}
.zz-tab-nav.padding-16{padding-left: 16px;}

/*内容区域导航*/
.zz-content-nav{border-bottom:1px solid #ebebeb;display:block;}
.zz-content-nav ul{height:33px;}
.zz-content-nav li{float:left;}
.zz-content-nav li a{float:left;display:block;line-height:26px;height:26px;padding:0 10px;border-bottom:0 none;text-decoration:none;border-radius:3px;}
.zz-content-nav li a:hover{background:#f7f7f7;text-decoration:none;}
.zz-content-nav li.active a, .zz-content-nav li.active a:hover{color:#fff;background:#4791d0;font-weight:700;}

/*顶部框架*/
.row_box .row_left{width: 230px;float: left;margin-right: 10px;}
.row_box .row_middle{width: 510px;float: left;margin-right: 10px;}
.row_box .row_right{width: 240px;float: left;}
.row_box:after{content: '\20';display: block;height: 0;clear: both;visibility: hidden;}

/*box*/
.sim-panel{background-color: #fff;margin-bottom: 15px;}
.sim-panel .sim-heading{border-bottom: 1px solid #e0e0e0;padding:8px 15px;color: #333;}
.sim-panel .sim-body{padding:15px;}

/*buttons-tab*/
.buttons-tab{-webkit-align-self: center;align-self: center;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-lines: single;-moz-box-lines: single;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;background: white;position: relative;margin-bottom: 10px;}
.buttons-tab .button {color: #5f646e;font-size: 0.8rem;width: 100%;height: 2rem;line-height: 2rem;-webkit-box-flex: 1;-ms-flex: 1;border: 0;border-bottom: 2px solid transparent;border-radius: 0;text-align: center;text-decoration: none;}
.buttons-tab .button.active {color: #0894ec;border-color: #0894ec;z-index: 100;}
.buttons-fixed {position: fixed;z-index: 99;width: 100%;}

/*breadcrumb*/
.zz-breadcrumb{padding: .7em .5em;margin-bottom: 10px;list-style: none;background-color: transparent;border-radius: 0;font-size:12px;}
.zz-breadcrumb > li {display: inline-block;}
.zz-breadcrumb > li [class*="am-icon-"]:before {color: #999999;margin-right: 5px;}
.zz-breadcrumb > li + li:before {content: "/\00a0";padding: 0 8px;color: #cccccc;}
.zz-breadcrumb > .active {color: #999999;}
.zz-breadcrumb-slash > li + li:before {content: "/\00a0";}

/*gallery*/
.zz-gallery:after{clear: both;}
.zz-gallery>li{float: left;overflow: hidden;margin: 2px;}
.zz-gallery>li img{width: 120px;height: 120px;}

/*cells*/
.zzui-cells{margin-top: 1.17647059em;background-color: #FFFFFF;line-height: 1.41176471;font-size: 17px;overflow: hidden;position: relative;}
.zzui-cell{padding: 10px 15px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.zzui-cell__bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.zzui-cell__ft{text-align: right;color: #999999;}
.zzui-cell__hd img{display: block;margin-right: 5px;}

/*dl-text*/
.zzui-text-box dl{margin-bottom:8px;}
.zzui-text-box dl:after{clear: both;display: table;content: " ";}
.zzui-text-box dt{float:left;width:100px;}
.zzui-text-box dd{float:left;}

/*layer弹出框*/
.zzui-layer-modal .zzui-layer-content{}
.zzui-layer-modal .modal-content{}
.zzui-layer-modal .modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.zzui-layer-modal .modal-title{margin:0;line-height:1.42857143}
.zzui-layer-modal .modal-body{position: relative;padding: 15px;}
.zzui-layer-modal .modal-footer{padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}

/*layer弹框修复*/
.zzui-layer-dialog .zzui-layer-btn{font-size:14px;}

/* ==================
    Album 相册
 ==================== */
.daui-album::after{content: " ";display: table;clear: both;}
.daui-album .daui-album__item{float: left;overflow: hidden;margin: 0 4px 4px 0;}
.daui-album .daui-album__item img{width: 120px;height: 90px;}
.daui-album .daui-album__item.active{border:2px solid #FF5722;}
.daui-album_lg img{width: 120px;height: 120px;}
.daui-album_xs img{width: 60px;height: 60px;}

/*卡片网格视图(废弃)*/
.daui-picture:after{clear: both;display: table;content: " ";}
.daui-picture .daui-picture-item{float: left;text-align: center;margin: 0 10px 10px 0;cursor: pointer;border:2px solid #fff;}
.daui-picture .daui-picture-item img{width: 120px;height: 90px;}
.daui-picture .daui-picture-item.active{border:2px solid #FF5722;}
.daui-picture-lg li img{width: 120px;height: 120px;}
.daui-picture-xs li img{width: 60px;height: 60px;}

/*图片gallery*/
.daui-gallery::after{content: " ";display: table;clear: both;}
.daui-gallery .daui-gallery-item{float: left;overflow: hidden;margin: 0 4px 4px 0;}
.daui-gallery .daui-gallery-item img{width: 120px;height: 90px;}
.daui-gallery .daui-gallery-item.active{border:2px solid #FF5722;}
.daui-gallery-lg img{width: 120px;height: 120px;}
.daui-gallery-xs img{width: 60px;height: 60px;}

/*图片上传相关*/
.photo-tip{margin-top:4px;line-height: 20px;color:rgb(153, 153, 153);}

/*文字信息展示，待优化*/
.zzui-apply{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;font-size: 13px;margin-bottom:5px;}
.zzui-apply .zzui-apply-title{font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.zzui-apply .zzui-apply-desc{color: #999999;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.daui-full{width:100%;}
.daui-length1{width:50px !important;}
.daui-length2{width:110px !important;}
.daui-length3{width:170px !important;}
.daui-length4{width:230px !important;}
.daui-length5{width:290px !important;}
.daui-length6{width:350px !important;}
.daui-length7{width:440px !important;}

.round {
	border-radius: 5000upx;
}

.radius {
	border-radius: 6upx;
}

/* ==================
          背景
 ==================== */

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

.line-orange::after,
.lines-orange::after {
	border-color: #f37b1d;
}

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

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

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

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

.line-blue::after,
.lines-blue::after {
	border-color: #0081ff;
}

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

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

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

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

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

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

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

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

.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}

.bg-orange {
	background-color: #f37b1d;
	color: #ffffff;
}

.bg-yellow {
	background-color: #fbbd08;
	color: #333333;
}

.bg-olive {
	background-color: #8dc63f;
	color: #ffffff;
}

.bg-green {
	background-color: #39b54a;
	color: #ffffff;
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #ffffff;
}

.bg-blue {
	background-color: #0081ff;
	color: #ffffff;
}

.bg-purple {
	background-color: #6739b6;
	color: #ffffff;
}

.bg-mauve {
	background-color: #9c26b0;
	color: #ffffff;
}

.bg-pink {
	background-color: #e03997;
	color: #ffffff;
}

.bg-brown {
	background-color: #a5673f;
	color: #ffffff;
}

.bg-grey {
	background-color: #8799a3;
	color: #ffffff;
}

.bg-gray {
	background-color: #f0f0f0;
	color: #333333;
}

.bg-black {
	background-color: #333333;
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
	color: #666666;
}

.bg-shadeTop {
	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
	color: #ffffff;
}

.bg-shadeBottom {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
	color: #ffffff;
}

.bg-red.light {
	color: #e54d42;
	background-color: #fadbd9;
}

.bg-orange.light {
	color: #f37b1d;
	background-color: #fde6d2;
}

.bg-yellow.light {
	color: #fbbd08;
	background-color: #fef2ced2;
}

.bg-olive.light {
	color: #8dc63f;
	background-color: #e8f4d9;
}

.bg-green.light {
	color: #39b54a;
	background-color: #d7f0dbff;
}

.bg-cyan.light {
	color: #1cbbb4;
	background-color: #d2f1f0;
}

.bg-blue.light {
	color: #0081ff;
	background-color: #cce6ff;
}

.bg-purple.light {
	color: #6739b6;
	background-color: #e1d7f0;
}

.bg-mauve.light {
	color: #9c26b0;
	background-color: #ebd4ef;
}

.bg-pink.light {
	color: #e03997;
	background-color: #f9d7ea;
}

.bg-brown.light {
	color: #a5673f;
	background-color: #ede1d9;
}

.bg-grey.light {
	color: #8799a3;
	background-color: #e7ebed;
}

.bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
	color: #ffffff;
}

.bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
	color: #ffffff;
}

.bg-gradual-green {
	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
	color: #ffffff;
}

.bg-gradual-purple {
	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
	color: #ffffff;
}

.bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6);
	color: #ffffff;
}

.bg-gradual-blue {
	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
	color: #ffffff;
}

.shadow[class*="-red"] {
	box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}

.shadow[class*="-orange"] {
	box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}

.shadow[class*="-yellow"] {
	box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}

.shadow[class*="-olive"] {
	box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}

.shadow[class*="-green"] {
	box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}

.shadow[class*="-cyan"] {
	box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}

.shadow[class*="-blue"] {
	box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}

.shadow[class*="-purple"] {
	box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}

.shadow[class*="-mauve"] {
	box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}

.shadow[class*="-pink"] {
	box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}

.shadow[class*="-brown"] {
	box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}

.shadow[class*="-grey"] {
	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.shadow[class*="-gray"] {
	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.shadow[class*="-black"] {
	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}

.shadow[class*="-white"] {
	box-shadow: 3upx 3upx 4upx rgba(26, 26, 26, 0.05);
}

.text-shadow[class*="-red"] {
	text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}

.text-shadow[class*="-orange"] {
	text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}

.text-shadow[class*="-yellow"] {
	text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}

.text-shadow[class*="-olive"] {
	text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}

.text-shadow[class*="-green"] {
	text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}

.text-shadow[class*="-cyan"] {
	text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}

.text-shadow[class*="-blue"] {
	text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}

.text-shadow[class*="-purple"] {
	text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}

.text-shadow[class*="-mauve"] {
	text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}

.text-shadow[class*="-pink"] {
	text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}

.text-shadow[class*="-brown"] {
	text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}

.text-shadow[class*="-grey"] {
	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-gray"] {
	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-black"] {
	text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}

.daui-tabbar {
	display: -webkit-box;display: -webkit-flex;display: flex;
	position: relative;
	align-items: center;
	min-height: 50px;
	justify-content: space-between;
}
.daui-tabbar::before {
    content: '';
    width: 100%;
    border-top: 0.5px solid #d9d9d9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.daui-tabbar .daui-tabbar__hd{
	display: -webkit-box;display: -webkit-flex;display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	max-width: 100%;
}
.daui-tabbar .daui-tabbar__bd{
	-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;
	padding:0 10px;
}
.daui-tabbar.foot {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 10;
}
.daui-tabbar.input{background-color:#ffffff}

/* ==================
          按钮
 ==================== */
.daui-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 15px;font-size: 14px;height: 32px;line-height: 1;text-align: center;text-decoration: none;overflow: visible;margin-left: initial;transform: translate(0px, 0px);margin-right: initial;}
.daui-btn::after{content:'';position:absolute;width:200%;height:200%;transform-origin:0 0;transform:scale(0.5,0.5) translateZ(0);box-sizing:border-box;left:0;top:0;border-radius:6px;border:0}
.daui-btn_primary{background:#5677fc !important;color:#fff}
.daui-shadow_primary{box-shadow:0 5px 7px 0 rgba(86,119,252,0.2)}
.daui-btn_danger{background:#eb0909 !important;color:#fff}
.daui-shadow_danger{box-shadow:0 10rpx 14rpx 0 rgba(235,9,9,0.2)}
.daui-btn_warning{background:#fc872d !important;color:#fff}
.daui-shadow_warning{box-shadow:0 10rpx 14rpx 0 rgba(252,135,45,0.2)}
.daui-btn_green{background:#35b06a !important;color:#fff}
.daui-shadow_green{box-shadow:0 10rpx 14rpx 0 rgba(53,176,106,0.2)}
.daui-btn_blue{background:#007AFF !important;color:#fff}
.daui-shadow_blue{box-shadow:0 10rpx 14rpx 0 rgba(0,122,255,0.2)}
.daui-btn_white{background:#fff !important;color:#333 !important}
.daui-btn_gray{background:#bfbfbf !important;color:#fff !important}
.daui-btn_black{background:#333 !important;color:#fff !important}
.daui-shadow_gray{box-shadow:0 10rpx 14rpx 0 rgba(191,191,191,0.2)}
.daui-hover_gray{background:#f7f7f9 !important}
.daui-black_hover{background:#555 !important;color:#e5e5e5 !important}

/*按钮大小*/
.daui-btn_lg{padding: 0 40rpx;font-size: 32rpx;height: 80rpx;}
.daui-btn_sm{padding: 0 20rpx;font-size: 24rpx;height: 48rpx;}
.daui-btn_xs{padding: 0 10rpx;font-size: 18rpx;height: 36rpx;}
.daui-btn_mini{padding: 0 5rpx;font-size: 12rpx;height: 24rpx;}

/*块状按钮*/
.daui-btn.block{display: flex;}

.daui-btn:not([class*="bg-"]) {
	background-color: #f0f0f0;
}
.daui-btn:not([class*="round"]) {
	border-radius: 6upx;
}

.daui-btn[class*="line"] {
	background-color: transparent;
}

.daui-btn[class*="line"]::after {
	content: " ";
	display: block;
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid currentColor;
	transform: scale(0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-radius: 10upx;
	z-index: 1;
	pointer-events: none;
}

.daui-btn.round[class*="line"]::after {
	border-radius: 1000upx;
}

.daui-btn[class*="lines"]::after {
	border: 6upx solid currentColor;
}

.daui-btn[class*="bg-"]::after {
	display: none;
}

.daui-btn.sm {
	padding: 0 20upx;
	font-size: 24upx;
	height: 48upx;
}

.daui-btn.lg {
	padding: 0 40upx;
	font-size: 32upx;
	height: 80upx;
}

.daui-btn.icon.sm {
	width: 48upx;
	height: 48upx;
}

.daui-btn.icon {
	width: 64upx;
	height: 64upx;
	border-radius: 500upx;
	padding: 0;
}

button.icon.lg {
	width: 80upx;
	height: 80upx;
}

.daui-btn.shadow-blur::before {
	top: 4upx;
	left: 4upx;
	filter: blur(6upx);
	opacity: 0.6;
}

.daui-btn.button-hover {
	transform: translate(1upx, 1upx);
}

.block{display: block;}

.daui-btn[disabled] {
	opacity: 0.6;
	color: #ffffff;
}

/*菜单列表*/
.daui-cells{margin-top: 15px;background-color: #fff;line-height: 1.5;font-size: 17px;overflow: hidden;position: relative;}
.daui-cell{padding:12px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.daui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.daui-cell:first-child:before{display:none}
.daui-cell.no-border::before{border: none;}
.daui-cell.no-padding{padding: 0 !important;}
.daui-cell__hd .iconfontzz{margin-right: 16rpx;}
.daui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.daui-cell__ft{text-align:right;color:#999;}
.daui-cell_access .daui-cell__ft{padding-right: 13px;position: relative;}
.daui-cell_access .daui-cell__ft:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}
.daui-cell_link{color: #586c94;font-size: 14px;}
.daui-viewcell{padding: 10px 15px;background: #fff;}
.daui-cell_alone{padding: 24rpx 0;}
.daui-cell_alone:before{left:0}

.daui-cells_form .daui-cell__ft{}
.daui-cells_form .daui-icon-warn{display: none;}
.daui-cells_form input,.daui-cells_form textarea,.daui-cells_form label[for] {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.daui-cell_xs{font-size: 14px;color: #666;}
.daui-cell_xs .daui-cell__hd{width: 60px;}
.daui-cell_xs .daui-cell__hd image{width: 100%;height: 100%;}
.daui-cell_xs .daui-cell__ft{color: #787878;}
.daui-cell_xs .daui-cell:before{border: none;}
.daui-cell_xs .daui-cell__ft .weui-select{padding: 0 13px;height: inherit;line-height: inherit;color: #787878;}

.daui-cell_sm{font-size: 14px;color: #666;}
.daui-cell_sm .daui-cell__hd{width: 80px;}
.daui-cell_sm .daui-cell__hd image{width: 100%;height: 100%;}
.daui-cell_sm .daui-cell__ft{color: #787878;}
.daui-cell_sm .daui-cell:before{border: none;}
.daui-cell_sm .daui-cell__ft .weui-select{padding: 0 13px;height: inherit;line-height: inherit;color: #787878;}

.daui-cell_user .daui-cell__hd{width: 120rpx;height: 120rpx;}
.daui-cell_user .daui-cell__hd image{width: 100%;height: 100%;}

.daui-label{width: 200rpx;}
.daui-cells__title{margin-top: 28rpx;margin-bottom: 16rpx;padding-left: 8rpx;color: #7f7f7f;}

/*带样式的标题Titlebar*/
.daui-titlebar{margin: 10px 0;padding-left: 0;color: #7f7f7f;font-size: 14px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.daui-titlebar.daui-titlebar-one:before{content:"";width: 7px;height: 7px;border-radius: 10px;margin-right: 6px;background: #9a9998}
.daui-titlebar.daui-titlebar-two:before{content:"";width: 4px;height: 16px;border-radius: 10px;margin-right: 6px;background: #9a9998}
.daui-titlebar.daui-titlebar_primary:before{background:#3c9cff}
.daui-titlebar.daui-titlebar_success:before{background:#5ac725}
.daui-titlebar.daui-titlebar_info:before{background:#909399}
.daui-titlebar.daui-titlebar_warning:before{background:#f9ae3d}
.daui-titlebar.daui-titlebar_danger:before{background:#f56c6c}

/*卡片card*/
.daui-card{background-color: #fff;margin: 10px 10px 0;position: relative;overflow: hidden;}
.daui-card__hd{padding: 10px 10px 9px;font-size:16px;color: #666;position: relative;}
.daui-card__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8);left:20rpx;}
.daui-card__bd{font-size:14px;color: #333;position: relative;}
.daui-card__bd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8);left:20rpx;}
.daui-card__ft{font-size:14px;color: #999;position: relative;}
.daui-card__ft:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8);left:20rpx;}
.daui-card__bd.daui-card__bd-padding{padding:10px;}
.daui-card .daui-card__hd .daui-cell{padding:0;font-size: 16px;}
.daui-card .daui-card__hd .daui-cell:before{border-top: none;}

/*card样式1:带红条的标题*/
.daui-card.daui-card_one{}
.daui-card.daui-card_one .daui-card__hd{padding: 22rpx 24rpx 22rpx 46rpx;}
.daui-card.daui-card_one .daui-card__hd:before{content: "";position: absolute;left: 22rpx;top: 26rpx;width: 8rpx;height: 36rpx;background: #FE4C56;border-radius: 10rpx;}
.daui-card.daui-card_one .icon-title{margin-right:5px;}
.daui-card.daui-card_one .daui-card__bd{}

/*card样式2:红色标题，去掉间隔线*/
.daui-card.daui-card_two .daui-card__hd{padding:0;color:#333;color: #F0373D;font-weight: 700;font-size: 16px;}
.daui-card.daui-card_two .daui-card__hd:after{border: none;}
.daui-card.daui-card_two .daui-card__hd .daui-cell{padding-bottom: 0;}
.daui-card.daui-card_two .daui-card__bd .daui-cell{padding-left: 20px;}

/*花哨的fancy*/
.daui-fancy{margin:1px 15px 15px 15px;border-radius:5px;padding:2px;background-color:#FEF8B2;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);-o-box-shadow:0 0 6px rgba(0,0,0,0.5);box-shadow:0 0 6px rgba(0,0,0,0.5)}
.daui-fancy .daui-card__hd{padding:0 5px 0px 10px;background:url(../images/title-bg-red.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#ffffff;height:22px;margin:-1px}
.daui-fancy .daui-fancy-box{border-radius:5px;font-size:14px;border:1px dashed rgba(0,0,0,0.3)}
.daui-fancy .daui-fancy__bd{padding:15px}
.daui-fancy.daui-fancy_red .daui-fancy__hd{padding:0 5px 0px 10px;background:url(../images/title-bg-red.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#ffffff;height:22px;margin:-1px}
.daui-fancy.daui-fancy_orange .daui-fancy__hd{padding:0 5px 0px 10px;background:url(../images/title-bg-orange.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#ffffff;height:22px;margin:-1px}
.daui-fancy.daui-fancy_green .daui-fancy__hd{padding:0 5px 0px 10px;background:url(../images/title-bg-green.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#ffffff;height:22px;margin:-1px}
.daui-fancy.daui-fancy_brown .daui-fancy__hd{padding:0 5px 0px 10px;background:url(../images/title-bg-brown.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#ffffff;height:22px;margin:-1px}

/*footer*/
.wenew-footer{text-align: center;font-size: 14px;padding:10px}
.wenew-footer__links{display: inline-block;vertical-align: top;margin: 0 .62em;position: relative;font-size: 14px;}
.wenew-footer__text{color: #999;}

/*=====分享遮罩=====*/
.share-cover{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
.share-cover img{position: fixed;right: 18px;top: 5px;width: 260px;height: 180px;z-index: 20001;}

/*页面开始*/
#wrapper {display: flex;}

@media (min-width: 768px) {
  #wrapper #content-wrapper {
    background-color: #f1f4f6;
    width: 100%;
    overflow-x: hidden;
  }
}

#wrapper #content-wrapper #content {
  flex: 1 0 auto;
}

.container-full{
	width:100%
}

.scroll-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  text-align: center;
  color: #fff;
  background: rgba(90, 92, 105, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #5a5c69;
}

.scroll-to-top i {
  font-weight: 800;
}

@-webkit-keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated--grow-in, .sidebar .nav-item .collapse {
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animated--fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

.bg-gradient-primary {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
}

.bg-gradient-secondary {
  background-color: #858796;
  background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
  background-size: cover;
}

.bg-gradient-success {
  background-color: #1cc88a;
  background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
  background-size: cover;
}

.bg-gradient-info {
  background-color: #36b9cc;
  background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
  background-size: cover;
}

.bg-gradient-warning {
  background-color: #f6c23e;
  background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
  background-size: cover;
}

.bg-gradient-danger {
  background-color: #e74a3b;
  background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
  background-size: cover;
}

.bg-gradient-light {
  background-color: #f8f9fc;
  background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
  background-size: cover;
}

.bg-gradient-dark {
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
  background-size: cover;
}

.bg-gray-100 {
  background-color: #f8f9fc !important;
}

.bg-gray-200 {
  background-color: #eaecf4 !important;
}

.bg-gray-300 {
  background-color: #dddfeb !important;
}

.bg-gray-400 {
  background-color: #d1d3e2 !important;
}

.bg-gray-500 {
  background-color: #b7b9cc !important;
}

.bg-gray-600 {
  background-color: #858796 !important;
}

.bg-gray-700 {
  background-color: #6e707e !important;
}

.bg-gray-800 {
  background-color: #5a5c69 !important;
}

.bg-gray-900 {
  background-color: #3a3b45 !important;
}

.o-hidden {
  overflow: hidden !important;
}

.text-xs{font-size: .7rem;}

.text-lg {
  font-size: 1.2rem;
}

.text-xl {
  font-size: 1.4rem;
}

.text-xxl {
  font-size: 1.6rem;
}

.text-gray-100 {
  color: #f8f9fc !important;
}

.text-gray-200 {
  color: #eaecf4 !important;
}

.text-gray-300 {
  color: #dddfeb !important;
}

.text-gray-400 {
  color: #d1d3e2 !important;
}

.text-gray-500 {
  color: #b7b9cc !important;
}

.text-gray-600 {
  color: #858796 !important;
}

.text-gray-700 {
  color: #6e707e !important;
}

.text-gray-800 {
  color: #5a5c69 !important;
}

.text-gray-900 {
  color: #3a3b45 !important;
}

.icon-circle {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-sm {
  height: .5rem;
}

.rotate-15 {
  transform: rotate(15deg);
}

.rotate-n-15 {
  transform: rotate(-15deg);
}

.dropdown .dropdown-menu {
  font-size: 0.85rem;
}

.dropdown .dropdown-menu .dropdown-header {
  font-weight: 800;
  font-size: 0.65rem;
  color: #b7b9cc;
}

.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
  font-family: 'FontAwesome';
}

.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f107';
}

.sidebar .nav-item .nav-link,
.topbar .nav-item .nav-link {
  position: relative;
}

.sidebar .nav-item .nav-link .badge-counter,
.topbar .nav-item .nav-link .badge-counter {
  position: absolute;
  transform: scale(0.7);
  transform-origin: top right;
  right: .25rem;
  margin-top: -.25rem;
}

.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
  height: 2rem;
  width: 2rem;
}

.topbar {
  height: 3.575rem;
}

.topbar #sidebarToggleTop {
  height: 2.5rem;
  width: 2.5rem;
}

.topbar #sidebarToggleTop:hover {
  background-color: #eaecf4;
}

.topbar #sidebarToggleTop:active {
  background-color: #dddfeb;
}

.topbar .navbar-search {
  width: 25rem;
}

.topbar .navbar-search input {
  font-size: 0.85rem;
  height: auto;
}

.topbar .topbar-divider {
  width: 0;
  border-right: 1px solid #e3e6f0;
  height: calc(4.375rem - 2rem);
  margin: auto 1rem;
}

.topbar .nav-item .nav-link {
  height: 3.575rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
}

.topbar .nav-item .nav-link:focus {
  outline: none;
}
.topbar .nav-item .nav-link .iconfontzz{
	margin-right: 3px;
}
.topbar .nav-item:focus {
  outline: none;
}

.topbar .dropdown {
  position: static;
}

.topbar .dropdown .dropdown-menu {
  width: calc(100% - 1.5rem);
  right: 0.75rem;
}

.topbar .dropdown-list {
  padding: 0;
  border: none;
  overflow: hidden;
}

.topbar .dropdown-list .dropdown-header {
  background-color: #4e73df;
  border: 1px solid #4e73df;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #fff;
}

.topbar .dropdown-list .dropdown-item {
  white-space: normal;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-left: 1px solid #e3e6f0;
  border-right: 1px solid #e3e6f0;
  border-bottom: 1px solid #e3e6f0;
  line-height: 1.3rem;
}

.topbar .dropdown-list .dropdown-item .dropdown-list-image {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
}

.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
  height: 2.5rem;
  width: 2.5rem;
}

.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
  background-color: #eaecf4;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0.125rem solid #fff;
}

.topbar .dropdown-list .dropdown-item .text-truncate {
  max-width: 10rem;
}

.topbar .dropdown-list .dropdown-item:active {
  background-color: #eaecf4;
  color: #3a3b45;
}

@media (min-width: 576px) {
  .topbar .dropdown {
    position: relative;
  }
  .topbar .dropdown .dropdown-menu {
    width: auto;
    right: 0;
  }
  .topbar .dropdown-list {
    width: 20rem !important;
  }
  .topbar .dropdown-list .dropdown-item .text-truncate {
    max-width: 13.375rem;
  }
}

.topbar.navbar-dark .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,0.8)}
.topbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{color:#fff}
.topbar.navbar-dark .navbar-nav .nav-item .nav-link:active{color:#fff}
.topbar.navbar-light .navbar-nav .nav-item .nav-link{color:#969696}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover{color:#646464}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:active{color:#5A5A5A}

.histmenubar{height: 36px;padding: 0;}
.histmenubar li.histmenubar-left{position: relative;border-right: 1px solid whitesmoke;width: 36px;text-align: center;}
.histmenubar li.histmenubar-left:before{font-family: 'iconfontzz';content: '\e6f6';font-size: 18px;}
.histmenubar li.histmenubar-item{position: relative;min-width: 65px;margin: 0;padding: 0 12px;border-right: 1px solid whitesmoke;cursor: pointer;}
.histmenubar li.histmenubar-item:before{font-family: 'iconfontzz';content: '\e6f5';color: #acafb1;}
.histmenubar li.active:before{color: #1e9fff}
.histmenubar li span{text-decoration: none;color: #acafb1;}
.histmenubar li.active span{color: #1e9fff;color: dimgray;}
.histmenubar .histmenubar-close{display: inline-block;font-style: inherit;margin-left: 4px;color: #c2c2c2;width: 14px;height: 14px;line-height: 14px;font-size: 12px;text-align: center;}
.histmenubar .histmenubar-close:before{font-family: 'iconfontzz';content: '\e691';}
.histmenubar .histmenubar-close:hover{border-radius: 4em;background: #ff5722;color: #fff;}

.sidebar{width:5.6rem;min-height:100vh;background:#222d32}
.sidebar .nav-item{position:relative}
.sidebar .nav-item:last-child{margin-bottom:1rem}
.sidebar .nav-item .nav-link{text-align:center;padding:0.75rem 1rem}
.sidebar .nav-item .nav-link span{font-size:0.65rem;display:block}
.sidebar .nav-item.active .nav-link{font-weight:700}
.sidebar .nav-item .collapse{position:absolute;left:calc(4.2rem);z-index: 1;top: 0}
.sidebar .nav-item .collapse.collapse-sub{position: inherit}
.sidebar .nav-item .collapse-item[data-toggle="collapse"]::after{width: 1.0rem;font-size: 1.0rem;text-align: center;float: right;vertical-align: 0;border: 0;font-weight: 100;content: '\e6ce';font-family: 'iconfontzz';}
.sidebar .nav-item .collapse-item[data-toggle="collapse"].collapsed::after {
	content: '\e6cf';
}
.sidebar .nav-item .collapse .collapse-inner{border-radius:0.35rem;box-shadow:0 0.15rem 1.75rem 0 rgba(58,59,69,0.15)}
.sidebar .nav-item .collapsing{display:none;transition:none}
.sidebar .nav-item .collapse .collapse-inner,.sidebar .nav-item .collapsing .collapse-inner{padding:.5rem 0;min-width:10rem;font-size:0.85rem;margin:0 0 0.4rem 0}
.sidebar .nav-item .collapse .collapse-inner .collapse-header,.sidebar .nav-item .collapsing .collapse-inner .collapse-header{margin:0;white-space:nowrap;padding:.5rem 1.5rem;text-transform:uppercase;font-weight:800;font-size:0.65rem;color:#b7b9cc}
.sidebar .nav-item .collapse .collapse-inner .collapse-item,.sidebar .nav-item .collapsing .collapse-inner .collapse-item{padding:0.5rem 1rem;margin:0 0.5rem;display:block;color:#3a3b45;text-decoration:none;white-space:nowrap;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover{background-color:#eaecf4}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active{background-color:#dddfeb}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active{color:#4e73df;font-weight:700}
.sidebar #sidebarToggle{width:2.5rem;height:2.5rem;text-align:center;margin-bottom:1rem;cursor:pointer}
.sidebar #sidebarToggle::after{font-weight:900;content:'\f104';font-family:'Font Awesome 5 Free';margin-right:0.1rem}
.sidebar #sidebarToggle:hover{text-decoration:none}
.sidebar #sidebarToggle:focus{outline:none}
.sidebar.toggled{width:0 !important;overflow:hidden}
.sidebar.toggled #sidebarToggle::after{content:'\f105';font-family:'FontAwesome';margin-left:0.25rem}
.sidebar .sidebar-brand{height: 3.575rem;text-decoration:none;font-size:1rem;font-weight:800;padding:1.5rem 1rem;text-align:center;letter-spacing:0.05rem;z-index:1;background-color: #20222A;}
.sidebar .sidebar-brand .sidebar-brand-icon i{font-size:1.6rem}
.sidebar .sidebar-brand .sidebar-brand-text{display:none}
.sidebar hr.sidebar-divider{margin:0 1rem 1rem}
.sidebar .sidebar-heading{text-align:center;padding:0 1rem;font-weight:800;font-size:0.65rem}

@media (min-width: 768px) {
  .sidebar {
    width: 14rem !important;
  }
  .sidebar .nav-item .collapse {
    position: relative;
    left: 0;
    z-index: 1;
    top: 0;
    -webkit-animation: none;
    animation: none;
  }
.sidebar .nav-item .collapse .collapse-inner {
	border-radius: 0;
	box-shadow: none;
	min-width: 100%;
}
  .sidebar .nav-item .collapsing {
    display: block;
    transition: height 0.15s ease;
  }
  .sidebar .nav-item .collapse,
  .sidebar .nav-item .collapsing {
    margin: 0 1rem;
  }
  .sidebar .nav-item .nav-link {display: block;width: 100%;text-align: left;padding: 0 0.8rem;height: 40px;line-height: 40px}
  .sidebar .nav-item .nav-link i {
    font-size: 0.95rem;
    margin-right: 0.25rem;
  }
  .sidebar .nav-item .nav-link span {
    font-size: 0.85rem;
    display: inline;
  }
  .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
    width: 1.0rem;
    font-size: 1.0rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 100;
    content: '\e6ce';
    font-family: 'iconfontzz';
  }
  .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
    content: '\e6cf';
  }
  .sidebar .sidebar-brand .sidebar-brand-icon i {
    font-size: 2rem;
  }
  .sidebar .sidebar-brand .sidebar-brand-text {
    display: inline;
  }
  .sidebar .sidebar-heading {
    text-align: left;
  }
  .sidebar.toggled {
    overflow: visible;
    width: 6.5rem !important;
  }
  .sidebar.toggled .nav-item .collapse {
    position: absolute;
    left: calc(6.5rem + 1.5rem / 2);
    z-index: 1;
    top: 2px;
    -webkit-animation-name: growIn;
    animation-name: growIn;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
    animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    border-radius: 0.35rem;
  }
  .sidebar.toggled .nav-item .collapsing {
    display: none;
    transition: none;
  }
  .sidebar.toggled .nav-item .collapse,
  .sidebar.toggled .nav-item .collapsing {
    margin: 0;
  }
  .sidebar.toggled .nav-item:last-child {
    margin-bottom: 1rem;
  }
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 6.5rem;
  }
  .sidebar.toggled .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
  }
  .sidebar.toggled .nav-item .nav-link i {
    margin-right: 0;
  }
  .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
    display: none;
  }
  .sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
    font-size: 2rem;
  }
  .sidebar.toggled .sidebar-brand .sidebar-brand-text {
    display: none;
  }
  .sidebar.toggled .sidebar-heading {
    text-align: center;
  }
}

.user-photo{width:200px;padding:15px 0 10px}
.user-photo .user-img{display:block;width:80px;height:80px;margin:0 auto 10px}
.user-photo .user-img img{display:block;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:4px solid #44576b;box-sizing:border-box}
.user-photo .user-hello{display:block;width:100%;height:25px;color:#ffffff;text-align:center;font-size:12px;white-space:nowrap;line-height:25px;overflow:hidden}

.daui-nav-bar{position: absolute;left: 0;width: 5px;height: 0;opacity:0;background-color: #009688;}

/*亮色风格*/
.dance-light .sidebar{background:#fff}
.dance-light .sidebar .sidebar-brand{color:#ffffff}
.dance-light .sidebar hr.sidebar-divider{border-top:1px solid rgba(255,255,255,0.15)}
.dance-light .sidebar .sidebar-heading{color:#b7b9cc}
.dance-light .sidebar .nav-item .nav-link{color:#343a40}
.dance-light .sidebar .nav-item .nav-link i{color:#d1d3e2}
.dance-light .sidebar .nav-item .nav-link:active,.dance-light .sidebar .nav-item .nav-link:focus,.dance-light .sidebar .nav-item .nav-link:hover{color:#ffffff}
.dance-light .sidebar .nav-item .nav-link:active i,.dance-light .sidebar .nav-item .nav-link:focus i,.dance-light .sidebar .nav-item .nav-link:hover i{color:#6e707e}
.dance-light .sidebar .nav-item .nav-link[data-toggle="collapse"]::after{color:#b7b9cc}
.dance-light .sidebar .nav-item.active .nav-link{color:#6e707e}
.dance-light .sidebar .nav-item.active .nav-link i{color:#6e707e}
.dance-light .sidebar #sidebarToggle{background-color:#eaecf4}
.dance-light .sidebar #sidebarToggle::after{color:#b7b9cc}
.dance-light .sidebar #sidebarToggle:hover{background-color:#dddfeb}

/*黑色风格*/
.dance-dark .sidebar .sidebar-brand{color:#fff;font-weight: 400;background: #2F9688}
.dance-dark .sidebar hr.sidebar-divider{border-top:1px solid rgba(255,255,255,0.15);margin: 0;}
.dance-dark .sidebar .sidebar-heading{color:rgba(255,255,255,0.4)}
.dance-dark .sidebar .nav-item000:hover{background-color: red;}
.dance-dark .sidebar .nav-item .nav-link{color: #fff}
.dance-dark .sidebar .nav-item .nav-link i{color: #fff}
.dance-dark .sidebar .nav-item .nav-link:hover{background-color: #4E5465;}
.dance-dark .sidebar .nav-item .nav-link:active,.sidebar-dark .nav-item .nav-link:focus,.sidebar-dark .nav-item .nav-link:hover{color:#fff}
.dance-dark .sidebar .nav-item .nav-link:active i,.sidebar-dark .nav-item .nav-link:focus i,.sidebar-dark .nav-item .nav-link:hover i{color:#fff}
.dance-dark .sidebar .nav-item .nav-link[data-toggle="collapse"]::after{color: #fff}
.dance-dark .sidebar .nav-item.active .nav-link{color:#fff}
.dance-dark .sidebar .nav-item.active .nav-link i{color:#fff}
.dance-dark .sidebar #sidebarToggle{background-color:rgba(255,255,255,0.2)}
.dance-dark .sidebar #sidebarToggle::after{color:rgba(255,255,255,0.5)}
.dance-dark .sidebar #sidebarToggle:hover{background-color:rgba(255,255,255,0.25)}
.dance-dark .sidebar #sidebarToggle::after{color:rgba(255,255,255,0.5)}
.dance-dark .sidebar .nav-item .collapse{margin: 0;}
.dance-dark .sidebar .nav-item .collapse .collapse-inner{padding: 0;margin: 0}
.dance-dark .sidebar .nav-item .collapse .collapse-inner a.collapse-item{padding: 0 0.8rem 0 1.8rem;margin: 0;line-height: 40px;height: 40px;color: #fff;}
.dance-dark .sidebar .nav-item .collapse .collapse-inner a.collapse-item:hover{background-color: #4E5465;}
.dance-dark .sidebar .nav-item .collapse .collapse-inner a.collapse-item.active{background: #5FB878;font-weight: 400;}
.dance-dark .sidebar .nav-item .collapse.collapse-sub a.collapse-item{padding: 0 0.8rem 0 2.8rem;}
.dance-dark .daui-nav-bar{background: #2D8CF0;}

/*蓝色风格*/
.dance-blue .sidebar{border-style: solid;border-color: #CCC;border-width: 0 1px 0 0;}
.dance-blue .sidebar .sidebar-brand{color: #515a6e;font-weight:400}
.dance-blue .sidebar hr.sidebar-divider{border: none;margin:0;border:0 none;color:#cccccc;height:4px;padding:0;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0}
.dance-blue .sidebar .sidebar-heading{padding: 0.5rem 1rem;color:#adb5bd;border-style: solid;border-width: 1px 0 0;border-color: #E5E5E5;font-weight:400}
.dance-blue .sidebar .nav-item{border-style: solid;border-width: 1px 0 0;border-color: #E5E5E5;}
.dance-blue .sidebar .nav-item .nav-link{background-color: #FAFAFA;color: #626b7d;}
.dance-blue .sidebar .nav-item .collapse{margin: 0;border-top: 1px solid #E5E5E5;}
.dance-blue .sidebar .nav-item .collapse .collapse-inner>li000{position: relative;}
.dance-blue .sidebar .nav-item .collapse .collapse-inner>li000::before{content:'';position:absolute;top:50%;left:22px;width:4px;height:4px;margin-top:-2px;background-color:#868e96;transition:all 0.2s ease-in-out}
.dance-blue .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover{color: #4A5DFF;background-color: rgb(237, 239, 255)}
.dance-blue .sidebar .nav-item .collapse .collapse-inner .collapse-item, .dance-blue .sidebar .nav-item .collapsing .collapse-inner .collapse-item{padding: 0 0.8rem 0 1.8rem;margin: 0;line-height: 40px;height: 40px}
.dance-blue .sidebar .nav-item .collapse .collapse-inner .collapse-item .collapse-item-icon{display: inline-block;width: 20px;}
.dance-blue .sidebar .nav-item .collapse, .dance-blue .sidebar .nav-item .collapsing{margin: 0;border-top:1px solid #E5E5E5}
.dance-blue .sidebar .nav-item .collapse-sub{border-top: none}
.dance-blue .sidebar .nav-item .collapse .collapse-inner, .dance-blue .sidebar .nav-item .collapsing .collapse-inner{padding: 0;margin:0}
.dance-blue .sidebar .nav-item .collapse .collapse-inner .collapse-item.active{color: #4A5DFF;background-color: rgb(237, 239, 255);font-weight: 400;border-right: 2px solid #4A5DFF;}
.dance-blue .sidebar .collapse-inner>li>a {border-top-color: #E4E4E4;background-color: #FFF;color: #616161;}
.dance-blue .daui-nav-bar{background-color: #4A5DFF}

/*绿色风格*/
.dance-green .sidebar{border-style: solid;border-color: #CCC;border-width: 0 1px 0 0;background: linear-gradient(to right, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);}
.dance-green .sidebar .sidebar-brand{color: #ffffff;font-weight:400;background: transparent;}
.dance-green .sidebar hr.sidebar-divider{border: none;margin:0;border:0 none;color: #ffffff;height:4px;padding:0;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0}
.dance-green .sidebar hr.sidebar-divider{background: none;height: 0;display: none;}
.dance-green .sidebar .sidebar-heading{padding: 0.5rem 1rem;color:#adb5bd;border-style: solid;border-width: 1px 0 0;border-color: #E5E5E5;font-weight:400}
.dance-green .sidebar .nav-item{border-style: solid;border-width: 1px 0 0;border-color: #E5E5E5;border-top: none;}
.dance-green .sidebar .nav-item .nav-link{color: #ffffff;border-bottom: none;}
.dance-green .sidebar .nav-item .collapse{margin: 0;border-top: none}
.dance-green .sidebar .nav-item .collapse .collapse-inner>li000{position: relative;}
.dance-green .sidebar .nav-item .collapse .collapse-inner>li000::before{content:'';position:absolute;top:50%;left:22px;width:4px;height:4px;margin-top:-2px;background-color:#868e96;transition:all 0.2s ease-in-out}
.dance-green .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover{color: #396b86;background-color: rgb(237, 239, 255);border-right: 2px solid #396b86;}
.dance-green .sidebar .nav-item .collapse .collapse-inner .collapse-item, .dance-green .sidebar .nav-item .collapsing .collapse-inner .collapse-item{padding: 0 0.8rem 0 1.8rem;margin: 0;line-height: 40px;height: 40px;border-bottom: none}
.dance-green .sidebar .nav-item .collapse .collapse-inner .collapse-item .collapse-item-icon{display: inline-block;width: 20px;}
.dance-green .sidebar .nav-item .collapse-sub{border-top: none}
.dance-green .sidebar .nav-item .collapse .collapse-inner, .dance-green .sidebar .nav-item .collapsing .collapse-inner{padding: 0;margin:0}
.dance-green .sidebar .nav-item .collapse .collapse-inner .collapse-item,.sidebar .nav-item .collapsing .collapse-inner .collapse-item{color: #fff;}
.dance-green .sidebar .nav-item .collapse .collapse-inner .collapse-item.active{color: #396b86;background-color: rgb(237, 239, 255);font-weight: 400;border-right: 2px solid #396b86;}
.dance-green .sidebar .collapse-inner>li>a000 {border-top-color: #E4E4E4;background-color: #FFF;color: #616161;}
.dance-green .sidebar .nav-item .collapse.collapse-sub a.collapse-item{padding: 0 0.8rem 0 2.8rem;}

/* ==================
    Card 卡片
 ==================== */
.card{border: 1px solid #e3e6f0;}
.card-header{background-color: #F1F5F9;border-bottom: 1px solid #e3e6f0;padding: 0.45rem 1.25rem;line-height: 1.60rem;font-weight: 500;}
.card .card-header .dropdown {line-height: 1;}
.card .card-header .dropdown .dropdown-menu{line-height: 1.5;}
.card .card-header[data-toggle="collapse"] {text-decoration: none;position: relative;padding: 0.75rem 3.25rem 0.75rem 1.25rem;}
.card .card-header[data-toggle="collapse"]::after{position: absolute;right: 0;top: 0;padding-right: 1.725rem;line-height: 51px;font-weight: 900;content: '\f107';font-family: 'Font Awesome 5 Free';color: #d1d3e2;}
.card .card-header[data-toggle="collapse"].collapsed {border-radius: 0.35rem;}
.card .card-header[data-toggle="collapse"].collapsed::after{content: '\f105';}

.card-body{padding: 1rem;}
.card-body.card-body_nopadding{padding: 0;}

.card.card-sm .card-body{padding: 10px;}

/*card,nav-tabs*/
.card-intro > .card-header{padding: 15px;padding-bottom: 0;position: relative;}
.card-intro > .card-header .nav-tabs{border-bottom: 0;margin-bottom: 0;}
.card-intro > .card-header .nav-tabs > li > a{margin-right: 4px;color: #999;background-color: #F9F9F9;border: 1px solid #e3e6f0;line-height: 1.4rem}
.card-intro > .card-header .nav-tabs > li > a:hover,
.card-intro > .card-header .nav-tabs > li > a:focus {border: 1px solid #C5D0DC;color: #4C8FBD;background-color: #FFF;border-bottom-color: transparent;}
.card-intro > .card-header .nav-tabs > li > a.active,
.card-intro > .card-header .nav-tabs > li > a.active:hover,
.card-intro > .card-header .nav-tabs > li > a.active:focus {color: #7b8a8b;background-color: #ffffff;border-bottom-color: transparent;border: 1px solid #ddd;border-color: #C5D0DC #C5D0DC transparent;cursor: default;}
.card.card-noborder{border:none}

/*card样式1:带红条的标题*/
.card-styleone{}
.card-styleone .card-header{padding: 22rpx 24rpx 22rpx 46rpx;}
.card-styleone .card-header:before{content: "";position: absolute;left: 22rpx;top: 26rpx;width: 8rpx;height: 36rpx;background: #FE4C56;border-radius: 10rpx;}
.card-styleone .icon-title{margin-right:5px;}
.card-styleone .card-body{}

/*card样式2:红色标题，去掉间隔线*/
.daui-card.daui-card_two .daui-card__hd{padding:0;color:#333;color: #F0373D;font-weight: 700;font-size: 16px;}
.daui-card.daui-card_two .daui-card__hd:after{border: none;}
.daui-card.daui-card_two .daui-card__hd .daui-cell{padding-bottom: 0;}
.daui-card.daui-card_two .daui-card__bd .daui-cell{padding-left: 20px;}

.chart-area {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-area {
    height: 20rem;
  }
}

.chart-bar {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-bar {
    height: 20rem;
  }
}

.chart-pie {
  position: relative;
  height: 15rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-pie {
    height: calc(20rem - 43px) !important;
  }
}

/*登陆界面*/
form.user .custom-checkbox.small label{line-height:1.5rem}
form.user .form-control-user{font-size:0.8rem}
form.user .btn-user{font-size:0.8rem;border-radius:10rem;padding:0.75rem 1rem}

.btn-google{color:#fff;background-color:#ea4335;border-color:#fff}
.btn-google:hover{color:#fff;background-color:#e12717;border-color:#e6e6e6}
.btn-google:focus,.btn-google.focus{color:#fff;background-color:#e12717;border-color:#e6e6e6;box-shadow:0 0 0 0.2rem rgba(255,255,255,0.5)}
.btn-google.disabled,.btn-google:disabled{color:#fff;background-color:#ea4335;border-color:#fff}
.btn-google:not(:disabled):not(.disabled):active,.btn-google:not(:disabled):not(.disabled).active,.show > .btn-google.dropdown-toggle{color:#fff;background-color:#d62516;border-color:#dfdfdf}
.btn-google:not(:disabled):not(.disabled):active:focus,.btn-google:not(:disabled):not(.disabled).active:focus,.show > .btn-google.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(255,255,255,0.5)}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:#fff}
.btn-facebook:hover{color:#fff;background-color:#30497c;border-color:#e6e6e6}
.btn-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}
.btn-facebook.disabled,.btn-facebook:disabled{color:#fff;background-color:#3b5998;border-color:#fff}
.btn-facebook:not(:disabled):not(.disabled).active,.btn-facebook:not(:disabled):not(.disabled):active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#dfdfdf}
.btn-facebook:not(:disabled):not(.disabled).active:focus,.btn-facebook:not(:disabled):not(.disabled):active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}

@-webkit-keyframes noise-anim {
  0% {
    clip: rect(78px, 9999px, 4px, 0);
  }
  5% {
    clip: rect(87px, 9999px, 70px, 0);
  }
  10% {
    clip: rect(21px, 9999px, 60px, 0);
  }
  15% {
    clip: rect(79px, 9999px, 83px, 0);
  }
  20% {
    clip: rect(20px, 9999px, 28px, 0);
  }
  25% {
    clip: rect(42px, 9999px, 78px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 37px, 0);
  }
  35% {
    clip: rect(89px, 9999px, 49px, 0);
  }
  40% {
    clip: rect(36px, 9999px, 48px, 0);
  }
  45% {
    clip: rect(77px, 9999px, 67px, 0);
  }
  50% {
    clip: rect(7px, 9999px, 94px, 0);
  }
  55% {
    clip: rect(90px, 9999px, 79px, 0);
  }
  60% {
    clip: rect(48px, 9999px, 57px, 0);
  }
  65% {
    clip: rect(64px, 9999px, 35px, 0);
  }
  70% {
    clip: rect(23px, 9999px, 88px, 0);
  }
  75% {
    clip: rect(68px, 9999px, 27px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(97px, 9999px, 57px, 0);
  }
  90% {
    clip: rect(61px, 9999px, 53px, 0);
  }
  95% {
    clip: rect(79px, 9999px, 44px, 0);
  }
  100% {
    clip: rect(12px, 9999px, 19px, 0);
  }
}

@keyframes noise-anim {
  0% {
    clip: rect(78px, 9999px, 4px, 0);
  }
  5% {
    clip: rect(87px, 9999px, 70px, 0);
  }
  10% {
    clip: rect(21px, 9999px, 60px, 0);
  }
  15% {
    clip: rect(79px, 9999px, 83px, 0);
  }
  20% {
    clip: rect(20px, 9999px, 28px, 0);
  }
  25% {
    clip: rect(42px, 9999px, 78px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 37px, 0);
  }
  35% {
    clip: rect(89px, 9999px, 49px, 0);
  }
  40% {
    clip: rect(36px, 9999px, 48px, 0);
  }
  45% {
    clip: rect(77px, 9999px, 67px, 0);
  }
  50% {
    clip: rect(7px, 9999px, 94px, 0);
  }
  55% {
    clip: rect(90px, 9999px, 79px, 0);
  }
  60% {
    clip: rect(48px, 9999px, 57px, 0);
  }
  65% {
    clip: rect(64px, 9999px, 35px, 0);
  }
  70% {
    clip: rect(23px, 9999px, 88px, 0);
  }
  75% {
    clip: rect(68px, 9999px, 27px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(97px, 9999px, 57px, 0);
  }
  90% {
    clip: rect(61px, 9999px, 53px, 0);
  }
  95% {
    clip: rect(79px, 9999px, 44px, 0);
  }
  100% {
    clip: rect(12px, 9999px, 19px, 0);
  }
}

.error:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #e74a3b;
  top: 0;
  color: #5a5c69;
  background: #f8f9fc;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(20px, 9999px, 91px, 0);
  }
  5% {
    clip: rect(20px, 9999px, 44px, 0);
  }
  10% {
    clip: rect(84px, 9999px, 55px, 0);
  }
  15% {
    clip: rect(40px, 9999px, 93px, 0);
  }
  20% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  25% {
    clip: rect(75px, 9999px, 57px, 0);
  }
  30% {
    clip: rect(89px, 9999px, 38px, 0);
  }
  35% {
    clip: rect(6px, 9999px, 68px, 0);
  }
  40% {
    clip: rect(63px, 9999px, 17px, 0);
  }
  45% {
    clip: rect(55px, 9999px, 49px, 0);
  }
  50% {
    clip: rect(98px, 9999px, 28px, 0);
  }
  55% {
    clip: rect(18px, 9999px, 57px, 0);
  }
  60% {
    clip: rect(18px, 9999px, 64px, 0);
  }
  65% {
    clip: rect(35px, 9999px, 77px, 0);
  }
  70% {
    clip: rect(31px, 9999px, 59px, 0);
  }
  75% {
    clip: rect(30px, 9999px, 38px, 0);
  }
  80% {
    clip: rect(13px, 9999px, 52px, 0);
  }
  85% {
    clip: rect(63px, 9999px, 91px, 0);
  }
  90% {
    clip: rect(96px, 9999px, 67px, 0);
  }
  95% {
    clip: rect(24px, 9999px, 13px, 0);
  }
  100% {
    clip: rect(5px, 9999px, 29px, 0);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(20px, 9999px, 91px, 0);
  }
  5% {
    clip: rect(20px, 9999px, 44px, 0);
  }
  10% {
    clip: rect(84px, 9999px, 55px, 0);
  }
  15% {
    clip: rect(40px, 9999px, 93px, 0);
  }
  20% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  25% {
    clip: rect(75px, 9999px, 57px, 0);
  }
  30% {
    clip: rect(89px, 9999px, 38px, 0);
  }
  35% {
    clip: rect(6px, 9999px, 68px, 0);
  }
  40% {
    clip: rect(63px, 9999px, 17px, 0);
  }
  45% {
    clip: rect(55px, 9999px, 49px, 0);
  }
  50% {
    clip: rect(98px, 9999px, 28px, 0);
  }
  55% {
    clip: rect(18px, 9999px, 57px, 0);
  }
  60% {
    clip: rect(18px, 9999px, 64px, 0);
  }
  65% {
    clip: rect(35px, 9999px, 77px, 0);
  }
  70% {
    clip: rect(31px, 9999px, 59px, 0);
  }
  75% {
    clip: rect(30px, 9999px, 38px, 0);
  }
  80% {
    clip: rect(13px, 9999px, 52px, 0);
  }
  85% {
    clip: rect(63px, 9999px, 91px, 0);
  }
  90% {
    clip: rect(96px, 9999px, 67px, 0);
  }
  95% {
    clip: rect(24px, 9999px, 13px, 0);
  }
  100% {
    clip: rect(5px, 9999px, 29px, 0);
  }
}

.error:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #4e73df;
  top: 0;
  color: #5a5c69;
  background: #f8f9fc;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}

footer.sticky-footer {
  padding: 2rem 0;
  flex-shrink: 0;
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
}

body.sidebar-toggled footer.sticky-footer {
  width: 100%;
}

/*button*/
.btn-primary {
  color: #fff;
  background-color: #3B82F6;
  border-color: #3B82F6;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2653d4;
  border-color: #244ec9;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #0EA5E9;
  border-color: #0EA5E9;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #717384;
  border-color: #6b6d7d;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #717384;
  border-color: #6b6d7d;
  box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6b6d7d;
  border-color: #656776;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}

.btn-success{color: #fff;background-color: #1cc88a;border-color: #1cc88a;}

.btn-success:hover{color: #fff;background-color: #17a673;border-color: #169b6b;}

.btn-success:focus, .btn-success.focus {
	color: #fff;
	background-color: #17a673;
	border-color: #169b6b;
	box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #1cc88a;
	border-color: #1cc88a;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #169b6b;
	border-color: #149063;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}

.btn-info {
	color: #fff;
	background-color: #36b9cc;
	border-color: #36b9cc;
}

.btn-info:hover {
	color: #fff;
	background-color: #2c9faf;
	border-color: #2a96a5;
}

.btn-info:focus, .btn-info.focus {
	color: #fff;
	background-color: #2c9faf;
	border-color: #2a96a5;
	box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #36b9cc;
	border-color: #36b9cc;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #2a96a5;
	border-color: #278c9b;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-warning {
	color: #fff;
	background-color: #f6c23e;
	border-color: #f6c23e;
}

.btn-warning:hover {
	color: #fff;
	background-color: #f4b619;
	border-color: #f4b30d;
}

.btn-warning:focus, .btn-warning.focus {
	color: #fff;
	background-color: #f4b619;
	border-color: #f4b30d;
	box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #fff;
	background-color: #f6c23e;
	border-color: #f6c23e;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #f4b30d;
  border-color: #e9aa0b;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #FF5722;
  border-color: #FF5722;
}

.btn-danger:hover {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
  box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #d52a1a;
  border-color: #ca2819;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.btn-pink {
  color: #fff;
  background-color: #D6487E;
  border-color: #D6487E;
}

.btn-pink:hover {
  color: #fff;
  background-color: #B73766;
  border-color: #D6487E;
}

.btn-pink:focus, .btn-pink.focus {
  color: #fff;
  background-color: #B73766;
  border-color: #D6487E;
}

.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #c74072;
  border-color: #af3462;
}

.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
}

.btn-purple {
  color: #fff;
  background-color: #9585BF;
  border-color: #9585BF;
}

.btn-purple:hover {
  color: #fff;
  background-color: #9585BF;
  border-color: #9585BF;
}

.btn-purple:focus, .btn-purple.focus {
  color: #fff;
  background-color: #9585BF;
  border-color: #9585BF;
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #9585BF;
  border-color: #9585BF;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #c74072;
  border-color: #af3462;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
}

.btn-light {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-light:hover {
  color: #3a3b45;
  background-color: #dde2f1;
  border-color: #d4daed;
}

.btn-light:focus, .btn-light.focus {
  color: #3a3b45;
  background-color: #dde2f1;
  border-color: #d4daed;
  box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #3a3b45;
  background-color: #d4daed;
  border-color: #cbd3e9;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #5a5c69;
  border-color: #5a5c69;
}

.btn-dark:hover {
  color: #fff;
  background-color: #484a54;
  border-color: #42444e;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #484a54;
  border-color: #42444e;
  box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #5a5c69;
  border-color: #5a5c69;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #42444e;
  border-color: #3d3e47;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
}

.btn-outline-primary {
  color: #4e73df;
  border-color: #4e73df;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #4e73df;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

.btn-outline-secondary {
  color: #858796;
  border-color: #858796;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #858796;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
}

.btn-outline-success {
  color: #1cc88a;
  border-color: #1cc88a;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #1cc88a;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
}

.btn-outline-info {
  color: #36b9cc;
  border-color: #36b9cc;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #36b9cc;
  border-color: #36b9cc;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #36b9cc;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #36b9cc;
  border-color: #36b9cc;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
}

.btn-outline-warning {
  color: #f6c23e;
  border-color: #f6c23e;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f6c23e;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
}

.btn-outline-danger {
  color: #e74a3b;
  border-color: #e74a3b;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #e74a3b;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
}

.btn-outline-light {
  color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-outline-light:hover {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fc;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
}

.btn-outline-dark {
  color: #5a5c69;
  border-color: #5a5c69;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #5a5c69;
  border-color: #5a5c69;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #5a5c69;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #5a5c69;
  border-color: #5a5c69;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
}

.btn-link{font-weight:400;color:#4e73df;text-decoration:none}
.btn-link:hover{color:#224abe;text-decoration:underline}
.btn-link:focus,.btn-link.focus{text-decoration:underline}
.btn-link:disabled,.btn-link.disabled{color:#858796;pointer-events:none}

.btn-white.btn-pink,.btn-white.btn-pink.active.no-border,.btn-white.btn-pink.disabled,.btn-white.btn-pink.disabled.active,.btn-white.btn-pink.disabled:active,.btn-white.btn-pink.disabled:focus,.btn-white.btn-pink.disabled:hover,.btn-white.btn-pink:active.no-border,.btn-white.btn-pink:focus.no-border,.btn-white.btn-pink:hover.no-border,.btn-white.btn-pink[disabled],.btn-white.btn-pink[disabled].active,.btn-white.btn-pink[disabled]:active,.btn-white.btn-pink[disabled]:focus,.btn-white.btn-pink[disabled]:hover,.open>.btn-white.btn-pink.active.dropdown-toggle.no-border,.open>.btn-white.btn-pink.dropdown-toggle.no-border,fieldset[disabled] .btn-white.btn-pink,fieldset[disabled] .btn-white.btn-pink.active,fieldset[disabled] .btn-white.btn-pink:active,fieldset[disabled] .btn-white.btn-pink:focus,fieldset[disabled] .btn-white.btn-pink:hover {border-color:#d299ae}
.btn-white.btn-pink {color:#af6f87!important}
.btn-white.btn-pink.active,.btn-white.btn-pink:active,.btn-white.btn-pink:focus,.btn-white.btn-pink:hover,.open>.btn-white.btn-pink.active.dropdown-toggle,.open>.btn-white.btn-pink.dropdown-toggle {background-color:#fbeff4!important;border-color:#d299ae;color:#ac5978!important}

/*button size*/
.btn{padding: 0.25rem 0.5rem;font-size: .875rem;line-height: 1.5;border-radius: 0.2rem;}
.btn-xs, .btn-group-xs > .btn{padding: .125rem .25rem;font-size: .75rem;line-height: 1.5;border-radius: .15rem;}
.btn-minier, .btn-group-minier > .btn{padding: .065rem .15rem;font-size: .45rem;line-height: 1.2;border-radius: .15rem;}
.btn-round{border-radius: 10rem;}

.btn-icon{color: #409eff;}
.btn-icon .iconfontzz{font-size:inherit;margin-right:3px}

.btn-circle{border-radius:100%;height:2.5rem;width:2.5rem;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}
.btn-circle.btn-sm,.btn-group-sm > .btn-circle.btn{height:1.8rem;width:1.8rem;font-size:0.75rem}
.btn-circle.btn-lg,.btn-group-lg > .btn-circle.btn{height:3.5rem;width:3.5rem;font-size:1.35rem}
.btn-icon-split{padding:0;overflow:hidden;display:inline-flex;align-items:stretch;justify-content:center}
.btn-icon-split .icon{background:rgba(0,0,0,0.15);display:inline-block;padding:0.375rem 0.75rem}
.btn-icon-split .text{display:inline-block;padding:0.375rem 0.75rem}
.btn-icon-split.btn-sm .icon,.btn-group-sm > .btn-icon-split.btn .icon{padding:0.25rem 0.5rem}
.btn-icon-split.btn-sm .text,.btn-group-sm > .btn-icon-split.btn .text{padding:0.25rem 0.5rem}
.btn-icon-split.btn-lg .icon,.btn-group-lg > .btn-icon-split.btn .icon{padding:0.5rem 1rem}
.btn-icon-split.btn-lg .text,.btn-group-lg > .btn-icon-split.btn .text{padding:0.5rem 1rem}

/*navbar*/
.topbar{border-bottom: 1px solid #dee2e6;}

.page-notice{border-radius:0;border-left: none;border-right: none}

/*content-header*/
.page-header{padding: 15px .5rem;color:#777777}
.page-header .breadcrumb-home{font: normal normal normal 14px/1;font-family: 'iconfontzz';position: relative;}
.page-header .breadcrumb-home:before{content: "\e6b8";position: absolute;}
.page-header .breadcrumb-home nav{padding-left: 18px}
.page-header .breadcrumb{background:none;margin-bottom:0;padding: 0;}
.page-header .breadcrumb a{color:#777777}
.page-header h2{font-size: 1.4rem;margin: 0;line-height:2.4rem;margin-top:1rem;font-weight: 100}

.page-navleft .daui-cell{background:#f8faff;border:1px solid #dae2ea;margin:0 0 8px;color:#7c9eb2;text-decoration:none;font-weight:700;border-radius:.25rem;padding: 0;}
.page-navleft .daui-cell a{display:block;color:#7c9eb2;text-decoration:none;padding: 12px 15px;}
.page-navleft .daui-cell:before{border-top: none;}
.page-navleft .daui-cell:hover{color:#438eb9;background:#f4f6f7;border-color:#dce2e8}
.page-navleft .daui-cell.active{background:#438eb9;border-color:#438eb9}
.page-navleft .daui-cell.active a{color:#fff}

/*=====表单form=====*/
/*form-lighter*/
.form-lighter{line-height:28px;margin-bottom:16px;margin-top:18px;padding-bottom:4px;border-bottom:1px solid #CCC;color: #69AA46;font-size: 20px;font-weight: lighter;}
.form-lighter.less-margin{margin-top:10px;margin-bottom:10px}.header.blue{border-bottom-color:#d5e3ef}
.form-lighter.green{border-bottom-color:#cce2c1}
.form-lighter.purple{border-bottom-color:#e0d1ea}
.form-lighter.orange{border-bottom-color:#fdd0ac}
.form-lighter.orange2{border-bottom-color:#fbd36b}
.form-lighter.red{border-bottom-color:#f3cdc6}
.form-lighter.grey{border-bottom-color:#c3c3c3}
.form-lighter.pink{border-bottom-color:#f2e0eb}
.form-lighter.pink2{border-bottom-color:#e69eb9}
.form-lighter.light-blue{border-bottom-color:#dceefc}
.form-lighter.light-red{border-bottom-color:#fec5c5}
.form-lighter.light-green{border-bottom-color:#d2e7b5}

/*form-control*/
.input-group-text{font-size: .875rem;padding: .25rem .5rem;border-radius: .2rem;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.input-group-radio{border:1px solid #D5D5D5;border-radius: 0.2rem;padding-right: 10px;}
.input-group>.input-group-radio:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group-radio label,.input-group-checkbox label{position:relative;display:inline-block;height: calc(1.5em + 0.5rem + 2px);padding: 0.25rem 0;font-size: .875rem;line-height: 1.5;margin-top: 0;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.input-group-radio input[type=radio],.input-group-checkbox input[type=checkbox]{position: absolute;margin-left:-16px;margin-right:5px;margin-top: .26rem}

.form-control{border:1px solid #D5D5D5;height: calc(1.5em + 0.5rem + 2px);padding: 0.25rem 0.5rem;font-size: .875rem;border-radius: 0.2rem;}
.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #6e707e}
.form-control:focus{color:#696969;background-color:#FFF;border-color:#F59942;outline:0;box-shadow:none}

.form-check{line-height:24px}
.form-check-input{margin-top: .36rem;}
.form-horizontal .control-label{text-align: right;margin-bottom: 0;padding-top: 7px;}
.form-horizontal .col-form-label{text-align: right;}
.form-actions{display: block;background-color: #F5F5F5;border-top: 1px solid #E5E5E5;margin-bottom: 20px;margin-top: 20px;padding: 19px 20px 20px;}

.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;line-height: 22px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top: 0;margin-left: 0}
.radio-inline input[type=radio],.checkbox-inline input[type=checkbox]{position: absolute;margin-left:-16px;margin-right:5px;margin-top: .3rem}

.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-bottom: 0;margin-right: 8px;padding-top: 7px;line-height: 22px}

.city-picker-select select{border: 1px solid #ccc;background: #fff;border-radius: 5px;color: #333;font-size: 14px;outline: none;width: 30%;height: 33px;margin-right: 10px;box-shadow: 0 0 5px #eee;float: left;}

/**/
.check-group{vertical-align: middle;}
.check-group input[type=radio]{margin: 0;}
.check-group .check-group-label{}

/**/
.daui-mustdot{color:#ff0000;font-size:18px;margin-right:6px;display:inline-block;line-height:14px;vertical-align: middle;font-weight: 200}
.daui-mustdot:before{content: '*';color: red;}
.daui-mustdot-right{margin-right: 0;margin-left: 3px;}
.must-red{color:#ff0000;font-size:14px;margin-right:6px;font-style: inherit;}
.help-block{display: block;padding-top: 7px;color: #737373;font-family: "iconfontzz" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.help-block:before{content: "\e6e5";margin-right:4px;}
.help-block-txt{display: block;padding-top: 7px;margin-bottom: 0;color: #737373;}
.help-block-txt label{margin-bottom:5px}

.daui-plus-minus .input-group-text{background: #f5f7fa;color:#c0c4cc}
.daui-plus-minus>.input-group-append>.input-group-text, .daui-plus-minus>.input-group-prepend>.input-group-text{padding: 0.05rem 0.5rem;line-height: 1.0;cursor: pointer;border:1px solid #dcdfe6}
.daui-plus-minus>.input-group-append>.input-group-text .iconfontzz, .daui-plus-minus>.input-group-prepend>.input-group-text .iconfontzz{font-size: .675rem;line-height: 1.0;transform: scale(.8);}
.daui-plus-minus .form-control{text-align:center;border: 1px solid #dcdfe6;padding: 0.15rem 0.45rem;height:calc(1.1em + .75rem + 2px)}

.daui-form2table{border: 1px solid #e3e6f0;border-top: none;border-left: none;}
.daui-form2table .form-group{margin: 0;}
.daui-form2table .control-label{background: #F9F9F9;text-align: right;font-weight: bold;color: #888888;}
.daui-form2table .form-group>label{border-top: 1px solid #e3e6f0;border-left: 1px solid #e3e6f0;padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 1rem;padding-right: 1rem;vertical-align: middle;}
.daui-form2table .form-group>div{border-top: 1px solid #e3e6f0;border-left: 1px solid #e3e6f0;padding: 0.32rem 0.35rem;}
.daui-form2table .form-group .help-block-txt{padding-top: 0.72rem;}
.daui-form2table .form-actions{margin-top: 0;margin-bottom: 0;border-left: 1px solid #e3e6f0;}
.daui-form2table .form-tableend{border-bottom: 1px solid #e3e6f0;}
.daui-form2table .radio-inline, .daui-form2table .checkbox-inline{}

/*=====table=====*/
.table{table-layout: fixed;}
td{word-break: break-all;word-wrap:break-word;}
.table-bordered{border: 1px solid #e3e6f0;}
.table-noborder td{border: none;}
.table td, .table th{padding: .35rem .35rem;border: 1px solid #e3e6f0;}
.table>thead>tr{color:#707070;font-weight:400;background:repeat-x #F2F2F2;background-image:-webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);background-image:-o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0)}
.table thead th{border-bottom:1px}

.cell_bk{ display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }
.bk{word-wrap: break-word;}

@media (max-width: 576px) {
}
@media (max-width: 768px) {
	.table0{table-layout: auto;}
	.mobcell-xs{width:120px;}
	.mobcell-sm{width:240px;}
	.mobcell{width:360px;}
	.mobcell-lg{width:480px;}
}

.table-striped tbody tr:nth-of-type(odd){background-color: #f9f9f9;}
.table-hover tbody tr:hover{color: inherit;background-color: #f5f5f5;}

/*table-elegant*/
.table-elegant{width:100%;font-size:12px;color: #606266;text-align:left;margin-bottom:0}
.table>thead>tr{background: #f8f8f8}

/*dataTable*/
.dataTable-toolbar{margin-bottom:10px}
.dataTable-table{margin-bottom:10px}
.dataTable-controll{margin-bottom:10px;}
.dataTable-pages{margin-bottom:10px;}
.dataTable-pages nav{padding-top: 12px;padding-bottom: 12px;vertical-align: top;background-color: #EFF3F8;border-bottom: 1px solid #e0e0e0;}
.dataTable-pages .pagination{margin: 0 12px;}
.dataTable-pages .dataTable-pageinfo{text-align: right;margin:0 12px;-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height: 1.25;padding: .5rem 0;}
.dataTable-pages .btn{background: #007bff;border-color: #007bff;color: #fff;padding: .5rem .75rem;line-height: 1.25;font-size: 0.8rem;}
.dataTable-add, .dataTable-delete, .dataTable-vieworder, .dataTable-save, .dataTable-search, .dataTable-export{font-family: "iconfontzz";}
.dataTable-add:before{content: "\e681";margin-right:3px}
.dataTable-delete:before{content: "\e6b4";margin-right:3px}
.dataTable-vieworder:before{content: "\e6d9";margin-right:3px}
.dataTable-save:before{content: "\e6da";margin-right:3px}
.dataTable-search:before{content: "\e6af";margin-right:3px}
.dataTable-export:before{content: "\e6dc";margin-right:3px}

/*daui-tableform*/
.daui-tableform{margin-bottom: 0;background: #fff}
.daui-tableform td, .daui-tableform th{vertical-align: middle}
.daui-tableform td{background: #fff;}
.daui-tableform .daui-tableform-label{background: #F9F9F9;text-align: right;font-weight: bold;color: #888888}
.daui-tableform .daui-tableform-must{}
.daui-tableform .daui-tableform-must:after{font-size: 14px;margin-left: 4px;content: '*';color: #ff0000;font-weight: 100;vertical-align: middle;}
.daui-tableform .radio-inline{padding-top: 0;}
.daui-tableform-lg th{width: 146px;}
.daui-tableform-sm th{width: 108px;}

/*=====media-box=====*/
.media-box{padding:15px;position:relative}
.media-box-appmsg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.media-box-appmsg .media-box-hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center}
.media-box-appmsg .media-box-bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}
.media-box-appmsg .media-box-thumb{width:100%;max-height:100%;vertical-align:top}
.media-box-appmsg.media-product-box{-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit;padding:0.5rem;background:#fff}
.media-box-appmsg.media-product-box .media-box-hd{width:80px;height:80px}
.media-box-appmsg.media-user-box{-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit;padding:0.5rem;background:#fff}
.media-box-appmsg.media-user-box .media-box-hd{width:44px;height:44px;line-height:44px}
.media-box-appmsg.media-box-xs{padding:5px}
.media-box-appmsg.media-box-xs .media-box-hd{width:24px;height:24px;line-height:24px}

.media-box-appmsg.media-box_product{-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit;padding:0.5rem;background:#fff}
.media-box-appmsg.media-box_product .media-box-hd{width:80px;height:80px}
.media-box-appmsg.media-box_user{-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit;padding:0.5rem;background:#fff}
.media-box-appmsg.media-box_user .media-box-hd{width:44px;height:44px;line-height:44px}

.media-box-title{font-size:14px;line-height:24px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;display:block;padding:0;margin-bottom:0;color:#393939}
.media-box-title a{color:#393939}
.media-box-desc{font-size:13px;line-height:20px;font-weight:normal;color: #999;overflow: hidden;text-overflow: ellipsis;display:block;padding:0;margin-bottom:0;}
.media-box-desc a{color: #999999;}
.media-box-work{color: #666666;}

.media-box__subbox{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;line-height: 64rpx;}
.media-box__subbox_hd{font-size: 14px;}
.media-box__subbox_bd{font-size: 14px;align-items: center;display: flex;justify-content: center;text-align: center;position: relative;align-self: stretch;}
.media-box__subbox.daui-media__subbox-buystyle{background: #fee9de;line-height: 64rpx;padding-left: 10rpx;}
.media-box__subbox.daui-media__subbox-buystyle .daui-media__subbox_bd{}

.media-box__nature{font-size: 13px;color: #666666;margin-top:5px}
.media-box__nature::after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.media-box__nature .media-box__nature__item{float: left;width: 50%}

/* ==================
    Media 组件
 ==================== */
.daui-media{position: relative;padding: 13px;margin-top: 10px}
.daui-media:before{content: " ";position: absolute;left: 12px;top: 0;right: 0;height: 1px;border-top: 1px solid #E5E5E5;color: #E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1);}
.daui-media:first-child{margin-top: 0}
.daui-media:first-child:before{display:none;}
.daui-media.no-border:before{display:none}
.daui-media.no-padding{padding: 0;}
.daui-media_access .daui-media__ft{padding-right: 13px;position: relative;}
.daui-media_access .daui-media__ft:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#888888;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}
.daui-media_appmsg{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;background:#fff;}
.daui-media_appmsg .daui-media__hd{margin-right:10px;}
.daui-media_appmsg .daui-media__thumb{width: 100%;max-height: 100%;vertical-align: top;}
.daui-media_appmsg .daui-media__bd{flex: 1;width: 100%;}
.daui-media_appmsg .daui-media__bd_content{padding: 5px 10px}
.daui-media_appmsg .daui-media__ft{}
.daui-media_appmsg .daui-media__hd.vertical-middle{display: flex;vertical-align: middle;}
.daui-media_appmsg .daui-media__ft.vertical-middle{display: flex;vertical-align: middle;}

.daui-media_appmsg.daui-media_news{align-items: flex-start;padding:13px;background:#fff;}
.daui-media_appmsg.daui-media_news .daui-media__hd{width:110px;height:80px}
.daui-media_appmsg.daui-media_news .daui-media__thumb{}
.daui-media_appmsg.daui-media_news .daui-media__ft{}
.daui-media_appmsg.daui-media_product{align-items: flex-start;padding:10px;background:#fff;}
.daui-media_appmsg.daui-media_product .daui-media__hd{width:70px;height:70px}
.daui-media_appmsg.daui-media_product .daui-media__thumb{}
.daui-media_appmsg.daui-media_product .daui-media__ft{}
.daui-media_appmsg.daui-media_user{align-items:inherit;padding:8px;background:#fff}
.daui-media_appmsg.daui-media_user .daui-media__hd{width:42px;height:42px;line-height:42px;}
.daui-media_appmsg .daui-media__thumb{width: 100%;height: 100%;}
.daui-media_appmsg.daui-media_user .daui-media__ft{height:84rpx;height:84rpx;line-height:84rpx;color:#888888;}
.daui-media_appmsg.daui-media_lg{padding:13px;background:#fff}
.daui-media_appmsg.daui-media_lg .daui-media__hd{width:100px;height:100px;}
.daui-media_appmsg.daui-media_lg .daui-media__hd image{border-radius: 12px;}
.daui-media_appmsg.daui-media_lg .daui-media__ft{height: 80px;}
.daui-media_appmsg.daui-media_sm{align-items:flex-start;padding:13px;background:#fff;align-items: center;}
.daui-media_appmsg.daui-media_sm .daui-media__hd{width:120px;height: 120px}
.daui-media_appmsg.daui-media_sm .daui-media__hd image{border-radius: 50%;}
.daui-media_appmsg.daui-media_sm .daui-media__ft{}
.daui-media_appmsg.daui-media_xs{align-items:inherit;padding:13px;background:#fff;align-items: center;}
.daui-media_appmsg.daui-media_xs .daui-media__hd{width:24px;height: inherit;line-height: inherit;}
.daui-media_appmsg.daui-media_xs .daui-media__hd image{border-radius: 50%;}
.daui-media_appmsg.daui-media_xs .daui-media__ft{}
.daui-media_appmsg.daui-media_record{padding:13px;background:#fff;}
.daui-media_appmsg.daui-media_record .daui-media__hd{width:70rpx;height:70rpx;}
.daui-media_appmsg.daui-media_record .daui-media__hd image{border-radius: 50%;}
.daui-media_appmsg.daui-media_record .daui-media__ft{}

.daui-media_appmsg.daui-media_hdsm .daui-media__hd{width:70rpx;height:70rpx;}
.daui-media_appmsg.daui-media_hdxs .daui-media__hd{width:70rpx;height:70rpx;}

.daui-media_appmsg.daui-media_align-start{align-items:flex-start}
.daui-media_appmsg.daui-media_align-center{align-items:center}
.daui-media_appmsg.daui-media_margin{width: inherit;margin: 0 10px;}

.daui-media__title{width: 100%;word-break: break-all;word-wrap: break-word;font-size: 14px;line-height: 1.2rem;overflow: hidden;color: #333333;font-weight: 500;}
.daui-media__title a{text-decoration: none;}
.daui-media__newstitle{width: 100%;font-size: 16px;word-break: break-all;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;box-sizing: border-box;color: rgb(51, 51, 51);}
.daui-media__newstitle a{color: rgb(51, 51, 51);}
.daui-media__prodtitle{width: 100%;word-break: break-all;word-wrap: break-word;font-size: 14px;color: #333333;line-height: 18px;font-weight: 400;overflow: hidden;}
.daui-media__second{color:#999999;font-size:13px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 5px;}
.daui-media__name{line-height: 1.8;font-size: 13px;color:#007bff;}
.daui-media__desc{color:#999999;line-height: 18px;font-size: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;white-space: pre-wrap;}
.daui-media__work{color:#5f5f5f;line-height: 1.5;font-size: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.daui-media__light{color:#8dc63f}
.daui-media__cont{white-space: pre-wrap;}
.daui-media__subbox{display: flex;align-items: center;color: #999;box-sizing: border-box;line-height: 1.5;}
.daui-media__subbox__hd{font-size: 13px;}
.daui-media__subbox__bd{font-size: 13px;flex: 1;display: flex;align-items: center;}

/* ==================
    Chaotic 图文混排组件
 ==================== */
.daui-chaotic{background: #fff}
.daui-chaotic .daui-media{margin-top: 0}
.daui-chaotic .daui-media:before{left: 8px;right: 8px;}
.daui-chaotic .daui-media_appmsg.daui-media_user{background: transparent}
.daui-chaotic__hd{padding: 10px}
.daui-chaotic__bd{position: relative;padding: 8px}
.daui-chaotic__bd:before{content: " ";position: absolute;left: 8px;top: 0;right: 8px;height: 1px;border-top: 1px solid #E5E5E5;color: #E5E5E5;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(1);transform: scaleY(1);}
.daui-chaotic__bd:first-child:before{border-top: none}

/*=====profile-box(old)=====*/
.profile-box{color: #555;background-color: #FFF;box-shadow: none;padding: 8px;border: 1px dotted;vertical-align: middle;text-align: left;position: relative;}
.profile-box .media-box{padding:0}

/*daui-modal*/
.daui-modal{border:none;border-radius:0;width: 640px}
.daui-modal .modal-body{padding-bottom: 50px}
.daui-modal .modal-footer{position: absolute;bottom: 0;left:0;right:0;background: #ffffff;padding: 5px 10px}
.daui-modal-full{width:100%}
.daui-modal-scrollable .modal-body{overflow-y: auto;max-height: 360px;padding-bottom: 50px}
.daui-modal-scrollable .modal-footer{position: absolute;bottom: 0;left:0;right:0;background: #ffffff;padding: 10px}

.modal-content-fix{border:none;border-radius:0;}
.modal-content-scrollable .modal-body{overflow-y: auto;max-height: 360px;padding-bottom: 50px}
.modal-content-scrollable .modal-footer{position: absolute;bottom: 0;left:0;right:0;background: #ffffff;padding: 10px}

/*上传图片*/
.upload-control{}
.upload-show{margin-top:1em;}
.upload-operation{margin-top:1em;}
.upload-help{margin-top:1em;display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;font-family: "iconfontzz";font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.upload-help:before{content: "\e6e5";}
.upload-img-full{max-width: 100%;}
.upload-img-sm{max-width: 120px;}
.upload-img-xs{max-width: 60px;}

/*上传文件(原始)*/
.daui-file-input{cursor:pointer !Important;display:block}
.daui-file-input::-webkit-file-upload-button{background:#D0EEFF;border:1px solid #99D3F5;padding:0.6em 1.6em;cursor:pointer;color:#1E88C7;border-radius:.2em;}
.daui-file-input::-ms-browse{background:#E62163;border:0;padding:0.6em 1.6em;cursor:pointer;color:#fff;border-radius:.2em}

/*上传图片区域*/
.daui-filebox{}
.daui-filebox .daui-filebox__hd{display: flex;align-items:center}
.daui-filebox .daui-filebox__control{position:relative;display:inline-block;background:#D0EEFF;border:1px dashed #99D3F5;border-radius:.2em;padding:0.6em 1.6em;overflow:hidden;color:#1E88C7;text-decoration:none;text-indent:0;line-height:20px;width: 220px;text-align:center;}
.daui-filebox .daui-filebox__control:hover{background:#AADFFD;border-color:#78C3F3;color:#004974;text-decoration:none;cursor:pointer;}
.daui-filebox .daui-filebox__name{flex:1;padding-left:10px}
.daui-filebox input[type=file]{display:none}
.daui-filebox .daui-filebox__bd{margin-top:5px}
.daui-filebox .daui-filebox__bd img{max-width:220px;}
.daui-filebox .daui-filebox__help{margin-top:1em;display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;font-family: "iconfontzz";font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.daui-filebox .daui-filebox__help:before{content: "\e6e5";margin-right:5px}
.daui-filebox .daui-filebox__del{width: 220px;margin-top:5px;border:1px dashed #f56c6c;background:#fef0f0;padding-left:5px;line-height:24px;border-radius:.2em;}
.daui-filebox .daui-filebox__del label{margin:0}
.daui-filebox .daui-filebox__del input[type=checkbox]{margin-right:5px}

.daui-inputlist{margin-top:8px}
.daui-inputlist:first-child{margin-top:0}

/*=====infoattr=====*/
.daui-infoattrs{margin-bottom:8px;background-color: #FFF;box-shadow: none;padding: 8px;vertical-align: middle;text-align: left;position: relative;}
.daui-infoattrs:first-child{margin-bottom:0}
.daui-infoattr{width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;}
.daui-infoattr__hd{font-weight: 400;}
.daui-infoattr__bd{flex:1;}
.daui-infoattr__ft{}
.daui-infoattr.daui-infoattr_primary .daui-infoattr__hd{color:#428BCA}
.daui-infoattr.daui-infoattr_success .daui-infoattr__hd{color:#87B87F}
.daui-infoattr.daui-infoattr_warning .daui-infoattr__hd{color:#FFB800}
.daui-infoattr.daui-infoattr_danger .daui-infoattr__hd{color:#FF5722}
.daui-infoattr.daui-infoattr_pink .daui-infoattr__hd{color:#E03997}

.daui-infoattrs__title{margin-top:10px;color:#7f7f7f;font-size:14px}

/*=====infoattr=====*/
.infoattr{width: 100%;}
.infoattr .infoattr-hd{display: inline-block;font-weight: 600;color: #676a6c}
.infoattr .infoattr-bd{display: inline-block}
.infoattr.infoattr-primary dd span{color:#428BCA}
.infoattr.infoattr-success dd span{color:#87B87F}
.infoattr.infoattr-warning dd span{color:#FFB800}
.infoattr.infoattr-danger dd span{color:#FF5722}
.infoattr.infoattr-pink dd span{color:#E03997}

/* ==================
    Navs 导航
 ==================== */
.nav-tabs.nav-tabs-styleone{border-bottom:1px solid #C5D0DC}
.nav-tabs.nav-tabs-styleone .nav-link{background-color:#F9F9F9;color:#999;border-color:#C5D0DC #C5D0DC transparent;border-top-left-radius:0;border-top-right-radius:0;margin-right:-1px}
.nav-tabs.nav-tabs-styleone .nav-link:hover,.nav-tabs.nav-tabs-styleone .nav-link:focus{background-color:#FFF;color:#4C8FBD;border-color:#C5D0DC #C5D0DC transparent}
.nav-tabs.nav-tabs-styleone .nav-link.active,.nav-tabs.nav-tabs-styleone .nav-item.show .nav-link{background-color:#fff;color:#576373;border-color:#dee2e6 #dee2e6 #fff;border-top:2px solid #4C8FBD}

.nav-pills.nav-pills-styleone{border-bottom: none}
.nav-pills.nav-pills-styleone .nav-item{margin-bottom: 0;margin-left: 8px;}
.nav-pills.nav-pills-styleone .nav-item:first-child{margin-left: 0;}
.nav-pills.nav-pills-styleone .nav-link{color: rgba(0,0,0,0.88);background-color: rgba(0,0,0,.07);border-radius: 1.2rem;padding: 0.25rem 0.75rem;font-size: .875rem;line-height: 1.5;font-weight: 400;border: 1px solid transparent;}
.nav-pills.nav-pills-styleone .nav-link.active, .nav-pills .show>.nav-link{}
.nav-pills.nav-pills-styleone .nav-link:hover,.nav-tabs.nav-pills-styleone .nav-link:focus{background-color:#ceccca;border-color:#f8f9fc}
.nav-pills.nav-pills-styleone .nav-link.active,.nav-tabs.nav-pills-styleone .nav-item.show .nav-link{background-color:#5ac725;color:#fff;border-color:#f8f9fc;}

/*layer*/
.layui-layer-btn .layui-layer-btn0:hover{color:#fff}

/**/
.daui-content p{margin:0}

/**/
.bootstrap-touchspin input{text-align:center}

/*标题tip*/
.daui-title{padding: 8px 10px;line-height: 20px;position: relative;color: #8f8f94;}
.daui-title span{font-size: 14px;color: #333;padding-left: 5px;}
.daui-title span:after{content: "";position: absolute;left: 0;top: 9px;height: 18px;width: 3px;background: #e21323;}
.daui-title-primary span{color: #2eb062;}
.daui-title-primary span:after{background: #2eb062;}

/*step*/
.daui-step{padding:14px 0 8px 0;zoom:1}
.daui-step:after{content:"";display:table;clear:both}
.daui-step li{float:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.daui-step li::before,.daui-step li::after{position:absolute;left:0;top:36px;display:block;content:' ';width:50%;height:4px;background:#999;z-index:1}
.daui-step li::after{left:50%}
.daui-step li:first-child::before{width:0}
.daui-step li:last-child::after{width:0}
.daui-step .daui-step-title{color:#999;font-size:12px;font-weight:bold;line-height:18px}
.daui-step .daui-step-number{position:relative;display:inline-block;width:20px;height:20px;margin:10px 0;line-height:22px;background:#999;color:#fff;border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2}
.daui-step .daui-step-meta{color:#ccc}
.daui-step li.daui-step-done::before,.daui-step li.daui-step-done::after,.daui-step li.daui-step-done .daui-step-number{background:#80CCFF}
.daui-step li.daui-step-done .daui-step-number{color:transparent}
.daui-step li.daui-step-done .daui-step-number::after{position:absolute;left:0;width:17px;height:20px;line-height:20px;content:'√';color:#fff;font-family:serif}
.daui-step li.daui-step-done .daui-step-title{color:#80CCFF}
.daui-step-2 li{width:50%}
.daui-step-3 li{width:33.33333%}
.daui-step-4 li{width:24.9999%}
.daui-step-5 li{width:20%}
.daui-step-6 li{width:16.6666%}
.daui-step-style-2 li::before,.daui-step-style-2 li::after{top:17px;height:3px;background:#e4e4e4}
.daui-step-style-2 li .daui-step-number{background:#fff;border:1px solid #e4e4e4;width:16px;height:16px}
.daui-step-style-2 li.daui-step-done::before,.daui-step-style-2 li.daui-step-done::after{background:#55BD47}
.daui-step-style-2 li.daui-step-done .daui-step-number{border-color:#55BD47;background:#55BD47}
.daui-step-style-2 li.daui-step-done .daui-step-number::after{display:none}
.daui-step-style-2 li.daui-step-done .daui-step-title,.daui-step-style-2 li.daui-step-done .daui-step-meta{color:#55BD47}
.daui-step-style-2 li.daui-step-current::after{background:#e4e4e4}
.daui-step-style-2 li.daui-step-current .daui-step-number{width:30px;height:30px;background:#fff;margin:2px 0 1px 0}
.daui-step-style-2 li.daui-step-current .daui-step-number::after{display:inline-block;content:'√';color:#55BD47;width:26px;height:28px;line-height:30px;font-size:16px}

/*组件: selout*/
.daui-selout{}
.daui-selout:after{content:"";display:table;clear:both}
.daui-selout .daui-selout-item{float:left;margin:0 18px 10px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#000;text-align:center;font-weight:700;line-height:48px;position:relative;}
.daui-selout .daui-selout-item input[type=checkbox], .daui-selout .daui-selout-item input[type=radio]{margin-right: 5px;position: absolute;display: none;}
.daui-selout .daui-selout-radio + label{position: relative;display: block;margin: 0;background:#fbfbfb;border:1px solid #dfdfdf;padding: 0 20px;}
.daui-selout .daui-selout-radio:checked + label{background:rgba(255,179,25,.5);border:1px solid #ffb319}
.daui-selout .daui-selout-radio:checked + label:after, .daui-selout .daui-selout-radio:checked + label:after {display: block;}
.daui-selout .daui-selout-item .daui-selout-tick{border-top:24px solid #ffb319;border-left:24px solid transparent;width:0;height:0;position:absolute;top:0;right:0;display:none;z-index:1}
.daui-selout .daui-selout-tick:after{content:"\e64f";font-family:"iconfontzz";font-size:12px;line-height:1;position:absolute;top:-23px;right:0;z-index:1}
.daui-selout .daui-selout-radio:checked + label .daui-selout-tick{display:block}
.daui-selout.daui-selout_sm .daui-selout-item{width:298px;height:50px;line-height:48px;}
.daui-selout.daui-selout_xs .daui-selout-item{line-height:36px;margin:0 10px 8px 0;}
.daui-selout.daui-selout_xs .daui-selout-item .daui-selout-tick{border-top:20px solid #ffb319;border-left:20px solid transparent;}
.daui-selout.daui-selout_xs .daui-selout-tick:after{top:-20px;-webkit-transform:scale(0.7);transform:scale(0.7);}

/* ==================
    Alert 警告提示
 ==================== */
.daui-alert{padding:8px 10px;border-radius:0;font-size:14px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position:relative;display:flex;align-items:center}
.daui-alert-inline{display: inline-block}
.daui-alert__hd{margin-right:5px}
.daui-alert__bd{flex:1;margin-right:15px}
.daui-alert__ft{align-items:flex-start}
.daui-alert__close{position: absolute;top: 10px;right: 10px;}
.daui-alert_title{font-weight: bold;margin-bottom: 5px;}
.daui-alert_desc{}
.daui-alert.daui-alert_primary{color:#3c9cff;background-color:#ecf5ff}
.daui-alert.daui-alert_primary-dark{color:#fff;background-color:#3c9cff}
.daui-alert.daui-alert_line-primary{background-color:#ecf5ff;border:1px solid #3c9cff}
.daui-alert.daui-alert_success{color:#5ac725;background-color:#f5fff0}
.daui-alert.daui-alert_success-dark{color:#fff;background-color:#5ac725}
.daui-alert.daui-alert_line-success{background-color:#f5fff0;border:1px solid #5ac725}
.daui-alert.daui-alert_info{color:#909399;background-color:#f4f4f5}
.daui-alert.daui-alert_info-dark{color:#fff;background-color:#909399}
.daui-alert.daui-alert_line-info{background-color:#f4f4f5;border:1px solid #909399}
.daui-alert.daui-alert_warning{color:#f9ae3d;background-color:#FDF6EC}
.daui-alert.daui-alert_warning-dark{color:#fff;background-color:#f9ae3d}
.daui-alert.daui-alert_line-warning{background-color:#FDF6EC;border:1px solid #f9ae3d}
.daui-alert.daui-alert_danger{color:#f56c6c;background-color:#FEF0F0}
.daui-alert.daui-alert_danger-dark{color:#fff;background-color:#f56c6c}
.daui-alert.daui-alert_line-danger{background-color:#FEF0F0;border:1px solid #f56c6c}

/* ==================
    Infomsg 信息页
 ==================== */
.daui-infomsg{padding: 15px;line-height:1;text-align:center}
.daui-infomsg .daui-infomsg__icon-area{padding:0 0 15px}
.daui-infomsg .daui-infomsg__icon-area img{width:240px}
.daui-infomsg .daui-infomsg__text-area{padding:0 30px;-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height:1.6;word-wrap:break-word}
.daui-infomsg .daui-infomsg__opr-area{margin-top: 20px}
.daui-infomsg .daui-infomsg__tips-area{margin-top:25px;padding:0 40px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:12px;color:rgba(0,0,0,.5)}
.daui-infomsg .daui-infomsg__extra-area{margin-bottom:15px;font-size:14px;color:#999}
.daui-infomsg .daui-infomsg__img{display:inline-block;width:240rpx;height:260rpx}
.daui-infomsg.daui-infomsg_success .daui-infomsg__icon-area .daui-infomsg__img{background-image:url(../images/infomsg/infomsg-success.jpg);background-size:100%}
.daui-infomsg.daui-infomsg_fail .daui-infomsg__icon-area .daui-infomsg__img{background-image:url(../images/infomsg/infomsg-fail.jpg);background-size:100%}
.daui-infomsg .daui-infomsg__title{font-weight:400;font-size:22px;word-wrap:break-word;word-break:break-all;color: #fc077a;}
.daui-infomsg .daui-infomsg__title .iconfontzz{font-size:22px;}
.daui-infomsg .daui-infomsg__desc{word-wrap:break-word;word-break:break-all;margin-top: 20px;font-size:18px;font-weight: 500;color:#666;}
.daui-infomsg .daui-infomsg__link{color:#586c94}
.daui-infomsg.daui-infomsg_primary{color:#3c9cff;background-color:#ecf5ff}
.daui-infomsg.daui-infomsg_primary-dark{color:#fff;background-color:#3c9cff}
.daui-infomsg.daui-infomsg_line-primary{background-color:#ecf5ff;border:1px solid #3c9cff}
.daui-infomsg.daui-infomsg_success{color:#5ac725;background-color:#f5fff0}
.daui-infomsg.daui-infomsg_success-dark{color:#fff;background-color:#5ac725}
.daui-infomsg.daui-infomsg_line-success{background-color:#f5fff0;border:1px solid #5ac725}
.daui-infomsg.daui-infomsg_info{color:#909399;background-color:#f4f4f5}
.daui-infomsg.daui-infomsg_info-dark{color:#fff;background-color:#909399}
.daui-infomsg.daui-infomsg_line-info{background-color:#f4f4f5;border:1px solid #909399}
.daui-infomsg.daui-infomsg_warning{color:#f9ae3d;background-color:#FDF6EC}
.daui-infomsg.daui-infomsg_warning-dark{color:#fff;background-color:#f9ae3d}
.daui-infomsg.daui-infomsg_line-warning{background-color:#FDF6EC;border:1px solid #f9ae3d}
.daui-infomsg.daui-infomsg_danger{color:#f56c6c;background-color:#FEF0F0}
.daui-infomsg.daui-infomsg_danger-dark{color:#fff;background-color:#f56c6c}
.daui-infomsg.daui-infomsg_line-danger{background-color:#FEF0F0;border:1px solid #f56c6c}

/* ==================
    Avatar 头像
 ==================== */
.daui-avatar{font-variant:small-caps;margin:0;padding:0;display:inline-flex;text-align:center;justify-content:center;align-items:center;background-color:transparent;color:#ffffff;white-space:nowrap;position:relative;width:60px;height:60px;background-size:cover;background-position:center;vertical-align:middle;font-size:1.5em}
.daui-avatar.daui-avatar_lg{width:75px;height:75px;font-size:2em}
.daui-avatar.daui-avatar_sm{width:40px;height:40px;font-size:1em}
.daui-avatar.daui-avatar_xs{width:30px;height:30px;font-size:2.5em}
.daui-avatar image{width:100%;height:100%}
.daui-avatar .avatar-text{font-size:0.4em}
.daui-avatar view{margin:0 !important}
.daui-avatar-group{direction:rtl;unicode-bidi:bidi-override;padding:0 5px 0 20px;display:inline-block}
.daui-avatar-group .daui-avatar{margin-left:-15px;border:2px solid #f1f1f1;vertical-align:middle}
.daui-avatar-group .daui-avatar.sm{margin-left:-10px;border:1px solid #f1f1f1}

/* ==================
    Empty 内容为空
 ==================== */
.daui-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}
.daui-empty__icon-area{display:block;flex-shrink:0;width:130px;height:130px;margin-bottom: 0}
.daui-empty__icon-area img{width: 100%;height:100%}
.daui-empty__text-area{text-align:center;color:#666666;font-size:14px;padding:0 25px 14px 25px;box-sizing:border-box;word-break:break-all;word-wrap:break-word}

/* ==================
    后台统计
 ==================== */
.static-media .daui-media__hd{text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 40px}
.static-media .daui-media__hd .iconfontzz{font-size: 30px;}

/* ==================
    Article 文章详情
 ==================== */
.daui-article{color:#333;font-size:16px;background:#fff;padding:20px 30px 110px 30px}
.daui-article__hd{position:relative;padding:20px 0 40px}
.daui-article__hd::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}
.daui-article__hd .daui-article__title{font-size:36rpx;font-weight:500;text-align:justify;margin-bottom:20rpx}
.daui-article__meta{margin-bottom:0;line-height:40rpx;word-wrap:break-word;word-break:break-all;font-size:15px;color:rgba(0,0,0,0.3);}
.daui-article__meta_author{display:inline-block;margin-right:20rpx;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#10aeff}
.daui-article__hd .article-subinfo{color:#999999;padding-top:30rpx;font-size:26rpx}
.daui-article__hd .article-author{color:#5677fc;padding-right:20rpx}
.daui-article__bd{font-size:16px;margin-top: 20px;line-height: 30px;text-align:justify;word-break:break-all;word-wrap:break-word}
.daui-article__bd image{width:100%;padding:5px 0}
.daui-article__content{font-size:30rpx;line-height:44rpx;}
.daui-article__content_item{padding: 10rpx 0;}
.daui-article__tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;line-height:40rpx;word-wrap:break-word;word-break:break-all;font-size:30rpx;color:rgba(0,0,0,0.3);}
.daui-article__tools_bd{flex:1}
.daui-article__tools_ft{background: transparent;border: none;font-size:30rpx;color:rgba(0,0,0,0.3);padding: 0;}
.daui-article__tools_ft::after{border: none;}
.daui-article__tools_link{color: #10aeff;margin-right: 30rpx;}

/* ==================
    全局覆盖css
 ==================== */

/*清除浮动*/
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}

/*浮动*/
.pull-left{float:left}
.pull-right{float:right}

/*辅助类*/
.zz-disinline{display:inline-block;}
.daui-hide{display:none;}
.disinline{display:inline-block;}
.disnone{display:none;}
.block{display:block;}
.hide{display:none;}
.full{width: 100%;}

/*背景*/
.line-red::after,.lines-red::after{border-color:#e54d42}
.line-orange::after,.lines-orange::after{border-color:#f37b1d}
.line-yellow::after,.lines-yellow::after{border-color:#fbbd08}
.line-olive::after,.lines-olive::after{border-color:#8dc63f}
.line-green::after,.lines-green::after{border-color:#39b54a}
.line-cyan::after,.lines-cyan::after{border-color:#1cbbb4}
.line-blue::after,.lines-blue::after{border-color:#0081ff}
.line-purple::after,.lines-purple::after{border-color:#6739b6}
.line-mauve::after,.lines-mauve::after{border-color:#9c26b0}
.line-pink::after,.lines-pink::after{border-color:#e03997}
.line-brown::after,.lines-brown::after{border-color:#a5673f}
.line-grey::after,.lines-grey::after{border-color:#8799a3}
.line-gray::after,.lines-gray::after{border-color:#aaaaaa}
.line-black::after,.lines-black::after{border-color:#333333}
.line-white::after,.lines-white::after{border-color:#ffffff}

.bg-success-dark{background-color: #53c21d;}
.bg-success-disabled{background-color: #a9e08f;}
.bg-success-light{background-color: #f5fff0;}

.bg-white{background-color:#ffffff}
.bg-red{background-color:#e54d42;color:#ffffff}
.bg-orange{background-color:#f37b1d;color:#ffffff}
.bg-yellow{background-color:#fbbd08;color:#333333}
.bg-olive{background-color:#8dc63f;color:#ffffff}
.bg-green{background-color:#39b54a;color:#ffffff}
.bg-cyan{background-color:#1cbbb4;color:#ffffff}
.bg-blue{background-color:#0081ff;color:#ffffff}
.bg-purple{background-color:#6739b6;color:#ffffff}
.bg-mauve{background-color:#9c26b0;color:#ffffff}
.bg-pink{background-color:#e03997;color:#ffffff}
.bg-brown{background-color:#a5673f;color:#ffffff}
.bg-grey{background-color:#8799a3;color:#ffffff}
.bg-gray{background-color:#f0f0f0;color:#333333}
.bg-red.light{color:#e54d42;background-color:#fadbd9}
.bg-orange.light{color:#f37b1d;background-color:#fde6d2}
.bg-yellow.light{color:#fbbd08;background-color:#fef2ced2}
.bg-olive.light{color:#8dc63f;background-color:#e8f4d9}
.bg-green.light{color:#39b54a;background-color:#d7f0dbff}
.bg-cyan.light{color:#1cbbb4;background-color:#d2f1f0}
.bg-blue.light{color:#0081ff;background-color:#cce6ff}
.bg-purple.light{color:#6739b6;background-color:#e1d7f0}
.bg-mauve.light{color:#9c26b0;background-color:#ebd4ef}
.bg-pink.light{color:#e03997;background-color:#f9d7ea}
.bg-brown.light{color:#a5673f;background-color:#ede1d9}
.bg-grey.light{color:#8799a3;background-color:#e7ebed}
.bg-gradual-red{background-image:linear-gradient(45deg,#f43f3b,#ec008c);color:#ffffff}
.bg-gradual-red:hover{color:#ffffff}
.bg-gradual-redtwo{background: linear-gradient(270deg, #FF8C19 0%, #FF3333 45.67%, #FF2776 98.5%);}
.bg-gradual-redtwo:hover{color:#ffffff}
.bg-gradual-orange{background-image:linear-gradient(45deg,#ff9700,#ed1c24);color:#ffffff}
.bg-gradual-green{background-image:linear-gradient(45deg,#39b54a,#8dc63f);color:#ffffff}
.bg-gradual-green:hover{color:#ffffff}
.bg-gradual-purple{background-image:linear-gradient(45deg,#9000ff,#5e00ff);color:#ffffff}
.bg-gradual-purple:hover{color:#ffffff}
.bg-gradual-pink{background-image:linear-gradient(45deg,#ec008c,#6739b6);color:#ffffff}
.bg-gradual-pink:hover{color:#ffffff}
.bg-gradual-blue{background-image:linear-gradient(45deg,#0081ff,#1cbbb4);color:#ffffff}
.bg-gradual-blue:hover{color:#ffffff}
.bg-gradual-lightred{background-image:linear-gradient(45deg,#ff557f,#ec008c);color:#ffffff}
.bg-gradual-lightred:hover{color:#ffffff}
.bg-fusion-800{background-color: #2a2a2a;color: #fff;}
.bg-fusion-800:hover{color:#fff}

.text-red,.line-red,.lines-red{color:#e54d42}
.text-lightred,.line-lightred,.lines-lightred{color:#fa436a}
.text-orange,.line-orange,.lines-orange{color:#f37b1d !important}
.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:#0081ff}
.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-grayDark,.line-grayDark,.lines-grayDark{color: #999999;}
.text-black,.line-black,.lines-black{color:#333333}
.text-white,.line-white,.lines-white{color:#ffffff}

/*文本*/
.text-price::before{content:"¥";font-size:80%;margin-right:4px}
.text-del{text-decoration:line-through;color: #999;}
.text-prewrap{white-space: pre-wrap;}
.text-yuan::after{content:"元";margin-left:4rpx;color: #303133}
.text-yuan.text-red{color:#f50b3c}

/*字体大小*/
.font-size-14{font-size: 14px!important;}
.font-size-16{font-size: 16px!important;}
.text-bold{font-weight: bold;}
.text-xxl{font-size: 24px;}
.text-xl{font-size: 19px;}
.text-lg{font-size: 17px;}
.text-df{font-size: 15px;}
.text-sm{font-size: 13px;}
.text-xs{font-size: 11px;}

.vertical-middle{vertical-align:middle}

.border-left-primary{border-left:0.25rem solid #4e73df !important}
.border-bottom-primary{border-bottom:0.25rem solid #4e73df !important}
.border-left-secondary{border-left:0.25rem solid #858796 !important}
.border-bottom-secondary{border-bottom:0.25rem solid #858796 !important}
.border-left-success{border-left:0.25rem solid #1cc88a !important}
.border-bottom-success{border-bottom:0.25rem solid #1cc88a !important}
.border-left-info{border-left:0.25rem solid #36b9cc !important}
.border-bottom-info{border-bottom:0.25rem solid #36b9cc !important}
.border-left-warning{border-left:0.25rem solid #f6c23e !important}
.border-bottom-warning{border-bottom:0.25rem solid #f6c23e !important}
.border-left-danger{border-left:0.25rem solid #e74a3b !important}
.border-bottom-danger{border-bottom:0.25rem solid #e74a3b !important}
.border-left-light{border-left:0.25rem solid #f8f9fc !important}
.border-bottom-light{border-bottom:0.25rem solid #f8f9fc !important}
.border-left-dark{border-left:0.25rem solid #5a5c69 !important}
.border-bottom-dark{border-bottom:0.25rem solid #5a5c69 !important}
.border-dotted-primary{border:0.1rem dotted #3c9cff !important}
.border-dotted-secondary{border:0.1rem dotted #1cc88a !important}
.border-dotted-success{border:0.1rem dotted #5ac725 !important}
.border-dotted-info{border:0.1rem dotted #b4b3b1 !important}
.border-dotted-warning{border:0.1rem dotted #f9ae3d !important}
.border-dotted-danger{border:0.1rem dotted #f56c6c !important}

/*
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{padding-right: 10px;padding-left: 10px;}
.row-compact .col-sm-2{padding-right: 10px;padding-left: 15px;}
.row-compact .col-sm-4{padding-right: 10px;padding-left: 15px;}
.row-compact .col-sm-5{padding-right: 10px;padding-left: 15px;}
.row-compact .col-md-6{padding-right: 10px;padding-left: 15px;}
.row-compact .col-sm-8{padding-right: 10px;padding-left: 15px;}
.row-compact .col-sm-10{padding-right: 10px;padding-left: 15px;}
*/

/*=====magic-check=====*/
@keyframes a{0%{border-color:silver}
to{border-color:#3e97eb}
}.magic-checkbox,.magic-radio{position:absolute;display:none}
.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}
.magic-checkbox+label,.magic-radio+label{position:relative;display:inline-block;padding-left: 25px;cursor:pointer;vertical-align:middle;margin-right: 10px;}
.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:a}
.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid silver}
.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}
.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}
.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}
.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none}
.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}
.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}
.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}
.magic-radio+label:before{border-radius:50%}
.magic-radio+label:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#3e97eb}
.magic-radio:checked+label:before{border:1px solid #3e97eb}
.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}
.magic-radio:checked[disabled]+label:after{background:#c9e2f9}
.magic-checkbox+label:before{border-radius:3px}
.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border:2px solid #fff;border-top:0;border-left:0}
.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb}
.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}
.magic-checkbox+label.magic-hidelabel{width: 20px;margin-right: 0;height: 20px;line-height: 20px;padding-left: 0;margin-bottom: 0}

/*修复datetimepicker*/
.xdsoft_datetimepicker{display: none;}

/* ==================
    Tag 标签
 ==================== */
.daui-tag{font-size:12px;vertical-align:middle;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0px 8px;height:24px;min-width:24px;font-family:Helvetica Neue,Helvetica,sans-serif;white-space:nowrap;color: #323233;}
.daui-tag::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid currentColor;transform:scale(0.5);transform-origin:0 0;box-sizing:border-box;border-radius:inherit;z-index:1;pointer-events:none}
.daui-tag[class*="line-"]::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid currentColor;transform:scale(0.5);transform-origin:0 0;box-sizing:border-box;border-radius:inherit;z-index:1;pointer-events:none}
.daui-tag.radius[class*="line"]::after{border-radius:12rpx}
.daui-tag.round[class*="line"]::after{border-radius:1000rpx}
.daui-tag[class*="line-"]::after{border-radius:0}
.daui-tag+.daui-tag{margin-left:5px}
.daui-tag.daui-tag-sm{font-size:10px;padding:0rpx 12rpx;height:17px;line-height:17px;min-width:17px}
.daui-tag-square{border-radius: 6rpx;}

.daui-tag_default{border-style: solid;border-width: 1px;border-color: #ebedf0;}
.daui-tag_primary{background-color:#3c9cff;border-width:1px;border-color:#3c9cff;color:#fff}
.daui-tag_plain-primary{background-color:#fff;border-width:1px;border-color:#3c9cff;color:#3c9cff}
.daui-tag_plain-fill-primary{background-color:#ecf5ff;border-width:1px;border-color:#3c9cff;color:#3c9cff}
.daui-tag_success{background-color:#5ac725;border-width:1px;border-color:#5ac725;color:#fff}
.daui-tag_plain-success{background-color:#fff;border-width:1px;border-color:#5ac725;color:#5ac725}
.daui-tag_plain-fill-success{background-color:#f5fff0;border-width:1px;border-color:#5ac725;color:#5ac725}
.daui-tag_info{background-color:#909399;border-width:1px;border-color:#909399;color:#fff}
.daui-tag_plain-info{background-color:#fff;border-width:1px;border-color:#909399;color:#909399}
.daui-tag_plain-fill-info{background-color:#f4f4f5;border-width:1px;border-color:#909399;color:#909399}
.daui-tag_warning{background-color:#f9ae3d;border-width:1px;border-color:#f9ae3d;color:#fff}
.daui-tag_plain-warning{background-color:#fff;border-width:1px;border-color:#f9ae3d;color:#f9ae3d}
.daui-tag_plain-fill-warning{background-color:#fdf6ec;border-width:1px;border-color:#f9ae3d;color:#f9ae3d}
.daui-tag_danger{background-color:#f56c6c;border-width:1px;border-color:#f56c6c;color:#fff}
.daui-tag_plain-danger{background-color:#fff;border-width:1px;border-color:#f56c6c;color:#f56c6c}
.daui-tag_plain-fill-danger{background-color:#fef0f0;border-width:1px;border-color:#f56c6c;color:#f56c6c}

/*胶囊*/
.daui-capsule{display:inline-flex;vertical-align:middle}
.daui-capsule+.daui-capsule{margin-left:10rpx}
.daui-capsule .daui-tag{margin:0}
.daui-capsule .daui-tag[class*="line-"]:last-child::after{border-left:0rpx solid transparent}
.daui-capsule .daui-tag[class*="line-"]:first-child::after{border-right:0rpx solid transparent}
.daui-capsule.radius .daui-tag:first-child{border-top-left-radius:6rpx;border-bottom-left-radius:6rpx}
.daui-capsule.radius .daui-tag:last-child::after,.daui-capsule.radius .daui-tag[class*="line-"]{border-top-right-radius:12rpx;border-bottom-right-radius:12rpx}
.daui-capsule.round .daui-tag:first-child{border-top-left-radius:200rpx;border-bottom-left-radius:200rpx;text-indent:4rpx}
.daui-capsule.round .daui-tag:last-child::after,.daui-capsule.round .daui-tag:last-child{border-top-right-radius:200rpx;border-bottom-right-radius:200rpx;text-indent:-4rpx}
