/* powered by kodbox; ver 1.43(2023-08-10 20:16:04) [build 1691669764.6869] */
 .blue-1 {
    color:#ecf6fd
}
.bg-blue-1 {
    background-color:#ecf6fd
}
.bd-blue-1 {
    border-color:#ecf6fd
}
.blue-2 {
    color:#d2eafb
}
.bg-blue-2 {
    background-color:#d2eafb
}
.bd-blue-2 {
    border-color:#d2eafb
}
.blue-3 {
    color:#add8f7
}
.bg-blue-3 {
    background-color:#add8f7
}
.bd-blue-3 {
    border-color:#add8f7
}
.blue-4 {
    color:#7ec2f3
}
.bg-blue-4 {
    background-color:#7ec2f3
}
.bd-blue-4 {
    border-color:#7ec2f3
}
.blue-5 {
    color:#49a9ee
}
.bg-blue-5 {
    background-color:#49a9ee
}
.bd-blue-5 {
    border-color:#49a9ee
}
.blue-6 {
    color:#108ee9
}
.bg-blue-6 {
    background-color:#108ee9
}
.bd-blue-6 {
    border-color:#108ee9
}
.blue-7 {
    color:#0e77ca
}
.bg-blue-7 {
    background-color:#0e77ca
}
.bd-blue-7 {
    border-color:#0e77ca
}
.blue-8 {
    color:#0c60aa
}
.bg-blue-8 {
    background-color:#0c60aa
}
.bd-blue-8 {
    border-color:#0c60aa
}
.blue-9 {
    color:#09488a
}
.bg-blue-9 {
    background-color:#09488a
}
.bd-blue-9 {
    border-color:#09488a
}
.blue-light {
    color:#d2eafb
}
.bg-blue-light {
    background-color:#d2eafb
}
.bd-blue-light {
    border-color:#d2eafb
}
.blue-normal {
    color:#108ee9
}
.bg-blue-normal {
    background-color:#108ee9
}
.bd-blue-normal {
    border-color:#108ee9
}
.blue-deep {
    color:#0c60aa
}
.bg-blue-deep {
    background-color:#0c60aa
}
.bd-blue-deep {
    border-color:#0c60aa
}
.blue-10 {
    color:#073069
}
.bg-blue-10 {
    background-color:#073069
}
.bd-blue-10 {
    border-color:#073069
}
.purple-1 {
    color:#f4f3fd
}
.bg-purple-1 {
    background-color:#f4f3fd
}
.bd-purple-1 {
    border-color:#f4f3fd
}
.purple-2 {
    color:#e4e2fa
}
.bg-purple-2 {
    background-color:#e4e2fa
}
.bd-purple-2 {
    border-color:#e4e2fa
}
.purple-3 {
    color:#cfcaf6
}
.bg-purple-3 {
    background-color:#cfcaf6
}
.bd-purple-3 {
    border-color:#cfcaf6
}
.purple-4 {
    color:#b3acf2
}
.bg-purple-4 {
    background-color:#b3acf2
}
.bd-purple-4 {
    border-color:#b3acf2
}
.purple-5 {
    color:#948aec
}
.bg-purple-5 {
    background-color:#948aec
}
.bd-purple-5 {
    border-color:#948aec
}
.purple-6 {
    color:#7265e6
}
.bg-purple-6 {
    background-color:#7265e6
}
.bd-purple-6 {
    border-color:#7265e6
}
.purple-7 {
    color:#6252cd
}
.bg-purple-7 {
    background-color:#6252cd
}
.bd-purple-7 {
    border-color:#6252cd
}
.purple-8 {
    color:#533eb4
}
.bg-purple-8 {
    background-color:#533eb4
}
.bd-purple-8 {
    border-color:#533eb4
}
.purple-9 {
    color:#42299a
}
.bg-purple-9 {
    background-color:#42299a
}
.bd-purple-9 {
    border-color:#42299a
}
.purple-10 {
    color:#321580
}
.bg-purple-10 {
    background-color:#321580
}
.bd-purple-10 {
    border-color:#321580
}
.purple-light {
    color:#e4e2fa
}
.bg-purple-light {
    background-color:#e4e2fa
}
.bd-purple-light {
    border-color:#e4e2fa
}
.purple-normal {
    color:#948aec
}
.bg-purple-normal {
    background-color:#948aec
}
.bd-purple-normal {
    border-color:#948aec
}
.purple-deep {
    color:#533eb4
}
.bg-purple-deep {
    background-color:#533eb4
}
.bd-purple-deep {
    border-color:#533eb4
}
.cyan-1 {
    color:#ebf8f9
}
.bg-cyan-1 {
    background-color:#ebf8f9
}
.bd-cyan-1 {
    border-color:#ebf8f9
}
.cyan-2 {
    color:#cfedf0
}
.bg-cyan-2 {
    background-color:#cfedf0
}
.bd-cyan-2 {
    border-color:#cfedf0
}
.cyan-3 {
    color:#a7dfe3
}
.bg-cyan-3 {
    background-color:#a7dfe3
}
.bd-cyan-3 {
    border-color:#a7dfe3
}
.cyan-4 {
    color:#76cdd3
}
.bg-cyan-4 {
    background-color:#76cdd3
}
.bd-cyan-4 {
    border-color:#76cdd3
}
.cyan-5 {
    color:#3db8c1
}
.bg-cyan-5 {
    background-color:#3db8c1
}
.bd-cyan-5 {
    border-color:#3db8c1
}
.cyan-6 {
    color:#00a2ae
}
.bg-cyan-6 {
    background-color:#00a2ae
}
.bd-cyan-6 {
    border-color:#00a2ae
}
.cyan-7 {
    color:#008997
}
.bg-cyan-7 {
    background-color:#008997
}
.bd-cyan-7 {
    border-color:#008997
}
.cyan-8 {
    color:#00707f
}
.bg-cyan-8 {
    background-color:#00707f
}
.bd-cyan-8 {
    border-color:#00707f
}
.cyan-9 {
    color:#005667
}
.bg-cyan-9 {
    background-color:#005667
}
.bd-cyan-9 {
    border-color:#005667
}
.cyan-10 {
    color:#003c4e
}
.bg-cyan-10 {
    background-color:#003c4e
}
.bd-cyan-10 {
    border-color:#003c4e
}
.cyan-light {
    color:#cfedf0
}
.bg-cyan-light {
    background-color:#cfedf0
}
.bd-cyan-light {
    border-color:#cfedf0
}
.cyan-normal {
    color:#3db8c1
}
.bg-cyan-normal {
    background-color:#3db8c1
}
.bd-cyan-normal {
    border-color:#3db8c1
}
.cyan-deep {
    color:#00707f
}
.bg-cyan-deep {
    background-color:#00707f
}
.bd-cyan-deep {
    border-color:#00707f
}
.green-1 {
    color:#ebf8f2
}
.bg-green-1 {
    background-color:#ebf8f2
}
.bd-green-1 {
    border-color:#ebf8f2
}
.green-2 {
    color:#cfefdf
}
.bg-green-2 {
    background-color:#cfefdf
}
.bd-green-2 {
    border-color:#cfefdf
}
.green-3 {
    color:#a7e1c4
}
.bg-green-3 {
    background-color:#a7e1c4
}
.bd-green-3 {
    border-color:#a7e1c4
}
.green-4 {
    color:#76d0a3
}
.bg-green-4 {
    background-color:#76d0a3
}
.bd-green-4 {
    border-color:#76d0a3
}
.green-5 {
    color:#3dbd7d
}
.bg-green-5 {
    background-color:#3dbd7d
}
.bd-green-5 {
    border-color:#3dbd7d
}
.green-6 {
    color:#00a854
}
.bg-green-6 {
    background-color:#00a854
}
.bd-green-6 {
    border-color:#00a854
}
.green-7 {
    color:#00924c
}
.bg-green-7 {
    background-color:#00924c
}
.bd-green-7 {
    border-color:#00924c
}
.green-8 {
    color:#007b43
}
.bg-green-8 {
    background-color:#007b43
}
.bd-green-8 {
    border-color:#007b43
}
.green-9 {
    color:#00643b
}
.bg-green-9 {
    background-color:#00643b
}
.bd-green-9 {
    border-color:#00643b
}
.green-10 {
    color:#004c32
}
.bg-green-10 {
    background-color:#004c32
}
.bd-green-10 {
    border-color:#004c32
}
.green-light {
    color:#a7e1c4
}
.bg-green-light {
    background-color:#a7e1c4
}
.bd-green-light {
    border-color:#a7e1c4
}
.green-normal {
    color:#3dbd7d
}
.bg-green-normal {
    background-color:#3dbd7d
}
.bd-green-normal {
    border-color:#3dbd7d
}
.green-deep {
    color:#007b43
}
.bg-green-deep {
    background-color:#007b43
}
.bd-green-deep {
    border-color:#007b43
}
.pink-1 {
    color:#feeff5
}
.bg-pink-1 {
    background-color:#feeff5
}
.bd-pink-1 {
    border-color:#feeff5
}
.pink-2 {
    color:#fdd8e7
}
.bg-pink-2 {
    background-color:#fdd8e7
}
.bd-pink-2 {
    border-color:#fdd8e7
}
.pink-3 {
    color:#fcb8d3
}
.bg-pink-3 {
    background-color:#fcb8d3
}
.bd-pink-3 {
    border-color:#fcb8d3
}
.pink-4 {
    color:#fa90ba
}
.bg-pink-4 {
    background-color:#fa90ba
}
.bd-pink-4 {
    border-color:#fa90ba
}
.pink-5 {
    color:#f7629e
}
.bg-pink-5 {
    background-color:#f7629e
}
.bd-pink-5 {
    border-color:#f7629e
}
.pink-6 {
    color:#f5317f
}
.bg-pink-6 {
    background-color:#f5317f
}
.bd-pink-6 {
    border-color:#f5317f
}
.pink-7 {
    color:#dc277d
}
.bg-pink-7 {
    background-color:#dc277d
}
.bd-pink-7 {
    border-color:#dc277d
}
.pink-8 {
    color:#c11c7b
}
.bg-pink-8 {
    background-color:#c11c7b
}
.bd-pink-8 {
    border-color:#c11c7b
}
.pink-9 {
    color:#a71278
}
.bg-pink-9 {
    background-color:#a71278
}
.bd-pink-9 {
    border-color:#a71278
}
.pink-10 {
    color:#8c0776
}
.bg-pink-10 {
    background-color:#8c0776
}
.bd-pink-10 {
    border-color:#8c0776
}
.pink-light {
    color:#fdd8e7
}
.bg-pink-light {
    background-color:#fdd8e7
}
.bd-pink-light {
    border-color:#fdd8e7
}
.pink-normal {
    color:#f7629e
}
.bg-pink-normal {
    background-color:#f7629e
}
.bd-pink-normal {
    border-color:#f7629e
}
.pink-deep {
    color:#c11c7b
}
.bg-pink-deep {
    background-color:#c11c7b
}
.bd-pink-deep {
    border-color:#c11c7b
}
.red-1 {
    color:#fef0ef
}
.bg-red-1 {
    background-color:#fef0ef
}
.bd-red-1 {
    border-color:#fef0ef
}
.red-2 {
    color:#fcdbd9
}
.bg-red-2 {
    background-color:#fcdbd9
}
.bd-red-2 {
    border-color:#fcdbd9
}
.red-3 {
    color:#fabeb9
}
.bg-red-3 {
    background-color:#fabeb9
}
.bd-red-3 {
    border-color:#fabeb9
}
.red-4 {
    color:#f79992
}
.bg-red-4 {
    background-color:#f79992
}
.bd-red-4 {
    border-color:#f79992
}
.red-5 {
    color:#f46e65
}
.bg-red-5 {
    background-color:#f46e65
}
.bd-red-5 {
    border-color:#f46e65
}
.red-6 {
    color:#f04134
}
.bg-red-6 {
    background-color:#f04134
}
.bd-red-6 {
    border-color:#f04134
}
.red-7 {
    color:#d73435
}
.bg-red-7 {
    background-color:#d73435
}
.bd-red-7 {
    border-color:#d73435
}
.red-8 {
    color:#bd2636
}
.bg-red-8 {
    background-color:#bd2636
}
.bd-red-8 {
    border-color:#bd2636
}
.red-9 {
    color:#a31837
}
.bg-red-9 {
    background-color:#a31837
}
.bd-red-9 {
    border-color:#a31837
}
.red-10 {
    color:#880a38
}
.bg-red-10 {
    background-color:#880a38
}
.bd-red-10 {
    border-color:#880a38
}
.red-light {
    color:#fcdbd9
}
.bg-red-light {
    background-color:#fcdbd9
}
.bd-red-light {
    border-color:#fcdbd9
}
.red-normal {
    color:#f46e65
}
.bg-red-normal {
    background-color:#f46e65
}
.bd-red-normal {
    border-color:#f46e65
}
.red-deep {
    color:#bd2636
}
.bg-red-deep {
    background-color:#bd2636
}
.bd-red-deep {
    border-color:#bd2636
}
.orange-1 {
    color:#fef3eb
}
.bg-orange-1 {
    background-color:#fef3eb
}
.bd-orange-1 {
    border-color:#fef3eb
}
.orange-2 {
    color:#fde3cf
}
.bg-orange-2 {
    background-color:#fde3cf
}
.bd-orange-2 {
    border-color:#fde3cf
}
.orange-3 {
    color:#fccca7
}
.bg-orange-3 {
    background-color:#fccca7
}
.bd-orange-3 {
    border-color:#fccca7
}
.orange-4 {
    color:#faaf76
}
.bg-orange-4 {
    background-color:#faaf76
}
.bd-orange-4 {
    border-color:#faaf76
}
.orange-5 {
    color:#f78e3d
}
.bg-orange-5 {
    background-color:#f78e3d
}
.bd-orange-5 {
    border-color:#f78e3d
}
.orange-6 {
    color:#f56a00
}
.bg-orange-6 {
    background-color:#f56a00
}
.bd-orange-6 {
    border-color:#f56a00
}
.orange-7 {
    color:#d75000
}
.bg-orange-7 {
    background-color:#d75000
}
.bd-orange-7 {
    border-color:#d75000
}
.orange-8 {
    color:#b93600
}
.bg-orange-8 {
    background-color:#b93600
}
.bd-orange-8 {
    border-color:#b93600
}
.orange-9 {
    color:#991b00
}
.bg-orange-9 {
    background-color:#991b00
}
.bd-orange-9 {
    border-color:#991b00
}
.orange-10 {
    color:#7a0000
}
.bg-orange-10 {
    background-color:#7a0000
}
.bd-orange-10 {
    border-color:#7a0000
}
.orange-light {
    color:#fde3cf
}
.bg-orange-light {
    background-color:#fde3cf
}
.bd-orange-light {
    border-color:#fde3cf
}
.orange-normal {
    color:#f78e3d
}
.bg-orange-normal {
    background-color:#f78e3d
}
.bd-orange-normal {
    border-color:#f78e3d
}
.orange-deep {
    color:#b93600
}
.bg-orange-deep {
    background-color:#b93600
}
.bd-orange-deep {
    border-color:#b93600
}
.yellow-1 {
    color:#fffaeb
}
.bg-yellow-1 {
    background-color:#fffaeb
}
.bd-yellow-1 {
    border-color:#fffaeb
}
.yellow-2 {
    color:#fff3cf
}
.bg-yellow-2 {
    background-color:#fff3cf
}
.bd-yellow-2 {
    border-color:#fff3cf
}
.yellow-3 {
    color:#ffe9a7
}
.bg-yellow-3 {
    background-color:#ffe9a7
}
.bd-yellow-3 {
    border-color:#ffe9a7
}
.yellow-4 {
    color:#ffdd76
}
.bg-yellow-4 {
    background-color:#ffdd76
}
.bd-yellow-4 {
    border-color:#ffdd76
}
.yellow-5 {
    color:#ffce3d
}
.bg-yellow-5 {
    background-color:#ffce3d
}
.bd-yellow-5 {
    border-color:#ffce3d
}
.yellow-6 {
    color:#ffbf00
}
.bg-yellow-6 {
    background-color:#ffbf00
}
.bd-yellow-6 {
    border-color:#ffbf00
}
.yellow-7 {
    color:#e09a00
}
.bg-yellow-7 {
    background-color:#e09a00
}
.bd-yellow-7 {
    border-color:#e09a00
}
.yellow-8 {
    color:#c17500
}
.bg-yellow-8 {
    background-color:#c17500
}
.bd-yellow-8 {
    border-color:#c17500
}
.yellow-9 {
    color:#a04f00
}
.bg-yellow-9 {
    background-color:#a04f00
}
.bd-yellow-9 {
    border-color:#a04f00
}
.yellow-10 {
    color:#802800
}
.bg-yellow-10 {
    background-color:#802800
}
.bd-yellow-10 {
    border-color:#802800
}
.yellow-light {
    color:#fff3cf
}
.bg-yellow-light {
    background-color:#fff3cf
}
.bd-yellow-light {
    border-color:#fff3cf
}
.yellow-normal {
    color:#ffce3d
}
.bg-yellow-normal {
    background-color:#ffce3d
}
.bd-yellow-normal {
    border-color:#ffce3d
}
.yellow-deep {
    color:#c17500
}
.bg-yellow-deep {
    background-color:#c17500
}
.bd-yellow-deep {
    border-color:#c17500
}
.grey-1 {
    color:#fbfbfb
}
.bg-grey-1 {
    background-color:#fbfbfb
}
.bd-grey-1 {
    border-color:#fbfbfb
}
.grey-2 {
    color:#f7f7f7
}
.bg-grey-2 {
    background-color:#f7f7f7
}
.bd-grey-2 {
    border-color:#f7f7f7
}
.grey-3 {
    color:#f5f5f5
}
.bg-grey-3 {
    background-color:#f5f5f5
}
.bd-grey-3 {
    border-color:#f5f5f5
}
.grey-4 {
    color:#e9e9e9
}
.bg-grey-4 {
    background-color:#e9e9e9
}
.bd-grey-4 {
    border-color:#e9e9e9
}
.grey-5 {
    color:#d9d9d9
}
.bg-grey-5 {
    background-color:#d9d9d9
}
.bd-grey-5 {
    border-color:#d9d9d9
}
.grey-6 {
    color:#bfbfbf
}
.bg-grey-6 {
    background-color:#bfbfbf
}
.bd-grey-6 {
    border-color:#bfbfbf
}
.grey-7 {
    color:#919191
}
.bg-grey-7 {
    background-color:#919191
}
.bd-grey-7 {
    border-color:#919191
}
.grey-8 {
    color:#5a5a5a
}
.bg-grey-8 {
    background-color:#5a5a5a
}
.bd-grey-8 {
    border-color:#5a5a5a
}
.grey-9 {
    color:#404040
}
.bg-grey-9 {
    background-color:#404040
}
.bd-grey-9 {
    border-color:#404040
}
.grey-10 {
    color:#222
}
.bg-grey-10 {
    background-color:#222
}
.bd-grey-10 {
    border-color:#222
}
.grey-light {
    color:#f7f7f7
}
.bg-grey-light {
    background-color:#f7f7f7
}
.bd-grey-light {
    border-color:#f7f7f7
}
.grey-normal {
    color:#bfbfbf
}
.bg-grey-normal {
    background-color:#bfbfbf
}
.bd-grey-normal {
    border-color:#bfbfbf
}
.grey-deep {
    color:#5a5a5a
}
.bg-grey-deep {
    background-color:#5a5a5a
}
.bd-grey-deep {
    border-color:#5a5a5a
}
.label {
    font-weight:400;
    font-size:1em;
    display:inline-block;
    padding:.25em .5em .3em
}
.label.circle {
    border-radius:1em
}
.label-blue-deep {
    background:#0c60aa;
    border-color:#094a84;
    color:#fff
}
.label-blue-normal {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.label-blue-light {
    background:#d2eafb;
    border-color:#add9f8;
    color:#108ee9
}
.label-purple-deep {
    background:#533eb4;
    border-color:#453496;
    color:#fff
}
.label-purple-normal {
    background:#948aec;
    border-color:#7467e6;
    color:#fff
}
.label-purple-light {
    background:#e4e2fa;
    border-color:#c4bff4;
    color:#533eb4
}
.label-cyan-deep {
    background:#00707f;
    border-color:#004c56;
    color:#fff
}
.label-cyan-normal {
    background:#3db8c1;
    border-color:#339aa2;
    color:#fff
}
.label-cyan-light {
    background:#cfedf0;
    border-color:#b0e1e6;
    color:#00707f
}
.label-green-deep {
    background:#007b43;
    border-color:#00522d;
    color:#fff
}
.label-green-normal {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.label-green-light {
    background:#a7e1c4;
    border-color:#89d7b0;
    color:#007b43
}
.label-pink-deep {
    background:#c11c7b;
    border-color:#9d1764;
    color:#fff
}
.label-pink-normal {
    background:#f7629e;
    border-color:#f53b86;
    color:#fff
}
.label-pink-light {
    background:#fdd8e7;
    border-color:#fbb1cf;
    color:#c11c7b
}
.label-red-deep {
    background:#bd2636;
    border-color:#9b1f2c;
    color:#fff
}
.label-red-normal {
    background:#f46e65;
    border-color:#f14a3f;
    color:#fff
}
.label-red-light {
    background:#fcdbd9;
    border-color:#f9b7b3;
    color:#bd2636
}
.label-orange-deep {
    background:#b93600;
    border-color:#902a00;
    color:#fff
}
.label-orange-normal {
    background:#f78e3d;
    border-color:#f57716;
    color:#fff
}
.label-orange-light {
    background:#fde3cf;
    border-color:#fbcca8;
    color:#b93600
}
.label-yellow-deep {
    background:#c17500;
    border-color:#985c00;
    color:#fff
}
.label-yellow-normal {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.label-yellow-light {
    background:#fff3cf;
    border-color:#ffe9a6;
    color:#c17500
}
.label-grey-deep {
    background:#5a5a5a;
    border-color:#464646;
    color:#fff
}
.label-grey-normal {
    background:#bfbfbf;
    border-color:#ababab;
    color:#fff
}
.label-grey-light {
    background:#f7f7f7;
    border-color:#e3e3e3;
    color:#5a5a5a
}
.border-circle {
    border-radius:2em
}
.x-tag-label.label.label-mutil:after {
    content:"";
    width:inherit;
    height:inherit;
    background:inherit;
    border:inherit;
    display:inline-block;
    position:absolute;
    left:0;
    border-radius:50%;
    opacity:.5;
    margin-top:-1px;
    margin-left:4px
}
.info-alert {
    border-radius:3px;
    line-height:1.6em;
    margin:0 auto;
    padding:5px 4px;
    font-style:normal;
    text-align:center;
    background:#e6f7ff;
    border:1px solid #cbecff;
    color:#798e9a
}
.info-alert .info-alert {
    background-color:rgba(0, 0, 0, 0.05) !important
}
.info-alert.info-alert-grey, .info-alert.info-alert-normal {
    background:#fafafa;
    border-color:#eee;
    color:#888
}
.info-alert.info-alert-yellow, .info-alert.info-alert-warning {
    background:#fffbe6;
    border-color:#f5edc3;
    color:#96883c
}
.info-alert.info-alert-green, .info-alert.info-alert-success {
    background:#f6ffed;
    border-color:#b7eb8f;
    color:#758c6c
}
.info-alert.info-alert-blue, .info-alert.info-alert-primary {
    background:#e6f7ff;
    border-color:#cbecff;
    color:#798e9a
}
.info-alert.info-alert-red, .info-alert.info-alert-error {
    background:#fff1f0;
    border-color:#ffa39e;
    color:#b58886
}
button, .btn, .kui-btn {
    white-space:nowrap;
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
    cursor:pointer;
    outline:none;
    user-select:none;
    transition:all .16s
}
button[disabled], .btn[disabled], .kui-btn[disabled], input[disabled] {
    cursor:not-allowed;
    opacity:.6
}
.kui-btn {
    padding:.4em 1.2em;
    display:inline-block;
    line-height:1.2;
    border-radius:.2em;
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
    text-decoration:none;
    color:#777;
    border:1px solid #ddd;
    background:#fefefe
}
.kui-btn:hover, .kui-btn:focus {
    text-decoration:none
}
.kui-btn:hover {
    background:#eee;
    border-color:#ddd;
    color:#777
}
.kui-btn:active, .kui-btn:focus {
    background:#ddd;
    box-shadow:0 0 0 .25em rgba(0, 0, 0, 0.05)
}
.kui-btn.btn-radius {
    border-radius:3em
}
.kui-btn .font-icon {
    font-weight:200;
    line-height:0;
    display:inline-block;
    text-shadow:none;
    opacity:.7;
    position:relative;
    top:-0.05em
}
.kui-btn.btn-lg {
    padding:1em 2em
}
.kui-btn.btn-sm {
    padding:.3em .8em
}
.kui-btn.btn-xs {
    padding:.2em .4em
}
.kui-btn-default, .kui-btn-blue {
    color:#fff;
    border:1px solid #007cee;
    background:#1890ff
}
.kui-btn-default:hover, .kui-btn-blue:hover {
    background:#007cee;
    border-color:#0069cb;
    color:#fff
}
.kui-btn-default:active, .kui-btn-blue:active, .kui-btn-default:focus, .kui-btn-blue:focus {
    background:#0069cb;
    border-color:#005cb1;
    box-shadow:0 0 0 .2em rgba(24, 144, 255, 0.2)
}
.kui-btn-success, .kui-btn-green {
    color:#fff;
    border:1px solid #529d2e;
    background:#63bd37
}
.kui-btn-success:hover, .kui-btn-green:hover {
    background:#529d2e;
    border-color:#448226;
    color:#fff
}
.kui-btn-success:active, .kui-btn-green:active, .kui-btn-success:focus, .kui-btn-green:focus {
    background:#448226;
    border-color:#3a6e20;
    box-shadow:0 0 0 .2em rgba(99, 189, 55, 0.2)
}
.kui-btn-error, .kui-btn-red {
    color:#fff;
    border:1px solid #ff2427;
    background:#ff4d4f
}
.kui-btn-error:hover, .kui-btn-red:hover {
    background:#ff2427;
    border-color:#ff0003;
    color:#fff
}
.kui-btn-error:active, .kui-btn-red:active, .kui-btn-error:focus, .kui-btn-red:focus {
    background:#ff0003;
    border-color:#e60003;
    box-shadow:0 0 0 .2em rgba(255, 77, 79, 0.2)
}
.kui-btn-warning, .kui-btn-yellow {
    color:#fff;
    border:1px solid #e09705;
    background:#faad14
}
.kui-btn-warning:hover, .kui-btn-yellow:hover {
    background:#e09705;
    border-color:#bd7f04;
    color:#fff
}
.kui-btn-warning:active, .kui-btn-yellow:active, .kui-btn-warning:focus, .kui-btn-yellow:focus {
    background:#bd7f04;
    border-color:#a46f04;
    box-shadow:0 0 0 .2em rgba(250, 173, 20, 0.2)
}
.kui-btn-normal, .kui-btn-grey {
    color:#777;
    border:1px solid #ddd;
    background:#fefefe
}
.kui-btn-normal:hover, .kui-btn-grey:hover {
    background:#eee;
    border-color:#ddd;
    color:#777
}
.kui-btn-normal:active, .kui-btn-grey:active, .kui-btn-normal:focus, .kui-btn-grey:focus {
    background:#ddd;
    box-shadow:0 0 0 .25em rgba(0, 0, 0, 0.05)
}
.kui-btn-group>.kui-btn {
    border-radius:0;
    margin-left:-5px
}
.kui-btn-group>.kui-btn:first-child, .kui-btn-group>.kui-btn.first {
    border-radius:.2em 0 0 .2em;
    margin-left:0px
}
.kui-btn-group>.kui-btn:last-child, .kui-btn-group>.kui-btn.last {
    border-radius:0 .2em .2em 0
}
.btn {
    padding:6px 14px;
    border-radius:3px
}
.btn:focus {
    outline:none
}
.btn.btn-default .font-icon {
    color:#999;
    vertical-align:text-bottom
}
.btn.btn-default:active, .btn.btn-default.active {
    border-color:#ADADAD;
    color:#888
}
.btn.btn-left {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn.btn-middle {
    border-radius:0
}
.btn.btn-right {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn.btn-lg {
    padding:10px 16px;
    font-size:1.5em;
    line-height:1.33
}
.btn.btn-normal {
    padding:4px 12px
}
.btn.btn-sm {
    padding:2px 10px;
    font-size:.95em
}
.btn.btn-xs {
    padding:1px 5px;
    font-size:.9em;
    line-height:1.5
}
.btn.btn-active {
    background:#63acff !important;
    border-color:#4fa1ff !important;
    border-bottom-color:#449cff !important;
    z-index:100;
    text-shadow:none;
    color:#fff !important;
    background-image:none !important;
    background-image:-webkit-linear-gradient(to bottom, #8cc2ff 0, #63acff 100%) !important;
    background-image:-moz-linear-gradient(to bottom, #8cc2ff 0, #63acff 100%) !important;
    background-image:-o-linear-gradient(to bottom, #8cc2ff 0, #63acff 100%) !important;
    background-image:-ms-linear-gradient(to bottom, #8cc2ff 0, #63acff 100%) !important;
    background-image:linear-gradient(to bottom, #8cc2ff 0, #63acff 100%) !important
}
.btn.btn-active .font-icon {
    color:#fff
}
.btn.btn-active:hover, .btn.btn-active:active {
    background:#3a96ff !important;
    border-color:#268bff !important;
    border-bottom-color:#1c86ff !important;
    z-index:100;
    text-shadow:none;
    color:#fff !important;
    background-image:none !important;
    background-image:-webkit-linear-gradient(to bottom, #63acff 0, #3a96ff 100%) !important;
    background-image:-moz-linear-gradient(to bottom, #63acff 0, #3a96ff 100%) !important;
    background-image:-o-linear-gradient(to bottom, #63acff 0, #3a96ff 100%) !important;
    background-image:-ms-linear-gradient(to bottom, #63acff 0, #3a96ff 100%) !important;
    background-image:linear-gradient(to bottom, #63acff 0, #3a96ff 100%) !important
}
.btn.btn-active:hover .font-icon, .btn.btn-active:active .font-icon {
    color:#fff
}
.btn, .btn-group>.btn, .btn-group-sm>.btn {
    border-radius:0px;
    background-image:none
}
.btn.btn-radius, .btn-group>.btn.btn-radius, .btn-group-sm>.btn.btn-radius {
    border-radius:4px
}
.btn.btn-default, .btn-group>.btn.btn-default, .btn-group-sm>.btn.btn-default {
    border-color:#ddd
}
.btn.btn-default:hover, .btn-group>.btn.btn-default:hover, .btn-group-sm>.btn.btn-default:hover {
    background-color:#e4f8ff;
    border-color:#aedaff
}
.btn.btn-default:focus, .btn-group>.btn.btn-default:focus, .btn-group-sm>.btn.btn-default:focus, .btn.btn-default:active, .btn-group>.btn.btn-default:active, .btn-group-sm>.btn.btn-default:active, .btn.btn-default.active, .btn-group>.btn.btn-default.active, .btn-group-sm>.btn.btn-default.active {
    color:#365f80;
    background-color:#e4f8ff;
    border-color:#93cfff
}
.btn-group.disabled {
    opacity:.6;
    filter:alpha(opacity=60)
}
.btn-group.btn-group-segment {
    margin-left:1px
}
.btn-group.btn-group-segment .btn {
    margin-left:-1px;
    margin-bottom:3px
}
.btn-group.btn-group-segment>.btn.btn-default {
    border-radius:0;
    box-shadow:none;
    height:100%;
    line-height:16px;
    padding:5px .8em;
    border-color:#ddd;
    z-index:0
}
.btn-group.btn-group-segment>.btn.btn-default .font-icon {
    text-align:left;
    width:1em;
    padding-right:3px;
    font-size:1.4em;
    line-height:.9em
}
.btn-group.btn-group-segment>.btn.btn-default.btn-active, .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    border-color:#1890ff !important;
    background:#1890ff !important;
    border-left-color:#0084fe !important;
    border-right-color:#0084fe !important;
    position:relative;
    z-index:2;
    color:#fff
}
.btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon, .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color:#fff
}
.btn-group.btn-group-segment>.btn.btn-default:focus {
    box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1)
}
.btn-group.btn-group-segment>.btn.btn-default:hover, .btn-group.btn-group-segment>.btn.btn-default:active {
    background-color:#e4f2ff;
    border-color:#7ec1ff;
    color:#1890ff;
    z-index:1;
    text-decoration:none
}
.btn-group.btn-group-segment>.btn.btn-default:hover .font-icon, .btn-group.btn-group-segment>.btn.btn-default:active .font-icon {
    color:#1890ff
}
.btn-group.btn-group-segment>.btn:first-child:not(:last-child) {
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.btn-group.btn-group-segment>.btn:last-child:not(:first-child) {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
body {
    font-size:13px;
    color:#444;
    padding:0px;
    margin:0px;
    font-family:"Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
textarea, input, button, pre, p, .can-select {
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text
}
textarea, input, button, pre, p {
    font-family:"Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing:antialiased
}
input[type="text"], input[type="password"], input[type="number"], textarea {
    -webkit-appearance:none;
    appearance:none;
    padding:1px;
    border-radius:0
}
blockquote {
    padding:10px 20px;
    margin:0 0 20px 1em;
    border-left:10px solid #eee;
    background:#f6f6f6
}
blockquote p {
    font-size:1em;
    margin:0px
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:"Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing:antialiased
}
pre, code {
    tab-size:4;
    border:none;
    border-radius:0;
    font-family:Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}
label {
    font-weight:normal
}
table {
    border-collapse:collapse
}
a {
    color:#40a9ff;
    text-decoration:none
}
a:hover, a:active, a:focus {
    color:#1890ff;
    border-color:#1890ff
}
a:focus {
    outline:none !important
}
::-webkit-scrollbar-track-piece {
    background-color:rgba(180, 180, 180, 0.06);
    border-radius:3px
}
::-webkit-scrollbar {
    width:10px;
    height:10px
}
::-webkit-scrollbar-thumb {
    background-color:rgba(180, 180, 180, 0.2);
    border-radius:12px;
    background-clip:padding-box;
    border:1px solid rgba(180, 180, 180, 0.4);
    min-height:28px
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(180, 180, 180, 0.4);
    border:1px solid rgba(180, 180, 180, 0.7)
}
::placeholder {
    opacity:.4
}
[link-href], a {
    cursor:pointer
}
.can-select {
    -khtml-user-select:text !important;
    -webkit-user-select:text !important;
    -moz-user-select:text !important;
    -ms-user-select:text !important;
    -o-user-select:text !important;
    user-select:text !important;
    -webkit-touch-callout:text !important;
    -moz-touch-callout:text !important;
    -ms-touch-callout:text !important;
    touch-callout:text !important
}
.can-not-select {
    -khtml-user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    -o-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -moz-touch-callout:none !important;
    -ms-touch-callout:none !important;
    touch-callout:none !important
}
.after-clear:after {
    clear:both;
    float:none;
    content:"";
    display:block
}
*, *:before, *:after {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
*:focus {
    outline:none
}
.fl {
    float:left
}
.fl-left {
    float:left
}
.fl-right {
    float:right
}
.disable, .disabled {
    cursor:not-allowed;
    opacity:.6
}
.disable-event {
    cursor:not-allowed;
    pointer-events:none;
    opacity:.6
}
.btn, .kui-btn, button {
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.form-box.disable-event {
    opacity:.6
}
.clear {
    clear:both
}
.hidden {
    display:none
}
.border-radius-none {
    border-radius:0 !important
}
.font-normal {
    font-weight:800
}
.font-bold, .bold {
    font-weight:800
}
.font-400 {
    font-weight:400
}
.font-800 {
    font-weight:800
}
.size12 {
    font-size:12px
}
.size14 {
    font-size:14px
}
.size15 {
    font-size:15px
}
.size16 {
    font-size:16px
}
.size18 {
    font-size:18px
}
.size20 {
    font-size:20px
}
.size22 {
    font-size:22px
}
.align-left {
    text-align:left
}
.align-center {
    text-align:center
}
.align-right {
    text-align:right
}
.no-animate {
    -ms-transition:none !important;
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    transition:none !important
}
.translation-fast {
    -ms-transition:all .168s ease-in-out;
    -webkit-transition:all .168s ease-in-out;
    -moz-transition:all .168s ease-in-out;
    -o-transition:all .168s ease-in-out;
    transition:all .168s ease-in-out
}
.translation-normal {
    -ms-transition:all .25s ease-in-out;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
}
.translation-slow {
    -ms-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.translation-100 {
    -ms-transition:all .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.translation-150 {
    -ms-transition:all .15s ease-in-out;
    -webkit-transition:all .15s ease-in-out;
    -moz-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
.translation-200 {
    -ms-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.translation-300 {
    -ms-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.translation-500 {
    -ms-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.translation-1000 {
    -ms-transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
.opacity-hidden {
    opacity:.001 !important;
    visibility:hidden
}
.h1, h1 {
    font-size:2.2em
}
.h2, h2 {
    font-size:1.8em
}
.h3, h3 {
    font-size:1.4em
}
.h4, h4 {
    font-size:1.2em
}
.h5, h5 {
    font-size:1.1em
}
.ps__rail-x, .ps__rail-y {
    z-index:100
}
.info-alert li {
    list-style:none
}
.info-alert li:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f186";
    opacity:.6;
    display:inline-block;
    width:1.5em;
    text-align:left;
    font-size:.85em;
    position:relative;
    top:-0.1em
}
body>div>svg, .div-temp {
    position:fixed;
    left:200%;
    top:200%
}
.frame-fullscreen {
    position:fixed;
    z-index:99999999;
    left:0;
    top:0
}
.font-icon {
    font-style:normal;
    vertical-align:middle;
    text-align:center;
    line-height:1em;
    font-size:1.3em;
    width:1.2em
}
.dragMaskView {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:888;
    background:#fff;
    opacity:.01;
    filter:alpha(opacity=1);
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.content-box .ace_cjk {
    width:1em !important
}
.content-box .ace_static_highlight {
    font-size:1.15em
}
.aui-buttons button {
    font-size:1em;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.aui-title span {
    position:absolute;
    width:80%;
    overflow:hidden;
    height:30px;
    word-break:break-word;
    text-overflow:ellipsis;
    white-space:nowrap
}
.less-error-message {
    display:none
}
[class^="icon-"], [class*=" icon-"] {
    background-image:auto
}
.btn-default {
    color:#444
}
.btn-group-sm>.btn {
    padding:4px 10px;
    line-height:1em;
    font-size:1em
}
.btn-group-normal>.btn {
    padding:5px 15px
}
.char-space {
    float:none !important;
    position:relative !important;
    display:inline !important
}
.char-space:before {
    content:" "
}
body[kod-lang="ja"], body[kod-lang="ko"], body[kod-lang="zh-TW"], body[kod-lang="zh-CN"] .char-space:before {
    content:""
}
.dropdown-menu {
    left:auto;
    right:0px;
    border-radius:4px;
    border:1px solid rgba(0, 0, 0, 0.05);
    box-shadow:0 4px 30px rgba(0, 0, 0, 0.15);
    font-size:1em;
    max-height:460px;
    margin-top:0;
    user-select:none
}
.dropdown-menu .font-icon {
    display:inline-block;
    padding-right:.3em;
    vertical-align:text-bottom;
    line-height:15px
}
.dropdown-menu.dropdown-menu-left {
    left:0;
    right:auto
}
.dropdown-menu.dropdown-menu-left:after {
    left:8px;
    right:auto
}
.dropdown-menu.dropdown-menu-left:before {
    left:7px;
    right:auto
}
.dropdown-menu>li>a:hover, .dropdown-menu .this a, .dropdown-menu>li>a:focus {
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    background-image:none;
    filter:none;
    background:#63acff;
    color:#fff
}
.dropdown-menu>li>a {
    font-weight:inherit;
    color:#666;
    padding:5px 15px
}
.dropdown-menu>li>a .font-icon {
    opacity:.8
}
.dropdown-menu:after {
    content:'';
    display:inline-block;
    border-left:6px solid rgba(0, 0, 0, 0);
    border-right:6px solid rgba(0, 0, 0, 0);
    border-bottom:6px solid #FFF;
    position:absolute;
    top:-6px;
    right:8px
}
.dropdown-menu:before {
    content:'';
    left:auto;
    right:12px;
    display:inline-block;
    position:absolute;
    border-left:7px solid rgba(0, 0, 0, 0);
    border-right:7px solid rgba(0, 0, 0, 0);
    top:-7px;
    border-bottom:7px solid #CCC;
    border-bottom-color:rgba(0, 0, 0, 0.1);
    right:7px
}
.dropdown-menu.pull-left:after {
    right:auto;
    left:10px
}
.dropdown-menu.pull-left:before {
    right:auto;
    left:9px
}
.dropdown-menu.menu-top:after {
    content:'';
    display:inline-block;
    border-left:6px solid rgba(0, 0, 0, 0);
    top:inherit;
    border-right:6px solid rgba(0, 0, 0, 0);
    border-top:6px solid #FFF;
    border-bottom:none;
    position:absolute;
    bottom:-6px;
    right:10px
}
.dropdown-menu.menu-top:before {
    content:'';
    left:auto;
    right:12px;
    display:inline-block;
    position:absolute;
    border-bottom:none;
    border-left:7px solid rgba(0, 0, 0, 0);
    border-right:7px solid rgba(0, 0, 0, 0);
    bottom:-7px;
    border-top:7px solid #CCC;
    border-top-color:rgba(0, 0, 0, 0.2);
    right:9px;
    top:inherit
}
.dropdown-menu .divider {
    margin:.3em 0
}
.open>.dropdown-menu {
    display:inline-block
}
body .context-menu-list .context-menu-item.hover {
    background:#63acff
}
body .aui-outer {
    *border:1px solid #7dbaff;
    border:1px solid #7dbaff \0/IE9;
    border:1px solid #7dbaff
}
input {
    border:1px solid #ddd;
    background:#fff;
    outline:none
}
input[type="radio"], input[type="checkbox"] {
    border:none;
    background:none
}
.maskViewContent .upload-tips {
    text-align:center
}
.maskViewContent .upload-tips .font-icon {
    opacity:.8
}
.maskViewContent .upload-tips .font-icon.cloud2 {
    font-size:180px
}
.maskViewContent .upload-tips .font-icon.cloud1, .maskViewContent .upload-tips .font-icon.cloud3 {
    position:absolute;
    opacity:.6
}
.maskViewContent .upload-tips .font-icon.cloud1 {
    margin-left:-60px;
    margin-top:100px;
    -webkit-animation:moveLeftLoop 5s infinite ease-in-out;
    animation:moveLeftLoop 5s infinite ease-in-out
}
.maskViewContent .upload-tips .font-icon.cloud3 {
    margin-left:-80px;
    margin-top:80px;
    font-size:60px;
    animation-delay:3s;
    -webkit-animation-delay:3s;
    -webkit-animation:moveLeftLoop 7s infinite ease-in-out;
    animation:moveLeftLoop 7s infinite ease-in-out
}
.maskViewContent .upload-tips .cloud-moveup {
    height:70px
}
.maskViewContent .upload-tips .cloud-moveup i {
    position:absolute;
    margin-left:-23px;
    margin-top:-16px
}
body#page-desktop .topbar .content .topbar-menu {
    border-color:rgba(255, 255, 255, 0.01)
}
.full-background {
    position:absolute;
    overflow:hidden;
    z-index:0
}
.aero:before {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    content:'';
    -webkit-filter:blur(4px) brightness(1);
    filter:blur(4px) brightness(1);
    clip-path:inset(0)
}
.aero:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-2;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    clip-path:inset(0)
}
.init-loading {
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-52px;
    margin-top:-45px;
    font-size:1.25em;
    z-index:999999;
    width:auto
}
.init-loading div {
    padding:20px;
    background:#fff;
    opacity:.6;
    filter:alpha(opacity=60);
    margin:0 auto;
    color:#FFF;
    border-radius:6px;
    text-align:center;
    line-height:50px
}
.init-loading img {
    border-radius:10px
}
.space-info-bar {
    width:110px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.space-info-bar .space-process {
    width:110px;
    height:6px;
    overflow:hidden;
    background-color:#ddd;
    margin:0px;
    border-radius:5px
}
.space-info-bar .space-process .space-process-use {
    width:20%;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    height:100%;
    background-color:#428bca;
    border-radius:5px
}
.space-info-bar .space-process .space-process-use.warning {
    background-color:#f00 !important
}
.appbox {
    overflow:hidden;
    padding:0px 10px 0 0
}
.appbox .appline {
    width:100%;
    margin-bottom:10px;
    line-height:20px;
    overflow:hidden
}
.appbox .appline .left {
    float:left;
    width:80px;
    text-align:right;
    padding-right:14px
}
.appbox .appline .right {
    float:left
}
.appbox .appline input {
    margin-right:5px
}
.appbox .appline label {
    display:inline-block;
    margin-left:-10px;
    padding:0 5px
}
.appbox .appline input[type=text], .appbox .appline textarea {
    width:275px;
    padding:0px 5px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    height:28px;
    border-radius:3px
}
.appbox .appline input[type=text]:hover, .appbox .appline textarea:hover, .appbox .appline input[type=text]:active, .appbox .appline textarea:active {
    border-color:#75A1F0
}
.appbox .appline input[type=text]:focus, .appbox .appline textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.appbox .appline input[type=text].disabled, .appbox .appline textarea.disabled, .appbox .appline input[type=text][readonly='true'], .appbox .appline textarea[readonly='true'], .appbox .appline input[type=text][readonly='readonly'], .appbox .appline textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.appbox .appline input[type=text].disabled:hover, .appbox .appline textarea.disabled:hover, .appbox .appline input[type=text][readonly='true']:hover, .appbox .appline textarea[readonly='true']:hover, .appbox .appline input[type=text][readonly='readonly']:hover, .appbox .appline textarea[readonly='readonly']:hover, .appbox .appline input[type=text].disabled:active, .appbox .appline textarea.disabled:active, .appbox .appline input[type=text][readonly='true']:active, .appbox .appline textarea[readonly='true']:active, .appbox .appline input[type=text][readonly='readonly']:active, .appbox .appline textarea[readonly='readonly']:active {
    border-color:#ddd
}
.appbox .appline input[type=text].disabled:focus, .appbox .appline textarea.disabled:focus, .appbox .appline input[type=text][readonly='true']:focus, .appbox .appline textarea[readonly='true']:focus, .appbox .appline input[type=text][readonly='readonly']:focus, .appbox .appline textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.appbox .appline input[type=text].w30 {
    width:50px
}
.appbox .appline input[type=text].w20 {
    width:30px
}
.appbox .appline textarea {
    height:100px
}
.appbox .appline.icon input {
    width:232px
}
.appbox .appline.icon a {
    padding:2px 4px;
    top:0px;
    border:1px solid #CCC
}
.appbox .appline.icon .open {
    margin-left:-12px;
    cursor:pointer;
    margin-top:-4px;
    font-size:14px;
    padding:3px 1em 4px 1em
}
.appbox .appline.icon a img {
    width:20px;
    height:20px
}
.dropdown-menu.menu-topbar-user {
    right:6px
}
.version-vip {
    height:18px;
    line-height:18px;
    display:inline-block;
    padding-right:1em;
    color:#eee;
    background:#bbb;
    cursor:pointer
}
.version-vip.vip-1 {
    color:#bdeaff;
    background:#03a9f4
}
.version-vip.vip-2 {
    color:#ea9df7;
    background:#9c27b0
}
.version-vip.vip-3, .version-vip.vip-4, .version-vip.vip-5, .version-vip.vip-6 {
    color:#fff;
    background:#ffc107
}
.version-vip:hover, .version-vip:active, .version-vip:focus {
    opacity:.9;
    filter:alpha(opacity=90);
    text-decoration:none
}
.admin-setting-page .tab-group .version-vip {
    position:absolute;
    opacity:.8;
    right:0px;
    bottom:5px;
    z-index:10
}
.version-license {
    width:250px;
    height:250px;
    overflow:hidden;
    position:absolute;
    z-index:9999;
    pointer-events:none;
    top:0px;
    left:0px
}
.version-license a.line {
    position:absolute;
    pointer-events:all;
    width:300px;
    height:60px;
    line-height:60px;
    left:-70px;
    top:40px;
    font-size:20px;
    background:#FF9800;
    background:linear-gradient(to top left, #FF9800, #FF5722);
    text-decoration:none;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -ms-transition:all .2;
    -webkit-transition:all .2;
    -moz-transition:all .2;
    -o-transition:all .2;
    transition:all .2;
    text-align:center;
    color:#fff;
    opacity:.9;
    filter:alpha(opacity=90)
}
.version-license a.line:hover, .version-license a.line:active, .version-license a.line:focus {
    opacity:.7;
    filter:alpha(opacity=70)
}
.dialog-copyright {
    width:400px !important
}
.dialog-copyright, .check-version-dialog {
    min-width:425px
}
.dialog-copyright.artDialog.dialog-simple .aui-outer, .check-version-dialog.artDialog.dialog-simple .aui-outer {
    overflow:inherit;
    box-shadow:0 0 60px rgba(0, 0, 0, 0.4);
    border-radius:5px;
    border:none
}
.dialog-copyright.artDialog.dialog-simple .aui-outer, .check-version-dialog.artDialog.dialog-simple .aui-outer, .dialog-copyright.artDialog.dialog-simple .aui-outer.dialog-mouse-in, .check-version-dialog.artDialog.dialog-simple .aui-outer.dialog-mouse-in {
    border:none
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-main, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-main, .dialog-copyright.artDialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main, .check-version-dialog.artDialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main {
    border:none
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-header, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-header, .dialog-copyright.artDialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header, .check-version-dialog.artDialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header {
    border:none
}
.dialog-copyright.artDialog.dialog-simple .aui-header, .check-version-dialog.artDialog.dialog-simple .aui-header {
    background:transparent;
    opacity:1;
    filter:alpha(opacity=100);
    border:none
}
.dialog-copyright.artDialog.dialog-simple .aui-inner, .check-version-dialog.artDialog.dialog-simple .aui-inner {
    border:none;
    background:none
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-title, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-title {
    opacity:.01;
    filter:alpha(opacity=1);
    top:0px;
    position:absolute;
    width:100%;
    height:40px;
    z-index:5;
    box-sizing:border-box
}
.dialog-copyright.artDialog.dialog-simple .aui-min, .check-version-dialog.artDialog.dialog-simple .aui-min, .dialog-copyright.artDialog.dialog-simple .aui-max, .check-version-dialog.artDialog.dialog-simple .aui-max {
    display:none
}
.dialog-copyright.artDialog.dialog-simple .aui-title-bar, .check-version-dialog.artDialog.dialog-simple .aui-title-bar {
    bottom:0px;
    overflow:hidden;
    height:50px;
    position:absolute;
    margin-top:-120px;
    top:120px;
    margin-left:0px;
    border-radius:4px
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close {
    opacity:.6;
    filter:alpha(opacity=60);
    position:absolute;
    background:rgba(0, 0, 0, 0.5);
    color:#fff;
    width:100px;
    height:100px;
    border:none !important;
    top:-50px;
    right:-50px;
    border-radius:50px;
    text-align:left;
    font-size:20px;
    z-index:100;
    padding:0
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:before, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99";
    padding-left:20px;
    line-height:140px;
    font-size:24px
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:hover, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:hover {
    opacity:.6;
    filter:alpha(opacity=60);
    background:#f30
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:active, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:active, .dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:focus, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:focus {
    opacity:1;
    filter:alpha(opacity=100);
    background:#f30
}
.dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:hover, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:hover, .dialog-copyright.artDialog.dialog-simple .aui-outer .aui-close:active, .check-version-dialog.artDialog.dialog-simple .aui-outer .aui-close:active {
    background-image:none
}
.dialog-copyright .aui-footer, .check-version-dialog .aui-footer {
    display:none
}
.check-version-dialog .update-box {
    margin-top:0px
}
.dialog-copyright .dialog-copyright-content, .check-version-dialog .aui-content {
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text;
    width:auto;
    border-radius:6px;
    min-width:400px;
    -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 10px 60px rgba(0, 0, 0, 0.4);
    box-shadow:0 10px 60px rgba(0, 0, 0, 0.4);
    border:1px solid #ccc \9;
    padding-bottom:30px;
    background:#fff;
    background:rgba(255, 255, 255, 0.9)
}
.dialog-copyright .dialog-copyright-content .title, .check-version-dialog .aui-content .title {
    width:100%;
    background:#6699cc url("../../images/wall_page/6.jpg");
    height:150px;
    background-position:-100px -10px;
    background-size:145%;
    padding-top:0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.dialog-copyright .dialog-copyright-content .title .logo, .check-version-dialog .aui-content .title .logo {
    text-align:center;
    font-size:35px;
    width:100%;
    padding-top:40px;
    color:#aaddff;
    margin:0 auto;
    overflow:hidden;
    line-height:100px;
    max-width:90%;
    height:90px;
    padding-top:15px
}
.dialog-copyright .dialog-copyright-content .title .logo-text, .check-version-dialog .aui-content .title .logo-text, .dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .info {
    -webkit-box-reflect:below -13px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.2)));
    background-image:-webkit-linear-gradient(40deg, #1890ff, #a16dff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:hue 6s 100 linear
}
.dialog-copyright .dialog-copyright-content .title .logo i, .check-version-dialog .aui-content .title .logo i {
    color:#aaddff;
    font-weight:400;
    margin-right:10px
}
.dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .info {
    text-align:right;
    font-size:1.15em;
    color:#aaddff;
    padding-right:14px;
    padding-top:10px
}
.dialog-copyright .dialog-copyright-content .title .logo img, .check-version-dialog .aui-content .title .logo img {
    max-width:100%;
    max-height:120px
}
.dialog-copyright .dialog-copyright-content .content, .check-version-dialog .aui-content .content {
    padding:20px
}
.dialog-copyright .dialog-copyright-content .content p, .check-version-dialog .aui-content .content p {
    text-indent:2em;
    color:#333;
    margin-bottom:30px
}
.dialog-copyright .dialog-copyright-content .content a, .check-version-dialog .aui-content .content a {
    padding-right:5px
}
.dialog-copyright .dialog-copyright-content .content div, .check-version-dialog .aui-content .content div {
    text-align:center;
    padding-bottom:5px
}
.check-version-dialog.dialog-simple .aui-title-bar {
    margin-top:-120px
}
body .frame-main .frame-left .ztree a:not(.level1).file-not-writeable, body div.file-continer .file.file-not-writeable {
    opacity:.8;
    filter:alpha(opacity=80)
}
body .frame-main .frame-left .ztree a:not(.level1).file-not-readable, body div.file-continer .file.file-not-readable {
    opacity:.6;
    filter:alpha(opacity=60);
    color:#a88
}
body .frame-main .frame-left .ztree a:not(.level1).file-not-exists, body div.file-continer .file.file-not-exists {
    opacity:.6;
    filter:alpha(opacity=60);
    color:#f5222d !important
}
.badge-tag {
    position:absolute;
    right:5px;
    margin-top:-35px;
    padding:0 6px;
    font-weight:800;
    font-style:normal;
    height:20px;
    min-width:15px;
    line-height:20px;
    border-radius:10px;
    background:#f5222d;
    color:#fff;
    text-align:center
}
.movie-player-dialog {
    overflow:hidden
}
.flash-player {
    width:100%;
    height:100%
}
.wmp-player {
    width:0%;
    height:0%
}
.movie-player-dialog .aui-content {
    background:#000;
    border-radius:4px
}
.dialog-path-remove .aui-content {
    word-wrap:break-word;
    width:auto
}
@media print {
    div.topbar, div.common-footer {
        display:none !important
    }
    html body {
        position:inherit;
        overflow:auto
    }
    body div.frame-main {
        bottom:0px;
        top:-20px;
        position:inherit
    }
    div.content-box.markdown-preview {
        margin-top:0 !important;
        margin-bottom:0px !important
    }
    body div.show-code, body div.show-code pre {
        left:0;
        right:0;
        position:inherit;
        padding:10px 20px
    }
}
.icon.icon-loading {
    -webkit-animation:moveCircleLoopRight 1.4s infinite linear;
    animation:moveCircleLoopRight 1.4s infinite linear
}
.icon.icon-loading:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eec6";
    font-size:1.2em
}
.icon.icon-success {
    background:#52c41a;
    color:#fff
}
.icon.icon-success:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.icon.icon-error {
    background:#f5222d;
    color:#fff
}
.icon.icon-error:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.icon.icon-loading:before, .icon.icon-success:before, .icon.icon-error:before {
    display:inline-block;
    vertical-align:text-top;
    width:1em;
    height:1em;
    position:relative;
    left:0px
}
body .glyphicon-chevron-left:before {
    content:"\ea64"
}
body .glyphicon-chevron-right:before {
    content:"\ea6e"
}
.ri-sort-desc:before {
    content:"\e8b3" !important;
    font-family:"kod-svg-font" !important
}
.x-icon-empty:before {
    content:"\e604" !important;
    font-family:"kod-svg-font" !important
}
.x-share-link:before {
    content:"\eb17" !important;
    font-family:"kod-svg-font" !important
}
.x-sort-up-down:before {
    content:"\e638" !important;
    font-family:"kod-svg-font" !important
}
.font-icon.device-icon {
    color:#bbb;
    margin-right:5px;
    width:1.2em;
    height:1.2em;
    line-height:1em;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    top:-1px
}
.font-icon.device-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec2d";
    font-size:17px
}
.font-icon.icon-bar-chart:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec15";
    vertical-align:inherit;
    font-size:inherit
}
.font-icon.icon-cloud:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb9c";
    vertical-align:inherit;
    font-size:inherit
}
.font-icon.device-icon.device-ios:before {
    color:#aaa;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea3f"
}
.font-icon.device-icon.device-mac_os:before {
    color:#aaa;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea3f";
    position:relative;
    top:-2px
}
.font-icon.device-icon.device-windows:before {
    color:#40a9ff;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f2c7"
}
.font-icon.device-icon.device-android_browser:before, .font-icon.device-icon.device-android_10:before, .font-icon.device-icon.device-android_11:before, .font-icon.device-icon.device-android_12:before, .font-icon.device-icon.device-android_13:before, .font-icon.device-icon.device-android:before {
    color:#81c208;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea35"
}
.font-icon.device-icon.device-ubuntu:before, .font-icon.device-icon.device-linux:before {
    color:#f7650d;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f240"
}
.font-icon.device-icon.device-ie:before {
    color:#00b5ed;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee42"
}
.font-icon.device-icon.device-edge:before {
    color:#0074d0;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec7d"
}
.font-icon.device-icon.device-safari:before, .font-icon.device-icon.device-mobile_safari:before {
    color:#1e80ea;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0a6"
}
.font-icon.device-icon.device-firefox:before {
    color:#ff4d39;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed34"
}
.font-icon.device-icon.device-mozilla:before {
    color:#ff4d39;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed34"
}
.font-icon.device-icon.device-opera:before {
    color:#f5222d;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\efb4"
}
.font-icon.device-icon.device-wechat:before {
    color:#20d66c;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f2b5"
}
.font-icon.device-icon.device-qqbrowser:before, .font-icon.device-icon.device-qq:before {
    color:#0098e6;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f03a"
}
.font-icon.device-icon.device-baidu:before, .font-icon.device-icon.device-baiduboxapp:before {
    color:#2932e1;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea8b"
}
.font-icon.device-icon.device-kodbox, .font-icon.device-icon.device-kodcloud {
    margin-right:7px;
    top:-2px
}
.font-icon.device-icon.device-kodbox:before, .font-icon.device-icon.device-kodcloud:before {
    content:"kod";
    font-size:12px;
    padding:.5em .5em .5em .5em;
    width:2em;
    height:2em;
    line-height:2em;
    transform:scale(.55);
    margin:-5px -8px 0 -6px;
    font-family:system-ui;
    display:inline-block;
    background-image:none;
    background-image:-webkit-linear-gradient(164deg, #2bc8ff, #4f54f4);
    background-image:-moz-linear-gradient(164deg, #2bc8ff, #4f54f4);
    background-image:-o-linear-gradient(164deg, #2bc8ff, #4f54f4);
    background-image:-ms-linear-gradient(164deg, #2bc8ff, #4f54f4);
    background-image:linear-gradient(164deg, #2bc8ff, #4f54f4);
    border-radius:5px;
    font-weight:800;
    color:#fff
}
.font-icon.device-icon.device-miui_browser {
    margin-right:7px;
    top:-2px
}
.font-icon.device-icon.device-miui_browser:before {
    content:"mi";
    font-size:16px;
    padding:5px 5px 5px 5px;
    width:22px;
    height:22px;
    line-height:21px;
    transform:scale(.55);
    margin:-5px -8px 0 -6px;
    font-family:system-ui;
    display:inline-block;
    background:#ff6900;
    border-radius:10px;
    font-weight:800;
    color:#fff
}
.font-icon.device-icon.device-quark:before {
    display:none
}
.font-icon.device-icon.device-quark {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEgUlEQVRoBc2aTYgcRRTH2y/8FoPoVPWOZokJQQ9eJFcNiAh+geCCW68mO2ziGtBczEHQy3pzDyoBFS+ePQgKIX4cvCpET4EchFXQwyQs6kEw2d1+hSX/np1mprdnul5NJ7MDQ3dVvfd/v1dTXVXdPUnSwKe94G9vWfeiJv5QE3+ryK1rw38p4m18++duHW2wgS18GggdL/GQ8fsUuaWW4a+04SvKsJd84QNfaEArnkToma74OzTxO5r4HwnwJFtoQRPaQpxw84UFf5Om7FVF3JsEM1UbcQ8xECucLMDywWWfasM/TQUnGGKIhZgBaPUmirIj17TXxyWGX5qyI/WEEyxSckYRb16vnt8Vh3gTDBMQxzfl8ON65zrXi5PYGTaz6/lyB2EUhA4nXDwzGfNl6HKZuFd7YfenSj6/ayyWxWZU1sTnJ06x2mYn9ir8gAuMlVcuVsEGhs6lFrlPWx33gqLtR+e7/l58cY46tCnDlwYwUUfiXuWKrS2/HSWI4UR8WVN28uiqv7myd4YqYQNb+MTGA+uQZJKgl2L3Ntrw1wfJ3zMiGFCAD3xjkgArmIswyrpjMUIpuY9XV/2NhZDwBL7QiIkN5iJci/hLqUhKfG4a+EHwfhJ8ThofzLnGfNffpon/FQkQX44ZNgPo8hFa0msCzGBPWuSeF8Eb9tpmr5Uhpi1DU8oB9kRb/kDkSNwLmW2kCUFTOo2DPdHE30gSSI37RAoXag9tCQvYE9yAS5xUxz0bCiS1U9Y9J2Iht57kTwwEe5vUbh2WgoXaQ1uSANiT/NGHIIHDy/7uUCCpHbQlCYBdnMD9C/4uKVio/cMn/QPiBDTx3xKndnfrUCiQ1C41/JaEJR9CqXG/ipw6/IwUrMp+f2f7EexQU5u9oQ2/r4h/lHDAFuy4iL+TOGriM1VAoXVzxE9p4l8kMcfZgh3rwJlxBlX12mS/x+6BUstPK8P/VenG1OWdqcm9JHYmtxTa48N24jWnZnYEe7JzJ3ZVkoSm7I9Wx985DFd33l7cfkwSo9aW+GpxZ6YMn611KPcG8Rd10MPtitzL4hjlmKPls4V+2smOR4kTr3nvbyiEJpwo4tNRMUahi0f4LcqWi3Bzx/x94nuCgbDNPg95WZGS+6ipBMAK5iIBnKTE78YGwMyUGvfKiGCpoA3/HKtf9gNrST5JdvYhG2VjSVkb95uy/J7q8JNzJ3wb021+8275TYlOje3G2P0YVsUa52IMBtpxk/N+HpOy13f1/qDi8RV/i7J8IRBOmsz09pYvgHHAW3lU3c15RfznnksCTN3N+UrocqVe4icUcbZnkiDOwFTmnFjOX+gNpsoZH8EyEXZcY/6oY5a/BHp+2kc4bctHpffNTQw9xETscZ0rqm8tbx1QxBebAAvSIL6ImCLIOuODp/yt2M9Ib0GDgHeusVyb+DRi1fFEt/dfWPBao69f85d4vDbyyDyaMNBx/4rXKWWnFPH3yjBWXOlCxfCFBrQCw14bM/zbRC86q8h9pol/UIY3RtaR/ky2kbfBZtHZpv6h8j9xGxpBylHZKwAAAABJRU5ErkJggg==");
    font-size:14px;
    background-repeat:no-repeat;
    margin-left:2px;
    background-size:contain
}
.font-icon.device-icon.device-chrome_webview:before, .font-icon.device-icon.device-chrome:before {
    display:none
}
.font-icon.device-icon.device-chrome_webview, .font-icon.device-icon.device-chrome {
    background-image:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07IGhlaWdodDogMWVtO3ZlcnRpY2FsLWFsaWduOiBtaWRkbGU7ZmlsbDogY3VycmVudENvbG9yO292ZXJmbG93OiBoaWRkZW47IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNDAxMyI+PHBhdGggZD0iTTEyMy42NDggMTc4LjM0NjY2N0MzNjEuNjQyNjY3LTk4LjYwMjY2NyA4MDIuOTg2NjY3LTQzLjk0NjY2NyA5NjcuOTM2IDI3OS42OGgtMzk2LjUwMTMzM2MtNzEuNDI0IDAtMTE3LjU0NjY2Ny0xLjYyMTMzMy0xNjcuNTA5MzM0IDI0LjY2MTMzMy01OC43MDkzMzMgMzAuOTMzMzMzLTEwMi45OTczMzMgODguMjM0NjY3LTExOC40ODUzMzMgMTU1LjUyTDEyMy42NDggMTc4LjM4OTMzM3oiIGZpbGw9IiNFQTQzMzUiIHAtaWQ9IjQwMTQiPjwvcGF0aD48cGF0aCBkPSJNMzQxLjY3NDY2NyA1MTJjMCA5My44NjY2NjcgNzYuMzMwNjY3IDE3MC4yNCAxNzAuMTU0NjY2IDE3MC4yNCA5My44NjY2NjcgMCAxNzAuMTU0NjY3LTc2LjM3MzMzMyAxNzAuMTU0NjY3LTE3MC4yNHMtNzYuMzMwNjY3LTE3MC4yNC0xNzAuMTU0NjY3LTE3MC4yNGMtOTMuODY2NjY3IDAtMTcwLjE1NDY2NyA3Ni4zNzMzMzMtMTcwLjE1NDY2NiAxNzAuMjR6IiBmaWxsPSIjNDI4NUY0IiBwLWlkPSI0MDE1Ij48L3BhdGg+PHBhdGggZD0iTTU3Ny44NzczMzMgNzM0Ljg0OGMtOTUuNTMwNjY3IDI4LjM3MzMzMy0yMDcuMjc0NjY3LTMuMTE0NjY3LTI2OC41MDEzMzMtMTA4LjgtNDYuNzYyNjY3LTgwLjY0LTE3MC4yNC0yOTUuNzY1MzMzLTIyNi4zNDY2NjctMzkzLjU1NzMzMy0xOTYuNTY1MzMzIDMwMS4yMjY2NjctMjcuMTM2IDcxMS44MDggMzI5LjY4NTMzNCA3ODEuODY2NjY2bDE2NS4xMi0yNzkuNTA5MzMzeiIgZmlsbD0iIzM0QTg1MyIgcC1pZD0iNDAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik02NjkuODY2NjY3IDM0MS43NmEyMzMuMTMwNjY3IDIzMy4xMzA2NjcgMCAwIDEgNDMuMDA4IDI4Ni42MzQ2NjdjLTQwLjU3NiA2OS45NzMzMzMtMTcwLjE1NDY2NyAyODguNjgyNjY3LTIzMi45NiAzOTQuNTgxMzMzIDM2Ny42NTg2NjcgMjIuNjU2IDYzNS43MzMzMzMtMzM3LjY2NCA1MTQuNjQ1MzMzLTY4MS4yNTg2NjdINjY5Ljg2NjY2N3oiIGZpbGw9IiNGQkJDMDUiIHAtaWQ9IjQwMTciPjwvcGF0aD48L3N2Zz4=");
    font-size:14px;
    background-repeat:no-repeat;
    margin-left:2px;
    background-size:contain
}
.ptips-skin {
    max-width:350px;
    width:max-content
}
.ptips-skin .tip-inner hr {
    margin:5px 0;
    height:1px;
    border:none;
    background:rgba(150, 150, 150, 0.2)
}
.ptips-skin .info-alert {
    text-align:left
}
.ptips-skin .tip-inner .desc-item {
    display:table-row
}
.ptips-skin .tip-inner .desc-item>b {
    padding-right:8px;
    display:table-cell;
    text-align:right;
    padding-left:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ptips-skin .tip-inner .desc-item>i {
    font-style:normal;
    padding-right:10px;
    display:table-cell
}
.ptips-skin .tip-inner .desc-item:after {
    content:'';
    display:block;
    clear:both;
    float:none
}
.ptips-skin .tip-inner .desc-item.line {
    height:5px
}
.ptips-skin .tip-inner .desc-item.line:before, .ptips-skin .tip-inner .desc-item.line:after {
    content:'';
    display:table-cell;
    border-top:1px solid rgba(150, 150, 150, 0.15);
    position:relative;
    top:5px;
    height:1px;
    padding:5px 0
}
.ptips-skin .tip-inner .desc-item .role-label-box {
    padding:1px 8px 1px 5px;
    margin:3px 0 2px 0;
    background:rgba(0, 0, 0, 0.1);
    border-radius:20px;
    display:inline-block;
    white-space:nowrap
}
.ptips-skin .tip-inner .desc-item .role-label-box .x-item-icon.label {
    position:relative;
    top:2px
}
@keyframes titleShowOpen {
    from {
        transform:scale(1);
        opacity:1;
        visibility:hidden
    }
    0.05% {
        transform:scale(.2);
        opacity:0;
        visibility:visible
    }
    to {
        transform:scale(1);
        opacity:1
    }
}
.ptips-skin.title-show {
    animation-duration:.23s;
    animation-name:titleShowOpen
}
.message-box {
    position:absolute;
    top:15%;
    left:0px;
    z-index:88;
    background:#63acff;
    color:#fff;
    opacity:.7;
    filter:alpha(opacity=70);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:0 10px 60px rgba(0, 0, 0, 0.6);
    box-shadow:0 10px 60px rgba(0, 0, 0, 0.6);
    display:none
}
.message-box .content {
    padding:10px 30px;
    line-height:20px;
    width:auto
}
.aui-outer {
    text-align:left;
    position:relative
}
.aui-mask {
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    opacity:.01;
    filter:alpha(opacity=1)
}
.aui-loading {
    height:100%;
    width:100%;
    overflow:hidden;
    opacity:.7;
    filter:alpha(opacity=70);
    top:16px;
    position:absolute;
    left:0;
    z-index:9999;
    text-align:center;
    text-indent:-999em
}
.aui-loading span {
    width:80px;
    height:80px;
    border-radius:6px;
    opacity:.8;
    background:#fff url("../../images/common/dialog/dialog_loading.gif") no-repeat center center;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px
}
.dialog-change-max, .dialog-change-max .aui-main {
    -ms-transition:all .25s;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
table.aui-border, table.aui-dialog {
    width:100%;
    border:0;
    margin:0;
    border-collapse:collapse
}
.aui-nw, .aui-n, .aui-ne, .aui-w, .aui-c, .aui-e, .aui-sw, .aui-s, .aui-se, .aui-header, .aui-td-icon, .aui-main, .aui-footer {
    padding:0
}
.aui-header, .aui-buttons button {
    font:12px/1.11
}
.aui-title-bar {
    position:relative;
    height:100%
}
.aui-title {
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1em;
    height:30px;
    line-height:31px;
    padding:0 28px 0 10px;
    color:#fff;
    background-color:#7dbaff
}
.aui-title .path-ico {
    width:20px;
    height:20px;
    margin-right:5px;
    border-radius:4px;
    cursor:pointer
}
.aui-title .path-ico img {
    vertical-align:baseline;
    border-radius:2px
}
.aui-title .path-ico:hover, .aui-title .path-ico:active, .aui-title .path-ico:focus {
    transform:scale(1.1, 1.1)
}
.aui-title img {
    width:16px;
    height:16px;
    margin-right:6px;
    position:relative;
    top:-1px
}
.aui-title i.desc {
    opacity:.5;
    padding-left:5px;
    font-style:normal
}
.aui-title .font-icon {
    position:relative;
    top:-1px;
    margin-right:.2em
}
.task-tab .tabs .tab i.desc {
    opacity:.5;
    padding-left:5px;
    font-style:normal
}
.aui-state-focus .aui-mask {
    display:none
}
.aui-state-focus .aui-outer {
    -webkit-box-shadow:0 5px 40px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 5px 40px rgba(0, 0, 0, 0.7);
    box-shadow:0 5px 40px rgba(0, 0, 0, 0.7)
}
.aui-state-focus .aui-title {
    background-color:#63acff
}
.aui-state-drag .aui-title {
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.aui-state-no-title .aui-title {
    display:none
}
.aui-main {
    text-align:center;
    background:#FFF;
    min-width:9em;
    min-width:0 \9;
    visibility:auto
}
.artDialog.drag-file-hover .aui-main:before {
    content:"";
    z-index:10;
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0px;
    pointer-events:none;
    border:2px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.1);
    border-radius:4px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.aui-content {
    text-align:left;
    border:none 0;
    color:#666;
    width:100%;
    height:100%;
    position:relative
}
.aui-content.aui-content-iframe {
    overflow:hidden !important
}
.aui-content.aui-state-full {
    display:block;
    width:100%;
    margin:0;
    padding:0!important;
    height:100%
}
.aui-icon {
    vertical-align:middle;
    background:#fff
}
.aui-icon div {
    width:48px;
    height:48px;
    margin:10px 0 10px 10px;
    background-position:center center;
    background-repeat:no-repeat
}
.aui-buttons {
    padding:10px 8px;
    text-align:right;
    white-space:nowrap;
    background-color:#F6F6F6;
    border-top:solid 1px #DADEE5
}
.aui-buttons button {
    margin-left:15px;
    padding:3px 20px;
    height:25px;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    line-height:1;
    overflow:visible;
    color:#000;
    border:none;
    background:#aaa;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    color:#fff
}
.aui-buttons button:focus {
    outline:none 0;
    box-shadow:inset 0 0 0 2px rgba(99, 172, 255, 0.3)
}
.aui-buttons button:hover {
    background:#c3c3c3
}
.aui-buttons button:active {
    background:#777
}
.aui-buttons button[disabled] {
    cursor:default;
    color:#919191;
    background:#aaa;
    opacity:.5;
    filter:alpha(opacity=50)
}
.aui-buttons button::-moz-focus-inner {
    border:0;
    padding:0;
    margin:0
}
.aui-buttons button.aui-state-highlight {
    color:#fff;
    background:#63acff
}
.aui-buttons button.aui-state-highlight:hover {
    color:#FFF;
    background:#96c7ff
}
.aui-buttons button.aui-state-highlight:active {
    background:#0076fc
}
.aui-buttons button.aui-state-highlight:focus {
    box-shadow:0 0 0 3px rgba(99, 172, 255, 0.3)
}
.aui-buttons button.disable, .aui-buttons button.disabled {
    opacity:.3;
    filter:alpha(opacity=30)
}
.aui-outer {
    border:0 solid #63acff;
    -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.6);
    box-shadow:0 5px 20px rgba(0, 0, 0, 0.6);
    -ms-transition:box-shadow .1s opacity .2s;
    -webkit-transition:box-shadow .1s opacity .2s;
    -moz-transition:box-shadow .1s opacity .2s;
    -o-transition:box-shadow .1s opacity .2s;
    transition:box-shadow .1s opacity .2s
}
.aui-state-lock .aui-nw, .aui-state-lock .aui-n, .aui-state-lock .aui-ne, .aui-state-lock .aui-w, .aui-state-lock .aui-e, .aui-state-lock .aui-sw, .aui-state-lock .aui-s, .aui-state-lock .aui-se {
    background:rgba(0, 0, 0, 0.5);
    background:#000 \9 !important;
    opacity:.5;
    filter:alpha(opacity=50)
}
.aui-btn-box {
    position:absolute;
    top:0;
    right:0;
    width:auto;
    z-index:10
}
.aui-min, .aui-max, .aui-close {
    display:block;
    text-decoration:none;
    float:left;
    outline:none;
    cursor:pointer;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    border-top:none;
    font-size:1.15em;
    text-align:center;
    background-color:transparent;
    height:30px;
    width:38px;
    line-height:30px;
    color:#fcfdff;
    text-shadow:1px 1px 0 #fff
}
.aui-min:hover, .aui-max:hover, .aui-close:hover, .aui-min:active, .aui-max:active, .aui-close:active {
    text-decoration:none;
    color:#fff;
    background-color:#1783ff
}
.aui-close:hover, .aui-close:active {
    background:#c00
}
.aui-max, .aui-min {
    display:none
}
.aui-state-no-title .aui-nw, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-se {
    width:5px;
    height:5px
}
.aui-state-no-title .aui-title-bar {
    bottom:0;
    _bottom:0;
    _margin-top:0
}
.aui-state-no-title .aui-outer {
    box-shadow:none !important;
    border:none !important
}
.aui-state-no-title .aui-inner {
    border:1px solid #aaa
}
.aui-state-no-title .tips {
    padding:15px;
    padding-left:10px
}
.aui-state-no-title .aui-nw, .aui-state-no-title .aui-n, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-w, .aui-state-no-title .aui-e, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-s, .aui-state-no-title .aui-se {
    background:rgba(0, 0, 0, 0.1);
    background:#000 \9 !important;
    filter:alpha(opacity=10)!important
}
.aui-state-no-title .aui-close, .aui-state-no-title .aui-max, .aui-state-no-title .aui-min {
    display:none;
    font-size:1em
}
.dialog-max {
    left:0px !important;
    top:0px !important
}
.dialog-max .aui-nw, .dialog-max .aui-ne, .dialog-max .aui-sw, .dialog-max .aui-se, .dialog-max .aui-w, .dialog-max .aui-e {
    width:0px
}
.dialog-max .aui-sw, .dialog-max .aui-n, .dialog-max .aui-se {
    height:0px
}
.dialog-max .aui-outer {
    border:none !important
}
.dialog-max .aui-main {
    width:inherit !important
}
.dialog-max .aui-title {
    cursor:default !important
}
.dialog-can-resize .resize-handle {
    position:absolute;
    z-index:100;
    display:block
}
.dialog-can-resize .resize-top {
    cursor:n-resize;
    top:-3px;
    left:0px;
    height:7px;
    width:100%
}
.dialog-can-resize .resize-bottom {
    cursor:s-resize;
    bottom:-3px;
    left:0px;
    height:7px;
    width:100%
}
.dialog-can-resize .resize-right {
    cursor:e-resize;
    right:-3px;
    top:0px;
    width:7px;
    height:100%
}
.dialog-can-resize .resize-left {
    cursor:w-resize;
    left:-3px;
    top:0px;
    width:7px;
    height:100%
}
.dialog-can-resize .resize-bottom-right {
    cursor:se-resize;
    width:20px;
    height:20px;
    right:-8px;
    bottom:-8px;
    background:url('../../images/common/dialog/resize_corner.png') no-repeat;
    opacity:.4;
    filter:alpha(opacity=40)
}
.dialog-can-resize .resize-bottom-left {
    cursor:sw-resize;
    width:16px;
    height:16px;
    left:-8px;
    bottom:-8px
}
.dialog-can-resize .resize-top-left {
    cursor:nw-resize;
    width:16px;
    height:16px;
    left:-8px;
    top:-8px
}
.dialog-can-resize .resize-top-right {
    cursor:ne-resize;
    width:16px;
    height:16px;
    right:-8px;
    top:-8px
}
.dialog-can-resize .aui-min, .dialog-can-resize .aui-max {
    display:block
}
.dialog-can-resize .resize-top-right:before, .dialog-can-resize .resize-bottom-right:before, .dialog-can-resize .resize-bottom-left:before, .dialog-can-resize .resize-top-left:before {
    position:absolute;
    content:"";
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    width:15px;
    height:15px;
    opacity:0;
    pointer-events:none;
    border:1px solid #1890ff;
    border-radius:0
}
.dialog-can-resize .resize-top-right:hover:before, .dialog-can-resize .resize-bottom-right:hover:before, .dialog-can-resize .resize-bottom-left:hover:before, .dialog-can-resize .resize-top-left:hover:before, .dialog-can-resize .resize-top-right:active:before, .dialog-can-resize .resize-bottom-right:active:before, .dialog-can-resize .resize-bottom-left:active:before, .dialog-can-resize .resize-top-left:active:before {
    opacity:1
}
.dialog-can-resize .resize-top-right:before {
    border-left:none;
    border-bottom:none;
    border-radius:0 4px 0 0;
    left:-8px;
    top:8px
}
.dialog-can-resize .resize-bottom-right:before {
    border-left:none;
    border-top:none;
    border-radius:0 0 4px 0;
    left:-4px;
    top:-4px
}
.dialog-can-resize .resize-bottom-left:before {
    border-right:none;
    border-top:none;
    border-radius:0 0 0 4px;
    left:8px;
    top:-8px
}
.dialog-can-resize .resize-top-left:before {
    border-right:none;
    border-bottom:none;
    border-radius:4px 0 0 0;
    left:8px;
    top:8px
}
.artDialog.dialog-min-size {
    width:250px !important;
    height:30px !important;
    min-width:inherit;
    min-height:inherit;
    animation-name:moveInUpBig;
    -webkit-animation-name:moveInUpBig;
    animation-duration:.3s;
    -webkit-animation-duration:.3s
}
.artDialog.dialog-min-size.dialog-no-title .aui-title, .artDialog.dialog-min-size .aui-title {
    opacity:1 !important
}
.artDialog.dialog-min-size .aui-outer {
    width:250px;
    min-height:inherit
}
.artDialog.dialog-min-size .aui-header {
    height:30px
}
.artDialog.dialog-min-size .aui-title {
    text-align:left;
    padding-left:10px;
    width:200px
}
.artDialog.dialog-min-size .aui-main, .artDialog.dialog-min-size .aui-footer {
    display:none
}
.artDialog.dialog-min-size .resize-handle {
    display:none
}
.artDialog.dialog-min-size .aui-title-bar {
    background:#fff
}
.artDialog.dialog-min-size .aui-title-bar .aui-max {
    display:none
}
.dialog-simple.dialog-min-size .aui-title-bar {
    background:rgba(0, 0, 0, 0.5)
}
body .dialog-bg-blur .aui-main {
    background-color:transparent
}
body .dialog-bg-blur .aui-outer .aui-title {
    background-color:rgba(0, 0, 0, 0.02)
}
body .dialog-bg-blur .aui-border {
    background:rgba(255, 255, 255, 0.8);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.jPlayer .play-list .action-right .download {
    display:none !important
}
.dialog-no-title .aui-title-bar {
    position:absolute;
    z-index:100;
    top:0;
    width:100%;
    height:30px;
    border-radius:3px 3px 0 0;
    overflow:hidden
}
.dialog-no-title .aui-title-bar .aui-title .path-ico.font-icon:before {
    position:relative;
    top:4px
}
.dialog-no-title .aui-title {
    opacity:.01 !important;
    filter:alpha(opacity=1) !important
}
.dialog-no-title .aui-inner {
    border:none
}
.dialog-no-title .aui-nw, .dialog-no-title .aui-n, .dialog-no-title .aui-ne, .dialog-no-title .aui-w, .dialog-no-title .aui-e, .dialog-no-title .aui-sw, .dialog-no-title .aui-s, .dialog-no-title .aui-se {
    display:none
}
.dialog-no-title .aui-outer .aui-min:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f1ae"
}
.dialog-no-title .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9c";
    font-size:1.1em
}
.dialog-no-title .aui-outer .aui-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.dialog-no-title .aui-outer .aui-min, .dialog-no-title .aui-outer .aui-max, .dialog-no-title .aui-outer .aui-close {
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s;
    height:32px;
    line-height:32px;
    background-color:transparent;
    background-image:none !important
}
.dialog-no-title .aui-outer .aui-min:before, .dialog-no-title .aui-outer .aui-max:before, .dialog-no-title .aui-outer .aui-close:before {
    position:relative;
    top:-0.1em
}
.dialog-no-title .aui-outer .aui-min:hover, .dialog-no-title .aui-outer .aui-max:hover, .dialog-no-title .aui-outer .aui-close:hover, .dialog-no-title .aui-outer .aui-min:active, .dialog-no-title .aui-outer .aui-max:active, .dialog-no-title .aui-outer .aui-close:active {
    border:none;
    box-shadow:none;
    color:#888;
    background-color:rgba(150, 150, 150, 0.3)
}
.dialog-no-title .aui-outer .aui-close:active, .dialog-no-title .aui-outer .aui-close:hover {
    background-color:#e81123;
    color:#fff;
    text-shadow:none
}
.dialog-no-title.header-bg .aui-content .header {
    height:90px;
    background-color:#008def;
    background-image:linear-gradient(to bottom, #084998 0, #00a9fb 100%);
    color:#fff;
    position:relative
}
.dialog-no-title.header-bg .aui-content .header .bg {
    background:url("../../images/common/banner/box.png") 180px -220px no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    opacity:.7
}
.dialog-no-title.dialog-max .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9a"
}
.dialog-no-title.dialog-min-size .aui-outer .aui-min:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb87";
    font-size:1.1em
}
.artDialog.dialog-simple .aui-title-bar {
    width:100%;
    position:relative;
    bottom:0;
    height:100%
}
.artDialog.dialog-simple .aui-nw, .artDialog.dialog-simple .aui-n, .artDialog.dialog-simple .aui-ne, .artDialog.dialog-simple .aui-w, .artDialog.dialog-simple .aui-e, .artDialog.dialog-simple .aui-sw, .artDialog.dialog-simple .aui-s, .artDialog.dialog-simple .aui-se {
    background:none
}
.artDialog.dialog-simple .aui-border {
    border:none;
    overflow:auto
}
.artDialog.dialog-simple .aui-inner {
    border:none;
    background:none
}
.artDialog.dialog-simple .aui-header {
    border:none;
    opacity:.01;
    filter:alpha(opacity=1);
    box-sizing:border-box;
    position:absolute;
    z-index:50;
    left:0px;
    right:0px;
    width:100%;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.artDialog.dialog-simple .aui-outer {
    border:none;
    border-radius:0;
    box-shadow:none !important;
    background:none
}
.artDialog.dialog-simple .aui-outer .aui-title {
    background:rgba(0, 0, 0, 0.8);
    opacity:.8;
    filter:alpha(opacity=80);
    border-radius:3px;
    border:none;
    height:31px;
    line-height:30px;
    padding:0 28px 0 10px;
    color:#fff
}
.artDialog.dialog-simple .aui-outer .aui-min:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f1ae"
}
.artDialog.dialog-simple .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9c"
}
.artDialog.dialog-simple .aui-outer .aui-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.artDialog.dialog-simple .aui-outer .aui-min, .artDialog.dialog-simple .aui-outer .aui-max, .artDialog.dialog-simple .aui-outer .aui-close {
    border:none;
    text-decoration:none;
    outline:none;
    background-color:transparent;
    cursor:pointer;
    color:#fff;
    opacity:.95;
    filter:alpha(opacity=95);
    text-align:center;
    text-shadow:none;
    background-image:none !important;
    font-size:1.1em;
    margin:2px 2px 0 0;
    border-radius:4px;
    height:31px;
    width:38px;
    line-height:31px;
    border-radius:0;
    margin:0 0 0 1px
}
.artDialog.dialog-simple .aui-outer .aui-min:active, .artDialog.dialog-simple .aui-outer .aui-max:active, .artDialog.dialog-simple .aui-outer .aui-close:active {
    color:#fff
}
.artDialog.dialog-simple .aui-outer .aui-min:hover, .artDialog.dialog-simple .aui-outer .aui-min:active {
    background:#ffeb3b;
    color:#8e810d
}
.artDialog.dialog-simple .aui-outer .aui-max:hover, .artDialog.dialog-simple .aui-outer .aui-max:active {
    background:#4CAF50;
    color:#fff
}
.artDialog.dialog-simple .aui-outer .aui-close:hover, .artDialog.dialog-simple .aui-outer .aui-close:active {
    background:#f30;
    color:#fff
}
.artDialog.dialog-simple .aui-outer .aui-close {
    border-top-right-radius:3px
}
.artDialog.dialog-simple.dialog-max .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9a"
}
.artDialog.dialog-simple.dialog-min-size .aui-outer .aui-min:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb87";
    font-size:1.1em
}
.artDialog.dialog-simple .aui-main {
    background:none !important
}
.artDialog.dialog-simple .aui-dialog, .artDialog.dialog-simple .aui-border {
    background:none
}
.artDialog.dialog-simple .resize-bottom-right {
    background:none !important
}
.artDialog.dialog-simple .aui-nw, .artDialog.dialog-simple .aui-ne {
    height:0px
}
.artDialog.dialog-simple.aui-state-drag .aui-header, .artDialog.dialog-simple .dialog-mouse-in .aui-header {
    opacity:1;
    filter:alpha(opacity=100)
}
.artDialog.dialog-simple.dialog-min-size .aui-header {
    opacity:1;
    filter:alpha(opacity=100)
}
.artDialog.dialog-simple.dialog-min-size .aui-title-bar {
    background:rgba(0, 0, 0, 0.5);
    border-radius:3px;
    height:auto;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.artDialog.dialog-simple.dialog-min-size .aui-outer .aui-header {
    position:relative !important
}
.artDialog.dialog-simple.dialog-min-size .aui-outer .aui-header .aui-title {
    font-size:.9em;
    background:transparent;
    opacity:1 !important;
    padding-left:10px
}
.artDialog.dialog-simple.aui-state-drag .aui-header {
    opacity:1;
    filter:alpha(opacity=100)
}
.artDialog.dialog-blur .aui-outer {
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
}
.artDialog.dialog-blur .aui-outer .aui-min, .artDialog.dialog-blur .aui-outer .aui-max, .artDialog.dialog-blur .aui-outer .aui-close {
    background-color:none !important
}
.artDialog.dialog-blur .aui-outer .aui-main, .artDialog.dialog-blur .aui-outer .aui-title {
    background-color:transparent
}
div.artDialog.dialog-prompt-box .aui-content {
    overflow:visible
}
div.artDialog.dialog-prompt-box input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border-radius:4px;
    padding:5px 10px;
    box-sizing:border-box
}
div.artDialog.dialog-prompt-box input:hover, div.artDialog.dialog-prompt-box input:active {
    border-color:#75A1F0
}
div.artDialog.dialog-prompt-box input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
div.artDialog.dialog-prompt-box input.disabled, div.artDialog.dialog-prompt-box input[readonly='true'], div.artDialog.dialog-prompt-box input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
div.artDialog.dialog-prompt-box input.disabled:hover, div.artDialog.dialog-prompt-box input[readonly='true']:hover, div.artDialog.dialog-prompt-box input[readonly='readonly']:hover, div.artDialog.dialog-prompt-box input.disabled:active, div.artDialog.dialog-prompt-box input[readonly='true']:active, div.artDialog.dialog-prompt-box input[readonly='readonly']:active {
    border-color:#ddd
}
div.artDialog.dialog-prompt-box input.disabled:focus, div.artDialog.dialog-prompt-box input[readonly='true']:focus, div.artDialog.dialog-prompt-box input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.app-wap-small div.artDialog.dialog-prompt-box input {
    width:80%;
    margin:10px 0 0 0
}
.dialog-form.dialog-no-title .form-box.config-box .form-header, .artDialog .form-box.config-box .form-header {
    background:#fcfcfc;
    border-bottom:1px solid #f6f6f6
}
.dialog-form.dialog-no-title .aui-outer, .artDialog .aui-outer {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.2);
    border:none !important;
    transition:all .15s;
    border-radius:4px;
    overflow:hidden
}
.dialog-form.dialog-no-title.aui-state-focus .aui-outer, .artDialog.aui-state-focus .aui-outer {
    box-shadow:0 6px 40px 0 rgba(0, 0, 0, 0.25)
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons, .artDialog .aui-outer .aui-buttons {
    background:#fcfcfc;
    border-top:solid 1px #f6f6f6
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button, .artDialog .aui-outer .aui-buttons button {
    padding:0px 20px;
    background:#eee;
    color:#888;
    height:30px;
    border-radius:2px;
    border:none
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button:hover, .artDialog .aui-outer .aui-buttons button:hover, .dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, .artDialog .aui-outer .aui-buttons button:active {
    color:#2196F3;
    background:#eaf5ff
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, .artDialog .aui-outer .aui-buttons button:active {
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.12)
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight, .artDialog .aui-outer .aui-buttons button.aui-state-highlight {
    padding:0px 10px;
    min-width:70px;
    background:-webkit-linear-gradient(-200deg, #006CFA, #1acbff);
    color:#fff
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:hover, .artDialog .aui-outer .aui-buttons button.aui-state-highlight:hover, .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:active, .artDialog .aui-outer .aui-buttons button.aui-state-highlight:active {
    background:-webkit-linear-gradient(-200deg, #0059ce, #00afe2);
    color:#fff
}
.artDialog.dialog-max .aui-outer .aui-max, .artDialog.dialog-min-size .aui-outer .aui-min {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIklEQVQY02NgQID/BDCKQlzgP7Em/SfKpCGg8D8pJhIf0AByMSzUi15HSgAAAABJRU5ErkJggg==")
}
.font-icon.app-icon {
    color:#fff;
    text-shadow:none;
    background-image:none;
    background-image:-webkit-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0))
}
.artDialog .aui-title .font-icon.app-icon, .task-tab .tabs .tab i.font-icon.app-icon {
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:2px;
    display:inline-block;
    font-size:14px
}
.aui-outer {
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    border:1px solid #bbb;
    border-color:rgba(0, 0, 0, 0.2)
}
.aui-outer .aui-title {
    background:#fff;
    color:#666;
    border-bottom:1px solid #f1f1f1;
    border-bottom:none
}
.aui-outer .aui-buttons {
    border-top:solid 1px #eee;
    background:#f8f8f8
}
.aui-outer .aui-buttons button {
    padding:1px 1.5em;
    border:1px solid #ccc;
    color:#222;
    background:#eee
}
.aui-outer .aui-buttons button:hover {
    background:#fbfbfb
}
.aui-outer .aui-buttons button:active {
    background:#e1e1e1
}
.aui-outer .aui-buttons button.aui-state-highlight {
    border-color:#96c7ff
}
.aui-outer .aui-buttons button.aui-state-highlight:hover {
    color:#111
}
.aui-outer .aui-buttons button.aui-state-highlight:active {
    color:#111
}
.aui-outer .aui-min {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYV2NgGGbgP5F40AMAIN0J96UZJscAAAAASUVORK5CYII=")
}
.aui-outer .aui-max {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGD4TySGEATAqELiFBLEAISgI91xKgmgAAAAAElFTkSuQmCC")
}
.aui-outer .aui-close {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQYlWNgYGD4D8TGDLiBMVQNgzErOwcuxRhy2BTjNABZAp8tCMWEFBGtkCirifIM0cFDVIADAOrvG43QTSHZAAAAAElFTkSuQmCC")
}
.aui-outer .aui-min, .aui-outer .aui-max, .aui-outer .aui-close {
    color:#888;
    background-position:center center;
    background-repeat:no-repeat;
    -ms-transition:background .2s;
    -webkit-transition:background .2s;
    -moz-transition:background .2s;
    -o-transition:background .2s;
    transition:background .2s
}
.aui-outer .aui-min:before, .aui-outer .aui-max:before, .aui-outer .aui-close:before {
    content:""
}
.aui-outer .aui-min:hover, .aui-outer .aui-max:hover, .aui-outer .aui-close:hover, .aui-outer .aui-min:active, .aui-outer .aui-max:active, .aui-outer .aui-close:active {
    color:#333;
    background-color:rgba(0, 0, 0, 0.2)
}
.aui-outer .aui-close:hover, .aui-outer .aui-close:active {
    background-color:#e81123;
    color:#fff;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQYV2P4/+//+f/fv6cw4AAgOZAaCAMEsCjGkMOmGKcByBL4bEFVjE8R0QqJspoozxAdPMQGOABXELkNcbMs5wAAAABJRU5ErkJggg==")
}
.loading-msg {
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:9999;
    color:#666;
    text-align:center;
    pointer-events:none
}
.loading-msg .loading-msg-content {
    position:absolute;
    width:100px;
    padding-bottom:10px;
    cursor:progress;
    left:50%;
    top:50%;
    margin:-50px 0 0 -50px;
    border-radius:6px;
    background:rgba(255, 255, 255, 0.7);
    box-shadow:2px 4px 10px rgba(0, 0, 0, 0.07)
}
.loading-msg .loading-msg-content .loading-msg-box {
    font-size:30px;
    margin:25px auto 6px auto
}
.loading-msg .loading-msg-content .loading-msg-box img {
    max-height:32px;
    max-width:32px;
    opacity:.8;
    border-radius:4px
}
.loading-msg .loading-msg-content .loading-msg-box .loader {
    display:none
}
.loading-msg .loading-msg-content .loading-msg-title {
    padding:2px 4px;
    color:#888;
    min-height:10px;
    word-break:break-word
}
.loading-msg .loading-mask {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity:0;
    background:#fff;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.loading-msg.tips-small .loading-msg-content {
    background:none;
    box-shadow:none;
    width:20px;
    height:20px;
    padding:0;
    margin:-10px 0 0 -10px
}
.loading-msg.tips-small .loading-msg-content .loading-msg-box {
    margin:0;
    height:18px;
    line-height:14px
}
.loading-msg.tips-small .loading-msg-content .loading-msg-box img {
    width:18px;
    height:18px
}
.loading-msg.tips-small .loading-msg-content .loading-msg-title {
    display:none
}
.loader {
    display:inline-block;
    width:1em;
    height:1em;
    color:inherit;
    vertical-align:middle;
    pointer-events:none;
    transform:translateZ(0)
}
.loader-moon {
    border:1px solid rgba(160, 160, 160, 0.8);
    border-radius:50%;
    -webkit-animation:.8s loader-moon linear infinite;
    animation:.8s loader-moon linear infinite;
    position:relative
}
.loader-moon:before {
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:-0.2em;
    left:50%;
    border:.2em solid rgba(160, 160, 160, 0.8);
    border-radius:50%
}
@-webkit-keyframes loader-moon {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-moon {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-point {
    position:relative
}
.loader-point:before, .loader-point:after {
    content:"";
    width:inherit;
    height:inherit;
    border-radius:50%;
    background-color:rgba(160, 160, 160, 0.8);
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-point 2s infinite ease-in-out;
    animation:loader-point 2s infinite ease-in-out
}
.loader-point:after {
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes loader-point {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-point {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-star {
    position:relative;
    -webkit-animation:loader-star-1 2s infinite linear;
    animation:loader-star-1 2s infinite linear
}
.loader-star:before, .loader-star:after {
    content:"";
    width:0;
    height:0;
    border:.5em solid rgba(24, 144, 255, 0.8);
    display:block;
    position:absolute;
    border-radius:100%;
    -webkit-animation:loader-star-2 2s infinite ease-in-out;
    animation:loader-star-2 2s infinite ease-in-out
}
.loader-star:before {
    top:0;
    left:50%;
    border-color:rgba(64, 169, 255, 0.8)
}
.loader-star:after {
    bottom:0;
    right:50%;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes loader-star-1 {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-star-1 {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-star-2 {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-star-2 {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-square {
    background-color:rgba(160, 160, 160, 0.8);
    -webkit-animation:loader-square 1.2s infinite ease-in-out;
    animation:loader-square 1.2s infinite ease-in-out
}
@-webkit-keyframes loader-square {
    0% {
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes loader-square {
    0% {
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.loader-wave {
    background:rgba(160, 160, 160, 0.8);
    position:relative;
    -webkit-animation:loader-wave 1s ease-in-out infinite;
    animation:loader-wave 1s ease-in-out infinite;
    -webkit-animation-delay:.4s;
    animation-delay:.4s;
    width:.25em;
    height:.5em
}
.loader-wave:after, .loader-wave:before {
    content:"";
    position:absolute;
    width:inherit;
    height:inherit;
    background:inherit;
    -webkit-animation:inherit;
    animation:inherit
}
.loader-wave:before {
    right:.5em;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.loader-wave:after {
    left:.5em;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
@-webkit-keyframes loader-wave {
    0%, 100% {
        box-shadow:0 0 0 rgba(160, 160, 160, 0.8), 0 0 0 rgba(160, 160, 160, 0.8)
    }
    50% {
        box-shadow:0 -0.25em 0 rgba(160, 160, 160, 0.8), 0 .25em 0 rgba(160, 160, 160, 0.8)
    }
}
@keyframes loader-wave {
    0%, 100% {
        box-shadow:0 0 0 rgba(160, 160, 160, 0.8), 0 0 0 rgba(160, 160, 160, 0.8)
    }
    50% {
        box-shadow:0 -0.25em 0 rgba(160, 160, 160, 0.8), 0 .25em 0 rgba(160, 160, 160, 0.8)
    }
}
.p-0 {
    padding:0px
}
.p-5 {
    padding:5px
}
.p-10 {
    padding:10px
}
.p-15 {
    padding:15px
}
.p-20 {
    padding:20px
}
.p-25 {
    padding:25px
}
.p-30 {
    padding:30px
}
.p-35 {
    padding:35px
}
.p-40 {
    padding:40px
}
.p-45 {
    padding:45px
}
.p-50 {
    padding:50px
}
.pt-5 {
    padding-top:5px
}
.pr-5 {
    padding-right:5px
}
.pb-5 {
    padding-bottom:5px
}
.pl-5 {
    padding-left:5px
}
.pt-10 {
    padding-top:10px
}
.pr-10 {
    padding-right:10px
}
.pb-10 {
    padding-bottom:10px
}
.pl-10 {
    padding-left:10px
}
.pt-15 {
    padding-top:15px
}
.pr-15 {
    padding-right:15px
}
.pb-15 {
    padding-bottom:15px
}
.pl-15 {
    padding-left:15px
}
.pt-20 {
    padding-top:20px
}
.pr-20 {
    padding-right:20px
}
.pb-20 {
    padding-bottom:20px
}
.pl-20 {
    padding-left:20px
}
.pt-25 {
    padding-top:25px
}
.pr-25 {
    padding-right:25px
}
.pb-25 {
    padding-bottom:25px
}
.pl-25 {
    padding-left:25px
}
.pt-30 {
    padding-top:30px
}
.pr-30 {
    padding-right:30px
}
.pb-30 {
    padding-bottom:30px
}
.pl-30 {
    padding-left:30px
}
.pt-35 {
    padding-top:35px
}
.pr-35 {
    padding-right:35px
}
.pb-35 {
    padding-bottom:35px
}
.pl-35 {
    padding-left:35px
}
.pt-40 {
    padding-top:40px
}
.pr-40 {
    padding-right:40px
}
.pb-40 {
    padding-bottom:40px
}
.pl-40 {
    padding-left:40px
}
.pt-45 {
    padding-top:45px
}
.pr-45 {
    padding-right:45px
}
.pb-45 {
    padding-bottom:45px
}
.pl-45 {
    padding-left:45px
}
.pt-50 {
    padding-top:50px
}
.pr-50 {
    padding-right:50px
}
.pb-50 {
    padding-bottom:50px
}
.pl-50 {
    padding-left:50px
}
.m-0 {
    margin:0px
}
.m-5 {
    margin:5px
}
.m-10 {
    margin:10px
}
.m-15 {
    margin:15px
}
.m-20 {
    margin:20px
}
.m-25 {
    margin:25px
}
.m-30 {
    margin:30px
}
.m-35 {
    margin:35px
}
.m-40 {
    margin:40px
}
.m-45 {
    margin:45px
}
.m-50 {
    margin:50px
}
.mt-5 {
    margin-top:5px
}
.mr-5 {
    margin-right:5px
}
.mb-5 {
    margin-bottom:5px
}
.ml-5 {
    margin-left:5px
}
.mt-10 {
    margin-top:10px
}
.mr-10 {
    margin-right:10px
}
.mb-10 {
    margin-bottom:10px
}
.ml-10 {
    margin-left:10px
}
.mt-15 {
    margin-top:15px
}
.mr-15 {
    margin-right:15px
}
.mb-15 {
    margin-bottom:15px
}
.ml-15 {
    margin-left:15px
}
.mt-20 {
    margin-top:20px
}
.mr-20 {
    margin-right:20px
}
.mb-20 {
    margin-bottom:20px
}
.ml-20 {
    margin-left:20px
}
.mt-25 {
    margin-top:25px
}
.mr-25 {
    margin-right:25px
}
.mb-25 {
    margin-bottom:25px
}
.ml-25 {
    margin-left:25px
}
.mt-30 {
    margin-top:30px
}
.mr-30 {
    margin-right:30px
}
.mb-30 {
    margin-bottom:30px
}
.ml-30 {
    margin-left:30px
}
.mt-35 {
    margin-top:35px
}
.mr-35 {
    margin-right:35px
}
.mb-35 {
    margin-bottom:35px
}
.ml-35 {
    margin-left:35px
}
.mt-40 {
    margin-top:40px
}
.mr-40 {
    margin-right:40px
}
.mb-40 {
    margin-bottom:40px
}
.ml-40 {
    margin-left:40px
}
.mt-45 {
    margin-top:45px
}
.mr-45 {
    margin-right:45px
}
.mb-45 {
    margin-bottom:45px
}
.ml-45 {
    margin-left:45px
}
.mt-50 {
    margin-top:50px
}
.mr-50 {
    margin-right:50px
}
.mb-50 {
    margin-bottom:50px
}
.ml-50 {
    margin-left:50px
}
.mt--5 {
    margin-top:-5px
}
.mr--5 {
    margin-right:-5px
}
.mb--5 {
    margin-bottom:-5px
}
.ml--5 {
    margin-left:-5px
}
.mt--10 {
    margin-top:-10px
}
.mr--10 {
    margin-right:-10px
}
.mb--10 {
    margin-bottom:-10px
}
.ml--10 {
    margin-left:-10px
}
.mt--15 {
    margin-top:-15px
}
.mr--15 {
    margin-right:-15px
}
.mb--15 {
    margin-bottom:-15px
}
.ml--15 {
    margin-left:-15px
}
.mt--20 {
    margin-top:-20px
}
.mr--20 {
    margin-right:-20px
}
.mb--20 {
    margin-bottom:-20px
}
.ml--20 {
    margin-left:-20px
}
.mt--25 {
    margin-top:-25px
}
.mr--25 {
    margin-right:-25px
}
.mb--25 {
    margin-bottom:-25px
}
.ml--25 {
    margin-left:-25px
}
.mt--30 {
    margin-top:-30px
}
.mr--30 {
    margin-right:-30px
}
.mb--30 {
    margin-bottom:-30px
}
.ml--30 {
    margin-left:-30px
}
.mt--35 {
    margin-top:-35px
}
.mr--35 {
    margin-right:-35px
}
.mb--35 {
    margin-bottom:-35px
}
.ml--35 {
    margin-left:-35px
}
.mt--40 {
    margin-top:-40px
}
.mr--40 {
    margin-right:-40px
}
.mb--40 {
    margin-bottom:-40px
}
.ml--40 {
    margin-left:-40px
}
.mt--45 {
    margin-top:-45px
}
.mr--45 {
    margin-right:-45px
}
.mb--45 {
    margin-bottom:-45px
}
.ml--45 {
    margin-left:-45px
}
.mt--50 {
    margin-top:-50px
}
.mr--50 {
    margin-right:-50px
}
.mb--50 {
    margin-bottom:-50px
}
.ml--50 {
    margin-left:-50px
}
.opacity-0 {
    opacity:0
}
.opacity-10 {
    opacity:.1
}
.opacity-20 {
    opacity:.2
}
.opacity-30 {
    opacity:.3
}
.opacity-40 {
    opacity:.4
}
.opacity-50 {
    opacity:.5
}
.opacity-60 {
    opacity:.6
}
.opacity-70 {
    opacity:.7
}
.opacity-80 {
    opacity:.8
}
.opacity-90 {
    opacity:.9
}
.opacity-100 {
    opacity:1
}
@-webkit-keyframes fadein {
    0% {
        opacity:0
    }
    50% {
        opacity:.4
    }
}
@-webkit-keyframes menuListShow {
    from {
        opacity:0;
        margin-top:-5px
    }
    to {
        opacity:1;
        margin:inherit
    }
}
@keyframes menuListShow {
    from {
        opacity:0;
        margin-top:-5px
    }
    to {
        opacity:1;
        margin:inherit
    }
}
.right-menu-box .menu-content .item-cancle {
    display:none
}
.right-menu-box .menu-content .menu-mask-view {
    display:none
}
.context-menu-list {
    margin:0;
    min-width:200px;
    max-width:250px;
    font-size:1em;
    display:inline-block;
    position:fixed;
    list-style-type:none;
    padding:8px 0px;
    border:none;
    border:1px solid #e5e5e5;
    border-right:1px solid #ddd;
    border-radius:4px;
    background:#fff;
    -webkit-box-shadow:0 10px 80px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 10px 80px rgba(0, 0, 0, 0.4);
    box-shadow:0 10px 80px rgba(0, 0, 0, 0.4);
    z-index:999
}
.context-menu-list.animated, .context-menu-list .context-menu-list {
    animation-duration:.1s;
    -webkit-animation-duration:.1s
}
.context-menu-list.animated {
    animation-name:fadeIn;
    -webkit-animation-name:fadeIn
}
.context-menu-list .context-menu-list {
    animation-name:fadeIn;
    -webkit-animation-name:fadeIn
}
.context-menu-list.auto-scroll {
    max-height:80%;
    overflow:auto
}
.context-menu-list span b {
    display:inline-block;
    font-size:12px;
    zoom:.95;
    font-weight:200;
    color:#888;
    padding-left:10px;
    position:absolute;
    right:10px;
    width:65px;
    min-width:50px;
    text-align:right;
    overflow:hidden
}
.context-menu-list .hover>span>b {
    color:#fff
}
.context-menu-list.menu-auto-fit {
    top:5px !important;
    background:#fff
}
.context-menu-list li.selected {
    border-left:none !important;
    background:none
}
.context-menu-list li.selected i.font-icon {
    color:#aaa;
    position:relative;
    top:-2px
}
.context-menu-list li.selected i.font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b";
    font-size:20px;
    vertical-align:top
}
.context-menu-list .context-menu-submenu:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    margin-right:0px;
    right:5px;
    top:7px;
    position:absolute;
    opacity:.6
}
.context-menu-list .context-menu-item {
    display:block;
    cursor:pointer;
    white-space:nowrap;
    clear:both;
    line-height:27px;
    height:27px;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0px 15px 0 20px;
    border:none;
    color:#444;
    -ms-transition:background-color .1s;
    -webkit-transition:background-color .1s;
    -moz-transition:background-color .1s;
    -o-transition:background-color .1s;
    transition:background-color .1s
}
.context-menu-list .context-menu-item.context-menu-input {
    overflow:visible
}
.context-menu-list .context-menu-item .font-icon {
    display:inline-block;
    color:#aaa;
    margin-right:8px;
    font-size:17px;
    margin-top:-2px;
    width:16px;
    height:16px;
    line-height:16px
}
.context-menu-list .context-menu-item .font-icon.x-item-icon {
    border-radius:2px
}
.context-menu-list .context-menu-item .font-icon.x-font-icon {
    color:#fff !important;
    border-radius:3px;
    font-size:13px;
    background-image:none;
    background-image:-webkit-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0))
}
.context-menu-list .context-menu-item .font-icon.x-font-icon:before {
    background:none;
    background-clip:inherit;
    -webkit-background-clip:inherit;
    text-fill-color:inherit;
    -webkit-text-fill-color:inherit
}
.context-menu-list .context-menu-item .font-icon img.x-item-icon {
    margin-top:-3px;
    background:none;
    border-radius:3px;
    max-width:100%;
    max-height:100%;
    width:100%;
    height:initial
}
.context-menu-list .context-menu-item.disabled, .context-menu-list .context-menu-item.disable, .context-menu-list .context-menu-item.hover.disable {
    opacity:.3;
    filter:alpha(opacity=30);
    cursor:not-allowed;
    pointer-events:auto
}
.context-menu-list .context-menu-item.disabled:hover, .context-menu-list .context-menu-item.disable:hover, .context-menu-list .context-menu-item.hover.disable:hover, .context-menu-list .context-menu-item.disabled:active, .context-menu-list .context-menu-item.disable:active, .context-menu-list .context-menu-item.hover.disable:active, .context-menu-list .context-menu-item.disabled:focus, .context-menu-list .context-menu-item.disable:focus, .context-menu-list .context-menu-item.hover.disable:focus {
    background:#fff
}
.context-menu-list .context-menu-item.hover {
    cursor:pointer;
    color:#fff;
    background:#63acff;
    background-color:none \9
}
.context-menu-list .context-menu-item.hover.not-hover {
    color:inherit;
    background:inherit
}
.context-menu-list .context-menu-item.hover .font-icon {
    color:#fff
}
.context-menu-list .context-menu-item span i {
    float:right;
    text-align:right;
    font-style:normal;
    color:#888
}
.context-menu-list .context-menu-item.context-menu-separator {
    height:2px;
    line-height:0;
    border-bottom:1px solid #eee;
    margin:2px 0 4px;
    cursor:default
}
.context-menu-list .context-menu-item>.context-menu-list {
    display:none;
    right:-5px;
    top:5px
}
.context-menu-list .context-menu-item.hover>.context-menu-list {
    display:block
}
.context-menu-list .context-menu-item.hover>.context-menu-list .font-icon {
    color:#aaa
}
.context-menu-list .context-menu-item.hover>.context-menu-list .hover .font-icon {
    color:#fff;
    color:#aaa \9
}
.context-menu-list .context-menu-item span.context-menu-accesskey {
    margin-left:2px;
    color:#bbb;
    font-size:.9em
}
.context-menu-list .context-menu-item span.context-menu-accesskey i {
    text-decoration:underline;
    float:none;
    padding:0 1px;
    color:#bbb
}
.context-menu-list .context-menu-item span.context-menu-accesskey:before {
    content:'('
}
.context-menu-list .context-menu-item span.context-menu-accesskey:after {
    content:')'
}
.context-menu-list .line-top {
    border-top:1px solid rgba(150, 150, 150, 0.12) !important
}
.context-menu-list .line-bottom {
    overflow:visible;
    margin-bottom:10px
}
.context-menu-list .line-bottom:before {
    content:"";
    width:100%;
    pointer-events:none;
    position:absolute;
    z-index:2;
    left:0;
    bottom:-5px;
    border-bottom:1px solid rgba(150, 150, 150, 0.12)
}
.x-big-edit {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -336px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:32px;
    height:32px;
    margin:inherit
}
.x-big-edit:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .x-big-edit {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.font-icon.user-home, .x-self-root {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -496px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:16px;
    margin-right:0px;
    filter:none;
    -ms-filter:none
}
.font-icon.user-home:before, .x-self-root:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .font-icon.user-home, .x-self-root {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.font-icon.go-up {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -496px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:16px;
    margin-right:0px
}
.font-icon.go-up:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .font-icon.go-up {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.x-tree-fav.small {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -773px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:16px;
    margin-right:0px
}
.x-tree-fav.small:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .x-tree-fav.small {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .header-right .font-icon.icon-search {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -736px;
    background-size:auto !important;
    background-repeat:no-repeat;
    margin-right:8px;
    margin-right:0px;
    margin-top:4px;
    width:16px;
    height:16px
}
.frame-main-explorer .header-right .font-icon.icon-search:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .header-right .font-icon.icon-search {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.x-item-icon.x-upload {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -48px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.x-item-icon.x-upload:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .x-item-icon.x-upload {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.x-item-icon.x-upload.small {
    width:16px;
    height:16px
}
.font-icon.ri-pencil-fill {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -64px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:16px
}
.font-icon.ri-pencil-fill:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .font-icon.ri-pencil-fill {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #006CFA, #1acbff);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.context-menu-list .context-menu-item.search .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 0;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.search .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.search .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.explorer .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -16px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.open .font-icon:before, .context-menu-list .context-menu-item.explorer .font-icon:before, .context-menu-list .context-menu-item.open-the-path .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.explorer .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.upload-file .font-icon, .context-menu-list .context-menu-item.file-history-replace .font-icon, .context-menu-list .context-menu-item.upload .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -48px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.upload-file .font-icon:before, .context-menu-list .context-menu-item.file-history-replace .font-icon:before, .context-menu-list .context-menu-item.upload .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.upload-file .font-icon, .context-menu-list .context-menu-item.file-history-replace .font-icon, .context-menu-list .context-menu-item.upload .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.down .font-icon, .context-menu-list .context-menu-item.download .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -48px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.down .font-icon:before, .context-menu-list .context-menu-item.download .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.down .font-icon, .context-menu-list .context-menu-item.download .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -80px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.cute .font-icon:before, .context-menu-list .context-menu-item.cute-to .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item.chatCopy .font-icon, .context-menu-list .context-menu-item.clone .font-icon, .context-menu-list .context-menu-item.copy-see .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -96px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.copy .font-icon:before, .context-menu-list .context-menu-item.copy-to .font-icon:before, .context-menu-list .context-menu-item.chatCopy .font-icon:before, .context-menu-list .context-menu-item.clone .font-icon:before, .context-menu-list .context-menu-item.copy-see .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item.chatCopy .font-icon, .context-menu-list .context-menu-item.clone .font-icon, .context-menu-list .context-menu-item.copy-see .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -16px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.new-folder .font-icon:before, .context-menu-list .context-menu-item.open-father .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.new-file-others>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.new-file-others>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.new-file-others>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item .icon-file-text-alt.font-icon:before {
    display:none
}
.context-menu-list .context-menu-item.past .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -64px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.past .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.past .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.chatRemove .font-icon, .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.system-recycle-remove .font-icon, .context-menu-list .context-menu-item.share-link-remove .font-icon, .context-menu-list .context-menu-item.share-to-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon {
    color:#1890ff;
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -80px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.chatRemove .font-icon:before, .context-menu-list .context-menu-item.remove .font-icon:before, .context-menu-list .context-menu-item.recycle-clear .font-icon:before, .context-menu-list .context-menu-item.recycle-delete .font-icon:before, .context-menu-list .context-menu-item.system-recycle-remove .font-icon:before, .context-menu-list .context-menu-item.share-link-remove .font-icon:before, .context-menu-list .context-menu-item.share-to-remove .font-icon:before, .context-menu-list .context-menu-item .close .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.chatRemove .font-icon, .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.system-recycle-remove .font-icon, .context-menu-list .context-menu-item.share-link-remove .font-icon, .context-menu-list .context-menu-item.share-to-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.system-recycle-config .font-icon {
    color:#1890ff
}
.context-menu-list .context-menu-item.system-recycle-clear-all .font-icon, .context-menu-list .context-menu-item.system-recycle-clear-user .font-icon {
    color:#f63
}
.context-menu-list .context-menu-item.system-recycle-restore-user .font-icon, .context-menu-list .context-menu-item.system-recycle-restore-select .font-icon, .context-menu-list .context-menu-item.system-recycle-move-to .font-icon, .context-menu-list .context-menu-item.recycle-restore-all .font-icon, .context-menu-list .context-menu-item.recycle-restore .font-icon, .context-menu-list .context-menu-item.system-recycle-restore-user .font-icon:before, .context-menu-list .context-menu-item.system-recycle-restore-select .font-icon:before, .context-menu-list .context-menu-item.system-recycle-move-to .font-icon:before, .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon:before {
    color:#63bd37
}
.context-menu-list .context-menu-item.system-recycle-restore-user .font-icon:before, .context-menu-list .context-menu-item.system-recycle-restore-select .font-icon:before, .context-menu-list .context-menu-item.system-recycle-move-to .font-icon:before, .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #63bd37, #7fcf58);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.context-menu-list .context-menu-item .font-icon.icon-caret-down:before {
    font-size:12px
}
.context-menu-list .context-menu-item.zip .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.zip .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.zip .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.unzip-this .font-icon, .context-menu-list .context-menu-item.unzip-to .font-icon, .context-menu-list .context-menu-item.unzip .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.unzip-this .font-icon:before, .context-menu-list .context-menu-item.unzip-to .font-icon:before, .context-menu-list .context-menu-item.unzip .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.unzip-this .font-icon, .context-menu-list .context-menu-item.unzip-to .font-icon, .context-menu-list .context-menu-item.unzip .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.open-text .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:1px -702px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.open-text .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.open-text .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.share-type-to .font-icon, .context-menu-list .context-menu-item.share-to-edit .font-icon, .context-menu-list .context-menu-item.share-type-to .font-icon:before, .context-menu-list .context-menu-item.share-to-edit .font-icon:before {
    color:#1a57de
}
.context-menu-list .context-menu-item.share-type-to .font-icon:before, .context-menu-list .context-menu-item.share-to-edit .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #1a57de, #4276e9);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.context-menu-list .context-menu-item.share-to-file .font-icon, .context-menu-list .context-menu-item.share-to-file .font-icon:before {
    color:#1a57de
}
.context-menu-list .context-menu-item.share-to-file .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #1a57de, #4276e9);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.context-menu-list .context-menu-item.share-type-link .font-icon, .context-menu-list .context-menu-item.share-link-edit .font-icon, .context-menu-list .context-menu-item.share-link-file .font-icon {
    color:#31dc48 !important
}
.context-menu-list .context-menu-item.share-type-link .font-icon:before, .context-menu-list .context-menu-item.share-link-edit .font-icon:before, .context-menu-list .context-menu-item.share-link-file .font-icon:before {
    content:"\eb17" !important;
    font-family:"kod-svg-font" !important
}
.context-menu-list .context-menu-item.share-type-link .font-icon:before, .context-menu-list .context-menu-item.share-link-edit .font-icon:before, .context-menu-list .context-menu-item.share-link-file .font-icon:before {
    background:none;
    color:#31dc48 !important;
    vertical-align:unset;
    text-fill-color:unset;
    -webkit-text-fill-color:unset;
    background-clip:unset;
    -webkit-background-clip:unset
}
.context-menu-list .context-menu-item.set-background .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -609px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.set-background .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.set-background .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -773px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.fav .font-icon:before, .context-menu-list .context-menu-item.fav-page .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.refresh .font-icon, .context-menu-list .context-menu-item.refresh-tree .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -513px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.refresh .font-icon:before, .context-menu-list .context-menu-item.refresh-tree .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.refresh .font-icon, .context-menu-list .context-menu-item.refresh-tree .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line, .context-menu-list .context-menu-item.setting-wall .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -577px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line:before, .context-menu-list .context-menu-item.setting-wall .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line, .context-menu-list .context-menu-item.setting-wall .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -528px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:1px -625px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.select-all>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -545px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.select-all>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.select-all>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.select-clear>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -546px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.select-clear>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.select-clear>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list .context-menu-item.select-reverse>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -593px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.context-menu-list .context-menu-item.select-reverse>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.select-reverse>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.context-menu-list.set-list-type .context-menu-item, .context-menu-list.menu-file-sort-by .context-menu-item, .context-menu-list.set-sort-by .context-menu-item, .context-menu-list.set-icon-size .context-menu-item, .context-menu-list.menu-view-theme .context-menu-item, .context-menu-list.menu-view-file-mode .context-menu-item, .context-menu-list.menu-tab-size .context-menu-item, .context-menu-list.menu-view-file-charset .context-menu-item, .context-menu-list.code-font-family-list .context-menu-item, .context-menu-list.menu-view-font .context-menu-item {
    padding:0px 10px 0 10px
}
.menu-simple-file .context-menu-item.clone {
    display:none !important
}
.menu-share-folder .context-menu-item.disabled {
    display:none !important
}
.edit-main .context-menu-list.menu-view-theme {
    max-height:70%;
    overflow-y:auto
}
.edit-main .context-menu-list.menu-view-theme .context-menu-item {
    line-height:26px;
    height:26px
}
.tips-box {
    z-index:50;
    min-height:40px;
    margin-top:15px;
    line-height:40px;
    max-width:600px;
    min-width:160px;
    overflow:hidden;
    position:fixed;
    font-size:14px;
    padding:2px 1em;
    text-align:left;
    z-index:9900000;
    pointer-events:none;
    background:#fff;
    transition:width .6s ease;
    border:1px solid #ddd;
    border:0px solid transparent;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), 0 0 6px rgba(0, 0, 0, 0.08);
    border-radius:3px;
    padding:0
}
.tips-box img {
    vertical-align:middle
}
@media (max-width:700px) {
    .tips-box {
        max-width:80%
    }
}
.tips-box p {
    margin:0 0 10px;
    padding:0
}
.tips-box .tips-msg {
    color:#8492a6;
    padding:10px 40px 0px 50px;
    line-height:1.6em
}
.tips-box .tips-msg p li {
    border-left:4px solid #ddd;
    list-style:none;
    padding-left:10px;
    margin-bottom:0px
}
.tips-box .tips-close {
    font-size:22px;
    cursor:pointer;
    width:40px;
    height:100%;
    line-height:35px;
    text-align:center;
    position:absolute;
    right:0px;
    top:0px;
    color:#ddd;
    pointer-events:all
}
.tips-box .tips-close:active, .tips-box .tips-close:hover {
    color:#f30;
    border-bottom:none;
    text-decoration:none;
    background:rgba(255, 87, 34, 0.1)
}
.tips-box .tips-icon {
    width:40px;
    height:40px;
    height:100%;
    position:absolute;
    font-size:16px;
    padding:0;
    color:#fff;
    text-align:center;
    display:inline-block
}
.tips-box .tips-icon:after {
    font-style:normal;
    color:inherit
}
.tips-box.success .tips-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.tips-box.info .tips-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee59"
}
.tips-box.warning .tips-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eca1"
}
.tips-box.error .tips-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.tips-box.success .tips-icon {
    background:#13ce66
}
.tips-box.info .tips-icon {
    background:#50bfff
}
.tips-box.warning .tips-icon {
    background:#f7ba29
}
.tips-box.error .tips-icon {
    background:#ff4949
}
.kod-tooltip {
    position:relative
}
.kod-tooltip .kod-tooltip-text {
    visibility:hidden;
    background-color:#fff;
    color:rgba(0, 0, 0, 0.65);
    border-radius:3px;
    padding:8px 10px;
    text-align:left;
    box-shadow:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    position:absolute;
    z-index:1;
    left:30%
}
.kod-tooltip .kod-tooltip-text.tip-top {
    bottom:100%
}
.kod-tooltip .kod-tooltip-text.tip-bottom {
    top:100%
}
.kod-tooltip .kod-tooltip-text .tp-line {
    height:20px;
    line-height:20px;
    display:flex
}
.kod-tooltip .kod-tooltip-text .tp-line span {
    display:inline-block
}
.kod-tooltip .kod-tooltip-text .tp-line span .dot {
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:3px;
    margin-right:8px
}
.kod-tooltip .kod-tooltip-text .tp-line span:first-child {
    width:88px;
    flex:1
}
.kod-tooltip .kod-tooltip-text .bg-safe {
    background-color:#3dbd7d
}
.kod-tooltip .kod-tooltip-text .bg-default {
    background-color:#40abfb
}
.kod-tooltip .kod-tooltip-text .bg-warning {
    background-color:#ffbf00
}
.kod-tooltip .kod-tooltip-text .bg-error {
    background-color:#f04134
}
.kod-tooltip .kod-tooltip-text .bg-minor {
    background-color:#eceef1
}
.kod-tooltip:hover .kod-tooltip-text {
    visibility:visible
}
@-webkit-keyframes kui-progress-active {
    0% {
        width:0;
        opacity:.1
    }
    20% {
        width:0;
        opacity:.5
    }
    100% {
        width:100%;
        opacity:0
    }
}
@keyframes kui-progress-active {
    0% {
        width:0;
        opacity:.1
    }
    20% {
        width:0;
        opacity:.5
    }
    100% {
        width:100%;
        opacity:0
    }
}
.kui-notify .kui-notify-box {
    position:fixed;
    z-index:99999;
    padding:0;
    pointer-events:none;
    max-height:100%;
    min-height:200px;
    overflow:hidden;
    overflow-y:auto
}
.kui-notify .kui-notify-box hr {
    margin-top:.5em;
    margin-bottom:.5em
}
.kui-notify .kui-notify-box.kui-notify-topLeft {
    left:0;
    top:0
}
.kui-notify .kui-notify-box.kui-notify-topRight {
    right:0;
    top:0
}
.kui-notify .kui-notify-box.kui-notify-bottomRight {
    right:0;
    bottom:0
}
.kui-notify .kui-notify-box.kui-notify-bottomLeft {
    left:0;
    bottom:0
}
.kui-notify .kui-notify-box .kui-notify-item {
    pointer-events:all;
    position:relative;
    overflow:hidden;
    background:#fff;
    background:rgba(255, 255, 255, 0.98);
    border-radius:6px;
    box-shadow:0 2px 12px rgba(0, 0, 0, 0.15);
    width:300px;
    margin:6px 10px 6px 15px
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-item-main {
    padding:10px 10px 0 15px;
    line-height:1.5em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-close {
    position:absolute;
    top:6px;
    right:6px;
    font-size:14px;
    text-align:center;
    width:30px;
    height:30px;
    line-height:28px;
    cursor:pointer;
    color:#e6e6e6;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    border-radius:3px
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:hover, .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:active, .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:focus {
    color:#ff4d4f;
    background:#f6f6f6
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon {
    float:left;
    width:20px;
    height:26px;
    line-height:30px;
    text-align:center;
    margin:0px 0px 0 0px
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .font-icon {
    width:100%;
    height:100%;
    font-size:18px;
    color:#1890ff;
    text-align:center;
    display:inline-block;
    line-height:1.1em;
    font-size:20px
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-info:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee58";
    color:#1890ff;
    line-height:.9em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-success:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb80";
    color:#63bd37;
    line-height:.9em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-warning:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eca0";
    color:#faad14;
    line-height:.9em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-error:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb96";
    color:#ff4d4f;
    line-height:.9em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-loading {
    margin-top:8px;
    background:url("../../images/common/loading.gif") no-repeat
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content {
    float:left;
    width:240px;
    margin-left:10px;
    padding-bottom:15px
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title {
    color:#444;
    font-size:1.1em;
    margin-top:5px;
    margin-bottom:4px;
    word-break:break-all
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title.empty {
    margin-top:7px;
    margin-bottom:0
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-message {
    color:#999;
    word-break:break-word;
    line-height:1.2em
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .item-line {
    display:block;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    position:relative
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .item-line .item-text {
    display:block;
    min-width:10%;
    padding:0;
    margin:0;
    text-overflow:ellipsis;
    overflow:hidden;
    box-sizing:content-box
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .item-line .text-left {
    width:60%
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .item-line .text-right {
    width:40%;
    position:absolute;
    top:0;
    right:0;
    text-align:right
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title .loading, .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-message .loading {
    width:16px;
    height:16px;
    margin-left:10px;
    margin-top:3px;
    position:absolute;
    background:url("../../images/common/loading.gif") no-repeat
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box {
    height:6px;
    margin:5px 0 2px 0;
    border-radius:5px;
    overflow:hidden
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add {
    height:100%;
    transition:all .5s;
    border-radius:5px;
    background-color:#1890ff;
    position:relative
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add:before {
    content:'';
    position:absolute;
    height:100%;
    background:#fff;
    border-radius:5px;
    opacity:0
}
.kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-title {
    font-size:.9em;
    color:#aaa
}
.ztree {
    margin:0px;
    padding:0px;
    padding-top:10px
}
.ztree li {
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
    white-space:nowrap;
    outline:0
}
.ztree li ul {
    margin:0;
    padding:1px 0;
    padding:0
}
.ztree li span.button {
    line-height:0;
    margin:0;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    outline:none;
    background-color:transparent;
    background-repeat:no-repeat;
    width:20px;
    margin-right:5px
}
.ztree li span.button.switch {
    width:25px;
    margin-right:0px;
    background:none;
    text-align:center;
    height:27px;
    line-height:27px;
    vertical-align:top
}
.ztree li span.button.switch:hover, .ztree li span.button.switch:active, .ztree li span.button.switch:focus {
    background:rgba(0, 0, 0, 0.03)
}
.ztree li span.button.switch:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6d";
    color:#aaa;
    text-decoration:inherit;
    position:relative
}
.ztree li span.button.switch.noline_open {
    line-height:29px
}
.ztree li span.button.switch.noline_docu:after, .ztree li span.button.switch.bottom_docu:after {
    content:" "
}
.ztree li span.button.switch.noline_open:after, .ztree li span.button.switch.noline_open_hover:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4d";
    top:-1px
}
.ztree li span.button.switch.switch_hover:after {
    color:#63acff
}
.ztree li span.button.ico_loading {
    background:url("../../images/common/loading_tree.gif") no-repeat 0 0 transparent !important;
    margin-top:2px
}
.ztree li span.button.ico_loading .path-ico {
    display:none
}
.ztree li span.tree_icon {
    height:20px;
    width:20px;
    background:none;
    margin-top:-1px;
    margin-left:-4px
}
.ztree li span.tree_icon .path-ico {
    font-size:20px
}
.ztree li span.tree_icon img {
    width:100%;
    max-width:100%;
    max-height:100%
}
.ztree li span.tree_icon .path-ico .picture.ico img {
    border-radius:2px
}
.ztree li a {
    padding-top:0px;
    cursor:pointer;
    z-index:10;
    text-decoration:none;
    display:block;
    margin:0;
    color:#444;
    vertical-align:top;
    height:27px;
    line-height:27px;
    padding-left:10px;
    border:1px solid transparent;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.ztree li a:hover, .ztree li a:active, .ztree li a:focus {
    background:#eee;
    border:1px solid #eee
}
.ztree li a.curSelectedNode, .ztree li a.curDropTreeNode {
    border:1px solid #63acff;
    background:#63acff
}
.ztree li a.curSelectedNode .button.switch:after, .ztree li a.curDropTreeNode .button.switch:after {
    color:#fff !important
}
.ztree li a.curDropTreeNode {
    box-shadow:0 0 0 1px #fff inset !important
}
.ztree li a.curSelectedNode_Edit {
    border:1px solid #63acff;
    background:#63acff;
    color:black
}
.ztree li a.curSelectedNode_Edit .menu-item {
    display:none !important
}
.ztree li a.curSelectedNode_Edit span.node_name {
    position:relative
}
.ztree li a input.rename {
    padding:0;
    margin:0;
    border:none;
    outline:none;
    margin-left:-3px;
    padding-left:3px;
    width:110px;
    position:absolute
}
.ztree li a span.button.root_docu, .ztree li a span.button.noline_docu {
    background:none;
    pointer-events:none
}
.ztree li a span.space {
    display:inline-block
}
.ztree li a .menu-item {
    display:none;
    position:absolute;
    right:8px;
    top:50%;
    margin-top:-8px;
    width:14px;
    height:14px;
    text-align:center;
    border:1px solid #ccc;
    background:#fff;
    border-radius:2px;
    cursor:pointer;
    z-index:50
}
.ztree li a .menu-item .cert {
    margin-top:5px;
    margin-left:3px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid silver
}
.ztree li a .menu-item:hover, .ztree li a .menu-item:active, .ztree li a.context-menu-active .menu-item {
    border-color:#3399ff;
    background:#dff1ff;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1)
}
.ztree li a .menu-item:hover .cert, .ztree li a .menu-item:active .cert, .ztree li a.context-menu-active .menu-item .cert {
    border-top-color:#3399ff
}
.ztree li a:hover .menu-item, .ztree li a.curSelectedNode .menu-item, .ztree li a:active .menu-item, .ztree li a:focus .menu-item {
    display:block
}
.ztree li .node_name span.node-name-desc {
    color:rgba(0, 0, 0, 0.2);
    float:right;
    background:rgba(0, 0, 0, 0.03);
    height:16px;
    line-height:16px;
    border-radius:30px;
    font-size:12px;
    margin:0 5px 0 5px;
    padding:0 8px 0 8px;
    margin-top:6.5px
}
.ztree.zTreeDrag {
    margin:0;
    padding:0;
    position:absolute;
    width:auto;
    height:auto;
    background-color:#63acff;
    border:1px solid #63acff;
    opacity:.5;
    filter:alpha(opacity=50)
}
.ztree.zTreeDrag li a span.space {
    display:none !important
}
.ztree.zTreeDrag li a {
    padding:4px 10px 0 10px;
    color:#fff
}
.ztree.zTreeDrag li span.button.switch {
    display:none
}
.ztree li a.tmpTargetNode_inner {
    background:#0076fc;
    border:1px solid #3091ff;
    color:#fff
}
.ztree li a.tmpTargetNode_prev {
    border-bottom:1px solid #f96
}
.ztree li a.tmpTargetNode_next {
    border-bottom:1px solid #f96
}
span.tmpzTreeMove_arrow {
    display:inline-block;
    margin:4px 0 0 2px;
    position:absolute;
    border-color:transparent transparent transparent #fff;
    border-style:solid;
    border-width:7px 0px 7px 7px;
    width:0;
    height:0;
    _border-top-color:white;
    _border-bottom-color:white;
    _filter:chroma(color=white)
}
.server-dwonload-textarea textarea {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s
}
.server-dwonload-textarea textarea:hover, .server-dwonload-textarea textarea:active {
    border-color:#75A1F0
}
.server-dwonload-textarea textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.server-dwonload-textarea textarea.disabled, .server-dwonload-textarea textarea[readonly='true'], .server-dwonload-textarea textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.server-dwonload-textarea textarea.disabled:hover, .server-dwonload-textarea textarea[readonly='true']:hover, .server-dwonload-textarea textarea[readonly='readonly']:hover, .server-dwonload-textarea textarea.disabled:active, .server-dwonload-textarea textarea[readonly='true']:active, .server-dwonload-textarea textarea[readonly='readonly']:active {
    border-color:#ddd
}
.server-dwonload-textarea textarea.disabled:focus, .server-dwonload-textarea textarea[readonly='true']:focus, .server-dwonload-textarea textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.file-upload-box {
    height:385px;
    padding:5px;
    min-width:365px;
    overflow:hidden
}
.file-upload-box .dialog-tab {
    margin:-5px 5px 5px 5px
}
.file-upload-box .dialog-tab .tab-item:first-child {
    margin-left:-10px
}
.file-upload-box .menu {
    display:block;
    text-decoration:none;
    float:left;
    padding:0px 15px;
    height:26px;
    background-image:-webkit-linear-gradient(top, #fff, #eee);
    background-image:-moz-linear-gradient(top, #fff, #eee);
    background-image:-o-linear-gradient(top, #fff, #eee);
    background-image:-ms-linear-gradient(top, #fff, #eee);
    background-image:linear-gradient(top, #fff, #eee);
    font-size:1em;
    border:1px solid #ccc;
    text-align:center;
    line-height:24px;
    margin-right:5px;
    margin-bottom:-1px;
    color:#444;
    border-radius:4px 4px 0 0
}
.file-upload-box .menu.this {
    background:#fff;
    border-bottom:1px solid #fff
}
.file-upload-box .menu:hover, .file-upload-box .menu:active, .file-upload-box .menu:focus {
    background:#fff
}
.file-upload-box .upload-box {
    margin-top:10px
}
.file-upload-box .download-btn-group {
    margin-left:-1px;
    margin-top:0px;
    position:absolute
}
.file-upload-box .download-btn-group .btn {
    height:20px
}
.file-upload-box .download-btn-group .download-start {
    border-radius:0px
}
.file-upload-box .upload-box-tips .btn.btn-default {
    border-radius:3px;
    color:#555
}
.file-upload-box .upload-box-tips .btn-group>.btn:last-child:not(:first-child), .file-upload-box .upload-box-tips .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.file-upload-box .upload-box-tips .upload-box-stop-change .status-start {
    display:none
}
.file-upload-box .upload-box-tips .upload-box-stop-change.is-stop .status-start {
    display:inline-block
}
.file-upload-box .upload-box-tips .upload-box-stop-change.is-stop .status-stop {
    display:none
}
.file-upload-box .upload-box-tips .font-icon {
    position:relative;
    top:-1px
}
.file-upload-box div a.left {
    margin-left:10px
}
.file-upload-box div a.right {
    position:absolute;
    right:5px
}
.file-upload-box span.info {
    font-size:1em;
    font-style:italic;
    padding:0px 0 5px 10px
}
.file-upload-box i {
    font-size:1em;
    color:#aaa
}
.file-upload-box .list {
    margin:10px 15px 10px 5px
}
.file-upload-box .list input {
    margin-left:10px;
    width:190px;
    padding:0px 3px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    height:24px;
    line-height:24px;
    border-radius:3px 0 0 3px
}
.file-upload-box .list input:hover, .file-upload-box .list input:active {
    border-color:#75A1F0
}
.file-upload-box .list input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.file-upload-box .list input.disabled, .file-upload-box .list input[readonly='true'], .file-upload-box .list input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.file-upload-box .list input.disabled:hover, .file-upload-box .list input[readonly='true']:hover, .file-upload-box .list input[readonly='readonly']:hover, .file-upload-box .list input.disabled:active, .file-upload-box .list input[readonly='true']:active, .file-upload-box .list input[readonly='readonly']:active {
    border-color:#ddd
}
.file-upload-box .list input.disabled:focus, .file-upload-box .list input[readonly='true']:focus, .file-upload-box .list input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.file-upload-box .submit input {
    float:right;
    padding:4px 20px;
    background:#ddd;
    border:none;
    margin-right:36px;
    margin-top:10px
}
.file-upload-box .submit input:hover {
    background:#bbb
}
.file-upload-box .submit input:active {
    background:#444;
    color:#fff
}
.file-upload-box .uploader-content, .file-upload-box .downloader-content {
    border:1px solid #eee;
    margin:0 10px;
    font-size:1em;
    overflow:auto;
    border-radius:4px;
    position:absolute;
    bottom:10px;
    right:0px;
    left:0px;
    top:80px
}
.file-upload-box .uploader-content {
    background:url("../../images/common/drop_upload.png") no-repeat center
}
.file-upload-box .upload-btns {
    float:left;
    margin-left:5px
}
.file-upload-box .upload-select-file {
    position:relative;
    display:inline-block;
    color:#fff;
    text-align:center;
    height:27px;
    line-height:27px;
    border-radius:3px;
    padding:0px 15px;
    font-size:.9em;
    vertical-align:top
}
.file-upload-box .upload-select-file, .file-upload-box .upload-cert {
    cursor:pointer;
    background:#def;
    border:none;
    background-image:-webkit-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-moz-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-o-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-ms-linear-gradient(top, #84C8FF, #6091FF);
    background-image:linear-gradient(top, #84C8FF, #6091FF)
}
.file-upload-box .upload-select-file:hover, .file-upload-box .upload-cert:hover, .file-upload-box .upload-select-file:active, .file-upload-box .upload-cert:active, .file-upload-box .upload-select-file:focus, .file-upload-box .upload-cert:focus {
    background-image:-webkit-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-moz-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-o-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-ms-linear-gradient(top, #84C8FF, #6091FF);
    background-image:linear-gradient(top, #84C8FF, #6091FF);
    box-shadow:inset 0 1px 1em rgba(0, 0, 0, 0.3)
}
.file-upload-box .upload-cert {
    width:24px;
    height:27px;
    line-height:27px;
    position:relative;
    padding:0;
    margin-left:-5px;
    border-left:1px solid rgba(0, 0, 0, 0.1);
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.file-upload-box .upload-cert .caret {
    margin-top:-2px;
    margin-left:-1px;
    border-top:4px solid #fff
}
.file-upload-box .upload-folder-dropdown {
    position:relative;
    vertical-align:top;
    margin-left:-2px
}
.file-upload-box .upload-folder-dropdown .dropdown-menu {
    right:inherit;
    left:0;
    margin-left:-10px;
    margin-top:5px;
    font-size:.9em
}
.file-upload-box .upload-folder-dropdown .dropdown-menu:before {
    right:inherit;
    left:10px
}
.file-upload-box .upload-folder-dropdown .dropdown-menu:after {
    right:inherit;
    left:11px
}
.file-upload-box .upload-folder-dropdown.open .upload-cert {
    background-image:-webkit-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-moz-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-o-linear-gradient(top, #84C8FF, #6091FF);
    background-image:-ms-linear-gradient(top, #84C8FF, #6091FF);
    background-image:linear-gradient(top, #84C8FF, #6091FF);
    box-shadow:inset 0 1px 1em rgba(0, 0, 0, 0.3)
}
.file-upload-box .webuploader-pick-disable {
    opacity:.6;
    filter:alpha(opacity=60);
    pointer-events:none
}
.file-upload-box .btns {
    margin-bottom:10px;
    font-size:1em;
    height:28px
}
.file-upload-box .btns .tips {
    float:right;
    line-height:30px
}
.file-upload-box .btns #picker {
    float:left
}
.file-upload-box .upload-box-tips {
    line-height:34px;
    color:#888;
    position:absolute;
    right:10px
}
.file-upload-box .upload-box-config {
    box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.3);
    border-radius:2px;
    margin-bottom:10px;
    padding:4px
}
.file-upload-box .upload-box-config .upload-check-box {
    margin-left:10px
}
.file-upload-box .upload-box-config label {
    margin-left:15px
}
.file-upload-box .upload-box-config label input {
    margin-right:5px
}
.file-upload-box .uploader-list .item, .file-upload-box .download-list .item {
    padding:0px;
    overflow:hidden;
    height:35px;
    width:100%;
    border-bottom:1px solid #eee;
    background:#fefefe;
    position:absolute;
    top:0
}
.file-upload-box .uploader-list .item .info, .file-upload-box .download-list .item .info {
    color:#224;
    line-height:35px;
    padding:0 5px;
    z-index:100;
    position:relative;
    font-size:1em;
    margin:0
}
.file-upload-box .uploader-list .item .info .row-item, .file-upload-box .download-list .item .info .row-item {
    padding:0;
    overflow:hidden;
    height:35px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.file-upload-box .uploader-list .item .info .row-item .state, .file-upload-box .download-list .item .info .row-item .state {
    padding-left:10px;
    margin:0
}
.file-upload-box .uploader-list .item .info .row-item span, .file-upload-box .download-list .item .info .row-item span {
    margin-left:5px
}
.file-upload-box .uploader-list .item .info .title, .file-upload-box .download-list .item .info .title {
    color:#40a9ff;
    font-weight:800
}
.file-upload-box .uploader-list .item .info .title .path-ico, .file-upload-box .download-list .item .info .title .path-ico {
    font-size:initial;
    position:absolute;
    padding:0;
    margin:2px 5px 0 5px
}
.file-upload-box .uploader-list .item .info .title .title-name, .file-upload-box .download-list .item .info .title .title-name {
    padding-left:25px
}
.file-upload-box .uploader-list .item .info .size, .file-upload-box .download-list .item .info .size {
    text-align:right;
    color:#40a9ff
}
.file-upload-box .uploader-list .item .info .icon-ok, .file-upload-box .download-list .item .info .icon-ok {
    color:#40AA53
}
.file-upload-box .uploader-list .item .info .error, .file-upload-box .download-list .item .info .error {
    color:#f30
}
.file-upload-box .uploader-list .item .info .row-item .upload-retry, .file-upload-box .download-list .item .info .row-item .upload-retry {
    cursor:pointer;
    display:none;
    color:#40a9ff;
    border-radius:2px;
    padding:2px 4px
}
.file-upload-box .uploader-list .item .info .row-item .upload-retry:hover, .file-upload-box .download-list .item .info .row-item .upload-retry:hover, .file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:active {
    background:#2196F3;
    color:#fff
}
.file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:active, .file-upload-box .uploader-list .item .info .row-item .upload-retry:focus, .file-upload-box .download-list .item .info .row-item .upload-retry:focus {
    background:#224;
    color:#fff
}
.file-upload-box .uploader-list .item.error .info .row-item .upload-retry, .file-upload-box .download-list .item.error .info .row-item .upload-retry {
    display:inline
}
.file-upload-box .uploader-list .item.error .info .row-item .upload-retry.retry-all, .file-upload-box .download-list .item.error .info .row-item .upload-retry.retry-all {
    display:none
}
.file-upload-box .uploader-list .item.error:hover .info .row-item .upload-retry.retry-all, .file-upload-box .download-list .item.error:hover .info .row-item .upload-retry.retry-all {
    display:inline
}
.file-upload-box .uploader-list .item .info .action, .file-upload-box .download-list .item .info .action {
    margin-left:12px;
    width:22px;
    height:22px;
    line-height:23px;
    text-align:center;
    cursor:pointer;
    color:#bbb;
    position:absolute;
    top:2px;
    right:6px
}
.file-upload-box .uploader-list .item .info .action:hover, .file-upload-box .download-list .item .info .action:hover, .file-upload-box .uploader-list .item .info .action:active, .file-upload-box .download-list .item .info .action:active, .file-upload-box .uploader-list .item .info .action:focus, .file-upload-box .download-list .item .info .action:focus {
    text-decoration:none;
    color:#f60
}
.file-upload-box .uploader-list .item .info .action:before, .file-upload-box .download-list .item .info .action:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-upload-box .uploader-list .item.success, .file-upload-box .download-list .item.success {
    background:#fafdff
}
.file-upload-box .uploader-list .item.success .info .action:before, .file-upload-box .download-list .item.success .info .action:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b";
    background:#52c41a;
    border-radius:50%;
    font-size:.9em;
    padding:3px;
    color:#fff
}
.file-upload-box .uploader-list .item.success:hover, .file-upload-box .download-list .item.success:hover, .file-upload-box .uploader-list .item.success:active, .file-upload-box .download-list .item.success:active, .file-upload-box .uploader-list .item.success:focus, .file-upload-box .download-list .item.success:focus {
    cursor:pointer;
    background:#def;
    border-bottom:1px solid #3A87AD
}
.file-upload-box .uploader-list .item.error, .file-upload-box .download-list .item.error {
    background:#ffe8e6
}
.file-upload-box .uploader-list .item .progress, .file-upload-box .download-list .item .progress {
    height:38px;
    margin:0px;
    width:100%;
    border-radius:0;
    box-shadow:none;
    position:absolute;
    top:0
}
.file-upload-box .uploader-list .item .progress-bar, .file-upload-box .download-list .item .progress-bar {
    background-color:#adf;
    background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.35) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, transparent 75%, transparent);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#88ccff', GradientType=1);
    background-repeat:repeat-x
}
.file-upload-box .uploader-list .item.is-stoped .progress-bar {
    animation:none !important
}
.file-upload-box .uploader-list .item.is-stoped .state {
    display:none
}
.file-upload-box .uploader-list .item .stop-start {
    position:absolute;
    right:0;
    top:6px;
    padding:0 5px;
    border-radius:3px;
    text-align:center;
    font-size:12px;
    height:22px;
    line-height:22px
}
.file-upload-box .uploader-list .item .stop-start .font-icon {
    font-size:16px
}
.file-upload-box .uploader-list .item .info .row-item .stop-start span {
    margin:0
}
.file-upload-box .uploader-list .item .stop-start {
    display:none
}
.file-upload-box .uploader-list .item:hover .stop-start, .file-upload-box .uploader-list .item.is-stoped .stop-start {
    display:block
}
.file-upload-box .uploader-list .item .status-start {
    display:none
}
.file-upload-box .uploader-list .item.is-stoped .status-start {
    display:block
}
.file-upload-box .uploader-list .item.is-stoped .status-stop {
    display:none
}
.file-upload-box .uploader-list .item.success .stop-start, .file-upload-box .uploader-list .item.error .stop-start {
    display:none !important
}
.file-upload-box .download-list .item {
    position:relative;
    top:auto
}
.dialog-img-crop .img-box {
    width:400px;
    height:400px;
    overflow:hidden
}
.dialog-img-crop .img-box img {
    max-width:100%;
    max-height:100%
}
.dialog-img-crop .img-box .cropper-container .cropper-modal {
    background-color:#fff
}
.dialog-img-crop .aui-footer button {
    visibility:hidden
}
.kodTable .table-empty-info {
    width:100%;
    text-align:center;
    position:absolute;
    height:40px;
    line-height:40px;
    color:rgba(0, 0, 0, 0.5)
}
.kodTable .table-empty-info:before {
    content:"";
    display:block;
    width:200px;
    height:150px;
    margin:0 auto;
    margin-top:50px;
    background-image:url("../../images/common/status/empty.svg");
    background-repeat:no-repeat;
    background-size:contain
}
.kodTable .table-empty-info span {
    background:rgba(100, 100, 100, 0.05);
    padding:4px 1em;
    border-radius:10px
}
.kodTable .toolbar {
    position:relative;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    display:table;
    width:100%
}
.kodTable .toolbar>div {
    display:table-cell
}
.kodTable .toolbar .left {
    text-align:left;
    vertical-align:top
}
.kodTable .toolbar .right {
    text-align:right
}
.kodTable .toolbar .left>*, .kodTable .toolbar .right>* {
    display:inline-block
}
.kodTable .toolbar .right .btn {
    padding:5px 10px 4px 10px;
    font-size:.9em;
    border-radius:4px;
    margin-left:5px;
    vertical-align:top
}
.kodTable .toolbar .right .btn i {
    display:inline-block;
    vertical-align:text-bottom
}
.kodTable .toolbar .search-box {
    position:relative
}
.kodTable .toolbar .search-box .btn-search {
    position:absolute;
    cursor:pointer;
    opacity:.8;
    right:1px;
    background:#eee;
    color:#888;
    top:1px;
    height:28px;
    line-height:28px;
    width:28px;
    border-left:1px solid #ddd;
    border-radius:0 3px 3px 0
}
.kodTable .toolbar .search-box .btn-close {
    position:absolute;
    width:16px;
    text-align:center;
    height:16px;
    line-height:16px;
    margin-top:7px;
    cursor:pointer;
    opacity:.8;
    right:35px;
    color:red;
    top:0px;
    border-radius:50%;
    -ms-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.kodTable .toolbar .search-box .btn-close:hover, .kodTable .toolbar .search-box .btn-close:active, .kodTable .toolbar .search-box .btn-close:focus {
    color:#fff;
    background:#ff4d4f
}
.kodTable .toolbar .search-box input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    height:28px;
    padding:0px 50px 0px 5px;
    border-radius:4px
}
.kodTable .toolbar .search-box input:hover, .kodTable .toolbar .search-box input:active {
    border-color:#75A1F0
}
.kodTable .toolbar .search-box input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.kodTable .toolbar .search-box input.disabled, .kodTable .toolbar .search-box input[readonly='true'], .kodTable .toolbar .search-box input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.kodTable .toolbar .search-box input.disabled:hover, .kodTable .toolbar .search-box input[readonly='true']:hover, .kodTable .toolbar .search-box input[readonly='readonly']:hover, .kodTable .toolbar .search-box input.disabled:active, .kodTable .toolbar .search-box input[readonly='true']:active, .kodTable .toolbar .search-box input[readonly='readonly']:active {
    border-color:#ddd
}
.kodTable .toolbar .search-box input.disabled:focus, .kodTable .toolbar .search-box input[readonly='true']:focus, .kodTable .toolbar .search-box input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.kodTable .content {
    min-height:300px;
    margin-bottom:10px;
    overflow:auto
}
.kodTable .content .list-table {
    display:table;
    width:100%;
    border-collapse:collapse
}
.kodTable .content .list-table .list-row {
    display:table-row;
    border-bottom:1px solid #eee
}
.kodTable .content .list-table .list-row:nth-child(odd) {
    background:#fafafa
}
.kodTable .content .list-table .list-row .list-col {
    display:table-cell;
    height:100%;
    vertical-align:middle;
    padding:8px 10px;
    word-break:break-word;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:relative
}
.kodTable .content .list-table .list-row .list-col .label {
    word-break:break-word;
    white-space:normal;
    white-space:nowrap
}
.kodTable .content .list-table .list-row:not(.title):hover {
    background:#e5f3ff;
    border-color:transparent
}
.kodTable .content .list-table .list-row.title {
    background:#f3f3f3;
    font-weight:bold;
    color:#888;
    user-select:none
}
.kodTable .content .list-table .list-row.title .list-col {
    position:relative;
    cursor:pointer
}
.kodTable .content .list-table .list-row.title .list-col .font-icon {
    color:#ccc
}
.kodTable .content .list-table .list-row.title .list-col:hover, .kodTable .content .list-table .list-row.title .list-col.this, .kodTable .content .list-table .list-row.title .list-col:active {
    background:#e5f3ff
}
.kodTable .content .list-table .list-row.title .list-col.this i.font-icon {
    color:#333
}
.kodTable .content .list-table .list-row.title .list-col .font-icon.icon-sort {
    color:#ccc !important
}
.kodTable .content .list-table .list-row a {
    color:#1890ff;
    text-decoration:none;
    border-radius:3px;
    padding:3px 6px
}
.kodTable .content .list-table .list-row a:hover {
    text-decoration:none;
    background:#1890ff3b
}
.kodTable .footerbar .list-page {
    float:right
}
.kodTable .list-row .list-sort-down:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4d"
}
.kodTable .list-row .list-sort-up:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea77"
}
.kodTable .list-row .list-sort-down, .kodTable .list-row .list-sort-up {
    font-size:1em;
    position:relative;
    top:-2px
}
.kodTable .list-row .list-sort-down:before, .kodTable .list-row .list-sort-up:before {
    width:1.2em;
    height:1.2em;
    line-height:1.2em;
    display:inline-block;
    vertical-align:middle;
    font-size:1em
}
.kodTable .content .list-table .list-row .drag-item {
    opacity:0;
    display:none;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    position:absolute;
    top:0px;
    left:0;
    z-index:10;
    width:32px;
    height:100%;
    line-height:38px;
    text-align:center;
    background:#cfebf9;
    color:#1890ff;
    cursor:move !important
}
.kodTable .content .list-table .list-row .drag-item:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef3e"
}
.kodTable .content .list-table .list-row:hover .drag-item {
    opacity:.9
}
.kodTable .content .list-table.can-drag-sort .list-row .drag-item {
    display:block
}
@media screen and (max-width:100000px) {
    @keyframes radioEffect {
        0% {
            transform:scale(1);
            opacity:.5
        }
        to {
            transform:scale(1.6);
            opacity:0
        }
    }
    input[type="checkbox"].kui-checkbox-ios, input[type="checkbox"].kui-switch {
        display:none !important
    }
    input[type="checkbox"].kui-checkbox-ios+em, input[type="checkbox"].kui-switch+em {
        vertical-align:middle;
        display:inline-block;
        margin:0 .8em 0 0;
        border:1px solid #ddd;
        cursor:pointer;
        border-radius:999px;
        background-color:#f6f6f6;
        -ms-transition:all .4s;
        -webkit-transition:all .4s;
        -moz-transition:all .4s;
        -o-transition:all .4s;
        transition:all .4s;
        box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.4)
    }
    input[type="checkbox"].kui-checkbox-ios+em:after, input[type="checkbox"].kui-switch+em:after {
        float:left;
        content:'';
        margin:1px 0 0 1px;
        width:18px;
        height:18px;
        border-radius:inherit;
        background:#ffffff;
        -ms-transition:all .4s cubic-bezier(.54, 1.85, .5, 1);
        -webkit-transition:all .4s cubic-bezier(.54, 1.85, .5, 1);
        -moz-transition:all .4s cubic-bezier(.54, 1.85, .5, 1);
        -o-transition:all .4s cubic-bezier(.54, 1.85, .5, 1);
        transition:all .4s cubic-bezier(.54, 1.85, .5, 1);
        box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
        pointer-events:none
    }
    input[type="checkbox"].kui-checkbox-ios:checked+em:after, input[type="checkbox"].kui-switch:checked+em:after {
        background-color:#ffffff;
        box-shadow:0 2px 5px rgba(0, 0, 0, 0.3)
    }
    input[type="checkbox"].kui-checkbox-ios.size-smallx+em, input[type="checkbox"].kui-switch.size-smallx+em {
        width:24px;
        height:12px
    }
    input[type="checkbox"].kui-checkbox-ios.size-smallx+em:after, input[type="checkbox"].kui-switch.size-smallx+em:after {
        width:10px;
        height:10px
    }
    input[type="checkbox"].kui-checkbox-ios.size-smallx:checked+em:after, input[type="checkbox"].kui-switch.size-smallx:checked+em:after {
        margin-left:13px
    }
    input[type="checkbox"].kui-checkbox-ios.size-small+em, input[type="checkbox"].kui-switch.size-small+em {
        width:32px;
        height:16px
    }
    input[type="checkbox"].kui-checkbox-ios.size-small+em:after, input[type="checkbox"].kui-switch.size-small+em:after {
        width:14px;
        height:14px
    }
    input[type="checkbox"].kui-checkbox-ios.size-small:checked+em:after, input[type="checkbox"].kui-switch.size-small:checked+em:after {
        margin-left:17px
    }
    input[type="checkbox"].kui-checkbox-ios+em, input[type="checkbox"].kui-switch+em {
        width:40px;
        height:20px
    }
    input[type="checkbox"].kui-checkbox-ios+em:after, input[type="checkbox"].kui-switch+em:after {
        width:18px;
        height:18px
    }
    input[type="checkbox"].kui-checkbox-ios:checked+em:after, input[type="checkbox"].kui-switch:checked+em:after {
        margin-left:21px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big+em, input[type="checkbox"].kui-switch.size-big+em {
        width:48px;
        height:24px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big+em:after, input[type="checkbox"].kui-switch.size-big+em:after {
        width:22px;
        height:22px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big:checked+em:after, input[type="checkbox"].kui-switch.size-big:checked+em:after {
        margin-left:25px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx+em, input[type="checkbox"].kui-switch.size-bigx+em {
        width:56px;
        height:28px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx+em:after, input[type="checkbox"].kui-switch.size-bigx+em:after {
        width:26px;
        height:26px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx:checked+em:after, input[type="checkbox"].kui-switch.size-bigx:checked+em:after {
        margin-left:29px
    }
    input[type="checkbox"].kui-checkbox-ios:checked+em, input[type="checkbox"].kui-switch:checked+em {
        background-color:#1890ff;
        border:1px solid #1890ff;
        box-shadow:inset 0 0 0 10px #1890ff
    }
    input[type="checkbox"].kui-checkbox-ios.red:checked+em, input[type="checkbox"].kui-switch.red:checked+em {
        background-color:#ff5722;
        border:1px solid #ff5722;
        box-shadow:inset 0 0 0 10px #ff5722
    }
    input[type="checkbox"].kui-checkbox-ios.blue:checked+em, input[type="checkbox"].kui-switch.blue:checked+em {
        background-color:#1890ff;
        border:1px solid #1890ff;
        box-shadow:inset 0 0 0 10px #1890ff
    }
    input[type="checkbox"].kui-checkbox-ios.green:checked+em, input[type="checkbox"].kui-switch.green:checked+em {
        background-color:#64bd63;
        border:1px solid #64bd63;
        box-shadow:inset 0 0 0 10px #64bd63
    }
    input[type="checkbox"].kui-checkbox-ios.yellow:checked+em, input[type="checkbox"].kui-switch.yellow:checked+em {
        background-color:#ffc107;
        border:1px solid #ffc107;
        box-shadow:inset 0 0 0 10px #ffc107
    }
    input[type="checkbox"].kui-checkbox-ios.grey:checked+em, input[type="checkbox"].kui-switch.grey:checked+em {
        background-color:#aaa;
        border:1px solid #aaa;
        box-shadow:inset 0 0 0 10px #aaa
    }
    input[type="checkbox"].kui-checkbox-ios.black:checked+em, input[type="checkbox"].kui-switch.black:checked+em {
        background-color:#444;
        border:1px solid #444;
        box-shadow:inset 0 0 0 10px #444
    }
    input[type="checkbox"].kui-checkbox {
        background:#fdfdfd;
        cursor:pointer;
        border:1px solid #ddd;
        outline:none;
        text-align:center;
        -ms-transition:all .16s ease-in-out;
        -webkit-transition:all .16s ease-in-out;
        -moz-transition:all .16s ease-in-out;
        -o-transition:all .16s ease-in-out;
        transition:all .16s ease-in-out;
        border-radius:10%;
        display:inline-block;
        background-clip:padding-box;
        position:relative;
        margin:0;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        height:16px;
        width:16px;
        font-size:9.6px;
        line-height:15px;
        top:3px
    }
    input[type="checkbox"].kui-checkbox:before {
        font-family:"remixicon";
        font-style:normal;
        vertical-align:middle;
        line-height:1em;
        font-size:1.3em;
        width:1.2em;
        text-align:center;
        content:"\eb7b";
        color:#fdfdfd;
        position:absolute;
        width:100%;
        margin-left:-50%;
        font-size:1.5em;
        font-weight:800;
        transform:rotate(-45deg) scale(2.2);
        opacity:0;
        top:0;
        transition:all .1s cubic-bezier(.71, -0.46, .88, .6), opacity .1s
    }
    input[type="checkbox"].kui-checkbox:checked:before {
        color:#fff;
        transform:scale(.875);
        opacity:1;
        transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
    }
    input[type="checkbox"].kui-checkbox:checked:after {
        position:absolute;
        top:-1px;
        left:-1px;
        width:100%;
        height:100%;
        border:1px solid #222;
        border-radius:10%;
        opacity:.01;
        animation:radioEffect .36s ease-in-out;
        animation-fill-mode:both;
        content:""
    }
    input[type="checkbox"].kui-checkbox.radius {
        border-radius:999px
    }
    input[type="checkbox"].kui-checkbox.size-smallx {
        height:12px;
        width:12px;
        font-size:7.2px;
        line-height:11px;
        top:2px
    }
    input[type="checkbox"].kui-checkbox.size-small {
        height:14px;
        width:14px;
        font-size:8.4px;
        line-height:13px;
        top:2.5px
    }
    input[type="checkbox"].kui-checkbox.size-big {
        height:20px;
        width:20px;
        font-size:12px;
        line-height:19px;
        top:4px
    }
    input[type="checkbox"].kui-checkbox.size-bigx {
        height:26px;
        width:26px;
        font-size:15.6px;
        line-height:25px;
        top:5.5px
    }
    input[type="checkbox"].kui-checkbox:checked {
        background:#1890ff;
        border:1px solid #1890ff;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox:hover, input[type="checkbox"].kui-checkbox:focus, input[type="checkbox"].kui-checkbox:checked:after {
        border:1px solid #1890ff;
        box-shadow:0 0 10px rgba(24, 144, 255, 0.2)
    }
    input[type="checkbox"].kui-checkbox.red:checked {
        background:#ff5722;
        border:1px solid #ff5722;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.red:hover, input[type="checkbox"].kui-checkbox.red:focus, input[type="checkbox"].kui-checkbox.red:checked:after {
        border:1px solid #ff5722;
        box-shadow:0 0 10px rgba(255, 87, 34, 0.2)
    }
    input[type="checkbox"].kui-checkbox.blue:checked {
        background:#1890ff;
        border:1px solid #1890ff;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.blue:hover, input[type="checkbox"].kui-checkbox.blue:focus, input[type="checkbox"].kui-checkbox.blue:checked:after {
        border:1px solid #1890ff;
        box-shadow:0 0 10px rgba(24, 144, 255, 0.2)
    }
    input[type="checkbox"].kui-checkbox.green:checked {
        background:#64bd63;
        border:1px solid #64bd63;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.green:hover, input[type="checkbox"].kui-checkbox.green:focus, input[type="checkbox"].kui-checkbox.green:checked:after {
        border:1px solid #64bd63;
        box-shadow:0 0 10px rgba(100, 189, 99, 0.2)
    }
    input[type="checkbox"].kui-checkbox.yellow:checked {
        background:#ffc107;
        border:1px solid #ffc107;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.yellow:hover, input[type="checkbox"].kui-checkbox.yellow:focus, input[type="checkbox"].kui-checkbox.yellow:checked:after {
        border:1px solid #ffc107;
        box-shadow:0 0 10px rgba(255, 193, 7, 0.2)
    }
    input[type="checkbox"].kui-checkbox.grey:checked {
        background:#aaa;
        border:1px solid #aaa;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.grey:hover, input[type="checkbox"].kui-checkbox.grey:focus, input[type="checkbox"].kui-checkbox.grey:checked:after {
        border:1px solid #aaa;
        box-shadow:0 0 10px rgba(170, 170, 170, 0.2)
    }
    input[type="checkbox"].kui-checkbox.black:checked {
        background:#444;
        border:1px solid #444;
        box-shadow:none
    }
    input[type="checkbox"].kui-checkbox.black:hover, input[type="checkbox"].kui-checkbox.black:focus, input[type="checkbox"].kui-checkbox.black:checked:after {
        border:1px solid #444;
        box-shadow:0 0 10px rgba(68, 68, 68, 0.2)
    }
    input[type="radio"].kui-radio {
        position:relative;
        display:block;
        border-radius:50%;
        top:4px;
        background-color:#fff;
        border:1px solid #d9d9d9;
        border-radius:100px;
        transition:all .3s;
        outline:none;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        width:16px;
        height:16px;
        top:16px/4
    }
    input[type="radio"].kui-radio:before {
        position:absolute;
        display:table;
        top:3px;
        left:3px;
        width:8px;
        height:8px;
        border-radius:50%;
        border-top:0;
        border-left:0;
        transform:scale(0);
        opacity:0;
        transition:all .2s cubic-bezier(.78, .14, .15, .86);
        content:" "
    }
    input[type="radio"].kui-radio:checked:before {
        transform:scale(.875);
        opacity:1;
        transition:all .2s cubic-bezier(.78, .14, .15, .86)
    }
    input[type="radio"].kui-radio:checked:after {
        position:absolute;
        top:-1px;
        left:-1px;
        width:100%;
        height:100%;
        border:1px solid #222;
        border-radius:50%;
        animation:radioEffect .36s ease-in-out;
        animation-fill-mode:both;
        content:""
    }
    input[type="radio"].kui-radio:focus {
        box-shadow:0 0 0 3px rgba(24, 144, 255, 0.08)
    }
    input[type="radio"].kui-radio.size-smallx {
        width:8px;
        height:8px;
        top:8px/4
    }
    input[type="radio"].kui-radio.size-smallx:before {
        top:1px;
        left:1px;
        width:4px;
        height:4px
    }
    input[type="radio"].kui-radio.size-small {
        width:12px;
        height:12px;
        top:12px/4
    }
    input[type="radio"].kui-radio.size-small:before {
        top:2px;
        left:2px;
        width:6px;
        height:6px
    }
    input[type="radio"].kui-radio:before {
        top:3px;
        left:3px;
        width:8px;
        height:8px
    }
    input[type="radio"].kui-radio.size-big {
        width:20px;
        height:20px;
        top:20px/4
    }
    input[type="radio"].kui-radio.size-big:before {
        top:4px;
        left:4px;
        width:10px;
        height:10px
    }
    input[type="radio"].kui-radio.size-bigx {
        width:24px;
        height:24px;
        top:24px/4
    }
    input[type="radio"].kui-radio.size-bigx:before {
        top:5px;
        left:5px;
        width:12px;
        height:12px
    }
    input[type="radio"].kui-radio:checked, input[type="radio"].kui-radio:hover, input[type="radio"].kui-radio:checked:after {
        border-color:#1890ff
    }
    input[type="radio"].kui-radio:before {
        background-color:#1890ff
    }
    input[type="radio"].kui-radio.red:checked, input[type="radio"].kui-radio.red:hover, input[type="radio"].kui-radio.red:checked:after {
        border-color:#ff5722
    }
    input[type="radio"].kui-radio.red:before {
        background-color:#ff5722
    }
    input[type="radio"].kui-radio.blue:checked, input[type="radio"].kui-radio.blue:hover, input[type="radio"].kui-radio.blue:checked:after {
        border-color:#1890ff
    }
    input[type="radio"].kui-radio.blue:before {
        background-color:#1890ff
    }
    input[type="radio"].kui-radio.green:checked, input[type="radio"].kui-radio.green:hover, input[type="radio"].kui-radio.green:checked:after {
        border-color:#64bd63
    }
    input[type="radio"].kui-radio.green:before {
        background-color:#64bd63
    }
    input[type="radio"].kui-radio.yellow:checked, input[type="radio"].kui-radio.yellow:hover, input[type="radio"].kui-radio.yellow:checked:after {
        border-color:#ffc107
    }
    input[type="radio"].kui-radio.yellow:before {
        background-color:#ffc107
    }
    input[type="radio"].kui-radio.grey:checked, input[type="radio"].kui-radio.grey:hover, input[type="radio"].kui-radio.grey:checked:after {
        border-color:#aaa
    }
    input[type="radio"].kui-radio.grey:before {
        background-color:#aaa
    }
    input[type="radio"].kui-radio.black:checked, input[type="radio"].kui-radio.black:hover, input[type="radio"].kui-radio.black:checked:after {
        border-color:#444
    }
    input[type="radio"].kui-radio.black:before {
        background-color:#444
    }
}
.ace_optionsMenuEntry {
    height:22px
}
.ace_optionsMenuCommand {
    float:left;
    width:210px
}
.ace_editor {
    font-family:Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif;
    font-variant-ligatures:no-common-ligatures;
    margin:0;
    padding:0;
    position:absolute;
    height:100%;
    left:0px;
    right:0%;
    background:#fff
}
.ace_editor .ace_gutter-cell {
    cursor:pointer
}
.ace_editor .editor-full-screen {
    display:none;
    position:absolute;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    color:#aaa;
    font-size:.9em;
    color:#1890ff;
    background:#1890ff1a;
    right:0;
    top:0;
    z-index:100;
    margin:4px;
    cursor:pointer;
    border-radius:4px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.ace_editor .editor-full-screen:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9c"
}
.ace_editor .editor-full-screen:hover, .ace_editor .editor-full-screen:active, .ace_editor .editor-full-screen:focus {
    background:#1890ff35
}
.ace_editor:hover .editor-full-screen {
    display:block
}
.ace_editor.ace-editor-full {
    position:fixed !important;
    width:100% !important;
    height:100% !important;
    z-index:99999;
    left:0px !important;
    bottom:0px !important;
    right:0px !important;
    top:0px !important;
    border:none !important
}
.ace_editor.ace-editor-full .editor-full-screen:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9a"
}
.ace_editor textarea.ace_text-input {
    border:none !important;
    box-shadow:none !important;
    padding:0 !important
}
.ace_editor .ace_scrollbar {
    right:3px
}
.ace_editor .ace_hidden-cursors .ace_cursor {
    opacity:.7
}
.ace_editor.ace-tomorrow .ace_cursor {
    color:#3c3434
}
.ace_editor.ace_multiselect .ace_cursor {
    border-left-width:2px
}
.ace_editor .ace_indent-guide {
    height:103%;
    display:inline-block
}
.ace_editor .ace_line {
    line-height:1.2em;
    line-height:inherit \9
}
.ace_editor span.ace_heading {
    font-weight:800
}
.ace_editor .ace_mobile-menu {
    border:none;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
    background:none;
    border-radius:4px;
    height:27px;
    overflow:hidden;
    z-index:50;
    font-size:.9em;
    line-height:17px
}
.ace_editor .ace_mobile-menu>span {
    float:left
}
.ace_editor .ace_mobile-menu .ace_mobile-button {
    display:inline-block;
    padding:5px 13px;
    border-right:.5px solid rgba(255, 255, 255, 0.2);
    cursor:pointer;
    background:#222;
    color:#fff;
    overflow:hidden;
    text-align:center;
    position:relative;
    z-index:1;
    float:left
}
.ace_editor .ace_mobile-menu .ace_mobile-button:hover {
    background:#666 !important;
    z-index:2
}
.ace_editor .ace_mobile-menu .ace_mobile-button[action="more"] {
    text-indent:-9999px;
    width:25px;
    height:27px;
    padding:0;
    background:rgba(0, 0, 0, 0.5);
    color:#fff
}
.ace_editor .ace_mobile-menu .ace_mobile-button[action="more"]:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee72";
    position:absolute;
    left:0;
    top:0;
    width:26px;
    height:26px;
    line-height:26px;
    text-indent:0
}
.ace_editor .ace_search.right {
    background:#f3f3f3;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-top:none;
    border-right:none;
    padding-left:6px;
    box-shadow:-2px 3px 15px rgba(0, 0, 0, 0.08)
}
.ace_editor .ace_search .ace_searchbtn {
    border:1px solid #ddd;
    border-right:none;
    text-align:center
}
.ace_editor .ace_search .ace_searchbtn:last-child {
    border-right:1px solid #ddd
}
.ace_editor .ace_search .ace_replace_form .ace_searchbtn {
    width:34px
}
.ace_editor .ace_search .ace_search_form.ace_nomatch {
    outline:none
}
.ace_editor .ace_search .ace_search_form.ace_nomatch .ace_search_field {
    background:#fff3f2
}
.ace_editor .ace_search .ace_search_field {
    border:1px solid #ddd;
    margin-right:-1px;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    position:relative;
    min-width:90px;
    z-index:5
}
.ace_editor .ace_search .ace_search_field:focus {
    border-color:#39F
}
.ace_editor .ace_search .ace_button {
    margin-left:0;
    margin-right:3px;
    width:28px;
    text-align:center;
    display:inline-block;
    border-radius:3px
}
.ace_editor .ace_search .ace_button.checked {
    border-color:#39F;
    background:#39f;
    color:#fff
}
.ace_editor .ace_search .ace_searchbtn_close {
    top:6px;
    right:2px;
    position:absolute;
    height:20px;
    width:20px !important;
    line-height:18px;
    background:none;
    border:none;
    text-align:center
}
.ace_editor .ace_search .ace_searchbtn_close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99";
    font-size:12px
}
.ace_editor .ace_search .ace_search_options {
    padding-right:17px
}
.ace_editor .ace_search .ace_search_options .ace_button[action="toggleReplace"] {
    position:relative;
    top:1px
}
.ace_editor.ace_autocomplete {
    padding:0px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);
    margin-left:5px;
    box-shadow:0 0 7px rgba(119, 119, 119, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0), inset -1px -1px 0 rgba(0, 0, 0, 0);
    font-family:Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}
.ace_editor.ace_autocomplete .ace_scrollbar-v {
    padding:0px;
    right:0px
}
.ace_editor.ace_autocomplete .ace_line {
    padding-left:6px;
    line-height:1.5em
}
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
    background:#63acff !important;
    border-radius:0px;
    z-index:10
}
.ace_editor.ace_autocomplete .ace_line-hover {
    border:none;
    margin-top:0;
    background:#e6e6e6;
    border-radius:0px
}
.ace_editor.ace_autocomplete .ace_selected {
    color:#fff
}
.ace_editor.ace_autocomplete .ace_completion-highlight {
    color:#2882be
}
.ace_editor.ace_autocomplete .ace_rightAlignedText {
    color:#aaa
}
.ace_editor.ace_autocomplete .ace_selected .ace_completion-highlight {
    color:#cfe8ff !important
}
.ace_editor.ace_autocomplete .ace_selected .ace_rightAlignedText {
    color:#fff;
    z-index:10;
    opacity:.5;
    filter:alpha(opacity=50);
    font-size:.9em
}
.ace_editor .ace_content .ace_marker-layer .ace_selected-word {
    background:rgba(210, 235, 255, 0.3);
    border:1px solid #65b5f5;
    z-index:10
}
.ace_editor .ace_content .ace_marker-layer .ace_bracket {
    border:1px solid #FF9800;
    background:#FFC107
}
.ace_editor .ace_content .ace_text-layer .ace_keyword {
    text-shadow:0 0 .3px
}
.ace_editor .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-github {
    color:#444
}
.ace_editor.ace-kuroir {
    background:#f9f9f9
}
.ace_editor.ace-kuroir .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-solarized-light {
    background:#FDF6E3
}
.ace_editor.ace-solarized-light .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-ambiance {
    background:#202020
}
.ace_editor.ace-ambiance .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-monokai {
    background:#272822
}
.ace_editor.ace-monokai .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-idle-fing {
    background:#333
}
.ace_editor.ace-idle-fing .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-pastel-on-dark {
    background:#2C2828
}
.ace_editor.ace-pastel-on-dark .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-solarized-dark {
    background:#002B36
}
.ace_editor.ace-solarized-dark .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-github-dark {
    background:#24292e
}
.ace_editor.ace-github-dark .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-cloud9-night {
    background:#181818
}
.ace_editor.ace-cloud9-night .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-gruvbox-dark-hard {
    background:#1d2021
}
.ace_editor.ace-gruvbox-dark-hard .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-twilight {
    background:#141414
}
.ace_editor.ace-twilight .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-idle-fingers {
    background:#333
}
.ace_editor.ace-idle-fingers .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-tomorrow-night-blue {
    background:#002451
}
.ace_editor.ace-tomorrow-night-blue .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-tomorrow-night-eighties {
    background:#2d2d2d
}
.ace_editor.ace-tomorrow-night-eighties .ace_invalid {
    background:none;
    color:#f60
}
.ace_editor.ace-eclipse .ace_gutter {
    border-right:3px solid #6ce26c !important
}
.ace_editor.ace_dark .ace_content .ace_marker-layer .ace_selected-word {
    background:rgba(255, 255, 255, 0.3);
    border:1px solid #4179A7;
    z-index:10
}
.ace_editor.ace_dark .ace_content .ace_marker-layer .ace_bracket {
    border:1px solid #FFEB3B;
    background:#6b6154
}
div.xdsoft_datetimepicker {
    border-top:2px solid #39f;
    padding:0;
    height:250px;
    color:#666;
    z-index:999999;
    width:max-content
}
div.xdsoft_datetimepicker .xdsoft_label, div.xdsoft_datetimepicker .xdsoft_month {
    text-align:center;
    font-weight:400
}
div.xdsoft_datetimepicker .xdsoft_label:hover, div.xdsoft_datetimepicker .xdsoft_month:hover, div.xdsoft_datetimepicker .xdsoft_label:active, div.xdsoft_datetimepicker .xdsoft_month:active, div.xdsoft_datetimepicker .xdsoft_label:focus, div.xdsoft_datetimepicker .xdsoft_month:focus {
    text-decoration:none;
    background:#e6f2ff
}
div.xdsoft_datetimepicker .xdsoft_label:hover span, div.xdsoft_datetimepicker .xdsoft_month:hover span, div.xdsoft_datetimepicker .xdsoft_label:active span, div.xdsoft_datetimepicker .xdsoft_month:active span, div.xdsoft_datetimepicker .xdsoft_label:focus span, div.xdsoft_datetimepicker .xdsoft_month:focus span {
    color:#20a0ff
}
div.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select, div.xdsoft_datetimepicker .xdsoft_month>.xdsoft_select {
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
    border:1px solid rgba(0, 0, 0, 0.1);
    max-height:300px;
    height:200px
}
div.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect, div.xdsoft_datetimepicker .xdsoft_month>.xdsoft_select.xdsoft_monthselect {
    right:0px;
    width:80px
}
div.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect, div.xdsoft_datetimepicker .xdsoft_month>.xdsoft_select.xdsoft_yearselect {
    right:0px;
    width:50px
}
div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover, div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current:hover {
    background:#33AAFF !important;
    box-shadow:0 0 0 1px #176ead inset, 0 1px 10px #178fe5 inset !important
}
div.xdsoft_datetimepicker .xdsoft_month {
    width:80px
}
div.xdsoft_datetimepicker .xdsoft_year {
    width:50px
}
div.xdsoft_datetimepicker .xdsoft_next, div.xdsoft_datetimepicker .xdsoft_prev, div.xdsoft_datetimepicker .xdsoft_today_button {
    width:25px
}
div.xdsoft_datetimepicker .xdsoft_next:hover, div.xdsoft_datetimepicker .xdsoft_prev:hover, div.xdsoft_datetimepicker .xdsoft_today_button:hover {
    background-color:rgba(100, 100, 100, 0.2)
}
div.xdsoft_datetimepicker .xdsoft_next {
    background-position:2px 0px
}
div.xdsoft_datetimepicker .xdsoft_prev {
    background-position:-17px 0
}
div.xdsoft_datetimepicker .xdsoft_today_button {
    background-position:-68px 0
}
div.xdsoft_datetimepicker .xdsoft_scrollbar>.xdsoft_scroller {
    background:rgba(0, 0, 0, 0.3) !important
}
div.xdsoft_datetimepicker .xdsoft_calendar td, div.xdsoft_datetimepicker .xdsoft_calendar th {
    height:30px;
    text-align:center;
    background:none;
    border:none
}
div.xdsoft_datetimepicker .xdsoft_calendar td div, div.xdsoft_datetimepicker .xdsoft_calendar th div {
    padding:0
}
div.xdsoft_datetimepicker .xdsoft_calendar th {
    background:#eee;
    color:#444;
    font-weight:400
}
div.xdsoft_datetimepicker .xdsoft_datepicker {
    width:220px;
    margin-right:10px
}
div.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin:0
}
div.xdsoft_datetimepicker .xdsoft_timepicker {
    width:70px;
    border-left:1px solid #ddd;
    background:#fbfdff;
    margin:0;
    margin-left:-1px
}
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left:20px
}
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border:none;
    height:203px
}
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant {
    padding-bottom:15px
}
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background:none;
    border:none
}
.dialog-form .tab-group {
    display:none
}
.dialog-form.dialog-form-has-menu .tab-group {
    display:block
}
.dialog-form.target-form.form-box-title-block .form-box.config-box .panel-form-body {
    padding:10px 0
}
.dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-title {
    width:100%;
    padding-left:0
}
.dialog-form.form-box-title-block .form-box .form-row {
    padding:2px 20px;
    margin:0 0 -1px 0
}
.dialog-form.form-box-title-block .form-box .form-row hr {
    margin:5px 0px
}
.dialog-form.form-box-title-block .form-box .form-row h1, .dialog-form.form-box-title-block .form-box .form-row h2, .dialog-form.form-box-title-block .form-box .form-row h3, .dialog-form.form-box-title-block .form-box .form-row h4, .dialog-form.form-box-title-block .form-box .form-row h5 {
    margin-left:0
}
.dialog-form.form-box-title-block .form-box .form-row .setting-title {
    text-align:left;
    float:none;
    width:100%;
    height:20px;
    line-height:20px;
    padding-left:0
}
.dialog-form.form-box-title-block .form-box .form-row .setting-title.no-title {
    display:none
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content {
    width:100%;
    box-sizing:border-box;
    padding:0;
    float:none
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .desc {
    display:block
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main {
    display:block
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .auth-toolbar {
    margin-right:0px
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .kod-select {
    min-height:32px;
    box-sizing:border-box
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text {
    position:relative
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content input {
    width:100%;
    box-sizing:border-box;
    height:30px;
    padding:0px 5px 0 8px;
    margin-right:0
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .desc .btn-group {
    top:0px
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-title-left {
    position:absolute;
    z-index:200;
    right:0;
    top:0;
    margin-right:0px
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-title-left {
    border-right-width:1px
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-title-right {
    border-left-width:1px
}
.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-clear {
    position:absolute;
    top:0px;
    right:0
}
.dialog-form.form-box-title-block .form-box .form-row:not(.inline) .setting-content input.form-input-text.span-title-left, .dialog-form.form-box-title-block .form-box .form-row.inline-group .setting-content input.form-input-text.span-title-left, .dialog-form.form-box-title-block .form-box .form-row:not(.inline) .setting-content input.form-input-text.span-title-right, .dialog-form.form-box-title-block .form-box .form-row.inline-group .setting-content input.form-input-text.span-title-right {
    border-radius:4px
}
.dialog-form.form-box-title-block .form-box .form-row input:active, .dialog-form.form-box-title-block .form-box .form-row input:hover, .dialog-form.form-box-title-block .form-box .form-row input:focus {
    z-index:10
}
.dialog-form.form-box-title-block .form-box .form-row.form-html>.setting-content input {
    height:30px;
    box-sizing:border-box;
    margin-right:10px
}
.dialog-form.form-box-title-block .form-box .form-row.form-html>.setting-content input[type="text"] {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    padding-left:5px
}
.dialog-form.form-box-title-block .form-box .form-row.row-inline {
    padding-top:5px
}
.dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-title {
    display:inline-block;
    width:auto;
    margin-right:10px;
    position:relative;
    top:5px
}
.dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-content .desc {
    padding-top:2px
}
.dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-content {
    display:inline-block;
    width:auto
}
.dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-content input[type="checkbox"].kui-checkbox-ios+em {
    margin-right:.5em
}
.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal {
    box-sizing:border-box;
    margin:0;
    margin-left:10px;
    margin-right:10px;
    display:block;
    width:auto
}
.dialog-form.form-box-title-block .form-box .form-row.form-cityPicker .city-picker-span {
    box-sizing:border-box;
    width:100%;
    height:30px;
    line-height:28px
}
.dialog-form.form-box-title-block .form-box .form-row.form-checkbox .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-switch .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-radio .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-button .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-segment .setting-content .desc {
    display:inline-block;
    word-break:break-all
}
.dialog-form.form-box-title-block .form-box .form-row.form-textarea .setting-content textarea {
    width:100%
}
.dialog-form.form-box-title-block .form-box .form-row.form-row.form-userSelect span.select2-container {
    width:100%
}
.dialog-form.form-box-title-block .form-box .form-row.form-button .setting-content {
    text-align:center
}
.dialog-form.form-box-title-block .form-box .form-row.inline {
    border:none;
    padding-right:0
}
.dialog-form.form-box-title-block .form-box .form-row.inline.form-input-text .setting-content .input-title-left {
    margin-right:-5px;
    position:relative;
    z-index:2
}
.dialog-form.form-box-title-block .form-box .form-row.inline.form-input-text .setting-content .input-title-right {
    margin-left:-5px;
    position:relative;
    z-index:2
}
.dialog-form.form-box-title-block .form-box .form-row.inline.form-input-text .setting-content input {
    min-width:60px
}
.dialog-form.form-box-title-block .form-box .form-row.inline+.inline {
    padding-top:7px;
    padding-left:20px
}
.dialog-form.form-box-title-block .form-box .form-row.inline+.inline .setting-title {
    display:block;
    height:25px;
    line-height:25px;
    margin:0;
    padding:0
}
.dialog-form.form-box-title-block .form-box .form-row.inline+.inline .setting-title:after {
    content:" "
}
.dialog-form.form-box-title-block .form-box .form-row.inline+.inline .setting-title.no-title+.setting-content {
    margin-top:0
}
.dialog-form.form-box-title-block .form-box .form-row.inline+.inline.form-switch .setting-content {
    margin-top:38px
}
.dialog-form.form-box-title-block .form-box .form-row.inline .select2-container {
    margin-right:0px
}
.dialog-form.form-box-title-block .form-box .form-row.inline.inline-group {
    width:100%;
    box-sizing:border-box;
    padding-right:15px
}
.dialog-form.form-box-title-block .form-box .form-row.inline.inline-group .setting-content input {
    border-radius:3px
}
.dialog-form.form-box-title-block .form-box .form-row.inline.inline-group.no-title+.inline .setting-title {
    display:none
}
.dialog-form.form-box-title-block .form-box .form-row.inline.inline-group+.inline .setting-title {
    margin-top:-5px
}
.dialog-form.form-box-title-block .form-box .form-row.inline.inline-group+.form-row.inline {
    position:absolute;
    right:0;
    z-index:100;
    margin-right:15px
}
.dialog-form.form-box-title-block .form-box .form-row.hide-title .setting-title {
    display:none
}
.dialog-form.form-box-title-block .form-box .form-row.hide-title+.inline {
    padding-top:2px
}
.dialog-form.form-box-title-block .form-box .form-row.hide-title+.inline .setting-title {
    display:none
}
.form-box-row-line .form-box .form-row {
    padding-top:5px;
    padding-bottom:5px;
    margin:0 0 -1px 0;
    border-bottom:1px solid #f6f6f6
}
.form-box-row-line .form-box .form-row.clear {
    border:none;
    padding:0
}
.artDialog.dialog-form .aui-title img, .form-box.config-box .form-header .modal-title img, .artDialog.dialog-form .aui-title .x-item-icon, .form-box.config-box .form-header .modal-title .x-item-icon, .artDialog.dialog-form .aui-title .font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words {
    height:22px;
    width:22px;
    line-height:22px;
    text-align:center;
    border-radius:15%;
    display:inline-block;
    margin-right:10px;
    padding:0;
    color:#fff;
    position:relative;
    font-size:14px;
    top:2px
}
.artDialog.dialog-form .aui-title .x-item-icon, .form-box.config-box .form-header .modal-title .x-item-icon {
    top:5px
}
.artDialog.dialog-form .aui-title .font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words {
    font-size:10px;
    top:-2px
}
.artDialog.dialog-form .aui-title img, .form-box.config-box .form-header .modal-title img {
    font-size:10px;
    top:0
}
.artDialog.dialog-form .aui-title i, .form-box.config-box .form-header .modal-title i {
    font-style:normal
}
.form-box {
    color:#444
}
.form-box a {
    text-decoration:none;
    cursor:pointer
}
.form-box .info-alert a, .form-box .desc a {
    text-decoration:none;
    color:#1890ff;
    cursor:pointer;
    padding:.35em 2px;
    border-radius:3px
}
.form-box .info-alert a .font-icon, .form-box .desc a .font-icon {
    position:relative;
    top:-2px
}
.form-box .info-alert a:hover, .form-box .desc a:hover, .form-box .info-alert a:active, .form-box .desc a:active, .form-box .info-alert a:focus, .form-box .desc a:focus {
    background:#def
}
.form-box .panel-form-body {
    position:relative
}
.form-box .panel-form-body .line, .form-box .panel-form-body hr {
    height:1px;
    overflow:hidden;
    margin:10px 5px;
    border:none;
    background:none;
    border-bottom:1px dotted #e9eaea
}
.form-box .panel-form-body h1, .form-box .panel-form-body h2, .form-box .panel-form-body h3, .form-box .panel-form-body h4, .form-box .panel-form-body h5 {
    margin:.5em 0 0 5px;
    padding-bottom:.3em;
    border-bottom:1px dotted #e6e6e6;
    line-height:1.2em
}
.form-box .panel-form-body h1:before, .form-box .panel-form-body h2:before, .form-box .panel-form-body h3:before, .form-box .panel-form-body h4:before, .form-box .panel-form-body h5:before {
    content:" ";
    border-left:4px solid #1890ff;
    border-radius:4px;
    margin-right:.6em;
    font-size:.9em;
    position:relative;
    top:0em;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3)
}
.form-box .panel-form-body .info-alert {
    text-align:left;
    padding:10px
}
.form-box .panel-form-body .info-alert h1, .form-box .panel-form-body .info-alert h2, .form-box .panel-form-body .info-alert h3, .form-box .panel-form-body .info-alert h4, .form-box .panel-form-body .info-alert h5 {
    margin-left:0;
    margin-bottom:.5em;
    border-bottom:1px dotted rgba(0, 0, 0, 0.1)
}
.form-box .panel-form-body .info-alert h1:before, .form-box .panel-form-body .info-alert h2:before, .form-box .panel-form-body .info-alert h3:before, .form-box .panel-form-body .info-alert h4:before, .form-box .panel-form-body .info-alert h5:before {
    border-left-color:inherit;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.05)
}
.form-box .panel-form-body .form-header-center {
    text-align:center;
    margin-bottom:1.2em
}
.form-box .panel-form-body .form-header-center:before {
    display:none
}
.form-box .panel-form-body .form-header-center span {
    position:relative;
    top:15px;
    padding:.3em .8em .4em .8em;
    border-radius:60px;
    background:#1890ff;
    color:#e6f7ff
}
.form-box.config-box .form-header {
    height:40px;
    background-image:-webkit-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image:-moz-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image:-o-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image:-ms-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image:linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    border-bottom:1px solid #ddd
}
.form-box.config-box .form-header .modal-title {
    height:40px;
    line-height:40px;
    padding-left:20px;
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    max-width:80%;
    text-overflow:ellipsis
}
.form-box.config-box .form-header .modal-title .path-ico {
    display:inline-block;
    color:#999;
    vertical-align:inherit;
    position:relative;
    top:0;
    width:inherit
}
.form-box.config-box .form-header .modal-title .path-ico.font-icon:before {
    position:relative;
    top:5px
}
.form-box.config-box .form-header .modal-title .font-icon {
    position:relative;
    top:-1px;
    margin-right:.3em
}
.form-box.config-box .panel-form-body {
    overflow:auto;
    border-radius:4px;
    padding:20px 0;
    position:absolute;
    left:0;
    right:0;
    top:42px;
    bottom:1px;
    margin:0;
    border:none;
    background:#fff
}
.form-box .form-target-save {
    padding-top:15px
}
.form-box .form-target-save .form-row.clear {
    height:0
}
.form-box .form-target-save .form-row.clear hr {
    margin:0 !important
}
.form-box .form-target-save .form-row .setting-content {
    white-space:nowrap;
    margin-top:5px
}
.form-box .form-row {
    padding:2px 10px;
    margin:0 0 -1px 0;
    width:auto;
    clear:both
}
.form-box .form-row .can-select, .form-box .form-row pre, .form-box .form-row code {
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text;
    -khtml-user-select:text !important;
    -webkit-user-select:text !important;
    -moz-user-select:text !important;
    -ms-user-select:text !important;
    -o-user-select:text !important;
    user-select:text !important;
    -webkit-touch-callout:text !important;
    -moz-touch-callout:text !important;
    -ms-touch-callout:text !important;
    touch-callout:text !important
}
.form-box .form-row code.hljs {
    padding:2px 4px !important
}
.form-box .form-row pre.hljs {
    border-radius:4px;
    overflow:auto;
    height:100%;
    padding:0px 10px
}
.form-box .form-row pre.hljs:before, .form-box .form-row pre.hljs:after {
    content:" ";
    height:10px;
    padding:10px 0;
    display:inline-block
}
.form-box .form-row:after {
    clear:both
}
.form-box .form-row.form-html {
    overflow:hidden
}
.form-box .form-row.form-html>h1, .form-box .form-row.form-html>h2, .form-box .form-row.form-html>h3, .form-box .form-row.form-html>h4, .form-box .form-row.form-html>h5 {
    padding-left:2px
}
.form-box .form-row.form-group {
    margin:0
}
.form-box .form-row.form-cityPicker .desc {
    position:relative;
    top:-15px;
    margin-left:10px
}
.form-box .form-row.form-switch .desc {
    display:inline-block
}
.form-box .form-row.item-hide {
    display:none
}
.form-box .form-row label {
    margin-right:5px;
    margin-top:0px;
    line-height:1.6em;
    cursor:pointer;
    display:inline-block
}
.form-box .form-row label:active, .form-box .form-row label:focus {
    color:#1890ff
}
.form-box .form-row label.disabled {
    opacity:.3;
    pointer-events:none
}
.form-box .form-row.form-radio label {
    position:relative;
    top:-5px
}
.form-box .form-row.form-radio .desc {
    position:relative;
    top:-5px
}
.form-box .form-row.form-radio .setting-title, .form-box .form-row.form-checkbox .setting-title, .form-box .form-row.form-switch .setting-title {
    padding-top:2px
}
.form-box .form-row.form-user .setting-title {
    line-height:20px
}
.form-box .form-row.form-row-disabled {
    cursor:not-allowed;
    pointer-events:none;
    opacity:.6 !important
}
.form-box .form-row .input-clear {
    position:absolute;
    margin-left:-45px;
    z-index:5;
    width:30px !important;
    height:30px;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    display:inline-block !important;
    visibility:hidden;
    opacity:0;
    color:#e8dede;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.form-box .form-row .input-clear:hover, .form-box .form-row .input-clear:active, .form-box .form-row .input-clear:focus {
    color:#ff4d4f
}
.form-box .form-row.form-number .setting-content .input-clear {
    display:none !important
}
.form-box .form-row.item-not-empty>.setting-content:hover>input+.input-clear {
    visibility:visible;
    opacity:1
}
.form-box .form-row.item-not-empty>.setting-content:hover>input[disabled]+.input-clear, .form-box .form-row.item-not-empty>.setting-content:hover>input[readonly]+.input-clear {
    visibility:hidden;
    opacity:0
}
.form-box .form-row.item-not-empty.item-focus>.setting-content>input+.input-clear {
    visibility:hidden !important;
    opacity:0 !important
}
.form-box .form-row.form-segment .input-clear, .form-box .form-row.form-slider .input-clear {
    visibility:hidden !important;
    opacity:0 !important
}
.form-box .form-row input:read-only:not(:radio):not(:checkbox), .form-box .form-row input:disabled:not(:radio):not(:checkbox), .form-box .form-row input.disabled {
    border:1px solid #e6e6e6 !important;
    box-shadow:none !important;
    color:#777 !important;
    opacity:1 !important
}
.form-box .form-row input:read-only:not(:radio):not(:checkbox).form-input-text, .form-box .form-row input:disabled:not(:radio):not(:checkbox).form-input-text, .form-box .form-row input.disabled.form-input-text {
    background:#f6f6f6
}
.form-box .form-row input[type='checkbox'] {
    display:inline-block;
    margin-right:3px
}
.form-box .form-row input[type='radio'] {
    display:inline-block;
    margin-right:3px;
    cursor:pointer
}
.form-box .form-row input.form-input-text {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    box-shadow:none;
    border-radius:3px;
    display:inline-block;
    height:26px;
    width:260px;
    color:#444;
    padding-left:.5em;
    margin-right:10px
}
.form-box .form-row input.form-input-text:hover, .form-box .form-row input.form-input-text:active {
    border-color:#75A1F0
}
.form-box .form-row input.form-input-text:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.form-box .form-row input.form-input-text.disabled, .form-box .form-row input.form-input-text[readonly='true'], .form-box .form-row input.form-input-text[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.form-box .form-row input.form-input-text.disabled:hover, .form-box .form-row input.form-input-text[readonly='true']:hover, .form-box .form-row input.form-input-text[readonly='readonly']:hover, .form-box .form-row input.form-input-text.disabled:active, .form-box .form-row input.form-input-text[readonly='true']:active, .form-box .form-row input.form-input-text[readonly='readonly']:active {
    border-color:#ddd
}
.form-box .form-row input.form-input-text.disabled:focus, .form-box .form-row input.form-input-text[readonly='true']:focus, .form-box .form-row input.form-input-text[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.form-box .form-row input.form-input-text:focus {
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.2)
}
.form-box .form-row select {
    min-width:268px;
    margin-right:10px
}
.form-box .form-row.form-codeEditor {
    -khtml-user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    -o-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -moz-touch-callout:none !important;
    -ms-touch-callout:none !important;
    touch-callout:none !important
}
.form-box .form-row.form-codeEditor .ace_editor {
    border:1px solid #ddd;
    margin-bottom:0;
    width:100% !important;
    position:relative;
    box-sizing:border-box;
    height:150px;
    padding-right:10px;
    font:14px / normal'Menlo', Monaco, Consolas, 'Source Code Pro', 'Liberation Mono', Monaco, 'Ubuntu Mono', 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}
.form-box .form-row.form-segment button[class^="icon-"] {
    padding-right:.5em;
    opacity:.7
}
.form-box .form-row.form-textarea .desc {
    display:block
}
.form-box .form-row.form-colorImage .input-title-right i:before {
    content:"\efc4"
}
.form-box .form-row.form-textarea textarea {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    color:#444;
    margin-right:10px;
    width:100%;
    height:130px;
    margin-bottom:5px;
    border-radius:2px;
    padding:5px;
    box-sizing:border-box;
    transition:none
}
.form-box .form-row.form-textarea textarea:hover, .form-box .form-row.form-textarea textarea:active {
    border-color:#75A1F0
}
.form-box .form-row.form-textarea textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.form-box .form-row.form-textarea textarea.disabled, .form-box .form-row.form-textarea textarea[readonly='true'], .form-box .form-row.form-textarea textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.form-box .form-row.form-textarea textarea.disabled:hover, .form-box .form-row.form-textarea textarea[readonly='true']:hover, .form-box .form-row.form-textarea textarea[readonly='readonly']:hover, .form-box .form-row.form-textarea textarea.disabled:active, .form-box .form-row.form-textarea textarea[readonly='true']:active, .form-box .form-row.form-textarea textarea[readonly='readonly']:active {
    border-color:#ddd
}
.form-box .form-row.form-textarea textarea.disabled:focus, .form-box .form-row.form-textarea textarea[readonly='true']:focus, .form-box .form-row.form-textarea textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.form-box .form-row.form-textarea textarea:focus {
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.33)
}
.form-box .form-row .setting-title {
    height:30px;
    line-height:30px;
    width:120px;
    margin-right:20px;
    padding-top:5px;
    line-height:1.2em;
    margin-top:5px;
    float:left;
    position:relative;
    text-align:right;
    text-shadow:0 0 1px #bbb;
    color:#666
}
.form-box .form-row .setting-title .desc {
    font-style:normal;
    position:relative;
    top:-1px
}
.form-box .form-row .setting-title .require {
    color:#ff5722;
    font-size:20px;
    position:absolute;
    margin-top:4px;
    padding:0 0 0 5px
}
.form-box .form-row .setting-title.has-title:after {
    content:":";
    opacity:.3;
    position:absolute
}
.form-box .form-row.clear {
    clear:both;
    float:none
}
.form-box .form-row.clear+.form-row.inline {
    clear:both
}
.form-box .form-row .setting-title.no-title {
    height:1px;
    line-height:1px
}
.form-box .form-row .setting-title.no-title+.setting-content {
    padding-top:0
}
.form-box .form-row.inline {
    float:left;
    clear:inherit;
    padding-right:0;
    margin-bottom:0px
}
.form-box .form-row.inline .setting-content {
    width:auto;
    padding-right:0;
    padding-top:5px
}
.form-box .form-row.inline+.inline {
    padding-left:0;
    padding-top:7px
}
.form-box .form-row.inline+.inline .setting-title {
    width:auto;
    margin-right:0;
    padding:0
}
.form-box .form-row.inline+.inline.form-switch .setting-content {
    margin-top:3px
}
.form-box .form-row.inline+.inline .kui-checkbox-ios+em {
    margin-right:0px
}
.form-box .form-row.inline .select2-container {
    width:auto;
    min-width:50px;
    margin-right:0px
}
.form-box .form-row.inline.inline-group .setting-content input {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.form-box .form-row.inline.inline-group+.form-row.inline {
    margin:0 0 0 -11px
}
.form-box .form-row.inline.inline-group+.form-row.inline .setting-content {
    padding:0;
    margin:0
}
.form-box .form-row.inline.inline-group+.form-row.inline .select2-container {
    width:auto !important
}
.form-box .form-row.hide-title .setting-title {
    display:none
}
.form-box .form-row.hide-title+.inline .setting-title {
    display:none
}
.form-box .form-row.form-input-text.hide-input .setting-title {
    display:none
}
.form-box .form-row.form-input-text.hide-input .span-title-right {
    display:none
}
.form-box .form-row.form-input-text.hide-input .btn.input-title-right {
    margin:0;
    padding:0;
    border-radius:3px;
    width:30px
}
.form-box .form-row .setting-content {
    float:left;
    position:relative;
    width:70%;
    width:calc(100% - 160px);
    padding:5px;
    border-radius:4px
}
.form-box .form-row .setting-content .font-icon {
    display:inline-block
}
.form-box .form-row .setting-content input.span-title-left {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    position:relative;
    z-index:2
}
.form-box .form-row .setting-content input.span-title-right {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    position:relative;
    z-index:2;
    width:226px
}
.form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-right {
    background:#fafafa;
    display:inline-block;
    padding:0px 8px;
    border:1px solid #ddd;
    line-height:28px;
    height:28px;
    position:relative;
    top:0px;
    overflow:inherit;
    overflow:hidden;
    vertical-align:top;
    font-size:12px
}
.form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-left.kui-btn, .form-box .form-row .setting-content .input-title-right.kui-btn {
    padding:0px 6px;
    vertical-align:top;
    border-radius:0
}
.form-box .form-row .setting-content .input-title-left:hover, .form-box .form-row .setting-content .input-title-right:hover {
    background:#f0f0f0;
    border-color:#ccc
}
.form-box .form-row .setting-content .input-title-left {
    margin-right:-4px;
    border-right:none
}
.form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-left.kui-btn {
    border-radius:4px 0 0 4px
}
.form-box .form-row .setting-content .input-title-right {
    margin-left:-15px;
    margin-right:10px;
    border-left-width:0px
}
.form-box .form-row .setting-content .input-title-right, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-right.kui-btn {
    border-radius:0 4px 4px 0
}
.form-box .form-row .setting-content .form-save-button {
    padding:8px 60px;
    background:-webkit-linear-gradient(-200deg, #006CFA, #1acbff);
    color:#fff;
    border:none;
    outline:none;
    margin:10px 0 30px;
    border-radius:3px
}
.form-box .form-row .setting-content .form-save-button:hover {
    background:-webkit-linear-gradient(-200deg, #0059ce, #00afe2)
}
.form-box .form-row .setting-content .form-save-button:active, .form-box .form-row .setting-content .form-save-button:focus {
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.form-box .form-row .setting-content .form-reset-button {
    padding:8px 20px;
    background:#f6f6f6;
    color:#666;
    border:none;
    margin:10px 0px 10px 20px;
    border-radius:3px;
    outline:none
}
.form-box .form-row .setting-content .form-reset-button:hover {
    background:#eee
}
.form-box .form-row .setting-content .form-reset-button:active, .form-box .form-row .setting-content .form-reset-button:focus {
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.form-box .form-row.form-button-line:before {
    content:" ";
    display:block;
    height:0px;
    margin:0 5px;
    position:relative;
    top:14px;
    border-top:1px dotted #e9eaea
}
.form-box .form-row .font-icon {
    padding:0
}
.form-box .form-row.error>.setting-content {
    background:#ffefed;
    box-shadow:0 0 0 1px #ffb3ae;
    box-shadow:0 0 0 1px #ffb3ae50, 0 0 0 4px #ffb3ae30
}
.form-box .form-row.error>.setting-content input.form-input-text, .form-box .form-row.error>.setting-content input.form-input-text:active, .form-box .form-row.error>.setting-content input.form-input-text:focus, .form-box .form-row.error>.setting-content input.form-input-text:hover {
    border-color:#ffb3ae;
    box-shadow:none
}
.form-box .form-row.form-table.error>.setting-content {
    border-color:transparent;
    background:none
}
.form-box .form-row .desc {
    color:#bcc4d0;
    font-style:normal;
    line-height:1.4em;
    word-break:break-word;
    vertical-align:middle;
    font-size:.9em
}
.form-row .setting-content .desc .btn-group {
    position:absolute;
    top:5px;
    margin:0 0 0 -12px;
    -khtml-user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    -o-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -moz-touch-callout:none !important;
    -ms-touch-callout:none !important;
    touch-callout:none !important
}
.form-row .setting-content .desc .btn-group .btn {
    padding:0px 8px;
    height:30px;
    line-height:26px;
    box-sizing:border-box;
    border:1px solid #ddd;
    margin:0 -1px 0 0;
    background:#fafafa;
    font-size:.9em;
    vertical-align:top
}
.form-row .setting-content .desc .btn-group .btn:hover, .form-row .setting-content .desc .btn-group .btn:active, .form-row .setting-content .desc .btn-group .btn:focus {
    color:#444;
    background:#eee
}
.form-row .setting-content .desc .btn-group .btn-last {
    border-radius:0 3px 3px 0
}
.form-row.form-cityPicker .setting-content>input, .form-row.form-colorLabel .setting-content>input, .form-row.form-fontIcon .setting-content>input, .form-row.form-select .setting-content>input, .form-row.form-tags .setting-content>input, .form-row.form-auth .setting-content>input, .form-row.form-group .setting-content>input, .form-row.form-groupAuth .setting-content>input, .form-row.form-job .setting-content>input, .form-row.form-role .setting-content>input, .form-row.form-user .setting-content>input, .form-row.form-userGroup .setting-content>input, .form-row.form-userSelect .setting-content>input {
    display:none
}
.form-row.form-cityPicker .setting-content>select, .form-row.form-colorLabel .setting-content>select, .form-row.form-fontIcon .setting-content>select, .form-row.form-select .setting-content>select, .form-row.form-tags .setting-content>select, .form-row.form-auth .setting-content>select, .form-row.form-group .setting-content>select, .form-row.form-groupAuth .setting-content>select, .form-row.form-job .setting-content>select, .form-row.form-role .setting-content>select, .form-row.form-user .setting-content>select, .form-row.form-userGroup .setting-content>select, .form-row.form-userSelect .setting-content>select {
    display:none
}
.form-row.form-cityPicker .desc, .form-row.form-colorLabel .desc, .form-row.form-fontIcon .desc, .form-row.form-select .desc, .form-row.form-tags .desc, .form-row.form-auth .desc, .form-row.form-group .desc, .form-row.form-groupAuth .desc, .form-row.form-job .desc, .form-row.form-role .desc, .form-row.form-user .desc, .form-row.form-userGroup .desc, .form-row.form-userSelect .desc {
    margin-top:5px
}
.form-row .desc:empty {
    display:none !important
}
.form-row.form-userSelect .setting-title {
    padding-top:15px
}
.form-row.form-userSelect .setting-content .select-user-box {
    background:#f8fcff;
    padding:10px 5px;
    border-radius:2px
}
.form-row.form-userSelect .btn-group.btn-group-segment .btn {
    color:#666
}
.form-row.form-userSelect .btn-group.btn-group-segment .btn .font-icon {
    opacity:.7
}
.form-row.form-slider .slider.slider-horizontal {
    width:252px;
    margin-right:17px;
    height:30px
}
.form-row.form-slider .slider .tooltip {
    pointer-events:none
}
.form-row.form-color .color-picker-view .font-icon {
    width:18px;
    height:18px;
    font-size:20px
}
.form-row.form-cityPicker .city-picker-span {
    height:28px;
    width:258px;
    line-height:28px;
    padding:0px 4px 0 5px
}
.form-row.form-cityPicker .city-picker-span .arrow {
    position:absolute;
    top:0;
    right:0;
    margin:0;
    text-align:center;
    height:100%;
    width:38px;
    line-height:28px;
    border-left:1px solid #ddd;
    color:#999;
    background:#fafafa
}
.form-row.form-cityPicker .city-picker-span .arrow:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef14";
    font-size:16px;
    display:inline-block;
    margin-top:-5px
}
.city-picker-dropdown a:hover {
    text-decoration:none;
    border-color:transparent
}
.colorpicker {
    z-index:9999
}
.app-wap-small .city-picker-dropdown {
    max-width:90%
}
.app-wap-small .city-picker-dropdown .city-select a {
    padding:2px 8px
}
.app-wap-small .city-picker-dropdown .city-select-content {
    padding:5px 5px
}
.app-wap-small .city-picker-dropdown.position-top .city-select-tab {
    padding:0px 10px 7px 10px
}
.app-wap-small .dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .kod-select {
    width:100%
}
.app-wap-small .dialog-form.form-box-title-block .form-box .form-row.form-row.form-userSelect span.select2-container {
    width:100% !important
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line {
    position:relative;
    height:55px;
    margin:3px 0 0 0
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line.empty-desc {
    height:42px
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line.empty-desc .setting-content {
    height:42px
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-title {
    position:relative;
    z-index:10;
    font-size:14px;
    pointer-events:none
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content {
    position:absolute;
    top:0px;
    right:10px;
    left:10px;
    width:inherit;
    height:55px;
    box-sizing:border-box
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content:hover {
    background:rgba(150, 150, 150, 0.05)
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content label {
    position:absolute;
    right:0;
    left:10px;
    height:100%;
    margin-right:10px;
    box-sizing:border-box;
    border-bottom:1px solid rgba(150, 150, 150, 0.1)
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content em {
    position:absolute;
    right:0;
    margin-top:9px;
    margin-right:0
}
.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content .desc {
    position:absolute;
    left:0;
    margin-top:32px;
    font-size:13px
}
span.select2-container .select2-dropdown {
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
    border:1px solid #ddd;
    overflow:hidden;
    z-index:100000
}
span.select2-container .select2-dropdown .select2-search__field {
    border:1px solid #ddd
}
span.select2-container.select2-container--focus .select2-selection--multiple {
    border-color:#badaff
}
span.select2-container .select2-results__option[aria-disabled=true] {
    opacity:.4;
    cursor:not-allowed
}
span.select2-container .select2-selection {
    border:1px solid #ddd;
    border-radius:4px;
    outline:none;
    padding:0;
    margin:0;
    min-height:30px;
    line-height:28px
}
span.select2-container .select2-selection .select2-selection__rendered {
    display:block;
    line-height:inherit
}
span.select2-container .select2-selection .select2-selection__rendered .path-ico {
    width:30px;
    padding:0
}
span.select2-container .select2-selection .select2-selection__rendered .path-ico .font-icon {
    line-height:15px;
    padding-right:0;
    font-size:18px;
    width:18px
}
span.select2-container .select2-selection .select2-selection__rendered .path-ico .x-item-icon.x-folder {
    width:20px
}
span.select2-container .select2-selection .select2-selection__choice {
    background-color:#edf5ff;
    color:#3a96ff;
    border-color:#badaff;
    height:22px;
    line-height:22px;
    border-radius:15px;
    margin:4px 4px 0px 0px
}
span.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    float:right;
    font-size:15px;
    color:#3a96ff;
    width:20px;
    height:22px;
    line-height:18px;
    text-align:center;
    margin-right:-2px
}
span.select2-container .select2-selection__choice__remove:hover, span.select2-container .select2-selection__choice__remove:active, span.select2-container .select2-selection__choice__remove:focus {
    color:#0063d3
}
span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left:10px
}
span.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left:5px
}
span.select2-container:hover .select2-selection__clear, span.select2-container:active .select2-selection__clear, span.select2-container:focus .select2-selection__clear {
    display:block !important
}
span.select2-container:hover .select2-selection--single .select2-selection__clear, span.select2-container:active .select2-selection--single .select2-selection__clear, span.select2-container:focus .select2-selection--single .select2-selection__clear {
    display:none !important
}
span.select2-container .select2-selection .select2-selection__clear {
    display:none;
    position:absolute;
    width:20px;
    height:20px;
    line-height:18px;
    right:8px;
    top:50%;
    border-radius:50%;
    text-align:center;
    font-size:14px;
    margin:0;
    margin-top:-11px;
    z-index:99;
    background:#fff;
    color:#777;
    border:1px solid #eee
}
span.select2-container .select2-selection .select2-selection__clear:hover, span.select2-container .select2-selection .select2-selection__clear:active, span.select2-container .select2-selection .select2-selection__clear:focus {
    background:#e6f7ff;
    color:#1890ff;
    border:1px solid #91d5ff;
    font-weight:800
}
span.select2-container .select2-selection--single:hover, span.select2-container .select2-selection--single:active, span.select2-container.select2-container--focus .select2-selection--single, span.select2-container.select2-container--open .select2-selection--single {
    background:#f8f8f8 url("../../images/common/bg.gif") 0 -10px repeat-x
}
span.select2-container .select2-selection--multiple:hover, span.select2-container .select2-selection--multiple:active {
    border-color:#3a96ff
}
span.select2-container .select2-selection--single {
    background:#f8f8f8 url("../../images/common/bg.gif") 0 0 repeat-x
}
span.select2-container .select2-selection--single .select2-selection__arrow {
    height:100%;
    width:30px;
    top:0px;
    right:0px
}
span.select2-container .select2-selection--multiple ul.select2-selection__rendered:after {
    content:"\e638" !important;
    font-family:"kod-svg-font" !important;
    width:30px;
    height:100%;
    line-height:1em;
    display:block;
    color:#aaa;
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-8px;
    font-size:17px;
    text-align:center
}
span.select2-container .select2-selection--multiple .select2-search--inline {
    height:31px;
    line-height:23px
}
span.select2-container .select2-results.group-list-content>.select2-results__options {
    z-index:100;
    width:100%;
    height:250px;
    max-height:250px
}
span.select2-container .select2-results .select2-results__group {
    padding:0;
    margin:4px 0;
    padding-left:10px;
    line-height:24px;
    border:.5px solid rgba(150, 150, 150, 0.1);
    border-left:none;
    border-right:none
}
span.select2-container .select2-results>.select2-results__options {
    max-height:400px
}
span.select2-container .select2-results__option {
    position:relative;
    padding:6px 6px 6px 15px
}
span.select2-container .select2-search--inline .select2-search__field {
    padding-top:1px;
    padding-left:5px
}
span.select2-container .select2-results__option[aria-selected=true], span.select2-container .select2-results__option[aria-selected=true].select2-results__option--highlighted, span.select2-container .select2-results__option[aria-selected=true]:hover, span.select2-container .select2-results__option[aria-selected=true]:active {
    background:#edf5ff;
    color:#3a96ff
}
span.select2-container .select2-results__option[aria-selected=true]:hover, span.select2-container .select2-results__option[aria-selected=true]:active, span.select2-container .select2-results__option[aria-selected=true]:focus {
    background:#e2f0ff
}
span.select2-container .select2-results__option[aria-selected=true]:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b";
    color:#3a96ff;
    position:absolute;
    right:10px;
    top:6px;
    font-size:18px
}
span.select2-container .select2-results__option--highlighted[aria-selected] {
    background:#e2f0ff;
    color:#3a96ff
}
span.select2-container.select2-container--open.select2-container--above .select2-selection--single {
    border-top:1px solid transparent
}
span.select2-container.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom:1px solid transparent
}
span.select2-container.select2-container--open .select2-dropdown.select2-dropdown--below {
    border-color:#3a96ff;
    outline:none;
    box-shadow:0 0 20px #71c0ff;
    border-color:#bfcbd9;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    margin-top:-1px
}
span.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-color:#3a96ff;
    outline:none;
    box-shadow:0 0 20px #71c0ff;
    border-color:#bfcbd9;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    margin-top:1px;
    box-shadow:0 -2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04)
}
span.select2-container.select2-container--open .select2-selection--multiple, span.select2-container.select2-container--open .select2-selection--single {
    border-color:#3a96ff;
    outline:none;
    box-shadow:0 0 20px #71c0ff;
    border-color:#bfcbd9;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04)
}
.form-row.allow-clear span.select2-container:hover .select2-selection--single .select2-selection__clear, .form-row.allow-clear span.select2-container:active .select2-selection--single .select2-selection__clear, .form-row.allow-clear span.select2-container:focus .select2-selection--single .select2-selection__clear {
    display:block !important
}
.form-box .form-row.inline.form-fontIcon.title-right .select2-selection__rendered {
    padding-left:2px
}
.form-box .form-row.inline.form-fontIcon.title-right .select2-selection__rendered span {
    display:none
}
.form-box .form-row.inline.form-fontIcon.title-right .select2-selection.select2-selection--single {
    border-radius:0 3px 3px 0
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-dropdown {
    padding:5px 5px 10px 5px;
    width:285px !important
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-search {
    display:none !important
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option {
    width:30px;
    height:30px;
    padding:0;
    border-radius:40px;
    float:left
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico {
    padding:0;
    width:20px;
    height:20px;
    position:relative;
    top:4px;
    left:5px
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico .x-item-icon {
    width:18px;
    height:18px
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option span {
    display:none
}
span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option[aria-selected=true]:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7a";
    color:#fff;
    position:absolute;
    left:5px;
    top:7px;
    text-shadow:0 0 1px #fff, 0 0 2px rgba(0, 0, 0, 0.2)
}
span.select2-container.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label, span.select2-container.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label {
    margin-left:-225px
}
.form-select2-dropdown-type-group-auth {
    width:max-content !important
}
span.select2-container.select2-container--focus .select2-selection--single {
    box-shadow:0 0 0 3px rgba(58, 150, 255, 0.1)
}
.form-box .form-row.form-colorLabel .select2-container {
    width:45px !important
}
.form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered span {
    display:none
}
.form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered, .form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left:5px;
    padding-right:5px
}
.form-box .form-row.form-colorLabel.inline {
    margin-left:-21px;
    border-radius:0 3px 3px 0
}
.form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-radius:0px 4px 4px 0
}
span.select2-container {
    margin-right:10px;
    max-width:100%
}
span.select2-container.select2-container--disabled {
    opacity:.5
}
span.select2-container .path-ico {
    font-size:16px;
    height:16px;
    width:16px;
    line-height:16px;
    text-align:center;
    padding-right:6px;
    color:#999
}
span.select2-container .path-ico .font-icon {
    font-size:14px;
    padding-right:10px;
    width:13px
}
span.select2-container .path-ico .x-item-icon {
    position:relative;
    top:1px
}
span.select2-container .path-ico .picture.ico img {
    width:16px;
    height:16px;
    vertical-align:bottom
}
span.select2-container .search-match {
    font-weight:inherit;
    background:#ffe58f;
    padding:3px 0;
    border-radius:2px
}
span.select2-container .select2-search--dropdown .select2-search__field {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border-radius:3px
}
span.select2-container .select2-search--dropdown .select2-search__field:hover, span.select2-container .select2-search--dropdown .select2-search__field:active {
    border-color:#75A1F0
}
span.select2-container .select2-search--dropdown .select2-search__field:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
span.select2-container .select2-search--dropdown .select2-search__field.disabled, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true'], span.select2-container .select2-search--dropdown .select2-search__field[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
span.select2-container .select2-search--dropdown .select2-search__field.disabled:hover, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:hover, span.select2-container .select2-search--dropdown .select2-search__field[readonly='readonly']:hover, span.select2-container .select2-search--dropdown .select2-search__field.disabled:active, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:active, span.select2-container .select2-search--dropdown .select2-search__field[readonly='readonly']:active {
    border-color:#ddd
}
span.select2-container .select2-search--dropdown .select2-search__field.disabled:focus, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:focus, span.select2-container .select2-search--dropdown .select2-search__field[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
span.select2-container .select2-results__option {
    color:#666;
    cursor:pointer;
    position:relative
}
span.select2-container .select2-results__option[aria-selected=true], span.select2-container .select2-results__option.select2-results__option--highlighted, span.select2-container .select2-results__option:hover, span.select2-container .select2-results__option:active, span.select2-container .select2-results__option:focus {
    background:#edf5ff;
    border-color:#d3e8ff;
    color:#3a96ff
}
span.select2-container .select2-results__option[aria-selected=true] .path-ico, span.select2-container .select2-results__option.select2-results__option--highlighted .path-ico, span.select2-container .select2-results__option:hover .path-ico, span.select2-container .select2-results__option:active .path-ico, span.select2-container .select2-results__option:focus .path-ico {
    color:#3a96ff
}
span.select2-container .select2-results__option.select2-results__message {
    height:24px;
    border:none;
    background:none
}
span.select2-container .select2-selection__choice .path-ico {
    color:#3a96ff;
    position:relative;
    top:1px
}
span.select2-container .form-dorpdown-colorLabel {
    width:435px !important;
    padding:5px 5px 10px 5px;
    border-top-right-radius:3px
}
span.select2-container .form-dorpdown-colorLabel .select2-results__options {
    max-height:320px;
    padding:4px
}
span.select2-container .form-dorpdown-colorLabel .select2-results__option {
    float:left;
    width:116px;
    height:25px;
    border-radius:20px;
    line-height:24px;
    padding:1px 1px 1px 10px;
    margin:0px 5px 6px 0;
    overflow:hidden;
    border:1px solid #f6f6f6;
    background:#fcfcfc;
    cursor:pointer
}
span.select2-container .form-dorpdown-colorLabel .select2-results__option.select2-results__option--highlighted, span.select2-container .form-dorpdown-colorLabel .select2-results__option:hover, span.select2-container .form-dorpdown-colorLabel .select2-results__option:active, span.select2-container .form-dorpdown-colorLabel .select2-results__option:focus {
    background:#edf5ff;
    border-color:#d3e8ff
}
span.select2-container .form-select2-dropdown-type-fontIcon {
    width:560px !important;
    padding:5px 5px 10px 5px;
    border-top-right-radius:3px
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__options {
    max-height:300px;
    padding:4px
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    float:left;
    width:62px;
    height:62px;
    line-height:24px;
    border:1px solid #eee;
    padding:1px 0px 1px 1px;
    margin:0 -1px -1px 0;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico {
    width:auto;
    height:auto;
    display:block;
    text-align:center;
    margin-top:5px;
    padding:0
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico .font-icon {
    font-size:32px;
    padding:0;
    width:30px;
    height:30px;
    display:inline-block
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option span {
    overflow:hidden;
    width:80%;
    font-size:10px;
    display:block;
    margin:0 auto;
    white-space:nowrap;
    opacity:.7
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option[aria-selected=true]:after {
    right:2px;
    top:2px;
    color:#d3e8ff;
    background:#3a96ff;
    width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    border-radius:50%;
    font-size:.9em
}
span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option.select2-results__message {
    height:24px;
    border:none
}
span.select2-container .form-select2-dropdown-key-storeType, span.select2-container .form-select2-dropdown-key-fileType {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-start;
    padding:0 5px 5px 5px
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results, span.select2-container .form-select2-dropdown-key-fileType .select2-results {
    display:block;
    width:100%
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results__options, span.select2-container .form-select2-dropdown-key-fileType .select2-results__options {
    padding:2px 0;
    overflow:auto;
    min-height:280px
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results__options .select2-results__option, span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option {
    width:63px;
    float:left;
    text-align:center;
    padding:10px 4px 10px 4px;
    margin:5px 0 0 5px;
    border-radius:4px;
    line-height:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:15px 0px 12px 0px;
    margin:5px 1% 0 1%;
    width:31.3%;
    box-sizing:border-box;
    position:relative
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results__options .select2-results__option .path-ico, span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option .path-ico {
    display:block;
    font-size:42px;
    width:40px;
    height:48px;
    line-height:48px;
    text-align:center;
    padding:0;
    margin:0 auto
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results__options .select2-results__option[aria-selected=true]:after, span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option[aria-selected=true]:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb80";
    position:absolute;
    right:2px;
    top:3px
}
span.select2-container .form-select2-dropdown-key-storeType .select2-search--dropdown {
    display:none!important
}
span.select2-container .form-select2-dropdown-key-storeType .select2-results__options .select2-results__option .path-ico img {
    width:42px;
    height:42px;
    vertical-align:top
}
.form-box .form-row.form-fileSelect.select-image .setting-content input {
    display:none
}
.form-box .form-row.form-fileSelect.select-image .setting-content button.input-title-right.path-select {
    position:absolute;
    left:0px;
    right:inherit;
    margin:0;
    padding:0;
    width:100px;
    height:100%;
    border-radius:4px;
    background:transparent;
    border:1px solid #80808020;
    box-sizing:border-box;
    box-shadow:none
}
.form-box .form-row.form-fileSelect.select-image .setting-content button.input-title-right.path-select .font-icon {
    position:absolute;
    right:2px;
    top:2px;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    border-radius:4px
}
.form-box .form-row.form-fileSelect.select-image .setting-content button.input-title-right.path-select .font-icon:hover {
    background:#2196f329;
    color:#2196f3
}
.form-box .form-row.form-fileSelect.select-image .setting-content button.input-title-right.path-select:hover {
    background:#2196f329
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result {
    width:100px;
    height:50px;
    border-radius:4px;
    text-align:center;
    cursor:pointer;
    background:#b2d8ff08;
    padding:2px;
    box-sizing:border-box;
    position:relative
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result img {
    max-width:100%;
    max-height:100%
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result .cover-image {
    width:100%;
    height:100%;
    border-radius:3px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result:before {
    content:"\ee4b";
    font-family:'remixicon' !important;
    display:none;
    font-size:28px;
    width:30px;
    height:30px;
    line-height:30px;
    color:#80808060;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result.is-empty:before {
    display:block
}
.form-box .form-row.form-fileSelect.select-image .setting-content:hover .input-clear {
    visibility:visible
}
.form-box .form-row.form-fileSelect.select-image .setting-content .file-result.is-empty+.input-clear {
    display:none !important
}
.form-box .form-row.form-fileSelect.select-image .setting-content .input-clear {
    opacity:1;
    z-index:200;
    visibility:hidden;
    right:inherit;
    left:115px;
    bottom:0;
    top:inherit
}
.dialog-form.form-box-title-block .form-box .form-row.form-fileSelect.select-image .setting-content button.input-title-right.path-select {
    position:absolute;
    margin:0 !important
}
.dialog-form.form-box-title-block .form-box .form-row.form-fileSelect.select-image .setting-content .input-clear {
    right:inherit;
    top:inherit
}
.form-box .form-row.form-userSelect .setting-content .kod-select {
    width:360px
}
.form-box .form-row.form-userSelect .setting-content .user-select-role select {
    width:360px;
    min-width:360px
}
.form-box .form-row.form-userSelect .setting-content .user-select-role .select2-container .select2-selection--multiple .select2-search--inline {
    line-height:20px
}
.form-box .form-row .setting-content .kod-select {
    width:268px;
    height:30px;
    max-width:100%;
    border-radius:3px;
    border:1px solid #ddd;
    background:#fefefe;
    display:inline-block;
    position:relative;
    vertical-align:middle;
    cursor:pointer;
    margin-right:10px
}
.form-box .form-row .setting-content .kod-select>.font-icon {
    position:absolute;
    right:0;
    font-size:17px;
    width:30px;
    height:100%;
    line-height:30px;
    color:#888;
    top:50%;
    margin-top:-15px;
    text-align:center
}
.form-box .form-row .setting-content .kod-select.select-single {
    background:#f8f8f8 url("../../images/common/bg.gif") 0 -5px repeat-x;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.form-box .form-row .setting-content .kod-select.select-single.open, .form-box .form-row .setting-content .kod-select.select-single:hover, .form-box .form-row .setting-content .kod-select.select-single:active, .form-box .form-row .setting-content .kod-select.select-single:focus {
    background:#f8f8f8 url("../../images/common/bg.gif") 0 -20px repeat-x
}
.form-box .form-row .setting-content .kod-select.select-single.open {
    border-radius:3px 3px 0 0;
    box-shadow:0 5px 12px rgba(0, 0, 0, 0.2)
}
.form-box .form-row .setting-content .kod-select.select-single .kod-select-title {
    line-height:30px;
    padding-left:10px;
    color:#666
}
.form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico {
    line-height:23px;
    padding-right:5px;
    color:#999;
    text-align:center;
    margin:2px 0px
}
.form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico .font-icon {
    display:inline-block;
    width:20px;
    text-align:center;
    font-size:14px;
    padding-left:2px
}
.form-box .form-row .setting-content .kod-select.select-mutil {
    padding-bottom:4px;
    min-height:28px;
    height:auto
}
.form-box .form-row .setting-content .kod-select.select-mutil:hover, .form-box .form-row .setting-content .kod-select.select-mutil:active, .form-box .form-row .setting-content .kod-select.select-mutil:focus {
    border-color:#3a96ff
}
.form-box .form-row .setting-content .kod-select.select-mutil.open {
    border-radius:3px 3px 0 0;
    border-color:#d6d7d7;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.2)
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list {
    padding:0 5px;
    max-height:85px;
    overflow:auto
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice {
    float:left;
    background-color:#edf5ff;
    color:#3a96ff;
    padding:0 8px 0 4px;
    border:1px solid #badaff;
    line-height:22px;
    border-radius:15px;
    margin:4px 4px 0px 0px
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove {
    float:right;
    font-size:15px;
    width:20px;
    line-height:21px;
    text-align:center;
    position:relative;
    top:1px;
    margin-right:-5px;
    color:#3a96ff
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:hover, .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:active, .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:focus {
    color:#f44336
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    margin:0
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img {
    top:2px;
    left:-1px;
    vertical-align:top
}
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico svg {
    position:relative;
    top:1px
}
.form-row .add-user-group {
    margin:8px 0;
    display:block
}
.form-row .kod-select-main {
    display:inline-block;
    max-width:100%
}
.form-row .kod-select-main.auth-table {
    display:block
}
.form-row .kod-select-main.auth-table .auth-select-box {
    padding:0;
    border:1px solid #e6e6e6
}
.form-row .kod-select-main.auth-table .auth-select-box .item-null {
    text-align:center;
    color:#bbb;
    line-height:30px;
    height:30px
}
.form-row .kod-select-main.auth-table .item-choice {
    border-top:1px solid #eee;
    position:relative;
    border-bottom:1px solid transparent;
    margin-top:-1px;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.form-row .kod-select-main.auth-table .item-choice:nth-child(odd) {
    background:#f8f8f8
}
.form-row .kod-select-main.auth-table .item-choice.disabled {
    pointer-events:none
}
.form-row .kod-select-main.auth-table .item-choice .item-remove {
    position:relative;
    z-index:10;
    cursor:pointer;
    color:#ccc;
    font-size:18px;
    display:none;
    opacity:0;
    top:5px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.form-row .kod-select-main.auth-table .item-choice .item-remove:hover, .form-row .kod-select-main.auth-table .item-choice .item-remove:active, .form-row .kod-select-main.auth-table .item-choice .item-remove:focus {
    color:#ff4d4f
}
.form-row .kod-select-main.auth-table .item-choice:hover, .form-row .kod-select-main.auth-table .item-choice:active, .form-row .kod-select-main.auth-table .item-choice:focus {
    background:#e6f7ff;
    border-color:#91d5ff;
    z-index:999;
    position:relative
}
.form-row .kod-select-main.auth-table .item-choice:hover .item-remove, .form-row .kod-select-main.auth-table .item-choice:active .item-remove, .form-row .kod-select-main.auth-table .item-choice:focus .item-remove {
    display:block;
    opacity:1
}
.form-row .kod-select-main.auth-table .item-choice .select-role select {
    display:none
}
.form-row .kod-select-main.auth-table .item-choice .select-role .select2-container {
    padding-left:0;
    position:absolute;
    right:0px;
    top:3px;
    margin-right:5%;
    margin-left:5%;
    max-width:90%
}
.form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single {
    height:24px;
    line-height:24px;
    min-height:0
}
.form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:hover, .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:active, .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:focus {
    border-color:#91d5ff
}
.form-row .kod-select-main.auth-table .item-choice, .form-row .kod-select-main.auth-table .item-choice-title {
    height:30px;
    line-height:30px;
    padding:0
}
.form-row .kod-select-main.auth-table .item-choice .item-content, .form-row .kod-select-main.auth-table .item-choice-title .item-content {
    width:30%;
    height:inherit;
    line-height:inherit;
    border-right:1px solid #eee;
    display:inline-block;
    padding:0;
    position:relative
}
.form-row .kod-select-main.auth-table .item-choice .item-content .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content .item-content-text {
    width:100%;
    position:absolute;
    padding-left:6px;
    left:0;
    display:block !important;
    visibility:visible !important
}
.form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text .path-ico, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text .path-ico {
    position:relative;
    top:-6px;
    padding-right:5px
}
.form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice .item-content.item-parent .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent .item-content-text {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.form-row .kod-select-main.auth-table .item-choice .item-content.item-name, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name {
    width:34%
}
.form-row .kod-select-main.auth-table .item-choice .item-content.item-parent, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent {
    width:20%
}
.form-row .kod-select-main.auth-table .item-choice .item-content.item-role, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role {
    width:44%;
    border-right:none
}
.form-row .kod-select-main.auth-table .list-result {
    margin-top:1px
}
.form-row .kod-select-main.auth-table .item-choice-title {
    display:block !important;
    background:#f3f3f3;
    border-bottom:1px solid #e6e6e6;
    font-weight:800;
    color:#888;
    overflow:hidden;
    background:#fff url("../../images/common/bg.gif") 0 -5px repeat-x
}
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role {
    text-align:right;
    margin-left:-10px
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-title {
    opacity:1;
    transition:all .2s
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all {
    position:absolute;
    right:-6%;
    left:10px;
    visibility:hidden;
    opacity:.01;
    transition:all .2s;
    background:rgba(33, 150, 243, 0.1)
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .auth-desc {
    position:absolute;
    left:5px
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .auth-desc .font-icon {
    position:relative;
    top:-1px;
    font-weight:400;
    font-size:18px
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .select2-container {
    position:absolute;
    right:5px;
    width:inherit !important;
    margin:0
}
.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .select2-container .select2-selection--single {
    width:100px;
    margin-right:0;
    height:25px;
    line-height:25px;
    min-height:20px;
    text-align:left;
    margin-top:2px;
    position:relative
}
.form-row .kod-select-main.auth-table .item-choice-title:hover .item-role .auth-title, .form-row .kod-select-main.auth-table .item-choice-title.select-open .item-role .auth-title {
    visibility:hidden;
    opacity:.01;
    transition:all .2s
}
.form-row .kod-select-main.auth-table .item-choice-title:hover .item-role .auth-all, .form-row .kod-select-main.auth-table .item-choice-title.select-open .item-role .auth-all {
    visibility:visible;
    opacity:1;
    transition:all .2s
}
.form-row .kod-select-main.auth-table .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left:0px;
    padding-right:0px;
    white-space:nowrap;
    text-overflow:clip
}
.form-row .kod-select-main.auth-table .select2-container .select2-selection--single .select2-selection__rendered .path-ico {
    width:25px
}
.form-row .kod-select-main .path-ico {
    vertical-align:text-bottom
}
.form-row .kod-select-main .path-ico img {
    width:100%;
    height:100%;
    border-radius:50%;
    position:relative
}
.form-row .kod-select-main .path-ico .svg-icon {
    position:relative;
    top:3px
}
.form-row .kod-select-main .kod-select .clear-select {
    display:none;
    position:absolute;
    width:20px;
    height:20px;
    line-height:18px;
    right:8px;
    top:50%;
    border-radius:50%;
    text-align:center;
    font-size:14px;
    margin-top:-11px;
    z-index:99;
    background:#fff;
    color:#777;
    border:1px solid #eee
}
.form-row .kod-select-main .kod-select .clear-select:hover, .form-row .kod-select-main .kod-select .clear-select:active, .form-row .kod-select-main .kod-select .clear-select:focus {
    background:#e6f7ff;
    color:#1890ff;
    border:1px solid #91d5ff;
    font-weight:800
}
.form-row .kod-select-main:hover .clear-select {
    display:block
}
.form-row .kod-select-main .kod-select.open .clear-select {
    display:block !important
}
.form-row .kod-select-main .kod-select .placeholder {
    line-height:32px;
    left:10px;
    position:absolute;
    opacity:.3;
    color:#666
}
.form-row .kod-select-main .auth-toolbar {
    position:absolute;
    z-index:2;
    background:#fff;
    color:#666;
    right:0;
    margin-top:-1px;
    margin-right:5px;
    border:.5px solid #e6e6e6;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius:0 0 3px 3px;
    overflow:hidden;
    visibility:hidden;
    opacity:.001;
    -ms-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item {
    display:inline-block;
    padding:4px 8px;
    cursor:pointer;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s;
    border-left:.5px solid #eee
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item[data-action="clear"] {
    border-left:none
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item .font-icon {
    position:relative;
    top:0px
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item:hover, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item:active, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item:focus {
    background:#e6f7ff;
    color:#1890ff
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable {
    cursor:not-allowed
}
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:hover, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:active, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:focus {
    background:#fff;
    color:#666
}
.form-row .kod-select-main:hover .auth-toolbar {
    visibility:visible;
    opacity:1
}
.form-select2-dropdown-type-group-auth {
    min-width:200px
}
.kod-user-group-select {
    position:absolute;
    overflow:hidden;
    display:none;
    border:1px solid #d6d7d7;
    border-radius:4px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0 8px 12px rgba(0, 0, 0, 0.2);
    margin-top:-2px;
    z-index:99999;
    background:#fff;
    width:300px;
    min-width:300px;
    max-width:500px
}
.kod-user-group-select.open {
    display:block
}
.kod-user-group-select.open.open-up {
    border-radius:4px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    margin-top:2px;
    box-shadow:0 -6px 10px rgba(0, 0, 0, 0.1)
}
.kod-user-group-select .select-search {
    padding:8px 10px;
    background:#f6f6f6;
    border-bottom:1px solid #eee
}
.kod-user-group-select .select-search input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    width:100%;
    height:26px;
    box-sizing:border-box;
    box-shadow:none;
    border-radius:3px;
    display:inline-block;
    color:#444;
    padding-left:.5em;
    margin-right:10px
}
.kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active {
    border-color:#75A1F0
}
.kod-user-group-select .select-search input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.kod-user-group-select .select-search input.disabled, .kod-user-group-select .select-search input[readonly='true'], .kod-user-group-select .select-search input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.kod-user-group-select .select-search input.disabled:hover, .kod-user-group-select .select-search input[readonly='true']:hover, .kod-user-group-select .select-search input[readonly='readonly']:hover, .kod-user-group-select .select-search input.disabled:active, .kod-user-group-select .select-search input[readonly='true']:active, .kod-user-group-select .select-search input[readonly='readonly']:active {
    border-color:#ddd
}
.kod-user-group-select .select-search input.disabled:focus, .kod-user-group-select .select-search input[readonly='true']:focus, .kod-user-group-select .select-search input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active, .kod-user-group-select .select-search input:focus {
    border-color:#75A1F0
}
.kod-user-group-select .select-search:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    content:"\f0d1";
    position:absolute;
    right:15px;
    top:13px;
    width:18px;
    height:18px;
    font-size:14px;
    text-align:center;
    color:#ddd;
    background:#fff
}
.kod-user-group-select .select-search .search-clear {
    display:none;
    position:absolute;
    right:15px;
    top:11px;
    background:#eee;
    font-size:10px;
    cursor:pointer;
    text-align:center;
    color:#aaa;
    width:20px;
    height:20px;
    line-height:20px;
    padding:0;
    z-index:10;
    border-radius:50%;
    -ms-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.kod-user-group-select .select-search .search-clear:hover, .kod-user-group-select .select-search .search-clear:active, .kod-user-group-select .select-search .search-clear:focus {
    color:#fff;
    background:#ff4d4f
}
.kod-user-group-select .search-match {
    font-weight:inherit;
    background:#ffe58f;
    padding:3px 0;
    border-radius:2px
}
.kod-user-group-select .select-dropdown-content {
    height:350px;
    padding:5px 0 10px 0;
    overflow:auto
}
.kod-user-group-select .group-list-tree li a.tree-node, .kod-user-group-select .group-list-search .search-item {
    border:none;
    position:relative;
    padding-left:0;
    margin:0;
    height:28px;
    line-height:28px;
    border-radius:0
}
.kod-user-group-select .group-list-tree li a.tree-node .button.switch, .kod-user-group-select .group-list-search .search-item .button.switch {
    margin-top:-2px
}
.kod-user-group-select .group-list-tree li a.tree-node:hover, .kod-user-group-select .group-list-search .search-item:hover, .kod-user-group-select .group-list-tree li a.tree-node.hover, .kod-user-group-select .group-list-search .search-item.hover, .kod-user-group-select .group-list-tree li a.tree-node:active, .kod-user-group-select .group-list-search .search-item:active {
    margin:0;
    border-radius:0;
    color:#3a96ff;
    background:#eee
}
.kod-user-group-select .group-list-tree li a.tree-node.this, .kod-user-group-select .group-list-search .search-item.this {
    background:#edf5ff;
    color:#3a96ff
}
.kod-user-group-select .group-list-tree li a.tree-node.this .check-icon:before, .kod-user-group-select .group-list-search .search-item.this .check-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.kod-user-group-select .group-list-tree li a.tree-node.this:hover, .kod-user-group-select .group-list-search .search-item.this:hover, .kod-user-group-select .group-list-tree li a.tree-node.this.hover, .kod-user-group-select .group-list-search .search-item.this.hover, .kod-user-group-select .group-list-tree li a.tree-node.this:active, .kod-user-group-select .group-list-search .search-item.this:active {
    background:#badaff
}
.kod-user-group-select .group-list-tree li a.tree-node.group-status-0, .kod-user-group-select .group-list-search .search-item.group-status-0, .kod-user-group-select .group-list-tree li a.tree-node.user-status-0, .kod-user-group-select .group-list-search .search-item.user-status-0 {
    opacity:.4
}
.kod-user-group-select .group-list-tree li a.tree-node .item-select, .kod-user-group-select .group-list-search .search-item .item-select {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    font-size:1.1em;
    width:28px;
    height:28px;
    line-height:28px;
    cursor:pointer;
    text-align:center;
    z-index:50;
    padding:0;
    color:rgba(0, 0, 0, 0.2)
}
.kod-user-group-select .group-list-tree li a.tree-node .item-select:hover, .kod-user-group-select .group-list-search .search-item .item-select:hover {
    background:rgba(0, 0, 0, 0.05)
}
.kod-user-group-select .group-list-tree li a.tree-node .item-select .font-icon, .kod-user-group-select .group-list-search .search-item .item-select .font-icon {
    width:26px;
    line-height:26px;
    position:relative;
    top:-2px
}
.kod-user-group-select .group-list-tree li a.tree-node.this .item-select, .kod-user-group-select .group-list-search .search-item.this .item-select {
    color:#3b8cff
}
.kod-user-group-select .group-list-tree li a.tree-node:hover .item-select, .kod-user-group-select .group-list-search .search-item:hover .item-select, .kod-user-group-select .group-list-tree li a.tree-node:focus .item-select, .kod-user-group-select .group-list-search .search-item:focus .item-select, .kod-user-group-select .group-list-tree li a.tree-node:active .item-select, .kod-user-group-select .group-list-search .search-item:active .item-select, .kod-user-group-select .group-list-tree li a.tree-node.this .item-select, .kod-user-group-select .group-list-search .search-item.this .item-select {
    display:block
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select, .kod-user-group-select .group-list-search .search-item .children-select {
    display:none;
    position:absolute;
    right:35px;
    top:0px;
    font-size:1.1em;
    width:28px;
    height:28px;
    line-height:24px;
    cursor:pointer;
    text-align:center;
    z-index:50;
    padding:0;
    font-size:14px;
    color:rgba(0, 0, 0, 0.2)
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select:hover, .kod-user-group-select .group-list-search .search-item .children-select:hover {
    background:rgba(0, 0, 0, 0.05)
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select .font-icon, .kod-user-group-select .group-list-search .search-item .children-select .font-icon {
    border:2px solid #007ee2;
    color:#3b8cff;
    font-weight:800;
    width:16px;
    height:16px;
    line-height:16px;
    font-size:12px;
    display:block;
    margin:0 auto;
    margin-top:4px;
    border-radius:2px
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select .font-icon, .kod-user-group-select .group-list-search .search-item .children-select .font-icon {
    border:none;
    font-weight:normal;
    font-size:14px;
    width:18px;
    height:18px;
    line-height:18px
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-empty .font-icon:before, .kod-user-group-select .group-list-search .search-item .children-select.list-empty .font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f260"
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-full .font-icon:before, .kod-user-group-select .group-list-search .search-item .children-select.list-full .font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f260"
}
.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-has .font-icon:before, .kod-user-group-select .group-list-search .search-item .children-select.list-has .font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f261"
}
.kod-user-group-select .group-list-tree li a.tree-node:hover .children-select, .kod-user-group-select .group-list-search .search-item:hover .children-select, .kod-user-group-select .group-list-tree li a.tree-node:focus .children-select, .kod-user-group-select .group-list-search .search-item:focus .children-select, .kod-user-group-select .group-list-tree li a.tree-node:active .children-select, .kod-user-group-select .group-list-search .search-item:active .children-select {
    display:block
}
.kod-user-group-select .group-list-tree li a.tree-node .check-icon, .kod-user-group-select .group-list-search .search-item .check-icon {
    float:right;
    color:#fff;
    font-size:12px;
    text-align:center;
    width:15px;
    height:15px;
    line-height:15px;
    padding:0;
    margin-top:5px;
    margin-right:5px;
    -ms-transition:all .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.kod-user-group-select .group-list-tree li a.tree-node .check-icon:before, .kod-user-group-select .group-list-search .search-item .check-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.kod-user-group-select .group-list-tree li a.tree-node .path-ico, .kod-user-group-select .group-list-search .search-item .path-ico {
    width:18px;
    height:18px;
    line-height:18px;
    font-size:20px;
    position:relative;
    top:-1px
}
.kod-user-group-select .group-list-tree li a.tree-node .path-ico .font-icon, .kod-user-group-select .group-list-search .search-item .path-ico .font-icon {
    font-size:18px
}
.kod-user-group-select.select-user .group-list-tree li a.tree-node .children-select {
    right:0px
}
.kod-user-group-select .group-list-search {
    padding-bottom:30px
}
.kod-user-group-select .group-list-search .search-item {
    cursor:pointer;
    padding-left:10px
}
.kod-user-group-select .group-list-search .search-item .path-ico {
    padding-right:8px
}
.kod-user-group-select .group-list-search .search-item .item-select .font-icon {
    top:0
}
.kod-user-group-select .group-list-search .search-no-result {
    width:100%;
    position:absolute;
    text-align:center;
    margin-top:30px;
    color:#ccc;
    font-size:.9em
}
.kod-user-group-select .group-list-search .search-no-result:before {
    content:"\e604" !important;
    font-family:"kod-svg-font" !important
}
.kod-user-group-select .group-list-search .search-no-result:before {
    display:block;
    font-size:100px;
    padding-left:5px;
    text-shadow:0 0 5px #ffffff
}
.kod-user-group-select .group-list-search .search-result-info {
    position:absolute;
    bottom:0px;
    text-align:center;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:.9em;
    color:#bbb;
    background:#fafafa;
    border-top:1px solid #eee
}
.kod-user-group-select .group-list-tree {
    padding-top:0
}
.kod-user-group-select .group-list-tree .sub-menu {
    float:right;
    display:none;
    line-height:20px;
    padding-right:7px;
    font-size:1.15em;
    color:#ddd
}
.kod-user-group-select .group-list-tree li a.curSelectedNode, .kod-user-group-select .group-list-tree li a.curSelectedNode:hover, .kod-user-group-select .group-list-tree li a.curSelectedNode.this:hover {
    background:#1890ff3d;
    color:#1890ff;
    box-shadow:0 0 0 1px #1890ff
}
.kod-user-group-select .path-ico img {
    width:100%;
    height:100%;
    border-radius:50%;
    top:-5px;
    position:relative
}
.kod-user-group-select .group-list-tree.ztree li a.tree-node span.tree_icon .path-ico img {
    top:0;
    border-radius:50%
}
.kod-user-group-select .group-list-search .search-item .path-ico img {
    top:0px
}
.kod-user-group-select.select-user .group-list-tree li a.node-item-group .item-select {
    display:none !important
}
.kod-user-group-select .group-list-tree li a.tree-node.node-disable-select .item-select {
    display:none !important
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-group {
    background:#fafafa;
    color:#aaa;
    margin:10px 0 0 0 !important
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-group .tree_icon {
    display:none
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-group:hover {
    background:#eee;
    color:#444
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget {
    background:#fafafa
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget .tree_icon .path-ico .font-icon {
    color:#ffac33;
    font-size:19px
}
.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget:hover {
    background:#eee;
    color:#444
}
.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .tree_icon .path-ico .font-icon {
    color:#1890ff;
    font-size:19px
}
.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select {
    display:block
}
.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check {
    font-size:14px;
    line-height:24px;
    padding-left:1px
}
.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec81"
}
.form-row .slider .slider-track {
    background:#ddd;
    box-shadow:none
}
.form-row .slider.slider-horizontal {
    margin-left:10px
}
.form-row .slider.slider-horizontal .slider-track {
    height:6px;
    border-radius:0
}
.form-row .slider .slider-selection {
    transition:background-color .3s ease;
    background:#2196f3;
    box-shadow:none;
    border-radius:0
}
.form-row .slider .slider-handle {
    margin-left:-7px;
    margin-top:3px;
    width:14px;
    height:14px;
    z-index:5;
    cursor:pointer;
    border-radius:50%;
    border:2px solid #88c7f4;
    background:#fff;
    transition:border-color .3s ease, transform .3s cubic-bezier(.18, .89, .32, 1.28)
}
.form-row .slider .slider-handle.round:hover, .form-row .slider .slider-handle.round:active {
    box-shadow:0 0 0 6px rgba(150, 219, 250, 0.7)
}
.form-row .slider.slider-horizontal:before {
    content:"";
    display:block;
    background:#2196f3;
    width:10px;
    margin-top:10px;
    left:-10px;
    position:absolute;
    border-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    height:6px
}
.form-row .slider.slider-horizontal:after {
    content:" ";
    content:"";
    display:block;
    background:#ddd;
    width:10px;
    margin-top:10px;
    right:-8px;
    position:absolute;
    border-radius:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    z-index:0;
    height:6px
}
.form-row .slider .tooltip.top {
    margin-top:-43px
}
.form-row .slider .tooltip.bottom {
    margin-top:20px
}
.form-row .slider .tooltip.top .tooltip-arrow {
    border-top-color:rgba(0, 0, 0, 0.7)
}
.form-row .slider .tooltip.bottom .tooltip-arrow {
    border-bottom-color:rgba(0, 0, 0, 0.7)
}
.form-row .slider .tooltip-inner {
    background-color:rgba(0, 0, 0, 0.7);
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
    padding:8px 15px
}
.form-box .form-row.form-table .form-table-main {
    display:table;
    width:100%;
    border-collapse:collapse;
    margin-bottom:5px
}
.form-box .form-row.form-table .form-table-main .list-row {
    display:table-row;
    border-bottom:1px solid #eee;
    position:relative
}
.form-box .form-row.form-table .form-table-main .list-row:nth-child(even) {
    background:#fafafa
}
.form-box .form-row.form-table .form-table-main .list-row:hover, .form-box .form-row.form-table .form-table-main .list-row:active, .form-box .form-row.form-table .form-table-main .list-row:focus {
    background:#f8f8f8
}
.form-box .form-row.form-table .form-table-main .list-row.title {
    background:#f3f3f3;
    font-weight:bold;
    color:#888;
    border-top:1px solid #e6e6e6
}
.form-box .form-row.form-table .form-table-main .list-row.title .list-col, .form-box .form-row.form-table .form-table-main .list-row.title .form-row {
    border-color:#e6e6e6
}
.form-box .form-row.form-table .form-table-main .list-content {
    display:table-row-group;
    vertical-align:middle;
    border-color:inherit
}
.form-box .form-row.form-table .form-table-main .list-content.table-type-inline .form-box>.panel-form-body-main {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row .list-col, .form-box .form-row.form-table .form-table-main .list-row .form-row {
    display:table-cell;
    height:100%;
    vertical-align:middle;
    padding:8px 10px;
    word-break:break-word;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:relative
}
.form-box .form-row.form-table .form-table-main .list-row .list-col pre, .form-box .form-row.form-table .form-table-main .list-row .form-row pre {
    margin:0;
    padding:0;
    border-radius:4px;
    background:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row {
    padding:2px 5px;
    margin:0;
    padding-left:15px
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-title {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    float:none;
    width:auto;
    padding:2px 2px 2px 6px;
    margin:0;
    overflow-y:hidden;
    overflow-x:auto
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>.desc, .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>label>.desc {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>.select-user-box {
    padding:0;
    margin:0;
    background:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content .input-clear {
    margin-left:-30px
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide {
    display:table-cell !important;
    opacity:1 !important
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide .setting-title {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide .setting-content {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    padding-left:0;
    margin-left:-4px
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content .input-title-right {
    margin-left:-7px;
    position:relative
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row textarea, .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row input.form-input-text {
    width:auto;
    margin:0
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row>.clear {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.form-select .setting-content {
    overflow:hidden
}
.form-box .form-row.form-table .form-table-main .list-row .row-action {
    display:none;
    background:#fff;
    background:rgba(255, 255, 255, 0.9);
    position:absolute;
    right:0;
    top:0;
    height:100%;
    margin:0;
    padding:0 5px 0 0px;
    box-shadow:-6px 0 4px rgba(0, 0, 0, 0.1)
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action {
    padding:4px 5px;
    cursor:pointer;
    display:inline-block;
    color:#1890ff;
    border-radius:3px;
    word-break:keep-all;
    position:relative;
    top:4px;
    top:calc(50% - 13px)
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action .font-icon {
    position:relative;
    top:-1px
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:hover, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:active, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:focus {
    background:#e6f7ff
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag {
    display:inline-block;
    height:100%;
    width:50px;
    cursor:move;
    padding:0;
    margin:0;
    color:#1890ff;
    border-right:.5px solid #eef6ff;
    text-align:center;
    position:relative;
    top:0px;
    left:px;
    vertical-align:top
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag .font-icon {
    position:relative;
    top:50%;
    margin-top:-16px
}
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:hover, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:active, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:focus {
    background:#e6f7ff
}
.form-box .form-row.form-table .form-table-main .list-row:hover .row-action, .form-box .form-row.form-table .form-table-main .list-row:active .row-action {
    display:block
}
.form-box .form-row.form-table .form-table-main .list-content.can-not-sort .row-action .col-drag {
    display:none
}
.form-box .form-row.form-table .form-table-main .list-content.table-type-inline {
    box-shadow:none
}
.form-box .form-row.form-table .form-table-main .list-content.table-type-inline .col-action[action="edit"] {
    display:none
}
.form-box .form-row.form-table .list-row-empty {
    display:block;
    border-bottom:1px solid #eee;
    margin:-5px 0 5px 0;
    padding:8px 0;
    background:#fefefe;
    color:#aaa;
    text-align:center
}
.password-view {
    cursor:pointer;
    color:#888;
    position:absolute;
    border-radius:4px;
    text-align:center;
    opacity:.4;
    padding:4px 0;
    -ms-transition:background .2s;
    -webkit-transition:background .2s;
    -moz-transition:background .2s;
    -o-transition:background .2s;
    transition:background .2s;
    line-height:1em;
    width:2em;
    margin-left:-2.2em;
    margin-top:.3em
}
.password-view:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecb3"
}
.password-view:hover {
    background:rgba(150, 150, 150, 0.1);
    color:#1890ff;
    opacity:1
}
.password-view.active {
    background:#1890ff;
    color:#fff;
    opacity:1
}
.password-view.active:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecb5"
}
.share-password-box .password-view {
    margin-top:30px
}
.dialog-form .password-view {
    margin-left:-3.2em;
    margin-top:.25em
}
.dialog-form.form-box-title-block .password-view {
    margin-left:-2.2em;
    margin-top:.15em
}
.user-set .item-change-password .password-view {
    margin-left:-3em;
    margin-top:4px
}
.user-set .item-change-password .title .password-view {
    margin-top:8px
}
.app-wap-small .password-view {
    margin-left:-2.5em;
    margin-top:.5em
}
.app-wap-small .share-password-box .password-view {
    margin-top:30px
}
.app-wap-small .user-set .item-change-password .password-view {
    margin-top:.2em;
    margin-top:4px
}
.app-wap-small .user-set .item-change-password .title .password-view {
    margin-top:7px
}
.dialog-form.target-form.form-inline .form-box.config-box .panel-form-body {
    padding:0;
    margin:0;
    overflow:visible
}
.dialog-form.target-form.form-inline .form-target-save {
    display:none !important
}
.dialog-form.target-form.form-inline .form-box .form-row {
    padding:0;
    margin:0 4px 4px 0;
    display:inline-block;
    float:left;
    clear:inherit
}
.dialog-form.target-form.form-inline .form-box .form-row.form-html {
    display:none !important
}
.dialog-form.target-form.form-inline .form-box .form-row.inline+.inline {
    padding-top:0
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-title {
    display:none !important
}
.dialog-form.target-form.form-inline .form-box .form-row .clear {
    display:none !important;
    clear:inherit
}
.dialog-form.target-form.form-inline .form-box .form-row .desc {
    display:none !important
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content {
    padding:0;
    float:none;
    display:inline-block;
    width:auto
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content input.form-input-text {
    box-sizing:content-box;
    margin:0
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    margin-left:-5px;
    border-left-width:1px;
    margin-right:5px
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .btn-group.btn-group-segment .btn {
    margin-bottom:0
}
.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select {
    margin:0
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container {
    margin:0
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .kod-select, .dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection {
    box-sizing:border-box;
    border-radius:3px
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left, .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    display:inline-block;
    line-height:26px;
    height:26px;
    z-index:2
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left .font-icon, .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:26px
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding:5px 12px
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size:1.3em
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content input.form-input-text {
    height:24px
}
.dialog-form.target-form.form-inline .form-box .form-row.form-switch .setting-content label, .dialog-form.target-form.form-inline .form-box .form-row.form-radio .setting-content label, .dialog-form.target-form.form-inline .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom:0;
    margin-top:2px
}
.dialog-form.target-form.form-inline .form-box .form-row.form-cityPicker .city-picker-span {
    line-height:26px;
    height:26px
}
.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height:25px;
    margin-top:2px
}
.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position:relative;
    top:-1px
}
.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position:relative;
    top:-3px;
    overflow:auto;
    height:27px
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height:26px
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height:27px;
    line-height:27px
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top:0;
    padding-top:0
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height:22px;
    line-height:22px;
    margin-top:1px
}
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height:22px;
    line-height:22px;
    margin-top:-1px
}
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .kod-select, .dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection {
    height:28px;
    min-height:28px;
    line-height:28px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left, .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    display:inline-block;
    line-height:24px;
    height:24px;
    z-index:2
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left .font-icon, .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:24px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding:4px 10px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size:1.3em
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content input.form-input-text {
    height:22px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-switch .setting-content label, .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-radio .setting-content label, .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom:0;
    margin-top:1px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-cityPicker .city-picker-span {
    line-height:24px;
    height:24px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height:23px;
    margin-top:3px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position:relative;
    top:-2px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position:relative;
    top:-3px;
    overflow:auto;
    height:25px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height:24px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height:25px;
    line-height:25px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top:0;
    padding-top:0
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height:20px;
    line-height:20px;
    margin-top:1px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height:20px;
    line-height:20px;
    margin-top:-1px
}
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .kod-select, .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection {
    height:26px;
    min-height:26px;
    line-height:26px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left, .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    display:inline-block;
    line-height:28px;
    height:28px;
    z-index:2
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left .font-icon, .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:28px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding:6px 14px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size:1.3em
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content input.form-input-text {
    height:26px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-switch .setting-content label, .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-radio .setting-content label, .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom:0;
    margin-top:3px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-cityPicker .city-picker-span {
    line-height:28px;
    height:28px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height:27px;
    margin-top:1px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position:relative;
    top:0
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position:relative;
    top:-3px;
    overflow:auto;
    height:29px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height:28px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height:29px;
    line-height:29px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top:0;
    padding-top:0
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height:24px;
    line-height:24px;
    margin-top:1px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height:24px;
    line-height:24px;
    margin-top:-1px
}
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .kod-select, .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection {
    height:30px;
    min-height:30px;
    line-height:30px
}
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    margin-right:0
}
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content input.form-input-text {
    height:26px
}
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left, .app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    line-height:25px;
    height:25px
}
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left .font-icon, .app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:25px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    margin-right:0
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content input.form-input-text {
    height:24px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left, .app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    line-height:23px;
    height:23px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left .font-icon, .app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:23px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    margin-right:0
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content input.form-input-text {
    height:28px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left, .app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    line-height:27px;
    height:27px
}
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left .font-icon, .app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height:27px
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment {
    background:#eee;
    border-radius:5px;
    padding:2px 2px 2px 1px
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default {
    margin:0;
    border:none;
    background:transparent;
    border-radius:4px;
    margin-left:1px
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:hover {
    color:#222;
    background:rgba(150, 150, 150, 0.1)
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:focus {
    box-shadow:none;
    color:#222
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active, .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    background:transparent !important;
    border:none !important;
    color:#222 !important;
    background:#fff !important;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.15)
}
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon, .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color:#222
}
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment {
    background:#444
}
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:hover {
    color:#fff
}
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:focus {
    color:#fff
}
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active, .dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    background:#222 !important;
    border:none !important;
    color:#fff !important;
    box-shadow:0 1px 5px rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon, .dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color:#fff
}
.form-box .form-row.form-checkbox.segment label {
    border-radius:0;
    background:transparent;
    border:1px solid rgba(150, 150, 150, 0.3);
    padding:1px 5px;
    margin-right:-5px;
    position:relative;
    top:-3px
}
.form-box .form-row.form-checkbox.segment label input {
    opacity:0;
    width:0
}
.form-box .form-row.form-checkbox.segment label .font-icon {
    width:auto;
    padding-right:.1em;
    opacity:.8
}
.form-box .form-row.form-checkbox.segment label:hover {
    background:rgba(24, 144, 255, 0.1);
    border-color:rgba(24, 144, 255, 0.3)
}
.form-box .form-row.form-checkbox.segment label.select {
    background:#1890ff;
    border-color:#1d7cd4;
    color:#fff
}
.form-box .form-row.form-checkbox.segment.style-light label.select {
    background:rgba(24, 144, 255, 0.1);
    border-color:#1890ff;
    color:#1890ff
}
.form-box .form-row.form-checkbox.segment label:first-child {
    border-radius:4px 0 0 4px
}
.form-box .form-row.form-checkbox.segment label:nth-last-child(3) {
    border-radius:0 4px 4px 0
}
.form-box .form-row.style-size-auto.form-checkbox label, .form-box .form-row.style-size-auto.form-radio label {
    width:15%;
    margin-right:0;
    box-sizing:border-box;
    white-space:nowrap
}
@media (max-width:500px) {
    .form-box .form-row.style-size-auto.form-checkbox label, .form-box .form-row.style-size-auto.form-radio label {
        width:32%
    }
}
.form-box .form-row label.style-html {
    margin-right:6px;
    margin-bottom:9px
}
.form-box .form-row label.style-html input {
    display:none !important
}
.form-box .form-row label.style-html .input-item {
    width:50px;
    height:50px;
    border-radius:4px;
    position:relative;
    cursor:pointer;
    transition:all .2s;
    box-sizing:border-box
}
.form-box .form-row label.style-html .input-item:hover {
    opacity:.7
}
.form-box .form-row label.style-html .input-item>div {
    width:100%;
    height:100%;
    border-radius:5px;
    background-size:cover !important;
    background-position:center !important
}
.form-box .form-row label.style-html .input-item:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7a";
    position:absolute;
    top:4px;
    right:4px;
    width:16px;
    height:16px;
    line-height:16px;
    font-size:16px;
    border-radius:20px;
    transform:rotate(-60deg);
    color:#fff;
    right:0;
    opacity:0;
    visibility:hidden;
    transition:all .2s
}
.form-box .form-row label.style-html .input-item:hover:before {
    visibility:hidden
}
.form-box .form-row label.style-html input:checked+.input-item, .form-box .form-row label.style-html input:checked+em+.input-item {
    box-shadow:0 0 0 2px #fff, 0 0 0 4px #2196f3
}
.form-box .form-row label.style-html input:checked+.input-item:before, .form-box .form-row label.style-html input:checked+em+.input-item:before {
    visibility:visible;
    opacity:1;
    right:4px;
    transform:rotate(0)
}
.form-box .form-row label.style-html .input-item img {
    max-width:100%;
    max-height:100%
}
.form-box .form-row.form-radio .setting-content {
    white-space:normal
}
.form-box .form-row.form-checkbox .setting-content {
    white-space:normal
}
.dark-mode .form-box .form-row label.style-html input:checked+.input-item, .dark-mode .form-box .form-row label.style-html input:checked+em+.input-item {
    box-shadow:0 0 0 2px #262626, 0 0 0 4px #2196f3
}
.form-pop-view {
    position:absolute;
    z-index:100;
    padding:20px;
    width:300px;
    border-radius:3px;
    background:#fff;
    box-shadow:rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 8px 16px
}
.form-pop-view .header {
    font-size:14px;
    padding-left:10px;
    height:36px;
    line-height:36px;
    background:#90909005;
    border-radius:4px 4px 0 0;
    border-bottom:1px solid #90909010
}
.form-pop-view .header .title-icon {
    position:relative;
    top:-2px;
    font-size:18px;
    opacity:.5;
    padding-right:2px
}
.form-pop-view .header .title-icon:before {
    position:relative;
    top:1px
}
.form-pop-view .view-close {
    position:absolute;
    right:4px;
    top:4px;
    width:28px;
    height:28px;
    line-height:28px;
    border-radius:4px;
    font-size:14px;
    color:#888;
    background:rgba(0, 0, 0, 0.01);
    cursor:pointer;
    transition:all .2s
}
.form-pop-view .view-close:hover {
    background:rgba(150, 150, 150, 0.2)
}
.form-pop-view.content-scroll .view-content {
    position:absolute;
    top:40px;
    left:0;
    bottom:0;
    right:0;
    overflow:auto;
    border-radius:0 0 4px 4px
}
.form-pop-view .dialog-form.form-box-title-block .form-box .form-row {
    padding:2px 0px
}
.form-pop-view .view-content .form-box.config-box .panel-form-body {
    background:transparent;
    overflow:visible;
    padding:0 !important
}
.dark-mode .form-pop-view {
    background:#333;
    box-shadow:rgba(255, 255, 255, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 8px 16px
}
.dark-mode .form-pop-view.pop-view-image-select .search-input {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-pop-view.pop-view-image-select .search-input:focus {
    border-color:#2196F3
}
.form-pop-view.pop-view-color-image {
    width:200px;
    padding:10px 20px 20px 20px
}
.form-pop-view.pop-view-color-image .color-select {
    padding-top:2px
}
.form-pop-view.pop-view-color-image .color-select .color-item {
    display:inline-block;
    cursor:pointer;
    border-radius:4px;
    width:36px;
    height:36px;
    margin-right:4px
}
.form-pop-view.pop-view-color-image .color-select .color-item:hover {
    opacity:.8
}
.form-pop-view.pop-view-image-select {
    width:345px;
    height:420px;
    padding:0;
    max-height:80%
}
.form-pop-view.pop-view-image-select .view-content {
    padding:10px
}
.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect {
    position:absolute;
    top:-32px;
    right:40px;
    width:30px;
    padding:0;
    margin:0
}
.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect .btn.input-title-right {
    border:1px solid transparent;
    width:28px;
    height:24px;
    line-height:28px
}
.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect .btn.input-title-right:hover {
    border:1px solid rgba(150, 150, 150, 0.1)
}
.form-pop-view.pop-view-image-select .search-input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    width:100%;
    padding:4px 8px;
    box-sizing:border-box;
    border-radius:4px
}
.form-pop-view.pop-view-image-select .search-input:hover, .form-pop-view.pop-view-image-select .search-input:active {
    border-color:#75A1F0
}
.form-pop-view.pop-view-image-select .search-input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.form-pop-view.pop-view-image-select .search-input.disabled, .form-pop-view.pop-view-image-select .search-input[readonly='true'], .form-pop-view.pop-view-image-select .search-input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.form-pop-view.pop-view-image-select .search-input.disabled:hover, .form-pop-view.pop-view-image-select .search-input[readonly='true']:hover, .form-pop-view.pop-view-image-select .search-input[readonly='readonly']:hover, .form-pop-view.pop-view-image-select .search-input.disabled:active, .form-pop-view.pop-view-image-select .search-input[readonly='true']:active, .form-pop-view.pop-view-image-select .search-input[readonly='readonly']:active {
    border-color:#ddd
}
.form-pop-view.pop-view-image-select .search-input.disabled:focus, .form-pop-view.pop-view-image-select .search-input[readonly='true']:focus, .form-pop-view.pop-view-image-select .search-input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.form-pop-view.pop-view-image-select .search {
    position:relative;
    box-sizing:border-box;
    padding:10px;
    width:100%
}
.form-pop-view.pop-view-image-select .search .search-clear {
    position:absolute;
    right:46px;
    top:13px;
    width:23px;
    height:23px;
    line-height:23px;
    cursor:pointer;
    text-align:center;
    border-radius:3px;
    color:#88888870;
    visibility:hidden;
    opacity:0
}
.form-pop-view.pop-view-image-select .search .search-clear:hover {
    background:#f4433617;
    color:#FF5722
}
.form-pop-view.pop-view-image-select .search.has-words .search-clear {
    visibility:visible;
    opacity:1
}
.form-pop-view.pop-view-image-select .search .start-search {
    position:absolute;
    right:10px;
    width:30px;
    height:27px;
    line-height:26px;
    padding:0;
    border-radius:0 3px 3px 0;
    color:#888888
}
.form-pop-view.pop-view-image-select .search .start-search:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0d1"
}
.form-pop-view.pop-view-image-select .image-list {
    position:absolute;
    top:80px;
    left:0;
    bottom:10px;
    right:0;
    border-radius:0 0 4px 4px;
    text-align:center;
    padding:0px 5px 20px 10px
}
.form-pop-view.pop-view-image-select .image-list .load-more {
    display:none;
    position:relative;
    margin-top:10px;
    margin-bottom:20px
}
.form-pop-view.pop-view-image-select .image-list.has-more .load-more {
    display:inline-block
}
.form-pop-view.pop-view-image-select .image-list .list-view:after {
    content:"";
    display:block;
    float:none;
    clear:both
}
.form-pop-view.pop-view-image-select .image-item {
    width:105px;
    height:105px;
    position:relative;
    display:block;
    float:left;
    padding:0;
    margin:5px 5px 0 0;
    border-radius:3px;
    cursor:pointer
}
.form-pop-view.pop-view-image-select .image-item:hover {
    box-shadow:0 0 0 1px #00000020
}
.form-pop-view.pop-view-image-select .image-item.active {
    box-shadow:0 0 0 2px #2196f37a
}
.form-pop-view.pop-view-image-select .image-item.active .desc {
    visibility:visible;
    opacity:1
}
.form-pop-view.pop-view-image-select .image-item .image {
    width:100%;
    height:100%;
    background-color:#91919120;
    background-size:cover;
    background-position:center;
    display:block;
    border-radius:3px;
    transition:all .2s
}
.form-pop-view.pop-view-image-select .image-item .desc {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:24px;
    line-height:24px;
    text-align:center;
    padding:0 5px;
    color:#fff;
    background:#0000003f;
    box-sizing:border-box;
    transition:all .2s;
    overflow:hidden;
    text-overflow:ellipsis;
    visibility:hidden;
    opacity:0
}
.form-pop-view.pop-view-image-select .clear {
    display:block;
    clear:both;
    float:none
}
.form-pop-view.pop-view-image-select .image-item:hover .desc {
    visibility:visible;
    opacity:1
}
.form-pop-view.pop-view-image-select .tips-info {
    background:#7c7c7c17;
    display:inline-block;
    padding:3px 8px;
    border-radius:20px;
    line-height:20px;
    margin-top:20px
}
.dialog-form.target-form {
    padding:0 !important
}
.dialog-form.target-form .form-box.config-box .panel-form-body {
    position:relative;
    left:0;
    top:0;
    margin:0;
    padding:20px 0 40px 0px
}
.dialog-form.dialog-form-has-menu .aui-outer .aui-buttons {
    border-top:1px solid #f3f3f3;
    padding:10px 0 10px 0
}
.dialog-form.dialog-form-has-menu .tab-group .tab-item {
    list-style:none;
    display:inline-block;
    cursor:pointer
}
.dialog-form.dialog-form-has-menu .tab-group .tab-item.active {
    position:relative;
    z-index:2
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group {
    position:absolute;
    z-index:10;
    left:0;
    bottom:0;
    top:41px;
    width:140px;
    padding:0;
    margin:0;
    padding-top:20px;
    background:#f5f7fa
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item {
    display:block;
    border:none;
    background:none;
    border-radius:0;
    color:#666;
    font-size:14px;
    cursor:pointer;
    -ms-transition:.16s all;
    -webkit-transition:.16s all;
    -moz-transition:.16s all;
    -o-transition:.16s all;
    transition:.16s all
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:active, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:focus {
    background:#eee
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:first-child, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child {
    border-radius:0
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item .tab-item-content {
    padding:0 20px 0 15px;
    display:block;
    height:40px;
    line-height:40px;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item .tab-item-content .font-icon {
    vertical-align:text-top
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active {
    background:#fff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active a {
    color:#2196F3
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:focus {
    background:#fff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover a, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active a, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:focus a {
    color:#2196F3
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active+.tab-item {
    border-left-color:transparent
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .form-box.config-box .panel-form-body {
    position:absolute;
    padding:10px 0 40px 140px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group {
    padding:0;
    margin:14px 10px 0 16px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item {
    border:1px solid #eee;
    background:#fafafa;
    float:left;
    margin-left:-1px;
    padding:6px 10px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item:hover {
    background:#f6f6f6
}
.dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item.active {
    background:#fff;
    border:1px solid #eee;
    border-bottom-color:#fff;
    position:relative;
    z-index:10
}
.dialog-form.dialog-form-has-menu.dialog-form-style-tab .form-box.config-box .panel-form-body {
    position:absolute;
    left:0;
    top:70px;
    margin:15px;
    border:1px solid #eee;
    padding:10px 0 40px 0px;
    border-radius:0
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    border-bottom:1px solid #eee;
    position:relative;
    font-size:1.1em;
    margin:5px 15px 5px 30px;
    padding:0
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item {
    border-bottom:3px solid transparent;
    padding:8px 10px;
    margin:5px 5px -2px 0;
    border-radius:3px 3px 0 0;
    position:relative;
    z-index:2
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:active, .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:focus {
    background:#f6f6f6;
    border-color:#eee;
    color:#1890ff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item.active {
    border:none;
    background:transparent;
    border-bottom:3px solid #1890ff;
    color:#1890ff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body {
    position:absolute;
    top:90px;
    padding:0 0 20px 10px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body .panel-form-body {
    padding-left:0
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac {
    background:none
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box .form-row .setting-title {
    text-align:right;
    padding-left:6px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-left .form-box .form-row .setting-title {
    text-align:left
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-right .form-box .form-row .setting-title {
    text-align:right
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group {
    text-align:center;
    padding:0;
    height:30px;
    width:100%;
    background:transparent;
    position:absolute;
    margin-top:-12px;
    z-index:9
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item {
    background:#fff;
    text-align:left;
    margin-left:-5px;
    border:1px solid #ccc;
    border-bottom-color:#a6a6a6;
    border-right-color:#b8b8b8;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:focus {
    background:#f6f6f6
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:first-child {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:nth-last-child(2) {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item .tab-item-content {
    color:#333;
    padding:0 15px;
    height:24px;
    display:inline-block;
    line-height:24px;
    overflow:inherit
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item .tab-item-content .font-icon {
    margin-right:5px;
    opacity:.6
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active .tab-item-content {
    color:#fff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover {
    background-image:none;
    background-image:-webkit-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-moz-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-o-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-ms-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    color:#fff;
    z-index:10;
    border-color:#3f87dc;
    border-top-color:#4396e6;
    border-color:#388df8 #388df8 #0866dc transparent
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:focus {
    background-image:none;
    background-image:-webkit-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-moz-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-o-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-ms-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%)
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active+.tab-item {
    border-left:none
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row.form-userSelect .setting-content .select-user-box {
    background:none
}
.dialog-form .form-box .form-row .setting-title {
    text-align:right;
    padding-left:6px
}
.dialog-form.form-box-title-left .form-box .form-row .setting-title {
    text-align:left
}
.dialog-form.form-box-title-right .form-box .form-row .setting-title {
    text-align:right
}
.dialog-form.dialog-form-has-menu .form-box .form-row .setting-title {
    text-align:left;
    padding-left:6px
}
.dialog-form.dialog-form-has-menu.form-box-title-left .form-box .form-row .setting-title {
    text-align:left
}
.dialog-form.dialog-form-has-menu.form-box-title-right .form-box .form-row .setting-title {
    text-align:right
}
.dialog-form.dialog-no-title .aui-outer {
    box-shadow:0 6px 40px 0 rgba(16, 17, 18, 0.3);
    border-radius:4px;
    overflow:hidden
}
.dialog-form.dialog-no-title .aui-outer .aui-title {
    height:40px
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons {
    padding-right:20px
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons button {
    margin:3px 0 3px 20px;
    padding:0 1em;
    height:30px
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset {
    background:none;
    border:none;
    box-shadow:none;
    padding:0px 10px;
    color:#bbb
}
.dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:hover, .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:active, .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:focus {
    color:#2196F3;
    background:#eaf5ff
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-header {
    height:40px;
    border-bottom:1px solid #bbb;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #d3d1d3 0%, #e7e5e7 100%);
    background-image:-moz-linear-gradient(bottom, #d3d1d3 0%, #e7e5e7 100%);
    background-image:-o-linear-gradient(bottom, #d3d1d3 0%, #e7e5e7 100%);
    background-image:-ms-linear-gradient(bottom, #d3d1d3 0%, #e7e5e7 100%);
    background-image:linear-gradient(bottom, #d3d1d3 0%, #e7e5e7 100%)
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title {
    height:40px;
    line-height:40px;
    padding-left:20px;
    font-size:.9em
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title img, .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .x-item-icon {
    height:22px;
    width:22px;
    margin-right:4px
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .font-icon {
    opacity:.5
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-row .setting-title {
    text-align:right
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-row.form-userSelect .setting-content {
    background:#f4f4f4
}
.dialog-form.dialog-form-style-mac .form-box.config-box .form-row.error .setting-content {
    background:#ffefed
}
.dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body {
    left:0;
    top:0;
    bottom:0px;
    background:#eee;
    border:1px solid #e3e3e3;
    border-top-color:#d8d8d8;
    margin:20px
}
.dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body hr {
    background:none;
    border-bottom:1px dotted #ddd
}
.dialog-form.dialog-form-style-mac h1, .dialog-form.dialog-form-style-mac h2, .dialog-form.dialog-form-style-mac h3, .dialog-form.dialog-form-style-mac h4, .dialog-form.dialog-form-style-mac h5 {
    border-color:#ddd
}
.dialog-form.dialog-form-style-mac .aui-content {
    background:#f9f9f9
}
.dialog-form.dialog-form-style-mac .aui-outer .aui-title {
    height:40px
}
.dialog-form.dialog-form-style-mac .aui-outer .aui-buttons {
    padding-right:20px;
    height:30px;
    border-top:1px solid #ddd;
    background-image:-webkit-linear-gradient(left, #f2f4f7 0%, #f5f7fa 100%);
    background-image:-moz-linear-gradient(left, #f2f4f7 0%, #f5f7fa 100%);
    background-image:-o-linear-gradient(left, #f2f4f7 0%, #f5f7fa 100%);
    background-image:-ms-linear-gradient(left, #f2f4f7 0%, #f5f7fa 100%);
    background-image:linear-gradient(left, #f2f4f7 0%, #f5f7fa 100%);
    background:#f9f9f9;
    border:none
}
.dialog-form.dialog-form-style-mac .aui-outer .aui-buttons button {
    margin-top:1px;
    margin-left:20px;
    padding:0 2em;
    height:25px
}
.artDialog.dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body {
    top:60px
}
.artDialog.dialog-form.dialog-form-style-mac .tab-group {
    margin-top:24px
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .kod-select {
    width:100%
}
.dialog-form.form-box-title-block .form-box .form-row .setting-content .select2-container {
    width:100% !important
}
.content-main-message {
    background-color:#f0f2f5;
    font-family:Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif;
    line-height:1.5em;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0
}
.content-main-message .content-main {
    width:60%;
    margin:10% auto 5% auto;
    color:#666;
    background:#fff;
    border-radius:4px;
    box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
    text-align:center
}
.content-main-message .check-result {
    text-align:center;
    color:#000
}
.content-main-message .check-result .font-icon.error, .content-main-message .check-result .font-icon.success, .content-main-message .check-result .font-icon.info {
    width:70px;
    height:70px;
    line-height:60px;
    font-size:30px;
    border-radius:50%;
    margin:0 auto;
    display:inline-block;
    position:relative;
    top:-35px;
    border:6px solid #fff;
    color:#fff
}
.content-main-message .check-result .font-icon.error:before, .content-main-message .check-result .font-icon.success:before, .content-main-message .check-result .font-icon.info:before {
    font-size:30px
}
.content-main-message .check-result .font-icon.error {
    background:#f5222d
}
.content-main-message .check-result .font-icon.error:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.content-main-message .check-result .font-icon.success {
    background:#63bd37
}
.content-main-message .check-result .font-icon.success:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.content-main-message .check-result .font-icon.info {
    background:#faad14
}
.content-main-message .check-result .font-icon.info:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eca1"
}
.content-main-message .message-content {
    padding:30px 10px 80px 10px;
    line-height:1.5em;
    color:#888
}
.content-main-message .message-content .title {
    font-size:22px;
    line-height:1.3em;
    margin:15px;
    color:#444
}
.content-main-message .link {
    background:#fbfbfb;
    border-top:1px solid #f6f6f6;
    line-height:80px;
    height:80px;
    border-radius:0 0 4px 4px
}
.content-main-message a {
    color:#1890ff;
    text-decoration:none;
    padding:4px .5em;
    border-radius:2px;
    cursor:pointer
}
.content-main-message a:hover, .content-main-message a:active, .content-main-message a:focus {
    background:#def
}
.tab-group-line {
    position:relative;
    font-size:1.1em
}
.tab-group-line .tab-item.active, .tab-group-line .tab-item.this {
    border-color:transparent !important
}
.tab-group-line .tab-item-bar {
    -webkit-transition:width .16s cubic-bezier(.645, .045, .355, 1), left .16s cubic-bezier(.645, .045, .355, 1), transform .16s cubic-bezier(.645, .045, .355, 1);
    transition:width .16s cubic-bezier(.645, .045, .355, 1), left .16s cubic-bezier(.645, .045, .355, 1), transform .16s cubic-bezier(.645, .045, .355, 1);
    position:absolute;
    left:0;
    bottom:-2px;
    z-index:1;
    height:3px;
    width:0;
    background:-webkit-linear-gradient(-200deg, #006CFA, #1acbff);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    border-radius:4px;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3)
}
.dialog-tab {
    border-bottom:1px solid #eee;
    margin:5px 20px
}
.dialog-tab .tab-item {
    display:inline-block;
    padding:5px 10px;
    margin-right:5px;
    border-bottom:3px solid transparent;
    margin-bottom:-2px;
    cursor:pointer;
    position:relative;
    white-space:nowrap
}
.dialog-tab .tab-item:hover, .dialog-tab .tab-item:active, .dialog-tab .tab-item:focus {
    color:#1890ff;
    background:#f6f6f6;
    border-color:#eee
}
.dialog-tab .tab-item.active, .dialog-tab .tab-item.active:hover {
    color:#1890ff;
    border-color:#1890ff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item.active {
    border-color:#3f87dc !important;
    border-top-color:#4396e6 !important;
    border-color:#388df8 #388df8 #0866dc transparent !important
}
.dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item-bar {
    display:none
}
.dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group-line .tab-item-bar {
    width:4px !important;
    height:41px !important;
    z-index:2
}
.markdown-preview {
    font-family:"Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    text-align:justify;
    margin:auto;
    word-break:break-word;
    line-height:1.6em;
    color:#555;
    cursor:text
}
.markdown-preview article, .markdown-preview footer, .markdown-preview header, .markdown-preview nav {
    margin:0 auto
}
.markdown-preview article {
    margin-top:4em;
    margin-bottom:4em;
    min-height:400px
}
.markdown-preview footer {
    margin-bottom:50px
}
.markdown-preview video {
    margin:2em 0;
    border:1px solid #ddd
}
.markdown-preview nav {
    font-size:.9em;
    font-style:italic;
    border-bottom:1px solid #ddd;
    padding:1em 0
}
.markdown-preview nav p {
    margin:0
}
.markdown-preview details {
    margin:15px 0
}
.markdown-preview summary {
    cursor:pointer;
    display:list-item;
    border-radius:3px
}
.markdown-preview summary:hover {
    background-color:rgba(0, 0, 0, 0.05)
}
.markdown-preview summary:focus {
    outline:none;
    box-shadow:0 0 3px #2196F3
}
.markdown-preview .h1, .markdown-preview h1 {
    font-size:2.2em
}
.markdown-preview .h2, .markdown-preview h2 {
    font-size:1.8em
}
.markdown-preview .h3, .markdown-preview h3 {
    font-size:1.6em
}
.markdown-preview .h4, .markdown-preview h4 {
    font-size:1.3em
}
.markdown-preview .h5, .markdown-preview h5 {
    font-size:1.2em
}
.markdown-preview .h6, .markdown-preview h6 {
    font-size:1.1em
}
.markdown-preview .h1, .markdown-preview .h2, .markdown-preview .h3, .markdown-preview .h4, .markdown-preview .h5, .markdown-preview .h6, .markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4, .markdown-preview h5, .markdown-preview h6 {
    font-family:inherit;
    font-weight:500;
    color:#333;
    line-height:1.2em;
    padding:.3em 0;
    margin:.8em 0 .2em 0;
    word-break:break-word
}
.markdown-preview .h1, .markdown-preview h1 {
    letter-spacing:1px;
    border-bottom:1px solid #ddd
}
.markdown-preview .h2, .markdown-preview h2 {
    padding-bottom:.15em
}
.markdown-preview .h1+hr, .markdown-preview h1+hr {
    display:none
}
.markdown-preview p {
    -webkit-hypens:auto;
    -moz-hypens:auto;
    hyphens:auto;
    margin:.2em 0
}
.markdown-preview p, .markdown-preview li, .markdown-preview div, .markdown-preview ul {
    word-break:inherit
}
.markdown-preview blockquote {
    margin-left:1em;
    padding:10px 15px;
    margin:10px 0 20px 0;
    background:#f6f6f6;
    border-left:7px solid rgba(102, 128, 153, 0.1);
    background:rgba(102, 128, 153, 0.04)
}
.markdown-preview blockquote p {
    margin:0;
    font-weight:400;
    line-height:1.6em
}
.markdown-preview code {
    padding:2px 4px;
    color:#c7254e;
    white-space:inherit;
    background-color:#f9f2f4;
    border-radius:4px
}
.markdown-preview pre {
    display:block;
    padding:0;
    overflow:auto;
    margin:0 0 10px;
    font-size:1em;
    line-height:1.5;
    color:#333;
    background:none;
    border-radius:4px
}
.markdown-preview code, .markdown-preview kbd, .markdown-preview pre, .markdown-preview samp {
    font-family:Consolas, 'Liberation Mono', 'Ubuntu Mono', Menlo, Courier, sans-serif
}
.markdown-preview pre code {
    font-size:calc(1em + 1px);
    background:#f8f8f8;
    color:#777;
    white-space:pre-wrap;
    padding:6px 1em;
    border:1px solid #eee;
    display:block
}
.markdown-preview a {
    color:#1980e6;
    text-decoration:none;
    word-break:break-all
}
.markdown-preview a:hover, .markdown-preview a:active {
    text-decoration:underline
}
.markdown-preview a img {
    border:none
}
.markdown-preview img {
    max-width:100%
}
.markdown-preview h1 a, .markdown-preview h1 a:hover, .markdown-preview h1 a:active {
    text-decoration:none
}
.markdown-preview hr {
    border:0 none;
    height:4px;
    margin:.4em 0;
    background:rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0
}
@media screen and (min-width:1200px) {
    .markdown-preview body {
        width:1000px
    }
}
.markdown-preview ul, .markdown-preview ol {
    padding:.2em 0 .2em 2em
}
.markdown-preview table {
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:20px
}
.markdown-preview table thead {
    background:#eee
}
.markdown-preview table td, .markdown-preview table th {
    padding:.5em;
    border:1px solid #ddd;
    line-height:1.5
}
.markdown-preview table tr:nth-child(even) {
    background:#f9f9f9
}
.markdown-preview ul.contains-task-list {
    padding:.2em 0 .2em .5em;
    list-style:none
}
.markdown-preview ul.contains-task-list input {
    margin-right:.2em;
    height:1em;
    font-size:14px;
    vertical-align:text-bottom;
    position:relative;
    top:-1px
}
.markdown-preview ul.contains-task-list label {
    margin:0
}
.markdown-preview .footnotes {
    background:#fafafa;
    padding:0 15px 0 0;
    border-radius:4px;
    color:#888
}
.markdown-preview .markdown-flow {
    background:#fff;
    padding:15px 0;
    max-width:100%;
    overflow:auto
}
.markdown-preview .markdown-flow .label {
    color:#444
}
.markdown-preview .markdown-flow svg {
    height:auto
}
.markdown-preview .katex-display {
    text-align:center;
    font-size:1.3em;
    color:#000;
    margin-bottom:1.5em
}
.markdown-preview .latex-inline .katex-display {
    display:inline-block;
    font-size:.8em
}
.markdown-preview .katex-display>.katex {
    white-space:pre-wrap;
    word-break:break-all
}
.markdown-preview .text-align-center {
    text-align:center
}
.markdown-preview .markdown-alert {
    position:relative;
    display:inline-flex;
    box-sizing:border-box;
    width:100%;
    line-height:1.5;
    padding:8px 15px 8px 40px;
    margin:6px 0;
    color:rgba(0, 0, 0, 0.6);
    border-radius:4px;
    border:1px solid #eee;
    background-color:#f6f6f6;
    border:none
}
.markdown-preview .markdown-alert p {
    padding:0;
    margin:0
}
.markdown-preview .markdown-alert-icon {
    font-size:18px;
    height:100%;
    position:absolute;
    left:12px;
    top:0;
    margin-top:7px
}
.markdown-preview .markdown-alert-info {
    border-color:#91d5ff;
    background-color:#e6f7ff
}
.markdown-preview .markdown-alert-warning {
    border-color:#ffe58f;
    background-color:#fffbe6
}
.markdown-preview .markdown-alert-success {
    border-color:#b7eb8f;
    background-color:#f6ffed
}
.markdown-preview .markdown-alert-error {
    border-color:#f5222d;
    background-color:#fff1f0
}
.markdown-preview .markdown-alert-icon-success {
    color:#52c41a
}
.markdown-preview .markdown-alert-icon-info {
    color:#1890ff
}
.markdown-preview .markdown-alert-icon-warning {
    color:#faad14
}
.markdown-preview .markdown-alert-icon-error {
    color:#f5222d
}
.markdown-preview .markdown-tips {
    border-radius:2px;
    padding:1em;
    position:relative;
    box-shadow:0 0 2px rgba(0, 0, 0, 0.1)
}
.markdown-preview .markdown-tips-default {
    background:rgba(210, 210, 210, 0.1)
}
.markdown-preview .markdown-tips-help {
    background:rgba(66, 185, 131, 0.1)
}
.markdown-preview .markdown-tips-info {
    background-color:#f8f8f8;
    border-left:4px solid #f66;
    padding:12px 24px 12px 30px;
    border-radius:0 2px 2px 0
}
.markdown-preview .markdown-tips-info:before {
    background-color:#f66;
    border-radius:100%;
    color:#fff;
    content:"!";
    font-family:'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
    font-size:14px;
    font-weight:600;
    text-align:center;
    line-height:20px;
    width:20px;
    height:20px;
    position:absolute;
    left:-12px;
    top:14px
}
.markdown-preview {
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    font-family:Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif
}
.markdown-preview .markdown-menu {
    overflow:auto;
    padding:0
}
.markdown-preview .markdown-menu ul {
    padding:0;
    margin:0;
    list-style:none
}
.markdown-preview .markdown-menu ul li {
    list-style:none
}
.markdown-preview .markdown-menu ul li:last-child {
    margin-bottom:20px
}
.markdown-preview .markdown-menu a {
    text-decoration:none;
    display:block;
    padding:5px 10px 5px 10px;
    line-height:1.2em;
    border-radius:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.markdown-preview .markdown-menu a:hover, .markdown-preview .markdown-menu a:active, .markdown-preview .markdown-menu a:focus {
    background:#def
}
.markdown-preview .markdown-menu .markdown-menu-h1 a, .markdown-preview .markdown-menu .markdown-menu-h2 a {
    padding:5px 10px 5px 1em;
    font-weight:600;
    margin:0
}
.markdown-preview .markdown-menu .markdown-menu-h3 a {
    padding-left:2em
}
.markdown-preview .markdown-menu .markdown-menu-h4 a {
    padding-left:3em
}
.markdown-preview .markdown-menu .markdown-menu-h5 a {
    padding-left:4em
}
.markdown-preview .markdown-menu .markdown-menu-h6 a {
    padding-left:5em
}
.markdown-preview iframe {
    border:1px solid rgba(0, 0, 0, 0.05)
}
.markdown-preview iframe.embed-show {
    width:100%;
    height:800px;
    box-sizing:border-box;
    border-radius:4px;
    margin-top:10px
}
.markdown-preview .target-menu {
    position:absolute;
    display:inline-block;
    text-align:center;
    border-radius:4px;
    width:1.2em;
    margin-left:-1.1em;
    text-decoration:none;
    background:#fafdff
}
.markdown-preview .target-menu:hover {
    background:#def;
    text-decoration:none
}
.markdown-preview h1:hover .target-menu, .markdown-preview h1:active .target-menu, .markdown-preview h2:hover .target-menu, .markdown-preview h2:active .target-menu, .markdown-preview h3:hover .target-menu, .markdown-preview h3:active .target-menu, .markdown-preview h4:hover .target-menu, .markdown-preview h4:active .target-menu, .markdown-preview h5:hover .target-menu, .markdown-preview h5:active .target-menu, .markdown-preview h6:hover .target-menu, .markdown-preview h6:active .target-menu {
    display:block !important;
    visibility:visible !important
}
.dark-mode .markdown-preview, .code-theme-black .markdown-preview {
    color:#ddd
}
.dark-mode .markdown-preview .footnotes, .code-theme-black .markdown-preview .footnotes {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview pre, .code-theme-black .markdown-preview pre, .dark-mode .markdown-preview code, .code-theme-black .markdown-preview code, .dark-mode .markdown-preview pre code, .code-theme-black .markdown-preview pre code {
    color:#aaa;
    border-color:rgba(150, 150, 150, 0.3);
    background:#222
}
.dark-mode .markdown-preview code, .code-theme-black .markdown-preview code {
    color:#C5AC18;
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview a, .code-theme-black .markdown-preview a {
    color:#FFA500
}
.dark-mode .markdown-preview hr, .code-theme-black .markdown-preview hr {
    border-bottom:1px solid rgba(150, 150, 150, 0.3);
    background-image:none
}
.dark-mode .markdown-preview .h1, .code-theme-black .markdown-preview .h1, .dark-mode .markdown-preview .h2, .code-theme-black .markdown-preview .h2, .dark-mode .markdown-preview .h3, .code-theme-black .markdown-preview .h3, .dark-mode .markdown-preview .h4, .code-theme-black .markdown-preview .h4, .dark-mode .markdown-preview .h5, .code-theme-black .markdown-preview .h5, .dark-mode .markdown-preview .h6, .code-theme-black .markdown-preview .h6, .dark-mode .markdown-preview h1, .code-theme-black .markdown-preview h1, .dark-mode .markdown-preview h2, .code-theme-black .markdown-preview h2, .dark-mode .markdown-preview h3, .code-theme-black .markdown-preview h3, .dark-mode .markdown-preview h4, .code-theme-black .markdown-preview h4, .dark-mode .markdown-preview h5, .code-theme-black .markdown-preview h5, .dark-mode .markdown-preview h6, .code-theme-black .markdown-preview h6 {
    color:#fff
}
.dark-mode .markdown-preview .h1, .code-theme-black .markdown-preview .h1, .dark-mode .markdown-preview h1, .code-theme-black .markdown-preview h1 {
    border-bottom:1px solid rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table thead, .code-theme-black .markdown-preview table thead {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table td, .code-theme-black .markdown-preview table td, .dark-mode .markdown-preview table th, .code-theme-black .markdown-preview table th {
    border-color:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table tr:nth-child(even), .code-theme-black .markdown-preview table tr:nth-child(even) {
    background:rgba(176, 176, 176, 0.3)
}
.dark-mode .markdown-preview .katex-display, .code-theme-black .markdown-preview .katex-display {
    color:#fff
}
.dark-mode .markdown-preview .markdown-tips-info, .code-theme-black .markdown-preview .markdown-tips-info {
    background-color:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .markdown-menu a:hover, .code-theme-black .markdown-preview .markdown-menu a:hover, .dark-mode .markdown-preview .markdown-menu a:active, .code-theme-black .markdown-preview .markdown-menu a:active, .dark-mode .markdown-preview .markdown-menu a:focus, .code-theme-black .markdown-preview .markdown-menu a:focus {
    color:#FFA500;
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .target-menu, .code-theme-black .markdown-preview .target-menu {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .target-menu:hover, .code-theme-black .markdown-preview .target-menu:hover {
    background:rgba(125, 125, 125, 0.3)
}
.edit-main.code-theme-black .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a {
    color:#fff
}
.edit-main.code-theme-black .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a:active, .edit-main.code-theme-black .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a:focus {
    color:#FFA500;
    background:#666
}
.img-code-box {
    text-align:center;
    margin-top:65px
}
.img-code-box .code-input {
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border:1px solid #ddd;
    height:28px;
    width:132px;
    color:#444;
    border-radius:4px;
    padding-left:.5em
}
.img-code-box .code-image {
    cursor:pointer;
    margin-left:-6px;
    position:relative;
    vertical-align:bottom;
    width:85px;
    height:30px;
    border-radius:0 2px 2px 0;
    border:1px solid #ddd;
    padding:0px
}
.img-code-box .code-loading {
    position:absolute;
    width:18px;
    right:55px;
    top:8px
}
.hover-animate {
    position:relative;
    overflow:hidden
}
.hover-animate>.hover-animate-item {
    opacity:1;
    visibility:visible;
    transform:none !important;
    transition:opacity .02s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1)
}
.hover-animate-item {
    position:absolute !important;
    z-index:-1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.2;
    pointer-events:none;
    visibility:hidden;
    background-color:#1890ff30;
    transition:opacity .2s cubic-bezier(.23, 1, .32, 1), visibility .2s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1)
}
.menuBar .menu-item.hover-animate:hover {
    background-color:transparent
}
.menuBar .menu-item .hover-animate-item {
    background-color:rgba(255, 255, 255, 0.1);
    z-index:0
}
.menuBar .menu-dropdown-user li {
    overflow:hidden
}
.menuBar .menu-dropdown-user li.item-language {
    overflow:visible
}
.menuBar .menu-dropdown-user li.hover-animate:hover {
    background-color:transparent
}
.menuBar .menu-dropdown-user li .hover-animate-item {
    z-index:0
}
.menuBar .menu-dropdown-submenu li .menu-item-sub {
    position:relative;
    overflow:hidden
}
.menuBar .menu-dropdown-submenu li .menu-item-sub.hover-animate:hover {
    background-color:transparent
}
.menuBar .menu-dropdown-submenu li .menu-item-sub.hover-animate span, .menuBar .menu-dropdown-submenu li .menu-item-sub.hover-animate i {
    position:relative;
    z-index:1
}
.menuBar .menu-dropdown-submenu li .menu-item-sub .hover-animate-item {
    background:rgba(150, 150, 150, 0.15);
    z-index:0 !important
}
.admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate:hover, .setting-page .setting-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate:hover {
    background-color:transparent
}
.admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate .menu-name, .setting-page .setting-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate .menu-name, .admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate i, .setting-page .setting-menu-left .menu-item:not(.select)>.menu-item-content.hover-animate i {
    z-index:1
}
.admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content .hover-animate-item, .setting-page .setting-menu-left .menu-item:not(.select)>.menu-item-content .hover-animate-item {
    z-index:0
}
.user-info .path-ico img {
    width:18px;
    height:18px;
    font-size:18px;
    border-radius:20px;
    display:inline-block;
    vertical-align:text-top
}
.vlist-h-touch {
    position:absolute;
    right:0;
    top:0;
    z-index:2000;
    cursor:pointer;
    border-radius:20px 0 0 20px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    border:4px solid transparent;
    border-right:none;
    transition:opacity .3s, visibility .3s;
    margin-top:-4px
}
.vlist-h-touch.active:before {
    color:#fff;
    background:#00000080
}
.vlist-h-touch:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    content:"\ef3e";
    font-size:14px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:block;
    padding-left:2px;
    transition:all .3s;
    color:#fff;
    background:#00000030
}
.vlist-h-touch.item-hidden, .vlist-h-touch.item-hidden.is-show {
    opacity:0;
    visibility:hidden
}
.vlist-h-touch.is-show, .vlist-h-touch.active {
    opacity:1;
    visibility:visible
}
::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder {
    color:#aaa;
    font-size:.9em
}
.page-model-login {
    background:#f6f6f6;
    padding:0px;
    margin:0px;
    color:#666;
    display:flex;
    height:100vh;
    justify-content:center;
    align-items:center
}
.page-model-login a {
    text-decoration:none;
    color:#adf
}
.page-model-login .background {
    position:fixed;
    overflow:hidden;
    z-index:0;
    background:url() no-repeat center center;
    width:100%;
    height:100%;
    background-size:cover;
    right:0px;
    top:0px;
    bottom:0px;
    left:0px;
    background-color:#0065B3
}
.page-model-login .menu-group {
    position:absolute;
    top:5px;
    left:5px;
    z-index:10;
    font-weight:400
}
.page-model-login .menu-group a i.font-icon {
    padding-right:5px
}
.page-model-login .language-list .language-menu {
    background:#2196F3;
    background:rgba(255, 255, 255, 0.2);
    color:#fff;
    border-radius:2px;
    height:26px;
    line-height:26px;
    cursor:pointer;
    padding:0px 10px;
    display:inline-block;
    text-align:center;
    text-decoration:none
}
.page-model-login .open .language-menu, .page-model-login .language-menu:active, .page-model-login .open .language-menu, .page-model-login .language-menu:hover {
    background:#63acff;
    color:#fff
}
.page-model-login .language-list .dropdown-menu {
    width:365px;
    padding:10px 5px 10px 10px;
    left:0;
    overflow:auto;
    border-radius:0 3px 3px 3px;
    margin-top:-1px;
    margin-left:0px;
    border:none
}
.page-model-login .language-list .dropdown-menu li {
    float:left;
    width:120px;
    margin:0 1px 1px 0
}
.page-model-login .language-list .dropdown-menu li a {
    padding:3px 3px 3px 5px;
    border-radius:2px;
    overflow:hidden;
    text-overflow:ellipsis
}
.page-model-login .language-list .dropdown-menu li a.this, .page-model-login .language-list .dropdown-menu li a:focus, .page-model-login .language-list .dropdown-menu li a:hover, .page-model-login .language-list .dropdown-menu li a:active {
    background:#63acff;
    filter:none;
    color:#fff
}
.page-model-login .language-list .dropdown-menu.lang-small {
    width:155px;
    padding:10px 0px
}
.page-model-login .language-list .dropdown-menu.lang-small li {
    width:auto;
    float:none;
    margin:0;
    margin-top:1px
}
.page-model-login .loginbox {
    box-shadow:0 20px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 0, 0, 0.4);
    width:430px;
    max-width:430px;
    border-radius:4px;
    margin:auto;
    position:absolute;
    z-index:100;
    max-height:95%;
    overflow-y:auto;
    left:50%;
    margin-left:-215px
}
.page-model-login .loginbox.aero:before {
    filter:blur(10px);
    -webkit-filter:blur(10px)
}
.page-model-login .form {
    position:relative;
    padding:10px 15px 50px 15px;
    background:#fff;
    background:rgba(255, 255, 255, 0.8);
    border-radius:0 0 3px 3px;
    text-align:center;
    min-height:260px
}
.page-model-login .form .actions {
    text-align:left;
    width:242px;
    margin:0 auto
}
.page-model-login .form .actions .checkbox {
    display:inline-block;
    border:none;
    margin:0px;
    outline-offset:0;
    position:relative;
    top:-1px;
    width:16px;
    height:16px;
    min-height:10px
}
.page-model-login .form .actions .checkbox:focus {
    outline-offset:0;
    box-shadow:none
}
.page-model-login .form .actions label {
    display:inline-block;
    margin-bottom:0px;
    border-radius:4px;
    padding:5px 4px 5px 4px;
    margin-left:-5px;
    font-weight:normal;
    max-width:45%;
    white-space:nowrap;
    overflow:hidden
}
.page-model-login .form .actions .agreement label {
    max-width:100%;
    white-space:inherit;
    overflow:visible;
    margin-right:0;
    padding-right:0
}
.page-model-login .form .actions label:active, .page-model-login .form .actions label:hover {
    background:rgba(0, 0, 0, 0.05)
}
.page-model-login .form .actions .forget-password {
    float:right;
    margin:0;
    padding:5px 4px 5px 4px;
    margin-right:-2px;
    max-width:45%;
    white-space:nowrap;
    overflow:hidden
}
.page-model-login .form .submit-button {
    border:none;
    outline:none;
    color:#fff;
    padding:6px 0px;
    text-align:center;
    margin:8px auto;
    cursor:pointer;
    width:242px;
    font-size:14px;
    border-radius:4px;
    border:1px solid #1890ff;
    background-color:#1890ff;
    box-shadow:inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
    transition:all .16s
}
.page-model-login .submit-button:hover {
    background:#007aea
}
.page-model-login .submit-button:active {
    box-shadow:0 0 0 3px rgba(56, 144, 255, 0.2)
}
.page-model-login .form .url-link {
    cursor:pointer;
    color:#1890ff;
    padding:6px 10px;
    display:inline-block;
    text-decoration:none;
    border-radius:3px;
    transition:all .16s
}
.page-model-login .form .url-link.link-bottom {
    margin:20px 0 10px
}
.page-model-login .form .url-link:hover {
    background:rgba(24, 144, 255, 0.1)
}
.page-model-login .form .url-link:active {
    background:rgba(24, 144, 255, 0.3)
}
.page-model-login .loginbox .form {
    user-select:none;
    overflow:hidden
}
.page-model-login .loginbox .title {
    width:100%;
    height:150px;
    background:rgba(0, 0, 0, 0.1);
    font-weight:100;
    color:#fff;
    padding-top:0px;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.page-model-login .loginbox .title .logo {
    padding-top:30px;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
    height:120px
}
.page-model-login .loginbox .title .logo.logo-image img {
    max-width:400px;
    max-height:100px;
    position:relative
}
.page-model-login .loginbox .title .logo.logo-image .logo-text {
    font-size:32px;
    font-weight:300;
    width:100%;
    max-width:90%;
    display:inline-block;
    padding-top:25px;
    position:relative;
    z-index:10
}
.page-model-login .loginbox .title .logo.logo-image .logo-text i {
    margin-right:.5em
}
.page-model-login .loginbox .title .logo-text {
    -webkit-box-reflect:below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(70%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background-image:-webkit-linear-gradient(60deg, #FFFFFF, #14A1FF);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.page-model-login .loginbox .title .info {
    font-size:14px;
    position:absolute;
    right:20px;
    top:115px
}
.page-model-login .inputs {
    padding:50px 0px 0px 0px
}
.page-model-login .inputs .input-item {
    margin:0 auto 15px auto;
    text-align:center
}
.page-model-login .inputs .input-item span {
    display:block;
    float:left;
    width:80px;
    line-height:30px;
    height:30px
}
.page-model-login .inputs .input-item input {
    height:30px;
    width:201px;
    line-height:25px;
    padding:0;
    border-radius:3px;
    padding-left:40px;
    margin-left:-33px;
    border:1px solid #bbb
}
.page-model-login input:-webkit-autofill {
    box-shadow:inset 0 0 0 40px #fff
}
.page-model-login .inputs .input-item input:focus, .page-model-login input:focus {
    border-color:#3890ff;
    box-shadow:inset 0 0 0 40px #fff, 0 0 0 4px rgba(56, 144, 255, 0.15)
}
.page-model-login .inputs .input-item .font-icon {
    border-radius:2px 0 0 2px;
    height:32px;
    width:30px;
    line-height:30px;
    color:#fff;
    background:#b6b6b6;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    position:relative;
    z-index:2
}
.page-model-login .inputs .check-code input {
    width:120px;
    border-radius:3px 0 0 3px
}
.page-model-login .inputs .check-code img {
    cursor:pointer;
    margin-left:-6px;
    position:relative;
    width:82px;
    height:30px;
    border-radius:0 3px 3px 0;
    border:1px solid #bbb;
    vertical-align:top
}
.page-model-login .from-line {
    border-bottom:1px dotted rgba(0, 0, 0, 0.15);
    margin-top:-5px;
    margin-bottom:10px;
    margin:20px auto;
    width:90%
}
.page-model-login .loginbox .license-box {
    padding:30px 15px 80px
}
.page-model-login .loginbox .license-box .row-offline {
    color:#aaa;
    margin:0px 0 40px 0
}
.page-model-login .loginbox .license-box .form-bottom {
    position:absolute;
    width:100%;
    bottom:0px;
    color:#aaa;
    margin:0;
    margin-left:-15px;
    padding:10px 0;
    background:rgba(146, 196, 255, 0.15);
    border-radius:0 0 3px 3px;
    border-top:1px solid rgba(146, 196, 255, 0.2)
}
.page-model-login .loginbox .license-box .content-regist-offline textarea {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border-radius:3px;
    width:220px;
    height:60px;
    padding:10px
}
.page-model-login .loginbox .license-box .content-regist-offline textarea:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea:active {
    border-color:#75A1F0
}
.page-model-login .loginbox .license-box .content-regist-offline textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.page-model-login .loginbox .license-box .content-regist-offline textarea.disabled, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true'], .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='readonly']:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:active, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:active, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='readonly']:active {
    border-color:#ddd
}
.page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:focus, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:focus, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.page-model-login .loginbox .license-box .content-regist-offline .item-title {
    color:#888;
    font-weight:800;
    border-left:4px solid #40a9ff;
    padding-left:10px;
    margin:2px 0 5px 1px;
    text-align:left
}
.page-model-login .loginbox .license-box .content-regist-offline .desc {
    font-size:.9em;
    color:#888;
    font-style:normal;
    background:#E6F7FE;
    border-radius:4px;
    margin:10px 0;
    padding:10px;
    width:220px;
    text-align:left
}
.page-model-login .loginbox .license-box .content-regist-offline .input-item {
    padding-left:30px
}
.page-model-login .loginbox .license-box .content-regist-offline .regist-link {
    width:315px;
    background:#fafafa;
    padding:0 10px;
    color:#40a9ff;
    margin-left:-30px
}
.page-model-login .loginbox .license-box .content-regist-offline textarea {
    margin-left:-30px
}
.page-model-login .loginbox .license-box .content-regist-offline textarea, .page-model-login .loginbox .license-box .content-regist-offline .desc {
    width:315px
}
.page-model-login .admin-password, .page-model-login .admin-password-repeat {
    padding:20px 0px 0px 0;
    text-align:center
}
.page-model-login .admin-password input, .page-model-login .admin-password-repeat input {
    width:200px;
    padding:4px 6px;
    height:35px;
    text-align:center
}
.page-model-login .admin-password-repeat {
    padding:10px 0px 0px 0
}
.page-model-login .input-item .input-button {
    cursor:pointer;
    position:relative;
    margin:0 0 0 -5px;
    width:66px;
    height:30px;
    line-height:27px;
    padding:0 8px;
    border-radius:0 3px 3px 0;
    border:1px solid #bbb;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
    -webkit-appearance:none;
    appearance:none;
    background:#fff
}
.page-model-login .loginbox .guest {
    padding-top:5px;
    position:relative
}
.page-model-login .loginbox .guest a {
    padding:6px 0px;
    color:#217ef2;
    width:242px;
    border-radius:4px;
    border:1px solid #217ef2;
    background:#1890ff14;
    display:inline-block
}
.page-model-login .loginbox .guest a i {
    padding-left:8px
}
.page-model-login .loginbox .guest a:hover, .page-model-login .loginbox .guest a:active {
    color:#f60;
    border-color:#f60;
    background:#ff660015
}
.page-model-login .common-footer, .install-box .common-footer {
    bottom:0px;
    border:none;
    text-align:center;
    position:fixed;
    width:100%;
    left:0;
    height:30px;
    line-height:30px;
    height:40px;
    line-height:40px;
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.15), 0 -1px 0 1px rgba(0, 0, 0, 0.05)
}
.page-model-login .common-footer .footer-content, .install-box .common-footer .footer-content {
    background:rgba(0, 0, 0, 0.15);
    color:#fff
}
.install-box .common-footer .copyright-open {
    display:none
}
.common-footer .footer-content {
    z-index:5;
    position:relative
}
.dialog-copyright .dialog-copyright-content .content a, .check-version-dialog .aui-content .content a, .common-footer .footer-content a, .dialog-copyright .dialog-copyright-content .content .btn, .check-version-dialog .aui-content .content .btn, .common-footer .footer-content .btn {
    color:#1890ff;
    text-decoration:none;
    padding:.2em .15em;
    border-radius:2px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.dialog-copyright .dialog-copyright-content .content a:hover, .check-version-dialog .aui-content .content a:hover, .common-footer .footer-content a:hover, .dialog-copyright .dialog-copyright-content .content .btn:hover, .check-version-dialog .aui-content .content .btn:hover, .common-footer .footer-content .btn:hover {
    color:#1890ff;
    background:rgba(24, 144, 255, 0.2)
}
.dialog-copyright .dialog-copyright-content .content .btn, .check-version-dialog .aui-content .content .btn, .common-footer .footer-content .btn {
    margin-top:-2px
}
.install-box .common-footer .footer-content, .page-model-login .common-footer .footer-content {
    text-shadow:0 0 0 #fff, 0 0 3px rgba(0, 0, 0, 0.6)
}
.install-box .common-footer .footer-content a, .page-model-login .common-footer .footer-content a, .install-box .common-footer .footer-content .btn, .page-model-login .common-footer .footer-content .btn {
    color:#e7f4ff;
    text-shadow:0 0 0 #1890ff, 0 0 2px #1890ff
}
.install-box .common-footer .footer-content a:hover, .page-model-login .common-footer .footer-content a:hover, .install-box .common-footer .footer-content .btn:hover, .page-model-login .common-footer .footer-content .btn:hover {
    color:#fff;
    background:rgba(24, 144, 255, 0.6)
}
.page-model-login .agreement .agree-link, .artDialog.agreement-dg .link-box .agree-link {
    cursor:pointer;
    color:#1890ff;
    transition:all .16s;
    text-decoration:none;
    padding:2px 1px;
    border-radius:3px
}
.page-model-login .agreement .agree-link:hover, .artDialog.agreement-dg .link-box .agree-link:hover {
    background:rgba(24, 144, 255, 0.1)
}
.bg-banner-fly {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-fly:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image:-moz-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image:-o-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image:-ms-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image:linear-gradient(bottom, #2c41b3, #222b5d)
}
.bg-banner-fly:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/fly.png") 100px -300px
}
.bg-banner-box {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-box:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-moz-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-o-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-ms-linear-gradient(bottom, #00a9fb, #084998);
    background-image:linear-gradient(bottom, #00a9fb, #084998)
}
.bg-banner-box:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/box.png") 180px -220px
}
.bg-banner-dots {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-dots:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-moz-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-o-linear-gradient(bottom, #00a9fb, #084998);
    background-image:-ms-linear-gradient(bottom, #00a9fb, #084998);
    background-image:linear-gradient(bottom, #00a9fb, #084998)
}
.bg-banner-dots:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/dots.png") 180px -220px
}
.bg-banner-light {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-light:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:linear-gradient(bottom, #fdfeff, #daf3ff)
}
.bg-banner-light:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/fly.png") 80px -220px
}
.bg-banner-light:after {
    opacity:.2
}
.bg-banner-light-box {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-light-box:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:linear-gradient(bottom, #fdfeff, #daf3ff)
}
.bg-banner-light-box:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/box.png") 80px -220px
}
.bg-banner-light-box:after {
    opacity:.2
}
.bg-banner-light-fly {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-light-fly:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:linear-gradient(bottom, #fdfeff, #daf3ff)
}
.bg-banner-light-fly:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/fly.png") 80px -220px
}
.bg-banner-light-fly:after {
    opacity:.2
}
.bg-banner-light-dots {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-light-dots:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:-ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image:linear-gradient(bottom, #fdfeff, #daf3ff)
}
.bg-banner-light-dots:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/banner/dots.png") 80px -220px
}
.bg-banner-light-dots:after {
    opacity:.2
}
.bg-banner-default {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.bg-banner-default:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #084998, #00a9fb);
    background-image:-moz-linear-gradient(bottom, #084998, #00a9fb);
    background-image:-o-linear-gradient(bottom, #084998, #00a9fb);
    background-image:-ms-linear-gradient(bottom, #084998, #00a9fb);
    background-image:linear-gradient(bottom, #084998, #00a9fb)
}
.bg-banner-default:after {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../../images/common/login.png") 0 0
}
.drag-resize {
    position:absolute;
    z-index:10;
    -ms-transition:background .16s;
    -webkit-transition:background .16s;
    -moz-transition:background .16s;
    -o-transition:background .16s;
    transition:background .16s
}
.drag-resize:hover {
    background:rgba(64, 169, 255, 0.04)
}
.drag-resize.active, .drag-resize:active, .drag-resize:focus {
    background:rgba(64, 169, 255, 0.15);
    z-index:999999;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.drag-resize.active.drag-resize-default {
    background:rgba(64, 169, 255, 0.3)
}
.drag-resize.active.drag-resize-min, .drag-resize.active.drag-resize-max {
    background:rgba(64, 169, 255, 0.04)
}
.drag-resize.active:before {
    position:fixed;
    z-index:5;
    content:"";
    background:transparent;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    right:0
}
.drag-resize.drag-resize-x {
    width:9px;
    margin-left:-4px;
    top:0;
    bottom:0;
    cursor:col-resize
}
.drag-resize.drag-resize-x.drag-at-after {
    margin-left:0;
    margin-right:-4px
}
.drag-resize.drag-resize-x.drag-resize-min {
    cursor:e-resize
}
.drag-resize.drag-resize-x.drag-resize-max {
    cursor:w-resize
}
.drag-resize.drag-resize-x.drag-at-after.drag-resize-min {
    cursor:w-resize
}
.drag-resize.drag-resize-x.drag-at-after.drag-resize-max {
    cursor:e-resize
}
.drag-resize.drag-resize-y {
    height:9px;
    margin-top:-4px;
    left:0;
    right:0;
    cursor:row-resize
}
.drag-resize.drag-resize-y.drag-at-after {
    margin-top:0;
    margin-bottom:-4px
}
.drag-resize.drag-resize-y.drag-resize-min {
    cursor:s-resize
}
.drag-resize.drag-resize-y.drag-resize-max {
    cursor:n-resize
}
.drag-resize.drag-resize-y.drag-at-after.drag-resize-min {
    cursor:n-resize
}
.drag-resize.drag-resize-y.drag-at-after.drag-resize-max {
    cursor:s-resize
}
.drag-resize:after {
    content:' ';
    border-radius:20px;
    position:absolute;
    z-index:2;
    background:rgba(0, 0, 0, 0.1);
    backdrop-filter:blur(10px)
}
.drag-resize.active:after, .drag-resize:hover:after {
    background:rgba(0, 0, 0, 0.2)
}
.drag-resize.drag-resize-x:after {
    width:4px;
    height:32px;
    margin-left:-2px;
    margin-top:-16px;
    top:50%
}
.drag-resize.drag-resize-y:after {
    height:4px;
    width:32px;
    left:50%;
    margin-left:-16px;
    margin-top:-2px
}
.drag-resize:after {
    backdrop-filter:none;
    border-radius:0;
    border:1px solid #ddd;
    background:transparent
}
.drag-resize.drag-resize-x:after {
    width:1px;
    height:18px;
    margin-left:-1px;
    margin-top:-9px;
    border-top:none;
    border-bottom:none
}
.drag-resize.drag-resize-y:after {
    height:1px;
    width:18px;
    margin-left:-9px;
    margin-top:-1px;
    border-left:none;
    border-right:none
}
.drag-resize.active:after, .drag-resize:hover:after {
    background:transparent
}
.drag-resize.drag-resize-y:after {
    display:none
}
.dialog-app-select .app-list {
    border:1px solid #ddd;
    padding:25px 0 0 10px;
    height:280px;
    overflow:auto;
    overflow-x:hidden;
    border-radius:4px;
    background:#f5f5f5;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    display:none
}
.dialog-app-select .app-list .flex-empty {
    width:95px;
    margin:0 10px 0px 0;
    border:1px solid transparent
}
.dialog-app-select .app-list:after {
    content:"";
    flex:auto
}
.dialog-app-select .app-list.active {
    display:flex
}
.dialog-app-select .app-list .app-item {
    border:1px solid #f5f5f5;
    width:95px;
    height:110px;
    border-radius:4px;
    transition:all .2s ease 0s;
    margin:0 10px 10px 0;
    text-align:center;
    float:left;
    color:#444;
    text-decoration:none
}
.dialog-app-select .app-list .app-item:hover, .dialog-app-select .app-list .app-item:active, .dialog-app-select .app-list .app-item:focus {
    border-color:#77c2ff;
    background:#def
}
.dialog-app-select .app-list .app-item.select {
    border-color:#559cec;
    background:#63acff;
    color:#fff
}
.dialog-app-select .app-list .app-item .ico {
    width:64px;
    height:64px;
    display:table-cell;
    vertical-align:middle;
    padding:5px 0 5px 16px
}
.dialog-app-select .app-list .app-item .ico img {
    width:100%;
    height:auto
}
.dialog-app-select .app-list .app-item .ico .x-item-icon {
    display:block
}
.dialog-app-select .app-list .app-item .ico .font-icon.x-font-icon {
    width:64px;
    height:64px;
    line-height:64px;
    font-size:32px;
    text-align:center;
    margin-top:-2px;
    border-radius:12px;
    background-image:none;
    background-image:-webkit-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    color:#fff;
    display:inline-block
}
.dialog-app-select .tab-group {
    text-align:center;
    margin-bottom:-12px;
    padding:0;
    position:relative;
    z-index:999
}
.dialog-app-select .tab-group .tab-item {
    background:#fff;
    text-align:left;
    display:inline-block;
    margin-left:-5px;
    border:1px solid #ccc;
    border-bottom-color:#a6a6a6;
    border-right-color:#b8b8b8
}
.dialog-app-select .tab-group .tab-item:hover, .dialog-app-select .tab-group .tab-item:active, .dialog-app-select .tab-group .tab-item:focus {
    background:#f6f6f6
}
.dialog-app-select .tab-group .tab-item:first-child {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.dialog-app-select .tab-group .tab-item:last-child {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.dialog-app-select .tab-group .tab-item a {
    text-decoration:none;
    color:#444;
    padding:0 15px;
    height:24px;
    display:inline-block;
    line-height:24px
}
.dialog-app-select .tab-group .tab-item.active a {
    color:#fff
}
.dialog-app-select .tab-group .tab-item.active, .dialog-app-select .tab-group .tab-item.active:hover {
    background-image:none;
    background-image:-webkit-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-moz-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-o-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:-ms-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    background-image:linear-gradient(to bottom, #6eb4f7 0, #1a82fb 100%);
    color:#fff;
    z-index:10;
    border-color:#3f87dc;
    border-top-color:#4396e6;
    border-color:#388df8 #388df8 #0866dc transparent
}
.dialog-app-select .tab-group .tab-item.active:hover, .dialog-app-select .tab-group .tab-item.active:active, .dialog-app-select .tab-group .tab-item.active:focus {
    background-image:none;
    background-image:-webkit-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-moz-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-o-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:-ms-linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%);
    background-image:linear-gradient(to bottom, #6eb4f7 0, #1a82fb 80%)
}
.dialog-app-select .tab-group .tab-item:last-child.active, .dialog-app-select .tab-group .tab-item.active+.tab-item {
    border-left:none
}
.artDialog.explorer-dialog-open {
    min-width:250px
}
.context-menu-item .app-select {
    position:absolute;
    z-index:10;
    visibility:hidden;
    transition:all .2s;
    right:1px;
    top:1px;
    width:28px;
    height:28px;
    line-height:26px;
    box-sizing:border-box;
    cursor:pointer;
    text-align:center
}
.context-menu-item .app-select:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7a";
    content:"";
    font-size:15px;
    font-weight:800;
    border:1px solid rgba(150, 150, 150, 0.3);
    background:rgba(150, 150, 150, 0.1);
    color:#fff;
    border-radius:30px;
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:20px;
    line-height:20px
}
.context-menu-item .app-select.is-select:before {
    content:"\eb7a";
    color:#1890ff;
    background:rgba(24, 144, 255, 0.2);
    border-color:rgba(24, 144, 255, 0.1)
}
.context-menu-item .app-select:hover:before {
    border-color:#1890ff
}
.app-wap-small .context-menu-item .app-select {
    right:0;
    top:0;
    width:35px;
    height:35px;
    line-height:32px
}
.app-wap-small .context-menu-item .app-select:before {
    width:25px;
    height:25px;
    line-height:25px
}
.context-menu-item .app-select.is-select, .context-menu-item:hover>.app-select, .context-menu-item.hover>.app-select {
    visibility:visible
}
.light-app-main {
    position:relative;
    height:100%;
    min-width:800px;
    min-height:500px
}
.light-app-main .menu-toggle {
    display:none;
    font-size:16px;
    cursor:pointer;
    width:50px;
    line-height:36px;
    position:fixed;
    z-index:5;
    text-align:center;
    color:#ffffff;
    margin:18px 10px 5px 0px;
    border-radius:0 5px 5px 0;
    transition:all .3s;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    background:#1890ffa3
}
.light-app-main .menu-toggle:hover, .light-app-main .menu-toggle:active, .light-app-main .menu-toggle:focus {
    background:#0076e4
}
.light-app-main .menu-left {
    position:absolute;
    z-index:100;
    left:0;
    top:0px;
    bottom:0px;
    width:160px;
    background:#fff;
    border-right:1px solid #f1f1f1
}
.light-app-main .menu-left h1 {
    text-align:left;
    color:#666;
    padding:15px 20px 10px 30px;
    font-size:35px;
    font-weight:400;
    margin:0;
    padding:10px 0px 10px 20px;
    font-size:28px;
    height:50px;
    line-height:50px;
    letter-spacing:2px
}
.light-app-main .menu-left .font-icon {
    padding-right:.8em;
    display:inline-block
}
.light-app-main .menu-left .setting a {
    height:40px;
    line-height:40px;
    text-decoration:none;
    text-indent:8px;
    color:#666;
    display:block;
    overflow:hidden;
    cursor:pointer;
    text-transform:capitalize;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    font-size:15px
}
.light-app-main .menu-left .setting a:hover, .light-app-main .menu-left .setting a:active, .light-app-main .menu-left .setting a:focus {
    background:#e6e6e6
}
.light-app-main .menu-left .setting a.selected {
    color:#000;
    background:#e1e1e1;
    border-color:#ccc;
    padding-left:10px
}
.light-app-main .app-content {
    position:absolute;
    left:160px;
    right:0px;
    bottom:0;
    top:0;
    margin:0
}
.light-app-main .app-content .app-model {
    position:absolute;
    bottom:0;
    top:0px;
    left:0px;
    right:0;
    overflow:auto;
    padding:10px 15px;
    overflow-x:hidden
}
.light-app-main .app-content .app-model .h1 {
    font-weight:400;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    color:#666;
    margin:0;
    font-size:22px
}
.light-app-main .app-content .app-model .h1 .font-icon {
    padding-right:5px;
    vertical-align:text-top
}
.light-app-main .app-content .app-model .create-app {
    position:absolute;
    right:20px
}
.light-app-main .app-content .app-list {
    margin-top:10px;
    margin-right:-15px;
    padding:10px 0 40px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.light-app-main .app-content .app-list .flex-empty {
    margin:0 15px 1px 0;
    width:140px;
    height:1px;
    border:1px solid transparent
}
.light-app-main .app-content .app-list .app-li {
    list-style:none;
    cursor:pointer;
    text-align:center;
    float:left;
    margin:0 15px 20px 0;
    width:140px;
    height:200px;
    background:#f5faff;
    color:#2196f3;
    border:1px solid #d2d7dc;
    position:relative;
    -ms-transition:.16s all;
    -webkit-transition:.16s all;
    -moz-transition:.16s all;
    -o-transition:.16s all;
    transition:.16s all;
    border-radius:4px;
    background:none;
    border:1px solid #dee5e7;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)
}
.light-app-main .app-content .app-list .app-li:hover, .light-app-main .app-content .app-list .app-li:active, .light-app-main .app-content .app-list .app-li:focus {
    background:#fff;
    box-shadow:0 20px 100px rgba(0, 0, 0, 0.1), 0 20px 30px rgba(0, 0, 0, 0.05)
}
.light-app-main .app-content .app-list .app-li .icon {
    background-image:linear-gradient(to bottom, #def 0, #fff 100%);
    border-radius:4px
}
.light-app-main .app-content .app-list .app-li .flag-box {
    overflow:hidden;
    position:absolute;
    right:0;
    width:60px;
    height:60px
}
.light-app-main .app-content .app-list .app-li .flag {
    position:absolute;
    top:10px;
    right:-28px;
    width:100px;
    height:22px;
    line-height:22px;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
    font-size:.9em;
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    transform:rotate(45deg)
}
.light-app-main .app-content .app-list .app-li .text {
    height:50px
}
.light-app-main .app-content .app-list .app-li .name {
    color:#444;
    font-weight:800;
    margin:10px 5px 0;
    max-height:32px;
    overflow:hidden
}
.light-app-main .app-content .app-list .app-li .copyright {
    color:#aaa;
    max-height:32px;
    overflow:hidden
}
.light-app-main .app-content .app-list .app-li .path-ico {
    width:90px;
    height:90px;
    background-color:rgba(0, 0, 0, 0.01)
}
.light-app-main .app-content .app-list .app-li .path-ico img {
    height:72px;
    max-width:72px;
    border-radius:10%;
    display:inline-block;
    margin-top:10px
}
.light-app-main .app-content .app-list .app-li .path-ico .content {
    width:80px;
    height:80px;
    padding:10px;
    margin:0 auto
}
.light-app-main .app-content .app-list .app-li .path-ico .content .font-icon {
    width:55px;
    height:55px;
    line-height:52px;
    font-size:40px;
    text-align:center;
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding:10px;
    margin-top:1px;
    display:inline-block;
    border-radius:12px;
    color:#fff
}
.light-app-main .app-content .app-list .app-li .path-ico .content .font-icon.words {
    font-size:26px;
    font-weight:800;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.8)
}
.light-app-main .app-content .app-list .app-li .action i {
    padding-right:.3em;
    color:inherit;
    display:inline-block;
    width:20px
}
.light-app-main .app-content .app-list .app-li .action .btn.btn-default i.font-icon {
    color:#999
}
.light-app-main .app-content .app-list .app-li .action>.btn {
    float:none;
    width:80px;
    height:22px;
    padding-left:0;
    padding-right:0
}
.light-app-main .app-content .app-list .app-li .action .btn-default.dropdown-toggle {
    color:#aaa;
    margin-left:-5px
}
.light-app-main .app-content .app-list .app-li .action .dropdown-toggle {
    width:26px
}
.light-app-main .app-content .app-list .app-li .action .dropdown-menu {
    min-width:130px;
    text-align:left;
    margin-top:-1px;
    font-size:.9em
}
.light-app-main .app-content .app-list .empty {
    margin:50px auto;
    font-size:20px;
    color:#888
}
.light-app-main .app-content .app-list .empty .icon {
    background:url("../../images/file_icon/icon_others/appStore.png");
    width:120px;
    height:120px;
    margin:0 auto;
    margin-bottom:20px;
    background-size:cover
}
.light-app-user.dialog-form .form-box.config-box .panel-form-body {
    padding-top:80px;
    padding-bottom:80px
}
.light-app-user.dialog-form .form-box .form-row.item-app-create-tips {
    position:absolute;
    z-index:100;
    top:0px;
    left:0;
    right:0;
    margin:0;
    padding:0;
    border-radius:0
}
.light-app-user.dialog-form .form-box .form-row.item-app-create-tips .info-alert {
    margin:0;
    text-align:center;
    border-radius:0;
    border-left:none;
    border-right:none
}
.app-wap-small .light-app-user.dialog-form .form-box .form-row.item-app-create-tips {
    display:none !important
}
.light-app-admin .form-row.item-openType, .light-app-user .form-row.item-openType {
    display:none !important
}
.light-app-admin .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"] .form-row.item-openType, .light-app-user .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"] .form-row.item-openType {
    display:block !important
}
.light-app-admin .form-row.item-width, .light-app-user .form-row.item-width, .light-app-admin .form-row.item-height, .light-app-user .form-row.item-height, .light-app-admin .form-row.item-simple, .light-app-user .form-row.item-simple, .light-app-admin .form-row.item-resize, .light-app-user .form-row.item-resize {
    display:none !important
}
.light-app-admin .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-width, .light-app-user .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-width, .light-app-admin .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-height, .light-app-user .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-height, .light-app-admin .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-simple, .light-app-user .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-simple, .light-app-admin .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-resize, .light-app-user .config-box.form-box[switch-key-showmore="openMore"][switch-key-type="url"][switch-key-opentype="dialog"] .form-row.item-resize {
    display:block !important
}
.pathAuth-dialog .auth-list-body {
    padding:10px;
    overflow:auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.pathAuth-dialog .auth-list-body table td {
    padding:5px 8px;
    border:1px solid #e8edef;
    min-width:50px;
    text-align:center;
    white-space:nowrap
}
.pathAuth-dialog .auth-list-body table td.current .font-icon {
    color:#1890ff;
    font-size:18px;
    line-height:18px
}
.pathAuth-dialog .auth-list-body table thead td {
    background:#f6f9ff;
    padding:8px 8px;
    color:#222
}
.pathAuth-dialog .auth-list-body table thead td .desc {
    display:none;
    width:50px;
    height:18px;
    margin:0;
    overflow:hidden
}
.pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title {
    text-align:left;
    background:#f6f9ff;
    color:#222
}
.pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title .label {
    top:3px;
    margin-right:3px
}
.pathAuth-dialog .auth-list-body table tr.auth-item:hover, .pathAuth-dialog .auth-list-body table tr.auth-item:active, .pathAuth-dialog .auth-list-body table tr.auth-item:focus {
    background:#fafafa
}
.pathAuth-dialog .auth-list-body table tr.auth-item.current td {
    background:#e6f7ff
}
.pathAuth-dialog .auth-list-body .desc {
    padding:5px 5px 10px 0px;
    color:#bbb
}
.pathAuth-dialog.auth-theme-dark .aui-main, .pathAuth-dialog.auth-theme-dark .aui-outer .aui-title {
    background:rgba(0, 0, 0, 0.6);
    color:#fff
}
.pathAuth-dialog.auth-theme-dark .auth-list-body table thead td {
    background:#f6f9ff66;
    color:#fff
}
.pathAuth-dialog.auth-theme-dark .auth-list-body table td {
    border:1px solid #ababab5e;
    white-space:nowrap
}
.pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item.current td {
    background:rgba(230, 247, 255, 0.24)
}
.pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item td.auth-item-title {
    background:#f6f9ff33;
    color:#fff
}
.pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item:hover {
    background:#fafafa42
}
.pathAuth-dialog .auth-info-more {
    padding:5px 0 0px 0;
    margin-bottom:-2px;
    white-space:nowrap;
    border-bottom:1px dotted rgba(100, 100, 100, 0.1);
    max-width:840px;
    white-space:inherit
}
.pathAuth-dialog .auth-info-more .from-info {
    margin:2px 5px 2px 0px;
    padding:2px 8px;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    background:rgba(24, 144, 255, 0.02);
    border:1px solid rgba(24, 144, 255, 0.1);
    border-radius:15px;
    cursor:default
}
.pathAuth-dialog .auth-info-more .from-info:hover {
    color:#1890ff
}
.pathAuth-dialog .auth-info-more .from-info.auth-from-path {
    cursor:pointer
}
.pathAuth-dialog .auth-info-more .from-info.auth-from-path:hover {
    background:rgba(24, 144, 255, 0.2)
}
.pathAuth-dialog .auth-info-more .owner-user {
    max-width:600px
}
.pathAuth-dialog .auth-info-more .owner-user i {
    color:#bbb;
    font-style:normal
}
.pathAuth-dialog .desc {
    max-width:840px;
    white-space:inherit
}
.ptips-skin .user-info, .pathAuth-dialog .user-info {
    color:#888;
    cursor:default
}
.ptips-skin .user-info .path-ico, .pathAuth-dialog .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.ptips-skin .user-info img, .pathAuth-dialog .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.ptips-skin .user-info .name-char, .pathAuth-dialog .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.ptips-skin .user-info, .pathAuth-dialog .user-info {
    background:rgba(150, 150, 150, 0.1);
    padding:3px 3px 2px 0;
    margin-right:8px;
    border-radius:10px;
    border:1px solid rgba(150, 150, 150, 0.03)
}
.ptips-skin .user-info .path-ico, .pathAuth-dialog .user-info .path-ico {
    margin-right:2px
}
.ptips-skin .user-info .name, .pathAuth-dialog .user-info .name {
    position:relative;
    top:-1px
}
.ptips-skin .user-info img, .pathAuth-dialog .user-info img {
    position:relative;
    top:0;
    width:16px;
    height:16px
}
.pathSelectApi .file.disabled {
    opacity:.4;
    cursor:not-allowed
}
.menuBar .menu-item.menu-client-sync {
    height:45px;
    line-height:40px;
    color:#fff
}
.menuBar .menu-item.menu-client-sync .client-sync-icon {
    font-size:26px;
    background:linear-gradient(to right, #91d5ff, #1890ff);
    -webkit-background-clip:text;
    color:transparent
}
.menuBar .menu-item.menu-client-sync .client-sync-status {
    position:absolute;
    font-size:12px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    padding:0;
    margin:0;
    right:10px;
    top:2px
}
.menuBar .menu-item.menu-client-sync .client-sync-status.none:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0e5";
    color:#4692e2
}
.menuBar .menu-item.menu-client-sync .client-sync-status.done:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb80";
    color:#1fd89a
}
.menuBar .menu-item.menu-client-sync .client-sync-status.doing:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f064";
    color:#60e61f
}
.menuBar .menu-item.menu-client-sync .client-sync-status.stop:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\efd5";
    color:#4692e2
}
.menuBar .menu-item.menu-client-sync .client-sync-status.doing {
    animation:moveCircleLoopRight 1.4s infinite linear
}
.client-sync-box {
    min-width:620px;
    min-height:500px
}
.client-sync-box .sync-init-help {
    display:none
}
.client-sync-box.sync-not-init .sync-init-help {
    display:block
}
.client-sync-box.sync-not-init .sync-action {
    display:none
}
.client-sync-box.sync-not-init .dialog-tab {
    opacity:.5;
    pointer-events:none
}
.client-sync-box.sync-not-init .dialog-tab-content {
    display:none
}
.client-sync-box .header {
    height:130px;
    position:relative;
    border-bottom:1px solid #e4ebfe
}
.client-sync-box .header .content {
    position:absolute;
    width:100%;
    height:100%
}
.client-sync-box .header .logo {
    position:absolute;
    left:25px;
    top:20px;
    font-size:45px;
    background-image:-webkit-linear-gradient(2deg, #91d5ff, #329cff);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.client-sync-box .header .name-title {
    margin:35px 0 0 90px;
    font-size:24px;
    letter-spacing:1px;
    background-image:-webkit-linear-gradient(2deg, #1890ff, #fff);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.client-sync-box .header .name-title .kod-svg-font {
    font-size:40px
}
.client-sync-box .header .actions.action-list-doing .action-list-doing {
    display:block
}
.client-sync-box .header .actions.action-list-done .action-list-done {
    display:block
}
.client-sync-box .header .actions .btn-group {
    display:none
}
.client-sync-box .header .actions .dropdown-menu {
    margin-top:25px
}
.client-sync-box .header .actions .btn.dropdown-toggle {
    margin-left:-1px !important
}
.client-sync-box .list-empty {
    text-align:center;
    margin-top:50px
}
.client-sync-box .list-empty .tips {
    color:#a9c4e4
}
.client-sync-box .dialog-tab-content {
    margin:10px;
    padding:10px;
    margin-bottom:42px;
    position:absolute;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    bottom:0;
    top:125px;
    right:0
}
.client-sync-box .dialog-tab-content .item {
    height:30px;
    line-height:30px;
    border-bottom:1px solid #f6f6f6;
    color:#888;
    overflow:hidden;
    position:absolute;
    right:0;
    left:10px
}
.client-sync-box .dialog-tab-content .item .row {
    width:100%
}
.client-sync-box .dialog-tab-content .item .row .row-item {
    height:30px;
    line-height:30px
}
.client-sync-box .dialog-tab-content .item .row .title .path-ico {
    padding-left:10px;
    position:relative;
    top:-2px;
    text-align:center;
    width:25px
}
.client-sync-box .dialog-tab-content .item:hover, .client-sync-box .dialog-tab-content .item:active, .client-sync-box .dialog-tab-content .item:focus {
    background:#f0f8ff
}
.client-sync-box .dialog-tab-content .item .state, .client-sync-box .dialog-tab-content .item .action-btn {
    display:none
}
.client-sync-box .dialog-tab-content .item.doing-scan .doing-scan {
    display:inline-block
}
.client-sync-box .dialog-tab-content .item.doing-waiting .doing-waiting {
    display:inline-block
}
.client-sync-box .dialog-tab-content .item.doing-running .doing-running {
    display:inline-block
}
.client-sync-box .dialog-tab-content .item.doing-stoped .doing-stoped {
    display:inline-block
}
.client-sync-box .dialog-tab-content .item.finished-success .finished-success {
    display:inline-block
}
.client-sync-box .dialog-tab-content .item.finished-error .finished-error {
    display:inline-block
}
.client-sync-box .dialog-tab-content .state.doing-waiting:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f215";
    color:#a4d0e4
}
.client-sync-box .dialog-tab-content .state.finished-error:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eca0";
    color:#ff4949
}
.client-sync-box .dialog-tab-content .state.finished-success:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb80";
    color:#52c41a
}
.client-sync-box .dialog-tab-content .state.doing-stoped:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\efd6";
    color:#ffc107
}
.client-sync-box .dialog-tab-content .item.doing-running .progress {
    display:block
}
.client-sync-box .dialog-tab-content .item.doing-stoped .progress {
    display:block
}
.client-sync-box .dialog-tab-content .item.doing-stoped .progress .progress-bar {
    animation:none
}
.client-sync-box .dialog-tab-content .item .state:before {
    font-size:18px;
    margin:-3px 2px 0 1px;
    display:inline-block
}
.client-sync-box .dialog-tab-content .item .row-item .title-name {
    position:absolute;
    width:85%;
    color:#333;
    overflow:hidden;
    word-break:break-word;
    text-overflow:ellipsis;
    white-space:nowrap
}
.client-sync-box .dialog-tab-content .progress {
    display:none;
    height:30px;
    width:100%;
    margin-left:15px;
    border-radius:0;
    box-shadow:none;
    opacity:.7;
    background:#fafdff;
    position:absolute
}
.client-sync-box .dialog-tab-content .progress-bar {
    background-color:#adf;
    background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.35) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, transparent 75%, transparent);
    background-repeat:repeat-x
}
.client-sync-box .dialog-tab-content .actions {
    position:absolute;
    top:0;
    right:0px;
    display:none;
    z-index:2;
    background:#fafafa;
    background:rgba(0, 0, 0, 0.03);
    box-shadow:0 0 5px rgba(0, 0, 0, 0.2)
}
.client-sync-box .dialog-tab-content .actions .action-btn {
    height:30px;
    line-height:28px;
    padding:0 5px;
    margin-left:0px;
    cursor:pointer;
    text-align:center;
    font-size:16px;
    color:#aaa
}
.client-sync-box .dialog-tab-content .actions .action-btn:hover, .client-sync-box .dialog-tab-content .actions .action-btn:active, .client-sync-box .dialog-tab-content .actions .action-btn:focus {
    color:#1890ff;
    background:rgba(24, 144, 255, 0.1)
}
.client-sync-box .dialog-tab-content .actions .action-btn em {
    font-size:12px;
    font-style:normal;
    position:relative;
    top:-2px
}
.client-sync-box .dialog-tab-content .sync-time {
    position:absolute;
    right:5px;
    color:#bbb
}
.client-sync-box .dialog-tab-content .item:hover .actions {
    display:block
}
.client-sync-box .dialog-tab-content .item:hover .sync-time {
    display:none
}
.client-sync-box .dialog-tab {
    position:absolute;
    width:100%;
    margin:-32px 0 0 20px;
    line-height:20px
}
.client-sync-box .dialog-tab .tab-item {
    display:inline-block;
    padding:5px 10px;
    margin-right:5px;
    border-bottom:3px solid transparent;
    margin-bottom:-2px;
    cursor:pointer
}
.client-sync-box .dialog-tab .tab-item:hover {
    color:#1890ff;
    background:rgba(24, 144, 255, 0.1)
}
.client-sync-box .dialog-tab .tab-item.active, .client-sync-box .dialog-tab .tab-item.active:hover {
    color:#1890ff;
    border-color:#1890ff
}
.client-sync-box .sync-action {
    position:absolute;
    top:30px;
    right:20px
}
.client-sync-box .sync-action .status-type {
    position:absolute;
    z-index:100;
    font-size:36px;
    text-align:center;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    cursor:pointer;
    color:#7fafd6;
    background-image:linear-gradient(to bottom, #fff 0, #bcd8ef 100%);
    border:1px solid #d1e2f1;
    box-shadow:0 0 6px rgba(0, 0, 0, 0.05);
    width:50px;
    height:51px;
    line-height:45px;
    margin-top:5px;
    border-radius:3px 0 0 3px
}
.client-sync-box .sync-action .status-type:hover {
    background-image:linear-gradient(to bottom, #fff 0, #93c0e5 100%);
    color:#5897ca
}
.client-sync-box .sync-action .status-info-box {
    width:250px;
    height:50px;
    background:#fcfeff;
    box-shadow:1px 1px 15px rgba(0, 0, 0, 0.15);
    border-radius:4px;
    margin-left:42px;
    margin-top:6px;
    padding-left:20px
}
.client-sync-box .sync-action .status-info-box .status-info-text {
    border-bottom:1px solid rgba(0, 0, 0, 0.06);
    padding:5px 0 2px 5px;
    position:relative
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon {
    position:absolute;
    font-size:12px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    padding:0;
    margin:0;
    margin:0px 0 0 5px;
    top:3px
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon.none:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0e5";
    color:#4692e2
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon.done:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb80";
    color:#1fd89a
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f064";
    color:#60e61f
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon.stop:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\efd5";
    color:#4692e2
}
.client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing {
    animation:moveCircleLoopRight 1.4s infinite linear
}
.client-sync-box .sync-action .status-info-box .status-info-text .text {
    font-weight:600
}
.client-sync-box .sync-action .status-info-box .status-info-desc {
    padding:3px 0 2px 5px;
    color:#999;
    position:relative
}
.client-sync-box .sync-action .status-info-box .text .desc {
    font-style:normal;
    background:rgba(0, 0, 0, 0.05);
    padding:0px 4px;
    display:inline-block;
    margin-left:5px;
    border-radius:20px
}
.client-sync-box .sync-action .status-info-box .btn {
    position:absolute;
    right:2px;
    top:0;
    border:none;
    background:none;
    box-shadow:none;
    margin-top:2px;
    border-radius:2px;
    height:17px;
    overflow:hidden;
    color:#888
}
.client-sync-box .sync-action .status-info-box .btn:hover {
    background:#def
}
.client-sync-box .sync-action .status-info-box .progress {
    position:absolute;
    left:-14px;
    top:20px;
    width:264px;
    height:5px;
    border-radius:2px;
    box-shadow:none;
    background:#fff
}
.client-sync-box .sync-action .status-info-box .progress .progress-bar {
    border-radius:2px;
    background-color:#1890ff
}
.client-sync-box .sync-action .actions {
    position:absolute;
    right:0;
    width:350px;
    text-align:right;
    margin-top:10px;
    z-index:100
}
.client-sync-box .sync-action .actions .btn {
    border-radius:2px;
    height:20px;
    line-height:20px;
    margin-left:5px;
    color:#666
}
.client-sync-box .sync-action .actions .btn .font-icon {
    display:inline-block;
    margin-right:5px;
    opacity:.8
}
.client-sync-box .sync-action .actions .btn:before {
    opacity:.7
}
.client-sync-box .sync-action .actions .tab-list-done, .client-sync-box .sync-action .actions .tab-list-error {
    display:none
}
.client-sync-box .sync-action .actions.list-done .tab-list-done {
    display:inline-block
}
.client-sync-box .sync-action .actions.list-error .tab-list-error {
    display:inline-block
}
.client-sync-box .list-page {
    position:absolute;
    z-index:999;
    background:#fff;
    right:10px;
    bottom:10px
}
.client-sync-box.client-sync-config {
    min-width:550px;
    min-height:450px
}
.client-sync-box.client-sync-config .header {
    height:90px
}
.client-sync-box.client-sync-config .header .name-title {
    margin:28px 0 0 90px
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac {
    margin-top:-40px
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body {
    border:none;
    border-radius:0;
    margin:0;
    padding:40px 0 20px 0px;
    background:none;
    top:20px
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row {
    padding:2px 0
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-content {
    width:60%
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-title {
    color:#94a3b1;
    text-shadow:none
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body hr {
    border-bottom:1px dotted #eee;
    margin:10px 30px
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group {
    margin-top:25px
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-target-save {
    display:none
}
.client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-row.item-about .setting-title {
    padding-top:0
}
.client-sync-box.client-sync-config .form-row.item-about .setting-content {
    margin-top:6px
}
.client-sync-box.client-sync-config .form-row.item-about .setting-content .desc {
    display:inline
}
.menuBar .menu-item.menu-client-download {
    height:45px;
    line-height:40px;
    color:#fff;
    overflow:visible;
    position:relative
}
.menuBar .menu-item.menu-client-download .client-download-icon {
    font-size:2em;
    background:linear-gradient(to right, #91d5ff, #1890ff);
    -webkit-background-clip:text;
    color:transparent;
    line-height:42px
}
.menuBar .menu-item.menu-client-download .client-download-status {
    position:absolute;
    right:12px;
    top:4px;
    font-size:12px;
    text-align:center;
    margin:0;
    width:20px;
    height:20px;
    line-height:20px;
    background:#1890ff;
    color:#fff;
    font-style:normal;
    border-radius:10px
}
.menuBar .menu-item.menu-client-download .client-download-status.stop, .menuBar .menu-item.menu-client-download .client-download-status.loading {
    font-weight:800;
    font-size:13px;
    background:none;
    line-height:18px
}
.menuBar .menu-item.menu-client-download .client-download-status.stop:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\efd5";
    color:#91c5fb
}
.menuBar .menu-item.menu-client-download .client-download-status.loading:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f063";
    color:#60e61f
}
.menuBar .menu-item.menu-client-download .client-download-status.loading {
    animation:moveCircleLoopRight 1.4s infinite linear;
    font-size:12px;
    line-height:20px
}
.client-sync-box.client-download-box .header {
    height:100px
}
.client-sync-box.client-download-box .header .logo {
    top:12px
}
.client-sync-box.client-download-box .header .name-title {
    line-height:24px;
    position:relative;
    top:-10px
}
.client-sync-box.client-download-box .header .actions {
    position:absolute;
    right:10px;
    bottom:5px;
    z-index:100
}
.client-sync-box.client-download-box .header .actions .btn {
    border-radius:2px;
    height:20px;
    line-height:20px;
    margin-left:5px;
    color:#666
}
.client-sync-box.client-download-box .header .actions .btn .font-icon {
    display:inline-block;
    margin-right:5px;
    opacity:.8
}
.client-sync-box.client-download-box .dialog-tab-content {
    top:100px
}
.client-sync-box.client-download-box .dialog-tab-content .actions .action-btn {
    line-height:30px;
    padding:0 6px
}
.client-sync-box.client-download-box .dialog-tab-content .actions .action-btn em {
    margin-left:4px
}
.client-sync-box.client-download-box .dialog-tab-content .actions .action-btn .font-icon {
    font-size:18px;
    position:relative;
    top:-2px
}
.file-download-fly {
    width:40px;
    height:40px;
    border-radius:40px;
    position:fixed;
    z-index:99999;
    text-align:center;
    font-weight:800;
    color:#fff;
    background:#1890ff;
    font-size:14px !important;
    display:flex;
    justify-content:center;
    align-content:center;
    flex-direction:column
}
.dialog-form-page .header {
    height:80px;
    overflow:hidden;
    position:relative;
    border-bottom:1px solid #e4ebfe
}
.dialog-form-page .header .content {
    position:absolute;
    width:100%;
    height:100%
}
.dialog-form-page .header .logo {
    position:absolute;
    left:18px;
    top:20px;
    width:32px;
    height:32px;
    font-size:32px;
    line-height:32px;
    text-align:center
}
.dialog-form-page .header .logo.font-icon {
    background-image:-webkit-linear-gradient(80deg, #1890ff, #11d291);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.dialog-form-page .header .logo .path-ico {
    width:36px;
    height:36px
}
.dialog-form-page .header .name-title {
    margin:20px 0 0 60px;
    font-size:24px;
    display:inline-block;
    background-image:-webkit-linear-gradient(80deg, #1890ff, #11d291);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.dialog-form-page .header .name-title-desc {
    padding-left:60px;
    color:#99c2e4
}
.dialog-form-page .list-empty {
    text-align:center;
    width:auto;
    height:200px;
    position:absolute;
    top:-20px;
    right:0;
    left:0;
    bottom:0;
    margin:auto
}
.dialog-form-page .list-empty .tips {
    color:#a9c4e4
}
.dialog-form-page .dialog-content {
    position:absolute;
    left:0;
    right:0px;
    bottom:0px;
    top:50px;
    margin-top:80px;
    width:100%;
    overflow:auto
}
.dialog-form-page .dialog-content .list-page {
    padding:0;
    padding-bottom:50px
}
.dialog-form-page .actions {
    position:absolute;
    top:40px;
    right:20px
}
.dialog-form-page .actions .btn {
    border-radius:2px;
    height:20px;
    line-height:20px;
    margin-left:5px;
    color:#666;
    position:relative
}
.dialog-form-page .actions .btn .font-icon {
    margin-right:5px;
    opacity:.8
}
.dialog-form-page .actions .btn:before {
    opacity:.7
}
.dialog-form-page .actions .btn:hover {
    z-index:10
}
.file-rename-mutil-dialog .drag-resize.drag-resize-y {
    margin-top:77px
}
.file-rename-mutil-dialog .dialog-form.target-form .form-box.config-box .panel-form-body {
    position:absolute;
    top:5px
}
.file-rename-mutil-dialog .dialog-content .item.item-title {
    border-bottom:1px solid #e6e6e6;
    margin:0px 0 1px 0;
    background-image:linear-gradient(to bottom, #fff 0, #f6f6f6 100%)
}
.file-rename-mutil-dialog .dialog-content .item.item-title .row .row-item .title-name {
    padding-left:17px
}
.file-rename-mutil-dialog .dialog-content .item.item-title:hover, .file-rename-mutil-dialog .dialog-content .item.item-title:active, .file-rename-mutil-dialog .dialog-content .item.item-title:focus {
    background-image:linear-gradient(to bottom, #fff 0, #f6f6f6 100%)
}
.file-rename-mutil-dialog .dialog-content .item {
    height:30px;
    line-height:30px;
    border:1px solid #f6f6f6;
    border-left:none;
    border-right:none;
    margin-top:-1px;
    color:#555;
    overflow:hidden
}
.file-rename-mutil-dialog .dialog-content .item .row {
    margin:0
}
.file-rename-mutil-dialog .dialog-content .item .row .row-item {
    height:30px;
    line-height:30px;
    padding:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    float:left
}
.file-rename-mutil-dialog .dialog-content .item .row .row-item.title {
    width:45%
}
.file-rename-mutil-dialog .dialog-content .item .row .row-item.title-new {
    width:35%
}
.file-rename-mutil-dialog .dialog-content .item .row .row-item.title-state {
    width:20%
}
.file-rename-mutil-dialog .dialog-content .item .row .title .path-ico {
    padding-left:15px;
    position:relative;
    top:-2px;
    text-align:center;
    width:22px
}
.file-rename-mutil-dialog .dialog-content .item .title-name-new {
    display:block;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    margin-right:10px;
    height:100%;
    padding:0 3px 0 15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative
}
.file-rename-mutil-dialog .dialog-content .item .title-name-new.changed:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6c";
    position:absolute;
    margin-left:-16px;
    margin-top:8px;
    font-size:12px;
    color:#ccc
}
.file-rename-mutil-dialog .dialog-content .item .title-name-new.no-changed {
    color:#aaa
}
.file-rename-mutil-dialog .dialog-content .item:nth-child(even) {
    background:#fcfcfc
}
.file-rename-mutil-dialog .dialog-content .item:nth-child(even):hover, .file-rename-mutil-dialog .dialog-content .item:nth-child(even):active, .file-rename-mutil-dialog .dialog-content .item:nth-child(even):focus {
    background:#f0f8ff
}
.file-rename-mutil-dialog .dialog-content .item:hover, .file-rename-mutil-dialog .dialog-content .item:active, .file-rename-mutil-dialog .dialog-content .item:focus {
    background:#f0f8ff
}
.file-rename-mutil-dialog .dialog-content .item .state:before {
    font-size:16px;
    position:relative;
    vertical-align:bottom;
    margin-right:5px;
    margin-left:1px
}
.file-rename-mutil-dialog .dialog-content .item.error .state:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eca1";
    color:#ff4949
}
.file-rename-mutil-dialog .dialog-content .item.success .state:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb81";
    color:#52c41a
}
.file-rename-mutil-dialog .dialog-content .remove-item {
    display:none;
    position:absolute;
    right:0;
    width:30px;
    height:30px;
    line-height:30px;
    background:#deedf5;
    color:#999;
    text-align:center;
    cursor:pointer
}
.file-rename-mutil-dialog .dialog-content .remove-item:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-rename-mutil-dialog .dialog-content .remove-item:hover, .file-rename-mutil-dialog .dialog-content .remove-item:active, .file-rename-mutil-dialog .dialog-content .remove-item:focus {
    color:#1890ff;
    background:#c6dfff
}
.file-rename-mutil-dialog .dialog-content .item:hover .remove-item {
    display:block
}
.file-rename-mutil-dialog .data-from {
    position:absolute;
    top:81px;
    width:100%;
    height:50px;
    overflow:hidden;
    background:#fafafa;
    border-bottom:1px solid #e6e6e6;
    background-image:linear-gradient(to bottom, #fff 0, #fafafb 100%);
    z-index:2
}
.file-rename-mutil-dialog .data-from .panel-form-body {
    padding:0px 0 0px 0px !important;
    background:none;
    border-radius:0
}
.file-rename-mutil-dialog .data-from .form-box .form-row.inline .setting-content {
    margin-right:0
}
.file-rename-mutil-dialog .data-from .form-row.item-type .select2-container {
    width:110px !important;
    min-width:inherit !important
}
.file-rename-mutil-dialog .data-from .form-row.inline+.inline {
    padding-top:2px
}
.file-rename-mutil-dialog .data-from .form-row .setting-title {
    display:none !important
}
.file-rename-mutil-dialog .data-from .form-row .setting-content .input-title-right {
    margin:0 5px 0 -10px
}
.file-rename-mutil-dialog .data-from .form-row input {
    margin-right:2px
}
.file-rename-mutil-dialog .data-from .form-target-save {
    display:none !important
}
.file-rename-mutil-dialog .data-from .rename-start {
    position:absolute;
    right:20px;
    top:0;
    margin-top:9px
}
.file-rename-mutil-dialog .data-from .rename-start.disabled {
    pointer-events:none
}
.file-rename-mutil-dialog .data-from .form-row.item-replaceSet.form-codeEditor .setting-content {
    position:absolute;
    top:3px;
    left:140px;
    width:55%;
    padding:0
}
.file-rename-mutil-dialog .actions .btn.clear-finished {
    border-radius:3px 0px 0 3px
}
.file-rename-mutil-dialog .actions .btn.clear-all {
    margin-left:-1px;
    border-radius:0 3px 3px 0
}
.tag-edit-body .header {
    padding:0
}
.tag-edit-body .header .panel-form-body {
    padding:10px 0 5px 0 !important;
    overflow:hidden !important
}
.tag-edit-body .header .panel-form-body .form-row {
    padding:2px 16px
}
.tag-edit-body .header .panel-form-body .form-row.inline+.form-row.inline {
    margin:-5px 0 0 0
}
.tag-edit-body .header .action {
    padding:0 16px;
    display:none
}
.tag-edit-body .header .line {
    margin:0 15px 10px 15px;
    border-bottom:1px dotted #eee
}
.tag-edit-body .content {
    border:1px solid #eee;
    margin:0 15px;
    padding:5px;
    overflow:auto;
    border-radius:3px;
    position:absolute;
    top:90px;
    left:0;
    right:0;
    bottom:10px;
    border:none;
    margin:0 8px
}
.tag-edit-body .content .item {
    display:block;
    border-radius:40px;
    background:#f8f8f8;
    border:1px solid #f6f6f6;
    padding:4px 10px;
    margin-bottom:4px;
    position:relative;
    border-radius:4px;
    padding:5px 10px 4px 10px;
    cursor:pointer
}
.tag-edit-body .content .item .x-item-icon.label {
    position:relative;
    top:2px;
    margin-right:5px
}
.tag-edit-body .content .item:hover {
    background:#e6f7ff;
    border-color:#def
}
.tag-edit-body .content .item:hover .do-action {
    display:block
}
.tag-edit-body .content .item .do-action {
    display:none;
    position:absolute;
    z-index:10;
    right:1px;
    top:2px;
    border-radius:4px;
    overflow:hidden;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.tag-edit-body .content .item .do-action .item-action {
    width:30px;
    padding:3px 0 3px 0;
    background:#d5effb;
    color:#1890ff;
    border-right:1px solid #c4ecff;
    display:inline-block;
    text-align:center;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.tag-edit-body .content .item .do-action .item-action:hover {
    background:#1890ff;
    color:#fff
}
.tag-edit-body .content .item .do-action .item-action:active, .tag-edit-body .content .item .do-action .item-action:focus {
    background:#0076e4;
    color:#fff
}
.tag-edit-body .content .item.current {
    background:#e6f7ff;
    border-color:#91d5ff
}
.tag-edit-body .content .item.current:after {
    position:absolute;
    right:15px;
    top:4px;
    color:#1890ff;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.tag-edit-body .content .item .drag-item {
    opacity:0;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    position:absolute;
    top:0px;
    right:100px;
    z-index:10;
    width:32px;
    height:100%;
    line-height:26px;
    text-align:center;
    background:#cfebf9;
    color:#1890ff;
    cursor:move !important
}
.tag-edit-body .content .item .drag-item:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef3e"
}
.tag-edit-body .content .item:hover .drag-item {
    opacity:1
}
.tag-list-dialog.dialog-max .tag-edit-body .content {
    position:absolute;
    height:inherit;
    left:0px;
    right:0px;
    bottom:20px;
    top:90px
}
ul.context-menu-list.user-file-tag, ul.context-menu-list.user-tag-menu {
    max-width:300px;
    min-width:300px
}
ul.context-menu-list.group-file-tag, ul.context-menu-list.group-tag-menu {
    min-width:350px;
    max-width:450px
}
.group-tag-edit-body .group-tag-view, .context-menu-item.file-tag-view {
    height:inherit !important;
    background:none !important;
    display:block !important;
    line-height:28px;
    border-bottom:none !important;
    cursor:default;
    margin:0;
    padding:0
}
.group-tag-edit-body .group-tag-view hr, .context-menu-item.file-tag-view hr {
    border-top:1px solid rgba(100, 100, 100, 0.15);
    margin-top:4px;
    margin-bottom:4px
}
.group-tag-edit-body .group-tag-view .item-content, .context-menu-item.file-tag-view .item-content {
    padding:5px 0 5px 10px;
    margin-bottom:5px;
    max-height:300px;
    overflow:auto
}
.group-tag-edit-body .group-tag-view .item-content:after, .context-menu-item.file-tag-view .item-content:after {
    content:"";
    clear:both;
    display:block
}
.group-tag-edit-body .group-tag-view .list-empty, .context-menu-item.file-tag-view .list-empty {
    text-align:center;
    margin:15px 10px
}
.group-tag-edit-body .group-tag-view .list-empty img, .context-menu-item.file-tag-view .list-empty img {
    width:150px;
    display:block;
    margin:0 auto
}
.group-tag-edit-body .group-tag-view .list-empty .text, .context-menu-item.file-tag-view .list-empty .text {
    opacity:.5;
    display:block;
    padding:15px 10px 0 15px;
    white-space:normal;
    line-height:1.2em
}
.group-tag-edit-body .group-tag-view .item-content .item, .context-menu-item.file-tag-view .item-content .item {
    cursor:pointer;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
    float:left;
    max-width:88px;
    min-width:30px;
    padding:2px 6px 1px 6px;
    margin:0 5px 5px 0;
    height:20px;
    line-height:20px;
    border-radius:20px;
    background:rgba(150, 150, 150, 0.05);
    border:1px solid rgba(150, 150, 150, 0.1)
}
.group-tag-edit-body .group-tag-view .item-content .item:hover, .context-menu-item.file-tag-view .item-content .item:hover {
    background:rgba(150, 150, 150, 0.2)
}
.group-tag-edit-body .group-tag-view .item-content .item .x-item-icon.label, .context-menu-item.file-tag-view .item-content .item .x-item-icon.label {
    top:2px;
    margin-right:0
}
.group-tag-edit-body .group-tag-view .item-content .item.this, .context-menu-item.file-tag-view .item-content .item.this {
    background:#e8f4ff;
    color:#1890ff;
    border-color:#63baff
}
.group-tag-edit-body .group-tag-view .item-content .item.this:after, .context-menu-item.file-tag-view .item-content .item.this:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7a";
    text-shadow:0 0 0 #fff, 0 0 1px #000;
    position:absolute;
    top:5px;
    left:6px;
    color:#fff;
    font-size:12px
}
.group-tag-edit-body .group-tag-view .item-content .item, .context-menu-item.file-tag-view .item-content .item, .group-tag-edit-body .group-tag-view .item-add, .context-menu-item.file-tag-view .item-add {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.group-tag-edit-body .group-tag-view .item-add, .context-menu-item.file-tag-view .item-add {
    padding-left:10px;
    cursor:pointer;
    height:30px;
    line-height:30px
}
.group-tag-edit-body .group-tag-view .item-add:before, .context-menu-item.file-tag-view .item-add:before {
    font-family:"remixicon";
    font-style:normal;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eae3";
    padding-right:8px;
    margin-top:-2px;
    display:inline-block;
    vertical-align:middle;
    color:#1890ff
}
.group-tag-edit-body .group-tag-view .item-add:hover, .context-menu-item.file-tag-view .item-add:hover {
    background:#1890ff;
    color:#fff
}
.group-tag-edit-body .group-tag-view .item-add:hover:before, .context-menu-item.file-tag-view .item-add:hover:before {
    color:#fff
}
.group-tag-edit-body .group-tag-view .item.add-tag, .context-menu-item.file-tag-view .item.add-tag {
    height:24px;
    width:80px;
    padding:0;
    border-radius:0;
    border:none;
    background:none;
    overflow:visible
}
.group-tag-edit-body .group-tag-view .item.add-tag:hover, .context-menu-item.file-tag-view .item.add-tag:hover {
    background:none
}
.group-tag-edit-body .group-tag-view .item.add-tag input, .context-menu-item.file-tag-view .item.add-tag input {
    border:1px solid rgba(150, 150, 150, 0.2);
    opacity:.5;
    border-radius:20px;
    width:80px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    padding:2px ​3px 1px 6px;
    text-align:center;
    background:rgba(250, 250, 250, 0.1)
}
.group-tag-edit-body .group-tag-view .item.add-tag input:hover, .context-menu-item.file-tag-view .item.add-tag input:hover, .group-tag-edit-body .group-tag-view .item.add-tag input:active, .context-menu-item.file-tag-view .item.add-tag input:active {
    border-color:#75A1F0
}
.group-tag-edit-body .group-tag-view .item.add-tag input:focus, .context-menu-item.file-tag-view .item.add-tag input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.group-tag-edit-body .group-tag-view .item.add-tag input.disabled, .context-menu-item.file-tag-view .item.add-tag input.disabled, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='true'], .context-menu-item.file-tag-view .item.add-tag input[readonly='true'], .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='readonly'], .context-menu-item.file-tag-view .item.add-tag input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.group-tag-edit-body .group-tag-view .item.add-tag input.disabled:hover, .context-menu-item.file-tag-view .item.add-tag input.disabled:hover, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='true']:hover, .context-menu-item.file-tag-view .item.add-tag input[readonly='true']:hover, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='readonly']:hover, .context-menu-item.file-tag-view .item.add-tag input[readonly='readonly']:hover, .group-tag-edit-body .group-tag-view .item.add-tag input.disabled:active, .context-menu-item.file-tag-view .item.add-tag input.disabled:active, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='true']:active, .context-menu-item.file-tag-view .item.add-tag input[readonly='true']:active, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='readonly']:active, .context-menu-item.file-tag-view .item.add-tag input[readonly='readonly']:active {
    border-color:#ddd
}
.group-tag-edit-body .group-tag-view .item.add-tag input.disabled:focus, .context-menu-item.file-tag-view .item.add-tag input.disabled:focus, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='true']:focus, .context-menu-item.file-tag-view .item.add-tag input[readonly='true']:focus, .group-tag-edit-body .group-tag-view .item.add-tag input[readonly='readonly']:focus, .context-menu-item.file-tag-view .item.add-tag input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.group-tag-edit-body .group-tag-view .item.add-tag input:hover, .context-menu-item.file-tag-view .item.add-tag input:hover, .group-tag-edit-body .group-tag-view .item.add-tag input:active, .context-menu-item.file-tag-view .item.add-tag input:active, .group-tag-edit-body .group-tag-view .item.add-tag input:focus, .context-menu-item.file-tag-view .item.add-tag input:focus {
    opacity:1
}
.group-tag-edit-body .group-tag-view:hover .item.add-tag input, .context-menu-item.file-tag-view:hover .item.add-tag input {
    opacity:.8
}
.group-tag-edit-body .group-tag-view:hover .item.add-tag input:hover, .context-menu-item.file-tag-view:hover .item.add-tag input:hover, .group-tag-edit-body .group-tag-view:hover .item.add-tag input:active, .context-menu-item.file-tag-view:hover .item.add-tag input:active, .group-tag-edit-body .group-tag-view:hover .item.add-tag input:focus, .context-menu-item.file-tag-view:hover .item.add-tag input:focus {
    opacity:1
}
.group-tag-edit-body .group-tag-view .item-content .item.this:after, .context-menu-item.group-tag-filter-view .item-content .item.this:after, .context-menu-item.group-tag-view .item-content .item.this:after {
    display:none
}
.group-tag-edit-body .group-tag-view .group-tag .item-content, .context-menu-item.group-tag-filter-view .group-tag .item-content, .context-menu-item.group-tag-view .group-tag .item-content {
    overflow:inherit;
    padding:5px 0 0px 15px;
    margin-bottom:0px
}
.group-tag-edit-body .group-tag-view .group-tag, .context-menu-item.group-tag-filter-view .group-tag, .context-menu-item.group-tag-view .group-tag {
    max-height:300px;
    overflow:auto;
    margin-bottom:0;
    padding-bottom:5px
}
.group-tag-edit-body .group-tag-view .group-tag:hover, .context-menu-item.group-tag-filter-view .group-tag:hover, .context-menu-item.group-tag-view .group-tag:hover {
    background-color:rgba(150, 150, 150, 0.02)
}
.group-tag-edit-body .group-tag-view .group-tag-header, .context-menu-item.group-tag-filter-view .group-tag-header, .context-menu-item.group-tag-view .group-tag-header {
    margin:0 15px 0 15px;
    height:30px;
    line-height:30px;
    font-weight:600;
    font-size:14px;
    border-bottom:.5px solid rgba(100, 100, 100, 0.15)
}
.group-tag-edit-body .group-tag-view .group-tag-header .font-icon, .context-menu-item.group-tag-filter-view .group-tag-header .font-icon, .context-menu-item.group-tag-view .group-tag-header .font-icon {
    font-weight:normal;
    margin-right:2px;
    font-size:16px
}
.group-tag-edit-body .group-tag-view .group-tag-header .font-icon.is-empty, .context-menu-item.group-tag-filter-view .group-tag-header .font-icon.is-empty, .context-menu-item.group-tag-view .group-tag-header .font-icon.is-empty {
    display:none
}
.group-tag-edit-body .group-tag-view hr, .context-menu-item.group-tag-filter-view hr, .context-menu-item.group-tag-view hr {
    display:none
}
.group-tag-edit-body .group-tag-view .item-add, .context-menu-item.group-tag-filter-view .item-add, .context-menu-item.group-tag-view .item-add {
    padding-left:15px;
    display:none
}
.group-tag-edit-body .group-tag-view.group-tag-allow-edit hr, .context-menu-item.group-tag-filter-view.group-tag-allow-edit hr, .context-menu-item.group-tag-view.group-tag-allow-edit hr {
    display:block
}
.group-tag-edit-body .group-tag-view.group-tag-allow-edit .item-add, .context-menu-item.group-tag-filter-view.group-tag-allow-edit .item-add, .context-menu-item.group-tag-view.group-tag-allow-edit .item-add {
    display:block
}
.context-menu-item.user-tag-filter-view .item.add-tag {
    display:none
}
.context-menu-item.user-tag-filter-view .item.item-add, .context-menu-item.user-tag-filter-view hr {
    display:none
}
.context-menu-item.group-tag-filter-view .item.item-add, .context-menu-item.group-tag-filter-view hr {
    display:none
}
.group-tag-edit-body {
    position:absolute;
    overflow:auto;
    top:0;
    bottom:0;
    width:100%
}
.group-tag-edit-body .group-tag-view {
    padding:10px
}
.group-tag-edit-body .group-tag-view .item-content .item {
    transition:none !important
}
.group-tag-edit-body .header {
    margin:20px 25px 10px 25px;
    padding-bottom:5px;
    border-bottom:1px dotted #a3a3a350
}
.group-tag-edit-body .header .title {
    font-size:1.5em
}
.group-tag-edit-body .header .desc {
    font-size:.9em;
    font-style:normal;
    display:block;
    opacity:.5
}
.group-tag-edit-body .group-tag {
    border-radius:5px;
    margin-bottom:5px
}
.group-tag-edit-body .group-tag .group-tag-header {
    position:relative
}
.group-tag-edit-body .group-tag .group-tag-header .name {
    cursor:text;
    display:inline-block;
    width:80%
}
.group-tag-edit-body .group-tag .group-tag-header .name:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec80";
    display:none;
    font-size:15px;
    opacity:.5;
    margin-left:5px;
    position:relative;
    top:-1px;
    font-weight:400
}
.group-tag-edit-body .group-tag .group-tag-header:hover .name:after {
    display:inline-block
}
.group-tag-edit-body .group-tag .group-tag-header input {
    position:absolute;
    display:none;
    border:none;
    background:none;
    bottom:-1px;
    padding-left:4px;
    width:80%;
    font-weight:800
}
.group-tag-edit-body .group-tag .group-tag-header.on-edit {
    border-color:#88c6ff
}
.group-tag-edit-body .group-tag .group-tag-header.on-edit .name {
    display:none
}
.group-tag-edit-body .group-tag .group-tag-header.on-edit input {
    display:inline-block
}
.group-tag-edit-body .group-tag .group-tag-header .group-icon {
    width:30px;
    height:30px;
    line-height:28px;
    margin-right:0;
    text-align:center;
    display:inline-block !important;
    border-radius:2px;
    cursor:pointer;
    color:#1890ff
}
.group-tag-edit-body .group-tag .group-tag-header .group-icon.is-empty:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f025";
    font-size:1em;
    position:relative;
    top:-2px
}
.group-tag-edit-body .group-tag .group-tag-header .group-icon:hover, .group-tag-edit-body .group-tag .group-tag-header .group-icon:active, .group-tag-edit-body .group-tag .group-tag-header .group-icon.active {
    color:#1890ff;
    background:#1890ff21
}
.group-tag-edit-body .group-tag .group-tag-menu-type {
    display:none;
    cursor:pointer;
    position:absolute;
    right:-3px;
    top:-1px;
    border-radius:4px;
    width:35px;
    height:30px;
    line-height:30px
}
.group-tag-edit-body .group-tag .group-tag-menu-type:hover, .group-tag-edit-body .group-tag .group-tag-menu-type.context-menu-active {
    background:rgba(100, 100, 100, 0.15);
    display:block
}
.group-tag-edit-body .group-tag .group-tag-header:hover .group-tag-menu-type {
    display:block
}
.group-tag-edit-body .group-tag .item-content .item {
    max-width:100px;
    padding:3px 15px 3px 15px
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add {
    padding:3px 0;
    background:none;
    border:none;
    overflow:visible
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    visibility:hidden;
    background:rgba(240, 240, 240, 0.1);
    width:70px;
    border-radius:30px;
    text-align:center;
    margin:-1px 0;
    padding:2px 15px;
    opacity:.7;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input:active {
    border-color:#75A1F0
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input.disabled, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='true'], .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input.disabled:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='true']:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='readonly']:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input.disabled:active, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='true']:active, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='readonly']:active {
    border-color:#ddd
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input.disabled:focus, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='true']:focus, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input:active, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input:focus {
    opacity:1;
    visibility:visible
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add input:hover+.add-save, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input:active+.add-save, .group-tag-edit-body .group-tag .item-content .item.item-tag-add input:focus+.add-save {
    opacity:1
}
.group-tag-edit-body .group-tag .item-content .item.item-tag-add .add-save {
    position:absolute;
    right:1px;
    top:2px;
    color:#4caf50;
    opacity:0;
    display:none;
    width:25px;
    height:25px;
    line-height:25px
}
.group-tag-edit-body .group-tag.has-value .item.item-tag-add .add-save {
    display:block
}
.group-tag-edit-body .group-tag .item-content .item.item-tag {
    cursor:move;
    white-space:nowrap;
    text-overflow:ellipsis;
    min-width:30px;
    max-width:100px;
    text-align:center
}
.group-tag-edit-body .group-tag .item-content .item.item-tag.on-edit {
    cursor:text;
    padding:3px 0
}
.group-tag-edit-body .group-tag .item-content .item.item-tag.on-edit .name {
    display:none
}
.group-tag-edit-body .group-tag .item-content .item.item-tag.on-edit .group-tag-menu-item {
    display:none !important
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    width:100%;
    text-align:center;
    background:none;
    border:none;
    display:block;
    border-radius:30px;
    padding:4px 0px;
    margin:-4px 0
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag input:active {
    border-color:#75A1F0
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input.disabled, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='true'], .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input.disabled:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='true']:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='readonly']:hover, .group-tag-edit-body .group-tag .item-content .item.item-tag input.disabled:active, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='true']:active, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='readonly']:active {
    border-color:#ddd
}
.group-tag-edit-body .group-tag .item-content .item.item-tag input.disabled:focus, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='true']:focus, .group-tag-edit-body .group-tag .item-content .item.item-tag input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.group-tag-edit-body .group-tag.is-empty .item-content .item.item-tag-add input {
    visibility:visible
}
.group-tag-edit-body .group-tag.hover .item-content .item.item-tag-add input {
    visibility:visible
}
.group-tag-edit-body .group-tag .group-tag-menu-item {
    display:none;
    position:absolute;
    right:0px;
    top:0;
    cursor:pointer;
    width:28px;
    height:28px;
    line-height:28px;
    border-radius:28px;
    color:#1890ff;
    background:#f6f6f6
}
.group-tag-edit-body .group-tag .group-tag-menu-item:hover, .group-tag-edit-body .group-tag .group-tag-menu-item.context-menu-active {
    background:#d6ecff;
    display:block
}
.group-tag-edit-body .group-tag .item:hover .group-tag-menu-item {
    display:block
}
.group-tag-edit-body .add-type {
    position:absolute;
    right:25px;
    top:25px;
    padding:5px 10px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    border-radius:5px;
    cursor:pointer;
    text-align:center;
    font-size:1.2em;
    background:#1890ff21;
    color:#1890ff
}
.group-tag-edit-body .add-type:hover {
    background:#1890ff;
    color:#e8f4ff
}
.group-tag-edit-body .add-type .font-icon {
    position:relative;
    top:-2px;
    margin-right:5px
}
.group-tag-edit-body .form {
    position:fixed;
    display:none;
    opacity:.01
}
.group-tag-edit-body .form .panel-form-body-main .panel-form-body {
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important
}
.group-tag-edit-body .form .panel-form-body-main .form-row {
    padding:0 !important
}
.group-tag-edit-body .form .panel-form-body-main .select2.select2-container {
    width:20px !important
}
.group-tag-edit-body.is-empty .list-empty {
    margin:100px 50px;
    display:block !important;
    visibility:visible !important
}
.group-tag-list-dialog .aui-buttons {
    padding:15px
}
.app-wap-small .context-menu-item.file-tag-view {
    padding:0;
    transition:none !important
}
.app-wap-small .context-menu-item.file-tag-view .item-content {
    padding:10px 10px 0 20px;
    max-height:80%;
    border-bottom-width:.5px
}
.app-wap-small .context-menu-item.file-tag-view .group-tag-header {
    margin-left:20px
}
.app-wap-small .context-menu-item.file-tag-view .item-content .item {
    padding:2px 5px 3px 5px;
    margin:0 5px 10px 0;
    border-width:.5px;
    max-width:120px
}
.app-wap-small .context-menu-item.file-tag-view .item-content .item .x-item-icon.label {
    top:2px
}
.app-wap-small .context-menu-item.file-tag-view .item-content .item .item-add:before {
    position:relative;
    top:-2px
}
.app-wap-small .context-menu-item.file-tag-view .item-content .item.add-tag {
    padding:0;
    text-align:left;
    height:25px;
    line-height:25px
}
.app-wap-small .context-menu-item.file-tag-view .item-content .item.this:after {
    top:6.5px;
    left:5px
}
.app-wap-small .context-menu-item.file-tag-view .item-add {
    padding:0px 20px 0 20px
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view {
    padding:0
}
.app-file-view {
    text-align:center;
    width:100%;
    height:100%
}
.app-file-view.app-file-view-image img {
    max-width:90%;
    max-height:90%;
    box-shadow:0 1px 10px rgba(0, 0, 0, 0.2);
    position:absolute;
    top:-10px;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.page-explorer-file-view {
    background:transparent !important
}
.page-explorer-file-view .artDialog.dialog-file-view {
    left:0;
    top:0;
    width:100% !important;
    height:100% !important
}
.page-explorer-file-view .artDialog.dialog-file-view .aui-title-bar {
    pointer-events:none
}
.page-explorer-file-view .artDialog.dialog-file-view .aui-title-bar .aui-btn-box {
    display:none !important
}
.page-explorer-file-view .artDialog.dialog-file-view.dplayer-dialog .dplayer-subtitle-btn {
    display:none
}
.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .aui-main {
    height:154px !important
}
.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .jPlayer-music {
    min-height:inherit
}
.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .play-tools .right, .page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .play-list {
    display:none
}
.page-explorer-file-view .artDialog.dialog-file-view.animated, .page-explorer-file-view .artDialog.dialog-file-view .animated {
    transition:none !important;
    -webkit-transition:none !important;
    animation:none !important;
    -webkit-animation:none !important
}
.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .edit-body {
    top:29px
}
.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .tools .right, .page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .edit-tab {
    display:none
}
.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .tools .top-toolbar a[action="saveAll"] {
    display:none
}
.page-explorer-file-view #app .markdown-preview {
    padding:0;
    overflow:auto;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.page-explorer-file-view #app .show-code .ace_editor {
    width:100% !important;
    height:100% !important
}
.page-explorer-file-view.share-page-main .content-box {
    box-shadow:none;
    background:none;
    position:static !important;
    top:inherit;
    bottom:inherit;
    left:inherit
}
.page-explorer-file-view .content-empty {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    left:0;
    height:100px;
    width:100px;
    line-height:100px;
    text-align:center;
    opacity:.5
}
.page-explorer-file-view .content-empty svg {
    display:block;
    font-size:100px;
    margin:0 auto;
    margin-bottom:-40px
}
.file-image-print-dialog .dialog-content {
    top:10px
}
.task-list-view {
    height:100%;
    position:relative;
    overflow:auto
}
.task-list-view .list-content {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:15px 10px;
    min-width:260px
}
.task-list-view .list-empty {
    position:absolute;
    top:-40px;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:100px;
    height:120px;
    text-align:center;
    color:#999
}
.task-list-view .list-empty .path-ico {
    font-size:100px;
    width:100px;
    height:110px
}
.task-list-view .list-item {
    border:1px solid rgba(0, 0, 0, 0.05);
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius:6px;
    padding:7px;
    margin-bottom:5px;
    background:rgba(255, 255, 255, 0.5);
    position:relative;
    line-height:1.5em;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.task-list-view .list-item .user-info {
    color:#888;
    cursor:default
}
.task-list-view .list-item .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.task-list-view .list-item .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.task-list-view .list-item .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.task-list-view .list-item:hover {
    box-shadow:0 5px 20px rgba(0, 0, 0, 0.1)
}
.task-list-view .list-item .item {
    line-height:1.5em;
    display:inline-block;
    margin-right:5px
}
.task-list-view .list-item .item.user {
    margin-right:10px
}
.task-list-view .list-item .item.title {
    background:#e6f7ff;
    color:#40a9ff;
    border:1px solid #91d5ff;
    padding:1px 5px;
    border-radius:2px
}
.task-list-view .list-item .item.current {
    width:calc(100% - 130px);
    position:absolute;
    bottom:7px;
    left:7px;
    line-height:14px
}
.task-list-view .list-item .item.current .info {
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.task-list-view .list-item .item.current .info em {
    font-style:normal;
    padding-left:4px;
    opacity:.7
}
.task-list-view .list-item .item.current .info.info-current {
    width:calc(100% - 100px)
}
.task-list-view .list-item .item.current .info.info-size {
    width:100px;
    float:right;
    text-align:right
}
.task-list-view .list-item .item.percent {
    clear:both;
    float:none;
    margin:4px 0px;
    display:block
}
.task-list-view .list-item .item.time {
    text-align:right;
    position:absolute;
    right:100px;
    top:10px
}
.task-list-view .list-item .item-time {
    display:none;
    padding-right:10px;
    color:#8a929a
}
.task-list-view .list-item .item-time i {
    padding-right:0px;
    color:#bbb;
    font-style:normal
}
.task-list-view .list-item .item-time i:after {
    content:": "
}
.task-list-view .list-item .item-time em {
    font-style:normal
}
.task-list-view .list-item .action {
    position:absolute;
    right:2px;
    top:8px
}
.task-list-view .list-item .action .label {
    display:none;
    padding:3px 8px;
    border-radius:25px;
    margin-left:5px
}
.task-list-view .list-item .action .btn {
    display:none;
    width:22px;
    height:22px;
    line-height:20px;
    text-align:center;
    padding:0px;
    color:#aaa;
    border:none;
    position:relative;
    top:-1px;
    margin-left:2px;
    border-radius:2px;
    background:rgba(0, 0, 0, 0.02)
}
.task-list-view .list-item .action .btn:hover {
    background:#eee
}
.task-list-view .list-item .action .btn.kill {
    display:inline-block
}
.task-list-view .list-item .action .btn:before {
    font-size:16px;
    text-align:center
}
.task-list-view .list-item .action .btn.stop:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f19f";
    color:#faad14
}
.task-list-view .list-item .action .btn.start:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f00a";
    color:#0fba81
}
.task-list-view .list-item .action .btn.kill:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99";
    color:#f5222d
}
.task-list-view .list-item.status-stop .item-time.time-start {
    display:inline-block
}
.task-list-view .list-item.status-stop .action .label.stop {
    display:inline-block
}
.task-list-view .list-item.status-stop .action .btn.start {
    display:inline-block
}
.task-list-view .list-item.status-running .item-time.time-need {
    display:inline-block
}
.task-list-view .list-item.status-running .action .label.start {
    display:inline-block
}
.task-list-view .list-item.status-running .action .btn.stop {
    display:inline-block
}
.task-list-view .list-item.status-kill .action .label.kill {
    display:inline-block
}
.task-list-view .list-item.status-kill .action .btn.kill {
    display:none
}
.task-list-view .list-item.status-kill .item-time.time-start {
    display:inline-block
}
.task-list-view .kui-process .kui-process-bg {
    height:6px;
    border-radius:5px;
    overflow:hidden;
    background:#e6eaef
}
.task-list-view .kui-process .kui-process-bg .kui-process-use {
    height:100%;
    width:0%;
    transition:all 1s;
    border-radius:5px;
    background-image:linear-gradient(to right, #108ee9 0%, #40a9ff 100%)
}
.task-list-view .kui-process .kui-process-info {
    line-height:20px;
    text-align:right
}
.task-list-view .kui-process .kui-process-info .info {
    float:right;
    padding-left:5px;
    position:relative
}
.task-list-view .kui-process .kui-process-info .info.info-current {
    float:left;
    padding-left:0;
    max-width:50%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:absolute;
    left:0
}
.task-list-view.task-user-notify {
    overflow:visible;
    min-width:200px
}
.task-list-view.task-user-notify .list-item {
    border:none;
    padding:0;
    box-shadow:none;
    border-radius:0;
    padding-top:20px;
    margin-bottom:0
}
.task-list-view.task-user-notify .list-item .item.user, .task-list-view.task-user-notify .list-item .item.title {
    display:none
}
.task-list-view.task-user-notify .list-item .item.action {
    right:-3px;
    top:-27px
}
.task-list-view.task-user-notify .list-item .item.action .btn.start, .task-list-view.task-user-notify .list-item .item.action .btn.stop {
    display:none !important
}
.task-list-view.task-user-notify .list-item .item.time {
    top:32px;
    right:inherit
}
.task-list-view.task-user-notify .list-item .item .item-time {
    display:none
}
.task-list-view.task-user-notify .list-item.status-stop .item .item-time.time-start {
    display:inline-block
}
.task-list-view.task-user-notify .list-item.status-running .item .item-time.time-need {
    display:inline-block
}
.task-list-view.task-user-notify .list-item.status-kill .item .item-time.time-start {
    display:inline-block
}
.task-list-view.task-user-notify .list-item .item.current {
    bottom:inherit;
    left:0;
    top:4px;
    width:100%
}
.task-list-view.task-list-user .list-item .item.user {
    display:none
}
.task-list-view.task-list-user .list-item .item.action .btn.stop {
    display:none !important
}
.task-list-view .task-kill-all {
    position:absolute;
    bottom:20px;
    right:20px
}
.task-list-view.task-user-notify {
    margin-top:-5px;
    padding-bottom:5px
}
.task-list-view.task-user-notify .list-item .action .btn.kill {
    position:absolute;
    top:-8px;
    right:-4px;
    padding:4px
}
.task-list-view.task-user-notify .list-item .action .label {
    display:none !important
}
.app-device-pc .task-list-view-dialog .task-list-view {
    min-width:430px
}
.zip-view-dialog .aui-content {
    min-width:400px;
    position:relative
}
.zip-view-dialog .aui-title {
    height:90px
}
.zip-view-dialog .zip-view-content {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0px;
    margin:0px;
    min-width:400px;
    border:none
}
.zip-view-dialog .zip-view-content .header {
    height:90px;
    color:#fff;
    position:relative
}
.zip-view-dialog .zip-view-content .header .icon {
    width:56px;
    height:56px;
    position:absolute;
    left:20px;
    top:20px
}
.zip-view-dialog .zip-view-content .header .name, .zip-view-dialog .zip-view-content .header .desc {
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:80%
}
.zip-view-dialog .zip-view-content .header .name {
    margin:22px 0 0 90px;
    font-size:18px;
    font-weight:800
}
.zip-view-dialog .zip-view-content .header .desc {
    margin:50px 0 0 90px
}
.zip-view-dialog .zip-view-content .zip-header-title {
    height:23px;
    line-height:23px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    background:#f6f6f6 url("../../images/common/bg.gif") 0 -30px
}
.zip-view-dialog .zip-view-content .zip-header-title .item {
    float:left
}
.zip-view-dialog .zip-view-content .zip-header-title .item span {
    display:block;
    border-right:1px solid #ddd;
    padding-left:10px;
    cursor:default
}
.zip-view-dialog .zip-view-content .zip-header-title .name {
    width:60%
}
.zip-view-dialog .zip-view-content .zip-header-title .size {
    width:10%
}
.zip-view-dialog .zip-view-content .zip-header-title .mtime {
    width:30%
}
.zip-view-dialog .zip-view-content .zip-header-title .item.mtime span {
    border-right:none
}
.zip-view-dialog .zip-view-content .ztree {
    padding:0px;
    padding-bottom:50px;
    overflow:auto;
    position:absolute;
    top:115px;
    left:0;
    right:0px;
    bottom:0
}
.zip-view-dialog .zip-view-content .ztree li, .zip-view-dialog .zip-view-content .ztree li ul {
    width:100%
}
.zip-view-dialog .zip-view-content .ztree li span.button.switch {
    line-height:24px
}
.zip-view-dialog .zip-view-content .ztree li a {
    position:relative;
    padding-left:0;
    color:#333;
    text-shadow:none
}
.zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a:active, .zip-view-dialog .zip-view-content .ztree li a:focus {
    transition:none
}
.zip-view-dialog .zip-view-content .ztree li a.odd {
    background:#f1f7ff
}
.zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a.odd:hover, .zip-view-dialog .zip-view-content .ztree li a:active, .zip-view-dialog .zip-view-content .ztree li a.odd:active {
    background:#fdeec3
}
.zip-view-dialog .zip-view-content .ztree li a.curSelectedNode, .zip-view-dialog .zip-view-content .ztree li a.odd.curSelectedNode {
    background:#63acff;
    color:#fff
}
.zip-view-dialog .zip-view-content .ztree li a .name {
    width:45%;
    overflow:hidden;
    position:absolute;
    word-break:break-word;
    text-overflow:ellipsis
}
.zip-view-dialog .zip-view-content .ztree li a .time {
    width:27%;
    opacity:.8;
    position:absolute;
    left:72%
}
.zip-view-dialog .zip-view-content .ztree li a .size {
    width:10%;
    opacity:.8;
    position:absolute;
    left:62%
}
.zip-view-dialog .zip-view-content .ztree li a .menu-item-parent {
    display:none;
    position:absolute;
    right:0px;
    top:0;
    text-align:center;
    width:28px;
    height:28px;
    line-height:28px;
    background:#fff;
    background:rgba(50, 50, 50, 0.1);
    color:#666
}
.zip-view-dialog .zip-view-content .ztree li a:hover .menu-item-parent {
    display:block
}
.zip-view-dialog .zip-view-content .ztree li a.curSelectedNode .menu-item-parent {
    display:block;
    color:#fff
}
.dialog-min-size.zip-view-dialog .aui-title {
    height:auto !important
}
.dialog-min-size.zip-view-dialog .aui-header .aui-min, .dialog-min-size.zip-view-dialog .aui-header .aui-max, .dialog-min-size.zip-view-dialog .aui-header .aui-close {
    color:#ddd
}
.task-tab {
    position:fixed;
    left:75px;
    height:31px;
    bottom:0;
    width:auto;
    z-index:100;
    color:#444;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.task-tab .tabs {
    height:100%
}
.task-tab .tabs .tab {
    float:left;
    margin-right:2px;
    padding-right:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:110px;
    height:30px;
    line-height:30px;
    word-break:break-word;
    cursor:default;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none;
    overflow:hidden;
    font-size:1em;
    padding-left:8px;
    border-radius:3px 3px 0 0;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);
    border:1px solid transparent;
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-color:rgba(255, 255, 255, 0.7);
    color:#444;
    text-shadow:0 0 4px #fff, 0 0 5px #fff;
    transition:box-shadow .2s, background .2s
}
.task-tab .tabs .tab.hover {
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    box-shadow:0 0 5px rgba(0, 0, 0, 0.3)
}
.task-tab .tabs .tab.this {
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    box-shadow:0 0 5px rgba(0, 0, 0, 0.5)
}
.task-tab .tabs .tab>img {
    top:-2px;
    margin-right:5px
}
.task-tab .tabs .tab .path-ico {
    margin-right:5px
}
.task-tab .tabs .tab .path-ico svg {
    position:relative;
    top:-2px
}
.task-tab .tabs .tab .path-ico img {
    width:18px;
    height:18px;
    top:-6px;
    border-radius:3px
}
.task-tab .tabs .tab i.font-icon {
    vertical-align:middle;
    margin-right:2px;
    position:relative;
    top:-1px;
    color:#3a9be8
}
.task-tab .tabs .tab i.font-icon.app-icon {
    color:#fff
}
.task-tab .tabs .tab .meta-info {
    display:none
}
.task-tab .tabs .tab .x-item-icon, .task-tab .tabs .tab img {
    width:20px;
    height:20px;
    font-size:20px;
    position:relative;
    top:-1px
}
.task-tab .tabs .tab.insert-temp {
    border:none;
    margin:0 0 0 -8px
}
.task-tab .tabs .tab.draging {
    position:absolute;
    z-index:999;
    top:0 !important
}
.task-tab.tab-empty {
    visibility:hidden;
    bottom:-31px
}
.app-desktop .task-tab {
    width:auto;
    right:60px
}
.app-desktop .task-tab .tabs .tab {
    background-color:transparent;
    border:1px solid rgba(255, 255, 255, 0.2);
    color:#fff;
    text-shadow:0 0 0 #fff, 0 0 4px #000, 0 0 5px #000
}
.app-desktop .task-tab.tab-empty {
    visibility:visible;
    bottom:0
}
.frame-main-explorer .frame-right .bodymain .task-tab {
    position:absolute;
    left:0;
    right:0;
    bottom:-31px;
    padding:0 15px;
    background-image:-webkit-linear-gradient(top, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.1));
    background-image:-moz-linear-gradient(top, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.1));
    background-image:-o-linear-gradient(top, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.1));
    background-image:-ms-linear-gradient(top, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.1));
    background-image:linear-gradient(top, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.1))
}
.frame-main-explorer .frame-right .bodymain .file-page, .frame-main-explorer .frame-right .bodymain .file-select-info {
    transition:all .2s
}
.frame-main-explorer .frame-right .bodymain.task-not-empty .task-tab {
    bottom:0
}
.frame-main-explorer .frame-right .bodymain.task-not-empty .file-page, .frame-main-explorer .frame-right .bodymain.task-not-empty .file-select-info {
    bottom:40px
}
.folder-readme-info {
    position:absolute;
    width:100%;
    box-sizing:border-box;
    padding:10px 10px 50px 10px
}
.folder-readme-info.info-empty {
    display:none !important
}
.folder-readme-info.show-hide {
    display:inline-block;
    overflow:hidden;
    width:auto;
    padding:10px
}
.folder-readme-info.show-hide .readme-content {
    padding-bottom:0
}
.folder-readme-info.show-hide .markdown-preview {
    display:none !important
}
.folder-readme-info.show-hide .show-toggle:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e"
}
.folder-readme-info .show-toggle:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e";
    position:absolute;
    right:5px;
    top:8px
}
.folder-readme-info .readme-content {
    border:1px solid rgba(0, 0, 0, 0.05);
    border-radius:6px;
    box-shadow:2px 2px 0 1px rgba(0, 0, 0, 0.05);
    right:10px;
    left:0;
    padding-bottom:20px
}
.folder-readme-info .readme-content .show-toggle {
    background:rgba(0, 0, 0, 0.01);
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:35px;
    line-height:32px;
    border-radius:4px 4px 0 0;
    cursor:pointer;
    font-size:16px;
    color:#aaa
}
.folder-readme-info .readme-content .show-toggle:hover, .folder-readme-info .readme-content .show-toggle:active, .folder-readme-info .readme-content .show-toggle:focus {
    color:#1890ff;
    background:rgba(0, 0, 0, 0.02)
}
.folder-readme-info .readme-content .info-title {
    line-height:35px;
    background:#fbfbfb;
    padding-left:15px;
    padding-right:50px;
    color:#888;
    border-radius:7px 7px 0 0;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    position:relative
}
.folder-readme-info .readme-content .info-title:hover {
    background:#eee
}
.folder-readme-info .readme-content .markdown-preview {
    padding:10px 15px;
    overflow:hidden;
    word-break:break-word
}
.file-embed-dialog .form-box.config-box .panel-form-body {
    background:none
}
.file-embed-dialog .form-box.config-box .panel-form-body .form-row .setting-content {
    overflow:visible
}
.file-embed-dialog .form-box.config-box .panel-form-body .form-row .setting-content .desc .btn-group {
    right:0;
    top:0px
}
.file-embed-dialog .header .logo.font-icon {
    font-size:42px;
    left:10px;
    top:20px;
    width:50px;
    height:50px;
    line-height:50px
}
.file-embed-dialog .dialog-content {
    margin:0;
    width:auto;
    display:flex;
    align-items:center;
    justify-content:center
}
.file-embed-dialog .dialog-content .embed-show {
    max-width:100%;
    max-height:100%;
    border-radius:2px;
    transition:all .2s;
    box-shadow:2px 2px 0 3px rgba(0, 0, 0, 0.05)
}
.file-embed-dialog .drag-resize, .file-embed-dialog .data-from, .file-embed-dialog .dialog-content {
    top:81px
}
.file-embed-dialog .data-from {
    position:absolute;
    z-index:2;
    right:0;
    bottom:0px;
    background:#fdfdfd;
    border-left:1px solid #eee
}
.file-embed-dialog .data-from .form-content.dialog-form {
    height:100%
}
.file-embed-dialog .data-from .form-content.dialog-form .form-box {
    height:100%
}
.file-embed-dialog .data-from .form-content.dialog-form .panel-form-body-main {
    height:100%
}
.file-embed-dialog .data-from .form-content.dialog-form .panel-form-body {
    height:100%
}
.app-wap-small .file-embed-dialog .data-from .form-box .panel-form-body {
    top:0 !important;
    padding-bottom:10px !important
}
.app-wap-small.small-y .file-embed-dialog .file-embed-view {
    position:absolute;
    height:100%;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.app-wap-small.small-y .file-embed-dialog .dialog-content {
    width:100%;
    height:calc(60% - 80px);
    position:relative;
    right:0;
    top:0;
    overflow:auto
}
.app-wap-small.small-y .file-embed-dialog .drag-resize {
    display:none
}
.app-wap-small.small-y .file-embed-dialog .data-from {
    width:100% !important;
    height:40%;
    top:60%;
    overflow:auto;
    border:none;
    border-top:1px solid rgba(150, 150, 150, 0.1);
    background:rgba(150, 150, 150, 0.05)
}
.page-view-search {
    width:860px;
    border-radius:4px;
    margin:20px auto;
    overflow:auto;
    background:#fff;
    border:1px solid #e3eaef;
    box-shadow:0 1px 2px 0 rgba(101, 129, 156, 0.1)
}
.page-view-search p {
    padding:0;
    margin:0
}
.page-view-search ul {
    margin:0;
    padding:0
}
.page-view-search li {
    margin:0;
    padding:0;
    list-style:none
}
.page-view-search .info-alert {
    max-width:40%;
    margin:30px auto;
    padding:20px
}
.page-view-search h3, .page-view-search .share-header-info {
    margin:0;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
    padding:20px 10px 20px 30px;
    font-size:22px;
    color:#666
}
.page-view-search .share-header-info .title-item {
    font-size:13px;
    color:#888;
    margin-right:5px
}
.page-view-search .share-header-info .title-item.item-name {
    display:block;
    font-size:22px
}
.page-view-search .share-header-info .title-item.item-name a {
    color:#666;
    text-decoration:none
}
.page-view-search .share-header-info .path-ico {
    display:none
}
.page-view-search .address-info {
    margin:-20px 0 10px 0;
    padding:4px 10px 4px 30px;
    background:#f5f7f9;
    border-top:1px solid #f0f2f5;
    border-bottom:1px solid #f0f2f5
}
.page-view-search .address-info a {
    display:inline-block;
    border-radius:3px;
    padding:8px 8px;
    text-decoration:none;
    text-align:center;
    min-width:20px
}
.page-view-search .address-info a:hover {
    background:#def
}
.page-view-search .list-file {
    padding:10px 25px 30px 25px
}
.page-view-search .list-file .file-item {
    min-height:30px;
    padding-top:10px;
    border-bottom:1px solid #f3f3f3;
    position:relative;
    color:#888;
    display:table
}
.page-view-search .list-file .file-item.header {
    background:#fafafa;
    color:#444;
    font-weight:800
}
.page-view-search .list-file .file-item:hover {
    background:#fafafa
}
.page-view-search .list-file .file-item a {
    color:#444
}
.page-view-search .list-file .file-item .path-ico {
    display:inline-block;
    margin-right:5px
}
.page-view-search .list-file .file-item .file-link {
    position:absolute;
    width:100%;
    height:100%;
    margin-top:-10px
}
.page-view-search .list-file .file-item .title-item {
    padding:0 5px;
    display:table-cell
}
.page-view-search .list-file .file-item .title-item.item-name {
    width:60%
}
.page-view-search .list-file .file-item .title-item.item-time {
    width:120px
}
.page-view-search .list-file .file-item .title-item.item-user {
    width:100px
}
.page-view-search .list-file .file-item .title-item.item-size {
    width:100px
}
.page-view-search .list-file.list-file-folder .file-item .title-item.item-name {
    width:570px
}
.page-view-search video, .page-view-search img {
    max-width:100%
}
.page-view-search .content-file {
    margin:50px 5%;
    width:90%;
    text-align:center
}
.page-view-search .content-download {
    margin:100px auto;
    width:200px;
    text-align:center
}
.page-view-search .content-download .kui-btn {
    font-size:16px
}
.page-view-search .page-box {
    margin:0;
    margin-top:20px;
    border-top:1px solid #f6f6f6;
    background:#fafdff;
    padding:20px 10px 20px 30px
}
.page-view-search .page-box .page-info-text {
    margin-left:10px
}
.page-view-search .page-box a {
    padding:8px 0;
    width:40px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    background:rgba(0, 0, 0, 0.02)
}
.page-view-search .page-box a:hover {
    text-decoration:none;
    background:#1890ff;
    color:#fff
}
.page-view-search .page-box a.current {
    background:transparent !important;
    font-weight:800;
    color:#888 !important
}
.page-view-search pre {
    color:#abb2bf;
    background:#282c34;
    padding:0;
    font-size:14px;
    margin:0;
    margin-top:-10px
}
.page-view-search pre code {
    padding:1.5em 2em !important;
    display:block
}
.page-view-search .hljs {
    display:block;
    overflow-x:auto;
    padding:.5em;
    color:#abb2bf;
    background:#282c34
}
.page-view-search .hljs-comment, .page-view-search .hljs-quote {
    color:#5c6370;
    font-style:italic
}
.page-view-search .hljs-doctag, .page-view-search .hljs-formula, .page-view-search .hljs-keyword {
    color:#c678dd
}
.page-view-search .hljs-deletion, .page-view-search .hljs-name, .page-view-search .hljs-section, .page-view-search .hljs-selector-tag, .page-view-search .hljs-subst {
    color:#e06c75
}
.page-view-search .hljs-literal {
    color:#56b6c2
}
.page-view-search .hljs-addition, .page-view-search .hljs-attribute, .page-view-search .hljs-meta-string, .page-view-search .hljs-regexp, .page-view-search .hljs-string {
    color:#98c379
}
.page-view-search .hljs-built_in, .page-view-search .hljs-class .hljs-title {
    color:#e6c07b
}
.page-view-search .hljs-attr, .page-view-search .hljs-number, .page-view-search .hljs-selector-attr, .page-view-search .hljs-selector-class, .page-view-search .hljs-selector-pseudo, .page-view-search .hljs-template-variable, .page-view-search .hljs-type, .page-view-search .hljs-variable {
    color:#d19a66
}
.page-view-search .hljs-bullet, .page-view-search .hljs-link, .page-view-search .hljs-meta, .page-view-search .hljs-selector-id, .page-view-search .hljs-symbol, .page-view-search .hljs-title {
    color:#61aeee
}
.page-view-search .hljs-emphasis {
    font-style:italic
}
.page-view-search .hljs-strong {
    font-weight:700
}
.page-view-search .hljs-link {
    text-decoration:underline
}
.frame-main-explorer .frame-right .search-match {
    font-weight:inherit;
    color:#f73131;
    padding:3px 0;
    border-radius:2px
}
.file-list-list .file.file-search-match .search-match-content .match-text {
    line-height:22px;
    margin:5px 5px 5px 25px;
    padding:5px 10px 5px 5px;
    word-break:break-word;
    border-radius:3px;
    display:block;
    color:#888;
    background:rgba(150, 150, 150, 0.1);
    background:rgba(24, 144, 255, 0.05)
}
.file-list-list .file.file-search-match .search-match {
    padding:1px 0
}
.file-list-list .file.file-search-match .title-type-name .title {
    font-weight:800;
    opacity:.8
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text {
    margin:5px 10px 5px 72px
}
.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text {
    margin:5px 10px 5px 60px
}
.explorer-view-setting .form-box .form-row .desc b {
    font-weight:normal;
    display:inline-block;
    color:#444
}
.explorer-view-setting .form-box .form-row.form-switch input.kui-checkbox {
    top:4px
}
.explorer-view-setting .form-box .form-row.form-switch label {
    margin-bottom:2px;
    display:block
}
.explorer-view-setting .form-box .form-row.form-radio label {
    top:-3px;
    margin-bottom:0
}
.explorer-view-setting.dialog-form.form-box-title-block .form-box .form-row hr {
    margin:1px 0
}
.explorer-view-setting.dialog-form.form-box-title-block .form-box .form-row {
    padding:2px 10px
}
.explorer-view-setting.dialog-form.form-box-title-block .form-box .form-row:not(.form-html):hover {
    background:rgba(150, 150, 150, 0.1);
    border-radius:3px
}
.explorer-view-setting.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    margin:0 20px 0 20px
}
.explorer-view-setting.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:first-child {
    margin-left:-10px
}
.explorer-view-setting.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body {
    padding:0px 10px 15px 10px
}
.explorer-view-setting .form-box .panel-form-body h4 {
    margin:10px 0 5px 0;
    padding-left:0;
    position:relative;
    font-size:1.1em;
    font-weight:normal
}
.explorer-view-setting .form-box .panel-form-body h4:before {
    position:absolute;
    width:20px;
    font-size:1.2em;
    border:none;
    border-bottom:1px solid #1890ff8c;
    bottom:-1px;
    top:inherit
}
.app-wap-small .explorer-view-setting.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    margin:0 20px 0 15px
}
.app-wap-small .explorer-view-setting.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:first-child {
    margin-left:-5px
}
.dark-mode .explorer-view-setting .form-box .form-row .desc b {
    color:#ddd
}
.bodymain .folder-tips {
    position:absolute;
    bottom:10px;
    width:50%;
    left:23%;
    text-align:center;
    padding:10px 2%;
    border-radius:3px;
    transition:all .2s;
    color:#f62222;
    background:rgba(255, 210, 210, 0.95)
}
.bodymain.task-not-empty .folder-tips {
    bottom:40px
}
.app-wap-small .bodymain .folder-tips {
    bottom:40px;
    left:10px;
    right:10px;
    width:auto
}
.x-item-icon.small {
    width:20px;
    height:20px;
    margin-right:6px;
    border-radius:2px
}
.app-device-ratio-1 .x-item-icon.small {
    width:18px;
    height:18px
}
.app-device-ratio-1 .x-item-icon.small.x-zip, .app-device-ratio-1 .x-item-icon.small.x-tar, .app-device-ratio-1 .x-item-icon.small.x-sitx, .app-device-ratio-1 .x-item-icon.small.x-rar, .app-device-ratio-1 .x-item-icon.small.x-pkg, .app-device-ratio-1 .x-item-icon.small.x-jar, .app-device-ratio-1 .x-item-icon.small.x-iso, .app-device-ratio-1 .x-item-icon.small.x-gz, .app-device-ratio-1 .x-item-icon.small.x-dmg, .app-device-ratio-1 .x-item-icon.small.x-bz2, .app-device-ratio-1 .x-item-icon.small.x-7z, .app-device-ratio-1 .x-item-icon.small.x-wma, .app-device-ratio-1 .x-item-icon.small.x-wav, .app-device-ratio-1 .x-item-icon.small.x-mp3, .app-device-ratio-1 .x-item-icon.small.x-midi, .app-device-ratio-1 .x-item-icon.small.x-m4a, .app-device-ratio-1 .x-item-icon.small.x-aac, .app-device-ratio-1 .x-item-icon.small.x-pspimage, .app-device-ratio-1 .x-item-icon.small.x-psd, .app-device-ratio-1 .x-item-icon.small.x-psb, .app-device-ratio-1 .x-item-icon.small.x-prproj, .app-device-ratio-1 .x-item-icon.small.x-indd, .app-device-ratio-1 .x-item-icon.small.x-fla, .app-device-ratio-1 .x-item-icon.small.x-eps, .app-device-ratio-1 .x-item-icon.small.x-dxf, .app-device-ratio-1 .x-item-icon.small.x-dwg, .app-device-ratio-1 .x-item-icon.small.x-cdr, .app-device-ratio-1 .x-item-icon.small.x-as, .app-device-ratio-1 .x-item-icon.small.x-ai, .app-device-ratio-1 .x-item-icon.small.x-3ds, .app-device-ratio-1 .x-item-icon.small.x-xsl, .app-device-ratio-1 .x-item-icon.small.x-xsd, .app-device-ratio-1 .x-item-icon.small.x-xml, .app-device-ratio-1 .x-item-icon.small.x-xaml, .app-device-ratio-1 .x-item-icon.small.x-vcxproj, .app-device-ratio-1 .x-item-icon.small.x-vcproj, .app-device-ratio-1 .x-item-icon.small.x-vbproj, .app-device-ratio-1 .x-item-icon.small.x-vb, .app-device-ratio-1 .x-item-icon.small.x-suo, .app-device-ratio-1 .x-item-icon.small.x-sql, .app-device-ratio-1 .x-item-icon.small.x-sln, .app-device-ratio-1 .x-item-icon.small.x-resx, .app-device-ratio-1 .x-item-icon.small.x-pdb, .app-device-ratio-1 .x-item-icon.small.x-mdf, .app-device-ratio-1 .x-item-icon.small.x-ldf, .app-device-ratio-1 .x-item-icon.small.x-h, .app-device-ratio-1 .x-item-icon.small.x-dtd, .app-device-ratio-1 .x-item-icon.small.x-csproj, .app-device-ratio-1 .x-item-icon.small.x-cs, .app-device-ratio-1 .x-item-icon.small.x-cpp, .app-device-ratio-1 .x-item-icon.small.x-c, .app-device-ratio-1 .x-item-icon.small.x-png, .app-device-ratio-1 .x-item-icon.small.x-jpg, .app-device-ratio-1 .x-item-icon.small.x-ico, .app-device-ratio-1 .x-item-icon.small.x-gif, .app-device-ratio-1 .x-item-icon.small.x-bmp, .app-device-ratio-1 .x-item-icon.small.x-heic, .app-device-ratio-1 .x-item-icon.small.x-xps, .app-device-ratio-1 .x-item-icon.small.x-xltx, .app-device-ratio-1 .x-item-icon.small.x-xlt, .app-device-ratio-1 .x-item-icon.small.x-xlsx, .app-device-ratio-1 .x-item-icon.small.x-xlsm, .app-device-ratio-1 .x-item-icon.small.x-xlsb, .app-device-ratio-1 .x-item-icon.small.x-xls, .app-device-ratio-1 .x-item-icon.small.x-vtx, .app-device-ratio-1 .x-item-icon.small.x-vsx, .app-device-ratio-1 .x-item-icon.small.x-vst, .app-device-ratio-1 .x-item-icon.small.x-vss, .app-device-ratio-1 .x-item-icon.small.x-vsdx, .app-device-ratio-1 .x-item-icon.small.x-vsd, .app-device-ratio-1 .x-item-icon.small.x-vdx, .app-device-ratio-1 .x-item-icon.small.x-vdw, .app-device-ratio-1 .x-item-icon.small.x-vcf, .app-device-ratio-1 .x-item-icon.small.x-pub, .app-device-ratio-1 .x-item-icon.small.x-pst, .app-device-ratio-1 .x-item-icon.small.x-pptx, .app-device-ratio-1 .x-item-icon.small.x-ppt, .app-device-ratio-1 .x-item-icon.small.x-ppsx, .app-device-ratio-1 .x-item-icon.small.x-pps, .app-device-ratio-1 .x-item-icon.small.x-pdf, .app-device-ratio-1 .x-item-icon.small.x-odt, .app-device-ratio-1 .x-item-icon.small.x-ods, .app-device-ratio-1 .x-item-icon.small.x-odp, .app-device-ratio-1 .x-item-icon.small.x-msg, .app-device-ratio-1 .x-item-icon.small.x-mpt, .app-device-ratio-1 .x-item-icon.small.x-mpp, .app-device-ratio-1 .x-item-icon.small.x-mhtml, .app-device-ratio-1 .x-item-icon.small.x-mht, .app-device-ratio-1 .x-item-icon.small.x-mdb, .app-device-ratio-1 .x-item-icon.small.x-epub, .app-device-ratio-1 .x-item-icon.small.x-eml, .app-device-ratio-1 .x-item-icon.small.x-dotx, .app-device-ratio-1 .x-item-icon.small.x-dotm, .app-device-ratio-1 .x-item-icon.small.x-dot, .app-device-ratio-1 .x-item-icon.small.x-docx, .app-device-ratio-1 .x-item-icon.small.x-docm, .app-device-ratio-1 .x-item-icon.small.x-doc, .app-device-ratio-1 .x-item-icon.small.x-csv, .app-device-ratio-1 .x-item-icon.small.x-accdb, .app-device-ratio-1 .x-item-icon.small.x-vbs, .app-device-ratio-1 .x-item-icon.small.x-txt, .app-device-ratio-1 .x-item-icon.small.x-rtf, .app-device-ratio-1 .x-item-icon.small.x-reg, .app-device-ratio-1 .x-item-icon.small.x-ps1, .app-device-ratio-1 .x-item-icon.small.x-msi, .app-device-ratio-1 .x-item-icon.small.x-lnk, .app-device-ratio-1 .x-item-icon.small.x-ini, .app-device-ratio-1 .x-item-icon.small.x-hlp, .app-device-ratio-1 .x-item-icon.small.x-fon, .app-device-ratio-1 .x-item-icon.small.x-exe, .app-device-ratio-1 .x-item-icon.small.x-dll, .app-device-ratio-1 .x-item-icon.small.x-cmd, .app-device-ratio-1 .x-item-icon.small.x-chm, .app-device-ratio-1 .x-item-icon.small.x-cer, .app-device-ratio-1 .x-item-icon.small.x-cab, .app-device-ratio-1 .x-item-icon.small.x-wmv, .app-device-ratio-1 .x-item-icon.small.x-webm, .app-device-ratio-1 .x-item-icon.small.x-ogg, .app-device-ratio-1 .x-item-icon.small.x-mpg, .app-device-ratio-1 .x-item-icon.small.x-mp4, .app-device-ratio-1 .x-item-icon.small.x-mov, .app-device-ratio-1 .x-item-icon.small.x-mkv, .app-device-ratio-1 .x-item-icon.small.x-m4v, .app-device-ratio-1 .x-item-icon.small.x-flv, .app-device-ratio-1 .x-item-icon.small.x-avi, .app-device-ratio-1 .x-item-icon.small.x-3gp, .app-device-ratio-1 .x-item-icon.small.x-xap, .app-device-ratio-1 .x-item-icon.small.x-swf, .app-device-ratio-1 .x-item-icon.small.x-cshtml, .app-device-ratio-1 .x-item-icon.small.x-config, .app-device-ratio-1 .x-item-icon.small.x-aspx, .app-device-ratio-1 .x-item-icon.small.x-asmx, .app-device-ratio-1 .x-item-icon.small.x-ashx, .app-device-ratio-1 .x-item-icon.small.x-ascx, .app-device-ratio-1 .x-item-icon.small.x-asax {
    width:16px !important;
    height:16px !important;
    margin-right:8px;
    background-size:inherit;
    background-image:url("../../images/file_icon/icon_file/0.file-16.png");
    background-position:-32px -112px
}
.app-device-ratio-1 .x-item-icon.small.x-zip {
    background-position:0 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-tar {
    background-position:0 -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-sitx {
    background-position:0 -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-rar {
    background-position:0 -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pkg {
    background-position:0 -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-jar {
    background-position:0 -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-iso {
    background-position:0 -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-gz {
    background-position:0 -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dmg {
    background-position:0 -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-bz2 {
    background-position:0 -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-7z {
    background-position:0 -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-wma {
    background-position:-16px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-wav {
    background-position:-16px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mp3 {
    background-position:-16px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-midi {
    background-position:-16px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-m4a {
    background-position:-16px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-aac {
    background-position:-16px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pspimage {
    background-position:-32px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-psd {
    background-position:-32px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-psb {
    background-position:-32px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-prproj {
    background-position:-32px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-indd {
    background-position:-32px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-fla {
    background-position:-32px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-eps {
    background-position:-32px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dxf {
    background-position:-32px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dwg {
    background-position:-32px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cdr {
    background-position:-32px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-as {
    background-position:-32px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ai {
    background-position:-32px -176px !important
}
.app-device-ratio-1 .x-item-icon.small.x-3ds {
    background-position:-32px -192px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xsl {
    background-position:-48px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-xsd {
    background-position:-48px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xml {
    background-position:-48px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xaml {
    background-position:-48px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vcxproj {
    background-position:-48px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vcproj {
    background-position:-48px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vbproj {
    background-position:-48px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vb {
    background-position:-48px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-suo {
    background-position:-48px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-sql {
    background-position:-48px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-sln {
    background-position:-48px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-resx {
    background-position:-48px -176px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pdb {
    background-position:-48px -192px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mdf {
    background-position:-48px -208px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ldf {
    background-position:-48px -224px !important
}
.app-device-ratio-1 .x-item-icon.small.x-h {
    background-position:-48px -240px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dtd {
    background-position:-48px -256px !important
}
.app-device-ratio-1 .x-item-icon.small.x-csproj {
    background-position:-48px -272px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cs {
    background-position:-48px -288px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cpp {
    background-position:-48px -304px !important
}
.app-device-ratio-1 .x-item-icon.small.x-c {
    background-position:-48px -320px !important
}
.app-device-ratio-1 .x-item-icon.small.x-png, .app-device-ratio-1 .x-item-icon.small.x-heic {
    background-position:-64px 2px !important
}
.app-device-ratio-1 .x-item-icon.small.x-jpg {
    background-position:-65px -13px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ico {
    background-position:-64px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-gif {
    background-position:-64px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-bmp {
    background-position:-64px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xps {
    background-position:-81px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-xltx {
    background-position:-81px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xlt {
    background-position:-81px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xlsx {
    background-position:-81px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xlsm {
    background-position:-81px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xlsb {
    background-position:-81px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xls {
    background-position:-81px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vtx {
    background-position:-81px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vsx {
    background-position:-81px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vst {
    background-position:-81px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vss {
    background-position:-81px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vsdx {
    background-position:-81px -176px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vsd {
    background-position:-81px -192px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vdx {
    background-position:-81px -208px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vdw {
    background-position:-81px -224px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vcf {
    background-position:-81px -240px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pub {
    background-position:-81px -256px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pst {
    background-position:-81px -272px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pptx {
    background-position:-81px -288px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ppt {
    background-position:-81px -304px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ppsx {
    background-position:-81px -320px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pps {
    background-position:-81px -336px !important
}
.app-device-ratio-1 .x-item-icon.small.x-pdf {
    background-position:-81px -352px !important
}
.app-device-ratio-1 .x-item-icon.small.x-odt {
    background-position:-81px -368px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ods {
    background-position:-81px -384px !important
}
.app-device-ratio-1 .x-item-icon.small.x-odp {
    background-position:-81px -400px !important
}
.app-device-ratio-1 .x-item-icon.small.x-msg {
    background-position:-81px -416px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mpt {
    background-position:-81px -432px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mpp {
    background-position:-81px -448px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mhtml {
    background-position:-81px -464px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mht {
    background-position:-81px -464px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mdb {
    background-position:-81px -480px !important
}
.app-device-ratio-1 .x-item-icon.small.x-epub {
    background-position:-81px -496px !important
}
.app-device-ratio-1 .x-item-icon.small.x-eml {
    background-position:-81px -496px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dotx {
    background-position:-81px -512px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dotm {
    background-position:-81px -528px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dot {
    background-position:-81px -544px !important
}
.app-device-ratio-1 .x-item-icon.small.x-docx {
    background-position:-81px -560px !important
}
.app-device-ratio-1 .x-item-icon.small.x-docm {
    background-position:-81px -576px !important
}
.app-device-ratio-1 .x-item-icon.small.x-doc {
    background-position:-81px -592px !important
}
.app-device-ratio-1 .x-item-icon.small.x-csv {
    background-position:-81px -608px !important
}
.app-device-ratio-1 .x-item-icon.small.x-accdb {
    background-position:-81px -624px !important
}
.app-device-ratio-1 .x-item-icon.small.x-vbs {
    background-position:-97px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-txt {
    background-position:-97px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-rtf {
    background-position:-97px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-reg {
    background-position:-97px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ps1 {
    background-position:-97px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-msi {
    background-position:-97px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-lnk {
    background-position:-97px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ini {
    background-position:-97px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-hlp {
    background-position:-97px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-fon {
    background-position:-97px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-exe {
    background-position:-97px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-dll {
    background-position:-97px -176px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cmd {
    background-position:-97px -192px !important
}
.app-device-ratio-1 .x-item-icon.small.x-chm {
    background-position:-97px -208px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cer {
    background-position:-97px -224px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cab {
    background-position:-97px -240px !important
}
.app-device-ratio-1 .x-item-icon.small.x-wmv {
    width:15px !important;
    background-position:-113px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-webm {
    width:15px !important;
    background-position:-113px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ogg {
    width:15px !important;
    background-position:-113px -32px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mpg {
    width:15px !important;
    background-position:-113px -48px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mp4 {
    width:15px !important;
    background-position:-113px -64px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mov {
    width:15px !important;
    background-position:-113px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-mkv {
    width:15px !important;
    background-position:-113px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-m4v {
    width:15px !important;
    background-position:-113px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-flv {
    width:15px !important;
    background-position:-113px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-avi {
    width:15px !important;
    background-position:-113px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-3gp {
    width:15px !important;
    background-position:-113px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-xap {
    background-position:-128px 0 !important
}
.app-device-ratio-1 .x-item-icon.small.x-swf {
    background-position:-128px -16px !important
}
.app-device-ratio-1 .x-item-icon.small.x-cshtml {
    background-position:-128px -80px !important
}
.app-device-ratio-1 .x-item-icon.small.x-config {
    background-position:-128px -96px !important
}
.app-device-ratio-1 .x-item-icon.small.x-aspx {
    background-position:-128px -112px !important
}
.app-device-ratio-1 .x-item-icon.small.x-asmx {
    background-position:-128px -128px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ashx {
    background-position:-128px -144px !important
}
.app-device-ratio-1 .x-item-icon.small.x-ascx {
    background-position:-128px -160px !important
}
.app-device-ratio-1 .x-item-icon.small.x-asax {
    background-position:-128px -176px !important
}
.app-device-ratio-1 .x-item-icon.small.x-php, .app-device-ratio-1 .x-item-icon.small.x-txt, .app-device-ratio-1 .x-item-icon.small.x-textile, .app-device-ratio-1 .x-item-icon.small.x-inc, .app-device-ratio-1 .x-item-icon.small.x-log, .app-device-ratio-1 .x-item-icon.small.x-folder {
    width:18px !important;
    height:18px !important;
    margin-right:6px;
    display:inline-block;
    background-position:0 !important;
    background-size:auto
}
.app-device-ratio-1 .x-item-icon.small.x-folder {
    width:18px;
    height:18px;
    margin-right:6px
}
.app-device-ratio-1 .x-item-icon.small.x-php {
    background-image:url("../../images/file_icon/icon_file/php_small.png")
}
.app-device-ratio-1 .x-item-icon.small.x-txt, .app-device-ratio-1 .x-item-icon.small.x-textile, .app-device-ratio-1 .x-item-icon.small.x-inc, .app-device-ratio-1 .x-item-icon.small.x-log {
    background-image:url("../../images/file_icon/icon_file/txt_small.png")
}
.path-ico {
    width:18px;
    height:18px;
    font-size:18px;
    display:inline-block;
    vertical-align:text-bottom
}
.header-middle .header-address .path-ico {
    padding-top:2px;
    margin-left:4px;
    padding-right:2px;
    vertical-align:top
}
.header-middle .header-address .path-ico.name-kod-folder-share, .header-middle .header-address .path-ico.name-kod-folder-personal {
    font-size:20px;
    margin-top:-1px
}
.header-middle .header-address .path-ico .x-item-icon.x-folder {
    margin-top:2px
}
.header-middle .header-address .x-item-icon.label {
    top:-2px
}
.svg-icon {
    width:1em;
    height:1em;
    fill:currentColor;
    overflow:hidden;
    pointer-events:none
}
.x-item-icon.label {
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:50%;
    padding:0;
    border-width:1px;
    border-style:solid;
    top:0;
    position:relative;
    background-image:none
}
.x-item-icon.x-source {
    background-image:url("../../images/file_icon/icon_others/folder.png")
}
.x-item-icon.x-userRecycle {
    background-image:url("../../images/file_icon/icon_others/recycle.png")
}
.x-item-icon.x-userFav {
    background-image:url("../../images/file_icon/icon_others/treeFav.png")
}
.x-item-icon.x-userShare {
    background-image:url("../../images/file_icon/icon_others/userSelf.png")
}
.x-item-icon.x-groupRootSelf {
    background-image:url("../../images/file_icon/icon_others/groupSelfRoot.png")
}
.x-item-icon.x-userRencent {
    background-image:url("../../images/file_icon/icon_others/app_link.png")
}
.x-item-icon.x-shareToMe {
    background-image:url("../../images/file_icon/icon_others/path_self_public.png")
}
.x-item-icon.x-shareItem {
    background-image:url("../../images/file_icon/icon_others/path_self_public.png")
}
.x-item-icon.x-userDriver {
    background-image:url("../../images/file_icon/icon_others/computer.png")
}
.x-item-icon.x-search {
    background-image:url("../../images/file_icon/icon_others/search.png")
}
.x-item-icon.x-folder {
    background-image:url("../../images/file_icon/icon_others/folder.png")
}
.x-item-icon.x-folder-share {
    background-image:url("../../images/file_icon/icon_others/folder_public.png")
}
.x-item-icon.x-recycle {
    background-image:url("../../images/file_icon/icon_others/recycle.png")
}
.x-item-icon.x-recycle-full {
    background-image:url("../../images/file_icon/icon_others/recycle_full.png")
}
.x-item-icon.x-path-self-share {
    background-image:url("../../images/file_icon/icon_others/path_self_public.png")
}
.x-item-icon.x-app-link {
    background-image:url("../../images/file_icon/icon_others/app_link.png")
}
.x-item-icon.x-user {
    background-image:url("../../images/file_icon/icon_others/user.png")
}
.x-item-icon.x-user-self {
    background-image:url("../../images/file_icon/icon_others/userSelf.png")
}
.x-item-icon.x-share {
    background-image:url("../../images/file_icon/icon_others/share.png")
}
.x-item-icon.x-group-self {
    background-image:url("../../images/file_icon/icon_others/groupSelf.png")
}
.x-item-icon.x-group-self-owner {
    background-image:url("../../images/file_icon/icon_others/groupSelfOwner.png")
}
.x-item-icon.x-group-guest {
    background-image:url("../../images/file_icon/icon_others/groupGuest.png")
}
.x-item-icon.x-group-self-root {
    background-image:url("../../images/file_icon/icon_others/groupSelfRoot.png")
}
.x-item-icon.x-group-root {
    background-image:url("../../images/file_icon/icon_others/groupRoot.png")
}
.x-item-icon.x-group-public {
    background-image:url("../../images/file_icon/icon_others/folder_public.png")
}
.x-item-icon.x-edit {
    background-image:url("../../images/file_icon/icon_others/edit.png")
}
.x-item-icon.x-setting {
    background-image:url("../../images/file_icon/icon_others/setting.png")
}
.x-item-icon.x-logout {
    background-image:url("../../images/file_icon/icon_others/logout.png")
}
.x-item-icon.x-app-store {
    background-image:url("../../images/file_icon/icon_others/appStore.png")
}
.x-item-icon.x-error {
    background-image:url("../../images/file_icon/icon_others/error.png")
}
.x-item-icon.x-info {
    background-image:url("../../images/file_icon/icon_others/info.png")
}
.x-item-icon.x-userRencent, .x-item-icon.x-shareToMe, .x-item-icon.x-userRecycle, .x-item-icon.x-userFileType-doc, .x-item-icon.x-userFileType-image, .x-item-icon.x-userFileType-music, .x-item-icon.x-userFileType-movie, .x-item-icon.x-userFileType-zip, .x-item-icon.x-userFileType-others {
    color:#888;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    font-size:22px;
    position:relative;
    top:-5px
}
.x-item-icon.x-userRencent:before, .x-item-icon.x-shareToMe:before, .x-item-icon.x-userRecycle:before, .x-item-icon.x-userFileType-doc:before, .x-item-icon.x-userFileType-image:before, .x-item-icon.x-userFileType-music:before, .x-item-icon.x-userFileType-movie:before, .x-item-icon.x-userFileType-zip:before, .x-item-icon.x-userFileType-others:before {
    text-shadow:0 0 1px;
    margin-left:-2px;
    margin-top:2px;
    display:inline-block
}
.file-list-icon .file .path-ico, .file-list-split .file .path-ico {
    text-align:left
}
.file-list-icon .file .path-ico .x-item-icon:before, .file-list-split .file .path-ico .x-item-icon:before {
    margin-top:3px;
    display:inline-block
}
.file-list-icon .file .path-ico .x-item-icon.label, .file-list-split .file .path-ico .x-item-icon.label {
    zoom:.9;
    margin-top:8%;
    border-radius:50%
}
.file-list-icon .file .path-ico .x-item-icon.label:before, .file-list-split .file .path-ico .x-item-icon.label:before {
    width:40%;
    height:40%;
    border-radius:50%;
    content:" ";
    background:linear-gradient(45deg, #ffffff7d, #ffffff00);
    margin-top:4px;
    position:absolute;
    right:15%;
    top:15%
}
.ztree .x-item-icon.label {
    top:2px
}
.ztree .x-item-icon:before {
    margin-top:14px
}
.aui-title .x-item-icon.label {
    top:-3px
}
.ztree .svg-icon, .header-middle .svg-icon, .file-list-split .file .svg-icon {
    margin-top:-1px
}
.ztree li span.tree_icon .path-ico.user-avatar .picture img, .file-panel .panel-info-header .header-content .path-ico.user-avatar .picture img, .frame-main-explorer .frame-header .header-content .path-ico.user-avatar .picture img, .file-continer .file.set-icon .path-ico.user-avatar .picture img {
    border-radius:50%;
    border:1px solid #fff;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.path-ico .font-icon.file-icon {
    font-size:1em;
    width:1em;
    background-image:none;
    display:inline-block;
    position:relative
}
.file-list-list .file .path-ico .font-icon.file-icon, .file-list-split .file .path-ico .font-icon.file-icon {
    font-size:20px;
    margin-top:2px;
    margin-left:0;
    margin-top:-6px
}
.file-continer.file-list-icon .file .path-ico .font-icon.file-icon {
    margin-top:-20%
}
.aui-title .path-ico .font-icon.file-icon {
    position:relative;
    top:-4px
}
.header-middle .header-address .path-ico .font-icon.file-icon {
    position:relative;
    top:-4px
}
.x-item-icon {
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("../../images/file_icon/icon_file/file.png");
    background-size:cover;
    width:100%;
    height:100%;
    border-radius:5px;
    font-style:normal;
    display:inline-block;
    pointer-events:none
}
.x-item-icon.x-4th, .x-item-icon.x-a, .x-item-icon.x-abap, .x-item-icon.x-abc, .x-item-icon.x-ada, .x-item-icon.x-adb, .x-item-icon.x-adoc, .x-item-icon.x-ahk, .x-item-icon.x-alda, .x-item-icon.x-apex, .x-item-icon.x-apl, .x-item-icon.x-aql, .x-item-icon.x-as, .x-item-icon.x-asc, .x-item-icon.x-asciidoc, .x-item-icon.x-asl, .x-item-icon.x-asm, .x-item-icon.x-asn, .x-item-icon.x-asn1, .x-item-icon.x-asp, .x-item-icon.x-aspx, .x-item-icon.x-atom, .x-item-icon.x-aw, .x-item-icon.x-b, .x-item-icon.x-bash, .x-item-icon.x-bashrc, .x-item-icon.x-bat, .x-item-icon.x-bf, .x-item-icon.x-bib, .x-item-icon.x-blade.php, .x-item-icon.x-bro, .x-item-icon.x-build, .x-item-icon.x-bzl, .x-item-icon.x-c, .x-item-icon.x-c9search_results, .x-item-icon.x-cabal, .x-item-icon.x-cakefile, .x-item-icon.x-cbl, .x-item-icon.x-cc, .x-item-icon.x-cf, .x-item-icon.x-cfg, .x-item-icon.x-cfm, .x-item-icon.x-cirru, .x-item-icon.x-cl, .x-item-icon.x-clj, .x-item-icon.x-cljc, .x-item-icon.x-cljs, .x-item-icon.x-cljx, .x-item-icon.x-cls, .x-item-icon.x-cmake, .x-item-icon.x-cmake.in, .x-item-icon.x-cmd, .x-item-icon.x-cob, .x-item-icon.x-coffee, .x-item-icon.x-component, .x-item-icon.x-conf, .x-item-icon.x-cpp, .x-item-icon.x-cpy, .x-item-icon.x-cql, .x-item-icon.x-cr, .x-item-icon.x-cs, .x-item-icon.x-csd, .x-item-icon.x-cshtml, .x-item-icon.x-cson, .x-item-icon.x-css, .x-item-icon.x-ctp, .x-item-icon.x-curly, .x-item-icon.x-cxx, .x-item-icon.x-cyp, .x-item-icon.x-cypher, .x-item-icon.x-d, .x-item-icon.x-dart, .x-item-icon.x-def, .x-item-icon.x-di, .x-item-icon.x-diff, .x-item-icon.x-dockerfile, .x-item-icon.x-dot, .x-item-icon.x-drl, .x-item-icon.x-dsl, .x-item-icon.x-dtd, .x-item-icon.x-dyalog, .x-item-icon.x-dyl, .x-item-icon.x-dylan, .x-item-icon.x-e, .x-item-icon.x-ecl, .x-item-icon.x-edi, .x-item-icon.x-edn, .x-item-icon.x-eex, .x-item-icon.x-ejs, .x-item-icon.x-el, .x-item-icon.x-elm, .x-item-icon.x-epp, .x-item-icon.x-erb, .x-item-icon.x-erl, .x-item-icon.x-ex, .x-item-icon.x-exs, .x-item-icon.x-f, .x-item-icon.x-f77, .x-item-icon.x-f90, .x-item-icon.x-f95, .x-item-icon.x-factor, .x-item-icon.x-feature, .x-item-icon.x-for, .x-item-icon.x-forth, .x-item-icon.x-frag, .x-item-icon.x-frt, .x-item-icon.x-fs, .x-item-icon.x-fsi, .x-item-icon.x-fsl, .x-item-icon.x-fsscript, .x-item-icon.x-fsx, .x-item-icon.x-fth, .x-item-icon.x-ftl, .x-item-icon.x-fun, .x-item-icon.x-gbs, .x-item-icon.x-gcode, .x-item-icon.x-ge, .x-item-icon.x-gemfile, .x-item-icon.x-gemspec, .x-item-icon.x-gitignore, .x-item-icon.x-glsl, .x-item-icon.x-go, .x-item-icon.x-gql, .x-item-icon.x-gradle, .x-item-icon.x-groovy, .x-item-icon.x-gss, .x-item-icon.x-guardfile, .x-item-icon.x-gunmakefile, .x-item-icon.x-h, .x-item-icon.x-haml, .x-item-icon.x-handlebars, .x-item-icon.x-hbs, .x-item-icon.x-hh, .x-item-icon.x-hjson, .x-item-icon.x-hpp, .x-item-icon.x-hrl, .x-item-icon.x-hs, .x-item-icon.x-htaccess, .x-item-icon.x-htgroups, .x-item-icon.x-htm, .x-item-icon.x-html, .x-item-icon.x-html.eex, .x-item-icon.x-html.erb, .x-item-icon.x-htpasswd, .x-item-icon.x-hx, .x-item-icon.x-hxml, .x-item-icon.x-hxx, .x-item-icon.x-in, .x-item-icon.x-inc, .x-item-icon.x-ini, .x-item-icon.x-ino, .x-item-icon.x-intr, .x-item-icon.x-io, .x-item-icon.x-j2, .x-item-icon.x-jack, .x-item-icon.x-jade, .x-item-icon.x-java, .x-item-icon.x-jinja, .x-item-icon.x-jinja2, .x-item-icon.x-jl, .x-item-icon.x-jq, .x-item-icon.x-js, .x-item-icon.x-jsm, .x-item-icon.x-json, .x-item-icon.x-json5, .x-item-icon.x-jsonld, .x-item-icon.x-jsp, .x-item-icon.x-jssm, .x-item-icon.x-jssm_state, .x-item-icon.x-jsx, .x-item-icon.x-ksh, .x-item-icon.x-kt, .x-item-icon.x-kts, .x-item-icon.x-latex, .x-item-icon.x-latte, .x-item-icon.x-ldr, .x-item-icon.x-less, .x-item-icon.x-lhs, .x-item-icon.x-liquid, .x-item-icon.x-lisp, .x-item-icon.x-list, .x-item-icon.x-log, .x-item-icon.x-logic, .x-item-icon.x-lp, .x-item-icon.x-lql, .x-item-icon.x-ls, .x-item-icon.x-lsl, .x-item-icon.x-ltx, .x-item-icon.x-lua, .x-item-icon.x-lucene, .x-item-icon.x-m, .x-item-icon.x-make, .x-item-icon.x-makefile, .x-item-icon.x-map, .x-item-icon.x-markdown, .x-item-icon.x-mask, .x-item-icon.x-mathml, .x-item-icon.x-matlab, .x-item-icon.x-mbox, .x-item-icon.x-mc, .x-item-icon.x-md, .x-item-icon.x-mediawiki, .x-item-icon.x-mel, .x-item-icon.x-mixal, .x-item-icon.x-mkd, .x-item-icon.x-ml, .x-item-icon.x-mli, .x-item-icon.x-mll, .x-item-icon.x-mly, .x-item-icon.x-mm, .x-item-icon.x-mml, .x-item-icon.x-mo, .x-item-icon.x-module, .x-item-icon.x-mps, .x-item-icon.x-msc, .x-item-icon.x-mscgen, .x-item-icon.x-mscin, .x-item-icon.x-msgenny, .x-item-icon.x-mush, .x-item-icon.x-mustache, .x-item-icon.x-mysql, .x-item-icon.x-mz, .x-item-icon.x-nb, .x-item-icon.x-nginx, .x-item-icon.x-nim, .x-item-icon.x-nix, .x-item-icon.x-nj, .x-item-icon.x-njk, .x-item-icon.x-nq, .x-item-icon.x-nsh, .x-item-icon.x-nsi, .x-item-icon.x-nt, .x-item-icon.x-nunjs, .x-item-icon.x-nunjucks, .x-item-icon.x-nut, .x-item-icon.x-oak, .x-item-icon.x-ocamlmakefile, .x-item-icon.x-orc, .x-item-icon.x-oz, .x-item-icon.x-p, .x-item-icon.x-p6, .x-item-icon.x-page, .x-item-icon.x-pas, .x-item-icon.x-patch, .x-item-icon.x-pgp, .x-item-icon.x-pgsql, .x-item-icon.x-php, .x-item-icon.x-php3, .x-item-icon.x-php4, .x-item-icon.x-php5, .x-item-icon.x-php7, .x-item-icon.x-phps, .x-item-icon.x-phpt, .x-item-icon.x-phtml, .x-item-icon.x-pig, .x-item-icon.x-pl, .x-item-icon.x-pl6, .x-item-icon.x-plg, .x-item-icon.x-pls, .x-item-icon.x-pm, .x-item-icon.x-pm6, .x-item-icon.x-pp, .x-item-icon.x-praat, .x-item-icon.x-praatscript, .x-item-icon.x-prefs, .x-item-icon.x-prisma, .x-item-icon.x-pro, .x-item-icon.x-proc, .x-item-icon.x-prolog, .x-item-icon.x-properties, .x-item-icon.x-proto, .x-item-icon.x-ps1, .x-item-icon.x-psc, .x-item-icon.x-psd1, .x-item-icon.x-psm1, .x-item-icon.x-pug, .x-item-icon.x-pxd, .x-item-icon.x-pxi, .x-item-icon.x-py, .x-item-icon.x-pyw, .x-item-icon.x-pyx, .x-item-icon.x-q, .x-item-icon.x-qml, .x-item-icon.x-r, .x-item-icon.x-rake, .x-item-icon.x-rakefile, .x-item-icon.x-raku, .x-item-icon.x-rakumod, .x-item-icon.x-rakutest, .x-item-icon.x-rb, .x-item-icon.x-rd, .x-item-icon.x-rdf, .x-item-icon.x-red, .x-item-icon.x-reds, .x-item-icon.x-rhtml, .x-item-icon.x-rkt, .x-item-icon.x-rq, .x-item-icon.x-rs, .x-item-icon.x-rss, .x-item-icon.x-rst, .x-item-icon.x-ru, .x-item-icon.x-s, .x-item-icon.x-sas, .x-item-icon.x-sass, .x-item-icon.x-sbt, .x-item-icon.x-scad, .x-item-icon.x-scala, .x-item-icon.x-scheme, .x-item-icon.x-scm, .x-item-icon.x-sco, .x-item-icon.x-scss, .x-item-icon.x-sh, .x-item-icon.x-shtml, .x-item-icon.x-sieve, .x-item-icon.x-sig, .x-item-icon.x-siv, .x-item-icon.x-sjs, .x-item-icon.x-skim, .x-item-icon.x-slim, .x-item-icon.x-sm, .x-item-icon.x-smackspec, .x-item-icon.x-smarty, .x-item-icon.x-smithy, .x-item-icon.x-sml, .x-item-icon.x-snippets, .x-item-icon.x-soy, .x-item-icon.x-space, .x-item-icon.x-sparql, .x-item-icon.x-spec, .x-item-icon.x-sql, .x-item-icon.x-sqlserver, .x-item-icon.x-ss, .x-item-icon.x-st, .x-item-icon.x-str, .x-item-icon.x-styl, .x-item-icon.x-stylus, .x-item-icon.x-sv, .x-item-icon.x-svg, .x-item-icon.x-svh, .x-item-icon.x-swift, .x-item-icon.x-swig, .x-item-icon.x-tcl, .x-item-icon.x-terragrunt, .x-item-icon.x-tex, .x-item-icon.x-text, .x-item-icon.x-textile, .x-item-icon.x-tf, .x-item-icon.x-tfvars, .x-item-icon.x-tgr, .x-item-icon.x-toml, .x-item-icon.x-tpl, .x-item-icon.x-trigger, .x-item-icon.x-ts, .x-item-icon.x-tsx, .x-item-icon.x-ttcn, .x-item-icon.x-ttcn3, .x-item-icon.x-ttcnpp, .x-item-icon.x-ttl, .x-item-icon.x-twig, .x-item-icon.x-txt, .x-item-icon.x-typescript, .x-item-icon.x-v, .x-item-icon.x-vala, .x-item-icon.x-vb, .x-item-icon.x-vbs, .x-item-icon.x-vert, .x-item-icon.x-vfp, .x-item-icon.x-vh, .x-item-icon.x-vhd, .x-item-icon.x-vhdl, .x-item-icon.x-vm, .x-item-icon.x-vtl, .x-item-icon.x-vue, .x-item-icon.x-wast, .x-item-icon.x-wat, .x-item-icon.x-we, .x-item-icon.x-webidl, .x-item-icon.x-wiki, .x-item-icon.x-wl, .x-item-icon.x-wlk, .x-item-icon.x-wls, .x-item-icon.x-wpgm, .x-item-icon.x-wpy, .x-item-icon.x-wsdl, .x-item-icon.x-wtest, .x-item-icon.x-xaml, .x-item-icon.x-xbl, .x-item-icon.x-xhtml, .x-item-icon.x-xml, .x-item-icon.x-xq, .x-item-icon.x-xquery, .x-item-icon.x-xsd, .x-item-icon.x-xsl, .x-item-icon.x-xslt, .x-item-icon.x-xu, .x-item-icon.x-xul, .x-item-icon.x-xy, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-ys, .x-item-icon.x-z80, .x-item-icon.x-zeek, .x-item-icon.x-oexe, .x-item-icon.x-csv, .x-item-icon.x-tsv, .x-item-icon.x-lnk, .x-item-icon.x-url, .x-item-icon.x-webloc, .x-item-icon.x-meta, .x-item-icon.x-inf, .x-item-icon.x-dummy, .x-item-icon.x-hta, .x-item-icon.x-cgi, .x-item-icon.x-lean, .x-item-icon.x-hlean, .x-item-icon.x-ji, .x-item-icon.x-readme, .x-item-icon.x-changes, .x-item-icon.x-changelog, .x-item-icon.x-version, .x-item-icon.x-license, .x-item-icon.x-bash_logout, .x-item-icon.x-bash_profile, .x-item-icon.x-vbproj, .x-item-icon.x-storyboard, .x-item-icon.x-vcproj, .x-item-icon.x-vcxproj, .x-item-icon.x-pbxproj, .x-item-icon.x-csproj, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-jshintrc, .x-item-icon.x-sublime-project, .x-item-icon.x-plistpch, .x-item-icon.x-localized, .x-item-icon.x-local, .x-item-icon.x-xcscheme, .x-item-icon.x-manifest, .x-item-icon.x-gitmodules, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc, .x-item-icon.x-vtt, .x-item-icon.x-filters, .x-item-icon.x-cer, .x-item-icon.x-reg, .x-item-icon.x-config, .x-item-icon.x-pem, .x-item-icon.x-srt, .x-item-icon.x-ass, .x-item-icon.x-lrc, .x-item-icon.x-opf, .x-item-icon.x-ncx, .x-item-icon.x-classpath, .x-item-icon.x-mymetadata, .x-item-icon.x-jsdtscope, .x-item-icon.x-project, .x-item-icon.x-tern-project, .x-item-icon.x-tld, .x-item-icon.x-iml, .x-item-icon.x-sln, .x-item-icon.x-gitattributes, .x-item-icon.x-mf, .x-item-icon.x-name, .x-item-icon.x-container, .x-item-icon.x-lock, .x-item-icon.x-applescript, .x-item-icon.x-mvnw, .x-item-icon.x-apple-app-site-association, .x-item-icon.x-magnet, .x-item-icon.x-sample, .x-item-icon.x-example, .x-item-icon.x-http, .x-item-icon.x-puml, .x-item-icon.x-plantuml, .x-item-icon.x-plist, .x-item-icon.x-dockerignore, .x-item-icon.x-mod, .x-item-icon.x-sum, .x-item-icon.x-owners {
    background-image:url("../../images/file_icon/icon_file/txt.png");
    background-size:cover
}
.x-item-icon.x-pl, .x-item-icon.x-pm, .x-item-icon.x-cgi, .x-item-icon.x-as, .x-item-icon.x-asm, .x-item-icon.x-clj, .x-item-icon.x-cbl, .x-item-icon.x-cfm, .x-item-icon.x-d, .x-item-icon.x-diff, .x-item-icon.x-dot, .x-item-icon.x-ejs, .x-item-icon.x-erl, .x-item-icon.x-ftl, .x-item-icon.x-go, .x-item-icon.x-hs, .x-item-icon.x-vbs, .x-item-icon.x-haml, .x-item-icon.x-erb, .x-item-icon.x-jade, .x-item-icon.x-json, .x-item-icon.x-jq, .x-item-icon.x-jsx, .x-item-icon.x-ji, .x-item-icon.x-tex, .x-item-icon.x-lisp, .x-item-icon.x-ls, .x-item-icon.x-lsl, .x-item-icon.x-lua, .x-item-icon.x-lp, .x-item-icon.x-matlab, .x-item-icon.x-mel, .x-item-icon.x-r, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-js, .x-item-icon.x-vue {
    background-image:url("../../images/file_icon/icon_file/code.png");
    background-size:cover
}
.x-item-icon.x-bin, .x-item-icon.x-hex, .x-item-icon.x-zip, .x-item-icon.x-pdf, .x-item-icon.x-swf, .x-item-icon.x-gzip, .x-item-icon.x-rar, .x-item-icon.x-arj, .x-item-icon.x-tar, .x-item-icon.x-gz, .x-item-icon.x-cab, .x-item-icon.x-tbz, .x-item-icon.x-tbz2, .x-item-icon.x-lzh, .x-item-icon.x-uue, .x-item-icon.x-bz2, .x-item-icon.x-ace, .x-item-icon.x-exe, .x-item-icon.x-so, .x-item-icon.x-dll, .x-item-icon.x-chm, .x-item-icon.x-rtf, .x-item-icon.x-odp, .x-item-icon.x-odt, .x-item-icon.x-pages, .x-item-icon.x-class, .x-item-icon.x-psd, .x-item-icon.x-ttf, .x-item-icon.x-fla, .x-item-icon.x-dmg, .x-item-icon.x-dat, .x-item-icon.x-ipa, .x-item-icon.x-lib, .x-item-icon.x-a, .x-item-icon.x-apk, .x-item-icon.x-so, .x-item-icon.x-o {
    background-image:url("../../images/file_icon/icon_file/bin.png");
    background-size:cover
}
.x-item-icon.x-music, .x-item-icon.x-mp3, .x-item-icon.x-wma, .x-item-icon.x-mp2, .x-item-icon.x-mid, .x-item-icon.x-aac, .x-item-icon.x-ogg, .x-item-icon.x-oga, .x-item-icon.x-webma, .x-item-icon.x-wav, .x-item-icon.x-m4a, .x-item-icon.x-m3u, .x-item-icon.x-m4a, .x-item-icon.x-midi, .x-item-icon.x-mid, .x-item-icon.x-flac, .x-item-icon.x-alac, .x-item-icon.x-ape, .x-item-icon.x-ac3 {
    background-image:url("../../images/file_icon/icon_file/music.png");
    background-size:cover
}
.x-item-icon.x-html, .x-item-icon.x-htm, .x-item-icon.x-url, .x-item-icon.x-tpl, .x-item-icon.x-lnk, .x-item-icon.x-haml, .x-item-icon.x-shtml, .x-item-icon.x-webloc, .x-item-icon.x-hta, .x-item-icon.x-xhtml {
    background-image:url("../../images/file_icon/icon_file/html.png");
    background-size:cover
}
.x-item-icon.x-css, .x-item-icon.x-less, .x-item-icon.x-sass {
    background-image:url("../../images/file_icon/icon_file/css.png");
    background-size:cover
}
.x-item-icon.x-js, .x-item-icon.x-coffee, .x-item-icon.x-jsx, .x-item-icon.x-ts {
    background-image:url("../../images/file_icon/icon_file/js.png");
    background-size:cover
}
.x-item-icon.x-xml, .x-item-icon.x-config, .x-item-icon.x-manifest, .x-item-icon.x-xaml, .x-item-icon.x-csproj, .x-item-icon.x-vbproj {
    background-image:url("../../images/file_icon/icon_file/xml.png");
    background-size:cover
}
.x-item-icon.x-cs, .x-item-icon.x-asp, .x-item-icon.x-aspx {
    background-image:url("../../images/file_icon/icon_file/cs.png");
    background-size:cover
}
.x-item-icon.x-java, .x-item-icon.x-jsp {
    background-image:url("../../images/file_icon/icon_file/java.png");
    background-size:cover
}
.x-item-icon.x-mm, .x-item-icon.x-cc, .x-item-icon.x-cxx, .x-item-icon.x-cpp, .x-item-icon.x-c, .x-item-icon.x-m, .x-item-icon.x-nc {
    background-image:url("../../images/file_icon/icon_file/cpp.png");
    background-size:cover
}
.x-item-icon.x-h, .x-item-icon.x-hpp, .x-item-icon.x-hh, .x-item-icon.x-pch {
    background-image:url("../../images/file_icon/icon_file/h.png");
    background-size:cover
}
.x-item-icon.x-png, .x-item-icon.x-jpg, .x-item-icon.x-jpeg, .x-item-icon.x-bmp, .x-item-icon.x-gif, .x-item-icon.x-picture, .x-item-icon.x-heic, .x-item-icon.x-ico, .x-item-icon.x-svg, .x-item-icon.x-cur, .x-item-icon.x-webp, .x-item-icon.x-tif, .x-item-icon.x-tiff, .x-item-icon.x-erf, .x-item-icon.x-raf, .x-item-icon.x-kdc, .x-item-icon.x-dcr, .x-item-icon.x-mrw, .x-item-icon.x-nrw, .x-item-icon.x-nef, .x-item-icon.x-orf, .x-item-icon.x-rw2, .x-item-icon.x-pef, .x-item-icon.x-srw, .x-item-icon.x-x3f, .x-item-icon.x-srf, .x-item-icon.x-arw, .x-item-icon.x-sr2 {
    background-image:url("../../images/file_icon/icon_file/png.png");
    background-size:cover
}
.x-item-icon.x-make, .x-item-icon.x-Makefile, .x-item-icon.x-makefile, .x-item-icon.x-GNUmakefile, .x-item-icon.x-OCamlMakefile, .x-item-icon.x-makemakefile {
    background-image:url("../../images/file_icon/icon_file/makefile.png");
    background-size:cover
}
.x-item-icon.x-iso, .x-item-icon.x-vcd {
    background-image:url("../../images/file_icon/icon_file/iso.png");
    background-size:cover
}
.x-item-icon.x-pkg, .x-item-icon.x-package, .x-item-icon.x-framework {
    background-image:url("../../images/file_icon/icon_file/pkg.png");
    background-size:cover
}
.x-item-icon.x-7z, .x-item-icon.x-apk, .x-item-icon.x-ace, .x-item-icon.x-arj, .x-item-icon.x-bza, .x-item-icon.x-cab, .x-item-icon.x-cxr, .x-item-icon.x-dgc, .x-item-icon.x-gca, .x-item-icon.x-gz, .x-item-icon.x-gza, .x-item-icon.x-iso, .x-item-icon.x-jar, .x-item-icon.x-lzh, .x-item-icon.x-rar, .x-item-icon.x-rk, .x-item-icon.x-tar, .x-item-icon.x-tbz, .x-item-icon.x-tgz, .x-item-icon.x-tlz, .x-item-icon.x-txz, .x-item-icon.x-yz1, .x-item-icon.x-zip {
    background-image:url("../../images/file_icon/icon_file/zip_all.png");
    background-size:cover
}
.x-item-icon.x-exe, .x-item-icon.x-bin, .x-item-icon.x-class, .x-item-icon.x-a, .x-item-icon.x-so {
    background-image:url("../../images/file_icon/icon_file/exe.png");
    background-size:cover
}
.x-item-icon.x-ttf, .x-item-icon.x-otf, .x-item-icon.x-eot, .x-item-icon.x-woff, .x-item-icon.x-tiff, .x-item-icon.x-ttc {
    background-image:url("../../images/file_icon/icon_file/font.png");
    background-size:cover
}
.x-item-icon.x-bat, .x-item-icon.x-cmd, .x-item-icon.x-sh, .x-item-icon.x-bash, .x-item-icon.x-bashrc {
    background-image:url("../../images/file_icon/icon_file/cmd.png");
    background-size:cover
}
.x-item-icon.x-ini, .x-item-icon.x-inf, .x-item-icon.x-conf, .x-item-icon.x-meta, .x-item-icon.x-plist, .x-item-icon.x-htaccess, .x-item-icon.x-localized, .x-item-icon.x-xcscheme, .x-item-icon.x-storyboard, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-pbxproj, .x-item-icon.gitmodules, .x-item-icon.x-gitignore, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc {
    background-image:url("../../images/file_icon/icon_file/ini.png");
    background-size:cover
}
.x-item-icon.x-md, .x-item-icon.x-markdown {
    background-image:url("../../images/file_icon/icon_file/md.png");
    background-size:cover
}
.x-item-icon.x-file {
    background-image:url("../../images/file_icon/icon_file/file.png");
    background-size:cover
}
.x-item-icon.x-accdb {
    background-image:url("../../images/file_icon/icon_file/accdb.png");
    background-size:cover
}
.x-item-icon.x-7z {
    background-image:url("../../images/file_icon/icon_file/7z.png");
    background-size:cover
}
.x-item-icon.x-ai {
    background-image:url("../../images/file_icon/icon_file/ai.png");
    background-size:cover
}
.x-item-icon.x-air {
    background-image:url("../../images/file_icon/icon_file/air.png");
    background-size:cover
}
.x-item-icon.x-arj {
    background-image:url("../../images/file_icon/icon_file/arj.png");
    background-size:cover
}
.x-item-icon.x-apk {
    background-image:url("../../images/file_icon/icon_file/apk.png");
    background-size:cover
}
.x-item-icon.x-as {
    background-image:url("../../images/file_icon/icon_file/as.png");
    background-size:cover
}
.x-item-icon.x-ascx {
    background-image:url("../../images/file_icon/icon_file/ascx.png");
    background-size:cover
}
.x-item-icon.x-ashx {
    background-image:url("../../images/file_icon/icon_file/ashx.png");
    background-size:cover
}
.x-item-icon.x-asmx {
    background-image:url("../../images/file_icon/icon_file/asmx.png");
    background-size:cover
}
.x-item-icon.x-aspx {
    background-image:url("../../images/file_icon/icon_file/aspx.png");
    background-size:cover
}
.x-item-icon.x-bz2 {
    background-image:url("../../images/file_icon/icon_file/bz2.png");
    background-size:cover
}
.x-item-icon.x-cdr {
    background-image:url("../../images/file_icon/icon_file/cdr.png");
    background-size:cover
}
.x-item-icon.x-cer {
    background-image:url("../../images/file_icon/icon_file/cer.png");
    background-size:cover
}
.x-item-icon.x-chm {
    background-image:url("../../images/file_icon/icon_file/chm.png");
    background-size:cover
}
.x-item-icon.x-cmd {
    background-image:url("../../images/file_icon/icon_file/cmd.png");
    background-size:cover
}
.x-item-icon.x-c {
    background-image:url("../../images/file_icon/icon_file/c.png");
    background-size:cover
}
.x-item-icon.x-cpp {
    background-image:url("../../images/file_icon/icon_file/cpp.png");
    background-size:cover
}
.x-item-icon.x-cs {
    background-image:url("../../images/file_icon/icon_file/cs.png");
    background-size:cover
}
.x-item-icon.x-cshtml {
    background-image:url("../../images/file_icon/icon_file/cshtml.png");
    background-size:cover
}
.x-item-icon.x-csproj {
    background-image:url("../../images/file_icon/icon_file/csproj.png");
    background-size:cover
}
.x-item-icon.x-css {
    background-image:url("../../images/file_icon/icon_file/css.png");
    background-size:cover
}
.x-item-icon.x-csv {
    background-image:url("../../images/file_icon/icon_file/csv.png");
    background-size:cover
}
.x-item-icon.x-djvu {
    background-image:url("../../images/file_icon/icon_file/djvu.png");
    background-size:cover
}
.x-item-icon.x-dll {
    background-image:url("../../images/file_icon/icon_file/dll.png");
    background-size:cover
}
.x-item-icon.x-dng {
    background-image:url("../../images/file_icon/icon_file/dng.png");
    background-size:cover
}
.x-item-icon.x-dmg, .x-item-icon.x-img {
    background-image:url("../../images/file_icon/icon_file/dmg.png");
    background-size:cover
}
.x-item-icon.x-doc, .x-item-icon.x-wps {
    background-image:url("../../images/file_icon/icon_file/doc.png");
    background-size:cover
}
.x-item-icon.x-docm {
    background-image:url("../../images/file_icon/icon_file/docm.png");
    background-size:cover
}
.x-item-icon.x-docx {
    background-image:url("../../images/file_icon/icon_file/docx.png");
    background-size:cover
}
.x-item-icon.x-dot {
    background-image:url("../../images/file_icon/icon_file/dot.png");
    background-size:cover
}
.x-item-icon.x-dotm {
    background-image:url("../../images/file_icon/icon_file/dotm.png");
    background-size:cover
}
.x-item-icon.x-dotx {
    background-image:url("../../images/file_icon/icon_file/dotx.png");
    background-size:cover
}
.x-item-icon.x-dtd {
    background-image:url("../../images/file_icon/icon_file/dtd.png");
    background-size:cover
}
.x-item-icon.x-eps {
    background-image:url("../../images/file_icon/icon_file/eps.png");
    background-size:cover
}
.x-item-icon.x-epub {
    background-image:url("../../images/file_icon/icon_file/epub.png");
    background-size:cover
}
.x-item-icon.x-exe {
    background-image:url("../../images/file_icon/icon_file/exe.png");
    background-size:cover
}
.x-item-icon.x-eml {
    background-image:url("../../images/file_icon/icon_file/eml.png");
    background-size:cover
}
.x-item-icon.x-f {
    background-image:url("../../images/file_icon/icon_file/f.png");
    background-size:cover
}
.x-item-icon.x-file {
    background-image:url("../../images/file_icon/icon_file/file.png");
    background-size:cover
}
.x-item-icon.x-fla {
    background-image:url("../../images/file_icon/icon_file/fla.png");
    background-size:cover
}
.x-item-icon.x-font {
    background-image:url("../../images/file_icon/icon_file/font.png");
    background-size:cover
}
.x-item-icon.x-gif {
    background-image:url("../../images/file_icon/icon_file/gif.png");
    background-size:cover
}
.x-item-icon.x-gz {
    background-image:url("../../images/file_icon/icon_file/gz.png");
    background-size:cover
}
.x-item-icon.x-h {
    background-image:url("../../images/file_icon/icon_file/h.png");
    background-size:cover
}
.x-item-icon.x-hdr {
    background-image:url("../../images/file_icon/icon_file/hdr.png");
    background-size:cover
}
.x-item-icon.x-hlp {
    background-image:url("../../images/file_icon/icon_file/hlp.png");
    background-size:cover
}
.x-item-icon.x-html {
    background-image:url("../../images/file_icon/icon_file/html.png");
    background-size:cover
}
.x-item-icon.x-indd {
    background-image:url("../../images/file_icon/icon_file/indd.png");
    background-size:cover
}
.x-item-icon.x-ini {
    background-image:url("../../images/file_icon/icon_file/ini.png");
    background-size:cover
}
.x-item-icon.x-ipa {
    background-image:url("../../images/file_icon/icon_file/ipa.png");
    background-size:cover
}
.x-item-icon.x-jar {
    background-image:url("../../images/file_icon/icon_file/jar.png");
    background-size:cover
}
.x-item-icon.x-java {
    background-image:url("../../images/file_icon/icon_file/java.png");
    background-size:cover
}
.x-item-icon.x-jpg {
    background-image:url("../../images/file_icon/icon_file/jpg.png");
    background-size:cover
}
.x-item-icon.x-js {
    background-image:url("../../images/file_icon/icon_file/js.png");
    background-size:cover
}
.x-item-icon.x-json {
    background-image:url("../../images/file_icon/icon_file/json.png");
    background-size:cover
}
.x-item-icon.x-key {
    background-image:url("../../images/file_icon/icon_file/key.png");
    background-size:cover
}
.x-item-icon.x-ldf {
    background-image:url("../../images/file_icon/icon_file/ldf.png");
    background-size:cover
}
.x-item-icon.x-lnk {
    background-image:url("../../images/file_icon/icon_file/lnk.png");
    background-size:cover
}
.x-item-icon.x-makefile {
    background-image:url("../../images/file_icon/icon_file/makefile.png");
    background-size:cover
}
.x-item-icon.x-mdb {
    background-image:url("../../images/file_icon/icon_file/mdb.png");
    background-size:cover
}
.x-item-icon.x-mdf {
    background-image:url("../../images/file_icon/icon_file/mdf.png");
    background-size:cover
}
.x-item-icon.x-mht {
    background-image:url("../../images/file_icon/icon_file/mht.png");
    background-size:cover
}
.x-item-icon.x-mhtml {
    background-image:url("../../images/file_icon/icon_file/mhtml.png");
    background-size:cover
}
.x-item-icon.x-midi {
    background-image:url("../../images/file_icon/icon_file/midi.png");
    background-size:cover
}
.x-item-icon.x-mpp {
    background-image:url("../../images/file_icon/icon_file/mpp.png");
    background-size:cover
}
.x-item-icon.x-mpt {
    background-image:url("../../images/file_icon/icon_file/mpt.png");
    background-size:cover
}
.x-item-icon.x-msg {
    background-image:url("../../images/file_icon/icon_file/msg.png");
    background-size:cover
}
.x-item-icon.x-msi {
    background-image:url("../../images/file_icon/icon_file/msi.png");
    background-size:cover
}
.x-item-icon.x-numbers {
    background-image:url("../../images/file_icon/icon_file/numbers.png");
    background-size:cover
}
.x-item-icon.x-odp {
    background-image:url("../../images/file_icon/icon_file/odp.png");
    background-size:cover
}
.x-item-icon.x-ods {
    background-image:url("../../images/file_icon/icon_file/ods.png");
    background-size:cover
}
.x-item-icon.x-odt {
    background-image:url("../../images/file_icon/icon_file/odt.png");
    background-size:cover
}
.x-item-icon.x-oexe {
    background-image:url("../../images/file_icon/icon_file/oexe.png");
    background-size:cover
}
.x-item-icon.x-oexe2 {
    background-image:url("../../images/file_icon/icon_file/oexe2.png");
    background-size:cover
}
.x-item-icon.x-ogg {
    background-image:url("../../images/file_icon/icon_file/ogg.png");
    background-size:cover
}
.x-item-icon.x-pages {
    background-image:url("../../images/file_icon/icon_file/pages.png");
    background-size:cover
}
.x-item-icon.x-pdb {
    background-image:url("../../images/file_icon/icon_file/pdb.png");
    background-size:cover
}
.x-item-icon.x-pdf {
    background-image:url("../../images/file_icon/icon_file/pdf.png");
    background-size:cover
}
.x-item-icon.x-php {
    background-image:url("../../images/file_icon/icon_file/php.png");
    background-size:cover
}
.x-item-icon.x-pkg {
    background-image:url("../../images/file_icon/icon_file/pkg.png");
    background-size:cover
}
.x-item-icon.x-pl {
    background-image:url("../../images/file_icon/icon_file/pl.png");
    background-size:cover
}
.x-item-icon.x-png {
    background-image:url("../../images/file_icon/icon_file/png.png");
    background-size:cover
}
.x-item-icon.x-pps {
    background-image:url("../../images/file_icon/icon_file/pps.png");
    background-size:cover
}
.x-item-icon.x-ppsx {
    background-image:url("../../images/file_icon/icon_file/ppsx.png");
    background-size:cover
}
.x-item-icon.x-ppt {
    background-image:url("../../images/file_icon/icon_file/ppt.png");
    background-size:cover
}
.x-item-icon.x-pptx {
    background-image:url("../../images/file_icon/icon_file/pptx.png");
    background-size:cover
}
.x-item-icon.x-pot {
    background-image:url("../../images/file_icon/icon_file/pot.png");
    background-size:cover
}
.x-item-icon.x-potx, .x-item-icon.x-ppam {
    background-image:url("../../images/file_icon/icon_file/potx.png");
    background-size:cover
}
.x-item-icon.x-prproj {
    background-image:url("../../images/file_icon/icon_file/prproj.png");
    background-size:cover
}
.x-item-icon.x-ps1 {
    background-image:url("../../images/file_icon/icon_file/ps1.png");
    background-size:cover
}
.x-item-icon.x-psd {
    background-image:url("../../images/file_icon/icon_file/psd.png");
    background-size:cover
}
.x-item-icon.x-pspimage {
    background-image:url("../../images/file_icon/icon_file/pspimage.png");
    background-size:cover
}
.x-item-icon.x-pst {
    background-image:url("../../images/file_icon/icon_file/pst.png");
    background-size:cover
}
.x-item-icon.x-pub {
    background-image:url("../../images/file_icon/icon_file/pub.png");
    background-size:cover
}
.x-item-icon.x-py {
    background-image:url("../../images/file_icon/icon_file/py.png");
    background-size:cover
}
.x-item-icon.x-rar {
    background-image:url("../../images/file_icon/icon_file/rar.png");
    background-size:cover
}
.x-item-icon.x-rb {
    background-image:url("../../images/file_icon/icon_file/rb.png");
    background-size:cover
}
.x-item-icon.x-reg {
    background-image:url("../../images/file_icon/icon_file/reg.png");
    background-size:cover
}
.x-item-icon.x-resx {
    background-image:url("../../images/file_icon/icon_file/resx.png");
    background-size:cover
}
.x-item-icon.x-rtf {
    background-image:url("../../images/file_icon/icon_file/rtf.png");
    background-size:cover
}
.x-item-icon.x-sitx {
    background-image:url("../../images/file_icon/icon_file/sitx.png");
    background-size:cover
}
.x-item-icon.x-sln {
    background-image:url("../../images/file_icon/icon_file/sln.png");
    background-size:cover
}
.x-item-icon.x-sql {
    background-image:url("../../images/file_icon/icon_file/sql.png");
    background-size:cover
}
.x-item-icon.x-suo {
    background-image:url("../../images/file_icon/icon_file/suo.png");
    background-size:cover
}
.x-item-icon.x-svg {
    background-image:url("../../images/file_icon/icon_file/svg.png");
    background-size:cover
}
.x-item-icon.x-swf {
    background-image:url("../../images/file_icon/icon_file/swf.png");
    background-size:cover
}
.x-item-icon.x-tar {
    background-image:url("../../images/file_icon/icon_file/tar.png");
    background-size:cover
}
.x-item-icon.x-tga {
    background-image:url("../../images/file_icon/icon_file/tga.png");
    background-size:cover
}
.x-item-icon.x-tgz {
    background-image:url("../../images/file_icon/icon_file/tgz.png");
    background-size:cover
}
.x-item-icon.x-txt {
    background-image:url("../../images/file_icon/icon_file/txt.png");
    background-size:cover
}
.x-item-icon.x-torrent {
    background-image:url("../../images/file_icon/icon_file/utorrent.png");
    background-size:cover
}
.x-item-icon.x-utorrent {
    background-image:url("../../images/file_icon/icon_file/utorrent.png");
    background-size:cover
}
.x-item-icon.x-vb {
    background-image:url("../../images/file_icon/icon_file/vb.png");
    background-size:cover
}
.x-item-icon.x-vbproj {
    background-image:url("../../images/file_icon/icon_file/vbproj.png");
    background-size:cover
}
.x-item-icon.x-vbs {
    background-image:url("../../images/file_icon/icon_file/vbs.png");
    background-size:cover
}
.x-item-icon.x-vcf {
    background-image:url("../../images/file_icon/icon_file/vcf.png");
    background-size:cover
}
.x-item-icon.x-vcproj {
    background-image:url("../../images/file_icon/icon_file/vcproj.png");
    background-size:cover
}
.x-item-icon.x-vcxproj {
    background-image:url("../../images/file_icon/icon_file/vcxproj.png");
    background-size:cover
}
.x-item-icon.x-vdw {
    background-image:url("../../images/file_icon/icon_file/vdw.png");
    background-size:cover
}
.x-item-icon.x-vdx {
    background-image:url("../../images/file_icon/icon_file/vdx.png");
    background-size:cover
}
.x-item-icon.x-vsd {
    background-image:url("../../images/file_icon/icon_file/vsd.png");
    background-size:cover
}
.x-item-icon.x-vsdx {
    background-image:url("../../images/file_icon/icon_file/vsdx.png");
    background-size:cover
}
.x-item-icon.x-vss {
    background-image:url("../../images/file_icon/icon_file/vss.png");
    background-size:cover
}
.x-item-icon.x-vst {
    background-image:url("../../images/file_icon/icon_file/vst.png");
    background-size:cover
}
.x-item-icon.x-vsx {
    background-image:url("../../images/file_icon/icon_file/vsx.png");
    background-size:cover
}
.x-item-icon.x-vtx {
    background-image:url("../../images/file_icon/icon_file/vtx.png");
    background-size:cover
}
.x-item-icon.x-wasm {
    background-image:url("../../images/file_icon/icon_file/wasm.png");
    background-size:cover
}
.x-item-icon.x-xaml {
    background-image:url("../../images/file_icon/icon_file/xaml.png");
    background-size:cover
}
.x-item-icon.x-xap {
    background-image:url("../../images/file_icon/icon_file/xap.png");
    background-size:cover
}
.x-item-icon.x-xls {
    background-image:url("../../images/file_icon/icon_file/xls.png");
    background-size:cover
}
.x-item-icon.x-xlsb {
    background-image:url("../../images/file_icon/icon_file/xlsb.png");
    background-size:cover
}
.x-item-icon.x-xlsm {
    background-image:url("../../images/file_icon/icon_file/xlsm.png");
    background-size:cover
}
.x-item-icon.x-xlsx {
    background-image:url("../../images/file_icon/icon_file/xlsx.png");
    background-size:cover
}
.x-item-icon.x-xlt {
    background-image:url("../../images/file_icon/icon_file/xlt.png");
    background-size:cover
}
.x-item-icon.x-xltx {
    background-image:url("../../images/file_icon/icon_file/xltx.png");
    background-size:cover
}
.x-item-icon.x-xml {
    background-image:url("../../images/file_icon/icon_file/xml.png");
    background-size:cover
}
.x-item-icon.x-xps {
    background-image:url("../../images/file_icon/icon_file/xps.png");
    background-size:cover
}
.x-item-icon.x-xsd {
    background-image:url("../../images/file_icon/icon_file/xsd.png");
    background-size:cover
}
.x-item-icon.x-xsl {
    background-image:url("../../images/file_icon/icon_file/xsl.png");
    background-size:cover
}
.x-item-icon.x-y {
    background-image:url("../../images/file_icon/icon_file/y.png");
    background-size:cover
}
.x-item-icon.x-zip {
    background-image:url("../../images/file_icon/icon_file/zip.png");
    background-size:cover
}
.x-item-icon.x-avi, .x-item-icon.x-rm, .x-item-icon.x-rmvb, .x-item-icon.x-mpg, .x-item-icon.x-mkv, .x-item-icon.x-wmv, .x-item-icon.x-mov, .x-item-icon.x-mp4, .x-item-icon.x-evo, .x-item-icon.x-divx, .x-item-icon.x-3gp, .x-item-icon.x-3g2, .x-item-icon.x-asf, .x-item-icon.x-ogv, .x-item-icon.x-webmv, .x-item-icon.x-cue, .x-item-icon.x-hd, .x-item-icon.x-hdmov, .x-item-icon.x-mov, .x-item-icon.x-mp4v, .x-item-icon.x-mpeg, .x-item-icon.x-ogm, .x-item-icon.x-qt, .x-item-icon.x-spx, .x-item-icon.x-vob, .x-item-icon.x-wmv, .x-item-icon.x-xvid, .x-item-icon.x-webm, .x-item-icon.x-m4v, .x-item-icon.x-mts, .x-item-icon.x-mpe, .x-item-icon.x-m2ts, .x-item-icon.x-mpv, .x-item-icon.x-cue {
    background-image:url("../../images/file_icon/icon_file/movie/movie.png");
    background-size:cover
}
.x-item-icon.x-flv, .x-item-icon.x-f4v {
    background-image:url("../../images/file_icon/icon_file/movie/flv.png");
    background-size:cover
}
.x-item-icon.x-rmvb {
    background-image:url("../../images/file_icon/icon_file/movie/rmvb.png");
    background-size:cover
}
.x-item-icon.x-mkv {
    background-image:url("../../images/file_icon/icon_file/movie/mkv.png");
    background-size:cover
}
.x-item-icon.x-mp4, .x-item-icon.x-m4v {
    background-image:url("../../images/file_icon/icon_file/movie/mp4.png");
    background-size:cover
}
.x-item-icon.x-mov {
    background-image:url("../../images/file_icon/icon_file/movie/mov.png");
    background-size:cover
}
.x-item-icon.x-avi {
    background-image:url("../../images/file_icon/icon_file/movie/avi.png");
    background-size:cover
}
.x-item-icon.x-3dm, .x-item-icon.x-3ds, .x-item-icon.x-asm, .x-item-icon.x-cam360, .x-item-icon.x-catpart, .x-item-icon.x-catproduct, .x-item-icon.x-cgr, .x-item-icon.x-collaboration, .x-item-icon.x-dae, .x-item-icon.x-dgn, .x-item-icon.x-dlv3, .x-item-icon.x-dwf, .x-item-icon.x-dwfx, .x-item-icon.x-dwg, .x-item-icon.x-dwt, .x-item-icon.x-dxf, .x-item-icon.x-exp, .x-item-icon.x-f3d, .x-item-icon.x-fbx, .x-item-icon.x-g, .x-item-icon.x-gbxml, .x-item-icon.x-iam, .x-item-icon.x-idw, .x-item-icon.x-ifc, .x-item-icon.x-ige, .x-item-icon.x-iges, .x-item-icon.x-igs, .x-item-icon.x-ipt, .x-item-icon.x-jt, .x-item-icon.x-model, .x-item-icon.x-neu, .x-item-icon.x-nwc, .x-item-icon.x-nwd, .x-item-icon.x-obj, .x-item-icon.x-prt, .x-item-icon.x-rvt, .x-item-icon.x-sab, .x-item-icon.x-sat, .x-item-icon.x-session, .x-item-icon.x-skp, .x-item-icon.x-sldasm, .x-item-icon.x-sldprt, .x-item-icon.x-smb, .x-item-icon.x-smt, .x-item-icon.x-ste, .x-item-icon.x-step, .x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb, .x-item-icon.x-stp, .x-item-icon.x-wire, .x-item-icon.x-x_b, .x-item-icon.x-x_t, .x-item-icon.x-xas, .x-item-icon.x-xpr {
    background-image:url("../../images/file_icon/icon_file/autodesk/autodesk.png");
    background-size:cover
}
.x-item-icon.x-3ds {
    background-image:url("../../images/file_icon/icon_file/autodesk/3ds.png");
    background-size:cover
}
.x-item-icon.x-3dm {
    background-image:url("../../images/file_icon/icon_file/autodesk/3dm.png");
    background-size:cover
}
.x-item-icon.x-dae {
    background-image:url("../../images/file_icon/icon_file/autodesk/dae.png");
    background-size:cover
}
.x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb {
    background-image:url("../../images/file_icon/icon_file/autodesk/stl.png");
    background-size:cover
}
.x-item-icon.x-dwg {
    background-image:url("../../images/file_icon/icon_file/autodesk/dwg.png");
    background-size:cover
}
.x-item-icon.x-dwf {
    background-image:url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size:cover
}
.x-item-icon.x-dwfx {
    background-image:url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size:cover
}
.x-item-icon.x-dxf {
    background-image:url("../../images/file_icon/icon_file/autodesk/dxf.png");
    background-size:cover
}
.x-item-icon.x-ifc {
    background-image:url("../../images/file_icon/icon_file/autodesk/ifc.png");
    background-size:cover
}
.x-item-icon.x-iam {
    background-image:url("../../images/file_icon/icon_file/autodesk/iam.png");
    background-size:cover
}
.x-item-icon.x-fbx {
    background-image:url("../../images/file_icon/icon_file/autodesk/fbx.png");
    background-size:cover
}
.x-item-icon.x-rvt {
    background-image:url("../../images/file_icon/icon_file/autodesk/rvt.png");
    background-size:cover
}
.x-item-icon.x-skp {
    background-image:url("../../images/file_icon/icon_file/autodesk/skp.png");
    background-size:cover
}
.x-item-icon.x-vnd, .x-item-icon.x-dgn {
    background-image:url("../../images/file_icon/icon_file/autodesk/vnd-dgn.png");
    background-size:cover
}
.file-select {
    background:#cce8ff;
    border-color:#99d1ff
}
.file-select:focus, .file-select.file-focus {
    border-color:#a8d8ff
}
.file-hover {
    background:#e5f3ff;
    border-color:transparent
}
.bodymain .file-continer .file.file-focus.file-icon-edit, .bodymain .file-continer .file.file-focus.context-menu-active, .bodymain:focus .file-continer .file.file-focus, .bodymain .file-continer-main:focus .file-continer .file.file-focus {
    border-color:#99d1ff
}
.bodymain .file-continer .file.file-focus.file-icon-edit.select, .bodymain .file-continer .file.file-focus.context-menu-active.select, .bodymain:focus .file-continer .file.file-focus.select, .bodymain .file-continer-main:focus .file-continer .file.file-focus.select {
    border-color:#4daeff
}
.bodymain .file-continer .file.file-icon-edit {
    z-index:70
}
.select-container {
    position:absolute;
    z-index:1000;
    cursor:default;
    width:0px;
    height:0px;
    left:-10px;
    top:0;
    border:1px solid #005ec9;
    background-color:#63acff;
    opacity:.5;
    filter:alpha(opacity=50)
}
.select-container:hover, .select-container:active, .select-container:focus {
    cursor:default
}
.file-continer {
    position:absolute;
    overflow:auto;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.file-continer .file {
    position:absolute
}
.file-continer .file .title-type-name .title.db-click-rename {
    cursor:text
}
.file-continer .file .item-menu {
    display:none;
    position:absolute;
    right:4px;
    top:4px;
    width:16px;
    height:16px;
    text-align:center;
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
    z-index:50;
    border-radius:2px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.file-continer .file .item-menu .cert {
    margin-top:6px;
    margin-left:4px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid silver
}
.file-continer .file .item-menu:hover, .file-continer .file .item-menu:active, .file-continer .file.context-menu-active .item-menu {
    border-color:#3399ff;
    background:#dff1ff;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1)
}
.file-continer .file .item-menu:hover .cert, .file-continer .file .item-menu:active .cert, .file-continer .file.context-menu-active .item-menu .cert {
    border-top-color:#3399ff
}
.file-continer .file.file-focus {
    border-color:#eee
}
.file-continer .file.is-drag-from {
    opacity:.6
}
.file-continer .file.is-drag-from>* {
    opacity:0
}
.file-continer .file.is-draging {
    transition:none !important
}
.file-continer .file .item-select {
    display:none;
    position:absolute;
    right:4px;
    top:4px;
    width:16px;
    height:16px;
    text-align:center;
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
    z-index:50;
    border-radius:2px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    padding:2px;
    top:2px;
    left:5px;
    background:transparent;
    width:20px;
    height:20px;
    border:none;
    color:#fff
}
.file-continer .file .item-select .cert {
    margin-top:6px;
    margin-left:4px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid silver
}
.file-continer .file .item-select .item-check {
    display:block;
    text-align:center;
    border-radius:50%;
    background:rgba(0, 0, 0, 0.05);
    width:18px;
    height:18px;
    line-height:18px;
    border:1px solid transparent;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.file-continer .file .item-select .item-check:before {
    position:relative;
    left:0px;
    top:0px
}
.file-continer .file .item-select:hover .item-check, .file-continer .file .item-select:focus .item-check, .file-continer .file .item-select:active .item-check {
    color:#fff;
    background:rgba(0, 0, 0, 0.2);
    box-shadow:none
}
.file-continer .file.hover .item-menu, .file-continer .file.select .item-menu, .file-continer .file.file-select-drag-temp .item-menu {
    display:block
}
.file-continer .file.hover .item-select, .file-continer .file.select .item-select, .file-continer .file.file-select-drag-temp .item-select {
    display:block
}
.file-continer .file.select .item-select .item-check {
    color:#fff;
    background:#3b8cff;
    border:1px solid #fff
}
.file-continer .file.file-not-exists {
    opacity:.8
}
.file-continer .file.file-not-exists .title {
    opacity:.5;
    color:#f5222d
}
.file-continer .file.file-not-exists .path-self-share {
    display:none
}
.file-list-icon .file .download {
    position:absolute;
    bottom:4px;
    margin-left:45px;
    opacity:.5;
    filter:alpha(opacity=50)
}
.file-list-icon .file .download .btn {
    font-size:1.25em;
    padding:0;
    display:block;
    border-radius:18px;
    height:30px;
    line-height:30px;
    width:30px;
    color:#aaa
}
.file-list-list {
    padding-top:1px
}
.file-list-list .file .download {
    position:absolute;
    bottom:-2px;
    margin-left:45px;
    left:180px;
    z-index:99;
    opacity:.5;
    filter:alpha(opacity=50)
}
.file-list-list .file .download .btn {
    font-size:1.25em;
    padding:0;
    display:block;
    border-radius:18px;
    height:28px;
    line-height:28px;
    width:28px;
    color:#aaa
}
.file-continer .file .path-ico {
    text-align:center
}
.file-continer .file .path-ico img, .file-continer .file .path-ico svg {
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none;
    pointer-events:none
}
.file-continer .file .path-ico .x-item-icon {
    margin-top:5px
}
.file-continer .file .path-ico .x-item-icon.label {
    border-radius:50%
}
.file-continer .file .path-ico .picture {
    margin-top:2px;
    position:relative
}
.file-continer .file .path-ico .picture[filetype="svg"] img, .file-continer .file .path-ico .picture[filetype="gif"] img, .file-continer .file .path-ico .picture[filetype="png"] img {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center
}
.file-continer .file .path-ico .picture:after {
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background:transparent;
    content:""
}
.file-continer .file .path-ico .picture img {
    max-height:98%;
    max-width:100%;
    border-radius:2px;
    transition:all .2s ease;
    background:#fff;
    object-fit:cover;
    position:absolute;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none;
    pointer-events:none
}
.file-continer .file .path-ico .picture img.lazyload-ready {
    box-shadow:none
}
.file-continer .file .path-ico .picture img.image-cover {
    max-height:90%;
    box-shadow:3px 4px 12px 0 rgba(0, 0, 0, 0.2)
}
.file-continer .file .path-ico .picture.loading:after {
    background:#eee;
    border-radius:4px
}
.file-continer .file .path-ico.path-ico-oexe .ico {
    margin-top:5px;
    position:relative;
    display:block
}
.file-continer .file .path-ico.path-ico-oexe .x-item-icon {
    margin-top:0px
}
.file-continer .file .path-ico.path-ico-oexe img {
    max-height:85%;
    max-width:100%;
    border-radius:6px;
    position:absolute;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.file-continer .file .title .title-parent {
    opacity:.5;
    padding-left:5px;
    font-size:.8em;
    font-style:normal
}
.file-continer .file .title .title-parent:before {
    content:" - "
}
.file-continer .file.set-icon .path-ico .picture img {
    max-height:80%;
    max-width:100%;
    border-radius:2px;
    box-shadow:none;
    background:none
}
.file-list-split .file .path-ico, .file-list-list .file .path-ico {
    font-size:16px
}
.file-list-split .file .path-ico .picture, .file-list-list .file .path-ico .picture {
    margin-top:-1px;
    height:100%;
    width:100%
}
.file-list-split .file .path-ico .x-item-icon, .file-list-list .file .path-ico .x-item-icon {
    margin-top:0;
    margin-left:2px
}
.file-list-split .file .path-ico .x-item-icon.x-tag-label, .file-list-list .file .path-ico .x-item-icon.x-tag-label {
    margin-top:2px
}
.file-list-split .file .path-ico .svg-icon, .file-list-list .file .path-ico .svg-icon {
    margin-top:-1px
}
.file-list-split .file .path-ico.path-ico-oexe .ico, .file-list-list .file .path-ico.path-ico-oexe .ico {
    margin-top:0
}
.file-list-split .file .path-ico.path-ico-oexe img, .file-list-list .file .path-ico.path-ico-oexe img {
    position:relative;
    border-radius:2px
}
.file-list-icon {
    padding:0;
    overflow-x:hidden
}
.file-list-icon:after {
    width:82px;
    content:"";
    display:block
}
.file-list-icon .file {
    border:1px solid transparent;
    padding:0px;
    box-shadow:0 0 2px rgba(255, 255, 255, 0);
    border-radius:0;
    -ms-transition:background .2s, border .2s, color .2s;
    -webkit-transition:background .2s, border .2s, color .2s;
    -moz-transition:background .2s, border .2s, color .2s;
    -o-transition:background .2s, border .2s, color .2s;
    transition:background .2s, border .2s, color .2s;
    width:60px;
    height:75px;
    text-decoration:none;
    overflow:hidden;
    text-align:center;
    box-sizing:border-box;
    display:inline-block;
    margin:0;
    max-height:200px;
    height:auto;
    vertical-align:top
}
.file-list-icon .file .ico {
    -ms-transition:all .168s;
    -webkit-transition:all .168s;
    -moz-transition:all .168s;
    -o-transition:all .168s;
    transition:all .168s
}
.file-list-icon .file.hover {
    background:#e5f3ff;
    border-color:transparent
}
.file-list-icon .file:focus {
    outline:none;
    border-color:#d9d9d9
}
.file-list-icon .file .title-type-name {
    width:100%;
    box-sizing:border-box;
    cursor:default;
    text-align:center;
    word-break:break-word;
    font-size:1em;
    margin:0 auto;
    line-height:20px;
    padding:6px 2px 6px 2px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    position:relative
}
.file-list-icon .file .title-type-name .title {
    display:inline-block
}
.file-list-icon .file .title-type-name .title-count {
    font-size:12px;
    display:none;
    color:rgba(150, 150, 150, 0.6);
    line-height:1em;
    transform:scale(.95)
}
.file-list-icon .file .title-type-name .title-count .size {
    display:inline-block;
    margin-left:5px
}
.file-list-icon .file[data-type="folder"] .title-type-name .title-count .size:before {
    content:"("
}
.file-list-icon .file[data-type="folder"] .title-type-name .title-count .size:after {
    content:")"
}
.file-list-icon .file.select, .file-list-icon .file.file-select-drag-temp {
    background:#cce8ff;
    border-color:#99d1ff
}
.file-list-icon .file.select:focus, .file-list-icon .file.file-select-drag-temp:focus, .file-list-icon .file.select.file-focus, .file-list-icon .file.file-select-drag-temp.file-focus {
    border-color:#a8d8ff
}
.file-list-icon .file.file-icon-edit {
    overflow:visible
}
.file-list-icon .file.file-icon-edit .title-type-name .textarea {
    width:100%
}
.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    resize:none;
    padding:3px 3px 8px 3px;
    margin:-4px 0 0 -4px;
    overflow-y:hidden;
    border:1px solid #4daeff;
    font-size:1em;
    text-align:center;
    z-index:10;
    position:relative
}
.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile:focus {
    outline:none
}
.file-list-icon .file.file-icon-edit .title-count {
    display:none !important
}
.file-list-icon .file .path-ico {
    height:60px;
    width:60px
}
.file-list-icon .file .path-ico .svg-icon {
    margin-top:2px
}
.file-list-icon .file .title .title-parent {
    display:block
}
.file-list-icon .file .title .title-parent:before {
    content:"("
}
.file-list-icon .file .title .title-parent:after {
    content:")"
}
.bodymain.menu-system-recycle-body .file-list-icon .file .title-type-name .title-count, .bodymain.menu-recycle-body .file-list-icon .file .title-type-name .title-count, .bodymain.path-type-userShare .file-list-icon .file .title-type-name .title-count, .bodymain.path-type-shareToMe .file-list-icon .file .title-type-name .title-count, .bodymain.path-type-userShareLink .file-list-icon .file .title-type-name .title-count, .bodymain.menu-system-recycle-user-body .file-list-icon .file .title-type-name .title-count {
    display:block
}
.context-menu-item.set-icon-size .icon-size-smallx {
    font-size:.9em
}
.context-menu-item.set-icon-size .icon-size-small {
    font-size:1em
}
.context-menu-item.set-icon-size .icon-size-default {
    font-size:1.15em
}
.context-menu-item.set-icon-size .icon-size-big {
    font-size:1.25em
}
.context-menu-item.set-icon-size .icon-size-bigx {
    font-size:1.35em
}
.context-menu-item.open-with-first+.context-menu-item.step-line {
    display:none
}
.list-type-header {
    z-index:20;
    left:0px;
    right:0px;
    position:absolute;
    background:#fff;
    height:25px;
    border-bottom:1px solid #e3e3e3;
    -webkit-box-shadow:0 6px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:0 6px 10px rgba(0, 0, 0, 0.05);
    box-shadow:0 6px 10px rgba(0, 0, 0, 0.05)
}
.list-type-header .main-title .resize:before {
    content:"";
    position:absolute;
    width:1px;
    background:#68b7ff;
    height:2000px;
    z-index:10;
    margin-left:10px;
    visibility:hidden;
    opacity:0;
    transition:all .2s
}
.list-type-header .main-title .resize.resize-focus:before {
    visibility:visible;
    opacity:1
}
.list-type-header .main-title .resize.resize-focus i {
    position:absolute;
    z-index:10;
    width:20px;
    height:2000px;
    margin-left:0
}
.list-type-header .main-title {
    position:absolute;
    left:0;
    white-space:nowrap;
    display:flex
}
.list-type-header .main-title .title-item {
    display:inline-block;
    cursor:pointer;
    overflow:hidden;
    line-height:25px;
    height:25px;
    border-right:1px solid #eee;
    padding:0 10px;
    margin-left:-10px;
    font-size:1em;
    color:#448;
    white-space:nowrap;
    text-overflow:ellipsis
}
.list-type-header .main-title .title-item .title-item-cert {
    float:right;
    line-height:22px
}
.list-type-header .main-title .title-item:hover, .list-type-header .main-title .title-item:active, .list-type-header .main-title .title-item:focus, .list-type-header .main-title .title-item.this {
    background:#e5f3ff
}
.list-type-header .main-title .resize {
    display:inline-block;
    width:20px;
    height:25px;
    cursor:col-resize;
    margin-left:-10px;
    z-index:9999;
    position:relative
}
.list-type-header .main-title .resize.resize-focus, .list-type-header .main-title .resize:hover, .list-type-header .main-title .resize:active, .list-type-header .main-title .resize:focus {
    background:rgba(24, 144, 255, 0.1)
}
.list-type-header .main-title .current {
    background:rgba(0, 0, 0, 0.8)
}
.list-type-header .main-title .title-type-name {
    width:250px;
    padding-left:20px;
    margin-left:0px;
    padding-right:0
}
.list-type-header .main-title .title-type-name .title-item-cert {
    margin-right:10px
}
.list-type-header .main-title .title-type-name .title-item-name {
    padding-left:0;
    margin-left:-10px
}
.list-type-header .main-title .title-type-ext {
    width:80px
}
.list-type-header .main-title .title-type-size {
    width:80px;
    text-align:right
}
.list-type-header .main-title .title-type-modifyTime {
    width:150px;
    padding-right:12px
}
.list-type-header .main-title .this {
    font-weight:800
}
.frame-main-explorer.can-not-sort .context-menu-item.set-sort-by {
    display:none !important
}
.frame-main-explorer.can-not-sort .menu-file-sort-by {
    display:none !important
}
.frame-main-explorer.can-not-sort .list-type-header .main-title .title-item:hover, .frame-main-explorer.can-not-sort .list-type-header .main-title .title-item:active, .frame-main-explorer.can-not-sort .list-type-header .main-title .title-item:focus, .frame-main-explorer.can-not-sort .list-type-header .main-title .title-item.this {
    background:transparent
}
.frame-main-explorer.can-not-sort .list-type-header .main-title .title-item .title-item-cert {
    display:none
}
.file-list-split {
    padding-top:10px
}
.file-list-list, .file-list-split {
    z-index:0
}
.file-list-list .file, .file-list-split .file {
    border:1px solid transparent;
    padding:0px;
    box-shadow:0 0 2px rgba(255, 255, 255, 0);
    border-radius:0;
    margin-left:10px;
    -ms-transition:background .2s, border .2s, color .2s;
    -webkit-transition:background .2s, border .2s, color .2s;
    -moz-transition:background .2s, border .2s, color .2s;
    -o-transition:background .2s, border .2s, color .2s;
    transition:background .2s, border .2s, color .2s
}
.file-list-list .file .ico, .file-list-split .file .ico {
    -ms-transition:all .168s;
    -webkit-transition:all .168s;
    -moz-transition:all .168s;
    -o-transition:all .168s;
    transition:all .168s
}
.file-list-list .file2, .file-list-split .file2 {
    background:rgba(70, 100, 120, 0.05)
}
.file-list-list .hover, .file-list-split .hover {
    background:#e5f3ff;
    border-color:transparent
}
.file-list-list .select, .file-list-split .select, .file-list-list .file-select-drag-temp, .file-list-split .file-select-drag-temp {
    background:#cce8ff;
    border-color:#99d1ff
}
.file-list-list .select:focus, .file-list-split .select:focus, .file-list-list .file-select-drag-temp:focus, .file-list-split .file-select-drag-temp:focus, .file-list-list .select.file-focus, .file-list-split .select.file-focus, .file-list-list .file-select-drag-temp.file-focus, .file-list-split .file-select-drag-temp.file-focus {
    border-color:#a8d8ff
}
.file-list-list .select .children-more i.font-icon, .file-list-split .select .children-more i.font-icon, .file-list-list .file-select-drag-temp .children-more i.font-icon, .file-list-split .file-select-drag-temp .children-more i.font-icon {
    color:#63acff !important
}
.file-list-list .file, .file-list-split .file {
    width:80%;
    overflow:hidden;
    height:33px;
    line-height:31px;
    margin-bottom:1px
}
.file-list-list .file .path-ico, .file-list-split .file .path-ico, .file-list-list .file .title-item, .file-list-split .file .title-item, .file-list-list .file .children-more, .file-list-split .file .children-more {
    float:left;
    font-size:1em;
    cursor:default;
    padding:0 10px
}
.file-list-list .file .title-item, .file-list-split .file .title-item {
    height:31px;
    line-height:31px;
    color:#666;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.file-list-list .file .title-item.title-type-name, .file-list-split .file .title-item.title-type-name {
    color:#333
}
.file-list-list .file .children-more, .file-list-split .file .children-more {
    width:24px;
    height:31px;
    text-align:center;
    padding:0px;
    position:relative;
    z-index:10
}
.file-list-list .file .children-more i.font-icon, .file-list-split .file .children-more i.font-icon {
    font-size:14px;
    color:#aaa;
    cursor:pointer;
    display:inline-block;
    width:24px;
    height:31px;
    line-height:28px;
    vertical-align:top;
    font-weight:normal;
    font-style:normal;
    text-decoration:inherit;
    position:relative
}
.file-list-list .file .children-more i.font-icon::after, .file-list-split .file .children-more i.font-icon::after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6d"
}
.file-list-list .file .children-more i.font-icon:hover, .file-list-split .file .children-more i.font-icon:hover, .file-list-list .file .children-more i.font-icon:active, .file-list-split .file .children-more i.font-icon:active, .file-list-list .file .children-more i.font-icon:focus, .file-list-split .file .children-more i.font-icon:focus {
    background:rgba(0, 0, 0, 0.05);
    color:#63acff
}
.file-list-list .file.open .children-more i.font-icon::after, .file-list-split .file.open .children-more i.font-icon::after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4d"
}
.file-list-list .file.loading-children .children-more i.font-icon, .file-list-split .file.loading-children .children-more i.font-icon {
    background:url("../../images/common/loading_tree.gif") no-repeat 4px 8px transparent !important
}
.file-list-list .file.loading-children .children-more i.font-icon:after, .file-list-split .file.loading-children .children-more i.font-icon:after {
    opacity:.01
}
.file-list-list .file .title-type-ext, .file-list-split .file .title-type-ext {
    width:90px;
    overflow:hidden
}
.file-list-list .file .title-type-size, .file-list-split .file .title-type-size {
    width:90px;
    font-size:.9em;
    position:relative;
    text-align:right
}
.file-list-list .file .title-type-size .title-count, .file-list-split .file .title-type-size .title-count {
    opacity:.6;
    text-align:left;
    float:left;
    padding-right:5px;
    margin-left:-5px
}
.file-list-list .file .title-type-size .title-count i, .file-list-split .file .title-type-size .title-count i {
    display:inline-block;
    width:4px
}
.file-list-list .file .title-type-size .size-content, .file-list-split .file .title-type-size .size-content {
    float:right
}
.file-list-list .file .title-type-size:after, .file-list-split .file .title-type-size:after {
    clear:both;
    float:none;
    content:''
}
.file-list-list .file .title-type-size .title-count, .file-list-split .file .title-type-size .title-count {
    float:none;
    margin:0;
    padding:0
}
.file-list-list .file .title-type-size .size-content, .file-list-split .file .title-type-size .size-content {
    float:none;
    min-width:40px;
    display:inline-block
}
.file-list-list .file .title-type-modifyTime, .file-list-split .file .title-type-modifyTime {
    width:200px
}
.file-list-list .file .title-type-name, .file-list-split .file .title-type-name {
    width:240px;
    padding-left:0px;
    position:relative
}
.file-list-list .file .title-type-name .title, .file-list-split .file .title-type-name .title {
    word-break:break-word
}
.file-list-list .file .title-type-path span, .file-list-split .file .title-type-path span {
    color:#40a9ff;
    cursor:pointer;
    padding:4px 5px 3px 5px;
    border-radius:2px;
    margin-left:-8px;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.file-list-list .file .title-type-path span:hover, .file-list-split .file .title-type-path span:hover, .file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:active, .file-list-list .file .title-type-path span:focus, .file-list-split .file .title-type-path span:focus {
    background:#1890ffc4;
    color:#e6f7ff
}
.file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:active, .file-list-list .file .title-type-path span:focus, .file-list-split .file .title-type-path span:focus {
    background:#0076e4
}
.file-list-list .file .title-item .user-info, .file-list-split .file .title-item .user-info {
    color:#888;
    cursor:default
}
.file-list-list .file .title-item .user-info .path-ico, .file-list-split .file .title-item .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.file-list-list .file .title-item .user-info img, .file-list-split .file .title-item .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.file-list-list .file .title-item .user-info .name-char, .file-list-split .file .title-item .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.file-list-list .file .title-item .user-info .path-ico, .file-list-split .file .title-item .user-info .path-ico {
    margin:4px 5px 0 0;
    width:18px;
    height:18px
}
.file-list-list .file .title-type-name .textarea, .file-list-split .file .title-type-name .textarea {
    position:relative;
    left:-4px;
    overflow:hidden
}
.file-list-list .file .title-type-name .textarea .newfile, .file-list-split .file .title-type-name .textarea .newfile {
    border:none;
    z-index:999;
    width:100% !important;
    padding:0px 4px 0px 4px;
    padding:3px 4px 3px 4px;
    line-height:25px
}
.file-list-list .file .title-type-name .textarea .newfile:focus, .file-list-split .file .title-type-name .textarea .newfile:focus {
    outline:none
}
.file-list-list .file .title-type-name, .file-list-split .file .title-type-name {
    position:relative;
    z-index:10
}
.file-list-list .file .path-ico, .file-list-split .file .path-ico {
    height:20px;
    width:20px;
    padding:0px;
    line-height:20px;
    margin-right:6px;
    margin-top:6px
}
.file-list-list .file .path-ico img, .file-list-split .file .path-ico img {
    height:18px
}
.file-list-list .file .path-ico .svg-icon, .file-list-split .file .path-ico .svg-icon {
    width:20px;
    height:20px
}
.file-list-list .file.file-icon-edit .item-select, .file-list-split .file.file-icon-edit .item-select, .file-list-list .file.file-icon-edit .item-menu, .file-list-split .file.file-icon-edit .item-menu, .file-list-list .file.file-icon-edit .meta-info, .file-list-split .file.file-icon-edit .meta-info, .file-list-list .file.file-icon-edit .file-desc, .file-list-split .file.file-icon-edit .file-desc {
    display:none
}
.file-list-list .file.file-icon-edit .meta-info.app-link, .file-list-split .file.file-icon-edit .meta-info.app-link {
    display:block
}
.file-list-list .file .meta-info .meta-icon .path-ico, .file-list-split .file .meta-info .meta-icon .path-ico {
    margin-top:6px;
    width:16px;
    line-height:16px
}
.file-list-list .file .meta-info .meta-icon .path-ico .x-item-icon, .file-list-split .file .meta-info .meta-icon .path-ico .x-item-icon {
    margin-left:0;
    margin-top:1px
}
.file-list-list .file .meta-info .meta-icon .path-ico .svg-icon, .file-list-split .file .meta-info .meta-icon .path-ico .svg-icon {
    margin-top:0px
}
.file-list-list .file .meta-info .meta-add i.font-icon, .file-list-split .file .meta-info .meta-add i.font-icon {
    margin-top:5px
}
.file-list-list .file .meta-info .file-meta-fileEncodeType, .file-list-split .file .meta-info .file-meta-fileEncodeType {
    margin-top:4px
}
.file-continer.file-list-split .file .item-menu {
    top:6px;
    right:8px
}
.file-continer.file-list-split .file .item-select {
    top:3px;
    right:28px;
    left:auto
}
.file-continer.file-list-split .file.file-icon-edit .title-type-name .title-continer {
    width:100%
}
.file-continer.file-list-list .file {
    height:auto
}
.file-continer.file-list-list .file .item-menu {
    top:6px;
    right:0px
}
.file-continer.file-list-list .file .item-select {
    top:3px;
    right:20px;
    left:auto
}
.file-list-list .file.file-icon-edit .title-item {
    display:none
}
.file-list-list .file.file-icon-edit .title-item.title-type-name {
    display:block;
    width:100%
}
.file-list-list .file.file-icon-edit .title-item.title-type-name .title-continer {
    width:100%
}
.file-list-list .file.file-icon-edit .title-type-name .title {
    height:31px !important;
    border-radius:0px;
    display:flex;
    flex-flow:column
}
[kod-lang="zh-CN"] .file-list-list .file .title-type-size .title-count i, [kod-lang="zh-TW"] .file-list-list .file .title-type-size .title-count i, [kod-lang="zh-CN"] .file-list-icon .file .title-type-size .title-count i, [kod-lang="zh-TW"] .file-list-icon .file .title-type-size .title-count i {
    width:0
}
.file-list-list .file .title-type-name .title-continer {
    width:100%
}
.file-list-list .file .title-type-name .textarea {
    left:0;
    margin-left:-4px
}
.file-list-list .file .title-type-name .title-continer, .file-list-split .file .title-type-name .title-continer {
    position:relative;
    z-index:2;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:0
}
.line-split-box {
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    top:0px;
    margin-top:0;
    overflow:hidden
}
.line-split-box .split-line {
    border-right:1px solid rgba(150, 150, 150, 0.15);
    margin-left:-1px;
    width:250px;
    float:left;
    height:100%
}
.file-continer .user-space-info {
    color:#888;
    background:#fff;
    border-top:1px dotted #f6f6f6;
    position:absolute;
    z-index:10;
    bottom:0px;
    width:80%;
    padding:10px 10% 10px 10%;
    margin-left:-1px;
    border:none;
    background:none;
    margin:0;
    padding:0px 30% 0px 30%;
    box-sizing:border-box;
    right:-6.75px;
    width:500%;
    top:110%;
    bottom:inherit
}
.file-continer .user-space-info .space-process {
    height:6px;
    margin:0px;
    margin-bottom:5px;
    overflow:hidden;
    border-radius:5px
}
.file-continer .user-space-info .space-process .space-process-use {
    height:100%;
    width:0%;
    transition:all 1s;
    border-radius:5px
}
.file-continer .user-space-info .space-process {
    margin:0;
    background:rgba(180, 180, 180, 0.2);
    height:4px
}
.file-continer .user-space-info .space-info {
    display:none
}
.file-list-split {
    overflow:hidden
}
.file-list-split .file {
    box-sizing:border-box;
    position:absolute;
    margin:0;
    left:2px;
    right:2px;
    width:auto
}
.file-list-split .file.file2 {
    background:none
}
.file-list-split .file .path-ico {
    margin-left:4px;
    height:22px;
    width:22px;
    line-height:16px
}
.file-list-split .file .title-type-name {
    width:100%
}
.file-list-split .file.file-icon-edit .title-type-name .title-continer {
    height:33px
}
.file-list-split .file.file-icon-edit .title-type-name .textarea {
    position:absolute;
    left:28px;
    right:0px;
    top:0;
    overflow:hidden
}
.file-list-split .file.file-icon-edit .title-type-name .textarea .newfile {
    width:100%;
    margin:0;
    margin-top:-4px
}
.file-list-split .file.file-icon-edit .children-open {
    display:none
}
.file-list-split .file .children-open {
    width:24px;
    text-align:center;
    padding-left:0px;
    background:rgba(255, 255, 255, 0.4);
    position:absolute;
    right:0
}
.file-list-split .file .children-open i.font-icon {
    font-size:1.1em;
    color:#aaa;
    margin-top:-4px;
    display:inline-block;
    width:20px;
    font-weight:normal;
    font-style:normal;
    text-decoration:inherit;
    -webkit-font-smoothing:antialiased
}
.file-list-split .file .children-open i.font-icon::before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6d";
    line-height:24px
}
.file-list-split .file.select-split-parent, .file-list-split .file.select-split-parent.hover {
    background:#e3f0ff;
    border:1px solid #c9e2ff
}
.file-list-split .file.select-split-parent .children-open i.font-icon::before, .file-list-split .file.select-split-parent.hover .children-open i.font-icon::before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6c";
    font-size:18px
}
.file-list-split .split-box {
    width:250px;
    overflow:hidden;
    position:absolute;
    bottom:0px;
    left:0px;
    top:0px
}
.file-list-split .split-box .content {
    overflow:auto;
    overflow-x:hidden !important;
    height:100%;
    padding:0;
    position:absolute;
    left:0;
    right:0px;
    border-right:1px solid #eee
}
.file-list-split .split-box:after {
    position:absolute;
    bottom:0px;
    z-index:10;
    content:" ";
    width:100%;
    height:4px
}
.file-list-split .split-box:hover, .file-list-split .split-box:active, .file-list-split .split-box:focus {
    box-shadow:0 -4px 0 0 #b6deff inset
}
.file-list-split .split-box:hover:after, .file-list-split .split-box:active:after, .file-list-split .split-box:focus:after {
    background:rgba(182, 222, 255, 0.5)
}
.file-list-split .split-box.split-select {
    box-shadow:0 0 20px #E9F5FF inset
}
.file-list-split .split-box.split-select:after {
    background:#50afff
}
.file-list-split .split-drag {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:9px;
    cursor:col-resize;
    z-index:100
}
.file-list-split .split-drag:after {
    content:' ';
    position:absolute;
    z-index:2;
    top:50%;
    border:1px solid #ddd;
    background:transparent;
    width:1px;
    height:18px;
    margin-top:-18px;
    border-top:none;
    border-bottom:none;
    margin-left:2px
}
.file-list-split .is-drag-split .split-drag {
    background-color:rgba(64, 169, 255, 0.3)
}
.file-list-split .content-more {
    height:100px;
    position:relative
}
.file-list-split .split-box .perfectScroll .ps__rail-y {
    margin-right:1px
}
.file .meta-info .share-timeout, .panel-info .share-timeout {
    position:relative
}
.file .meta-info .share-timeout i, .panel-info .share-timeout i, .file .meta-info .share-timeout svg, .panel-info .share-timeout svg, .file .meta-info .share-timeout span, .panel-info .share-timeout span {
    opacity:.8
}
.file .meta-info .share-timeout:before, .panel-info .share-timeout:before {
    content:"\eca0";
    font-family:'remixicon' !important;
    color:#f30;
    font-size:12px;
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    margin:-4px -5px 0 0;
    opacity:.8;
    font-style:normal
}
.kui-notify .path-item {
    cursor:pointer;
    padding:3px 5px 3px 2px;
    background:#f6f6f6;
    border-radius:3px;
    margin:3px 0 0 0px
}
.kui-notify .path-item:hover {
    background:#e6f7ff;
    color:#1890ff
}
.kui-notify .path-item .item-name {
    position:relative;
    top:-1px;
    margin-left:5px
}
.bodymain[menu-body="menu-recycle-body"] .file-continer {
    background:repeating-linear-gradient(-45deg, rgba(180, 180, 180, 0.1), transparent 5px)
}
.css-support-sticky .file-continer .ps__rail-y--- {
    position:sticky;
    position:-webkit-sticky;
    top:0 !important;
    height:100% !important;
    left:100% !important
}
.frame-main-explorer .frame-left .ztree .title-notify-tips {
    width:12px;
    height:12px;
    font-size:12px;
    background:#ff5722;
    color:#fff;
    color:transparent;
    display:inline-block;
    text-align:center;
    line-height:10px;
    border-radius:10px;
    opacity:.9;
    position:relative;
    top:-8px;
    left:-2px
}
.frame-main-explorer .file-list-icon .file .title-notify-tips {
    width:12px;
    height:12px;
    font-size:12px;
    background:#ff5722;
    color:#fff;
    color:transparent;
    display:inline-block;
    text-align:center;
    line-height:10px;
    border-radius:10px;
    opacity:.9;
    position:relative;
    left:-2px;
    top:-8px;
    right:3px
}
.frame-main-explorer .file-list-split .file .title-notify-tips, .frame-main-explorer .file-list-list .file .title-notify-tips {
    width:12px;
    height:12px;
    font-size:12px;
    background:#ff5722;
    color:#fff;
    color:transparent;
    display:inline-block;
    text-align:center;
    line-height:10px;
    border-radius:10px;
    opacity:.9;
    position:relative;
    left:-2px;
    top:-8px;
    right:7px
}
.frame-main-explorer .file-list-split .file .title-notify-tips {
    right:4px
}
.file-draging-box {
    position:fixed;
    left:0;
    top:0;
    z-index:999998;
    pointer-events:none;
    opacity:.9;
    height:1px;
    padding:0;
    margin:0;
    overflow:visible !important
}
.file-draging-box .file-draging.file-list-icon, .file-draging-box .file-draging.file-list-list, .file-draging-box .file-draging.file-list-split {
    z-index:1000;
    overflow:visible !important
}
.file-draging-box .file-draging.file-list-icon .file, .file-draging-box .file-draging.file-list-list .file, .file-draging-box .file-draging.file-list-split .file {
    position:fixed;
    pointer-events:none;
    transition:none !important;
    transition:transform .2s !important
}
.file-draging-box .file-draging.file-list-icon .file .title, .file-draging-box .file-draging.file-list-list .file .title, .file-draging-box .file-draging.file-list-split .file .title {
    transition:opacity .2s
}
.file-draging-box .file-draging.file-list-icon .file[index] .title, .file-draging-box .file-draging.file-list-list .file[index] .title, .file-draging-box .file-draging.file-list-split .file[index] .title {
    opacity:0
}
.file-draging-box .file-draging.file-list-icon .file[index="0"] .title, .file-draging-box .file-draging.file-list-list .file[index="0"] .title, .file-draging-box .file-draging.file-list-split .file[index="0"] .title {
    opacity:1
}
.file-draging-box .file-draging.file-list-list .file, .file-draging-box .file-draging.file-list-split .file {
    margin-left:0 !important
}
.file-draging-box .file-draging.file-list-list .file[index-odd="1"], .file-draging-box .file-draging.file-list-split .file[index-odd="1"] {
    transform:translateX(2px) translateY(2px)
}
.file-draging-box .file-draging.file-list-list .file[index-odd="2"], .file-draging-box .file-draging.file-list-split .file[index-odd="2"] {
    transform:translateX(4px) translateY(4px)
}
.file-draging-box .file-draging.file-list-list .file[index-odd="3"], .file-draging-box .file-draging.file-list-split .file[index-odd="3"] {
    transform:translateX(6px) translateY(6px)
}
.file-draging-box .file-draging.file-list-list .file[index-odd="4"], .file-draging-box .file-draging.file-list-split .file[index-odd="4"] {
    transform:translateX(8px) translateY(8px)
}
.file-draging-box .file-draging.file-list-icon .file[index-odd="1"] {
    transform:rotateZ(-7deg)
}
.file-draging-box .file-draging.file-list-icon .file[index-odd="2"] {
    transform:rotateZ(-15deg)
}
.file-draging-box .file-draging.file-list-icon .file[index-odd="3"] {
    transform:rotateZ(7deg)
}
.file-draging-box .file-draging.file-list-icon .file[index-odd="4"] {
    transform:rotateZ(15deg)
}
.file-draging-box .file-draging-tree .tree-node {
    margin:0 !important;
    transition:none !important
}
.dark-mode .file-draging-box .file-draging.file-list-list .file, .dark-mode .file-draging-box .file-draging.file-list-split .file {
    transform:none !important
}
.file-draging-tips {
    position:fixed;
    left:0;
    top:0;
    z-index:999999;
    pointer-events:none;
    opacity:.9;
    filter:alpha(opacity=90);
    padding:5px;
    border-radius:3px;
    color:#fff;
    background:#4285f4;
    box-shadow:3px 5px 15px rgba(0, 0, 0, 0.2);
    font-size:1.15em;
    white-space:nowrap;
    transition:.2s background;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px)
}
.file-draging-tips .drag-number {
    display:none;
    position:absolute;
    padding:0px 5px;
    font-size:.9em;
    height:16px;
    opacity:.8;
    border-radius:10px;
    background-color:#f04134;
    margin-top:-12px;
    margin-left:-12px
}
.file-draging-tips.drag-action-default {
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
    box-shadow:none
}
.file-draging-tips span {
    line-height:22px;
    padding-left:5px;
    padding-right:5px
}
.file-draging-tips span .font-icon {
    display:inline-block;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    color:#fff;
    font-size:1em;
    font-weight:800;
    margin-right:5px;
    border-radius:12px;
    position:relative;
    top:-2px
}
.file-draging-tips span .bg-default {
    background:#b9e0ff;
    color:#4285f4
}
.file-draging-tips span .bg-ok {
    background:#6ee273
}
.file-draging-tips span .bg-error {
    background:#FB2500
}
.file-draging-tips span b {
    display:inline-block;
    padding:0px 4px 2px 4px;
    border-radius:3px;
    margin-left:4px;
    line-height:22px;
    background:rgba(0, 0, 0, 0.1)
}
.item-file-draging {
    opacity:.5;
    filter:alpha(opacity=50)
}
.drag-file-hover.children-more-cert, .dark-mode .drag-file-hover.children-more-cert {
    background:#1890ff !important;
    color:#fff !important
}
.drag-file-hover.bodymain .file-continer-main:before, .dark-mode .drag-file-hover.bodymain .file-continer-main:before {
    border:3px solid rgba(24, 144, 255, 0.8);
    z-index:100;
    visibility:visible
}
.drag-file-hover.bodymain.desktop .file-continer-main:before, .dark-mode .drag-file-hover.bodymain.desktop .file-continer-main:before {
    border:6px solid rgba(24, 144, 255, 0.6);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.drag-file-hover.context-menu-item:before, .dark-mode .drag-file-hover.context-menu-item:before {
    content:"";
    border:1px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.15);
    position:absolute;
    z-index:150;
    left:0;
    top:0;
    border-radius:inherit;
    width:100%;
    height:100%;
    box-sizing:border-box;
    pointer-events:none;
    border:none
}
.drag-file-hover.file.file-folder, .dark-mode .drag-file-hover.file.file-folder {
    overflow:visible
}
.drag-file-hover.file.file-folder:before, .dark-mode .drag-file-hover.file.file-folder:before {
    content:"";
    border:1px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.15);
    position:absolute;
    z-index:150;
    left:0;
    top:0;
    border-radius:inherit;
    width:100%;
    height:100%;
    box-sizing:border-box;
    pointer-events:none;
    box-sizing:content-box;
    top:-1px;
    left:-1px
}
.drag-file-hover.split-box:before, .dark-mode .drag-file-hover.split-box:before {
    content:"";
    border:1px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.15);
    position:absolute;
    z-index:150;
    left:0;
    top:0;
    border-radius:inherit;
    width:100%;
    height:100%;
    box-sizing:border-box;
    pointer-events:none;
    background:rgba(24, 144, 255, 0.05)
}
.drag-file-hover.tree-node:before, .dark-mode .drag-file-hover.tree-node:before {
    content:"";
    border:1px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.15);
    position:absolute;
    z-index:150;
    left:0;
    top:0;
    border-radius:inherit;
    width:100%;
    height:100%;
    box-sizing:border-box;
    pointer-events:none;
    border:none
}
.drag-file-hover.tree-node, .dark-mode .drag-file-hover.tree-node {
    border-color:rgba(24, 144, 255, 0.8) !important
}
.drag-file-hover.button.switch, .dark-mode .drag-file-hover.button.switch {
    box-shadow:0 0 0 1px #1890ff inset, 0 0 0 20px #1890ff20 inset
}
.drag-file-hover.btn:not(.disable):before, .dark-mode .drag-file-hover.btn:not(.disable):before, .drag-file-hover.ripple-item:not(.disable):before, .dark-mode .drag-file-hover.ripple-item:not(.disable):before {
    content:"";
    border:1px solid rgba(24, 144, 255, 0.8);
    background:rgba(24, 144, 255, 0.15);
    position:absolute;
    z-index:150;
    left:0;
    top:0;
    border-radius:inherit;
    width:100%;
    height:100%;
    box-sizing:border-box;
    pointer-events:none
}
.drag-file-hover.header-address-item a, .dark-mode .drag-file-hover.header-address-item a {
    color:#fff !important;
    background-position:100% -144px !important
}
.app-wap-small .tree-node.drag-file-hover:before {
    border:1px solid rgba(24, 144, 255, 0.8)
}
.bodymain.desktop .file.file-folder.drag-file-hover:before {
    border:2px solid rgba(255, 255, 255, 0.3);
    border-radius:3px
}
.frame-main-editor .frame-left .ztree li a.tree-node.drag-file-hover {
    z-index:60
}
.frame-main-editor .frame-left .ztree li a.tree-node.drag-file-hover:before {
    border:1px solid rgba(24, 144, 255, 0.8);
    border-left:none;
    border-right:none
}
.bodymain .file-continer-main:before {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    pointer-events:none;
    z-index:0;
    border:0px solid transparent;
    -ms-transition:.1s all;
    -webkit-transition:.1s all;
    -moz-transition:.1s all;
    -o-transition:.1s all;
    transition:.1s all;
    content:" ";
    visibility:hidden
}
.app-wap-small .frame-main-explorer .file-continer.file-list-list .drag-file-hover.file.file-folder:before {
    border-left:none;
    border-right:none
}
.app-wap-small .frame-main-explorer .file-continer.file-list-icon .drag-file-hover.file.file-folder:before {
    border-radius:3px
}
.app-wap-small .frame-main-explorer .file-continer.file-list-icon .drag-file-hover.file .meta-info .file-list-tag {
    margin-right:-2px;
    margin-top:-3px
}
.app-wap-small .drag-file-hover.header-address-item a {
    color:#fff !important;
    background:rgba(100, 100, 100, 0.5) !important
}
.app-wap-small .file-draging-box .file-draging.file-list-icon .file {
    background:#c8edff !important;
    border-color:#8dd5f8;
    border-radius:3px
}
.app-wap-small .file-draging-box .file-draging.file-list-icon .file .title-type-name {
    padding:4px 1px 2px 1px
}
.app-wap-small .file-draging-box .file-draging.file-list-icon .file .item-menu {
    width:20px;
    height:20px;
    padding:5px;
    border:none;
    background:none;
    top:0px;
    right:0px;
    opacity:1;
    box-shadow:none;
    text-shadow:none
}
.app-wap-small .file-draging-box .file-draging.file-list-icon .file .item-menu .cert {
    width:20px;
    height:20px;
    line-height:20px;
    background:#fff;
    border-radius:50%;
    border:.5px solid rgba(0, 0, 0, 0.2);
    margin:-1px 0 0 -1px;
    opacity:.8;
    color:#1890ff;
    border-color:#66baff
}
.app-wap-small .file-draging-box .file-draging.file-list-icon .file .item-menu .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.dark-mode .app-wap-small .file-draging-box .file-draging.file-list-icon .file {
    background:rgba(255, 255, 255, 0.1) !important;
    border-color:rgba(255, 255, 255, 0.1)
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file {
    margin:0;
    box-shadow:none
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .children-more {
    display:none !important
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item {
    margin-top:23px;
    width:initial !important;
    font-size:.9em;
    display:inline-block;
    text-align:left;
    padding:0;
    margin-right:8px;
    min-width:20px;
    position:relative;
    z-index:1;
    height:18px;
    line-height:10px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item .user-info .path-ico {
    margin-right:5px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .children-search-content {
    border:none;
    margin-bottom:0;
    width:100%
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .children-search-content .search-show-more-toggle {
    margin-left:17px;
    padding-left:6px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .children-search-content .children-search-item {
    margin-left:17px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name+.title-item {
    margin-left:60.5px;
    margin-top:30px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name+.title-item.title-type-driver {
    margin-left:35px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-path {
    position:absolute
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-size {
    min-width:initial;
    margin-top:30px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-size .title-count {
    float:right;
    margin-left:5px;
    padding:0
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-size .size-content {
    float:left;
    min-width:40px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name {
    width:100% !important;
    height:50px;
    line-height:inherit;
    position:absolute;
    margin:0;
    padding-left:8px;
    font-size:13px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .title-continer {
    display:block;
    overflow:inherit
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .path-ico {
    height:37.5px;
    width:37.5px;
    line-height:37.5px;
    margin-right:16px;
    margin-top:4.25px;
    padding:0
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .path-ico .x-item-icon {
    font-size:20px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-folder {
    margin-top:3px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .path-ico img {
    height:inherit
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .title {
    line-height:1.1em;
    padding:5px 0 0px 0;
    height:35px !important;
    margin-top:5px;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    max-width:calc(100% - 100px)
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .title .title-text {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    word-wrap:break-word
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info {
    top:11px;
    right:45px;
    height:30px;
    line-height:30px;
    z-index:5;
    font-size:.8em;
    width:100%
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info.app-link {
    position:absolute;
    right:inherit;
    width:auto;
    top:25.75px;
    left:20.75px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info em {
    font-size:.8em
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .file-desc {
    line-height:30px;
    max-width:100px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .path-ico, .app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .svg-icon, .app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info img {
    width:16px;
    height:16px;
    line-height:30px;
    margin-top:2px;
    margin-left:2px;
    overflow:initial
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon {
    font-size:16px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon:before {
    position:relative;
    top:-3px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .meta-info .file-list-tag {
    max-width:40%;
    overflow:hidden;
    float:right
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .item-select {
    top:14px;
    right:60px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .title-item.title-type-name .item-select .item-check {
    position:relative;
    top:-3px;
    left:0;
    width:22px;
    height:22px;
    line-height:22px
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu {
    height:50px;
    line-height:50px;
    padding:0;
    width:50px;
    text-align:center;
    right:8px;
    top:0;
    border:none;
    background:none
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu .cert {
    border:none;
    height:50px;
    line-height:48px;
    display:inline;
    background:none;
    font-size:14px;
    opacity:1;
    color:#1890ff
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu:active, .app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu:focus {
    background:rgba(24, 144, 255, 0.1)
}
.app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu:active .cert, .app-wap-small .file-draging-box .file-draging.file-list-list .file .item-menu:focus .cert {
    color:#1890ff
}
.cursor-mouse.cursor-drag * {
    cursor:grabbing !important
}
.cursor-mouse.cursor-move * {
    cursor:default !important
}
.cursor-mouse.cursor-add * {
    cursor:copy !important
}
.cursor-mouse.cursor-disable * {
    cursor:not-allowed !important
}
.file-continer .file .meta-info em {
    font-size:.9em
}
.file-continer .file .meta-info .file-meta-fileEncodeType {
    border-radius:2px;
    color:#fff;
    text-align:center;
    font-style:normal;
    padding:2px 5px;
    opacity:.8;
    white-space:nowrap;
    min-width:25px;
    border:1px solid rgba(0, 0, 0, 0.2);
    height:16px;
    line-height:16px;
    margin-left:5px;
    float:right
}
.file-continer .file .meta-info .meta-label {
    border-radius:2px;
    font-size:12px;
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.1);
    line-height:1em;
    transform:scale(.9);
    padding:4px 5px;
    float:right;
    margin:5px 2px
}
.file-continer .file .meta-info .meta-label em {
    font-size:12px;
    font-style:normal
}
.file-continer .file .meta-info .meta-label.history-count {
    margin:4px 2px;
    color:#ff9800;
    background:#ff980021
}
.file-continer .file .meta-info .meta-label.history-count:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee16";
    font-size:1em;
    padding-right:2px;
    position:relative;
    top:-1px
}
.file-continer .file .meta-info .children-count {
    position:absolute;
    bottom:60%;
    left:-300%
}
.file-continer .file .meta-info .children-count em {
    padding:1px 5px;
    border-radius:4px;
    font-size:12px;
    font-style:normal;
    color:#ab7703;
    background:#fff2cd;
    opacity:.25
}
.file-continer .file .meta-info .file-meta-top .font-icon {
    display:inline-block;
    margin:2px 2px 0 2px;
    background:#ffea7b;
    color:#de8e00;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:20px;
    font-size:10px;
    opacity:.9;
    text-align:center;
    vertical-align:top;
    z-index:10;
    box-shadow:1px 2px 4px rgba(0, 0, 0, 0.3)
}
.file-continer .file .meta-info .file-meta-top .font-icon:before {
    position:relative;
    top:0
}
.file-continer .file .meta-info .file-meta-lock .font-icon {
    display:inline-block;
    margin:2px 2px 0 2px;
    color:#fff;
    background:rgba(0, 0, 0, 0.7);
    width:20px;
    height:20px;
    line-height:18px;
    border-radius:20px;
    font-size:10px;
    opacity:.9;
    text-align:center;
    vertical-align:top;
    z-index:10;
    margin-top:3px;
    box-shadow:1px 2px 5px rgba(0, 0, 0, 0.6)
}
.file-continer .file .meta-info .file-meta-lock .font-icon:before {
    position:relative;
    top:0
}
.file-continer .file .meta-info .file-meta-lock.lock-self .font-icon {
    background:rgba(27, 191, 33, 0.8)
}
.file-continer .file .meta-info .path-ico .font-icon {
    color:#888;
    font-size:initial
}
.file-continer .file .meta-info .path-ico .x-share-link {
    color:#31dc48;
    background:none
}
.file-continer .file .meta-info .file-list-tag {
    position:relative;
    top:-1px;
    text-align:right;
    display:inline-block;
    padding-right:2px;
    font-size:.9em;
    font-style:normal;
    color:#999
}
.file-continer .file .meta-info .file-list-tag .item {
    display:inline-block;
    margin:0;
    margin-left:-7px;
    height:16px;
    line-height:16px
}
.file-continer .file .meta-info .file-list-tag .item .name {
    display:none
}
.file-continer .file .meta-info .file-list-tag .item .x-item-icon.label {
    width:8px;
    height:8px;
    top:1px;
    box-shadow:0 0 0 1px #fff
}
.file-continer .file .meta-info .file-list-tag .item.group-tag .font-icon {
    color:#1890ff;
    text-shadow:#fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    font-size:14px;
    width:12px;
    margin-top:1px;
    vertical-align:top;
    display:inline-block
}
.file-continer .file .meta-info .file-list-tag .item.group-tag .font-icon.is-empty {
    display:none
}
.file-list-icon .file .meta-info {
    height:22.5px;
    width:22.5px;
    margin-right:6.75px;
    margin-top:-22.5px;
    position:absolute;
    right:0
}
.file-list-icon .file .meta-info .meta-icon {
    font-style:normal
}
.file-list-icon .file .meta-info .meta-add {
    font-style:normal
}
.file-list-icon .file .meta-info img {
    width:100%;
    height:100%
}
.file-list-icon .file .meta-info .file-meta-fileEncodeType {
    position:absolute;
    width:auto;
    right:0;
    top:-250%;
    left:inherit;
    margin-right:-5px
}
.file-list-icon .file .meta-info .play-time {
    position:absolute;
    right:-10%;
    top:0%;
    margin:-18px 3px 0 0
}
.file-list-icon .file .meta-info .history-count {
    display:none
}
.file-list-icon .file .meta-info .file-meta-top {
    position:absolute;
    right:300%;
    top:-350%;
    left:inherit;
    width:100%
}
.file-list-icon .file .meta-info .file-meta-top .font-icon {
    position:absolute;
    left:-2px;
    top:-2px
}
.file-list-icon .file .meta-info .file-meta-lock {
    position:absolute;
    right:200%;
    top:20%;
    left:inherit;
    width:200%
}
.file-list-icon .file .meta-info .file-meta-lock .font-icon {
    position:absolute;
    left:-2px;
    top:-2px
}
.file-list-icon .file .meta-info .path-ico, .file-list-icon .file .meta-info .path-ico .x-item-icon {
    width:inherit;
    height:inherit;
    line-height:inherit;
    font-size:inherit;
    font-style:normal;
    padding:0;
    margin:0
}
.file-list-icon .file .meta-info .path-ico .font-icon {
    color:#888
}
.file-list-icon .file .meta-info>.meta-icon i:nth-child(2) {
    position:absolute;
    right:0;
    top:-110%
}
.file-list-icon .file .meta-info>.meta-icon i:nth-child(3) {
    position:absolute;
    right:110%;
    top:0%
}
.file-list-icon .file .meta-info>.meta-icon i:nth-child(4) {
    position:absolute;
    right:110%;
    top:-110%
}
.file-list-icon .file .meta-info .file-list-tag {
    position:absolute;
    top:20%;
    width:200%;
    right:200%;
    margin-right:-10px;
    text-align:left;
    white-space:nowrap
}
.file-list-icon .file .meta-info .file-list-tag .item:nth-child(n+6) {
    display:none
}
.file-list-icon .file .meta-info .file-list-tag.group-tag {
    margin-top:-16px;
    margin-right:-8px
}
.file-list-list .meta-info, .file-list-split .meta-info {
    position:absolute;
    top:0px;
    right:5px;
    z-index:2;
    max-width:50%;
    overflow:hidden
}
.file-list-list .meta-info img, .file-list-split .meta-info img {
    width:100%;
    height:100%
}
.file-list-list .meta-info .meta-icon, .file-list-split .meta-info .meta-icon {
    font-style:normal
}
.file-list-list .meta-info .meta-add, .file-list-split .meta-info .meta-add {
    font-style:normal
}
.file-list-list .meta-info .path-ico, .file-list-split .meta-info .path-ico {
    float:right;
    margin-left:2px;
    font-size:18px;
    line-height:18px
}
.file-list-list .meta-info .path-ico .svg-icon, .file-list-split .meta-info .path-ico .svg-icon {
    width:17px
}
.file-list-list .meta-info .path-ico .font-icon, .file-list-split .meta-info .path-ico .font-icon {
    line-height:20px
}
.file-list-list .meta-info .file-desc, .file-list-split .meta-info .file-desc {
    float:right;
    color:#bbb;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-left:5px
}
.file-list-list .meta-info .file-desc:hover, .file-list-split .meta-info .file-desc:hover, .file-list-list .meta-info .file-desc:active, .file-list-split .meta-info .file-desc:active, .file-list-list .meta-info .file-desc:focus, .file-list-split .meta-info .file-desc:focus {
    color:#888
}
.file-list-list .meta-info .file-desc:before, .file-list-split .meta-info .file-desc:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec51";
    opacity:.3;
    position:relative;
    top:-1px;
    width:12px;
    display:inline-block
}
.file-list-list .file .meta-info .meta-label, .file-list-split .file .meta-info .meta-label {
    color:#aaa;
    background:rgba(220, 220, 220, 0.3);
    box-shadow:none
}
.file-list-list .meta-info.app-link, .file-list-split .meta-info.app-link {
    left:-20px;
    top:8px;
    position:relative;
    width:0;
    height:0;
    overflow:visible;
    float:left;
    display:inline-block
}
.file-list-list .meta-info.app-link .x-item-icon, .file-list-split .meta-info.app-link .x-item-icon {
    width:14px;
    height:14px;
    margin-left:4px;
    margin-bottom:2px
}
.file-list-list .file .meta-info .file-list-tag .item {
    color:#888;
    background:#f9fcfd;
    border:1px solid rgba(24, 144, 255, 0.25);
    margin:6px 0px 0 0;
    padding:1px 4px;
    border-radius:20px;
    min-width:20px;
    text-align:center
}
.file-list-list .file .meta-info .file-list-tag .item .x-item-icon.label {
    vertical-align:top;
    top:3px
}
.file-list-list .file .meta-info .file-list-tag .item .name {
    display:inline-block;
    max-width:80px;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-list-list .file .meta-info .file-list-tag .item:nth-child(5) {
    margin-right:8px !important
}
.file-list-list .file .meta-info .file-list-tag .item:nth-child(n+6) {
    border:none;
    background:none !important;
    padding:0;
    margin:0 -4px 0 -12px;
    display:inline-block;
    position:relative;
    top:-4px
}
.file-list-list .file .meta-info .file-list-tag .item:nth-child(n+6) .name {
    display:none
}
.file-list-list .file .meta-info .file-list-tag .item:nth-child(n+10) {
    display:none
}
.file-list-split .file .meta-info {
    right:30px
}
.file-list-split .file .meta-info .file-list-tag {
    position:relative;
    top:-1px;
    padding-left:10px
}
.file-continer .file[item-action] {
    cursor:pointer;
    border-radius:4px
}
.file-continer .file[item-action]:hover {
    opacity:.8
}
.file-continer .file .title-rename {
    display:inline-block;
    transition:all .15s;
    visibility:hidden;
    opacity:0;
    font-size:10px;
    border-radius:4px;
    text-align:center;
    width:22px;
    height:22px;
    line-height:20px;
    cursor:pointer;
    color:#888;
    z-index:100;
    background:rgba(255, 255, 255, 0.1)
}
.file-continer .file .title-rename:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec80"
}
.file-continer .file .title-rename:hover {
    color:#1890ff;
    background:rgba(100, 100, 100, 0.05)
}
.file-continer .file.hover .title-continer:hover .title-rename {
    visibility:visible;
    opacity:1
}
.file-continer .file.hover .title-type-name:hover .title-rename {
    visibility:visible;
    opacity:1
}
.file-continer .file.file-icon-edit .title-rename {
    display:none
}
.file-list-list .file .title-rename {
    position:relative;
    top:-1px;
    margin-left:-2px
}
.file-list-split .file .title-rename {
    position:relative;
    top:-1px;
    margin-left:4px
}
.file-list-icon .file .title-rename {
    position:absolute;
    right:3px;
    margin-top:-1px
}
.bodymain.path-at-shareToMe .file-continer .file .title-rename {
    display:none !important
}
.file-continer .file.file-not-writeable .title-rename {
    display:none !important
}
.app-wap-small .file-continer .file .title-rename {
    display:none !important
}
.ptips-skin .file-meta-fileEncodeType, .auth-list-body .file-meta-fileEncodeType, .file-panel .role-label-box .file-meta-fileEncodeType, .frame-header .role-label-box .file-meta-fileEncodeType, .form-row.item-user_sourceSecret .file-meta-fileEncodeType, .form-select2-dropdown-key-user_sourceSecret .file-meta-fileEncodeType {
    border-radius:2px;
    text-align:center;
    font-style:normal;
    background-color:#E64A19;
    color:#fff;
    padding:2px 5px;
    opacity:.8;
    white-space:nowrap;
    min-width:25px;
    border:1px solid rgba(0, 0, 0, 0.2);
    height:16px;
    line-height:16px
}
.auth-list-body .file-meta-fileEncodeType {
    position:relative;
    top:1px
}
.file-panel .role-label-box .file-meta-fileEncodeType, .frame-header .role-label-box .file-meta-fileEncodeType {
    min-width:inherit;
    padding:1px 3px;
    margin:0 3px;
    height:13px;
    line-height:13px;
    display:inline-block
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file {
    padding:0;
    border-radius:0;
    border:none;
    max-height:inherit
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file.file-icon-edit .title-type-name {
    width:100%;
    display:block !important
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file.file-icon-edit .title-type-name .title {
    width:100%
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    width:100%;
    padding:5px 1px 5px 1px;
    margin:-10px 0 0 -2px
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file>.path-ico {
    height:100% !important;
    width:100% !important;
    line-height:inherit !important;
    font-size:inherit !important
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file>.path-ico .x-item-icon {
    height:100%;
    width:100%;
    margin:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file>.path-ico .ico.picture {
    height:100% !important;
    width:100% !important;
    margin:0;
    padding:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file>.path-ico .ico.picture img {
    height:100% !important;
    width:100% !important;
    max-height:100%;
    border-radius:0;
    box-shadow:none
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .path-ico .picture.loading:after {
    border-radius:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info {
    width:15%;
    height:15%;
    line-height:15%;
    margin-top:-20%;
    margin-right:5px;
    z-index:5;
    height:100% !important;
    width:100% !important;
    margin-right:0;
    margin-top:0% !important;
    bottom:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .meta-icon {
    position:absolute;
    right:5px;
    bottom:5px
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .path-ico .x-item-icon {
    height:100%;
    width:100%
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .play-time {
    top:inherit !important;
    bottom:2px;
    right:2px !important;
    margin:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .file-meta-top {
    right:inherit;
    top:4px;
    left:7px
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .file-meta-lock {
    right:inherit;
    top:4px;
    left:30px
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .meta-info .file-list-tag {
    right:inherit;
    top:inherit;
    bottom:5px;
    left:15px;
    width:50%;
    margin:0
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .item-menu {
    border:1px solid rgba(255, 255, 255, 0.5);
    background:rgba(0, 0, 0, 0.2)
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .item-menu .cert {
    border-top-color:#eee
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file .item-menu:hover, .frame-main-explorer.list-type-image .file-continer.file-list-icon .file.context-menu-active .item-menu {
    background:rgba(0, 0, 0, 0.4);
    border-color:rgba(255, 255, 255, 0.8)
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file>.path-ico:before {
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background-color:transparent;
    transition:background-color .2s
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file.hover>.path-ico:before {
    background:linear-gradient(180deg, #222, rgba(43, 41, 41, 0) 25% 75%, #222)
}
.frame-main-explorer.list-type-image .file-continer.file-list-icon .file.select.hover>.path-ico:before, .frame-main-explorer.list-type-image .file-continer.file-list-icon .file.file-select-drag-temp>.path-ico:before, .frame-main-explorer.list-type-image .file-continer.file-list-icon .file.select>.path-ico:before {
    background:rgba(24, 144, 255, 0.5)
}
.frame-main-explorer .kod-toolbar .photo-show-item .desc-name {
    margin-right:5px
}
.bodymain .group-by {
    position:absolute;
    width:100%;
    z-index:60;
    background:rgba(255, 255, 255, 0.7);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:.5px solid rgba(130, 130, 130, 0.15)
}
.bodymain .group-by:hover {
    background:#1890ff15;
    border-color:#1890ff14
}
.bodymain .group-by:active {
    background:#1890ff25;
    border-color:#1890ff20
}
.bodymain .group-by:before {
    content:"";
    background:#1890ff;
    border-radius:4px;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3);
    position:absolute;
    left:10px;
    bottom:-0.5px;
    width:30px;
    height:1px
}
.bodymain .group-by .group-title {
    height:30px;
    line-height:30px;
    cursor:pointer;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:15px;
    padding-left:10px;
    font-size:13px;
    font-weight:600;
    position:relative
}
.bodymain .group-by .group-title span {
    display:inline-block;
    position:relative;
    height:100%
}
.bodymain .group-by .group-title i {
    padding-left:10px;
    font-size:12px;
    font-style:normal;
    opacity:.6;
    font-weight:400
}
.bodymain .group-by .group-title:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e";
    position:absolute;
    right:16px;
    bottom:5px;
    opacity:.6;
    font-weight:200;
    font-size:18px
}
.bodymain .group-by.group-hidden .group-title:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    font-size:18px
}
.bodymain .group-by.group-hidden .group-content {
    display:none
}
.bodymain .file-list-list .group-title {
    padding-left:10px
}
.bodymain .file-list-split .group-title {
    padding-left:8px
}
.bodymain.group-show .file-list-icon, .bodymain.group-show .file-list-list {
    padding:0
}
.bodymain.group-show .file-list-icon .group-by, .bodymain.group-show .file-list-list .group-by {
    width:100%
}
.bodymain .file-list-list .children-list .group-by {
    margin:0
}
.bodymain .file-list-list .children-list .group-by .group-title {
    display:none
}
.dark-mode .bodymain .group-by .group-title {
    border-bottom-color:rgba(200, 200, 200, 0.15)
}
.app-wap-small .group-show .group-by .group-title {
    margin-left:-5px;
    border-bottom-width:.5px;
    height:35px;
    line-height:35px
}
.app-wap-small .group-show .group-by .group-title:after {
    line-height:25px
}
.app-wap-small .group-show .group-by .group-title span {
    padding-left:5px
}
.app-wap-small .group-show .group-by .group-title span:before {
    top:34.5px;
    height:1.5px
}
.file-continer .file.have-same-name {
    overflow:visible
}
.file-continer .file.have-same-name:before {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    left:-1px;
    top:-1px;
    bottom:-1px;
    right:-1px;
    content:"";
    pointer-events:none;
    border-radius:4px;
    border:0 solid #ff9800;
    background:#ff980014
}
.file-continer .file.have-same-name.select:before, .file-continer .file.have-same-name.file-focus:before {
    border-radius:0
}
.file-continer .file.have-same-name.same-name-i-0:before {
    border-color:#ffa588;
    background:rgba(255, 165, 136, 0.04)
}
.file-continer .file.have-same-name.same-name-i-1:before {
    border-color:#ff6a3c;
    background:rgba(255, 106, 60, 0.04)
}
.file-continer .file.have-same-name.same-name-i-2:before {
    border-color:#ee3900;
    background:rgba(238, 57, 0, 0.04)
}
.file-continer .file.have-same-name.same-name-i-3:before {
    border-color:#a22700;
    background:rgba(162, 39, 0, 0.04)
}
.file-continer .file.have-same-name.same-name-i-4:before {
    border-color:#ffc166;
    background:rgba(255, 193, 102, 0.04)
}
.file-continer .file.have-same-name.same-name-i-5:before {
    border-color:#ffa21a;
    background:rgba(255, 162, 26, 0.04)
}
.file-continer .file.have-same-name.same-name-i-6:before {
    border-color:#cc7a00;
    background:rgba(204, 122, 0, 0.04)
}
.file-continer .file.have-same-name.same-name-i-7:before {
    border-color:#804c00;
    background:rgba(128, 76, 0, 0.04)
}
.file-continer.file-list-icon .file.have-same-name:before {
    border-top-width:3px
}
.file-continer.file-list-list .file.have-same-name:before {
    border-left-width:5px
}
.file-continer.file-list-split .file.have-same-name:before {
    border-left-width:4px
}
.frame-main-explorer .btn-group-sm>.btn.panel-toggle {
    padding:3px 6px 4px 6px !important;
    margin-left:10px
}
.frame-main-explorer .bodymain, .frame-main-explorer .file-panel {
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.frame-main-explorer .drag-resize-panel {
    display:none;
    top:85px
}
.frame-main-explorer .drag-resize-panel:after {
    display:none
}
.frame-main-explorer .frame-right.panel-open .drag-resize-panel {
    display:block
}
.frame-main-explorer .frame-right.drag-resize-panel-parent .bodymain, .frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel {
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel .tab-group-line .tab-item-bar {
    opacity:0
}
.frame-main-explorer .file-panel .panel-tab-content .panel-info.tab-content {
    padding:10px 0
}
.frame-main-explorer .file-panel .panel-tab-content .panel-info.tab-content .panel-content {
    padding:10px 0px 30px 0px
}
.frame-main-explorer .file-panel .panel-tab-content .panel-info.tab-content .panel-content .p {
    padding-left:15px;
    padding-right:10px
}
.frame-main-explorer .file-panel .panel-tab-content .panel-info.tab-content .panel-content .p.line {
    width:auto
}
.frame-main-explorer .file-panel.panel-no-tab .panel-tab-content {
    bottom:0
}
.frame-main-explorer .file-panel .panel-tab-content .panel-auth.tab-content {
    padding:0
}
.frame-main-explorer .file-panel .panel-tab-content .panel-auth.tab-content .form-box {
    padding:10px 0
}
.frame-main-explorer .file-panel .panel-tab-content .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    padding:5px 10px
}
.frame-main-explorer .file-panel .panel-tab-content .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row {
    padding:5px 0
}
.frame-main-explorer .file-panel .panel-info .p.info-item-link {
    display:none
}
.frame-main-explorer .file-panel .panel-info .p.info-item-link+.p.line {
    display:none
}
.frame-main-explorer .file-panel .panel-info .get-children span {
    display:none
}
.file-panel {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    border-left:1px solid #eee;
    background:#fdfeff;
    margin-top:85px;
    overflow:hidden
}
.file-panel .list-empty {
    text-align:center;
    margin:0;
    width:auto;
    height:auto;
    top:50%;
    margin-top:-60px;
    position:absolute;
    left:0;
    right:0
}
.file-panel .list-empty .path-ico {
    width:100%;
    height:80px;
    margin-bottom:10px;
    background:url("../../images/common/status/empty.svg") no-repeat;
    background-size:contain;
    text-align:center;
    background-position:50%
}
.file-panel .list-empty .path-ico svg {
    display:none
}
.file-panel .list-empty .desc {
    color:#ccc;
    background:#fbfeff;
    display:inline-block;
    padding:4px 10px;
    border-radius:20px
}
.file-panel .panel-chat .list-empty .path-ico {
    background-image:url("../../images/common/status/empty_msg.svg")
}
.file-panel .panel-log .list-empty .path-ico {
    background-image:url("../../images/common/status/empty_task.svg")
}
.file-panel .panel-info-header {
    height:65px;
    background:#f6faff;
    background-image:linear-gradient(190deg, #e5f6ff, #fdfeff);
    border-bottom:1px solid #eee;
    position:relative;
    z-index:2
}
.file-panel .panel-info-header .header-content {
    position:relative
}
.file-panel .panel-info-header .header-content .file-icon {
    position:absolute;
    top:7px;
    left:10px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    overflow:hidden
}
.file-panel .panel-info-header .header-content .file-icon .path-ico {
    width:100%;
    height:100%;
    font-size:42px;
    line-height:60px
}
.file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label {
    width:40px;
    height:40px
}
.file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label:before {
    position:absolute;
    right:15%;
    top:15%;
    width:40%;
    height:40%;
    border-radius:50%;
    content:" ";
    background:linear-gradient(45deg, #ffffff7d, #ffffff00);
    margin-top:4px
}
.file-panel .panel-info-header .header-content .file-icon .path-ico img {
    max-width:85%;
    max-height:85%;
    border-radius:2px;
    object-fit:cover;
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
    position:absolute;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.file-panel .panel-info-header .header-content .file-icon .path-ico.path-ico-oexe img {
    max-width:95%;
    max-height:95%;
    box-shadow:none;
    border-radius:5px
}
.file-panel .panel-info-header .header-content .file-name {
    font-size:15px;
    color:#666;
    word-break:break-word;
    padding-right:30px;
    display:table-cell;
    vertical-align:middle;
    height:60px;
    padding-left:65px;
    line-height:1.2em
}
.file-panel .panel-info-header .header-content .file-name .name {
    max-height:35px;
    line-height:1.2em;
    padding-top:7px;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .panel-info-header .header-content .file-name .name .name-text {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.file-panel .panel-info-header .header-content .file-name .desc {
    font-size:.9em;
    color:#aaa;
    padding-top:1px;
    white-space:nowrap
}
.file-panel .panel-info-header .header-content .btn-action {
    opacity:.5;
    color:#999;
    padding:0;
    height:20px;
    width:20px;
    position:relative;
    top:-3px;
    text-align:center;
    margin-left:4px;
    border-radius:20px;
    background:rgba(0, 0, 0, 0.05)
}
.file-panel .panel-info-header .header-content .btn-action .font-icon {
    top:0px;
    font-size:15px
}
.file-panel .panel-info-header .header-content .btn-action .font-icon:before {
    position:relative;
    top:-1px
}
.file-panel .panel-info-header .header-content .btn-action.select {
    opacity:.9;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)
}
.file-panel .panel-info-header .header-content .btn-action:hover {
    opacity:1
}
.file-panel .panel-info-header .header-content .btn-action.fav-button.select {
    color:#fec740;
    background:#fffbe6
}
.file-panel .panel-info-header .header-content .btn-action.move-top-button.select {
    background:#ffea7b;
    color:#de8e00
}
.file-panel .panel-info-header .header-content .btn-action.fav-button.select .font-icon:before {
    content:"\f186"
}
.file-panel .panel-info-header .header-content .btn-action.move-top-button.select .font-icon:before {
    content:"\f036"
}
.file-panel .panel-info-header .header-content .file-name.select-more .btn-action {
    display:none
}
.file-panel .panel-info-header .header-content .kui-btn.task-view-dialog {
    display:none;
    position:absolute;
    right:6px;
    bottom:4px;
    padding:.3em .5em;
    background:transparent;
    border:1px solid #fafafa;
    color:#eee
}
.file-panel .panel-close {
    position:absolute;
    top:0;
    right:0;
    z-index:3;
    width:40px;
    height:40px;
    line-height:36px;
    border-radius:0 0 0 4px;
    font-size:16px;
    color:#ccc;
    cursor:pointer;
    text-align:center
}
.file-panel .panel-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-panel .panel-close:hover, .file-panel .panel-close:active, .file-panel .panel-close:focus {
    background:rgba(24, 144, 255, 0.3);
    color:#40a9ff
}
.file-panel .content-header {
    position:relative;
    height:35px;
    margin-bottom:10px;
    border-bottom:1px solid #f3f3f3;
    box-shadow:0 1px 0 0 #fff, 0 2px 0 0 #f6f6f6
}
.file-panel .content-header .title {
    font-size:14px;
    line-height:32px;
    color:#666;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .content-header .title .font-icon {
    color:#40a9ff;
    position:relative;
    top:-1px
}
.file-panel .content-header .title .name-dsc {
    font-size:.9em;
    padding-left:5px;
    color:#aaa
}
.file-panel .panel-tab-content {
    position:absolute;
    bottom:50px;
    top:65px;
    width:100%;
    overflow:hidden;
    overflow-y:auto
}
.file-panel .panel-tab-content .tab-content {
    padding:10px;
    display:none;
    position:absolute;
    overflow:hidden;
    top:0px;
    left:0;
    right:0;
    bottom:0px
}
.file-panel .panel-tab-content .tab-content .content .panel-content {
    overflow:auto
}
.file-panel .panel-tab-content .tab-content.page-empty .content-list {
    bottom:0
}
.file-panel .panel-tab-content .content-list {
    position:absolute;
    top:50px;
    bottom:45px;
    left:0;
    right:30px;
    width:100%;
    padding-bottom:20px;
    padding:5px 10px 20px 10px;
    box-sizing:border-box
}
.file-panel .list-page .my-page-box .grey-6 {
    display:none
}
.file-panel .list-page .my-page-box .page-info {
    margin:0;
    border-right:none
}
.file-panel .list-page .my-page-box .page-info input {
    width:20px;
    height:16px;
    line-height:20px
}
.file-panel .list-page .my-page-box .page-content .page-to {
    padding:0 .3em
}
.file-panel .list-page .my-page-box .page-content ul li, .file-panel .list-page .my-page-box .page-content ul .page-active-bg {
    width:25px
}
.file-panel .list-page .my-page-box .page-select {
    position:absolute;
    right:0px
}
.file-panel .list-page .my-page-box.data-only-one-page .page-info-text {
    padding-left:10px
}
.file-panel .list-page .my-page-box.data-only-one-page .grey-6 {
    display:inline
}
.file-panel .list-page {
    margin:0;
    padding:0;
    background:#fff;
    border-radius:3px;
    z-index:5;
    position:absolute;
    bottom:10px;
    left:10px;
    right:10px
}
.file-panel .user-info {
    color:#888;
    cursor:default
}
.file-panel .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.file-panel .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.file-panel .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.file-panel .user-info {
    color:#456;
    position:relative
}
.file-panel .user-info .path-ico {
    top:-1px
}
.file-panel .user-info .path-ico img {
    border:1px solid #fff
}
.file-panel.page-share-info .tag-view {
    display:none
}
.file-panel.page-share-info .panel-info-header .move-top-button {
    display:none
}
.file-panel.page-share-info .panel-info-header .fav-button {
    display:none
}
.frame-main-explorer .file-panel .dialog-tab {
    margin:0;
    background:#fafafa;
    border:none;
    text-align:center;
    position:absolute;
    z-index:2;
    bottom:0px;
    width:100%;
    padding:0;
    border-top:1px solid #eee;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.02)
}
.frame-main-explorer .file-panel>.tab-group-line {
    font-size:1em;
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item {
    margin:0;
    flex:1;
    padding:6px 0px 6px 0;
    border-right:none;
    border-bottom:none;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#888;
    text-align:center;
    padding:5px 0px;
    margin:0 0 -4px 0
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item:hover {
    color:#666;
    background:#eaf5fb
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item .name {
    display:none
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item .font-icon {
    display:block;
    color:#bbb;
    font-size:22px;
    line-height:28px;
    padding:2px 0 0px 0;
    width:inherit
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item.active, .frame-main-explorer .file-panel>.tab-group-line .tab-item.active .font-icon {
    color:#1890ff;
    background:#eaf5fb
}
.frame-main-explorer .file-panel>.tab-group-line .tab-item-bar {
    height:1px;
    box-shadow:none;
    opacity:1;
    top:2px;
    height:60px;
    pointer-events:none;
    border-radius:0;
    background-image:none;
    border-top:1px solid #1890ff;
    background-color:rgba(24, 144, 255, 0.05)
}
[kod-lang="zh-CN"] .frame-main-explorer .file-panel>.tab-group-line .tab-item, [kod-lang="zh-TW"] .frame-main-explorer .file-panel>.tab-group-line .tab-item, [kod-lang="en"] .frame-main-explorer .file-panel>.tab-group-line .tab-item {
    padding:0px 0px 4px 0
}
[kod-lang="zh-CN"] .frame-main-explorer .file-panel>.tab-group-line .tab-item .name, [kod-lang="zh-TW"] .frame-main-explorer .file-panel>.tab-group-line .tab-item .name, [kod-lang="en"] .frame-main-explorer .file-panel>.tab-group-line .tab-item .name {
    display:inline-block
}
.file-panel.panel-image .panel-tab-content {
    top:150px
}
.file-panel.panel-image .panel-info-header {
    height:150px;
    padding:0;
    background-image:linear-gradient(60deg, #fff, #63acff)
}
.file-panel.panel-image .panel-info-header .header-content {
    position:absolute;
    width:100%;
    height:100%
}
.file-panel.panel-image .panel-info-header .header-content .file-name {
    position:absolute;
    bottom:0px;
    display:block;
    padding:4px 0 0 0;
    background:rgba(0, 0, 0, 0.2);
    color:#eee;
    height:26px;
    width:100%;
    box-sizing:border-box;
    text-shadow:0 0 1px #fff, 0 0 3px rgba(0, 0, 0, 0.8)
}
.file-panel.panel-image .panel-info-header .header-content .file-name .btn-action {
    color:#fff;
    background:rgba(0, 0, 0, 0.2);
    text-shadow:0 0 2px #000;
    top:-1px
}
.file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.select {
    text-shadow:none
}
.file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.fav-button.select {
    color:#fec740;
    background:#fffbe6
}
.file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.move-top-button.select {
    background:#ffea7b;
    color:#de8e00
}
.file-panel.panel-image .panel-info-header .header-content .file-name .name {
    white-space:nowrap;
    padding-left:15px;
    padding-top:0px
}
.file-panel.panel-image .panel-info-header .header-content .file-name .desc {
    position:absolute;
    right:5px;
    top:2px
}
.file-panel.panel-image .panel-info-header .header-content .file-name .desc .info-item {
    display:none
}
.file-panel.panel-image .panel-info-header .header-content .file-name .name-text {
    display:inline-block;
    max-width:70%;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel.panel-image .panel-info-header .header-content .file-icon {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.file-panel.panel-image .panel-info-header .header-content .file-icon .path-ico {
    width:100%;
    height:100%
}
.file-panel.panel-image .panel-info-header .header-content .file-icon .path-ico .picture {
    display:inline
}
.file-panel.panel-image .panel-info-header .header-content .file-icon .path-ico img {
    width:100%;
    height:100%;
    border-radius:0;
    max-width:inherit;
    max-height:inherit;
    object-fit:cover;
    box-shadow:none;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center
}
.file-panel.panel-image .panel-info-header .header-content .play-time {
    font-size:12px;
    position:absolute;
    z-index:10;
    left:unset !important;
    top:unset !important;
    right:5px !important;
    bottom:30px !important;
    color:#fff;
    border-radius:2px;
    background:rgba(0, 0, 0, 0.4);
    height:20px;
    line-height:20px;
    border:1px solid rgba(0, 0, 0, 0.1);
    padding:0px 5px
}
.emoji-panel {
    position:fixed;
    z-index:999;
    background:#fff;
    width:410px;
    height:300px;
    overflow:hidden;
    padding:0;
    border:1px solid #eee;
    border-radius:2px;
    box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)
}
.emoji-panel .tab-group-line {
    position:absolute;
    bottom:0px;
    width:100%;
    margin:0;
    background:#f6f6f6
}
.emoji-panel .tab-group-line .tab-item {
    padding:8px 12px;
    margin-left:10px;
    margin-bottom:0px
}
.emoji-panel .tab-group-line .tab-item.active {
    background:#fff
}
.emoji-panel .tab-content {
    padding:10px;
    padding-bottom:30px;
    height:225px;
    overflow:hidden;
    overflow-y:auto;
    position:relative
}
.emoji-panel .tab-content .item-face {
    width:32px;
    height:32px;
    line-height:32px;
    font-size:24px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    vertical-align:bottom;
    border-radius:3px
}
.emoji-panel .tab-content .item-face:hover {
    background:#f3f3f3
}
.emoji-panel .tab-content .item-face.item-face-img {
    line-height:26px
}
.emoji-panel .tab-content .item-face img {
    width:28px;
    height:auto
}
.emoji-panel .tab-content .item-face-group {
    display:block;
    padding-left:10px;
    border-radius:3px;
    line-height:22px;
    background:#f6f6f6;
    color:transparent;
    height:1px;
    margin:6px 5px
}
.emoji-panel .tab-content .item-face-group.group-def {
    display:none
}
.file-panel .pathinfo {
    margin:0;
    padding:5px 2px 50px 2px
}
.file-panel .pathinfo .p.line {
    width:100%;
    margin:5px 10px 5px 15px;
    height:0px;
    border-bottom:1px dotted #eee
}
.file-panel .pathinfo .line+.line {
    display:none !important
}
.file-panel .pathinfo .download-url {
    width:100%;
    box-sizing:border-box;
    padding:0 70px 0 5px;
    background:#fafafa;
    border-color:#e6e6e6;
    line-height:27px;
    height:27px
}
.file-panel .pathinfo .input-group-btn {
    width:auto;
    position:absolute;
    right:0
}
.file-panel .pathinfo .input-group-btn .btn {
    padding:4px 8px 4px 8px;
    font-size:12px;
    opacity:.8
}
.file-panel .pathinfo .input-group-btn .btn[data-action="qrcode"] {
    border-radius:0 4px 4px 0
}
.file-panel .pathinfo .input-group-btn>.btn+.btn {
    margin-left:-1px
}
.file-panel .pathinfo .user-info {
    color:#888;
    cursor:default
}
.file-panel .pathinfo .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.file-panel .pathinfo .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.file-panel .pathinfo .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.file-panel .pathinfo .user-info {
    margin-top:-2px;
    display:inline-block
}
.file-panel .pathinfo .user-info .name {
    position:relative;
    top:-1px
}
.file-panel .pathinfo .p {
    line-height:1.2em;
    margin-bottom:0px
}
.file-panel .pathinfo .p .icon {
    width:40px;
    height:40px;
    float:left;
    border:1px solid #f6f6f6;
    margin-left:10px
}
.file-panel .pathinfo .p input.info-chmod {
    padding:0px 10px;
    width:55px;
    color:#999;
    margin-right:10px;
    display:inline-block
}
.file-panel .pathinfo .p>.title {
    float:left;
    color:#999;
    text-align:left;
    padding:0;
    margin:0;
    line-height:25px;
    width:27%;
    margin-right:1%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .pathinfo .p>.content {
    float:left;
    word-break:break-word;
    color:#444;
    width:72%;
    margin:0;
    padding:5px 0 0 0;
    position:relative;
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text;
    font-size:1em
}
.file-panel .pathinfo .p>.content .desc {
    color:#aaa
}
.file-panel .pathinfo .p>.content.file-md5-loading {
    background:url("../../images/common/loading.gif") 18px 5px no-repeat
}
.file-panel .pathinfo .p:hover {
    background:rgba(230, 230, 230, 0.1)
}
.file-panel .pathinfo .p:hover .title {
    color:#666
}
.file-panel .pathinfo .p:hover .content {
    color:#000
}
.file-panel .pathinfo .p.info-item-path>.content {
    word-break:break-all
}
.file-panel .pathinfo .p.info-item-desc {
    margin-bottom:0
}
.file-panel .pathinfo .p .item-file-embed {
    position:relative;
    left:5px;
    display:inline;
    padding:2px 5px;
    font-size:.9em;
    opacity:.8
}
.file-panel .pathinfo .info-group.file-info-more .p .get-md5-more {
    position:relative;
    top:3px;
    opacity:.8;
    border-color:rgba(150, 150, 150, 0.15);
    padding:0px 6px
}
.file-panel .pathinfo .info-group.file-info-more .p .get-md5-more i.font-icon {
    padding-left:0
}
.file-panel .pathinfo .p .get-children {
    position:absolute;
    margin-top:-2px;
    margin-left:8px;
    opacity:.8;
    border-color:rgba(150, 150, 150, 0.15)
}
.file-panel .pathinfo .p .meta-label {
    border-radius:2px;
    font-size:12px;
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
    line-height:1em;
    padding:3px 5px;
    position:relative;
    top:-1px
}
.file-panel .pathinfo .p .meta-label em {
    font-size:12px;
    font-style:normal
}
.file-panel .pathinfo .meta-label.history-count {
    color:#ff9800;
    background:#ff980021;
    cursor:pointer
}
.file-panel .pathinfo .meta-label.history-count:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee16";
    font-size:1em;
    position:relative;
    top:-1px;
    margin-right:1px
}
.file-panel .pathinfo .info-group {
    position:relative;
    display:none;
    max-height:inherit;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.file-panel .pathinfo .info-group.has-content {
    display:block
}
.file-panel .pathinfo .info-group .show-more, .file-panel .pathinfo .info-group .show-less {
    display:none;
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    border-radius:2px;
    background:#f6f6f6;
    text-decoration:none;
    line-height:22px;
    opacity:.6;
    padding:0 .5em;
    margin:4px 10px 0 0;
    border:none;
    box-shadow:none;
    font-weight:normal;
    overflow:visible;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.file-panel .pathinfo .info-group .show-more:hover, .file-panel .pathinfo .info-group .show-less:hover {
    background:#def;
    color:#1890ff
}
.file-panel .pathinfo .info-group .show-more {
    color:#1890ff;
    opacity:1
}
.file-panel .pathinfo .info-group.show-more-allow {
    max-height:85px;
    overflow:hidden
}
.file-panel .pathinfo .info-group.show-more-allow .show-more {
    display:block;
    margin-bottom:0
}
.file-panel .pathinfo .info-group.show-more-allow:hover .show-less, .file-panel .pathinfo .info-group.show-more-allow:hover .show-more {
    opacity:1
}
.file-panel .pathinfo .info-group.show-more-allow.show-open {
    max-height:inherit;
    overflow:visible
}
.file-panel .pathinfo .info-group.show-more-allow.show-open .show-more {
    display:none
}
.file-panel .pathinfo .info-group.show-more-allow.show-open .show-less {
    display:block
}
.file-panel .pathinfo .info-group.file-info-basic {
    border-top:none;
    margin-top:0;
    padding-top:0;
    overflow:visible !important
}
.file-panel .pathinfo .info-group.file-info-basic .group-header {
    display:none
}
.file-panel .pathinfo .info-group.file-info-basic.show-more-allow {
    max-height:inherit
}
.file-panel .pathinfo .info-group.file-info-tag {
    display:block;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.file-panel .pathinfo .info-group.file-info-more .group-header {
    height:auto
}
.file-panel .pathinfo .info-group.file-info-more .group-header .name {
    display:none
}
.file-panel .pathinfo .info-group.file-info-more .show-more, .file-panel .pathinfo .info-group.file-info-more .show-less {
    opacity:1;
    padding:0;
    width:26px;
    height:26px;
    line-height:25px;
    border-radius:20px;
    margin-top:-2px
}
.file-panel .pathinfo .info-group.file-info-more .p .content {
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-top:0;
    overflow:hidden;
    line-height:25px
}
.file-panel .pathinfo .info-group.file-info-more .p .content.link-href {
    line-height:25px;
    padding:0 5px 0 2px
}
.file-panel .pathinfo .info-group.file-info-more .p .content i {
    opacity:.5;
    font-style:normal;
    padding-left:10px
}
.file-panel .pathinfo .info-group .group-header {
    height:30px;
    line-height:30px;
    z-index:5;
    color:#666;
    font-size:1.05em;
    font-weight:600;
    position:relative;
    padding:0px 10px 0 15px;
    margin-top:8px
}
.file-panel .pathinfo .info-group .group-header .font-icon {
    font-weight:normal
}
.file-panel .pathinfo .info-group .group-header .name {
    display:block;
    white-space:nowrap
}
.file-panel .pathinfo .info-group .group-header:before {
    content:"";
    display:block;
    border-bottom:1px solid #eee;
    position:absolute;
    left:15px;
    right:10px;
    top:-4px
}
.file-panel .pathinfo .p .content .link-href, .file-panel .pathinfo .p .content.link-href {
    color:#40a9ff;
    cursor:pointer;
    padding:2px 5px 2px 2px;
    margin-top:-2px;
    border-radius:3px;
    line-height:16px;
    white-space:normal;
    display:inline-block;
    word-break:break-all
}
.file-panel .pathinfo .p .content .link-href .file-icon, .file-panel .pathinfo .p .content.link-href .file-icon {
    vertical-align:middle;
    margin-right:2px
}
.file-panel .pathinfo .p .content .link-href:hover, .file-panel .pathinfo .p .content.link-href:hover, .file-panel .pathinfo .p .content .link-href:active, .file-panel .pathinfo .p .content.link-href:active, .file-panel .pathinfo .p .content .link-href:focus, .file-panel .pathinfo .p .content.link-href:focus {
    color:#1890ff;
    background:#dbf1ff
}
.file-panel .pathinfo .p .content .link-href.image-gps {
    white-space:nowrap
}
.file-panel .pathinfo .p .role-label-box .label {
    top:2px
}
.file-panel .pathinfo .role-label-box {
    padding:2px 5px;
    background:rgba(0, 0, 0, 0.05);
    display:inline-block;
    cursor:pointer;
    border-radius:20px;
    line-height:16px;
    margin:0
}
.file-panel .pathinfo .role-label-box:hover, .file-panel .pathinfo .role-label-box:active, .file-panel .pathinfo .role-label-box:focus {
    opacity:.6
}
.file-panel .pathinfo .p .label {
    position:relative;
    top:-2px;
    border-radius:20px
}
.file-panel .pathinfo .p.info-item-share-link .label {
    margin:0;
    padding:3px 4px;
    margin-right:1px;
    display:inline;
    line-height:20px
}
.file-panel .pathinfo .p.info-item-share-link .label.text {
    padding:3px 8px
}
.file-panel .pathinfo .p.info-item-share-link .label .font-icon {
    width:20px;
    display:inline-block
}
.file-panel .pathinfo .p.info-item-path-group .content, .file-panel .pathinfo .p.info-item-path .content {
    color:#aaa
}
.file-panel .pathinfo .p.info-item-path-group .content i, .file-panel .pathinfo .p.info-item-path .content i {
    padding:0px 0px
}
.file-panel .pathinfo .p.info-item-path-group .content .link, .file-panel .pathinfo .p.info-item-path .content .link {
    color:#5c6f82;
    border-radius:2px;
    cursor:pointer;
    padding:0px 1px
}
.file-panel .pathinfo .p.info-item-path-group .content .link:hover, .file-panel .pathinfo .p.info-item-path .content .link:hover, .file-panel .pathinfo .p.info-item-path-group .content .link:active, .file-panel .pathinfo .p.info-item-path .content .link:active, .file-panel .pathinfo .p.info-item-path-group .content .link:focus, .file-panel .pathinfo .p.info-item-path .content .link:focus {
    background:#e6f7ff;
    color:#1890ff
}
.file-panel .pathinfo .p.info-item-path-group .content .link[data-action="copyPath"], .file-panel .pathinfo .p.info-item-path .content .link[data-action="copyPath"], .file-panel .pathinfo .p.info-item-path-group .content .link[data-action="fileEmbed"], .file-panel .pathinfo .p.info-item-path .content .link[data-action="fileEmbed"] {
    padding:0;
    margin:0;
    margin-left:-1px;
    display:inline-block
}
.file-panel .pathinfo .p.info-item-link {
    margin-top:-5px
}
.file-panel .pathinfo .p.info-item-link .title {
    line-height:35px
}
.file-panel .pathinfo .p.info-item-link .more-action .btn {
    margin:2px 6px 0 0;
    padding:1px 6px;
    border-radius:2px;
    font-size:12px;
    opacity:.7
}
.file-panel .pathinfo .p.info-item-link .more-action .btn .font-icon {
    font-size:1.2em;
    padding-right:2px
}
.file-panel .pathinfo .no-wrap {
    white-space:nowrap
}
.file-panel .pathinfo input {
    line-height:28px;
    padding:2px 5px;
    width:150px;
    float:left;
    height:28px;
    border-radius:3px
}
.file-panel .pathinfo .info-item-desc .content {
    padding:0;
    margin:1px 0 2px 0;
    cursor:text;
    border-radius:3px;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.03);
    background:#fafafa;
    position:relative;
    min-height:16px;
    min-height:26px;
    box-sizing:border-box
}
.file-panel .pathinfo .info-item-desc .content.placeholder:before {
    content:"";
    display:inline-block;
    width:5px
}
.file-panel .pathinfo .info-item-desc .content.placeholder {
    opacity:.4;
    padding:4px 0 5px 0;
    white-space:nowrap
}
.file-panel .pathinfo .info-item-desc .content:hover, .file-panel .pathinfo .info-item-desc .content:active, .file-panel .pathinfo .info-item-desc .content:focus {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1)
}
.file-panel .pathinfo .info-item-desc .content.on-edit {
    border:none;
    box-shadow:none
}
.file-panel .pathinfo .info-item-desc .content textarea {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border-radius:3px;
    padding:4px;
    height:15px;
    line-height:1.2em;
    border:none;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.08);
    padding:4px 2% 4px 2%;
    width:96%;
    font-family:"Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.file-panel .pathinfo .info-item-desc .content textarea:hover, .file-panel .pathinfo .info-item-desc .content textarea:active {
    border-color:#75A1F0
}
.file-panel .pathinfo .info-item-desc .content textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.file-panel .pathinfo .info-item-desc .content textarea.disabled, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true'], .file-panel .pathinfo .info-item-desc .content textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.file-panel .pathinfo .info-item-desc .content textarea.disabled:hover, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:hover, .file-panel .pathinfo .info-item-desc .content textarea[readonly='readonly']:hover, .file-panel .pathinfo .info-item-desc .content textarea.disabled:active, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:active, .file-panel .pathinfo .info-item-desc .content textarea[readonly='readonly']:active {
    border-color:#ddd
}
.file-panel .pathinfo .info-item-desc .content textarea.disabled:focus, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:focus, .file-panel .pathinfo .info-item-desc .content textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.file-panel .pathinfo .info-item-desc .content textarea:hover {
    box-shadow:0 0 0 1px #1890ff
}
.file-panel .pathinfo .info-item-desc .content textarea:active, .file-panel .pathinfo .info-item-desc .content textarea:focus {
    box-shadow:0 0 0 1px #1890ff, 0 0 0 4px rgba(117, 161, 240, 0.3)
}
.file-panel .pathinfo .info-item-desc .content:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec80";
    color:#ccc;
    position:absolute;
    right:2px;
    top:-2px;
    height:25px;
    width:20px;
    line-height:25px;
    text-align:content
}
.file-panel .pathinfo .info-item-desc .content.on-edit:after {
    display:none
}
.file-panel .pathinfo .info-item-desc .content-text {
    max-height:120px;
    text-overflow:ellipsis;
    word-break:break-word;
    overflow:hidden;
    overflow-y:auto;
    padding:4px 2% 5px 2%
}
.file-panel .pathinfo .p.info-item-auth-mode .content {
    cursor:text;
    overflow:visible !important
}
.file-panel .pathinfo .p.info-item-auth-mode .content input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    display:none;
    border-radius:3px;
    padding:4px;
    height:14px;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);
    padding:4px 5px 3px 5px;
    width:100px;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.file-panel .pathinfo .p.info-item-auth-mode .content input:hover, .file-panel .pathinfo .p.info-item-auth-mode .content input:active {
    border-color:#75A1F0
}
.file-panel .pathinfo .p.info-item-auth-mode .content input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.file-panel .pathinfo .p.info-item-auth-mode .content input.disabled, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='true'], .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.file-panel .pathinfo .p.info-item-auth-mode .content input.disabled:hover, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='true']:hover, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='readonly']:hover, .file-panel .pathinfo .p.info-item-auth-mode .content input.disabled:active, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='true']:active, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='readonly']:active {
    border-color:#ddd
}
.file-panel .pathinfo .p.info-item-auth-mode .content input.disabled:focus, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='true']:focus, .file-panel .pathinfo .p.info-item-auth-mode .content input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.file-panel .pathinfo .p.info-item-auth-mode .content input:active, .file-panel .pathinfo .p.info-item-auth-mode .content input:focus {
    box-shadow:0 0 0 4px rgba(117, 161, 240, 0.3)
}
.file-panel .pathinfo .p.info-item-auth-mode .content:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec80";
    display:none;
    color:#ccc;
    width:20px;
    position:absolute;
    right:2px;
    top:-2px;
    height:25px;
    line-height:25px;
    text-align:content
}
.file-panel .pathinfo .p.info-item-auth-mode .content:hover:after {
    display:block
}
.file-panel .pathinfo .p.info-item-auth-mode .content.on-edit {
    padding-top:1px
}
.file-panel .pathinfo .p.info-item-auth-mode .content.on-edit:after {
    display:none
}
.file-panel .pathinfo .p.info-item-auth-mode .content.on-edit input {
    display:inline-block
}
.file-panel .pathinfo .p.info-item-auth-mode .content.on-edit .content-text {
    display:none
}
.file-panel .pathinfo .p.info-item-video-gps .content .link-href {
    word-break:keep-all
}
.file-panel .pathinfo .p .image-gps-view img {
    max-width:100%;
    cursor:pointer;
    border:1px solid rgba(150, 150, 150, 0.3);
    box-sizing:border-box;
    border-radius:3px
}
.file-panel .pathinfo .p.info-item-auth .content {
    padding-top:2px;
    padding-bottom:3px;
    height:22px
}
.file-panel .pathinfo .p.info-item-auth .role-auth-edit {
    position:absolute;
    top:0;
    right:0px;
    padding:.2em .7em
}
.file-panel .pathinfo .p.info-item-auth .role-auth-edit:before {
    color:#aaa;
    font-size:12px;
    margin-right:4px;
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eecd"
}
.file-panel .pathinfo .p.info-item-lock .lock-file {
    width:auto;
    font-size:1em;
    padding:1px .5em 4px .5em;
    margin-top:-3px
}
.file-panel .pathinfo .p.info-item-lock .lock-file:before {
    position:relative;
    margin-right:4px;
    top:1px
}
.file-panel .pathinfo .p.info-item-oexe .content {
    display:-webkit-box;
    box-orient:vertical;
    -webkit-box-orient:vertical;
    line-clamp:4;
    -webkit-line-clamp:4;
    overflow:hidden;
    max-height:60px
}
.file-panel .pathinfo .file-info-tag .tag-desc {
    color:#ccc;
    visibility:hidden;
    margin:-2px 0 5px 0
}
.file-panel .pathinfo .file-info-tag .title-desc {
    font-style:normal;
    font-weight:200;
    font-size:12px;
    opacity:.7
}
.file-panel .pathinfo .file-info-tag .tag-list {
    padding:2px 15px
}
.file-panel .pathinfo .file-info-tag .tag-list .item.tag-add.context-menu-active {
    display:inline-block
}
.file-panel .pathinfo .file-info-tag .tag-list .item.tag-add.context-menu-active+.tag-desc {
    visibility:hidden
}
.file-panel .pathinfo .file-info-tag:hover .tag-list .item.tag-add {
    display:inline-block
}
.file-panel .pathinfo .file-info-tag.is-empty .tag-list .tag-desc {
    visibility:visible
}
.file-panel .pathinfo .file-info-tag.is-empty:hover .tag-list .tag-desc {
    visibility:hidden
}
.file-panel .pathinfo .file-info-tag.group-tag.is-empty {
    display:none
}
.file-panel .pathinfo .file-info-tag.group-tag.is-empty.auth-can-edit {
    display:block
}
.file-panel .pathinfo .file-info-tag.auth-only-view .btn-edit, .file-panel .pathinfo .file-info-tag.auth-only-view .item .close, .file-panel .pathinfo .file-info-tag.auth-only-view .item.tag-add {
    display:none !important
}
.file-panel .pathinfo .file-info-tag.is-empty .tag-list .item.tag-add {
    margin-left:0
}
.file-panel .pathinfo .file-info-tag.group-tag {
    margin-bottom:-25px
}
.file-panel .pathinfo .file-info-tag.group-tag.is-empty {
    margin-bottom:15px
}
.file-panel .pathinfo .file-info-tag.group-tag .tag-list .item .font-icon {
    font-size:14px;
    position:relative;
    top:-1px;
    opacity:.6
}
.file-panel .pathinfo .file-info-tag .tag-list .item {
    display:inline-block;
    height:20px;
    line-height:20px;
    color:#666;
    cursor:pointer;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    background:#f8fdff;
    border:1px solid #d3eaff;
    margin:0 0px 2px 0;
    padding:1px 8px 1px 5px;
    border-radius:20px;
    position:relative;
    max-width:110px;
    text-overflow:ellipsis;
    min-width:30px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden
}
.file-panel .pathinfo .file-info-tag .tag-list .item:hover {
    border-color:#1890ff;
    color:#1890ff
}
.file-panel .pathinfo .file-info-tag .tag-list .item .x-item-icon.label {
    position:relative;
    top:3px
}
.file-panel .pathinfo .file-info-tag .tag-list .item .close {
    display:none;
    position:absolute;
    right:2px;
    top:2px;
    width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    opacity:1;
    color:#fff;
    font-weight:200;
    font-size:10px;
    border-radius:10px;
    visibility:hidden;
    opacity:0;
    background:#ffa39e;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.file-panel .pathinfo .file-info-tag .tag-list .item .close:before {
    content:"\eb99";
    font-family:"remixicon"
}
.file-panel .pathinfo .file-info-tag .tag-list .item .close:hover {
    background:#ff4d4f
}
.file-panel .pathinfo .file-info-tag .tag-list .item:hover .close {
    visibility:visible;
    opacity:1
}
.file-panel .pathinfo .file-info-tag .tag-list .item.tag-add {
    cursor:pointer;
    display:none;
    position:absolute;
    margin-left:5px;
    border-color:#1890ff;
    color:#1890ff
}
.file-panel .pathinfo .file-info-tag .tag-list .item.tag-add.context-menu-active, .file-panel .pathinfo .file-info-tag .tag-list .item.tag-add:hover {
    display:inline-block;
    background:#1890ff;
    color:#fff
}
.file-panel .pathinfo .file-info-tag .tag-list .item.tag-add .font-icon {
    font-size:14px;
    position:relative;
    top:-1px
}
.file-panel .pathinfo .user-space-info {
    color:#888;
    background:#fff;
    border-top:1px dotted #f6f6f6;
    position:absolute;
    z-index:10;
    bottom:0px;
    width:80%;
    padding:10px 10% 10px 10%;
    margin-left:-1px;
    position:relative;
    width:inherit;
    bottom:inherit;
    border:none;
    border-bottom:1px solid #eee;
    padding:0 0 5px 0;
    margin:0px 15px 10px 15px
}
.file-panel .pathinfo .user-space-info .space-process {
    height:6px;
    margin:0px;
    margin-bottom:5px;
    overflow:hidden;
    border-radius:5px
}
.file-panel .pathinfo .user-space-info .space-process .space-process-use {
    height:100%;
    width:0%;
    transition:all 1s;
    border-radius:5px
}
.file-panel .pathinfo .user-space-info .name {
    position:absolute;
    right:0px;
    top:10px;
    color:#40a9ff
}
.file-panel .pathinfo .user-space-info .space-process .space-process-use {
    transition:none
}
.file-panel .pathinfo .info-item-share-info .label {
    cursor:pointer;
    border-radius:20px;
    padding:1px 5px 3px 5px;
    top:-1px
}
.file-panel .pathinfo .info-item-share-info .label .font-icon {
    font-size:14px;
    vertical-align:bottom;
    position:relative;
    top:1px
}
.file-panel .pathinfo .info-item-share-info .label:hover, .file-panel .pathinfo .info-item-share-info .label:active, .file-panel .pathinfo .info-item-share-info .label:focus {
    opacity:.7
}
.file-panel .pathinfo .info-item-share-info .label-share-to {
    color:#1a57de;
    background:#e5edff;
    border:1px solid #b5caf7
}
.file-panel .pathinfo .info-item-share-info .label-share-to .font-icon {
    color:#1a57de
}
.file-panel .pathinfo .info-item-share-info .label-share-link {
    color:#219230;
    background:#edfff3;
    border:1px solid #d3eadb
}
.file-panel .pathinfo .info-item-share-info .label-share-link .font-icon {
    color:#31dc48
}
.file-panel .pathinfo .btn-edit {
    position:absolute;
    right:10px;
    top:3px;
    border:1px solid #f3f3f3;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    opacity:.5;
    font-size:15px;
    cursor:pointer;
    border-radius:3px
}
.file-panel .pathinfo .btn-edit:hover, .file-panel .pathinfo .btn-edit:active, .file-panel .pathinfo .btn-edit:focus, .file-panel .pathinfo .btn-edit.context-menu-active {
    background:#def;
    color:#40a9ff;
    border-color:#def;
    opacity:1
}
.file-panel .pathinfo hr {
    margin-top:5px;
    margin-bottom:5px
}
.file-panel .pathinfo .info-item-share-target .content {
    margin-top:-2px;
    margin-bottom:-2px;
    max-height:120px;
    overflow-y:auto
}
.file-panel .pathinfo .info-item-share-target .share-item {
    display:inline-block;
    cursor:default;
    padding:0px 5px;
    margin:0 2px 4px 1px;
    border-radius:10px;
    line-height:18px;
    background:#1890ff08;
    box-shadow:0 0 0 1px #1890ff20
}
.file-panel .pathinfo .info-item-share-target .share-item:hover {
    background:#1890ff30;
    box-shadow:0 0 0 1px #1890ff50
}
.file-panel .pathinfo .info-item-share-target .share-item .picture.ico img {
    width:18px;
    height:18px;
    border-radius:50%;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    margin:-2px 0 0 -5px
}
.file-panel .pathinfo .info-item-share-target .auth-info {
    font-style:normal;
    color:#aaa;
    margin-left:4px
}
.file-panel .pathinfo .info-item-share-target .auth-info:before {
    content:"(";
    display:inline-block;
    padding:0 1px 0 2px
}
.file-panel .pathinfo .info-item-share-target .auth-info:after {
    content:")";
    display:inline-block;
    padding:0 0 0 1px
}
.file-panel .pathinfo .info-item-share-target .auth-info span {
    display:inline-block
}
.file-panel .pathinfo .info-item-share-target .item-name {
    position:relative;
    top:-1px
}
.file-panel .pathinfo .info-item-share-target .x-item-icon.label {
    position:relative;
    top:1px;
    width:8px;
    height:8px
}
.panel-auth.tab-content {
    padding:20px 0 30px 0;
    color:#446;
    margin:0
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box.config-box .panel-form-body {
    padding:0;
    overflow:hidden;
    position:static
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    margin:0;
    padding:5px 10px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title {
    width:92%;
    padding:0;
    margin:8px 0 0 2px;
    position:relative;
    top:-5px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title:before {
    content:" ";
    border-left:4px solid #1890ff;
    border-radius:4px;
    margin-right:.6em;
    font-size:.9em;
    position:relative;
    top:-0.1em;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3)
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content {
    width:100%;
    overflow:visible
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content .desc {
    text-shadow:none
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .add-user-group {
    position:absolute;
    top:-36px;
    right:0px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-select-box {
    height:330px;
    overflow-y:auto;
    overflow-x:hidden;
    margin-bottom:5px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-toolbar {
    margin-top:-6px;
    margin-right:0px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice {
    border-top:1px solid transparent;
    border-bottom:1px solid #eee;
    margin-top:-1px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:hover, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:active, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:focus {
    border-color:#91d5ff
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-null {
    text-align:center;
    line-height:150px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType {
    margin-top:-5px;
    padding-top:0 !important;
    padding-bottom:0 !important
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType .setting-content {
    overflow:hidden;
    text-overflow:ellipsis
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType .desc {
    margin-top:-2px
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth {
    background-color:rgba(160, 160, 160, 0.08);
    box-shadow:0 0 0 1px rgba(160, 160, 160, 0.15)
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row {
    border:none;
    padding:0;
    margin:0
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row hr {
    border:none
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-title {
    height:0
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content {
    text-align:right;
    border-radius:0;
    width:100%;
    border:none;
    padding:12px 0 0 0;
    border-top:solid 1px #f6f6f6;
    background:#fcfcfc;
    background-image:linear-gradient(to bottom, #fbfbfb, #fff)
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-save-button {
    margin:0px 12px 15px 0;
    padding:8px 40px;
    float:right
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button {
    margin:0px 20px 10px;
    float:right;
    background:#eee;
    color:#aaa
}
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:hover, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:active, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:focus {
    color:#2196F3;
    background:#eaf5ff
}
.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more {
    margin:0 12px 5px 0;
    padding:6px 1em;
    border-radius:3px;
    color:#888;
    background:#cccccc20
}
.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more:hover {
    color:#1890ff;
    background:#def
}
.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee59";
    opacity:.8;
    position:relative;
    top:-1px;
    display:inline-block;
    padding-right:2px
}
.frame-main-explorer .file-panel .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    padding:5px 0
}
.file-auth-mutil .panel-auth.tab-content {
    padding:0 0 0 0
}
.file-auth-mutil .panel-auth.tab-content .info-alert {
    margin:10px 20px 0 20px
}
.file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    padding:5px 20px
}
.file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row {
    padding:0
}
.explorer-auth-description .form-box .form-row .title-desc {
    position:absolute;
    right:20px;
    top:-25px;
    opacity:.7;
    max-width:50%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.explorer-auth-description .form-row .content {
    position:absolute;
    left:0;
    right:0;
    top:0;
    overflow:auto;
    bottom:45px;
    padding:10px 20px 40px 20px
}
.explorer-auth-description .list-page {
    position:absolute;
    bottom:8px;
    right:20px
}
.explorer-auth-description .table-column.col-user {
    width:50%
}
.explorer-auth-description .table-column.col-auth {
    width:50%
}
.explorer-auth-description .table-column.col-item-path {
    width:50%
}
.explorer-auth-description .table-column.col-item-target {
    width:50%
}
.explorer-auth-description .list-empty {
    text-align:center;
    top:50%;
    position:absolute;
    left:0;
    right:0;
    width:auto;
    height:auto;
    margin:auto;
    margin-top:-60px
}
.explorer-auth-description .list-empty .path-ico {
    width:100%;
    height:80px;
    margin-bottom:10px;
    background:url("../../images/common/status/empty.svg") no-repeat;
    background-size:contain;
    text-align:center;
    background-position:50%
}
.explorer-auth-description .list-empty .path-ico svg {
    display:none
}
.explorer-auth-description .user-info .path-ico img {
    max-width:100%;
    max-height:100%;
    border-radius:50%;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.explorer-auth-description .table-column.col-item-path .path-ico {
    position:absolute;
    width:48px;
    height:48px;
    font-size:46px
}
.explorer-auth-description .table-column.col-item-path .path-ico .svg-icon {
    position:relative;
    top:-6px
}
.explorer-auth-description .table-column.col-item-path .title {
    position:absolute;
    left:60px;
    top:12px;
    white-space:nowrap
}
.explorer-auth-description .table-column.col-item-path .title .title-name {
    font-size:1.1em;
    margin-right:5px
}
.explorer-auth-description .table-column.col-item-path .title .title-time, .explorer-auth-description .table-column.col-item-path .title .title-size {
    padding-left:5px;
    color:#aaa;
    font-size:12px
}
.explorer-auth-description .table-column.col-item-path .title .title-size {
    display:none
}
.explorer-auth-description .table-column.col-item-path .path-at {
    color:#7891af;
    cursor:pointer;
    display:block;
    border-radius:3px;
    margin:22px 0 2px 52px;
    padding:2px 2px 2px 2px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.explorer-auth-description .table-column.col-item-path .path-at:hover {
    background:#1890ffc4;
    color:#e6f7ff
}
.explorer-auth-description .table-row {
    display:flex
}
.explorer-auth-description .table-column col-item-target {
    display:flex;
    align-items:center
}
.explorer-auth-description .table-column.col-item-target .share-item.user-info {
    display:inline-block;
    white-space:nowrap;
    padding:0px 5px 0 0px;
    margin:0 2px 4px 1px;
    border-radius:10px;
    line-height:18px;
    background:#1890ff08;
    box-shadow:0 0 0 1px #1890ff20
}
.explorer-auth-description .table-column.col-item-target .share-item.user-info .svg-icon {
    margin:0px 0px 0 2px;
    border-radius:7px 0 0 7px
}
.explorer-auth-description .table-column.col-item-target .share-item.user-info .auth-info {
    color:#aaa;
    margin-left:6px;
    font-style:normal
}
.explorer-auth-description .table-column.col-item-target .share-item.user-info .auth-info .label {
    width:8px;
    height:8px;
    top:0px;
    margin:0
}
.explorer-auth-description .table-column.col-item-target .share-item.user-info.item-user.user-0 {
    background:#fff9c5;
    box-shadow:0 0 0 1px #ffc107
}
.explorer-auth-description .user-info .path-ico {
    position:relative;
    top:0;
    margin-right:4px
}
.explorer-auth-description .x-item-icon.label {
    position:relative;
    top:2px;
    margin-right:2px
}
.explorer-auth-description .action-toolbar {
    position:absolute;
    top:0;
    right:0;
    display:none;
    background:#fff;
    box-shadow:-2px 2px 3px #bbb;
    z-index:10;
    height:30px;
    border-radius:0 0 0 4px;
    overflow:hidden
}
.explorer-auth-description .action-toolbar .item {
    padding:6px 10px;
    cursor:pointer;
    display:inline-block;
    border-right:.5px solid #eee
}
.explorer-auth-description .action-toolbar .item:hover {
    background:#e6f7ff;
    color:#1890ff
}
.explorer-auth-description .table-column.col-item-target:hover .action-toolbar {
    display:block
}
.explorer-auth-description .path-from-info {
    position:absolute;
    left:0px;
    bottom:-1px;
    padding:10px 15px;
    box-sizing:border-box;
    width:100%;
    background:#dddddd20;
    border-top:1px solid #dddddd30
}
.explorer-auth-description .path-from-info .path-item {
    cursor:pointer;
    padding:2px 5px;
    border-radius:2px;
    background:#dddddd60;
    -ms-transition:background .2s;
    -webkit-transition:background .2s;
    -moz-transition:background .2s;
    -o-transition:background .2s;
    transition:background .2s
}
.explorer-auth-description .path-from-info .path-item:hover {
    background:#1890ffc4;
    color:#e6f7ff
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description {
    min-width:200px;
    min-height:200px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .tab-group {
    margin:5px 20px 0 20px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .tab-item:first-child {
    margin-left:-10px
}
.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .panel-form-body {
    overflow:visible
}
.dark-mode .explorer-auth-description .action-toolbar {
    background:#666;
    box-shadow:-2px 2px 3px #333
}
.dark-mode .explorer-auth-description .action-toolbar .item {
    border-color:#777
}
.app-wap-small .explorer-auth-description.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-item:first-child {
    margin-left:-5px
}
.app-wap-small .explorer-auth-description .form-row .content {
    padding:10px 15px 40px 10px
}
.table-view .table-row {
    border-bottom:1px solid #eee;
    display:block;
    clear:both;
    position:relative;
    -ms-transition:background .2s;
    -webkit-transition:background .2s;
    -moz-transition:background .2s;
    -o-transition:background .2s;
    transition:background .2s
}
.table-view .table-row:hover {
    background:#f8f8f8
}
.table-view .table-row:after {
    content:'';
    clear:both;
    display:block
}
.table-view .table-row.row-header {
    font-weight:600;
    background:#fafafa;
    border-top:1px solid #eee
}
.table-view .table-row .table-column {
    float:left;
    padding:8px 5px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis
}
.form-box .form-row .my-page-box select {
    min-width:initial;
    margin-right:initial
}
.dark-mode .table-view .table-row {
    border-color:rgba(255, 255, 255, 0.05)
}
.dark-mode .table-view .table-row.row-header {
    background:rgba(255, 255, 255, 0.15)
}
.dark-mode .table-view .table-row:hover {
    background:rgba(255, 255, 255, 0.05)
}
.file-panel .panel-tab-content .panel-chat {
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    padding:0
}
.file-panel .panel-tab-content .panel-chat .content-header {
    margin:10px
}
.file-panel .panel-tab-content .panel-chat .content-list {
    position:absolute !important;
    overflow:auto;
    padding:10px 0px 20px 0px;
    left:0;
    right:0;
    top:50px;
    bottom:62px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item {
    padding:8px 10px 10px 10px;
    position:relative;
    overflow:hidden;
    margin-bottom:1px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user {
    display:inline-block
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .name {
    padding-left:40px;
    color:#666;
    transform:scale(.95);
    display:inline-block
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico {
    width:30px;
    height:30px;
    position:absolute;
    top:-2px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico img {
    height:30px;
    width:30px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.time {
    color:#ddd;
    border-radius:20px;
    padding:0 .5em;
    display:inline-block;
    transform:scale(.9)
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-time-after {
    clear:both;
    float:none;
    display:block
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content {
    padding:7px;
    background:#e6f7ff;
    border:.5px solid #b3e7ff;
    box-shadow:2px 2px 4px rgba(179, 231, 255, 0.1);
    position:relative;
    max-width:75%;
    min-width:30px;
    white-space:normal;
    word-break:break-word;
    left:40px;
    top:2px;
    display:inline-block;
    border-radius:5px;
    cursor:text;
    color:#444
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .content {
    position:relative;
    z-index:2
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .comment-text img {
    max-width:100%;
    cursor:pointer;
    cursor:zoom-in;
    border-radius:4px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .comment-text img:hover {
    opacity:.95
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item:hover {
    background:#fafbfc
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active {
    background:#e6f7ff
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply {
    display:block;
    padding:5px 5px;
    background:rgba(0, 0, 0, 0.05);
    border-left:2px solid rgba(0, 0, 0, 0.2);
    border-radius:4px;
    margin-bottom:5px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply .user-info .path-ico {
    display:none
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user {
    float:right
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .user-info .path-ico {
    right:-2px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .name {
    padding-right:40px;
    padding-left:0
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.time {
    float:right
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content {
    background:#96e350;
    border:.5px solid #7cdc24;
    box-shadow:-2px 2px 4px rgba(124, 220, 36, 0.1);
    float:right;
    left:inherit;
    right:40px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .cert {
    position:absolute;
    width:6px;
    height:6px;
    top:5px;
    transform:rotateZ(45deg);
    border-radius:1px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert {
    background:#96e350;
    border:.5px solid #7cdc24;
    right:-4px;
    border-left:none;
    border-bottom:none
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert {
    background:#e6f7ff;
    border:.5px solid #b3e7ff;
    left:-4px;
    border-right:none;
    border-top:none
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger {
    display:none;
    width:22px;
    height:22px;
    line-height:22px;
    cursor:pointer;
    text-align:center;
    border-radius:3px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    background:#f6f6f6;
    color:#ccc;
    position:absolute;
    bottom:0px;
    right:-30px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:hover, .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:active, .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:focus {
    background:#cfedff;
    color:#1890ff
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item:hover .menu-trigger {
    display:block
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .menu-trigger {
    right:inherit;
    left:-30px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active .menu-trigger, .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active:hover .menu-trigger {
    display:block
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat {
    padding-top:1px;
    padding-bottom:5px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item-content .cert {
    display:none
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.user, .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.time {
    display:none
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-self .item-content {
    border-radius:5px 0 5px 5px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-others .item-content {
    border-radius:0 5px 5px 5px
}
.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat-first {
    padding-bottom:4px
}
.file-panel .panel-tab-content .panel-chat .content-list .content-list-items {
    padding-bottom:20px;
    padding-top:10px
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before {
    text-align:center
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before:before {
    content:"";
    border-top:1px solid #eee;
    position:absolute;
    left:5%;
    width:90%;
    margin-top:11px;
    z-index:0
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before span {
    display:inline-block;
    cursor:pointer;
    margin:2px 0;
    padding:2px 1em;
    background:#e6f7ff;
    color:#99a;
    border-radius:30px;
    position:relative;
    z-index:2;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before span:hover, .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:active, .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:focus {
    background:#def0f9;
    color:#1890ff
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before span i {
    opacity:.4;
    font-style:normal;
    display:inline-block;
    margin-left:4px;
    font-size:.9em;
    transform:scale(.9)
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:before {
    content:"("
}
.file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:after {
    content:")"
}
.file-panel .panel-tab-content .panel-chat .chat-content-box {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:61px;
    border-top:1px solid #eee
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .placeholder {
    padding:10px;
    color:#ccc;
    pointer-events:none
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-box {
    overflow:hidden;
    position:absolute;
    top:0;
    bottom:28px;
    left:0;
    right:0
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-content {
    position:absolute;
    top:7px;
    left:7px;
    bottom:5px;
    right:5px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input {
    border:none;
    overflow:hidden;
    overflow-y:auto;
    cursor:text;
    margin:0;
    padding:0;
    word-break:break-all;
    height:100%;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input img {
    max-width:100%
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input p {
    padding:0;
    margin:0
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:active, .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:focus {
    background:#fefefe
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar {
    position:absolute;
    left:0;
    bottom:5px;
    height:0;
    width:100%
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group {
    position:absolute;
    right:6px;
    bottom:2px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .kui-btn {
    vertical-align:top;
    box-sizing:border-box;
    height:27px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey {
    padding:4px 2px 4px 2px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey .font-icon {
    font-size:20px;
    line-height:18px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu {
    position:absolute;
    top:auto;
    bottom:100%;
    margin-bottom:10px;
    border-radius:4px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li {
    line-height:25px;
    color:#666;
    padding:0 15px;
    cursor:pointer;
    position:relative
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li .font-icon {
    display:inline-block;
    width:20px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li:hover {
    background:#eee
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li.select:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b";
    width:20px;
    height:20px;
    position:absolute;
    right:5px;
    top:5px;
    color:#1890ff
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item {
    position:absolute;
    left:0;
    bottom:0px;
    cursor:pointer;
    text-align:center;
    padding:3px 3px;
    color:#aaa;
    font-size:16px;
    border-radius:3px;
    line-height:18px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item:hover {
    background:#e6f7ff;
    color:#1890ff
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji {
    left:5px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec90"
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji.panel-open {
    background:rgba(24, 144, 255, 0.2);
    color:#40a9ff;
    border-top-right-radius:0px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-image {
    left:35px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-image:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee4b"
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item {
    margin:0px 3px 3px 0px;
    padding:2px 30px 8px 5px;
    line-height:25px;
    height:20px;
    background:#f3f3f3;
    border-radius:4px;
    white-space:nowrap;
    word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .user-info .path-ico {
    top:-1px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .comment-text img {
    display:inline;
    border-radius:2px;
    height:20px;
    margin-top:-3px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .comment-text img.emoji-img {
    height:inherit;
    margin-top:2px
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close {
    position:absolute;
    right:3px;
    top:0px;
    width:30px;
    height:30px;
    line-height:30px;
    background:#f0f0f0;
    border-radius:0 3px 3px 0;
    text-align:center;
    color:#ddd;
    cursor:pointer
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:hover, .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:active, .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:focus {
    background:#e6f7ff;
    color:#40a9ff
}
.file-panel .panel-tab-content .panel-chat .emoji-img {
    display:inline-block;
    width:24px;
    height:24px;
    position:relative;
    top:-2px;
    padding:0 0px;
    pointer-events:none
}
.file-panel .panel-tab-content .panel-chat .emoji-text {
    display:inline-block;
    width:24px;
    height:24px;
    line-height:24px;
    cursor:text;
    padding:0 1px;
    pointer-events:none;
    font-size:18px;
    text-align:center
}
.file-panel .panel-tab-content .panel-chat input.emoji-text {
    background:none;
    border:none;
    padding:0;
    margin:0;
    cursor:text !important
}
.file-panel .panel-tab-content .panel-chat img.emoji-text {
    background-repeat:no-repeat;
    text-indent:-9999em;
    vertical-align:middle
}
.file-panel .panel-tab-content .panel-chat .chat-block-markdown {
    padding:8px;
    margin:5px;
    border-radius:4px;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    box-shadow:0 0 50px rgba(0, 0, 0, 0.05) inset;
    border:1px solid rgba(0, 0, 0, 0.05);
    overflow:auto
}
.file-panel .panel-tab-content .panel-chat .chat-block-markdown:after {
    content:"markdown";
    position:absolute;
    right:0px;
    top:0px;
    background:#d8f2ff;
    color:#40a9ff;
    padding:2px 10px;
    border-radius:0 0 0 10px
}
.file-panel .panel-tab-content .panel-chat a {
    color:#1890ff;
    text-decoration:none;
    padding:1px 2px 1px 1px;
    border-radius:3px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    border-bottom:1px solid transparent
}
.file-panel .panel-tab-content .panel-chat a:hover, .file-panel .panel-tab-content .panel-chat a:active, .file-panel .panel-tab-content .panel-chat a:focus {
    background:#1890ff30
}
.file-panel .panel-tab-content .panel-chat .markdown-preview pre {
    padding:0;
    background:none;
    border-radius:3px
}
.file-panel .panel-tab-content .panel-chat .markdown-preview pre code {
    border:1px solid rgba(0, 0, 0, 0.1)
}
.file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-hey, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-facepalm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smirk, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smart, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-moue, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-yeah, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-packet, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-chick, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-onlooker, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-goforit, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-sweats, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-omg, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-emm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-respect, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-doge, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-noprob, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-mybad, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-wow {
    width:22px;
    height:22px
}
.file-panel .panel-tab-content .panel-chat .emoji-panel .dialog-tab {
    text-align:left;
    border-top:none;
    box-shadow:none
}
.file-panel .panel-tab-content .panel-chat .emoji-panel .tab-item-bar {
    bottom:-1px
}
.file-panel .panel-tab-content .panel-chat .emoji-panel .tab-content {
    padding:10px;
    padding-bottom:30px;
    min-height:inherit;
    min-width:400px
}
.file-panel .panel-tab-content .panel-chat .emoji-text {
    pointer-events:auto
}
.file-panel .panel-tab-content .panel-chat.auth-readonly .content-list {
    bottom:30px !important
}
.file-panel .panel-tab-content .panel-chat.auth-readonly .drag-resize {
    display:none
}
.file-panel .panel-tab-content .panel-chat.auth-readonly .chat-content-box {
    display:none
}
.file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box {
    display:block !important;
    visibility:visible !important;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    opacity:.8
}
.file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box .info-alert {
    display:block;
    border-radius:0px;
    border:none;
    border-top:1px solid #f5edc3
}
.file-panel .panel-tab-content .panel-chat .select-view {
    visibility:hidden;
    transition:all .2s;
    position:absolute;
    top:0;
    width:100%;
    height:50px;
    margin-left:-10px;
    margin-top:-9px;
    padding-left:5px;
    padding-right:15px;
    margin-top:-60px;
    z-index:10;
    background:#fafafa;
    border-bottom:1px solid #eee
}
.file-panel .panel-tab-content .panel-chat .select-view .select-close {
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    line-height:50px;
    transition:all .2s;
    cursor:pointer;
    font-size:24px;
    background:rgba(150, 150, 150, 0.01)
}
.file-panel .panel-tab-content .panel-chat .select-view .select-close:hover {
    background:rgba(150, 150, 150, 0.2)
}
.file-panel .panel-tab-content .panel-chat .select-view .kui-btn {
    margin:11px 0 0 10px
}
.dark-mode .file-panel .panel-tab-content .panel-chat .select-view {
    background:rgba(50, 50, 50, 0.9);
    border-color:rgba(100, 100, 100, 0.9)
}
.app-wap-small .file-panel .panel-tab-content .panel-chat .select-view .kui-btn {
    margin:6px 0 0 6px
}
.app-wap-small .file-panel .panel-tab-content .panel-chat .select-view .select-close {
    width:42px;
    height:42px;
    line-height:42px
}
.app-wap-small .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert {
    right:-3px
}
.app-wap-small .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert {
    left:-3px
}
.dialog-file-panel .file-panel .panel-tab-content .panel-chat .select-view {
    opacity:0;
    margin-top:-30px
}
.dialog-file-panel .file-panel .panel-tab-content .panel-chat.list-select .select-view {
    opacity:1;
    margin-top:-5px
}
.file-panel .panel-tab-content .panel-chat.list-select .select-view {
    visibility:visible;
    margin-top:-9px
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item {
    padding-left:50px
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7d";
    position:absolute;
    left:15px;
    top:50%;
    margin-top:-10px;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    color:#aaa
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .menu-trigger {
    display:none !important
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .item-content {
    pointer-events:none
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .item-content .content {
    pointer-events:none
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item.selected:before {
    color:#0ec160;
    content:"\eb80"
}
.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item.selected {
    background:rgba(100, 172, 255, 0.1)
}
.file-panel .panel-history .content-header .btn-group {
    position:absolute;
    top:3px;
    right:0
}
.file-panel .panel-history .content-header .btn-group .kui-btn {
    padding:4px 5px
}
.file-panel .panel-history .content-header .btn-group .kui-btn.version-refresh {
    margin-right:5px;
    padding:4px 5px
}
.file-panel .panel-history .content-list {
    padding-bottom:50px !important
}
.file-panel .panel-history .content-list .file-item {
    padding:0;
    margin-bottom:-1px;
    border:1px solid #eee;
    margin-bottom:4px;
    border-radius:4px;
    position:relative;
    overflow:hidden;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-history .content-list .file-item:hover, .file-panel .panel-history .content-list .file-item:active, .file-panel .panel-history .content-list .file-item:focus, .file-panel .panel-history .content-list .file-item.context-menu-active {
    border-color:#91d5ff;
    position:relative;
    z-index:5
}
.file-panel .panel-history .content-list .file-item:hover .file-item-line, .file-panel .panel-history .content-list .file-item:active .file-item-line, .file-panel .panel-history .content-list .file-item:focus .file-item-line, .file-panel .panel-history .content-list .file-item.context-menu-active .file-item-line {
    background:#e6f7ff;
    border-color:#e6f7ff
}
.file-panel .panel-history .content-list .file-item.context-menu-active .menu-trigger {
    background:#c3e2ff;
    color:#1890ff
}
.file-panel .panel-history .content-list .file-item .file-item-line {
    background:#fafafa;
    padding:5px 10px;
    font-size:12px;
    overflow:hidden;
    white-space:nowrap
}
.file-panel .panel-history .content-list .file-item.file-item-last .item.version {
    width:auto
}
.file-panel .panel-history .content-list .file-item .item {
    display:inline-block;
    margin-right:5px
}
.file-panel .panel-history .content-list .file-item .item.version {
    width:32px
}
.file-panel .panel-history .content-list .file-item .item.version .label {
    padding:.25em .3em;
    min-width:25px
}
.file-panel .panel-history .content-list .file-item .item.user {
    position:absolute;
    right:30px
}
.file-panel .panel-history .content-list .file-item .item.user .name {
    display:none
}
.file-panel .panel-history .content-list .file-item .item.mtime {
    color:#999;
    margin-right:0;
    line-height:22px
}
.file-panel .panel-history .content-list .file-item .item.size {
    border-radius:20px;
    padding:1px 1px 1px 5px;
    font-size:.9em
}
.file-panel .panel-history .content-list .file-item .item.size:before {
    content:'•';
    opacity:.3;
    padding:0 4px 0 0px
}
.file-panel .panel-history .content-list .file-item .menu-trigger {
    position:absolute;
    right:5px;
    top:3px;
    width:25px;
    height:25px;
    line-height:23px;
    color:#666;
    background:#fafafa;
    border-radius:2px;
    text-align:center;
    cursor:pointer
}
.file-panel .panel-history .content-list .file-item .menu-trigger:hover {
    background:#c3e2ff;
    color:#1890ff
}
.file-panel .panel-history .content-list .file-item .add-desc {
    position:absolute;
    display:none;
    right:60px;
    top:3px;
    cursor:pointer;
    padding:4px 0;
    border-radius:4px;
    width:25px;
    text-align:center;
    transition:all .2s;
    color:#1890ff;
    background:#79bbfc42
}
.file-panel .panel-history .content-list .file-item .add-desc:hover {
    color:#def;
    background:#1890ff
}
.file-panel .panel-history .content-list .file-item.detail-empty:hover .add-desc {
    display:block
}
.file-panel .panel-history .content-list .file-item.detail-empty .item.detail {
    display:none
}
.file-panel .panel-history .content-list .file-item.image-item.detail-empty .item.detail {
    display:block
}
.file-panel .panel-history .content-list .file-item .item.detail {
    padding:4px 10px 4px 10px;
    min-height:37px;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #f6f6f6
}
.file-panel .panel-history .content-list .file-item .item.detail .content {
    cursor:text;
    padding:4px 5px;
    margin-left:2px;
    padding-right:8px;
    display:block;
    margin-left:-3px;
    margin-left:32px;
    max-height:120px;
    overflow-y:auto;
    background:rgba(150, 150, 150, 0.1);
    border-radius:4px
}
.file-panel .panel-history .content-list .file-item .item.detail .content.on-edit {
    padding:0px;
    padding-right:8px;
    overflow:hidden
}
.file-panel .panel-history .content-list .file-item .item.detail .content.placeholder {
    color:#ddd
}
.file-panel .panel-history .content-list .file-item .item.detail .content.placeholder:hover {
    background:#fafafa
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    transition:border, box-shadow ease-in-out .2s;
    padding:3px 1px 4px 4px;
    padding-bottom:3px;
    width:100%;
    height:18px;
    border-radius:4px;
    max-height:120px;
    background:transparent;
    box-shadow:none
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea:hover, .file-panel .panel-history .content-list .file-item .item.detail .content textarea:active {
    border-color:#75A1F0
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea.disabled, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='true'], .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea.disabled:hover, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='true']:hover, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='readonly']:hover, .file-panel .panel-history .content-list .file-item .item.detail .content textarea.disabled:active, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='true']:active, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='readonly']:active {
    border-color:#ddd
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea.disabled:focus, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='true']:focus, .file-panel .panel-history .content-list .file-item .item.detail .content textarea[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.file-panel .panel-history .content-list .file-item .item.detail .content textarea:focus {
    box-shadow:none
}
.file-panel .panel-history .content-list .file-item.image-item .image-box {
    position:absolute;
    left:0;
    top:0;
    width:20%;
    height:100%;
    text-align:center;
    overflow:hidden;
    border-right:1px solid rgba(120, 120, 120, 0.1);
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center
}
.file-panel .panel-history .content-list .file-item.image-item .image-box img {
    max-width:100%;
    max-height:100%;
    padding:4px;
    box-sizing:border-box;
    border-radius:6px;
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.file-panel .panel-history .content-list .file-item.image-item .file-item-line {
    margin-left:20%
}
.file-panel .panel-history .content-list .file-item.image-item .item.detail {
    margin-left:20%;
    width:80%
}
.file-panel .panel-history .bottom-tips {
    position:absolute;
    left:0;
    bottom:2px;
    right:0px;
    padding:8px 10px;
    text-align:center;
    opacity:.7;
    background:#fffbe6;
    color:#aaa
}
.file-panel .panel-log .content-list .list-item {
    background:#f6f9ff;
    color:#789;
    border:1px solid #dbf1ff;
    padding:5px;
    margin:0 0 10px 30px;
    position:relative;
    min-height:35px;
    line-height:1.4em;
    border-radius:4px;
    word-break:break-word
}
.file-panel .panel-log .content-list .list-item:hover {
    background:#e6f7ff;
    border:1px solid #dbf1ff
}
.file-panel .panel-log .content-list .list-item:before {
    content:" ";
    position:absolute;
    top:0;
    width:2px;
    height:100%;
    background:#e3e6e8;
    margin-left:-27px;
    padding-bottom:12px
}
.file-panel .panel-log .content-list .list-item:after {
    content:" ";
    position:absolute;
    top:0;
    left:3px;
    width:20px;
    height:2px;
    background:#e3e6e8;
    margin-left:-24px;
    margin-top:24px
}
.file-panel .panel-log .content-list .list-item:first-child:before {
    top:15px
}
.file-panel .panel-log .content-list .list-item:last-child:before, .file-panel .panel-log .content-list .list-item.list-last:before {
    height:15px
}
.file-panel .panel-log .content-list .list-item.list-item-one:before {
    height:0px;
    display:none
}
.file-panel .panel-log .content-list .list-item .action-icon {
    position:absolute;
    left:-31px;
    text-align:center;
    width:20px;
    height:20px;
    line-height:17px;
    margin-top:10px;
    z-index:5;
    border-radius:10px;
    font-size:10px;
    font-weight:600;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.file-panel .panel-log .content-list .list-item .action-icon:hover {
    transform:scale(1.2);
    opacity:.8
}
.file-panel .panel-log .content-list .list-item .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f181";
    top:-0.1em !important
}
.file-panel .panel-log .content-list .list-item.type-create-mkdir .action-icon, .file-panel .panel-log .content-list .list-item.type-create-mkfile .action-icon, .file-panel .panel-log .content-list .list-item.type-create .action-icon {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-create-mkdir .action-icon:before, .file-panel .panel-log .content-list .list-item.type-create-mkfile .action-icon:before, .file-panel .panel-log .content-list .list-item.type-create .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea13";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-edit .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-edit .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecdb";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-move .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-move .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6c";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-moveOut .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-moveOut .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0c3";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-share .action-icon {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-share .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0fc";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-rename .action-icon {
    background:#d2eafb;
    border-color:#add9f8;
    color:#108ee9
}
.file-panel .panel-log .content-list .list-item.type-rename .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec86";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-recycle-toRecycle .action-icon, .file-panel .panel-log .content-list .list-item.type-recycle .action-icon {
    background:#f46e65;
    border-color:#f14a3f;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-recycle-toRecycle .action-icon:before, .file-panel .panel-log .content-list .list-item.type-recycle .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec1e";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-remove .action-icon {
    background:#f46e65;
    border-color:#f14a3f;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-remove .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec2a";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-addDesc .action-icon {
    background:#948aec;
    border-color:#7467e6;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-addDesc .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec51";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-addComment .action-icon {
    background:#948aec;
    border-color:#7467e6;
    color:#fff
}
.file-panel .panel-log .content-list .list-item.type-addComment .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef44";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-create-upload .action-icon:before, .file-panel .panel-log .content-list .list-item.type-create.action-create-upload .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f24a";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-create.action-share-shareLinkAdd .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eeb2";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item.type-fileDownload .action-icon {
    background:#d2eafb;
    border-color:#add9f8;
    color:#108ee9
}
.file-panel .panel-log .content-list .list-item.type-fileDownload .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec54";
    line-height:1.2em
}
.file-panel .panel-log .content-list .list-item .item.title-show {
    padding:0px 0px 2px 22px;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .panel-log .content-list .list-item .item-desc {
    padding:0 0 0 22px
}
.file-panel .panel-log .content-list .list-item.type-addComment .item-desc>.item-content, .file-panel .panel-log .content-list .list-item.type-addDesc .item-desc>.item-content {
    display:block;
    border-radius:3px;
    padding:3px 5px;
    margin-left:-5px;
    color:#666;
    background:rgba(0, 0, 0, 0.03);
    max-height:180px;
    overflow:hidden;
    text-overflow:ellipsis
}
.file-panel .panel-log .content-list .list-item.type-rename .item-desc>.item-content {
    padding-left:2px;
    color:#555
}
.file-panel .panel-log .content-list .list-item.type-remove .item-desc .group-item, .file-panel .panel-log .content-list .list-item.type-remove .item.title-show>.item-content {
    padding-left:2px;
    color:#aaa;
    text-decoration:line-through
}
.file-panel .panel-log .content-list .list-item .edit-by {
    display:inline-block;
    border-radius:3px;
    color:#abc;
    padding:2px 2px 1px 2px
}
.file-panel .panel-log .content-list .list-item .item.time {
    position:absolute;
    right:7px;
    top:5px;
    opacity:.6;
    font-size:.9em
}
.file-panel .panel-log .content-list .list-item .data-path {
    color:#40a9ff;
    cursor:pointer;
    padding:0px 2px 2px 2px;
    margin-left:-1px;
    border-radius:3px
}
.file-panel .panel-log .content-list .list-item .data-path:hover {
    color:#1890ff;
    background:#dbf1ff
}
.file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico {
    width:18px;
    font-size:18px;
    height:18px
}
.file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico .x-item-icon {
    position:relative;
    top:1px;
    border-radius:3px;
    width:18px;
    height:18px
}
.file-panel .panel-log .content-list .list-item .item.title-show .data-path .file-icon {
    display:none
}
.file-panel .panel-log .content-list .list-item .item.title-show hr {
    margin:5px 0
}
.file-panel .panel-log .content-list .list-item .item-desc .group-item {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    padding-bottom:1px
}
.file-panel .panel-log .content-list .list-item.action-rename .item-desc em {
    width:20px;
    height:20px;
    line-height:20px;
    display:inline-block;
    text-align:center;
    font-style:normal
}
.file-panel .panel-log .content-list .list-item.action-rename .item-desc em:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6c"
}
.file-panel .panel-log .content-list .list-item .group-item-more {
    height:62px;
    overflow:hidden
}
.file-panel .panel-log .content-list .list-item .group-item-more.show-all {
    height:inherit
}
.file-panel .panel-log .content-list .list-item .group-item-more .path-ico.name-kod-folder-personal {
    display:none
}
.file-panel .panel-log .content-list .list-item .toggle-item {
    font-style:normal;
    display:block;
    border-radius:3px;
    color:#1890ff;
    cursor:pointer;
    padding:2px 6px;
    margin-left:-5px
}
.file-panel .panel-log .content-list .list-item .toggle-item:hover {
    color:#0c3f8a;
    background:rgba(150, 150, 150, 0.1)
}
.file-panel .panel-log .content-list .list-item .toggle-item.toggle-show:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e"
}
.file-panel .panel-log .content-list .list-item .toggle-item.toggle-hide:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea78"
}
.file-panel .panel-meta .content-list {
    position:initial
}
.file-panel .panel-meta .form-box.config-box {
    position:initial
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body {
    padding:0;
    overflow:hidden;
    position:initial
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row {
    background:#fff;
    margin:0;
    padding:0;
    margin-bottom:5px;
    border-radius:3px;
    border:1px solid #eee;
    position:relative;
    float:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-title {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-title.has-title {
    display:block;
    background:#f8f8f8;
    border-bottom:1px solid #f3f3f3;
    padding:0;
    margin:0;
    width:94%;
    padding:0px 3% 0px 3%;
    border-radius:3px 3px 0 0;
    text-align:left;
    float:none;
    line-height:30px;
    background-image:linear-gradient(30deg, #fafafb, #e6f7ff)
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row:hover .setting-title.has-title {
    background-image:linear-gradient(30deg, #fcfeff, #def2ff)
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row:hover>.clear {
    opacity:1
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.item-focus>.clear {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content {
    width:94%;
    padding:5px 3% 5px 3%;
    float:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content .input-title-right {
    border-left-width:1px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input[type='text'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input[type='password'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input[type='number'] {
    width:100%;
    box-sizing:border-box;
    height:30px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input.span-title-left {
    width:205px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input.span-title-right {
    width:205px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content>input.span-title-left.span-title-right {
    width:170px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .desc {
    display:block;
    margin-top:3px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row>.clear {
    position:absolute;
    right:0px;
    top:0;
    cursor:pointer;
    width:30px;
    height:30px;
    line-height:30px;
    color:#ddd;
    text-align:center;
    opacity:.3;
    font-size:16px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row>.clear:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row>.clear:hover, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row>.clear:active, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row>.clear:focus {
    background:#def;
    color:#40a9ff
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.row-hidden {
    display:none !important
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-html, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-button {
    border:none;
    border-radius:0;
    background:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-html>.clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-button>.clear {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-select .select2-container {
    margin:0;
    width:100% !important
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.row-default>.clear {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-fileSelect .setting-content {
    text-align:center
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-fileSelect .setting-content .btn {
    position:absolute;
    right:4px;
    top:-28px;
    border-radius:3px;
    font-size:.9em;
    width:auto;
    margin:0;
    padding:0 1em;
    height:22px;
    line-height:22px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-fileSelect .setting-content .desc, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-fileSelect .setting-content .input-clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-fileSelect .setting-content input {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-switch .desc {
    display:inline-block
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-textarea textarea {
    width:100%
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-slider {
    text-align:center
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-slider .slider {
    width:90%
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-user .kod-select, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-user .kod-select-main {
    width:100%
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row.form-cityPicker .city-picker-span {
    width:100%;
    padding:0
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys {
    text-align:center;
    margin-top:30px;
    background:#fbfdff;
    border:none;
    padding-top:10px;
    padding-bottom:5px;
    position:absolute;
    top:7px;
    right:15px;
    margin:0;
    padding:0;
    background:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .setting-title, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__arrow {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container {
    width:50% !important
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container {
    width:36px !important
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .desc {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered {
    padding:0px;
    color:#888
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered .meta-item.add:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea13";
    font-size:20px;
    position:relative;
    top:-1px
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row.clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-reset-button {
    display:none !important
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row {
    border:none;
    padding:0;
    margin:0
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-save-button {
    width:100%;
    padding:8px 0px;
    margin:10px 0 40px 0
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-title {
    display:none
}
.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-content {
    width:100%;
    padding:5px 0 5px 0;
    float:none
}
.file-panel .panel-meta .file-list .item-empty {
    margin:0;
    color:#bbb;
    font-style:normal;
    line-height:27px
}
.file-panel .panel-meta .file-list .data-path {
    display:block;
    text-align:left;
    color:#40a9ff;
    cursor:pointer;
    padding:3px 2px;
    margin-left:-2px;
    height:20px;
    border-radius:3px;
    margin-bottom:1px;
    position:relative;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-meta .file-list .data-path:hover {
    color:#1890ff;
    background:#dbf1ff
}
.file-panel .panel-meta .file-list .data-path .name {
    padding-left:6px
}
.file-panel .panel-meta .file-list .data-path .size {
    position:absolute;
    top:0;
    right:5px;
    color:#bbb;
    line-height:26px
}
.file-panel .panel-meta .file-list .data-path .path-parent, .file-panel .panel-meta .file-list .data-path .item-remove {
    position:absolute;
    top:0;
    width:26px;
    height:26px;
    line-height:24px;
    background:#dbf1ff;
    cursor:pointer;
    text-align:center;
    opacity:.01;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-panel .panel-meta .file-list .data-path:hover .path-parent, .file-panel .panel-meta .file-list .data-path:hover .item-remove {
    opacity:1
}
.file-panel .panel-meta .file-list .data-path .path-parent {
    right:30px;
    color:#faad14
}
.file-panel .panel-meta .file-list .data-path .path-parent:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed53"
}
.file-panel .panel-meta .file-list .data-path .path-parent:hover, .file-panel .panel-meta .file-list .data-path .path-parent:active, .file-panel .panel-meta .file-list .data-path .path-parent:focus {
    color:#fff;
    background:#faad14
}
.file-panel .panel-meta .file-list .data-path .item-remove {
    right:4px;
    color:#f30
}
.file-panel .panel-meta .file-list .data-path .item-remove:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.file-panel .panel-meta .file-list .data-path .item-remove:hover, .file-panel .panel-meta .file-list .data-path .item-remove:active, .file-panel .panel-meta .file-list .data-path .item-remove:focus {
    color:#fff;
    background:#f30
}
.file-panel .panel-meta .path-thumb-clear {
    border-top:1px solid rgba(150, 150, 150, 0.15);
    padding:15px 0px 20px;
    margin-top:-20px;
    font-size:.9em
}
.file-panel .panel-meta .path-thumb-clear .font-icon {
    color:#40a9ff
}
.file-panel .panel-meta .path-thumb-clear .btn {
    padding:4px 8px;
    border-radius:3px
}
.file-panel .panel-meta .path-thumb-clear .desc {
    padding:5px 0 0 0;
    display:block;
    color:#aaa
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-dropdown.selectDropdownShow {
    width:200px !important
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option {
    padding:0
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item {
    display:block;
    padding:6px 6px 6px 15px
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.add {
    display:none
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled {
    cursor:not-allowed;
    position:relative;
    background:#fff;
    color:#ccc;
    opacity:1
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:hover {
    background:#f6f6f6
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    content:"\eb7b";
    height:28px;
    width:28px;
    line-height:28px;
    position:absolute;
    color:#92c4ff;
    right:2px;
    top:1px;
    font-size:18px;
    text-align:center
}
.form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option[aria-selected=true]:after {
    display:none
}
.file-diff-view {
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    border:1px solid #ddd;
    border-radius:4px
}
.file-diff-view .file-change-list {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:200px;
    box-sizing:border-box;
    border-right:1px solid #ddd;
    background:#fafafa;
    overflow:auto;
    border-radius:4px 0 0 4px
}
.file-diff-view .file-change-list .user-info img {
    width:100%;
    height:100%;
    border-radius:10px
}
.file-diff-view .file-change-list .file-item {
    display:table-row;
    white-space:nowrap;
    cursor:pointer;
    line-height:30px;
    height:30px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.file-diff-view .file-change-list .file-item.odd {
    background:#fff
}
.file-diff-view .file-change-list .file-item:hover {
    background:#eee
}
.file-diff-view .file-change-list .file-item.this, .file-diff-view .file-change-list .file-item.this:hover {
    background:#1890ff;
    color:#fff
}
.file-diff-view .file-change-list .file-item.head {
    background-color:#f7f7f7;
    border-bottom:1px solid #d8d8d8
}
.file-diff-view .file-change-list .file-item .user-info .path-ico {
    vertical-align:top;
    position:relative;
    top:-2px
}
.file-diff-view .file-change-list .file-item .item {
    display:table-cell;
    padding:0 5px
}
.file-diff-view .file-change-list .file-item .item.mtime {
    width:35%;
    border-left:none
}
.file-diff-view .file-change-list .file-item .item.user {
    width:20%
}
.file-diff-view .file-change-list .file-item .item.version {
    width:10%
}
.file-diff-view .file-change-show {
    position:absolute;
    top:0;
    left:200px;
    bottom:0;
    right:0;
    background:#fff;
    border-radius:0 4px 4px 0
}
.file-diff-view .file-change-show .file-show {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:50%;
    box-sizing:border-box
}
.file-diff-view .file-change-show .file-show img {
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width:95%;
    max-height:100%;
    border:1px solid #aaa
}
.file-diff-view .file-change-show .file-show iframe {
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    border:none
}
.file-diff-view .file-change-show .file-show .title {
    background-color:#f7f7f7;
    border-bottom:1px solid #d8d8d8;
    padding:0px 0 0px 10px;
    overflow:hidden;
    height:30px;
    line-height:30px;
    white-space:nowrap
}
.file-diff-view .file-change-show .file-show .title .desc span {
    color:#aaa;
    background:rgba(150, 150, 150, 0.1);
    display:inline-block;
    margin-left:5px;
    padding:0px 5px;
    height:20px;
    line-height:20px;
    border-radius:4px
}
.file-diff-view .file-change-show .file-show .title .desc .detail {
    background:none
}
.file-diff-view .file-change-show .file-show .content {
    position:absolute;
    overflow:auto;
    top:31px;
    left:0;
    right:0;
    bottom:0;
    text-align:center
}
.file-diff-view .file-change-show .file-show .content .is-empty {
    display:inline-block;
    border-radius:3px;
    padding:10px;
    margin:0 auto;
    position:relative;
    top:45%;
    color:#888;
    background:rgba(150, 150, 150, 0.1)
}
.file-diff-view .file-change-show .file-show-before {
    border-right:1px solid #ddd
}
.file-diff-view .file-change-show .file-show-before .title .desc .size {
    display:inline-block
}
.file-diff-view .file-change-show .file-show-now {
    left:50%;
    right:0;
    width:inherit
}
.file-diff-view .file-change-show .file-show-now .title .desc .size {
    color:#1890ff;
    background:#1890ff17
}
.file-diff-view .file-change-show .title .desc .size em:before {
    content:"•";
    display:inline-block;
    opacity:.5;
    width:15px;
    text-align:center
}
.file-diff-view .drag-resize.drag-resize-x {
    margin-left:-5px
}
.file-diff-view .text-diff-content {
    display:none
}
.file-diff-view .text-diff-content .d2h-wrapper {
    display:none
}
.file-diff-view .text-diff-content .text-wrap {
    position:absolute;
    z-index:999;
    right:5px;
    top:3px;
    border-radius:3px;
    cursor:pointer;
    width:30px;
    height:24px;
    line-height:24px;
    text-align:center;
    background:rgba(150, 150, 150, 0.1);
    color:#666
}
.file-diff-view .text-diff-content .text-wrap:hover {
    opacity:.6
}
.file-diff-view .auto-wrap .text-wrap {
    color:#fff;
    background:#1890ff
}
.file-diff-view .auto-wrap .d2h-code-line-ctn {
    white-space:break-spaces;
    word-break:break-word
}
.file-diff-view .file-change-show.show-text .text-diff-content {
    display:block
}
.file-diff-view .file-change-show.show-text .file-show .content {
    overflow:hidden
}
.file-diff-view .d2h-file-side-diff {
    width:100%;
    height:100%;
    text-align:left;
    margin:0;
    padding:0;
    overflow:auto
}
.file-diff-view .d2h-file-side-diff .d2h-code-side-line {
    box-sizing:border-box;
    padding:0 10px 0 4.5em;
    cursor:text
}
.file-diff-view .d2h-file-side-diff .d2h-code-side-linenumber {
    border-left:none;
    padding:0 .5em
}
.file-diff-view .d2h-file-side-diff .d2h-diff-table {
    overflow:hidden;
    margin-bottom:30px
}
.file-diff-view .d2h-file-side-diff tr {
    position:relative
}
.file-diff-view .d2h-file-side-diff td {
    padding:0;
    margin:0
}
.file-diff-view .d2h-file-side-diff .d2h-code-line-prefix {
    opacity:.6
}
.file-diff-view .d2h-file-side-diff .d2h-tag {
    line-height:14px;
    border-radius:3px;
    margin-left:10px
}
.file-diff-view .d2h-file-side-diff .d2h-code-line-ctn {
    vertical-align:baseline
}
.dark-mode .file-diff-view {
    border-color:#444
}
.dark-mode .file-diff-view .file-change-list {
    border-color:#444;
    background:#222
}
.dark-mode .file-diff-view .file-change-list .file-item.odd {
    background:#333
}
.dark-mode .file-diff-view .file-change-list .file-item:hover {
    background:#555
}
.dark-mode .file-diff-view .file-change-list .file-item.this, .dark-mode .file-diff-view .file-change-list .file-item.this:hover {
    background:#1890ff
}
.dark-mode .file-diff-view .file-change-list .file-item.head {
    background-color:#333;
    border-color:#444;
    color:#ccc
}
.dark-mode .file-diff-view .file-change-show {
    background:#222
}
.dark-mode .file-diff-view .file-change-show .file-show .title {
    background-color:#333;
    border-color:#444;
    color:#ccc
}
.dark-mode .file-diff-view .file-change-show .file-show-before {
    border-color:#444
}
.dark-mode .file-diff-view .hljs {
    color:#999;
    display:inline-block;
    background:transparent
}
.dark-mode .file-diff-view .d2h-file-side-diff .d2h-del.d2h-change, .dark-mode .file-diff-view .d2h-del {
    background-color:#603c3d
}
.dark-mode .file-diff-view .d2h-file-side-diff .d2h-ins.d2h-change, .dark-mode .file-diff-view .d2h-ins {
    background-color:#295029
}
.dark-mode .file-diff-view .d2h-code-line ins, .dark-mode .file-diff-view .d2h-code-side-line ins {
    background-color:#1a6618;
    color:#fff
}
.dark-mode .file-diff-view .d2h-code-line del, .dark-mode .file-diff-view .d2h-code-side-line del {
    background-color:#a7484d;
    color:#fff
}
.dark-mode .file-diff-view .d2h-code-side-linenumber {
    background:#222;
    border-color:#444;
    color:#666
}
.dark-mode .file-diff-view .d2h-info {
    background:#111;
    color:#aaa
}
.dark-mode .file-diff-view .d2h-code-side-emptyplaceholder, .dark-mode .file-diff-view .d2h-emptyplaceholder {
    background:#333
}
.app-wap-small.small-y .file-history-diff .file-diff-view {
    border:0;
    border-radius:0;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.app-wap-small.small-y .file-history-diff .file-diff-view .file-change-list {
    width:100% !important;
    height:20%;
    border-radius:4px 4px 0 0;
    border:none;
    border-bottom:1px solid #ddd
}
.app-wap-small.small-y .file-history-diff .file-diff-view .drag-resize {
    display:none
}
.app-wap-small.small-y .file-history-diff .file-diff-view .file-change-show {
    left:0 !important;
    top:20%;
    height:80%
}
.app-wap-small.small-y .file-history-diff .file-diff-view .file-change-show .file-show.file-show-before {
    width:100% !important;
    height:50%
}
.app-wap-small.small-y .file-history-diff .file-diff-view .file-change-show .file-show.file-show-now {
    width:100% !important;
    height:50%;
    left:0 !important;
    top:50%
}
.explorer-auth-reset-children .form-row.form-groupAuth {
    padding-bottom:0 !important
}
.explorer-auth-reset-children .form-row .kod-select-main.auth-table .item-choice-title {
    display:none !important
}
.explorer-auth-reset-children .form-row .kod-select-main.auth-table .item-remove, .explorer-auth-reset-children .form-row .kod-select-main.auth-table .auth-toolbar {
    display:none !important
}
.explorer-auth-reset-children .form-row .kod-select-main.auth-table .auth-select-box {
    border:1px solid rgba(150, 150, 150, 0.3);
    border-bottom:none;
    border-radius:3px 3px 0 0
}
.explorer-auth-reset-children .form-row .kod-select-main.auth-table .item-choice {
    border:none
}
.explorer-auth-reset-children .form-row .kod-select-main.auth-table .item-choice .item-content {
    border:none
}
.explorer-auth-reset-children .info-content {
    border-radius:0 0 4px 4px;
    border:1px solid rgba(150, 150, 150, 0.3);
    margin:-2px auto 15px auto;
    padding:5px
}
.explorer-auth-reset-children .info-content .info-desc {
    display:block;
    border-top:1px dashed rgba(150, 150, 150, 0.3);
    padding:4px 0 0 3px;
    font-style:normal;
    color:#aaa
}
.explorer-auth-reset-children .header-info {
    position:relative;
    overflow:hidden
}
.explorer-auth-reset-children .header-info .path-ico {
    width:48px;
    height:48px;
    font-size:46px
}
.explorer-auth-reset-children .header-info .path-ico .svg-icon {
    position:relative;
    top:-6px
}
.explorer-auth-reset-children .header-info .title, .explorer-auth-reset-children .header-info .path-at {
    position:absolute;
    left:60px;
    white-space:nowrap;
    overflow:hidden
}
.explorer-auth-reset-children .header-info .title {
    top:0;
    font-size:12px
}
.explorer-auth-reset-children .header-info .title .title-name {
    font-size:16px;
    padding-right:10px
}
.explorer-auth-reset-children .header-info .title .title-size, .explorer-auth-reset-children .header-info .title .title-time {
    opacity:.6;
    padding-left:5px
}
.explorer-auth-reset-children .header-info .path-at {
    color:#5c6f82;
    cursor:pointer;
    top:25px;
    border-radius:4px
}
.explorer-auth-reset-children .header-info .path-at:hover {
    background:#e6f7ff;
    color:#1890ff
}
.explorer-auth-reset-children .action-toolbar .item[data-action="clearAuth"] {
    display:none !important
}
.explorer-auth-reset-children .add-user-group {
    display:none !important
}
.explorer-auth-reset-children .content-header {
    border:none !important
}
.explorer-auth-reset-children .explorer-auth-description .list-empty {
    position:relative;
    top:0;
    margin-top:30px
}
.explorer-auth-reset-children .explorer-auth-description .list-empty .desc-more {
    margin-top:10px
}
.explorer-auth-reset-children .reset-start {
    margin-top:10px;
    float:right
}
.select2-results__option .auth-reset-all {
    position:absolute;
    top:3px;
    right:35px;
    z-index:10;
    padding:3px 1em;
    display:none
}
.select2-results__option:hover .auth-reset-all {
    display:block
}
.dialog-file-panel {
    min-width:400px;
    min-height:400px
}
.dialog-file-panel .aui-outer {
    min-height:400px
}
.dialog-file-panel.dialog-min-size .aui-title .picture img {
    height:auto;
    vertical-align:middle;
    top:-4px
}
.dialog-file-panel .file-panel {
    left:0;
    margin:0;
    border:none;
    position:static;
    overflow:inherit
}
.dialog-file-panel .file-panel .panel-close {
    display:none
}
.dialog-file-panel .file-panel>.dialog-tab {
    margin:5px 20px 0 20px;
    white-space:nowrap
}
.dialog-file-panel .file-panel>.dialog-tab .tab-item {
    position:relative;
    padding:8px 10px 6px 10px;
    border-radius:2px 2px 0 0;
    margin-right:0;
    font-size:14px
}
.dialog-file-panel .file-panel>.dialog-tab .tab-item:hover, .dialog-file-panel .file-panel>.dialog-tab .tab-item.active, .dialog-file-panel .file-panel>.dialog-tab .tab-item.active:hover {
    color:#1890ff
}
.dialog-file-panel .file-panel>.dialog-tab .tab-item:first-child {
    margin-left:-10px
}
.dialog-file-panel .file-panel>.dialog-tab .tab-item .font-icon {
    opacity:.7;
    font-size:1.1em;
    font-weight:400;
    position:relative;
    top:-1px;
    display:inline-block;
    width:.8em;
    padding-right:2px;
    display:none
}
.dialog-file-panel .file-panel .panel-tab-content {
    top:50px;
    bottom:0;
    position:static;
    overflow:inherit
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content {
    padding:0;
    position:static;
    overflow:inherit;
    min-width:420px;
    min-height:450px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content .panel-content {
    position:absolute;
    overflow:auto;
    left:0;
    right:0;
    top:80px;
    bottom:10px;
    padding:5px 20px 30px 20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content {
    margin-top:-40px;
    box-sizing:border-box;
    padding:5px 20px 30px 20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .user-space-info {
    margin:15px 0 0px 0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .info-group .group-header {
    padding:0px 0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .info-group .group-header:before {
    left:0;
    right:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .info-group .show-more, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .info-group .show-less {
    margin-right:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .info-group.file-info-tag .tag-list {
    padding:5px 0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .btn-edit {
    right:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .p {
    padding-left:0;
    padding-right:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .p.line {
    width:auto;
    margin:5px 0 5px 0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat {
    padding:0;
    padding-top:5px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .panel-content {
    padding:5px 10px 0px 10px;
    bottom:0px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-header {
    margin:0 20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-list .list-item {
    border-radius:4px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log {
    height:auto
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .content-header, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .content-header, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .content-header {
    margin:5px 20px 0 20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .list-page, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .list-page, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .list-page {
    bottom:10px;
    left:20px;
    right:20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth {
    margin-top:5px;
    padding:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .panel-content {
    position:static;
    overflow:inherit
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-row {
    padding:5px 20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-target-save .form-row {
    padding:0
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .panel-form-body {
    position:static;
    overflow:inherit;
    padding-bottom:20px
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta {
    position:relative
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .panel-content {
    position:static;
    margin:0;
    padding:5px 20px !important
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys {
    top:0;
    right:20px;
    background:none
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .path-thumb-clear {
    margin:-20px 20px 0
}
.dialog-file-panel .file-panel .panel-info-header {
    padding-top:8px;
    padding-bottom:2px;
    display:none
}
.dialog-file-panel .file-panel .panel-info-header .header-content .file-name {
    padding-right:100px
}
.dialog-file-panel .file-panel.panel-image .panel-info-header {
    height:100px;
    padding:0
}
.dialog-file-panel .file-panel .dropdown-menu li {
    white-space:nowrap
}
.dialog-file-panel .file-panel.panel-no-tab>.dialog-tab {
    display:none
}
.dialog-file-panel .file-panel.panel-no-tab .panel-tab-content .tab-content .panel-content {
    margin-top:-70px
}
.dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content .panel-content {
    top:160px
}
.dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content .panel-content {
    top:200px
}
.dialog-file-panel.dialog-no-title .file-panel>.dialog-tab .tab-item .font-icon {
    display:inline-block;
    display:none
}
.dialog-file-panel.dialog-no-title .file-panel .panel-info-header {
    display:block;
    background-image:linear-gradient(190deg, #f0faff, #fff);
    border-bottom:1px solid #f6f8ff
}
.app-wap-small .frame-main-explorer .file-panel {
    display:none
}
.search-toolbar {
    float:left;
    margin-right:15px;
    margin-top:5px;
    height:25px;
    margin-left:-2px;
    border-right:1px dotted rgba(150, 150, 150, 0.2)
}
.search-toolbar.dialog-form.target-form {
    padding-right:5px !important
}
.app-wap-small .search-toolbar {
    display:none !important
}
.search-toolbar.dialog-form.target-form .form-box.config-box .panel-form-body {
    top:-1px
}
.search-toolbar .form-box .form-row span.select2-container {
    width:auto !important;
    margin-right:2px
}
.search-toolbar .form-box .form-row input.form-input-text {
    height:22px;
    line-height:22px;
    margin-right:0;
    text-align:center;
    border-radius:2px;
    padding-left:0;
    padding-right:0;
    box-shadow:0 0 5px rgba(180, 180, 180, 0.3) inset
}
.search-toolbar .form-box .form-row.item-option label {
    border:1px solid rgba(180, 180, 180, 0.3);
    margin-top:0 !important;
    border-radius:2px;
    padding:0px 5px 0 5px;
    margin-left:0px;
    margin-right:2px
}
.search-toolbar .form-box .form-row.item-option label:hover {
    background:rgba(200, 200, 200, 0.2);
    border-color:rgba(180, 180, 180, 0.4)
}
.search-toolbar .form-box .form-row .input-title-right, .search-toolbar .form-box .form-row .input-title-left {
    display:none !important
}
.search-toolbar .form-box .form-row.item-timeFrom, .search-toolbar .form-box .form-row.item-sizeFrom {
    margin-right:2px
}
.search-toolbar .form-box .form-row.item-timeFrom:after, .search-toolbar .form-box .form-row.item-sizeFrom:after {
    content:'-'
}
.search-toolbar .form-box .form-row.inline+.inline {
    padding:0
}
.select2-container.select2-container--open .select2-dropdown {
    min-width:180px
}
.select2-container.select2-container--open .select2-dropdown.form-select2-dropdown-key-fileType {
    min-width:260px
}
.app-wap-small .frame-left .ztree ul:before {
    width:.5px
}
.app-wap-small .frame-left .ztree ul:after {
    height:.5px;
    margin-bottom:.5px
}
.frame-left .ztree ul {
    position:relative
}
.frame-left .ztree ul:before, .frame-left .ztree ul:after {
    content:"";
    margin-left:-1px;
    position:absolute;
    z-index:50;
    background:rgba(0, 0, 0, 0.075);
    display:none;
    opacity:0;
    visibility:hidden;
    transition:all .2s
}
.frame-left .ztree ul:empty:before, .frame-left .ztree ul:empty:after {
    display:none !important
}
.frame-left .ztree ul:before {
    bottom:16px;
    width:1px;
    top:-5px
}
.frame-left .ztree ul:after {
    bottom:15px;
    width:10px;
    height:1px
}
.frame-left .ztree ul.level1:before, .frame-left .ztree ul.level1:after {
    left:30px;
    display:block
}
.frame-left .ztree ul.level2:before, .frame-left .ztree ul.level2:after {
    left:45px;
    display:block
}
.frame-left .ztree ul.level3:before, .frame-left .ztree ul.level3:after {
    left:60px;
    display:block
}
.frame-left .ztree ul.level4:before, .frame-left .ztree ul.level4:after {
    left:75px;
    display:block
}
.frame-left .ztree ul.level5:before, .frame-left .ztree ul.level5:after {
    left:90px;
    display:block
}
.frame-left .ztree ul.level6:before, .frame-left .ztree ul.level6:after {
    left:105px;
    display:block
}
.frame-left .ztree ul.level7:before, .frame-left .ztree ul.level7:after {
    left:120px;
    display:block
}
.frame-left .ztree ul.level8:before, .frame-left .ztree ul.level8:after {
    left:135px;
    display:block
}
.frame-left .ztree ul.level9:before, .frame-left .ztree ul.level9:after {
    left:150px;
    display:block
}
.frame-left .ztree:hover ul:before, .frame-left .ztree:hover ul:after {
    opacity:1;
    visibility:visible
}
.frame-left .ztree .tree-node:hover+ul:before, .frame-left .ztree .tree-node.curSelectedNode+ul:before, .frame-left .ztree .tree-node:hover+ul:after, .frame-left .ztree .tree-node.curSelectedNode+ul:after {
    background:rgba(0, 0, 0, 0.15);
    opacity:1;
    visibility:visible
}
.frame-left .ztree .tree-node.child-show-line+ul:before, .frame-left .ztree .tree-node.child-show-line+ul:after {
    opacity:1;
    visibility:visible
}
.frame-main-editor .frame-left .ztree ul:before, .frame-main-editor .frame-left .ztree ul:after {
    margin-left:-4px
}
.frame-main-editor .frame-left .ztree ul:before {
    bottom:14px
}
.frame-main-editor .frame-left .ztree ul:after {
    bottom:13px
}
.app-wap-small .frame-main-explorer .frame-left .ztree ul:before, .app-wap-small .frame-main-editor .frame-left .ztree ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree ul:after, .app-wap-small .frame-main-editor .frame-left .ztree ul:after {
    margin-left:-6px
}
.app-wap-small .frame-main-explorer .frame-left .ztree:hover ul:before, .app-wap-small .frame-main-editor .frame-left .ztree:hover ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree:hover ul:after, .app-wap-small .frame-main-editor .frame-left .ztree:hover ul:after {
    opacity:0;
    visibility:hidden
}
.app-wap-small .frame-main-explorer .frame-left .ztree:active ul:before, .app-wap-small .frame-main-editor .frame-left .ztree:active ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree:focus ul:before, .app-wap-small .frame-main-editor .frame-left .ztree:focus ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node.curSelectedNode+ul:before, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node.curSelectedNode+ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node:active+ul:before, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node:active+ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node:active+ul ul:before, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node:active+ul ul:before, .app-wap-small .frame-main-explorer .frame-left .ztree:active ul:after, .app-wap-small .frame-main-editor .frame-left .ztree:active ul:after, .app-wap-small .frame-main-explorer .frame-left .ztree:focus ul:after, .app-wap-small .frame-main-editor .frame-left .ztree:focus ul:after, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node.curSelectedNode+ul:after, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node.curSelectedNode+ul:after, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node:active+ul:after, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node:active+ul:after, .app-wap-small .frame-main-explorer .frame-left .ztree .tree-node:active+ul ul:after, .app-wap-small .frame-main-editor .frame-left .ztree .tree-node:active+ul ul:after {
    opacity:1;
    visibility:visible
}
.app-wap-small.app-wap-touch .frame-left .ztree ul:before, .app-wap-small.app-wap-touch .frame-left .ztree ul:after {
    margin-left:-6px
}
.app-wap-small.app-wap-touch .frame-left .ztree ul:before {
    bottom:19px
}
.app-wap-small.app-wap-touch .frame-left .ztree ul:after {
    bottom:18px
}
.dark-mode .frame-left .ztree ul:before, .dark-mode .frame-left .ztree ul:after {
    background:rgba(255, 255, 255, 0.075)
}
.dark-mode .frame-left .ztree .tree-node:hover+ul:before, .dark-mode .frame-left .ztree .tree-node.curSelectedNode+ul:before, .dark-mode .frame-left .ztree .tree-node:hover+ul:after, .dark-mode .frame-left .ztree .tree-node.curSelectedNode+ul:after {
    background:rgba(255, 255, 255, 0.2)
}
.frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel, .frame-main-editor.drag-resize-tree-parent .frame-right, .frame-main-explorer.drag-resize-tree-parent .frame-right {
    border-left-color:rgba(24, 144, 255, 0.7) !important
}
.file-list-list .file .children-search-content {
    list-style:none;
    color:#666;
    width:100%;
    box-sizing:border-box;
    padding:1px 0 2px 0;
    margin:0;
    background:rgba(255, 255, 255, 0.8);
    border-top:1px solid #e6f6fd
}
.file-list-list .file .children-search-content .children-search-item {
    height:24px;
    line-height:22px;
    margin-left:30px;
    padding-right:10px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#888
}
.file-list-list .file .children-search-content .children-search-item:hover {
    background:rgba(0, 0, 0, 0.1)
}
.file-list-list .file .children-search-content .children-search-item:active, .file-list-list .file .children-search-content .children-search-item:focus {
    background:rgba(0, 0, 0, 0.2)
}
.file-list-list .file .children-search-content .children-search-item.this {
    background:#1890ff;
    color:#fff
}
.file-list-list .file .children-search-content .line {
    display:inline-block;
    min-width:30px;
    height:24px;
    opacity:.5;
    font-size:12px;
    background:rgba(0, 0, 0, 0.05);
    text-align:right;
    padding-right:5px
}
.file-list-list .file .children-search-content .search-show-more-toggle {
    margin-left:30px;
    color:#72c1ff;
    line-height:24px;
    height:24px;
    cursor:pointer
}
.file-list-list .file .children-search-content .search-show-more-toggle:hover {
    background:#e9f5ff
}
.file-list-list .file .children-search-content .search-show-more-toggle .show-more {
    display:inline-block
}
.file-list-list .file .children-search-content .search-show-more-toggle .show-less {
    display:none
}
.file-list-list .file .children-search-content .search-show-more-toggle .more-cert.font-icon {
    font-size:1.1em;
    margin-top:-3px;
    display:inline-block;
    width:20px
}
.file-list-list .file .children-search-content .search-show-more-toggle .more-cert.font-icon::after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea11"
}
.file-list-list .file.file-search-text-has {
    border-color:#e6f6fd
}
.file-list-list .file.file-search-text-has .title-type-name .title {
    font-weight:800;
    opacity:.8
}
.file-list-list .file.file-search-text-has .title-type-name .textarea .newfile {
    font-weight:800
}
.file-list-list .file.file-search-text-has.file-icon-edit .title-type-name .title {
    opacity:1
}
.file-list-list .file.file-search-text-has.select .children-search-content {
    border-top:1px solid #66baff
}
.file-list-list .file.file-search-text-has .children-search-content {
    display:block
}
.file-list-list .file.file-search-text-has .children-more i.font-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4d"
}
.file-list-list .file.file-search-text-has.search-hidden .children-search-content {
    display:none
}
.file-list-list .file.file-search-text-has.search-hidden .children-more i.font-icon:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6d"
}
.file-list-list .file.file-search-text-has .search-show-more {
    display:none
}
.file-list-list .file.file-search-text-has.search-more .search-show-more {
    display:block
}
.file-list-list .file.file-search-text-has.search-more .search-show-more-toggle .show-more {
    display:none
}
.file-list-list .file.file-search-text-has.search-more .search-show-more-toggle .show-less {
    display:inline-block
}
.file-list-list .file.file-search-text-has.search-more .search-show-more-toggle .more-cert.font-icon::after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee57"
}
#app.app-desktop .topbar {
    background:#eee;
    background-color:rgba(190, 190, 190, 0.3);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2)
}
#app.app-desktop .topbar .content {
    border-bottom:1px solid #ddd;
    border-bottom-color:transparent
}
#app.app-desktop .topbar .content .topbar-menu {
    color:#fff;
    border-color:rgba(190, 190, 190, 0.1)
}
#app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon {
    text-shadow:0 0 0 #fff, 0 0 4px #000
}
#app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this {
    background:rgba(255, 255, 255, 0.3)
}
#app.app-desktop .app-main {
    left:0
}
#app.app-desktop .bodymain {
    position:absolute;
    left:70px;
    bottom:30px;
    top:0;
    right:0;
    overflow:hidden;
    z-index:200
}
#app.app-desktop .bodymain .file-continer-main {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:auto
}
#app.app-desktop .taskbar {
    height:32px;
    position:fixed;
    bottom:0;
    left:0;
    padding:0;
    margin:0;
    width:100%;
    background:url('../../images/common/desktop/taskbarbg.png')
}
#app.app-desktop .taskbar a {
    position:absolute;
    text-align:center;
    width:40px;
    height:40px;
    left:6px
}
#app.app-desktop .taskbar-right {
    position:fixed;
    right:0px;
    bottom:-1px;
    z-index:2
}
#app.app-desktop .taskbar-right .taskbar-item {
    float:left;
    cursor:pointer;
    color:#fff;
    font-size:16px;
    z-index:999;
    width:32px;
    height:32px;
    line-height:30px;
    text-align:center;
    opacity:.8
}
#app.app-desktop .taskbar-right .taskbar-item:hover, #app.app-desktop .taskbar-right .taskbar-item:active, #app.app-desktop .taskbar-right .taskbar-item:focus {
    text-shadow:0 0 10px #fff;
    opacity:1;
    filter:alpha(opacity=100);
    background:rgba(255, 255, 255, 0.1)
}
#app.app-desktop .taskbar-right .tab-hide-all {
    width:23px;
    height:30px;
    border-radius:4px;
    cursor:pointer;
    border:1px solid rgba(255, 255, 255, 0.4);
    float:right;
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0))
}
#app.app-desktop .taskbar-right .tab-hide-all:hover, #app.app-desktop .taskbar-right .tab-hide-all:active, #app.app-desktop .taskbar-right .tab-hide-all:focus {
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    box-shadow:0 0 10px #fff
}
#app.app-desktop .full-background {
    display:none !important
}
#app.app-desktop .full-background-wall {
    position:absolute;
    display:block !important;
    -ms-transition:all ease-in-out .4s;
    -webkit-transition:all ease-in-out .4s;
    -moz-transition:all ease-in-out .4s;
    -o-transition:all ease-in-out .4s;
    transition:all ease-in-out .4s;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:100%;
    width:100%;
    background-color:#434952
}
#app.app-desktop .full-background-wall img {
    position:absolute;
    width:1px;
    height:1px
}
#app.app-desktop .full-background-wall:before {
    background:none
}
#app.app-desktop .topbar {
    background:#eee;
    background-color:rgba(190, 190, 190, 0.3);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2)
}
#app.app-desktop .topbar .content {
    border-bottom:1px solid #ddd;
    border-bottom-color:transparent
}
#app.app-desktop .topbar .content .topbar-menu {
    color:#fff;
    border-color:rgba(190, 190, 190, 0.1)
}
#app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon {
    text-shadow:0 0 0 #fff, 0 0 4px #000
}
#app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this {
    background:rgba(255, 255, 255, 0.3)
}
#app.app-desktop .file-list-icon {
    overflow-x:auto;
    overflow-y:hidden
}
#app.app-desktop .file-list-icon .file {
    float:none;
    color:#fff;
    border:none;
    position:absolute;
    -ms-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    border-radius:2px
}
#app.app-desktop .file-list-icon .file .title-type-name {
    padding-bottom:1px
}
#app.app-desktop .file-list-icon .file .title-type-name .title {
    text-shadow:0 0 0 #fff, 0 0 2px #000, 0 0 4px #000
}
#app.app-desktop .file-list-icon .file.hover {
    background:#fff \9;
    background:rgba(255, 255, 255, 0.2);
    background-color:#aaa\9;
    border:none;
    color:#fff
}
#app.app-desktop .file-list-icon .file.select, #app.app-desktop .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-list-icon .file.select.hover, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover {
    color:#fff;
    background-color:#eee\9;
    color:#444\9;
    border:none;
    background:#fff \9;
    background:rgba(255, 255, 255, 0.3);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px)
}
#app.app-desktop .file-list-icon .file.select .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover .title-type-name {
    background:none
}
#app.app-desktop .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border:none;
    margin-left:-4px;
    border-top:1px solid transparent;
    border-radius:0 0 3px 3px;
    padding:3px 4px 8px 4px
}
#app.app-desktop .file-list-icon .file .item-select, #app.app-desktop .file-list-icon .file .item-menu {
    z-index:9
}
#app.app-desktop .file-continer.file-draging-box .file-list-icon .file {
    float:none;
    color:#fff;
    border:none;
    display:inline-block;
    text-shadow:0 0 0 #fff, 0 0 2px #000, 0 0 4px #000
}
#app.app-desktop .file-continer.file-draging-box .file-list-icon .file .title-type-name {
    padding-bottom:1px
}
#app.app-desktop .file-continer.file-draging-box .file-list-icon .file.hover {
    background:#fff \9;
    background:rgba(255, 255, 255, 0.2);
    background-color:#aaa\9;
    border:none;
    color:#fff
}
#app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover {
    border:none;
    color:#fff;
    background:#fff \9;
    background:rgba(255, 255, 255, 0.4);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
#app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover .title-type-name {
    background:none
}
#app.app-desktop .random-wallpaper {
    position:absolute;
    width:40px;
    height:60px;
    bottom:30px;
    right:25px;
    z-index:201
}
#app.app-desktop .random-wallpaper .flower {
    width:40px;
    z-index:3;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer
}
#app.app-desktop .random-wallpaper .body-line {
    width:5px;
    height:30px;
    position:absolute;
    bottom:0;
    left:18px;
    background-color:#fff;
    z-index:2
}
.dialog-form.share-dialog-box .form-box.config-box .panel-form-body {
    padding:0;
    margin:0;
    padding-bottom:20px;
    border-radius:0;
    border:none;
    min-width:520px;
    min-height:420px;
    top:-2px;
    left:0;
    position:relative
}
.dialog-form.share-dialog-box.share-type-to .bg-banner-light {
    background-position:-100px -50px
}
.dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .topbar-share-info {
    height:80px;
    margin-bottom:10px
}
.dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .topbar-share-info .right-desc {
    left:20px;
    top:20px
}
.dialog-form.share-dialog-box .form-box .desc a {
    padding-left:0
}
.dialog-form.share-dialog-box .form-header {
    display:none
}
.dialog-form.share-dialog-box .form-box .form-row {
    padding:0px 15px
}
.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.item-shareHeader {
    padding:0
}
.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row {
    padding:0px 45px
}
.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.form-input-text .setting-content .desc .btn-group {
    right:0
}
.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.inline+.inline.form-dateTime .setting-title {
    height:20px
}
.dialog-form.share-dialog-box.dialog-form.dialog-no-title .form-box.config-box .form-header {
    background:#fff;
    border:none
}
.dialog-form.share-dialog-box .tab-item-bar {
    display:none !important
}
.dialog-form.share-dialog-box .share-copy-view .copy-desc {
    position:relative;
    vertical-align:middle
}
.dialog-form.share-dialog-box .share-copy-view .share-path-copy {
    margin:0 0 0 5px;
    vertical-align:middle
}
.dialog-form.share-dialog-box .tab-group-pan {
    min-height:300px
}
.dialog-form.share-dialog-box .form-row.item-shareHeader {
    margin:0;
    padding:0
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .setting-content {
    width:100%;
    padding:0;
    border:none;
    float:none
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    padding:10px 10px 10px 40px;
    position:relative;
    border-bottom:1px solid #f6f6f6;
    border-radius:0;
    height:100px;
    margin-bottom:20px;
    color:#abb6bd
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .path-ico {
    width:80px;
    height:80px;
    font-size:72px;
    margin-top:10px;
    margin-left:-5px;
    position:absolute
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc {
    position:absolute;
    left:120px;
    right:30px;
    top:20px
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name {
    line-height:40px;
    height:40px;
    font-size:24px;
    font-weight:600;
    color:#2196F3
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name .name-title {
    display:inline-block;
    background:rgba(0, 0, 0, 0.05);
    border-radius:4px;
    opacity:.8;
    padding:0px 5px;
    height:25px;
    line-height:25px;
    font-size:15px;
    font-weight:400;
    position:relative;
    top:-6px;
    vertical-align:bottom;
    max-width:60%;
    overflow:hidden;
    text-overflow:ellipsis
}
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name, .dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .desc-location {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.dialog-form.share-dialog-box .tab-group {
    position:absolute;
    margin:0;
    padding:0;
    text-align:center;
    width:100%;
    height:30px;
    z-index:10;
    background:none;
    top:106px
}
.dialog-form.share-dialog-box .tab-group .tab-item {
    float:none;
    display:inline-block;
    padding:1px 20px;
    height:30px;
    line-height:30px;
    border-radius:3px 3px 0 0 !important;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s;
    cursor:pointer;
    background:#edf6ff;
    border:1px solid #e2f1ff !important;
    border-bottom:1px solid #e4ebfe
}
.dialog-form.share-dialog-box .tab-group .tab-item .tab-item-content {
    padding:0;
    height:inherit;
    line-height:inherit
}
.dialog-form.share-dialog-box .tab-group .tab-item:hover, .dialog-form.share-dialog-box .tab-group .tab-item:active, .dialog-form.share-dialog-box .tab-group .tab-item:focus {
    color:#1890ff;
    background:#def;
    border-color:#e4ebfe !important
}
.dialog-form.share-dialog-box .tab-group .tab-item.active {
    background:#fff;
    color:#1890ff;
    border:1px solid #e4ebfe !important;
    border-bottom-color:transparent !important
}
.dialog-form.share-dialog-box .tab-group .tab-item.active:hover, .dialog-form.share-dialog-box .tab-group .tab-item.active:active, .dialog-form.share-dialog-box .tab-group .tab-item.active:focus {
    color:#1890ff;
    background:#fff
}
.dialog-form.share-dialog-box .tab-group .font-icon {
    opacity:.9;
    font-size:16px;
    line-height:16px;
    width:20px;
    height:20px;
    vertical-align:middle;
    display:inline-block;
    text-align:center
}
.dialog-form.share-dialog-box .form-row.item-password .input-title-right {
    cursor:pointer;
    max-width:60px;
    overflow:hidden;
    text-overflow:ellipsis
}
.dialog-form.share-dialog-box .form-row.item-password .input-title-right:hover, .dialog-form.share-dialog-box .form-row.item-password .input-title-right:active, .dialog-form.share-dialog-box .form-row.item-password .input-title-right:focus {
    color:#444;
    background:#eee
}
.dialog-form.share-dialog-box .form-row.item-shareLink .setting-content input {
    background:#fdfdfd;
    border-color:#ddd;
    width:227px;
    box-shadow:none
}
.dialog-form.share-dialog-box .form-row.item-timeToSet {
    padding-right:0
}
.dialog-form.share-dialog-box .form-row.item-timeTo {
    padding:0
}
.dialog-form.share-dialog-box .form-row.item-timeTo .setting-content {
    padding:0
}
.dialog-form.share-dialog-box .form-row.item-timeTo .setting-content input.form-input-text {
    width:140px
}
.dialog-form.share-dialog-box .form-row.item-timeTo.error .setting-content {
    background:none;
    box-shadow:none
}
.dialog-form.share-dialog-box .form-row.item-timeTo.error .setting-content input.form-input-text, .dialog-form.share-dialog-box .form-row.item-timeTo.error .setting-content .btn {
    background:#ff572210;
    border-color:#ffbaa5;
    color:#ff5722
}
.dialog-form.share-dialog-box .form-row.item-timeToDesc {
    padding:8px 0 0 0;
    margin-left:-2px
}
.dialog-form.share-dialog-box.share-type-to .form-row.item-timeTo .setting-title, .dialog-form.share-dialog-box.share-type-to .form-row.item-timeToDesc .setting-title {
    display:none !important
}
.dialog-form.share-dialog-box.share-type-to .form-row.item-timeToSet .setting-title {
    display:none !important
}
.dialog-form.share-dialog-box.share-type-to .form-row.item-timeToSet .setting-content {
    padding-top:4px
}
.dialog-form.share-dialog-box .form-row.item-authTo .setting-content {
    width:inherit;
    float:none;
    clear:both;
    padding-bottom:0
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-dropdown {
    border-top-right-radius:4px
}
.dialog-form.share-dialog-box .form-row.item-authTo .btn.add-user-group {
    position:absolute;
    right:5px;
    top:-42px;
    height:25px;
    line-height:25px
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main {
    margin-top:10px;
    margin-bottom:5px
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box {
    height:300px;
    overflow:hidden;
    overflow-y:auto;
    padding:0px 0px 10px 0
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-top:-1px
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:hover, .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:active, .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:focus {
    border-color:#91d5ff
}
.dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .item-null {
    text-align:center;
    line-height:220px
}
.dialog-form.share-dialog-box .form-row.item-shareTitle {
    margin-left:6px;
    margin-top:10px;
    font-size:14px;
    padding-left:15px;
    color:#666
}
.dialog-form.share-dialog-box .form-row.item-shareTitle:before {
    content:" ";
    border-left:4px solid #1890ff;
    border-radius:4px;
    margin-right:.6em;
    font-size:.9em;
    position:relative;
    top:-0.1em;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3)
}
.dialog-form.share-dialog-box .form-row.item-title {
    display:none
}
.dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label {
    display:inline-block;
    min-width:160px;
    margin-right:-4px;
    background:#fefefe;
    margin-bottom:-1px
}
.dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:hover, .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:active, .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:focus {
    background:#fdfdfd
}
.dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content {
    max-width:380px
}
.share-page-main .share-password-box {
    width:350px;
    border-top:3px solid #03A9F4;
    margin:0 auto;
    height:250px;
    margin-top:-125px;
    position:relative;
    top:40%;
    color:#666;
    text-align:center;
    background:#fff;
    border-radius:4px;
    padding-bottom:50px;
    box-shadow:rgba(0, 0, 0, 0.1) 0 5px 50px
}
.share-page-main .share-password-box .title {
    font-size:1.6em;
    display:block;
    margin-bottom:20px;
    background:#fcfcfc;
    border-bottom:1px dashed #eee;
    font-weight:400;
    line-height:60px
}
.share-page-main .share-password-box .share-login {
    background:linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #40baf5 97%);
    border:none;
    border-radius:4px;
    box-shadow:rgba(37, 45, 51, 0.5) 0 5px 30px -5px;
    color:#fff;
    font-size:1.2em;
    letter-spacing:2px;
    padding:10px;
    width:220px
}
.share-page-main .share-password-box .share-login.hover {
    box-shadow:rgba(37, 45, 51, 0.8) 0 5px 30px -5px
}
.share-page-main .share-password-box input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    height:32px;
    width:227px;
    display:inline-block;
    padding:0px 5px;
    border-radius:4px;
    margin:25px auto 20px auto
}
.share-page-main .share-password-box input:hover, .share-page-main .share-password-box input:active {
    border-color:#75A1F0
}
.share-page-main .share-password-box input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.share-page-main .share-password-box input.disabled, .share-page-main .share-password-box input[readonly='true'], .share-page-main .share-password-box input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.share-page-main .share-password-box input.disabled:hover, .share-page-main .share-password-box input[readonly='true']:hover, .share-page-main .share-password-box input[readonly='readonly']:hover, .share-page-main .share-password-box input.disabled:active, .share-page-main .share-password-box input[readonly='true']:active, .share-page-main .share-password-box input[readonly='readonly']:active {
    border-color:#ddd
}
.share-page-main .share-password-box input.disabled:focus, .share-page-main .share-password-box input[readonly='true']:focus, .share-page-main .share-password-box input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.share-page-main {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#f0f2f5
}
.share-page-main .common-header .topbar {
    color:#666;
    background:#fff;
    position:absolute;
    top:0;
    z-index:auto;
    width:100%;
    height:40px;
    box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.05)
}
.share-page-main .common-header .topbar .content {
    padding:0px;
    line-height:36px;
    height:40px;
    word-break:break-word
}
.share-page-main .common-header .topbar .content i.font-icon {
    display:inline-block;
    padding-right:10px;
    font-size:1.1em
}
.share-page-main .common-header .topbar .content .topbar-menu {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    overflow:hidden;
    color:#888;
    font-size:14px;
    text-decoration:none;
    border:1px solid #eee;
    border-top:none;
    border-bottom:none;
    margin-left:-1px;
    padding:0 1.2em;
    float:left
}
.share-page-main .common-header .topbar .content .topbar-menu.title {
    font-size:20px;
    width:199px;
    padding:0;
    text-align:center;
    height:40px
}
.share-page-main .common-header .topbar .content .topbar-menu.title:hover, .share-page-main .common-header .topbar .content .topbar-menu.title:focus {
    background:none
}
.share-page-main .common-header .topbar .content .topbar-menu.title .logo-text {
    background-image:-webkit-linear-gradient(40deg, #1890ff, #a16dff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:16px
}
.share-page-main .common-header .topbar .content .topbar-menu.title .logo-text i.font-icon {
    padding:0px;
    margin-left:5px
}
.share-page-main .common-header .topbar .content .topbar-menu img {
    height:40px;
    margin-top:-1px
}
.share-page-main .common-header .topbar .content .top-left {
    height:40px;
    position:absolute;
    left:0px;
    right:150px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.share-page-main .common-header .topbar .content .top-right {
    position:absolute;
    right:0px;
    top:0px;
    margin-right:0px;
    height:40px
}
.share-page-main .common-header .topbar .content .top-right .menu-group {
    height:40px;
    margin-right:-1px;
    float:left;
    position:relative
}
.share-page-main .common-header .topbar .content .top-right .topbar-menu {
    display:inline-block;
    padding:0px 12px;
    height:40px;
    width:20px;
    text-align:center
}
.share-page-main .common-header .topbar .content .top-right .topbar-menu:hover, .share-page-main .common-header .topbar .content .top-right .topbar-menu:active, .share-page-main .common-header .topbar .content .top-right .topbar-menu:focus {
    background:#eee
}
.share-page-main .common-header .topbar .content .top-right .topbar-menu i {
    padding-right:3px
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu {
    margin-top:-1px;
    padding:10px 0;
    min-width:180px
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu i {
    width:10px;
    font-size:1.3em
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li.hidden[share-action="copy-to"]+li.divider {
    display:none
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu a {
    padding:6px 15px;
    margin:3px 10px;
    border-radius:4px
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu .divider {
    margin:.5em 0
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="copy-to"] a, .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="download"] a {
    color:#1890ff;
    background:#1890ff20
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="copy-to"] a:hover, .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="download"] a:hover {
    color:#1890ff;
    background:#1890ff40
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language {
    width:470px;
    padding:10px 5px
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language li {
    width:115px;
    float:left;
    margin:0 1px 1px 0
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language a {
    padding:0 8px 0 8px;
    height:26px;
    line-height:26px
}
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language i.flag {
    padding-right:0px;
    background-color:#eee;
    position:relative;
    top:1px
}
.share-page-main .common-header .topbar .content .share-title {
    text-align:center;
    margin-left:8px;
    margin-right:7px
}
.share-page-main .common-header .topbar .content .share-title-info {
    font-size:1.25em;
    padding:6px
}
.share-page-main .common-header .topbar .content .topbar-share-info {
    font-size:1em;
    display:inline
}
.share-page-main .common-header .topbar .content .topbar-share-info .time {
    padding-left:5px;
    padding-right:8px
}
.share-page-main .common-header .topbar .content .topbar-share-info .item-title {
    text-align:center;
    margin-left:8px;
    margin-right:7px
}
.share-page-main .common-header .topbar .content .topbar-share-info .item-title .title-name {
    font-size:1.25em;
    padding:6px
}
.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user {
    margin-right:10px;
    position:relative;
    top:2px
}
.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user .info {
    padding-right:10px
}
.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user .kui-btn {
    overflow:inherit
}
.share-page-main .common-header .topbar ul.dropdown-menu.topbar-submenu {
    right:auto;
    left:auto;
    margin-left:-1px;
    margin-top:-1px;
    font-size:.9em;
    padding:20px 0 10px 20px;
    width:380px
}
.share-page-main .common-header .topbar .user-info {
    color:#888;
    cursor:default
}
.share-page-main .common-header .topbar .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.share-page-main .common-header .topbar .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.share-page-main .common-header .topbar .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.share-page-main .common-header .topbar .user-info {
    cursor:pointer
}
.share-page-main .common-header .topbar .user-info .name {
    display:none
}
.share-page-main .common-header .topbar .user-info .path-ico img {
    display:none
}
.share-page-main .common-header .topbar .user-info-view .caret {
    display:none
}
.share-page-main .common-header .topbar .user-info .path-ico::before, .share-page-main .common-header .topbar .user-info-view i.font-icon::before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef3b";
    font-size:1.1em;
    padding-left:1px;
    position:relative
}
.share-page-main .common-header .topbar .user-info .path-ico::before {
    top:-7px
}
.share-page-main .content-box {
    bottom:40px;
    top:50px;
    position:absolute;
    overflow:hidden;
    width:90%;
    left:5%;
    background:#fff;
    border-radius:4px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
    overflow-x:hidden
}
.share-page-main .content-box .common-main {
    position:absolute;
    overflow:auto;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px
}
.share-page-main .content-box .common-main.address-header {
    top:35px
}
.share-page-main .content-box.content-show .common-main {
    right:240px
}
.share-page-main .content-box .common-main.file-show-dialog.dplayer-dialog, .share-page-main .content-box .common-main.file-show-dialog.my-jPlayer {
    position:absolute !important;
    width:auto !important;
    left:0 !important;
    top:0 !important
}
.share-page-main .content-box .common-main.file-show-dialog.dplayer-dialog.address-header, .share-page-main .content-box .common-main.file-show-dialog.my-jPlayer.address-header {
    top:35px !important
}
.share-page-main .content-box .common-main.file-show-dialog.dplayer-dialog .artDialog, .share-page-main .content-box .common-main.file-show-dialog.my-jPlayer .artDialog {
    width:100% !important;
    height:100% !important
}
.share-page-main .content-box .common-main.file-show-dialog.dplayer-dialog .artDialog .dplayer, .share-page-main .content-box .common-main.file-show-dialog.my-jPlayer .artDialog .dplayer {
    border-radius:0
}
.share-page-main .content-box .bindary-box {
    width:300px;
    margin:0 auto;
    padding-bottom:40px;
    border-radius:4px;
    background:#fff;
    box-shadow:0 2px 30px rgba(0, 0, 0, 0.2);
    position:relative;
    top:50%;
    margin-top:-220px
}
.share-page-main .content-box .bindary-box .title {
    width:100%;
    height:150px;
    padding-top:20px;
    border-radius:4px 4px 0 0;
    background:#6699cc url("../../images/common/login.png") -110px 0
}
.share-page-main .content-box .bindary-box .ico {
    width:140px;
    height:140px;
    border-radius:100px;
    overflow:hidden;
    margin:0 auto;
    background:rgba(255, 255, 255, 0.4);
    text-align:center
}
.share-page-main .content-box .bindary-box .ico img {
    width:80%;
    padding-top:15px
}
.share-page-main .content-box .bindary-box .ico .path-ico {
    width:auto;
    height:auto
}
.share-page-main .content-box .bindary-box .ico .x-item-icon {
    width:90px;
    height:90px;
    margin:28px auto
}
.share-page-main .content-box .bindary-box .content-info {
    text-align:center
}
.share-page-main .content-box .bindary-box .content-info .name {
    padding:30px;
    padding-bottom:2px;
    font-size:22px;
    max-height:95px;
    overflow:hidden;
    word-break:break-word
}
.share-page-main .content-box .bindary-box .content-info .size {
    color:#888
}
.share-page-main .content-box .bindary-box .content-info .size i {
    font-style:normal;
    color:#aaa;
    padding-left:10px
}
.share-page-main .content-box .bindary-box .content-info .error-tips {
    padding-top:15px;
    color:#bbb
}
.share-page-main .content-box .bindary-box .content-info .share-download {
    width:100px;
    font-size:15px;
    display:block;
    margin:15px auto
}
.share-page-main .content-box .frame-main-explorer .kod-toolbar .btn.disabled {
    display:none !important
}
.share-page-main .content-box .frame-main-explorer[data-action='fav-add-current'] {
    display:none
}
.share-page-main .content-box .frame-main-explorer .ztree li a.level0 {
    padding-left:0;
    margin:5px 0 0 -5 !important
}
.share-page-main .content-box .context-menu-list .context-menu-item.disabled, .share-page-main .content-box .context-menu-list .context-menu-item.disabled+.context-menu-separator, .share-page-main .content-box .context-menu-list .context-menu-item.more-action, .share-page-main .content-box .context-menu-list .context-menu-item.more-action+.context-menu-separator {
    display:none !important
}
.share-page-main .content-box .show-image {
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%
}
.share-page-main .content-box .show-image img {
    max-height:95%;
    max-width:90%;
    box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3), 0 10px 10px rgba(0, 0, 0, 0.1);
    cursor:pointer
}
.share-page-main .content-box .show-pdf, .share-page-main .content-box .show-iframe {
    margin:0;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.share-page-main .content-box .show-code {
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    top:0;
    overflow:hidden;
    border-radius:3px
}
.share-page-main .content-box .show-code pre.ace_editor {
    height:100% !important;
    width:100% !important;
    line-height:1.5em
}
.share-page-main .content-box .show-code .code {
    padding:0px;
    margin:0;
    height:100%
}
.share-page-main .content-box .show-flash {
    width:80%;
    height:90%;
    margin:0 auto;
    padding-top:30px
}
.share-page-main .common-side {
    width:240px;
    position:absolute;
    overflow:auto;
    top:0px;
    bottom:0px;
    right:0px;
    background:#fff;
    border-left:1px solid #eee;
    border-radius:0px 4px 4px 0px
}
.share-page-main .common-side .line {
    border-bottom:1px dotted #eee;
    margin:0px 10px
}
.share-page-main .common-side .share-user-info {
    text-align:center;
    padding:40px 0px 20px
}
.share-page-main .common-side .share-user-info .img-box {
    width:80px;
    height:80px;
    margin:0px auto;
    box-shadow:rgba(0, 0, 0, 0.05) 0 1px 5px -1px, rgba(39, 40, 41, 0.1) 0 6px 24px -2px;
    border-radius:100%
}
.share-page-main .common-side .share-user-info .img-box img {
    width:100%;
    height:100%;
    border-radius:50%
}
.share-page-main .common-side .share-user-info .name {
    height:28px;
    line-height:28px;
    margin-top:10px
}
.share-page-main .common-side .share-user-info .name {
    color:#000;
    font-size:1.1em
}
.share-page-main .common-side .share-user-info .name .desc {
    color:#888
}
.share-page-main .common-side .share-file-info {
    padding:10px 15px
}
.share-page-main .common-side .share-file-info .info-line {
    line-height:1.3em;
    margin-bottom:5px;
    display:flex
}
.share-page-main .common-side .share-file-info .info-line .title {
    color:#999;
    min-width:60px;
    display:inline-block
}
.share-page-main .common-side .share-file-info .info-line .content {
    word-break:break-word;
    font-size:1em;
    color:#555;
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text;
    min-width:50px;
    display:inline-block
}
.share-page-main .common-footer {
    position:fixed;
    bottom:0px;
    background:#fff;
    color:#999;
    font-size:1em;
    width:100%;
    text-align:center;
    border-top:1px solid #f8f8f8;
    height:31px;
    line-height:32px;
    overflow:hidden
}
.share-page-main .content-main-message .btn-login {
    border-radius:4px;
    border:1px solid #1890ff;
    background-color:#1890ff;
    box-shadow:rgba(255, 255, 255, 0.1) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
    transition:all .16s ease 0s;
    color:#fff;
    position:relative;
    display:block;
    width:150px;
    margin:10px auto;
    padding:7px 10px
}
.share-page-main .content-main-message .btn-login:hover, .share-page-main .content-main-message .btn-login:active, .share-page-main .content-main-message .btn-login:focus {
    opacity:.8
}
.share-page-main .content-empty {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    left:0;
    height:100px;
    width:100px;
    line-height:100px;
    text-align:center;
    opacity:.5
}
.share-page-main .content-empty svg {
    display:block;
    font-size:100px;
    margin:0 auto;
    margin-bottom:-40px
}
.share-page-main .frame-right-main .tools .menu-toolbar-button .ri-add-line:before {
    content:"\ef78"
}
.app-share-file-show .header-address-content {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    margin:0;
    padding:2px 5px 2px 15px;
    list-style:none;
    height:35px;
    box-sizing:border-box;
    background:#fafafa;
    border-bottom:1px solid #eee
}
.app-share-file-show .header-address-content a {
    background:transparent;
    overflow:hidden;
    text-decoration:none;
    margin-left:0;
    padding:0 0 0 5px;
    border-radius:4px;
    display:inline-block;
    margin-right:-2px;
    height:30px;
    line-height:30px;
    color:inherit
}
.app-share-file-show .header-address-content a:active, .app-share-file-show .header-address-content a:focus {
    background:#eee
}
.app-share-file-show .header-address-content a:hover {
    background:#e0f5ff;
    color:#1890ff
}
.app-share-file-show .header-address-content a .path-ico {
    position:relative;
    top:-2px;
    margin-right:3px
}
.app-share-file-show .header-address-content a .item-menu {
    display:none !important
}
.app-share-file-show .header-address-content a:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    opacity:.6
}
.app-share-file-show .header-address-content .header-address-item {
    display:inline-block
}
.app-share-file-show .header-address-content .header-address-item.last {
    pointer-events:none;
    opacity:.7
}
.app-share-file-show .header-address-content .header-address-item.last a:after {
    display:none
}
.app-share-file-show .share-page-main .markdown-preview {
    min-width:200px;
    margin:20px auto;
    padding:0 4% 50px 4%;
    position:relative;
    border-right:1px solid #eee
}
.app-share-file-show .share-page-main .markdown-preview .markdown-menu {
    position:absolute;
    right:4%;
    margin:0;
    top:70px;
    width:200px;
    background:rgba(255, 255, 255, 0.6);
    box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
    background:linear-gradient(110deg, #fff, #fafdff);
    position:inherit;
    margin:15px 0;
    border-radius:4px;
    width:auto
}
.app-share-file-show .share-page-main .markdown-preview .markdown-menu a {
    border-radius:0;
    color:#666
}
.app-share-file-show .share-page-main .markdown-preview .markdown-menu .markdown-menu-h1 a {
    font-size:1.1em;
    line-height:1.5em;
    font-weight:400;
    white-space:initial;
    word-break:break-all;
    color:#fff;
    background:#1890ff;
    border-radius:4px 4px 0 0;
    background:linear-gradient(-150deg, #1890ff, #2070e5);
    padding:15px 10px 15px 15px;
    margin-bottom:10px
}
.share-view-body .frame-main-explorer .file-continer-main .file .title-rename {
    display:none !important
}
.share-view-body .frame-main-explorer .context-menu-item.view-setting {
    display:none !important
}
.app-share-file-show .share-page-main .drag-resize-tree .drag-item {
    position:absolute;
    top:50%;
    left:-5px;
    width:20px;
    height:20px;
    z-index:99
}
.app-share-file-show .share-page-main .drag-resize-tree.drag-to-right:hover {
    background:rgba(64, 169, 255, 0.3)
}
.app-share-file-show .share-page-main .drag-resize-tree.drag-to-hidden .drag-item {
    left:-20px
}
.share-page-main.explorer-editor div.content-box {
    bottom:32px;
    top:40.5px;
    width:100%;
    left:0px;
    border-radius:4px;
    box-shadow:none
}
.share-page-main.explorer-editor .common-side {
    visibility:hidden
}
.share-page-main.explorer-editor .content-box.content-show {
    border-radius:0
}
.share-page-main.explorer-editor .content-box.content-show>.drag-resize {
    display:none !important
}
.share-page-main.explorer-editor .content-box.content-show .common-main {
    right:0px !important;
    top:0
}
.page-model-login .loginbox {
    top:50%\0;
    margin-top:-300px\0
}
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
    .ps {
        overflow:hidden !important
    }
}
body .x-item-icon.x-folder.small, body .x-item-icon.x-source.small, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, body .context-menu-list .context-menu-item.explorer .font-icon, body .context-menu-list .context-menu-item.new-folder .font-icon, body .context-menu-list .context-menu-item.open-father .font-icon {
    background-image:url("../../images/file_icon/icon_others/folder_win10_small.png");
    background-position:0px 0;
    background-size:cover !important
}
body .x-item-icon.x-folder.small.is-open, body .x-item-icon.x-source.small.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon.is-open, body .context-menu-list .context-menu-item.explorer .font-icon.is-open, body .context-menu-list .context-menu-item.new-folder .font-icon.is-open, body .context-menu-list .context-menu-item.open-father .font-icon.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_win10_small_open.png")
}
body .context-menu-list .context-menu-item.explorer .font-icon, body .context-menu-list .context-menu-item.new-folder .font-icon, body .context-menu-list .context-menu-item.open-father .font-icon {
    height:18px;
    width:18px;
    margin-right:5px
}
body .x-item-icon.x-folder, body .x-item-icon.x-source {
    background-image:url("../../images/file_icon/icon_others/folder_win10.png")
}
body .x-item-icon.x-folder.is-open, body .x-item-icon.x-source.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_win10_open.png")
}
body .dropdown-menu a:hover, body .dropdown-menu .this a, body .dropdown-menu a:active {
    background:#eee;
    color:#444
}
body .context-menu-list {
    box-shadow:4px 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius:0;
    border:none
}
body .context-menu-list .context-menu-item.hover, body .context-menu-list .context-menu-item.selected.hover, body .context-menu-list .context-menu-item:active {
    background:#e1e1e1;
    color:#444
}
body .context-menu-list .context-menu-item.hover .font-icon, body .context-menu-list .context-menu-item.selected.hover .font-icon, body .context-menu-list .context-menu-item:active .font-icon {
    color:#888
}
body .context-menu-list .context-menu-item.context-menu-separator:active {
    background:none
}
body .context-menu-list .context-menu-item.hover>.context-menu-list .hover .font-icon {
    color:#888
}
body .context-menu-list .hover>span>b {
    color:#888
}
body .tasktab-dragging {
    box-shadow:0 0 6px #2196f3;
    border-color:#2196f3
}
div.file-continer.file-list-split .file.file2 {
    background:none
}
div.file-continer.file-list-split .file.hover {
    background:#e5f3ff;
    border-color:transparent
}
div.file-continer.file-list-split .file.select-split-parent {
    background:#e3f0ff;
    border-color:#c9e2ff
}
div.file-continer .file {
    border-radius:0;
    filter:none;
    -ms-transition:transform .2s;
    -webkit-transition:transform .2s;
    -moz-transition:transform .2s;
    -o-transition:transform .2s;
    transition:transform .2s
}
div.file-continer .file.select, div.file-continer .file.file-select-drag-temp {
    background:#cce8ff;
    border-color:#99d1ff
}
div.file-continer .file.select:focus, div.file-continer .file.file-select-drag-temp:focus, div.file-continer .file.select.file-focus, div.file-continer .file.file-select-drag-temp.file-focus {
    border-color:#a8d8ff
}
div.file-continer .file.hover {
    background:#e5f3ff;
    border-color:transparent
}
div.file-continer .file.hover.select, div.file-continer .file.hover.file-select-drag-temp {
    background:#cce8ff;
    border-color:#99d1ff
}
div.file-continer .file.hover.select:focus, div.file-continer .file.hover.file-select-drag-temp:focus, div.file-continer .file.hover.select.file-focus, div.file-continer .file.hover.file-select-drag-temp.file-focus {
    border-color:#a8d8ff
}
div.file-continer .file.select.file2, div.file-continer .file.file-select-drag-temp.file2 {
    background:#cce8ff;
    border-color:#99d1ff
}
div.file-continer .file.select.file2:focus, div.file-continer .file.file-select-drag-temp.file2:focus, div.file-continer .file.select.file2.file-focus, div.file-continer .file.file-select-drag-temp.file2.file-focus {
    border-color:#a8d8ff
}
div.file-continer.file-list-split .file, div.file-continer.file-list-list .file {
    margin-bottom:1px
}
.edit-content.markdown-full-page pre.ace_editor {
    width:100% !important
}
.edit-content.markdown-full-page .resize {
    display:none
}
.edit-content.markdown-full-page .edit-right-frame {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#fff;
    z-index:9999;
    width:100% !important
}
.edit-content.markdown-full-page .edit-right-frame .right-main {
    width:100% !important
}
.edit-content.markdown-full-page .edit-right-frame .display-markdown {
    width:100% !important;
    background:none
}
.edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool .toolbar {
    width:80%;
    left:10%;
    border:none;
    border-bottom:1px solid #ddd;
    background:rgba(240, 240, 240, 0.5);
    display:none
}
.edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] {
    pointer-events:none
}
.edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] i.font-icon {
    opacity:.3
}
.edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-full"] i.font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9a"
}
.edit-content.markdown-full-page .edit-right-frame .markdown-preview {
    min-width:200px;
    max-width:1000px;
    margin:50px auto;
    padding:0 15px
}
.edit-content.markdown-full-page .markdown-preview-content {
    background:#f6f6f6
}
.edit-content.markdown-full-page .markdown-preview {
    min-width:200px;
    max-width:1000px;
    margin:50px auto;
    padding:0 15px;
    box-sizing:border-box;
    background:#fff;
    border-radius:3px;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.05)
}
.dark-mode .edit-main.code-theme-light .edit-content.markdown-full-page .markdown-preview-content, .edit-main.code-theme-black .edit-content.markdown-full-page .markdown-preview-content {
    background:transparent
}
.dark-mode .edit-main.code-theme-light .edit-content.markdown-full-page .markdown-preview, .edit-main.code-theme-black .edit-content.markdown-full-page .markdown-preview {
    background:rgba(255, 255, 255, 0.05);
    border-radius:3px;
    box-shadow:none
}
.app-wap-small .edit-main.code-theme-black .edit-content.markdown-full-page .markdown-preview-content, .app-wap-small .edit-main .edit-content.markdown-full-page .markdown-preview-content {
    background:transparent
}
.app-wap-small .edit-main.code-theme-black .edit-content.markdown-full-page .markdown-preview, .app-wap-small .edit-main .edit-content.markdown-full-page .markdown-preview {
    background:transparent;
    box-shadow:none
}
.page-explorer-file-view #app .markdown-preview {
    background:#f6f6f6
}
.page-explorer-file-view #app .markdown-preview .content {
    max-width:1000px;
    box-sizing:border-box;
    min-height:90%;
    margin:45px auto;
    padding:10px 30px 30px 30px;
    background:#fff;
    border-radius:3px;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.05)
}
.page-explorer-file-view #app .markdown-preview .markdown-menu {
    position:fixed;
    z-index:9999;
    margin-left:980px;
    top:45px;
    width:200px;
    max-height:80%;
    border-radius:4px;
    overflow:auto;
    padding:0;
    box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
    background:linear-gradient(110deg, #fff, #fafdff)
}
.page-explorer-file-view #app .markdown-preview .markdown-menu ul {
    padding:0;
    margin:0
}
.page-explorer-file-view #app .markdown-preview .markdown-menu ul li:last-child {
    margin-bottom:20px
}
.page-explorer-file-view #app .markdown-preview .markdown-menu a {
    color:#666;
    font-size:13px;
    text-decoration:none;
    display:block;
    padding:5px 10px 5px 10px;
    line-height:1.2em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all .2s;
    border-radius:0
}
.page-explorer-file-view #app .markdown-preview .markdown-menu a:hover {
    background:#def;
    color:#1890ff
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h1 {
    background:#1890ff;
    background:linear-gradient(-150deg, #1890ff, #2070e5);
    border-radius:4px 4px 0 0;
    padding:10px 0;
    margin-bottom:10px
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h1 a {
    white-space:initial;
    word-break:break-all;
    padding:10px 10px;
    font-size:14px;
    line-height:1.5em;
    color:#fff
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h1 a:hover {
    background:none
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h2 a {
    padding:5px 10px 5px 1em;
    font-weight:600
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h3 a {
    padding-left:2em
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h4 a {
    padding-left:3em
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h5 a {
    padding-left:4em
}
.page-explorer-file-view #app .markdown-preview .markdown-menu .markdown-menu-h6 a {
    padding-left:5em
}
.dark-mode.page-explorer-file-view #app .markdown-preview {
    background:transparent
}
.dark-mode.page-explorer-file-view #app .markdown-preview .content {
    background:rgba(0, 0, 0, 0.5)
}
.app-wap-small.page-explorer-file-view #app .markdown-preview {
    background:none
}
.app-wap-small.page-explorer-file-view #app .markdown-preview .content {
    margin:0;
    padding:10px 20px 30px 20px;
    border-radius:0;
    box-shadow:none
}
.app-wap-small.page-explorer-file-view #app .markdown-preview .markdown-menu {
    position:relative;
    margin:20px 0 20px 0;
    top:0;
    width:100%
}
.edit-content.markdown-hidden .ace_editor {
    width:100% !important
}
.edit-content.markdown-hidden .editor-preview-resize {
    display:none
}
.edit-content.markdown-hidden .edit-right-frame {
    width:0 !important
}
.edit-content.markdown-hidden a[action=toggle-full] {
    display:none;
    pointer-events:none
}
.edit-content.markdown-hidden a[action=toggle-full] i.font-icon {
    color:#ccc !important
}
.edit-content.markdown-hidden .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecb5"
}
.edit-main .edit-right-frame .preview-markdown-frame {
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    font-family:Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool {
    border:none;
    height:inherit
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecb7"
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box {
    position:absolute;
    bottom:.1px;
    z-index:10;
    background:none;
    top:20px;
    right:25px;
    width:35px;
    height:200px
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a {
    margin:0;
    padding:0;
    display:block;
    text-align:center;
    height:35px;
    line-height:35px;
    border:none
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a .font-icon {
    color:#888;
    font-size:15px;
    font-weight:200
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:focus {
    border:none;
    background:#bbb;
    color:#000;
    box-shadow:none
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active .font-icon, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:focus .font-icon {
    color:#222
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box .content {
    background:rgba(180, 180, 180, 0.2);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius:2px;
    overflow:hidden
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar {
    position:absolute;
    right:25px;
    top:5px;
    border-radius:3px;
    width:465px;
    padding:3px 5px;
    background:rgba(255, 255, 255, 0.85);
    box-shadow:0 5px 17px rgba(0, 0, 0, 0.1);
    border:1px solid rgba(0, 0, 0, 0.1);
    top:-60px;
    right:62px;
    border-radius:0;
    padding:0px 5px;
    box-shadow:none;
    border:none;
    border-left:1px solid #eee;
    z-index:5
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools {
    height:100%;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    margin:0;
    line-height:28px;
    float:left;
    padding:0;
    color:#666;
    width:24px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:active, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:focus {
    background:#ccc
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split {
    width:10px;
    color:#ccc;
    line-height:25px
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:active, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:focus {
    background:none
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-preview {
    padding:10px 35px 100px 35px
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview {
    padding:0
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a {
    border-radius:0;
    color:#666
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu a:hover {
    color:#1890ff
}
.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview .markdown-menu .markdown-menu-h1 a {
    padding:20px 10px 15px 12px;
    border-bottom:1px solid rgba(100, 100, 100, 0.2);
    font-size:1.3em;
    margin-bottom:10px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help {
    width:650px;
    background:#fff;
    height:80%;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius:4px;
    border-top-right-radius:0;
    position:absolute;
    top:20px;
    right:60px;
    border:1px solid #ddd;
    overflow:hidden;
    z-index:9999;
    user-select:text;
    padding-bottom:50px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help h3 {
    padding:20px 10px 15px 20px;
    margin:0;
    border-bottom:1px solid #eee;
    font-size:20px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help .content {
    height:100%;
    overflow:auto;
    margin:5px;
    padding-bottom:20px;
    margin-right:0
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help p {
    margin:0
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help h5 {
    font-weight:800
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help pre {
    border-radius:4px;
    background:#eee;
    color:#777;
    font-family:Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif;
    font-size:.9em;
    margin:5px 0;
    padding:8px 5px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-help .col-md-4 {
    padding-bottom:30px;
    box-sizing:border-box
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box {
    width:300px;
    background:#fff;
    height:80%;
    max-height:90%;
    border-radius:4px;
    border-top-right-radius:0;
    position:absolute;
    top:20px;
    right:60px;
    bottom:.1px;
    z-index:10;
    border:1px solid #e6e6e6;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.05);
    background:linear-gradient(110deg, #fff, #fafdff)
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box h3 {
    padding:20px 10px 15px 20px;
    margin:0;
    border-bottom:1px solid #eee;
    font-size:22px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .content {
    height:100%;
    overflow:auto
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .tools-markdown-more {
    position:absolute;
    top:20px;
    right:10px
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting {
    width:160px;
    height:auto;
    background:#fff;
    border:1px solid #ddd;
    z-index:10;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius:4px;
    border-top-right-radius:0;
    position:absolute;
    top:125px;
    right:60px;
    -webkit-transform:translateZ(0)
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul {
    padding:0;
    margin:10px 0
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li {
    width:100%;
    height:25px;
    list-style:none;
    overflow:hidden
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li.line {
    height:1px;
    background:#f3f3f3;
    margin:5px 0
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:visited {
    display:block;
    line-height:25px;
    text-decoration:none;
    padding:0 0 0 20px;
    color:#444;
    overflow:hidden
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a i.font-icon {
    padding-right:5px;
    color:#888;
    display:inline-block;
    width:16px;
    text-align:center
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:focus {
    background:#63acff;
    color:#fff
}
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover i, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active i, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:focus i {
    color:#fff
}
.edit-content.markdown-view .preview-markdown-tool a[action="toggle-edit"] {
    display:none !important
}
.share-view-body .edit-content.markdown-view.markdown-share-show .preview-markdown-tool a[action="toggle-markdown"] {
    display:none
}
.share-view-body .edit-content.markdown-view.markdown-share-show .preview-markdown-tool a[action="toggle-edit"] i:before {
    content:"\ec82"
}
.share-view-body .edit-content.markdown-view.markdown-share-show .preview-markdown-tool .toolbar {
    display:none
}
.share-view-body .edit-content.markdown-view.markdown-share-show .ace-editor-content, .share-view-body .edit-content.markdown-view.markdown-share-show .editor-preview-resize {
    display:none
}
.share-view-body .edit-content.markdown-view.markdown-share-show .edit-right-frame {
    width:100% !important
}
.share-view-body .edit-content.markdown-view .preview-markdown-tool a[action="toggle-edit"] {
    display:block !important
}
.share-view-body .edit-content.markdown-view .preview-markdown-tool a[action="toggle-markdown"] {
    display:block
}
.hljs {
    color:#666
}
.hljs-comment, .hljs-quote {
    color:#998;
    font-style:italic
}
.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color:#333;
    font-weight:700
}
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
    color:teal
}
.hljs-doctag, .hljs-string {
    color:#d14
}
.hljs-section, .hljs-selector-id, .hljs-title {
    color:#900;
    font-weight:700
}
.hljs-subst {
    font-weight:400
}
.hljs-class .hljs-title, .hljs-type {
    color:#458;
    font-weight:700
}
.hljs-attribute, .hljs-name, .hljs-tag {
    color:navy;
    font-weight:400
}
.hljs-meta, .hljs-strong {
    font-weight:700
}
.hljs-link, .hljs-regexp {
    color:#009926
}
.hljs-bullet, .hljs-symbol {
    color:#990073
}
.hljs-built_in, .hljs-builtin-name {
    color:#0086b3
}
.hljs-meta {
    color:#999
}
.hljs-deletion {
    background:#fdd
}
.hljs-addition {
    background:#dfd
}
.hljs-emphasis {
    font-style:italic
}
.hljs {
    padding:0 !important
}
.hljs ul {
    list-style:decimal;
    padding:0px;
    position:relative;
    margin:0px 0px 0 45px !important;
    padding:5px 0;
    cursor:text;
    background:#fff
}
.hljs ul:before {
    content:" ";
    cursor:default;
    position:absolute;
    top:-1px;
    left:-46px;
    bottom:-1px;
    width:45px;
    background:#fafafa8f;
    border-radius:4px 0 0 4px;
    border-right:1px solid rgba(0, 0, 0, 0.03)
}
.hljs ul li {
    padding:0 10px
}
.hljs ul li span {
    line-height:18px;
    padding:5px 0 0 0
}
.hljs ul li:nth-of-type(even) {
    background:rgba(0, 0, 0, 0.02)
}
.hljs ul li:hover, .hljs ul li:active {
    background:rgba(0, 0, 0, 0.05)
}
.dark-mode div .hljs {
    background:#23241f
}
.dark-mode .hljs, .dark-mode .hljs-subst, .dark-mode .hljs-tag {
    color:#f8f8f2
}
.dark-mode .hljs-emphasis, .dark-mode .hljs-strong {
    color:#a8a8a2
}
.dark-mode .hljs-bullet, .dark-mode .hljs-link, .dark-mode .hljs-literal, .dark-mode .hljs-number, .dark-mode .hljs-quote, .dark-mode .hljs-regexp {
    color:#ae81ff
}
.dark-mode .hljs-code, .dark-mode .hljs-section, .dark-mode .hljs-selector-class, .dark-mode .hljs-title {
    color:#a6e22e
}
.dark-mode .hljs-strong {
    font-weight:700
}
.dark-mode .hljs-emphasis {
    font-style:italic
}
.dark-mode .hljs-attr, .dark-mode .hljs-keyword, .dark-mode .hljs-name, .dark-mode .hljs-selector-tag {
    color:#f92672
}
.dark-mode .hljs-attribute, .dark-mode .hljs-symbol {
    color:#66d9ef
}
.dark-mode .hljs-class .hljs-title, .dark-mode .hljs-params {
    color:#f8f8f2
}
.dark-mode .hljs-addition, .dark-mode .hljs-built_in, .dark-mode .hljs-builtin-name, .dark-mode .hljs-selector-attr, .dark-mode .hljs-selector-id, .dark-mode .hljs-selector-pseudo, .dark-mode .hljs-string, .dark-mode .hljs-template-variable, .dark-mode .hljs-type, .dark-mode .hljs-variable {
    color:#e6db74
}
.dark-mode .hljs-comment, .dark-mode .hljs-deletion, .dark-mode .hljs-meta {
    color:#75715e
}
.dark-mode .hljs ul {
    background:inherit
}
.dark-mode .hljs ul:before {
    background:rgba(80, 80, 80, 0.5)
}
.dark-mode .hljs ul li:nth-of-type(even) {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .hljs ul li:hover, .dark-mode .hljs ul li:active {
    background:rgba(255, 255, 255, 0.05)
}
.edit-main .edit-right-frame {
    position:absolute;
    top:00px;
    right:0px;
    width:40%;
    bottom:0;
    background:#fff;
    border-left:1px solid #ddd;
    overflow:visible
}
.edit-main .edit-right-frame .markdown-preview-content {
    position:absolute;
    height:100%;
    width:100%;
    overflow:auto
}
.edit-main .edit-right-frame .preview-frame {
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    width:100%;
    background:#fff
}
.edit-main .edit-right-frame .preview-markdown-tool, .edit-main .edit-right-frame .function-list-tool, .edit-main .edit-right-frame .preview-url-tool {
    width:100%;
    height:25px;
    border-bottom:1px solid #ddd
}
.edit-main .edit-right-frame .preview-markdown-tool .box, .edit-main .edit-right-frame .function-list-tool .box, .edit-main .edit-right-frame .preview-url-tool .box {
    width:105px;
    height:25px;
    position:absolute;
    top:0px;
    right:0px;
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.edit-main .edit-right-frame .preview-markdown-tool .box a, .edit-main .edit-right-frame .function-list-tool .box a, .edit-main .edit-right-frame .preview-url-tool .box a {
    text-decoration:none;
    border:1px solid rgba(200, 200, 200, 0.01);
    display:inline-block;
    margin-top:0px;
    margin-left:2px;
    position:relative;
    padding:3px 5px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.edit-main .edit-right-frame .preview-markdown-tool .box a .font-icon, .edit-main .edit-right-frame .function-list-tool .box a .font-icon, .edit-main .edit-right-frame .preview-url-tool .box a .font-icon {
    color:#999
}
.edit-main .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .function-list-tool .box a:hover, .edit-main .edit-right-frame .preview-url-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-tool .box a:active, .edit-main .edit-right-frame .function-list-tool .box a:active, .edit-main .edit-right-frame .preview-url-tool .box a:active {
    border:1px solid #ccc;
    box-shadow:0 0 20px rgba(0, 0, 0, 0.2) inset
}
.edit-main .edit-right-frame .preview-url-frame .preview-frame-content {
    position:absolute;
    right:0px;
    left:0px;
    bottom:0px;
    overflow:auto;
    top:26px;
    background:#fff
}
.edit-main .edit-right-frame .preview-url-frame .input-content {
    position:absolute;
    height:27px;
    right:100px;
    left:0px
}
.edit-main .edit-right-frame .preview-url-frame .input-content input {
    height:25px;
    border:none;
    border-right:1px solid #ddd;
    text-shadow:1px 1px 3px #CCE;
    outline:none;
    color:#888;
    font-size:1.15em;
    width:95%;
    padding:0 2.5%;
    box-shadow:#fafafa 0 0 30px inset;
    background:#f8f8f8 url("../../images/common/bg.gif") 0 -2px repeat-x
}
.edit-main .edit-right-frame .preview-url-frame .input-content input:focus {
    box-shadow:#eee 0 0 30px inset
}
.edit-main .edit-right-frame .preview-url-frame .box {
    border-left:1px solid #eee
}
.edit-main .edit-right-frame .function-list .function-list-tool {
    height:100px;
    width:100%
}
.edit-main .edit-right-frame .function-search {
    position:absolute;
    top:26px;
    left:0;
    height:25px;
    right:5px
}
.edit-main .edit-right-frame .function-search input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    padding:3px 2%;
    color:#222;
    margin:0 3%;
    width:90%;
    border-radius:3px
}
.edit-main .edit-right-frame .function-search input:hover, .edit-main .edit-right-frame .function-search input:active {
    border-color:#75A1F0
}
.edit-main .edit-right-frame .function-search input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.edit-main .edit-right-frame .function-search input.disabled, .edit-main .edit-right-frame .function-search input[readonly='true'], .edit-main .edit-right-frame .function-search input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.edit-main .edit-right-frame .function-search input.disabled:hover, .edit-main .edit-right-frame .function-search input[readonly='true']:hover, .edit-main .edit-right-frame .function-search input[readonly='readonly']:hover, .edit-main .edit-right-frame .function-search input.disabled:active, .edit-main .edit-right-frame .function-search input[readonly='true']:active, .edit-main .edit-right-frame .function-search input[readonly='readonly']:active {
    border-color:#ddd
}
.edit-main .edit-right-frame .function-search input.disabled:focus, .edit-main .edit-right-frame .function-search input[readonly='true']:focus, .edit-main .edit-right-frame .function-search input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.edit-main .edit-right-frame .function-search .search-reset {
    position:absolute;
    top:5px;
    right:5%;
    font-size:1.25em;
    color:#aaa;
    display:block;
    cursor:pointer
}
.edit-main .edit-right-frame .function-search .search-reset:hover, .edit-main .edit-right-frame .function-search .search-reset:active, .edit-main .edit-right-frame .function-search .search-reset:focus {
    color:#f5222d
}
.edit-main .edit-right-frame .frame-right .function-list-parent {
    top:57px
}
.edit-main .edit-right-frame .function-list-box .cell b {
    color:#378eef
}
.edit-main .edit-right-frame .function-list-box .row-select .cell b {
    color:#ff9
}
.edit-main .edit-right-frame .function-list-tool {
    border:none
}
.edit-main .edit-right-frame .function-list-tool .box {
    width:100%;
    right:0px;
    overflow:hidden;
    background:#fff
}
.edit-main .edit-right-frame .function-list-tool .box span {
    display:block;
    padding:1px 10px;
    float:left;
    line-height:27px
}
.edit-main .edit-right-frame .function-list-tool .box a {
    display:block;
    float:right;
    margin-right:5px
}
.edit-main .edit-right-frame .function-list-tool .box span .font-icon {
    font-size:13px;
    display:inline-block;
    position:relative;
    top:-1px;
    margin-right:2px
}
.edit-main .edit-right-frame .function-list-parent {
    position:absolute;
    top:55px;
    right:0;
    bottom:15px;
    width:100%;
    background:#fff
}
.edit-main .edit-right-frame .function-list-box {
    padding:5px;
    -webkit-text-size-adjust:none;
    overflow:auto;
    margin-right:2px;
    height:100%
}
.edit-main .edit-right-frame .function-list-box .row-hover {
    background:#ddd;
    border-radius:3px
}
.edit-main .edit-right-frame .function-list-box .row-select {
    background:#63acff;
    color:#fff;
    border-radius:3px
}
.edit-main .edit-right-frame .function-list-box .cell-null {
    padding:10px 5px;
    color:#999;
    text-align:center
}
.edit-main .edit-right-frame .function-list-box .list-row {
    padding:2px 5px;
    cursor:default;
    font-family:Tahoma, Arial;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.edit-main .edit-right-frame .function-list-box .list-row.row-hover {
    background:#ddd;
    border-radius:3px
}
.edit-main .edit-right-frame .function-list-box .list-row.row-select {
    background:#63acff;
    color:#fff;
    border-radius:3px
}
.edit-main .edit-right-frame .function-list-box .list-row .icon {
    vertical-align:middle;
    text-align:center;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    font-style:normal;
    width:20px;
    display:inline-block;
    text-decoration:inherit;
    font-size:10px;
    -webkit-transform:scale(.8, .8);
    transform:scale(.8, .8)
}
.edit-main .edit-right-frame .function-list-box .list-row span {
    cursor:default
}
.edit-main .edit-right-frame .function-list-box .list-row.mark .icon {
    color:#666
}
.edit-main .edit-right-frame .function-list-box .list-row.mark .icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f186"
}
.edit-main .edit-right-frame .function-list-box .list-row.mark, .edit-main .edit-right-frame .function-list-box .list-row.class {
    background:#eee;
    font-weight:800;
    border-radius:3px
}
.edit-main .edit-right-frame .function-list-box .list-row.mark.row-select, .edit-main .edit-right-frame .function-list-box .list-row.class.row-select {
    color:#fff;
    background:#63acff
}
.edit-main .edit-right-frame .function-list-box .list-row.row-select .icon {
    color:#fff !important
}
.edit-main .edit-right-frame .function-list-box .list-row.class .icon {
    color:#888
}
.edit-main .edit-right-frame .function-list-box .list-row.class .icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef3e"
}
.edit-main .edit-right-frame .function-list-box .list-row.function .icon {
    color:#378eef
}
.edit-main .edit-right-frame .function-list-box .list-row.function .icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7c";
    position:relative;
    top:-2px
}
.edit-main .edit-right-frame .function-list-box .list-row.function-define .icon {
    color:#98c878
}
.edit-main .edit-right-frame .function-list-box .list-row.function-value .icon {
    color:#ffb16d
}
.edit-main .edit-right-frame .function-list-box .list-row.function-var .icon {
    color:#008641
}
.edit-main .search-content {
    position:absolute;
    z-index:50;
    left:0;
    right:0;
    bottom:0px
}
.edit-main .search-content .ace_search {
    border-radius:0px 0px 0px 5px;
    border-right:0 none;
    overflow:visible;
    background-color:#eee;
    color:#444;
    width:100%;
    max-width:inherit;
    padding-top:5px;
    border-top:1px solid #ccc;
    border-bottom:none;
    position:absolute;
    bottom:0px
}
.edit-main .search-content .ace_search .ace_search_options {
    text-align:right;
    position:absolute;
    top:4px;
    margin:3px 0 0 20px
}
.edit-main .search-content .ace_search .ace_searchbtn_close {
    background-position:50% -10%;
    position:absolute;
    right:10px;
    width:18px;
    height:18px
}
.edit-main .search-content .ace_search .ace_searchbtn_close:hover, .edit-main .search-content .ace_search .ace_searchbtn_close:active, .edit-main .search-content .ace_search .ace_searchbtn_close:focus {
    background-position:50% 120%
}
.edit-main .search-content .ace_search .ace_search_form, .edit-main .search-content .ace_search .ace_replace_form {
    float:inherit;
    border:none;
    height:68px
}
.edit-main .search-content .ace_search .ace_search_form .search-info {
    position:absolute;
    right:35px;
    height:25px;
    line-height:25px;
    opacity:.6;
    filter:alpha(opacity=60)
}
.edit-main .search-content .ace_search .ace_search_form .search_at_index, .edit-main .search-content .ace_search .ace_search_form .search_total_num {
    padding-left:.3em;
    padding-right:.3em
}
.edit-main .search-content .ace_search .ace_button {
    margin-left:3px;
    width:30px;
    text-align:center;
    display:inline-block;
    border-radius:3px
}
.edit-main .search-content .ace_search .ace_button.checked {
    border-color:#39F;
    background:#39f;
    color:#fff
}
.edit-main .search-content .ace_search .ace_search_field {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    background-color:#FFF;
    border-radius:3px;
    border:1px solid #ccc;
    margin:0px;
    width:100%;
    height:68px;
    line-height:14px;
    padding-top:4px
}
.edit-main .search-content .ace_search .ace_search_field:hover, .edit-main .search-content .ace_search .ace_search_field:active {
    border-color:#75A1F0
}
.edit-main .search-content .ace_search .ace_search_field:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.edit-main .search-content .ace_search .ace_search_field.disabled, .edit-main .search-content .ace_search .ace_search_field[readonly='true'], .edit-main .search-content .ace_search .ace_search_field[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.edit-main .search-content .ace_search .ace_search_field.disabled:hover, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:hover, .edit-main .search-content .ace_search .ace_search_field[readonly='readonly']:hover, .edit-main .search-content .ace_search .ace_search_field.disabled:active, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:active, .edit-main .search-content .ace_search .ace_search_field[readonly='readonly']:active {
    border-color:#ddd
}
.edit-main .search-content .ace_search .ace_search_field.disabled:focus, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:focus, .edit-main .search-content .ace_search .ace_search_field[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.edit-main .search-content .ace_search .ace_search_field:focus {
    box-shadow:0 0 1px #75a1f0
}
.edit-main .search-content .ace_search .ace_search_action {
    position:absolute;
    right:50px
}
.edit-main .search-content .ace_search .ace_search_input {
    position:absolute;
    left:130px;
    right:165px
}
.edit-main .search-content .ace_search .ace_replace_form .ace_search_action {
    right:70px
}
.edit-main .search-content .ace_search .ace_search_form.ace_nomatch {
    outline:none
}
.edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info {
    color:#f00;
    font-weight:800
}
.edit-main .search-content .ace_search .search-info.search-first {
    color:#03a9f4;
    font-weight:800
}
.edit-main .search-content .ace_search .history-list {
    position:absolute;
    right:15px
}
.edit-main .search-content .ace_search .history-list .dropdown-menu:before {
    right:4px
}
.edit-main .search-content .ace_search .history-list .dropdown-menu:after {
    right:5px
}
.edit-main .search-content .ace_search .history-list .dropdown-menu li>a {
    padding:3px 20px
}
.edit-main .search-content .ace_search .history-list .dropmenu {
    width:18px;
    height:18px;
    line-height:18px;
    margin-top:3px;
    background:rgba(50, 50, 50, 0.05);
    cursor:pointer;
    font-size:12px;
    color:#ccc;
    display:inline-block;
    text-align:center;
    border-radius:2px
}
.edit-main .search-content .ace_search .history-list .dropmenu:hover, .edit-main .search-content .ace_search .history-list .dropmenu:active, .edit-main .search-content .ace_search .history-list .dropmenu:focus {
    background:rgba(50, 50, 50, 0.2);
    color:#aaa
}
.edit-main .search-content .ace_search .history-list.open .dropmenu {
    background:rgba(50, 50, 50, 0.2);
    color:#aaa
}
.edit-main .search-content .ace_search .btn-background {
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x
}
.edit-main .search-content .ace_search .btn-background-hover {
    background:url("../../images/common/buttons_40.png") 0 -12px repeat-x
}
.edit-main .search-content .ace_search .ace_searchbtn, .edit-main .search-content .ace_search .ace_replacebtn {
    float:left;
    padding:0 8px;
    border:1px solid #dcdcdc;
    margin-left:-1px;
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x
}
.edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:active, .edit-main .search-content .ace_search .ace_searchbtn:focus, .edit-main .search-content .ace_search .ace_replacebtn:focus {
    background:url("../../images/common/buttons_40.png") 0 -12px repeat-x
}
.edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:active, .edit-main .search-content .ace_search .ace_searchbtn:focus, .edit-main .search-content .ace_search .ace_replacebtn:focus {
    outline:none;
    background:#ddd
}
.edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main .search-content .ace_search .ace_replacebtn.next {
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x;
    padding:0 4px
}
.edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main .search-content .ace_search .ace_replacebtn.next:active, .edit-main .search-content .ace_search .ace_searchbtn.next:focus, .edit-main .search-content .ace_search .ace_replacebtn.next:focus {
    background:url("../../images/common/buttons_40.png") 0 -12px repeat-x
}
.edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main .search-content .ace_search .ace_replacebtn.prev {
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x;
    padding:0 4px
}
.edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main .search-content .ace_search .ace_replacebtn.prev:active, .edit-main .search-content .ace_search .ace_searchbtn.prev:focus, .edit-main .search-content .ace_search .ace_replacebtn.prev:focus {
    background:url("../../images/common/buttons_40.png") 0 -12px repeat-x
}
.ace_editor.ace-view-hex .ace_marker-layer .ace_step {
    z-index:10;
    border-radius:0;
    opacity:.8;
    background:rgba(255, 255, 0, 0.8);
    margin-top:-1px;
    margin-left:-1px
}
.ace_editor.ace-view-hex .ace_scroller {
    margin-top:1.4em
}
.ace_editor.ace-view-hex>.ace_scroller {
    margin-left:7.2em;
    width:29em;
    z-index:10
}
.ace_editor.ace-view-hex>.ace_scroller .ace_content {
    margin-left:-5px
}
.ace_editor.ace-view-hex>.ace_scroller .ace_selection {
    background:rgba(255, 193, 7, 0.5)
}
.ace_editor .hex-switch {
    position:absolute;
    right:20px;
    top:10px;
    width:60px;
    height:60px;
    display:none;
    z-index:50
}
.ace_editor .hex-switch .switch-item {
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:10px;
    opacity:.6;
    font-size:18px;
    cursor:pointer;
    text-align:center;
    display:none;
    position:absolute;
    top:0;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.ace_editor .hex-switch .switch-item:hover {
    opacity:.8
}
.ace_editor .hex-switch .switch-item.item-hex {
    background:#555;
    color:#fff
}
.ace_editor .hex-switch .switch-item.item-str {
    background:#cfe8ff;
    color:#1890ff
}
.ace_editor .hex-switch .switch-item.item-hex {
    display:block
}
.ace_editor .hex-switch .switch-item.item-str {
    display:none
}
.ace_editor.ace-view-hex .hex-switch .switch-item.item-hex {
    display:none
}
.ace_editor.ace-view-hex .hex-switch .switch-item.item-str {
    display:block
}
.ace_editor.allow-hex .hex-switch {
    display:block
}
.ace_editor .ace-hex-title {
    display:none
}
.ace_editor.ace-view-hex .ace-hex-title {
    position:absolute;
    top:0;
    left:0;
    white-space:nowrap;
    user-select:none;
    margin-left:7.2em;
    width:41em;
    display:block;
    z-index:20;
    color:#888;
    font-weight:600
}
.ace_editor .ace-hex-info {
    display:none
}
.ace_editor.ace-view-hex .ace-hex-info {
    position:fixed;
    z-index:10;
    position:absolute;
    bottom:35px;
    left:49em;
    border-radius:6px;
    min-width:190px;
    display:block;
    overflow:hidden;
    white-space:initial;
    padding:8px 8px 8px 10px;
    box-sizing:border-box;
    background:rgba(255, 255, 255, 0.95);
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06)
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-line {
    height:15px;
    white-space:initial;
    font-size:12px;
    line-height:14px
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-line .info-title {
    color:#aaa;
    width:60px;
    display:inline-block
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-line .info-content {
    color:#444;
    width:auto;
    min-width:80px;
    display:inline-block
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-more {
    border-top:.5px dotted rgba(150, 150, 150, 0.2);
    padding-top:5px;
    margin-top:5px;
    font-size:12px
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-more label {
    position:relative;
    top:-1px;
    opacity:.6;
    cursor:pointer;
    user-select:none;
    margin:0;
    margin-left:10px
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-more label em {
    margin:-1px 0 0 -2px
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-more .hex-info-line[data-key="int16"] .info-content {
    min-width:30px
}
.ace_editor.ace-view-hex .ace-hex-info input.index {
    position:absolute;
    left:72px;
    top:52px;
    width:100px;
    height:14px;
    font-family:inherit;
    color:inherit;
    margin:0px 0 0 4px;
    padding:1px;
    border:none;
    visibility:hidden;
    color:#1890ff;
    border-bottom:1px solid rgba(150, 150, 150, 0.3)
}
.ace_editor.ace-view-hex .ace-hex-info .edit-icon {
    position:absolute;
    font-size:12px;
    opacity:.3;
    margin-left:-10px;
    pointer-events:none
}
.ace_editor.ace-view-hex .ace-hex-info .input-focus .edit-icon {
    display:none
}
.ace_editor.ace-view-hex .ace-hex-info .input-focus .info-content {
    display:none
}
.ace_editor.ace-view-hex .ace-hex-info .input-focus input.index {
    visibility:visible
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-line[data-key="index"] .info-content {
    cursor:text;
    min-width:100px
}
.ace_editor.ace-view-hex .ace-hex-info .hex-info-line[data-key="index"] .info-content:hover {
    color:#1890ff
}
.ace_editor.ace-view-hex .ace-hex-info .close-view {
    position:absolute;
    width:25px;
    height:25px;
    line-height:25px;
    right:2px;
    top:2px;
    border-radius:4px;
    color:#ccc;
    font-size:18px;
    cursor:pointer
}
.ace_editor.ace-view-hex .ace-hex-info .close-view:active, .ace_editor.ace-view-hex .ace-hex-info .close-view:hover {
    color:#1890ff;
    background:#d2ebff
}
.ace_editor .hex-column {
    display:none
}
.ace_editor.ace-view-hex .hex-split-line {
    position:absolute;
    top:0;
    bottom:0;
    z-index:10;
    left:21.5em;
    margin-left:1px;
    border-right:.5px solid rgba(150, 150, 150, 0.1)
}
.ace_editor.ace-view-hex .hex-column {
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    width:1px;
    display:block;
    border:0 solid rgba(150, 150, 150, 0.1);
    background:rgba(150, 150, 150, 0.1)
}
.ace_editor.ace-view-hex .hex-column.column-line {
    width:6.2em;
    border-right-width:1px
}
.ace_editor.ace-view-hex .hex-column.column-char {
    width:11em;
    left:37em;
    border-left-width:1px;
    border-right-width:1px;
    background:rgba(200, 200, 200, 0.05)
}
.ace_editor.ace-view-hex .hex-column .ace_editor {
    height:100% !important;
    width:100% !important;
    color:inherit;
    font-size:inherit !important;
    background:none !important
}
.ace_editor.ace-view-hex .hex-column .ace_editor .ace_scroller {
    right:0 !important
}
.ace_editor.ace-view-hex .hex-column .ace_editor .ace_scroller .ace_content {
    width:100% !important
}
.ace_editor.ace-view-hex .hex-column .ace_editor .editor-full-screen {
    display:none !important
}
.ace_editor.ace-view-hex .hex-column .ace_editor .ace_scrollbar-v, .ace_editor.ace-view-hex .hex-column .ace_editor .ace_scrollbar-h {
    width:0px !important;
    height:0px !important
}
.ace_editor.ace-view-hex .hex-column .ace_editor .ace_marker-layer .ace_selection {
    background:rgba(255, 193, 7, 0.3)
}
.ace_editor.ace-view-hex .hex-column .ace_editor .ace_marker-layer .ace_active-line {
    background:rgba(150, 150, 150, 0.2)
}
.ace_editor.ace-view-hex .hex-column.column-line .ace_cursor-layer {
    display:none !important
}
.ace_editor.ace_dark .ace-hex-info, html.dark-mode .ace_editor .ace-hex-info {
    background:rgba(0, 0, 0, 0.9)
}
.ace_editor.ace_dark .ace-hex-info .close-view:active, html.dark-mode .ace_editor .ace-hex-info .close-view:active, .ace_editor.ace_dark .ace-hex-info .close-view:hover, html.dark-mode .ace_editor .ace-hex-info .close-view:hover {
    color:#fff;
    background:#555
}
.ace_editor.ace_dark.ace-view-hex .hex-info-line .info-content, html.dark-mode .ace_editor.ace-view-hex .hex-info-line .info-content {
    color:#fff
}
.ace_editor.ace_dark.ace-view-hex .hex-column, html.dark-mode .ace_editor.ace-view-hex .hex-column {
    background:rgba(0, 0, 0, 0.5)
}
.ace_editor.ace_dark.ace-view-hex .hex-column.column-char, html.dark-mode .ace_editor.ace-view-hex .hex-column.column-char {
    background:rgba(255, 255, 255, 0.05);
    border-color:rgba(255, 255, 255, 0.01)
}
.ace_editor.ace_dark.ace-view-hex .ace_marker-layer .ace_step, html.dark-mode .ace_editor.ace-view-hex .ace_marker-layer .ace_step {
    background:rgba(255, 255, 0, 0.4)
}
.edit-main {
    color:#444;
    font-size:1em;
    width:100%;
    height:100%;
    min-width:300px
}
.edit-main.edit-main-full-screen {
    position:fixed;
    z-index:20;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.frame-main-editor .frame-left {
    position:absolute;
    left:0;
    top:0;
    bottom:0px;
    width:200px;
    background-attachment:fixed;
    overflow:hidden
}
.frame-main-editor .frame-left .user-space-info {
    color:#888;
    background:#fff;
    border-top:1px dotted #f6f6f6;
    position:absolute;
    z-index:10;
    bottom:0px;
    width:80%;
    padding:10px 10% 10px 10%;
    margin-left:-1px;
    background:rgba(255, 255, 255, 0.1);
    border-top:1px solid rgba(200, 200, 200, 0.3)
}
.frame-main-editor .frame-left .user-space-info .space-process {
    height:6px;
    margin:0px;
    margin-bottom:5px;
    overflow:hidden;
    border-radius:5px
}
.frame-main-editor .frame-left .user-space-info .space-process .space-process-use {
    height:100%;
    width:0%;
    transition:all 1s;
    border-radius:5px
}
.frame-main-editor .frame-left .ztree {
    position:absolute;
    top:0;
    bottom:0px;
    width:100%;
    margin-bottom:10px;
    padding-bottom:50px;
    overflow:auto
}
.frame-main-editor .frame-left .ztree ul.level0 {
    padding-bottom:5px
}
.frame-main-editor .frame-left .ztree ul.level0 a.level1 {
    height:29px;
    line-height:29px
}
.frame-main-editor .frame-left .ztree ul.level0 a.level1 span.button.switch {
    height:29px;
    line-height:29px
}
.frame-main-editor .frame-left .ztree ul.level0 li.level1 span.button.switch {
    margin-left:-15px
}
.frame-main-editor .frame-left .ztree .block-root li a.level0 .tree_icon {
    display:none
}
.frame-main-editor .frame-left .ztree li a {
    margin:0 2px;
    border-color:transparent;
    filter:none;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.frame-main-editor .frame-left .ztree li a .node_name .group-parent {
    padding-left:5px;
    color:#888;
    font-size:.8em
}
.frame-main-editor .frame-left .ztree li a .node_name .group-parent:before {
    content:" - "
}
.frame-main-editor .frame-left .ztree li a.curSelectedNode_Edit span.node_name {
    height:100%;
    width:100%
}
.frame-main-editor .frame-left .ztree li a input.rename {
    width:100%
}
.frame-main-editor .frame-left .ztree li a.level0 {
    color:#666;
    padding-left:5px;
    margin:5px 0 0 0 !important
}
.frame-main-editor .frame-left .ztree li a.level0, .frame-main-editor .frame-left .ztree li a.level0 span.button.switch {
    height:29px;
    line-height:29px
}
.frame-main-editor .frame-left .ztree li a.level0.noline_open, .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open {
    line-height:31px
}
.frame-main-editor .frame-left .ztree li a.level0 .menu-item {
    margin-right:4px
}
.frame-main-editor .frame-left .ztree li a.level0:hover, .frame-main-editor .frame-left .ztree li a.level0:active, .frame-main-editor .frame-left .ztree li a.level0:focus {
    background:#f6f6f6;
    border-color:transparent
}
.frame-main-editor .frame-left .ztree li a.level0.curSelectedNode, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode {
    background:#eee;
    border-color:transparent
}
.frame-main-editor .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after {
    color:#666
}
.frame-main-editor .frame-left .ztree li a.level0:focus {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow:none;
    border-color:rgba(0, 0, 0, 0.05) !important;
    border-left-color:transparent !important;
    border-right-color:transparent !important
}
.frame-main-editor .frame-left .ztree li a:hover, .frame-main-editor .frame-left .ztree li a:active, .frame-main-editor .frame-left .ztree li a:focus {
    background:#e5f3ff;
    border-color:transparent
}
.frame-main-editor .frame-left .ztree li a:focus {
    box-shadow:0 0 0 2px #e6f7ff
}
.frame-main-editor .frame-left .ztree li a.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.curSelectedNode, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.curDropTreeNode {
    background:#cce8ff;
    border-color:#99d1ff
}
.frame-main-editor .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode.file-focus {
    border-color:#a8d8ff
}
.frame-main-editor .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-editor .frame-left .ztree li a.curDropTreeNode .button.switch:after {
    color:inherit !important
}
.frame-main-editor .frame-left .ztree li a span.button.switch:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    font-size:16px;
    top:-2px
}
.frame-main-editor .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open_hover:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e";
    top:-1px;
    color:#1890ff
}
.frame-main-editor .frame-left .ztree li a span.button.switch.noline_docu:after {
    content:"";
    display:none
}
.frame-main-editor .frame-left .ztree li a .file {
    line-height:0;
    height:22px;
    width:18px;
    margin:0;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    outline:none;
    background-color:transparent;
    background-repeat:no-repeat
}
.frame-main-editor .frame-left .tree-title {
    display:none
}
.frame-main-editor .frame-left .ztree li a.level0 {
    padding-left:0px;
    margin-left:-3px !important
}
.frame-main-editor .frame-left .ztree li a {
    height:27px;
    line-height:27px;
    margin:0;
    border:none !important
}
.frame-main-editor .frame-left .ztree li a span.tree_icon {
    margin-top:0
}
.frame-main-editor .frame-left .ztree li a span.button.switch {
    line-height:29px
}
.frame-main-editor .frame-left .ztree li a input.rename {
    line-height:27px
}
.frame-main-editor .frame-left .ztree li a.curSelectedNode {
    box-shadow:0 0 0 1px #99d1ff;
    z-index:2;
    position:relative;
    z-index:20
}
.frame-main-editor .frame-left .ztree ul.level0 a.level1 {
    height:27px;
    line-height:27px
}
.frame-main-editor .frame-left .ztree ul.level0 a.level1 span.button.switch {
    height:27px;
    line-height:27px
}
.frame-main-editor .frame-left .ztree ul.level0 a.level1 input.rename {
    line-height:27px
}
.frame-main-editor .frame-left .ztree li a.level0 {
    height:29px;
    line-height:29px
}
.frame-main-editor .frame-left .ztree li a.level0 span.button.switch {
    line-height:29px
}
.frame-main-editor .frame-left .ztree li a.level0 input.rename {
    line-height:29px
}
.frame-main-editor .frame-right {
    position:absolute;
    left:200px;
    right:0;
    top:0;
    bottom:0;
    overflow:hidden;
    min-width:450px;
    border-left:1px solid rgba(100, 100, 100, 0.1)
}
.frame-main-editor .menu-toggle {
    display:none
}
.context-menu-list.code-font-list, .context-menu-list.code-theme-list {
    overflow-y:auto;
    overflow-x:hidden
}
.context-menu-list.code-font-list .context-menu-item, .context-menu-list.code-theme-list .context-menu-item {
    padding:0px 10px 0 10px
}
.context-menu-list.code-theme-list {
    width:180px !important
}
.context-menu-list.menu-view-file-charset {
    height:320px;
    overflow:auto
}
.context-menu-list.menu-view-file-charset .charset-list-box {
    overflow-y:auto;
    height:280px;
    margin-bottom:6px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(150, 150, 150, 0.2)
}
.context-menu-list.menu-view-file-charset ul.code-charset-list {
    overflow:auto;
    height:300px
}
.context-menu-list.menu-view-file-charset .font-icon {
    margin-right:5px
}
.context-menu-list .gotoline-input input {
    padding:4px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    margin-left:15px;
    height:16px
}
.context-menu-list .gotoline-input input:hover, .context-menu-list .gotoline-input input:active {
    border-color:#75A1F0
}
.context-menu-list .gotoline-input input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.context-menu-list .gotoline-input input.disabled, .context-menu-list .gotoline-input input[readonly='true'], .context-menu-list .gotoline-input input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.context-menu-list .gotoline-input input.disabled:hover, .context-menu-list .gotoline-input input[readonly='true']:hover, .context-menu-list .gotoline-input input[readonly='readonly']:hover, .context-menu-list .gotoline-input input.disabled:active, .context-menu-list .gotoline-input input[readonly='true']:active, .context-menu-list .gotoline-input input[readonly='readonly']:active {
    border-color:#ddd
}
.context-menu-list .gotoline-input input.disabled:focus, .context-menu-list .gotoline-input input[readonly='true']:focus, .context-menu-list .gotoline-input input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.edit-tab .tabs {
    position:absolute;
    top:29px;
    height:30px;
    width:100%;
    background:#fff;
    overflow:hidden;
    border-bottom:1px solid #ddd
}
.edit-tab .tabs .tab {
    position:relative;
    height:30px;
    line-height:30px;
    color:#666;
    width:120px;
    float:left;
    background:#f6f6f6;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    margin-left:-1px;
    cursor:pointer
}
.edit-tab .tabs .tab .name {
    margin-left:5px;
    display:block;
    width:80%;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    position:absolute;
    z-index:2;
    height:28px
}
.edit-tab .tabs .tab .name img {
    height:17px;
    padding-bottom:4px;
    padding-right:3px
}
.edit-tab .tabs .tab .name .path-ico {
    position:relative;
    top:-3px;
    margin-right:1px
}
.edit-tab .tabs .tab .name .path-ico .x-item-icon.small {
    width:16px;
    height:16px
}
.edit-tab .tabs .tab.edit-changed a.close {
    opacity:1;
    filter:alpha(opacity=100);
    color:#63acff
}
.edit-tab .tabs .tab.edit-changed .close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee58";
    font-size:20px
}
.edit-tab .tabs .tab .close {
    float:right;
    color:#555;
    position:relative;
    font-size:12px;
    margin-right:5px;
    z-index:3;
    margin-top:5px;
    -ms-transition:opacity .1s;
    -webkit-transition:opacity .1s;
    -moz-transition:opacity .1s;
    -o-transition:opacity .1s;
    transition:opacity .1s;
    width:18px;
    height:18px;
    text-align:center;
    line-height:18px;
    text-shadow:none;
    border-radius:2px;
    opacity:.1;
    filter:alpha(opacity=10)
}
.edit-tab .tabs .tab .close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99";
    width:18px;
    height:18px;
    line-height:18px;
    position:relative;
    top:-2px;
    font-size:16px
}
.edit-tab .tabs .tab .close:hover, .edit-tab .tabs .tab .close:active, .edit-tab .tabs .tab .close:focus {
    opacity:.9;
    filter:alpha(opacity=90);
    color:#f5222d;
    background:#00000012
}
.edit-tab .tabs .tab .close:active, .edit-tab .tabs .tab .close:focus {
    opacity:1;
    filter:alpha(opacity=100)
}
.edit-tab .tabs .tab.hover {
    background:#eee;
    background:linear-gradient(to right, #fff, #ccc)
}
.edit-tab .tabs .tab.hover .close {
    opacity:.5;
    filter:alpha(opacity=50)
}
.edit-tab .tabs .tab.hover .close:hover, .edit-tab .tabs .tab.hover .close:active {
    opacity:1;
    filter:alpha(opacity=100)
}
.edit-tab .tabs .tab.this {
    z-index:20;
    color:#23B2EC;
    color:#fff;
    background:#63acff;
    background:linear-gradient(to right, #44abf6, #2865e2)
}
.edit-tab .tabs .tab.this .close {
    color:#eee
}
.edit-tab .tabs .tab.this .close:hover, .edit-tab .tabs .tab.this .close:active {
    color:#fff
}
.edit-tab .tabs .tab.loading .close {
    opacity:1;
    filter:alpha(opacity=100);
    color:#666;
    border-radius:20px;
    -webkit-animation:moveCircleLoop 1.4s infinite linear;
    animation:moveCircleLoop 1.4s infinite linear
}
.edit-tab .tabs .tab.loading .close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eec1";
    width:18px;
    height:18px;
    line-height:18px;
    position:relative;
    top:-2px;
    font-size:16px
}
.edit-tab .tabs .tab.loading.this .close {
    color:#fff
}
.edit-tab .tabs .tab.loading.hover .close {
    opacity:1;
    filter:alpha(opacity=100)
}
.edit-tab .tabs .tab.draging {
    position:fixed !important;
    z-index:99999;
    cursor:-webkit-grab
}
.edit-tab .tabs .tab.draging .close {
    display:none
}
.edit-tab .tabs .add {
    float:left;
    color:#666;
    line-height:28px;
    height:28px;
    border-bottom:none;
    text-decoration:none;
    border-radius:5px 5px 0 0;
    font-size:16px;
    border:2px solid #fff;
    padding:0px 6px;
    background:#eee;
    margin-left:3px
}
.edit-tab .tabs .add:hover {
    background:#ddd
}
.edit-tab .tabs .add:active {
    background:#888;
    color:#ccc
}
.edit-body {
    width:100%;
    background:#fff;
    position:absolute;
    bottom:0;
    top:60px
}
.edit-body .tabs {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    bottom:0
}
.edit-body .edit-content {
    display:none;
    padding:0;
    margin:0;
    height:100%;
    width:100%
}
.edit-body .edit-content.this {
    display:block;
    padding:0
}
.edit-body .edit-content .ace_editor {
    font-family:Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif;
    margin:0;
    padding:0;
    position:absolute;
    height:100%;
    left:0px;
    right:0%
}
.edit-main .context-menu-item.context-menu-input .font-icon {
    display:none
}
.edit-main .context-menu-item.context-menu-input input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    width:150px;
    height:25px;
    line-height:25px;
    padding:0px 10px;
    border-radius:3px
}
.edit-main .context-menu-item.context-menu-input input:hover, .edit-main .context-menu-item.context-menu-input input:active {
    border-color:#75A1F0
}
.edit-main .context-menu-item.context-menu-input input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.edit-main .context-menu-item.context-menu-input input.disabled, .edit-main .context-menu-item.context-menu-input input[readonly='true'], .edit-main .context-menu-item.context-menu-input input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.edit-main .context-menu-item.context-menu-input input.disabled:hover, .edit-main .context-menu-item.context-menu-input input[readonly='true']:hover, .edit-main .context-menu-item.context-menu-input input[readonly='readonly']:hover, .edit-main .context-menu-item.context-menu-input input.disabled:active, .edit-main .context-menu-item.context-menu-input input[readonly='true']:active, .edit-main .context-menu-item.context-menu-input input[readonly='readonly']:active {
    border-color:#ddd
}
.edit-main .context-menu-item.context-menu-input input.disabled:focus, .edit-main .context-menu-item.context-menu-input input[readonly='true']:focus, .edit-main .context-menu-item.context-menu-input input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.edit-main .context-menu-list.menu-view-goto-line .context-menu-item.context-menu-input label span {
    padding-right:10px
}
.edit-main .context-menu-list.menu-view-file-mode {
    height:300px;
    overflow:auto
}
.edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input {
    position:fixed;
    width:200px;
    z-index:10;
    border-radius:4px 4px 0 0;
    margin-top:-54px;
    margin-left:-6px;
    padding:8px 0;
    text-align:center;
    background:#f6f6f6;
    border:1px solid #dfdfdf;
    border-bottom:1px solid rgba(0, 0, 0, 0.05)
}
.edit-main .page-list {
    position:absolute;
    right:0px;
    bottom:35px;
    margin-right:20px;
    z-index:50
}
.edit-main .page-list .my-page-box {
    border:1px solid rgba(150, 150, 150, 0.1);
    background:rgba(255, 255, 255, 0.9)
}
.edit-main .bottom-toolbar {
    width:auto;
    height:25px;
    z-index:25;
    position:absolute;
    bottom:5px;
    right:0;
    margin-right:20px;
    border-radius:4px;
    opacity:.8;
    filter:alpha(opacity=80);
    background:#fafafa;
    border:1px solid #f3f3f3
}
.edit-main .bottom-toolbar a {
    float:left;
    padding:0 10px;
    line-height:25px;
    text-decoration:none;
    color:#000
}
.edit-main .bottom-toolbar a:hover, .edit-main .bottom-toolbar a:active, .edit-main .bottom-toolbar a:focus {
    color:#63acff;
    background:rgba(200, 200, 200, 0.1)
}
.edit-main .bottom-toolbar a .font-icon {
    color:#333
}
.edit-main .bottom-toolbar a.context-menu-active, .edit-main .bottom-toolbar a.context-menu-active:hover, .edit-main .bottom-toolbar a:active, .edit-main .bottom-toolbar a:focus {
    background:#63acff;
    color:#fff
}
.edit-main .bottom-toolbar a.context-menu-active i.font-icon, .edit-main .bottom-toolbar a.context-menu-active:hover i.font-icon, .edit-main .bottom-toolbar a:active i.font-icon, .edit-main .bottom-toolbar a:focus i.font-icon {
    color:#fff
}
.edit-main .tools {
    position:absolute;
    overflow:hidden;
    width:100%;
    height:28px;
    border-bottom:1px solid #ddd;
    background:#f8f8f8 url("../../images/common/bg.gif") 0 0
}
.edit-main .tools .disable-mask {
    width:90%;
    height:32px;
    margin-left:-10px;
    background:#fff;
    right:100px;
    position:absolute;
    opacity:.4;
    filter:alpha(opacity=40);
    z-index:10;
    margin-top:-4px
}
.edit-main .tools .left {
    float:left;
    margin:0 0 0 5px
}
.edit-main .tools .right {
    float:right;
    margin:2px 5px 0 0
}
.edit-main .tools a {
    float:left;
    color:#555;
    text-decoration:none;
    padding:0px 6px;
    line-height:24px;
    height:29px;
    border-radius:2px 2px 0 0
}
.edit-main .tools a .font-icon {
    font-size:16px;
    color:#888
}
.edit-main .tools a .icon-caret-down {
    padding-left:5px;
    font-size:1em;
    color:ccc
}
.edit-main .tools a:hover, .edit-main .tools a:active, .edit-main .tools a:focus {
    background:#eee
}
.edit-main .tools a.context-menu-active, .edit-main .tools a.context-menu-active:hover, .edit-main .tools a:active, .edit-main .tools a:focus {
    background:#63acff;
    color:#fff
}
.edit-main .tools a.context-menu-active i.font-icon, .edit-main .tools a.context-menu-active:hover i.font-icon, .edit-main .tools a:active i.font-icon, .edit-main .tools a:focus i.font-icon {
    color:#fff
}
.edit-main .tools a.disable, .edit-main .tools a.disable:focus {
    background:none;
    color:#555
}
.edit-main .tools a.disable i.font-icon, .edit-main .tools a.disable:focus i.font-icon {
    color:#555
}
.edit-main .tools .right .btn {
    padding:1px 6px;
    margin-right:-1px;
    height:20px;
    float:right;
    line-height:22px
}
.edit-main .tools .line {
    border-left:1px solid #ccc;
    margin:5px 4px;
    float:left;
    height:16px
}
ul.dropbox {
    color:#666;
    font-size:1em;
    position:absolute;
    top:27px;
    z-index:1000;
    margin:0px
}
ul.dropbox li {
    list-style:none;
    padding:2px 0 2px 10px;
    line-height:20px;
    cursor:pointer
}
ul.dropbox .lihover, ul.dropbox li.this {
    background:#63acff;
    color:#fff
}
#fontsize {
    display:none;
    left:166px;
    width:100px;
    min-width:100px
}
#codetheme {
    display:none;
    left:173px
}
body div#ace_settingsmenu, body div#kbshortcutmenu {
    background-color:#fff;
    opacity:.95;
    filter:alpha(opacity=95);
    color:#888;
    box-shadow:-5px 4px 5px rgba(0, 0, 0, 0.2);
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text
}
body div#ace_settingsmenu .ace_optionsMenuEntry, body div#kbshortcutmenu .ace_optionsMenuEntry {
    border-bottom:1px solid #eee;
    line-height:24px;
    padding:3px 6px
}
body div#ace_settingsmenu .ace_optionsMenuCommand, body div#kbshortcutmenu .ace_optionsMenuCommand {
    color:#1890ff
}
body div#ace_settingsmenu .ace_optionsMenuKey, body div#kbshortcutmenu .ace_optionsMenuKey {
    font-weight:bold;
    border-style:outset;
    background:#fafafa;
    white-space:nowrap;
    margin:0 .1em;
    padding:.15em .7em;
    border-radius:3px;
    border:1px solid #ccc;
    font-size:12px;
    color:#555;
    line-height:1.4em;
    display:inline-block;
    box-shadow:0 1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 2px #ffffff;
    background-color:#f7f7f7;
    text-shadow:0 1px 0 #fff
}
.app-wap-small div#kbshortcutmenu {
    width:70%;
    padding:10px 5px 1em 10px
}
.app-wap-small div#kbshortcutmenu .ace_optionsMenuCommand {
    width:60%
}
.app-wap-small div#kbshortcutmenu .ace_optionsMenuEntry {
    padding:2px 0px
}
.app-wap-small div#kbshortcutmenu .ace_optionsMenuKey {
    position:absolute
}
.ace_text-input.ace_composition {
    background:white !important;
    color:black !important
}
.edit-main.file-drop-api-view:before {
    content:"";
    background:rgba(25, 140, 255, 0);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:100;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    visibility:hidden;
    pointer-events:none
}
.edit-main.file-drop-api-view.drag-file-hover:before {
    visibility:visible;
    background:rgba(25, 140, 255, 0.1)
}
body {
    overflow:hidden
}
.button-style .btn-default {
    border-radius:0px;
    height:26px;
    float:left;
    font-size:1em;
    -ms-transition:border .2s;
    -webkit-transition:border .2s;
    -moz-transition:border .2s;
    -o-transition:border .2s;
    transition:border .2s;
    overflow:hidden;
    padding:0 10px;
    border:solid 1px #ddd;
    margin:0 0 0 -1px;
    outline:none;
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x;
    background:#fff;
    box-shadow:none;
    border-radius:0
}
.button-style .btn-default .font-icon {
    line-height:22px
}
.button-style .btn-default:hover, .button-style .btn-default:focus {
    background-color:#e4f8ff;
    border-color:#aedaff;
    box-shadow:none
}
.button-style .btn-default:active {
    color:#365f80;
    background-color:#e4f8ff;
    border-color:#93cfff
}
.frame-main-explorer {
    -khtml-user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    -o-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -moz-touch-callout:none !important;
    -ms-touch-callout:none !important;
    touch-callout:none !important
}
.frame-main-explorer .frame-left {
    position:absolute;
    left:0;
    top:0;
    bottom:0px;
    width:200px;
    background-attachment:fixed;
    overflow:hidden
}
.frame-main-explorer .frame-left .user-space-info {
    color:#888;
    background:#fff;
    border-top:1px dotted #f6f6f6;
    position:absolute;
    z-index:10;
    bottom:0px;
    width:80%;
    padding:10px 10% 10px 10%;
    margin-left:-1px;
    background:rgba(255, 255, 255, 0.1);
    border-top:1px solid rgba(200, 200, 200, 0.3)
}
.frame-main-explorer .frame-left .user-space-info .space-process {
    height:6px;
    margin:0px;
    margin-bottom:5px;
    overflow:hidden;
    border-radius:5px
}
.frame-main-explorer .frame-left .user-space-info .space-process .space-process-use {
    height:100%;
    width:0%;
    transition:all 1s;
    border-radius:5px
}
.frame-main-explorer .frame-left .ztree {
    position:absolute;
    top:0;
    bottom:0px;
    width:100%;
    margin-bottom:10px;
    padding-bottom:50px;
    overflow:auto
}
.frame-main-explorer .frame-left .ztree ul.level0 {
    padding-bottom:5px
}
.frame-main-explorer .frame-left .ztree ul.level0 a.level1 {
    height:29px;
    line-height:29px
}
.frame-main-explorer .frame-left .ztree ul.level0 a.level1 span.button.switch {
    height:29px;
    line-height:29px
}
.frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch {
    margin-left:-15px
}
.frame-main-explorer .frame-left .ztree .block-root li a.level0 .tree_icon {
    display:none
}
.frame-main-explorer .frame-left .ztree li a {
    margin:0 2px;
    border-color:transparent;
    filter:none;
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.frame-main-explorer .frame-left .ztree li a .node_name .group-parent {
    padding-left:5px;
    color:#888;
    font-size:.8em
}
.frame-main-explorer .frame-left .ztree li a .node_name .group-parent:before {
    content:" - "
}
.frame-main-explorer .frame-left .ztree li a.curSelectedNode_Edit span.node_name {
    height:100%;
    width:100%
}
.frame-main-explorer .frame-left .ztree li a input.rename {
    width:100%
}
.frame-main-explorer .frame-left .ztree li a.level0 {
    color:#666;
    padding-left:5px;
    margin:5px 0 0 0 !important
}
.frame-main-explorer .frame-left .ztree li a.level0, .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch {
    height:29px;
    line-height:29px
}
.frame-main-explorer .frame-left .ztree li a.level0.noline_open, .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open {
    line-height:31px
}
.frame-main-explorer .frame-left .ztree li a.level0 .menu-item {
    margin-right:4px
}
.frame-main-explorer .frame-left .ztree li a.level0:hover, .frame-main-explorer .frame-left .ztree li a.level0:active, .frame-main-explorer .frame-left .ztree li a.level0:focus {
    background:#f6f6f6;
    border-color:transparent
}
.frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode {
    background:#eee;
    border-color:transparent
}
.frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after {
    color:#666
}
.frame-main-explorer .frame-left .ztree li a.level0:focus {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow:none;
    border-color:rgba(0, 0, 0, 0.05) !important;
    border-left-color:transparent !important;
    border-right-color:transparent !important
}
.frame-main-explorer .frame-left .ztree li a:hover, .frame-main-explorer .frame-left .ztree li a:active, .frame-main-explorer .frame-left .ztree li a:focus {
    background:#e5f3ff;
    border-color:transparent
}
.frame-main-explorer .frame-left .ztree li a:focus {
    box-shadow:0 0 0 2px #e6f7ff
}
.frame-main-explorer .frame-left .ztree li a.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode {
    background:#cce8ff;
    border-color:#99d1ff
}
.frame-main-explorer .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode.file-focus {
    border-color:#a8d8ff
}
.frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode .button.switch:after {
    color:inherit !important
}
.frame-main-explorer .frame-left .ztree li a span.button.switch:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    font-size:16px;
    top:-2px
}
.frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open_hover:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e";
    top:-1px;
    color:#1890ff
}
.frame-main-explorer .frame-left .ztree li a span.button.switch.noline_docu:after {
    content:"";
    display:none
}
.frame-main-explorer .frame-left .ztree li a .file {
    line-height:0;
    height:22px;
    width:18px;
    margin:0;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    outline:none;
    background-color:transparent;
    background-repeat:no-repeat
}
.frame-main-explorer .frame-left .tree-title {
    display:none
}
.frame-main-explorer.tree-disable .frame-left {
    display:none !important
}
.frame-main-explorer.tree-disable .drag-resize-tree {
    display:none !important
}
.frame-main-explorer.tree-disable .frame-right {
    left:0 !important
}
.frame-main-explorer.file-select-sdk {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:60px
}
.frame-main-explorer .frame-header {
    width:100%;
    min-width:400px;
    position:relative;
    background:#fff url("../../images/common/bg.gif") 0 10px repeat-x
}
.frame-main-explorer .frame-header .header-content {
    padding-top:12px;
    height:37px;
    border-bottom:1px solid #e6e6e6
}
.frame-main-explorer .frame-header .header-content .disable .font-icon {
    opacity:.4;
    filter:alpha(opacity=40)
}
.frame-main-explorer .frame-header .header-content img {
    border:none;
    width:18px;
    height:18px
}
.frame-main-explorer .frame-header .header-content .header-address .picture.ico img {
    margin-top:-8px
}
.frame-main-explorer .frame-header .header-content .header-left {
    float:left;
    width:80px;
    padding-left:10px;
    overflow:hidden;
    height:32px
}
.frame-main-explorer .frame-header .header-content .header-left .btn {
    padding:3px 6px;
    width:18px;
    height:20px;
    line-height:24px
}
.frame-main-explorer .frame-header .header-content .header-left button.disable {
    box-shadow:inset 0 3px 6px rgba(0, 0, 0, 0.1);
    opacity:.5;
    filter:alpha(opacity=50)
}
.frame-main-explorer .frame-header .header-content .header-left button.disable .font-icon {
    color:#bbb
}
.frame-main-explorer .frame-header .header-content .header-right .search-box {
    position:absolute;
    right:20px;
    top:12px;
    color:#888
}
.frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default {
    height:26px;
    line-height:20px;
    padding:0 8px;
    position:absolute;
    top:1px;
    right:1px;
    border:none;
    border-radius:0 1px 1px 0;
    border-left:1px solid #ddd
}
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more {
    position:absolute;
    right:35px;
    top:0;
    width:24px;
    height:24px;
    line-height:24px;
    margin-top:2px;
    font-size:17px;
    text-align:center;
    cursor:pointer;
    border-radius:3px
}
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:active, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:focus {
    background:rgba(0, 0, 0, 0.1)
}
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear {
    display:none;
    z-index:10;
    position:absolute;
    right:60px;
    top:2px;
    width:24px;
    line-height:24px;
    height:24px;
    font-size:15px;
    border-radius:3px;
    cursor:pointer;
    text-align:center;
    color:#ccc;
    -ms-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:active, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:focus {
    color:#ff4d4f;
    background:rgba(0, 0, 0, 0.1)
}
.frame-main-explorer .frame-header .header-content .header-right .search-box input.search {
    display:block;
    border:1px solid #ddd;
    height:26px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    padding:0;
    padding-left:10px;
    padding-right:0px;
    width:200px;
    border-radius:1px
}
.frame-main-explorer .frame-header .header-content .header-right .search-box input.search:hover {
    border-color:#63acff
}
.frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus, .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:active {
    box-shadow:0 0 0 4px rgba(24, 144, 255, 0.15);
    border-color:#63acff
}
.frame-main-explorer .frame-header .header-right .search-down-mask, .frame-main-explorer .frame-header .header-right .search-dropdown {
    visibility:hidden;
    opacity:0;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.frame-main-explorer .frame-header .header-right .search-dropdown {
    transform:translateY(30px)
}
.frame-main-explorer .frame-header .header-right.search-open .search-down-mask, .frame-main-explorer .frame-header .header-right.search-open .search-dropdown {
    visibility:visible;
    opacity:1 !important
}
.frame-main-explorer .frame-header .header-right.search-open .search-dropdown {
    transform:translateY(0)
}
.frame-main-explorer .frame-header .header-right.search-open .search-box .search-more {
    color:#222
}
.frame-main-explorer .frame-header .header-right.search-open .search-box .search-more:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea77";
    font-size:17px;
    position:relative;
    top:-2px
}
.frame-main-explorer .frame-header .header-right.search-open .search-box input {
    box-shadow:0 0 0 4px rgba(24, 144, 255, 0.15);
    border-color:#63acff
}
.frame-main-explorer .frame-header .header-right .search-down-mask:before {
    display:none
}
.frame-main-explorer .frame-header .header-right.search-open .search-down-mask:before {
    display:block
}
.frame-main-explorer .frame-header .header-right.search-show .search-dropdown {
    transform:none !important
}
.frame-main-explorer .frame-header .header-middle {
    padding-left:12px
}
.frame-main-explorer .frame-header .header-middle .svg-icon {
    margin-top:-1px
}
.frame-main-explorer .frame-header .header-middle .btn-default {
    border-radius:0px;
    height:26px;
    float:left;
    font-size:1em;
    -ms-transition:border .2s;
    -webkit-transition:border .2s;
    -moz-transition:border .2s;
    -o-transition:border .2s;
    transition:border .2s;
    overflow:hidden;
    padding:0 10px;
    border:solid 1px #ddd;
    margin:0 0 0 -1px;
    outline:none;
    background:url("../../images/common/buttons_40.png") 0 0 repeat-x;
    background:#fff;
    box-shadow:none;
    border-radius:0
}
.frame-main-explorer .frame-header .header-middle .btn-default .font-icon {
    line-height:22px
}
.frame-main-explorer .frame-header .header-middle .btn-default:hover, .frame-main-explorer .frame-header .header-middle .btn-default:focus {
    background-color:#e4f8ff;
    border-color:#aedaff;
    box-shadow:none
}
.frame-main-explorer .frame-header .header-middle .btn-default:active {
    color:#365f80;
    background-color:#e4f8ff;
    border-color:#93cfff
}
.frame-main-explorer .frame-header .header-middle .btn-default {
    padding:0 8px;
    position:relative
}
.frame-main-explorer .frame-header .header-middle .btn-default .font-icon.svg-icon {
    font-size:17px;
    line-height:28px
}
.frame-main-explorer .frame-header .header-middle .header-address {
    width:50%;
    cursor:text;
    height:26px;
    overflow:hidden;
    float:left;
    border:1px solid #ddd;
    margin-left:-1px
}
.frame-main-explorer .frame-header .header-middle .header-address .loading-item {
    line-height:28px;
    padding-left:15px;
    color:#aaa
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content {
    list-style:none;
    margin:0;
    margin-top:-1px;
    padding:0;
    position:relative;
    overflow-y:hidden;
    overflow-x:auto;
    white-space:nowrap;
    height:50px;
    width:100%;
    box-sizing:border-box
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item {
    display:inline-block
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:link, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:visited {
    color:#666;
    text-decoration:none
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.first a {
    margin-left:0px;
    padding-left:5px
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a {
    background-image:url("../../images/common/ybutton.png");
    background-repeat:no-repeat;
    background-position:100% 0;
    cursor:pointer;
    height:27px;
    min-width:16px;
    line-height:27px;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    font-size:1em;
    padding:0px 25px 0px 25px;
    margin-left:-15px;
    position:relative;
    vertical-align:top
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover {
    background-position:100% -48px;
    color:#222
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active {
    background-position:100% -96px;
    color:#222
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.last {
    margin-right:50px
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.group-root a {
    font-weight:800
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu {
    visibility:hidden;
    opacity:0;
    cursor:pointer;
    position:absolute;
    text-align:left;
    background:#fff;
    color:#aaa;
    border:1px solid #ddd;
    border-radius:2px;
    transition:.1s all;
    right:2px;
    top:5px;
    font-size:14px;
    overflow:hidden;
    width:14px;
    height:18px;
    line-height:16px;
    background:none !important;
    border:none;
    box-shadow:none !important
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu .font-icon {
    margin-left:-5px
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active .item-menu, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover .item-menu {
    visibility:visible;
    opacity:.4
}
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active .item-menu, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu:hover {
    background:#dff1ff;
    color:#3399ff;
    border-color:#3399ff;
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);
    opacity:1
}
.frame-main-explorer .frame-header .header-middle .children-list {
    min-width:180px;
    max-width:300px;
    position:fixed;
    z-index:999;
    background:#fff;
    box-shadow:4px 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);
    max-height:70%;
    overflow:auto
}
.frame-main-explorer .frame-header .header-middle .children-list .list-empty {
    color:#aaa;
    padding:2px 10px;
    text-align:center;
    margin:10px 0
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item {
    padding:2px 10px;
    height:25px;
    line-height:25px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
    color:#444;
    position:relative
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item:hover, .frame-main-explorer .frame-header .header-middle .children-list .list-item.active {
    background:#eee
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item.active, .frame-main-explorer .frame-header .header-middle .children-list .list-item.active:hover {
    color:#1890ff
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item.current {
    font-weight:800;
    color:#222
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item.index-first {
    margin-top:10px
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item.index-last {
    margin-bottom:10px
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item .item-name {
    padding-left:25px
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico {
    position:absolute;
    top:5px
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico svg {
    position:relative;
    top:-1px
}
.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico .x-item-icon.label {
    top:-3px
}
.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content {
    box-shadow:none;
    height:20px;
    width:20px;
    padding:0;
    margin:-10px auto auto -10px
}
.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content .loading-msg-box {
    font-size:16px;
    margin:0px 0 2px 0
}
.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content .loading-msg-title {
    display:none
}
.frame-main-explorer .frame-header .header-middle .btn.path-is-fav .font-icon {
    color:#fec740
}
.frame-main-explorer .frame-header .header-middle .header-address-input {
    height:26px;
    width:50%;
    cursor:text;
    float:left;
    border:1px solid #ddd;
    display:none;
    margin-left:-1px
}
.frame-main-explorer .frame-header .header-middle .header-address-input input.path {
    border:none;
    height:25px;
    display:block;
    width:100%;
    padding:0;
    padding-left:10px;
    padding-right:10px;
    background:#fff url("../../images/common/bg.gif") 0 10px repeat-x;
    background:none;
    width:94%;
    font-size:1em;
    line-height:25px;
    color:#444
}
.frame-main-explorer .frame-header .header-middle .header-address-input input:focus {
    outline:none
}
.frame-main-explorer .frame-header .search-dropdown {
    width:420px;
    min-height:200px;
    max-width:100%;
    position:absolute;
    right:20px;
    z-index:100;
    margin-top:-5px;
    background:#fff;
    overflow:auto;
    border-radius:3px 0 3px 3px;
    border:1px solid #ddd;
    box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body {
    padding:15px 0 0px 0px
}
.frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body hr {
    margin:5px 0px;
    border-bottom:1px dotted #eee
}
.frame-main-explorer .frame-header .search-dropdown .form-row {
    padding:0px 0px
}
.frame-main-explorer .frame-header .search-dropdown .form-row .setting-title {
    margin-right:15px;
    width:70px
}
.frame-main-explorer .frame-header .search-dropdown .form-row .setting-title.no-title {
    height:10px;
    display:inline-block
}
.frame-main-explorer .frame-header .search-dropdown .form-row .setting-content .input-title-left {
    max-width:40px;
    overflow:hidden
}
.frame-main-explorer .frame-header .search-dropdown .form-row.inline+.form-row.inline .setting-title {
    display:none
}
.frame-main-explorer .frame-header .search-dropdown .form-row.inline .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row.form-html .setting-content {
    padding:0 5px 2px 5px
}
.frame-main-explorer .frame-header .search-dropdown .form-row.inline .setting-content {
    width:auto;
    margin-right:0;
    white-space:nowrap
}
.frame-main-explorer .frame-header .search-dropdown .form-row.form-segment .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row.form-checkbox .setting-content {
    padding-bottom:0
}
.frame-main-explorer .frame-header .search-dropdown .form-row.item-parentPath .desc {
    display:block;
    margin-top:2px;
    word-break:break-all
}
.frame-main-explorer .frame-header .tools-wap {
    padding-top:5px;
    margin-left:10px;
    display:none
}
.frame-main-explorer .frame-header .tools {
    z-index:100;
    height:34px;
    min-width:505px;
    overflow:hidden;
    border-bottom:1px solid #e6e6e6;
    background:#fefefe;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.02);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.02);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.02)
}
.frame-main-explorer .frame-header .tools a.left:hover, .frame-main-explorer .frame-header .tools a.middle:hover, .frame-main-explorer .frame-header .tools a.left:active, .frame-main-explorer .frame-header .tools a.middle:active {
    margin-right:2px;
    padding-right:8px
}
.frame-main-explorer .frame-header .tools .btn.toolbar-path-more {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.frame-main-explorer .frame-header .tools a.this {
    background:#eee;
    cursor:default
}
.frame-main-explorer .frame-header .tools a.this:hover, .frame-main-explorer .frame-header .tools a.this:active, .frame-main-explorer .frame-header .tools a.this:focus {
    margin-right:0px;
    padding-right:10px;
    border:1px solid #ddd;
    background:#eee;
    -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.frame-main-explorer .frame-header .tools .tools-left {
    float:left;
    margin:0px 0 0 10px
}
.frame-main-explorer .frame-header .tools .tools-left .btn-group {
    float:left;
    padding-top:5px
}
.frame-main-explorer .frame-header .tools .tools-right {
    margin:5px 20px 0 0;
    position:absolute;
    right:0px;
    background:#fff;
    height:26px;
    box-shadow:-10px 0 10px #fff
}
.frame-main-explorer .frame-header .tools .tools-right .btn-group-sm {
    float:right
}
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon {
    width:20px;
    height:25px;
    line-height:20px;
    font-size:16px;
    cursor:pointer;
    display:inline-block;
    margin-right:5px;
    text-align:center;
    color:#bbb;
    border-radius:3px
}
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:hover, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:focus, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.context-menu-active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.open {
    background:#f6f6f6;
    color:#888
}
.frame-main-explorer .frame-header .tools .tools-right .menu-file-sort-by {
    float:right
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size {
    display:none;
    float:right
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider {
    position:relative;
    margin-left:-12px;
    margin-top:-18px;
    padding:10px 0;
    width:40px;
    min-width:10px;
    height:120px
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:before {
    right:13px
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:after {
    right:14px
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-bg {
    height:100%;
    width:5px;
    background:#ddd;
    margin-left:17px;
    border-radius:3px;
    cursor:pointer
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle {
    -ms-transition:box-shadow .2s;
    -webkit-transition:box-shadow .2s;
    -moz-transition:box-shadow .2s;
    -o-transition:box-shadow .2s;
    transition:box-shadow .2s;
    width:16px;
    height:16px;
    border-radius:10px;
    margin-top:10px;
    cursor:pointer;
    border-width:1px \9;
    cursor:grab;
    border:2px solid #96dbfa;
    background:#fff;
    position:absolute;
    margin-left:10px;
    top:0px;
    left:0
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle:hover {
    box-shadow:0 0 0 6px rgba(150, 219, 250, 0.7)
}
.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle.active {
    background:#7ed3f9;
    border-color:#7ed3f9;
    box-shadow:none;
    cursor:grabbing
}
.frame-main-explorer .frame-header .tools .list-type-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -561px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:12px !important;
    margin-right:1px !important;
    margin-left:1px !important
}
.frame-main-explorer .frame-header .tools .list-type-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .list-type-list {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -624px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:12px !important;
    margin-right:1px !important;
    margin-left:1px !important
}
.frame-main-explorer .frame-header .tools .list-type-list:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-list {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .list-type-split {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -609px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:12px !important;
    margin-right:1px !important;
    margin-left:1px !important
}
.frame-main-explorer .frame-header .tools .list-type-split:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-split {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .theme-select {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -720px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px;
    width:12px !important;
    margin-right:1px !important;
    margin-left:1px !important
}
.frame-main-explorer .frame-header .tools .theme-select:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .theme-select {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .kod-toolbar {
    height:30px;
    padding-left:5px;
    margin-left:-5px
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn b {
    display:none
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-default .font-icon {
    width:12px;
    height:16px;
    line-height:16px;
    margin-right:1px !important
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .desc-name {
    position:relative;
    top:-1px
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b {
    position:absolute;
    right:-13px;
    top:-8px;
    background:#00000080;
    text-indent:-600px;
    width:20px;
    height:20px;
    border-radius:20px;
    opacity:0;
    visibility:hidden;
    transition:all .2s;
    display:block
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99";
    color:#fff;
    position:absolute;
    top:5px;
    left:1px;
    font-size:12px;
    font-weight:200;
    text-indent:0
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b:hover {
    background:#dc0202b5
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item:hover .desc-name b {
    visibility:visible;
    opacity:1
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button {
    padding:3px 3px
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button .desc-name {
    display:none
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button, .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button {
    padding:3px 3px
}
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button .font-icon, .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button .font-icon {
    padding-right:0
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.context-menu-active {
    color:#365f80;
    background-color:#e4f8ff;
    border-color:#93cfff;
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 0;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -16px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -48px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -48px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -80px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -96px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -16px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-file-text-alt.font-icon:before {
    display:none
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -64px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon {
    color:#1890ff;
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -80px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-config .font-icon {
    color:#1890ff
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-clear-all .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-clear-user .font-icon {
    color:#f63
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-user .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-select .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-move-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-user .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-select .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-move-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before {
    color:#63bd37
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-user .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-restore-select .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.system-recycle-move-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #63bd37, #7fcf58);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-caret-down:before {
    font-size:12px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -32px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:1px -702px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon:before {
    color:#1a57de
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #1a57de, #4276e9);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-file .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-file .font-icon:before {
    color:#1a57de
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-file .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #1a57de, #4276e9);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-file .font-icon {
    color:#31dc48 !important
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-file .font-icon:before {
    content:"\eb17" !important;
    font-family:"kod-svg-font" !important
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-file .font-icon:before {
    background:none;
    color:#31dc48 !important;
    vertical-align:unset;
    text-fill-color:unset;
    -webkit-text-fill-color:unset;
    background-clip:unset;
    -webkit-background-clip:unset
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -609px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -773px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -513px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -577px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -528px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:1px -625px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:0 -545px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -546px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse>.font-icon {
    display:inline-block;
    background-image:url("../../images/common/menu_icon.png");
    background-position:-16px -593px;
    background-size:auto !important;
    background-repeat:no-repeat;
    height:16px;
    margin-right:8px
}
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse>.font-icon:before {
    display:none
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse>.font-icon {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size:32px auto !important
    }
}
.frame-main-explorer .frame-header .toolbar-item .btn-default .font-icon:not(.ri-arrow-down-s-fill):before {
    background-image:-webkit-linear-gradient(2deg, #249dff, #0964a2);
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text;
    text-shadow:none
}
.frame-main-explorer .frame-right {
    position:absolute;
    left:200px;
    right:0;
    top:0;
    bottom:0;
    overflow:hidden;
    margin-left:-1px;
    border-left:1px solid rgba(100, 100, 100, 0.1);
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.frame-main-explorer .frame-right .frame-right-main .font-icon {
    padding:0 2px;
    font-size:15px
}
.frame-main-explorer .frame-right .frame-right-main .drop-menu-action {
    min-width:150px;
    font-size:1em
}
.frame-main-explorer .frame-right .frame-right-main .drop-menu-action a {
    padding:2px 30px
}
.frame-main-explorer .frame-right .frame-right-main .drop-menu-action .divider {
    margin:5px 0
}
.frame-main-explorer .frame-right .frame-right-main .drop-menu-action .disabled a {
    opacity:.8;
    filter:alpha(opacity=80)
}
.frame-main-explorer .frame-right .dropdown-menu {
    font-size:1em;
    margin-top:5px
}
.frame-main-explorer .frame-right .bodymain {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:0;
    margin-top:85px;
    overflow:hidden
}
.frame-main-explorer .frame-right .bodymain[list-type="list"] .file-continer-main {
    top:26px
}
.frame-main-explorer .frame-right .bodymain .file-continer-main {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden
}
.frame-main-explorer .frame-right .bodymain .file-continer-main.file-list-list {
    top:26px
}
.frame-main-explorer .frame-right .file-select-info {
    height:25px;
    color:#888;
    opacity:.9;
    filter:alpha(opacity=90);
    position:absolute;
    bottom:12px;
    z-index:100;
    padding:0px 5px 0 0px;
    font-size:1em;
    line-height:25px;
    overflow:hidden;
    border-radius:3px;
    margin-left:10px;
    background:rgba(255, 255, 255, 0.7);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.frame-main-explorer .frame-right .file-select-info .item-num, .frame-main-explorer .frame-right .file-select-info .item-select {
    border-right:2px solid rgba(200, 200, 200, 0.3);
    padding-left:5px;
    padding-right:5px
}
.frame-main-explorer .frame-right .file-select-info .item-select {
    padding-left:.5em;
    border-left:none;
    margin-left:5px;
    padding:2px 8px;
    border-radius:12px;
    border:none;
    background:#1890ff;
    color:#fff;
    background:#e0f1ff;
    color:#1890ff
}
.frame-main-explorer .frame-right .file-select-info .label {
    margin:0 0 0 5px;
    padding:4px 4px 3px 4px
}
.frame-main-explorer .frame-right .file-page {
    position:absolute;
    bottom:10px;
    right:10px;
    border:1px solid rgba(0, 0, 0, 0.03);
    border-radius:3px;
    background:rgba(255, 255, 255, 0.7);
    transition:all .2s;
    z-index:100;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.frame-main-explorer .frame-right .file-page:hover, .frame-main-explorer .frame-right .file-page:active, .frame-main-explorer .frame-right .file-page:focus {
    border-color:rgba(0, 0, 0, 0.1);
    box-shadow:0 3px 15px rgba(206, 206, 206, 0.5);
    background:rgba(255, 255, 255, 0.9)
}
.frame-main-explorer .frame-right .file-page .my-page-box {
    border:none
}
.frame-main-explorer .frame-right .path-is-null {
    text-align:center;
    color:#bbb;
    position:absolute;
    left:50%;
    top:50%;
    width:200px;
    height:200px;
    margin-top:-140px;
    margin-left:-100px;
    font-size:.9em
}
.frame-main-explorer .frame-right .path-is-null .path-ico {
    width:200px;
    height:140px;
    display:block
}
.frame-main-explorer .frame-right .path-is-null .path-ico img {
    width:200px;
    height:auto
}
.frame-main-explorer .frame-right .path-is-null .text {
    background:rgba(160, 160, 160, 0.1);
    padding:3px 10px;
    border-radius:10px
}
.frame-main-explorer .frame-right .file-list-list .children-list .path-is-null {
    display:none
}
.frame-main-explorer .btn-group-sm>.btn {
    padding:3px 7px;
    max-width:150px
}
.frame-main-explorer .path-tips {
    line-height:23px;
    margin-left:15px;
    margin-top:1px;
    float:left;
    display:none;
    background:#ddd;
    color:#777;
    cursor:pointer;
    border-radius:3px;
    padding:1px 8px;
    position:relative;
    z-index:7;
    opacity:.8;
    filter:alpha(opacity=80)
}
.frame-main-explorer .role-label-box {
    margin:3px;
    margin-left:10px;
    float:left;
    padding:2px 5px;
    background:rgba(0, 0, 0, 0.05);
    position:relative;
    display:inline-block;
    cursor:pointer;
    border-radius:20px
}
.frame-main-explorer .role-label-box:hover, .frame-main-explorer .role-label-box:active, .frame-main-explorer .role-label-box:focus {
    opacity:.6
}
.frame-main-explorer .role-label-box .label {
    top:2px
}
.explorer-select-footer {
    position:absolute;
    z-index:10;
    bottom:0;
    left:0;
    right:0;
    height:59px;
    border-top:1px solid #eee;
    background:#fafafa
}
.explorer-select-footer .select-api-input-box {
    overflow:hidden;
    margin:14px 10px 0 20px;
    position:relative
}
.explorer-select-footer .select-api-input-box input {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s;
    box-sizing:border-box;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
    padding:6px 5px 4px 10px;
    width:100%;
    border-radius:3px;
    color:#000;
    outline:none;
    border:1px solid rgba(100, 100, 100, 0.2)
}
.explorer-select-footer .select-api-input-box input[readonly] {
    background:#fcfcfc
}
.explorer-select-footer .select-api-input-box input:not([readonly]):focus {
    border-color:#75A1F0;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.2)
}
.explorer-select-footer .select-api-input-box .label {
    position:absolute;
    right:6px;
    top:6px;
    max-width:40%;
    overflow:hidden;
    text-overflow:ellipsis
}
.explorer-select-footer.aui-footer {
    position:relative
}
.explorer-select-footer.aui-footer .select-api-input-box {
    margin:15px 10px 0 20px
}
.explorer-select-footer.aui-footer .btn-actions.aui-buttons {
    margin:0px 0 0 0;
    background:none;
    border:none
}
.explorer-select-footer.aui-footer .btn-actions.aui-buttons button {
    margin-left:5px
}
.explorer-select-footer .btn-actions {
    padding:15px 15px 15px 2px;
    float:right
}
.explorer-select-footer.aui-footer .btn-actions {
    padding:15px 15px 15px 2px
}
.explorer-select-footer .btn-actions .kui-btn {
    margin-left:5px;
    margin-top:0
}
.frame-main-explorer .context-menu-list.menu-path-folder-tree .new-file-others {
    display:none !important
}
.frame-main-explorer .drag-resize-tree, .frame-main-editor .drag-resize-tree {
    z-index:50;
    margin-left:-5px
}
.frame-main-explorer .drag-resize-tree.active, .frame-main-editor .drag-resize-tree.active {
    background:rgba(64, 169, 255, 0.15)
}
.frame-main-explorer .drag-resize-tree .drag-item, .frame-main-editor .drag-resize-tree .drag-item {
    position:absolute;
    top:32px;
    padding:5px;
    margin-left:-12px;
    cursor:pointer;
    opacity:0;
    color:#888;
    -ms-transition:opacity .2s;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s
}
.frame-main-explorer .drag-resize-tree.drag-hidden, .frame-main-editor .drag-resize-tree.drag-hidden {
    cursor:pointer !important
}
.frame-main-explorer .drag-resize-tree.drag-hidden:hover, .frame-main-editor .drag-resize-tree.drag-hidden:hover {
    background:rgba(64, 169, 255, 0.3)
}
.frame-main-explorer .drag-resize-tree.drag-hidden:after, .frame-main-editor .drag-resize-tree.drag-hidden:after {
    display:none
}
.frame-main-explorer .drag-resize-tree.drag-hidden .drag-item:before, .frame-main-editor .drag-resize-tree.drag-hidden .drag-item:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    line-height:20px;
    padding:0 0px 0 1px
}
.frame-main-explorer .drag-resize-tree.active .drag-item, .frame-main-editor .drag-resize-tree.active .drag-item, .frame-main-explorer .drag-resize-tree:hover .drag-item, .frame-main-editor .drag-resize-tree:hover .drag-item {
    opacity:1
}
.frame-main-explorer .drag-resize-tree .drag-item:before, .frame-main-editor .drag-resize-tree .drag-item:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea64";
    width:20px;
    height:20px;
    line-height:20px;
    padding:0 0px 0 0;
    font-size:14px;
    background:#fff;
    border-radius:20px;
    border:1px solid #ddd;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
    display:inline-block;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.frame-main-explorer .drag-resize-tree .drag-item:hover:before, .frame-main-editor .drag-resize-tree .drag-item:hover:before {
    border:1px solid #1890ff;
    color:#1890ff
}
body.app-disable-userGroup .frame-main-explorer .frame-header .header-right.search-show .search-dropdown .form-row.item-sep2244 {
    display:none !important
}
body.app-disable-userGroup .frame-main-explorer .frame-header .header-right.search-show .search-dropdown .form-row.item-createUser {
    display:none !important
}
body.app-disable-userGroup .frame-main-explorer .frame-header .tools .toolbar-item .share {
    display:none !important
}
body.app-disable-userGroup .kod-user-group-select .select-dropdown-content {
    height:100px
}
body.app-disable-userGroup .context-menu-list .context-menu-item.share {
    display:none !important
}
.admin-page .menu-show-mask, .setting-page .menu-show-mask {
    position:fixed;
    z-index:90;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:rgba(0, 0, 0, 0.1);
    display:none;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    opacity:0;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.setting-page .menu-show-mask {
    top:40px
}
.setting-page .setting-menu-left, .admin-page .admin-menu-left {
    background:#fff;
    box-shadow:2px 0 8px 0 rgba(29, 35, 41, 0.05);
    position:absolute;
    z-index:100;
    left:0;
    height:100%;
    width:255px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.setting-page .setting-menu-left h1, .admin-page .admin-menu-left h1 {
    color:#1890ff;
    font-weight:100;
    padding:0;
    margin:0;
    margin-bottom:10px;
    height:70px;
    line-height:70px;
    overflow:hidden;
    text-align:center;
    position:relative;
    z-index:2;
    background:rgba(255, 255, 255, 0.03);
    border-bottom:1px solid #eee
}
.setting-page .setting-menu-left h1 .logo img, .admin-page .admin-menu-left h1 .logo img {
    max-height:70px;
    max-width:255px
}
.setting-page .setting-menu-left h1 .logo .logo-text, .admin-page .admin-menu-left h1 .logo .logo-text {
    display:inline-block;
    white-space:nowrap;
    width:90%;
    overflow:hidden;
    color:#1890ff;
    font-size:26px;
    font-weight:400;
    background-image:-webkit-linear-gradient(40deg, #1890ff, #a16dff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-box-reflect:below -40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)))
}
.setting-page .setting-menu-left .menu-content, .admin-page .admin-menu-left .menu-content {
    overflow:auto;
    width:100%;
    position:absolute;
    top:71px;
    bottom:0px;
    z-index:2;
    padding-top:10px;
    padding-bottom:50px
}
.setting-page .setting-menu-left .menu-content .menu-items, .admin-page .admin-menu-left .menu-content .menu-items {
    padding:0
}
.setting-page .setting-menu-left .menu-item, .admin-page .admin-menu-left .menu-item {
    list-style:none;
    transition:all .16s;
    cursor:pointer
}
.setting-page .setting-menu-left .menu-item .menu-item-content, .admin-page .admin-menu-left .menu-item .menu-item-content {
    height:40px;
    line-height:40px;
    margin:0;
    font-size:1.05em;
    text-indent:8px;
    padding-left:10px;
    overflow:hidden;
    cursor:pointer;
    transition:all .16s;
    position:relative;
    color:#555
}
.setting-page .setting-menu-left .menu-item .menu-item-content .level-margin, .admin-page .admin-menu-left .menu-item .menu-item-content .level-margin {
    display:inline-block
}
.setting-page .setting-menu-left .menu-item .menu-item-content .font-icon, .admin-page .admin-menu-left .menu-item .menu-item-content .font-icon {
    padding-right:.6em;
    position:relative;
    top:-2px
}
.setting-page .setting-menu-left .menu-item .menu-item-content .item-icon, .admin-page .admin-menu-left .menu-item .menu-item-content .item-icon {
    opacity:.6;
    filter:alpha(opacity=60)
}
.setting-page .setting-menu-left .menu-item .menu-item-content:hover, .admin-page .admin-menu-left .menu-item .menu-item-content:hover, .setting-page .setting-menu-left .menu-item .menu-item-content:active, .admin-page .admin-menu-left .menu-item .menu-item-content:active {
    color:#1890ff;
    background:rgba(0, 0, 0, 0.05)
}
.setting-page .setting-menu-left .menu-item.select .menu-item-content, .admin-page .admin-menu-left .menu-item.select .menu-item-content {
    color:#1890ff;
    background:#e6f7ff
}
.setting-page .setting-menu-left .menu-item.select .menu-item-content .item-icon, .admin-page .admin-menu-left .menu-item.select .menu-item-content .item-icon {
    opacity:1;
    filter:alpha(opacity=100)
}
.setting-page .setting-menu-left .menu-item:hover, .admin-page .admin-menu-left .menu-item:hover, .setting-page .setting-menu-left .menu-item:active, .admin-page .admin-menu-left .menu-item:active {
    background:rgba(130, 130, 130, 0.05)
}
.setting-page .setting-menu-left .menu-item .menu-items, .admin-page .admin-menu-left .menu-item .menu-items {
    display:none;
    padding:0
}
.setting-page .setting-menu-left .menu-item .menu-item-content:after, .admin-page .admin-menu-left .menu-item .menu-item-content:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    border-right:3px solid #1890ff;
    -webkit-transform:scaleY(.0001);
    transform:scaleY(.0001);
    opacity:0;
    -webkit-transition:opacity .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
    transition:opacity .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
    transition:transform .15s cubic-bezier(.215, .61, .355, 1), opacity .15s cubic-bezier(.215, .61, .355, 1);
    transition:transform .15s cubic-bezier(.215, .61, .355, 1), opacity .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
    content:''
}
.setting-page .setting-menu-left .menu-item.select .menu-item-content:after, .admin-page .admin-menu-left .menu-item.select .menu-item-content:after {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1
}
.setting-page .setting-menu-left .menu-item.menu-open>.menu-item-content, .admin-page .admin-menu-left .menu-item.menu-open>.menu-item-content {
    color:#555
}
.setting-page .setting-menu-left .menu-item.menu-open>.menu-items, .admin-page .admin-menu-left .menu-item.menu-open>.menu-items {
    display:block;
    background:#fff;
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2)
}
.setting-page .setting-menu-left .menu-item.submenu .menu-cert, .admin-page .admin-menu-left .menu-item.submenu .menu-cert {
    position:absolute;
    right:15px;
    line-height:40px;
    width:30px;
    font-size:12px;
    padding:0px;
    top:0
}
.setting-page .setting-menu-left .menu-item.submenu .menu-cert:before, .admin-page .admin-menu-left .menu-item.submenu .menu-cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    padding-left:3px
}
.setting-page .setting-menu-left .menu-item.submenu.menu-open>.menu-item-content .menu-cert:before, .admin-page .admin-menu-left .menu-item.submenu.menu-open>.menu-item-content .menu-cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4e"
}
.admin-page .admin-menu-left {
    box-shadow:2px 0 6px rgba(0, 21, 41, 0.35)
}
.admin-page .admin-menu-left h1 {
    border:none
}
.admin-page .admin-menu-left:before, .admin-page .admin-menu-left:after {
    content:"";
    pointer-events:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.admin-page .admin-menu-left:before {
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url(../../images/wall_page/11.jpg);
    background-position:center center;
    background-position:75% 50%
}
.admin-page .admin-menu-left:after {
    opacity:.92;
    background:#001529;
    background-image:linear-gradient(45deg, #000000, #061161)
}
.admin-page .admin-menu-left .menu-item .menu-item-content {
    color:#eee
}
.admin-page .admin-menu-left .menu-item .menu-item-content:hover, .admin-page .admin-menu-left .menu-item .menu-item-content:active {
    color:#fff;
    background:rgba(255, 255, 255, 0.15)
}
.admin-page .admin-menu-left .menu-item.select .menu-item-content {
    color:#fff;
    background:#1890ff
}
.admin-page .admin-menu-left .menu-item.menu-open .menu-item-content {
    color:#fff
}
.admin-page .admin-menu-left .menu-item.menu-open>.menu-items {
    background:rgba(255, 255, 255, 0.05);
    box-shadow:none
}
.admin-setting-page .form-box .form-row .setting-title {
    width:20%
}
.admin-setting-page .form-box .form-row .setting-content {
    width:calc(80% - 40px)
}
.admin-setting-page .tab-group .tab-item .tab-item-content {
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:150px;
    white-space:nowrap
}
.app-wap-small.app-device-pc .setting-page .form-box .form-row .setting-title, .app-wap-small.app-device-pc .admin-setting-page .form-box .form-row .setting-title {
    width:100%
}
.app-wap-small.app-device-pc .setting-page .form-box .form-row .setting-content, .app-wap-small.app-device-pc .admin-setting-page .form-box .form-row .setting-content {
    width:100%;
    padding:0
}
.admin-page .admin-main, .setting-page .setting-main {
    position:absolute;
    background:#f0f2f5;
    left:255px;
    top:0;
    right:0px;
    bottom:0px;
    padding-bottom:50px;
    overflow:auto;
    overflow-x:hidden
}
.admin-page .admin-main .panel-body.dialog-form.target-form .form-box.config-box .form-row .setting-title, .setting-page .setting-main .panel-body.dialog-form.target-form .form-box.config-box .form-row .setting-title {
    text-align:left
}
.admin-page .admin-main .header, .setting-page .setting-main .header {
    box-shadow:0 1px 4px rgba(0, 21, 41, 0.08);
    border-bottom:1px solid #e6e6e6;
    height:70px;
    padding:0 12px 0 0;
    background:#fff
}
.admin-page .admin-main .header .title-address, .setting-page .setting-main .header .title-address {
    line-height:70px;
    font-size:1.1em;
    color:#666;
    padding:0px 0 0 10px;
    margin-left:25px
}
.admin-page .admin-main .header .title-address .address-start, .setting-page .setting-main .header .title-address .address-start {
    border-left:4px solid #1890ff;
    margin-right:10px;
    display:inline-block;
    height:18px;
    position:relative;
    top:4px;
    line-height:0;
    box-shadow:1px 1px 3px rgba(24, 144, 255, 0.6);
    border-radius:3px
}
.admin-page .admin-main .header .title-address span.address-split, .setting-page .setting-main .header .title-address span.address-split {
    padding:0 5px;
    color:#aaa
}
.admin-page .admin-main .header .title-address .address-item.link, .setting-page .setting-main .header .title-address .address-item.link {
    cursor:pointer
}
.admin-page .admin-main .header .title-address .address-item.link:hover, .setting-page .setting-main .header .title-address .address-item.link:hover, .admin-page .admin-main .header .title-address .address-item.link:active, .setting-page .setting-main .header .title-address .address-item.link:active {
    color:#1890ff
}
.admin-page .admin-main .header .title-address .address-item .item-icon, .setting-page .setting-main .header .title-address .address-item .item-icon {
    display:none
}
.admin-page .admin-main .header .menu-toggle, .setting-page .setting-main .header .menu-toggle {
    display:none;
    font-size:16px;
    cursor:pointer;
    width:50px;
    line-height:36px;
    position:fixed;
    z-index:5;
    text-align:center;
    color:#ffffff;
    margin:18px 10px 5px 0px;
    border-radius:0 5px 5px 0;
    transition:all .3s;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    background:#1890ffa3
}
.admin-page .admin-main .header .menu-toggle:hover, .setting-page .setting-main .header .menu-toggle:hover, .admin-page .admin-main .header .menu-toggle:active, .setting-page .setting-main .header .menu-toggle:active {
    background:#0076e4
}
.admin-page .admin-main .panel-body, .setting-page .setting-main .panel-body {
    padding:15px;
    margin:10px;
    background:#fff;
    border:none;
    border-radius:4px;
    position:relative
}
.admin-page .admin-main .panel-body .panel-body-header, .setting-page .setting-main .panel-body .panel-body-header {
    font-size:16px;
    padding:15px 25px;
    border-bottom:1px solid #eee
}
.admin-page .admin-main .panel-body .no-auth-page, .setting-page .setting-main .panel-body .no-auth-page {
    text-align:center;
    margin:60px 0px
}
.admin-page .admin-main .panel-body .no-auth-page .path-ico, .setting-page .setting-main .panel-body .no-auth-page .path-ico {
    width:100%;
    height:150px;
    font-size:150px
}
.admin-page .admin-main .panel-body .no-auth-page .text, .setting-page .setting-main .panel-body .no-auth-page .text {
    background:rgba(0, 0, 0, 0.02);
    padding:3px 10px;
    border-radius:10px;
    color:#ccc
}
.setting-page .setting-menu-left .menu-content {
    bottom:0
}
.admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    padding:0;
    margin:5px 15px 10px 15px
}
.admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body {
    position:relative;
    top:0;
    overflow:hidden
}
.admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple.form-box-title-block .form-box .form-row {
    padding-left:15px;
    padding-right:15px
}
.admin-page .form-box.config-box .panel-form-body {
    overflow:hidden
}
.admin-main-content .kodTable .content {
    overflow-y:hidden
}
.kodTable .list-table .list-col.setting .do-action {
    padding:3px 5px;
    margin-bottom:2px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    color:#1890ff;
    border-radius:3px;
    word-break:keep-all
}
.kodTable .list-table .list-col.setting .do-action:focus, .kodTable .list-table .list-col.setting .do-action:hover, .kodTable .list-table .list-col.setting .do-action:active {
    background:#def
}
.kodTable .list-table .list-col.setting .dropdown-box {
    position:relative;
    display:inline-block
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown {
    display:none;
    z-index:99;
    position:absolute;
    right:-5px;
    background-color:#fff;
    border-radius:3px;
    outline:none;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown ul {
    list-style:none;
    padding:0px;
    margin:4px 0px
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li {
    color:#333;
    display:block;
    padding:0px 5px;
    height:30px;
    min-width:54px;
    line-height:30px;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:hover, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:focus, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:active {
    background-color:#e4f8ff;
    cursor:pointer
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips {
    bottom:30px
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips:after {
    content:"";
    position:absolute;
    right:10px;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    top:100%;
    border-color:#fff transparent transparent transparent
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips {
    top:25px
}
.kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips:after {
    content:"";
    position:absolute;
    right:10px;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    bottom:100%;
    border-color:transparent transparent #fff transparent
}
@media (min-width:1200px) {
    .panel-body.overview-page .option-box .container .col-xl-12 .option {
        margin-left:12px
    }
    .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option {
        margin-left:0
    }
    .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option {
        margin-left:12px
    }
}
@media (min-width:768px) and (max-width:1200px) {
    .panel-body.overview-page .option-box .container .col-xl-12 .option {
        margin-left:12px
    }
    .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option {
        margin-left:0
    }
    .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option {
        margin-left:0
    }
}
.admin-main-content .licens-form .kodbox-info {
    margin:0;
    padding:0px;
    width:100%;
    margin-bottom:20px;
    padding-left:5px
}
.admin-main-content .licens-form .kodbox-info .info-box {
    padding:0;
    transition:all .3s
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body {
    background:linear-gradient(110deg, #65caf4, #668cf8);
    border-radius:4px;
    margin:15px 30px 0px 1px;
    padding:20px 10px 20px 90px;
    height:95px;
    overflow:hidden;
    color:#fff;
    color:rgba(255, 255, 255, 0.9);
    position:relative;
    box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
    transition:all .3s
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body:hover {
    box-shadow:0 15px 40px rgba(0, 0, 0, 0.3)
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .title {
    font-size:20px;
    margin:5px 0 5px 0;
    font-weight:800;
    opacity:.9;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .font-icon {
    width:60px;
    height:60px;
    position:absolute;
    left:15px;
    top:35px;
    border-radius:10px;
    font-size:60px
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body:after, .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:before, .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:after {
    pointer-events:none;
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-60px;
    top:-80px;
    background:#fff;
    border-radius:50%;
    background:linear-gradient(-50deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15))
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .row-item {
    color:#fff;
    font-size:1.1em;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .row-item .item-title {
    display:inline-block;
    padding-right:5px
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:before {
    right:50px;
    top:-50px;
    width:80px;
    height:80px
}
.admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:after {
    right:-60px;
    top:55px;
    width:160px;
    height:160px;
    opacity:.6
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body .content {
    margin-top:-2px
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body .row-item {
    font-size:.9em
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-version .kui-btn {
    right:18px
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-version .row-item {
    font-size:12px
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-version .row-item .item-content {
    font-weight:600
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-version .row-item iframe {
    position:absolute;
    right:3px;
    top:55px
}
.admin-main-content .licens-form .kodbox-info .label {
    padding:3px 6px;
    font-style:normal;
    font-weight:800;
    background:rgba(255, 255, 255, 0.2);
    margin-left:5px
}
.admin-main-content .licens-form .kodbox-info .kui-btn {
    position:absolute;
    right:50px;
    top:27px;
    color:#fff;
    border:none;
    background:rgba(255, 255, 255, 0.15);
    max-width:60px;
    overflow:hidden
}
.admin-main-content .licens-form .kodbox-info .kui-btn:hover {
    background:rgba(255, 255, 255, 0.5)
}
.admin-main-content .licens-form .kodbox-info .kui-btn.has-new:after {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    margin:-4px 0 0 4px;
    border:2px solid #fff;
    background:#f30;
    border-radius:50%
}
.admin-main-content .licens-form .kodbox-info .version-info {
    position:absolute;
    right:-50px;
    top:10px;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    transform:rotateZ(45deg);
    font-weight:800;
    opacity:.9;
    font-size:1.2em;
    background:#ff9800;
    color:#fff;
    background:linear-gradient(80deg, #fff1c7, #ffd965);
    color:#ff9800;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2)
}
.admin-main-content .licens-form .kodbox-info .version-info.version-free {
    background:#888;
    color:#fff;
    background:linear-gradient(40deg, #666, #999)
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-user .opt-body {
    background:linear-gradient(110deg, #65caf4, #668cf8)
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body {
    background:linear-gradient(110deg, #FFC107, #FF5722)
}
.admin-main-content .licens-form .kodbox-info .info-box.info-box-version .opt-body {
    background:linear-gradient(110deg, #68b92f, #4CAF50)
}
.app-wap-small .admin-main-content .licens-form .kodbox-info {
    padding-left:0
}
.app-wap-small .admin-main-content .licens-form .kodbox-info .info-box .opt-body {
    margin:15px 0px 0px 0px
}
.admin-page .admin-main .panel-body.overview-page {
    background:#f0f2f5 !important;
    padding:0px!important
}
.panel-body.overview-page .container {
    padding:0px;
    width:100%
}
.panel-body.overview-page .container>div {
    padding:0px
}
.panel-body.overview-page .option-box {
    background:#f0f2f5
}
.panel-body.overview-page .option-box .option {
    border:1px solid #eee;
    border-radius:4px;
    transition:all .3s;
    background:#fff;
    margin-right:0;
    margin-bottom:12px
}
.panel-body.overview-page .option-box .option:hover, .panel-body.overview-page .option-box .option:active {
    border:1px solid transparent;
    box-shadow:0 5px 20px rgba(0, 0, 0, 0.15)
}
.panel-body.overview-page .option-box .option .opt-body {
    padding:15px 15px 10px 15px;
    zoom:1;
    overflow:hidden
}
.panel-body.overview-page .option-box .option .opt-body .content-omit {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float:left
}
.panel-body.overview-page .option-box .option .opt-body .content-omit a {
    text-decoration:none
}
.panel-body.overview-page .option-box .option .opt-body .opt-meta {
    height:22px;
    line-height:22px;
    margin-top:-3px;
    color:rgba(0, 0, 0, 0.45)
}
.panel-body.overview-page .option-box .option .opt-body .opt-meta .font-icon {
    color:#fff;
    border-radius:100%;
    font-size:14px;
    margin-right:5px;
    display:inline-block;
    position:relative;
    top:-2px;
    width:22px;
    height:22px;
    line-height:22px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info {
    height:100px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .number {
    overflow:hidden;
    color:rgba(0, 0, 0, 0.85);
    font-size:30px;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:break-word;
    height:60px;
    line-height:60px;
    margin:10px 0px 20px;
    text-align:center
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .chart {
    margin-top:-30px;
    margin-bottom:-26px
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer {
    border-top:1px solid #e8e8e8;
    margin-top:8px;
    padding-top:9px
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer>div:after {
    content:"";
    display:block;
    clear:both;
    float:none
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .content-omit {
    width:50%
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .content-omit.server-name {
    width:88%
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .title {
    color:rgba(0, 0, 0, 0.65);
    font-variant:tabular-nums;
    line-height:1.8;
    list-style:none;
    float:left
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .text {
    margin-left:8px;
    color:rgba(0, 0, 0, 0.85)
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more {
    cursor:pointer;
    color:#6cb6fb;
    background:#f6f6f6;
    position:absolute;
    right:15px;
    margin-top:-1px;
    height:25px;
    line-height:23px;
    text-align:center;
    padding:0 5px;
    border-radius:3px
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more:hover {
    color:#40a9ff;
    background:#e6f7ff
}
.panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more .info-title {
    padding-left:2px;
    color:#666
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file {
    padding:15px 0px;
    position:relative;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content {
    width:50%;
    text-align:center;
    color:#1890ff;
    background:#f7fdff;
    margin-right:6%;
    padding:10px 0 15px 0px;
    border-radius:4px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content .opt, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content .opt {
    font-size:30px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content .unit, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content .unit {
    font-size:.9em;
    color:#949494;
    padding:0 5px;
    text-overflow:ellipsis;
    overflow:hidden
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail {
    padding:15px 0px 0 15px;
    position:absolute;
    left:50%;
    top:15px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail p, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail p {
    margin:0px;
    height:25px;
    line-height:25px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .spot, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .spot {
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:4px;
    margin-right:4px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-access {
    padding:13px 0px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage {
    display:flex;
    margin-bottom:6px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-safe {
    background-color:#3dbd7d
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-default {
    background-color:#40abfb
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-warning {
    background-color:#ffbf00
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-error {
    background-color:#f04134
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-minor {
    background-color:#eceef1
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store {
    flex:1;
    padding:5px 0px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div {
    height:25px;
    line-height:25px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div .fl-left {
    max-width:100px;
    min-width:65px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar {
    width:88%;
    padding:8px 0px;
    cursor:pointer
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info {
    height:6px;
    overflow:hidden;
    border-radius:4px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info .process {
    transition:all .2s;
    height:100%;
    border-radius:4px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score {
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score>div {
    border-radius:30px;
    font-size:22px;
    font-weight:bold;
    color:#fff
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div .content-omit span:first-child {
    display:inline-block;
    min-width:45px;
    margin-right:5px
}
.panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div>div:first-child {
    width:45%
}
.panel-body.overview-page .tab-table-box, .panel-body.overview-page .tab-trend-box {
    background:#fff;
    border-radius:4px;
    padding:15px
}
.panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line {
    margin:5px 0px 15px
}
.panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line .btn-group, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line .btn-group {
    position:absolute;
    right:0px;
    bottom:5px
}
.panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line .btn-group .btn, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line .btn-group .btn {
    padding:5px 1.2em
}
.panel-body.overview-page .tab-table-box .kodTable .content, .panel-body.overview-page .tab-trend-box .kodTable .content {
    height:465px;
    position:relative
}
.panel-body.overview-page .tab-table-box .kodTable .content .list-row input.item-select, .panel-body.overview-page .tab-trend-box .kodTable .content .list-row input.item-select {
    top:-2px;
    cursor:pointer
}
.panel-body.overview-page .tab-table-box .chart-box, .panel-body.overview-page .tab-trend-box .chart-box {
    width:88%;
    margin:20px auto
}
.panel-body.overview-page .tab-table-box .chart-box .content, .panel-body.overview-page .tab-trend-box .chart-box .content {
    margin:40px 0px;
    height:325px
}
.panel-body.overview-page .tab-table-box .chart-box .chart-title, .panel-body.overview-page .tab-trend-box .chart-box .chart-title {
    height:36px;
    line-height:36px;
    font-size:1.1em;
    color:rgba(0, 0, 0, 0.65);
    display:inline-block
}
.panel-body.overview-page .tab-table-box .chart-box .chart-title .desc, .panel-body.overview-page .tab-trend-box .chart-box .chart-title .desc {
    font-size:.9em;
    padding-left:5px;
    color:#aaa
}
.panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl {
    border-top:1px solid #e8e8e8;
    margin-top:12px;
    padding-top:15px;
    display:-webkit-box
}
.panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl .title {
    width:50%;
    text-align:center
}
.panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title {
    color:rgba(0, 0, 0, 0.65);
    font-size:1.1em;
    font-variant:tabular-nums;
    line-height:1.5;
    list-style:none
}
.panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title .text, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title .text {
    margin-left:8px;
    color:rgba(0, 0, 0, 0.85)
}
.panel-body.overview-page .tab-table-box .chart-box.opt, .panel-body.overview-page .tab-trend-box .chart-box.opt {
    position:absolute;
    margin:0px;
    top:20px;
    bottom:20px;
    left:6%;
    right:6%;
    background:#fff
}
.panel-body.overview-page .tab-table-box .chart-box.opt .table-chart-info, .panel-body.overview-page .tab-trend-box .chart-box.opt .table-chart-info {
    background:#fff
}
.panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info {
    color:#888;
    cursor:default
}
.panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.panel-body.overview-page .tab-table-box .user-info img, .panel-body.overview-page .tab-trend-box .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.panel-body.overview-page .tab-table-box .user-info .name-char, .panel-body.overview-page .tab-trend-box .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info {
    color:#456
}
.panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico {
    margin-right:5px
}
.panel-body.overview-page .tab-trend-box .tab-group-pan {
    height:455px;
    position:relative
}
.panel-body.overview-page .line-box {
    margin:5px 0px
}
.panel-body.admin-setting-page .form-row.item-treeOpen label {
    min-width:80px
}
.panel-body.admin-setting-page .form-box .form-row.item-sep001 {
    overflow:visible
}
.g2-tooltip {
    position:absolute;
    background-color:#fff;
    border-radius:3px;
    color:#575757;
    line-height:20px;
    padding:10px 10px 6px 10px!important;
    box-shadow:0 0 10px #aeaeae;
    pointer-events:none;
    text-align:left;
    z-index:1000
}
.g2-tooltip .g2-tooltip-list {
    margin:0;
    list-style-type:none
}
.g2-tooltip .g2-tooltip-value {
    margin-left:30px;
    display:inline;
    float:right
}
.panel-body.notice-page .notice-dtl-box .dtl-header {
    border-bottom:1px solid #eee
}
.panel-body.notice-page .notice-dtl-box .dtl-content .form-row.item-name i.input-clear {
    right:5px;
    top:5px
}
.app-content .app-list .app-li .icon {
    background-image:linear-gradient(to bottom, #def 0, #fff 100%);
    border-radius:4px
}
.app-content .app-list .app-li .icon .path-ico, .app-content .app-list .app-li .icon .font-icon {
    width:70px;
    height:70px;
    padding-top:10px
}
.app-content .app-list .app-li .icon .x-font-icon, .app-content .app-list .app-li .icon .font-icon-words {
    width:50px;
    height:50px;
    line-height:50px;
    font-size:36px;
    text-align:center;
    padding:10px;
    margin-top:10px;
    display:inline-block;
    border-radius:12px
}
.app-content .app-list .app-li .icon .x-font-icon {
    font-size:42px
}
.app-content .app-list .app-li .icon .x-item-icon {
    margin-top:10px
}
.app-content .app-list .app-li .icon .font-icon-words {
    margin-top:20px
}
.admin-page .admin-main .panel-body.plugin-page {
    padding:0
}
.panel-body.plugin-page .app-toolbar {
    padding:10px 10px 0 10px;
    position:relative
}
.panel-body.plugin-page .app-toolbar .cat {
    height:32px;
    line-height:32px
}
.panel-body.plugin-page .app-toolbar .panel-tab {
    display:inline-block;
    position:relative;
    width:100%;
    border-bottom:1px solid #eee;
    padding:0;
    margin:0px 10px 5px 0px
}
.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item {
    float:left;
    color:#666;
    cursor:pointer;
    position:relative;
    border-bottom:3px solid transparent;
    padding:8px 8px;
    margin:5px 1px -2px 0;
    border-radius:3px 3px 0 0
}
.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item .font-icon {
    padding-right:5px;
    font-size:.9em;
    opacity:.5;
    display:none
}
.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item:hover {
    color:#1890ff;
    border-color:#eee;
    background:#f6f6f6
}
.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item.active {
    color:#1890ff;
    border-bottom:3px solid #1890ff
}
.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-line {
    background:#ccc;
    display:inline-block;
    width:1px;
    height:15px;
    margin:12px 10px 0 0px;
    float:left
}
.panel-body.plugin-page .app-toolbar .panel-tab .badge-tag-update {
    margin:0;
    z-index:9;
    right:-3px;
    top:-8px;
    padding:0 3px
}
.panel-body.plugin-page .app-toolbar .update-all {
    position:absolute;
    bottom:5px;
    right:0
}
.panel-body.plugin-page .app-toolbar .search-box {
    position:absolute;
    top:-70px;
    right:-10px
}
.panel-body.plugin-page .app-toolbar .search-box .btn-search {
    padding:5px 10px 6px 10px;
    margin-top:1px;
    border:none;
    border-left:1px solid #ddd;
    border-radius:0 2px 2px 0;
    color:#888;
    display:inline-block;
    position:absolute;
    right:1px;
    top:0
}
.panel-body.plugin-page .app-toolbar .search-box .btn-close {
    position:absolute;
    right:50px;
    top:2px;
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    margin-top:5px;
    padding:0;
    border-radius:50%;
    border:none;
    color:#ff4d4f
}
.panel-body.plugin-page .app-toolbar .search-box .btn-close:hover, .panel-body.plugin-page .app-toolbar .search-box .btn-close:active {
    background:#eee
}
.panel-body.plugin-page .app-toolbar .search-box input {
    height:30px;
    border-radius:2px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    padding:0px 50px 0px 5px
}
.panel-body.plugin-page .app-toolbar .search-box input:hover, .panel-body.plugin-page .app-toolbar .search-box input:active {
    border-color:#75A1F0
}
.panel-body.plugin-page .app-toolbar .search-box input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.panel-body.plugin-page .app-toolbar .search-box input.disabled, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true'], .panel-body.plugin-page .app-toolbar .search-box input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.panel-body.plugin-page .app-toolbar .search-box input.disabled:hover, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:hover, .panel-body.plugin-page .app-toolbar .search-box input[readonly='readonly']:hover, .panel-body.plugin-page .app-toolbar .search-box input.disabled:active, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:active, .panel-body.plugin-page .app-toolbar .search-box input[readonly='readonly']:active {
    border-color:#ddd
}
.panel-body.plugin-page .app-toolbar .search-box input.disabled:focus, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:focus, .panel-body.plugin-page .app-toolbar .search-box input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.panel-body.plugin-page .app-descript {
    padding:5px
}
.panel-body.plugin-page .app-descript .dtl-header {
    padding:0px 0 5px 0
}
.panel-body.plugin-page .app-descript .dtl-header .kui-btn {
    position:relative;
    z-index:2
}
.panel-body.plugin-page .app-descript .dtl-header .name {
    color:#0086E5;
    font-size:18px;
    font-weight:800;
    text-align:center;
    margin-left:200px;
    position:relative;
    top:-30px;
    line-height:30px
}
.panel-body.plugin-page .app-descript h1, .panel-body.plugin-page .app-descript h2, .panel-body.plugin-page .app-descript h3, .panel-body.plugin-page .app-descript h4, .panel-body.plugin-page .app-descript h5, .panel-body.plugin-page .app-descript .h1, .panel-body.plugin-page .app-descript .h2, .panel-body.plugin-page .app-descript .h3, .panel-body.plugin-page .app-descript .h4, .panel-body.plugin-page .app-descript .h5 {
    border-bottom:1px solid #ddd;
    padding:.5em 0
}
.panel-body.plugin-page .app-descript .dropdown-menu .font-icon {
    padding-right:5px
}
.panel-body.plugin-page .app-descript .left-content {
    width:150px;
    float:left;
    padding:15px;
    margin:10px 0 50px 0;
    background:#fafdff;
    color:#888;
    border:1px solid #eee
}
.panel-body.plugin-page .app-descript .left-content .icon {
    height:90px;
    background-color:rgba(0, 0, 0, 0.001)
}
.panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .path-ico .font-icon {
    width:100%;
    height:100%
}
.panel-body.plugin-page .app-descript .left-content .icon img {
    max-width:100%;
    max-height:100%;
    border-radius:10px
}
.panel-body.plugin-page .app-descript .left-content .icon .content {
    width:80px;
    height:80px;
    padding:10px;
    margin:0 auto
}
.panel-body.plugin-page .app-descript .left-content .icon .content .font-icon {
    width:55px;
    height:55px;
    line-height:52px;
    font-size:40px;
    text-align:center;
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding:10px;
    margin-top:1px;
    display:inline-block;
    border-radius:12px;
    color:#fff
}
.panel-body.plugin-page .app-descript .left-content .icon .content .font-icon.words {
    font-size:26px;
    font-weight:800;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.8)
}
.panel-body.plugin-page .app-descript .left-content .btn {
    margin:10px 0 0;
    width:80px;
    height:20px
}
.panel-body.plugin-page .app-descript .left-content .btn.dropdown-toggle {
    width:20px;
    margin-left:-1px;
    height:20px
}
.panel-body.plugin-page .app-descript .left-content .btn-group .btn:first-of-type {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.panel-body.plugin-page .app-descript .left-content .btn-group .btn:last-of-type {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.panel-body.plugin-page .app-descript .left-content .app-title {
    text-align:center;
    color:#555;
    padding:15px 10px 0 10px
}
.panel-body.plugin-page .app-descript .left-content .line {
    border-bottom:1px solid #eee;
    margin:10px 0
}
.panel-body.plugin-page .app-descript .left-content .title {
    color:#444;
    font-weight:800;
    padding:10px 0 3px 15px
}
.panel-body.plugin-page .app-descript .left-content .p {
    padding:0 0 0 15px
}
.panel-body.plugin-page .app-descript .right-content {
    padding-left:200px
}
.panel-body.plugin-page .app-descript .right-content .description {
    padding:10px 0 20px 15px;
    line-height:1.6em;
    word-break:break-word
}
.panel-body.plugin-page .app-descript .right-content .sliders {
    margin:5px 0 30px 20px;
    padding:0
}
.panel-body.plugin-page .app-descript .right-content .carousel-indicators {
    bottom:-40px !important
}
.panel-body.plugin-page .app-descript .right-content .carousel-indicators li {
    border-color:#ccc
}
.panel-body.plugin-page .app-descript .right-content .carousel-indicators .active {
    background:#2196F3;
    border-color:#2865e2;
    background:linear-gradient(to right, #44abf6, #2865e2)
}
.panel-body.plugin-page .app-descript .right-content .glyphicon {
    font-size:50px;
    margin-top:-30px !important;
    border-radius:50%
}
.panel-body.plugin-page .app-descript .right-content .carousel-control {
    background:rgba(0, 0, 0, 0.001) !important;
    width:20%
}
.panel-body.plugin-page .app-descript .right-content .carousel-control:hover .glyphicon {
    background:rgba(0, 0, 0, 0.3)
}
.panel-body.plugin-page .app-descript .right-content .carousel-inner {
    width:100%;
    text-align:center
}
.panel-body.plugin-page .app-descript .right-content .carousel-inner .item {
    height:350px;
    line-height:350px;
    width:100%
}
.panel-body.plugin-page .app-descript .right-content .carousel-inner .item img, .panel-body.plugin-page .app-descript .right-content .carousel-inner .item a img {
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    display:inline;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.4)
}
.panel-body.plugin-page .app-descript .progress {
    background:#def;
    margin:10px 0;
    position:relative
}
.panel-body.plugin-page .app-descript .progress .progress-bar {
    border-bottom:4px solid #2196F3;
    border-radius:0
}
.panel-body.plugin-page .app-content {
    margin:10px 5px
}
.panel-body.plugin-page .app-content .app-model {
    padding:0
}
.panel-body.plugin-page .app-content .app-list {
    margin-top:10px;
    margin-right:-15px;
    padding:10px 0 40px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:0px;
    padding-top:0px
}
.panel-body.plugin-page .app-content .app-list .flex-empty {
    margin:0 15px 1px 0;
    width:140px;
    height:1px
}
.panel-body.plugin-page .app-content .app-list .app-li {
    list-style:none;
    cursor:pointer;
    text-align:center;
    float:left;
    margin:0 15px 20px 0;
    width:140px;
    height:200px;
    background:#f5faff;
    color:#2196F3;
    border:1px solid #d2d7dc;
    position:relative;
    -ms-transition:.16s all;
    -webkit-transition:.16s all;
    -moz-transition:.16s all;
    -o-transition:.16s all;
    transition:.16s all;
    border-radius:4px;
    background:none;
    border:1px solid #dee5e7;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)
}
.panel-body.plugin-page .app-content .app-list .app-li .btn.btn-default .font-icon {
    position:relative;
    top:1px
}
.panel-body.plugin-page .app-content .app-list .app-li:hover, .panel-body.plugin-page .app-content .app-list .app-li:active {
    background:#fff;
    box-shadow:0 20px 100px rgba(0, 0, 0, 0.1), 0 20px 30px rgba(0, 0, 0, 0.05)
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label {
    position:absolute;
    top:10px;
    right:-1px;
    border-radius:0;
    line-height:24px;
    height:24px;
    padding:0 10px;
    box-shadow:-3px 2px 5px rgba(0, 0, 0, 0.3)
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label.label:before {
    position:absolute;
    top:0;
    left:-14px;
    content:" ";
    height:0;
    width:0;
    border:#f0ad4e 12px solid;
    border-left-color:transparent
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning {
    background:#ff9800
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning.label:before {
    border-color:#ff9800;
    border-left-color:transparent
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success {
    background:#00a854
}
.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success.label:before {
    border-color:#00a854;
    border-left-color:transparent
}
.panel-body.plugin-page .app-content .app-list .app-li .flag-box {
    overflow:hidden;
    position:absolute;
    right:0;
    width:60px;
    height:60px
}
.panel-body.plugin-page .app-content .app-list .app-li .flag {
    position:absolute;
    top:10px;
    right:-28px;
    width:100px;
    height:22px;
    line-height:22px;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    transform:rotate(45deg)
}
.panel-body.plugin-page .app-content .app-list .app-li .text {
    height:50px
}
.panel-body.plugin-page .app-content .app-list .app-li .name {
    color:#444;
    font-weight:800;
    margin:10px 5px 0;
    max-height:32px;
    overflow:hidden
}
.panel-body.plugin-page .app-content .app-list .app-li .copyright {
    color:#aaa;
    max-height:32px;
    overflow:hidden
}
.panel-body.plugin-page .app-content .app-list .app-li .icon {
    height:90px;
    background-image:linear-gradient(to bottom, #def 0, #fff 100%)
}
.panel-body.plugin-page .app-content .app-list .app-li .icon img {
    max-width:100%;
    max-height:100%;
    width:72px;
    border-radius:10%
}
.panel-body.plugin-page .app-content .app-list .app-li .icon .content {
    width:80px;
    height:80px;
    padding:10px;
    margin:0 auto
}
.panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon {
    width:55px;
    height:55px;
    line-height:52px;
    font-size:40px;
    text-align:center;
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding:10px;
    margin-top:1px;
    display:inline-block;
    border-radius:12px;
    color:#fff
}
.panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon.words {
    font-size:26px;
    font-weight:800;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.8)
}
.panel-body.plugin-page .app-content .app-list .app-li .action>.btn {
    float:none;
    width:80px;
    height:22px;
    padding-left:0;
    padding-right:0
}
.panel-body.plugin-page .app-content .app-list .app-li .action>.btn:first-of-type {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.panel-body.plugin-page .app-content .app-list .app-li .action>.btn:last-of-type {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-toggle {
    width:26px
}
.panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-menu {
    min-width:130px;
    text-align:left;
    margin-top:-1px;
    margin-right:0px
}
.panel-body.plugin-page .app-content .app-list .empty {
    margin:50px auto;
    font-size:20px;
    color:#888
}
.panel-body.plugin-page .app-content .app-list .empty .icon {
    background:url("../../images/file_icon/icon_others/appStore.png");
    width:120px;
    height:120px;
    margin:0 auto;
    margin-bottom:20px;
    background-size:cover
}
.panel-body.plugin-page .app-content .progress {
    border-radius:0px;
    margin:0 auto;
    color:#42a3f1;
    height:23px;
    background:none;
    border:none;
    box-shadow:none
}
.panel-body.plugin-page .app-content .progress .total-size {
    position:absolute;
    left:5px;
    z-index:100;
    line-height:20px
}
.panel-body.plugin-page .app-content .progress .download-speed {
    position:absolute;
    right:4px;
    z-index:100;
    line-height:20px
}
.panel-body.plugin-page .app-content .progress .progress-bar {
    position:absolute;
    left:0px;
    bottom:-1px;
    border-bottom:2px solid #2196F3;
    background:none;
    border-radius:3px;
    box-shadow:none;
    height:100%;
    background:rgba(33, 150, 243, 0.2);
    animation:progress-bar-stripes 2s linear infinite
}
.panel-body.plugin-page .app-content.app-plugins .app-li .icon img {
    border-radius:0;
    box-shadow:none;
    border-radius:8px;
    margin-top:10px
}
.panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle {
    margin-left:-5px;
    margin-top:0px;
    position:relative;
    top:0px
}
.panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret {
    opacity:.5;
    margin-top:-2px
}
.panel-body.plugin-page .app-toolbar .panel-tab-item[data-type="oem"]:after {
    content:"VIP";
    position:absolute;
    top:-6px;
    right:-5px;
    opacity:.9;
    font-size:.7em;
    color:#ff8400;
    background:#ffe8d6;
    padding:2px 6px 0px;
    border-radius:4px
}
.panel-body.plugin-page .app-descript .left-content .icon, .panel-body.plugin-page .app-content .app-list .app-li .icon {
    background-image:linear-gradient(to bottom, #def 0, #fff 100%);
    border-radius:4px
}
.panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon {
    width:70px;
    height:70px;
    padding-top:10px
}
.panel-body.plugin-page .app-descript .left-content .icon .x-font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon, .panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words {
    width:50px;
    height:50px;
    line-height:50px;
    font-size:36px;
    text-align:center;
    padding:10px;
    margin-top:10px;
    display:inline-block;
    border-radius:12px
}
.panel-body.plugin-page .app-descript .left-content .icon .x-font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon {
    font-size:42px
}
.panel-body.plugin-page .app-descript .left-content .icon .x-item-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-item-icon {
    margin-top:10px
}
.panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words {
    margin-top:20px
}
.panel-body.plugin-page .app-descript .left-content .icon .path-ico .font-icon {
    width:50px;
    height:50px
}
.panel-body.plugin-page .app-descript .left-content .icon img {
    width:100%
}
.panel-body.plugin-page .app-content .app-list .flex-empty {
    width:165px;
    border:1px solid transparent
}
.panel-body.plugin-page .app-content .app-list .app-li {
    width:165px;
    height:230px
}
.panel-body.plugin-page .app-content .app-list .app-li .text {
    position:relative;
    height:90px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.panel-body.plugin-page .app-content .app-list .app-li .text .detail {
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#aaa;
    line-height:1.1em;
    margin:0px 5px;
    transform:scale(.95)
}
.panel-body.plugin-page .app-content .app-list .app-li .text .copyright {
    display:none
}
.panel-body.plugin-page .app-content .app-list .app-li .text .name {
    margin-top:5px;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:calc(100% - 10px)
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag {
    margin-top:5px
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label {
    margin-bottom:2px;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.first {
    color:#20a0ff;
    background:#e0f1ff
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.company {
    color:#00924c;
    background:#daf7e9
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.oem {
    color:#ff8400;
    background:#ffedde
}
.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.network {
    color:#837adc;
    background:#edecf9
}
.panel-body.plugin-page .app-content .app-list-line {
    border-top:1px solid #eee;
    margin-right:0
}
.panel-body.plugin-page .app-content .app-list-line .app-li {
    width:100%;
    height:auto;
    height:38px;
    float:none;
    text-align:left;
    position:relative;
    margin:0;
    border-radius:0;
    border:none;
    border-bottom:1px solid #eee;
    box-shadow:none;
    overflow:hidden
}
.panel-body.plugin-page .app-content .app-list-line .app-li .icon, .panel-body.plugin-page .app-content .app-list-line .app-li .text, .panel-body.plugin-page .app-content .app-list-line .app-li .action {
    display:inline-block;
    height:auto
}
.panel-body.plugin-page .app-content .app-list-line .app-li .text {
    color:#666;
    width:80%;
    position:relative;
    top:-9px;
    height:40px;
    line-height:40px;
    vertical-align:middle
}
.panel-body.plugin-page .app-content .app-list-line .app-li .text .name, .panel-body.plugin-page .app-content .app-list-line .app-li .text .copyright, .panel-body.plugin-page .app-content .app-list-line .app-li .text .detail {
    display:inline-block;
    overflow:inherit
}
.panel-body.plugin-page .app-content .app-list-line .app-li .text .name {
    width:130px;
    padding-left:10px;
    font-weight:normal;
    color:#222
}
.panel-body.plugin-page .app-content .app-list-line .app-li .text .detail {
    width:50%
}
.panel-body.plugin-page .app-content .app-list-line .app-li .text .tag {
    position:absolute;
    top:3px;
    right:0px;
    margin-right:100px;
    left:inherit
}
.panel-body.plugin-page .app-content .app-list-line .app-li .action {
    position:absolute;
    right:10px;
    margin-top:5px
}
.panel-body.plugin-page .app-content .app-list-line .app-li:hover, .panel-body.plugin-page .app-content .app-list-line .app-li:active {
    background:#fafafb;
    box-shadow:none
}
.panel-body.plugin-page .app-content .app-list-line .app-li .icon {
    background:none;
    position:relative;
    top:3px;
    margin-left:10px
}
.panel-body.plugin-page .app-content .app-list-line .app-li .icon .path-ico, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon {
    padding-top:0;
    width:30px;
    height:30px
}
.panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .x-font-icon {
    width:30px;
    height:30px;
    line-height:30px;
    padding:0;
    margin:0;
    font-size:18px;
    border-radius:4px
}
.panel-body.plugin-page .app-content .app-list-line .app-li .flag-box {
    overflow:inherit;
    right:150px;
    height:inherit
}
.panel-body.plugin-page .app-content .app-list-line .app-li .flag-box .flag {
    width:fit-content;
    padding:0px 10px;
    transform:none;
    text-align:center;
    border-radius:15px;
    position:relative;
    right:0;
    margin-top:-3px;
    box-shadow:none
}
.panel-body.plugin-page .app-content .app-list-line .app-li .price-label {
    top:8px;
    right:152px
}
.panel-body.plugin-page .app-descript .left-content .icon {
    background-image:none
}
.admin-main-content .panel-body.admin-login-check .form-box.config-box .panel-form-body {
    padding-top:12px
}
.admin-main-content .panel-body.admin-login-check .form-table-main {
    margin-top:40px
}
.admin-main-content .panel-body.admin-login-check .kui-btn.row-add {
    position:absolute;
    top:2px
}
.admin-main-content .panel-body.admin-login-check .form-target-save {
    display:none !important
}
.admin-main-content .panel-body.admin-login-check .form-box .form-row.form-table .setting-content {
    overflow:auto !important
}
.admin-main-content .panel-body .user-info {
    color:#888;
    cursor:default
}
.admin-main-content .panel-body .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.admin-main-content .panel-body .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.admin-main-content .panel-body .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.admin-main-content .panel-body .user-info {
    color:#456
}
.admin-main-content .panel-body .user-info .path-ico {
    margin-right:5px
}
.admin-main-content .panel-body.log-page .toolbar .search-type, .admin-main-content .panel-body.log-login-page .toolbar .search-type, .admin-main-content .panel-body.task-page .toolbar .search-type {
    text-align:right
}
.admin-main-content .panel-body.log-page .toolbar .search-type select, .admin-main-content .panel-body.log-login-page .toolbar .search-type select, .admin-main-content .panel-body.task-page .toolbar .search-type select {
    width:150px;
    height:28px;
    border:1px solid #ddd;
    background:#fff;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    outline:none
}
.admin-main-content .panel-body .kodTable .toolbar .form-box .panel-form-body {
    padding:2px 0 2px 0;
    overflow:hidden
}
.admin-main-content .panel-body .kodTable .toolbar .form-box .panel-form-body .form-row.item-timeFrom:after {
    content:' - '
}
.admin-main-content .panel-body .log-login-list, .admin-main-content .panel-body .log-list, .admin-main-content .panel-body .task-list {
    height:100%;
    position:relative
}
.admin-main-content .panel-body .log-login-list .content .data-path, .admin-main-content .panel-body .log-list .content .data-path, .admin-main-content .panel-body .task-list .content .data-path {
    color:#40a9ff;
    cursor:pointer;
    padding:2px 0px;
    margin:0 1px;
    border-radius:2px;
    display:inline;
    max-width:300px;
    white-space:normal
}
.admin-main-content .panel-body .log-login-list .content .data-path:hover, .admin-main-content .panel-body .log-list .content .data-path:hover, .admin-main-content .panel-body .task-list .content .data-path:hover {
    color:#1890ff;
    background:#dbf1ff
}
.admin-main-content .panel-body .log-login-list .content .data-path-none, .admin-main-content .panel-body .log-list .content .data-path-none, .admin-main-content .panel-body .task-list .content .data-path-none {
    color:#abc;
    margin:0px 2px;
    text-decoration:line-through
}
.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body .log-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body .task-list .content .list-col[field="desc"] .ri-kodcloud-fill {
    display:inline-block;
    width:12px;
    height:12px;
    padding:2px
}
.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body .log-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body .task-list .content .list-col[field="desc"] .ri-kodcloud-fill:before {
    content:'K';
    background:#333;
    color:#fff;
    width:12px;
    height:12px;
    line-height:9px;
    display:inline-block;
    border-radius:50%;
    text-align:center;
    vertical-align:top
}
.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body .log-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body .task-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body .log-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body .task-list .content .list-col[field="desc"] .desc-browser {
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    vertical-align:bottom
}
.admin-main-content .panel-body.log-page .toolbar, .admin-main-content .panel-body.log-login-page .toolbar {
    padding-bottom:0px
}
.admin-main-content .panel-body.log-page .toolbar .ip-label, .admin-main-content .panel-body.log-login-page .toolbar .ip-label {
    border:1px solid;
    margin-left:-10px;
    position:absolute;
    bottom:14px
}
.admin-main-content .panel-body.log-page .toolbar .ip-label i, .admin-main-content .panel-body.log-login-page .toolbar .ip-label i {
    vertical-align:bottom
}
.admin-main-content .panel-body.log-page .toolbar .ip-label i:hover, .admin-main-content .panel-body.log-login-page .toolbar .ip-label i:hover {
    cursor:pointer;
    background:#fff;
    border-radius:50%
}
.admin-main-content .panel-body.log-page .list-table .list-col .point, .admin-main-content .panel-body.log-login-page .list-table .list-col .point {
    cursor:pointer
}
.admin-main-content .panel-body.log-page .list-table .list-col .point:hover, .admin-main-content .panel-body.log-login-page .list-table .list-col .point:hover, .admin-main-content .panel-body.log-page .list-table .list-col .point:active, .admin-main-content .panel-body.log-login-page .list-table .list-col .point:active {
    color:#1890ff
}
.admin-main-content .panel-body.log-login-page .toolbar .ip-label {
    margin-left:0px
}
.admin-main-content .panel-body.log-page .list-table .list-col[field="desc"] {
    width:350px;
    min-width:150px;
    white-space:normal;
    line-height:1.2em
}
.admin-main-content .panel-body.log-page .list-table .list-col[field="desc"] s {
    color:#789
}
.admin-main-content .panel-body.log-page .list-table .user-info {
    line-height:22px
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon {
    text-align:center;
    display:inline-block;
    width:20px;
    height:20px;
    line-height:17px;
    border-radius:10px;
    margin-right:5px;
    font-size:10px;
    font-weight:600;
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f181"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkdir .action-icon, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkfile .action-icon, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkdir .action-icon:before, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkfile .action-icon:before, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea13"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-view .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-view .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecb5"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ecdb"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6c"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0c3"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0fc"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon {
    background:#d2eafb;
    border-color:#add9f8;
    color:#108ee9
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec86"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle-toRecycle .action-icon, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon {
    background:#f46e65;
    border-color:#f14a3f;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle-toRecycle .action-icon:before, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec1e"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon {
    background:#f46e65;
    border-color:#f14a3f;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec2a"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon {
    background:#948aec;
    border-color:#7467e6;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec51"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon {
    background:#948aec;
    border-color:#7467e6;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef44"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fileDownload .action-icon {
    background:#d2eafb;
    border-color:#add9f8;
    color:#108ee9
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fileDownload .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ec54"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle.action-recycle-restore .action-icon {
    background:#108ee9;
    border-color:#0d77c3;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-upload .action-icon:before, .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create.action-create-upload .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f24a"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToAdd .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0f7"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkAdd .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0fc"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0f7"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f0fc"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-remove .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon {
    background:#3dbd7d;
    border-color:#339e69;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea08"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-login .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eed4"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eeda"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon {
    background:#f78e3d;
    border-color:#f57716;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea08"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea09"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea09"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon {
    background:#3db8c1;
    border-color:#339aa2;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f20f"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f186"
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon {
    background:#ffce3d;
    border-color:#ffc414;
    color:#fff
}
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f18b"
}
.admin-main-content .panel-body.task-page .toolbar .right .kui-btn {
    margin-left:5px;
    padding:.4em .8em
}
.admin-main-content .panel-body.task-page .list-table .list-col[field="event"] {
    max-width:200px;
    white-space:pre-wrap;
    min-width:150px
}
.admin-main-content .panel-body.task-page .list-table .list-col[field="desc"] {
    max-width:250px;
    white-space:pre-wrap;
    min-width:150px
}
.select2-dropdown.form-select2-dropdown-key-logType {
    width:320px !important
}
.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__options--nested {
    margin:0
}
.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[aria-selected=true]:after {
    right:5px
}
.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='option'] {
    float:left;
    padding:0px 5px 0px 10px;
    height:26px;
    line-height:26px;
    border-radius:3px;
    width:85px;
    margin:2px 0 1px 2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='group'] {
    color:#949494;
    background:rgba(24, 144, 255, 0.1);
    clear:both
}
.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options[role='tree']>li {
    float:none!important
}
.select2-dropdown.form-select2-dropdown-key-timeMonth {
    width:220px !important
}
.select2-dropdown.form-select2-dropdown-key-timeMonth .select2-search {
    display:none!important
}
.select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results {
    padding:5px 0px
}
.select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true] {
    background:#3a96ff;
    color:#fff
}
.select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true]:after {
    content:''
}
.select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[role='option'] {
    float:left;
    width:32px;
    height:32px;
    line-height:32px;
    padding:0px;
    text-align:center;
    border-radius:16px;
    margin:2px
}
.artDialog.backup-dg .item-time .setting-content input[name=time] {
    width:80px;
    border-radius:3px
}
.artDialog.backup-dg .item-time .setting-content .input-title-right {
    display:none
}
.artDialog.backup-dg .item-content .setting-content .desc span {
    display:inline-block;
    margin-bottom:10px
}
.artDialog.recovery-dg .item-recTypeDesc .setting-content {
    margin-top:5px
}
.artDialog.recovery-dg .item-recTypeDesc .desc {
    display:inline-block;
    margin-left:10px;
    vertical-align:baseline
}
.admin-page .admin-main .panel-body.admin-recycle-page {
    position:absolute;
    overflow:hidden;
    top:70px;
    right:0;
    left:0;
    bottom:0;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05)
}
.admin-page .admin-main .panel-body.admin-recycle-page .app-main {
    position:static
}
.panel-body.storage-page .dtl-header {
    border-bottom:1px solid #eee
}
.panel-body.storage-page .dtl-content .panel-form-body {
    padding-top:10px!important
}
.panel-body.storage-page .store-type-box .panel-form-body {
    padding-bottom:5px!important
}
.panel-body.storage-page .store-type-box .form-row.item-editForce {
    border-bottom:1px dotted #e9eaea
}
.panel-body.storage-page .store-list-box .toolbar {
    border-bottom:1px solid #eee
}
.panel-body.storage-page .app-content {
    margin:10px 5px;
    margin:0px;
    margin-top:10px
}
.panel-body.storage-page .app-content .app-model {
    padding:0
}
.panel-body.storage-page .app-content .app-list {
    margin-top:10px;
    margin-right:-15px;
    padding:10px 0 40px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:0px;
    padding-top:0px
}
.panel-body.storage-page .app-content .app-list .flex-empty {
    margin:0 15px 1px 0;
    width:140px;
    height:1px
}
.panel-body.storage-page .app-content .app-list .app-li {
    list-style:none;
    cursor:pointer;
    text-align:center;
    float:left;
    margin:0 15px 20px 0;
    width:140px;
    height:200px;
    background:#f5faff;
    color:#2196F3;
    border:1px solid #d2d7dc;
    position:relative;
    -ms-transition:.16s all;
    -webkit-transition:.16s all;
    -moz-transition:.16s all;
    -o-transition:.16s all;
    transition:.16s all;
    border-radius:4px;
    background:none;
    border:1px solid #dee5e7;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)
}
.panel-body.storage-page .app-content .app-list .app-li .btn.btn-default .font-icon {
    position:relative;
    top:1px
}
.panel-body.storage-page .app-content .app-list .app-li:hover, .panel-body.storage-page .app-content .app-list .app-li:active {
    background:#fff;
    box-shadow:0 20px 100px rgba(0, 0, 0, 0.1), 0 20px 30px rgba(0, 0, 0, 0.05)
}
.panel-body.storage-page .app-content .app-list .app-li .price-label {
    position:absolute;
    top:10px;
    right:-1px;
    border-radius:0;
    line-height:24px;
    height:24px;
    padding:0 10px;
    box-shadow:-3px 2px 5px rgba(0, 0, 0, 0.3)
}
.panel-body.storage-page .app-content .app-list .app-li .price-label.label:before {
    position:absolute;
    top:0;
    left:-14px;
    content:" ";
    height:0;
    width:0;
    border:#f0ad4e 12px solid;
    border-left-color:transparent
}
.panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning {
    background:#ff9800
}
.panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning.label:before {
    border-color:#ff9800;
    border-left-color:transparent
}
.panel-body.storage-page .app-content .app-list .app-li .price-label.label-success {
    background:#00a854
}
.panel-body.storage-page .app-content .app-list .app-li .price-label.label-success.label:before {
    border-color:#00a854;
    border-left-color:transparent
}
.panel-body.storage-page .app-content .app-list .app-li .flag-box {
    overflow:hidden;
    position:absolute;
    right:0;
    width:60px;
    height:60px
}
.panel-body.storage-page .app-content .app-list .app-li .flag {
    position:absolute;
    top:10px;
    right:-28px;
    width:100px;
    height:22px;
    line-height:22px;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    transform:rotate(45deg)
}
.panel-body.storage-page .app-content .app-list .app-li .text {
    height:50px
}
.panel-body.storage-page .app-content .app-list .app-li .name {
    color:#444;
    font-weight:800;
    margin:10px 5px 0;
    max-height:32px;
    overflow:hidden
}
.panel-body.storage-page .app-content .app-list .app-li .copyright {
    color:#aaa;
    max-height:32px;
    overflow:hidden
}
.panel-body.storage-page .app-content .app-list .app-li .icon {
    height:90px;
    background-image:linear-gradient(to bottom, #def 0, #fff 100%)
}
.panel-body.storage-page .app-content .app-list .app-li .icon img {
    max-width:100%;
    max-height:100%;
    width:72px;
    border-radius:10%
}
.panel-body.storage-page .app-content .app-list .app-li .icon .content {
    width:80px;
    height:80px;
    padding:10px;
    margin:0 auto
}
.panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon {
    width:55px;
    height:55px;
    line-height:52px;
    font-size:40px;
    text-align:center;
    background-image:linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding:10px;
    margin-top:1px;
    display:inline-block;
    border-radius:12px;
    color:#fff
}
.panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon.words {
    font-size:26px;
    font-weight:800;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.8)
}
.panel-body.storage-page .app-content .app-list .app-li .action>.btn {
    float:none;
    width:80px;
    height:22px;
    padding-left:0;
    padding-right:0
}
.panel-body.storage-page .app-content .app-list .app-li .action>.btn:first-of-type {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.panel-body.storage-page .app-content .app-list .app-li .action>.btn:last-of-type {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.panel-body.storage-page .app-content .app-list .app-li .action .dropdown-toggle {
    width:26px
}
.panel-body.storage-page .app-content .app-list .app-li .action .dropdown-menu {
    min-width:130px;
    text-align:left;
    margin-top:-1px;
    margin-right:0px
}
.panel-body.storage-page .app-content .app-list .empty {
    margin:50px auto;
    font-size:20px;
    color:#888
}
.panel-body.storage-page .app-content .app-list .empty .icon {
    background:url("../../images/file_icon/icon_others/appStore.png");
    width:120px;
    height:120px;
    margin:0 auto;
    margin-bottom:20px;
    background-size:cover
}
.panel-body.storage-page .app-content .progress {
    border-radius:0px;
    margin:0 auto;
    color:#42a3f1;
    height:23px;
    background:none;
    border:none;
    box-shadow:none
}
.panel-body.storage-page .app-content .progress .total-size {
    position:absolute;
    left:5px;
    z-index:100;
    line-height:20px
}
.panel-body.storage-page .app-content .progress .download-speed {
    position:absolute;
    right:4px;
    z-index:100;
    line-height:20px
}
.panel-body.storage-page .app-content .progress .progress-bar {
    position:absolute;
    left:0px;
    bottom:-1px;
    border-bottom:2px solid #2196F3;
    background:none;
    border-radius:3px;
    box-shadow:none;
    height:100%;
    background:rgba(33, 150, 243, 0.2);
    animation:progress-bar-stripes 2s linear infinite
}
.panel-body.storage-page .app-content.app-plugins .app-li .icon img {
    border-radius:0;
    box-shadow:none;
    border-radius:8px;
    margin-top:10px
}
.panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle {
    margin-left:-5px;
    margin-top:0px;
    position:relative;
    top:0px
}
.panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret {
    opacity:.5;
    margin-top:-2px
}
.panel-body.storage-page .app-content .app-list .app-li .path-ico {
    width:100%;
    height:100%
}
.panel-body.storage-page .app-content .app-list .app-li .path-ico .svg-icon {
    width:80px;
    height:80px;
    margin-top:5px
}
.panel-body.storage-page .app-content .app-list .app-li .text {
    height:40px
}
.panel-body.storage-page .app-content .app-list .app-li .text .name {
    margin-top:5px
}
.panel-body.storage-page .app-content .app-list .app-li .progress-box {
    margin-top:8px
}
.panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar {
    margin:0px auto
}
.panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar .space-process-use {
    background-color:#0a9afe
}
.panel-body.admin-backup-page .line-box {
    height:15px
}
.panel-body.admin-backup-page .backup-set {
    margin:10px 0px
}
.panel-body.admin-backup-page .backup-set .main .panel-box {
    width:100%;
    min-height:160px;
    padding:0px;
    background:linear-gradient(80deg, #fcfdff, #f7fdff);
    border-radius:5px;
    padding:10px 0;
    box-shadow:1px 1px 0 2px #e6f7ff
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail {
    padding:0px
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail>div {
    margin:15px 20px
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail .title {
    width:75px;
    display:inline-block
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main {
    margin-left:-1px;
    border-right:1px solid #eee
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div {
    display:flex
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box {
    margin:15px 20px 0px 0px
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box .bak-icon {
    width:72px;
    height:72px;
    line-height:72px;
    border-radius:36px;
    background-color:#40abfb;
    text-align:center;
    font-size:48px;
    color:#fff
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box+div {
    width:100%
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title-default {
    color:#1890ff
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title[name] {
    font-size:18px;
    font-weight:800
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-safe {
    background-color:#3dbd7d
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-default {
    background-color:#40abfb
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-warning {
    background-color:#ffbf00
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-minor {
    background-color:#eceef1
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info {
    height:6px;
    overflow:hidden;
    background-color:#eceef1;
    min-width:4px;
    border-radius:5px
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info .process {
    width:0%;
    height:100%;
    border-radius:5px;
    transition:all .2s
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box {
    display:flex
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-bar {
    width:30%;
    padding:4px 0px;
    cursor:pointer
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-size {
    margin-left:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    flex:1
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title {
    width:60px
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc {
    color:#949494
}
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc a {
    text-decoration:none
}
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a {
    text-decoration:none;
    cursor:pointer;
    border-radius:3px;
    height:20px;
    line-height:20px;
    text-align:center;
    display:inline-block;
    border:1px solid;
    padding:1px .5em
}
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a:hover, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a:hover {
    background-color:#def
}
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a i, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a i {
    vertical-align:middle;
    margin-bottom:1px;
    display:inline-block
}
@media (max-width:768px) {
    .panel-body.admin-backup-page .backup-set .bak-main {
        border-right:none!important;
        border-bottom:1px solid rgba(0, 0, 0, 0.1)
    }
    .panel-body.admin-backup-page .backup-set .bak-main>div {
        position:relative;
        margin:15px 5px !important
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box {
        position:absolute;
        margin:0px!important;
        left:40px;
        top:-2px
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box .bak-icon {
        width:30px!important;
        height:30px!important;
        line-height:30px!important;
        font-size:20px!important
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-title[name=status] {
        margin-left:-5px
    }
    .panel-body.admin-backup-page .backup-set .bak-main .title, .panel-body.admin-backup-page .backup-set .bak-main .title-wap {
        width:70px!important;
        margin-right:10px;
        text-align:right;
        display:inline-block
    }
    .panel-body.admin-backup-page .backup-set .bak-main .desc span {
        display:inline-block;
        margin-left:80px
    }
    .panel-body.admin-backup-page .backup-set .bak-detail>div {
        margin-top:25px!important;
        margin:15px 5px !important
    }
    .panel-body.admin-backup-page .backup-set .bak-detail .title {
        text-align:right;
        margin-right:10px
    }
}
.panel-body.admin-backup-page .backup-set .bak-rotate {
    -webkit-animation:5s bak-rotate linear infinite;
    animation:5s bak-rotate linear infinite;
    position:relative
}
@-webkit-keyframes bak-rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes bak-rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.panel-body.admin-backup-page .backup-list .bak-info-tips {
    color:#ffce3d;
    cursor:pointer;
    margin-left:5px
}
.panel-body.admin-backup-page .backup-list .bak-info-tips:hover {
    color:#ffbf00
}
.panel-body.admin-backup-page .backup-list .kodTable .content {
    border-bottom:1px solid #eee
}
.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col {
    white-space:nowrap
}
.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col[field=name] .bak-manual {
    font-size:1em;
    margin-left:2px;
    vertical-align:text-top;
    cursor:pointer
}
.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col[field=ioName] .store-none {
    color:#abc;
    margin:0px 2px;
    text-decoration:line-through
}
.admin-page .panel-body.admin-share-page .dialog-tab.tab-group-line {
    margin:0px 0px 10px 0
}
.admin-page .panel-body.admin-share-page .dialog-tab.tab-group-line .tab-item:first-child {
    margin-left:-8px
}
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .left .config-box {
    margin-bottom:5px
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar, .admin-page .panel-body.admin-share-page .share-report-list .toolbar {
    padding-bottom:0px
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar .search-type, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type {
    text-align:right
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar .search-type select, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type select {
    width:150px;
    height:28px;
    border:1px solid #ddd;
    background:#fff;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    outline:none
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn.btn-share-batch, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn.btn-share-batch {
    margin-left:5px
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn-group.btn-report-batch .btn, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn-group.btn-report-batch .btn {
    border-radius:4px
}
.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn-group.btn-report-batch .group-list, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn-group.btn-report-batch .group-list {
    min-width:120px
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info {
    color:#888;
    cursor:default
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .path-ico, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico {
    overflow:initial;
    vertical-align:text-bottom;
    position:relative;
    margin-right:2px
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info img, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info img {
    border-radius:50%;
    width:20px;
    height:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    padding:1px;
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    border:1px solid #fff
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .name-char, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .name-char {
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:10px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info {
    color:#456
}
.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .path-ico, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico {
    margin-right:5px
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"], .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] {
    min-width:150px;
    max-width:300px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"] .data-path, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path {
    color:#40a9ff;
    cursor:pointer;
    padding:2px 0px;
    margin:0 1px;
    border-radius:2px;
    max-width:300px;
    white-space:normal;
    display:inline-block
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"] .data-path:hover, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path:hover {
    color:#1890ff;
    background:#dbf1ff
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col.reason, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col.reason {
    width:350px;
    min-width:150px;
    white-space:normal;
    line-height:1.2em
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-type .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon, .admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-time-out .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-time-out .font-icon {
    margin-right:5px;
    font-size:14px
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-type .font-icon.ri-share-fill, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon.ri-share-fill, .admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-time-out .font-icon.ri-share-fill, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-time-out .font-icon.ri-share-fill {
    color:#2773e2
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-type .font-icon.x-share-link, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon.x-share-link, .admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-time-out .font-icon.x-share-link, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-time-out .font-icon.x-share-link {
    color:#31dc48
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-type .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon {
    margin-right:10px;
    cursor:pointer
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .detail a, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .detail a {
    padding:0px
}
.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .detail .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .detail .font-icon {
    vertical-align:bottom;
    margin-left:8px;
    font-size:1em
}
.app-device-pc .form-select2-dropdown-key-storeType {
    width:450px !important
}
.app-device-pc .form-select2-dropdown-key-storeType .select2-results__options>li {
    width:18% !important
}
.panel-body.admin-server-page .server-base-page .option {
    border:1px solid #eee;
    border-radius:4px;
    padding:10px;
    margin-bottom:15px;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.1)
}
.panel-body.admin-server-page .server-base-page .option:hover, .panel-body.admin-server-page .server-base-page .option:active {
    border:1px solid transparent;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)
}
.panel-body.admin-server-page .server-base-page .opt-header {
    height:30px;
    line-height:30px;
    margin-bottom:5px
}
.panel-body.admin-server-page .server-base-page .opt-content {
    padding-left:1px;
    word-break:break-word
}
.panel-body.admin-server-page .server-base-page .opt-content .container {
    padding:0px;
    width:100%;
    line-height:1.8em
}
.panel-body.admin-server-page .server-base-page .opt-content .container>div {
    padding:0px
}
.panel-body.admin-server-page .server-base-page .opt-content .container.server_state .chart>div {
    height:132px
}
.panel-body.admin-server-page .server-base-page .opt-content .container.server_state .title {
    width:100%;
    text-align:center;
    display:inline-block
}
.panel-body.admin-server-page .server-base-page .opt-content .container .disable_functions .label, .panel-body.admin-server-page .server-base-page .opt-content .container .php_ext .label {
    background:#eee;
    border-radius:12px;
    color:#333;
    margin-bottom:2px
}
.panel-body.admin-server-page .server-base-page .opt-content .container .disable_functions .label-red-light, .panel-body.admin-server-page .server-base-page .opt-content .container .php_ext .label-red-light {
    color:#f5222d;
    cursor:pointer
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_info .title {
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid #eee
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_ext .ext-opt {
    padding:2px 0px
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_ext .ext-opt span:first-child {
    display:inline-block;
    width:55%
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_ext .ext-icon {
    color:#fff;
    border-radius:50%;
    padding:2px;
    font-size:1em
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_ext .ri-check-line {
    background-color:#52c41a
}
.panel-body.admin-server-page .server-base-page .opt-content .container.php_ext .ri-close-line {
    background-color:#f5222d
}
.panel-body.admin-server-page .server-base-page .g-guide .g2-guide-html {
    height:50px;
    vertical-align:middle;
    text-align:center;
    line-height:.1
}
.panel-body.admin-server-page .server-base-page .g-guide .g2-guide-html p {
    margin:0px;
    line-height:50px;
    font-size:16px;
    color:#333
}
.panel-body.admin-server-page .tab-content.recovery .item-recTypeDesc .setting-content {
    margin-top:5px
}
.panel-body.admin-server-page .tab-content.recovery .item-recTypeDesc .desc {
    display:inline-block;
    margin-left:10px;
    vertical-align:baseline
}
.panel-body.admin-server-page .server_info .action-header {
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid rgba(150, 150, 150, 0.1);
    margin:20px 0 10px 0;
    padding-bottom:5px
}
.panel-body.admin-server-page .server_info .action-content {
    padding-bottom:10px
}
.panel-body.admin-server-page .server_info .action-content .btn .font-icon {
    position:relative;
    top:-1px;
    padding-right:2px
}
.server-db-save-dg .aui-title i {
    vertical-align:bottom
}
.server-db-save-dg .header {
    text-align:center
}
.server-db-save-dg .header .icon {
    font-size:20px;
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block;
    background:rgba(0, 0, 0, 0.02);
    text-align:center;
    color:#666;
    border-radius:50%
}
.server-db-save-dg .header .icon.icon-success {
    background:#52c41a;
    color:#fff
}
.server-db-save-dg .header .icon.icon-error {
    background:#f5222d;
    color:#fff
}
.server-db-save-dg .header .tips-info {
    color:#bcc4d0;
    font-size:.9em;
    margin-top:-15px;
    margin-bottom:15px
}
.server-db-save-dg .content p {
    display:flex;
    margin-bottom:15px
}
.server-db-save-dg .content p .dtl {
    flex:1;
    text-align:right
}
.server-db-save-dg .content p .dtl .icon {
    display:inline-block;
    border-radius:50%;
    margin-left:20px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center
}
.server-db-save-dg .aui-footer .aui-buttons {
    text-align:center
}
.server-db-save-dg .aui-footer .aui-buttons .aui-state-highlight {
    display:none
}
@media (min-width:300px) and (max-width:768px) {
    .admin-page .panel-body.admin-server-page .server-base-page .col-sm-6.ext-opt {
        float:left;
        width:50%
    }
    .admin-page .panel-body.admin-server-page .server-base-page .opt-content .container.server_state .col-sm-6 {
        float:left;
        width:50%
    }
}
.admin-main-content.admin-main-content-member {
    position:absolute;
    top:70px;
    left:0;
    right:0;
    bottom:25px
}
.panel-body.member-page {
    padding-left:0px!important
}
.panel-body.member-page .tree-user-group-toggle {
    display:none
}
.panel-body.member-page .menu-show-mask {
    display:none
}
.panel-body.member-page .page-box {
    display:flex
}
.panel-body.member-page .page-box .frame-left {
    width:200px;
    border-right:1px solid #eee;
    z-index:100;
    background:#fff
}
.panel-body.member-page .page-box .frame-left .ztree li a.level0 {
    margin-top:0 !important
}
.panel-body.member-page .page-box .frame-right {
    min-width:auto
}
.panel-body.member-page .page-box .frame-right .header-content {
    position:relative
}
.panel-body.member-page .page-box .frame-right .group-title .group-title-span {
    border-bottom:2px solid;
    padding-bottom:3px;
    text-decoration:none;
    color:#428bca;
    font-size:1.5em;
    margin-left:10px
}
.panel-body.member-page .page-box .frame-right .group-title .label-info {
    color:#698ebf;
    background:#E9F3F9;
    font-weight:400;
    font-size:.9em
}
.panel-body.member-page .page-box .frame-right .group-title .group-size {
    position:absolute;
    margin-left:10px;
    border-radius:2px;
    font-size:.9em;
    background-color:#f6f6f6;
    padding:5px 10px 0px;
    bottom:1px
}
.panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar {
    width:110px
}
.panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process {
    width:110px;
    height:6px;
    overflow:hidden;
    margin:0px;
    border-radius:5px
}
.panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process .space-process-use {
    width:20%;
    height:100%;
    transition:all .2s;
    background-color:#428bca;
    border-radius:5px
}
.panel-body.member-page .page-box .frame-right .search-user {
    position:absolute;
    right:10px;
    bottom:0px
}
.panel-body.member-page .page-box .frame-right .search-user .btn-search {
    padding:7px 8px 6px 8px;
    margin-top:1px;
    border:none;
    border-left:1px solid #ddd;
    border-radius:0 2px 2px 0;
    color:#888;
    position:absolute;
    right:1px;
    top:0px
}
.panel-body.member-page .page-box .frame-right .search-user .btn-close {
    position:absolute;
    top:0px;
    right:40px;
    width:20px;
    height:20px;
    line-height:20px;
    margin-top:5px;
    padding:0;
    border-radius:50%;
    border:none;
    color:#ff4d4f
}
.panel-body.member-page .page-box .frame-right .search-user .btn-close:hover, .panel-body.member-page .page-box .frame-right .search-user .btn-close:active {
    background:#eee
}
.panel-body.member-page .page-box .frame-right .search-user input {
    height:30px;
    border-radius:2px;
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    padding:0px 50px 0px 5px
}
.panel-body.member-page .page-box .frame-right .search-user input:hover, .panel-body.member-page .page-box .frame-right .search-user input:active {
    border-color:#75A1F0
}
.panel-body.member-page .page-box .frame-right .search-user input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.panel-body.member-page .page-box .frame-right .search-user input.disabled, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true'], .panel-body.member-page .page-box .frame-right .search-user input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.panel-body.member-page .page-box .frame-right .search-user input.disabled:hover, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:hover, .panel-body.member-page .page-box .frame-right .search-user input[readonly='readonly']:hover, .panel-body.member-page .page-box .frame-right .search-user input.disabled:active, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:active, .panel-body.member-page .page-box .frame-right .search-user input[readonly='readonly']:active {
    border-color:#ddd
}
.panel-body.member-page .page-box .frame-right .search-user input.disabled:focus, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:focus, .panel-body.member-page .page-box .frame-right .search-user input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.panel-body.member-page .page-box .frame-right .user-toolbar {
    padding:6px 0px;
    white-space:nowrap;
    background:linear-gradient(to bottom, #fff, #f0f0f0);
    border-top:1px solid #eee;
    border-bottom:1px solid #ddd
}
.panel-body.member-page .page-box .frame-right .user-toolbar .dropdown-menu {
    min-width:100px
}
.panel-body.member-page .page-box .frame-right .user-toolbar .dropdown-menu .font-icon:before {
    background-image:-webkit-linear-gradient(2deg, #249dff, #0964a2);
    text-shadow:none;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.panel-body.member-page .page-box .frame-right .list-table .list-row.unuse {
    opacity:.4;
    filter:alpha(opacity=40)
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col {
    min-width:20px
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label {
    color:#000
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label .path-ico {
    margin-bottom:-2px
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.name {
    min-width:120px;
    max-width:200px;
    overflow:hidden
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role {
    min-width:70px
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role .label {
    padding:0px
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.group .label {
    border:1px solid #eee;
    margin:1px 2px 1px 0px;
    border-radius:1em;
    max-width:200px;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span {
    width:26px;
    height:26px;
    display:inline-block
}
.panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span img {
    width:100%;
    height:100%;
    border-radius:50%;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)
}
.panel-body.member-page {
    height:100%;
    overflow:hidden !important;
    padding:0 !important
}
.panel-body.member-page .page-box {
    position:relative;
    height:100%
}
.panel-body.member-page .page-box .frame-left {
    position:absolute;
    overflow:hidden
}
.panel-body.member-page .page-box .frame-left>.group-list-tree {
    top:40px;
    margin:0px;
    padding:0px;
    margin-bottom:32px
}
.panel-body.member-page .page-box .frame-left>.left-menu-footer {
    position:absolute;
    bottom:0px;
    z-index:10;
    width:100%;
    font-size:.9em;
    border-top:1px solid #fafafa
}
.panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user {
    height:32px;
    line-height:32px;
    margin:0px;
    text-indent:8px;
    padding-left:5px;
    overflow:hidden;
    cursor:pointer;
    display:block;
    transition:all .16s ease 0s;
    color:#666;
    background:#fdfdfd;
    position:relative
}
.panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>i, .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>span {
    vertical-align:middle
}
.panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user.select {
    color:#1890ff;
    background:#e6f7ff;
    border-right:3px solid #1890ff
}
.panel-body.member-page .page-box .drag-resize {
    z-index:110
}
.panel-body.member-page .page-box .frame-right {
    padding:15px 0;
    position:absolute;
    border-left:none
}
.panel-body.member-page .page-box .frame-right .user-list-content {
    position:absolute;
    left:0px;
    right:10px;
    top:60px;
    bottom:0px
}
.panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.content {
    position:absolute;
    left:0px;
    right:0px;
    top:41px;
    bottom:0px;
    padding-bottom:50px;
    margin-bottom:5px
}
.panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.footerbar {
    position:absolute;
    bottom:5px;
    width:100%
}
.panel-body.member-page .page-box .frame-right div.btn-group-sm>.btn {
    padding:6px 10px
}
.panel-body.member-page .page-box .frame-right .btn-group-sm>.btn:first-child {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.panel-body.member-page .page-box .frame-right .btn-group-sm>.btn[data-toggle="dropdown"], .panel-body.member-page .page-box .frame-right .btn-group-sm>.btn:last-child {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.panel-body.job-page .kodTable .list-row.selected, .panel-body.auth-page .kodTable .list-row.selected, .panel-body.role-page .kodTable .list-row.selected {
    background:#e5f3ff;
    cursor:default
}
.panel-body.job-page .kodTable .list-row .list-col.name .label, .panel-body.auth-page .kodTable .list-row .list-col.name .label, .panel-body.role-page .kodTable .list-row .list-col.name .label {
    color:#000;
    padding:0px
}
.panel-body.job-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.auth-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.role-page .kodTable .list-row .list-col.name .label .path-ico {
    margin-bottom:-2px
}
.panel-body.job-page .kodTable .list-row .list-col.name .label span, .panel-body.auth-page .kodTable .list-row .list-col.name .label span, .panel-body.role-page .kodTable .list-row .list-col.name .label span {
    margin-left:3px
}
.panel-body.job-page .kodTable .list-row .list-col.attr-label span, .panel-body.auth-page .kodTable .list-row .list-col.attr-label span, .panel-body.role-page .kodTable .list-row .list-col.attr-label span {
    margin:1px 2px 1px 0px
}
.aui-dialog a.home-path.font-icon-label, .member-page a.font-icon-label {
    color:#698ebf;
    font-size:15px;
    width:35px;
    padding:5px 0 2px 0;
    text-decoration:none;
    display:inline-block;
    text-align:center;
    border-radius:3px;
    background:#E9F3F9;
    position:relative;
    top:-2px
}
.aui-dialog a.home-path.font-icon-label:hover, .member-page a.font-icon-label:hover, .aui-dialog a.home-path.font-icon-label:active, .member-page a.font-icon-label:active {
    background:#698ebf;
    color:#fff
}
.aui-dialog a.home-path.font-icon-label>i, .member-page a.font-icon-label>i {
    vertical-align:text-bottom
}
.artDialog a.home-path.font-icon-label {
    height:22px;
    line-height:22px
}
.artDialog.form-box-title-block a.home-path.font-icon-label {
    height:21px;
    line-height:21px;
    z-index:100;
    position:absolute;
    top:1px;
    right:1px
}
.aui-dialog .item-fileList {
    height:25px
}
.aui-dialog .item-fileList .upload-list {
    padding:4px 6px;
    border-radius:2px;
    border:1px solid transparent;
    display:inline-block;
    margin-top:-5px
}
.aui-dialog .item-fileList .upload-list:hover, .aui-dialog .item-fileList .upload-list:active {
    background:#e6f7ff
}
.aui-dialog .item-fileList .upload-list .item-list {
    display:inline-block;
    width:300px;
    color:#747474;
    max-width:300px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-top:4px
}
.aui-dialog .item-fileList .upload-list .item-remove {
    cursor:pointer;
    color:#ccc;
    margin-top:-10px
}
.aui-dialog .item-fileList .upload-list .item-remove:hover, .aui-dialog .item-fileList .upload-list .item-remove:active {
    color:#ff4d4f
}
.panel-body.member-page .page-box .frame-left .select-search {
    position:relative;
    z-index:99;
    margin-top:0px;
    padding:8px 8px;
    border-bottom:1px solid #f3f3f3;
    background:#fff
}
.panel-body.member-page .page-box .frame-left .select-search input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    width:100%;
    height:26px;
    box-sizing:border-box;
    box-shadow:none;
    border-radius:3px;
    display:inline-block;
    color:#444;
    padding-left:.5em;
    margin-right:10px
}
.panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active {
    border-color:#75A1F0
}
.panel-body.member-page .page-box .frame-left .select-search input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.panel-body.member-page .page-box .frame-left .select-search input.disabled, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true'], .panel-body.member-page .page-box .frame-left .select-search input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.panel-body.member-page .page-box .frame-left .select-search input.disabled:hover, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:hover, .panel-body.member-page .page-box .frame-left .select-search input[readonly='readonly']:hover, .panel-body.member-page .page-box .frame-left .select-search input.disabled:active, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:active, .panel-body.member-page .page-box .frame-left .select-search input[readonly='readonly']:active {
    border-color:#ddd
}
.panel-body.member-page .page-box .frame-left .select-search input.disabled:focus, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:focus, .panel-body.member-page .page-box .frame-left .select-search input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active {
    border-color:#75A1F0
}
.panel-body.member-page .page-box .frame-left .select-search:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    content:"\f0d1";
    position:absolute;
    right:15px;
    top:13px;
    width:18px;
    height:18px;
    font-size:14px;
    text-align:center;
    color:#ddd;
    background:#fff
}
.panel-body.member-page .page-box .frame-left .select-search .search-clear {
    display:none;
    position:absolute;
    right:15px;
    top:12px;
    background:#eee;
    font-size:10px;
    cursor:pointer;
    text-align:center;
    color:#aaa;
    width:18px;
    height:18px;
    line-height:18px;
    padding:0;
    z-index:10;
    border-radius:50%;
    -ms-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.panel-body.member-page .page-box .frame-left .select-search .search-clear:hover, .panel-body.member-page .page-box .frame-left .select-search .search-clear:active {
    color:#fff;
    background:#ff4d4f
}
.panel-body.member-page .page-box .frame-left .search-match {
    font-weight:inherit;
    background:#ffe58f;
    padding:3px 0;
    border-radius:2px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item {
    border:none;
    position:relative;
    padding-left:0;
    margin:0;
    height:26px;
    line-height:26px;
    border-radius:0;
    -ms-transition:all .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active {
    margin:0;
    border-radius:0;
    color:#3a96ff;
    background:#eee
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item.this {
    background:#edf5ff;
    height:26px;
    line-height:26px;
    color:#3a96ff
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .check-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:active {
    background:#badaff
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item.status-0 {
    opacity:.4
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover .item-select, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active .item-select {
    display:block
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .item-select {
    display:block;
    color:#3b8cff
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .item-select {
    display:none;
    position:absolute;
    right:10px;
    top:3px;
    font-size:14px;
    width:14px;
    height:14px;
    text-align:center;
    cursor:pointer;
    z-index:50;
    padding:2px;
    border-radius:50%;
    color:#ddd
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon {
    float:right;
    color:#fff;
    font-size:12px;
    text-align:center;
    width:15px;
    height:15px;
    line-height:15px;
    padding:0;
    margin-top:5px;
    margin-right:5px;
    -ms-transition:all .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb7b"
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico {
    width:18px;
    height:18px;
    line-height:18px;
    font-size:20px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico .font-icon {
    font-size:18px;
    opacity:.5
}
.panel-body.member-page .page-box .frame-left .group-list-search {
    height:100%;
    position:relative
}
.panel-body.member-page .page-box .frame-left .group-list-search .inner-box {
    position:relative;
    margin-bottom:77px;
    padding-bottom:35px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item {
    cursor:pointer;
    padding-left:10px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico {
    padding-right:8px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-no-result {
    width:100%;
    position:absolute;
    text-align:center;
    margin-top:30px;
    color:#ccc;
    font-size:.9em
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-no-result:before {
    display:block;
    font-size:100px;
    padding-left:5px;
    text-shadow:0 0 5px #fff
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-no-result:before:before {
    content:"\e604" !important;
    font-family:"kod-svg-font" !important
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-result-info {
    text-align:center;
    width:60%;
    margin:10px auto;
    line-height:24px;
    color:#aaa;
    border-radius:20px;
    background:#f8f8f8
}
.panel-body.member-page .page-box .frame-left .path-ico img {
    width:100%;
    height:100%;
    border-radius:50%;
    top:-5px;
    position:relative
}
.panel-body.member-page .page-box .frame-left .group-list-tree li a.tree-node.group-status-0 {
    opacity:.4;
    filter:alpha(opacity=40)
}
.panel-body.member-page .page-box .frame-left .group-list-tree li a.tree-node .path-ico img {
    top:-2px
}
.panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico img {
    top:0px
}
.panel-body.member-page .page-box .frame-left.select-user .group-list-tree li a.node-item-group .item-select {
    display:none !important
}
.setting-page .setting-main {
    padding-bottom:0px
}
.setting-page .menu-bar .user-head {
    padding:20px 30px
}
.setting-page .menu-bar .user-head .user-head-img {
    width:80px;
    height:80px;
    color:#ffffff;
    font-size:12px;
    box-shadow:rgba(0, 0, 0, 0.05) 0 1px 5px -1px, rgba(39, 40, 41, 0.1) 0 6px 24px -2px;
    border-radius:100%;
    position:relative;
    overflow:hidden;
    cursor:pointer
}
.setting-page .menu-bar .user-head .user-head-img .upload-tips {
    position:absolute;
    bottom:0;
    display:none;
    font-size:.9em;
    color:#fff;
    background:rgba(0, 0, 0, 0.4);
    width:100%;
    height:26px;
    text-align:center;
    line-height:20px
}
.setting-page .menu-bar .user-head .user-head-img:hover .upload-tips {
    display:block
}
.setting-page .menu-bar .user-head .user-head-img img {
    width:80px;
    height:80px
}
.setting-page .menu-bar .user-head .user-head-name {
    color:#666;
    font-weight:400;
    line-height:28px;
    margin-top:20px;
    font-size:1.2em
}
.setting-page .menu-bar .user-head .user-head-contact {
    color:#9199a3;
    font-size:14px;
    line-height:16px;
    margin-top:10px
}
.setting-page .menu-bar .menu-item .menu-item-content {
    padding-left:20px
}
.setting-page .panel-body.base-page .form-row {
    padding:3px 30px;
    padding-right:5px;
    width:auto;
    margin:1px 0
}
.setting-page .panel-body.base-page .form-row .setting-title {
    height:30px;
    width:140px;
    margin-right:20px;
    padding-top:5px;
    float:left;
    position:relative;
    text-align:right
}
.setting-page .panel-body.base-page .form-row .setting-content {
    float:left;
    position:relative;
    width:70%;
    padding:5px;
    border-radius:4px;
    border:1px solid transparent
}
.setting-page .panel-body.base-page .form-row label {
    margin-right:10px;
    display:inline;
    cursor:pointer
}
.setting-page .panel-body.base-page .form-row input[type='checkbox'] {
    margin-right:5px
}
.setting-page .panel-body.base-page .form-row input[type='radio'] {
    display:inline-block;
    margin-right:5px;
    cursor:pointer
}
.setting-page .panel-body.base-page .form-row .desc {
    color:#9ba3af;
    font-style:normal;
    line-height:1.6em
}
.setting-page .panel-body.base-page .line {
    height:1px;
    overflow:hidden;
    margin:10px;
    border:none;
    background:none;
    border-bottom:1px dotted #e9eaea
}
.setting-page .panel-body.base-page .form-row .setting-title {
    text-align:left
}
.setting-page .panel-body.account-page .acc-line {
    height:1px;
    overflow:hidden;
    border:none;
    background:none;
    margin-top:10px;
    border-bottom:1px solid #ddd
}
.setting-page .panel-body.account-page .form-row {
    margin:0px !important;
    padding:0px !important
}
.setting-page .panel-body.account-page .form-row input[type='text'], .setting-page .panel-body.account-page .form-row input[type='password'], .setting-page .panel-body.account-page .form-row input[type='number'] {
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    border:1px solid #ddd;
    height:28px;
    width:260px;
    color:#444;
    border-radius:4px;
    padding-left:.5em;
    margin-right:10px
}
.setting-page .panel-body.account-page .form-row input[type='text']:hover, .setting-page .panel-body.account-page .form-row input[type='password']:hover, .setting-page .panel-body.account-page .form-row input[type='number']:hover, .setting-page .panel-body.account-page .form-row input[type='text']:active, .setting-page .panel-body.account-page .form-row input[type='password']:active, .setting-page .panel-body.account-page .form-row input[type='number']:active {
    border-color:#75A1F0
}
.setting-page .panel-body.account-page .form-row input[type='text']:focus, .setting-page .panel-body.account-page .form-row input[type='password']:focus, .setting-page .panel-body.account-page .form-row input[type='number']:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.setting-page .panel-body.account-page .form-row input[type='text'].disabled, .setting-page .panel-body.account-page .form-row input[type='password'].disabled, .setting-page .panel-body.account-page .form-row input[type='number'].disabled, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='text'][readonly='readonly'], .setting-page .panel-body.account-page .form-row input[type='password'][readonly='readonly'], .setting-page .panel-body.account-page .form-row input[type='number'][readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.setting-page .panel-body.account-page .form-row input[type='text'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='readonly']:hover, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='readonly']:hover, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='readonly']:hover, .setting-page .panel-body.account-page .form-row input[type='text'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='readonly']:active, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='readonly']:active, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='readonly']:active {
    border-color:#ddd
}
.setting-page .panel-body.account-page .form-row input[type='text'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='readonly']:focus, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='readonly']:focus, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.setting-page .panel-body.account-page .acc-row {
    height:40px;
    line-height:40px;
    border-bottom:1px solid #f6f6f6
}
.setting-page .panel-body.account-page .user-set .acc-row:hover {
    background:#f6f6f6;
    cursor:pointer
}
.setting-page .panel-body.account-page .acc-title {
    height:24px;
    line-height:24px;
    font-size:18px;
    padding-left:10px
}
.setting-page .panel-body.account-page .acc-title:before {
    content:" ";
    border-left:4px solid #1890ff;
    border-radius:4px;
    margin-right:.6em;
    font-size:.9em;
    box-shadow:0 1px 4px rgba(24, 144, 255, 0.3)
}
.setting-page .panel-body.account-page .acc-row-img {
    height:65px;
    line-height:65px;
    padding:10px 0px
}
.setting-page .panel-body.account-page .acc-row-img:hover, .setting-page .panel-body.account-page .acc-row-img:active {
    background:#fff;
    cursor:normal
}
.setting-page .panel-body.account-page .acc-dtl {
    background:#f6f6f6;
    padding:10px 0px;
    position:relative
}
.setting-page .panel-body.account-page .acc-dtl .ccl {
    position:absolute;
    right:20px;
    top:10px;
    cursor:pointer
}
.setting-page .panel-body.account-page .acc-dtl .title {
    height:40px;
    line-height:40px
}
.setting-page .panel-body.account-page .acc-dtl .col-content {
    margin-left:-4px
}
.setting-page .panel-body.account-page .acc-dtl .col-content .pri-btn {
    margin-right:5px
}
.setting-page .panel-body.account-page .acc-row>*, .setting-page .panel-body.account-page .acc-dtl span {
    display:inline-block
}
.setting-page .panel-body.account-page .col-title {
    width:27%
}
.setting-page .panel-body.account-page .col-content {
    width:50%
}
.setting-page .panel-body.account-page .col-action {
    width:20%;
    text-align:right
}
.setting-page .panel-body.account-page .col-title, .setting-page .panel-body.account-page .col-content, .setting-page .panel-body.account-page .col-action {
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.setting-page .panel-body.account-page .col-title+span, .setting-page .panel-body.account-page .col-content+span, .setting-page .panel-body.account-page .col-action+span {
    overflow:hidden
}
.setting-page .panel-body.account-page .ml-12 {
    margin-left:12px
}
.setting-page .panel-body.account-page .pb-v40 {
    padding-bottom:40px !important
}
.setting-page .panel-body.account-page .user-check-code input {
    margin-right:0px !important;
    width:175px !important
}
.setting-page .panel-body.account-page .user-check-code img, .setting-page .panel-body.account-page .user-check-code button {
    cursor:pointer;
    margin-left:-6px;
    position:relative;
    vertical-align:bottom;
    width:85px;
    height:30px;
    border-radius:0 2px 2px 0;
    border:1px solid #ddd;
    padding:0px
}
.setting-page .panel-body.account-page .user-header-image {
    width:64px;
    height:64px !important;
    border-radius:50%;
    padding:0;
    overflow:hidden;
    position:relative
}
.setting-page .panel-body.account-page .user-header-image .upload-tips {
    position:absolute;
    bottom:0;
    display:none;
    font-size:.9em;
    color:#fff;
    background:rgba(0, 0, 0, 0.4);
    width:100%;
    height:26px;
    text-align:center;
    line-height:20px;
    border-radius:0 0 64px 64px
}
.setting-page .panel-body.account-page .user-header-image img {
    width:100%;
    height:100%
}
.setting-page .panel-body.account-page .user-header-image:hover .upload-tips {
    display:block
}
.setting-page .panel-body.account-page .acc-row, .setting-page .panel-body.account-page .acc-dtl {
    padding:10px 10px
}
.setting-page .panel-body.account-page .acc-row a, .setting-page .panel-body.account-page .acc-dtl a {
    color:#63acff;
    text-decoration:none;
    border-radius:3px;
    padding:4px 2px
}
.setting-page .panel-body.account-page .acc-row a:focus, .setting-page .panel-body.account-page .acc-dtl a:focus, .setting-page .panel-body.account-page .acc-row a:hover, .setting-page .panel-body.account-page .acc-dtl a:hover, .setting-page .panel-body.account-page .acc-row a:active, .setting-page .panel-body.account-page .acc-dtl a:active {
    color:#0086E5;
    background:#def
}
.setting-page .panel-body.account-page .acc-row .font-icon, .setting-page .panel-body.account-page .acc-dtl .font-icon {
    color:#aaa;
    width:30px;
    display:inline-block;
    vertical-align:text-top
}
.setting-page .panel-body.account-page .acc-row .close-item:before, .setting-page .panel-body.account-page .acc-dtl .close-item:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    content:"\eb99";
    width:30px;
    height:30px;
    line-height:30px;
    background:#fff;
    text-align:center;
    border-radius:2px;
    display:block
}
.setting-page .panel-body.account-page .acc-row .close-item:hover:before, .setting-page .panel-body.account-page .acc-dtl .close-item:hover:before {
    background:#def
}
.setting-page .panel-body.account-page .vert-top {
    vertical-align:top
}
.setting-page .panel-body.account-page .acc-row .desc tip {
    color:#aaa
}
.setting-page .panel-body.wall-page .tab-group-line {
    margin:5px 0px 20px
}
.setting-page .panel-body.wall-page .randomImage {
    width:25px;
    height:25px;
    margin-left:15px;
    cursor:pointer
}
.setting-page .panel-body.wall-page .panel-title {
    margin:0px !important;
    padding:0px !important;
    border:0px !important;
    font-size:1.1em;
    color:inherit
}
.setting-page .panel-body.wall-page .setting-title {
    width:32px;
    margin-right:10px
}
.setting-page .panel-body.wall-page .setting-content .input-title-right {
    margin-top:-2px;
    padding:0 .7em
}
.setting-page .panel-body.wall-page .color-default {
    position:absolute;
    left:500px;
    top:28px;
    margin-top:43px;
    width:325px;
    border-radius:6px;
    box-shadow:0 0 20px #ddd inset
}
.setting-page .panel-body.wall-page .color-default .color-list {
    width:50px;
    height:50px;
    float:left;
    margin:7px;
    cursor:pointer;
    box-shadow:0 0 10px #ddd;
    border-radius:50%
}
.setting-page .panel-body.wall-page .color-default .color-list:hover, .setting-page .panel-body.wall-page .color-default .color-list:active {
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5)
}
.setting-page .panel-body.wall-page .savebox {
    border-top:1px solid #eee;
    margin-bottom:10px
}
.setting-page .panel-body.wall-page .savebox a.save {
    margin-left:5px;
    margin-top:5px;
    padding:4px 20px
}
.setting-page .panel-body.wall-page .section {
    margin-right:-10px
}
.setting-page .panel-body.wall-page .section .box {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-start;
    margin-right:20px;
    margin:0 auto
}
.setting-page .panel-body.wall-page .section .box .flex-list {
    float:left;
    width:120px;
    height:0px;
    margin-right:10px;
    margin-bottom:0
}
.setting-page .panel-body.wall-page .section .box .list {
    float:left;
    width:120px;
    height:80px;
    margin-right:10px;
    margin-bottom:15px;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);
    cursor:pointer;
    border-radius:3px;
    position:relative;
    overflow:hidden;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.setting-page .panel-body.wall-page .section .box .list.list-add {
    text-align:center;
    line-height:20px;
    color:#ccc;
    opacity:.9
}
.setting-page .panel-body.wall-page .section .box .list.list-add .font-icon {
    font-size:40px;
    padding:0px;
    margin-top:10px;
    display:inline-block
}
.setting-page .panel-body.wall-page .section .box .list .item-remove {
    position:absolute;
    right:6px;
    top:6px;
    color:#fff;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:50%;
    background:rgba(60, 60, 60, 0.3);
    text-align:center;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    right:-50px
}
.setting-page .panel-body.wall-page .section .box .list.listhover .item-remove {
    right:6px;
    background:#f30
}
.setting-page .panel-body.wall-page .section .box .list .ico {
    width:100%;
    height:100%;
    margin:0;
    text-align:center;
    overflow:hidden;
    border-radius:3px
}
.setting-page .panel-body.wall-page .section .box .list .info {
    text-align:center;
    color:#fff;
    height:24px;
    line-height:24px;
    border-top:1px solid rgba(0, 0, 0, 0.1);
    background:rgba(0, 0, 0, 0.2);
    overflow:hidden;
    position:absolute;
    bottom:-1px;
    width:100%;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius:0 0 3px 3px;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.setting-page .panel-body.wall-page .section .box .list .item-select {
    position:absolute;
    right:6px;
    top:6px;
    color:#fff;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:50%;
    background:rgba(60, 60, 60, 0.3);
    text-align:center;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    right:-50px
}
.setting-page .panel-body.wall-page .section .box .list .ico img {
    width:100%;
    height:100%
}
.setting-page .panel-body.wall-page .section .box .list.this {
    box-shadow:0 2px 10px rgba(24, 144, 255, 0.55)
}
.setting-page .panel-body.wall-page .section .box .list.this .item-select {
    right:6px;
    background:#1890ff
}
.setting-page .panel-body.wall-page .section .box .list.this .info {
    color:#ffffff;
    border-color:#1890ff;
    background:#1890ff
}
.setting-page .panel-body.wall-page .section .box .list.listhover .item-select {
    right:6px
}
.setting-page .panel-body.wall-page .section .box .list.listhover .info {
    background:#1890ff;
    border-color:#1890ff
}
.setting-page .panel-body.wall-page .section .content {
    word-break:break-word;
    color:#448;
    margin-bottom:20px
}
.setting-page .panel-body.wall-page .section .content h2 {
    border-bottom:1px dashed #eef;
    padding-bottom:5px;
    margin-bottom:5px;
    font-weight:400;
    font-size:1.25em
}
.setting-page .panel-body.wall-page .section .content p {
    margin-left:5px;
    text-indent:2em;
    margin-bottom:8px;
    color:#666;
    font-size:1em;
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text;
    width:100%
}
.setting-page .panel-body.wall-page .section .content .box {
    color:#555;
    clear:both;
    color:#666
}
.setting-page .panel-body.wall-page .section .content .box .title {
    color:#444;
    border-bottom:1px dashed #ddd;
    width:100%;
    font-size:21px;
    margin-bottom:10px;
    margin-top:10px
}
.setting-page .panel-body.wall-page .section .content .box .title span {
    border-bottom:1px solid #aaa;
    display:inline-block;
    margin-bottom:-1px;
    text-align:center;
    padding:5px 10px;
    float:none;
    width:auto
}
.setting-page .panel-body.wall-page .section .content .box p {
    line-height:1.7em;
    text-indent:2em;
    padding:3px;
    margin:0
}
.setting-page .panel-body.wall-page .section .content .box p b {
    padding-right:8px
}
.setting-page .panel-body.wall-page .section .content .box p i {
    padding-right:10px
}
.setting-page .panel-body.wall-page .btn {
    padding:4px 12px;
    border-radius:3px;
    box-sizing:content-box;
    vertical-align:top
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image {
    display:flex;
    width:100%
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content {
    flex:1;
    width:auto
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input {
    border:1px solid #ddd;
    background:#fff;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -ms-transition:all ease-in-out .168s;
    -webkit-transition:all ease-in-out .168s;
    -moz-transition:all ease-in-out .168s;
    -o-transition:all ease-in-out .168s;
    transition:all ease-in-out .168s;
    padding:5px 4px 4px 4px;
    width:60% !important;
    margin-right:-5px;
    border-radius:3px 0px 0px 3px
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input:hover, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input:active {
    border-color:#75A1F0
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input:focus {
    border-color:#75A1F0;
    outline:none;
    box-shadow:0 0 0 3px rgba(117, 161, 240, 0.3)
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input.disabled, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='true'], .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='readonly'] {
    opacity:.7;
    cursor:not-allowed
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input.disabled:hover, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='true']:hover, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='readonly']:hover, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input.disabled:active, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='true']:active, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='readonly']:active {
    border-color:#ddd
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input.disabled:focus, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='true']:focus, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input[readonly='readonly']:focus {
    border-color:#ddd;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08)
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content button {
    border-radius:0px 3px 3px 0px
}
.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content .btn-save {
    display:block;
    border-radius:4px;
    margin-top:10px
}
.setting-page .panel-body.wall-page .wall-desktop-mgt .section .box .list.listhover.list-add, .setting-page .panel-body.wall-page .wall-login-mgt .section .box .list.listhover.list-add {
    box-shadow:1px 3px 6px rgba(0, 0, 0, 0.3)
}
.setting-page .panel-body.wall-page .wall-desktop-mgt .section .box .list.listhover .info, .setting-page .panel-body.wall-page .wall-login-mgt .section .box .list.listhover .info {
    background:rgba(255, 51, 0, 0.1);
    border-color:rgba(255, 51, 0, 0.1)
}
.setting-page .panel-body.wall-page .wall-desktop-mgt .form-box .form-row, .setting-page .panel-body.wall-page .wall-login-mgt .form-box .form-row {
    padding:0;
    padding-bottom:15px
}
.setting-page .panel-body.wall-page .wall-desktop-mgt .form-box .form-row .setting-content, .setting-page .panel-body.wall-page .wall-login-mgt .form-box .form-row .setting-content {
    width:100%;
    padding:0
}
.setting-page .panel-body.wall-page .wall-desktop-mgt .form-box .form-row .setting-content .form-save-button, .setting-page .panel-body.wall-page .wall-login-mgt .form-box .form-row .setting-content .form-save-button {
    margin-bottom:5px
}
.setting-page .panel-body.user-safe-page .dialog-tab.tab-group-line {
    margin:5px 0px 10px
}
.setting-page .panel-body.user-safe-page .content .list-col[field="device"], .setting-page .panel-body.user-safe-page .content .list-col[field="os"] {
    max-width:200px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.setting-page .panel-body.user-safe-page .content .list-col[field="os"] {
    max-width:160px
}
.setting-page .panel-body.user-stats-page .user-stats-content.container {
    width:100%;
    padding:0px
}
.setting-page .panel-body.user-stats-page .user-stats-content.container>div {
    padding:0px
}
.setting-page .panel-body.user-stats-page .opt-header {
    height:40px;
    line-height:40px;
    margin-bottom:10px
}
.setting-page .panel-body.user-stats-page .opt-header .title {
    font-size:14px;
    color:rgba(0, 0, 0, 0.65)
}
.setting-page .panel-body.user-stats-page .opt-header .desc {
    font-size:12px;
    padding-left:5px;
    color:#aaa
}
.setting-page .panel-body.user-stats-page .chart-box .chart-content {
    margin:40px 0px 20px;
    min-height:360px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel {
    position:static;
    margin-top:0px;
    min-height:385px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .content {
    position:absolute;
    bottom:40px;
    top:50px;
    left:0px;
    right:0px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .content .content-header {
    display:none
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item {
    margin-left:50px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .time-show {
    position:absolute;
    right:10px;
    line-height:25px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .item.title-show {
    padding:4px 0px 3px 4px;
    background:rgba(0, 0, 0, 0.03);
    border-radius:4px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .item-desc {
    padding:2px 0 0 2px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .data-path-none {
    color:#abc;
    margin:0px 2px;
    text-decoration:line-through
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-page {
    position:absolute;
    bottom:0px;
    margin:0px;
    padding:0px;
    right:0px
}
.setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-page .my-page-box .page-select {
    position:initial
}
.form-box .form-row.form-row-auth-check {
    border-bottom:1px dotted #fcfcfc
}
.form-box .form-row.form-row-auth-check .setting-content:after {
    border-bottom:1px dotted #eee;
    content:" ";
    display:block;
    height:0
}
.form-box .form-row.form-row-auth-check label {
    min-width:110px;
    padding:0px 8px 0px 8px;
    margin-right:5px;
    border-radius:15px;
    display:inline-block;
    background:#fafafa;
    height:25px;
    line-height:25px;
    border:1px solid #f8f8f8
}
.form-box .form-row.form-row-auth-check label input {
    border-radius:10px
}
.form-box .form-row.form-row-auth-check label input:checked:after {
    border-radius:50%
}
.form-box .form-row.form-row-auth-check label:hover, .form-box .form-row.form-row-auth-check label:active {
    background:#e6f7ff;
    border-color:#ccefff
}
.form-role-dialog .form-row.item-auth label, .form-auth-dialog .form-row.item-auth label {
    margin-right:0;
    display:block;
    text-indent:-22px;
    padding-left:22px
}
.form-role-dialog .info-alert, .form-auth-dialog .info-alert {
    display:none
}
.form-role-dialog .role-system .info-alert, .form-auth-dialog .role-system .info-alert, .form-role-dialog .auth-system .info-alert, .form-auth-dialog .auth-system .info-alert {
    display:block
}
.form-role-dialog .role-system .form-row.item-auth, .form-auth-dialog .role-system .form-row.item-auth, .form-role-dialog .auth-system .form-row.item-auth, .form-auth-dialog .auth-system .form-row.item-auth, .form-role-dialog .role-system .form-row.form-row-auth-check, .form-auth-dialog .role-system .form-row.form-row-auth-check, .form-role-dialog .auth-system .form-row.form-row-auth-check, .form-auth-dialog .auth-system .form-row.form-row-auth-check, .form-role-dialog .role-system .form-row.item-all .setting-content, .form-auth-dialog .role-system .form-row.item-all .setting-content, .form-role-dialog .auth-system .form-row.item-all .setting-content, .form-auth-dialog .auth-system .form-row.item-all .setting-content {
    opacity:.6
}
.panel-form-body .user-theme-image .color-select {
    display:inline-block;
    padding:3px 1em 0px 5px;
    border-radius:4px;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:5px;
    background:rgba(0, 0, 0, 0.1);
    border:1px solid rgba(0, 0, 0, 0.1)
}
.panel-form-body .user-theme-image .color-item {
    display:inline-block;
    cursor:pointer;
    margin-right:2px;
    width:26px;
    height:26px;
    border-radius:50%;
    position:relative;
    top:3px
}
.panel-form-body .user-theme-image .color-item:hover {
    opacity:.6
}
.panel-form-body .user-theme-image .title-desc {
    position:relative;
    top:-6px
}
.panel-form-body .user-theme-image .color-make {
    margin-left:10px;
    padding:5px;
    position:relative;
    top:-6px;
    vertical-align:middle;
    visibility:hidden
}
.panel-form-body .user-theme-image .image-wallpage {
    position:relative;
    top:-6px;
    vertical-align:middle;
    margin-top:5px
}
.panel-form-body .user-theme-image .randomImage {
    width:25px;
    height:25px;
    margin-left:15px;
    cursor:pointer;
    position:relative;
    top:-6px;
    margin-top:5px
}
.setting-page .panel-body.base-page .form-row.item-colorImage {
    display:none
}
.setting-page .panel-body.base-page .form-row.item-colorImage .setting-content {
    margin-top:-54px;
    margin-left:237px;
    height:30px;
    width:30px !important;
    padding:0
}
.setting-page .panel-body.base-page .form-row.item-colorImage .input-title-right {
    margin:0;
    border:none;
    border-radius:3px
}
.setting-page .panel-body.base-page .form-row.item-colorImage input {
    display:none
}
.dark-mode .setting-page .panel-body.base-page .form-row.item-colorImage {
    display:block
}
.app-wap-small .setting-page .panel-body.base-page .user-theme-image .color-select {
    display:block
}
.app-wap-small .setting-page .panel-body.base-page .form-row.item-colorImage .setting-content {
    margin-top:-88px;
    margin-left:240px
}
.app-main {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:70px
}
.menuBar {
    color:#fff;
    background:#075fb8;
    position:absolute;
    top:0;
    left:0;
    bottom:0px;
    width:70px;
    transition:left .2s ease-in-out, opacity .2s ease-in-out;
    background:linear-gradient(to bottom, #1b6de1, #075fb8)
}
.menuBar.admin-menu-bar {
    background:none !important;
    box-shadow:none !important;
    border:none !important;
    height:150px;
    bottom:0px;
    top:auto
}
.menuBar.admin-menu-bar:before {
    background:none;
    filter:none
}
.menuBar.admin-menu-bar .logo, .menuBar.admin-menu-bar .menu-list {
    display:none
}
.menuBar .logo {
    width:70px;
    height:70px;
    text-align:center;
    max-width:70px;
    max-height:100px;
    display:table-cell;
    vertical-align:middle;
    background-color:rgba(0, 0, 0, 0.1);
    overflow:hidden
}
.menuBar .logo a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    line-height:70px
}
.menuBar .logo img {
    max-width:100%;
    max-height:100%
}
.menuBar .menu-item {
    transition:all .2s;
    width:100%;
    cursor:pointer;
    font-size:.9em;
    width:70px;
    height:70px;
    color:rgba(255, 255, 255, 0.7);
    text-align:center;
    position:relative;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.menuBar .menu-item:hover, .menuBar .menu-item:active, .menuBar .menu-item:focus {
    background:rgba(255, 255, 255, 0.05);
    color:#fff
}
.menuBar .menu-item.this:before {
    background:rgba(255, 255, 255, 0.3);
    width:4px;
    height:100%;
    content:"";
    position:absolute;
    top:0px;
    left:0
}
.menuBar .menu-item .font-icon {
    display:block;
    font-size:24px;
    overflow:hidden;
    background-color:transparent;
    width:36px;
    height:36px;
    line-height:36px;
    margin:8px auto 2px auto;
    border-radius:6px
}
.menuBar .menu-item .image-icon {
    display:block;
    font-size:24px;
    overflow:hidden;
    width:32px;
    height:32px;
    line-height:32px;
    margin:8px auto 2px auto;
    margin-top:10px;
    border-radius:4px
}
.menuBar .menu-item .image-icon img {
    max-width:100%;
    max-height:100%;
    border-radius:5px;
    position:relative;
    top:-4px
}
.menuBar .menu-item .image-icon .font-icon {
    padding-top:5px;
    width:36px
}
.menuBar .menu-item span {
    position:relative;
    padding:0 3px
}
.menuBar .ripple-item {
    cursor:pointer;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.menuBar .menu-item.this, .menuBar .menu-item.this:hover, .menuBar .open .menu-item {
    background:rgba(255, 255, 255, 0.2);
    color:#fff
}
.menuBar .dark-mode-toggle .desc {
    position:absolute;
    right:10px;
    top:0;
    opacity:.5;
    font-size:12px
}
.menuBar .dark-mode-toggle .desc .theme-mode {
    display:none;
    border-radius:4px;
    background:rgba(150, 150, 150, 0.2);
    height:20px;
    line-height:20px;
    padding:2px 5px;
    margin-top:4px
}
.menuBar .dark-mode-toggle .desc[theme="light"] .theme-light {
    display:block
}
.menuBar .dark-mode-toggle .desc[theme="dark-mode"] .theme-dark-mode {
    display:block
}
.menuBar .dark-mode-toggle .desc[theme="auto"] .theme-auto {
    display:block
}
.menuBar .dropdown-menu {
    left:-3px;
    top:auto;
    padding:0;
    margin-left:70px;
    margin-top:-70px;
    border-radius:4px;
    z-index:20000;
    max-height:90vh;
    background:none;
    border:none;
    box-shadow:none
}
.menuBar .dropdown-menu .dropdown-menu-main {
    border-radius:4px;
    border:1px solid #eee;
    background:rgba(255, 255, 255, 0.85);
    box-shadow:0 4px 30px rgba(0, 0, 0, 0.15);
    overflow:hidden;
    overflow-y:auto;
    max-height:70vh;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.menuBar .dropdown-menu .dropdown-menu-main:after {
    content:"";
    clear:both;
    float:none;
    display:block
}
.menuBar .dropdown-menu li {
    color:#444;
    cursor:pointer;
    -ms-transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.menuBar .dropdown-menu .menu-arrow {
    position:absolute;
    width:10px;
    height:10px;
    -webkit-clip-path:polygon(100% 0%, 0% 100%, 0% 0%);
    clip-path:polygon(100% 0%, 0% 100%, 0% 0%);
    transform:rotate(-45deg);
    border:1px solid #eee;
    background:rgba(255, 255, 255, 0.85);
    box-shadow:0 4px 30px rgba(0, 0, 0, 0.15);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    top:30px;
    left:-5px
}
.menuBar .dropdown-menu:before, .menuBar .dropdown-menu:after {
    display:none
}
.menuBar .dropdown-menu .content, .menuBar .dropdown-menu li {
    position:relative
}
.menuBar .activebar-bottom {
    position:absolute;
    bottom:10px
}
.menuBar .menu-group-notice .font-icon:after {
    content:'';
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f04134;
    position:absolute;
    top:5px;
    right:8px
}
.menuBar .menu-group-notice .font-icon.hide-after:after {
    display:none
}
.menuBar .menu-dropdown-notice {
    max-height:400px;
    bottom:60px;
    width:410px
}
.menuBar .menu-dropdown-notice .menu-arrow {
    bottom:32px;
    top:inherit
}
.menuBar .menu-dropdown-notice .header {
    height:40px;
    line-height:40px;
    background:rgba(0, 0, 0, 0.05);
    border-bottom:1px solid rgba(0, 0, 0, 0.02);
    color:#222;
    padding:0px 10px;
    position:relative
}
.menuBar .menu-dropdown-notice .header span {
    display:inline-block
}
.menuBar .menu-dropdown-notice .header span.remove {
    position:absolute;
    right:10px
}
.menuBar .menu-dropdown-notice .header span.remove i {
    cursor:pointer;
    color:#63acff;
    font-style:normal
}
.menuBar .menu-dropdown-notice .header span.remove i:hover {
    color:#1890ff
}
.menuBar .menu-dropdown-notice .content {
    max-height:355px;
    position:relative;
    overflow:auto
}
.menuBar .menu-dropdown-notice .content .none {
    padding:30px 0px;
    text-align:center;
    color:rgba(0, 0, 0, 0.4)
}
.menuBar .menu-dropdown-notice .content .none i {
    width:100%;
    height:60px;
    font-size:50px
}
.menuBar .menu-dropdown-notice .content li {
    padding:5px 5px;
    border-bottom:1px solid #f3f3f3;
    margin:2px 10px;
    border-radius:4px
}
.menuBar .menu-dropdown-notice .content li .outline {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.menuBar .menu-dropdown-notice .content li .time {
    color:#666;
    font-size:.9em
}
.menuBar .menu-dropdown-notice .content li:hover {
    background:#f5f5f5;
    cursor:pointer
}
.menuBar .menu-dropdown-notice .content li[status='1'], .menuBar .menu-dropdown-notice .content li[status='1'] .time {
    color:rgba(0, 0, 0, 0.4)
}
.menuBar .menu-lauguage-item, .menuBar .menu-notice-item {
    text-align:center;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:20px;
    margin:0px auto 4px auto
}
.menuBar .menu-lauguage-item .font-icon, .menuBar .menu-notice-item .font-icon {
    position:relative;
    top:-6px;
    font-size:1.2em
}
.menuBar .menu-dropdown-user li.item-language {
    position:relative
}
.menuBar .menu-dropdown-user li.item-language em {
    font-size:10px;
    opacity:.4;
    margin-left:2px;
    font-style:normal
}
.menuBar .menu-dropdown-user li.hover-active {
    background:#1890ff30
}
.menuBar .menu-dropdown-user li.hover-active i.font-icon {
    color:#1071d3;
    opacity:1
}
.menuBar .menu-dropdown-user .company-name {
    color:#1890ff;
    background-color:#1890ff1c;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    display:none;
    font-size:14px;
    font-weight:400;
    position:relative;
    z-index:10;
    top:-5px;
    padding:5px 0 5px 15px;
    border-radius:3px 3px 0 0
}
.menuBar .menu-dropdown-language {
    width:425px;
    padding:0;
    margin:0;
    z-index:20002
}
.menuBar .menu-dropdown-language .dropdown-menu-main {
    padding:10px
}
.menuBar .menu-dropdown-language .menu-arrow {
    top:50%;
    margin-top:-7px
}
.menuBar .menu-dropdown-language.lang-small {
    max-width:180px;
    width:180px
}
.menuBar .menu-dropdown-language.lang-small li {
    width:auto;
    float:none
}
.menuBar .menu-dropdown-language li {
    float:left;
    width:120px;
    height:25px;
    line-height:25px;
    padding:0px 4px;
    margin:0 2px 2px 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-radius:2px
}
.menuBar .menu-dropdown-language li:hover, .menuBar .menu-dropdown-language li:active, .menuBar .menu-dropdown-language li:focus, .menuBar .menu-dropdown-language li.this {
    background:#1890ff;
    color:#fff
}
.menuBar .menu-dropdown-submenu {
    padding:0;
    margin-top:-65px;
    width:410px;
    top:auto
}
.menuBar .menu-dropdown-submenu .dropdown-menu-main {
    padding:15px 0 15px 15px
}
.menuBar .menu-dropdown-submenu .dropdown-menu-main .content {
    padding-bottom:15px
}
.menuBar .menu-dropdown-submenu.position-middle .menu-arrow {
    top:50%;
    margin-top:-5px
}
.menuBar .menu-dropdown-submenu .content:after {
    content:"";
    clear:both;
    float:none;
    display:block
}
.menuBar .menu-dropdown-submenu li {
    float:left;
    display:block;
    margin:0 10px 10px 0;
    width:85px;
    height:95px
}
.menuBar .menu-dropdown-submenu li .menu-item-sub {
    border-radius:4px;
    display:block;
    height:100%;
    padding:0;
    text-align:center
}
.menuBar .menu-dropdown-submenu li .menu-item-sub:hover, .menuBar .menu-dropdown-submenu li .menu-item-sub:active, .menuBar .menu-dropdown-submenu li .menu-item-sub:focus {
    background:rgba(150, 150, 150, 0.15)
}
.menuBar .menu-dropdown-submenu li .menu-item-sub.this, .menuBar .menu-dropdown-submenu li .menu-item-sub.this:hover {
    color:#fff;
    background:#1890ff
}
.menuBar .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon, .menuBar .menu-dropdown-submenu li .menu-item-sub img, .menuBar .menu-dropdown-submenu li .menu-item-sub .x-item-icon {
    width:64px;
    height:64px;
    line-height:64px;
    padding:0;
    margin-top:5px;
    opacity:1;
    display:inline-block;
    border-radius:10px
}
.menuBar .menu-dropdown-submenu li .menu-item-sub .x-item-icon {
    margin-bottom:-5px
}
.menuBar .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon {
    font-size:36px;
    margin:0;
    margin-top:5px
}
.menuBar .menu-dropdown-submenu li .menu-item-sub i.icon.words, .menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon.words {
    font-size:20px
}
.menuBar .menu-dropdown-submenu li .menu-item-sub i.icon.words em, .menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon.words em {
    width:45px;
    height:45px;
    overflow:hidden;
    font-style:normal;
    display:inline-block;
    white-space:pre-wrap
}
.menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon:not(.app-icon) {
    background:#def;
    color:#2196f3
}
.menuBar .menu-dropdown-submenu li .menu-item-sub span {
    display:block;
    padding-top:.1em;
    font-size:.9em;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.menuBar .menu-group-user {
    font-size:1.05em
}
.menuBar .menu-group-user .menu-item-user {
    padding:10px 0;
    height:auto
}
.menuBar .menu-group-user .menu-item-user:hover .avata img {
    box-shadow:0 0 0 4px rgba(3, 25, 52, 0.2)
}
.menuBar .menu-group-user .avata {
    width:50px;
    height:50px;
    margin:0 auto;
    padding:2px;
    border-radius:50%;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1)
}
.menuBar .menu-group-user .avata img {
    width:100%;
    height:100%;
    border-radius:50%
}
.menuBar .menu-dropdown-user {
    bottom:0px;
    width:220px;
    max-height:600px
}
.menuBar .menu-dropdown-user .dropdown-menu-main {
    padding-top:5px;
    padding-bottom:15px
}
.menuBar .menu-dropdown-user .menu-arrow {
    bottom:30px;
    top:inherit
}
.menuBar .menu-dropdown-user li {
    line-height:32px;
    padding-left:20px;
    height:32px
}
.menuBar .menu-dropdown-user li .font-icon {
    opacity:.4;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.menuBar .menu-dropdown-user li:hover, .menuBar .menu-dropdown-user li:active, .menuBar .menu-dropdown-user li:focus {
    background:#ecf4fc
}
.menuBar .menu-dropdown-user li:hover .font-icon, .menuBar .menu-dropdown-user li:active .font-icon, .menuBar .menu-dropdown-user li:focus .font-icon {
    opacity:1;
    color:#1071d3
}
.menuBar .menu-dropdown-user li:hover.user-logout .font-icon, .menuBar .menu-dropdown-user li:active.user-logout .font-icon, .menuBar .menu-dropdown-user li:focus.user-logout .font-icon {
    color:#f5222d
}
.menuBar .menu-dropdown-user li.divider {
    height:1px;
    border:none;
    margin:6px 0px 6px 12px;
    background:#eee;
    background:rgba(200, 200, 200, 0.25);
    cursor:default
}
.menuBar .menu-dropdown-user li.user-info {
    height:auto;
    padding:5px 10px
}
.menuBar .menu-dropdown-user li.user-info .avata {
    float:left
}
.menuBar .menu-dropdown-user li.user-info .user-info-account {
    position:absolute;
    padding-left:60px;
    line-height:20px;
    margin-top:6px
}
.menuBar .menu-dropdown-user li.user-info .user-info-account .name, .menuBar .menu-dropdown-user li.user-info .user-info-account .account {
    width:140px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.menuBar .menu-dropdown-user li.user-info .user-info-account .name {
    font-size:1.1em
}
.menuBar .menu-dropdown-user li.user-info .user-info-account .account {
    color:#ddd
}
.menuBar {
    background:linear-gradient(120deg, #1b6de1, #532a9d)
}
.menuBar .logo {
    background-color:rgba(0, 0, 0, 0.1)
}
.menuBar .menu-list .menu-item {
    width:58px;
    height:58px;
    margin:10px 0 0 6px;
    border-radius:6px
}
.menuBar .menu-list .menu-item.this:before {
    display:none
}
.menuBar .menu-list .menu-item .font-icon {
    width:30px;
    height:28px;
    line-height:30px;
    margin:5px auto 2px auto
}
.menuBar .menu-list .menu-item .image-icon {
    width:30px;
    height:28px;
    line-height:30px;
    margin:5px auto 2px auto;
    margin-top:6px
}
.app-wap-small .menuBar .menu-item {
    margin:0;
    border-radius:0
}
.app-wap-small .menuBar .menu-item .font-icon, .app-wap-small .menuBar .menu-item .image-icon {
    margin:8px auto 2px auto
}
#app.menu-view-hidden .menuBar {
    left:-70px;
    box-shadow:none;
    z-index:200
}
#app.menu-view-hidden .menuBar .menu-bar-auto {
    visibility:visible;
    opacity:1;
    width:15px;
    right:-15px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.15)
}
#app.menu-view-hidden .menuBar .menu-bar-auto:before {
    content:"\ea6e"
}
#app.menu-view-hidden .menuBar .menu-bar-auto:hover {
    width:25px;
    right:-25px
}
#app.menu-view-hidden .menuBar .menu-bar-auto .bar-view {
    display:block
}
#app.menu-view-hidden .app-main {
    left:0
}
#app.menu-view-hidden.app-desktop .bodymain {
    left:0
}
#app.menu-view-hidden.app-desktop .task-tab {
    left:10px
}
#app.menu-view-hidden.app-desktop .menuBar:before {
    background-image:none;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background-color:rgba(0, 0, 0, 0.2);
    filter:none
}
.menuBar .menu-bar-auto {
    width:25px;
    height:36px;
    line-height:36px;
    text-align:center;
    position:absolute;
    z-index:99999;
    top:52px;
    cursor:pointer;
    border-radius:0 4px 4px 0;
    box-shadow:3px 0 10px rgba(0, 0, 0, 0.2);
    visibility:hidden;
    opacity:0;
    right:-25px;
    color:#888;
    background:#ffffff;
    transition:all .2s
}
.menuBar .menu-bar-auto:hover {
    color:#108ee9;
    background:#f3f3f3
}
.menuBar .menu-bar-auto:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea64"
}
.menuBar .bar-view {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    cursor:pointer;
    width:10px;
    opacity:0;
    transition:all .2s;
    display:none;
    background:linear-gradient(to right, #1890ff6b, transparent)
}
.menuBar .bar-view:hover {
    visibility:visible;
    opacity:1
}
.menuBar:hover .menu-bar-auto {
    visibility:visible;
    opacity:1
}
.dark-mode .menuBar, .menuBar.menubar-desktop, #app.app-style-opacity .menuBar {
    background:none !important
}
.dark-mode .menuBar:before, .menuBar.menubar-desktop:before, #app.app-style-opacity .menuBar:before {
    background-image:none;
    filter:none;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background-color:rgba(0, 0, 0, 0.15)
}
.dark-mode .menuBar .area-background, .menuBar.menubar-desktop .area-background, #app.app-style-opacity .menuBar .area-background {
    display:none
}
.dark-mode .menuBar .menu-bar-auto, .menuBar.menubar-desktop .menu-bar-auto, #app.app-style-opacity .menuBar .menu-bar-auto {
    color:#eee;
    background:#ffffff30;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.15)
}
.dark-mode .menuBar .menu-bar-auto:hover, .menuBar.menubar-desktop .menu-bar-auto:hover, #app.app-style-opacity .menuBar .menu-bar-auto:hover {
    color:#fff;
    background:#ffffff50
}
.dark-mode .menuBar, .dark-mode .menuBar.menubar-desktop {
    box-shadow:0 1px 0 rgba(0, 0, 0, 0.1)
}
.dark-mode .menuBar:before, .dark-mode .menuBar.menubar-desktop:before {
    background-color:rgba(255, 255, 255, 0.15)
}
.dark-mode #app.app-style-opacity .menuBar, #app.app-style-opacity .menuBar {
    box-shadow:0 1px 0 rgba(0, 0, 0, 0.1)
}
.dark-mode #app.app-style-opacity .menuBar:before, #app.app-style-opacity .menuBar:before {
    background-color:rgba(0, 0, 0, 0.15)
}
.app-wap-small .menuBar .menu-bar-auto {
    display:none !important
}
.artDialog.system-notice-view-dialog .aui-header .aui-min, .artDialog.system-notice-view-dialog .aui-header .aui-max {
    display:none
}
.artDialog.system-notice-view-dialog .aui-main {
    padding:0px!important
}
.artDialog.system-notice-view-dialog .aui-main .notice-box {
    position:absolute;
    top:0px;
    right:0px;
    bottom:5px;
    left:0px;
    padding:10px 20px;
    font-family:"Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    font-size:14px;
    color:#444;
    border:1px solid #eee;
    margin:10px 20px 30px 20px
}
.artDialog.system-notice-view-dialog .aui-main .notice-box .header {
    text-align:center;
    margin:20px 0px 20px;
    font-weight:600;
    font-size:18px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    position:relative
}
.artDialog.system-notice-view-dialog .aui-main .notice-box .header:after {
    content:"";
    position:absolute;
    bottom:-5px;
    border-bottom:2px solid #ddd;
    width:100%;
    left:0
}
.artDialog.system-notice-view-dialog .aui-main .notice-box .content pre {
    background:#fff;
    margin:20px 0px;
    padding:0px;
    line-height:1.8;
    font-size:14px;
    min-height:150px;
    font-family:"Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif
}
.artDialog.system-notice-view-dialog .aui-main .notice-box .footer {
    line-height:2;
    text-align:right;
    margin-top:30px
}
#app.child-view-frame .menuBar {
    display:none !important
}
#app.child-view-frame .app-main {
    left:0px;
    top:0px
}
#app.child-view-frame .task-tab {
    left:10px
}
#app.child-view-frame .app-main .frame-main-desktop .bodymain {
    left:0 !important
}
#app.auto-hide .menuBar {
    left:-80px;
    box-shadow:none;
    z-index:200
}
#app.auto-hide .menuBar.hover-active {
    left:0;
    box-shadow:0 0 20px rgba(0, 0, 0, 0.3)
}
#app.auto-hide .menuBar .menu-bar-auto {
    display:none !important
}
#app.auto-hide .menu-bar-hover {
    width:15px;
    z-index:999998;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    transition:all .2s;
    cursor:pointer
}
#app.auto-hide .menu-bar-hover:active {
    background:rgba(0, 0, 0, 0.1)
}
#app.auto-hide .menu-bar-hover:before {
    content:"";
    position:absolute;
    top:50%;
    width:3px;
    border-radius:10px;
    margin-left:2px;
    background:rgba(0, 0, 0, 0.1);
    height:26px;
    margin-top:-13px
}
#app.auto-hide .app-main {
    left:0
}
#app.auto-hide .frame-main-explorer .drag-resize-tree .drag-item, #app.auto-hide .frame-main-editor .drag-resize-tree .drag-item {
    display:none
}
#app.auto-hide.app-desktop .bodymain {
    left:0
}
#app.auto-hide.app-desktop .task-tab {
    left:10px
}
#app.auto-hide.app-desktop .menuBar:before {
    background-image:none;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background-color:rgba(0, 0, 0, 0.2);
    filter:none
}
.dark-mode #app.auto-hide .menuBar:before {
    background-image:none;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background-color:rgba(0, 0, 0, 0.2);
    filter:none
}
.menuBar.theme-white {
    background:linear-gradient(120deg, #fff, #fafafe);
    box-shadow:0 0 0 1px rgba(50, 50, 50, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.1)
}
.menuBar.theme-white .menu-item {
    color:#777c88
}
.menuBar.theme-white .menu-item:hover, .menuBar.theme-white .menu-item:active, .menuBar.theme-white .menu-item:focus, .menuBar.theme-white .menu-item.this, .menuBar.theme-white .menu-item.this:hover, .menuBar.theme-white .open .menu-item {
    color:#1b9aee;
    background:rgba(27, 154, 238, 0.1)
}
.menuBar.theme-white .menu-item .hover-animate-item {
    background-color:rgba(27, 154, 238, 0.1)
}
.menuBar.theme-white .menu-list .menu-topbar .menu-item .font-icon:before {
    background-image:-webkit-linear-gradient(1500deg, #006CFA, #1acbff);
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.menuBar.theme-white.menubar-desktop .menu-item {
    color:#eee
}
.menuBar.theme-white.menubar-desktop .menu-item:hover, .menuBar.theme-white.menubar-desktop .menu-item:active, .menuBar.theme-white.menubar-desktop .menu-item:focus, .menuBar.theme-white.menubar-desktop .menu-item.this, .menuBar.theme-white.menubar-desktop .menu-item.this:hover, .menuBar.theme-white.menubar-desktop .open .menu-item {
    color:#fff;
    background:rgba(255, 255, 255, 0.2)
}
.menuBar.theme-white.menubar-desktop .menu-item .hover-animate-item {
    background-color:rgba(255, 255, 255, 0.2)
}
.app-wap-small .form-select2-dropdown-type-fontIcon.select2-container {
    left:0 !important;
    right:0 !important;
    width:100%
}
.app-wap-small .form-select2-dropdown-type-fontIcon.select2-container .select2-dropdown {
    width:100% !important;
    border-left:none;
    border-radius:0;
    border-right:none;
    box-shadow:none !important;
    left:-1px !important
}
.app-wap-small .tab-group-line {
    white-space:nowrap;
    overflow:hidden;
    overflow-x:auto
}
.app-wap-small .tab-group-line>.tab-item {
    display:inline-block;
    float:none !important
}
.app-wap-small .tab-group-line>.panel-tab-line {
    float:none !important
}
.app-wap-small .tab-group-line>.tab-item-bar {
    bottom:-0.5px
}
.app-wap-small .btn-group.btn-group-segment>.btn.btn-default {
    padding:5px .5em;
    font-size:.9em
}
.app-wap-small .page-model-login .loginbox .license-box {
    position:fixed;
    left:0;
    right:0;
    bottom:30px;
    top:200px;
    border-radius:0;
    overflow:auto
}
.app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container {
    width:160px !important;
    font-size:.9em
}
.app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection__rendered {
    padding-left:10px
}
.app-wap-small .form-row.form-table .setting-content {
    overflow-x:scroll
}
.app-wap-small .form-row.form-table .setting-content .form-table-main .list-row .row-action .col-drag {
    display:none
}
.app-wap-small .form-row.form-userSelect .setting-content .select-user-box {
    padding:2px 0px 2px 0px;
    background:none
}
.app-wap-small .form-row.form-userSelect .setting-content .kod-select {
    width:346px
}
.app-wap-small .form-row.form-userSelect .setting-content .user-select-role select {
    width:346px;
    min-width:346px
}
.app-wap-small .form-row.form-userSelect .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img {
    top:2px
}
.app-wap-small .form-row.form-html .setting-title.no-title {
    display:none
}
.app-wap-small .form-box .form-row .setting-content input.form-input-text {
    height:27px
}
.app-wap-small .form-box .form-row .setting-content .input-title-left, .app-wap-small .form-box .form-row .setting-content .input-title-right {
    padding:0px 6px 1px 6px
}
.app-wap-small .form-box .form-row .setting-content .input-title-right {
    margin-right:5px
}
.app-wap-small .form-row.form-htmlEditor .tox .tox-tbtn--select.tox-tbtn--bespoke .tox-tbtn__select-chevron {
    position:relative;
    top:-7px
}
.app-wap-small .form-row.form-htmlEditor .tox .tox-split-button .tox-tbtn.tox-split-button__chevron {
    position:relative;
    top:0
}
.my-page-box .page-content ul li span.num-3 {
    zoom:.9
}
.my-page-box .page-content ul li span.num-4 {
    zoom:.75
}
.my-page-box .page-content ul li span.num-5 {
    zoom:.65
}
.app-wap-small span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option[aria-selected=true]:after {
    left:4px;
    top:6px
}
.app-wap-small .setting-page .setting-main, .app-wap-small .admin-page .admin-main {
    left:0 !important;
    padding-bottom:60px
}
.app-wap-small .setting-page .setting-main .panel-body, .app-wap-small .admin-page .admin-main .panel-body {
    padding:15px 10px !important
}
.app-wap-small .setting-page .setting-main .panel-body.dialog-form, .app-wap-small .admin-page .admin-main .panel-body.dialog-form {
    padding:10px 5px 10px 5px !important
}
.app-wap-small .setting-page .setting-main .panel-body.dialog-form-has-menu.dialog-form, .app-wap-small .admin-page .admin-main .panel-body.dialog-form-has-menu.dialog-form {
    padding:5px 5px 10px 5px !important
}
.app-wap-small .setting-page .setting-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .admin-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body {
    padding-right:5px
}
.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row {
    padding:5px 5px
}
.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-title, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-title {
    padding-left:0px;
    float:none;
    color:#000;
    width:100%;
    height:20px;
    line-height:20px
}
.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-content, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-content {
    width:100%;
    float:none
}
.app-wap-small .setting-page .setting-main .form-box .form-row, .app-wap-small .admin-page .admin-main .form-box .form-row {
    padding-left:2px;
    padding-right:0;
    overflow:visible
}
.app-wap-small .setting-page .setting-main .form-box .form-row.inline, .app-wap-small .admin-page .admin-main .form-box .form-row.inline {
    padding-left:2px;
    padding-right:0
}
.app-wap-small .setting-page .setting-main .form-box .form-row.inline+.inline, .app-wap-small .admin-page .admin-main .form-box .form-row.inline+.inline {
    padding-left:2px;
    padding-right:0
}
.app-wap-small .setting-page .setting-main .panel-body.dialog-form .form-box .form-row, .app-wap-small .admin-page .admin-main .panel-body.dialog-form .form-box .form-row {
    padding-left:5px;
    padding-right:0
}
.app-wap-small .setting-page .form-box .form-row, .app-wap-small .admin-page .form-box .form-row {
    padding:0px 15px 0px 15px
}
.app-wap-small .setting-page .form-box .form-row .setting-title, .app-wap-small .admin-page .form-box .form-row .setting-title {
    text-align:left !important;
    height:25px;
    line-height:25px;
    color:#222;
    padding-left:0;
    padding-top:0
}
.app-wap-small .setting-page .form-box .form-row.form-userSelect .setting-title, .app-wap-small .admin-page .form-box .form-row.form-userSelect .setting-title {
    padding-top:5px
}
.app-wap-small .setting-page .form-box .form-row label, .app-wap-small .admin-page .form-box .form-row label {
    margin-top:0px
}
.app-wap-small .setting-page .form-box .form-row .setting-content, .app-wap-small .admin-page .form-box .form-row .setting-content {
    padding:0;
    margin-bottom:3px;
    overflow:visible !important
}
.app-wap-small .setting-page .form-box .form-row .setting-content .form-save-button, .app-wap-small .admin-page .form-box .form-row .setting-content .form-save-button {
    margin:10px 0 10px
}
.app-wap-small .setting-page .form-box .form-row.row-inline .setting-content, .app-wap-small .admin-page .form-box .form-row.row-inline .setting-content {
    position:relative;
    top:5px
}
.app-wap-small .setting-page .form-box .form-row.form-table .setting-content, .app-wap-small .admin-page .form-box .form-row.form-table .setting-content {
    overflow:auto !important
}
.app-wap-small .setting-page .form-box .form-row h1, .app-wap-small .admin-page .form-box .form-row h1, .app-wap-small .setting-page .form-box .form-row h2, .app-wap-small .admin-page .form-box .form-row h2, .app-wap-small .setting-page .form-box .form-row h3, .app-wap-small .admin-page .form-box .form-row h3, .app-wap-small .setting-page .form-box .form-row h4, .app-wap-small .admin-page .form-box .form-row h4, .app-wap-small .setting-page .form-box .form-row h5, .app-wap-small .admin-page .form-box .form-row h5 {
    margin-left:0
}
.app-wap-small .setting-page .form-box .form-row .kod-select-main:hover .clear-select, .app-wap-small .admin-page .form-box .form-row .kod-select-main:hover .clear-select {
    display:none
}
.app-wap-small .setting-page .form-box .form-row.form-button-line:before, .app-wap-small .admin-page .form-box .form-row.form-button-line:before {
    top:13px
}
.app-wap-small .setting-page .form-box .form-row.inline, .app-wap-small .admin-page .form-box .form-row.inline {
    box-sizing:border-box
}
.app-wap-small .setting-page .form-box .form-row.inline+.inline, .app-wap-small .admin-page .form-box .form-row.inline+.inline {
    padding-left:0
}
.app-wap-small .setting-page .form-box .form-row.inline+.inline .setting-title, .app-wap-small .admin-page .form-box .form-row.inline+.inline .setting-title {
    height:23px
}
.app-wap-small .setting-page .form-box .form-row.inline.inline-group+.form-row.inline, .app-wap-small .admin-page .form-box .form-row.inline.inline-group+.form-row.inline {
    margin-right:0
}
.app-wap-small .setting-page .form-box .form-row.inline.inline-group+.inline .setting-title, .app-wap-small .admin-page .form-box .form-row.inline.inline-group+.inline .setting-title {
    margin-top:0
}
.app-wap-small .setting-page .form-box .form-row .line, .app-wap-small .admin-page .form-box .form-row .line, .app-wap-small .setting-page .form-box .form-row hr, .app-wap-small .admin-page .form-box .form-row hr {
    margin:5px 2px
}
.app-wap-small .setting-page .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single, .app-wap-small .admin-page .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-bottom-right-radius:0px
}
.app-wap-small .setting-page .form-box .form-row.inline.form-input-text .setting-content input, .app-wap-small .admin-page .form-box .form-row.inline.form-input-text .setting-content input {
    min-width:50px
}
.app-wap-small .setting-page .form-box .form-row.form-input-text .desc, .app-wap-small .admin-page .form-box .form-row.form-input-text .desc, .app-wap-small .setting-page .form-box .form-row.form-segment .desc, .app-wap-small .admin-page .form-box .form-row.form-segment .desc, .app-wap-small .setting-page .form-box .form-row.form-checkbox .desc, .app-wap-small .admin-page .form-box .form-row.form-checkbox .desc, .app-wap-small .setting-page .form-box .form-row.form-radio .desc, .app-wap-small .admin-page .form-box .form-row.form-radio .desc, .app-wap-small .setting-page .form-box .form-row.form-slider .desc, .app-wap-small .admin-page .form-box .form-row.form-slider .desc {
    display:block
}
.app-wap-small .setting-page .form-box .form-row.form-radio label, .app-wap-small .admin-page .form-box .form-row.form-radio label {
    top:0
}
.app-wap-small .setting-page .form-box .form-row.form-tags .setting-content .select2-container, .app-wap-small .admin-page .form-box .form-row.form-tags .setting-content .select2-container {
    width:inherit !important
}
.app-wap-small .setting-page .form-box .form-row.form-tags .desc, .app-wap-small .admin-page .form-box .form-row.form-tags .desc {
    display:block
}
.app-wap-small .setting-page .form-box .form-row.form-select>.setting-content>span.select2-container, .app-wap-small .admin-page .form-box .form-row.form-select>.setting-content>span.select2-container, .app-wap-small .setting-page .form-box .form-row.form-role>.setting-content>span.select2-container, .app-wap-small .admin-page .form-box .form-row.form-role>.setting-content>span.select2-container {
    min-width:100%
}
.app-wap-small .setting-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico, .app-wap-small .admin-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    position:relative;
    top:-1px
}
.app-wap-small .setting-page .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content, .app-wap-small .admin-page .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    margin-left:8px
}
.app-wap-small .setting-page .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form .form-box.config-box .panel-form-body {
    overflow:hidden;
    padding:0px 0 10px 0
}
.app-wap-small .setting-page .kodTable .toolbar .right .search-box input, .app-wap-small .admin-page .kodTable .toolbar .right .search-box input {
    width:80px;
    height:26px
}
.app-wap-small .setting-page .kodTable .toolbar .right .btn, .app-wap-small .admin-page .kodTable .toolbar .right .btn {
    padding:4px 8px;
    margin:0 5px 5px 0
}
.app-wap-small .setting-page .kodTable .toolbar .right .btn-search, .app-wap-small .admin-page .kodTable .toolbar .right .btn-search {
    height:26px;
    line-height:26px
}
.app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body {
    padding:0px 0 0px 0;
    overflow:visible
}
.app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input {
    max-width:100px;
    font-size:12px
}
.app-wap-small .setting-page .kodTable .list-row .drag-item, .app-wap-small .admin-page .kodTable .list-row .drag-item {
    display:none !important
}
.app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body {
    padding:0px 0 30px 1px;
    border-radius:0 0 4px 4px
}
.app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    padding:0;
    margin:0px 0px 10px 0px
}
.app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item {
    padding:5px 5px;
    margin:5px 1px -2px 0
}
.app-wap-small .setting-page .kodTable .list-col.setting .do-action, .app-wap-small .admin-page .kodTable .list-col.setting .do-action {
    padding:2px 1px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col {
    padding:6px 10px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.name, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.name {
    min-width:70px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.role, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.role {
    min-width:70px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label {
    min-width:65px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.setting, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.setting {
    min-width:50px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set {
    margin-left:10px;
    top:2px
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"] {
    min-width:50px;
    text-align:center
}
.app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"] {
    min-width:40px;
    text-align:center
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box, .app-wap-small .admin-page .panel-body .list-page .my-page-box {
    border-width:.5px
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-cover, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-cover {
    display:none
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to {
    padding:0 4px;
    min-width:inherit
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to.hidden, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to.hidden {
    display:inline-block !important;
    visibility:visible !important
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info {
    border-left:none;
    margin-left:2px;
    height:28px;
    line-height:28px
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info input, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info input {
    border-width:.5px;
    padding:2px 0px 2px 0px;
    height:16px;
    line-height:16px;
    position:absolute;
    top:4px
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-select select, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-select select {
    padding:0 13px 0 3px
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info-text {
    padding-left:32px
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden {
    display:none !important
}
.app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text {
    padding-left:4px
}
.app-wap-small .setting-page .kodTable .content .list-table .list-row, .app-wap-small .admin-page .kodTable .content .list-table .list-row {
    border-bottom-width:.5px
}
.app-wap-small .setting-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .admin-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .setting-page .ztree li a.curSelectedNode, .app-wap-small .admin-page .ztree li a.curSelectedNode, .app-wap-small .setting-page .ztree li a.curDropTreeNode, .app-wap-small .admin-page .ztree li a.curDropTreeNode {
    border-width:.5px
}
.app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-toolbar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-toolbar {
    border-top-width:.5px;
    border-bottom-width:.5px;
    padding:5px 0px 6px 0px
}
.app-wap-small .setting-page .content-main-message .content-main, .app-wap-small .admin-page .content-main-message .content-main {
    width:90%;
    margin:20% auto
}
.app-wap-small .setting-page .panel-body.account-page .acc-row, .app-wap-small .setting-page .panel-body.account-page .acc-dtl {
    padding:5px 5px !important
}
.app-wap-small .setting-page .panel-body.account-page .form-row input[type='text'], .app-wap-small .setting-page .panel-body.account-page .form-row input[type='password'], .app-wap-small .setting-page .panel-body.account-page .form-row input[type='number'] {
    width:150px !important;
    line-height:28px
}
.app-wap-small .setting-page .panel-body.account-page .form-row.item-change-password .info-alert {
    width:65%;
    text-align:left;
    margin-left:-4px;
    padding-right:5px
}
.app-wap-small .setting-page .panel-body.account-page .user-check-code .col-content {
    width:initial
}
.app-wap-small .setting-page .panel-body.account-page .acc-dtl span.desc {
    display:none;
    position:absolute
}
.app-wap-small .setting-page .panel-body.account-page .acc-dtl .close-item {
    display:none
}
.app-wap-small .setting-page .panel-body.wall-page .section .box, .app-wap-small .setting-page .panel-body.theme-page .section .box {
    margin:0;
    padding-right:10px
}
.app-wap-small .setting-page .panel-body.wall-page .section .box .list, .app-wap-small .setting-page .panel-body.theme-page .section .box .list {
    width:110px;
    height:70px;
    margin-right:0
}
.app-wap-small .setting-page .panel-body.wall-page .section .box .flex-list, .app-wap-small .setting-page .panel-body.theme-page .section .box .flex-list {
    width:110px;
    margin-right:0
}
.app-wap-small .setting-page .panel-body.wall-page .section .box .list.list-add .font-icon, .app-wap-small .setting-page .panel-body.theme-page .section .box .list.list-add .font-icon {
    margin-top:2px
}
.app-wap-small .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-title {
    width:32px;
    margin-right:10px;
    margin-top:0
}
.app-wap-small .admin-page .panel-body.storage-page .app-content .app-model {
    padding:0
}
.app-wap-small .admin-page .panel-body.storage-page .store-type-box .item-storeType .setting-content .desc {
    display:inline-block
}
.app-wap-small .admin-page .panel-body.plugin-page {
    padding:0 !important
}
.app-wap-small .admin-page .panel-body.plugin-page .app-content {
    margin:0
}
.app-wap-small .admin-page .panel-body.plugin-page .app-content .app-model {
    padding:0;
    margin-top:10px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-content .app-list {
    justify-content:space-around;
    margin-right:0px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-content .app-list .app-li {
    margin:0 0 20px 0;
    width:150px;
    border:none;
    margin-right:5px;
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.03), 0 2px 5px rgba(0, 0, 0, 0.07)
}
.app-wap-small .admin-page .panel-body.plugin-page .app-content .app-list .flex-empty {
    width:150px;
    margin-right:5px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-descript {
    padding:5px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header {
    padding-bottom:0
}
.app-wap-small .admin-page .panel-body.plugin-page .app-descript .left-content {
    float:none;
    clear:both;
    margin:-10px 0 10px 0;
    width:auto
}
.app-wap-small .admin-page .panel-body.plugin-page .app-descript .right-content {
    padding-left:0;
    margin-left:-15px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header .name {
    margin:0
}
.app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box input {
    width:150px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item {
    padding:8px 8px;
    margin:4px 2px -2px 0
}
.app-wap-small .admin-page .panel-body.overview-page {
    padding:0 !important
}
.app-wap-small .admin-page .panel-body.overview-page .tab-table-box {
    padding:10px
}
.app-wap-small .admin-page .panel-body.overview-page .tab-table-box .kodTable .content {
    height:auto
}
.app-wap-small .admin-page .panel-body.overview-page .tab-table-box .tab-content .col-md-4 {
    border-top:1px solid #e8e8e8;
    margin-top:5px
}
.app-wap-small .admin-page .panel-body.overview-page .tab-table-box .chart-box.opt {
    top:0px
}
.app-wap-small .admin-page .panel-body.overview-page .tab-trend-box {
    padding:10px
}
.app-wap-small .admin-page .panel-body.overview-page .option-box .option {
    margin-bottom:10px
}
.app-wap-small .admin-page .panel-body.overview-page .option-box .option .opt-body {
    padding:15px 10px 10px 10px
}
.app-wap-small .admin-page .panel-body.member-page {
    padding:0 !important
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-left {
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    border-right:none
}
.app-wap-small .admin-page .panel-body.member-page .page-box .drag-resize {
    display:none
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right {
    left:0 !important;
    margin-left:10px;
    margin:0
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title {
    font-size:16px;
    margin-left:10px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"] {
    display:none
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-title-span {
    margin:0
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .label-info {
    display:none
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size {
    bottom:2px;
    margin-left:5px;
    padding:4px 5px 2px 5px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar {
    width:auto
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right a.font-icon-label {
    margin:0;
    margin-left:2px;
    position:relative;
    top:-2px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user {
    right:10px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user .btn-search {
    padding:6px 8px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user input {
    width:100px;
    padding-right:10px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .button-aciton-muti {
    margin-left:2px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right div.btn-group-sm>.btn {
    padding:6px 6px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content {
    right:0px
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.content {
    top:39px;
    overflow-y:auto
}
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process {
    width:75px;
    font-size:10px
}
.app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box .btn-search {
    padding:5px 10px
}
.app-wap-small .admin-page .panel-body.admin-share-page .kodTable .toolbar .left, .app-wap-small .admin-page .panel-body.admin-share-page .kodTable .toolbar .right {
    display:inline-block
}
.app-wap-small .admin-page .panel-body.log-page .list-table .list-col .log-action .action-icon:before {
    font-size:14px !important;
    position:relative;
    top:0px;
    left:0px;
    top:.5px;
    left:.5px
}
.app-wap-small .admin-page .panel-body.log-page .toolbar .ip-label {
    margin-left:-15px;
    bottom:12px
}
.app-wap-small .admin-page .panel-body.log-login-page .toolbar .ip-label {
    left:105px;
    bottom:12px
}
.app-wap-small .dialog-max {
    left:0 !important;
    top:0px !important;
    width:100% !important;
    height:100% !important;
    bottom:0px !important;
    min-width:inherit !important
}
.app-wap-small .dialog-max.artDialog .aui-outer {
    border-radius:0px !important
}
.app-wap-small .dialog-max.dialog-no-title.dialog-form .aui-content {
    overflow:hidden
}
.app-wap-small .dialog-max.dialog-no-title.dialog-form .config-box.form-box {
    overflow:hidden;
    position:static
}
.app-wap-small .dialog-max.dialog-no-title.dialog-form .form-box .panel-form-body {
    padding:10px 0 40px 0;
    position:absolute !important;
    top:45px;
    bottom:0;
    overflow:auto
}
.app-wap-small .dialog-max .aui-content {
    overflow-y:auto;
    min-width:inherit
}
.app-wap-small .dialog-max .aui-border>tbody>tr {
    display:block !important
}
.app-wap-small .dialog-max .aui-border .aui-c {
    display:block
}
.app-wap-small .dialog-max .aui-buttons button.aui-state-highlight:focus {
    box-shadow:none
}
.app-wap-small .dialog-max .aui-max {
    display:none
}
.app-wap-small .dialog-max .resize-handle {
    display:none !important
}
.app-wap-small .dialog-max .aui-main {
    overflow:inherit
}
.app-wap-small .dialog-max.dialog-min-size {
    top:initial !important;
    bottom:10px !important;
    left:10px !important;
    width:250px !important;
    height:40px !important
}
.app-wap-small .dialog-max.dialog-min-size .aui-title-bar {
    background:transparent
}
.app-wap-small .dialog-max.dialog-min-size .aui-title {
    width:250px !important;
    box-sizing:border-box
}
.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size {
    margin-bottom:20px
}
.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom:40px
}
.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom:60px
}
.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom:80px
}
.app-wap-small .dialog-max:not(.dialog-simple) {
    width:inherit;
    margin-top:5px;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 -1px 8px rgba(0, 0, 0, 0.15)
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-main {
    box-sizing:border-box
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title-bar {
    height:40px;
    line-height:40px
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title {
    height:40px;
    line-height:40px;
    background:#fafafa;
    border-bottom:.5px solid #eee
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico {
    position:relative;
    top:-5px
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-min, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-max, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close {
    height:40px;
    width:44px;
    line-height:40px;
    background-color:transparent
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:hover, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:active {
    background-color:#e81123;
    color:#fff
}
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer {
    width:100% !important;
    height:100% !important
}
.app-wap-small .dialog-max.dialog-file-view:not(.dialog-simple) {
    margin:0;
    border-radius:0
}
.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-title {
    padding-top:5px
}
.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-min, .app-wap-small .dialog-max.dialog-simple .aui-outer .aui-max, .app-wap-small .dialog-max.dialog-simple .aui-outer .aui-close {
    height:36px;
    line-height:32px
}
.app-wap-small .dialog-max.dialog-bg-blur .aui-border {
    background:rgba(255, 255, 255, 0.96)
}
.app-wap-small .dialog-max.check-version-dialog .update-box {
    height:100%
}
.app-wap-small .dialog-max.dialog-app-select .aui-title-bar {
    position:absolute;
    width:100%
}
.app-wap-small .dialog-max.dialog-app-select .aui-content {
    margin-top:70px
}
.app-wap-small .dialog-max.dialog-file-upload .uploader-content, .app-wap-small .dialog-max.dialog-file-upload .downloader-content {
    bottom:30px
}
.app-wap-small .dialog-max.dialog-file-upload .file-upload-box .uploader-content {
    background:none
}
.app-wap-small .dialog-max.server-dwonload-textarea textarea {
    width:100% !important;
    box-sizing:border-box;
    padding:10px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .topbar-share-info {
    height:75px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .topbar-share-info .right-desc {
    left:15px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info {
    height:90px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info .path-ico {
    display:none
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info .right-desc {
    left:15px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader {
    padding:0
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader .topbar .right-desc .name {
    font-weight:normal
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box.config-box .panel-form-body {
    min-width:100%;
    padding-top:0;
    top:-2px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box.config-box .panel-form-body:after {
    content:"";
    display:block;
    height:120px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-timeTo .setting-content {
    padding:0
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-timeTo {
    padding:3px 0 0 0
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-timeToDesc {
    padding:8px 0 0 0;
    margin-left:-2px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-timeToSet .setting-content {
    padding-top:4px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-timeTo, .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-timeToDesc {
    margin-left:-25px;
    margin-top:4px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.form-checkbox .desc {
    display:inline-block !important
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-shareTitle {
    margin-left:4px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-shareLink .btn-group {
    right:0
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row label {
    margin-left:3px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .setting-content {
    padding-left:0;
    padding:2px 5px 2px 2px;
    overflow:visible
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .kod-select-main .auth-select-box {
    height:380px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .kod-select-main .auth-toolbar {
    margin-right:5px
}
.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .btn.add-user-group {
    top:-32px
}
.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-close {
    border:5px solid transparent
}
.app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-outer, .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-border {
    background:#000;
    width:100%;
    height:100%
}
.app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-full .dplayer-icon.dplayer-full-in-icon {
    display:none !important
}
.app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-video-wrap {
    height:calc(100% - 100px);
    margin-top:50px;
    background:#222
}
.app-wap-small .dialog-max.pathAuth-dialog .auth-list-body {
    position:absolute;
    width:96%;
    margin:10px 2%;
    padding:0;
    overflow:auto
}
.app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title {
    width:36px;
    line-height:22px
}
.app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title .label {
    left:10px;
    margin-right:10px
}
.app-wap-small .dialog-max.dialog-copyright .dialog-copyright-content, .app-wap-small .dialog-max.check-version-dialog .dialog-copyright-content, .app-wap-small .dialog-max.dialog-copyright .aui-content, .app-wap-small .dialog-max.check-version-dialog .aui-content {
    width:100%;
    height:100%;
    padding:0;
    min-width:inherit;
    border-radius:0
}
.app-wap-small .dialog-max.light-app-dialog .light-app-main {
    min-width:inherit;
    min-height:inherit
}
.app-wap-small .dialog-max.light-app-dialog .light-app-main .app-content .app-model {
    padding:15px
}
.app-wap-small .dialog-max.explorer-dialog-open .app-wap-small {
    border-top:.5px solid #ddd
}
.app-wap-small .dialog-max.dialog-file-upload .aui-min {
    display:block
}
.app-wap-small .dialog-max.dialog-file-upload .file-upload-box .upload-folder-dropdown {
    display:none
}
.app-wap-small .dialog-max.tag-list-dialog .drag-item {
    display:none !important
}
.app-wap-small .dialog-max.tag-list-dialog .dialog-form .form-box .form-row.inline+.inline.form-colorLabel {
    margin-top:-7px !important
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row, .app-wap-small .dialog-max .dialog-form .form-box .form-row {
    padding:0px 15px 0px 15px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-title {
    text-align:left !important;
    height:25px;
    line-height:25px;
    color:#222;
    padding-left:0;
    padding-top:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-userSelect .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-userSelect .setting-title {
    padding-top:5px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row label, .app-wap-small .dialog-max .dialog-form .form-box .form-row label {
    margin-top:0px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content {
    padding:0;
    margin-bottom:3px;
    overflow:visible !important
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .form-save-button, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content .form-save-button {
    margin:10px 0 10px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.row-inline .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.row-inline .setting-content {
    position:relative;
    top:5px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-table .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-table .setting-content {
    overflow:auto !important
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row h1, .app-wap-small .dialog-max .dialog-form .form-box .form-row h1, .app-wap-small .dialog-max.dialog-form .form-box .form-row h2, .app-wap-small .dialog-max .dialog-form .form-box .form-row h2, .app-wap-small .dialog-max.dialog-form .form-box .form-row h3, .app-wap-small .dialog-max .dialog-form .form-box .form-row h3, .app-wap-small .dialog-max.dialog-form .form-box .form-row h4, .app-wap-small .dialog-max .dialog-form .form-box .form-row h4, .app-wap-small .dialog-max.dialog-form .form-box .form-row h5, .app-wap-small .dialog-max .dialog-form .form-box .form-row h5 {
    margin-left:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .kod-select-main:hover .clear-select, .app-wap-small .dialog-max .dialog-form .form-box .form-row .kod-select-main:hover .clear-select {
    display:none
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-button-line:before, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-button-line:before {
    top:13px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline {
    box-sizing:border-box
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline+.inline, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline+.inline {
    padding-left:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline+.inline .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline+.inline .setting-title {
    height:23px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.inline-group+.form-row.inline, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.inline-group+.form-row.inline {
    margin-right:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.inline-group+.inline .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.inline-group+.inline .setting-title {
    margin-top:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .line, .app-wap-small .dialog-max .dialog-form .form-box .form-row .line, .app-wap-small .dialog-max.dialog-form .form-box .form-row hr, .app-wap-small .dialog-max .dialog-form .form-box .form-row hr {
    margin:5px 2px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-bottom-right-radius:0px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.form-input-text .setting-content input, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.form-input-text .setting-content input {
    min-width:50px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-input-text .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-input-text .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-segment .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-segment .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-checkbox .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-checkbox .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-radio .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-slider .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-slider .desc {
    display:block
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio label, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-radio label {
    top:0
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .setting-content .select2-container, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .setting-content .select2-container {
    width:inherit !important
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .desc {
    display:block
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-select>.setting-content>span.select2-container, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-select>.setting-content>span.select2-container, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-role>.setting-content>span.select2-container, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-role>.setting-content>span.select2-container {
    min-width:100%
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    position:relative;
    top:-1px
}
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    margin-left:8px
}
.app-wap-small .dialog-max.dialog-form .form-box.config-box .form-header .modal-title, .app-wap-small .dialog-max .dialog-form .form-box.config-box .form-header .modal-title {
    padding-left:15px
}
.app-wap-small .dialog-max.dialog-form .form-box .panel-form-body, .app-wap-small .dialog-max .dialog-form .form-box .panel-form-body {
    padding:10px 0 50px 0;
    position:relative !important;
    top:0px
}
.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    margin:0 15px -10px 10px
}
.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item {
    padding:5px 5px
}
.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body {
    padding:0px 0 40px 0;
    top:15px;
    position:relative !important;
    min-height:80%
}
.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body-main, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body-main {
    position:absolute;
    top:41px;
    bottom:0;
    overflow:auto;
    padding:0;
    width:100%
}
.app-wap-small .dialog-simple.music-player-dialog .aui-close {
    display:block !important
}
.app-wap-small .dialog-simple.music-player-dialog .aui-max {
    display:none !important
}
.app-wap-small .dialog-simple.music-player-dialog .aui-outer .aui-close {
    border:none
}
.app-wap-small .dplayer-dialog.dialog-max.dialog-simple .aui-outer .aui-close {
    border:none
}
.artDialog.dialog-prompt-box .aui-outer, .artDialog.dialog-confirm-box .aui-outer, .artDialog.dialog-alert-box .aui-outer {
    width:330px
}
.artDialog.dialog-prompt-box .aui-content, .artDialog.dialog-confirm-box .aui-content, .artDialog.dialog-alert-box .aui-content {
    max-height:160px;
    overflow:hidden;
    word-break:break-word
}
.artDialog.dialog-prompt-box .aui-title, .artDialog.dialog-confirm-box .aui-title, .artDialog.dialog-alert-box .aui-title {
    color:rgba(0, 0, 0, 0.001)
}
.artDialog.dialog-prompt-box .aui-title img, .artDialog.dialog-confirm-box .aui-title img, .artDialog.dialog-alert-box .aui-title img, .artDialog.dialog-prompt-box .aui-title .font-icon, .artDialog.dialog-confirm-box .aui-title .font-icon, .artDialog.dialog-alert-box .aui-title .font-icon {
    display:none !important
}
.artDialog.dialog-prompt-box .aui-main, .artDialog.dialog-confirm-box .aui-main, .artDialog.dialog-alert-box .aui-main {
    padding:25px 20px 40px 10px !important
}
.artDialog.dialog-confirm-box .confirm-cell {
    background:#fff
}
.artDialog.dialog-confirm-box .confirm-cell td {
    padding:0
}
.artDialog.dialog-confirm-box .confirm-tips {
    text-align:center;
    padding:5px 0;
    white-space:nowrap;
    color:#eb8c00;
    background:#ff98001c;
    color:#2196f3;
    background:#2296f31c
}
.artDialog.dialog-confirm-box .confirm-tips .desc {
    max-width:140px;
    position:relative;
    top:5px;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.artDialog.dialog-confirm-box .confirm-tips input {
    margin-left:5px;
    padding:2px 4px;
    border-radius:2px;
    width:40px;
    background:rgba(255, 255, 255, 0.6);
    border:1px solid rgba(0, 0, 0, 0.1)
}
.artDialog.dialog-confirm-box .confirm-tips input:focus {
    border-color:#1890ff;
    box-shadow:0 0 0 3px #1890ff2b
}
.artDialog.dialog-confirm-box.dialog-confirm2 .aui-main {
    padding:30px 15px 20px 15px
}
.app-wap-small .artDialog.dialog-prompt-box .aui-header, .app-wap-touch .artDialog.dialog-prompt-box .aui-header, .app-wap-small .artDialog.dialog-confirm-box .aui-header, .app-wap-touch .artDialog.dialog-confirm-box .aui-header, .app-wap-small .artDialog.dialog-alert-box .aui-header, .app-wap-touch .artDialog.dialog-alert-box .aui-header, .app-wap-small .artDialog.dialog-prompt-box .aui-icon, .app-wap-touch .artDialog.dialog-prompt-box .aui-icon, .app-wap-small .artDialog.dialog-confirm-box .aui-icon, .app-wap-touch .artDialog.dialog-confirm-box .aui-icon, .app-wap-small .artDialog.dialog-alert-box .aui-icon, .app-wap-touch .artDialog.dialog-alert-box .aui-icon {
    display:none
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer, .app-wap-small .artDialog.dialog-confirm-box .aui-outer, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer, .app-wap-small .artDialog.dialog-alert-box .aui-outer, .app-wap-touch .artDialog.dialog-alert-box .aui-outer {
    border-radius:13px;
    width:300px !important;
    background:rgba(255, 255, 255, 0.95);
    box-shadow:none !important;
    background:#efefef;
    background:rgba(250, 250, 250, 0.9);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.app-wap-small .artDialog.dialog-prompt-box .aui-main, .app-wap-touch .artDialog.dialog-prompt-box .aui-main, .app-wap-small .artDialog.dialog-confirm-box .aui-main, .app-wap-touch .artDialog.dialog-confirm-box .aui-main, .app-wap-small .artDialog.dialog-alert-box .aui-main, .app-wap-touch .artDialog.dialog-alert-box .aui-main {
    background:none;
    padding:20px 15px !important;
    min-height:50px;
    display:flex;
    align-content:space-around;
    flex-wrap:wrap
}
.app-wap-small .artDialog.dialog-prompt-box .aui-content, .app-wap-touch .artDialog.dialog-prompt-box .aui-content, .app-wap-small .artDialog.dialog-confirm-box .aui-content, .app-wap-touch .artDialog.dialog-confirm-box .aui-content, .app-wap-small .artDialog.dialog-alert-box .aui-content, .app-wap-touch .artDialog.dialog-alert-box .aui-content {
    color:#333;
    font-size:1.1em;
    overflow-y:auto;
    word-break:break-word;
    text-align:center;
    -khtml-user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    -o-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -moz-touch-callout:none !important;
    -ms-touch-callout:none !important;
    touch-callout:none !important
}
.app-wap-small .artDialog.dialog-prompt-box .aui-content h5, .app-wap-touch .artDialog.dialog-prompt-box .aui-content h5, .app-wap-small .artDialog.dialog-confirm-box .aui-content h5, .app-wap-touch .artDialog.dialog-confirm-box .aui-content h5, .app-wap-small .artDialog.dialog-alert-box .aui-content h5, .app-wap-touch .artDialog.dialog-alert-box .aui-content h5 {
    color:#111
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons {
    background:none;
    padding:0;
    border-top:.5px solid rgba(0, 0, 0, 0.15);
    display:flex
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight {
    height:44px;
    line-height:44px;
    padding:0;
    margin:0;
    width:100%;
    background:transparent;
    border-radius:0;
    font-size:1.1em;
    color:#007aff;
    border:none;
    box-shadow:none;
    border-right:.5px solid rgba(0, 0, 0, 0.15);
    box-sizing:border-box;
    box-shadow:none !important
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:last-child, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:last-child, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:last-child, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:last-child {
    border-right:none
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:active, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:active, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:active, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:active {
    color:#007aff;
    box-shadow:none;
    background:rgba(0, 0, 0, 0.05)
}
.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight {
    font-weight:800
}
.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons {
    display:block
}
.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight {
    width:50%;
    border-radius:0 0 0 13px;
    float:left;
    box-sizing:border-box
}
.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight {
    float:right;
    border-right:none;
    border-radius:0 0 13px 0;
    border-left:.5px solid rgba(0, 0, 0, 0.15)
}
.app-wap-small .artDialog.dialog-confirm-box.confirm-warning .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-confirm-box.confirm-warning .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-prompt-box.confirm-warning .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-touch .artDialog.dialog-prompt-box.confirm-warning .aui-outer .aui-buttons button.aui-state-highlight {
    color:#f30
}
.app-wap-small .artDialog.dialog-confirm-box.dialog-confirm2 .aui-main, .app-wap-touch .artDialog.dialog-confirm-box.dialog-confirm2 .aui-main, .app-wap-small .artDialog.dialog-prompt-box.dialog-confirm2 .aui-main, .app-wap-touch .artDialog.dialog-prompt-box.dialog-confirm2 .aui-main {
    padding:30px 15px 20px 15px !important
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .header .name-title {
    font-size:22px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from {
    height:90px;
    min-height:90px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .form-box .panel-form-body {
    position:absolute;
    top:-1px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row .setting-content {
    width:inherit !important
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.inline {
    padding:0 0 0 3px;
    width:auto
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.inline .setting-content {
    margin:6px 0 0 6px;
    padding-left:5px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.inline+.inline .setting-content {
    padding-left:5px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.inline+.inline {
    float:left
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.form-codeEditor .setting-content {
    left:inherit;
    top:inherit;
    width:95%
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.item-type {
    width:95%
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .form-box .form-row.item-type .select2-container {
    width:270px !important
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .drag-resize.drag-resize-y {
    padding-top:23px;
    margin-top:120px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .dialog-content {
    top:165px;
    padding-top:40px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .data-from .rename-start {
    right:10px;
    top:-2px
}
.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .actions {
    top:45px;
    right:5px
}
.app-wap-small .edit-main .edit-right-frame {
    width:1px !important;
    display:block;
    border:none
}
.app-wap-small .edit-main .edit-body .edit-content .ace_editor {
    width:100% !important
}
.app-wap-small .edit-main .edit-body .edit-content .drag-resize {
    display:none
}
.app-wap-small .edit-main .edit-body .edit-content .ace_editor.cal-page .drag-resize.cal-preview-resize {
    display:block
}
.app-wap-small .edit-main .tools a {
    padding:0px 8px
}
.app-wap-small .edit-main .tools .line {
    margin:5px 1px
}
.app-wap-small .edit-main .tools a[action="saveAll"], .app-wap-small .edit-main .tools a[action="historyBack"], .app-wap-small .edit-main .tools a[action="historyNext"], .app-wap-small .edit-main .tools a[action="historyNext"]+.line, .app-wap-small .edit-main .tools a[action="preview"], .app-wap-small .edit-main .tools .right, .app-wap-small .edit-main .tools a.menu-view-goto-line {
    display:none
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar {
    display:none
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview {
    padding:0 15px
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame a[action="toggle-markdown"] {
    display:none
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box {
    height:105px;
    top:5px;
    right:10px
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box {
    top:5px;
    right:45px
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting {
    top:75px;
    right:45px
}
.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-help {
    top:5px;
    right:45px;
    width:600px;
    max-width:calc(100vw - 50px)
}
.app-wap-small .edit-main .search-content .ace_search .ace_search_options {
    margin:3px 0 0 10px
}
.app-wap-small .edit-main .search-content .ace_search .ace_button {
    margin-left:-1px;
    width:25px;
    border-radius:0px
}
.app-wap-small .edit-main .search-content .ace_search .ace_search_input {
    left:95px;
    right:140px
}
.app-wap-small .edit-main .search-content .ace_search .ace_searchbtn, .app-wap-small .edit-main .search-content .ace_search .ace_replacebtn {
    padding:0 11px !important;
    width:initial
}
.app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame {
    width:100% !important
}
.app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame .markdown-preview {
    margin:20px auto
}
.app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .preview-markdown-tool .box {
    top:35px
}
.app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-menu-box {
    top:35px
}
.app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-setting {
    top:105px
}
.app-wap-small .edit-main .tools {
    border-bottom-width:.5px
}
.app-wap-small .edit-main .edit-tab .tabs {
    top:28.5px;
    border-bottom-width:.5px
}
.app-wap-small .edit-main .edit-tab .tabs .tab {
    border-left-width:.5px;
    border-right-width:.5px
}
.app-wap-small .ace_search .ace_search_field {
    width:80px
}
.app-wap-small .dialog-editor .edit-main .tools .top-toolbar {
    padding-left:0px
}
.app-wap-small .dialog-editor.dialog-max-first--- {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.app-wap-small .dialog-editor.dialog-max-first--- td.aui-main {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100% !important;
    height:100% !important
}
.app-wap-small .frame-main-explorer .bodymain, .app-wap-small .frame-main-desktop .bodymain {
    margin-top:76px;
    right:0 !important
}
.app-wap-small .frame-main-explorer .bodymain .file .item-select, .app-wap-small .frame-main-desktop .bodymain .file .item-select {
    display:none !important
}
.app-wap-small .frame-main-explorer .bodymain .file-select-info, .app-wap-small .frame-main-desktop .bodymain .file-select-info {
    font-size:10px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file {
    border-radius:2px;
    border:1px solid transparent
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit {
    box-shadow:none !important;
    z-index:50
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-radius:0 0 2px 2px;
    border:1px solid #91d5ff;
    padding:3px 4px 8px 4px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name {
    padding:4px 1px 2px 1px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name .title, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name .title {
    position:relative
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .meta-info .path-ico .x-item-icon, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .meta-info .path-ico .x-item-icon {
    margin:0px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .meta-info .file-list-tag, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .meta-info .file-list-tag {
    margin-right:-2px;
    margin-top:-3px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .meta-info .file-list-tag.group-tag, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .meta-info .file-list-tag.group-tag {
    margin-top:-16px;
    margin-right:0
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file, .app-wap-small .frame-main-desktop .bodymain .file-continer .file {
    background:transparent;
    border:none;
    transition:background .2s, margin .2s
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit {
    background:#e6f7ff !important;
    box-shadow:0 0 0 .5px #1890ff;
    z-index:150
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit .item-menu {
    display:none !important
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-select .item-check:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-select .item-check:before {
    position:relative
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .title-item, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .title-item, .app-wap-small .frame-main-explorer .bodymain .file-continer .file .title-item .title-text, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .title-item .title-text {
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .title-item textarea, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .title-item textarea, .app-wap-small .frame-main-explorer .bodymain .file-continer .file title-item input, .app-wap-small .frame-main-desktop .bodymain .file-continer .file title-item input {
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
    touch-callout:text
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu {
    display:block !important;
    width:20px;
    height:20px;
    padding:5px;
    background:none;
    border:none;
    border-radius:0;
    top:0px;
    right:0px;
    opacity:1;
    box-shadow:none;
    text-shadow:none
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert {
    margin:0;
    color:#aaa;
    width:20px;
    height:20px;
    line-height:18px;
    border-radius:50%;
    opacity:.5;
    background:rgba(255, 255, 255, 0.5);
    border:.5px solid rgba(150, 150, 150, 0.2);
    margin:-1px 0 0 -1px
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before {
    position:relative;
    top:-1px
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert {
    opacity:.8;
    border-color:#1890ff;
    color:#1890ff
}
.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.app-wap-small .frame-main-explorer .bodymain .file-continer {
    -webkit-overflow-scrolling:touch
}
.app-wap-small .frame-main-explorer .bodymain .file-continer.vlist-h-scoll-hidden::-webkit-scrollbar {
    display:none
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list {
    overflow-x:hidden
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .meta-info .meta-add:after {
    content:"";
    display:block;
    clear:both
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .meta-info .file-list-tag {
    max-width:40%;
    overflow:hidden;
    float:right
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .meta-info .file-list-tag .item .name {
    max-width:50px
}
.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .meta-info .file-meta-top {
    float:right
}
.app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title {
    overflow:inherit !important;
    width:75% !important;
    height:32px !important;
    margin-left:-3px;
    padding-left:3px;
    display:inline-block
}
.app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .textarea {
    overflow:inherit
}
.app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .newfile {
    padding:4px 4px 3px 4px;
    margin:2px 0 0 0;
    min-width:100%;
    width:100%;
    border-radius:3px;
    box-shadow:0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21
}
.app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title {
    margin-top:15px !important
}
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-not-writeable {
    opacity:1
}
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-not-writeable .title-item {
    opacity:.7
}
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-not-readable {
    opacity:1
}
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-not-readable .title-item {
    opacity:.5
}
.app-wap-small .frame-main-explorer.list-type-image .bodymain .file-list-icon .file {
    border-radius:0
}
.app-wap-small .frame-main-desktop .bodymain {
    margin-top:0px
}
.app-wap-small .frame-main-desktop .bodymain .refresh-element {
    position:fixed;
    top:40px;
    z-index:9999;
    background:rgba(24, 144, 255, 0.9);
    color:#fff
}
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu div.cert {
    background:rgba(0, 0, 0, 0.3);
    border:.5px solid rgba(255, 255, 255, 0.5);
    opacity:.2;
    color:#fff
}
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert {
    opacity:.8;
    border-color:#1890ff;
    color:#fff;
    background:rgba(24, 144, 255, 0.3)
}
.app-wap-small .frame-main-desktop .bodymain .file-continer .file.select .item-menu .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover .item-menu .cert {
    opacity:.9
}
.app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover {
    background:rgba(255, 255, 255, 0.1) !important
}
.app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(172, 223, 255, 0.2) !important
}
.app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-icon .file.file-icon-edit {
    box-shadow:0 0 0 1px #91d5ff6e !important
}
.app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    padding:3px 5px 8px 5px !important
}
.app-wap-small .frame-main-desktop .desktop-right-menu {
    display:block !important;
    visibility:visible !important
}
.app-wap-small .frame-main-desktop .tab-hide-all {
    display:none
}
.app-wap-small .artDialog.explorer-view-setting .form-row.item-fileShowRename, .app-wap-small .app-main .setting-page .form-row.item-fileShowRename {
    display:none
}
.app-wap-small .pathSelectApi .frame-main-explorer .bodymain .file-continer .file .item-select {
    display:block !important;
    border:4px solid transparent
}
.app-wap-small .pathSelectApi .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-select {
    right:50px;
    top:16px
}
.app-wap-small .pathSelectApi .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto {
    display:none
}
.app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-content .header-address {
    right:40px;
    left:10px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header {
    min-width:auto;
    background:none;
    height:75px;
    border-bottom:.5px solid #eee;
    position:relative;
    z-index:2
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content {
    padding:0;
    background:none;
    border:none;
    height:34px;
    overflow:hidden
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-left {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle {
    padding:0
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn-default {
    height:28.5px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn[data-action="goto-father"], .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn.fav-button, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn.refresh-button {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address {
    position:absolute;
    right:80px;
    left:40px;
    width:auto;
    height:34px;
    border:none;
    margin-top:3px;
    overflow:hidden;
    border-left:1px solid rgba(0, 0, 0, 0.01)
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .loading-item {
    line-height:34px;
    height:34px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico {
    position:relative;
    top:1px;
    vertical-align:top
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .svg-icon {
    position:absolute;
    top:7px;
    margin:0;
    margin-left:-2px;
    font-size:20px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a {
    background:transparent;
    overflow:hidden;
    margin-left:0;
    padding:0 16px 0 5px;
    border-radius:4px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:active, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:focus {
    background:#eee
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a .item-menu {
    display:none !important
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .first a {
    padding-left:2px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a .ripple-father {
    padding-right:15px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    position:absolute;
    top:1px;
    width:15px;
    font-size:1.2em;
    margin-left:0;
    opacity:.6;
    margin-right:-4px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:after {
    float:none;
    display:inline-block;
    margin-right:-4px;
    height:34px;
    line-height:36px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item.last {
    pointer-events:none;
    opacity:.7;
    margin-right:25px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item.last a:after {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item.first {
    opacity:1
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address span.title-name {
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input {
    position:absolute;
    left:0px;
    right:120px;
    left:40px;
    width:auto;
    border-right:none;
    border:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input {
    border-radius:0px;
    box-shadow:none;
    height:30px;
    line-height:30px;
    margin:5px 0 0 5px;
    background:#fafafa;
    border-radius:4px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input:focus {
    box-shadow:inset 0 0 3px #def
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right {
    top:40px;
    height:38px;
    position:absolute;
    width:100%
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box {
    top:0;
    left:10px;
    right:10px;
    z-index:50;
    margin-top:0
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search {
    border:none;
    box-shadow:none;
    height:32px;
    width:100%;
    background:#f4f4f4;
    border-radius:32px;
    padding:0 40px 0 15px;
    box-sizing:border-box
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .start-search, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-more, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-clear {
    width:30px;
    height:30px;
    line-height:30px;
    top:0;
    border:none;
    box-shadow:none;
    border-radius:4px;
    padding:0;
    margin:1px 1px 0 0;
    text-align:center
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .start-search {
    background:none;
    border-radius:30px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-more {
    right:30px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-clear {
    right:60px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right.search-open .search-box input.search, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search:focus {
    background:#f1f1f1
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-dropdown .form-row.item-searchContentTips .setting-title.no-title {
    display:inline-block
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn {
    border-width:.5px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools {
    border:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .btn {
    border-width:.5px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right {
    margin-right:10px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .menu-file-sort-by {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .set-icon-size {
    display:none !important
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .panel-toggle {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .list-type.active {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn[data-action="set-list-split"] {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm {
    margin-top:-35px;
    margin-right:-4px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn {
    padding:7px 8px;
    margin:0;
    border-radius:4px;
    background:none;
    border:none;
    box-shadow:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:active, .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:focus {
    background:#f3f3f3
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .font-icon {
    background:none;
    padding:0;
    margin:0 !important;
    width:auto !important;
    position:relative;
    top:-1px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type {
    color:#aaa
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type[data-action="set-list-list"]:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eeb9"
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type[data-action="set-list-icon"]:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9e"
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form {
    right:0;
    border:none;
    border-radius:0;
    margin-top:35px;
    width:450px;
    max-height:600px;
    overflow:auto;
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body {
    overflow:inherit;
    padding:5px 5px 5px 5px
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body .form-row .setting-content {
    width:calc(100% - 110px);
    box-sizing:border-box
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body .form-row.inline .setting-content {
    width:auto
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .header-middle .role-label-box {
    position:absolute;
    z-index:10;
    right:32px;
    left:inherit;
    margin-top:8px;
    background:rgba(0, 0, 0, 0.02)
}
.app-wap-small .frame-main-explorer .frame-right .frame-header .search-down-mask {
    background:rgba(0, 0, 0, 0.2);
    width:100%;
    height:3000px;
    z-index:10;
    position:absolute;
    top:35px;
    bottom:0px;
    left:0;
    right:0px
}
.app-wap-small .frame-main-explorer .frame-right .file-select-info {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .file-page {
    bottom:8px;
    font-size:10px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box {
    border-width:.5px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-cover {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to {
    padding:0 4px;
    min-width:inherit
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to.hidden {
    display:inline-block !important;
    visibility:visible !important
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info {
    border-left:none;
    margin-left:2px;
    height:28px;
    line-height:28px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info input {
    border-width:.5px;
    padding:2px 0px 2px 0px;
    height:16px;
    line-height:16px;
    position:absolute;
    top:4px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-select select {
    padding:0 13px 0 3px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info-text {
    padding-left:32px
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-content .page-to.hiddden {
    display:none !important
}
.app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-info-text {
    padding-left:4px
}
.app-wap-small .frame-main-explorer .frame-right .file-page.page-hide {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .tools .btn-group-sm>.btn.panel-toggle {
    padding:4px 6px 5px 6px !important;
    margin-left:10px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain {
    -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    top:40px;
    margin-top:0
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .list-type-header {
    display:none !important
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer-main {
    top:0px;
    padding:0px;
    background:#fff
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list {
    padding:0
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file {
    height:auto;
    min-height:64px;
    border:none;
    margin:0;
    width:100% !important;
    background:#fff
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after {
    content:" ";
    width:100%;
    height:.55px;
    position:absolute;
    left:73px;
    right:0px;
    bottom:0;
    background:#e6e6e6
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-more {
    display:none !important
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item {
    width:initial !important;
    height:34px;
    line-height:30px;
    margin-top:30px;
    display:inline-block;
    text-align:left;
    padding:0;
    margin-right:8px;
    min-width:20px;
    font-size:.9em;
    color:#aaa;
    overflow:initial
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item .user-info .path-ico {
    margin-right:5px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content {
    background:#fafdff;
    border:none;
    margin-bottom:0;
    width:100%
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content .search-show-more-toggle {
    margin-left:17px;
    padding-left:6px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content .children-search-item {
    margin-left:17px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-shareUser {
    width:60px !important;
    min-width:initial
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-shareTime, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-createTime {
    width:100px !important;
    min-width:initial
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name+.title-item {
    margin-left:73px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name+.title-item.title-type-driver {
    margin-left:35px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-path {
    position:absolute
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size {
    min-width:initial
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size .title-count {
    float:right;
    margin-left:5px;
    padding:0
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size .size-content {
    float:left;
    min-width:40px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-ioType {
    font-weight:800
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name {
    width:100% !important;
    height:64px;
    line-height:inherit;
    position:absolute;
    margin:0;
    padding:0;
    padding-left:8px;
    color:#555;
    font-size:15px;
    left:0px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title-continer {
    display:block;
    overflow:inherit
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico {
    height:48px;
    width:48px;
    line-height:48px;
    margin-right:16px;
    margin-top:8px;
    padding:0
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon {
    font-size:48px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-folder {
    margin-top:3px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label {
    height:43.2px !important;
    width:43.2px !important
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label:before {
    width:40%;
    height:40%;
    border-radius:50%;
    content:" ";
    background:linear-gradient(45deg, #ffffff7d, #ffffff00);
    margin-top:4px;
    position:absolute;
    right:15%;
    top:15%
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .svg-icon {
    height:48px;
    width:48px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico img {
    height:auto;
    max-height:48px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title-continer {
    background:transparent !important
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title {
    display:inline-block;
    line-height:1.1em;
    padding:5px 0 0px 0;
    max-width:75%;
    height:35px !important;
    display:flex;
    justify-content:space-around;
    flex-direction:column
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title .title-text {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    word-wrap:break-word
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title.title-only {
    padding:0;
    -webkit-box-pack:center;
    margin:0;
    margin-top:-2px;
    height:64px !important
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info {
    top:18px;
    right:45px;
    height:30px;
    line-height:30px;
    z-index:5;
    font-size:.8em;
    width:100%
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info.app-link {
    position:absolute;
    right:inherit;
    width:auto;
    top:38px;
    left:33px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info em {
    font-size:.8em
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .file-desc {
    line-height:30px;
    max-width:100px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .path-ico, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .svg-icon, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info img {
    width:16px;
    height:16px;
    line-height:30px;
    margin-top:2px;
    margin-left:2px;
    overflow:initial
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .meta-add .file-meta-lock {
    float:right
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon {
    font-size:16px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon:before {
    position:relative;
    top:-3px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu {
    height:64px;
    line-height:64px;
    padding:0;
    width:44.8px;
    text-align:center;
    right:8px
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu .cert {
    border:none;
    height:64px;
    line-height:62px;
    display:inline;
    background:none;
    font-size:14px;
    color:#ddd;
    opacity:1
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:active, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:focus {
    background:rgba(24, 144, 255, 0.1)
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:active .cert, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:focus .cert {
    color:#1890ff
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file {
    z-index:2
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu {
    position:absolute;
    right:0px;
    width:100%;
    height:64px;
    background:#1890ff;
    opacity:.7;
    z-index:0
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu.active {
    opacity:1
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu .font-icon {
    width:64px;
    height:100%;
    display:table;
    position:absolute;
    right:0;
    color:#fff;
    font-size:20px;
    background:rgba(255, 255, 255, 0.1)
}
.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu .font-icon:before {
    display:table-cell;
    vertical-align:middle
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element {
    position:absolute;
    z-index:150;
    font-size:12px;
    background:rgba(255, 255, 255, 0.6);
    color:#888;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    height:1px;
    visibility:hidden;
    transition:all .2s;
    z-index:9999;
    border-bottom:1px solid rgba(150, 150, 150, 0.1);
    margin-top:33px
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element.pull {
    visibility:visible;
    transition:none
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element .font-icon {
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon {
    transition:transform .3s;
    text-align:center;
    margin:0 auto;
    width:20px;
    height:20px
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading {
    -webkit-animation:moveCircleLoopRight .7s infinite linear;
    animation:moveCircleLoopRight .7s infinite linear;
    transition:none;
    width:15px;
    height:15px
}
.app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading .font-icon {
    width:15px;
    height:15px;
    border-radius:50%;
    border:2px solid #bbb;
    position:relative;
    left:-2px;
    top:-2px;
    border-bottom-color:#eee
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle {
    margin:3px 0 0 -4px;
    padding:0px 5px 2px 0;
    position:absolute;
    top:0px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:none;
    background:none
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef32"
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn {
    height:32px;
    line-height:32px;
    border:none;
    padding:0;
    width:36px;
    margin-top:1px;
    border-width:.5px;
    padding-left:5px;
    text-shadow:none;
    background:#40a9ff;
    background:#fefefe;
    box-shadow:none
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:active, .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:focus {
    background:#1890ff
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon {
    position:relative;
    top:0;
    padding-left:2px;
    height:32px;
    line-height:27px;
    color:#fff
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon:before {
    font-size:18px
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:hover, .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:active {
    background:#e6f7ff
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:hover .font-icon, .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:active .font-icon {
    color:#1890ff
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon {
    color:#1890ff;
    font-weight:800
}
.app-wap-small .frame-main-explorer .frame-left, .app-wap-small .frame-main-editor .frame-left {
    width:280px !important;
    z-index:100;
    background:#fff;
    box-shadow:0 10px 15px rgba(0, 0, 0, 0.1);
    border-right:none;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.app-wap-small .frame-main-explorer .drag-resize-tree, .app-wap-small .frame-main-editor .drag-resize-tree {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right, .app-wap-small .frame-main-editor .frame-right {
    left:0 !important;
    margin:0;
    min-width:auto;
    border-left:none
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a, .app-wap-touch .frame-main-editor .frame-left .ztree li a, .app-wap-small .frame-main-explorer .frame-left .ztree li a, .app-wap-small .frame-main-editor .frame-left .ztree li a {
    height:36px;
    line-height:34px;
    margin:0;
    border:none;
    padding-left:5px;
    font-size:1.1em;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover, .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover, .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover, .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover {
    background:transparent
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):active, .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):active, .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):active, .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):active, .app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover:active, .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover:active, .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover:active, .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover:active, .app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):focus, .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):focus, .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):focus, .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):focus {
    background:#e5f3ff
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level1, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-small .frame-main-editor .frame-left .ztree li a.level1 {
    height:36px;
    line-height:36px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 {
    padding-left:0px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 .menu-item {
    margin-right:0
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch {
    height:36px;
    line-height:36px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open {
    line-height:35px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-touch .frame-main-editor .frame-left .ztree li a input.rename, .app-wap-small .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-small .frame-main-editor .frame-left .ztree li a input.rename {
    height:34px;
    margin-top:1px;
    line-height:30px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree ul.level0 a.level1 span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree ul.level0 a.level1 span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree ul.level0 a.level1 span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree ul.level0 a.level1 span.button.switch {
    height:36px;
    line-height:36px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch {
    height:36px;
    line-height:36px;
    width:30px !important;
    padding:0
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:hover, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:hover, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:hover, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:hover {
    background:transparent
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:active, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:active, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:active, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:active, .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:hover:active, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:hover:active, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:hover:active, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:hover:active, .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:focus, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:focus, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:focus, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:focus {
    background:rgba(0, 0, 0, 0.03)
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li .node_name span.node-name-desc, .app-wap-touch .frame-main-editor .frame-left .ztree li .node_name span.node-name-desc, .app-wap-small .frame-main-explorer .frame-left .ztree li .node_name span.node-name-desc, .app-wap-small .frame-main-editor .frame-left .ztree li .node_name span.node-name-desc {
    height:18px;
    line-height:18px;
    margin-top:9px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item {
    display:block;
    width:36px;
    height:36px;
    margin-top:0;
    top:0;
    right:0;
    border:none;
    color:rgba(0, 0, 0, 0.05);
    background:transparent;
    border-radius:0;
    box-shadow:none;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    transition:all .2s
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:hover, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background:transparent
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:hover:active, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:hover:active, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover:active, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover:active, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:focus, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:focus, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:focus, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:focus {
    background:rgba(255, 255, 255, 0.1)
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert {
    border:none;
    font-size:12px;
    width:36px;
    height:36px;
    margin:0;
    line-height:34px
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert {
    color:#1890ff
}
.app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert {
    background:rgba(24, 144, 255, 0.1)
}
.app-wap-small .frame-main-explorer.file-select-sdk.menu-show-parent.frame-main .frame-right .frame-header .tools-wap .menu-body-auto {
    bottom:65px;
    right:15px
}
.app-wap-small .frame-main-explorer .tools-wap {
    padding-top:5px;
    margin-left:4px;
    display:block
}
.app-wap-small .frame-main-explorer .tools-left {
    display:none
}
.app-wap-touch .file-continer.file-list-list .file .path-ico.path-ico-image .picture:before {
    width:18px;
    height:18px;
    line-height:18px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a input.rename {
    height:28px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1 input.rename {
    line-height:30px
}
.app-wap-small .pathinfo .p {
    margin-bottom:5px
}
.frame-main .select-file-bar {
    display:none
}
.app-wap-touch .frame-main-explorer.frame-main.frame-main-explorer, .app-wap-touch .frame-main-desktop.frame-main.frame-main-explorer, .app-wap-small .frame-main-explorer.frame-main.frame-main-explorer, .app-wap-small .frame-main-desktop.frame-main.frame-main-explorer {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-explorer.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar {
    position:absolute;
    top:0px;
    z-index:50;
    width:100%;
    height:76px;
    line-height:76px;
    background:rgba(24, 144, 255, 0.95);
    color:#fff;
    transform:translateY(-76px);
    visibility:hidden !important;
    display:block;
    opacity:0;
    font-size:14px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn {
    padding:0 15px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    z-index:2
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn:active {
    background:rgba(255, 255, 255, 0.1)
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .left, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .left {
    float:left
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .right, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .right {
    float:right
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num {
    position:absolute;
    text-align:center;
    width:100%;
    z-index:0
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num em {
    font-style:normal;
    padding:0 2px;
    font-weight:800
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-all {
    padding-left:5px;
    margin-left:-4px
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-desktop.frame-main.select-file .select-file-bar {
    visibility:visible !important;
    transform:translateY(0);
    opacity:1
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-touch .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto {
    right:-50px !important
}
.app-wap-touch .frame-main-explorer.frame-main .tools-left, .app-wap-touch .frame-main-desktop.frame-main .tools-left, .app-wap-small .frame-main-explorer.frame-main .tools-left, .app-wap-small .frame-main-desktop.frame-main .tools-left {
    display:block
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item {
    transform:translateY(50px);
    position:fixed;
    bottom:0px;
    left:0px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    z-index:50;
    text-align:center;
    background:#1890ff;
    width:100%;
    height:50px
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group {
    padding:0;
    margin:0;
    float:none;
    width:100%;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    flex-direction:row;
    -webkit-flex-direction:row
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .desc-name {
    position:relative;
    top:5px;
    font-size:12px
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn {
    flex:1;
    color:#fff;
    height:50px;
    margin:0;
    padding:0 0px;
    text-shadow:none;
    font-size:14px;
    background:none;
    box-shadow:none;
    border:none;
    opacity:.6;
    pointer-events:none;
    border-left:.5px solid rgba(255, 255, 255, 0.05);
    white-space:normal
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon {
    background:none !important;
    display:block;
    font-size:20px;
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
    margin-top:-2px
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill {
    display:none
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before {
    display:inline-block;
    color:#fff !important;
    background:transparent;
    text-fill-color:#fff;
    -webkit-text-fill-color:#fff;
    background-clip:text;
    -webkit-background-clip:text
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn:active {
    background:rgba(255, 255, 255, 0.15)
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar {
    display:none !important
}
.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file {
    display:block !important
}
.app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action {
    opacity:.5;
    pointer-events:none
}
.app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action {
    opacity:1;
    pointer-events:auto
}
.app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn {
    opacity:1;
    pointer-events:auto
}
.app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn.disabled, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn.disabled, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn.disabled, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn.disabled {
    opacity:.5;
    pointer-events:none
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item {
    visibility:visible !important;
    transform:translateY(0)
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file {
    opacity:.7
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu {
    display:none !important
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select {
    display:block !important;
    padding:8px;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select {
    opacity:1;
    background:#e6f7ff !important
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.file-select-drag-temp .item-select .item-check, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.file-select-drag-temp .item-select .item-check, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.file-select-drag-temp .item-select .item-check, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.file-select-drag-temp .item-select .item-check {
    background:#3b8cff
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.selectToggleClass .item-select .item-check, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.selectToggleClass .item-select .item-check, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.selectToggleClass .item-select .item-check, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.selectToggleClass .item-select .item-check {
    background:rgba(0, 0, 0, 0.05)
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select {
    padding:0;
    top:0;
    right:0;
    left:unset;
    height:64px;
    width:64px;
    right:8px
}
.app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .file .item-select .item-check {
    position:relative;
    top:20px;
    left:20px
}
.app-wap-touch .frame-main-explorer.frame-main .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-touch .frame-main-desktop.frame-main .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-small .frame-main-explorer.frame-main .bodymain .file-continer.file-list-list .file .item-select .item-check, .app-wap-small .frame-main-desktop.frame-main .bodymain .file-continer.file-list-list .file .item-select .item-check {
    position:relative;
    top:-3px;
    left:0;
    width:22px;
    height:22px;
    line-height:22px
}
.app-wap-touch .frame-main-explorer.frame-main .bodymain .file-continer.file-list-list .file .item-menu .cert, .app-wap-touch .frame-main-desktop.frame-main .bodymain .file-continer.file-list-list .file .item-menu .cert, .app-wap-small .frame-main-explorer.frame-main .bodymain .file-continer.file-list-list .file .item-menu .cert, .app-wap-small .frame-main-desktop.frame-main .bodymain .file-continer.file-list-list .file .item-menu .cert {
    background:none
}
.app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar {
    height:45px;
    line-height:45px;
    z-index:110;
    transform:translateY(-45px)
}
.app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select {
    background:rgba(255, 255, 255, 0.3) !important
}
.app-wap-touch .artDialog.pathSelectApi .app-wap-small .artDialog.pathSelectApi .context-menu-item.file-select-mutil {
    display:none
}
.app-wap-touch .share-page-main .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .share-page-main .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item {
    bottom:32px
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-more {
    left:70px
}
.app-wap-small .menuBar {
    top:0;
    width:100%;
    height:44px;
    background:linear-gradient(30deg, #1b6de1, #075fb8)
}
.app-wap-small .menuBar .logo {
    height:44px;
    min-height:44px;
    line-height:44px;
    background:none;
    width:50px;
    padding:0 8px;
    float:left;
    position:relative;
    z-index:2
}
.app-wap-small .menuBar .logo a {
    line-height:44px;
    margin-top:-1px
}
.app-wap-small .menuBar .menu-item {
    height:44px;
    line-height:46px;
    width:inherit;
    float:left;
    padding:0 10px;
    border-left:.5px solid rgba(255, 255, 255, 0.05)
}
.app-wap-small .menuBar .menu-item .font-icon {
    width:14px;
    height:30px;
    line-height:20px;
    font-size:15px;
    display:inline-block;
    padding:0
}
.app-wap-small .menuBar .menu-item .image-icon {
    display:inline-flex;
    width:20px;
    height:20px;
    margin-top:6px;
    overflow:visible;
    padding:0;
    margin-right:2px
}
.app-wap-small .menuBar .menu-item .image-icon img {
    top:5px
}
.app-wap-small .menuBar .menu-item.this:before {
    display:none
}
.app-wap-small .menuBar .activebar-bottom .menu-item {
    padding:0;
    width:45px
}
.app-wap-small .menuBar .menu-group-submenu {
    float:left;
    position:relative
}
.app-wap-small .menuBar .menu-group-submenu .menu-item {
    border-right:1px solid rgba(255, 255, 255, 0.05);
    padding:0 15px;
    color:#fff
}
.app-wap-small .menuBar .menu-group-submenu .menu-item span {
    display:none
}
.app-wap-small .menuBar .menu-group-user {
    font-size:1em
}
.app-wap-small .menuBar .dropdown-menu {
    position:absolute;
    padding:0;
    margin:0;
    margin-top:-2px;
    left:initial;
    top:44px;
    bottom:initial;
    right:0
}
.app-wap-small .menuBar .dropdown-menu .menu-arrow {
    transform:rotate(45deg);
    width:8px;
    height:8px;
    top:-4px;
    right:18px;
    left:auto;
    bottom:auto
}
.app-wap-small .menuBar .dropdown-menu li.divider {
    height:.5px;
    margin:3px 0px 3px 20px;
    background:rgba(0, 0, 0, 0.1)
}
.app-wap-small .menuBar .menu-dropdown-submenu {
    width:305px;
    right:auto;
    left:0
}
.app-wap-small .menuBar .menu-dropdown-submenu .menu-arrow {
    right:auto;
    left:17px
}
.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right {
    right:0;
    left:inherit
}
.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right .menu-arrow {
    right:17px;
    left:inherit
}
.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle {
    position:fixed;
    left:0px
}
.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle .menu-arrow {
    display:none
}
.app-wap-small .menuBar .menu-dropdown-notice {
    width:260px;
    overflow:inherit;
    margin-right:-55px
}
.app-wap-small .menuBar .menu-dropdown-notice .menu-arrow {
    right:70px;
    background:#f2f2f2
}
.app-wap-small .menuBar .menu-dropdown-language {
    width:285px
}
.app-wap-small .menuBar .menu-dropdown-language .menu-arrow {
    right:-4px;
    top:50%;
    transform:rotate(135deg)
}
.app-wap-small .menuBar .menu-dropdown-language li.url-link {
    line-height:35px;
    height:35px
}
.app-wap-small .menuBar .menu-dropdown-language li:active {
    background:#1890ff;
    color:#fff
}
.app-wap-small .menuBar .menu-dropdown-language li:active .font-icon {
    color:rgba(255, 255, 255, 0.8)
}
.app-wap-small .menuBar .menu-group-user {
    line-height:44px
}
.app-wap-small .menuBar .menu-group-user .menu-item-user .avata {
    width:26.4px;
    height:26.4px;
    padding:0
}
.app-wap-small .menuBar .menu-notice-item {
    border-radius:0
}
.app-wap-small .menuBar .menu-notice-item .font-icon {
    font-size:1.1em;
    top:0px
}
.app-wap-small .menuBar .activebar-bottom {
    right:0px;
    bottom:0px;
    height:44px
}
.app-wap-small .menuBar .activebar-bottom .menu-group {
    float:left;
    position:relative
}
.app-wap-small .app-main {
    left:0px;
    top:44px
}
.app-wap-small .app-admin .app-main {
    top:0;
    left:0
}
.app-wap-small .app-desktop#app .app-main {
    top:0px
}
.app-wap-small .app-desktop#app .bodymain {
    left:0px;
    top:44px
}
.app-wap-small .app-desktop#app .menuBar {
    background:none
}
.app-wap-small .app-desktop#app .menuBar .menu-item {
    text-shadow:0 0 0 #fff, 0 0 2px rgba(0, 0, 0, 0.9), 0 0 4px rgba(0, 0, 0, 0.8)
}
.app-wap-small .app-desktop#app .menuBar .menu-item .font-icon {
    text-shadow:0 0 0 #fff, 0 0 4px rgba(0, 0, 0, 0.4)
}
.app-wap-small.small-x .menuBar .menu-dropdown-language {
    top:auto;
    bottom:-310px;
    right:216px
}
.app-wap-small.small-x .menuBar .menu-dropdown-language .menu-arrow {
    right:-4px;
    bottom:42px;
    top:auto;
    transform:rotate(135deg)
}
.menu-show-parent .menu-show-mask {
    display:none
}
.menu-show-parent .menu-show-toggle {
    display:none
}
.app-wap-small .menu-show-parent .menu-show-toggle {
    display:block;
    position:fixed;
    left:0;
    z-index:5;
    width:40px;
    height:30px;
    line-height:29px;
    background:#e6f7ff;
    text-align:center;
    margin:20px 0 0 0;
    border-radius:0 3px 3px 0;
    background:rgba(24, 144, 255, 0.6);
    color:#fff;
    border-left:none;
    font-size:10px;
    cursor:pointer;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:2px 0 8px rgba(0, 0, 0, 0.1)
}
.app-wap-small .menu-show-parent .menu-show-toggle .font-icon {
    position:relative;
    top:-1px;
    display:inline-block;
    height:30px;
    line-height:30px
}
.app-wap-small .menu-show-parent .menu-show-toggle .font-icon:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee55"
}
.app-wap-small .menu-show-parent .menu-show-toggle:active {
    color:#fff;
    background:rgba(24, 144, 255, 0.9)
}
.app-wap-small .menu-show-parent .menu-show-mask {
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0, 0, 0, 0.1);
    z-index:90;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden
}
.app-wap-small .menu-show-parent .menu-show-mask:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.setting-page .menu-show-toggle {
    margin:5px 0 0 0;
    line-height:25px
}
.app-wap-small .menu-show-parent.setting-page .setting-menu-left {
    visibility:hidden;
    transform:translateX(-255px)
}
.app-wap-small .menu-show-parent.setting-page .setting-menu-left:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask {
    visibility:visible;
    opacity:1
}
.app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left {
    visibility:visible;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.admin-page .menu-show-toggle {
    margin:5px 0 0 0;
    line-height:25px
}
.app-wap-small .menu-show-parent.admin-page .admin-menu-left {
    visibility:hidden;
    transform:translateX(-255px);
    z-index:510
}
.app-wap-small .menu-show-parent.admin-page.menu-show-open>.menu-show-mask {
    visibility:visible;
    opacity:1;
    z-index:505
}
.app-wap-small .menu-show-parent.admin-page.menu-show-open>.menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left {
    visibility:visible;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.setting-page .setting-main, .app-wap-small .menu-show-parent.admin-page .admin-main {
    left:0
}
.app-wap-small .menu-show-parent.setting-page .setting-main .header, .app-wap-small .menu-show-parent.admin-page .admin-main .header {
    height:40px
}
.app-wap-small .menu-show-parent.setting-page .setting-main .panel-body, .app-wap-small .menu-show-parent.admin-page .admin-main .panel-body {
    padding:10px 10px !important
}
.app-wap-small .menu-show-parent.setting-page .setting-main .panel-body.overview-page, .app-wap-small .menu-show-parent.admin-page .admin-main .panel-body.overview-page {
    padding:0 0 !important
}
.app-wap-small .menu-show-parent.setting-page .setting-main .title-address, .app-wap-small .menu-show-parent.admin-page .admin-main .title-address {
    margin-left:45px;
    line-height:40px
}
.app-wap-small .menu-show-parent.admin-page .admin-main .panel-body.admin-recycle-page {
    top:40px
}
.app-wap-small .menu-show-parent.admin-page .admin-main-content.admin-main-content-member {
    top:40px
}
.app-wap-small .menu-show-parent.admin-page .admin-main .panel-body.storage-page .panel-form-body {
    padding:0 !important
}
.app-wap-small .menu-show-parent.admin-page .admin-main .panel-body.storage-page .form-box .form-row.item-storeType .desc {
    position:absolute;
    right:0px;
    top:-28px
}
.app-wap-small .menu-show-parent.admin-page .admin-main .panel-body.storage-page .form-box .form-row.form-input-text .desc {
    position:absolute;
    right:0px;
    top:-20px
}
.app-wap-small .menu-show-parent.light-app-main .menu-show-toggle {
    margin:10px 0 0 0
}
.app-wap-small .menu-show-parent.light-app-main .app-menu-left {
    visibility:hidden;
    transform:translateX(-200px);
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all;
    border:none
}
.app-wap-small .menu-show-parent.light-app-main .app-menu-left:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask {
    visibility:visible;
    opacity:1
}
.app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left {
    visibility:visible;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.light-app-main .app-content {
    left:0
}
.app-wap-small .menu-show-parent.light-app-main .app-content .app-model .h1 {
    margin-left:0;
    padding-left:35px;
    margin-top:-5px
}
.app-wap-small .menu-show-parent.frame-main-explorer .frame-right.panel-open .menu-body-auto {
    right:-50px !important
}
.app-wap-small .menu-show-parent:before {
    line-height:15px;
    font-size:15px;
    position:relative;
    top:0px
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left {
    visibility:hidden;
    transform:translateX(-280px)
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask {
    visibility:visible;
    opacity:1
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left {
    visibility:visible;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto {
    position:fixed;
    bottom:40px;
    right:25px;
    left:inherit;
    text-align:center;
    border-radius:50px;
    height:45px;
    width:45px;
    padding:0;
    font-size:18px;
    z-index:10;
    background:#1890ff;
    box-shadow:none;
    border:none;
    opacity:.8;
    box-shadow:2px 2px 10px #1890ff5c;
    -ms-transition:.3s all;
    -webkit-transition:.3s all;
    -moz-transition:.3s all;
    -o-transition:.3s all;
    transition:.3s all;
    transform:rotate(0deg);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto .font-icon {
    padding:0;
    font-size:26px;
    margin-top:-1px;
    display:inline-block
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto .font-icon:before {
    color:#fff;
    background:transparent;
    text-fill-color:#fff;
    -webkit-text-fill-color:#fff;
    background-clip:text;
    -webkit-background-clip:text
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto.context-menu-active {
    transform:rotate(45deg)
}
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn {
    border-color:#40a9ff;
    background:#40a9ff;
    border-radius:0 3px 3px 0
}
.app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle {
    width:28px;
    height:24px;
    line-height:24px;
    margin:2px 0 0 0;
    z-index:20
}
.app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon {
    color:#fff;
    position:relative;
    top:-2px;
    height:22px;
    line-height:22px
}
.app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon:before {
    font-size:15px
}
.app-wap-small .menu-show-parent.frame-main-editor .frame-left {
    visibility:hidden;
    transform:translateX(-280px)
}
.app-wap-small .menu-show-parent.frame-main-editor .frame-left:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask {
    visibility:visible;
    opacity:1
}
.app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left {
    visibility:visible;
    display:block;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.frame-main-editor .edit-main .tools .top-toolbar {
    padding-left:25px
}
.app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle {
    width:30px;
    height:28px;
    line-height:24px;
    opacity:.8;
    margin-top:-6px;
    z-index:10
}
.app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon {
    height:inherit;
    line-height:inherit
}
.app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon:before {
    font-size:1.1em
}
.app-wap-small .menu-show-parent.frame-main-member .frame-left {
    visibility:hidden;
    transform:translateX(-280px)
}
.app-wap-small .menu-show-parent.frame-main-member .frame-left:before {
    visibility:hidden
}
.app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask {
    visibility:visible;
    opacity:1
}
.app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask:before {
    visibility:visible
}
.app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left {
    visibility:visible;
    transform:translateX(0)
}
.app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left:before {
    visibility:visible
}
.right-menu-box .item-cancle, .right-menu-box .item-back {
    display:none
}
.right-menu-box .context-menu-list {
    width:initial !important
}
.app-wap-touch div.right-menu-box.open, .app-wap-small div.right-menu-box.open {
    overflow:hidden !important
}
.app-wap-touch .right-menu-box, .app-wap-small .right-menu-box {
    position:absolute;
    z-index:99999;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    font-size:14px;
    display:none
}
.app-wap-touch .right-menu-box.open, .app-wap-small .right-menu-box.open {
    display:block
}
.app-wap-touch .right-menu-box .dialog-menu-title .dialog-max, .app-wap-small .right-menu-box .dialog-menu-title .dialog-max, .app-wap-touch .right-menu-box .dialog-menu-title .dialog-min, .app-wap-small .right-menu-box .dialog-menu-title .dialog-min {
    display:none
}
.app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list {
    top:inherit !important;
    right:0 !important;
    bottom:5px !important;
    left:0px !important;
    border:none !important;
    -ms-transition:all .25s;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    border-radius:6px;
    box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    overflow:hidden;
    bottom:59.5px !important;
    padding:15px 0 8px 0;
    animation-fill-mode:forwards;
    width:420px !important;
    max-width:100%;
    min-width:inherit;
    max-height:80%;
    overflow-y:auto;
    margin:0 auto;
    box-sizing:border-box;
    border-radius:10px 10px 0 0;
    background:rgba(255, 255, 255, 0.98)
}
.app-wap-touch .right-menu-box .context-menu-list.animated, .app-wap-small .right-menu-box .context-menu-list.animated, .app-wap-touch .right-menu-box .context-menu-list .context-menu-list, .app-wap-small .right-menu-box .context-menu-list .context-menu-list {
    animation-name:inherit;
    -webkit-animation-name:inherit;
    animation-duration:inherit;
    -webkit-animation-duration:inherit;
    animation-timing-function:inherit;
    -webkit-animation-timing-function:inherit;
    animation-iteration-count:inherit;
    -webkit-animation-iteration-count:inherit;
    transition:all .25s !important
}
.app-wap-touch .right-menu-box .context-menu-list:before, .app-wap-small .right-menu-box .context-menu-list:before {
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:40px;
    height:5px;
    margin-left:-20px;
    background:#eee;
    border-radius:3px
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item, .app-wap-small .right-menu-box .context-menu-list .context-menu-item {
    height:36px;
    line-height:36px;
    border-bottom:.5px solid rgba(0, 0, 0, 0.02);
    border:none;
    color:inherit;
    font-size:1.1em;
    padding:0px 30px 0 30px;
    -ms-transition:all .35s;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
    cursor:pointer;
    overflow:hidden
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.context-menu-separator, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.context-menu-separator {
    height:.5px;
    background:rgba(0, 0, 0, 0.1);
    border:none !important;
    padding:0;
    margin:3px 0 3px 0px
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item span b, .app-wap-small .right-menu-box .context-menu-list .context-menu-item span b {
    display:none
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item:active, .app-wap-small .right-menu-box .context-menu-list .context-menu-item:active {
    background:rgba(0, 0, 0, 0.15)
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon, .app-wap-small .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon {
    width:120%;
    max-width:120%;
    max-height:120%;
    margin-top:-2px
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey, .app-wap-small .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey {
    display:none
}
.app-wap-touch .right-menu-box .context-menu-list .context-menu-submenu:after, .app-wap-small .right-menu-box .context-menu-list .context-menu-submenu:after {
    top:9px
}
.app-wap-touch .right-menu-box .menu-path-folder .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-folder .context-menu-item.search, .app-wap-touch .right-menu-box .menu-path-guest-folder .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-guest-folder .context-menu-item.search, .app-wap-touch .right-menu-box .menu-simple-folder .context-menu-item.search, .app-wap-small .right-menu-box .menu-simple-folder .context-menu-item.search, .app-wap-touch .right-menu-box .menu-group-self-tree .context-menu-item.search, .app-wap-small .right-menu-box .menu-group-self-tree .context-menu-item.search, .app-wap-touch .right-menu-box .menu-group-root-tree .context-menu-item.search, .app-wap-small .right-menu-box .menu-group-root-tree .context-menu-item.search, .app-wap-touch .right-menu-box .menu-path-root-tree .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-root-tree .context-menu-item.search, .app-wap-touch .right-menu-box .menu-path-folder-tree .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-folder-tree .context-menu-item.search, .app-wap-touch .right-menu-box .menu-path-file .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-file .context-menu-item.search, .app-wap-touch .right-menu-box .menu-simple-file .context-menu-item.search, .app-wap-small .right-menu-box .menu-simple-file .context-menu-item.search, .app-wap-touch .right-menu-box .menu-path-guest-file .context-menu-item.search, .app-wap-small .right-menu-box .menu-path-guest-file .context-menu-item.search {
    display:none !important
}
.app-wap-touch .right-menu-box .menu-path-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-folder .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-guest-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-guest-folder .context-menu-item.open, .app-wap-touch .right-menu-box .menu-simple-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-simple-folder .context-menu-item.open, .app-wap-touch .right-menu-box .menu-group-self-tree .context-menu-item.open, .app-wap-small .right-menu-box .menu-group-self-tree .context-menu-item.open, .app-wap-touch .right-menu-box .menu-group-root-tree .context-menu-item.open, .app-wap-small .right-menu-box .menu-group-root-tree .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-root-tree .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-root-tree .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-folder-tree .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-folder-tree .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-file .context-menu-item.open, .app-wap-touch .right-menu-box .menu-simple-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-simple-file .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-guest-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-guest-file .context-menu-item.open {
    display:none !important
}
.app-wap-touch .right-menu-box .menu-path-folder .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-folder .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-path-guest-folder .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-guest-folder .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-simple-folder .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-simple-folder .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-group-self-tree .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-group-self-tree .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-group-root-tree .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-group-root-tree .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-path-root-tree .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-root-tree .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-path-folder-tree .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-folder-tree .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-path-file .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-file .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-simple-file .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-simple-file .context-menu-item.open+.context-menu-separator, .app-wap-touch .right-menu-box .menu-path-guest-file .context-menu-item.open+.context-menu-separator, .app-wap-small .right-menu-box .menu-path-guest-file .context-menu-item.open+.context-menu-separator {
    display:none
}
.app-wap-touch .right-menu-box .menu-path-guest-body .context-menu-item.refresh, .app-wap-small .right-menu-box .menu-path-guest-body .context-menu-item.refresh, .app-wap-touch .right-menu-box .menu-path-body .context-menu-item.refresh, .app-wap-small .right-menu-box .menu-path-body .context-menu-item.refresh {
    display:none !important
}
.app-wap-touch .right-menu-box.menu-path-folder-tree .context-menu-item.past, .app-wap-small .right-menu-box.menu-path-folder-tree .context-menu-item.past {
    display:none !important
}
.app-wap-touch .right-menu-box .context-menu-list .set-list-type-item.set-list-split, .app-wap-small .right-menu-box .context-menu-list .set-list-type-item.set-list-split {
    display:none !important
}
.app-wap-touch .right-menu-box .context-menu-list .refresh, .app-wap-small .right-menu-box .context-menu-list .refresh, .app-wap-touch .right-menu-box .context-menu-list .refresh+.context-menu-separator, .app-wap-small .right-menu-box .context-menu-list .refresh+.context-menu-separator {
    display:none
}
.app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list {
    transform:translateX(-500px) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-show-current, .app-wap-small .right-menu-box .context-menu-list.menu-show-current {
    transform:translateX(0) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-left {
    transform:translateX(-500px) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-right {
    transform:translateX(500px) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-middle {
    transform:translateX(0) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-at-left {
    transform:translateX(-500px) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-at-right {
    transform:translateX(500px) !important
}
.app-wap-touch .right-menu-box .context-menu-list.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-at-middle {
    transform:translateX(0) !important
}
@media (min-width:720px) {
    .app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list {
        transform:translateX(-720px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current, .app-wap-small .right-menu-box .context-menu-list.menu-show-current {
        transform:translateX(0) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-left {
        transform:translateX(-720px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-right {
        transform:translateX(720px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-middle {
        transform:translateX(0) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-at-left {
        transform:translateX(-720px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-at-right {
        transform:translateX(720px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-at-middle {
        transform:translateX(0) !important
    }
}
@media (min-width:900px) {
    .app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list {
        transform:translateX(-900px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current, .app-wap-small .right-menu-box .context-menu-list.menu-show-current {
        transform:translateX(0) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-left {
        transform:translateX(-900px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-right {
        transform:translateX(900px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-middle {
        transform:translateX(0) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-at-left {
        transform:translateX(-900px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-at-right {
        transform:translateX(900px) !important
    }
    .app-wap-touch .right-menu-box .context-menu-list.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-at-middle {
        transform:translateX(0) !important
    }
}
.app-wap-touch .right-menu-box .menu-content, .app-wap-small .right-menu-box .menu-content {
    z-index:1000;
    position:relative;
    height:100%;
    width:100%;
    transform:translateY(0);
    -ms-transition:transform .35s;
    -webkit-transition:transform .35s;
    -moz-transition:transform .35s;
    -o-transition:transform .35s;
    transition:transform .35s
}
.app-wap-touch .right-menu-box .menu-content .menu-footer, .app-wap-small .right-menu-box .menu-content .menu-footer {
    width:100%;
    height:60px;
    text-align:center;
    position:fixed;
    bottom:0px;
    z-index:100000
}
.app-wap-touch .right-menu-box .menu-content .item-cancle, .app-wap-small .right-menu-box .menu-content .item-cancle, .app-wap-touch .right-menu-box .menu-content .item-back, .app-wap-small .right-menu-box .menu-content .item-back {
    width:420px !important;
    max-width:100%;
    height:60px;
    line-height:55px;
    display:block;
    font-size:1.2em;
    margin:0 auto;
    border-radius:0;
    background:#fff;
    border-top:5px solid #eee;
    -ms-transition:.3s all;
    -webkit-transition:.3s all;
    -moz-transition:.3s all;
    -o-transition:.3s all;
    transition:.3s all;
    cursor:pointer;
    opacity:1
}
.app-wap-touch .right-menu-box .menu-content .item-cancle .font-icon, .app-wap-small .right-menu-box .menu-content .item-cancle .font-icon, .app-wap-touch .right-menu-box .menu-content .item-back .font-icon, .app-wap-small .right-menu-box .menu-content .item-back .font-icon {
    color:#999;
    padding-right:10px
}
.app-wap-touch .right-menu-box .menu-content .item-cancle.disabled, .app-wap-small .right-menu-box .menu-content .item-cancle.disabled, .app-wap-touch .right-menu-box .menu-content .item-back.disabled, .app-wap-small .right-menu-box .menu-content .item-back.disabled {
    pointer-events:none
}
.app-wap-touch .right-menu-box .menu-content .item-cancle.hover, .app-wap-small .right-menu-box .menu-content .item-cancle.hover, .app-wap-touch .right-menu-box .menu-content .item-back.hover, .app-wap-small .right-menu-box .menu-content .item-back.hover, .app-wap-touch .right-menu-box .menu-content .item-cancle:active, .app-wap-small .right-menu-box .menu-content .item-cancle:active, .app-wap-touch .right-menu-box .menu-content .item-back:active, .app-wap-small .right-menu-box .menu-content .item-back:active {
    background:#eee
}
.app-wap-touch .right-menu-box .menu-content .item-back, .app-wap-small .right-menu-box .menu-content .item-back {
    display:none
}
.app-wap-touch .right-menu-box .menu-content.menu-show-sub-wap .item-cancle, .app-wap-small .right-menu-box .menu-content.menu-show-sub-wap .item-cancle {
    display:none
}
.app-wap-touch .right-menu-box .menu-content.menu-show-sub-wap .item-back, .app-wap-small .right-menu-box .menu-content.menu-show-sub-wap .item-back {
    display:block
}
.app-wap-touch .right-menu-box .menu-mask-view, .app-wap-small .right-menu-box .menu-mask-view {
    position:fixed;
    background:rgba(0, 0, 0, 0.15);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    opacity:0;
    display:block;
    -ms-transition:.35s all;
    -webkit-transition:.35s all;
    -moz-transition:.35s all;
    -o-transition:.35s all;
    transition:.35s all
}
.app-wap-touch .right-menu-box.status-closing .menu-content>.context-menu-list, .app-wap-small .right-menu-box.status-closing .menu-content>.context-menu-list {
    display:block !important
}
.app-wap-small .edit-main .right-menu-box .context-menu-list li.selected i.font-icon {
    top:-3px
}
.app-wap-small .edit-main .right-menu-box .context-menu-list .context-menu-item {
    padding:0px 15px 0 15px
}
.app-wap-small .edit-main .right-menu-box .context-menu-list .context-menu-item.context-menu-input label {
    display:flex;
    position:relative;
    right:10px
}
.app-wap-small .edit-main .right-menu-box .context-menu-list .context-menu-item.context-menu-input input {
    width:100%;
    margin-top:3px;
    padding:3px 15px
}
.app-wap-small .edit-main .right-menu-box .context-menu-list.menu-view-file-mode, .app-wap-small .edit-main .right-menu-box .context-menu-list.menu-view-file-charset {
    height:80%
}
.app-wap-small .edit-main .right-menu-box.menu-view-goto-line {
    transition:none !important
}
.app-wap-small .edit-main .right-menu-box.menu-view-goto-line .menu-content {
    transition:none !important
}
.app-wap-small .edit-main .right-menu-box.menu-view-goto-line .context-menu-list.menu-view-goto-line {
    transition:none !important
}
.app-wap-touch .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input, .app-wap-small .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input {
    position:relative;
    width:auto;
    border:none;
    margin:0;
    padding:0 0 5px 30px;
    text-align:left
}
.app-wap-touch .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top, .app-wap-small .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top {
    border-top-width:.5px !important
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon {
    padding:10px 0 10px 5px;
    background:#eaebea
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item {
    width:64px;
    height:85px;
    line-height:26px;
    font-size:.8em;
    border-radius:10px;
    padding:5px;
    margin:0 0 2px 6px;
    text-align:center;
    border:none;
    float:left;
    clear:inherit
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover {
    background:none;
    opacity:.8
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover .font-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover .font-icon {
    background-color:#f6f6f6
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item span, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item span {
    width:72px;
    overflow:hidden;
    position:relative;
    left:-4px
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon {
    width:64px;
    height:64px;
    line-height:64px;
    background:#fff;
    border-radius:10px;
    margin:0;
    padding:0;
    font-size:28px;
    display:block
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon:before, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon:before {
    display:inline-block;
    background-image:-webkit-linear-gradient(10deg, #666, #999);
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    -webkit-background-clip:text
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.context-menu-submenu:after, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.context-menu-submenu:after {
    content:"\ea13";
    opacity:.15;
    right:8px;
    top:8px
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-separator, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-separator {
    width:0;
    height:0px;
    float:none;
    clear:both;
    padding:0;
    margin:0;
    display:none
}
.app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon.set-sort-by .context-menu-separator, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon.set-sort-by .context-menu-separator {
    display:block
}
body.app-wap-small- .right-menu-box .context-menu-list {
    display:grid !important;
    justify-content:space-around;
    grid-gap:10px;
    justify-items:end;
    grid-template-columns:repeat(auto-fill, 66px);
    padding:30px 10px 20px 10px;
    background:#f6f6f6
}
body.app-wap-small- .right-menu-box .context-menu-list.user-file-tag {
    display:block !important;
    background:#fff
}
body.app-wap-small- .right-menu-box .context-menu-list.user-file-tag .context-menu-item {
    text-align:left
}
body.app-wap-small- .right-menu-box .context-menu-list.set-sort-by .step1021.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-recycle-body .step-10-4.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-body .step-14-6.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-guest-body .step-13-6.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-listmenu-simple-file .step-15-11.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-folder .step-15-10.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-file .step-15-10.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-guest-folder .step-14-10.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-path-mini-folder .step-11-7.context-menu-item.context-menu-separator, body.app-wap-small- .right-menu-box .context-menu-list.menu-share-folder .step-9-3.context-menu-item.context-menu-separator {
    display:block;
    grid-column-start:1;
    grid-column-end:-1
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item {
    height:66px;
    width:66px;
    box-sizing:border-box;
    border-radius:4px;
    float:left;
    clear:unset;
    background-color:#fff;
    text-align:center;
    padding:4px !important;
    margin:0 !important
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.context-menu-separator {
    clear:both;
    width:100%;
    padding:0 !important;
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item .font-icon {
    width:40px;
    height:40px;
    font-size:30px;
    line-height:36px;
    margin:0;
    display:inline-block
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item .font-icon:before {
    display:inline-block
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item .font-icon:not(.x-item-icon) {
    background:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item .font-icon.ri-pencil-fill {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -336px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item .font-icon.ri-pencil-fill:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.download .font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -304px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.download .font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy-to .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.chatCopy .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.clone .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy-see .font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -465px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy-to .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.chatCopy .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.clone .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.copy-see .font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.zip .font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -240px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.zip .font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.upload-file .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.file-history-replace .font-icon, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.upload .font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -272px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.upload-file .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.file-history-replace .font-icon:before, body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.upload .font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.past .font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -366px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.past .font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.new-file-others>.font-icon {
    background-image:url("../../images/common/menu_icon@2x.png");
    background-size:32px auto !important;
    background-position:0 -208px;
    width:32px;
    height:32px;
    margin-top:2px;
    margin-bottom:4px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item.new-file-others>.font-icon:before {
    display:none
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-item>span {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    line-height:14px;
    font-size:12px;
    margin-top:0px
}
body.app-wap-small- .right-menu-box .context-menu-list .context-menu-submenu:after {
    top:12px;
    right:-1px;
    font-size:20px
}
.dark-mode .app-wap-small- .right-menu-box .context-menu-list.user-file-tag {
    background:#333
}
.dark-mode .app-wap-small- .right-menu-box .context-menu-list .context-menu-item {
    background-color:#333
}
.app-wap-touch .frame-header .btn[data-action="set-list-split"] {
    display:none
}
.app-wap-touch .file-upload-box .upload-folder-dropdown {
    display:none
}
.app-wap-small .frame-main-explorer .frame-right .frame-header {
    background:#fff
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header {
    background:transparent
}
.dark-mode.app-device-pc .app-wap-small .frame-main-explorer .file-continer .file .item-menu .cert, .dark-mode.app-device-pc .app-wap-small .frame-main-desktop .file-continer .file .item-menu .cert {
    background:rgba(255, 255, 255, 0.05)
}
.app-wap-touch .frame-main-explorer .bodymain .file-select-info, .app-wap-touch .frame-main-desktop .bodymain .file-select-info, .app-wap-touch .frame-main-explorer .bodymain .file-page, .app-wap-touch .frame-main-desktop .bodymain .file-page {
    font-size:10px
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file {
    background:transparent;
    transition:background .2s, left .2s
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover {
    background:#e6e6e6 !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file.select.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.select.file-icon-edit {
    background:#e6f7ff;
    z-index:150;
    box-shadow:0 0 0 .5px #1890ff
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:#e6f7ff !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title {
    overflow:inherit !important;
    width:75% !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title {
    margin-top:15px !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile {
    height:22px;
    line-height:22px;
    padding:0px 4px 0px 4px;
    margin:-4px 0 0 0;
    min-width:100%;
    width:100%;
    box-shadow:0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21;
    border-radius:2px
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit {
    box-shadow:0 0 0 1px #91d5ff !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-radius:0 0 2px 2px;
    border:1px solid #91d5ff
}
.app-wap-touch .frame-main-explorer .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-explorer .bodymain .file-list-split .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-split .file .title-type-name .title {
    background:transparent !important
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu {
    display:block !important;
    width:20px;
    height:20px;
    padding:5px;
    background:none;
    border:none;
    border-radius:0;
    top:0px;
    right:0px;
    opacity:1;
    box-shadow:none;
    text-shadow:none
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert {
    border:none;
    margin:0;
    color:#aaa;
    width:22px;
    height:22px;
    line-height:22px;
    background:#fff;
    border-radius:50%;
    border:.5px solid rgba(0, 0, 0, 0.2);
    margin:-2px 0 0 -1px;
    opacity:.3
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert {
    opacity:.8;
    border-color:#1890ff;
    color:#1890ff
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef78"
}
.app-wap-touch .frame-main-explorer .bodymain .file-continer.file-list-icon .file .item-menu .cert:before, .app-wap-touch .frame-main-desktop .bodymain .file-continer.file-list-icon .file .item-menu .cert:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ef79";
    font-size:1em
}
.app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert {
    opacity:.8;
    border-color:#1890ff;
    color:#fff;
    background:rgba(24, 144, 255, 0.3)
}
.app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover {
    background:rgba(255, 255, 255, 0.1) !important
}
.app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(172, 223, 255, 0.2) !important
}
.app-wap-touch .frame-main-desktop .desktop-right-menu {
    display:block !important;
    visibility:visible !important
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header {
    min-width:inherit
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header .tools-wap {
    display:block
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 {
    background:#fafafa
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:#e6f7ff !important
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-list .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-list .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-split .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-split .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-list .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-list .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-split .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-split .file.file2 .title-type-name .title-continer {
    background:transparent
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 {
    background:none
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2 .item-menu, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 .item-menu {
    right:20px
}
.app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover {
    background:rgba(255, 255, 255, 0.1) !important
}
.app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 {
    background:transparent
}
.app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(255, 255, 255, 0.2) !important
}
.app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .refresh-element {
    position:absolute;
    z-index:100;
    top:0px;
    color:#888;
    background:#fafafa
}
.app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .refresh-element {
    position:absolute;
    z-index:100;
    top:0px;
    color:#fff;
    background:rgba(24, 144, 255, 0.85)
}
.dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-left, .dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-editor .frame-left {
    background:transparent
}
.dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.file2 {
    background:rgba(255, 255, 255, 0.05)
}
.dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select, .dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select.hover, .dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(255, 255, 255, 0.2) !important
}
.dark-mode .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .refresh-element {
    background:rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(10px)
}
.app-wap-small.app-wap-touch .btn, .app-wap-small.app-wap-touch .kui-btn, .app-wap-small.app-wap-touch .info-alert, .app-wap-small.app-wap-touch .dropdown-menu, .app-wap-small.app-wap-touch .my-page-box .page-info, .app-wap-small.app-wap-touch .pathinfo input, .app-wap-small.app-wap-touch .tox-tinymce, .app-wap-small.app-wap-touch .light-app-main .app-content .app-list .app-li, .app-wap-small.app-wap-touch .file-list-list .file .meta-info .file-list-tag .item, .app-wap-small.app-wap-touch .select-container, .app-wap-small.app-wap-touch .panel-body.plugin-page .app-content .app-list .app-li, .app-wap-small.app-wap-touch .pathinfo .tag-view .tag-list .item, .app-wap-small.app-wap-touch .dialog-app-select .app-list, .app-wap-small.app-wap-touch .dialog-app-select .tab-group .tab-item, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item .title-name-new, .app-wap-small.app-wap-touch .file-panel .panel-log .content-list .list-item, .app-wap-small.app-wap-touch .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row, .app-wap-small.app-wap-touch .kod-user-group-select, .app-wap-small.app-wap-touch .kod-user-group-select .select-search input, .app-wap-small.app-wap-touch .form-row .kod-select-main.auth-table .auth-select-box, .app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-right .search-user input, .app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-left .select-search input, .app-wap-small.app-wap-touch .context-menu-item.context-menu-input input, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .kod-select, .app-wap-small.app-wap-touch .form-box .form-row.form-codeEditor .ace_editor, .app-wap-small.app-wap-touch .form-box .form-row textarea, .app-wap-small.app-wap-touch .form-box .form-row input[type='text'], .app-wap-small.app-wap-touch .form-box .form-row input[type='password'], .app-wap-small.app-wap-touch .form-box .form-row input[type='number'], .app-wap-small.app-wap-touch .form-box .form-row.form-cityPicker .city-picker-span, .app-wap-small.app-wap-touch .form-box .form-row.form-cityPicker .city-picker-span .arrow, .app-wap-small.app-wap-touch .file-upload-box .list input, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .input-title-left, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .input-title-right, .app-wap-small.app-wap-touch span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option, .app-wap-small.app-wap-touch span.select2-container .select2-search--dropdown .select2-search__field, .app-wap-small.app-wap-touch span.select2-container--default .select2-dropdown, .app-wap-small.app-wap-touch span.select2-container--classic .select2-dropdown, .app-wap-small.app-wap-touch span.select2-container--default .select2-selection--multiple, .app-wap-small.app-wap-touch span.select2-container--default .select2-selection--single, .app-wap-small.app-wap-touch span.select2-container--classic .select2-selection--multiple, .app-wap-small.app-wap-touch span.select2-container--classic .select2-selection--single {
    border-width:.5px !important
}
.app-wap-small.app-wap-touch .file-panel .pathinfo .download-url {
    line-height:27px;
    height:27px
}
.app-wap-small.app-wap-touch .file-panel .pathinfo .input-group-btn>.btn {
    padding:5px 8px 4px 8px
}
.app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-right .search-user .btn-search {
    border-left-width:.5px
}
.app-wap-small.app-wap-touch .btn-group .btn+.btn, .app-wap-small.app-wap-touch .btn-group .btn+.btn-group, .app-wap-small.app-wap-touch .btn-group .btn-group+.btn, .app-wap-small.app-wap-touch .btn-group .btn-group+.btn-group {
    margin-left:-0.5px
}
.app-wap-small.app-wap-touch .dialog-tab, .app-wap-small.app-wap-touch .pathinfo .line, .app-wap-small.app-wap-touch .kodTable .content .list-table .list-row, .app-wap-small.app-wap-touch .light-app-main .app-content .app-model .h1, .app-wap-small.app-wap-touch .panel-body.plugin-page .app-toolbar .panel-tab, .app-wap-small.app-wap-touch .share-page-main .common-side, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item.item-title, .app-wap-small.app-wap-touch .file-panel .pathinfo .info-group .group-header:before, .app-wap-small.app-wap-touch .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-title.has-title, .app-wap-small.app-wap-touch .form-row .kod-select-main.auth-table .item-choice-title, .app-wap-small.app-wap-touch .kod-user-group-select .select-search, .app-wap-small.app-wap-touch .dialog-file-panel.dialog-no-title .file-panel .panel-info-header, .app-wap-small.app-wap-touch .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small.app-wap-touch .panel-body.admin-backup-page .backup-set .bak-main {
    border-bottom-width:.5px
}
.app-wap-small.app-wap-touch .context-menu-list .context-menu-item hr {
    border-top-width:.5px
}
.app-wap-small.app-wap-touch .panel-body.overview-page .option-box .option .opt-body .opt-footer {
    border-top-width:.5px
}
.app-wap-small.app-wap-touch span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    margin:0 -0.5px -0.5px 0
}
.app-wap-small.app-wap-touch .share-page-topbar a[share-action="fullscreen"], .app-wap-small.app-wap-touch .pswp .pswp__button--fs, .app-wap-small.app-wap-touch .dropdown-menu .body-fullscreen {
    display:none !important
}
.app-wap-small.app-wap-touch ::-webkit-scrollbar {
    width:1px;
    height:1px
}
.app-device-pc .app-wap-small .dialog-form.form-box-title-block .form-box .form-row .setting-content .input-title-left, .app-device-pc .app-wap-small .dialog-form.form-box-title-block .form-box .form-row .setting-content .input-title-right {
    padding:0 8px 0px 8px
}
.app-wap-touch .right-menu-box.open, .app-wap-touch .pswp__bg, .app-wap-touch .menu-show-mask, .app-wap-touch .menu-mask-view, .app-wap-touch .search-down-mask, .app-wap-touch .frame-main-explorer .frame-left .ztree, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content, .app-wap-touch .frame-main-explorer .file-panel .content-list-items, .app-wap-touch .kod-user-group-select, .app-wap-touch .select2-dropdown, .app-wap-touch .dropdown-backdrop {
    overflow-y:scroll !important
}
.app-wap-touch .right-menu-box.open:before, .app-wap-touch .pswp__bg:before, .app-wap-touch .menu-show-mask:before, .app-wap-touch .menu-mask-view:before, .app-wap-touch .search-down-mask:before, .app-wap-touch .frame-main-explorer .frame-left .ztree:before, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content:before, .app-wap-touch .frame-main-explorer .file-panel .content-list-items:before, .app-wap-touch .kod-user-group-select:before, .app-wap-touch .select2-dropdown:before, .app-wap-touch .dropdown-backdrop:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    padding:1px 0;
    pointer-events:none
}
.app-wap-small.app-wap-android .menu-show-parent.frame-main-member .menu-show-toggle .font-icon {
    line-height:26px
}
.app-wap-small.app-wap-android .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon {
    line-height:30px
}
.app-share-file-show>.dialog-simple.movie-player-dialog {
    position:sticky !important;
    width:100% !important
}
.app-share-file-show>.dialog-simple.movie-player-dialog .aui-title {
    margin-right:2px
}
.app-share-file-show>.dialog-simple.movie-player-dialog .aui-title-bar .aui-btn-box {
    display:none !important
}
.app-share-file-show>.dialog-simple.music-player-dialog {
    position:sticky !important;
    width:320px;
    margin-top:10px
}
.app-share-file-show>.dialog-simple.music-player-dialog .aui-title {
    display:none !important
}
.app-share-file-show>.dialog-simple.music-player-dialog .aui-title-bar .aui-btn-box {
    display:none !important
}
.app-share-file-show .dplayer-dialog .aui-min, .app-share-file-show .dplayer-dialog .aui-close {
    display:none !important
}
.app-share-file-show .dplayer-dialog.dialog-max .aui-header {
    top:0 !important;
    z-index:9999
}
.app-share-file-show .dplayer-dialog.dialog-max .aui-main {
    position:fixed;
    z-index:100;
    left:0px;
    right:0px;
    top:0;
    bottom:32px;
    width:inherit !important;
    height:inherit !important
}
.app-share-file-show .dplayer-dialog.dialog-max .dplayer {
    box-shadow:none
}
.app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-header {
    top:0 !important;
    z-index:9999
}
.app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-main {
    position:fixed;
    z-index:100;
    left:0px;
    right:0px;
    top:0;
    bottom:32px;
    width:inherit !important;
    height:inherit !important
}
.app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .dplayer {
    box-shadow:none
}
.app-share-file-show .music-player-dialog .aui-min, .app-share-file-show .music-player-dialog .aui-close, .app-share-file-show .music-player-dialog .aui-max {
    display:none !important
}
.app-share-file-show .music-player-dialog.dialog-max {
    top:107px !important;
    bottom:32px !important;
    height:inherit !important
}
.app-share-file-show .music-player-dialog.dialog-max .aui-header {
    top:107px !important;
    z-index:9999
}
.app-share-file-show .music-player-dialog.dialog-max .aui-main {
    position:fixed;
    z-index:100;
    min-height:inherit !important;
    left:0px;
    right:0px;
    top:107px;
    bottom:32px;
    width:inherit !important;
    height:inherit !important
}
.app-share-file-show .music-player-dialog.dialog-max .player-bg {
    border-radius:0
}
.app-share-file-show .music-player-dialog.dialog-max .jPlayer-music {
    box-shadow:none;
    min-height:inherit !important
}
.app-share-file-show .music-player-dialog .jPlayer-music .play-list .item .action-right {
    display:none !important
}
.app-share-file-show.app-wap-small .dialog-max.music-player-dialog {
    top:107px !important;
    bottom:32px !important;
    height:inherit !important
}
.app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-header {
    top:107px !important;
    z-index:9999
}
.app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-main {
    position:fixed;
    z-index:100;
    min-height:inherit !important;
    left:0px;
    right:0px;
    top:107px;
    bottom:32px;
    width:inherit !important;
    height:inherit !important
}
.app-share-file-show.app-wap-small .dialog-max.music-player-dialog .player-bg {
    border-radius:0
}
.app-share-file-show.app-wap-small .dialog-max.music-player-dialog .jPlayer-music {
    box-shadow:none;
    min-height:inherit !important
}
@media (max-width:1080px) {
    .app-share-file-show {
        width:100%;
        left:0px
    }
    .app-share-file-show .dplayer-dialog.dialog-max .aui-header {
        top:0 !important;
        z-index:9999
    }
    .app-share-file-show .dplayer-dialog.dialog-max .aui-main {
        position:fixed;
        z-index:100;
        left:0px;
        right:0px;
        top:0;
        bottom:32px;
        width:inherit !important;
        height:inherit !important
    }
    .app-share-file-show .dplayer-dialog.dialog-max .dplayer {
        box-shadow:none
    }
}
body.share-view-body.app-wap-touch {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    -webkit-overflow-scrolling:touch
}
.app-wap-small .content-main-message .content-main {
    width:90%;
    margin:120px auto
}
.app-wap-small .content-main-message .content-main .message-content {
    padding:40px 10px 100px 10px
}
.app-wap-small .content-main-message .content-main .title {
    margin:15px 0px;
    font-size:18px
}
.app-wap-small .common-footer {
    font-size:.9em
}
.app-wap-small .common-footer .copyright-content {
    width:95%;
    overflow:hidden;
    display:inline-block;
    text-overflow:ellipsis;
    white-space:nowrap
}
.app-wap-small .page-model-login .common-footer, .app-wap-small .install-box .common-footer {
    height:30px;
    line-height:30px
}
@media (max-width:1080px) {
    .share-page-main .content-box {
        width:100%;
        left:0px;
        border-radius:4px;
        box-shadow:none
    }
    .share-page-main .content-box.content-show {
        border-radius:0px 0px 4px 4px
    }
    .share-page-main .content-box.content-show .common-main {
        right:0px !important;
        top:0
    }
    .share-page-main .content-box.content-show .common-main.address-header {
        right:0px;
        top:76px
    }
    .share-page-main .content-box.content-show>.drag-resize {
        display:none
    }
    .share-page-main .content-box.content-show>.common-side {
        width:240px !important;
        height:100%;
        overflow:auto;
        position:absolute;
        z-index:100;
        left:initial;
        right:0;
        top:0;
        bottom:0;
        border-radius:0;
        background:#fefefe;
        box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
        right:-240px;
        visibility:hidden;
        -ms-transition:.2s all;
        -webkit-transition:.2s all;
        -moz-transition:.2s all;
        -o-transition:.2s all;
        transition:.2s all
    }
    .share-page-main .content-box.content-show.side-open>.common-side {
        right:0;
        visibility:visible
    }
    .share-page-main div.content-box {
        bottom:32px;
        top:40px
    }
    .share-page-main .common-header .topbar {
        height:39.5px;
        border-bottom:.5px solid rgba(150, 150, 150, 0.1)
    }
    .share-page-main .user-dropmenu {
        margin:10px 0 0 0;
        padding:10px 0 30px 0;
        list-style:none;
        position:relative;
        width:100%;
        border-top:1px solid rgba(150, 150, 150, 0.1)
    }
    .share-page-main .user-dropmenu li.divider {
        border-bottom:1px dotted rgba(150, 150, 150, 0.1);
        margin:15px 10px
    }
    .share-page-main .user-dropmenu li a {
        margin:5px 10px;
        padding:8px 10px;
        border-radius:4px;
        cursor:pointer;
        display:block;
        text-decoration:none;
        border:none;
        background:rgba(150, 150, 150, 0.05);
        color:#888
    }
    .share-page-main .user-dropmenu li a .font-icon {
        display:inline-block;
        width:25px;
        text-align:left
    }
    .share-page-main .user-dropmenu li a:hover {
        background:rgba(150, 150, 150, 0.2)
    }
    .share-page-main .user-dropmenu li[share-action="copy-to"] a, .share-page-main .user-dropmenu li[share-action="download"] a {
        color:#1890ff;
        background:#1890ff20
    }
    .share-page-main .user-dropmenu li[share-action="copy-to"] a:hover, .share-page-main .user-dropmenu li[share-action="download"] a:hover {
        color:#1890ff;
        background:#1890ff40
    }
    .share-page-main .close-common-side {
        width:44px;
        height:44px;
        line-height:42px;
        background:rgba(150, 150, 150, 0.05);
        font-size:20px;
        border-left:1px solid rgba(150, 150, 150, 0.1);
        border-bottom:1px solid rgba(150, 150, 150, 0.1);
        position:absolute;
        top:0;
        right:0;
        border-radius:0 0 0 6px;
        cursor:pointer
    }
    .share-page-main .close-common-side:hover {
        background:rgba(150, 150, 150, 0.15)
    }
    .share-page-main .close-common-side, .share-page-main .user-dropmenu {
        display:block !important;
        visibility:visible !important
    }
}
.app-wap-small .share-page-main .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto {
    bottom:60px
}
.app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-content .header-address-input {
    left:10px
}
.app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-right .search-box {
    left:15px;
    right:15px
}
.app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-content .header-address {
    left:40px
}
.app-wap-small .share-page-main .content-box {
    width:100%;
    left:0px;
    border-radius:4px;
    box-shadow:none
}
.app-wap-small .share-page-main .content-box.content-show {
    border-radius:0px 0px 4px 4px
}
.app-wap-small .share-page-main .content-box.content-show .common-main {
    right:0px !important;
    top:0
}
.app-wap-small .share-page-main .content-box.content-show .common-main.address-header {
    right:0px;
    top:76px
}
.app-wap-small .share-page-main .content-box.content-show>.drag-resize {
    display:none
}
.app-wap-small .share-page-main .content-box.content-show>.common-side {
    width:240px !important;
    height:100%;
    overflow:auto;
    position:absolute;
    z-index:100;
    left:initial;
    right:0;
    top:0;
    bottom:0;
    border-radius:0;
    background:#fefefe;
    box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
    right:-240px;
    visibility:hidden;
    -ms-transition:.2s all;
    -webkit-transition:.2s all;
    -moz-transition:.2s all;
    -o-transition:.2s all;
    transition:.2s all
}
.app-wap-small .share-page-main .content-box.content-show.side-open>.common-side {
    right:0;
    visibility:visible
}
.app-wap-small .share-page-main div.content-box {
    bottom:32px;
    top:40px
}
.app-wap-small .share-page-main .common-header .topbar {
    height:39.5px;
    border-bottom:.5px solid rgba(150, 150, 150, 0.1)
}
.app-wap-small .share-page-main .user-dropmenu {
    margin:10px 0 0 0;
    padding:10px 0 30px 0;
    list-style:none;
    position:relative;
    width:100%;
    border-top:1px solid rgba(150, 150, 150, 0.1)
}
.app-wap-small .share-page-main .user-dropmenu li.divider {
    border-bottom:1px dotted rgba(150, 150, 150, 0.1);
    margin:15px 10px
}
.app-wap-small .share-page-main .user-dropmenu li a {
    margin:5px 10px;
    padding:8px 10px;
    border-radius:4px;
    cursor:pointer;
    display:block;
    text-decoration:none;
    border:none;
    background:rgba(150, 150, 150, 0.05);
    color:#888
}
.app-wap-small .share-page-main .user-dropmenu li a .font-icon {
    display:inline-block;
    width:25px;
    text-align:left
}
.app-wap-small .share-page-main .user-dropmenu li a:hover {
    background:rgba(150, 150, 150, 0.2)
}
.app-wap-small .share-page-main .user-dropmenu li[share-action="copy-to"] a, .app-wap-small .share-page-main .user-dropmenu li[share-action="download"] a {
    color:#1890ff;
    background:#1890ff20
}
.app-wap-small .share-page-main .user-dropmenu li[share-action="copy-to"] a:hover, .app-wap-small .share-page-main .user-dropmenu li[share-action="download"] a:hover {
    color:#1890ff;
    background:#1890ff40
}
.app-wap-small .share-page-main .close-common-side {
    width:44px;
    height:44px;
    line-height:42px;
    background:rgba(150, 150, 150, 0.05);
    font-size:20px;
    border-left:1px solid rgba(150, 150, 150, 0.1);
    border-bottom:1px solid rgba(150, 150, 150, 0.1);
    position:absolute;
    top:0;
    right:0;
    border-radius:0 0 0 6px;
    cursor:pointer
}
.app-wap-small .share-page-main .close-common-side:hover {
    background:rgba(150, 150, 150, 0.15)
}
.app-wap-small .share-page-main .close-common-side, .app-wap-small .share-page-main .user-dropmenu {
    display:block !important;
    visibility:visible !important
}
.app-wap-small .share-page-main .content-box.content-show .common-main {
    position:fixed;
    top:40px;
    bottom:32px
}
.app-wap-small .share-page-main .content-box {
    z-index:20
}
.app-wap-small .share-page-main .content-box.perfectScroll {
    overflow:auto
}
.app-wap-small .share-page-main .content-box .show-code {
    width:100%;
    border:none;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.app-wap-small .share-page-main .content-box .markdown-preview {
    margin:10px auto 50px auto;
    padding:0 3% 50px 3%;
    border:none
}
.app-wap-small .share-page-main .common-header .topbar .content .topbar-menu.title {
    font-size:16px;
    width:inherit;
    padding:0 7px
}
.app-wap-small .share-page-main .common-header .topbar .top-right .user-logout+.divider, .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="fullscreen"], .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="qrcode"] {
    display:none
}
.app-wap-small .share-page-main .common-header .topbar .content .top-left {
    position:absolute;
    left:0;
    right:170px;
    width:inherit !important
}
.app-wap-small .share-page-main .common-header .topbar .content .top-left .topbar-share-info {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    background:#fff;
    word-break:break-word;
    float:none;
    line-height:40px
}
.app-wap-small .share-page-main .common-header .topbar .content .top-left .topbar-share-info .item-title {
    margin:0 5px;
    float:none
}
.app-wap-small .share-page-main .common-header .topbar .content .top-left .topbar-share-info .item-title .title-name {
    font-size:1.1em
}
.app-wap-small .frame-main-explorer .drag-resize-panel {
    display:none !important
}
.app-wap-small .frame-main-explorer .file-panel {
    margin-top:61px;
    width:100% !important
}
.app-wap-small .frame-main-explorer .file-panel .dialog-tab {
    border-top-width:.5px
}
.app-wap-small .frame-main-explorer .file-panel .panel-info-header {
    border-bottom-width:.5px
}
.app-wap-small .frame-main-explorer .file-panel .content-header {
    border-bottom-width:.5px
}
.app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box {
    border-top-width:.5px
}
.app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .kui-btn {
    border-radius:.2em
}
.app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey {
    display:none
}
.app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content {
    padding:8px 12px;
    font-size:14px
}
.app-wap-small .frame-main-explorer .file-panel .pathinfo .line {
    border-bottom:.5px solid #eee
}
.app-wap-small .file-panel .emoji-panel {
    width:420px;
    max-width:100%
}
.app-wap-small .file-panel .emoji-panel .tab-content {
    max-width:410px
}
.app-wap-small .file-panel .emoji-panel .tab-content .item-face {
    width:30px;
    height:30px;
    line-height:30px;
    font-size:24px
}
.app-wap-small .file-panel .emoji-panel .tab-content .item-face img {
    position:relative;
    top:-3px;
    width:28px
}
.app-wap-small .file-panel .emoji-panel .tab-group-pan {
    position:absolute;
    top:0;
    bottom:45px;
    overflow:auto;
    padding:10px 0px 10px 0px
}
.app-wap-small .dialog-file-panel .file-panel {
    position:absolute;
    top:0;
    bottom:0
}
.app-wap-small .dialog-file-panel .file-panel .dialog-tab .tab-item {
    font-size:1em
}
.app-wap-small .dialog-file-panel .file-panel .panel-info-header {
    padding-top:0;
    height:65px
}
.app-wap-small .dialog-file-panel .file-panel .panel-info-header .header-content .file-name {
    padding-top:3px
}
.app-wap-small .dialog-file-panel .file-panel .panel-info-header .header-content .file-icon {
    top:10px
}
.app-wap-small .dialog-file-panel .file-panel .pathinfo .tag-view .tag-list .item .x-item-icon.label {
    top:2px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content {
    position:absolute;
    top:45px;
    bottom:0;
    left:0;
    right:0
}
.app-wap-small .dialog-file-panel .file-panel.panel-no-tab .panel-tab-content {
    top:10px
}
.app-wap-small .dialog-file-panel .file-panel.panel-no-tab .panel-tab-content .tab-content .panel-content {
    top:0
}
.app-wap-small .dialog-file-panel .file-panel.panel-image.panel-no-tab .panel-tab-content {
    top:10px
}
.app-wap-small .dialog-file-panel .file-panel.panel-image .panel-info-header .header-content .play-time {
    left:15px !important;
    right:unset !important
}
.app-wap-small .dialog-file-panel .file-panel.panel-image .panel-info-header .header-content .file-icon {
    top:0
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content {
    min-width:inherit;
    min-height:inherit;
    height:inherit
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .panel-content {
    top:45px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .dialog-form.target-form .form-box.config-box .panel-form-body {
    position:static !important
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body {
    overflow:inherit
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .setting-title.has-title {
    height:30px;
    line-height:30px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys {
    top:-5px;
    right:20px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content {
    width:100%;
    padding:5px 3% 5px 3%;
    margin-bottom:0
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p {
    margin-bottom:3px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p.line-bottom {
    padding-bottom:3px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .tag-view .tag-list .item .close {
    top:0px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .info-group.show-more-allow.show-open .group-header {
    margin-top:11px
}
.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .file-info-tag .tag-list .item .x-item-icon.label {
    top:2px
}
.app-wap-small .dialog-file-panel .file-panel .panel-log .content-list .list-item .item-desc {
    overflow-x:auto
}
.app-wap-small .dialog-file-panel .file-panel .panel-log .content-list .list-item .item-desc .group-item {
    overflow:initial
}
.app-wap-small .dialog-file-panel .file-panel .panel-log .content-list .list-item .group-item-more {
    height:70px
}
.app-wap-small .dialog-file-panel .file-panel .panel-log .content-list .list-item .group-item-more.show-all {
    height:inherit
}
.app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content {
    top:115px
}
.app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content .panel-content {
    top:45px
}
.app-wap-small .dialog-file-panel.dialog-no-title .file-panel.panel-no-tab .panel-tab-content {
    top:80px
}
.app-wap-small .dialog-file-panel.dialog-no-title .file-panel.panel-no-tab .panel-tab-content .tab-content .panel-content {
    top:70px
}
.app-wap-small .dialog-file-panel.dialog-no-title .file-panel.panel-no-tab.panel-image .panel-tab-content {
    top:70px
}
.app-wap-small .setting-main-content .panel-body.user-stats-page .log-box {
    border-top:1px solid rgba(0, 0, 0, 0.1)
}
.app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel {
    border-left:none
}
.app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item {
    margin-left:35px
}
.app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel .content {
    overflow-y:auto
}
.app-wap-small .page-model-login .loginbox {
    width:100%;
    max-width:100%;
    box-shadow:none;
    border-radius:0;
    margin:0;
    top:0;
    bottom:0;
    left:0;
    position:absolute;
    transform:none;
    max-height:100%
}
.app-wap-small .page-model-login .loginbox .title .logo.logo-text {
    padding-top:70px
}
.app-wap-small .page-model-login .loginbox .content-box {
    position:absolute;
    padding:0px 0 0px 0;
    top:170px;
    left:0;
    right:0;
    bottom:0;
    border-radius:0;
    overflow:hidden
}
.app-wap-small .page-model-login .loginbox .content-box .form {
    height:100%;
    overflow:auto;
    box-sizing:border-box;
    padding:20px 0 50px 0;
    border-radius:0
}
.app-wap-small .page-model-login .loginbox .inputs .input-item {
    margin:0 auto 20px auto
}
.app-wap-small .page-model-login .loginbox .inputs .input-item input {
    height:40px;
    line-height:40px;
    width:300px;
    margin-left:-44px;
    padding-left:50px;
    box-sizing:border-box;
    background:rgba(255, 255, 255, 0.9);
    border-width:.5px
}
.app-wap-small .page-model-login .loginbox .inputs .input-item.check-code input {
    width:218px
}
.app-wap-small .page-model-login .loginbox .inputs .input-item.check-code img, .app-wap-small .page-model-login .loginbox .inputs .input-item.check-code .input-button {
    height:39px;
    border-width:.5px
}
.app-wap-small .page-model-login .loginbox .inputs .input-item .font-icon {
    width:40px;
    height:40px;
    line-height:40px
}
.app-wap-small .page-model-login .loginbox .license-box .form-bottom {
    background:none;
    border:none
}
.app-wap-small .page-model-login .loginbox .form .actions {
    width:300px;
    margin:30px auto 15px auto
}
.app-wap-small .page-model-login .loginbox .form .actions .forget-password {
    padding:8px 5px 8px 5px;
    margin:0 -2px 0 0
}
.app-wap-small .page-model-login .loginbox .form .actions label {
    padding:8px 5px 8px 5px;
    margin:0 0 0 -2px
}
.app-wap-small .page-model-login .loginbox .form .submit-button {
    width:300px;
    box-sizing:border-box;
    padding:10px 0px
}
.app-wap-small .page-model-login .loginbox .form .guest a {
    width:300px;
    box-sizing:border-box;
    padding:8px 0px;
    margin-top:5px
}
.app-wap-small .page-model-login .loginbox .form .url-link {
    padding:8px 15px
}
.app-wap-small .page-model-login .common-footer {
    z-index:200;
    box-shadow:none
}
.app-wap-small .page-model-login .common-footer:before {
    display:none !important
}
.app-wap-small .page-model-login .common-footer .footer-content {
    background:rgba(0, 0, 0, 0.1);
    color:#fff;
    font-size:.9em;
    border-top:.5px solid rgba(0, 0, 0, 0.02)
}
.not-support-blur .admin-page .menu-show-mask, .not-support-blur .setting-page .menu-show-mask, .not-support-blur .admin-page .admin-main .header .menu-toggle, .not-support-blur .setting-page .admin-main .header .menu-toggle, .not-support-blur .setting-page .panel-body.wall-page .section .box .list .info, .not-support-blur .menuBar .dropdown-menu, .not-support-blur .menu-show-parent .menu-show-toggle, .not-support-blur .menu-show-parent .menu-show-mask, .not-support-blur .light-app-main .menu-toggle, .not-support-blur .drag-resize:after, .not-support-blur #app.app-desktop .file-list-icon .file.select.hover, .not-support-blur #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover, .not-support-blur .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box, .not-support-blur .frame-main-explorer .frame-right .file-select-info, .not-support-blur .file-page, .not-support-blur .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto, .not-support-blur .file-draging-tips, .not-support-blur .dialog-bg-blur .aui-border, .not-support-blur .artDialog.dialog-simple.dialog-min-size .aui-title-bar, .not-support-blur .artDialog.dialog-blur .aui-outer {
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important
}
.app-device-pc .app-wap-small {
    font-size:13px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form {
    width:100%
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-content a:hover {
    background:#eee
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:hover {
    background:#f3f3f3
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto {
    display:none
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after {
    height:.55px;
    background:#f3f3f3
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name {
    font-size:14px
}
.app-device-pc .app-wap-small .context-menu-item.file-tag-view .item-content .item {
    padding:2px 5px 1px 5px
}
.app-device-pc .app-wap-small .context-menu-item.file-tag-view .item-content .item.this:after {
    top:5px
}
.app-device-pc .app-wap-small .frame-main-explorer.menu-show-parent.frame-main .frame-left, .app-device-pc .app-wap-small .frame-main-editor.menu-show-parent.frame-main .frame-left {
    transform:none;
    margin-left:-280px
}
.app-device-pc .app-wap-small .frame-main-explorer.menu-show-parent.frame-main.menu-show-open .frame-left, .app-device-pc .app-wap-small .frame-main-editor.menu-show-parent.frame-main.menu-show-open .frame-left {
    transform:none;
    margin-left:0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a {
    height:30px;
    line-height:30px;
    font-size:1em
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a:hover, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a:hover {
    background:#e5f3ff
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open {
    line-height:30px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1 span.button.switch, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a.level1 span.button.switch {
    height:30px;
    line-height:30px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a span.button.switch, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a span.button.switch {
    height:30px;
    line-height:30px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a span.button.switch:hover, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a span.button.switch:hover {
    background:rgba(0, 0, 0, 0.05)
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item {
    height:30px;
    line-height:30px;
    width:30px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background:rgba(0, 0, 0, 0.05)
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert {
    height:30px;
    line-height:30px;
    width:30px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-icon .file, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-icon .file {
    border:1px solid transparent;
    border-radius:3px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    border-color:#66baff;
    background:#c8edff !important;
    z-index:10
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select:after, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select:after, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover:after, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover:after, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active:after, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active:after, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active:after, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active:after {
    display:none
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select .item-menu .cert, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover .item-menu .cert, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active .item-menu .cert, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active .item-menu .cert {
    color:#1890ff;
    border-color:#66baff;
    opacity:.8
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file:hover, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file:hover {
    background:#f3f3f3
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file:hover .item-select, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file:hover .item-select, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select .item-select, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select .item-select {
    display:block !important
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file:hover .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file:hover .item-menu .cert {
    opacity:.6
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.file-select-drag-temp, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-select-drag-temp {
    background:#e6f7ff
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file .item-menu .cert, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert {
    line-height:22px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file .item-menu .cert:hover, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:hover {
    color:#1890ff;
    border-color:#66baff
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.select, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-list .file.select, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.select.hover, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-list .file.select.hover, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.context-menu-active, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-list .file.context-menu-active, .app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.hover.context-menu-active, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-list .file.hover.context-menu-active {
    box-shadow:0 0 0 1px #8dd5f8
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-select-info, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-select-info {
    display:block
}
.app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover {
    background:rgba(255, 255, 255, 0.1) !important
}
.app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file2 {
    background:transparent
}
.app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(255, 255, 255, 0.2) !important
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file {
    min-height:50px;
    border-left:none;
    border-right:0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file:after {
    left:60.5px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .item-select {
    top:14px;
    right:60px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .item-menu:hover {
    background:rgba(180, 180, 180, 0.1);
    border-radius:0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .item-menu:hover .cert {
    color:#1890ff
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.file-icon-edit {
    box-shadow:none
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file.file-icon-edit .title-item.title-type-name .title .newfile {
    padding:0px 2px 0px 4px;
    margin:-6px 0 0 0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item {
    height:18px;
    line-height:10px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name+.title-item {
    margin-left:60.5px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-shareUser .user-info .path-ico {
    margin-top:-6px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name {
    height:50px;
    font-size:13px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title-continer .path-ico {
    height:37.5px;
    width:37.5px;
    line-height:37.5px;
    margin-right:16px;
    margin-top:4.25px;
    padding:0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title-continer .path-ico .x-item-icon.x-tag-label {
    height:33.75px !important;
    width:33.75px !important
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title-continer .path-ico .svg-icon {
    height:37.5px;
    width:37.5px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title {
    margin-top:5px;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    max-width:calc(100% - 100px)
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title .title-text {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .title.title-only {
    margin-top:15px;
    height:50px !important
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .meta-info {
    top:11px;
    right:45px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .title-item.title-type-name .meta-info.app-link {
    position:absolute;
    right:inherit;
    width:auto;
    top:25.75px;
    left:20.75px
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .item-menu {
    height:50px;
    line-height:50px;
    width:50px;
    right:8px;
    border-radius:0
}
.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-list .file .item-menu .cert {
    height:50px;
    line-height:48px
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-content a:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-content a:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after {
    height:.55px;
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-left .ztree li a:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a:hover, .app-device-pc.dark-mode.app-wap-small .frame-main-editor .frame-left .ztree li a:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:hover, .app-device-pc.dark-mode.app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .app-device-pc.dark-mode.app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.select, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(255, 255, 255, 0.103) !important;
    border-color:rgba(255, 255, 255, 0.1);
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.2)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select:after, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select:after, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.select:after, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select:after, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover:after, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.select.hover:after, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover:after, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select.hover:after, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active:after, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.context-menu-active:after, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active:after, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active:after, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active:after, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.hover.context-menu-active:after, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active:after, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active:after {
    display:none
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file:hover, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file:hover, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file:hover {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.file-select-drag-temp, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file.file-select-drag-temp, .app-device-pc.dark-mode.app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-select-drag-temp, .app-device-pc.dark-mode .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-select-drag-temp {
    background:rgba(255, 255, 255, 0.1)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.select, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.select, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.select.hover, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.select.hover, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.context-menu-active, .app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.hover.context-menu-active, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-list .file.hover.context-menu-active {
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.2)
}
.app-device-pc.dark-mode.app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-icon .file .item-menu .cert, .app-device-pc.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer .file-list-icon .file .item-menu .cert {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
@media (hover:hover) {
    a:hover {
        outline:none
    }
}
@media (hover:none) {
    a:active {
        outline:none
    }
}
.app-wap-small.app-wap-touch .admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content {
    transition:all .2s
}
.app-wap-small.app-wap-touch .admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content:hover {
    background:transparent;
    color:#fff
}
.app-wap-small.app-wap-touch .admin-page .admin-menu-left .menu-item:not(.select)>.menu-item-content:active {
    background:rgba(255, 255, 255, 0.15);
    color:#fff
}
.app-wap-small.app-wap-touch .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:hover {
    background-color:transparent;
    color:#888;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQYlWNgYGD4D8TGDLiBMVQNgzErOwcuxRhy2BTjNABZAp8tCMWEFBGtkCirifIM0cFDVIADAOrvG43QTSHZAAAAAElFTkSuQmCC")
}
.app-wap-small.app-wap-touch .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:active {
    background-color:#e81123;
    color:#fff;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQYV2P4/+//+f/fv6cw4AAgOZAaCAMEsCjGkMOmGKcByBL4bEFVjE8R0QqJspoozxAdPMQGOABXELkNcbMs5wAAAABJRU5ErkJggg==")
}
.app-wap-small.app-wap-touch .dialog-tab .tab-item:hover {
    background:transparent;
    border-color:transparent
}
.app-wap-small.app-wap-touch .dialog-tab .tab-item:active {
    background:#f6f6f6;
    border-color:#eee
}
.dark-mode .app-wap-small.app-wap-touch .dialog-tab .tab-item:hover {
    background:transparent;
    border-color:transparent
}
.dark-mode .app-wap-small.app-wap-touch .dialog-tab .tab-item:active {
    background:#9a9a9a17;
    border-color:#9a9a9a17
}
body.app-wap-touch {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    -webkit-overflow-scrolling:touch
}
html {
    overscroll-behavior:none
}
.app-wap-touch::-webkit-scrollbar {
    width:1px
}
.app-wap-touch *::-webkit-scrollbar {
    width:1px
}
.app-wap-small {
    font-size:14px
}
.app-wap-small .form-box .form-row .desc {
    font-size:.9em
}
.dark-common .ps__thumb-x, .dark-common .ps__thumb-y, .dark-common .ps--scrolling-x .ps__thumb-x, .dark-common .ps--scrolling-y .ps__thumb-y, .dark-common .ps__rail-x.ps--clicking .ps__thumb-x, .dark-common .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color:rgba(250, 250, 250, 0.36)
}
.dark-common .ps .ps__rail-x:hover, .dark-common .ps .ps__rail-y:hover, .dark-common .ps .ps__rail-x:focus, .dark-common .ps .ps__rail-y:focus {
    background-color:rgba(250, 250, 250, 0.06)
}
.dark-common .ps .ps__rail-x.ps--clicking, .dark-common .ps .ps__rail-y.ps--clicking {
    background-color:rgba(250, 250, 250, 0.09)
}
.dark-common .ps__rail-y:hover>.ps__thumb-y, .dark-common .ps__rail-y:focus>.ps__thumb-y, .dark-common .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color:rgba(250, 250, 250, 0.24)
}
body .app-wap-small .frame-main-editor.code-theme-black .frame-left {
    background:#303030
}
body .frame-main-editor.code-theme-black .frame-right {
    border-left-color:#262626
}
body .frame-main-editor.code-theme-black .frame-left {
    background:#303030
}
body .frame-main-editor.code-theme-black .ztree li a {
    color:#ddd;
    border:none
}
body .frame-main-editor.code-theme-black .ztree li a:active, body .frame-main-editor.code-theme-black .ztree li a:focus, body .frame-main-editor.code-theme-black .ztree li a:hover {
    background:rgba(255, 255, 255, 0.07)
}
body .frame-main-editor.code-theme-black .ztree li a.curSelectedNode, body .frame-main-editor.code-theme-black .ztree li a.curDropTreeNode, body .frame-main-editor.code-theme-black .ztree li a.curSelectedNode:active, body .frame-main-editor.code-theme-black .ztree li a.curDropTreeNode:active, body .frame-main-editor.code-theme-black .ztree li a.curSelectedNode:hover, body .frame-main-editor.code-theme-black .ztree li a.curDropTreeNode:hover {
    background:rgba(255, 255, 255, 0.1)
}
body .frame-main-editor.code-theme-black .ztree li a .menu-item {
    border-color:rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.1)
}
body .frame-main-editor.code-theme-black .ztree li a .menu-item:hover {
    border-color:rgba(255, 255, 255, 0.17);
    background:rgba(255, 255, 255, 0.1)
}
body .frame-main-editor.code-theme-black .ztree li a.drag-file-hover {
    border:none !important;
    background:#1890ff
}
.dark-mode .frame-main-editor.code-theme-black .frame-left {
    background:transparent
}
.dark-mode .frame-main-editor .ztree li a.curSelectedNode {
    box-shadow:0 0 0 1px #ffffff50
}
.dark-mode .edit-main.code-theme-light .ace_editor, .dark-mode .show-code .ace_editor, .dark-mode .form-row.form-codeEditor .ace_editor {
    background-color:#272822;
    color:#F8F8F2
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_gutter, .dark-mode .show-code .ace_editor .ace_gutter, .dark-mode .form-row.form-codeEditor .ace_editor .ace_gutter {
    background:#2F3129;
    color:#8F908A
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_print-margin, .dark-mode .show-code .ace_editor .ace_print-margin, .dark-mode .form-row.form-codeEditor .ace_editor .ace_print-margin {
    width:1px;
    background:#555651
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_cursor, .dark-mode .show-code .ace_editor .ace_cursor, .dark-mode .form-row.form-codeEditor .ace_editor .ace_cursor {
    color:#F8F8F0
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_marker-layer .ace_selection, .dark-mode .show-code .ace_editor .ace_marker-layer .ace_selection, .dark-mode .form-row.form-codeEditor .ace_editor .ace_marker-layer .ace_selection {
    background:#49483E
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_multiselect .ace_selection.ace_start, .dark-mode .show-code .ace_editor .ace_multiselect .ace_selection.ace_start, .dark-mode .form-row.form-codeEditor .ace_editor .ace_multiselect .ace_selection.ace_start {
    box-shadow:0 0 3px 0 #272822
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_marker-layer .ace_step, .dark-mode .show-code .ace_editor .ace_marker-layer .ace_step, .dark-mode .form-row.form-codeEditor .ace_editor .ace_marker-layer .ace_step {
    background:#665200
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_marker-layer .ace_bracket, .dark-mode .show-code .ace_editor .ace_marker-layer .ace_bracket, .dark-mode .form-row.form-codeEditor .ace_editor .ace_marker-layer .ace_bracket {
    margin:-1px 0 0 -1px;
    border:1px solid #49483E
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_marker-layer .ace_active-line, .dark-mode .show-code .ace_editor .ace_marker-layer .ace_active-line, .dark-mode .form-row.form-codeEditor .ace_editor .ace_marker-layer .ace_active-line {
    background:#202020
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_gutter-active-line, .dark-mode .show-code .ace_editor .ace_gutter-active-line, .dark-mode .form-row.form-codeEditor .ace_editor .ace_gutter-active-line {
    background-color:#272727
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_marker-layer .ace_selected-word, .dark-mode .show-code .ace_editor .ace_marker-layer .ace_selected-word, .dark-mode .form-row.form-codeEditor .ace_editor .ace_marker-layer .ace_selected-word {
    border:1px solid #49483E
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_invisible, .dark-mode .show-code .ace_editor .ace_invisible, .dark-mode .form-row.form-codeEditor .ace_editor .ace_invisible {
    color:#52524d
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_entity.ace_name.ace_tag, .dark-mode .show-code .ace_editor .ace_entity.ace_name.ace_tag, .dark-mode .form-row.form-codeEditor .ace_editor .ace_entity.ace_name.ace_tag, .dark-mode .edit-main.code-theme-light .ace_editor .ace_keyword, .dark-mode .show-code .ace_editor .ace_keyword, .dark-mode .form-row.form-codeEditor .ace_editor .ace_keyword, .dark-mode .edit-main.code-theme-light .ace_editor .ace_meta.ace_tag, .dark-mode .show-code .ace_editor .ace_meta.ace_tag, .dark-mode .form-row.form-codeEditor .ace_editor .ace_meta.ace_tag, .dark-mode .edit-main.code-theme-light .ace_editor .ace_storage, .dark-mode .show-code .ace_editor .ace_storage, .dark-mode .form-row.form-codeEditor .ace_editor .ace_storage {
    color:#F92672
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_punctuation, .dark-mode .show-code .ace_editor .ace_punctuation, .dark-mode .form-row.form-codeEditor .ace_editor .ace_punctuation, .dark-mode .edit-main.code-theme-light .ace_editor .ace_punctuation.ace_tag, .dark-mode .show-code .ace_editor .ace_punctuation.ace_tag, .dark-mode .form-row.form-codeEditor .ace_editor .ace_punctuation.ace_tag {
    color:#fff
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_constant.ace_character, .dark-mode .show-code .ace_editor .ace_constant.ace_character, .dark-mode .form-row.form-codeEditor .ace_editor .ace_constant.ace_character, .dark-mode .edit-main.code-theme-light .ace_editor .ace_constant.ace_language, .dark-mode .show-code .ace_editor .ace_constant.ace_language, .dark-mode .form-row.form-codeEditor .ace_editor .ace_constant.ace_language, .dark-mode .edit-main.code-theme-light .ace_editor .ace_constant.ace_numeric, .dark-mode .show-code .ace_editor .ace_constant.ace_numeric, .dark-mode .form-row.form-codeEditor .ace_editor .ace_constant.ace_numeric, .dark-mode .edit-main.code-theme-light .ace_editor .ace_constant.ace_other, .dark-mode .show-code .ace_editor .ace_constant.ace_other, .dark-mode .form-row.form-codeEditor .ace_editor .ace_constant.ace_other {
    color:#AE81FF
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_invalid, .dark-mode .show-code .ace_editor .ace_invalid, .dark-mode .form-row.form-codeEditor .ace_editor .ace_invalid {
    color:#F8F8F0;
    background-color:#F92672
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_invalid.ace_deprecated, .dark-mode .show-code .ace_editor .ace_invalid.ace_deprecated, .dark-mode .form-row.form-codeEditor .ace_editor .ace_invalid.ace_deprecated {
    color:#F8F8F0;
    background-color:#AE81FF
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_support.ace_constant, .dark-mode .show-code .ace_editor .ace_support.ace_constant, .dark-mode .form-row.form-codeEditor .ace_editor .ace_support.ace_constant, .dark-mode .edit-main.code-theme-light .ace_editor .ace_support.ace_function, .dark-mode .show-code .ace_editor .ace_support.ace_function, .dark-mode .form-row.form-codeEditor .ace_editor .ace_support.ace_function {
    color:#66D9EF
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_fold, .dark-mode .show-code .ace_editor .ace_fold, .dark-mode .form-row.form-codeEditor .ace_editor .ace_fold {
    background-color:#A6E22E;
    border-color:#F8F8F2
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_storage.ace_type, .dark-mode .show-code .ace_editor .ace_storage.ace_type, .dark-mode .form-row.form-codeEditor .ace_editor .ace_storage.ace_type, .dark-mode .edit-main.code-theme-light .ace_editor .ace_support.ace_class, .dark-mode .show-code .ace_editor .ace_support.ace_class, .dark-mode .form-row.form-codeEditor .ace_editor .ace_support.ace_class, .dark-mode .edit-main.code-theme-light .ace_editor .ace_support.ace_type, .dark-mode .show-code .ace_editor .ace_support.ace_type, .dark-mode .form-row.form-codeEditor .ace_editor .ace_support.ace_type {
    font-style:italic;
    color:#66D9EF
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_entity.ace_name.ace_function, .dark-mode .show-code .ace_editor .ace_entity.ace_name.ace_function, .dark-mode .form-row.form-codeEditor .ace_editor .ace_entity.ace_name.ace_function, .dark-mode .edit-main.code-theme-light .ace_editor .ace_entity.ace_other, .dark-mode .show-code .ace_editor .ace_entity.ace_other, .dark-mode .form-row.form-codeEditor .ace_editor .ace_entity.ace_other, .dark-mode .edit-main.code-theme-light .ace_editor .ace_entity.ace_other.ace_attribute-name, .dark-mode .show-code .ace_editor .ace_entity.ace_other.ace_attribute-name, .dark-mode .form-row.form-codeEditor .ace_editor .ace_entity.ace_other.ace_attribute-name, .dark-mode .edit-main.code-theme-light .ace_editor .ace_variable, .dark-mode .show-code .ace_editor .ace_variable, .dark-mode .form-row.form-codeEditor .ace_editor .ace_variable {
    color:#A6E22E
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_variable.ace_parameter, .dark-mode .show-code .ace_editor .ace_variable.ace_parameter, .dark-mode .form-row.form-codeEditor .ace_editor .ace_variable.ace_parameter {
    font-style:italic;
    color:#FD971F
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_string, .dark-mode .show-code .ace_editor .ace_string, .dark-mode .form-row.form-codeEditor .ace_editor .ace_string {
    color:#E6DB74
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_comment, .dark-mode .show-code .ace_editor .ace_comment, .dark-mode .form-row.form-codeEditor .ace_editor .ace_comment {
    color:#75715E
}
.dark-mode .edit-main.code-theme-light .ace_editor .ace_indent-guide, .dark-mode .show-code .ace_editor .ace_indent-guide, .dark-mode .form-row.form-codeEditor .ace_editor .ace_indent-guide {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWPQ0FD0ZXBzd/wPAAjVAoxeSgNeAAAAAElFTkSuQmCC) right repeat-y
}
.dark-mode .edit-main, .edit-main.code-theme-black {
    background:#262626
}
.dark-mode .edit-main div .hljs, .edit-main.code-theme-black div .hljs {
    background:#23241f
}
.dark-mode .edit-main .hljs, .edit-main.code-theme-black .hljs, .dark-mode .edit-main .hljs-subst, .edit-main.code-theme-black .hljs-subst, .dark-mode .edit-main .hljs-tag, .edit-main.code-theme-black .hljs-tag {
    color:#f8f8f2
}
.dark-mode .edit-main .hljs-emphasis, .edit-main.code-theme-black .hljs-emphasis, .dark-mode .edit-main .hljs-strong, .edit-main.code-theme-black .hljs-strong {
    color:#a8a8a2
}
.dark-mode .edit-main .hljs-bullet, .edit-main.code-theme-black .hljs-bullet, .dark-mode .edit-main .hljs-link, .edit-main.code-theme-black .hljs-link, .dark-mode .edit-main .hljs-literal, .edit-main.code-theme-black .hljs-literal, .dark-mode .edit-main .hljs-number, .edit-main.code-theme-black .hljs-number, .dark-mode .edit-main .hljs-quote, .edit-main.code-theme-black .hljs-quote, .dark-mode .edit-main .hljs-regexp, .edit-main.code-theme-black .hljs-regexp {
    color:#ae81ff
}
.dark-mode .edit-main .hljs-code, .edit-main.code-theme-black .hljs-code, .dark-mode .edit-main .hljs-section, .edit-main.code-theme-black .hljs-section, .dark-mode .edit-main .hljs-selector-class, .edit-main.code-theme-black .hljs-selector-class, .dark-mode .edit-main .hljs-title, .edit-main.code-theme-black .hljs-title {
    color:#a6e22e
}
.dark-mode .edit-main .hljs-strong, .edit-main.code-theme-black .hljs-strong {
    font-weight:700
}
.dark-mode .edit-main .hljs-emphasis, .edit-main.code-theme-black .hljs-emphasis {
    font-style:italic
}
.dark-mode .edit-main .hljs-attr, .edit-main.code-theme-black .hljs-attr, .dark-mode .edit-main .hljs-keyword, .edit-main.code-theme-black .hljs-keyword, .dark-mode .edit-main .hljs-name, .edit-main.code-theme-black .hljs-name, .dark-mode .edit-main .hljs-selector-tag, .edit-main.code-theme-black .hljs-selector-tag {
    color:#f92672
}
.dark-mode .edit-main .hljs-attribute, .edit-main.code-theme-black .hljs-attribute, .dark-mode .edit-main .hljs-symbol, .edit-main.code-theme-black .hljs-symbol {
    color:#66d9ef
}
.dark-mode .edit-main .hljs-class .hljs-title, .edit-main.code-theme-black .hljs-class .hljs-title, .dark-mode .edit-main .hljs-params, .edit-main.code-theme-black .hljs-params {
    color:#f8f8f2
}
.dark-mode .edit-main .hljs-addition, .edit-main.code-theme-black .hljs-addition, .dark-mode .edit-main .hljs-built_in, .edit-main.code-theme-black .hljs-built_in, .dark-mode .edit-main .hljs-builtin-name, .edit-main.code-theme-black .hljs-builtin-name, .dark-mode .edit-main .hljs-selector-attr, .edit-main.code-theme-black .hljs-selector-attr, .dark-mode .edit-main .hljs-selector-id, .edit-main.code-theme-black .hljs-selector-id, .dark-mode .edit-main .hljs-selector-pseudo, .edit-main.code-theme-black .hljs-selector-pseudo, .dark-mode .edit-main .hljs-string, .edit-main.code-theme-black .hljs-string, .dark-mode .edit-main .hljs-template-variable, .edit-main.code-theme-black .hljs-template-variable, .dark-mode .edit-main .hljs-type, .edit-main.code-theme-black .hljs-type, .dark-mode .edit-main .hljs-variable, .edit-main.code-theme-black .hljs-variable {
    color:#e6db74
}
.dark-mode .edit-main .hljs-comment, .edit-main.code-theme-black .hljs-comment, .dark-mode .edit-main .hljs-deletion, .edit-main.code-theme-black .hljs-deletion, .dark-mode .edit-main .hljs-meta, .edit-main.code-theme-black .hljs-meta {
    color:#75715e
}
.dark-mode .edit-main .hljs ul, .edit-main.code-theme-black .hljs ul {
    background:inherit
}
.dark-mode .edit-main .hljs ul:before, .edit-main.code-theme-black .hljs ul:before {
    background:rgba(80, 80, 80, 0.5)
}
.dark-mode .edit-main .hljs ul li:nth-of-type(even), .edit-main.code-theme-black .hljs ul li:nth-of-type(even) {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .edit-main .hljs ul li:hover, .edit-main.code-theme-black .hljs ul li:hover, .dark-mode .edit-main .hljs ul li:active, .edit-main.code-theme-black .hljs ul li:active {
    background:rgba(255, 255, 255, 0.05)
}
.dark-mode .edit-main .cal-toolbar a, .edit-main.code-theme-black .cal-toolbar a {
    color:#ddd
}
.dark-mode .edit-main .cal-preview, .edit-main.code-theme-black .cal-preview {
    color:#fff;
    background:rgba(101, 81, 22, 0.9);
    border-color:rgba(101, 81, 22, 0.8)
}
.dark-mode .edit-main div.tools, .edit-main.code-theme-black div.tools {
    box-shadow:none;
    border-bottom-color:#3a3a3a;
    background:#303030
}
.dark-mode .edit-main div.tools .right .btn, .edit-main.code-theme-black div.tools .right .btn {
    border-color:#3a3a3a;
    background:#303030;
    color:#ddd
}
.dark-mode .edit-main div.tools .right .btn:hover, .edit-main.code-theme-black div.tools .right .btn:hover, .dark-mode .edit-main div.tools .right .btn:active, .edit-main.code-theme-black div.tools .right .btn:active, .dark-mode .edit-main div.tools .right .btn:focus, .edit-main.code-theme-black div.tools .right .btn:focus {
    background:#3a3a3a
}
.dark-mode .edit-main div.tools .line, .edit-main.code-theme-black div.tools .line {
    border-color:#454545
}
.dark-mode .edit-main div.tools a.context-menu-active, .edit-main.code-theme-black div.tools a.context-menu-active, .dark-mode .edit-main div.tools a.context-menu-active:hover, .edit-main.code-theme-black div.tools a.context-menu-active:hover, .dark-mode .edit-main div.tools a.select, .edit-main.code-theme-black div.tools a.select, .dark-mode .edit-main div.tools a.select:hover, .edit-main.code-theme-black div.tools a.select:hover, .dark-mode .edit-main div.tools a:active, .edit-main.code-theme-black div.tools a:active, .dark-mode .edit-main div.tools a:hover, .edit-main.code-theme-black div.tools a:hover {
    background:#454545
}
.dark-mode .edit-main div.tools a .font-icon, .edit-main.code-theme-black div.tools a .font-icon {
    color:#ddd;
    text-shadow:none
}
.dark-mode .edit-main div.tools .disable-mask, .edit-main.code-theme-black div.tools .disable-mask {
    background:#3d3d3d
}
.dark-mode .edit-main .edit-tab .tabs, .edit-main.code-theme-black .edit-tab .tabs {
    background:#262626;
    border-bottom:1px solid #3a3a3a
}
.dark-mode .edit-main .edit-tab .tabs .tab, .edit-main.code-theme-black .edit-tab .tabs .tab {
    background:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .edit-tab .tabs .close, .edit-main.code-theme-black .edit-tab .tabs .close {
    text-shadow:none;
    color:#ddd
}
.dark-mode .edit-main .edit-tab .tabs .tab.hover, .edit-main.code-theme-black .edit-tab .tabs .tab.hover {
    background:#454545
}
.dark-mode .edit-main .edit-tab .tabs .add, .edit-main.code-theme-black .edit-tab .tabs .add {
    background:#454545;
    border-color:#262626;
    color:#ddd
}
.dark-mode .edit-main .edit-tab .tabs .add:hover, .edit-main.code-theme-black .edit-tab .tabs .add:hover, .dark-mode .edit-main .edit-tab .tabs .add:active, .edit-main.code-theme-black .edit-tab .tabs .add:active {
    background:#4f4f4f
}
.dark-mode .edit-main .edit-tab .tabs .tab.this, .edit-main.code-theme-black .edit-tab .tabs .tab.this {
    background:#4f4f4f;
    border-right:1px solid #4f4f4f;
    border-left:3px solid #63acff;
    margin-left:-3px
}
.dark-mode .edit-main .edit-body, .edit-main.code-theme-black .edit-body {
    background:#262626
}
.dark-mode .edit-main .draggable-dragging, .edit-main.code-theme-black .draggable-dragging {
    background:#454545;
    border-left:3px solid #63acff
}
.dark-mode .edit-main .edit-content .resize, .edit-main.code-theme-black .edit-content .resize {
    background-color:#ddd;
    background-color:rgba(255, 255, 255, 0.01)
}
.dark-mode .edit-main .edit-content .resize:hover, .edit-main.code-theme-black .edit-content .resize:hover, .dark-mode .edit-main .edit-content .resize:active, .edit-main.code-theme-black .edit-content .resize:active, .dark-mode .edit-main .edit-content .resize:focus, .edit-main.code-theme-black .edit-content .resize:focus {
    background-color:#ddd;
    background-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .edit-main .edit-content .resize.resize-active, .edit-main.code-theme-black .edit-content .resize.resize-active {
    background-color:#ddd;
    background-color:rgba(255, 255, 255, 0.3)
}
.dark-mode .edit-main .edit-right-frame, .edit-main.code-theme-black .edit-right-frame {
    background:#262626;
    border-left-color:#454545
}
.dark-mode .edit-main .edit-right-frame .function-list-parent, .edit-main.code-theme-black .edit-right-frame .function-list-parent {
    background:#262626
}
.dark-mode .edit-main .edit-right-frame .function-list-box .list-row, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .function-list-box .list-row.row-hover, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-hover {
    background:#303030
}
.dark-mode .edit-main .edit-right-frame .function-list-box .list-row.row-select, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-select {
    background:#63acff
}
.dark-mode .edit-main .edit-right-frame .function-list-box .list-row.mark, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.mark, .dark-mode .edit-main .edit-right-frame .function-list-box .list-row.class, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.class {
    background:#454545
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool, .edit-main.code-theme-black .edit-right-frame .preview-url-tool, .dark-mode .edit-main .edit-right-frame .function-list-tool, .edit-main.code-theme-black .edit-right-frame .function-list-tool {
    border-bottom-color:#303030
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool .box, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box, .dark-mode .edit-main .edit-right-frame .function-list-tool .box, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box {
    background:#262626;
    color:#ddd;
    border:none
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool .box a, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a, .dark-mode .edit-main .edit-right-frame .function-list-tool .box a, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a {
    padding:0px 6px
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:hover, .dark-mode .edit-main .edit-right-frame .function-list-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:hover, .dark-mode .edit-main .edit-right-frame .preview-url-tool .box a:active, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:active, .dark-mode .edit-main .edit-right-frame .function-list-tool .box a:active, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:active, .dark-mode .edit-main .edit-right-frame .preview-url-tool .box a:focus, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:focus, .dark-mode .edit-main .edit-right-frame .function-list-tool .box a:focus, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:focus {
    border-color:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool .input-content input, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input, .dark-mode .edit-main .edit-right-frame .function-list-tool .input-content input, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input {
    color:#eee;
    font-size:1.15em;
    text-shadow:none;
    background:#3a3a3a;
    box-shadow:none;
    border:none
}
.dark-mode .edit-main .edit-right-frame .preview-url-tool .input-content input:focus, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input:focus, .dark-mode .edit-main .edit-right-frame .function-list-tool .input-content input:focus, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input:focus {
    box-shadow:none
}
.dark-mode .edit-main .edit-right-frame .function-search input, .edit-main.code-theme-black .edit-right-frame .function-search input {
    color:#ddd;
    border-color:#454545;
    background:#3a3a3a
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a .font-icon {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:active, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:focus, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:focus {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover .font-icon, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:active .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active .font-icon, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .box a:focus .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:focus .font-icon {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar {
    border-left:1px solid #454545;
    background:#303030
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:hover, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools:active, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:active, .dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools:focus, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:focus {
    background:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split {
    color:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .markdown-help, .edit-main.code-theme-black .edit-right-frame .markdown-help {
    border-color:#454545;
    background:#3a3a3a;
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-help h3, .edit-main.code-theme-black .edit-right-frame .markdown-help h3 {
    border-color:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .markdown-help h5, .edit-main.code-theme-black .edit-right-frame .markdown-help h5 {
    border-color:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .markdown-help pre, .edit-main.code-theme-black .edit-right-frame .markdown-help pre {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-menu-box, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box {
    background:#3a3a3a;
    color:#ddd;
    border-color:#454545
}
.dark-mode .edit-main .edit-right-frame .markdown-menu-box h3, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box h3 {
    border-color:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .markdown-menu-box .markdown-menu, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu {
    background:none
}
.dark-mode .edit-main .edit-right-frame .markdown-menu-box .markdown-menu li a, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a {
    color:#ffa500
}
.dark-mode .edit-main .edit-right-frame .markdown-menu-box .markdown-menu li a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:hover, .dark-mode .edit-main .edit-right-frame .markdown-menu-box .markdown-menu li a:active, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:active {
    background:#4f4f4f
}
.dark-mode .edit-main .edit-right-frame .markdown-setting, .edit-main.code-theme-black .edit-right-frame .markdown-setting {
    border-color:#454545;
    background:#3a3a3a;
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-setting ul li.line, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul li.line {
    height:1px;
    background:#454545
}
.dark-mode .edit-main .edit-right-frame .markdown-setting ul a, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a, .dark-mode .edit-main .edit-right-frame .markdown-setting ul a:visited, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:visited {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-setting ul a i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a i {
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover, .dark-mode .edit-main .edit-right-frame .markdown-setting ul a:active, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active, .dark-mode .edit-main .edit-right-frame .markdown-setting ul a:focus, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:focus {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:hover i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover i, .dark-mode .edit-main .edit-right-frame .markdown-setting ul a:active i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active i, .dark-mode .edit-main .edit-right-frame .markdown-setting ul a:focus i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:focus i {
    color:#ddd
}
.dark-mode .edit-main .page-list .my-page-box, .edit-main.code-theme-black .page-list .my-page-box {
    background:#3a3a3a;
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .edit-main .bottom-toolbar, .edit-main.code-theme-black .bottom-toolbar {
    border-radius:4px;
    background:#3a3a3a;
    border:1px solid #454545
}
.dark-mode .edit-main .bottom-toolbar a, .edit-main.code-theme-black .bottom-toolbar a {
    color:#ddd
}
.dark-mode .edit-main .bottom-toolbar a .font-icon, .edit-main.code-theme-black .bottom-toolbar a .font-icon {
    color:#ddd
}
.dark-mode .edit-main .bottom-toolbar a.context-menu-active, .edit-main.code-theme-black .bottom-toolbar a.context-menu-active, .dark-mode .edit-main .bottom-toolbar a.context-menu-active:hover, .edit-main.code-theme-black .bottom-toolbar a.context-menu-active:hover, .dark-mode .edit-main .bottom-toolbar a:hover, .edit-main.code-theme-black .bottom-toolbar a:hover, .dark-mode .edit-main .bottom-toolbar a:active, .edit-main.code-theme-black .bottom-toolbar a:active {
    color:#ddd;
    background:#454545
}
.dark-mode .edit-main .bottom-toolbar a.select, .edit-main.code-theme-black .bottom-toolbar a.select {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .edit-main .search-content, .edit-main.code-theme-black .search-content {
    background:#262626
}
.dark-mode .edit-main .search-content .ace_search, .edit-main.code-theme-black .search-content .ace_search {
    background-color:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_button, .edit-main.code-theme-black .search-content .ace_search .ace_button {
    border:1px solid #454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_button:hover, .edit-main.code-theme-black .search-content .ace_search .ace_button:hover, .dark-mode .edit-main .search-content .ace_search .ace_button:active, .edit-main.code-theme-black .search-content .ace_search .ace_button:active, .dark-mode .edit-main .search-content .ace_search .ace_button:focus, .edit-main.code-theme-black .search-content .ace_search .ace_button:focus {
    background-color:#454545
}
.dark-mode .edit-main .search-content .ace_search .ace_button.checked, .edit-main.code-theme-black .search-content .ace_search .ace_button.checked {
    border-color:#39F;
    background:#39f;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_search_field, .edit-main.code-theme-black .search-content .ace_search .ace_search_field {
    background-color:#303030;
    border:1px solid #454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info, .edit-main.code-theme-black .search-content .ace_search .ace_search_form.ace_nomatch .search-info {
    color:#f66
}
.dark-mode .edit-main .search-content .ace_search .btn-background, .edit-main.code-theme-black .search-content .ace_search .btn-background {
    background:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .btn-background-hover, .edit-main.code-theme-black .search-content .ace_search .btn-background-hover {
    background:#454545;
    border-color:#4f4f4f
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn {
    background:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn:hover, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn:hover, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn:active, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn:active, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn:active, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn:focus, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn:focus, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn:focus, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn:focus {
    background:#454545;
    border-color:#4f4f4f
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.next, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.next {
    background:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.next:hover, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.next:hover, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.next:active, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:active, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.next:active, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next:focus, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.next:focus, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:focus, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.next:focus {
    background:#454545;
    border-color:#4f4f4f
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.prev, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.prev {
    background:#3a3a3a;
    border-color:#454545;
    color:#ddd
}
.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.prev:hover, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.prev:hover, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.prev:active, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:active, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.prev:active, .dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev:focus, .edit-main.code-theme-black .search-content .ace_search .ace_searchbtn.prev:focus, .dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:focus, .edit-main.code-theme-black .search-content .ace_search .ace_replacebtn.prev:focus {
    background:#454545;
    border-color:#4f4f4f
}
.dark-mode .edit-main .introduction, .edit-main.code-theme-black .introduction {
    background:#303030;
    top:59px
}
.dark-mode .edit-main .introduction pre, .edit-main.code-theme-black .introduction pre {
    background:#303030;
    border-bottom:1px solid #3a3a3a
}
.dark-mode .edit-main .introduction .tips h1, .edit-main.code-theme-black .introduction .tips h1 {
    border-bottom:1px dashed #303030
}
.dark-mode .edit-main .introduction .green, .edit-main.code-theme-black .introduction .green {
    border-left:1px solid #303030
}
.dark-mode .edit-main .code-mode-list, .edit-main.code-theme-black .code-mode-list {
    background:#3a3a3a;
    color:#ddd
}
.dark-mode .edit-main .code-mode-list li.list-input, .edit-main.code-theme-black .code-mode-list li.list-input {
    background:#3a3a3a
}
.dark-mode .edit-main .code-mode-list li.list-input input, .edit-main.code-theme-black .code-mode-list li.list-input input {
    color:#ddd;
    background:#4f4f4f;
    border-color:#3a3a3a
}
.dark-mode .edit-main .code-mode-list li.selected, .edit-main.code-theme-black .code-mode-list li.selected, .dark-mode .edit-main .code-mode-list li.selected.hover, .edit-main.code-theme-black .code-mode-list li.selected.hover, .dark-mode .edit-main .code-mode-list li.hover, .edit-main.code-theme-black .code-mode-list li.hover {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .edit-main .edit-body .bottom-toolbar, .edit-main.code-theme-black .edit-body .bottom-toolbar {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .edit-main .edit-body .bottom-toolbar a, .edit-main.code-theme-black .edit-body .bottom-toolbar a, .dark-mode .edit-main .edit-body .bottom-toolbar a .font-icon, .edit-main.code-theme-black .edit-body .bottom-toolbar a .font-icon {
    color:#ddd
}
.dark-mode .edit-main .context-menu-list .context-menu-item.context-menu-input {
    background:#262626
}
.dark-mode .edit-main .context-menu-list .context-menu-item.context-menu-input input {
    background:#303030;
    border-color:#454545
}
.dark-mode .edit-main .context-menu-list .context-menu-item.context-menu-input input:focus {
    border-color:#75A1F0
}
.dark-mode .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input {
    border-color:#454545
}
.dark-mode body {
    color:#f7f7f7;
    background:#000
}
.dark-mode:before {
    content:"";
    opacity:.4;
    transition:background .2s;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:#666;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    background-image:none;
    background-image:-webkit-linear-gradient(150deg, #666, #222);
    background-image:-moz-linear-gradient(150deg, #666, #222);
    background-image:-o-linear-gradient(150deg, #666, #222);
    background-image:-ms-linear-gradient(150deg, #666, #222);
    background-image:linear-gradient(150deg, #666, #222);
    background-image:url("../../images/wall_page/8.jpg")
}
.dark-mode .admin-page .admin-menu-left {
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 3px rgba(0, 0, 0, 0.1)
}
.dark-mode .admin-page .admin-menu-left:after {
    background:#000;
    opacity:.92
}
.dark-mode .admin-page .admin-menu-left h1 {
    border-bottom:1px solid rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.notice-page .notice-dtl-box .dtl-header {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page {
    background:#1c1c1c !important
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box {
    background:#1c1c1c
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option {
    background:#262626;
    border-color:#262626
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-meta {
    color:#ddd
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-footer {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-footer .title {
    color:#b7b7b7
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-footer .text {
    color:#fff
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-minor {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more:hover {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content, .dark-mode .admin-page .admin-main .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box {
    background:#262626
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box.opt, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box.opt {
    background:#262626
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box .table-chart-info, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info {
    background:#262626
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title {
    color:#b7b7b7
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title .text, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title .text {
    color:#fff
}
.dark-mode .admin-page .admin-main .panel-body.overview-page .tab-table-box .chart-box .chart-title, .dark-mode .admin-page .admin-main .panel-body.overview-page .tab-trend-box .chart-box .chart-title {
    color:#ddd
}
.dark-mode .panel-body.job-page .kodTable .list-row .list-col.name .label, .dark-mode .panel-body.auth-page .kodTable .list-row .list-col.name .label, .dark-mode .panel-body.role-page .kodTable .list-row .list-col.name .label {
    color:#ddd
}
.dark-mode .panel-body.admin-server-page .server-base-page .option {
    border-color:#303030
}
.dark-mode .panel-body.admin-server-page .server-base-page .option:hover {
    border-color:#3a3a3a
}
.dark-mode .panel-body.admin-server-page .server-base-page .opt-content .container .disable_functions .label, .dark-mode .panel-body.admin-server-page .server-base-page .opt-content .container .php_ext .label {
    color:#ddd;
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.admin-server-page .server-base-page .opt-content .container.php_info .title {
    border-color:#303030
}
.dark-mode .panel-body.admin-server-page .server-base-page .g-guide .g2-guide-html p {
    color:#ddd
}
.dark-mode .panel-body.storage-page .store-type-box .link-help:hover, .dark-mode .panel-body.storage-page .store-type-box .link-help:active {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a:hover, .dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a:hover {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .admin-main-content .panel-body .user-info {
    color:#fff !important
}
.dark-mode .admin-main-content .panel-body .user-info img {
    border-color:rgba(255, 255, 255, 0.07) !important
}
.dark-mode .admin-main-content .panel-body .log-list .content .data-path:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.member-page .page-box .frame-left {
    background:#262626;
    border-color:#303030
}
.dark-mode .panel-body.member-page .page-box .frame-left .select-search {
    background:#262626;
    border-color:#303030
}
.dark-mode .panel-body.member-page .page-box .frame-left .select-search input {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .panel-body.member-page .page-box .frame-left .select-search:after {
    background:#303030
}
.dark-mode .panel-body.member-page .page-box .frame-left>.left-menu-footer {
    border-color:#303030
}
.dark-mode .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user {
    background:#303030;
    color:#ddd
}
.dark-mode .panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover, .dark-mode .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.member-page .page-box .frame-left .group-list-search .search-result-info {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.member-page .page-box .frame-right .user-toolbar {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.group .label, .dark-mode .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label {
    color:#ddd;
    border-color:#3a3a3a
}
.dark-mode .panel-body.member-page .page-box .frame-right .group-title .group-size, .dark-mode .panel-body.member-page .page-box .frame-right .group-title .label-info {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.member-page .page-box .frame-right .search-user input, .dark-mode .panel-body.member-page .page-box .frame-right .search-user .btn-search {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .aui-dialog a.home-path.font-icon-label, .dark-mode .member-page a.font-icon-label {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.admin-backup-page .backup-list .kodTable .content {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box {
    background:#303030;
    box-shadow:1px 1px 0 2px #3a3a3a
}
.dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main a:hover {
    background-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail a:hover {
    background-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .panel-body.plugin-page .app-content .app-list .app-li, .dark-mode .panel-body.storage-page .app-content .app-list .app-li {
    border-color:#3a3a3a;
    background:#303030
}
.dark-mode .panel-body.plugin-page .app-content .app-list .app-li:hover, .dark-mode .panel-body.storage-page .app-content .app-list .app-li:hover, .dark-mode .panel-body.plugin-page .app-content .app-list .app-li:active, .dark-mode .panel-body.storage-page .app-content .app-list .app-li:active {
    background:#303030;
    border-color:#454545
}
.dark-mode .panel-body.plugin-page .app-content .app-list .app-li .name, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .name {
    color:#fff
}
.dark-mode .panel-body.plugin-page .app-content .app-list .app-li .icon, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .icon {
    background-image:none;
    background-image:-webkit-linear-gradient(to bottom, #454545, #303030);
    background-image:-moz-linear-gradient(to bottom, #454545, #303030);
    background-image:-o-linear-gradient(to bottom, #454545, #303030);
    background-image:-ms-linear-gradient(to bottom, #454545, #303030);
    background-image:linear-gradient(to bottom, #454545, #303030)
}
.dark-mode .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.first, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .text .tag .label.first, .dark-mode .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.network, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .text .tag .label.network, .dark-mode .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.company, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .text .tag .label.company, .dark-mode .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.oem, .dark-mode .panel-body.storage-page .app-content .app-list .app-li .text .tag .label.oem {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.storage-page .store-list-box .toolbar, .dark-mode .panel-body.storage-page .store-type-box .form-row.item-editForce, .dark-mode .panel-body.storage-page .dtl-header {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.plugin-page .app-toolbar .panel-tab {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item {
    color:#ddd
}
.dark-mode .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item:hover {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item[data-type="oem"]:after {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .panel-body.plugin-page .app-toolbar .search-box input, .dark-mode .panel-body.plugin-page .app-toolbar .search-box .btn-search {
    border-color:rgba(255, 255, 255, 0.07);
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .panel-body.plugin-page .app-descript .left-content {
    border-color:rgba(255, 255, 255, 0.07);
    background:#303030;
    color:#c4c4c4
}
.dark-mode .panel-body.plugin-page .app-descript .left-content .title, .dark-mode .panel-body.plugin-page .app-descript .left-content .app-title {
    color:#f7f7f7
}
.dark-mode .panel-body.plugin-page .app-descript .left-content .line {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel-body.plugin-page .app-descript .line, .dark-mode .panel-body.plugin-page .app-descript h1, .dark-mode .panel-body.plugin-page .app-descript h2, .dark-mode .panel-body.plugin-page .app-descript h3, .dark-mode .panel-body.plugin-page .app-descript h4, .dark-mode .panel-body.plugin-page .app-descript h5, .dark-mode .panel-body.plugin-page .app-descript .h1, .dark-mode .panel-body.plugin-page .app-descript .h2, .dark-mode .panel-body.plugin-page .app-descript .h3, .dark-mode .panel-body.plugin-page .app-descript .h4, .dark-mode .panel-body.plugin-page .app-descript .h5 {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .space-info-bar .space-process {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode hr {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode input, .dark-mode textarea {
    color:#ddd
}
.dark-mode .btn.btn-default, .dark-mode .btn-group>.btn.btn-default, .dark-mode .btn-group-sm>.btn.btn-default {
    color:#f7f7f7;
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .btn.btn-default .font-icon, .dark-mode .btn-group>.btn.btn-default .font-icon, .dark-mode .btn-group-sm>.btn.btn-default .font-icon {
    color:#f7f7f7
}
.dark-mode .btn.btn-default:hover, .dark-mode .btn-group>.btn.btn-default:hover, .dark-mode .btn-group-sm>.btn.btn-default:hover {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .btn.btn-default:focus, .dark-mode .btn-group>.btn.btn-default:focus, .dark-mode .btn-group-sm>.btn.btn-default:focus, .dark-mode .btn.btn-default:active, .dark-mode .btn-group>.btn.btn-default:active, .dark-mode .btn-group-sm>.btn.btn-default:active, .dark-mode .btn.btn-default.active, .dark-mode .btn-group>.btn.btn-default.active, .dark-mode .btn-group-sm>.btn.btn-default.active {
    color:#fff;
    box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.3);
    background:rgba(255, 255, 255, 0.25);
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .btn-group.btn-group-segment>.btn.btn-default {
    border-color:#454545;
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .btn-group.btn-group-segment>.btn.btn-default:hover {
    background-color:rgba(255, 255, 255, 0.17);
    border-color:#4f4f4f
}
.dark-mode .btn-group.btn-group-segment>.btn.btn-default:hover {
    background-color:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode input {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07);
    color:#ddd
}
.dark-mode input:hover, .dark-mode input:focus {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode input[type="radio"].kui-radio:not(:checked), .dark-mode input[type="checkbox"].kui-checkbox:not(:checked), .dark-mode input[type="checkbox"].kui-checkbox-ios:not(:checked)+em, .dark-mode input[type="checkbox"].kui-switch:not(:checked)+em {
    background-color:#454545;
    border-color:#4f4f4f;
    background-color:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode input[type="radio"].kui-radio:checked, .dark-mode input[type="checkbox"].kui-checkbox:checked, .dark-mode input[type="checkbox"].kui-checkbox-ios:checked+em, .dark-mode input[type="checkbox"].kui-switch:checked+em {
    background-color:#1890ff;
    border-color:#1890ff
}
.dark-mode input[type="radio"].kui-radio:checked:before {
    background-color:#fff
}
.dark-mode .kui-btn {
    color:#ddd;
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .kui-btn:hover {
    color:#ddd;
    background:rgba(255, 255, 255, 0.25);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .menuBar .dropdown-menu {
    border-color:#3a3a3a;
    background:transparent
}
.dark-mode .menuBar .dropdown-menu li {
    color:#c4c4c4
}
.dark-mode .menuBar .dropdown-menu li:hover {
    color:#fff
}
.dark-mode .menuBar .dropdown-menu .dropdown-menu-main {
    border-color:#3a3a3a;
    background:#00000090
}
.dark-mode .menuBar .dropdown-menu .menu-arrow {
    border-color:#3a3a3a;
    background:#00000090
}
.dark-mode .menuBar .menu-dropdown-user li.divider {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .menuBar .menu-dropdown-user li:hover, .dark-mode .menuBar .menu-dropdown-user li:active, .dark-mode .menuBar .menu-dropdown-user li:focus {
    background:transparent
}
.dark-mode .menuBar .menu-dropdown-language li.this {
    color:#fff
}
.dark-mode .menuBar .menu-dropdown-notice .header {
    color:#b7b7b7
}
.dark-mode .menuBar .menu-dropdown-notice .content .none {
    color:#777
}
.dark-mode .menuBar .menu-dropdown-notice .content li[status='1'], .dark-mode .menuBar .menu-dropdown-notice .content li[status='1'] .time {
    color:#777
}
.dark-mode .menuBar .menu-dropdown-notice .content .none {
    color:#777
}
.dark-mode .menuBar .menu-dropdown-submenu li .menu-item-sub i.font-icon:not(.app-icon) {
    background:#454545;
    color:#f7f7f7
}
.dark-mode .menuBar .menu-dropdown-submenu li .menu-item-sub .this i.font-icon {
    background:rgba(255, 255, 255, 0.17);
    color:#ddd
}
.dark-mode .panel.panel-default {
    background:transparent;
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .panel.panel-default>.panel-heading {
    border-color:rgba(255, 255, 255, 0.1);
    color:#ddd;
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .open .dropdown-toggle.btn-default {
    color:#fff
}
.dark-mode .btn-danger, .dark-mode .btn-default, .dark-mode .btn-info, .dark-mode .btn-primary, .dark-mode .btn-success, .dark-mode .btn-warning {
    text-shadow:0 -1px 0 rgba(255, 255, 255, 0.17);
    box-shadow:0 0 1px rgba(255, 255, 255, 0.17)
}
.dark-mode .dropdown-menu {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .dropdown-menu>li>a {
    color:#c4c4c4
}
.dark-mode .dropdown-menu .divider {
    background-color:#3a3a3a
}
.dark-mode .dropdown-menu a:hover, .dark-mode .dropdown-menu .this a, .dark-mode .dropdown-menu a:active {
    color:#ddd;
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .dropdown-menu:before {
    border-bottom-color:#454545
}
.dark-mode .dropdown-menu:after {
    border-bottom-color:#303030
}
.dark-mode .dropdown-menu.menu-top:before {
    border-top-color:#454545
}
.dark-mode .dropdown-menu.menu-top:after {
    border-top-color:#303030
}
.dark-mode .markdown-preview-image-show {
    background:rgba(0, 0, 0, 0.8)
}
.dark-mode .context-menu-list {
    background:#262626 !important;
    box-shadow:4px 5px 10px rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.1)
}
.dark-mode .context-menu-list .context-menu-item {
    color:#ddd
}
.dark-mode .context-menu-list .context-menu-item.hover, .dark-mode .context-menu-list .context-menu-item:active, .dark-mode .context-menu-list .context-menu-item.selected.hover {
    background:rgba(255, 255, 255, 0.1);
    color:#f7f7f7
}
.dark-mode .context-menu-list .context-menu-item.disabled:hover {
    background:transparent
}
.dark-mode .context-menu-list .context-menu-item.file-tag-view .item:hover {
    color:#f7f7f7
}
.dark-mode .context-menu-list .context-menu-item.file-tag-view .item.this, .dark-mode .context-menu-list .context-menu-item.file-tag-view .item.this:hover {
    background:#1890ff;
    color:#fff;
    border-color:#1890ff
}
.dark-mode .context-menu-list .context-menu-item.context-menu-separator {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .progress {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .progress .progress-bar {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .bg-banner-light:before, .dark-mode .bg-banner-light-box:before, .dark-mode .bg-banner-light-fly:before, .dark-mode .bg-banner-light-dots:before {
    background-image:none;
    background-image:-webkit-linear-gradient(bottom, #262626, #06557b);
    background-image:-moz-linear-gradient(bottom, #262626, #06557b);
    background-image:-o-linear-gradient(bottom, #262626, #06557b);
    background-image:-ms-linear-gradient(bottom, #262626, #06557b);
    background-image:linear-gradient(bottom, #262626, #06557b)
}
.dark-mode .kodTable .content .list-table .list-row {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .kodTable .content .list-table .list-row.title {
    background:rgba(255, 255, 255, 0.25);
    color:#b7b7b7
}
.dark-mode .kodTable .content .list-table .list-row.title .list-col:hover, .dark-mode .kodTable .content .list-table .list-row.title .list-col:active, .dark-mode .kodTable .content .list-table .list-row.title .list-col.this {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .kodTable .content .list-table .list-row.title .list-col.this i.font-icon {
    color:#fff
}
.dark-mode .kodTable .content .list-table .list-row:nth-child(odd) {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .kodTable .content .list-table .list-row:not(.title):hover {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .kodTable .content .list-table .list-row .drag-item {
    background:#454545;
    color:#ddd
}
.dark-mode .kodTable .content .list-table .list-row .list-col.setting .do-action:hover, .dark-mode .kodTable .content .list-table .list-row .list-col.setting .do-action:active, .dark-mode .kodTable .content .list-table .list-row .list-col.setting .do-action:focus {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .kodTable .toolbar {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .kodTable .toolbar .search-box .btn-search, .dark-mode .kodTable .toolbar .search-box input {
    border-color:rgba(255, 255, 255, 0.07);
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown {
    background:#3a3a3a
}
.dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li {
    color:#ddd
}
.dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:hover, .dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:active, .dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:focus {
    background:#454545
}
.dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips:after {
    border-bottom-color:#3a3a3a
}
.dark-mode .kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips:after {
    border-top-color:#3a3a3a
}
.dark-mode .kodTable .table-empty-info {
    color:#b7b7b7
}
.dark-mode .loading-msg .loading-mask {
    background:#070707
}
.dark-mode .my-page-box {
    border-color:rgba(255, 255, 255, 0.07);
    color:#fff
}
.dark-mode .my-page-box .page-content .page-to:hover, .dark-mode .my-page-box .page-content ul li:hover {
    background:rgba(255, 255, 255, 0.25);
    color:#fff
}
.dark-mode .my-page-box .page-content .page-to.disable:hover {
    background:transparent
}
.dark-mode .ztree li a {
    color:#ddd
}
.dark-mode .ztree li span.button.switch:hover, .dark-mode .ztree li span.button.switch:active, .dark-mode .ztree li span.button.switch:focus {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .ztree li span.button.ico_loading {
    background-image:url("../../images/common/loading_tree_black.gif") !important
}
.dark-mode .task-list-view .list-item {
    background:transparent
}
.dark-mode .content-main-message {
    background:#1c1c1c
}
.dark-mode .content-main-message .content-main {
    background:#262626
}
.dark-mode .content-main-message .message-content .title {
    color:#ddd
}
.dark-mode .content-main-message .link {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .content-main-message .check-result .font-icon.error, .dark-mode .content-main-message .check-result .font-icon.success, .dark-mode .content-main-message .check-result .font-icon.info {
    border-color:#262626
}
.dark-mode .content-main-message a:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row textarea:focus, .dark-mode .form-box .form-row input[type='text']:focus, .dark-mode .form-box .form-row input[type='password']:focus, .dark-mode .form-box .form-row input[type='number']:focus, .dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus, .dark-mode .panel-body.member-page .page-box .frame-left .select-search input:focus, .dark-mode .panel-body.member-page .page-box .frame-right .search-user input:focus, .dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content textarea:focus, .dark-mode .panel-body.plugin-page .app-toolbar .search-box input:focus, .dark-mode .setting-page .panel-body.account-page .form-row input[type='text']:focus, .dark-mode .setting-page .panel-body.account-page .form-row input[type='password']:focus, .dark-mode .setting-page .panel-body.account-page .form-row input[type='number']:focus, .dark-mode .kod-user-group-select .select-search input:focus {
    box-shadow:0 0 0 1px rgba(33, 150, 243, 0.7), 0 0 0 4px rgba(33, 150, 243, 0.3)
}
.dark-mode .loading-msg .loading-msg-content {
    background:rgba(10, 10, 10, 0.7)
}
.dark-mode .info-alert, .dark-mode .info-alert.info-alert-grey, .dark-mode .info-alert.info-alert-normal, .dark-mode .info-alert.info-alert-yellow, .dark-mode .info-alert.info-alert-warning, .dark-mode .info-alert.info-alert-green, .dark-mode .info-alert.info-alert-success, .dark-mode .info-alert.info-alert-blue, .dark-mode .info-alert.info-alert-primary, .dark-mode .info-alert.info-alert-red, .dark-mode .info-alert.info-alert-error {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .info-alert.info-alert-grey, .dark-mode .info-alert.info-alert-normal {
    color:#ddd
}
.dark-mode .info-alert.info-alert-yellow, .dark-mode .info-alert.info-alert-warning {
    color:#e5dfbf
}
.dark-mode .info-alert.info-alert-green, .dark-mode .info-alert.info-alert-success {
    color:#8bc34a
}
.dark-mode .info-alert.info-alert-blue, .dark-mode .info-alert.info-alert-primary {
    color:#8cb0c5
}
.dark-mode .info-alert.info-alert-red, .dark-mode .info-alert.info-alert-error {
    color:#cdaea4
}
.dark-mode .kui-notify .kui-notify-box .kui-notify-item {
    background:#454545
}
.dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title {
    color:#ddd
}
.dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:hover, .dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:active, .dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:focus {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .ps__thumb-x, .dark-mode .ps__thumb-y, .dark-mode .ps--scrolling-x .ps__thumb-x, .dark-mode .ps--scrolling-y .ps__thumb-y, .dark-mode .ps__rail-x.ps--clicking .ps__thumb-x, .dark-mode .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color:rgba(250, 250, 250, 0.36)
}
.dark-mode .ps .ps__rail-x:hover, .dark-mode .ps .ps__rail-y:hover, .dark-mode .ps .ps__rail-x:focus, .dark-mode .ps .ps__rail-y:focus {
    background-color:rgba(250, 250, 250, 0.06)
}
.dark-mode .ps .ps__rail-x.ps--clicking, .dark-mode .ps .ps__rail-y.ps--clicking {
    background-color:rgba(250, 250, 250, 0.09)
}
.dark-mode .ps__rail-y:hover>.ps__thumb-y, .dark-mode .ps__rail-y:focus>.ps__thumb-y, .dark-mode .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color:rgba(250, 250, 250, 0.24)
}
.dark-mode .aui-content {
    color:#f7f7f7
}
.dark-mode .aui-main, .dark-mode .aui-icon {
    background:#262626;
    color:#c4c4c4
}
.dark-mode .dialog-simple .aui-main, .dark-mode .dialog-simple .aui-content {
    background:transparent
}
.dark-mode .artDialog.dialog-min-size .aui-title-bar {
    background-color:#262626
}
.dark-mode .aui-outer .aui-title {
    background-color:#262626;
    color:#ddd;
    border-bottom:.5px solid rgba(255, 255, 255, 0.02)
}
.dark-mode .aui-outer .aui-min:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\f1ae"
}
.dark-mode .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9c";
    font-size:1.1em
}
.dark-mode .aui-outer .aui-close:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\eb99"
}
.dark-mode .aui-outer .aui-min, .dark-mode .aui-outer .aui-max, .dark-mode .aui-outer .aui-close {
    color:#ddd;
    -ms-transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
    height:31px;
    line-height:32px;
    background-color:transparent;
    background-image:none !important
}
.dark-mode .aui-outer .aui-min:before, .dark-mode .aui-outer .aui-max:before, .dark-mode .aui-outer .aui-close:before {
    position:relative;
    top:-0.1em
}
.dark-mode .aui-outer .aui-min:hover, .dark-mode .aui-outer .aui-max:hover, .dark-mode .aui-outer .aui-close:hover, .dark-mode .aui-outer .aui-min:active, .dark-mode .aui-outer .aui-max:active, .dark-mode .aui-outer .aui-close:active {
    border:none;
    box-shadow:none;
    color:#f7f7f7;
    background-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .aui-outer .aui-close:active, .dark-mode .aui-outer .aui-close:hover {
    background-color:#e81123;
    color:#fff
}
.dark-mode .artDialog.dialog-max .aui-outer .aui-max:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ed9a"
}
.dark-mode .artDialog.dialog-prompt-box .aui-title, .dark-mode .artDialog.dialog-confirm-box .aui-title, .dark-mode .artDialog.dialog-alert-box .aui-title {
    color:#00000001
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons, .dark-mode .artDialog .aui-outer .aui-buttons {
    background:#2a2a2a;
    border-color:transparent
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button, .dark-mode .artDialog .aui-outer .aui-buttons button {
    background:#3a3a3a;
    color:#fff
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button:focus, .dark-mode .artDialog .aui-outer .aui-buttons button:focus {
    box-shadow:0 0 0 1px rgba(24, 144, 255, 0.7), 0 0 0 3px rgba(24, 144, 255, 0.3)
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button:hover, .dark-mode .artDialog .aui-outer .aui-buttons button:hover {
    background:#454545;
    color:#fff
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode .artDialog .aui-outer .aui-buttons button.aui-state-highlight {
    background:#1890ff
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:active, .dark-mode .artDialog .aui-outer .aui-buttons button.aui-state-highlight:active {
    background:#0076e4
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode .artDialog .aui-outer .aui-buttons button.aui-state-highlight:focus {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(24, 144, 255, 0.3)
}
.dark-mode .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode .artDialog .aui-outer .aui-buttons button.aui-state-highlight:hover {
    background:#0084fe
}
.dark-mode .artDialog.dialog-prompt-box .aui-outer, .dark-mode .artDialog.dialog-confirm-box .aui-outer, .dark-mode .artDialog.dialog-alert-box .aui-outer {
    background:rgba(48, 48, 48, 0.97)
}
.dark-mode .artDialog.dialog-prompt-box .aui-content, .dark-mode .artDialog.dialog-confirm-box .aui-content, .dark-mode .artDialog.dialog-alert-box .aui-content {
    color:#b7b7b7
}
.dark-mode .artDialog.dialog-prompt-box .aui-content h5, .dark-mode .artDialog.dialog-confirm-box .aui-content h5, .dark-mode .artDialog.dialog-alert-box .aui-content h5 {
    color:#fff
}
.dark-mode .artDialog.dialog-confirm-box .confirm-cell {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .artDialog.dialog-confirm-box .confirm-tips input {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1);
    color:#b7b7b7
}
.dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons {
    border-top-color:rgba(255, 255, 255, 0.1)
}
.dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight {
    border-left-color:rgba(255, 255, 255, 0.1)
}
.dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button:focus, .dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:focus, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:focus {
    box-shadow:none
}
.dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:hover, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:hover, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:hover, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:hover, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:hover, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button:hover {
    background:transparent;
    color:#ddd
}
.dark-mode.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .dark-mode.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:hover {
    background:transparent
}
.dark-mode .dialog-bg-blur .aui-border {
    background:rgba(0, 0, 0, 0.6)
}
.dark-mode .dialog-bg-blur .aui-outer .aui-title {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .dialog-form.dialog-no-title .aui-outer, .dark-mode .artDialog .aui-outer {
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1)
}
.dark-mode .dialog-form.dialog-no-title.aui-state-focus .aui-outer, .dark-mode .artDialog.aui-state-focus .aui-outer {
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.17), 0 0 0 5px rgba(255, 255, 255, 0.07)
}
.dark-mode .dialog-form.dialog-no-title .form-box.config-box .form-header, .dark-mode .artDialog .form-box.config-box .form-header {
    background-color:#303030;
    color:#ddd;
    border-bottom:.5px solid rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box.config-box .panel-form-body {
    background:transparent;
    border-radius:0
}
.dark-mode .dialog-copyright .dialog-copyright-content, .dark-mode .check-version-dialog .aui-content {
    background-color:rgba(0, 0, 0, 0.3);
    color:#f7f7f7
}
.dark-mode .dialog-copyright .dialog-copyright-content .content p, .dark-mode .check-version-dialog .aui-content .content p {
    color:#eaeaea
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:hover, .dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:active, .dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:focus {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group {
    background:#303030
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item {
    color:#c4c4c4
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:hover, .dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:active, .dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:focus {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active, .dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover {
    color:#f7f7f7;
    background:#262626
}
.dark-mode .dialog-app-select .tab-group .tab-item:not(.active) {
    background:#3a3a3a;
    border:1px solid #454545
}
.dark-mode .dialog-app-select .tab-group .tab-item:not(.active) a {
    color:#ddd
}
.dark-mode .dialog-app-select .tab-group .tab-item:not(.active):hover {
    background-color:#454545
}
.dark-mode .dialog-app-select .app-list {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .dialog-app-select .app-list .app-item {
    border-color:rgba(255, 255, 255, 0.02);
    color:#fff
}
.dark-mode .dialog-app-select .app-list .app-item:not(.select):hover, .dark-mode .dialog-app-select .app-list .app-item:not(.select):active, .dark-mode .dialog-app-select .app-list .app-item:not(.select):focus {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .artDialog.dialog-file-panel .file-panel {
    background:transparent
}
.dark-mode .dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label {
    background:transparent
}
.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:hover, .dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:active, .dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:focus {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content input {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07) !important;
    color:#f7f7f7
}
.dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:hover, .dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:active, .dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:focus {
    background:rgba(255, 255, 255, 0.17);
    color:#f7f7f7
}
.dark-mode .dialog-tab {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .dialog-tab .tab-item:hover, .dark-mode .dialog-tab .tab-item.focus {
    background:rgba(234, 245, 251, 0.1);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    border-color:rgba(255, 255, 255, 0.02)
}
.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth {
    border-color:rgba(255, 255, 255, 0.02)
}
.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content {
    border-color:rgba(255, 255, 255, 0.04);
    background-color:transparent;
    background-image:none;
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0))
}
.dark-mode .pathAuth-dialog .auth-list-body table thead td {
    background:rgba(255, 255, 255, 0.04);
    color:#ddd
}
.dark-mode .pathAuth-dialog .auth-list-body table td {
    border-color:rgba(255, 255, 255, 0.02)
}
.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title {
    background:rgba(255, 255, 255, 0.04);
    color:#ddd
}
.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:hover, .dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:active, .dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:focus {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item.current td {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .tag-list-dialog .tag-edit-body .content {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .tag-list-dialog .tag-edit-body .header .line {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .tag-list-dialog .tag-edit-body .content .item {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .tag-list-dialog .tag-edit-body .content .item:hover {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .tag-list-dialog .tag-edit-body .content .item .drag-item {
    background:none
}
.dark-mode .tag-list-dialog .tag-edit-body .content .item .do-action .item-action {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-content, .dark-mode .dialog-file-upload .file-upload-box .downloader-content {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .dialog-file-upload .file-upload-box .list input {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07);
    color:#ddd
}
.dark-mode .dialog-file-upload .file-upload-box .upload-box-tips .btn.btn-default {
    color:#ddd
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item, .dark-mode .dialog-file-upload .file-upload-box .download-list .item {
    background:#262626;
    border-color:#303030
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item.success, .dark-mode .dialog-file-upload .file-upload-box .download-list .item.success {
    background:#262626
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item.error, .dark-mode .dialog-file-upload .file-upload-box .download-list .item.error {
    background:rgba(255, 50, 0, 0.1)
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item .file-upload-box .uploader-list .item.error, .dark-mode .dialog-file-upload .file-upload-box .download-list .item .file-upload-box .uploader-list .item.error, .file-upload-box .download-list .item.error .dark-mode .dialog-file-upload .file-upload-box .uploader-list .item:hover, .file-upload-box .download-list .item.error .dark-mode .dialog-file-upload .file-upload-box .download-list .item:hover, .dark-mode .dialog-file-upload .file-upload-box .uploader-list .item.success:hover, .dark-mode .dialog-file-upload .file-upload-box .download-list .item.success:hover {
    background:#303030
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item .info, .dark-mode .dialog-file-upload .file-upload-box .download-list .item .info {
    color:#777
}
.dark-mode .dialog-file-upload .file-upload-box .uploader-list .item .progress .progress-bar, .dark-mode .dialog-file-upload .file-upload-box .download-list .item .progress .progress-bar {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .server-dwonload-textarea textarea {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.07);
    color:#ddd
}
.dark-mode .file-rename-mutil-dialog .data-from {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .file-rename-mutil-dialog .dialog-content {
    border-color:#303030
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item {
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item .title-name-new {
    border-color:#3a3a3a
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item.item-title {
    background:#3a3a3a;
    border-color:#454545
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item.item-title:hover, .dark-mode .file-rename-mutil-dialog .dialog-content .item.item-title:active, .dark-mode .file-rename-mutil-dialog .dialog-content .item.item-title:focus {
    background:#454545
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item:hover, .dark-mode .file-rename-mutil-dialog .dialog-content .item:active, .dark-mode .file-rename-mutil-dialog .dialog-content .item:focus {
    background:#454545
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item:nth-child(even) {
    background:#303030
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item:nth-child(even):hover, .dark-mode .file-rename-mutil-dialog .dialog-content .item:nth-child(even):active, .dark-mode .file-rename-mutil-dialog .dialog-content .item:nth-child(even):focus {
    background:#454545
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item .remove-item {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-rename-mutil-dialog .dialog-content .item .remove-item:hover, .dark-mode .file-rename-mutil-dialog .dialog-content .item .remove-item:active, .dark-mode .file-rename-mutil-dialog .dialog-content .item .remove-item:focus {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .zip-view-dialog .zip-view-content .zip-header-title {
    background:#3a3a3a;
    border-color:#454545
}
.dark-mode .zip-view-dialog .zip-view-content .zip-header-title .item span {
    border-color:#454545
}
.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode) {
    color:#ddd
}
.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode).odd {
    background:#303030
}
.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode):hover, .dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode):active, .dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode).odd:hover, .dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode).odd:active {
    background:#3a3a3a;
    border-color:transparent
}
.dark-mode .file-embed-dialog .data-from {
    background:#303030;
    border-color:#303030
}
.dark-mode .client-sync-box .header {
    border-color:#303030
}
.dark-mode .client-sync-box .header .actions .btn {
    color:#ddd
}
.dark-mode .client-sync-box .header .actions .btn .font-icon {
    color:#ddd
}
.dark-mode .client-sync-box.client-download-box .header .actions .btn {
    color:#ddd
}
.dark-mode .client-sync-box .sync-action .status-info-box {
    background:rgba(255, 255, 255, 0.3)
}
.dark-mode .client-sync-box .sync-action .status-info-box .status-info-desc {
    color:#b7b7b7
}
.dark-mode .client-sync-box .sync-action .status-info-box .btn:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .client-sync-box .dialog-tab-content .item {
    border-color:#303030;
    color:#c4c4c4
}
.dark-mode .client-sync-box .dialog-tab-content .item .row-item .title-name {
    color:#f7f7f7
}
.dark-mode .client-sync-box .dialog-tab-content .item:hover, .dark-mode .client-sync-box .dialog-tab-content .item:active, .dark-mode .client-sync-box .dialog-tab-content .item:focus {
    background:#303030
}
.dark-mode .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .dark-mode .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body hr {
    border-color:#303030
}
.dark-mode .file-image-print-dialog .data-from {
    background:#303030;
    border-color:#303030
}
.dark-mode .file-image-print-dialog .data-from .panel-form-body {
    border-color:#303030
}
.dark-mode .file-image-print-dialog .item.file {
    border-color:#303030
}
.dark-mode .file-image-print-dialog .item.file.placeHolder {
    border-color:transparent
}
.dark-mode .file-image-print-dialog .item.file:hover {
    background:#303030;
    border-color:#303030
}
.dark-mode .dialog-form-page .header {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .dialog-form-page .actions .btn {
    color:#ddd
}
.dark-mode .light-app-main .menu-left {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .light-app-main .menu-left h1 {
    color:#ddd
}
.dark-mode .light-app-main .menu-left .setting a {
    color:#ddd
}
.dark-mode .light-app-main .menu-left .setting a:hover, .dark-mode .light-app-main .menu-left .setting a:active, .dark-mode .light-app-main .menu-left .setting a:focus, .dark-mode .light-app-main .menu-left .setting a.selected {
    background:#3a3a3a;
    color:#f7f7f7
}
.dark-mode .light-app-main .app-content .app-model .h1 {
    color:#ddd;
    border-color:#303030
}
.dark-mode .light-app-main .app-content .app-list .app-li {
    border-color:#303030
}
.dark-mode .light-app-main .app-content .app-list .app-li .name {
    color:#ddd
}
.dark-mode .light-app-main .app-content .app-list .app-li .copyright {
    color:#b7b7b7
}
.dark-mode .light-app-main .app-content .app-list .app-li .action .btn-default.dropdown-toggle {
    position:relative;
    left:1px;
    border-left-color:transparent
}
.dark-mode .light-app-main .app-content .app-list .app-li:hover, .dark-mode .light-app-main .app-content .app-list .app-li:active, .dark-mode .light-app-main .app-content .app-list .app-li:focus, .dark-mode .light-app-main .app-content .app-list .app-li.selected {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .emoji-panel {
    background:#262626;
    border-color:#3a3a3a
}
.dark-mode .emoji-panel .tab-content .item-face:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .emoji-panel .tab-content .item-face-group {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .emoji-panel .tab-group-line {
    background:#303030
}
.dark-mode .emoji-panel .tab-group-line .tab-item.active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-header {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .frame-main-explorer .frame-header .header-content {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-header .tools {
    background:transparent;
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-header .tools .tools-right {
    background:transparent;
    box-shadow:none
}
.dark-mode .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:hover, .dark-mode .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:active, .dark-mode .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:focus, .dark-mode .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.open, .dark-mode .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.context-menu-active {
    background:rgba(255, 255, 255, 0.17);
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.context-menu-active {
    background:rgba(255, 255, 255, 0.25);
    border-color:rgba(255, 255, 255, 0.17);
    color:#d0d0d0
}
.dark-mode .frame-main-explorer .frame-header .header-middle .btn-default {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .frame-main-explorer .frame-header .header-middle .btn-default:hover, .dark-mode .frame-main-explorer .frame-header .header-middle .btn-default:focus {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address {
    border-color:rgba(255, 255, 255, 0.17);
    border-left-color:transparent;
    border-right-color:transparent
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a {
    background:none;
    color:#ddd;
    padding:0px 24px 0px 14px;
    position:relative
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active, .dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active, .dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover {
    color:#fff
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active:after, .dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active:after, .dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover:after {
    color:transparent
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:after {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6e";
    line-height:inherit;
    position:absolute;
    right:5px;
    color:rgba(255, 255, 255, 0.25)
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu {
    color:#ddd;
    z-index:100
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu:hover {
    color:#3399ff
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.drag-file-hover a {
    background:rgba(255, 255, 255, 0.2)
}
.dark-mode .frame-main-explorer .frame-header .header-middle .children-list {
    background:#262626;
    box-shadow:0 0 0 1px #3a3a3a
}
.dark-mode .frame-main-explorer .frame-header .header-middle .children-list .list-item {
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-header .header-middle .children-list .list-item.current {
    color:#fff;
    font-weight:600
}
.dark-mode .frame-main-explorer .frame-header .header-middle .children-list .list-item:hover {
    background:#3a3a3a;
    color:#f7f7f7
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address-input {
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .frame-main-explorer .frame-header .header-middle .header-address-input input.path {
    color:#f7f7f7;
    background:rgba(255, 255, 255, 0.07);
    height:26px;
    width:100%;
    box-sizing:border-box
}
.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box {
    color:#f7f7f7
}
.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more {
    color:#f7f7f7
}
.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box input.search {
    border-color:rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.04);
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-header .search-dropdown {
    background:#262626;
    border-color:#303030
}
.dark-mode .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body hr {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .role-label-box {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .frame-main-explorer .file-panel .dialog-tab {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item {
    color:#f7f7f7
}
.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item .font-icon {
    color:#f7f7f7
}
.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item:hover, .dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item.active {
    background:rgba(234, 245, 251, 0.1);
    color:#fff
}
.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item.active .font-icon {
    background:transparent;
    color:#1890ff
}
.dark-mode .frame-main-explorer .ztree li .node_name span.node-name-desc {
    color:rgba(255, 255, 255, 0.3);
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .frame-main-explorer .bodymain .group-by {
    background:rgba(0, 0, 0, 0.1)
}
.dark-mode .frame-main-explorer .bodymain .group-by:hover {
    background:#1890ff17
}
.dark-mode .frame-main-explorer .bodymain .group-by:active {
    background:#1890ff25
}
.dark-mode .file-list-list .file.loading-children .children-more i.font-icon, .dark-mode .file-list-split .file.loading-children .children-more i.font-icon {
    background-image:url("../../images/common/loading_tree_black.gif") !important
}
.dark-mode div.file-continer .file.hover, .dark-mode div.file-continer .file2.hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer .file.file-focus, .dark-mode div.file-continer .file2.file-focus {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer .file.select, .dark-mode div.file-continer .file2.select, .dark-mode div.file-continer .file.file-select-drag-temp, .dark-mode div.file-continer .file2.file-select-drag-temp {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer .file.select.hover, .dark-mode div.file-continer .file2.select.hover, .dark-mode div.file-continer .file.file-select-drag-temp.hover, .dark-mode div.file-continer .file2.file-select-drag-temp.hover, .dark-mode div.file-continer .file.select.hover:focus, .dark-mode div.file-continer .file2.select.hover:focus, .dark-mode div.file-continer .file.file-select-drag-temp.hover:focus, .dark-mode div.file-continer .file2.file-select-drag-temp.hover:focus, .dark-mode div.file-continer .file.select.hover.file-focus, .dark-mode div.file-continer .file2.select.hover.file-focus, .dark-mode div.file-continer .file.file-select-drag-temp.hover.file-focus, .dark-mode div.file-continer .file2.file-select-drag-temp.hover.file-focus {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer .file.select:focus, .dark-mode div.file-continer .file2.select:focus, .dark-mode div.file-continer .file.file-select-drag-temp:focus, .dark-mode div.file-continer .file2.file-select-drag-temp:focus, .dark-mode div.file-continer .file.select.file-focus, .dark-mode div.file-continer .file2.select.file-focus, .dark-mode div.file-continer .file.file-select-drag-temp.file-focus, .dark-mode div.file-continer .file2.file-select-drag-temp.file-focus {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode div.file-continer .file .title-rename, .dark-mode div.file-continer .file2 .title-rename {
    color:#fff
}
.dark-mode #app.app-desktop .file-continer.file-list-icon .file .file .item-menu {
    background:rgba(0, 0, 0, 0.2)
}
.dark-mode #app.app-desktop .file-continer.file-list-icon .file.hover {
    background:rgba(0, 0, 0, 0.15)
}
.dark-mode #app.app-desktop .file-continer.file-list-icon .file.select, .dark-mode #app.app-desktop .file-continer.file-list-icon .file.file-select-drag-temp {
    background:rgba(0, 0, 0, 0.3)
}
.dark-mode #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select {
    background:rgba(0, 0, 0, 0.3)
}
.dark-mode .bodymain .file-continer .file.file-focus.file-icon-edit, .dark-mode .bodymain .file-continer .file.file-focus.context-menu-active, .dark-mode .bodymain .file-continer-main:focus .file-continer .file.file-focus, .dark-mode .bodymain:focus .file-continer .file.file-focus {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .bodymain .file-continer .file.file-focus.file-icon-edit.select, .dark-mode .bodymain .file-continer .file.file-focus.context-menu-active.select, .dark-mode .bodymain .file-continer-main:focus .file-continer .file.file-focus.select, .dark-mode .bodymain:focus .file-continer .file.file-focus.select {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-list-list .file .title-type-name .title-continer, .dark-mode .file-list-split .file .title-type-name .title-continer {
    background:transparent !important
}
.dark-mode .file-list-list .file.select:focus, .dark-mode .file-list-split .file.select:focus, .dark-mode .file-list-list .file.file-select-drag-temp:focus, .dark-mode .file-list-split .file.file-select-drag-temp:focus, .dark-mode .file-list-list .file.select.file-focus, .dark-mode .file-list-split .file.select.file-focus, .dark-mode .file-list-list .file.file-select-drag-temp.file-focus, .dark-mode .file-list-split .file.file-select-drag-temp.file-focus {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-list-list .file .children-more i.font-icon:hover, .dark-mode .file-list-split .file .children-more i.font-icon:hover, .dark-mode .file-list-list .file .children-more i.font-icon:active, .dark-mode .file-list-split .file .children-more i.font-icon:active, .dark-mode .file-list-list .file .children-more i.font-icon:focus, .dark-mode .file-list-split .file .children-more i.font-icon:focus {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode div.file-continer.file-list-split .split-box .content {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer.file-list-split .split-box.split-select {
    box-shadow:0 -4px 0 0 #50afff inset;
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode div.file-continer.file-list-split .split-box.split-select:after {
    background:#50afff
}
.dark-mode div.file-continer.file-list-split .file.hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode div.file-continer.file-list-split .file .children-open, .dark-mode div.file-continer.file-list-split .file .children-open i.font-icon {
    color:#ddd
}
.dark-mode div.file-continer.file-list-split .file .children-open {
    background:transparent;
    color:#ddd
}
.dark-mode div.file-continer.file-list-split .file.select-split-parent {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode div.file-continer.file-list-split .file.select-split-parent.select, .dark-mode div.file-continer.file-list-split .file.select-split-parent.file-select-drag-temp {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .list-type-header {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07);
    box-shadow:0 6px 10px rgba(0, 0, 0, 0.1)
}
.dark-mode .list-type-header .main-title .title-item {
    color:#ddd;
    border-color:rgba(255, 255, 255, 0.07);
    height:26px;
    line-height:26px
}
.dark-mode .list-type-header .main-title .title-item:hover, .dark-mode .list-type-header .main-title .title-item:active, .dark-mode .list-type-header .main-title .title-item:focus, .dark-mode .list-type-header .main-title .title-item.this {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-list-list .file .title-item {
    color:#ddd
}
.dark-mode .file-list-list .file .title-item.title-type-name {
    color:#ddd
}
.dark-mode .file-list-list .file .title-item .user-info img {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-list-list .file2 {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-list-list .file .meta-info .file-list-tag .item {
    color:#f7f7f7;
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-list-list .file .meta-info .file-list-tag .item .x-item-icon.label {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.3)
}
.dark-mode .file-list-list .file.file-search-text-has {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-list-list .file.file-search-text-has.select .children-search-content {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-list-list .file .children-search-content {
    background:rgba(255, 255, 255, 0.02);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-list-list .file .children-search-content .children-search-item {
    color:#b7b7b7
}
.dark-mode .file-list-list .file .children-search-content .children-search-item.this {
    color:#eaeaea
}
.dark-mode .file-list-list .file .children-search-content .search-show-more-toggle:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile {
    background:none
}
.dark-mode #app.app-desktop .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    background:#3a3a3a;
    backdrop-filter:none
}
.dark-mode .file-list-icon .file.file-icon-edit {
    box-shadow:none
}
.dark-mode .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-color:rgba(255, 255, 255, 0.3);
    border-top-color:rgba(255, 255, 255, 0.3);
    box-shadow:none;
    background:rgba(0, 0, 0, 0.3);
    backdrop-filter:blur(30px)
}
.dark-mode.app-wap-touch .frame-main-explorer .bodymain .file-continer .file.drag-menu {
    background:#1890ff !important
}
.dark-mode.app-wap-touch .frame-main-explorer .bodymain .file-continer .file.drag-menu .item-menu {
    display:none !important
}
.dark-mode .file-continer .file.select .item-select .item-check {
    border-color:rgba(255, 255, 255, 0.3)
}
.dark-mode .file-continer .file .item-menu .cert {
    border-top-color:#c4c4c4
}
.dark-mode .file-continer .file .item-menu:hover .cert, .dark-mode .file-continer .file .item-menu:active .cert, .dark-mode .file-continer .file.context-menu-active .item-menu .cert {
    border-top-color:#f7f7f7
}
.dark-mode .file-continer .file .item-menu {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-continer .file.context-menu-active .item-menu, .dark-mode .file-continer .file .item-menu:hover {
    background:rgba(255, 255, 255, 0.3);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-continer .file .path-ico .picture.loading:after {
    background:#555
}
.dark-mode .file-panel {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .dialog-tab {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .panel-info-header {
    border-color:rgba(255, 255, 255, 0.04) !important;
    background:rgba(255, 255, 255, 0.04) !important
}
.dark-mode .file-panel .panel-info-header .header-content .file-name {
    color:#ddd
}
.dark-mode .file-panel .list-page {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .list-page .my-page-box {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .user-info {
    color:#c4c4c4
}
.dark-mode .file-panel .user-info .path-ico img {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .list-empty .desc {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .content-header {
    border-bottom:2px solid rgba(255, 255, 255, 0.07);
    box-shadow:none
}
.dark-mode .file-panel .content-header .title {
    color:#ddd
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .placeholder {
    color:rgba(255, 255, 255, 0.17)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:active, .dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:focus {
    background:transparent
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li {
    color:#ddd
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li:hover {
    color:#ddd;
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item {
    background:#303030
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close {
    background:#3a3a3a
}
.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:hover {
    background:#454545
}
.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item:hover, .dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active .menu-trigger {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .name {
    color:#fff
}
.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.time {
    color:rgba(255, 255, 255, 0.3)
}
.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger {
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .file-panel .panel-log .content-list .list-item {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.04);
    color:#ddd
}
.dark-mode .file-panel .panel-log .content-list .list-item:hover {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-log .content-list .list-item:before, .dark-mode .file-panel .panel-log .content-list .list-item:after {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .panel-log .content-list .list-item .data-path:hover {
    background:rgba(255, 255, 255, 0.25);
    color:#ddd
}
.dark-mode .file-panel .panel-log .content-list .list-item .toggle-item:hover {
    color:#ddd
}
.dark-mode .file-panel .pathinfo .info-group .group-header {
    color:#c4c4c4
}
.dark-mode .file-panel .pathinfo .p>.content {
    color:#ddd
}
.dark-mode .file-panel .pathinfo .p>.title {
    color:#c4c4c4
}
.dark-mode .file-panel .pathinfo .p:hover {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .file-panel .pathinfo .p:hover .title {
    color:#ddd
}
.dark-mode .file-panel .pathinfo .p:hover .content {
    color:#fff
}
.dark-mode .file-panel .pathinfo .p .content .link-href:hover, .dark-mode .file-panel .pathinfo .p .content.link-href:hover, .dark-mode .file-panel .pathinfo .p .content .link-href:active, .dark-mode .file-panel .pathinfo .p .content.link-href:active, .dark-mode .file-panel .pathinfo .p .content .link-href:focus, .dark-mode .file-panel .pathinfo .p .content.link-href:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .pathinfo .info-item-desc .content {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .pathinfo .info-item-desc .content textarea {
    border-color:rgba(255, 255, 255, 0.17);
    background:rgba(255, 255, 255, 0.1);
    color:#f7f7f7
}
.dark-mode .file-panel .pathinfo .info-group .group-header:before {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .pathinfo .p.line {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .pathinfo .user-space-info {
    background:transparent;
    border-color:rgba(255, 255, 255, 0.1);
    color:#f7f7f7
}
.dark-mode .file-panel .pathinfo .user-space-info .space-process {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .file-panel .pathinfo .user-info img {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .pathinfo .btn-edit {
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .pathinfo .btn-edit:hover, .dark-mode .file-panel .pathinfo .btn-edit:active, .dark-mode .file-panel .pathinfo .btn-edit:focus, .dark-mode .file-panel .pathinfo .btn-edit:active, .dark-mode .file-panel .pathinfo .btn-edit.context-menu-active {
    border-color:rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .pathinfo .file-info-tag .tag-desc {
    color:#777
}
.dark-mode .file-panel .pathinfo .download-url {
    border-color:rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link, .dark-mode .file-panel .pathinfo .p.info-item-path .content .link {
    color:#8ac0ff
}
.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:hover, .dark-mode .file-panel .pathinfo .p.info-item-path .content .link:hover, .dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:active, .dark-mode .file-panel .pathinfo .p.info-item-path .content .link:active, .dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:focus, .dark-mode .file-panel .pathinfo .p.info-item-path .content .link:focus {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item {
    border-color:rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item .close {
    line-height:16px
}
.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item:hover {
    color:#fff
}
.dark-mode .file-panel .pathinfo .info-group .show-more, .dark-mode .file-panel .pathinfo .info-group .show-less {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .pathinfo .info-group .show-more:hover, .dark-mode .file-panel .pathinfo .info-group .show-less:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-history .content-list .file-item {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .panel-history .content-list .file-item .file-item-line {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .panel-history .content-list .file-item:hover, .dark-mode .file-panel .panel-history .content-list .file-item:active, .dark-mode .file-panel .panel-history .content-list .file-item:focus, .dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-history .content-list .file-item:hover .file-item-line, .dark-mode .file-panel .panel-history .content-list .file-item:active .file-item-line, .dark-mode .file-panel .panel-history .content-list .file-item:focus .file-item-line, .dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active .file-item-line {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active .menu-trigger {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .panel-history .content-list .file-item .menu-trigger {
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .file-panel .panel-history .content-list .file-item .menu-trigger:hover {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .panel-history .content-list .file-item .item.detail {
    border-color:rgba(255, 255, 255, 0.02)
}
.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content textarea {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07);
    color:#ddd
}
.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder {
    color:rgba(255, 255, 255, 0.25);
    border-radius:3px
}
.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder:hover {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-title.has-title {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row:hover .setting-title.has-title {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .file-panel .panel-meta .file-list .data-path:hover {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .file-panel .panel-meta .file-list .data-path .path-parent, .dark-mode .file-panel .panel-meta .file-list .data-path .item-remove {
    background:#262626
}
.dark-mode .frame-main-explorer .frame-left .ztree li a, .dark-mode .frame-main-editor .frame-left .ztree li a {
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-left .ztree li a:hover, .dark-mode .frame-main-editor .frame-left .ztree li a:hover, .dark-mode .frame-main-explorer .frame-left .ztree li a:active, .dark-mode .frame-main-editor .frame-left .ztree li a:active, .dark-mode .frame-main-explorer .frame-left .ztree li a:focus, .dark-mode .frame-main-editor .frame-left .ztree li a:focus {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .frame-main-explorer .frame-left .ztree li a.level0, .dark-mode .frame-main-editor .frame-left .ztree li a.level0 {
    color:#ddd;
    border:none
}
.dark-mode .frame-main-explorer .frame-left .ztree li a.curSelectedNode, .dark-mode .frame-main-editor .frame-left .ztree li a.curSelectedNode, .dark-mode .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active, .dark-mode .frame-main-editor .frame-left .ztree li a.curSelectedNode:active, .dark-mode .frame-main-explorer .frame-left .ztree li a.curDropTreeNode, .dark-mode .frame-main-editor .frame-left .ztree li a.curDropTreeNode, .dark-mode .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover, .dark-mode .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0:hover, .dark-mode .frame-main-editor .frame-left .ztree li a.level0:hover, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0:active, .dark-mode .frame-main-editor .frame-left .ztree li a.level0:active, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0:focus, .dark-mode .frame-main-editor .frame-left .ztree li a.level0:focus, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode, .dark-mode .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:hover, .dark-mode .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:hover, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:active, .dark-mode .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:active, .dark-mode .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode, .dark-mode .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .dark-mode .frame-main-editor .frame-left .ztree li a .menu-item .cert {
    border-top-color:#c4c4c4
}
.dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item:hover .cert, .dark-mode .frame-main-editor .frame-left .ztree li a .menu-item:hover .cert, .dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item:active .cert, .dark-mode .frame-main-editor .frame-left .ztree li a .menu-item:active .cert, .dark-mode .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .dark-mode .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert {
    border-top-color:#f7f7f7
}
.dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item, .dark-mode .frame-main-editor .frame-left .ztree li a .menu-item {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item, .dark-mode .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item, .dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item:hover, .dark-mode .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background:rgba(255, 255, 255, 0.3);
    border-color:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-left .user-space-info {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-left .user-space-info .space-process {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .frame-main-explorer .frame-right {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .frame-main-explorer .frame-right .file-select-info, .dark-mode .frame-main-explorer .frame-right .file-page {
    background:rgba(255, 255, 255, 0.1);
    color:#ddd;
    border:none
}
.dark-mode .frame-main-explorer .frame-right .file-select-info .item-select {
    background:rgba(255, 255, 255, 0.07);
    color:#ddd
}
.dark-mode .frame-main-explorer .frame-right .file-page:hover, .dark-mode .frame-main-explorer .frame-right .file-page:active, .dark-mode .frame-main-explorer .frame-right .file-page:focus {
    background:rgba(255, 255, 255, 0.3)
}
.dark-mode .frame-main-explorer .my-page-box {
    color:#ddd
}
.dark-mode .folder-readme-info .readme-content {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .folder-readme-info .readme-content .info-title {
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .folder-readme-info .readme-content .info-title:hover {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .markdown-preview {
    color:#ddd;
    background:none
}
.dark-mode .markdown-preview .footnotes {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview pre, .dark-mode .markdown-preview code, .dark-mode .markdown-preview pre code {
    color:#aaa;
    border-color:rgba(150, 150, 150, 0.3);
    background:#222
}
.dark-mode .markdown-preview code {
    color:#C5AC18;
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview a {
    color:#FFA500
}
.dark-mode .markdown-preview hr {
    border-bottom:1px solid rgba(150, 150, 150, 0.3);
    background-image:none
}
.dark-mode .markdown-preview .h1, .dark-mode .markdown-preview .h2, .dark-mode .markdown-preview .h3, .dark-mode .markdown-preview .h4, .dark-mode .markdown-preview .h5, .dark-mode .markdown-preview .h6, .dark-mode .markdown-preview h1, .dark-mode .markdown-preview h2, .dark-mode .markdown-preview h3, .dark-mode .markdown-preview h4, .dark-mode .markdown-preview h5, .dark-mode .markdown-preview h6 {
    color:#fff
}
.dark-mode .markdown-preview .h1, .dark-mode .markdown-preview h1 {
    border-bottom:1px solid rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table thead {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table td, .dark-mode .markdown-preview table th {
    border-color:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview table tr:nth-child(even) {
    background:rgba(176, 176, 176, 0.3)
}
.dark-mode .markdown-preview .katex-display {
    color:#fff
}
.dark-mode .markdown-preview .markdown-tips-info {
    background-color:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .markdown-menu a:hover, .dark-mode .markdown-preview .markdown-menu a:active, .dark-mode .markdown-preview .markdown-menu a:focus {
    color:#FFA500;
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .target-menu {
    background:rgba(150, 150, 150, 0.3)
}
.dark-mode .markdown-preview .target-menu:hover {
    background:rgba(125, 125, 125, 0.3)
}
.dark-mode .markdown-preview div .hljs {
    background:#23241f
}
.dark-mode .markdown-preview .hljs, .dark-mode .markdown-preview .hljs-subst, .dark-mode .markdown-preview .hljs-tag {
    color:#f8f8f2
}
.dark-mode .markdown-preview .hljs-emphasis, .dark-mode .markdown-preview .hljs-strong {
    color:#a8a8a2
}
.dark-mode .markdown-preview .hljs-bullet, .dark-mode .markdown-preview .hljs-link, .dark-mode .markdown-preview .hljs-literal, .dark-mode .markdown-preview .hljs-number, .dark-mode .markdown-preview .hljs-quote, .dark-mode .markdown-preview .hljs-regexp {
    color:#ae81ff
}
.dark-mode .markdown-preview .hljs-code, .dark-mode .markdown-preview .hljs-section, .dark-mode .markdown-preview .hljs-selector-class, .dark-mode .markdown-preview .hljs-title {
    color:#a6e22e
}
.dark-mode .markdown-preview .hljs-strong {
    font-weight:700
}
.dark-mode .markdown-preview .hljs-emphasis {
    font-style:italic
}
.dark-mode .markdown-preview .hljs-attr, .dark-mode .markdown-preview .hljs-keyword, .dark-mode .markdown-preview .hljs-name, .dark-mode .markdown-preview .hljs-selector-tag {
    color:#f92672
}
.dark-mode .markdown-preview .hljs-attribute, .dark-mode .markdown-preview .hljs-symbol {
    color:#66d9ef
}
.dark-mode .markdown-preview .hljs-class .hljs-title, .dark-mode .markdown-preview .hljs-params {
    color:#f8f8f2
}
.dark-mode .markdown-preview .hljs-addition, .dark-mode .markdown-preview .hljs-built_in, .dark-mode .markdown-preview .hljs-builtin-name, .dark-mode .markdown-preview .hljs-selector-attr, .dark-mode .markdown-preview .hljs-selector-id, .dark-mode .markdown-preview .hljs-selector-pseudo, .dark-mode .markdown-preview .hljs-string, .dark-mode .markdown-preview .hljs-template-variable, .dark-mode .markdown-preview .hljs-type, .dark-mode .markdown-preview .hljs-variable {
    color:#e6db74
}
.dark-mode .markdown-preview .hljs-comment, .dark-mode .markdown-preview .hljs-deletion, .dark-mode .markdown-preview .hljs-meta {
    color:#75715e
}
.dark-mode .markdown-preview .hljs ul {
    background:inherit
}
.dark-mode .markdown-preview .hljs ul:before {
    background:rgba(80, 80, 80, 0.5)
}
.dark-mode .markdown-preview .hljs ul li:nth-of-type(even) {
    background:rgba(255, 255, 255, 0.02)
}
.dark-mode .markdown-preview .hljs ul li:hover, .dark-mode .markdown-preview .hljs ul li:active {
    background:rgba(255, 255, 255, 0.05)
}
.dark-mode .frame-main-explorer .drag-resize-tree .drag-item:before, .dark-mode .frame-main-editor .drag-resize-tree .drag-item:before {
    color:#eaeaea;
    background:rgba(255, 255, 255, 0.3);
    border-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .drag-resize:after {
    border-color:rgba(255, 255, 255, 0.3)
}
.dark-mode .task-tab .tabs .tab {
    color:#eaeaea;
    background-color:rgba(255, 255, 255, 0.07);
    text-shadow:0 0 4px #000, 0 0 5px #000
}
.dark-mode .task-tab .tabs .tab.this, .dark-mode .task-tab .tabs .tab.hover {
    color:#fff;
    background-color:rgba(255, 255, 255, 0.25)
}
.dark-mode .pathSelectApi .select-api-input-box input {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.1);
    color:#c4c4c4
}
.dark-mode .pathSelectApi .select-api-input-box input:hover {
    border-color:rgba(255, 255, 255, 0.17) !important
}
.dark-mode .pathSelectApi .select-api-input-box .label {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .share-page-main {
    background:#1c1c1c
}
.dark-mode .share-page-main .common-header .topbar {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .share-page-main .common-header .topbar .content .topbar-menu {
    border-color:#3a3a3a
}
.dark-mode .share-page-main .common-header .topbar .content .top-left .topbar-share-info {
    background:transparent
}
.dark-mode .share-page-main .common-header .topbar .content .top-right .topbar-menu:hover, .dark-mode .share-page-main .common-header .topbar .content .top-right .topbar-menu:focus, .dark-mode .share-page-main .common-header .topbar .content .top-right .topbar-menu:active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .share-page-main .common-side {
    background:#262626 !important;
    border-color:#3a3a3a
}
.dark-mode .share-page-main .common-side .line {
    border-color:#3a3a3a
}
.dark-mode .share-page-main .common-side .share-file-info .info-line .content {
    color:#ddd
}
.dark-mode .share-page-main .common-side .share-user-info .name {
    color:#ddd
}
.dark-mode .share-page-main .markdown-preview {
    border-color:#3a3a3a
}
.dark-mode .share-page-main .markdown-preview .markdown-menu {
    background:#303030
}
.dark-mode .share-page-main .markdown-preview .markdown-menu a {
    color:#ddd
}
.dark-mode .share-page-main .frame-main-explorer .frame-header .header-middle .header-address {
    border-right-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .share-page-main .common-footer {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .share-page-main .content-box {
    background:#262626
}
.dark-mode .share-page-main .content-box .bindary-box {
    background:#303030
}
.dark-mode .explorer-select-footer {
    background:#303030;
    border-color:#454545
}
.dark-mode .explorer-select-footer .select-api-input-box input {
    color:#c4c4c4
}
.dark-mode .explorer-select-footer .select-api-input-box input[readonly] {
    background:#454545;
    color:#c4c4c4
}
.dark-mode .form-box {
    color:#ddd
}
.dark-mode .form-box .form-row pre, .dark-mode .form-box .form-row code {
    color:#ddd
}
.dark-mode .form-box .form-row .desc {
    color:rgba(255, 255, 255, 0.3)
}
.dark-mode .form-box .form-row .setting-title {
    color:#ddd;
    text-shadow:0 0 1px #3a3a3a
}
.dark-mode .form-box .form-row.form-button-line:before {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row textarea, .dark-mode .form-box .form-row input[type='text'], .dark-mode .form-box .form-row input[type='password'], .dark-mode .form-box .form-row input[type='number'] {
    color:#ddd;
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .form-box .form-row textarea:focus, .dark-mode .form-box .form-row input[type='text']:focus, .dark-mode .form-box .form-row input[type='password']:focus, .dark-mode .form-box .form-row input[type='number']:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row input:read-only:not(:radio):not(:checkbox), .dark-mode .form-box .form-row input:disabled:not(:radio):not(:checkbox), .dark-mode .form-box .form-row input.disabled {
    color:#b7b7b7;
    background:rgba(255, 255, 255, 0.02);
    border-color:rgba(255, 255, 255, 0.02) !important
}
.dark-mode .form-box .form-row label.style-html .input-item:hover {
    box-shadow:0 0 0 2px #262626, 0 0 0 3px #666
}
.dark-mode .form-box .form-row.error>.setting-content {
    background:#f443361a
}
.dark-mode .form-box .form-row .setting-content .input-title-left, .dark-mode .form-box .form-row .setting-content .input-title-right {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .form-box .form-row .setting-content .input-title-left:hover, .dark-mode .form-box .form-row .setting-content .input-title-right:hover {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row .setting-content .input-title-right {
    margin-left:-14px
}
.dark-mode .form-box .form-row .setting-content .desc .btn-group .btn {
    background:#3a3a3a;
    border-color:#454545;
    color:#c4c4c4
}
.dark-mode .form-box .form-row .setting-content .desc .btn-group .btn:hover {
    background:#454545;
    border-color:#454545;
    color:#ddd
}
.dark-mode .form-box .form-row .setting-content .form-reset-button {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1);
    color:#b7b7b7
}
.dark-mode .form-box .form-row .setting-content .form-reset-button:hover {
    background:rgba(255, 255, 255, 0.17)
}
.dark-mode .form-box .form-row .setting-content .input-clear {
    color:#b7b7b7
}
.dark-mode .form-box .form-row .setting-content .input-clear:hover {
    color:#ff4d4f
}
.dark-mode .form-box .form-row .setting-content .desc code {
    border-radius:3px;
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-row-auth-check {
    border-color:transparent
}
.dark-mode .form-box .form-row.form-row-auth-check .setting-content:after {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .form-box .form-row.form-row-auth-check label {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .form-box .form-row.form-row-auth-check label:hover {
    background:rgba(255, 255, 255, 0.17);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-userSelect .setting-content .select-user-box {
    background:transparent
}
.dark-mode .form-box .form-row.form-userSelect .btn-group.btn-group-segment .btn {
    color:inherit
}
.dark-mode .form-box .form-row.form-button .setting-content .btn.btn-default {
    background:#262626;
    border-color:#303030;
    color:#c4c4c4
}
.dark-mode .form-box .form-row.form-button .setting-content .btn.btn-default:hover {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .form-box .form-row.form-codeEditor .ace_editor {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row {
    border-color:#303030
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row:hover, .dark-mode .form-box .form-row.form-table .form-table-main .list-row:active, .dark-mode .form-box .form-row.form-table .form-table-main .list-row:focus {
    background:bg-color-l2
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row.title {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row.title .list-col, .dark-mode .form-box .form-row.form-table .form-table-main .list-row.title .form-row {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row:nth-child(even) {
    background:#303030
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row:not(.title):hover {
    background:#3a3a3a
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action {
    background:#454545;
    color:#ddd
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:hover, .dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:hover, .dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:active, .dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:active, .dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:focus, .dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row.form-table .list-row-empty {
    background:#262626;
    border-color:#303030
}
.dark-mode .form-box .form-row .setting-content .kod-select {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .setting-content .kod-select.open, .dark-mode .form-box .form-row .setting-content .kod-select:hover, .dark-mode .form-box .form-row .setting-content .kod-select:active, .dark-mode .form-box .form-row .setting-content .kod-select:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row .setting-content .kod-select .clear-select {
    color:#ddd;
    background:#3a3a3a;
    border-color:#454545
}
.dark-mode .form-box .form-row .setting-content .kod-select .clear-select:hover {
    color:#ff4d4f;
    background:#262626
}
.dark-mode .form-box .form-row .setting-content .kod-select.select-single {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .setting-content .kod-select.select-single .kod-select-title {
    color:#ddd
}
.dark-mode .form-box .form-row .setting-content .kod-select.select-single.open, .dark-mode .form-box .form-row .setting-content .kod-select.select-single:hover, .dark-mode .form-box .form-row .setting-content .kod-select.select-single:active, .dark-mode .form-box .form-row .setting-content .kod-select.select-single:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row .setting-content .kod-select.select-mutil.open {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .kod-select .placeholder {
    color:#ddd
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-select-box {
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice-title {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04);
    color:#ddd
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .item-content, .dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice-title .item-content {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice {
    border-color:rgba(255, 255, 255, 0.04) !important
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:nth-child(odd) {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:hover, .dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:active, .dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:focus {
    background:rgba(255, 255, 255, 0.1) !important
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:hover, .dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:active, .dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:focus {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar .auth-toolbar-item {
    border-color:#454545
}
.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar .auth-toolbar-item:hover {
    background:#3a3a3a
}
.dark-mode .form-box .info-alert a:hover, .dark-mode .form-box .desc a:hover, .dark-mode .form-box .info-alert a:focus, .dark-mode .form-box .desc a:focus, .dark-mode .form-box .info-alert a:active, .dark-mode .form-box .desc a:active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active) {
    background:#303030;
    border-color:#454545
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active) .tab-item-content {
    color:#eaeaea
}
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active):hover {
    background:#3a3a3a
}
.dark-mode .form-box .panel-form-body .line, .dark-mode .form-box .panel-form-body hr {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .form-box .panel-form-body h1, .dark-mode .form-box .panel-form-body h2, .dark-mode .form-box .panel-form-body h3, .dark-mode .form-box .panel-form-body h4, .dark-mode .form-box .panel-form-body h5 {
    border-color:rgba(255, 255, 255, 0.17)
}
.dark-mode span.select2-container .select2-dropdown .select2-results__option {
    color:#ddd
}
.dark-mode span.select2-container .select2-dropdown .select2-results__option[aria-selected=true], .dark-mode span.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted, .dark-mode span.select2-container .select2-dropdown .select2-results__option:hover, .dark-mode span.select2-container .select2-dropdown .select2-results__option:active, .dark-mode span.select2-container .select2-dropdown .select2-results__option:focus {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode span.select2-container--default .select2-selection--single, .dark-mode span.select2-container--classic .select2-selection--single, .dark-mode span.select2-container--default .select2-selection--multiple, .dark-mode span.select2-container--classic .select2-selection--multiple {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.02)
}
.dark-mode span.select2-container--default .select2-selection--single:hover, .dark-mode span.select2-container--classic .select2-selection--single:hover, .dark-mode span.select2-container--default .select2-selection--multiple:hover, .dark-mode span.select2-container--classic .select2-selection--multiple:hover, .dark-mode span.select2-container--default .select2-selection--single:active, .dark-mode span.select2-container--classic .select2-selection--single:active, .dark-mode span.select2-container--default .select2-selection--multiple:active, .dark-mode span.select2-container--classic .select2-selection--multiple:active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__rendered, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__rendered, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__rendered, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    color:#ddd
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color:#b7b7b7
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    color:#ddd
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__clear, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__clear, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__clear, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    color:#ddd;
    background:#3a3a3a;
    border-color:#454545
}
.dark-mode span.select2-container--default .select2-selection--single .select2-selection__clear:hover, .dark-mode span.select2-container--classic .select2-selection--single .select2-selection__clear:hover, .dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__clear:hover, .dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__clear:hover {
    color:#ff4d4f;
    background:#262626
}
.dark-mode span.select2-container--default .select2-dropdown, .dark-mode span.select2-container--classic .select2-dropdown {
    background:#262626;
    border-color:#3a3a3a
}
.dark-mode span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above, .dark-mode span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-color:#454545
}
.dark-mode span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below, .dark-mode span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--below {
    border-color:#454545
}
.dark-mode span.select2-container--default.select2-container--focus .select2-selection--single, .dark-mode span.select2-container--classic.select2-container--focus .select2-selection--single, .dark-mode span.select2-container--default.select2-container--open .select2-selection--single, .dark-mode span.select2-container--classic.select2-container--open .select2-selection--single {
    background:rgba(255, 255, 255, 0.1);
    border-color:#3a3a3a
}
.dark-mode span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    border-color:#3a3a3a
}
.dark-mode span.select2-container .select2-search--dropdown .select2-search__field {
    background:#262626;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode span.select2-container .select2-search--dropdown .select2-search__field:focus {
    border-color:#75A1F0
}
.dark-mode span.select2-container .search-match {
    background:rgba(255, 200, 0, 0.4)
}
.dark-mode .kod-user-group-select {
    background:#262626;
    border-color:#3a3a3a
}
.dark-mode .kod-user-group-select .search-match {
    background:rgba(255, 200, 0, 0.4)
}
.dark-mode .kod-user-group-select .select-search {
    background:#262626;
    border-color:#3a3a3a
}
.dark-mode .kod-user-group-select .select-search:after {
    background:transparent
}
.dark-mode .kod-user-group-select .select-search input {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .kod-user-group-select .select-search .search-clear {
    background:#4f4f4f;
    color:#ddd
}
.dark-mode .kod-user-group-select .select-search .search-clear:hover, .dark-mode .kod-user-group-select .select-search .search-clear:active {
    background:#1c1c1c
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node .item-select, .dark-mode .kod-user-group-select .group-list-search li a.tree-node .item-select, .dark-mode .kod-user-group-select .group-list-tree .search-item .item-select, .dark-mode .kod-user-group-select .group-list-search .search-item .item-select {
    color:rgba(255, 255, 255, 0.1)
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.hover, .dark-mode .kod-user-group-select .group-list-search li a.tree-node.hover, .dark-mode .kod-user-group-select .group-list-tree .search-item.hover, .dark-mode .kod-user-group-select .group-list-search .search-item.hover, .dark-mode .kod-user-group-select .group-list-tree li a.tree-node item-select:hover, .dark-mode .kod-user-group-select .group-list-search li a.tree-node item-select:hover, .dark-mode .kod-user-group-select .group-list-tree .search-item item-select:hover, .dark-mode .kod-user-group-select .group-list-search .search-item item-select:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this, .dark-mode .kod-user-group-select .group-list-search li a.tree-node.this, .dark-mode .kod-user-group-select .group-list-tree .search-item.this, .dark-mode .kod-user-group-select .group-list-search .search-item.this, .dark-mode .kod-user-group-select .group-list-tree li a.tree-node:hover, .dark-mode .kod-user-group-select .group-list-search li a.tree-node:hover, .dark-mode .kod-user-group-select .group-list-tree .search-item:hover, .dark-mode .kod-user-group-select .group-list-search .search-item:hover, .dark-mode .kod-user-group-select .group-list-tree li a.tree-node:active, .dark-mode .kod-user-group-select .group-list-search li a.tree-node:active, .dark-mode .kod-user-group-select .group-list-tree .search-item:active, .dark-mode .kod-user-group-select .group-list-search .search-item:active {
    background:#303030
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node:hover, .dark-mode .kod-user-group-select .group-list-search li a.tree-node:hover, .dark-mode .kod-user-group-select .group-list-tree .search-item:hover, .dark-mode .kod-user-group-select .group-list-search .search-item:hover {
    background:#303030
}
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this .item-select, .dark-mode .kod-user-group-select .group-list-search li a.tree-node.this .item-select, .dark-mode .kod-user-group-select .group-list-tree .search-item.this .item-select, .dark-mode .kod-user-group-select .group-list-search .search-item.this .item-select, .dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this:hover .item-select, .dark-mode .kod-user-group-select .group-list-search li a.tree-node.this:hover .item-select, .dark-mode .kod-user-group-select .group-list-tree .search-item.this:hover .item-select, .dark-mode .kod-user-group-select .group-list-search .search-item.this:hover .item-select {
    color:#f7f7f7
}
.dark-mode .kod-user-group-select .group-list-search .search-result-info {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled {
    background:none
}
.dark-mode .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:hover {
    background:none
}
.dark-mode .xdsoft_datetimepicker {
    background:#262626;
    border-left-color:#3a3a3a;
    border-right-color:#3a3a3a;
    border-bottom-color:#3a3a3a
}
.dark-mode .xdsoft_datetimepicker .xdsoft_label {
    background:#303030;
    color:#ddd
}
.dark-mode .xdsoft_datetimepicker .xdsoft_label:hover {
    background:#3a3a3a;
    color:#f7f7f7
}
.dark-mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    color:#ddd
}
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .xdsoft_datetimepicker .xdsoft_calendar th {
    background:rgba(255, 255, 255, 0.1);
    color:#ddd
}
.dark-mode .xdsoft_datetimepicker .xdsoft_prev, .dark-mode .xdsoft_datetimepicker .xdsoft_next, .dark-mode .xdsoft_datetimepicker .xdsoft_today_button {
    background:none;
    color:#ddd;
    text-indent:inherit
}
.dark-mode .xdsoft_datetimepicker .xdsoft_prev:hover, .dark-mode .xdsoft_datetimepicker .xdsoft_next:hover, .dark-mode .xdsoft_datetimepicker .xdsoft_today_button:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .xdsoft_datetimepicker .xdsoft_prev:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea63"
}
.dark-mode .xdsoft_datetimepicker .xdsoft_next:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea6d"
}
.dark-mode .xdsoft_datetimepicker .xdsoft_today_button:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ee1a"
}
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left:0;
    width:100%
}
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea77"
}
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before {
    font-family:"remixicon";
    font-style:normal;
    vertical-align:middle;
    line-height:1em;
    font-size:1.3em;
    width:1.2em;
    text-align:center;
    content:"\ea4d"
}
.dark-mode .form-row .slider .slider-track, .dark-mode .form-row .slider.slider-horizontal:after {
    background:#3a3a3a
}
.dark-mode .form-row.form-cityPicker .city-picker-span, .dark-mode .form-row.form-cityPicker .city-picker-span .arrow {
    background:#303030;
    border-color:#3a3a3a;
    color:#ddd
}
.dark-mode .form-row.form-cityPicker .city-picker-span>.title>span {
    color:#ddd
}
.dark-mode .form-row.form-cityPicker .city-picker-span>.title>span:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .city-picker-dropdown {
    background:#262626;
    border-color:#3a3a3a
}
.dark-mode .city-picker-dropdown .city-select-content {
    background:#262626
}
.dark-mode .city-picker-dropdown .city-select-tab>a {
    color:#ddd
}
.dark-mode .city-picker-dropdown .city-select-tab>a.active, .dark-mode .city-picker-dropdown .city-select-tab>a:hover {
    color:#2196f3
}
.dark-mode .city-picker-dropdown .city-select a {
    color:#c4c4c4
}
.dark-mode .city-picker-dropdown .city-select a:hover {
    background:#3a3a3a
}
.dark-mode .city-picker-dropdown .city-select a.active, .dark-mode .city-picker-dropdown .city-select a.active:hover {
    background-color:#2196f3;
    color:#f7f7f7
}
.dark-mode .city-picker-dropdown .city-select-tab {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .city-picker-dropdown .city-select dl {
    border-color:#3a3a3a
}
.dark-mode .city-picker-dropdown .city-select-tab>a.active {
    background:#262626;
    border-color:#3a3a3a;
    border-bottom-color:#262626
}
.dark-mode .city-picker-dropdown.position-top .city-select-tab>a.active {
    border-color:#3a3a3a;
    border-top-color:#262626
}
.dark-mode .pcr-app[data-theme=nano] {
    background:#3a3a3a
}
.dark-mode .pcr-app[data-theme=nano] .pcr-swatches {
    border-color:#454545
}
.dark-mode .pcr-app[data-theme=nano] .pcr-interaction .pcr-result {
    background:#1c1c1c;
    color:#ddd
}
.dark-mode .tox-tinymce {
    border-color:#303030
}
.dark-mode div.tox .tox-editor-header {
    background:#121212
}
.dark-mode div.tox .tox-editor-header .tox-tbtn--select.tox-tbtn--bespoke {
    border-color:#303030
}
.dark-mode div.tox .tox-toolbar-overlord {
    border-color:#303030
}
.dark-mode div.tox .tox-toolbar__group {
    border-color:#303030 !important
}
.dark-mode div.tox .tox-edit-area__iframe {
    background:#121212
}
.dark-mode div.tox .tox-menu {
    background:#303030;
    border:1px solid #3a3a3a
}
.dark-mode div.tox .tox-collection__item:hover {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode div.tox .tox-collection--list .tox-collection__item--enabled {
    background:#3a3a3a;
    color:#f7f7f7
}
.dark-mode div.tox .tox-collection--list .tox-collection__group {
    border-color:#3a3a3a
}
.dark-mode div.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
    background:#303030
}
.dark-mode div.tox .tox-collection--list .tox-collection__item--state-disabled {
    background:none;
    color:#b7b7b7
}
.dark-mode div.tox .tox-collection--list .tox-collection__item--state-disabled:hover {
    background:none !important
}
.dark-mode div.tox .tox-collection--list .tox-collection__item--active {
    background:#3a3a3a
}
.dark-mode div.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color:#ddd
}
.dark-mode div.tox .tox-insert-table-picker>div {
    border-color:#3a3a3a !important
}
.dark-mode div.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
    border-color:#454545 !important;
    background:#3a3a3a !important
}
.dark-mode div.tox .tox-tbtn {
    color:#c4c4c4
}
.dark-mode div.tox .tox-tbtn:hover, .dark-mode div.tox .tox-tbtn:active, .dark-mode div.tox .tox-tbtn:focus, .dark-mode div.tox .tox-tbtn.tox-tbtn--active, .dark-mode div.tox .tox-mbtn.tox-mbtn--active, .dark-mode div.tox .tox-editor-header .tox-tbtn--select.tox-tbtn--bespoke:hover, .dark-mode div.tox .tox-editor-header .tox-tbtn--select.tox-tbtn--bespoke.tox-tbtn--active, .dark-mode div.tox .tox-mbtn:focus:not(:disabled), .dark-mode div.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), .dark-mode div.tox .tox-tbtn--enabled, .dark-mode div.tox div.tox .tox-tbtn--enabled:hover {
    color:#f7f7f7;
    border-color:#3a3a3a;
    background:#303030
}
.dark-mode div.tox .tox-split-button:hover, .dark-mode div.tox .tox-split-button:focus, .dark-mode div.tox .tox-split-button[aria-pressed="true"], .dark-mode div.tox .tox-split-button[aria-expanded="true"] {
    border-color:#3a3a3a
}
.dark-mode div.tox .tox-pop.tox-pop--top::before {
    border-bottom-color:#454545
}
.dark-mode div.tox .tox-pop.tox-pop--top::after {
    border-bottom-color:#3a3a3a
}
.dark-mode div.tox .tox-pop__dialog, .dark-mode div.tox .tox-collection--horizontal {
    background:#3a3a3a;
    border-color:#454545
}
.dark-mode div.tox .tox-insert-table-picker__label {
    color:#b7b7b7
}
.dark-mode div.tox .tox-collection__item {
    color:#ddd;
    background:transparent
}
.dark-mode div.tox .tox-collection--toolbar .tox-collection__item--enabled, .dark-mode div.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    background:#454545
}
.dark-mode .admin-page .admin-main, .dark-mode .setting-page .setting-main {
    background-color:#1c1c1c
}
.dark-mode .admin-page .admin-main .panel-body, .dark-mode .setting-page .setting-main .panel-body {
    background:#262626
}
.dark-mode .admin-page .admin-main .header, .dark-mode .setting-page .setting-main .header {
    background:#262626;
    border-color:#303030
}
.dark-mode .admin-page .admin-main .header .title-address, .dark-mode .setting-page .setting-main .header .title-address {
    color:#f7f7f7
}
.dark-mode .setting-page .setting-menu-left {
    background:rgba(255, 255, 255, 0.1);
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .setting-menu-left h1 {
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .setting-menu-left .menu-content .menu-item.select .menu-item-content {
    background-color:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .setting-menu-left .menu-content .menu-item .menu-item-content {
    color:#ddd
}
.dark-mode .setting-page .setting-main {
    background-color:transparent
}
.dark-mode .setting-page .setting-main .panel-body {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .setting-main .header {
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode.app-wap-small .setting-page .setting-menu-left {
    background:rgba(0, 0, 0, 0.8)
}
.dark-mode .setting-page .menu-bar .user-head .user-head-name {
    color:#ddd
}
.dark-mode .setting-page .panel-body.account-page .acc-row {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .setting-page .panel-body.account-page .acc-dtl {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .setting-page .panel-body.account-page .user-set .acc-row:hover {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .setting-page .panel-body.account-page .acc-line {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .setting-page .panel-body.account-page .acc-row a:hover, .dark-mode .setting-page .panel-body.account-page .acc-dtl a:hover, .dark-mode .setting-page .panel-body.account-page .acc-row a:active, .dark-mode .setting-page .panel-body.account-page .acc-dtl a:active, .dark-mode .setting-page .panel-body.account-page .acc-row a:focus, .dark-mode .setting-page .panel-body.account-page .acc-dtl a:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .panel-body.account-page .acc-row .close-item:before, .dark-mode .setting-page .panel-body.account-page .acc-dtl .close-item:before {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .panel-body.account-page .acc-row .close-item:hover:before, .dark-mode .setting-page .panel-body.account-page .acc-dtl .close-item:hover:before {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .setting-page .panel-body.account-page .form-row input[type='text'], .dark-mode .setting-page .panel-body.account-page .form-row input[type='password'], .dark-mode .setting-page .panel-body.account-page .form-row input[type='number'] {
    color:#ddd;
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .setting-page .panel-body.account-page .user-check-code img, .dark-mode .setting-page .panel-body.account-page .user-check-code button {
    color:#ddd;
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .setting-page .panel-body.account-page .user-check-code img:hover, .dark-mode .setting-page .panel-body.account-page .user-check-code button:hover {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .setting-page .panel-body.account-page .icon-img {
    height:31px;
    border-radius:4px;
    position:relative;
    top:-3px
}
.dark-mode .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input {
    background:rgba(255, 255, 255, 0.07);
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .setting-page .panel-body.user-stats-page .opt-header .title {
    color:#ddd
}
.dark-mode .setting-page .panel-body.user-stats-page .log-box .file-panel {
    background:none
}
.dark-mode .app-wap-small .setting-page .setting-main .panel-body.wall-page .section .box .list:focus, .dark-mode .app-wap-small .setting-page .setting-main .panel-body.theme-page .section .box .list:focus {
    opacity:.8
}
.dark-mode .cropper-modal {
    background:none
}
.dark-mode .dialog-img-crop .img-box .cropper-container .cropper-modal {
    background:none
}
.dark-mode .artDialog.system-notice-view-dialog .aui-main .notice-box {
    color:#ddd;
    border-color:rgba(255, 255, 255, 0.1)
}
.dark-mode .artDialog.system-notice-view-dialog .aui-main .notice-box>.content.article-content-body {
    color:#ddd
}
.dark-mode .artDialog.system-notice-view-dialog .aui-main .notice-box .header, .dark-mode .artDialog.system-notice-view-dialog .aui-main .notice-box .header:after {
    border-color:rgba(255, 255, 255, 0.4)
}
.dark-mode .app-wap-touch .right-menu-box .menu-content .item-cancle, .dark-mode .app-wap-small .right-menu-box .menu-content .item-cancle, .dark-mode .app-wap-touch .right-menu-box .menu-content .item-back, .dark-mode .app-wap-small .right-menu-box .menu-content .item-back {
    background:#262626;
    border-color:#303030;
    color:#ddd
}
.dark-mode .app-wap-touch .right-menu-box .menu-content .item-cancle:hover, .dark-mode .app-wap-small .right-menu-box .menu-content .item-cancle:hover, .dark-mode .app-wap-touch .right-menu-box .menu-content .item-back:hover, .dark-mode .app-wap-small .right-menu-box .menu-content .item-back:hover, .dark-mode .app-wap-touch .right-menu-box .menu-content .item-cancle:active, .dark-mode .app-wap-small .right-menu-box .menu-content .item-cancle:active, .dark-mode .app-wap-touch .right-menu-box .menu-content .item-back:active, .dark-mode .app-wap-small .right-menu-box .menu-content .item-back:active {
    background:#1c1c1c;
    border-color:#303030
}
.dark-mode .app-wap-touch .right-menu-box .context-menu-list:before, .dark-mode .app-wap-small .right-menu-box .context-menu-list:before {
    background:#454545
}
.dark-mode .app-wap-touch .right-menu-box .context-menu-list .context-menu-item, .dark-mode .app-wap-small .right-menu-box .context-menu-list .context-menu-item {
    color:#ddd
}
.dark-mode .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.context-menu-separator, .dark-mode .app-wap-small .right-menu-box .context-menu-list .context-menu-item.context-menu-separator {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-touch .right-menu-box .context-menu-list .context-menu-item:active, .dark-mode .app-wap-small .right-menu-box .context-menu-list .context-menu-item:active {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .app-wap-touch .frame-main-explorer .frame-left, .dark-mode .app-wap-small .frame-main-explorer .frame-left, .dark-mode .app-wap-touch .frame-main-editor .frame-left, .dark-mode .app-wap-small .frame-main-editor .frame-left {
    background:rgba(0, 0, 0, 0.92)
}
.dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):active, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):active, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):active, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):active, .dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover:active, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):hover:active, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover:active, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):hover:active, .dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):focus, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a:not(.curSelectedNode):focus, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):focus, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a:not(.curSelectedNode):focus {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item {
    background:none;
    border-color:transparent;
    color:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:active, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:active, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:active, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:active, .dark-mode .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch:focus, .dark-mode .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch:focus, .dark-mode .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch:focus, .dark-mode .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch:focus {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-touch .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active:after, .dark-mode .app-wap-small .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active:after, .dark-mode .app-wap-touch .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active:after, .dark-mode .app-wap-small .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active:after, .dark-mode .app-wap-touch .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover:after, .dark-mode .app-wap-small .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover:after {
    color:#ddd
}
.dark-mode .app-wap-touch .dialog-max.dialog-form .form-box .form-row .setting-title, .dark-mode .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title, .dark-mode .app-wap-touch .dialog-max .dialog-form .form-box .form-row .setting-title, .dark-mode .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-title {
    color:#fff
}
.dark-mode .app-wap-touch .menuBar .dropdown-menu:before, .dark-mode .app-wap-small .menuBar .dropdown-menu:before {
    border-right-color:transparent
}
.dark-mode .dialog-max.explorer-dialog-open .app-wap-small {
    border:none
}
.dark-mode .app-wap-small .setting-page .setting-main .form-box .form-row .setting-title, .dark-mode .app-wap-small .admin-page .admin-main .form-box .form-row .setting-title {
    color:#fff
}
.dark-mode .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-title, .dark-mode .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-title {
    color:#fff
}
.dark-mode .app-wap-small .setting-page .setting-main .panel-body.member-page .page-box .frame-left, .dark-mode .app-wap-small .admin-page .admin-main .panel-body.member-page .page-box .frame-left {
    border-color:#3a3a3a
}
.dark-mode .app-wap-small .frame-main-explorer .frame-left, .dark-mode .app-wap-small .frame-main-editor .frame-left {
    background:rgba(38, 38, 38, 0.95)
}
.dark-mode .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title {
    color:#fff
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer-main {
    background:none
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header {
    border-color:rgba(255, 255, 255, 0.07)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search:focus, .dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right.search-open .search-box input.search {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:active, .dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:focus {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:active, .dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:focus {
    background:rgba(255, 255, 255, 0.1)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain {
    border-color:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file {
    background:none
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item {
    color:rgba(247, 247, 247, 0.4)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name {
    color:#f7f7f7
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file.drag-menu {
    background:transparent
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu {
    background:rgba(255, 255, 255, 0.04)
}
.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu .font-icon {
    background:rgba(255, 255, 255, 0.25)
}
.dark-mode .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn {
    background:rgba(255, 255, 255, 0.07)
}
.dark-mode .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:hover, .dark-mode .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:active {
    background:rgba(255, 255, 255, 0.3)
}
.dark-mode .app-wap-small .menuBar .dropdown-menu:before {
    border-bottom-color:#303030
}
.dark-mode .app-wap-small .menuBar .dropdown-menu:after {
    border-right-color:transparent
}
.dark-mode .app-wap-small .menuBar .menu-dropdown-user li:hover, .dark-mode .app-wap-small .menuBar .menu-dropdown-user li:active, .dark-mode .app-wap-small .menuBar .menu-dropdown-user li:focus {
    background:#3a3a3a
}
.dark-mode .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title {
    background:#303030;
    border-color:#3a3a3a
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover, .dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.drag-menu, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.drag-menu {
    background:rgba(255, 255, 255, 0.1) !important
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active {
    background:rgba(255, 255, 255, 0.17) !important
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.file-icon-edit, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.file-icon-edit {
    background:rgba(255, 255, 255, 0.1) !important;
    border-color:rgba(255, 255, 255, 0.07);
    box-shadow:none
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.file-icon-edit .title-item.title-type-name .title .newfile, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.file-icon-edit .title-item.title-type-name .title .newfile {
    box-shadow:0 0 0 3px rgba(255, 255, 255, 0.1)
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit {
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.25) !important
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .dark-mode .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-color:#3a3a3a;
    background:#1c1c1c;
    color:#ddd;
    border-top-color:rgba(255, 255, 255, 0.25);
    box-shadow:none
}
.dark-mode .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .dark-mode .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select {
    background:rgba(255, 255, 255, 0.17) !important
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert {
    background:rgba(255, 255, 255, 0.04);
    border-color:rgba(255, 255, 255, 0.17);
    color:#ddd
}
.dark-mode .app-wap-touch .frame-main-explorer .bodymain .refresh-element {
    background:rgba(255, 255, 255, 0.07);
    color:#fff
}
div.dark-mode:before {
    display:none
}
body .context-menu-list {
    border-radius:4px;
    border:none;
    padding:10px 5px;
    box-shadow:4px 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05)
}
body .context-menu-list .context-menu-item {
    line-height:30px;
    height:30px;
    border-radius:4px;
    padding:0px 15px 0 15px
}
body .context-menu-list .context-menu-item.context-menu-separator {
    margin-left:16px;
    margin-right:-5px
}
body .context-menu-list .context-menu-item.file-tag-view, body .context-menu-list .context-menu-item.context-menu-separator.file-tag-view {
    padding:0;
    margin:0
}
body .context-menu-list .context-menu-item.file-tag-view .item-add, body .context-menu-list .context-menu-item.context-menu-separator.file-tag-view .item-add {
    border-radius:4px
}
body .x-item-icon.x-folder.small, body .x-item-icon.x-source.small, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, body .context-menu-list .context-menu-item.explorer .font-icon, body .context-menu-list .context-menu-item.new-folder .font-icon, body .context-menu-list .context-menu-item.open-father .font-icon {
    background-image:url("../../images/file_icon/icon_others/folder_win11_small.png");
    background-position:0px 0;
    background-size:cover !important
}
body .x-item-icon.x-folder.small.is-open, body .x-item-icon.x-source.small.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon.is-open, body .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon.is-open, body .context-menu-list .context-menu-item.explorer .font-icon.is-open, body .context-menu-list .context-menu-item.new-folder .font-icon.is-open, body .context-menu-list .context-menu-item.open-father .font-icon.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_win11_small_open.png")
}
body .context-menu-list .context-menu-item.explorer .font-icon, body .context-menu-list .context-menu-item.new-folder .font-icon, body .context-menu-list .context-menu-item.open-father .font-icon {
    height:18px;
    width:18px;
    margin-right:5px
}
body .x-item-icon.x-folder, body .x-item-icon.x-source {
    background-image:url("../../images/file_icon/icon_others/folder_win11.png")
}
body .x-item-icon.x-folder.is-open, body .x-item-icon.x-source.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_win11_open.png")
}
body.app-wap-touch .right-menu-box .context-menu-list .context-menu-item, body.app-wap-small .right-menu-box .context-menu-list .context-menu-item {
    padding:0px 20px 0 20px;
    margin:0 10px
}
body.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-add, body.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-add {
    padding:4px 10px 4px 10px;
    margin:0 10px
}
.dialogShow {
    -webkit-animation-name:scaleOpen;
    animation-name:scaleOpen
}
.dialogClose {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut;
    opacity:0
}
.dialogShow {
    -webkit-animation-name:moveInUpSmallX;
    animation-name:moveInUpSmallX;
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
.dialogClose {
    -webkit-animation-name:moveOutDownSmallX;
    animation-name:moveOutDownSmallX;
    opacity:0;
    -webkit-animation-duration:.16s;
    animation-duration:.16s
}
body.theme-mac .context-menu-list {
    border-radius:4px;
    border:none;
    padding:10px 5px;
    box-shadow:4px 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05)
}
body.theme-mac .context-menu-list .context-menu-item {
    border-radius:4px;
    padding:0px 15px 0 15px
}
body.theme-mac .context-menu-list .context-menu-item.context-menu-separator {
    margin-left:16px;
    margin-right:-4px
}
body.theme-mac .context-menu-list .context-menu-item.file-tag-view, body.theme-mac .context-menu-list .context-menu-item.context-menu-separator.file-tag-view {
    padding:0;
    margin:0
}
body.theme-mac .context-menu-list .context-menu-item.file-tag-view .item-add, body.theme-mac .context-menu-list .context-menu-item.context-menu-separator.file-tag-view .item-add {
    border-radius:4px
}
body.theme-mac .frame-main-explorer .frame-left {
    background:rgba(150, 150, 170, 0.03)
}
body.theme-mac .frame-main-explorer .frame-right {
    border-left-color:rgba(150, 150, 150, 0.1)
}
body.theme-mac .frame-main-explorer .frame-left .ztree li a {
    border-radius:4px;
    border:none !important;
    line-height:30px;
    height:30px;
    margin:1px 5px;
    -ms-transition:background .1s;
    -webkit-transition:background .1s;
    -moz-transition:background .1s;
    -o-transition:background .1s;
    transition:background .1s
}
body.theme-mac .frame-main-explorer .frame-left .ztree li a.drag-file-hover {
    box-shadow:0 0 0 1px rgba(24, 144, 255, 0.9)
}
body.theme-mac .frame-main-explorer .frame-left .ztree li a:hover, body.theme-mac .frame-main-explorer .frame-left .ztree li a:active, body.theme-mac .frame-main-explorer .frame-left .ztree li a:focus {
    background:rgba(150, 150, 150, 0.1)
}
body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode, body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover, body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active {
    background:rgba(150, 150, 150, 0.2)
}
body.theme-mac .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open {
    line-height:32px
}
body.theme-mac .frame-main-explorer .frame-left .ztree li a.level0, body.theme-mac .frame-main-explorer .frame-left .ztree a.level0 span.button.switch {
    height:32px;
    line-height:32px;
    border-radius:0
}
body.theme-mac .frame-main-explorer .frame-header {
    background:none
}
body.theme-mac .frame-main-explorer .header-content .header-left .history-back {
    border-radius:4px 0 0 4px
}
body.theme-mac .frame-main-explorer .header-content .header-left .history-next {
    border-radius:0 4px 4px 0
}
body.theme-mac .frame-main-explorer .frame-header .header-middle .btn[data-action="goto-father"] {
    border-radius:4px 0 0 4px
}
body.theme-mac .frame-main-explorer .frame-header .header-middle .btn[data-action="refresh"] {
    border-radius:0 4px 4px 0
}
body.theme-mac .frame-main-explorer .frame-header .header-content .header-right .search-box input.search {
    border-radius:4px
}
body.theme-mac .frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default {
    border-radius:0 4px 4px 0
}
body.theme-mac .frame-main-explorer .frame-header .tools .tools-left .btn-group .btn:first-child {
    border-radius:4px 0 0 4px
}
body.theme-mac .frame-main-explorer .frame-header .tools .tools-left .btn-group .btn:last-child {
    border-radius:0 4px 4px 0
}
body.theme-mac .frame-main-explorer .btn[data-action="set-list-icon"] {
    border-radius:4px 0 0 4px
}
body.theme-mac .frame-main-explorer .btn[data-action="set-list-split"] {
    border-radius:0 4px 4px 0
}
body.theme-mac .frame-main-explorer .btn-group-sm>.btn.panel-toggle {
    border-radius:4px
}
body.theme-mac div.file-continer .file {
    border-radius:4px;
    border:none
}
body.theme-mac div.file-continer .drag-file-hover.file.file-folder:before {
    border-radius:4px
}
body.theme-mac .file-continer.file-list-icon .flex-empty {
    border:none
}
body.theme-mac .file-continer.file-list-icon .file.hover {
    background:rgba(150, 150, 150, 0.1)
}
body.theme-mac .file-continer.file-list-icon .file.select, body.theme-mac .file-continer.file-list-icon .file.file-select-drag-temp {
    background:rgba(24, 144, 255, 0.2)
}
body.theme-mac .file-continer.file-list-icon .file.hover.select, body.theme-mac .file-continer.file-list-icon .file.hover.file-select-drag-temp {
    background:rgba(24, 144, 255, 0.2)
}
body.theme-mac .file-continer.file-list-list .file .title-item, body.theme-mac .file-continer.file-list-split .file .title-item, body.theme-mac .file-continer.file-list-list .file .children-more, body.theme-mac .file-continer.file-list-split .file .children-more, body.theme-mac .file-continer.file-list-list .file .children-more i.font-icon, body.theme-mac .file-continer.file-list-split .file .children-more i.font-icon {
    height:40px;
    line-height:40px
}
body.theme-mac .file-continer.file-list-list .file .title-item, body.theme-mac .file-continer.file-list-split .file .title-item {
    height:40px !important
}
body.theme-mac .file-continer.file-list-list .file .path-ico, body.theme-mac .file-continer.file-list-split .file .path-ico {
    margin-top:10px
}
body.theme-mac .file-continer.file-list-list .file .item-select, body.theme-mac .file-continer.file-list-split .file .item-select {
    top:7px
}
body.theme-mac .file-continer.file-list-list .file .item-menu, body.theme-mac .file-continer.file-list-split .file .item-menu {
    top:10px
}
body.theme-mac .file-continer.file-list-list .file .title-item .user-info .path-ico, body.theme-mac .file-continer.file-list-split .file .title-item .user-info .path-ico {
    margin-top:8px
}
body.theme-mac .file-continer.file-list-list .file .meta-info, body.theme-mac .file-continer.file-list-split .file .meta-info {
    top:5px
}
body.theme-mac .file-continer.file-list-list .file.file-icon-edit .title-type-name .textarea .newfile, body.theme-mac .file-continer.file-list-split .file.file-icon-edit .title-type-name .textarea .newfile {
    margin-top:1px;
    padding:2px 4px 3px 4px;
    line-height:26px
}
body.theme-mac .file-continer.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-radius:0 0 4px 4px
}
body.theme-mac .file-continer.file-list-list .file.file-icon-edit .title-type-name .title {
    height:40px !important
}
body.theme-mac .file-continer.file-list-list .file.file-icon-edit .title-type-name .textarea .newfile {
    margin-top:0;
    padding:3px 4px 3px 4px;
    line-height:32px
}
body.theme-mac .file-continer.file-list-split .file.file-icon-edit .title-type-name .textarea .newfile {
    margin-top:1px;
    padding:2px 4px 3px 4px;
    line-height:26px
}
body.theme-mac .x-item-icon.x-folder.small, body.theme-mac .x-item-icon.x-source.small, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, body.theme-mac .context-menu-list .context-menu-item.explorer .font-icon, body.theme-mac .context-menu-list .context-menu-item.new-folder .font-icon, body.theme-mac .context-menu-list .context-menu-item.open-father .font-icon {
    background-image:url("../../images/file_icon/icon_others/folder_mac_small.png");
    background-position:0px 0;
    background-size:cover !important
}
body.theme-mac .x-item-icon.x-folder.small.is-open, body.theme-mac .x-item-icon.x-source.small.is-open, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon.is-open, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon.is-open, body.theme-mac .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon.is-open, body.theme-mac .context-menu-list .context-menu-item.explorer .font-icon.is-open, body.theme-mac .context-menu-list .context-menu-item.new-folder .font-icon.is-open, body.theme-mac .context-menu-list .context-menu-item.open-father .font-icon.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_mac_small_open.png")
}
body.theme-mac .context-menu-list .context-menu-item.explorer .font-icon, body.theme-mac .context-menu-list .context-menu-item.new-folder .font-icon, body.theme-mac .context-menu-list .context-menu-item.open-father .font-icon {
    height:18px;
    width:18px;
    margin-right:5px
}
body.theme-mac .x-item-icon.x-folder, body.theme-mac .x-item-icon.x-source {
    background-image:url("../../images/file_icon/icon_others/folder_mac.png")
}
body.theme-mac .x-item-icon.x-folder.is-open, body.theme-mac .x-item-icon.x-source.is-open {
    background-image:url("../../images/file_icon/icon_others/folder_mac_open.png")
}