/*
 * =====================================================
 * zz22zz的样式表核心文件
 * @Author: zhaojun(13040@qq.com)
 * @Version:   1.0.1
 * =====================================================
 */
/*=====全局=====*/
ul,li{padding: 0;margin: 0;}
li{list-style: none;}

/*清除浮动*/
.cc{*zoom:1;}
.cc:after{content:'\20';display:block;height:0;clear:both;visibility: hidden;}
.clear{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}

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

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

/*左右浮动*/
.fl{float:left}
.fr{float:right}

/*全局间距【对模块或内容进行间距微调，强化为最高级别】*/
.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;}

: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;
}

.color-red{color:var(--red)}

/*按钮颜色*/
.c-orange{color:#f60 !important}
.c-orange-dark{color:#f15a0c !important}
.c-green{color:#06bf04 !important}
.c-wx-green{color:#4b0 !important}
.c-red{color:#ff0000 !important}
.c-red2{color:#ed5050 !important}
.c-red3{color:#e21323}
.c-red4{color:#ff6565}
.c-pink{color:#ee614b !important}
.c-white{color:#fff !important}
.c-gray-light{color:#e5e5e5 !important}
.c-gray{color:#c9c9c9 !important}
.c-gray-dark{color:#999 !important}
.c-gray-darker{color:#666 !important}
.c-black{color:#333 !important}
.c-yellow{color:#f09000 !important}
.c-light-yellow{color:#fcff00 !important}
.c-blue{color:#38f !important}
.c-blue2{color: #65a8ff;}
.c-gold{color: #C9A770;}
.c-cheng{color: #ff2741!important;}
.gray{color:gray;}
.gray_a{color:#999999;}
.c-gray-a{color:#999999;}
.gray_b{color:#909090;}
.red{color: #FF0000;}
.orange{color:orange;}
.coral{color:coral;}

/*背景颜色*/
.bg-red{background-color: var(--red);color: var(--white);}
.bg-yellow{background-color: var(--yellow);color: var(--black);}
.bg-olive{background-color: var(--olive);color: var(--white);}
.bg-green{background-color: var(--green);color: var(--white);}
.bg-cyan{background-color: var(--cyan);color: var(--white);}
.bg-grey{background-color: var(--grey);color: var(--white);}
.bg-grey.light{color: var(--grey);background-color: var(--greyLight);}
.bg-gray{background-color: #f0f0f0;color: var(--);}
.bg-blue{background-color: var(--blue);color: var(--white);}
.bg-pink{background-color: var(--pink);color: var(--white);}
.bg-pink.light{color: var(--pink);background-color: var(--pinkLight);}
.bg-white{background-color: var(--white);color: var(--darkGray);}
.bg-gradual-blue{background-color: var(--gradualBlue);color: var(--white);}
.bg-gradual-pink{background-color: var(--gradualPink);color: var(--white);}
.bg-gradual-purple{background-color: var(--gradualPurple);color: var(--white);}

.line-red,.text-red{color: var(--red);}
.line-orange,.text-orange{color: var(--orange);}
.line-olive,.text-olive{color: var(--olive);}
.line-blue,.text-blue{color: var(--blue);}
.line-green,.text-green{color: var(--green);}
.line-cyan,.text-cyan{color: var(--cyan);}
.line-grey,.text-grey{color: var(--grey);}
.line-darkGray,.text-darkGray{color: var(--darkGray);}
.line-gray,.text-gray{color: var(--gray);}
.line-grayDark,.text-grayDark{color: var(--grayDark);}
.line-orangeLight,.text-orangeLight{color: var(--orangeLight);}

/*字体大小*/
.font-size-12{font-size: 12px!important;}
.font-size-14{font-size: 14px!important;}
.font-size-16{font-size: 16px!important;}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.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;}

/*间距*/
.padding{padding: 15px;}
.gap5{height: 5px;}
.gap10{height: 10px;}
.gap15{height: 15px;}
.gap20{height: 20px;}
.gap50{height: 50px !important}
.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;}

/*全局框架*/
.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.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;}

/*页码*/
.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;}
.help-block-txt{display: block;margin-top: 7px;margin-bottom: 0;color: #737373;font-size: 14px;}

/*=====mui优化=====*/
body.body-fixed-bottom{padding-bottom: 50px;}
.mui-input-group .mui-input-row{height: inherit;}

/*=====输入框=====*/
.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;}

/*长度*/
.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;}

/*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}

/*=====功能类样式=====*/
/*次级导航*/
.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;}

/*item*/
.item-box{width:100%;display:-webkit-box;}
.item-box .item-pic{width: 60px;}
.item-box .item-pic img{float: left;width: 48px;height: 48px;border-radius: 10%;border: 1px solid transparent;}
.item-box .item-txt{-webkit-box-flex: 1;-webkit-box-orient: vertical;}

/*顶部框架*/
.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";}

/*alert*/
.zzalert{padding: 15px;margin-bottom:10px;border: 1px solid transparent;border-radius: 0;}
.zzalert-warning{color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}

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

/*media-box*/
.zzui-media-box{padding: 15px;position: relative;}
.zzui-media-box_appmsg{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.zzui-media-box_appmsg .weui-media-box__bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}
.zzui-media-box__title{font-weight: 400;font-size: 17px;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.zzui-media-box__desc{color: #999999;font-size: 13px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zzui-media-box__work{color:#454545;font-size: 13px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 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;}

/*图片列表展示*/
.zzui-picture:after{clear: both;display: table;content: " ";}
.zzui-picture li{float: left;text-align: center;margin: 0 10px 10px 0;cursor: pointer;border:2px solid #fff;}
.zzui-picture li img{width: 90px;height: 90px;}
.zzui-picture li.active{border:2px solid #FF5722;}
.zzui-picture-lg li img{width: 120px;height: 120px;}
.zzui-picture-xs li 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;}

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