/** * layer皮肤 * Copyright (c) 2019 ruoyi */ html #layui_layer_skinmoonstylecss { display: none; position: absolute; width: 1989px; } body .layer-ext-moon[type="dialog"] { min-width: 320px; } body .layer-ext-moon-msg[type="dialog"]{min-width:200px;} body .layer-ext-moon .layui-layer-title { background: #F8F8F8; color: #333; font-size: 14px; height: 42px; line-height: 42px; border: none; } body .layer-ext-moon .layui-layer-content .layui-layer-face { height: 32px; width: 32px; top:18.5px; } body .layer-ext-moon .layui-icon-tips { background: url(default.png) no-repeat -96px 0; } body .layer-ext-moon .layui-icon-success { background: url(default.png) no-repeat -224px 0; } body .layer-ext-moon .layui-icon-error { background: url(default.png) no-repeat -192px 0; } body .layer-ext-moon .layui-icon-question { background: url(default.png) no-repeat -160px 0; } body .layer-ext-moon .layui-icon-lock { background: url(default.png) no-repeat -320px 0; } body .layer-ext-moon .layui-icon-face-cry { background: url(default.png) no-repeat -288px 0; } body .layer-ext-moon .layui-icon-face-smile { background: url(default.png) -256px 0; } body .layer-ext-moon .layui-layer-download { background: url(default.png) no-repeat -128px 0; } body .layer-ext-moon .layui-layer-setwin { top: 15px; right: 15px; } body .layer-ext-moon .layui-layer-setwin a { width: 16px; height: 16px; } body .layer-ext-moon .layui-layer-setwin .layui-layer-min cite:hover { background-color: #56abe4; } body .layer-ext-moon .layui-layer-setwin .layui-layer-max { background: url(default.png) no-repeat -80px 0; } body .layer-ext-moon .layui-layer-setwin .layui-layer-max:hover { background: url(default.png) no-repeat -64px 0; } body .layer-ext-moon .layui-layer-setwin .layui-layer-maxmin { background: url(default.png) no-repeat -32px 0; } body .layer-ext-moon .layui-layer-setwin .layui-layer-maxmin:hover { background: url(default.png) no-repeat -16px 0; } body .layer-ext-moon .layui-layer-setwin .layui-layer-close1,body .layer-ext-moon .layui-layer-setwin .layui-layer-close2, body .layui-layer-tab .layui-layer-setwin .layui-layer-close1,body .layui-layer-tab .layui-layer-setwin .layui-layer-close2 { background: url(default.png) 0 0; } body .layer-ext-moon .layui-layer-setwin .layui-layer-close1:hover,body .layer-ext-moon .layui-layer-setwin .layui-layer-close2:hover, body .layui-layer-tab .layui-layer-setwin .layui-layer-close1:hover,body .layui-layer-tab .layui-layer-setwin .layui-layer-close2:hover { background: url(default.png) -48px 0; } body .layer-ext-moon .layui-layer-padding{padding-top: 24px;} body .layer-ext-moon .layui-layer-btn { text-align: right; padding: 10px 15px 12px; background: #f0f4f7; border-top: 1px #c7c7c7 solid; } body .layer-ext-moon .layui-layer-btn a { font-size: 12px; font-weight: normal; margin: 0 3px; margin-right: 7px; margin-left: 7px; padding: 0 15px; color: #fff; border: 1px solid #0064b6; background: #0071ce; border-radius: 3px; display: inline-block; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; background-repeat: no-repeat; text-decoration: none; outline: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } body .layer-ext-moon .layui-layer-btn .layui-layer-btn0 { background: #0071ce; } body .layer-ext-moon .layui-layer-btn .layui-layer-btn1 { background: #fff; color: #404a58; border: 1px solid #c0c4cd; border-radius: 3px; } body .layer-ext-moon .layui-layer-btn .layui-layer-btn2 { background: #f60; color: #fff; border: 1px solid #f60; border-radius: 3px; } body .layer-ext-moon .layui-layer-btn .layui-layer-btn3 { background: #f00; color: #fff; border: 1px solid #f00; border-radius: 3px; } body .layer-ext-moon .layui-layer-title span.layui-layer-tabnow{ height:47px; } /** 图标字体 **/ @font-face { font-family: 'layui-icon'; src: url('../../../../../fonts/iconfont.woff?v=282') format('woff'); } .layui-icon{ font-family:"layui-icon" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* font-class */ .layui-icon-left:before{content:"\e603"} .layui-icon-right:before{content:"\e602"} .layui-icon-refresh:before{content:"\e669"} .layui-icon-slider:before{content:"\e714"} .layui-icon-add-circle:before{content:"\e61f"} .layui-icon-reduce-circle:before{content:"\e616"} .layui-icon-refresh-1:before{content:"\e666"} .layui-icon-loading:before{content:"\e63d"} .layui-icon-loading-1:before{content:"\e63e"} /** 循环旋转动画 **/ .layui-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;} .layui-anim.layui-icon{display: inline-block;} .layui-anim-loop{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .layui-trans, .layui-trans a{transition: all .2s; -webkit-transition: all .2s;} @-webkit-keyframes layui-rotate{from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}} @keyframes layui-rotate{from {transform: rotate(0deg);} to {transform: rotate(360deg);}} .layui-anim-rotate{-webkit-animation-name: layui-rotate; animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear;}