*{padding: 0;margin: 0;font-family: 'Hiragino Sans GB','Microsoft Yahei',"WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,'STHeiti';user-select: none;}
html, body{height: 100%;background-color: #f5f6fa;}
ul, ol, li{list-style: none;}
a{text-decoration: none;}

body{scrollbar-arrow-color: red;scrollbar-face-color: #926dde;scrollbar-3dlight-color: blue;scrollbar-highlight-color: #aaa;scrollbar-shadow-color: #926dde;scrollbar-darkshadow-color: green;scrollbar-track-color: #aaa;scrollbar-base-color: black;Cursor:url(mouse.cur);}
::-webkit-scrollbar {width: 0px;margin-right:2px;}
::-webkit-scrollbar-button {width: 2px;height: 2px;background-color: #926dde;}
::-webkit-scrollbar:horizontal {height: 2px;margin-bottom:2px;}
::-webkit-scrollbar-track {border-radius: 2px;}
::-webkit-scrollbar-track-piece {background-color: #aaa;}
::-webkit-scrollbar-thumb {width: 2px;background: #926dde;}
::-webkit-scrollbar-corner {width: 2px;background-color: #aaa;}
::-webkit-scrollbar-thumb:hover {background: #926dde;}

header .header{display: flex;align-items: center;justify-content: space-between;height: 60px;position: fixed;top: 0;right: 0;left: 0;box-shadow: 0 0 5px #f5f5f5;z-index: 9;background-color: #48b0f7;font-size: 14px;}
header .header .logo{min-width: 240px;display: flex;align-items: center;justify-content: center;height: inherit;border-right: 1px solid rgba(0, 0, 0, .02);background-color: rgba(0, 0, 0, .1);color: #fff;font-size: 18px;}
header .header .logo a{color: inherit;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
header .header .head{display: flex;align-items: flex-start;width: 100%;height: inherit;justify-content: space-between;padding: 0 20px;color: #fff;}
header .header .head .head-menu-drop{display: flex;align-items: center;height: inherit;padding: 0;cursor: pointer;}
header .header .head .head-links>li{display: inline-block;position: relative;}
header .header .head .head-links li a{display: block;padding: 0 10px;height: inherit;line-height: 60px;color: inherit;}
header .header .head .head-links li.abonement{padding: 0;min-width: 150px;}
header .header .head .head-links li.abonement:hover>a{background-color: rgba(0, 0, 0, .1);}
header .header .head .head-links li.abonement a i{transition: all .5s;}
header .header .head .head-links li.abonement:hover>a i:last-child{transform: rotate(-180deg);}
header .header .head .head-links li.abonement ol{position: absolute;color: #444;box-shadow: 0 2px 5px #eee;background-color: #fff;border-radius: 0 0 2px 2px;top: 60px;right: 0;left: 0;z-index: 8;display: none;box-sizing: border-box;overflow: hidden;}
header .header .head .head-links li.abonement:hover ol{display: block!important;}
header .header .head .head-links li.abonement ol li{height: 45px;line-height: 45px;}
header .header .head .head-links li.abonement ol li:last-child{border-top: 1px solid #f5f5f5;text-align: center;background-color: #e64340;color: #fff;}
header .header .head .head-links li.abonement ol li a{height: inherit;line-height: inherit;padding: 0 20px;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {display: none;}
aside .aside{overflow-y: scroll;padding-bottom: 200px;position: fixed;width: 240px;top: 60px;right: 0;bottom: 0;left: 0;box-shadow: 0 0 5px #f5f5f5;z-index: 98;background-color: #fff;}
aside .aside .menu{width: 100%;font-size: 14px;}
aside .aside .menu li.menu-active .menu-title{border-right: 3px solid #48b0f7;background-color: rgba(0, 153, 255, .05);}
aside .aside .menu li .menu-title a{display: block;height: 50px;line-height: 50px;padding: 0 20px;color: #4d5259;position: relative;transition: all .2s;}
aside .aside .menu li .menu-title a:hover{background-color: rgba(0, 0, 0, .01);color: #48b0f7;}
aside .aside .menu li .menu-title a span{padding: 0 10px;}
aside .aside .menu li .menu-title a span.icon{padding: 0 20px;position: absolute;top: 0;right: 0;bottom: 0;}
aside .aside .menu li .menu-title a span.icon i{transition: all .2s;}
aside .aside .menu li.menu-active .menu-title a span.icon i{transform: rotate(90deg);}
aside .aside .menu li ol{padding: 0;display: none;}
aside .aside .menu li.menu-active ol{display: block;}
aside .aside .menu li ol li a{display: flex;height: 50px;line-height: 50px;padding: 0 42px;color: #444;}
aside .aside .menu li ol li a span{padding: 0 10px;}
aside .aside .menu li ol li a:hover{background-color: rgba(0, 0, 0, .01);}
aside .aside .menu li ol li.active a{color: #48b0f7;}


main .main{padding: 80px 20px 20px 260px;box-sizing: border-box;}
footer .footer{position: fixed;bottom: 0;right: 0;z-index: 9999997;padding: 10px 0;text-align: center;font-size: 12px;color: #ccc;}
footer .footer a{color: inherit;}
/* red theme style */
[theme=red] .header{background-color: rgba(231, 76, 60, 1)!important;}
[theme=red] .header .logo{color: #fff;}
[theme=red] .header .head{color: #fff;}
[theme=red] .menu li.menu-active .menu-title{border-right-color: rgba(231, 76, 60, 1)!important;background-color: rgba(231, 76, 60, .05)!important;}
[theme=red] .menu li .menu-title a:hover{color: rgba(231, 76, 60, 1)!important;}
[theme=red] .menu li ol li.active a{color: rgba(231, 76, 60, 1)!important;}

/* yellow theme style */
[theme=yellow] .header{background-color: rgba(243, 156, 18, 1)!important;}
[theme=yellow] .header .logo{color: #fff;}
[theme=yellow] .header .head{color: #fff;}
[theme=yellow] .menu li.menu-active .menu-title{border-right-color: rgba(243, 156, 18, 1)!important;background-color: rgba(243, 156, 18, .05)!important;}
[theme=yellow] .menu li .menu-title a:hover{color: rgba(243, 156, 18, 1)!important;}
[theme=yellow] .menu li ol li.active a{color: rgba(243, 156, 18, 1)!important;}

/* green theme style */
[theme=green] .header{background-color: rgba(24, 188, 156, 1)!important;}
[theme=green] .header .logo{color: #fff;}
[theme=green] .header .head{color: #fff;}
[theme=green] .menu li.menu-active .menu-title{border-right-color: rgba(24, 188, 156, 1)!important;background-color: rgba(24, 188, 156, .05)!important;}
[theme=green] .menu li .menu-title a:hover{color: rgba(24, 188, 156, 1)!important;}
[theme=green] .menu li ol li.active a{color: rgba(24, 188, 156, 1)!important;}

[control=dropdown] .dropdown{display: none!important;}
[control=dropdown] [dropdown-status=close]{display: none!important;}
[control=dropdown] [dropdown-status=open]{display: block!important;}

[control=drop][drop-status=close] .menu-title a span.icon i{transform: rotate(0deg)!important;}
[control=drop][drop-status=open] .menu-title a span.icon i{transform: rotate(90deg)!important;}
[control=drop][drop-status=close] .drop-main{display: none!important;}
[control=drop][drop-status=open] .drop-main{display: block!important;}

/* pane style */
.pane{display: flex;justify-content: flex-start;justify-content: space-between;flex-wrap: wrap;margin: 0 0 -20px 0;}
.pane .pane-item{display: flex;align-items: center;justify-content: space-between;background-color: #48b0f7;padding: 30px 20px;box-sizing: border-box;color: #fff;width: 100%;margin: 0 0 20px 0;min-width: 200px;cursor: pointer;}
.pane .pane-item .pane-icon{width: 40%;text-align: center;}
.pane .pane-item .pane-info{width: 60%;}
.pane .pane-item .pane-info .pane-title{font-size: 12px;}
.pane .pane-item .pane-info .pane-value{font-size: 24px;}
.pane-2n .pane-item{width: 49.2%;}
.pane-3n .pane-item{width: 32.5%;}
.pane-4n .pane-item{width: 24.2%;}
.pane-5n .pane-item{width: 19.2%;}
.pane-primary{background-color: #33cabb!important;}
.pane-danger{background-color: #f96868!important;}
.pane-success{background-color: #15c377!important;}
.pane-purple{background-color: #926dde!important;}

.section{padding: 0;}
.section h4{padding: 10px 0;color: #666;font-size: 16px;font-weight: normal;}

.table{background-color: #fff;padding: 20px;}
.table .table-control{margin-top: 0px;display: flex;align-items: center;justify-content: space-between;}
.table .table-control input{height: 40px;box-sizing: border-box;outline: none;padding: 0 1em;border: 1px solid #ddd;min-width: 240px;transition: all .2s;border-radius: 2px;}
.table .table-control input:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;min-width: 320px;}
.table table.table-main{width: 100%;border-collapse:collapse;color: #4d5259;margin-top: 20px;}
.table table.table-main tr th, .table table.table-main tr td{text-align: center;border: 1px solid #fafafa;}
.table table.table-main tr th{font-size: 13px;padding: 12px 1em;border-bottom: 1px solid #eee;}
.table table.table-main tr td{font-size: 13px;padding: 10px 1em;}
.table table.table-main tr:nth-child(odd) td{background-color: #fdfdfd;}
.table table.table-main tr:hover td{background-color: #fcfcfc;}
.table table.table-main input[type=checkbox]{position: relative;}
.table table.table-main input[type=checkbox]::before{content: '';display: block;width: 16px;height: 16px;border: 2px solid #ddd;position: relative;top: -.1em;left: -.1em;box-sizing: border-box;background-color: #fff;border-radius: 2px;}
.table table.table-main input[type=checkbox]:checked::before{content: '';display: block;width: 16px;height: 16px;border: 2px solid #48b0f7;position: relative;top: -.1em;left: -.1em;box-sizing: border-box;background-color: #48b0f7;z-index: 8;}
.table table.table-main input[type=checkbox]:checked::after{content: '';display: block;width: 10px;height: 5px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;top: 2px;left: 1px;z-index: 9;transform: rotate(-45deg);border-radius: 2px;}
.table .table-pager{padding: 40px 0 20px 0;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.table .table-pager a{border: 1px solid #dee2e6;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;margin: 0 2px;color: #6c757d;border-radius: 2px;}
.table .table-pager a.active{background-color: #48b0f7;border-color: #48b0f7;color: #fff;}

.status{display: inline-block;color: #888;border: 1px solid #ddd;padding: 2px 8px;font-size: 12px;border-radius: 2px;line-height: 18px;background-color: #fff;}
.status.status-default{color: #888;}
.status.status-default:hover,
.status.status-default:focus{background-color: #fafafa;}
.status.status-default:active{background-color: #f5f5f5;}

.status.status-primary{color: #fff;border-color: #33cabb;background-color: #33cabb;}
.status.status-primary:hover,
.status.status-primary:focus{background-color: #52d3c7;border-color: #52d3c7;}
.status.status-primary:active{background-color: #2ba99d;border-color: #2ba99d;}

.status.status-success{color: #fff;border-color: #15c377;background-color: #15c377;}
.status.status-success:hover,
.status.status-success:focus{background-color: #16d17f;border-color: #16d17f;}
.status.status-success:active{background-color: #14b56f;border-color: #14b56f;}

.status.status-info{color: #fff;border-color: #48b0f7;background-color: #48b0f7;}
.status.status-info:hover,
.status.status-info:focus{background-color: #65bdf8;border-color: #65bdf8;}
.status.status-info:active{background-color: #2ba3f6;border-color: #2ba3f6;}

.status.status-warning{color: #fff;border-color: #faa64b;background-color: #faa64b;}
.status.status-warning:hover,
.status.status-warning:focus{background-color: #fbb264;border-color: #fbb264;}
.status.status-warning:active{background-color: #f99a32;border-color: #f99a32;}

.status.status-danger{color: #fff;border-color: #f96868;background-color: #f96868;}
.status.status-danger:hover,
.status.status-danger:focus{background-color: #fa8181;border-color: #fa8181;}
.status.status-danger:active{background-color: #f84f4f;border-color: #f84f4f;}

.status.status-secondary{color: #4d5259;border-color: #e4e7ea;background-color: #e4e7ea;}
.status.status-secondary:hover,
.status.status-secondary:focus{background-color: #edeff1;border-color: #edeff1;}
.status.status-secondary:active{background-color: #dbdfe3;border-color: #dbdfe3;}

.status.status-dark{color: #fff;border-color: #465161;background-color: #465161;}
.status.status-dark:hover,
.status.status-dark:focus{background-color: #515d70;border-color: #515d70;}
.status.status-dark:active{background-color: #3b4552;border-color: #3b4552;}

.status.status-purple{color: #fff;border-color: #926dde;background-color: #926dde;}
.status.status-purple:hover,
.status.status-purple:focus{background-color: #a282e3;border-color: #a282e3;}
.status.status-purple:active{background-color: #8258d9;border-color: #8258d9;}

.status.status-pink{color: #fff;border-color: #f96197;background-color: #f96197;}
.status.status-pink:hover,
.status.status-pink:focus{background-color: #fa75a4;border-color: #fa75a4;}
.status.status-pink:active{background-color: #f84d8a;border-color: #f84d8a;}

.status.status-cyan{color: #fff;border-color: #57c7d4;background-color: #57c7d4;}
.status.status-cyan:hover,
.status.status-cyan:focus{background-color: #77d2dc;border-color: #77d2dc;}
.status.status-cyan:active{background-color: #37bccc;border-color: #37bccc;}

.status.status-yellow{color: #fff;border-color: #fcc525;background-color: #fcc525;}
.status.status-yellow:hover,
.status.status-yellow:focus{background-color: #fdd04d;border-color: #fdd04d;}
.status.status-yellow:active{background-color: #f5b703;border-color: #f5b703;}

.status.status-brown{color: #fff;border-color: #8d6658;background-color: #8d6658;}
.status.status-brown:hover,
.status.status-brown:focus{background-color: #9d7162;border-color: #9d7162;}
.status.status-brown:active{background-color: #7d5b4e;border-color: #7d5b4e;}

.status.status-link{color: #48b0f7;border-color: transparent;background-color: transparent;}
.status.status-link:hover,
.status.status-link:focus{background-color: transparent;border-color: transparent;}
.status.status-link:active{background-color: transparent;border-color: transparent;}

.btn{display: inline-block;color: #888;border: 1px solid #ddd;font-size: 14px;border-radius: 2px;line-height: 22px;background-color: #fff;outline: none;cursor: pointer;padding: 8px 20px;}
.btn.btn-default{color: #888;}
.btn.btn-default:hover,
.btn.btn-default:focus{background-color: #fafafa;}
.btn.btn-default:active{background-color: #f5f5f5;}

.btn.btn-primary{color: #fff;border-color: #33cabb;background-color: #33cabb;}
.btn.btn-primary:hover,
.btn.btn-primary:focus{background-color: #52d3c7;border-color: #52d3c7;}
.btn.btn-primary:active{background-color: #2ba99d;border-color: #2ba99d;}

.btn.btn-success{color: #fff;border-color: #15c377;background-color: #15c377;}
.btn.btn-success:hover,
.btn.btn-success:focus{background-color: #16d17f;border-color: #16d17f;}
.btn.btn-success:active{background-color: #14b56f;border-color: #14b56f;}

.btn.btn-info{color: #fff;border-color: #48b0f7;background-color: #48b0f7;}
.btn.btn-info:hover,
.btn.btn-info:focus{background-color: #65bdf8;border-color: #65bdf8;}
.btn.btn-info:active{background-color: #2ba3f6;border-color: #2ba3f6;}

.btn.btn-warning{color: #fff;border-color: #faa64b;background-color: #faa64b;}
.btn.btn-warning:hover,
.btn.btn-warning:focus{background-color: #fbb264;border-color: #fbb264;}
.btn.btn-warning:active{background-color: #f99a32;border-color: #f99a32;}

.btn.btn-danger{color: #fff;border-color: #f96868;background-color: #f96868;}
.btn.btn-danger:hover,
.btn.btn-danger:focus{background-color: #fa8181;border-color: #fa8181;}
.btn.btn-danger:active{background-color: #f84f4f;border-color: #f84f4f;}

.btn.btn-secondary{color: #4d5259;border-color: #e4e7ea;background-color: #e4e7ea;}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus{background-color: #edeff1;border-color: #edeff1;}
.btn.btn-secondary:active{background-color: #dbdfe3;border-color: #dbdfe3;}

.btn.btn-dark{color: #fff;border-color: #465161;background-color: #465161;}
.btn.btn-dark:hover,
.btn.btn-dark:focus{background-color: #515d70;border-color: #515d70;}
.btn.btn-dark:active{background-color: #3b4552;border-color: #3b4552;}

.btn.btn-purple{color: #fff;border-color: #926dde;background-color: #926dde;}
.btn.btn-purple:hover,
.btn.btn-purple:focus{background-color: #a282e3;border-color: #a282e3;}
.btn.btn-purple:active{background-color: #8258d9;border-color: #8258d9;}

.btn.btn-pink{color: #fff;border-color: #f96197;background-color: #f96197;}
.btn.btn-pink:hover,
.btn.btn-pink:focus{background-color: #fa75a4;border-color: #fa75a4;}
.btn.btn-pink:active{background-color: #f84d8a;border-color: #f84d8a;}

.btn.btn-cyan{color: #fff;border-color: #57c7d4;background-color: #57c7d4;}
.btn.btn-cyan:hover,
.btn.btn-cyan:focus{background-color: #77d2dc;border-color: #77d2dc;}
.btn.btn-cyan:active{background-color: #37bccc;border-color: #37bccc;}

.btn.btn-yellow{color: #fff;border-color: #fcc525;background-color: #fcc525;}
.btn.btn-yellow:hover,
.btn.btn-yellow:focus{background-color: #fdd04d;border-color: #fdd04d;}
.btn.btn-yellow:active{background-color: #f5b703;border-color: #f5b703;}

.btn.btn-brown{color: #fff;border-color: #8d6658;background-color: #8d6658;}
.btn.btn-brown:hover,
.btn.btn-brown:focus{background-color: #9d7162;border-color: #9d7162;}
.btn.btn-brown:active{background-color: #7d5b4e;border-color: #7d5b4e;}

.btn.btn-link{color: #48b0f7;border-color: transparent;background-color: transparent;}
.btn.btn-link:hover,
.btn.btn-link:focus{background-color: transparent;border-color: transparent;}
.btn.btn-link:active{background-color: transparent;border-color: transparent;}

.btn.btn-1x{font-size: 12px;line-height: 18px;padding: 2px 10px;}
.btn.btn-2x{font-size: 13px;line-height: 20px;padding: 5px 15px;}
.btn.btn-3x{font-size: 14px;line-height: 22px;padding: 8px 18px;}
.btn.btn-4x{font-size: 15px;line-height: 24px;padding: 10px 20px;}
.btn.btn-5x{font-size: 16px;line-height: 28px;padding: 12px 24px;}

.form{background-color: #fff;padding: 0 0 20px 0;}
.form .form-header{border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;padding: 20px;}
.form .form-header .header-title{font-size: 17px;color: #4d5259;}
.form .form-item{margin-bottom: 15px;padding: 0 20px;}
.form .form-item:last-child{margin-bottom: 0;}
.form .form-item .item-title{font-size: 14px;padding: 5px 0;color: #444;}
.form .form-item .item-stratum{padding: 5px 0;}
.form .form-item .item-stratum input[type=text]{padding: 0 1em;border: 1px solid #ebebeb;height: 40px;box-sizing: border-box;outline: none;width: 100%;border-radius: 2px;transition: all .2s;}
.form .form-item .item-stratum input[type=text]:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}
.form .form-item .item-stratum input[type=number]{padding: 0 1em;border: 1px solid #ebebeb;height: 40px;box-sizing: border-box;outline: none;width: 100%;border-radius: 2px;transition: all .2s;}
.form .form-item .item-stratum input[type=number]:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}
.form .form-item .item-stratum input[type=tel]{padding: 0 1em;border: 1px solid #ebebeb;height: 40px;box-sizing: border-box;outline: none;width: 100%;border-radius: 2px;transition: all .2s;}
.form .form-item .item-stratum input[type=tel]:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}
.form .form-item .item-stratum input[type=file]{padding: 8px 1em;border: 1px solid #ebebeb;height: 40px;box-sizing: border-box;outline: none;width: 100%;border-radius: 2px;transition: all .2s;}
.form .form-item .item-stratum input[type=file]:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}
.form .form-item .item-stratum .explain{font-size: 12px;color: #888;padding: 5px 0;}
.form .form-item .item-stratum textarea{padding: 1em;border: 1px solid #ebebeb;box-sizing: border-box;outline: none;width: 100%;resize: none;border-radius: 2px;}
.form .form-item .item-stratum textarea:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}
.form .form-item .item-stratum .inp{font-size: 15px;padding: 5px 0;}
.form .form-item .item-stratum .inp label{padding-right: 10px;}
.form .form-item .item-stratum .inp input[type=radio]{position: relative;margin-right: 10px;}
.form .form-item .item-stratum .inp input[type=radio]::before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;background-color: #fff;border: 2px solid #ddd;position: relative;top: -2px;left: -2px;box-sizing: border-box;}
.form .form-item .item-stratum .inp input[type=radio]:checked::before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;background-color: #fff;border: 5px solid #48b0f7;position: relative;top: -2px;left: -2px;box-sizing: border-box;}
.form .form-item .item-stratum .inp input[type=checkbox]{position: relative;margin-right: 10px;}
.form .form-item .item-stratum .inp input[type=checkbox]::before{content: '';display: block;width: 18px;height: 18px;border-radius: 2px;background-color: #fff;border: 2px solid #ddd;position: relative;top: -2px;left: -2px;box-sizing: border-box;}
.form .form-item .item-stratum .inp input[type=checkbox]:checked::before{content: '';display: block;width: 18px;height: 18px;border-radius: 2px;background-color: #fff;border: 2px solid #48b0f7;position: relative;top: -2px;left: -2px;box-sizing: border-box;}
.form .form-item .item-stratum .inp input[type=checkbox]:checked::after{content: '';display: block;width: 10px;height: 6px;border-left: 2px solid #48b0f7;border-bottom: 2px solid #48b0f7;position: absolute;top: 3px;left: 2px;box-sizing: border-box;transform: rotate(-45deg);}
.form .form-item .item-stratum select{padding: 0 1em;border: 1px solid #ebebeb;box-sizing: border-box;outline: none;width: 100%;resize: none;border-radius: 2px;height: 40px;transition: all .2s;}
.form .form-item .item-stratum select:focus{border-color: #48b0f7;box-shadow: 0 0 5px #48b0f7;}


.tags-element-layer{border: 1px solid #ebebeb;height: 40px;display: flex;align-items: center;padding: 0 1em;}
.tags-element-layer .tags-list-layer{display: flex;align-items: center;}
.tags-element-layer .tags-list-layer .tags-item{background-color: #48b0f7;color: #fff;padding: 2px 10px;margin-right: 10px;border-radius: 2px;cursor: pointer;}
.tags-element-layer .tags-list-layer .tags-item i{font-style: normal;padding: 0 0 0 10px;}
.tags-element-layer .tags-input{border: none;outline: none;height: 40px;}

.image-list-layer{padding: 0;display: flex;align-items: center;flex-wrap: wrap;margin: 0 -10px -10px 0;}
.image-list-layer .image-layer{border: 1px dashed #48b0f7;min-width: 100px;max-width: auto;height: 100px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;top: 0;margin: 0 10px 10px 0;box-shadow: 0 0 5px rgba(204, 181, 247, .2);overflow: hidden;transition: all .2s;}
.image-list-layer .image-layer:hover{box-shadow: 0 0 5px rgba(204, 181, 247, .8);}
.image-list-layer .image-layer[image-status=icon]{border-color: #48b0f7;}
.image-list-layer .image-layer[image-status=image]{border-color: #48b0f7;}
.image-list-layer .image-layer[image-status=image]:hover{top: -5px;box-shadow: 0 5px 10px rgba(204, 181, 247, .2);}
.image-list-layer .image-layer::before{content: '+';display: inline-block;font-size: 30px;color: #48b0f7;}
.image-list-layer .image-layer[image-status=icon]::before{display: block;}
.image-list-layer .image-layer[image-status=image]::before{display: none;}
.image-list-layer .image-layer .image-show{display: flex;align-items: center;justify-content: center;background-color: #fff;height: 100px;}
.image-list-layer .image-layer .image-show img{max-width: 100%;max-height: 100%;}
.image-list-layer .image-layer .image-delete{position: absolute;top: 0;right: 10px;width: 20px;height: 20px;background-color: #e64340;border-radius: 50%;line-height: 20px;text-align: center;color: #fff;box-shadow: 0 0 5px #888;font-size: 12px;}

.slider-verification{width: 100%; padding: 2px; box-sizing: border-box; height: 50px; border: 1px solid #ddd; font-size: 12px; color: #666; position: relative; background: #f5f5f5;}
.slider-verification .tips{position: absolute; z-index: 6; color: #333; height: 30px; display: flex; align-items: center; justify-content: center; top: 50%; margin-top: -15px; width: 100%;}
.slider-verification .verification{width: 35px; height: 100%; background: linear-gradient(to right, #529991, #33cabb); position: absolute; z-index: 5; transition: add .2s;}
.slider-verification .slider{position: absolute; left: 2px; z-index: 7; width: 35px; height: 100%; background: linear-gradient(to right, #529991, #33cabb);; color: #eee; font-size: 12px; display: flex; align-items: center; justify-content: center;}
.slider-verification .slider i{transform:rotate(90deg);}