html,body{ width: 100%; height: 100%; padding: 0; margin: 0; background: none; }
body{ overflow: hidden; -webkit-user-select: none; font-family: "Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif; background-color: #FAFAFA; }
a{ text-decoration: none !important; }
.drag{ -webkit-app-region: drag; }
.no-drag{ -webkit-app-region: no-drag; }
.layui-layer-shade{ -webkit-app-region: no-drag; }
.animated.adding{ animation-duration: 0.5s; }
.animated.minus{ animation-duration: 1.5s; }
label.weight-inherit{ font-weight: inherit; }
label.required:before{ content: '*'; color: #ff0000; margin-right: 6px; position: relative; top: 3px }
@-webkit-keyframes glowBoxShadow {
    0% { border-color: #FAFAFA; box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; }
    100% { border-color: #337AB7; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000; }
}
@-webkit-keyframes glowTextShadow {
    0% { opacity: 0.3; color: #FAFAFA; }
    100% { opacity: 1; color: #337AB7; }
}
.t-opacity-hidden{ opacity: 0;}
.t-glow-box-shadow{ -webkit-animation: glowBoxShadow 500ms ease-out infinite alternate; }
.t-glow-text-shadow{ -webkit-animation: glowTextShadow 500ms ease-out infinite alternate; }
.t-animated{ transition: all .3s ease; }
/* ------------------ */
.t-shadow{ box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, .05), 0 0.1rem 0.4rem 0 rgba(0, 0, 0, .08), 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, .2); }
.t-shadow-inherit{ box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, .05), 0 0.1rem 0.4rem 0 rgba(0, 0, 0, .08), 0 -0.1rem 0.1rem -0.2rem rgba(0, 0, 0, .2); }
/* ------------------ */
.t-tables{ display: table; width: 100%; height: 100%; vertical-align: middle; }
.t-tables > .col-tr{ display: table-cell; vertical-align: middle; text-align: center; }
.t-tables > .col-tr > .col-td,
.t-tables > .col-td{ margin: 0 auto; display: block; text-align: left; }
/* ------------------ */
.t-flex{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.t-flex > .col-flex{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
/* ------------------ */
.t-clamp{ width: 100%; overflow: hidden; }
.t-clamp > .content{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.t-clamp > .content.col-2{ -webkit-line-clamp: 2; }
/* ------------------ */
.t-upload{ position: relative; overflow: hidden; }
.t-upload > .upload-container{ position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: block; }
.t-upload > .upload-container > input{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }

.t-text{ font-size: inherit; color: inherit; }

.yd-radio{ display: inline-block; }
.yd-radio > .yd-radio-label{ display: inline-block; height: 16px; line-height: 16px; margin-right: 8px; position: relative; overflow: hidden; padding-right: 5px; clear: both; vertical-align: middle; }
.yd-radio > .yd-radio-label:last-child{ margin-right: 0; }
.yd-radio > .yd-radio-label .iconfont{ margin-right: 5px; font-size: 16px; float: left; }
.yd-radio > .yd-radio-label input{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; width: 100%; height: 100%; }
.yd-radio > .yd-radio-label input + .iconfont:before{ content: '\e686d'; }
.yd-radio > .yd-radio-label input[checked] + .iconfont:before{ content: '\e685d'; }

.yd-table-label{ display: inline-block; padding: 0; margin: 0; position: relative; padding-left: 25px; font-weight: inherit; }
.yd-table-label input{ position: absolute; top: 50%; left: 5px; margin: 0; padding: 0; margin-top: -6px; }