/* powered by kodbox; ver 1.67(2026-05-11 18:56:10) [build 1778496970.0112] */
.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: #1890ff
}

.bg-blue-normal {
    background-color: #1890ff
}

.bd-blue-normal {
    border-color: #1890ff
}

.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: #22b66c
}

.bg-green-5 {
    background-color: #22b66c
}

.bd-green-5 {
    border-color: #22b66c
}

.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: #22b66c
}

.bg-green-normal {
    background-color: #22b66c
}

.bd-green-normal {
    border-color: #22b66c
}

.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: #1890ff;
    border-color: #007cee;
    color: #fff
}

.label-blue-light {
    background: #d2eafb;
    border-color: #add9f8;
    color: #1890ff
}

.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: #22b66c;
    border-color: #1c9458;
    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
}

.color-label {
    display: inline-block;
    font-style: normal;
    position: relative;
    box-sizing: border-box;
    border-radius: 1em;
    padding: .4em .8em .4em .8em;
    line-height: 1em;
    height: auto;
    width: auto
}

.color-label.small {
    padding: .25em .5em
}

.color-label:before,.color-label:after {
    content: "";
    border-radius: 1em;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.color-label:before {
    background: currentColor;
    opacity: .15
}

.color-label:after {
    box-shadow: 0 0 0 .4px currentColor;
    opacity: .6
}

.color-label.icon-dot {
    padding: .35em .6em .35em 1.3em
}

.color-label.icon-dot:after {
    left: .7em;
    top: .7em;
    right: inherit;
    width: .3em;
    height: .3em;
    border-radius: .3em;
    background: currentColor;
    opacity: 1
}

.color-label .icon,.color-label .text {
    display: inline-block;
    font-style: normal;
    position: relative;
    z-index: 2
}

.color-label .icon {
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    color: currentColor;
    border-radius: 1em;
    font-family: 'remixicon' !important;
    font-size: 1em;
    height: 1.4em;
    width: 1.4em;
    line-height: 1.4em;
    margin: -1em .2em 0 -0.55em;
    position: relative;
    top: .4em;
    height: 1.35em;
    width: 1.35em;
    line-height: 1.35em;
    font-size: 1.1em;
    margin: -1.05em .2em 0 -0.55em;
    top: .42em
}

.color-label .icon:before {
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-size: 1em
}

.color-label .icon .icon.icon-circle {
    background: currentColor;
    width: 1em;
    height: 1em;
    line-height: 1em;
    margin: -1em .4em 0 -0.25em
}

.color-label.color-label-full {
    background: currentColor
}

.color-label.color-label-full:before,.color-label.color-label-full:after {
    display: none
}

.color-label.color-label-full .icon,.color-label.color-label-full .text {
    color: #fff
}

.color-label.color-label-full .icon {
    background: #ffffff30
}

.color-label.color-label-icon {
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 1em;
    padding: 0;
    text-align: center
}

.color-label.color-label-icon .text {
    display: none
}

.color-label.color-label-icon .icon {
    width: 1em;
    height: 1em;
    line-height: normal;
    font-size: .6em;
    margin: -0.35em 0 0 0;
    top: 0;
    background: none
}

.color-label.grey-light {
    color: #bbb
}

@font-face {
    font-family: D-DIN Pro;
    font-weight: 400;
    src: url(data:font/woff2;base64,d09GMgABAAAAACQoAA8AAAAAZwgAACPIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bgSwcgloGYACEABEICsdMs18LgXgAATYCJAODbAQgBfATB4QfGx5bBeOYFbBxgDHmb9cT7njYOOgZIO9GITkluh38f0rQZgxZHfpWFSoKEUJJTekYEESTQQ0l0dmYnodRa+3e9818oSDompKuiNyk1xxxuHiwDy6Gre0/LH9csIirz8C2kT/JyQv/kH/hnzuzdKAXwW5TCWU6f3B/4LfZs84BVoFuQpvQEiUfvoCFRVhYsShj07lLdWPTVbgMXVqxynCVRxQ/9pu9j2kmaaI/omhp7pGYqemHSrNHhOzun5BFoZmQbIJuIwqi0Aq/b638tcv1Z5SMUw21O33JHHfeGxUH1G3vbMKKQDh0wIrIxcI5zYUfkrQDIotCz8hNXPPDinTARRtXmY8/uhZp6/P5/7ZWz/puVq979pxgjyNKKDmFQAHWsIwQJb8h4SdB2+WywWUz5B14vznL2XLfXO9M62Ze3RFQkjJskhIbvWcT/23tB1W2QOoII+Xv50qbHII8d7VVPeGAVMnXAo1PXrLw8zdL2aPkEEGdKzggd7tFAFmhSLjWAcqq07agyM+WfeK+CCOAhw7AY8mBYTOr6nWX9p5KI8N/7dGIr3OYnp4+z+78/TJ1pjFjy+gTbISMiQ1NYDvy6e5BdGK7QRh6aAEFIFnf2qc/lj5E0u5WNXygA0R5qmc2AKCAdITNy1OcoaaD2rnaz36zNYviFB1T4lGxqK/zvzGtYUupothIE7Jed/Z9imBJzpz49d4/AHuv3xCMMUKIQR10qipMuocFCPC2885hgM9d27ZsnoIdCIEMwJAu0jlwgX8OP0QVKNjvN2vTBbfHgVPGQeCI0lKdVFYPQyeNYwSQGxeDNUftgMRYbkR0EbhEbW4CO7n7q5X5Z/MH5teS73OSYSH/McJjFMiV8vZ3jD0m+fLjDx8eKAjyzA1Mtyar3eWQXtSKTtZ9NnDMFIiX48aPhX49aeBgIp6njp0E92PqhMmIdGORK4iEt4w25haSEoQqYs6XoOf7IX5V03IHeeD+rMJJjJ9R6JjsTTCag2YmGsNBfZOM5aCBycaxN8V49iTJHyBl2Atw2POIaMlBgi9dE/vD1bQilTZS/NgLiZGUonXAKVsuZsejrwCG7LnH9l15qA2cuGpVewC0bj5OoGO4YQNm2u2yxljjWgDG70AAAND2bNeefRCXC1ll1oxpaNDtAALox+wBOByAs97MDX9jae7q6OPNLIbIkUcDuabbSg9DXOWL5ve5eW+tDTjFnApOLedMwULZ/4EjU601bKeP3uMz88ZiJ5ykRc23ZR/2R497c2/qs3tl9vb/438rgf+6APhc7R7z7sA/HXbOcCJzmhJ6viE6SgF0ZgH0lCETANBHNiugv1x5gEEKFAIAhgKNgQCACjBmFQQ74vZ4797y+7j8iX7WChYqzKIrsl6seImSzFapjTJlOdxBW4WKVYc0Rro5qmE1AOqByrucvZlbrzVJBDWOhpYDgF5P/wF9+rYFYOQ3Ahh89Bs4jPlO2991SL6aAh0A6t0C5rPJ31/kdSAwBMJLAAAxYCdssAW33CwJ9hmS22E4gFDBdqGFGAw4hmuwUCoGUXUQk0RDH2FxzGnrBHwKgrN9GOMYfK2o5UgKkUq9RWJxq6fuRzTlzHkoXchtsy/xIw/fCzniYLNiHbdj7mntl01Ut93YTRTamklxyoTFE716KLWKcVDXrtTDgIl27mxopPUuNMbCVzbVUyuQkYoi1OEhD5+z0sVmuj1eMBn+syGvZtpxQ4ikwiBEBnm1lb3Qnh766cnWd54JIPmqng2+mXWboKu3B3jaxUTipXLS6asByZWJgfJe0r2TvmScR99/4+W81iJC1XLMK4aAFgLClF6W5+dR1ccRHgaODnx8h7p7KUKwMNUeuKhc60enIeTIUY/NtS+SR+StrjYmdFPxnSMOtgM1jZpo47cu8UR62XMTvw9KtDKO6s9aqiZ/FkuQ+kqnr+YGz1gb/AWkoG9PTKMcQMKO+FEhAiQ+sRCEQkWDR+ZGWqowaM9UeTAqBP6lGNrlGFVLEVEIoDee6NTnDQJApMMABi10d+puJyAUpjgasU8oQnZD2R9JaxnhxQhVFpKtnGwkdB5Mst6dEmcsOjxxBTTYXoyo4H5UHuR0iwaP0zbv3E+ALglzjqphuXwC/ko/cAADpxmyGLI+eL3YALVvpIU9KTlU02/hDwoxY7AzOauwlb1Zpy7hSZmpJLdFpXwxYRDnf825lUWSmMoU6faXG5KO4C9+FarmGykvt+C1OOFAdqVFki28lB0bfshPYj/PJ1zQt6DYYw9TGDoOAmAvRPhqrFHV3Gw4nC426uwPYs+wkJAJKdY7uZJmFuSRFYXfGBri2hLhwiy3u+Jd+X+j+ubiH+KJzIamPloCep0QOueWHmOvwpkKs3YrStyKLoNG/CiUpRb4PahD8z4fiA5uEuCWapQfAXWSfSE6zQ8KPXTTNvpz2/rkBBcVE8eddQH1sk2g8DCAZhyy7NzLWSmKcBiZgUVNJ8mu6SR5aTvfD1RkbBideJ1l7OVTrxdRgpcpzThCf+F3IhNfwF6mSjFswl8KAbj78tLHkKeYhuJYDBT6mcng0Ox8IG4L1e54Fwwt/Hi3TMXfQJ7VB/+lcrJPUWKononBBGUpdlzHazgUGZWUdMyT29RReIGxPc5nKgX60jlCwtr7X3LolJNmVjS7qL4qnqAsG7teFJTBcY72RsYg3Mpsqhqy9w4LytraOiedSe8DO/3I7mZ9TNyM0bFuNI0EC5JLZRB5GVk/EToYJkxoczxpodIEY8KvdSmKZEMxzIASX1FOPO2yi+rtiePodYyvrUNxEIkREhXCwyF5iIb0wsqQl7whWi5NtcpTaiQt+htuOiYgeAByrr7Pm4FLoFZLkh7JDUHA+QcIPi96ZINdiUMIQIgnmG0rYXpZQDtH6wUZLVVLaQd8HKlkckkVQKbMX+/Pq23p/osz07nO7hJoa88DOmM80rFPGDxaQIsY+i62ooPHFZpUpWgla9DcVKymj//xrTySgMuVJEf18+WePypmddC2A8K6WjT5s5tj1PMT7f6xpdEgDlX7Hw9P7CN5KLIBn9tyWLqdt+MpxVmV0Qee4gJKcKuRroZl0OjJ2Bt7jRxU+G+Ot7BnIKeGPLJP8HyU5WBenLhtnpNM/q2gW0geCAyV86a2Bwcuy5XQKRskEu1bR2VZt9d6LW+NfsG6rcQw/LthbQjC1sgZDzvPHDNgc9IOojGQYnFiQIZSKWum52GdVGyJCzbQruiKgKtX0hPuKDwOAlBNlBt+O/IuZcZks5MNxUjzATt5xZp6EKRoxK7KKeokqQAhYnHDX5edT5zaVo4rYO11rHsOuDUuE9e2Sj3WhLU3XVSZcd0uc24GiMHd3bPW28CyZGu4guF/LR1cIp1/1wbYkiPH6oB737SnqXyOfpweFhwUub5OM+3OTs+GqpPIEwR9jIs+gdM+orygWzKFbZvxUkQZ3ktNwmzCKSkQNkIWYhZaZ9ojNvz9ZoMJKYP6PywSs865rtnJgHLrMhuf5GpctAKdvrkJ+SNFkvzZluFsQJ2tereb9hoXiyg2PqQ0VBQy9Ux1qGxGz+UuNkuf/hxiWIf1s3QPLsqUFw5pZ+kPX1JGYxdz2xcFExdt5PzD2tg+KnhhO9tEqditrNgd1HTNmPbD6jiklW1QDxx8Dfz2NOzY/KIGbtLOwUThh7uoMiqpx46knFEdrTQYFKzGQo2sdpc251nSGFKYr79q+UZB/w42ZUnivwPyhipWjv+xTStyvuGCqTGoBjWaaksg0d6o2s9j5+LL8OXFJXgrAWWcHH7lQWioxI8pKh4XKeIW8qr23by2ujR8XgFIvpq5Zo7ayMmPzDdxeGaOmcszcUojS40cEPE3bULOzzRUxarkTxBIEHsj3tBkybJAFUZ2uU8GqgfX2zuue9zuaL+tc82qr6poqM8abqMWiyVV+kkFjqkyQ79HZ62yALkhPFrkzus7xWRtbxV66fwS/39T8isLS2PYnmGPvxw5GuyoskphLBmb4KF3Zd/o4wnO3RUSxPfviagIhbua68PrH8jd3sr0iPGKf3Vr3e03iX6cyoo8u5k2aYCJzEtLgRp9owNy5ple/EB7+/X9cUgcTCC+1LvGOLO39nDK/lGp56wW0OZtWBVdE6t2vuXd30dKnTfXGpeRXZCaAmPDqBYydf080RpN/EJmN0rzT3j/0EhW1LRWdglMgfuk9y8I+O/vS8gSuVrAG74vgU36h+PxSA4CK1w31tYK8YKWZe2pqSk8H465tLCBJ2goLNVyfHgpSMXlmTY+XlTbsqhLKJQNCJVouRIV4sVytVAAD5JrBKeOxa7j+DLPnmYyB84ygcPsFqB+iRffG8kK2+zFmwSmopIMMn1uTe5qTTz+ukSuLr9/TkKWXrhfLldLYXayJctibsuyZKHxVFFPkC1w5KKWPQXtgbZpnRSOJDerm5vskGYERLMX2rVST+90HmH7K/r18QLdvK31I1kty9j5MEYHyWdb0wyZmXHUgcENIsOInByCRO+cjXvwNsnMjkhjpY3XjGUZWanbs29sKUr1ruZodf7cueqwA+fvP3hnx05Qys1JZqUijnZ7EBOpIoVF0YIZf8aqs6koDVVTY2jdKE1DpaFUNEubtdJq1f09pVuRwCDMFGtdW8w43ERlThI3uzalJltvEF6uNbWbkBWiFRAfd8LctbN7DjHBiSBZc1pTmqx1oRSOlRznHodYqbJ6WhosF7UIh8LfD99TJb8bLvQKW2w8rpwSsL2VsFd07DoucJ6om9C6PYAi5/KgO0UtVEO2H1WRbtG8wB97hXuVXQv+z3v5THFvxPC7e6rk4ff5IfHM5TyuHEi3RGsCxVe8An6yRrkmOPsxCCFP7OueHPHyj3RluY397ByChw0rMqwZpvmuZ0SuZ2CqhbV9q+MsRyPLCXHUp6cnOuZI8nSYeWtyS3PnzdVjcyTWBMebZ3ROyPd6zaT8LfW9SRM1kN28ZHFoHYIgrUnN07Qag0GnY0ShVFqUKLJrFjKrglxT4uOsyYb1G72jEQcUvavRUBQqNhpzJwb1ilZ6xaBvUJSnVLFj0Ldy4iRzTEWMeZLZJJbEAPtCs7pZXLs2P6VR06BJXpNfI25SN4maWvQtzdD9rzpX7cgT5qvzoX66LQnllZZEhjUUhzG7N6MeWo8fgbHiluX/EwpbtbUbTSzL0KHZxhBjMSNia7VmQ7hcaY7xzXomi6/pvqY1+L2f0D+YO9gmFO5sy2+D46p4U7zVaIo3wRNyXFhEUrihqDjcEJaYEJEYfswQnhgZltC1OROmTGqpvMeFRT0duyhqYjRC/7gjmqqikVVk9S6yOmhVNDjCHR8ROjG6fCghxaDXIHq1xInvQC8sCGE2zpBrFWnPmSGFhTRHvpM4RaXSGPRws2bCpAmTUg8cdghncSqxHAjRuYfQhrgS90Rc4Rg5tbZxtrKeLYIoI8dWO6a2ZemWqGVDMQOtarRtAI0UUDTqcKR/IHXHlRQSKzjYf+UqengmI9QcYpkSSVVQI6E2wVHhCGUnq6dUl8ilBsMUg0EqD5wVMmMZnbZsRkhoa0OjDwWRpdBygSn6G+5auWu81XNE4OnbzDt3R+IQd677ryjBDzYusKHbv3z+AukLPqCHXnJxMmzA6zeEwHtvR7qOGoaxr8gX//YuHht0+gw+oC8AK8dxX/4s/fmajR155dC0Zd+fUV0Ebh5j4KlUmT8tDZp3y4b4XHCX6tEfGpkKPEKjo7o0CzSAc/dOoWKzZO6qHwT1oVg1JhOjhtl3LFkWsF+kVayVg916vE6ArkUtuiiIrUk9YE6lhmgnTnIFUg8eBnwtnaDi3BVfA79YaQVBM5lgyUfzGVJGHBpHuzxBIe5c99dCjbvb+owiAcowgB3+1dTfC3J/TnHhu/fJhJXp7GNWpmen3/hEPz3w9aUuJTmYoqfSplbveb6mcXEwa5uNkwdj9JB6uj/VcPsNWOb01WzQSczVLrU1fW0qvJzYF4KVuTEdaUY+Tw9pv24QYmSw3SfwrEZljve/OAPHU0dESDSix3Sf/8qUk3lZuCSypz4IgT85Cq1VZ1WUzxHCtwJtC+UfGAWMTNBl6OACk8cI4SXyQhi8jAz/2xG3/f3uvYl4cw/qKh2+jvB2e7Q3DLOg3dX7WKdJ/oju/ih5pR05hegHu528r2IdICqMKpz/m9bzbH8tmyastBVUugjWhzAgDWeE4ND21ojXImuB7ylRISrgL35kMFRh/prHYl6nbuYWRSkzrD7m8c2KvQyjJCPhS/S+S1VLP+o/NlPCwRXI0g/6D0vRQyMO64cJW4LOHhTlC8iegihPsoAvseChRDs/U9pmLZhoT2z9sP/vYpZxtSJTNUOODOaxv+dzZGKZTiaS8bMxX/OSnr900qlmb+7iq/BHtFxwdvMhXefSVh4iTo7O9cxCneO+4hMLgLGbKJhklBonF6bZoiqcHU44R9lETvbdifDMEy3auGk2axsJ/j5p+9v1tcQE0DT2j4PWe7OM9Uh9oXr69A4HXsQ5aGljVYNRcFrY+f2vWv4mcLEGsN5/Lbdia8pFJWcq4c/1xRDGv1HZbx5nv/yW3ln2kr13ZVoTgI8xmP2JqBvrWcSFPVQ9m2x2LRTh32z2/itx4SPI/3LlOKSBgrAyItW6kohIp8TU2AJqTtFMDnmAnFH8NUj0cHNpVPwt8nygXB4J9Eak7hRSMGOGAQ6s5NNsaUMflILEIIklZogyVi3HAX2zRV1EKouqpPVrykNGXyC5HamKRtIRsLSh/+twqOl5gwAkd8AXUAOuUPh+lxlpYURnVxEWJYxV6ZPG0rpFJOlU/CN3uAMhd6D4DQh1FsJAys/dhlVATxahi7kCPxknX5L7J80D2UXkVXKm5ZKSR3MQ2B3AdvKpW/jwzQRro9xp/ZyrTOxSgpF6YWGAD5+4joI+4BESLWHwCv6ReKh9y67sv1GQs43nvA3QNBsAmPwZFytdRgaJ+O1meF1l5fWFSzwibjkzjUc8PbwKlzefQLXlF6wJgtK1RXixQJH/ReRuXcRg2uJ7nHPbiwON+IEegEQSGhkRR1k1DHApFB9uFRLLo1AW8WqWk3xSJeSXKYugUjVNeKWeGRRRpeUX49XG/x3n1tZyAFgzJheWctTzyD8kJniewZCU1loikcGAhvVu6A4b2Qa5OZnPdZaC7T+wvPQfxcJ70yX5yWgYCDNTrPv+7iCIhWKpXKhUKQTxEqd5WFZFEFSko9lAsAL7XS8OgjeWXt/7p77ZKuQK33juDTnde+M8pXRy6L6l14XJtyZU+zRv6+GPHcXQSMjnJ7jINafzJx78qzGEekHCo2vln3wvBBnLLhMln9ME4llCRxo5/Hx/EOMgawZSW1IcHLRbkyBLxtIcZ1nhgDfmtT7dPJAivTyn/BV0834iV132Sf3ZxPnqlVfO94alLpU/WmoZo6Aj2r0uPenWtR6sxKe91Fogb732xqfTmtj6CR4WmazKa78zf/ECA+eF92U9Uq3sPUn4SDm/XxhJJMU3LwE0erkUn2ItiyveebCk5I4Gqvz8tKQ5oe1M66RJaiiXvDmVIYVpphDYzRYFVuNT/wiFNXlTxRayK0Vv3pMGxnk5hb7RP7jN0NIcN54IysA9BUsCSaE5R27OnvW+Ag34yk7rKid38pJbefqSYR29Ukhk8If/X/iyhA/XS1x+vZBrcmp9+fFq/JFJSCo/rnixtGfNTPiF4PD6P2qU+PmR7Hr51kqGUyOu9kfGd/ygRD7buezJSyeHBYoA4rlxba+MP3XuCaLJEnYsSRyIv/iJyTwZJdxrArs+UCgrKJbL3EAO6o4mFq78RwpvS6ZmO5tMKzpvsXgNrcv1cnUEMvthcgRnENofYEGRooPQUf+ouzLv7RtHDFc09UVFcg8ohQU/YUG0eNDWyZkejCcYQUYB6v0/SIdCZq+h622qDf0Xwy/BFzDeO7boNOlregSZVnOa6T3NvwjtTmlK81cMWVKqIAhBqiBxOudENSNNOxDZw+dBZ3Q9O+uoizwyX374NnSwCm80i57em/nRBJoDIBfpSeMnzpPi5YXwoOmP3hjStLtMcNTLAaQgcfpawqAzwH1rsJOEqRdqRSjpY+LNcaxhO5Ug+b5augGMKOL+tOuuGqAAHF+JFSbNbdO5xxXeNMfeQRETcbrWK3vQLK84yPAdr81oxsBvITNXX6NAM/R0IoeWFjEUATRMhGFVlLlZtTgoCF5iiwyZZN50R3f4f4LIiaUgcqgeDYy7iGnZK+b1gL5jkCeDFOkoIXCsH5H4eaM1a7KkNAid43fF44cBDKi9uhOWGtsYl/Ssx3FoWFTux4XHb/4YBw/rEyJTpeatSjQh0F9rnpZBXqMmmmETC1j5Vl5yFviNRG+l3eZO/C+8hdBdYUmGR0reT73uIjtg9LGNmdWSzpLBVZDLHmbKKm5bDUZ3Dn7ckut+jJkqw37FmbxN7BoAOVe3i5b8UdDuBu6UW3Dgj1nwYkrgBTHV31o4svahuiMeo2oenVb9nAaXMo8+0kEGt3N4FzK7+7YV2P7aVjo+9p2oUU9TYWGRs1cB5X7gCgO3vvq+EQ3ePEhqpVMNw3LDuoya7uRU0mwddSbwcvQw0NAxo0IhxQOKYw4rEMu2NGWtsszCBkIMP/F6/4zUa3nSTkeezWFG+NgLNrsZ3HCk66yTplxepcL2Y4/sxuvsSRDUKSbApOfRHjIaIZRF55OmpXEP7qxo1qG7FRcg/HWJq2ylanUxZPI8JHK2Ly4Mlpo4xix6bBstdLt0EAhc69thjVsVJSKC/RCJAZ82/7Sx5wsZTAwg9u3Ibrt9E0QHKhvvcMFW4wwOQmlsfZVWrDMz299F5tRejzl0atReZWh8s3A8Z/ruQFbEzW2alHCIuwMAJ8ZUR0rm7Hzlhm+KmXnrMFLbwxn0fps1rqLvShYd1+csqSaQs6JeoeyBUFNi66rKxlZsG9AHz/wQmM/srYX0AyJ1rLG+ffw794xD2NFLokOkoDiISQEd7564TUDZVfsFWjK6nKm3njezz+tpuZ8Vzc3Ul5xaB3Ivx9BD0IVs/vC/fMcLPcdJD9v5sruh8/4CboMHKCpQ+ARW/kKFEz7jG9VRE9GH+yv5KzRSetq5A4vMiKnh/kh3Y2Zu/hbuBvBYbnoPRqd31bB5mlg/dyxkrNsInX33CXMmMA/+C6I2O7dXX8R4ywAkORSnTwxSiceS1gOdamYRWvXV0CAMbvd0ZFtqfIehk5YbC1YhA6bas2uP4u6pqCvdG1QuR1LwbttEatQ6AaSrummMHXd3nH3vzdA+Db30uMn8ePpWa72tHGyvRbubQxWXdxAwNH1rOIxMmZ+VIg/uUrGx4w19FQPI2sNAvTP2JPEWU0lrTvCPTj/n/+JIerUFYm0dy4kAN1Ky7XvXlordQbSG6O4AP+c/tPW4aoeCuvrjBNg2pAIBQoOxMatsEQs1H+83228rFuwwwZLG6g7bfB82tzZPlu6/HnXc/EjSXdC605xv5J7rYjTvmR3Ao2uaAZ8TIrm1PTHUiZBVtthq56l3aLt/vQSo+Xg7p1vYm9cykdTWjKj/4AZ/TrapByHZ3olU3zLv9P/d+VZ6z5djtNt6PcbH9PFunwsb7lZiVa5EEtceEOlcvngNk3E0MncvRb4rBgqVKN6WMqm0vMukmPHds9ynr5CV7JArnvVxqwmKh0YhPqmOqTAUOvD0a5uhbWQlXSs2rjAkZ12u15PjSoREQFZv13ayU7kMu5eXCjWux2PVzK30icoSuRJRQCjDppxLD4Mvv7LRYIJsJnDOxhbjNSI+XGMovXBbzkbLfIkUel5JuFucBcWwyZDTijXoITneZ2KJfoV74NGzSYNkb8ZhfPrPSLdfeVF5Ddnk6xpYMCFdyXxJiMhMvbLEraUXkb6cqq6XDV+gHAR0Gcp4X6E+9jd2g1i7B2YQB7UR3wy3R3/p1ukB+qIIvDRdbBSsNXB4F7yzXDyXU8AgiPICMsIYpSzwvqOxKxSWmKMCG29OCqw0DTtwUrAqLij1Wrp5fUlCV6WLnnvZLkLRCf/MMkYvqYmm3e9uJ3MLBriXUfTWEx7IEPlvORq1oAnlXrboIhjGLQCO5uo0c/VfPqRuvoeuQYWVRHXiAj3Q42YXYMyi0B2K3cOF+o+gJLoh4b8C5qb9W513asAyrRRJhs0dCpsox1zJ8/Fb0fGVSo6OKaS3H003AAL24FL+J8qKR9tVxtH0TjEpsC1fn2fpZZFkC1oI57wh59U4U8a5H4c5eFOFTefGySElgzxljKPwXebiovq7YgYkAxwu+oOAk+BpPCif8OoYTGnchRRC6Lg0PkRuf4rHaeZRSwRtybIqlFRKorVRJBnZzbSVUjJArtQffaXoMvv1yOHLVqLtEKW+QCmWwEARXmOknaw1oyZSzWL/PRaT0bY3+8CTtZBVmDndDQL15Dgc67pnEnFEwLVXxlJ/vsDXiPTMaX+8xRxrJJDLxVaKyWyORPh+Yq2H9y07BqI3pxM0DKCs604zp9j2gUEqJTpK7AtEUGquLqIacAQZ3ZUc8yYrQ5cqOswBssJ73Fja11iQj5dA0Pev4rHaevQxtFBRgkQqWm8ncegN6Tg2gy/2JrcoAypSsfTuo7rOn9ONUVywgkhv6JgyvTBQ9/xSA6tfAB43y14WrS3K3mG2KsRDZGa+C0JGj9DYmFtkYuSZquLiVcZ3wLRKA/x1WTisxFX1OEiStdHHXyC7/iiUXeC66KgpnvCW3T8YjKXol0yGoRWJMWNPSJ+Hl8FdlGoivLzyWFRFnZ3ZgL2KhB8z9mU0l7YippXCMtQAD58t3KDQZmczLar1S8r8EzGsIp5z30DVL98nkMM+AtxDEatwk2nePloCcfp96PmkGz0EfP+YckZ8yqw9HYChPumPgAhvIgh6sYCPjxD01sklPwwl1GShQ8GLkRg9MWn+rDkulmkT2McAgI7KGg2QP+1ISE//KgSrKE49GqKOswm8MTRTIdMlbeyK85Ly9tXCUnTMoDSdlXtml+6CqdrNdYcERPwTwFsO1RWrXF2H3LftxuPYMRCNlMwjQPsS+RpUhrh/aGrPVX1BdZvWAQWtjPwg6TGbIeoW2FdVeqSXbIQUkvxSJ9BOrGPlU42hYat7CeFj9OMB6FihsRZIKVNCUrW9RouMaWb0+KJx8rOadzFRInhuVVrwavHvgXeUG+nc5ZESsafqug/QG4rmDS72q+2MMHwesgF6jlIT/FllqtolZ7AdSG0NWS+Sv1JjUlegsXY/v6zw2HKOv28ZtLX4WuqsCHxLvxX1Jp+p2BybNIYsGgyg9q3irNSdsU7ydCgoVtzHovrFW3k0Rd3WdlCVibKQnych77Isp5dKby2tiLycBiG6uPmhjnJqzpUUkgwXT2S6aJKBdD1Zdw3mWvXVQhpDfliqMmxlK9pi6eb5VNQGuy24GepH9damr5EpcUt/ulPTP7DrDyLtaXXQzK58XEmzDduHsVFq0hAHh3U0G/5zmY0oVRwLptnHUT2eesxGzKpk9qrooJEHqlFbKOyGF23MeLvJovofpvYIR+jMfA+RgGASmuRsymvbQZQfdF+C1UmoY+QkkuF41tl714tyOJMXeZon0YTgUEjUYHw3mRgrox0bg2NthXk0UApG4oEzZmU/zSkvRteKI7RUsrrgNU6bAYLeW3HK0oF4gFgsBeuxxeb9f7fmz7dLSbqoCXxQ9wNonV441JSMchzrrJfGvHqjyhOibbFa85vdpOS3kVab7csAyPtElM/4fywOm8sEXzVF1cwkCx0jvgZ2IYIQd+i5Xc2vk1hP8LXsksF3g0swBneY/i33NL+qqZbPDPwykXxHo43wu4dG+L6Xgjp0mdk9uO40m00GfJI8vHz8AoJCwiKiYjx58eZDPawJOP0fGGmUYEQkZBQKStFUEGpWOXLlxZ7D/Ec9AyzmGQ00M4utbJBlFTf4lwVyyc1aeVjBQe7Iyyk+8YvfOcQwN9jENe5zi9tcl09+BRRUSGEusZdOujhEOx0c5h8O0Mh2jjDIkCKsUVQxecpL3vKRr/zkrwDhRVCggjRSo7zTK8eVsdkq9mMLjSPCteRZCrqLMYG/QcOTKx+TV1BZcc28Zx08NhdTUTam8BVedEU8pnL0s6CB8eoViOWNEePHFT0xUVF92MTSZfO0gQFp81g+CBpmMD4BRiaM12R8RhiQzWB8AoxMGK/J8EzBOlcyZuqEUi5fDAAAAA==) format("woff2");
    unicode-range: u -9
}

@font-face {
    font-family: D-DIN Pro;
    font-weight: 500;
    src: url(data:font/woff2;base64,d09GMgABAAAAABbsAA8AAAAANHQAABaPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bgSwcg2QGYACEABEICsd4s2ILgXgAATYCJAODbAQgBYlLB4QfG2MoswM1bBwYwEtrAuC/SMjGUOkfdUAkkixT0+VaXQLU6p0nXsk0dAgNlvGdbTmtP7zlTs/fSMZfRkgy+wNt898RBm2SU0RKaKsQscEg7sBsjF6lm7rIcNXqfsaqWqJojayevQcWllXIJYpAAqOUMTLRUYaFiaLx693+3YVvOQsxK/p4K9qJXnkvJI/vZIaiSfzeFqaPmJRiAkSsyuG2LsWFMgYfn+SeRTxG5n9eQ/t714a4fiUpVKmWgQcOwv+tVdqpgWNUVEfqVrhD9GeBnq/+VQPVNUAHfQi93EvUs9g7hxAghehmJrTLsxdgdiQMuchE6Pi1sfoSoeKv4e9QGjFb8QCh3zJm1tyy3SgIIVv/y60+KwBAAMDlC8teAgDcvJRdtvwKEAAUAL4AcBA2ufAIAILGMyXRiIc7kWKyAe1laXsjcBBAWInMl0ZeVLY2ghuYhiPACWTOswhBPA4+MYVgkT4hF4KhfjpZ3ltuWy4euoXIt4Izc5yNnFu3hdevsKb04sMXE3sbF4/epZPM7Sr0uoRCKXskxDU/3OVeqbMdxA8bmxpA9bQTflEIfd3R0ArR79udpZDwoaO5DVLk40Nw9ANA6MGD5741VwwsfFIakRLaeCLr8DKBZc/SdZ5fwPbc+vV5hgA4HCQUZAH8iQkpyNSohhAnC/JHQiRD1V9WRCgiBl9+xFRwmtXDS9HCCU+nVQO8BG0a4bRrgoPwwgSAUMAh4cNxQZMOz5OPtINg8ufLyN/RON586dyCQ6FK6KSzBc9boyBTYyE9UDalQyXkx7zVYKnqLQcAGJe/RchtCI4GALdEJOBxODyOMBE0HQEgAQAAgMwzWdnwA/6GAK8btsNGtyPrAAgAQP7UPgB8eDBnNqUAfM4IZPr4Ca4DEOMjcJGgxHjbHHXCBR8yv36vqwOPJ/HFfA0/mt8fIBgeBsCXb4y1djheN+VvdWkAfp7vZY36q+yv/Wfv7tk9q2d2R8f/B771AHy7CABwc/9N1Y3BG2mASISn/xo5pSnNLACsHOm58uSve3oFChUBKFaiFECZchXrC1QCZBa6CSNl55FJOQTgJ6KL6z6EY2/C8e+KZQsQBMK6E+6IJdIgWC7ZLoUSEpcd1GjDKgwQc6BOH37A8SDkGJjEn/K+KMgCkacrVQAAkHejuKSgMBMAoPZJDUD5iaLSKmg1+0IsmM8nA+QAQLq5t4xB702HMki/AFXSiKGTkcCla45HhIdEw+U9+Dbsi+WqSKNBPeiD1T4SfEuoBSnrp2oKKi1xTleB51qv6lwImZJCPILM3d2DQZBiMiqNQKN6UtY0RWK4BsbRpRwPVwXDg8N45a4jeyDBSnEjuIUu+VlYQCCISRIehenzhKqdvp4SF7OJwArUonQGhSCIJjA92kja5Xon4A+MVsKAwM93FYVGCdgmKAUGwneQ4l1C6SFCejcFu1HdG7gKoumnF0sopRCpNVQihTgtOrKFhRKwaBbKCAp23pOlpyhYJyUbHrprI3AdPxg5GaSLYHKYTIN4XWtnoWdxNYo6g6ZUx+WCq3JBogjeyNJyz8tNxMuk8KODVP+jkEulDeQUVq/dsdk+poyw53C93gJszWXbULVTqpzpqQ0Uvj/ZdCAyIxWJj9kbrtvrmU5D+dzlypmj7QY1SyQLDbognVzK/7pNpbDyHVvUP+DKiB/qlWr5YEm8Xb7avpJDK43a3nhTG6nA2dDkW7NgDQvZeav13A0EVomwkBAIDK1CySKONVg0Ukk8uYTAkQrEOqXdp3YR9iqnV2FBaqUL3Sp7wuxlBqmQakBgb/0iZVTOZgs8RbHDKGL7mVmIaLfZYiM472zdLftB0PxJPGFNisSf87GgTCk44kRadG607/E5McTgAXxMEe2X/LW7/tGesyiqkcmWNONaPjN7/7v6iLWmVXHbG+zok7vnRKCRRhyTva3SY7rajTFkGV/JDiPLifZCzJ3iYctJSj70PAXzTzIwCftAMvlDBkNqtFUnLCwDRS1Y7rYl1GbUP0CDrIckhjmmhAeon4es58rqrftkvaSi8NYnduFiXUmtNG8BCIqFdG1qZm9v7DAp0epRiVzCQxTRP44mNCzpJnWXFX19YHLggkRWOHYGC2U1cH78SsrUF6v025VPUeTL+/mSCkjRJYReGUBHUrD0gCXD5hYSGVj9chh+aWX3lULhg1w+SiA3yUIovBkgt6TwyxaBnA+7QouiV3TJrKrhypIfR2otOPMIBukHVYyAEtYhINV2dg2dk/1KshTeH8Um/DeBj51BrIj1VeZfvfY0Q8W4K5F2Rko4cvjHgbl4EjybsQ/+rKnieiIoI64I3SjVwJ7nygjzTva6cabH1TYc1yV1jQ/MsRhvDKKhtyiy1EZ7C/EGs0m/kTLdblCPyCXo9f/dorpP106Kb3pjtxiDZbO0LXcbgbyrW4LS20MJ9GMrJ/wBTkGs9nawvDDHADWuV2goAFPnyV+YWt4P0YNscLEVqchzCKAmKIP69Jba1NpnJ9lplIyDl1215t2a8MKKxpvH9TbTW93T9Wog+CBFLE4IDTqKF9/kK03GKku+NokJHGVq9l51AznaZZyOsrPExdV+ug5gIB2C4LKuqRbxKqO8TVIRW6FSTiIhjzhO7pNB+4uGMRURknIEHFN62E6o/vczQIiJYFWyNIBv5p/niQfbApNyWpKzKYsxmpiyL6oG4pgtAgElUljJu8AekicaAt0SuHfzYVZv/Mw+JLwg0oNe9Gw5+ECPa5e2HCBUCWvFVrM1rNNiFudB9U4u9Gu9Ged66qNY/uqImcO0u5ez6ALBL7g0NzNCAka/mcWiQj+Iicu5y5vPJ5s2LE9Frzdqo/1535/oG5w4YOOY/mU1vWgp4f3f99lmSevRMo+BpFtfF1YkcA6jYCW1omAkB09xyfkPlqfInVTV7rb17WBB6g0WX47Tig8rssDaJh1UHeRyidXu3eoVGOlgZIiPqtPGc3GAI+t0C5Ybf9d42KN4GyBVoWiEvF94QVl6OxTSy+kD6AYLUQy9QZGzOBfZ+5N0remu70V7h/WdYAfgqHQl5pbM9mC76iCQbnfVzHcax5yItKtAojAns5vSvhy7fM15i6I4JgQIMRKKNsz7iRUMraLendjw0Vk/nD3V9QfAsN6aCdTuVp02NBzLjKx/1q6X12AlcvGgvriv+21d3ZywvDBYddRERWrqfm1paIGJP2KfMe0nLPwZGj9TGe9qDovOt1hmU77HVNRYxPknm0ydppxNmLE47f+tE783ndBlXJlGys1yJJFm3sXn5UY4iYdOIhm0yBpT9q5ZCe7WLMul0UPE/Fy8ff1vE9Mo9c7MHKlTTDx57MDiO+wZ2997RylUga9lEB90L7svw8VVn3z/nakv+93HGay1ykVzNHMWKScrFvhZFyhilBN+xWaIsqRu76T3N/bxnt08feXggzv/s4xTFNR1ONR2+pYl1us/fZwq6buH2HD8r0QDiiaGbjm2oXFVcuF9S8OT94wAdPluTd9oBX/e+JhRu/40W9SlXlt/87h89uGIgLBYT4GEGgJN6s3Rv6ZH1LHrWfXlFZg0uyGy2jjqdxjbxa77i13Lro+oSx/98+3r6SSNEVWg+GpWmZX3slX5+vwc1Tmz0ryIbirVl2bzgSp+82Zs9prDxCw0xxUDu1qCSWCxu7PZCeO8zFf/N0PE7TtDJ+4wHpwYelBAdVTo68wVjpejn7lO/38BSPLHFmO/Fdg6HcCZuTqUrp6xTCYfOSqEV8A3e2mtEUsW11aHeijff7g4QP+CtqZBFUeTzSlkKpYsVWv7d4ZwQv8fDFFhSuWOlWpvdc9yuWLkKBknj5fjPxyj4GHxDV+UvVZb2R/PyrVXOjCY4l44HZ916mXxfw/XDRQOGDEj1LJ52cw8D3lXt7J4pF7nLNAKSiatN88usrsef+z6j9Dx64ESY1F5rR2D3nrfXIF+5a7DR6Ly7GiRQLRpXvqGjLLZgtZklvmPx5FDu8qG9oQJIgeGtOp/h8Kh373oTpMP1pYFSwi/r5oVzY7q7/DaF18d6h1c1zt9SUTkki111WHeYZ2Uu/bEVeHs+OWrfr8YHaX5PWSNVnP9/1B26P9Dwdo1IVSFuqcP61up8JGt3B4k610pg+5ZaJFAvGFOwfqMslk0bBf7OugL/PTk5S/byR4BWYVhcaqz2Vn/Y7PHsrFQuyt2CE7eLvRvsUkUrtueDidT19vXr/PB1mOgmpb1b0tXqeCNhHVPA2urJoWlbWjvZiuqqhV54CwoQU46rKWl2dJ/Bw9HZruZ9D5Jha57vTDpxw6HRm3XoG1JLRpUY3eoMXVLs12dO0zYa99kqDxwJlXmNfsBe5ZniKXM6sjJtZblSF+4XOOicgnuNTeAMyLVkBdoECYlBCQKDwFxSUhSgdzU/FsnSJxmzE/gcsf7Z+z/b2daC2tMdLxCaW2xNFttbfBuCbYWw/aY9kCe5YW6lxzI+KLBJU/L9KTuJMuBrelwuuVayjUo1jp65zbDfN1A3AnJjZNz0bknb0iOxQ38GxFrVnrNGOW7P+rp/Mz8hdcijviOmuGlNMdGwE8FdqMdCilVHudIxLWF+Znzn0btfznw70DcMWzWEy8IRpxxzJtz4BzN+zIvVS+xNkgVvHTH2k95B+k+pQ1L2wrSZVzYNb+xtbFuM/W2Ca4w0OSQd4VVdqBh0+V0jJb58mk6sSSrLJU655fymvIDE9OoJVnF6cSnLzPp2P0xhiL2pfrL7AIDyA2ruhdI2xKxxPXYrrWmlL+u48wFQSme/ny8t2xnH9ZXJxqdveabowXWL+XH6/gpKYPJyW/idEhK6kBqir8u3j815Z+UFEJcPC415d8QWZ0wpCZE+PbdBvHV2erZmR3rymonhk4IrVlb1p45Sz3LNGtF4YrZ8NMoe7ud2GbstHfC+Gk3cXm5LDRJKraGCWXTNifQMugavjGuv0J/+rM6NPnqk3TLyj04Sy6+IFsYLBBKq7q/ZzDUfFNsvyHgR5IhLO3LE5PV7RftrF6FYnRfSNhoMSkLw5mIkrqSjNo6igG32GaVLEeRc3qSRcJN2cqTowGzQm5R5NTWKCxys1lZ0HB1Tf/AdsOUW3estnGp/gH67eTyD157m/XOrfCvmfbNW9KS26fo6GlUgUYrlKG2qNRoGyoTtgXQ0ui6KVOT0rZshnudzsazX9PlazxQRFNJGVBmb7yY222Mc00fsS+PiV0+88qlyIhLf61aGR2Tf88jIi9dCZyf2NsTHzU5MsjOckQ+LhAHWwLZe2fdVxSG9OkVAXShQBrf09slDeTIOIEwzcCysKD0lxW6hOXb9djwtsnblifoqYuEaJUgoAoVivxuAYILQVUWcWWup/47796wpzCL6ubTv93Ta0c/2wdjR2oYMVHJ+lAyd/nWqKLJPdnf9VCyyhAX4VOcg+PHjvtSA4PsCevG72m0icaPD/oA3/4V3jiK4+iafcL91M1qRihJ8H4cNXbDFzEl0pAYBU+0jta5zfAjge6QJrG0ivDoHY4tDmu0XaO6diXSCkiPxU1akB+3bl1lVOp/RXb3VHc7LD7rbHaC+/HClIMWQEK/7GjLwdystHBI6Gy6LFFXmuNvaLT5mq5cA7qrE4qWbB5/By4ZqV2CvDaOriy3TJItMeYa64UoUn6XimbwTzFzSChboQT47+FzdI4BzkIN+J4RnUTR6+61oKGl4fmwqL/14ElksZ6nLFTJZvTse7S2o5sr77Irc8FZWIq8sNtKSyFjzrLRhm9TeczZP3qZpsKDag9NmvXheGw9Rhq5KBQGqTGQOpyntfKbW+I5mmypSDLJMLng+3Dbc2S1tT3YSkatSZliDBZI7IkOg8M+aoMePrUlHoh2wA4SQ0FjAezRD8qUx/9RyJfBRyJXIBVeXcIuL8/B48Ljg9A2yifGneV5z7yy3e2MG2PxJ5/8DJnXvbvcg/f4LS4em7l3ITNAul3Vb1zW31FOQ2AQuesRp9HS3Hb1QewghO7VoBgKsuW7D+GJxEVLlghaEeg5xITNLsFgl80WqyK0+Thh6wp9lqJL3xa+9SaHfzdjS98UvlnK/8fNLwtf5mJC39mU5pSK5gq0FR1s58Q/vgm7N0/oRDttJz2fiq7qahHBRe8Sf9dBj4xbLYnNjA2NNcXKSuWKKqtCR0BtEzZXBse2LYyWn6IZfwo9QjVtD0rYtCAmn1Yw+A48OtForoERn0LTW9FstK3Ctjq18bPzc+pq031zR0TmjvvwkL8dQH/joGe/+3dEmV1rN6cv5BpXuVSNlQARwEnozM7WlesDTGd2Jr/oY13nDs5A6bQ/3uNRlyf8GkPiRt5+0uufFzbF9Nh3bmT8w9+PtzFctj1V4ksAwA2uJfsdYmCaVmGq2Jc+mWRMOSCf59Jbx1/QJxTkGUbPn3xHPPALBa3+vMIHLZWUZRQoC0ANvGcf/dTxGZR5JjLpIM1Z2rwQkjeEuUv8eU7dza8gz9rAHPA4IGF24o0a0EYCKfgkn2v3mpbkz36ft8bFBtqowQkS+QT08g/0SAcwqxLi8lt/rqcMS+lL3D7CIDLXkQtARWuo2Md+jVlB+82uB350MCJfcmHhQV+VkMJP0bd2uo6R61T0Mkb9jzFianPuJCoAY3tlMTx5iufoH7RoVDsYrkdrUaVt9IQrsq7fDz3IzQHDEwoys3xE0UH/onNBdS0ln6bhRwLkhIK+/IA3QsAvqcCnzUH7tWICTrnGnm6FaH2kaq4IJxAYkwAA+vOCsWRbsKo8RjAcxziurmI8bniYgJE8TMTKKu6yZ7uI3bjlC3ZHLAYmE1UZphDUf5iGMySYwX1grXtwGY2Ah0zuAFABACP4lmEcmn8wXri7mICfSEykST13Idsh7IaRR9gdqQiYLKN8MUVSzcA0ofUKM3iOxOfjgTLemRDMFq9Nq9Y4IB8O/KEPIZlXkDBxprSRlRaVVziDNaL2Yi/hpQ+10YUKA4yeCX7oYeaXEd6s3OSy/XMsSRXe/a/tdwhAhFHR2H5Jl8+BWEhbbJ1GIO4RNRu7vvNXOmkdwFeqnQapDdyvWE4ABoVOD7EszsWdqIpOpoFl5iFdwogHH9ufDdcQQxXNRCwYvhfdfDZBpGWXSTjGvu+4eGDwMyNGI0uc0R4FtU5B5Ur0ghI4dCqpw/I5dDxHni0ATdkjLXZ/BFETd6hxyuSe52YjgvZw5LsePGmdHHV7NGc2+MvRu49QWkWv4k4NFH36vkUlRLA4TmoE5pxPcT0YIEe5gb9m44Q7KXDRTs7O2GXLLjdhsVwEpSE++HyepWuEQ2Yil9j+tES27O0wnO4mHdlsGfCt5y1SMw59/Kw4AAAwvFKwJMqYwVR5uHLjPgCoNSoaOgYPnrx4D97ysaaXMoIff3wBBALF00mgl8igaMjKf2BwsMFU0wxa7KFus/XZZmPw0OuyKRaEgBBhVlxghp9djyts985b76330hGbXXTLVddcihvijpAQMkJBqLDPfocc9osDDvrVZD+ZboffDDkRGswMHWEgHogn4oV4Iz6IL8JEWAgb4SBchIeMQPxcOxprNRq9Ztma1Dsx2BZiCzs5yv2hk9avfByfqe6l5R3tE13/MCGaYPf2WmdFqSdyOagn3FCd7H63yDA+ba9bU2PlR7i96yhIAw7pJLuPRKRn1ggGsQGwDAAAA/rFAN4ZwEg3AJYBAGBAvyjAO6koVu0c1VwTHBoF) format("woff2");
    unicode-range: u -9
}

@font-face {
    font-family: D-DIN Pro;
    font-weight: 600;
    src: url(data:font/woff2;base64,d09GMgABAAAAABc8AA8AAAAANLwAABbeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bgSwcg2QGYACEABEICsgss3gLgXgAATYCJAODbAQgBYlgB4QfG44oo6KiVQmyvzyIB8xpUgNaWiWllLu54RWL7uq058vdUhqau9yQ98w7XXNaZr81GCHJ7A/8NnufCkGwghJQ0mowG+wJCOL/iPZCZ66cTleRl4t0V6lL7xbREsXvh87e+wHykazQJSoFdEAKCIWqERW2RlWKCke3/Npvr2715KsKoolSrd2RIWSPJLGsMrhNpEG6aEsWKnit2xDTi8eH9PuV7nVXMu6TAliUqdIUBO2d9tvnfJnlmV80CZ9auw2UTKUBWNJMqjBYuu2C+xkFRqEcCU7tbJtxMvb/t1ZppwYOiOvA3Qp3xwqFBn6+uupvZ6trevhduq+PuBcIeijMGlXiBg6IbQBARUZGJ0LlRZjRMihM/OU7R0JN33VUjFD53u1evPqbpbpQtUo1wWt4cL5wUQCAAICx6yufAQDcvJm7Z3O2CAAGABcAOIgipfAIISC5UBq1OLhzF7KKwOH1g9Z68EAA9qTpoTby6klzPVBAYygCnEACnkMIEnngEZMLEiESmQiPfrRyvHH85/h3zzgiF4O7brk7uKdtePXz3LJyOXPhyn2DJy+ciyZZ0FnkIdlA6RALMeX7kx48qGsF8eP6Bjso/9yEnxVC3rbZmyHqY2udETSf2hpbIEUsXoS0DwDCGiqe6eORsbnhkVKLoLlWjThnmBA26oo09Ry4njg/KRHe6XugYaDj8yUmIheglhXiOD1BvkiEApD1o4oIQcTmwoeYEk4jG7wUTergxWtmh6fRoh5OqwY4CC5XAAg5HBoeHBIH6fA4nKU1hStb3ozDy43jxAWfgcNAI+KFYuA51SQVpaUSBwtPWzKEkNO1h4hQAzIAIPMzhNwVFDUAbolIwONweByhBzScAqABAACA7Ms5ubABb12Aj58oph+znVgDQAAA8qcOAeDBgwBUSQf4sBFIty/BdS6+804RkGgYdNnpKyf9420W1cW6OvB4Gk/MU/OieHv4gokJAOAp12GD3b65y3qhRgfg53lcZ+Rv5cT/PdL7e7iHel63tf7/899c8PkGALh5eNN34+pGGiBmgmO2Vo9Y1nwFAAqV5JUqU552fhUqTQJQxcAIwKSaOb2CBSCzkH1XpGgwLdRDAH4ikshPHeQnEfLLiZfGFwiht+ZE22KJ1B+WKmBHroDUpmN1YKg5EaKPMG1YA8eB4DNUFn6VDyIhB0RctCgBAKDsVpWhojIbAAB9VgtQfW6SsQYmz70eA/nXklHeBqSbaUcHelP3O0D7DZjbFz+WDUQjcPNVxyPCQyLhDir+WhaCXUvzcDgPecNVUYkEDATBfUH+LZfcbAi67NrO5NhxuyAyzc7Ai+BPpXLYBEe2jMkiMB04jJREDA6ZH83y92CTA7KAOyvKyX1RIaFghUKgzDmyPKmAQBDT/DwprgSC5sFmZxcpKT8swYVM5VAIDDaDIIgkuHKInJC7OhNP3krfSgQRg0Fg8Mg5MTk/IEG61mgWYDiFGBaSkFeTBVGYHDaZcDPrqyXYl4nM2hUiA8YqdXQxyEmIjhBBRmJEg+6M7jA0TdqdTjYBXjM+IeEytzvDMye0Tr+rk6zlqTqDFrI7UylTRMXMKyGPA05dfCMWrC5kk98sef5DZl9APuaJzD0PZVFhyQUkcQCuNzCk5zUp946mV15cz7Atdm3HE1dktMta/jIuVZ9vuHNeXg6sWnNao0293pmR9iTPPR3lsldq3o/aYFUhiVOp/cpVe4r9yT54XTEVrVhn5QwF+CKpljVRyyC1xpqEhI0Dg0BCwmJNiCzi2ArDSgqXf1uswCNf+bw3I90FS+7KEUcJqaJJmk02FyX8i6VAwvn3NnnzVkDey8wwNEWsuywg/x2hb3gBAg+2r3O8Rw53gLw8tWTODsjnbSObwhE71PBBLoxx+dbjWVINRcYU0akLWZwhEVtNteXkT02ud/wyXTuWkBP/SkHyFKykEcdkR311YvoLd67aak36UfFPpmiCjqyp/fkuF2JWtOWdWLgIyy/nmrZdQmOH7UIegXInQ1K+crIPfHIJWuKNZJswavLZh9Flo73dPdTLoj+Nfo7JcQ91c5/masPPN/+WlbX19pY/n87gc/kDHkblAJAYBv36KsM3r7oh5LRIDOQ100gqVqmWq/hLs8YRy3NkEvI4HXglJNUoUpTKXimZ9ck0KEqlbkHGv327Nebxp0mKbfeJIZUmkLSiR+pYdEYLjp5JZ00ceiKOG5LAfpZjM4KfRIV7U9ImGebAFG6Ag0ot6AwTcqfSCqv2JdSGiASdiCkE+cXsEiOOXTSryksc7nvtykMmXOjhuLjZGjkjm0hNMfGzbeaK8G+3Q0eW3zJtROIuZETNM+XALNNhNLcVVFRn4Z2alQy5FPSN2mARhsySwNaJPHFpkAkEEsyHorGobxlpmUS/s4aHMXaNbG4237YDfOT/24VVSxQsjE50yOlaEl2iZlj7RojA7s7xVEJoDW6ulaVZcYflTC602ItzxALUenu1KM5InE1Zx2etI/9n4raA5BA8016jnJV1DS3NF+13iaQf58xMd4Psb9XfZ+fsbG8T6awXrN0xhXMhVlgHdbErblisZLn3srGUqFGS4i4m4SirV/cnI8qVUvdQLcdnKydvGz674Pn49BVppzihBCOP3DpbtmH16U/DFCOHOwc4jYhjN1m69nn2NZXpimw6TVxPiYBjSh9LhftAbaxiMw031eFKurtJ2b3CAJxoEwJF1oAyUsBBPnPJeeuiUN098oUm4QfcFUlh2AwtLW668NBeo90irdJyL8F7Lp/hbUUgoXFsDatlTdimhhNEzaZvdDDYtyfg9Erq7KO5aocrZSLjeXtT0mKpR8yEMZTrnfyxEA0WFKh5dikxp1vs4cFvMO0I1y+rtfyFTKLu/U65WXZm26lfmqSWn8eKSzsVvVbt0Co/ZcZ+DSNXUNvPjONwQxIjilRhJEFDGKlsVC9IZwZemt4HbjiST3pb1z/YE6118VqZpmPNhmwBMOpihVQS1POCLOOqX6vWTSDWeoFUdhPdPoRPUj6Q1IReAj34wAUN53WEILvJ65FmYTkUfX16fFc0QCq/6+Ts655bnZZL0zPhgT8uexI0ExRwk5YMmZaPqyd53R2Q5w/I2whGAvZQfSZz7A/WkfWYJJBQBkJY5XzdbCSha9VuvkBQ5PhUH+fKpWw+gxo/TQHzMtu4MtVGxLuFB1m2e+fVbJK5MCPbLUij2ehE7tGxo9h8fgoftu2fxHLu6h6d1TsLBo5jDpg3E5UdYFxqqPa6amFh7CfKNVQ4NBZWVXn8aCab0WbRiqoMe98FI74oRpiZvaZQ/2JNMr3cVJZAH/JHLHZGx1rS10ls62Be/h/TH+pMRVfSnXA1dshZtg/Jcvi7Xvhf+9vld9tf968OPensH4CsqYUwITV/MDsgIzk9wD1nsMDNKyNdsks5P0OcMV/ZJx+WwsNyXvjAqN3f/9PGi9Is8aLaChU9ZaKytuQJffzgLZeXmSX/3U8wGl7iTNTFSX7+V5E4IpKmPvmcknrtRlLITysMxsHEsqyEgoZlv9Fk6Kqv5CVWsU+DnGRfV+2tVVm4i48dNy/809Pr2dOgiWeCORSITZe7L1fF1Hu2upmtKCp5To7FjNDSPvlqrXTJ3m3R9qrukTu3uy4bY1DwnchwZwRIk9P8C3WFGf7iFJCdT5zstVJdaVMORGnbtmGL/39goBA1STEw+kVj0bCB2zOzB2Z514z/XwOK/9rMUy5Yprayn49Um6dNaWTqNQqVMraq+FlxVaxSpdDowdvQZzaPNWZMLgHOwumBrAB9TVayXiVuDChG0dKoE2NoR6ij+s0dxsGJF+hsHRi4TTpRE19yRaZA56o9glbtUkRg4dLncidZTapUoksRi+rFOq2grLgwSe8SsTMg7rbiYJxb5cCO8jIY4jbNwZf99a7153v93zZ9m4llgslRW8Cv95QmBsvkMyO10RlpAT45PbOqNzXbyOvcmKLKe3fNmcaI1IpyWNicXilI3H/w3v3oqvZ+k8Bvxyh3W+7UQa++ZBfdmVchriWDq0IEQWtWyeTtq4LhMLf1/wY2NqcUFuHfr98f6x59UnnH+H5OpFP4QMfIaERkeXBHe7hT+FyPvLMJ30e5x4VWvadmokW/Be4eVMiKA93Va3bLFYO7A5lyf7RY7DfVGuAsvSH2uyGFoSX9JoF427/OW3OnDhS9U4+2VFRrH9+9bs0q/arBIAGayrAhtmdmT/dfMwfYJ0KnSrHzMPa8xQHrTqHl6GEdjMUesx076o8dw0DUdfAd0mVS4E7C8kd+7bWLQtN6Z7a6SoNDpPJCaSPOVoOvKLZaC/3XX4rIfR2b45TTRD5ogKemWXy0uvpoS1JLUIm6tDywXN3UWKEWspDt16MpEb1zN1tNiBn/bXpImH5bW0VeZdu2ogA2+x82Gir89Ymz19/0xMQypUAzrhXu0wrHBRplaapekMDXvNIISzQPpy8UV7xNYK3LzJ4VISOL060FoTxxBgoTQ7N5euyc4RxY1S04fWjw4cP0cI9i7Q3pCbF+960OrnY8L3sOLZKmtVuGYDBlPP6kcM8vv6O//7JH+HX8+M2YFEs4O1THPRz3qfvh2ILHMSe4ulB2uCUlBn6ssVXZoBJ36gAnYh4vGHvY/Snu8N2um+PxX+fiPHnrwf1y+O8bm8/R2ScYQ3mBnfsz1F4D6IbpF47QHU+osLwg7LRN6Qkn+vtm93V/zXozqf/bAUuJJAlmVbaBTuyOueWJHqeQjCZzksP6u9Za693uFJbJZEghPRbluWO/N8XHHHTLjlofFwP89DVL+/zQBCxhRUm5NS/jczK5vDHO6WnY0//9Ng9igwbxPFnYm7pZsGGQGRfPTEtLz0pN/S02/tfUtPSM9FRGXCwjPTUjIzXt9/bf0tIyMv1DzfFaU7y2/ycBXneGPYeNjRtNXe2iaaLODaYG45DnkGFoddPqYfixwdZvIx2uGrANwJR5ocQae3Soo0jIBoEocdaTbFZ1Qm7swfj/mo4mhmYYK3NK9hOJk+zqK2Iea4InCtI9yWRVawriTjL+bDqnD89WKnKLCV8MN7KsJSp1SWpeMVxTtHa1hnV2fRLAVXaBSlGoKPiXSEFmrUD5p9ucL1fp14XqbIoiZZEipak3nN/hwDi0sSD/9CGGw37I6fyCjbc4+Vh22ZX7mRnLjiW5V7h6f/HhiQX80NQwvkDMZ33xcqtwT7qwLD3z/hV42lyLdX3mvZinIfZDdUBYeuKRfXamZTvs6Yr90TH7Dzx4OPXKgwP7Y6Ln9+WVqQ8f+K6O1+v+0emTvvlZJP7e17+YXCL/nCr1lHieKxkTpL6MlrK/vLQJuKg7rYhRRHOH+ZHyGjmUfffz7J+vJSeWl/eXlycmb/AVBvt4Bwt9eWkXb5/HgqjOwSqeZvn3u33n/swsBoU74cCa0u7siwmjzYnxsQWFkXSf3SvKC5t7qjm5EH5UG+1r9mHP6RfNXenCdNFx/Q3+7P4BRxqnfQrL0TqF7WPxjUrQtqcnR9KEdGzXoy5vf0Zsmy4+Fp5Jmnq3DMGmgyHt/bIAXVClXVjnuf2fBJWSs7numzp4+3lIpwxXaQ6fz6pM/7fZRg2m2mDD5Z6ZPcDe2Zw9YgWoFuriDSP2pLQwCGvmJeVjTlbRB8XQ3S+HHI0qpp8OOrEfDi/0TUZhR0BD5gmbSVItybRn+pnElUCclUMo2PtBM6qU0vsPn+LGZgAvHUc3sj4PczkPcUiP5PZ7z+2d1YujSv74jfpQkq3xCG+KkK2a9vd9bHubu2SlRJbo1oSrq3lRqS8Mhpj5qantrZK2cnTw9kOaDvilKTAmkBvDhbLfdmHHMJ/WAYW3DKRa3ys/lKhTC6wmdjNTN3l5TggW6vPDj3pHe411sjqTWWJZnqvGYLt3Y2x+XH5j//FMeD8ztk+y02iEwMjGvkbYGXVTqbo5oQ68gbfp841ANaue5ejlyHIY6PfqHwB0ui0q051LdHmfyeuj0pfUL55mDHIiHtnX0mLUkplLs7aD0UK6cXJg3VtSnPNvtHjqbBy5KI52xG8EG4HQfDGKocBb//ghNABrR6HwTfDPPc+E7UjAR3KvBaeE9yFJ/O4m5xXoildeDVPDPwewFS+9XMG/wbpnnu0Swsyfpk2dtnzq8v72fgePTnzYDHSdacukR273G5t5ur98kbxpRk2sTGPjSAy9wmBtrXeMMYYXY8AfJ0t2qMZWqjpnsuZvD1KGTWoJ4//BqTrF+5pt2Okb21cVXkytsCGmW/W6OuCeT6ts1lXrWsxxKzpUXPu45nHxIcOp6FnJMbNPg4mxZitzN/GzsT7c7X+sy700pRXU/NAoz1rzenqLxZXCB3zTfJ/d5Uc+fNUCwHBmP2P6xcVePYombi9z7TQgnMnF1819MzBqh5kbCX7U7kuHg6pYMa8pdPy9D8tPMJHfSVPDwCAocATwgaJ/mmXYCpr/mM7sqBL5O3U0OP2nwhMC/EwgZgRjxIFL6UjsOeo8kFBN90zDKwA/4HN1dOb0+/HymDLpfPInSZ7yz0seuUX8ydbcz6ngwK6lASWXIW32Yo1akkggJp+zl4CkANwy0o/yiiVFJFGBKUVpXhec/C2lO4JZFqpc6Ifn9Qkx91NjIxSUud6fC0CEMVjuzT7mrGblFdVySTxwjzV7Cg/hZRHDRuFX1ruO9E5yZzOGVL8gjWjgZi/PAogFfVm/v6NmBugMGhyLgYlCNA/luxonX5iN/WhoqbhkGJoQ4Nn5w4oF4YfNPyprBf40i0skE591oqXzAc4IBqekcsEkY35GsrDjxRxoI6S2h6tFRjiBwFqNme4VPQFsCFJzwAiOkxiH4CrG8443JuDEiIncso2TNNdtTEEpGqYili+m86smzCCoa9iBxwjDbNRhOb4jyuiFh0xUADADwAiRlRiH4neMF2UcE4gSjYnUaeUkcp3EFOy8w1S04mK6jPLDDEm1HDsIGYDZOCP/6h2xR4NEDRpN0wxlVasVz048QdTBHh6TaQlKnNLEolmKjlIeda26zsojEy0hbhFkeaPJLMyUwJcmsJP3S+fXSZxmsjSnWNB/zpJkeFr+9357AJIocGfT5VDIUyAXTyELO1SCBnXMIGkvKT1HkVeQyyu02NFvgWSBARybgZTU86LRsuXKQbTonGeiUAJ/w0v6CQhvdCGdFe1A3uJNQi8YvQXqH1+PV72iKZJpZere1o4KPtFQmWIpydpMtPWog8pvvi49UBccbutGrR1vmOU/oMcAqA0XbdQiisoJa9X21GpjSl5/tQZ2quyiqSZh8BftlLCirbVtJs8wuVSvCmMLpYkpc4sSV+MyRQ0PqeRxlcUV4OiWLGHgPceYoP/qxslbVGaFGa2XC8nuGC2qFVk0doSyfnid8AbPrVZurhRZmUqc/TeLGC1ona/di+amZAG7jVlqvl4a1UYQZ7bYiTWCROjwtyqDjILqI3Q8JgcsbI44uJz8u7xu3Wvx5sMXD5+AUJx4GloJEk3yavkPDA42m2mW7yxzz2zDBu20JXgYMGaGxSEgRBgKCfqddT1k2OW1V97Y5JkTtvnXuKuuGQ0FoSI0hI4wECYcctgxx51zxFHn9Tljjt0u+N7JOMC8sBA24ohwEC7ihDgjLogr4oa4Ix6IJ+KFeCM+5La3qFqtVW+cST0TglzBrtD7R1J/u9Jwy6/6aVKNj9pauyz9TYLVQdTWF3XmmBrRDGgJ38tOof7kZPoZtu2UhreWYaj1W1PQfBJZV6F+WpHt4GLq50aBbSkwAGB7BmwAQD8NR4FtKTAAYHsGdECMatbX0xprg0IiAQA=) format("woff2");
    unicode-range: u -9
}

@font-face {
    font-family: "text-security";
    src: url(data:font/woff2;base64,d09GMgABAAAAAAjoAAsAAAAAMGgAAAidAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgDWYgpQdQE2AiQDCAsGAAQgBYUOBy4bvi8lYxtWw7BxAPB87x5FmeAMlf3/96RzDN74RcXUcjTKmrJ3T2VDSShiPhfiIJxxS7DiLkHFfQV33CM4427mAred74pWur/J3dyVsKy7coREA8fzvPvpfUk+tB3R8YTCzE0SCLepejmJ2u1yqp+kC7W4Rc/tDTs3GpNJ8ttRPOSTPhsXlwbi4kVYWQmAcXmlrqYHMMsBwP/zHMz7fkF1gijOKuFQIxjwlGa2lkARhYaBxFHT54IOgBMQADi3LipIMAA3geO41EUkBTCO2gkxnOwnKYBx1E6p5WS+QUCMq50rNch6MwUCAAiAcdgttYVSIfPJ5kn6ApRFQ6I88BxLvvIC/maHUHS3TIoKiwLbbM8nEFWgE1oDz3woSxpagWbBXcQWhKtPeIlg6tK+7vX57QOszwU3sGUJrA7h2Mx1IWCNr9BKxsYo+pzS/OCO0OG9mwBkx337+lcuSxRdBcc+fJxlcAjK/zCfdgtBzuxQcTqfY4Yn6EB/Az3JS/RMu5f6B8wrn55S0IxdlLn+4Yb/ctIT+ocWYPcGAOvxSjEjpSiVMqSgFWVjzpCCXjAIRirTABpEQ2gYjaBRNIbG0QSaRFNoGs2gWTSH5tECWkRLaBmtoFW0htbRBtpEW2gb7aBdtIf20QE6REdFDlkZEh2jE3SKztA5ukCX6Apdoxt0i+7QPXpAj+gJPaMX9Ire0Dv6QJ/oC/qKvqHv6Af6iX6h3+gP+ov+of+I+ECMxETMiDmxIJbEilgTG2JL7Ig9cSCOxIk4ExfiStyIO/EgnsSLeBMf4kv8iD/taQANoiE0jEbQKBpD42gCTaIpNI1m0CyaQ/NoAS2iJbSMVtAqWkPraANtoi20jXbQLtpD++gAHaIjdIxO0Ck6Q+foAl2iK3SNbtAtukP36AE9oif0jF7QK3pD79B79AF9RJ/QZ/QFfUXf0Hf0A/1Ev9Bv9Af9Rf/Qf9DQABpEQ2gYjaBRNIbG0QSaRFNoGs2gWTSH5tECWkRLaBmtoFW0htbRBtpEW2gb7aBdtIf20QE6REfoGJ2gU3SGztEFukRX6BrdoFt0h+7RA3pET+gZvaBX9Aa9Re/Qe/QBfUSf0Gf0BX1F39B39AP9RL/Qb/QH/UX/0P8l9vq9gXwDIUCliyAhRAgTIoQoIUaIExKEJCFFSBMyhCwhR8gTCoQioUQoEyqEKqFGqBMahCahRWgTOoQuoUfoEwaEIWFEGBMmhClhRpgTFoQlYUVYEzaELWFH2BMOhGPCCeGUcEY4J1wQLglXhGvCDeGWcEe4JzwQHglPhGfCC+GV8EZ4J3wQPglfhG/CD+GX8Ef4p9sdgoQQIUyIEKKEGCFOSBCShBQhTcgQsoQcIU8oEIqEEqFMqBCqhBqhTmgkNBGaCS2EVkIboZ3QQegkdBG6CT2EXkIfoZ8wQBgkDBGGCSOEUcIYYZwwQZgkTBGmCTOEWcIcYZ6wQFgkLBGWCSuEVcIaYZ2wQdgkbBG2CTuEXcIeYZ9wQDgkHBGOCSeEU8IZ4ZxwQbgkXBGuCTeEW8Id4Z7wQHgkPBGeCS+EV8Ib4Z3wQfgkfBG+CT+EX8If4Z8AZpAQIoQJEUKUECPECQlCkpAipAkZQpaQI+QJBUKRUCKUCRVClVAj1AkNQpPQIrQJHUKX0CP0CQPCkDAijAkTwpQwI8wJC8KSsCKsCRvClrAj7AkHwpFwIpwJF8IV4ZpwQ7gl3BHuCQ+ER8IT4ZnwQnglvBHeCR+ET8IX4ZvwQ/gl/BH+lzv+AmMkTYAmSBOiCdNEaKI0MZo4TYImSZOiSdNkaLI0OZo8TYGmSFOiKdNUaKo0NZo6TYOmSdOiadN0aLo0PZo+zYBmSDOiGdNMaKY0M5o5zYJmSbOiWdNsaLY0O5o9zYHmmOaE5pTmjOac5oLmkuaK5prmhuaW5o7mnuaB5pHmieaZ5oXmleaN5p3mg+aT5ovmm+aH5pfmj2ZRAqCCoEKgwqAioKKgYqDioBKgkqBSoNKgMqCyoHKg8qAKoIqgSqDKoCqgqqBqoOqgGkE1gWoG1QKqFVQbqHZQHaA6QXWB6gbVA6oXVB+oflADoAZBDYH+uxaEWDBiIYiFIhaGWDhiEYhFIhaFWDRiMYjFIhaHWDxiCYglIpaEWDJiKYilIpaGWDpiGYhlIpaFWDZiOYjlIpaHWD5iBYgVIlaEWDFiJYiVIlaGWDliFYhVIlaFWDViNYjVIlaHWD1iDYg1ItaEWDNiLYi1ItaGWDtiHYh1ItaFWDdiPYj1ItaHWD9iA4gNIjaE2DBiI4iNIjaG2DhiE4hNIjaF2DRiM4jNIjaH2DxiC4gtIraE2DJiK4itIraG2DpiG4htIraF2DZiO4jtIraH2D5iB4gdInaE2DFiJ4idInaG2DliF4hdInaF2DViN4jdInaH2D1iD4g9IvaE2DNiL4i9IvaG2DvE3iP2AbGPiH1C7DNiXxD7itg3xL4j9gOxn4j9Quw3Yn8Q+4vYP8T+M6cIDBz9EXfeUHR1JyygPL/++I3R1cRvdDr+E12Jfh3Q0EN/fHn2mXptpJxUkIqu/Cs2egM33OjSLcT33I82+B9nP37X/c0W52623s45CYCo03QIBCVrAFAycnSYSqvO4YJt/NP73YqA/giNZhJ6sBbmql+0SQZaxNOZudJbc2nqxNvpM+veq7Sz2LUgFEu+VLs+Ay3yp7MVertp6i23v2Rmv5gmHDhSQ6t5GmTaqTsqhpWwmbOk3uKJrNOmwSSMC17jghqygilDOUU3KlLmHHNrajw3DVNVGWytGZDisM/cbkdRnvfIUJkaGJlgAYcoQ5bGptTmGc1R7pBC3XhFsLXnXR54qrMc+dGNBkqE4laBi4KmZYGom8vIy0lTyBkppBjLoTndMmrofIRORirsNlCbXzCgulmo36KztS2iV8rrNoRUL5VdkMSGoSXroC1KOQAA) format("woff2")
}

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 1em;
    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-decoration: none;
    color: #777;
    border: 1px solid #ddd;
    background: #fefefe
}

.kui-btn:hover,.kui-btn:focus {
    text-decoration: none
}

.kui-btn:hover,.kui-btn.context-menu-active,.kui-btn.target-show-view-open {
    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-simple {
    border-width: .5px;
    padding: .3em .6em;
    box-shadow: none;
    text-shadow: none
}

.kui-btn.icon-text:before {
    vertical-align: middle;
    padding-right: .2em;
    opacity: .8
}

.kui-btn.kui-btn-link {
    padding: .4em 4px;
    color: #1890ff;
    margin-right: 1em;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background: none
}

.kui-btn.kui-btn-link:hover {
    background: #1890ff30
}

.kui-btn.btn-lg {
    padding: 1em 1.2em
}

.kui-btn.btn-sm {
    padding: .3em .5em
}

.kui-btn.btn-xs {
    padding: .2em .4em
}

.kui-btn.font-icon {
    border-width: .7px;
    text-shadow: none;
    width: auto;
    font-size: 1em;
    padding: .6em .8em
}

.kui-btn.font-icon:before {
    font-size: 1.2em;
    opacity: .8;
    vertical-align: middle;
    position: relative;
    padding: 0;
    width: 1.5em;
    text-align: center;
    display: inline-block
}

.kui-btn-default,.kui-btn-blue {
    color: #fff;
    border: 1px solid #007cee;
    background: #1890ff
}

.kui-btn-default:hover,.kui-btn-blue:hover,.kui-btn-default.context-menu-active,.kui-btn-blue.context-menu-active,.kui-btn-default.target-show-view-open,.kui-btn-blue.target-show-view-open {
    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,.kui-btn-success.context-menu-active,.kui-btn-green.context-menu-active,.kui-btn-success.target-show-view-open,.kui-btn-green.target-show-view-open {
    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,.kui-btn-error.context-menu-active,.kui-btn-red.context-menu-active,.kui-btn-error.target-show-view-open,.kui-btn-red.target-show-view-open {
    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,.kui-btn-warning.context-menu-active,.kui-btn-yellow.context-menu-active,.kui-btn-warning.target-show-view-open,.kui-btn-yellow.target-show-view-open {
    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,.kui-btn-normal.context-menu-active,.kui-btn-grey.context-menu-active,.kui-btn-normal.target-show-view-open,.kui-btn-grey.target-show-view-open {
    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)
}

.dark-mode .kui-btn.kui-btn-default,.dark-mode .kui-btn.kui-btn-blue {
    color: #fff;
    border: 1px solid #007cee;
    background: #1890ff
}

.dark-mode .kui-btn.kui-btn-default:hover,.dark-mode .kui-btn.kui-btn-blue:hover,.dark-mode .kui-btn.kui-btn-default.context-menu-active,.dark-mode .kui-btn.kui-btn-blue.context-menu-active,.dark-mode .kui-btn.kui-btn-default.target-show-view-open,.dark-mode .kui-btn.kui-btn-blue.target-show-view-open {
    background: #007cee;
    border-color: #0069cb;
    color: #fff
}

.dark-mode .kui-btn.kui-btn-default:active,.dark-mode .kui-btn.kui-btn-blue:active,.dark-mode .kui-btn.kui-btn-default:focus,.dark-mode .kui-btn.kui-btn-blue:focus {
    background: #0069cb;
    border-color: #005cb1;
    box-shadow: 0 0 0 .2em rgba(24,144,255,0.2)
}

.dark-mode .kui-btn.kui-btn-success,.dark-mode .kui-btn.kui-btn-green {
    color: #fff;
    border: 1px solid #529d2e;
    background: #63bd37
}

.dark-mode .kui-btn.kui-btn-success:hover,.dark-mode .kui-btn.kui-btn-green:hover,.dark-mode .kui-btn.kui-btn-success.context-menu-active,.dark-mode .kui-btn.kui-btn-green.context-menu-active,.dark-mode .kui-btn.kui-btn-success.target-show-view-open,.dark-mode .kui-btn.kui-btn-green.target-show-view-open {
    background: #529d2e;
    border-color: #448226;
    color: #fff
}

.dark-mode .kui-btn.kui-btn-success:active,.dark-mode .kui-btn.kui-btn-green:active,.dark-mode .kui-btn.kui-btn-success:focus,.dark-mode .kui-btn.kui-btn-green:focus {
    background: #448226;
    border-color: #3a6e20;
    box-shadow: 0 0 0 .2em rgba(99,189,55,0.2)
}

.dark-mode .kui-btn.kui-btn-error,.dark-mode .kui-btn.kui-btn-red {
    color: #fff;
    border: 1px solid #ff2427;
    background: #ff4d4f
}

.dark-mode .kui-btn.kui-btn-error:hover,.dark-mode .kui-btn.kui-btn-red:hover,.dark-mode .kui-btn.kui-btn-error.context-menu-active,.dark-mode .kui-btn.kui-btn-red.context-menu-active,.dark-mode .kui-btn.kui-btn-error.target-show-view-open,.dark-mode .kui-btn.kui-btn-red.target-show-view-open {
    background: #ff2427;
    border-color: #ff0003;
    color: #fff
}

.dark-mode .kui-btn.kui-btn-error:active,.dark-mode .kui-btn.kui-btn-red:active,.dark-mode .kui-btn.kui-btn-error:focus,.dark-mode .kui-btn.kui-btn-red:focus {
    background: #ff0003;
    border-color: #e60003;
    box-shadow: 0 0 0 .2em rgba(255,77,79,0.2)
}

.dark-mode .kui-btn.kui-btn-warning,.dark-mode .kui-btn.kui-btn-yellow {
    color: #fff;
    border: 1px solid #e09705;
    background: #faad14
}

.dark-mode .kui-btn.kui-btn-warning:hover,.dark-mode .kui-btn.kui-btn-yellow:hover,.dark-mode .kui-btn.kui-btn-warning.context-menu-active,.dark-mode .kui-btn.kui-btn-yellow.context-menu-active,.dark-mode .kui-btn.kui-btn-warning.target-show-view-open,.dark-mode .kui-btn.kui-btn-yellow.target-show-view-open {
    background: #e09705;
    border-color: #bd7f04;
    color: #fff
}

.dark-mode .kui-btn.kui-btn-warning:active,.dark-mode .kui-btn.kui-btn-yellow:active,.dark-mode .kui-btn.kui-btn-warning:focus,.dark-mode .kui-btn.kui-btn-yellow:focus {
    background: #bd7f04;
    border-color: #a46f04;
    box-shadow: 0 0 0 .2em rgba(250,173,20,0.2)
}

.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.disable:hover,.btn-group>.btn.btn-default.disable:hover,.btn-group-sm>.btn.btn-default.disable:hover {
    background: transparent;
    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;
    font-size: 1.4em;
    padding-right: 3px;
    vertical-align: top
}

.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
}

.font-family-markdown {
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.font-family-code {
    font-family: Menlo,Consolas,source-code-pro,Monaco,'Liberation Mono','Ubuntu Mono',monospace,'Microsoft Yahei','微软雅黑','Lantinghei SC',Courier,'Helvetica',STXihei,WenQuanYi,sans-serif
}

.font-family-thin {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.font-family-number {
    font-family: "D-DIN Pro","Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.font-family-password {
    -webkit-text-security: disc !important;
    font-family: "text-security" !important
}

input.input-password[type="text"] {
    -webkit-text-security: disc !important;
    font-family: "text-security" !important;
    padding-right: 2.5em
}

input.input-password[type="text"].input-password-show {
    -webkit-text-security: inherit !important;
    font-family: inherit !important
}

input.input-password[type="text"]::placeholder {
    font-family: initial !important
}

@keyframes dropdownMenuShow {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }

    1% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.dropdown-animate {
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s
}

.dropdown-menu.dropdown-menu-animate,.dropdown-menu-common {
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s;
    border: none;
    border-radius: 4px;
    padding: 12px;
    min-width: 180px;
    box-sizing: border-box
}

.dropdown-menu.dropdown-menu-animate hr,.dropdown-menu-common hr {
    margin: 4px -15px 4px 0;
    border-width: .5px
}

.dropdown-menu.dropdown-menu-animate li>a,.dropdown-menu-common li>a {
    padding: 0 10px 0 5px;
    line-height: 30px;
    border-radius: 3px
}

.dropdown-menu.dropdown-menu-animate:before,.dropdown-menu-common:before,.dropdown-menu.dropdown-menu-animate:after,.dropdown-menu-common:after {
    display: none
}

body {
    font-size: 13px;
    color: #444;
    padding: 0px;
    margin: 0px;
    font-family: "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",'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",'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','微软雅黑','Lantinghei SC',Courier,'Helvetica',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 {
    color: inherit;
    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 {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: 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
}

.animate-disable-all,.animate-disable-all input,.animate-disable-all textarea,.animate-disable-all .ripple-item,.animate-disable-all .animated,.animate-disable-all .btn,.animate-disable-all .kui-btn,.animate-disable-all .aui-outer .aui-min,.animate-disable-all .aui-outer .aui-max,.animate-disable-all .aui-outer .aui-close,.animate-disable-all .tab-group-line .tab-item-bar,.animate-disable-all .context-menu-list,.animate-disable-all .context-menu-list .context-menu-item,.animate-disable-all .xdsoft_datetimepicker,.animate-disable-all .kod-user-group-select,.animate-disable-all .select2-container .select2-dropdown,.animate-disable-all .form-box .form-row label .input-item,.animate-disable-all .frame-main-explorer .bodymain,.animate-disable-all .frame-main-explorer .file-panel,.animate-disable-all .frame-main-explorer .frame-header .header-right .search-dropdown,.animate-disable-all .dropdown-menu-animate,.animate-disable-all .hover-animate-child,.animate-disable-all .hover-animate-item,.animate-disable-all .is-dragging-view .is-drag-list-item,.animate-disable-all .pop-animate,.animate-disable-all .pop-hover-view,.animate-disable-all .animate {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important
}

.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--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    z-index: 100;
    border-radius: 20px
}

.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;
    padding: 10px 8px;
    border: none;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s
}

.dropdown-menu .font-icon {
    display: inline-block;
    padding-right: .3em;
    vertical-align: text-bottom;
    line-height: 15px
}

.dropdown-menu li {
    border-radius: 4px
}

.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: initial;
    color: #666;
    padding: 5px 15px 5px 6px;
    line-height: 1.5em;
    display: block;
    white-space: nowrap;
    clear: both;
    text-decoration: none;
    border-radius: 4px;
    transition: all .2s
}

.dropdown-menu li>a .font-icon {
    opacity: .8
}

.dropdown-menu:before,.dropdown-menu:after {
    position: absolute;
    left: initial;
    right: 7px;
    top: -7px;
    content: '';
    display: inline-block;
    border-top: none
}

.dropdown-menu:before {
    border-left: 7px solid #00000000;
    border-right: 7px solid #00000000;
    border-bottom: 7px solid #CCC;
    border-bottom-color: #00000020;
    margin-right: -1px;
    margin-left: -1px
}

.dropdown-menu:after {
    border-left: 6px solid #00000000;
    border-right: 6px solid #00000000;
    border-bottom: 6px solid #FFF;
    margin-top: 1px
}

.dropdown-menu.menu-left,.dropdown-menu.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-menu.menu-left:before,.dropdown-menu.dropdown-menu-left:before,.dropdown-menu.menu-left:after,.dropdown-menu.dropdown-menu-left:after {
    left: 7px;
    right: auto
}

.dropdown-menu.menu-top {
    right: 0;
    left: auto;
    top: auto;
    bottom: 100%;
    margin-bottom: 5px
}

.dropdown-menu.menu-top:before,.dropdown-menu.menu-top:after {
    top: auto;
    bottom: -7px;
    border-bottom: none
}

.dropdown-menu.menu-top:before {
    border-top: 7px solid #CCC;
    border-top-color: #00000020
}

.dropdown-menu.menu-top:after {
    border-top: 6px solid #fff;
    margin-bottom: 1px
}

.dropdown-menu.menu-top.menu-left,.dropdown-menu.menu-top.dropdown-menu-left {
    left: 0;
    right: auto
}

.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 #e6e6e6;
    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: #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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-item-hidden,body div.file-continer .file.file-item-hidden {
    opacity: .6;
    filter: alpha(opacity=60)
}

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
    }

    body {
        visibility: hidden;
        display: none
    }
}

@-moz-document url-prefix() {
    body {
        scrollbar-width: thin;
        scrollbar-color: #66666680 #ffffff00
    }

    .dark-mode,.dark-mode body {
        scrollbar-color: #aaaaaa70 #ffffff00
    }
}

.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: #444;
    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: 40px;
    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.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
}

.artDialog .iframe-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.artDialog.aui-state-focus .iframe-mask {
    display: none
}

.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,.artDialog.dialog-simple .aui-outer .aui-max,.artDialog.dialog-simple .aui-outer .aui-close {
    color: #fff;
    text-shadow: 0 0 #fff,0 .5px #fff,0 0 2px #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 .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 #e6e6e6;
    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: #e6e6e6
}

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

.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))
}

.svg-icon {
    display: inline-block
}

.svg-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.artDialog .aui-title i.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
}

.artDialog .aui-title .svg-icon,.task-tab .tabs .tab .svg-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: text-bottom
}

.artDialog .aui-title .path-ico .picture.ico,.task-tab .tabs .tab .path-ico .picture.ico {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px
}

.artDialog .aui-title .x-item-icon.x-tag-label,.task-tab .tabs .tab .x-item-icon.x-tag-label {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: 0px
}

.artDialog .aui-title .path-ico {
    position: relative;
    top: 0px
}

.artDialog .aui-title .path-ico .font-icon.file-icon {
    top: 0
}

.artDialog .aui-title .path-ico .x-item-icon,.artDialog .aui-title .path-ico .svg-icon,.artDialog .aui-title .path-ico img {
    vertical-align: initial;
    top: 0;
    width: 18px;
    height: 18px;
    font-size: 18px
}

.artDialog .aui-title .path-ico .x-item-icon.x-upload {
    width: 16px;
    height: 16px
}

.artDialog .aui-title .path-ico .picture.ico {
    top: 2px
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico .x-item-icon.x-upload {
    width: 16px;
    height: 16px;
    vertical-align: super
}

.artDialog.dialog-max .aui-outer .aui-max:before {
    content: "\e7c0"
}

.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,.aui-outer .aui-max,.aui-outer .aui-close {
    -ms-transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    height: 30px;
    line-height: 30px;
    font-size: .8em;
    color: #000;
    text-shadow: 0 0 #222,0 0 2px #fff;
    content: "\e7b5";
    font-family: "kod-svg-font" !important
}

.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 {
    background-color: #88888830
}

.aui-outer .aui-min:before {
    content: "\e7bf"
}

.aui-outer .aui-max:before {
    content: "\e7c2"
}

.aui-outer .aui-close:before {
    content: "\e7b5"
}

.aui-outer .aui-close:active,.aui-outer .aui-close:hover {
    background-color: #e81123;
    color: #fff;
    text-shadow: 0 0 #fff,0 .5px #fff,0 0 2px #fff
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-succeed {
    background: none !important;
    border-radius: 100px;
    margin: 20px 5px 25px 35px;
    color: #fff;
    background-color: #13ce66 !important;
    text-align: center;
    line-height: 42px;
    font-size: 30px
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-succeed: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"
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-succeed:before {
    font-size: 1em
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-error {
    background: none !important;
    border-radius: 100px;
    margin: 20px 5px 25px 35px;
    color: #fff;
    background-color: #ff4949 !important;
    text-align: center;
    line-height: 42px;
    font-size: 30px
}

.aui-outer .aui-icon .aui-icon-bg.tips-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"
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-error:before {
    font-size: 1em
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-warning {
    background: none !important;
    border-radius: 100px;
    margin: 20px 5px 25px 35px;
    color: #f7ba29 !important;
    font-size: 56px;
    width: 56px;
    height: 56px;
    line-height: 45px
}

.aui-outer .aui-icon .aui-icon-bg.tips-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"
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-warning:before {
    font-size: 1em
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-question {
    background: none !important;
    border-radius: 100px;
    margin: 20px 5px 25px 35px;
    color: #fff;
    background-color: #50bfff !important;
    text-align: center;
    line-height: 42px;
    font-size: 30px
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-question:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f046"
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-question:before {
    font-size: 1em
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-info {
    background: none !important;
    border-radius: 100px;
    margin: 20px 5px 25px 35px;
    color: #50bfff !important;
    font-size: 56px;
    width: 56px;
    height: 56px;
    line-height: 45px
}

.aui-outer .aui-icon .aui-icon-bg.tips-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"
}

.aui-outer .aui-icon .aui-icon-bg.tips-icon-info:before {
    font-size: 1em
}

.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
}

.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::-webkit-scrollbar {
    width: 5px;
    height: 0;
    width: 0px
}

.context-menu-list::-webkit-scrollbar-thumb {
    border: none;
    background: transparent
}

.context-menu-list:hover::-webkit-scrollbar-thumb {
    background: #00000020
}

.context-menu-list .context-menu-item>.context-menu-list {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: .16s;
    -webkit-animation-duration: .16s
}

.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 #e6e6e6;
    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;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s;
    max-height: 80%;
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto
}

.context-menu-list .context-menu-item.context-menu-separator {
    border-bottom-width: .5px
}

.context-menu-list .context-menu-item.context-menu-separator:active {
    background: none
}

.context-menu-list.auto-scroll {
    max-height: 80%;
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto
}

.context-menu-list .context-menu-item>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.menu-auto-fit {
    top: 5px !important;
    background-color: #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 li.select-item:after {
    content: "";
    position: absolute;
    right: 5px;
    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";
    font-size: 20px
}

.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 .new-file-others .context-menu-item .font-icon,.context-menu-list.new-file-others .context-menu-item .font-icon,.context-menu-list.menu-toolbar-new-file-others .context-menu-item .font-icon {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.context-menu-list .context-menu-item {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    clear: both;
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px 0 20px;
    border: none;
    color: #444;
    -ms-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -moz-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s
}

.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 .svg-icon {
    font-size: 18px;
    width: 18px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
    top: 1px
}

.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
}

.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,.context-menu-list .line-bottom {
    overflow: visible
}

.context-menu-list .line-top:before,.context-menu-list .line-bottom:before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 2;
    left: 15px;
    right: -5px;
    border-bottom: 1px solid rgba(150,150,150,0.2)
}

.context-menu-list .line-top {
    margin-top: 10px
}

.context-menu-list .line-top:before {
    top: -5px
}

.context-menu-list .line-bottom {
    margin-bottom: 10px
}

.context-menu-list .line-bottom:before {
    bottom: -5px
}

.context-menu-list .context-menu-item.dialog-form .form-box.config-box .panel-form-body {
    background: none
}

.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
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.copy>.font-icon,body ul.context-menu-list .context-menu-item.copy>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.copy-to>.font-icon,body ul.context-menu-list .context-menu-item.copy-to>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.clone>.font-icon,body ul.context-menu-list .context-menu-item.clone>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcwNCAyNTZoNjguMDk2bDE0Ny4zOTIgMTU5LjA0YTMyIDMyIDAgMCAxIDguNTEyIDIxLjc2Vjg5NmEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJ2LTEyOEgxMjhhMzIgMzIgMCAwIDEtMzItMzJWMTI4YTMyIDMyIDAgMCAxIDMyLTMyaDU0NGEzMiAzMiAwIDAgMSAzMiAzMnYxMjh6JyBmaWxsPScjRkZGRkZGJz48L3BhdGg+PHBhdGggZD0nTTI1NiA3MzZ2MzJIMTI4YTMyIDMyIDAgMCAxLTMyLTMyVjEyOGEzMiAzMiAwIDAgMSAzMi0zMmg1NDRhMzIgMzIgMCAwIDEgMzIgMzJ2NjRoLTMyVjEyOEgxMjh2NjA4aDEyOHonIGZpbGw9JyM1RDZEN0UnPjwvcGF0aD48cGF0aCBkPSdNNzY4IDI1Ny4xODRsMC4zMi0wLjMyIDE2MC41NDQgMTU3LjYtMS41MDQgMS41MzZIOTI4djQ4MGEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJWMjg4YTMyIDMyIDAgMCAxIDMyLTMyaDQxNnYxLjE4NHogbTAgNDQuMjI0VjQxNmgxMTYuNzM2TDc2OCAzMDEuNDR6TTczNiAyODhIMzUydjYwOGg1NDRWNDQ4aC0xNjBWMjg4eicgZmlsbD0nIzUwODRiZSc+PC9wYXRoPjxwYXRoIGQ9J000NDggNDE2aDE5MnYzMmgtMTkydi0zMnogbTAgMTYwaDM1MnYzMkg0NDh2LTMyeiBtMCAxNjBoMzUydjMySDQ0OHYtMzJ6JyBmaWxsPScjQUNCNEMwJz48L3BhdGg+PC9zdmc+)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.copy>.font-icon:before,body ul.context-menu-list .context-menu-item.copy>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.copy-to>.font-icon:before,body ul.context-menu-list .context-menu-item.copy-to>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.clone>.font-icon:before,body ul.context-menu-list .context-menu-item.clone>.font-icon:before {
    opacity: 0 !important
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.cute>.font-icon,body ul.context-menu-list .context-menu-item.cute>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.cute-to>.font-icon,body ul.context-menu-list .context-menu-item.cute-to>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzIwMCcgaGVpZ2h0PScyMDAnPjxwYXRoIGQ9J001NjkuNyAzODguM0w3NDMuMiAxNDNjMTYtMjcuNyA2LjUtNjMtMjEuMi03OUw1MTIgMzE4LjMgMzAyIDY0Yy0yNy44IDE2LTM3LjMgNTEuMy0yMS4yIDc5bDE3My41IDI0NS4zTDI3MyA2MDcuOWw5NS45IDYwLjEgNjEuNS04Mi43TDUxMiA0NjkuOWw4MS42IDExNS40IDYxLjUgODIuNyA5NS45LTYwLjEtMTgxLjMtMjE5LjZ6JyBmaWxsPScjN0Y4MDgwJz48L3BhdGg+PHBhdGggZD0nTTI3MyA2MDZjLTk3LjYgMC0xNzcgNzkuNC0xNzcgMTc3czc5LjQgMTc3IDE3NyAxNzcgMTc3LTc5LjQgMTc3LTE3Ny03OS40LTE3Ny0xNzctMTc3eiBtMSAyOTBjLTYyLjMgMC0xMTMtNTAuNy0xMTMtMTEzczUwLjctMTEzIDExMy0xMTMgMTEzIDUwLjcgMTEzIDExMy01MC43IDExMy0xMTMgMTEzek03NTEgNjA2Yy05Ny42IDAtMTc3IDc5LjQtMTc3IDE3N3M3OS40IDE3NyAxNzcgMTc3IDE3Ny03OS40IDE3Ny0xNzctNzkuNC0xNzctMTc3LTE3N3ogbTAgMjkwYy02Mi4zIDAtMTEzLTUwLjctMTEzLTExM3M1MC43LTExMyAxMTMtMTEzIDExMyA1MC43IDExMyAxMTMtNTAuNyAxMTMtMTEzIDExM3onIGZpbGw9JyM0OTdDQUQnPjwvcGF0aD48L3N2Zz4=)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.cute>.font-icon:before,body ul.context-menu-list .context-menu-item.cute>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.cute-to>.font-icon:before,body ul.context-menu-list .context-menu-item.cute-to>.font-icon:before {
    opacity: 0 !important
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.past>.font-icon,body ul.context-menu-list .context-menu-item.past>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwLDAsMjA0OCwyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gMzg0IDE4NTYgaCA3MDQgdiA2NCBoIC03NjggdiAtMTUzNiBoIDI1NiB2IC02NCBoIDE5NSBxIDYgLTQwIDI2IC03NiBxIDE5IC0zNSA0OCAtNjEgcSAyOSAtMjUgNjcgLTQwIHEgMzggLTE1IDgwIC0xNSBxIDQyIDAgODAgMTUgcSAzOCAxNSA2NyA0MCBxIDI5IDI2IDQ5IDYxIHEgMTkgMzYgMjUgNzYgaCAxOTUgdiA2NCBoIDI1NiB2IDQ0OCBoIC02NCB2IC0zODQgaCAtMTkyIHYgMTkyIGggLTgzMiB2IC0xOTIgaCAtMTkyIG0gMjU2IDEyOCBoIDcwNCB2IC0xOTIgaCAtMTkyIHYgLTMyIHEgMCAtMzMgLTEyIC02MiBxIC0xMyAtMjkgLTM1IC01MSBxIC0yMiAtMjIgLTUxIC0zNSBxIC0yOSAtMTIgLTYyIC0xMiBxIC0zMyAwIC02MiAxMiBxIC0yOSAxMyAtNTEgMzUgcSAtMjIgMjIgLTM0IDUxIHEgLTEzIDI5IC0xMyA2MiB2IDMyIGggLTE5MiBtIDE0MDggNTEyIHYgMTE1MiBoIC04OTYgdiAtMTE1MiBtIDgzMiA2NCBoIC03NjggdiAxMDI0IGggNzY4IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBRkYiIGQ9Ik0gMTA4OCAxODg4IGggLTczNiB2IC0xNDcyIGggMjU2IHYgLTY0IGggMTkxIGwgNCAtMjcgcSA1IC0zNSAyMiAtNjYgcSAxNyAtMzAgNDMgLTUyIHEgMjUgLTIyIDU3IC0zNSBxIDMyIC0xMiA2NyAtMTIgcSAzNiAwIDY4IDEyIHEgMzIgMTMgNTcgMzUgcSAyNSAyMiA0MiA1MiBxIDE3IDMxIDIyIDY2IGwgNCAyNyBoIDE5MSB2IDY0IGggMjU2IHYgNDE2IGggLTU0NCB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6I0Y4REI4RkZGIiBkPSJNIDUxMiAxNzI4IGggNTc2IHYgMTYwIGggLTczNCB2IC0xNDczIGggMjU1IHYgMTYxIGggLTk3IG0gMTExOCAtMTU0IHYgNDEwIGggLTE1OCB2IC0yNTYgaCAtOTIgdiAtMTU0IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojZWFjMjgyIiBkPSJNIDE2MDAgNDQ4IGggLTIyNCB2IC02NCBoIDI4OCB2IDQ0OCBoIC02NCBtIC01MTIgMTA4OCBoIC03NjggdiAtMTUzNiBoIDI4OCB2IDY0IGggLTIyNCB2IDE0MDggaCA3MDQgeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiM3OTc3NzRGRiIgZD0iTSA1NzYgMzIwIGggMTk1IHEgNiAtNDAgMjYgLTc2IHEgMTkgLTM1IDQ4IC02MSBxIDI5IC0yNSA2NyAtNDAgcSAzOCAtMTUgODAgLTE1IHEgNDIgMCA4MCAxNSBxIDM4IDE1IDY3IDQwIHEgMjkgMjYgNDkgNjEgcSAxOSAzNiAyNSA3NiBoIDE5NSB2IDMyMCBoIC04MzIgdiAtMjU2IG0gNjQgMTkyIGggNzA0IHYgLTE5MiBoIC0xOTIgdiAtMzIgcSAwIC0zMyAtMTIgLTYyIHEgLTEzIC0yOSAtMzUgLTUxIHEgLTIyIC0yMiAtNTEgLTM1IHEgLTI5IC0xMiAtNjIgLTEyIHEgLTMzIDAgLTYyIDEyIHEgLTI5IDEzIC01MSAzNSBxIC0yMiAyMiAtMzQgNTEgcSAtMTMgMjkgLTEzIDYyIHYgMzIgaCAtMTkyIHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBRkYiIGQ9Ik0gMjAxNiAyMDE2IGggLTgzMiB2IC0xMDg4IGggODMyIHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojM0EzQTM4RkYiIGQ9Ik0gMjA0OCA4OTYgdiAxMTUyIGggLTg5NiB2IC0xMTUyIG0gODMyIDY0IGggLTc2OCB2IDEwMjQgaCA3NjggeiI+PC9wYXRoPjwvc3ZnPg==)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.past>.font-icon:before,body ul.context-menu-list .context-menu-item.past>.font-icon:before {
    opacity: 0 !important
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.set-icon-size>.font-icon,body ul.context-menu-list .context-menu-item.set-icon-size>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.set-background>.font-icon,body ul.context-menu-list .context-menu-item.set-background>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.setting-wall>.font-icon,body ul.context-menu-list .context-menu-item.setting-wall>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwLDAsMjA0OCwyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gMTUzNiA4MTYgcSAtMjMgMCAtNDMgLTkgcSAtMjEgLTkgLTM2IC0yNCBxIC0xNSAtMTUgLTI0IC0zNiBxIC05IC0yMCAtOSAtNDMgcSAwIC0yMyA5IC00NCBxIDkgLTIwIDI0IC0zNSBxIDE1IC0xNSAzNiAtMjQgcSAyMCAtOSA0MyAtOSBxIDIzIDAgNDQgOSBxIDIwIDkgMzUgMjQgcSAxNSAxNSAyNCAzNSBxIDkgMjEgOSA0NCBxIDAgMjMgLTkgNDMgcSAtOSAyMSAtMjQgMzYgcSAtMTUgMTUgLTM1IDI0IHEgLTIxIDkgLTQ0IDkgbSAtMTQwOCAtNDk2IGggMTc5MiB2IDEzNDQgaCAtMTc5MiBtIDE3MjggLTEyODAgaCAtMTY2NCB2IDcyMyBsIDQ0OCAtNDQ4IGwgNTQ0IDU0NCBsIDIyNCAtMjI0IGwgNDQ4IDQ0OCBtIC0xNjY0IC0yMzAgdiA0MDMgaCAxMjk5IGwgLTg1MSAtODUxIG0gOTQxIDg1MSBoIDI3NSB2IC04MyBsIC00NDggLTQ0OCBsIC0xNzkgMTc5IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBRkYiIGQ9Ik0gMTg4OCAxNjMyIGggLTE3MjggdiAtMTI4MCBoIDE3MjggeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiM4M0JFRUNGRiIgZD0iTSAxNTkgMTE4OCBsIDQ4MCAtNDgwIGwgNTUxIDUzMyBsIDIxMyAtMjE2IGwgNDg1IDQ3NCB2IDEzMCBoIC0xNzI5IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojMDA2M0IxRkYiIGQ9Ik0gMTg2NSAxNTI3IGwgLTQ1NyAtNDU4IGwgLTE3OSAxNzkgbCAzNjIgMzYxIGwgLTQ2IDQ2IGwgLTkwNSAtOTA2IGwgLTQ1NyA0NTggbCAtNDYgLTQ2IGwgNTAzIC01MDIgbCA1NDQgNTQ0IGwgMjI0IC0yMjQgbCA1MDMgNTAyIHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojREU2QzAwRkYiIGQ9Ik0gMTUzNiA4MTYgcSAtMjMgMCAtNDMgLTkgcSAtMjEgLTkgLTM2IC0yNCBxIC0xNSAtMTUgLTI0IC0zNiBxIC05IC0yMCAtOSAtNDMgcSAwIC0yMyA5IC00NCBxIDkgLTIwIDI0IC0zNSBxIDE1IC0xNSAzNiAtMjQgcSAyMCAtOSA0MyAtOSBxIDIzIDAgNDQgOSBxIDIwIDkgMzUgMjQgcSAxNSAxNSAyNCAzNSBxIDkgMjEgOSA0NCBxIDAgMjMgLTkgNDMgcSAtOSAyMSAtMjQgMzYgcSAtMTUgMTUgLTM1IDI0IHEgLTIxIDkgLTQ0IDkgeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkYwMCIgZD0iTSAxNjgyIDc4MCBxIDMgMCA2IC0xIHEgMiAwIDUgLTEgcSAtMjMgMjcgLTU0IDQyIHEgLTMyIDE2IC03MSAxNiBxIC0zMiAwIC02MSAtMTMgcSAtMjkgLTEyIC01MCAtMzQgcSAtMjIgLTIyIC0zNCAtNTIgcSAtMTMgLTI5IC0xMyAtNjIgcSAwIC0yNyA5IC01MiBxIDkgLTI1IDI1IC00NiBxIDE2IC0yMCAzOCAtMzUgcSAyMiAtMTQgNDggLTIxIHEgLTEzIDIwIC0yMCA0MyBxIC04IDIzIC04IDQ4IHEgMCAzNiAxMyA2NiBxIDEzIDMxIDM2IDU0IHEgMjMgMjMgNTMgMzYgcSAzMCAxMyA2NSAxMyBxIDMgMCA3IC0xIHEgMyAwIDYgMCB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6IzNBM0EzOEZGIiBkPSJNIDEyOCAzMjAgaCAxNzkyIHYgMTM0NCBoIC0xNzkyIG0gMTcyOCAtNjQgdiAtMTIxNiBoIC0xNjY0IHYgMTIxNiB6Ij48L3BhdGg+PC9zdmc+)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.set-icon-size>.font-icon:before,body ul.context-menu-list .context-menu-item.set-icon-size>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.set-background>.font-icon:before,body ul.context-menu-list .context-menu-item.set-background>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.setting-wall>.font-icon:before,body ul.context-menu-list .context-menu-item.setting-wall>.font-icon:before {
    opacity: 0 !important
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.shareOpenEditor>.font-icon,body ul.context-menu-list .context-menu-item.shareOpenEditor>.font-icon,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.explorer-editor>.font-icon,body ul.context-menu-list .context-menu-item.explorer-editor>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwLDAsMjA0OCwyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gNzAwIDE4NTYgbCAtMjEgNjQgaCAtMzU5IHYgLTE3OTIgaCA4MzIgbCA1MTIgNTEyIHYgMTAyIGwgLTY0IDY0IHYgLTEwMiBoIC01MTIgdiAtNTEyIGggLTcwNCB2IDE2NjQgbSA3NjggLTE2MzIgdiA0MTYgaCA0MTYgbSA5NiA3OTMgdiA0ODcgaCAtNDg3IGwgNjQgLTY0IGggMzU5IHYgLTM1OSBtIC01MTIgLTM0NSBoIC01MTIgdiAtNjQgaCA1MTIgbSAtMTI4IC00NDggaCAtMzg0IHYgLTY0IGggMzg0IG0gMjU2IDMyMCBoIC00NDggdiAtNjQgaCA0NDggbSA3ODQgLTY0IHEgNDggNDggNDggMTEwIHEgMCAzMCAtMTAgNTcgcSAtMTEgMjcgLTIzIDQ3IHEgLTEzIDIwIC0yMyAzMiBxIC0xMSAxMiAtMTIgMTMgbCAtODk0IDg5MyBsIC0zODIgMTI4IGwgMTI3IC0zODMgbCA4OTQgLTg5MyBxIDY4IC02OCAxNDEgLTY4IHEgNzAgMCAxMzQgNjQgbSAtOTU2IDkzNyBxIDQ2IDQzIDU1IDExOCBsIDc2MyAtNzY0IGwgLTE3MCAtMTcwIGwgLTc2MyA3NjQgcSAyOCA0IDU5IDE1IHEgMzAgMTIgNTYgMzcgbSAtMTY0IDUgbCAtODEgMjQzIGwgMjQyIC04MSBxIC0xIC04NSAtNDQgLTEyMyBxIC00MyAtMzggLTExNyAtMzkgbSAxMTA4IC04MzEgcSAwIC0yNSAtMTMgLTQ2IHEgLTE0IC0yMSAtMzMgLTM3IHEgLTE5IC0xNSAtNDAgLTI0IHEgLTIxIC04IC0zNyAtOCBxIC0xMiAwIC0yNCAzIHEgLTEzIDQgLTI4IDEzIHEgLTE2IDEwIC0zNSAyNiBxIC0xOSAxNiAtNDMgNDEgbCAxNzAgMTcwIHEgNDUgLTQ0IDY0IC03NyBxIDE5IC0zMiAxOSAtNjEgeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNGQUZBRkFGRiIgZD0iTSA2OTAgMTg4OCBoIC0zMzggdiAtMTcyOCBoIDc2OCBsIDUxMiA1MTIgdiAxMDIgbCAtODU3IDg1NyBtIDQzNCAyNTcgbCA0MjMgLTQyMyB2IDQyMyB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6I0VEM0QzQkZGIiBkPSJNIDEwODggMTE1MiBoIC01MTIgdiAtNjQgaCA1MTIgbSAtMTI4IC00NDggaCAtMzg0IHYgLTY0IGggMzg0IG0gMjU2IDMyMCBoIC00NDggdiAtNjQgaCA0NDggeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiMzQTNBMzhGRiIgZD0iTSA3MDAgMTg1NiBsIC0yMSA2NCBoIC0zNTkgdiAtMTc5MiBoIDgzMiBsIDUxMiA1MTIgdiAxMDIgbCAtNjQgNjQgdiAtMTAyIGggLTUxMiB2IC01MTIgaCAtNzA0IHYgMTY2NCBtIDc2OCAtMTYzMiB2IDQxNiBoIDQxNiBtIDk2IDc5MyB2IDQ4NyBoIC00ODcgbCA2NCAtNjQgaCAzNTkgdiAtMzU5IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBRkYiIGQ9Ik0gMTc0NiA3OTMgcSAyNSAtMjUgNTUgLTQyIHEgMzAgLTE3IDY0IC0xNyBxIDE5IDAgNDYgMTAgcSAyNiAxMSA1MCAzMCBxIDI0IDIwIDQxIDQ2IHEgMTYgMjcgMTYgNTggcSAwIDI2IC05IDQ5IHEgLTEwIDI0IC0yMSA0MSBxIC0xMyAyMCAtMjkgMzggbCAtODc3IDg3NSBsIC01MCAtMTYyIGwgLTE3NSAtMzcgeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiM4M0JFRUNGRiIgZD0iTSA4NTcgMTY5NSBxIDM2IC05IDY0IC05IHEgMzAgMCA1NCA5IHEgMjMgOSA0MSAyMyBxIDE3IDE0IDMwIDMyIHEgMTIgMTggMjAgMzcgcSAxOSA0NCAyNCAxMDAgbCAtMzQxIDEwNiB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6IzUwODRiZSIgZD0iTSAyMDAwIDc2OCBxIDQ4IDQ4IDQ4IDExMCBxIDAgMzAgLTEwIDU3IHEgLTExIDI3IC0yMyA0NyBxIC0xMyAyMCAtMjMgMzIgcSAtMTEgMTIgLTEyIDEzIGwgLTg5NCA4OTMgbCAtMzgyIDEyOCBsIDEyNyAtMzgzIGwgODk0IC04OTMgcSA2OCAtNjggMTQxIC02OCBxIDcwIDAgMTM0IDY0IG0gLTk1NiA5MzcgcSA0NiA0MyA1NSAxMTggbCA3NjMgLTc2NCBsIC0xNzAgLTE3MCBsIC03NjMgNzY0IHEgMjggNCA1OSAxNSBxIDMwIDEyIDU2IDM3IG0gLTE2NCA1IGwgLTgxIDI0MyBsIDI0MiAtODEgcSAtMSAtODUgLTQ0IC0xMjMgcSAtNDMgLTM4IC0xMTcgLTM5IG0gMTEwOCAtODMxIHEgMCAtMjUgLTEzIC00NiBxIC0xNCAtMjEgLTMzIC0zNyBxIC0xOSAtMTUgLTQwIC0yNCBxIC0yMSAtOCAtMzcgLTggcSAtMTIgMCAtMjQgMyBxIC0xMyA0IC0yOCAxMyBxIC0xNiAxMCAtMzUgMjYgcSAtMTkgMTYgLTQzIDQxIGwgMTcwIDE3MCBxIDQ1IC00NCA2NCAtNzcgcSAxOSAtMzIgMTkgLTYxIHoiPjwvcGF0aD48L3N2Zz4=)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.shareOpenEditor>.font-icon:before,body ul.context-menu-list .context-menu-item.shareOpenEditor>.font-icon:before,body .frame-main-explorer .frame-header .tools .toolbar-item .btn.explorer-editor>.font-icon:before,body ul.context-menu-list .context-menu-item.explorer-editor>.font-icon:before {
    opacity: 0 !important
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.shareOpenDoc>.font-icon,body ul.context-menu-list .context-menu-item.shareOpenDoc>.font-icon {
    background-size: cover !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwLDAsMjA0OCwyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gMjA0OCA5NjAgdiAxMDg4IGwgLTMyMCAtMTkyIGwgLTMyMCAxOTIgdiAtMTA4OCBtIDU3NiA2NCBoIC01MTIgdiA5MTEgbCAyNTYgLTE1NCBsIDI1NiAxNTQgbSAtNjQwIC0xNSBoIC0xMDI0IHYgLTE3OTIgaCA4MzIgbCA1MTIgNTEyIHYgMjU2IGggLTY0IHYgLTE5MiBoIC01MTIgdiAtNTEyIGggLTcwNCB2IDE2NjQgaCA5NjAgbSAtMTkyIC0xMjE2IGggNDE2IGwgLTQxNiAtNDE2IHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBRkYiIGQ9Ik0gMTM0NCAxODg4IGggLTk5MiB2IC0xNzI4IGggNzY4IGwgNTEyIDUxMiB2IDIyNCBoIC0yODggeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiMzQTNBMzhGRiIgZD0iTSAxMzQ0IDE5MjAgaCAtMTAyNCB2IC0xNzkyIGggODMyIGwgNTEyIDUxMiB2IDI1NiBoIC02NCB2IC0xOTIgaCAtNTEyIHYgLTUxMiBoIC03MDQgdiAxNjY0IGggOTYwIG0gLTE5MiAtMTIxNiBoIDQxNiBsIC00MTYgLTQxNiB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6IzgzQkVFQ0ZGIiBkPSJNIDE3MjggMTgxOSBsIC0yODggMTcyIHYgLTk5OSBoIDU3NiB2IDk5OSB6Ij48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6IzAwNjNCMUZGIiBkPSJNIDIwNDggOTYwIHYgMTA4OCBsIC0zMjAgLTE5MiBsIC0zMjAgMTkyIHYgLTEwODggbSA1NzYgNjQgaCAtNTEyIHYgOTExIGwgMjU2IC0xNTQgbCAyNTYgMTU0IHoiPjwvcGF0aD48L3N2Zz4=)
}

body .frame-main-explorer .frame-header .tools .toolbar-item .btn.shareOpenDoc>.font-icon:before,body ul.context-menu-list .context-menu-item.shareOpenDoc>.font-icon:before {
    opacity: 0 !important
}

.context-menu-item .font-icon.ri-pencil-fill,.kod-toolbar .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
}

.context-menu-item .font-icon.ri-pencil-fill:before,.kod-toolbar .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) {
    .context-menu-item .font-icon.ri-pencil-fill,.kod-toolbar .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(-15deg, #5ba2ff, #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.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.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.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.shareOpenFolder .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.shareOpenFolder .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.shareOpenFolder .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-fast .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-fast .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-fast .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.set-icon-size>.font-icon,.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: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,.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.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 .context-menu-item.refresh>.font-icon:before {
    background: none;
    text-fill-color: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    -webkit-background-clip: unset
}

.context-menu-list-.new-file-others,.context-menu-list-.menu-toolbar-new-file-others {
    max-width: 500px
}

.context-menu-list-.new-file-others .context-menu-item:not(.context-menu-separator),.context-menu-list-.menu-toolbar-new-file-others .context-menu-item:not(.context-menu-separator) {
    width: 72px;
    height: 72px;
    text-align: center;
    float: left;
    clear: none;
    margin: 0;
    padding: 0;
    margin: 5px 0 0 5px
}

.context-menu-list-.new-file-others .context-menu-item:not(.context-menu-separator) .font-icon,.context-menu-list-.menu-toolbar-new-file-others .context-menu-item:not(.context-menu-separator) .font-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    font-size: 45px;
    padding: 0;
    margin: 0;
    margin-top: 5px
}

.context-menu-list-.new-file-others .context-menu-item:not(.context-menu-separator) span,.context-menu-list-.menu-toolbar-new-file-others .context-menu-item:not(.context-menu-separator) span {
    display: block;
    margin: 0 5px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden
}

.context-menu-list-.new-file-others .context-menu-separator,.context-menu-list-.menu-toolbar-new-file-others .context-menu-separator {
    padding: 5px 0 5px 0;
    margin: 0 !important;
    border-radius: 0;
    width: 320px
}

.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
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size,.app-wap-small .right-menu-box .context-menu-list.set-list-type,.app-wap-small .right-menu-box .context-menu-list.set-sort-by,.app-wap-small .right-menu-box .context-menu-list.photo-filter {
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item {
    padding: 0 0px;
    margin: 30px 0 20px 0;
    background: transparent;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    text-align: center;
    margin-left: 0px;
    box-sizing: border-box;
    border: .5px solid #77777740
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item:hover,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item:hover,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item:hover,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item:hover,.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item:active,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item:active,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item:active,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item:active {
    background: #77777720
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item:first-child,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item:first-child,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item:first-child,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item:first-child {
    border-radius: 4px 0 0 4px
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item:last-child,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item:last-child,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item:last-child,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item:last-child {
    border-radius: 0 4px 4px 0
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.selected,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.selected,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.selected,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.selected,.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.selected:hover,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.selected:hover,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.selected:hover,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.selected:hover {
    background: #eee;
    color: #1890ff
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item i.font-icon,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item i.font-icon,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item i.font-icon,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item i.font-icon {
    position: absolute;
    right: 5px;
    top: 12px;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    background: #1890ff;
    color: #fff;
    border-radius: 0 0 0 50px;
    display: none
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item i.font-icon:before,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item i.font-icon:before,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item i.font-icon:before,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item i.font-icon:before {
    text-shadow: initial;
    background: initial;
    text-fill-color: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
    -webkit-background-clip: initial;
    position: relative;
    top: -1px;
    right: -1px;
    font-size: 13px
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.selected i.font-icon,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.selected i.font-icon,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.selected i.font-icon,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.selected i.font-icon {
    display: block
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-separator,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-separator,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-separator,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-separator {
    width: 100%
}

.app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-separator:before,.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-separator:before,.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-separator:before,.app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-separator:before {
    left: 0 !important
}

.app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.set-list-list {
    border-radius: 0 4px 4px 0
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by {
    flex-wrap: wrap
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item {
    margin: 20px 0 20px 0
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.set-sort-ext {
    border-radius: 0 4px 4px 0
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.set-order-up {
    border-radius: 4px 0 0 4px
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.set-sort-field-item {
    width: 25%
}

.app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.set-sort-order-item {
    width: 50%
}

.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item,.dark-mode .app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item {
    box-shadow: 0 0 0 .5px #666
}

.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.context-menu-separator,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.context-menu-separator,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.context-menu-separator,.dark-mode .app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.context-menu-separator {
    box-shadow: none
}

.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.selected,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.selected,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.selected,.dark-mode .app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.selected,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-icon-size .context-menu-item.selected:hover,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-list-type .context-menu-item.selected:hover,.dark-mode .app-wap-small .right-menu-box .context-menu-list.set-sort-by .context-menu-item.selected:hover,.dark-mode .app-wap-small .right-menu-box .context-menu-list.photo-filter .context-menu-item.selected:hover {
    background: #444;
    color: #fff
}

.kui-step-bar {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    counter-reset: step;
    margin: 15px 0;
    font-size: 13px;
    display: flex;
    justify-content: space-between
}

.kui-step-bar li {
    position: relative;
    display: inline-block;
    flex: 1;
    text-align: center;
    padding-top: 2.2em
}

.kui-step-bar li,.kui-step-bar li:before,.kui-step-bar li:after {
    transition: background .3s,color .3s,border .3s;
    box-sizing: border-box
}

.kui-step-bar li:first-child:after {
    display: none
}

.kui-step-bar.align-keep li:first-child,.kui-step-bar.align-keep li:last-child {
    flex: 0
}

.kui-step-bar.align-keep li:after {
    left: -1000%;
    transition: none
}

.kui-step-bar.align-keep li:first-child {
    text-align: left
}

.kui-step-bar.align-keep li:first-child::before {
    left: 0;
    margin-left: 0
}

.kui-step-bar.align-keep li:last-child {
    text-align: right
}

.kui-step-bar.align-keep li:last-child::before {
    left: inherit;
    margin-left: 0;
    right: 0
}

.kui-step-bar.align-keep li:last-child::after {
    right: 0
}

.kui-step-bar li:before {
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    text-align: center;
    border-radius: 2em;
    margin-left: -1em;
    content: counter(step);
    counter-increment: step;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2
}

.kui-step-bar li:after {
    content: "";
    position: absolute;
    top: 1em;
    margin-top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 1;
    left: -50%;
    right: 50%
}

.kui-step-bar li:before {
    background: #eee;
    border: .5px solid #ddd
}

.kui-step-bar li:after {
    background: #eee
}

.kui-step-bar li.active {
    color: #1890ff
}

.kui-step-bar li.active:before {
    z-index: 3;
    background: #1890ff;
    color: #fff;
    border-color: #1890ff
}

.kui-step-bar li.active:after {
    z-index: 2;
    background: #1890ff
}

.dark-mode .kui-step-bar li:before {
    background: #555;
    border-color: #666
}

.dark-mode .kui-step-bar li:after {
    background: #555
}

.dark-mode .kui-step-bar li.active {
    color: #1890ff
}

.dark-mode .kui-step-bar li.active:before {
    background: #1890ff;
    color: #fff;
    border-color: #1890ff
}

.dark-mode .kui-step-bar li.active:after {
    background: #1890ff
}

.hljs.no-wrap ul.code-view {
    overflow: hidden;
    overflow-x: auto;
    white-space: pre
}

.hljs.no-wrap .ripple-item.code-wrap {
    color: #1890ff;
    background: #1890ff10
}

.hljs.no-wrap .ripple-item.code-wrap:hover {
    background: #1890ff30
}

.hljs.no-wrap ul.code-view {
    margin: 0px 0px 0 0 !important;
    overflow: hidden;
    overflow-x: auto;
    white-space: pre
}

.hljs.no-wrap ul.code-view>li {
    background: none !important
}

pre.hljs-code,.markdown-preview pre.hljs-code {
    overflow: inherit
}

.hljs .code-toolbar {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 10;
    position: sticky;
    top: 0
}

.hljs .code-toolbar .code-lang {
    opacity: .6
}

.hljs .code-toolbar .code-toolbar-right {
    position: absolute;
    top: 0;
    right: 0;
    user-select: none;
    padding-right: 0;
    overflow: hidden
}

.hljs .code-toolbar[data-lang="html"] .ripple-item.code-run {
    display: inline-block
}

.hljs .code-toolbar .ripple-item {
    cursor: pointer;
    padding: 0 4px;
    font-size: 12px;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    background: none;
    display: inline-block;
    margin: 0;
    margin-left: 1px;
    vertical-align: top;
    text-align: center
}

.hljs .code-toolbar .ripple-item .font-icon {
    opacity: .8;
    font-size: 16px;
    display: inline-block;
    width: 1.3em;
    text-align: center;
    position: relative;
    top: 0
}

.hljs .code-toolbar .ripple-item b {
    font-weight: normal;
    opacity: .8;
    font-size: 10px
}

.hljs .code-toolbar .ripple-item:hover {
    background: #99999930
}

.hljs .code-toolbar .ripple-item.code-run {
    display: none
}

.hljs .code-toolbar .ripple-item.code-wrap {
    padding: 0 0
}

.html-edit-show * {
    max-width: 100% !important;
    box-sizing: border-box
}

.html-edit-show,.html-edit-show p {
    line-height: normal;
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.html-edit-show b,.html-edit-show strong {
    font-weight: 600
}

.html-edit-show blockquote {
    position: relative;
    margin: 0 0 20px 0;
    padding: 5px 10px;
    background-color: #f6f6f6;
    border-left: 4px solid #e6e6e6;
    font-style: normal;
    font-weight: normal;
    word-break: break-word
}

.html-edit-show blockquote p {
    font-weight: normal
}

.html-edit-show table {
    border-collapse: collapse
}

.html-edit-show table,.html-edit-show caption,.html-edit-show td,.html-edit-show th,.html-edit-show table th {
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    padding: .2em 1em .2em .3em
}

.html-edit-show .h1,.html-edit-show h1 {
    font-size: 2.2em
}

.html-edit-show .h2,.html-edit-show h2 {
    font-size: 1.8em
}

.html-edit-show .h3,.html-edit-show h3 {
    font-size: 1.4em
}

.html-edit-show .h4,.html-edit-show h4 {
    font-size: 1.2em
}

.html-edit-show .h5,.html-edit-show h5 {
    font-size: 1.1em
}

.img-code-box {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.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 #e6e6e6;
    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 #e6e6e6;
    padding: 0px
}

.img-code-box .code-loading {
    position: absolute;
    width: 18px;
    right: 55px;
    top: 8px
}

.server-dwonload-textarea textarea {
    border: 1px solid #e6e6e6;
    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: #e6e6e6
}

.server-dwonload-textarea textarea.disabled:focus,.server-dwonload-textarea textarea[readonly='true']:focus,.server-dwonload-textarea textarea[readonly='readonly']:focus {
    border-color: #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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
}

.user-info .path-ico img {
    width: 18px;
    height: 18px;
    font-size: 18px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: text-top
}

.app-main {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 70px;
    transition: .2s left
}

.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: 90%;
    max-height: 90%
}

.menuBar .menu-item {
    transition: all .2s;
    cursor: pointer;
    font-size: .9em;
    width: 70px;
    height: 70px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    position: relative;
    z-index: 1;
    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.15);
    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;
    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;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 8px auto 2px auto;
    margin-top: 10px;
    border-radius: 4px
}

.menuBar .menu-item .image-icon .svg-icon {
    font-size: 28px;
    padding: 0
}

.menuBar .menu-item .image-icon .svg-icon img {
    top: 0
}

.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 .open .menu-item {
    background: rgba(255,255,255,0.25);
    color: #fff
}

.menuBar .menu-item.this:hover,.menuBar .open .menu-item:hover {
    background: rgba(255,255,255,0.35)
}

.menuBar .dark-mode-toggle .desc {
    position: absolute;
    right: 5px;
    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: 1px 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 .dropdown-menu-main .license-free:hover {
    background: #77777720 !important
}

.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;
    width: 100%
}

.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: 412px;
    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 .dropdown-menu-main .menu-line {
    position: relative;
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 10px 0
}

.menuBar .menu-dropdown-submenu .dropdown-menu-main .menu-line:before {
    content: "";
    border: none;
    border-bottom: .7px solid #99999960;
    position: absolute;
    left: 10px;
    right: 15px
}

.menuBar .menu-dropdown-submenu .dropdown-menu-main .menu-line {
    position: relative;
    width: 0;
    float: left;
    display: block;
    height: 95px;
    margin: 0 0 10px -6px
}

.menuBar .menu-dropdown-submenu .dropdown-menu-main .menu-line:before {
    content: "";
    border: none;
    border-right: 3px solid #99999940;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    border-radius: 6px
}

.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.2)
}

.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 .svg-icon {
    display: block;
    margin: 5px auto 5px auto;
    width: 60px;
    height: 60px;
    padding: 0;
    overflow: visible;
    font-size: 60px
}

.menuBar .menu-dropdown-submenu li .menu-item-sub .svg-icon img {
    margin-top: 2px
}

.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 {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    margin: 5px 0 0 5px;
    border-radius: 6px
}

.menuBar .menu-group-user .avata {
    width: 45px;
    height: 45px;
    margin: 6px auto 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: 10px 0
}

.menuBar .menu-dropdown-user .menu-arrow {
    bottom: 25px;
    top: inherit
}

.menuBar .menu-dropdown-user li {
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    padding-left: 10px;
    border-radius: 4px
}

.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: #1890ff20
}

.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: .5px;
    border: none;
    margin: 4px 0 4px 12px;
    background: #eee;
    background: #99999930;
    cursor: default
}

.menuBar .menu-dropdown-user li.user-info {
    height: auto;
    padding: 5px 10px;
    overflow: hidden
}

.menuBar .menu-dropdown-user li.user-info .qr-login-user {
    position: absolute
}

.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);
    background-color: #4f6bdf;
    background-image: linear-gradient(180deg, #143ad5 0, rgba(20,58,213,0) 37%)
}

.menuBar .logo {
    background-color: rgba(0,0,0,0.1)
}

.menuBar .menu-list .menu-item {
    width: 60px;
    height: 60px;
    margin: 8px 0 0 5px;
    border-radius: 6px;
    margin: 6px 0 0 5px;
    padding-top: 2px;
    overflow: visible
}

.menuBar .menu-list .menu-item.this:before {
    display: none
}

.menuBar .menu-list .menu-item .font-icon {
    width: 30px;
    height: 28px;
    line-height: 28px;
    margin: 5px auto 2px auto
}

.menuBar .menu-list .menu-item .font-icon.words {
    width: auto;
    padding: 0 10px;
    font-size: 22px
}

.menuBar .menu-list .menu-item .font-icon.words em {
    font-style: normal
}

.menuBar .menu-list .menu-item .image-icon {
    width: 30px;
    height: 28px;
    line-height: 28px;
    margin: 5px auto 2px auto;
    margin-top: 6px
}

.menuBar .menu-list .menu-item .title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden
}

.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
}

.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
}

.menuBar.hover-active .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",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 #e6e6e6;
    position: relative
}

.artDialog.system-notice-view-dialog .aui-main .notice-box .header:after {
    content: "";
    position: absolute;
    bottom: -5px;
    border-bottom: 2px solid #e6e6e6;
    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",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:before {
    content: "\ea6e"
}

#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 .menuBar {
    background: linear-gradient(30deg, #9C27B010, #03A9F410);
    box-shadow: 0 0 0 .5px #99999910,0 0 10px 0 #00000008
}

.menubar-theme-white .menuBar .menu-item {
    color: #777c88
}

.menubar-theme-white .menuBar .menu-item:hover,.menubar-theme-white .menuBar .menu-item:active,.menubar-theme-white .menuBar .menu-item:focus,.menubar-theme-white .menuBar .menu-item.this,.menubar-theme-white .menuBar .menu-item.this:hover,.menubar-theme-white .menuBar .open .menu-item {
    color: #1b9aee;
    background: #77777715
}

.menubar-theme-white .menuBar .logo {
    background-color: transparent
}

.menubar-theme-white .menuBar .menu-list .menu-topbar .menu-item.this .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.menubar-desktop .menu-item {
    color: #eee
}

.menubar-theme-white .menuBar.menubar-desktop .menu-item:hover,.menubar-theme-white .menuBar.menubar-desktop .menu-item:active,.menubar-theme-white .menuBar.menubar-desktop .menu-item:focus,.menubar-theme-white .menuBar.menubar-desktop .menu-item.this,.menubar-theme-white .menuBar.menubar-desktop .menu-item.this:hover,.menubar-theme-white .menuBar.menubar-desktop .open .menu-item {
    color: #fff;
    background: rgba(255,255,255,0.2)
}

.menubar-theme-white.app-style-opacity .menuBar .menu-item {
    color: #eee
}

.menubar-theme-white.app-style-opacity .menuBar .menu-item:hover,.menubar-theme-white.app-style-opacity .menuBar .menu-item:active,.menubar-theme-white.app-style-opacity .menuBar .menu-item:focus,.menubar-theme-white.app-style-opacity .menuBar .menu-item.this,.menubar-theme-white.app-style-opacity .menuBar .menu-item.this:hover,.menubar-theme-white.app-style-opacity .menuBar .open .menu-item {
    color: #fff;
    background: rgba(255,255,255,0.2)
}

.menubar-theme-white.app-style-opacity .menuBar .menu-list .menu-topbar .menu-item.this .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
}

.is-dragging-view * {
    user-select: none
}

.is-dragging-view .is-dragging {
    position: fixed !important;
    z-index: 9999 !important;
    margin: 0 !important;
    pointer-events: none;
    box-shadow: 0 0 0 .5px #00000010,0 2px 10px #00000020;
    box-sizing: border-box !important
}

.is-dragging-view .is-dragging>* {
    pointer-events: none
}

.is-dragging-view .is-dragging.drag-finished {
    box-shadow: none
}

.is-dragging-view .is-dragging {
    will-change: top,left,transform,box-shadow
}

.is-dragging-view .is-drag-list-item {
    will-change: transform
}

.is-dragging-view .is-drag-list-item,.is-dragging-view .is-dragging {
    transition: all .25s cubic-bezier(.2, 0, 0, 1)
}

.is-dragging-view .drag-view {
    position: absolute !important;
    z-index: 1;
    background: #88888815;
    opacity: .6;
    box-sizing: border-box !important;
    transition: none !important
}

.is-dragging-view .drag-view>* {
    pointer-events: none;
    visibility: hidden
}

.is-dragging-view.is-drag-list-rows .drag-view {
    position: relative !important
}

.is-dragging-view .is-drag-placeholder {
    visibility: hidden;
    transition: none
}

.is-dragging-view .ripple-father {
    display: none !important
}

.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;
    max-width: 100% !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s
}

.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
}

.form-pop-view .view-action {
    padding: 10px 0 0 10px;
    text-align: right
}

.form-pop-view .view-action .kui-btn {
    border-width: .5px;
    margin-left: 10px
}

.dark-mode .form-pop-view {
    background: #262626;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840
}

.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
}

.hover-animate {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent !important
}

.hover-animate>.hover-animate-child {
    opacity: 1;
    visibility: visible;
    transform: none !important;
    transition: opacity .26s cubic-bezier(.23, 1, .32, 1),visibility .26s cubic-bezier(.23, 1, .32, 1),transform .26s cubic-bezier(.23, 1, .32, 1)
}

.hover-animate-child {
    position: absolute !important;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none;
    visibility: hidden;
    background-color: #1890ff30;
    transition: opacity .312s cubic-bezier(.23, 1, .32, 1),visibility .312s cubic-bezier(.23, 1, .32, 1),transform .26s cubic-bezier(.23, 1, .32, 1)
}

.hover-no-animate {
    transition: color .2s !important
}

.hover-animate-item {
    position: relative;
    z-index: 1
}

.hover-animate-item.hover-animate-ignore .hover-animate-child {
    display: none
}

.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.8);
    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
}

.loading-msg.tips-normal .loading-msg-content {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: -20px 0 0 -20px
}

.loading-msg.tips-normal .loading-msg-content .loading-msg-box {
    margin: 0;
    height: 40px;
    line-height: 36px;
    font-size: 20px
}

.loading-msg.tips-normal .loading-msg-content .loading-msg-box img {
    width: 20px;
    height: 20px
}

.loading-msg.tips-normal .loading-msg-content .loading-msg-title {
    display: none
}

.loading-msg.tips-icon .loading-msg-content .loading-msg-box img {
    display: none
}

.loading-msg.tips-icon .loading-msg-content .loading-msg-box .loader {
    display: inline-block
}

.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)
    }
}

.markdown-preview {
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif;
    text-align: justify;
    margin: auto;
    line-height: 1.6em;
    color: #555;
    cursor: text;
    word-break: break-word;
    word-break: break-all
}

.markdown-preview button,.markdown-preview p {
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

@media screen and (min-width: 1200px) {
    .markdown-preview body {
        width:1000px
    }
}

.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: 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;
    padding: 0
}

.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 {
    padding: 0;
    -webkit-hypens: auto;
    -moz-hypens: auto;
    hyphens: auto
}

.markdown-preview p,.markdown-preview blockquote,.markdown-preview pre code {
    margin: .4em 0
}

.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6 {
    margin: .6em 0;
    line-height: 1.6em
}

.markdown-preview ol,.markdown-preview ul {
    padding-left: 1.5em
}

.markdown-preview ol li::marker,.markdown-preview ul li::marker {
    color: #999999b0
}

.markdown-preview .hljs ul.code-view li::marker {
    font-size: .8em
}

.markdown-preview hr {
    margin: 1em 0
}

.markdown-preview blockquote {
    border-left: 5px solid #99999930;
    background: #99999915;
    padding: 10px 15px;
    border-radius: 4px
}

.markdown-preview p,.markdown-preview li,.markdown-preview div,.markdown-preview ul {
    word-break: inherit
}

.markdown-preview blockquote {
    margin-left: 1em;
    margin: 15px 0 10px 0
}

.markdown-preview blockquote .h1,.markdown-preview blockquote .h2,.markdown-preview blockquote .h3,.markdown-preview blockquote .h4,.markdown-preview blockquote .h5,.markdown-preview blockquote .h6,.markdown-preview blockquote h1,.markdown-preview blockquote h2,.markdown-preview blockquote h3,.markdown-preview blockquote h4,.markdown-preview blockquote h5,.markdown-preview blockquote h6 {
    margin: 0
}

.markdown-preview b,.markdown-preview strong {
    font-weight: 600
}

.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: Menlo,Consolas,source-code-pro,Monaco,'Liberation Mono','Ubuntu Mono',monospace,'Lantinghei SC','Microsoft Yahei','微软雅黑',Courier,'Helvetica',STXihei,WenQuanYi,sans-serif
}

.markdown-preview pre code {
    font-size: 1em;
    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
}

.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: 3px;
    margin: .4em 0;
    background: rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0
}

.markdown-preview ul,.markdown-preview ol {
    padding: .2em 0 .2em 1.5em
}

.markdown-preview table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px
}

.markdown-preview table thead {
    background: #eee
}

.markdown-preview table thead th {
    font-weight: 600
}

.markdown-preview table tr td {
    min-width: 20px;
    max-width: 50vw
}

.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 .table-container {
    max-width: 100%;
    overflow: auto
}

.markdown-preview .table-container table {
    margin-bottom: 0px;
    width: max-content;
    max-width: none
}

.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 .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;
    overflow: hidden;
    overflow-x: auto;
    box-sizing: border-box;
    width: 100%;
    line-height: 1.5;
    padding: 8px 15px 8px 40px;
    margin: 6px 0;
    border-radius: 4px;
    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: 7.5px
}

.markdown-preview .markdown-alert-info {
    border-color: #91d5ff;
    background-color: #1890ff20
}

.markdown-preview .markdown-alert-warning {
    border-color: #ffe58f;
    background-color: #faad1420
}

.markdown-preview .markdown-alert-success {
    border-color: #b7eb8f;
    background-color: #52c41a20
}

.markdown-preview .markdown-alert-error {
    border-color: #f5222d;
    background-color: #f5222d20
}

.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 .tips-block {
    padding: 10px 15px;
    margin: 10px 0 10px 0;
    background: #f6f6f6;
    background: rgba(102,128,153,0.05);
    border-radius: 4px
}

.markdown-preview .tips-block.tips-block-info {
    background-color: #faad1420
}

.markdown-preview .tips-block.tips-block-default {
    background-color: #1890ff20
}

.markdown-preview .tips-block.tips-block-help {
    background-color: #52c41a20
}

.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',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 .code-run {
    margin: 5px 0 10px 0;
    padding: 10px 15px;
    background: #99999920;
    border-radius: 3px
}

.markdown-preview .code-run button {
    padding: .3em 1.2em;
    cursor: pointer;
    color: #fff;
    background: #1890ff;
    border-radius: 3px;
    border: none;
    margin: 5px 0
}

.markdown-preview .code-run button:hover {
    opacity: .8
}

.markdown-preview .ai-c {
    display: inline-block;
    font-weight: normal
}

.markdown-preview .markdown-flow {
    max-width: 100%;
    margin: 10px 0;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 0 0 .7px #99999920;
    transition: all .2s;
    position: relative;
    box-shadow: none
}

.markdown-preview .markdown-flow.math-result {
    box-shadow: none !important
}

.markdown-preview .markdown-flow.math-result .flow-toolbar {
    display: none !important
}

.markdown-preview .markdown-flow.plantuml-result .btn-item[data-tool="download"] {
    display: none !important
}

.markdown-preview .markdown-flow.plantuml-result .flow-code .hljs .code-toolbar {
    right: 65px
}

.markdown-preview .markdown-flow .flow-toolbar {
    border-radius: 4px 4px 0 0;
    position: sticky;
    top: 0;
    z-index: 10;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    -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;
    transition: all .2s;
    opacity: 1;
    backdrop-filter: blur(10px);
    background: #00000006;
    border-bottom: .7px solid #00000009
}

.markdown-preview .markdown-flow .flow-toolbar {
    opacity: .01
}

.markdown-preview .markdown-flow:hover,.markdown-preview .markdown-flow[data-view-show="code"] {
    box-shadow: 0 0 0 .7px #99999920
}

.markdown-preview .markdown-flow:hover .flow-toolbar,.markdown-preview .markdown-flow[data-view-show="code"] .flow-toolbar {
    opacity: 1
}

.markdown-preview .markdown-flow .toolbar-group {
    position: absolute;
    top: 0;
    font-size: 0
}

.markdown-preview .markdown-flow .toolbar-group .btn-item {
    display: inline-block;
    cursor: pointer;
    border-radius: 28px;
    height: 28px;
    min-width: 28px;
    line-height: 26px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    transition: all .2s;
    overflow: hidden;
    vertical-align: middle
}

.markdown-preview .markdown-flow .toolbar-group .btn-item:hover {
    background: #99999940
}

.markdown-preview .markdown-flow .toolbar-group .btn-item b,.markdown-preview .markdown-flow .toolbar-group .btn-item .font-icon {
    display: inline-block;
    vertical-align: middle
}

.markdown-preview .markdown-flow .toolbar-group .btn-item .font-icon {
    opacity: .5;
    font-size: 1.1em
}

.markdown-preview .markdown-flow .toolbar-group .btn-item b {
    font-weight: normal !important;
    margin-left: 5px
}

.markdown-preview .markdown-flow .toolbar-group .sep-line {
    display: inline-block;
    vertical-align: middle;
    width: .7px;
    height: 14px;
    margin: 0 5px;
    background: #99999930
}

.markdown-preview .markdown-flow .toolbar-group.left {
    left: 5px;
    top: 2px;
    background: #99999920;
    box-sizing: border-box;
    height: 28px;
    border-radius: 28px;
    padding: 2px
}

.markdown-preview .markdown-flow .toolbar-group.left .btn-item {
    padding: 0 8px;
    vertical-align: top;
    height: 24px;
    min-width: 24px;
    line-height: 22px
}

.markdown-preview .markdown-flow .toolbar-group.left .btn-item[data-tool="code"] {
    margin-left: 2px
}

.markdown-preview .markdown-flow .toolbar-group.right {
    right: 5px
}

.markdown-preview .markdown-flow .toolbar-group.right .btn-item {
    padding: 0;
    margin-left: 2px
}

.markdown-preview .markdown-flow .toolbar-group.right .btn-item b {
    display: none
}

.markdown-preview .markdown-flow .katex-display {
    margin: 0;
    padding: 10px 0
}

.markdown-preview .markdown-flow .flow-code .hljs {
    border: none;
    margin: 0
}

.markdown-preview .markdown-flow .flow-code .hljs .code-toolbar {
    position: absolute;
    right: 65px;
    background: none;
    top: 2px;
    padding: 0;
    box-shadow: none
}

.markdown-preview .markdown-flow .flow-code .hljs .code-lang,.markdown-preview .markdown-flow .flow-code .hljs .code-toolbar-right {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.markdown-preview .markdown-flow .flow-code .hljs .code-lang {
    opacity: .3;
    padding: 2px 4px;
    line-height: 20px;
    display: none
}

.markdown-preview .markdown-flow .flow-code .hljs .ripple-item.code-wrap {
    position: relative;
    border-radius: 4px
}

.markdown-preview .markdown-flow .flow-code .hljs .code-copy {
    display: none !important
}

.markdown-preview .markdown-flow svg {
    -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;
    border-radius: 4px;
    max-width: 100%
}

.markdown-preview .markdown-flow svg p,.markdown-preview .markdown-flow svg div,.markdown-preview .markdown-flow svg .label {
    font-family: inherit;
    color: inherit
}

.markdown-preview .markdown-flow[data-view-show="preview"] .flow-preview {
    display: block
}

.markdown-preview .markdown-flow[data-view-show="preview"] .flow-code {
    display: none
}

.markdown-preview .markdown-flow[data-view-show="preview"] .toolbar-group.left .btn-item[data-tool="preview"] {
    background: #fff;
    box-shadow: #00000005 0 0 4px 0,#0000000a 0 6px 10px 0
}

.markdown-preview .markdown-flow[data-view-show="code"] .flow-preview,.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .flow-preview {
    display: none
}

.markdown-preview .markdown-flow[data-view-show="code"] .flow-code,.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .flow-code {
    display: block
}

.markdown-preview .markdown-flow[data-view-show="code"] .toolbar-group.left .btn-item[data-tool="code"],.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .toolbar-group.left .btn-item[data-tool="code"] {
    background: #fff;
    box-shadow: #00000005 0 0 4px 0,#0000000a 0 6px 10px 0
}

.markdown-preview .markdown-flow[data-mermaid="flow-wait"] {
    box-shadow: 0 0 0 .7px #99999920
}

.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .flow-toolbar {
    opacity: 1
}

.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .flow-code .hljs .code-toolbar {
    right: 40px
}

.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .toolbar-group.left,.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .toolbar-group.right .btn-item[data-tool="download"],.markdown-preview .markdown-flow[data-mermaid="flow-wait"] .toolbar-group.right .btn-item[data-tool="fullscreen"] {
    display: none !important
}

.dark-mode .markdown-preview .markdown-flow .flow-toolbar {
    background: #ffffff09;
    border-bottom: .7px solid #ffffff0c
}

.dark-mode .markdown-preview .markdown-flow[data-view-show="code"] .toolbar-group.left .btn-item[data-tool="code"],.dark-mode .markdown-preview .markdown-flow[data-view-show="preview"] .toolbar-group.left .btn-item[data-tool="preview"] {
    background: #ffffff20
}

.markdown-preview {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.markdown-preview .markdown-menu {
    width: auto;
    overflow: auto
}

.markdown-preview .markdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.markdown-preview .markdown-menu ul li {
    list-style: none;
    margin: 0;
    cursor: pointer
}

.markdown-preview .markdown-menu a {
    text-decoration: none;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    line-height: 1.2em;
    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 {
    font-weight: 600;
    margin: 0;
    white-space: initial;
    word-break: break-all
}

.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 .markdown-menu .markdown-menu-h1 {
    margin: 8px 0px 1px 0px;
    padding: 0
}

.markdown-preview .markdown-menu .markdown-menu-h1 a {
    background: #1890ff1a;
    background: linear-gradient(-150deg, #80808005, #1890ff1a);
    font-size: 1.1em;
    line-height: 1.5em;
    padding-left: 10px
}

.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 {
    color: #ddd
}

.dark-mode .markdown-preview .footnotes {
    background: rgba(150,150,150,0.3)
}

.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: #88888810
}

.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)
}

.content-main-message {
    background-color: #f0f2f5;
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif;
    line-height: 1.5em;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.content-main-message .content-main {
    width: 60%;
    max-width: 800px;
    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
}

@-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: 1500000;
    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: 10px;
    background: url("../../images/common/loading.gif") no-repeat
}

.kui-notify .kui-notify-box .kui-notify-item.notify-loading .kui-notify-content {
    padding-bottom: 10px
}

.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;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto
}

.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
}

.pop-hover-view {
    position: fixed;
    z-index: 100;
    width: auto;
    height: auto;
    border-radius: 4px;
    background: #fff;
    transform: translateY(5px);
    opacity: 0;
    transition: opacity .3s,transform .3s;
    transition-delay: .01s;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840
}

.pop-hover-view.show-in {
    opacity: 1;
    transform: translateY(0)
}

.pop-hover-view.show-out {
    opacity: 0;
    transform: translateY(-5px)
}

.pop-hover-view.show-move {
    transition: top .15s,left .15s
}

.pop-hover-view .main-header {
    border-radius: 4px 4px 0 0;
    background: currentColor;
    height: 50px;
    line-height: 50px
}

.pop-hover-view .main-header .main-header-title {
    color: #fff;
    margin: 0 20px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop-hover-view .row-line {
    display: flex;
    padding: 0 5px;
    line-height: 24px;
    margin: 0 0 1px 0;
    border-radius: 4px
}

.pop-hover-view .row-line .line-title,.pop-hover-view .row-line .line-content {
    display: inline-block
}

.pop-hover-view .row-line .line-title {
    color: #888;
    padding-right: 10px;
    min-width: 60px
}

.pop-hover-view .row-line .line-title:after {
    content: ":";
    font-size: 10px;
    opacity: .8;
    padding: 0 2px
}

.pop-hover-view .row-line .color-label {
    margin: 0 5px 4px 0
}

.dark-mode .pop-hover-view {
    background: #223
}

.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)
}

.tab-group-line.tab-group-segment {
    display: inline-block;
    padding: 0;
    font-size: 1em;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 0 .5px #99999960;
    background: transparent
}

.tab-group-line.tab-group-segment .tab-item {
    display: inline-block;
    cursor: pointer;
    padding: 0px 8px;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    background: none;
    position: relative;
    z-index: 10;
    transition: all .2s
}

.tab-group-line.tab-group-segment .tab-item:first-child {
    margin-left: 0
}

.tab-group-line.tab-group-segment .tab-item:hover {
    color: #1890ff;
    background: #1890ff20
}

.tab-group-line.tab-group-segment .tab-item.active {
    color: #fff;
    background: none
}

.tab-group-line.tab-group-segment .tab-item .font-icon {
    position: relative;
    opacity: .7;
    padding-right: .2em;
    top: -1px
}

.tab-group-line.tab-group-segment .tab-item-bar {
    background: #1890ff;
    box-shadow: none;
    top: 1px;
    bottom: 0;
    padding: 0 8px;
    height: 28px;
    margin-left: -8px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15)
}

.tab-group-line.tab-group-segment-mac {
    display: inline-block;
    padding: 3px;
    font-size: 1em;
    background: #eee;
    border-radius: 5px
}

.tab-group-line.tab-group-segment-mac .tab-item {
    display: inline-block;
    cursor: pointer;
    padding: 0px 8px;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    color: #666;
    margin: 0 0 0 1px;
    background: none;
    position: relative;
    z-index: 10;
    transition: all .2s
}

.tab-group-line.tab-group-segment-mac .tab-item:first-child {
    margin-left: 0
}

.tab-group-line.tab-group-segment-mac .tab-item:hover,.tab-group-line.tab-group-segment-mac .tab-item.active {
    color: #222;
    background: none
}

.tab-group-line.tab-group-segment-mac .tab-item.active .font-icon {
    color: #222;
    opacity: 1
}

.tab-group-line.tab-group-segment-mac .tab-item .font-icon {
    position: relative;
    opacity: .7;
    padding-right: .2em;
    top: -1px
}

.tab-group-line.tab-group-segment-mac .tab-item-bar {
    background: #fff;
    box-shadow: none;
    top: 7px;
    bottom: 0;
    padding: 0 8px;
    height: 25px;
    margin-left: -8px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15)
}

.dark-mode .tab-group-line.tab-group-segment-mac {
    background: #ffffff30
}

.dark-mode .tab-group-line.tab-group-segment-mac .tab-item {
    color: #999
}

.dark-mode .tab-group-line.tab-group-segment-mac .tab-item:hover,.dark-mode .tab-group-line.tab-group-segment-mac .tab-item.active {
    color: #fff
}

.dark-mode .tab-group-line.tab-group-segment-mac .tab-item.active .font-icon {
    color: #fff
}

.dark-mode .tab-group-line.tab-group-segment-mac .tab-item-bar {
    background: #ffffff30
}

.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;
    transition: all .3s;
    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
}

.tips-box {
    z-index: 50;
    min-height: 40px;
    margin-top: 15px;
    line-height: 40px;
    max-width: 90%;
    min-width: 160px;
    width: max-content;
    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 #e6e6e6;
    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:90%
    }
}

.tips-box p {
    margin: 0 0 10px;
    padding: 0
}

.tips-box .tips-msg {
    color: #8492a6;
    padding: 10px 40px 0px 50px;
    line-height: 1.6em;
    max-height: 50vh;
    overflow-y: auto
}

.tips-box .tips-msg p li {
    border-left: 4px solid #e6e6e6;
    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
}

.tips-box {
    margin-left: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    box-shadow: 0 5px 15px #00000015,0 0 0 .7px #0000000a;
    transition: transform .2s
}

.tips-box .tips-icon {
    width: 22px;
    height: 22px;
    line-height: 21px;
    border-radius: 22px;
    font-size: 11px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.tips-box .tips-close {
    font-size: 18px;
    line-height: 35px
}

.tips-box .tips-msg {
    padding: 8px 40px 0px 45px
}

.tips-box[tips-index='1'] {
    transform: translateX(-50%) translateY(-6px) scale(.9)
}

.tips-box[tips-index='2'] {
    transform: translateX(-50%) translateY(-12px) scale(.8)
}

.tips-box[tips-index='3'],.tips-box[tips-index='hide'] {
    transform: translateX(-50%) translateY(-18px) scale(.7)
}

.dark-mode .tips-box {
    background: #222222e0
}

.dark-mode .tips-box .tips-msg {
    color: #eee
}

.dark-mode .tips-box .tips-close {
    color: #777
}

.dark-mode .tips-box .tips-close:hover,.dark-mode .tips-box .tips-close:active {
    color: #f30
}

.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
}

.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: -2px;
    margin-left: -4px
}

.ztree li span.tree_icon .path-ico {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

.ztree li span.tree_icon img {
    width: 20px;
    height: auto;
    max-height: 20px;
    object-fit: cover;
    border-radius: 2px;
    box-sizing: border-box
}

.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 .is-dragging-view .drag-view {
    background: none
}

.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)
}

.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
}

.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 #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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;
    position: relative
}

.kodTable .content .list-table .list-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: .5px solid #e6e6e6
}

.kodTable .content .list-table .list-row .ripple-item {
    user-select: none
}

.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;
    font-size: 18px;
    background: #cfebf9;
    color: #1890ff;
    cursor: move !important;
    box-shadow: 5px 0 5px #00000020
}

.kodTable .content .list-table .list-row .drag-item:after {
    content: "\e66f";
    font-family: "kod-svg-font" !important
}

.kodTable .content .list-table.is-dragging-view .list-row:hover {
    background: none !important
}

.kodTable .content .list-table.is-dragging-view .list-row .drag-item {
    display: none !important
}

.kodTable .content .list-table.is-dragging-view .list-row.drag-view {
    visibility: hidden !important
}

.kodTable .content .list-table.is-dragging-view .list-row.is-dragging .drag-item {
    display: block !important;
    opacity: .9
}

.kodTable .content .list-table.is-dragging-view .list-row.is-dragging {
    background: #e5f3ff
}

.kodTable .content .list-table .list-row:hover .drag-item {
    opacity: .7
}

.kodTable .content .list-table .list-row:hover .drag-item:hover {
    opacity: .95
}

.kodTable .content .list-table.can-drag-sort .list-row .drag-item {
    display: block
}

.font-icon.drag-item:before {
    content: "\e66f";
    font-family: "kod-svg-font" !important
}

@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 #e6e6e6;
        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-smallx:active+em:after,input[type="checkbox"].kui-switch.size-smallx:active+em:after {
        width: 13px
    }

    input[type="checkbox"].kui-checkbox-ios.size-smallx:active:checked+em:after,input[type="checkbox"].kui-switch.size-smallx:active:checked+em:after {
        margin-left: 10px
    }

    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.size-small:active+em:after,input[type="checkbox"].kui-switch.size-small:active+em:after {
        width: 18px
    }

    input[type="checkbox"].kui-checkbox-ios.size-small:active:checked+em:after,input[type="checkbox"].kui-switch.size-small:active:checked+em:after {
        margin-left: 13px
    }

    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:active+em:after,input[type="checkbox"].kui-switch:active+em:after {
        width: 23px
    }

    input[type="checkbox"].kui-checkbox-ios:active:checked+em:after,input[type="checkbox"].kui-switch:active:checked+em:after {
        margin-left: 16px
    }

    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-big:active+em:after,input[type="checkbox"].kui-switch.size-big:active+em:after {
        width: 28px
    }

    input[type="checkbox"].kui-checkbox-ios.size-big:active:checked+em:after,input[type="checkbox"].kui-switch.size-big:active:checked+em:after {
        margin-left: 19px
    }

    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.size-bigx:active+em:after,input[type="checkbox"].kui-switch.size-bigx:active+em:after {
        width: 33px
    }

    input[type="checkbox"].kui-checkbox-ios.size-bigx:active:checked+em:after,input[type="checkbox"].kui-switch.size-bigx:active:checked+em:after {
        margin-left: 22px
    }

    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 #e6e6e6;
        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','微软雅黑','Lantinghei SC',Courier,'Helvetica',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,.ace_editor .font-icon.wrap-mode {
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #aaa;
    font-size: .9em;
    color: #1890ff;
    background: #1890ff1a;
    right: 5px;
    top: 5px;
    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,.ace_editor .font-icon.wrap-mode: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 .font-icon.wrap-mode:hover,.ace_editor .editor-full-screen:active,.ace_editor .font-icon.wrap-mode:active,.ace_editor .editor-full-screen:focus,.ace_editor .font-icon.wrap-mode:focus {
    background: #1890ff35
}

.ace_editor .font-icon.wrap-mode {
    right: 35px;
    top: 5px
}

.ace_editor .font-icon.wrap-mode:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f200"
}

.ace_editor .font-icon.wrap-mode.auto-wrap {
    color: #fff;
    background: #1890ff
}

.ace_editor .font-icon.wrap-mode.auto-wrap:hover,.ace_editor .font-icon.wrap-mode.auto-wrap:active,.ace_editor .font-icon.wrap-mode.auto-wrap:focus {
    background: #1890ff90
}

.ace_editor:hover .editor-full-screen,.ace_editor:hover .font-icon.wrap-mode {
    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 #e6e6e6;
    border-right: none;
    text-align: center
}

.ace_editor .ace_search .ace_searchbtn:last-child {
    border-right: 1px solid #e6e6e6
}

.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 #e6e6e6;
    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','微软雅黑','Lantinghei SC',Courier,'Helvetica',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_selected-word {
    width: 100%
}

.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
}

.ace_editor.ace-ambiance .ace_gutter-layer,.ace_editor.ace-ambiance .ace_text-layer {
    background-image: none !important
}

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 #e6e6e6;
    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
}

div.xdsoft_datetimepicker {
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s;
    border: none;
    border-top: 4px solid #39f;
    border-radius: 4px;
    margin-top: 10px;
    height: 275px
}

div.xdsoft_datetimepicker .xdsoft_datepicker,div.xdsoft_datetimepicker .xdsoft_timepicker {
    height: 100%
}

div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 225px
}

div.xdsoft_datetimepicker .xdsoft_monthpicker {
    padding: 5px 0
}

div.xdsoft_datetimepicker .xdsoft_monthpicker button,div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label {
    border-radius: 4px
}

div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button,div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
    background-image: none;
    line-height: 30px;
    width: 28px;
    text-indent: 0;
    text-align: center;
    margin: 0
}

div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:before,div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button:before,div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:before {
    font-size: 18px;
    content: "\ea64";
    font-family: 'remixicon' !important
}

div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:before {
    content: "\ea64"
}

div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button:before {
    content: "\ee1d"
}

div.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:before {
    content: "\ea6e"
}

div.xdsoft_datetimepicker .xdsoft_monthpicker:after {
    content: "";
    clear: both;
    display: block
}

div.xdsoft_datetimepicker .xdsoft_calendar thead th {
    background: #2196f30f
}

div.xdsoft_datetimepicker .xdsoft_calendar thead tr th:first-child {
    border-radius: 3px 0 0 3px
}

div.xdsoft_datetimepicker .xdsoft_calendar thead tr th:last-child {
    border-radius: 0 3px 3px 0
}

div.xdsoft_datetimepicker .xdsoft_calendar tbody {
    position: relative;
    top: 8px
}

div.xdsoft_datetimepicker .xdsoft_calendar tbody tr td {
    border-radius: 20px
}

.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.span-title-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.dialog-form.form-box-title-block .form-box .form-row.form-input-text .setting-content .input-title-right {
    position: absolute;
    z-index: 10;
    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;
    margin-top: 0;
    margin-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[type="text"] {
    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;
    display: block;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px
}

.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal:before,.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal:after {
    margin-top: 13px
}

.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal .slider-handle {
    margin-top: 7px
}

.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal .slider-track {
    margin-top: -2px
}

.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%;
    min-width: inherit
}

.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.form-number .setting-content input.span-title-right {
    padding-right: 35px
}

.dialog-form.form-box-title-block .form-box .form-row.inline {
    border: none;
    padding-right: 0;
    box-sizing: border-box
}

.dialog-form.form-box-title-block .form-box .form-row.inline.form-input-text .setting-content input {
    border-radius: 4px
}

.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-1 {
    width: 8.33333%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-2 {
    width: 16.6666%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-3 {
    width: 25%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-4 {
    width: 33.3333%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-5 {
    width: 41.6666%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-6 {
    width: 50%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-7 {
    width: 58.3333%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-8 {
    width: 66.6666%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-9 {
    width: 75%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-10 {
    width: 83.3333%
}

.dialog-form.form-box-title-block .form-box .form-row.inline.inline-last {
    padding-right: 20px
}

.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;
    position: relative;
    top: -2px
}

.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
}

.artDialog.dialog-form .aui-title .x-item-icon {
    top: 0
}

.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: -1px
}

.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 #e6e6e6
}

.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 .svg-icon {
    vertical-align: text-top;
    margin-right: 5px
}

.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-title-block .form-box.config-box .panel-form-body {
    padding: 10px 0
}

.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 .setting-content>input[disabled]+.btn+.input-clear,.form-box .form-row .setting-content>input[readonly]+.btn+.input-clear,.form-box .form-row .setting-content>input[disabled]+.input-clear,.form-box .form-row .setting-content>input[readonly]+.input-clear {
    visibility: hidden;
    opacity: 0;
    display: none !important
}

.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.form-htmlEditor .tox-tinymce {
    transition: opacity .2s
}

.form-box .form-row.form-htmlEditor.is-loading .tox-tinymce {
    opacity: .01
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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,.form-box .form-row .select2-container {
    width: 268px;
    margin-right: 10px;
    display: inline-block;
    max-width: 100%
}

.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 #e6e6e6;
    margin-bottom: 0;
    width: 100% !important;
    position: relative;
    box-sizing: border-box;
    height: 150px;
    padding-right: 10px;
    font: 14px;
    font-style: normal;
    font-family: Menlo,Consolas,source-code-pro,Monaco,'Liberation Mono','Ubuntu Mono',monospace,'Microsoft Yahei','微软雅黑','Lantinghei SC',Courier,'Helvetica',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-codeEditor .setting-content>textarea,.form-box .form-row.form-htmlEditor .setting-content>textarea,.form-box .form-row.form-textarea textarea {
    border: 1px solid #e6e6e6;
    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;
    resize: vertical;
    color: #444;
    margin-right: 10px;
    width: 100%;
    height: 130px;
    margin-bottom: 5px;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
    transition: none
}

.form-box .form-row.form-codeEditor .setting-content>textarea:hover,.form-box .form-row.form-htmlEditor .setting-content>textarea:hover,.form-box .form-row.form-textarea textarea:hover,.form-box .form-row.form-codeEditor .setting-content>textarea:active,.form-box .form-row.form-htmlEditor .setting-content>textarea:active,.form-box .form-row.form-textarea textarea:active {
    border-color: #75A1F0
}

.form-box .form-row.form-codeEditor .setting-content>textarea:focus,.form-box .form-row.form-htmlEditor .setting-content>textarea:focus,.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-codeEditor .setting-content>textarea.disabled,.form-box .form-row.form-htmlEditor .setting-content>textarea.disabled,.form-box .form-row.form-textarea textarea.disabled,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='true'],.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='true'],.form-box .form-row.form-textarea textarea[readonly='true'],.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='readonly'],.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='readonly'],.form-box .form-row.form-textarea textarea[readonly='readonly'] {
    opacity: .7;
    cursor: not-allowed
}

.form-box .form-row.form-codeEditor .setting-content>textarea.disabled:hover,.form-box .form-row.form-htmlEditor .setting-content>textarea.disabled:hover,.form-box .form-row.form-textarea textarea.disabled:hover,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='true']:hover,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='true']:hover,.form-box .form-row.form-textarea textarea[readonly='true']:hover,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='readonly']:hover,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='readonly']:hover,.form-box .form-row.form-textarea textarea[readonly='readonly']:hover,.form-box .form-row.form-codeEditor .setting-content>textarea.disabled:active,.form-box .form-row.form-htmlEditor .setting-content>textarea.disabled:active,.form-box .form-row.form-textarea textarea.disabled:active,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='true']:active,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='true']:active,.form-box .form-row.form-textarea textarea[readonly='true']:active,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='readonly']:active,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='readonly']:active,.form-box .form-row.form-textarea textarea[readonly='readonly']:active {
    border-color: #e6e6e6
}

.form-box .form-row.form-codeEditor .setting-content>textarea.disabled:focus,.form-box .form-row.form-htmlEditor .setting-content>textarea.disabled:focus,.form-box .form-row.form-textarea textarea.disabled:focus,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='true']:focus,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='true']:focus,.form-box .form-row.form-textarea textarea[readonly='true']:focus,.form-box .form-row.form-codeEditor .setting-content>textarea[readonly='readonly']:focus,.form-box .form-row.form-htmlEditor .setting-content>textarea[readonly='readonly']:focus,.form-box .form-row.form-textarea textarea[readonly='readonly']:focus {
    border-color: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.form-box .form-row.form-codeEditor .setting-content>textarea:focus,.form-box .form-row.form-htmlEditor .setting-content>textarea:focus,.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.row-block .setting-title {
    float: none;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.form-box .form-row.row-block .setting-content {
    float: none;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.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 #e6e6e6;
    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.btn:hover,.form-box .form-row .setting-content .input-title-right.btn:hover,.form-box .form-row .setting-content .input-title-left.kui-btn:hover,.form-box .form-row .setting-content .input-title-right.kui-btn: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 #e6e6e6;
    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-selectTree .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-selectTree .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-selectTree .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 #e6e6e6;
    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%;
    min-width: inherit
}

.app-wap-small .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-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 #e6e6e6;
    overflow: auto;
    z-index: 100000
}

span.select2-container .select2-dropdown .select2-search__field {
    border: 1px solid #e6e6e6
}

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 #e6e6e6;
    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;
    text-overflow: clip
}

span.select2-container .select2-selection .select2-selection__rendered .path-ico {
    padding: 0 1px;
    width: auto;
    margin-right: 2px
}

span.select2-container .select2-selection .select2-selection__rendered .path-ico .font-icon {
    line-height: 15px;
    padding-right: 0;
    font-size: 18px;
    width: 18px;
    vertical-align: bottom
}

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 .select2-selection__clear,span.select2-container:active .select2-selection .select2-selection__clear,span.select2-container:focus .select2-selection .select2-selection__clear {
    visibility: visible;
    opacity: 1
}

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 {
    visibility: visible;
    opacity: 1
}

span.select2-container .select2-selection .select2-selection__clear {
    visibility: hidden;
    opacity: 0;
    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: #99999915;
    background: linear-gradient(to bottom, #99999905, #99999920)
}

span.select2-container .select2-selection--multiple:hover,span.select2-container .select2-selection--multiple:active {
    background: #99999915;
    background: linear-gradient(to bottom, #99999905, #99999920)
}

span.select2-container .select2-selection--single {
    background: #99999906;
    border-radius: 4px;
    background: linear-gradient(to bottom, #99999900, #99999910)
}

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: #888;
    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: max-content;
    overflow: hidden
}

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
}

.form-row.form-groupAuth span.select2-container .select2-selection--single .select2-selection__clear,.form-row.form-role span.select2-container .select2-selection--single .select2-selection__clear {
    display: none !important
}

.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 .select2-dropdown.form-select2-dropdown-type-colorLabel {
    padding: 0;
    width: 290px !important
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-colorLabel .select2-search {
    display: none !important
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-colorLabel .select2-results__option {
    width: 30px;
    height: 30px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 40px;
    float: left
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico {
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    left: 5px
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico .x-item-icon {
    width: 18px;
    height: 18px
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-colorLabel .select2-results__option span {
    display: none
}

span.select2-container .select2-dropdown.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: 6px;
    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 {
    margin-left: -225px
}

.form-select2-dropdown-type-group-auth {
    width: max-content !important
}

.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;
    overflow: hidden;
    text-overflow: inherit
}

.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: 18px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    color: #999;
    margin-right: 5px;
    position: relative;
    top: 0px
}

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: 0px
}

span.select2-container .path-ico .x-item-icon.x-tag-label {
    top: 2px
}

span.select2-container .path-ico .picture.ico img {
    width: 18px;
    height: 18px;
    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 #e6e6e6;
    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: #e6e6e6
}

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: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

span.select2-container .select2-results__option {
    color: #666;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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: 0px
}

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

span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__options {
    max-height: 300px;
    padding: 4px;
    overflow: auto;
    margin-top: 10px
}

span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    float: left;
    width: 58px;
    height: 58px;
    line-height: 24px;
    border: 1px solid #eee;
    padding: 1px 0px 1px 1px;
    margin: 0 -1px -1px 0;
    padding: 1px 0px 1px 1px !important;
    margin: 0 5px 5px 0 !important;
    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 .select2-dropdown.form-select2-dropdown-key-storeType,span.select2-container .select2-dropdown.form-select2-dropdown-key-fileType {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 0 5px 0
}

span.select2-container .select2-dropdown.form-select2-dropdown-key-storeType .select2-results,span.select2-container .select2-dropdown.form-select2-dropdown-key-fileType .select2-results {
    display: block;
    width: 100%
}

span.select2-container .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options,span.select2-container .select2-dropdown.form-select2-dropdown-key-fileType .select2-results__options {
    padding: 2px 0;
    overflow: auto;
    min-height: 280px;
    overflow-x: hidden
}

span.select2-container .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options .select2-results__option,span.select2-container .select2-dropdown.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 .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options .select2-results__option .path-ico,span.select2-container .select2-dropdown.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 .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options .select2-results__option[role="group"],span.select2-container .select2-dropdown.form-select2-dropdown-key-fileType .select2-results__options .select2-results__option[role="group"] {
    margin: 0;
    padding: 8px 6px
}

span.select2-container .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options .select2-results__option[aria-selected=true]:after,span.select2-container .select2-dropdown.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 .select2-dropdown.form-select2-dropdown-key-storeType .select2-search--dropdown {
    display: none!important
}

span.select2-container .select2-dropdown.form-select2-dropdown-key-storeType .select2-results__options .select2-results__option .path-ico img {
    width: 40px;
    height: 40px;
    vertical-align: top
}

.dialog-form .form-box .form-row.form-dateTime.item-not-empty .setting-content:hover .input-clear,.dialog-form.form-box-title-block .form-box .form-row.form-dateTime.item-not-empty .setting-content:hover .input-clear,.dialog-form .form-box .form-row.form-fileSelect.item-not-empty .setting-content:hover .input-clear,.dialog-form.form-box-title-block .form-box .form-row.form-fileSelect.item-not-empty .setting-content:hover .input-clear {
    visibility: visible;
    opacity: 1
}

.dialog-form .form-box .form-row.form-dateTime.item-not-empty .setting-content .input-clear,.dialog-form.form-box-title-block .form-box .form-row.form-dateTime.item-not-empty .setting-content .input-clear,.dialog-form .form-box .form-row.form-fileSelect.item-not-empty .setting-content .input-clear,.dialog-form.form-box-title-block .form-box .form-row.form-fileSelect.item-not-empty .setting-content .input-clear {
    margin-left: -75px;
    z-index: 50
}

.dialog-form.form-box-title-block .form-box .form-row.form-dateTime.item-not-empty .setting-content .input-clear,.dialog-form.form-box-title-block .form-box .form-row.form-fileSelect.item-not-empty .setting-content .input-clear {
    margin-left: 0;
    right: 30px;
    z-index: 50
}

.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
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-radius: 4px
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection__rendered,.select2-container--default.select2-container--open.select2-container--above .select2-selection__rendered {
    border-radius: 4px
}

span.select2-container .select2-selection {
    transition: all .2s
}

span.select2-container .select2-selection__arrow,span.select2-container .select2-selection--multiple ul.select2-selection__rendered:after {
    opacity: .5
}

span.select2-container:hover .select2-selection__arrow,span.select2-container.select2-container--focus .select2-selection__arrow,span.select2-container:hover .select2-selection--multiple ul.select2-selection__rendered:after,span.select2-container.select2-container--focus .select2-selection--multiple ul.select2-selection__rendered:after {
    opacity: 1 !important
}

span.select2-container .select2-selection .select2-selection__clear {
    background: #22222230;
    color: #fff;
    border: none;
    transition: all .2s
}

span.select2-container .select2-selection .select2-selection__clear:hover {
    color: #f30;
    background: #ff330030;
    border: none
}

span.select2-container .select2-selection.select2-selection--single .select2-selection__clear {
    display: none
}

span.select2-container .select2-results__option .select-label.select-label-full {
    padding: 0 8px
}

span.select2-container .select2-selection.select2-selection--multiple .select2-selection__choice .select-label.select-label-full {
    padding: 0 15px 0 8px
}

.select-item-hover {
    color: inherit;
    background: #88888810
}

.select-item-select {
    color: #1890ff;
    background: #1890ff10
}

.select-item-select-hover {
    color: #1890ff;
    background: #1890ff20
}

span.select2-container .select2-dropdown {
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s;
    border-radius: 4px;
    border: none;
    padding: 0;
    margin: 0;
    min-width: 200px
}

span.select2-container .select2-dropdown .select2-search--dropdown {
    padding: 10px 10px 0 10px;
    margin-bottom: -2px
}

span.select2-container .select2-dropdown.select2-dropdown--below {
    margin-top: 2px
}

span.select2-container .select2-dropdown.select2-dropdown--above {
    margin-bottom: 2px;
    box-shadow: 0 0 0 .5px #88888830,0 -10px 40px 0 #88888840
}

span.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
    height: 26px;
    line-height: 26px;
    margin: 0;
    cursor: default;
    background: none !important
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__options {
    padding: 10px
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__options.select2-results__options--nested {
    padding: 0 !important
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option {
    margin: 0 0 2px 0;
    padding: 0 5px 0 10px;
    line-height: 30px;
    border-radius: 5px;
    transition: all .2s
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option:hover,span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option.select2-results__option--highlighted {
    color: inherit;
    background: #88888810
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option[role="group"] {
    cursor: default
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option[role="group"]:hover {
    background: none
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option[aria-selected=true] {
    color: #1890ff;
    background: #1890ff10
}

span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option[aria-selected=true]:hover,span.select2-container .select2-dropdown:not(.form-select2-dropdown-type-tags) .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    color: #1890ff;
    background: #1890ff20
}

span.select2-container .select2-dropdown .user-info .path-ico {
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px
}

.form-box .form-row.form-radio.style-list .setting-content label,.form-box .form-row.form-checkbox.style-list .setting-content label {
    display: block;
    transition: all .2s;
    top: 0;
    padding: 0 8px;
    margin: 0 0 1px -8px;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.form-box .form-row.form-radio.style-list .setting-content label>input,.form-box .form-row.form-checkbox.style-list .setting-content label>input,.form-box .form-row.form-radio.style-list .setting-content label>em,.form-box .form-row.form-checkbox.style-list .setting-content label>em {
    display: none !important
}

.form-box .form-row.form-radio.style-list .setting-content label.driver-line,.form-box .form-row.form-checkbox.style-list .setting-content label.driver-line {
    pointer-events: none;
    display: block;
    border-bottom: .5px solid #77777730;
    margin: 5px 0 6px 0;
    padding: 0;
    min-height: 0;
    height: 0;
    line-height: 0
}

.form-box .form-row.form-radio.style-list .setting-content label.driver-line span,.form-box .form-row.form-checkbox.style-list .setting-content label.driver-line span {
    display: none
}

.form-box .form-row.form-radio.style-list .setting-content label:after,.form-box .form-row.form-checkbox.style-list .setting-content label:after {
    content: "\eb7a";
    font-family: "remixicon" !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #1890ff;
    font-size: 18px;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
    transform: rotate(-60deg) scale(.3)
}

.form-box .form-row.form-radio.style-list .setting-content label.select:after,.form-box .form-row.form-checkbox.style-list .setting-content label.select:after {
    opacity: 1;
    visibility: visible;
    transform: rotate(0) scale(1)
}

.form-box .form-row.form-radio.style-list .setting-content label:hover,.form-box .form-row.form-checkbox.style-list .setting-content label:hover {
    color: inherit;
    background: #88888810
}

.form-box .form-row.form-radio.style-list .setting-content label.select,.form-box .form-row.form-checkbox.style-list .setting-content label.select {
    color: #1890ff;
    background: #1890ff10
}

.form-box .form-row.form-radio.style-list .setting-content label.select:hover,.form-box .form-row.form-checkbox.style-list .setting-content label.select:hover {
    color: #1890ff;
    background: #1890ff20
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal {
    padding-left: 5px;
    margin: 0 5px 1px 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    transition: all .2s
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal:after {
    content: "\eb7a";
    font-family: "remixicon" !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #1890ff;
    font-size: 18px;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
    transform: rotate(-60deg) scale(.3)
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal.this:after {
    visibility: visible;
    opacity: 1;
    transform: rotate(0) scale(1)
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal:hover,.context-menu-list .context-menu-item.not-selectable .select-item.item-normal.hover {
    color: inherit;
    background: #88888810
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal.this {
    color: #1890ff;
    background: #1890ff10
}

.context-menu-list .context-menu-item.not-selectable .select-item.item-normal.this:hover,.context-menu-list .context-menu-item.not-selectable .select-item.item-normal.this.hover {
    color: #1890ff;
    background: #1890ff20
}

.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item:after {
    opacity: 0;
    visibility: hidden;
    transform: rotate(-60deg) scale(.3)
}

.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item.select-item:after {
    visibility: visible;
    opacity: 1;
    transform: rotate(0) scale(1)
}

.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item:hover,.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item.hover {
    color: inherit;
    background: #88888810
}

.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item.select-item {
    color: #1890ff;
    background: #1890ff10
}

.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item.select-item:hover,.context-menu-list .context-menu-item.menu-select-items>.context-menu-list>.context-menu-item.select-item.hover {
    color: #1890ff;
    background: #1890ff20
}

span.select2-container .select-tree-item .space,span.select2-container .select-tree-item .cert,span.select2-container .select-tree-item .icon,span.select2-container .select-tree-item .name {
    display: inline-block
}

span.select2-container .select-tree-item .name .is-parent-name {
    margin-right: 5px
}

span.select2-container .select-tree-item .name .is-parent-name:after {
    font-family: "remixicon";
    font-style: normal;
    line-height: 1em;
    font-size: 1.3em;
    content: "\ea53";
    display: inline-block;
    text-align: center;
    width: 1.2em;
    vertical-align: middle;
    opacity: .5;
    font-size: 1.5em
}

span.select2-container .select-tree-item .cert {
    transition: all .2s;
    border-radius: 4px;
    visibility: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 -4px 0 -1px
}

span.select2-container .select-tree-item .cert:after {
    font-family: "remixicon";
    font-style: normal;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    content: "\ea6d";
    opacity: .8;
    transition: all .2s;
    transform: rotate(0deg);
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    opacity: .5;
    font-size: 1.5em;
    position: relative;
    top: -0.05em
}

span.select2-container .select-tree-item .cert:hover {
    background-color: #99999930
}

span.select2-container .select-tree-item.select-hidden {
    display: none
}

span.select2-container .select-tree-item.has-child>.cert {
    visibility: visible
}

span.select2-container .select-tree-item.has-child.is-open>.cert:after {
    opacity: 1;
    transform: rotate(90deg)
}

span.select2-container .select2-selection .select-tree-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

span.select2-container .select2-selection .select-tree-item .space,span.select2-container .select2-selection .select-tree-item .cert {
    display: none !important
}

span.select2-container .select2-selection .select-tree-item .icon.font-icon {
    position: relative;
    top: -1px
}

span.select2-container .select2-selection .select-tree-item .name .is-parent-name {
    margin-right: 5px
}

span.select2-container .select2-selection .select-tree-item .name .is-parent-name:after {
    width: .8em;
    font-size: 1.2em;
    position: relative;
    top: -1px
}

span.select2-container .select2-selection .select-tree-item .name {
    display: inline
}

span.select2-container .select2-selection.select2-selection--multiple .select2-search--inline {
    height: 29px;
    line-height: 20px
}

span.select2-container .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding-top: 0px
}

span.select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
    margin-top: 2.5px
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-selectTree .select2-results__options.is-restore-open .select-tree-item .cert,span.select2-container .select2-dropdown.form-select2-dropdown-type-selectTree .select2-results__options.is-restore-open .select-tree-item .cert:after {
    transition: none !important
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-selectTree .select2-results__option {
    margin: 0;
    padding: 0;
    line-height: 30px;
    border-radius: 5px;
    transition: all .2s
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-selectTree .select2-results__option .path-ico {
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    left: 5px
}

span.select2-container .select2-dropdown.form-select2-dropdown-type-selectTree .select2-results__option .path-ico .x-item-icon {
    width: 18px;
    height: 18px
}

.form-box .form-row.form-userSelect .setting-content .kod-select {
    width: 360px
}

.form-box .form-row.form-userSelect .setting-content .user-select-role select,.form-box .form-row.form-userSelect .setting-content .user-select-role .select2-container {
    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 #e6e6e6;
    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: 8px;
    color: #666
}

.form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico {
    line-height: 15px;
    margin: 0 5px 0 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: 2px;
    color: #999;
    text-align: center
}

.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-single .kod-select-title .user-info .path-ico {
    border-radius: 20px
}

.form-box .form-row .setting-content .kod-select.select-mutil {
    padding-bottom: 1px;
    min-height: 30px;
    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;
    padding-bottom: 1px;
    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: 3px 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: 1.5px;
    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 {
    opacity: .5
}

.form-row .kod-select-main.auth-table .item-choice.disabled .item-remove {
    display: none !important
}

.form-row .kod-select-main.auth-table .item-choice.disabled .select-role {
    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:not(.disabled):hover,.form-row .kod-select-main.auth-table .item-choice:not(.disabled):active,.form-row .kod-select-main.auth-table .item-choice:not(.disabled):focus {
    background: #e6f7ff;
    border-color: #91d5ff;
    z-index: 999;
    position: relative
}

.form-row .kod-select-main.auth-table .item-choice:not(.disabled):hover .item-remove,.form-row .kod-select-main.auth-table .item-choice:not(.disabled):active .item-remove,.form-row .kod-select-main.auth-table .item-choice:not(.disabled):focus .item-remove {
    display: block;
    opacity: 1
}

.form-row .kod-select-main.auth-table .item-choice.auth-role-disable {
    opacity: .3
}

.form-row .kod-select-main.auth-table .item-choice.auth-role-disable .item-remove {
    pointer-events: none;
    display: none !important
}

.form-row .kod-select-main.auth-table .item-choice.auth-role-disable .select-role {
    pointer-events: none
}

.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: 0;
    padding-right: 5px;
    vertical-align: middle
}

.form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text .path-ico .svg-icon,.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text .path-ico .svg-icon {
    position: relative;
    top: -3px;
    vertical-align: top
}

.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;
    background: #ffffffe0;
    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;
    vertical-align: text-top
}

.form-row .kod-select-main .path-ico .picture.ico img {
    border-radius: 50%
}

.form-row .kod-select-main .path-ico .svg-icon {
    position: relative;
    top: 0px
}

.form-row .kod-select-main .kod-select .clear-select {
    display: none;
    position: absolute;
    z-index: 99;
    right: 8px;
    top: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    margin-top: -11px;
    color: #777;
    background: #fff;
    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: 30px;
    position: absolute;
    left: 10px;
    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;
    white-space: nowrap;
    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;
    overflow: hidden;
    width: 18px;
    opacity: .5
}

.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: none;
    border-radius: 4px;
    margin-top: -2px;
    z-index: 99999;
    background: #fff;
    width: 300px;
    min-width: 300px;
    max-width: 500px;
    box-shadow: 0 0 0 .5px #88888840,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 {
    line-height: 26px
}

.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: #99999920
}

.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: 2px;
    border-radius: 50%
}

.kod-user-group-select .group-list-search .search-item .path-ico img {
    top: 2px
}

.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: #99999910;
    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: #99999920;
    color: #444
}

.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget {
    background: #99999910
}

.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: #99999920;
    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"
}

.kod-user-group-select .group-list-search .name-desc,.kod-user-group-select .group-list-tree .name-desc {
    font-size: 10px;
    opacity: .5;
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em
}

.dark-mode .form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .select2-container .select2-selection--single {
    background: #000000e0
}

.form-box .form-row.form-slider .slider {
    min-width: 60px;
    max-width: calc(100% - 105px);
    float: left;
    box-sizing: border-box
}

.form-box .form-row.form-slider input.form-input-text {
    height: 30px;
    line-height: 30px;
    width: 80px;
    box-sizing: border-box;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    padding-left: 8px
}

.form-box .form-row.form-slider input.form-input-text::-webkit-inner-spin-button {
    opacity: .2;
    width: 15px
}

.form-box .form-row.form-slider input.form-input-text:hover::-webkit-inner-spin-button {
    opacity: 1
}

.form-box .form-row.form-slider .clear {
    clear: both;
    float: none;
    display: block
}

.dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal {
    width: calc(100% - 105px)
}

.app-wap-small .form-box .form-row.form-slider .setting-content input.form-input-text {
    height: 30px;
    line-height: 30px
}

.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: -10px;
    margin-top: 4px;
    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: -5px;
    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 .setting-content {
    overflow-x: auto
}

.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-view {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    position: relative
}

.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%;
    white-space: nowrap;
    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.is-dragging-view .list-row .row-action {
    display: none !important
}

.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: #1890ff17;
    color: #1890ff;
    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: .2em
}

.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;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    max-width: calc(100vw - 20px)
}

.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: none
}

.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;
    padding-left: 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;
    vertical-align: middle
}

.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 .setting-content .input-clear {
    margin-left: -30px;
    line-height: 28px;
    height: 28px
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right+.input-clear {
    margin-left: -66px
}

.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 span.select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 100%;
    white-space: nowrap
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    float: none;
    display: inline-block
}

.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
}

.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    display: block;
    line-height: 25px
}

.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
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    display: block;
    line-height: 23px
}

.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
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    display: block;
    line-height: 27px
}

.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.form-checkbox.switch-block.kui-checkbox-ios .setting-title.no-title {
    padding-top: 0;
    height: 0
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios .setting-content {
    width: 100%;
    box-sizing: border-box
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label {
    display: block;
    position: relative;
    border-radius: 5px;
    padding: 10px;
    margin: 0 -10px 5px -10px
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: .5px solid #99999930
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label:hover {
    background: #99999910
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label em {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label .label-title,.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label .label-desc {
    padding-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label .label-title {
    font-size: 1.1em
}

.form-box .form-row.form-checkbox.switch-block.kui-checkbox-ios label .label-desc {
    opacity: .4;
    font-size: .9em
}

.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
}

span.select2-container .select2-selection__rendered .select-item .label-item,span.select2-container .select2-dropdown .select2-results__option .select-item .label-item,.form-box .form-row.form-radio.style-list .setting-content label .select-item .label-item,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item .label-item {
    display: inline-block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 4px;
    border-radius: 20px;
    box-shadow: 0 0 0 .2px currentColor
}

span.select2-container .select2-selection__rendered .select-item .user-info .path-ico,span.select2-container .select2-dropdown .select2-results__option .select-item .user-info .path-ico,.form-box .form-row.form-radio.style-list .setting-content label .select-item .user-info .path-ico,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item .user-info .path-ico {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding-right: 0;
    margin-top: -4px;
    position: relative;
    top: 2px;
    text-align: center;
    vertical-align: baseline
}

span.select2-container .select2-selection__rendered .select-item .user-info .path-ico img,span.select2-container .select2-dropdown .select2-results__option .select-item .user-info .path-ico img,.form-box .form-row.form-radio.style-list .setting-content label .select-item .user-info .path-ico img,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item .user-info .path-ico img {
    width: 20px;
    height: 20px
}

span.select2-container .select2-selection__rendered .select-item-user-field.select-label,span.select2-container .select2-dropdown .select2-results__option .select-item-user-field.select-label,.form-box .form-row.form-radio.style-list .setting-content label .select-item-user-field.select-label,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item-user-field.select-label {
    display: inline-block
}

span.select2-container .select2-selection__rendered .select-item-user-field.select-label .tag-icon,span.select2-container .select2-dropdown .select2-results__option .select-item-user-field.select-label .tag-icon,.form-box .form-row.form-radio.style-list .setting-content label .select-item-user-field.select-label .tag-icon,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item-user-field.select-label .tag-icon {
    display: inline-block;
    background: currentColor;
    margin-right: 5px;
    position: relative;
    top: 2px;
    z-index: 10;
    width: 14px;
    height: 14px;
    border-radius: 10px
}

span.select2-container .select2-selection__rendered .select-item-user-field.select-label.select-label-full,span.select2-container .select2-dropdown .select2-results__option .select-item-user-field.select-label.select-label-full,.form-box .form-row.form-radio.style-list .setting-content label .select-item-user-field.select-label.select-label-full,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item-user-field.select-label.select-label-full {
    padding: 0 8px;
    border-radius: 30px;
    height: 22px;
    line-height: 22px;
    background: currentColor
}

span.select2-container .select2-selection__rendered .select-item-user-field.select-label.select-label-full .tag-icon,span.select2-container .select2-dropdown .select2-results__option .select-item-user-field.select-label.select-label-full .tag-icon,.form-box .form-row.form-radio.style-list .setting-content label .select-item-user-field.select-label.select-label-full .tag-icon,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item-user-field.select-label.select-label-full .tag-icon {
    display: none
}

span.select2-container .select2-selection__rendered .select-item-user-field.select-label.select-label-full .tag-text,span.select2-container .select2-dropdown .select2-results__option .select-item-user-field.select-label.select-label-full .tag-text,.form-box .form-row.form-radio.style-list .setting-content label .select-item-user-field.select-label.select-label-full .tag-text,.form-box .form-row.form-checkbox.style-list .setting-content label .select-item-user-field.select-label.select-label-full .tag-text {
    color: #fff
}

.form-box .form-row.form-checkbox.style-list.style-list-tag .setting-content label {
    padding: 5px 28px 5px 5px;
    margin: 0 5px 0 -5px;
    display: inline-block;
    border-radius: 20px
}

.form-box .form-row.form-checkbox.style-list.style-list-tag .setting-content label.driver-line {
    display: block;
    margin: 0 0 6px 0;
    padding: 0
}

.form-box .form-row.form-checkbox.style-list.style-list-tag .setting-content label .select-item .label-item {
    margin-right: 4px
}

.form-box .form-row.form-checkbox.style-list.style-list-tag .setting-content label .select-item .user-info .path-ico {
    margin-right: 4px
}

.form-box.is-loading button,.form-box.is-loading .btn,.form-box.is-loading .kui-btn {
    transition: none !important
}

.form-box.is-loading .form-row input.form-input-text {
    transition: none !important
}

.form-box.is-loading .form-row .setting-content .input-title {
    transition: none !important
}

.form-pop-view.pop-form-list {
    box-sizing: border-box;
    width: 220px;
    padding: 10px 15px 10px 20px
}

.form-pop-view.pop-form-list .view-close {
    z-index: 100;
    display: none
}

.form-pop-view.pop-form-list .form-box .form-row.form-radio.style-list.style-list-block label .font-icon,.form-pop-view.pop-form-list .form-box .form-row.form-checkbox.style-list.style-list-block label .font-icon {
    display: inline-block;
    opacity: .5;
    width: 24px;
    height: 24px;
    line-height: 22px
}

.form-pop-view.pop-form-list .dialog-form.form-box-title-block .form-box .form-row .setting-title.has-title {
    border-bottom: .5px solid #77777730;
    padding: 2px 0 2px 0;
    margin: 0 0 4px 0;
    text-shadow: none;
    font-size: 12px;
    opacity: .7
}

.form-pop-view.pop-form-list .dialog-form.form-box-title-block .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment {
    margin: 0;
    padding: 3px 2px 2px 2px;
    box-sizing: border-box;
    width: 100%;
    background: #77777710;
    font-size: 12px;
    display: flex;
    justify-content: space-around
}

.form-pop-view.pop-form-list .dialog-form.form-box-title-block .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment .btn {
    width: 32%
}

.form-pop-view.pop-view-color-image {
    width: 240px;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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: 26px;
    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;
    overflow: auto;
    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: 4px 4px 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;
    transition: all .3s
}

.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
}

.form-box.from-is-loading * {
    transition: none !important
}

.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 #e6e6e6
}

.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: #e6e6e6
}

.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 #e6e6e6;
    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%;
    min-width: inherit
}

.dialog-form.form-box-title-block .form-box .form-row .setting-content .select2-container {
    width: 100%
}

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

.page-model-login .loginbox .content-box.license-box {
    padding: 30px 15px 80px
}

.page-model-login .loginbox .content-box.license-box .row-offline {
    color: #aaa;
    margin: 0px 0 40px 0
}

.page-model-login .loginbox .content-box.license-box .form-content {
    width: 280px;
    margin: 0 auto
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item {
    padding: 0;
    position: relative
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item textarea,.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item .desc,.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item input {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item input.regist-link {
    padding-left: 10px
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item input[type="text"] {
    height: 32px;
    line-height: 32px
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item input[name="code"] {
    font-weight: 600;
    font-size: 14px
}

.page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item .font-icon {
    position: absolute;
    left: 0;
    top: 0
}

.page-model-login .loginbox .content-box.license-box .form-content .submit-button,.page-model-login .loginbox .content-box.license-box .form-content .kui-btn.license-reset-now {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
    border: none;
    box-shadow: none;
    line-height: inherit
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea {
    border: 1px solid #e6e6e6;
    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;
    height: 60px;
    padding: 10px
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea:hover,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea:active {
    border-color: #75A1F0
}

.page-model-login .loginbox .content-box.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 .content-box.license-box .content-regist-offline textarea.disabled,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='true'],.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='readonly'] {
    opacity: .7;
    cursor: not-allowed
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea.disabled:hover,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='true']:hover,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='readonly']:hover,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea.disabled:active,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='true']:active,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='readonly']:active {
    border-color: #e6e6e6
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea.disabled:focus,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='true']:focus,.page-model-login .loginbox .content-box.license-box .content-regist-offline textarea[readonly='readonly']:focus {
    border-color: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline .item-title {
    font-weight: 800;
    text-align: left;
    color: #888;
    border-left: 4px solid #40a9ff;
    padding-left: 10px;
    margin: 2px 0 5px 1px
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline .desc {
    font-size: .9em;
    font-style: normal;
    text-align: left;
    color: #888;
    background: #E6F7FE;
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px
}

.page-model-login .loginbox .content-box.license-box .content-regist-offline .regist-link {
    background: #fafafa;
    padding: 0 10px;
    color: #40a9ff
}

.page-model-login .loginbox .content-box.license-box .form-bottom {
    color: #aaa;
    margin: 0;
    padding: 20px 0
}

.app-wap-small .page-model-login .loginbox .content-box.license-box {
    min-height: initial;
    overflow: auto;
    padding-bottom: 50px
}

.app-wap-small .page-model-login .loginbox .content-box.license-box .form-content {
    width: 300px
}

.app-wap-small .page-model-login .loginbox .content-box.license-box .form-content .inputs .input-item input[type="text"] {
    height: 40px;
    line-height: 40px
}

.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: -4.5px;
    top: 0;
    bottom: 0;
    cursor: col-resize
}

.drag-resize.drag-resize-x.drag-at-after {
    margin-left: 0;
    margin-right: -4.5px
}

.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: -4.5px;
    left: 0;
    right: 0;
    cursor: row-resize
}

.drag-resize.drag-resize-y.drag-at-after {
    margin-top: 0;
    margin-bottom: -4.5px
}

.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: #00000015;
    transition: background .2s;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.drag-resize.active:after,.drag-resize:hover:after {
    background: #00000030
}

.drag-resize.drag-resize-x:after {
    width: 4px;
    height: 36px;
    top: 50%;
    margin-left: -2px;
    margin-top: -36px
}

.drag-resize.drag-resize-y:after {
    height: 4px;
    width: 36px;
    left: 50%;
    margin-left: -18px;
    margin-top: -2px
}

.drag-resize.drag-resize-y:after {
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.drag-resize.active.drag-resize-y:after,.drag-resize.drag-resize-y:hover:after {
    visibility: visible;
    opacity: 1
}

.dark-mode .drag-resize:after {
    background: #ffffff15
}

.dark-mode .drag-resize.active:after,.dark-mode .drag-resize:hover:after {
    background: #ffffff30
}

.drag-resize-parent>*,.drag-resize-parent>div,.drag-resize-parent>span {
    transition: none !important;
    animation: none !important
}

.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-header .modal-title img {
    max-width: inherit;
    max-height: inherit
}

.light-app-user.dialog-form .form-box.config-box .panel-form-body {
    padding-top: 50px;
    padding-bottom: 30px
}

.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 {
    max-width: 150px !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 .panel-form-body .form-row.item-name .setting-content input {
    padding-right: 60px
}

.tag-edit-body .header .panel-form-body .form-row.item-name .setting-content .input-clear {
    right: 50px
}

.tag-edit-body .header .action {
    padding: 0 16px;
    display: none
}

.tag-edit-body .header .line {
    margin: 0 15px 0 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;
    position: relative;
    cursor: pointer;
    border-radius: 40px;
    border-radius: 4px;
    background: #f8f8f8;
    border: 1px solid #f6f6f6;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 2px
}

.tag-edit-body .content .item .x-item-icon.label {
    position: relative;
    top: 8px;
    margin-right: 5px;
    vertical-align: top
}

.tag-edit-body .content .item:hover {
    background: #e6f7ff;
    border-color: #def
}

.tag-edit-body .content .item:hover .do-action {
    visibility: visible;
    opacity: 1
}

.tag-edit-body .content .item .do-action {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    right: 30px;
    top: 2px;
    line-height: 25px;
    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: 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 .font-icon {
    line-height: 25px
}

.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 .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    display: inline-block;
    pointer-events: none
}

.tag-edit-body .content .item.current {
    background: #e6f7ff;
    border-color: #91d5ff
}

.tag-edit-body .content .item.current:after {
    position: absolute;
    right: 30px;
    top: 3px;
    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: #1890ff;
    line-height: 22px
}

.tag-edit-body .content .item .drag-item {
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 28px;
    height: 100%;
    line-height: 26px;
    text-align: center;
    cursor: move !important;
    background: #77777705;
    border-radius: 0 4px 3px 0
}

.tag-edit-body .content .item .drag-item:hover {
    background: #77777715
}

.tag-edit-body .content .item .drag-item:after {
    content: "\e66f";
    font-family: "kod-svg-font" !important
}

.tag-edit-body .content .item:hover .drag-item {
    opacity: 1
}

.tag-view-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: .5px solid #66666625;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 .right-menu-box .context-menu-list .context-menu-item.file-tag-view,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view {
    margin: 0;
    padding: 0;
    transition: none !important
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content {
    padding: 10px 10px 0 20px;
    max-height: 80%;
    border-bottom-width: .5px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .group-tag-header,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .group-tag-header {
    margin-left: 20px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item,.app-wap-touch .right-menu-box .context-menu-list .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 .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item .x-item-icon.label,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item .x-item-icon.label {
    top: 2px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item .item-add:before,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item .item-add:before {
    position: relative;
    top: -2px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item.add-tag,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item.add-tag {
    padding: 0;
    text-align: left;
    height: 25px;
    line-height: 25px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item.this:after,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-content .item.this:after {
    top: 6.5px;
    left: 5px
}

.app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-add,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item-add {
    padding: 4px 10px 4px 10px;
    margin: 0 10px
}

.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.file-show-embed {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 50 !important
}

.page-explorer-file-view .artDialog.file-show-embed .aui-title-bar,.page-explorer-file-view .artDialog.file-show-embed .resize-handle {
    display: none !important
}

.page-explorer-file-view .artDialog.file-show-embed .aui-outer {
    transition: none !important;
    animation-name: none !important;
    animation-duration: 0 !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 .markdown-preview {
    padding: 10px 15px
}

.page-explorer-file-view #app .markdown-preview,.page-explorer-file-view #app .aui-content {
    padding: 0;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-explorer-file-view #app .markdown-preview.has-iframe,.page-explorer-file-view #app .aui-content.has-iframe {
    overflow: hidden
}

.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;
    height: 100%;
    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
}

.page-explorer-file-view .file-show-dialog .artDialog,.page-explorer-file-view .file-show-dialog .artDialog.aui-content-iframe iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.page-explorer-file-view .file-show-dialog .artDialog .dplayer,.page-explorer-file-view .file-show-dialog .artDialog .jPlayer,.page-explorer-file-view .file-show-dialog .artDialog .jPlayer-music .player-bg {
    border-radius: 0
}

.app-wap-small.page-explorer-file-view .dialog-max {
    margin-top: 0 !important;
    box-shadow: none !important
}

.dark-mode .page-explorer-file-view .zip-view-dialog .zip-view-content {
    background-color: #222
}

.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;
    font-size: 12px;
    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 i.char-space: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: 24px;
    height: 24px;
    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.stop {
    display: none !important
}

.task-list-view.task-user-notify .list-item .item.action .label.start {
    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%;
    font-size: 11px;
    display: flex;
    justify-content: space-between
}

.task-list-view.task-user-notify .list-item .item.current .info-current {
    display: table-cell;
    width: auto;
    min-width: 50%;
    max-width: 90%
}

.task-list-view.task-user-notify .list-item .item.current .info.info-size {
    display: table-cell;
    padding-left: 5px;
    float: none
}

.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: 35px;
    right: 10px;
    z-index: 10
}

.task-list-view .task-info {
    position: absolute;
    border-top: .5px solid #77777730;
    font-size: 11px;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px
}

.task-list-view .task-info .info-item {
    padding-left: 10px;
    margin-right: 10px;
    position: relative
}

.task-list-view .task-info .info-item:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 30px;
    background: #4CAF50;
    position: absolute;
    left: 0;
    top: 3px
}

.task-list-view .task-info .task-auto.info-item.status-stop:before {
    background: #ff6939
}

.task-list-view .task-info .info-title {
    opacity: 1
}

.task-list-view .task-info .info-content {
    opacity: .6
}

.task-list-view .task-info .info-content span {
    padding: 0 1px
}

.task-list-view .task-info .task-auto.info-item .info-status {
    display: none
}

.task-list-view .task-info .task-auto.info-item.status-run .info-status.status-run {
    display: inline-block
}

.task-list-view .task-info .task-auto.info-item.status-stop .info-status.status-stop {
    display: inline-block
}

.task-list-view.task-user-notify {
    margin-top: -5px;
    padding-bottom: 5px
}

.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.dialog-file-view .aui-outer {
    border-radius: 0
}

.zip-view-dialog .aui-outer .aui-min,.zip-view-dialog .aui-outer .aui-max,.zip-view-dialog .aui-outer .aui-close {
    color: #fff;
    text-shadow: 0 0 #fff,0 0 2px #000
}

.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-bg {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: #f6f6f6 url("../../images/common/bg.gif") 0 -30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    width: 100%;
    height: 25px
}

.zip-view-dialog .zip-view-content .zip-header-title {
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    width: 100%;
    overflow: visible;
    position: sticky;
    top: 0;
    min-width: 500px;
    z-index: 200;
    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 {
    display: inline-block
}

.zip-view-dialog .zip-view-content .zip-header-title .item span {
    display: block;
    border-right: 1px solid #ddd;
    padding-left: 5px;
    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: auto
}

.zip-view-dialog .zip-view-content .zip-header-title .item.mtime span {
    border-right: none
}

.zip-view-dialog .zip-view-content .zip-header-title .drag-resize.drag-resize-x {
    position: relative;
    z-index: 100;
    height: 100%;
    left: inherit !important;
    display: inline-block;
    height: 16px
}

.zip-view-dialog .zip-view-content .zip-header-title .drag-resize.drag-resize-x.active .drag-item {
    height: 1000px;
    width: 1px;
    background: #2196F3;
    position: absolute;
    z-index: 1000;
    margin-left: 4px
}

.zip-view-dialog .zip-view-content .zip-header-title .drag-resize.drag-resize-x:after {
    display: none
}

.zip-view-dialog .zip-view-content .tree-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    bottom: 0;
    overflow: auto
}

.zip-view-dialog .zip-view-content .ztree {
    padding: 0px 0 40px 0px;
    min-width: 500px
}

.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: 28px;
    height: 30px
}

.zip-view-dialog .zip-view-content .ztree li a {
    position: relative;
    padding-left: 0;
    display: block;
    width: 100%;
    border: none;
    color: #333;
    text-shadow: none;
    overflow: visible;
    white-space: nowrap;
    line-height: 30px;
    height: 30px
}

.zip-view-dialog .zip-view-content .ztree li a .item-content {
    height: 100%;
    display: inline-block;
    min-width: 100%
}

.zip-view-dialog .zip-view-content .ztree li a.odd .item-content {
    background: #f1f7ff
}

.zip-view-dialog .zip-view-content .ztree li a:hover .item-content,.zip-view-dialog .zip-view-content .ztree li a.odd:hover .item-content,.zip-view-dialog .zip-view-content .ztree li a:active .item-content,.zip-view-dialog .zip-view-content .ztree li a.odd:active .item-content {
    background: #fdeec3
}

.zip-view-dialog .zip-view-content .ztree li a.curSelectedNode .item-content,.zip-view-dialog .zip-view-content .ztree li a.odd.curSelectedNode .item-content {
    background: #63acff;
    color: #fff
}

.zip-view-dialog .zip-view-content .ztree li a .item {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
    box-sizing: border-box
}

.zip-view-dialog .zip-view-content .ztree li a .item-name {
    width: 45%
}

.zip-view-dialog .zip-view-content .ztree li a .item-size {
    width: 10%;
    opacity: .8;
    padding-left: 5px
}

.zip-view-dialog .zip-view-content .ztree li a .item-time {
    width: 150px;
    opacity: .6;
    padding-left: 10px
}

.zip-view-dialog .zip-view-content .ztree li a .menu-item-parent {
    display: none;
    position: absolute;
    right: 0px;
    top: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgba(50,50,50,0.1);
    color: #666
}

.zip-view-dialog .zip-view-content .ztree li a .menu-item-parent:hover {
    background: rgba(50,50,50,0.2);
    color: #fff
}

.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
}

.share-page-main .zip-view-dialog {
    inset: 0 !important;
    border-radius: 0 !important
}

.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 .x-item-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    position: relative;
    top: -1px
}

.task-tab .tabs .tab .path-ico {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 5px 0 0
}

.task-tab .tabs .tab img {
    width: 20px;
    height: auto;
    max-height: 20px;
    object-fit: cover;
    border-radius: 2px;
    box-sizing: border-box
}

.task-tab .tabs .tab .path-ico svg {
    position: relative;
    top: -2px
}

.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.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 20px 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;
    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 .dialog-content img.embed-show {
    height: auto
}

.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 .code-toolbar {
    background: #444
}

.page-view-search .hljs {
    background: #23241f;
    color: #f8f8f2
}

.page-view-search .hljs-tag,.page-view-search .hljs-subst {
    color: #f8f8f2
}

.page-view-search .hljs-strong,.page-view-search .hljs-emphasis {
    color: #a8a8a2
}

.page-view-search .hljs-bullet,.page-view-search .hljs-quote,.page-view-search .hljs-number,.page-view-search .hljs-regexp,.page-view-search .hljs-literal,.page-view-search .hljs-link {
    color: #ae81ff
}

.page-view-search .hljs-code,.page-view-search .hljs-title,.page-view-search .hljs-section,.page-view-search .hljs-selector-class {
    color: #a6e22e
}

.page-view-search .hljs-strong {
    font-weight: bold
}

.page-view-search .hljs-emphasis {
    font-style: italic
}

.page-view-search .hljs-keyword,.page-view-search .hljs-selector-tag,.page-view-search .hljs-name,.page-view-search .hljs-attr {
    color: #f92672
}

.page-view-search .hljs-symbol,.page-view-search .hljs-attribute {
    color: #66d9ef
}

.page-view-search .hljs-params,.page-view-search .hljs-title.class_,.page-view-search .hljs-class .hljs-title {
    color: #f8f8f2
}

.page-view-search .hljs-string,.page-view-search .hljs-type,.page-view-search .hljs-built_in,.page-view-search .hljs-selector-id,.page-view-search .hljs-selector-attr,.page-view-search .hljs-selector-pseudo,.page-view-search .hljs-addition,.page-view-search .hljs-variable,.page-view-search .hljs-template-variable {
    color: #e6db74
}

.page-view-search .hljs-comment,.page-view-search .hljs-deletion,.page-view-search .hljs-meta {
    color: #75715e
}

.page-view-search .hljs-comment {
    font-style: normal
}

.page-view-search .hljs-section,.page-view-search .hljs-selector-id,.page-view-search .hljs-title {
    font-weight: normal
}

.page-view-search .hljs-title.class_ {
    color: #fc0;
    font-weight: 600
}

.page-view-search .hljs-keyword {
    color: #c678dd;
    font-weight: 600
}

.page-view-search .hljs-params,.page-view-search .hljs-variable {
    color: #f80
}

.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.item-themeStyle {
    padding-top: 5px
}

.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;
    z-index: 1000;
    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
}

.user-path-safe.artDialog .form-header,.user-path-safe-login.artDialog .form-header {
    display: none
}

.user-path-safe.artDialog .form-box.config-box .panel-form-body,.user-path-safe-login.artDialog .form-box.config-box .panel-form-body {
    padding: 0 0;
    text-align: center;
    top: 30px;
    bottom: 0;
    background: none
}

.user-path-safe.artDialog .main-view .path-ico,.user-path-safe-login.artDialog .main-view .path-ico {
    font-size: 120px;
    width: 120px;
    height: 120px
}

.user-path-safe.artDialog .main-view .view-header,.user-path-safe-login.artDialog .main-view .view-header {
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 5px
}

.user-path-safe.artDialog .main-view .view-desc,.user-path-safe-login.artDialog .main-view .view-desc {
    opacity: .5
}

.user-path-safe.artDialog .form-box .form-row,.user-path-safe-login.artDialog .form-box .form-row {
    padding: 0px 15%
}

.user-path-safe.artDialog .form-box .form-row .setting-content input,.user-path-safe-login.artDialog .form-box .form-row .setting-content input {
    text-align: center
}

.user-path-safe.artDialog .form-box .form-row .setting-content,.user-path-safe-login.artDialog .form-box .form-row .setting-content {
    margin: 10px 0
}

.user-path-safe.artDialog .form-box .form-row hr,.user-path-safe-login.artDialog .form-box .form-row hr {
    margin: 2px 0px
}

.user-path-safe.artDialog .form-box .form-row.form-input-text,.user-path-safe-login.artDialog .form-box .form-row.form-input-text {
    margin-left: auto;
    margin-right: auto
}

.user-path-safe.artDialog .form-box .form-row.form-input-text .setting-content input,.user-path-safe-login.artDialog .form-box .form-row.form-input-text .setting-content input {
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.user-path-safe.artDialog .form-box .form-row.form-input-text .password-view,.user-path-safe-login.artDialog .form-box .form-row.form-input-text .password-view {
    margin-left: -30px;
    margin-top: 4px
}

.user-path-safe.artDialog .form-box .form-row input.form-input-text[readonly='readonly'],.user-path-safe-login.artDialog .form-box .form-row input.form-input-text[readonly='readonly'] {
    opacity: 1;
    cursor: text
}

.user-path-safe.artDialog .form-box .form-row.item-sepView {
    padding-top: 50px
}

.user-path-safe.artDialog .form-box .form-row.item-sepAction .kui-btn {
    padding: .7em 2em;
    border-radius: 40px
}

.user-path-safe.artDialog .form-box .form-row.item-password {
    margin-top: 15px
}

.user-path-safe-login.artDialog .form-box .form-row.form-html {
    margin: 0
}

.user-path-safe-login.artDialog .form-row h4 {
    border-bottom-style: solid;
    padding: 8px 0;
    margin: 0 0 5px 0;
    border-bottom: .5px solid #77777730
}

.user-path-safe-login.artDialog .form-row h4:before {
    display: none
}

.user-path-safe-login.artDialog .kui-btn[action="page-login"] {
    position: absolute;
    left: 30px;
    border-radius: 40px;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.user-path-safe-login.artDialog .config-box.page-first-page-change-password .kui-btn[action="page-login"] {
    display: none
}

.user-path-safe-login.artDialog .form-box.page-login .kui-btn[action="page-login"] {
    display: none
}

.user-path-safe-login.artDialog .view-actions:after {
    content: "";
    display: block;
    clear: both
}

.user-path-safe-login.artDialog .view-actions .kui-btn[action="page-change-password"] {
    float: left
}

.user-path-safe-login.artDialog .view-actions .kui-btn[action="page-find-password"] {
    float: right
}

.user-path-safe-login.artDialog .view-actions .kui-btn {
    border: none;
    padding: 4px 4px;
    color: #2196f3;
    text-shadow: none;
    box-shadow: none;
    background: transparent
}

.user-path-safe-login.artDialog .view-actions .kui-btn:hover {
    background: #2196f320
}

.user-path-safe-login.artDialog .kui-btn.kui-btn-blue {
    padding: .7em 2em;
    border-radius: 40px;
    margin-top: 15px;
    min-width: 60px
}

.user-path-safe-login.artDialog .form-row.item-password_4 {
    margin: 10px 0 10px 0
}

.user-path-safe-login.artDialog .form-row.form-html.item-codeResend {
    position: absolute;
    padding: 0;
    right: 15%;
    z-index: 10;
    margin-top: -37px;
    margin-right: 5px
}

.user-path-safe-login.artDialog .form-row.form-html.item-codeResend .kui-btn {
    padding: 3px 5px
}

.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
}

.path-ico .picture.ico {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center
}

.path-ico img {
    max-width: 100%;
    max-height: 100%
}

.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
}

.path-ico .x-item-icon.x-tag-label {
    position: relative
}

.path-ico .x-item-icon.x-tag-label:before {
    content: " ";
    position: absolute;
    right: 15%;
    bottom: 15%;
    width: 40%;
    height: 40%;
    border-radius: 50%;
    margin-top: 0;
    background: linear-gradient(45deg, #ffffff60, #ffffff00)
}

.file-list-icon .file .path-ico .x-item-icon.label {
    zoom:.9;margin-top: 8%
}

.ztree .path-ico .x-item-icon.x-tag-label {
    width: 16px;
    height: 16px;
    top: 1px;
    margin-left: 0
}

.path-ico.user-avatar .picture img {
    border-radius: 50% !important;
    border: 1px solid #fff;
    vertical-align: top;
    box-shadow: 0 1px 3px #0000001a
}

.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
}

img.picture-show.picture-cover {
    max-width: 100%;
    max-height: 100%;
    background: none !important;
    box-shadow: none !important
}

.x-item-icon {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: contain;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    font-style: normal;
    display: inline-block;
    pointer-events: none
}

.x-item-icon.x-3dml,.x-item-icon.x-3ds,.x-item-icon.x-4th,.x-item-icon.x-_adb,.x-item-icon.x-abap,.x-item-icon.x-abc,.x-item-icon.x-ac,.x-item-icon.x-acl,.x-item-icon.x-ada,.x-item-icon.x-adb,.x-item-icon.x-adoc,.x-item-icon.x-ahk,.x-item-icon.x-aj,.x-item-icon.x-alda,.x-item-icon.x-am,.x-item-icon.x-anpa,.x-item-icon.x-apex,.x-item-icon.x-apl,.x-item-icon.x-app,.x-item-icon.x-apple-app-site-association,.x-item-icon.x-applescript,.x-item-icon.x-aql,.x-item-icon.x-arcconfig,.x-item-icon.x-arclint,.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-ass,.x-item-icon.x-astylerc,.x-item-icon.x-atom,.x-item-icon.x-authors,.x-item-icon.x-aw,.x-item-icon.x-awk,.x-item-icon.x-b,.x-item-icon.x-babelrc,.x-item-icon.x-bak,.x-item-icon.x-bas,.x-item-icon.x-bash,.x-item-icon.x-bash_history,.x-item-icon.x-bash_logout,.x-item-icon.x-bash_profile,.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-brew_all_commands,.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-cer,.x-item-icon.x-cf,.x-item-icon.x-cfg,.x-item-icon.x-cfm,.x-item-icon.x-cgi,.x-item-icon.x-changelog,.x-item-icon.x-changes,.x-item-icon.x-cid,.x-item-icon.x-cirru,.x-item-icon.x-cl,.x-item-icon.x-classpath,.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-cnf,.x-item-icon.x-cob,.x-item-icon.x-codeowners,.x-item-icon.x-coffee,.x-item-icon.x-commit_editmsg,.x-item-icon.x-compile,.x-item-icon.x-component,.x-item-icon.x-conf,.x-item-icon.x-config,.x-item-icon.x-configure,.x-item-icon.x-container,.x-item-icon.x-contributing,.x-item-icon.x-copying,.x-item-icon.x-coveragerc,.x-item-icon.x-cpp,.x-item-icon.x-cpy,.x-item-icon.x-cql,.x-item-icon.x-cr,.x-item-icon.x-credits,.x-item-icon.x-crontab,.x-item-icon.x-crt,.x-item-icon.x-cs,.x-item-icon.x-csd,.x-item-icon.x-cshrc,.x-item-icon.x-cshtml,.x-item-icon.x-cson,.x-item-icon.x-csproj,.x-item-icon.x-css,.x-item-icon.x-csv,.x-item-icon.x-ctp,.x-item-icon.x-curl,.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-dae,.x-item-icon.x-darglint,.x-item-icon.x-dart,.x-item-icon.x-dcurl,.x-item-icon.x-def,.x-item-icon.x-defs,.x-item-icon.x-depcomp,.x-item-icon.x-description,.x-item-icon.x-desktop,.x-item-icon.x-di,.x-item-icon.x-diff,.x-item-icon.x-dist,.x-item-icon.x-dockerfile,.x-item-icon.x-dockerfile-dist,.x-item-icon.x-dockerfile-master,.x-item-icon.x-dockerignore,.x-item-icon.x-dot,.x-item-icon.x-dox,.x-item-icon.x-drl,.x-item-icon.x-dsc,.x-item-icon.x-dsl,.x-item-icon.x-dtd,.x-item-icon.x-dummy,.x-item-icon.x-dxf,.x-item-icon.x-dxf-check,.x-item-icon.x-dxfb-check,.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-editorconfig,.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-empty,.x-item-icon.x-environment,.x-item-icon.x-epp,.x-item-icon.x-erb,.x-item-icon.x-erl,.x-item-icon.x-err,.x-item-icon.x-eslintignore,.x-item-icon.x-etx,.x-item-icon.x-ex,.x-item-icon.x-example,.x-item-icon.x-exclude,.x-item-icon.x-exp,.x-item-icon.x-exports,.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-fetch_head,.x-item-icon.x-filters,.x-item-icon.x-fingerprint,.x-item-icon.x-flx,.x-item-icon.x-fly,.x-item-icon.x-fm,.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-fx,.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-gendocs_template,.x-item-icon.x-geojson,.x-item-icon.x-git-credentials,.x-item-icon.x-git-version-gen,.x-item-icon.x-gitattributes,.x-item-icon.x-gitconfig,.x-item-icon.x-gitflow_export,.x-item-icon.x-gitignore,.x-item-icon.x-gitignore_global,.x-item-icon.x-gitkeep,.x-item-icon.x-gitlog-to-changelog,.x-item-icon.x-gitmodules,.x-item-icon.x-glsl,.x-item-icon.x-gltf,.x-item-icon.x-gnumakefile,.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-guess,.x-item-icon.x-gunmakefile,.x-item-icon.x-gv,.x-item-icon.x-gypi,.x-item-icon.x-h,.x-item-icon.x-hacking,.x-item-icon.x-haml,.x-item-icon.x-handlebars,.x-item-icon.x-hbs,.x-item-icon.x-head,.x-item-icon.x-helmignore,.x-item-icon.x-hgignore_global,.x-item-icon.x-hh,.x-item-icon.x-hjson,.x-item-icon.x-hlean,.x-item-icon.x-hpp,.x-item-icon.x-hrl,.x-item-icon.x-hs,.x-item-icon.x-hta,.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-http,.x-item-icon.x-hx,.x-item-icon.x-hxml,.x-item-icon.x-hxx,.x-item-icon.x-i,.x-item-icon.x-ics,.x-item-icon.x-idl,.x-item-icon.x-iml,.x-item-icon.x-in,.x-item-icon.x-inc,.x-item-icon.x-inf,.x-item-icon.x-ini,.x-item-icon.x-ino,.x-item-icon.x-install,.x-item-icon.x-install-sh,.x-item-icon.x-installversion,.x-item-icon.x-intr,.x-item-icon.x-inx,.x-item-icon.x-io,.x-item-icon.x-iso19139,.x-item-icon.x-itk,.x-item-icon.x-j2,.x-item-icon.x-jack,.x-item-icon.x-jade,.x-item-icon.x-java,.x-item-icon.x-jexl,.x-item-icon.x-ji,.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-jsdtscope,.x-item-icon.x-jshintrc,.x-item-icon.x-jsm,.x-item-icon.x-json,.x-item-icon.x-json-check,.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-key,.x-item-icon.x-keys,.x-item-icon.x-kml,.x-item-icon.x-ksh,.x-item-icon.x-kt,.x-item-icon.x-kts,.x-item-icon.x-la,.x-item-icon.x-latex,.x-item-icon.x-latte,.x-item-icon.x-ldr,.x-item-icon.x-lean,.x-item-icon.x-less,.x-item-icon.x-lesshst,.x-item-icon.x-lgc,.x-item-icon.x-lhs,.x-item-icon.x-lic,.x-item-icon.x-license,.x-item-icon.x-license-gpl,.x-item-icon.x-license-mit,.x-item-icon.x-license_cn,.x-item-icon.x-lightbgcolor,.x-item-icon.x-liquid,.x-item-icon.x-lisp,.x-item-icon.x-list,.x-item-icon.x-lnk,.x-item-icon.x-local,.x-item-icon.x-localized,.x-item-icon.x-lock,.x-item-icon.x-log,.x-item-icon.x-logic,.x-item-icon.x-lp,.x-item-icon.x-lql,.x-item-icon.x-lrc,.x-item-icon.x-ls,.x-item-icon.x-lsl,.x-item-icon.x-lsp,.x-item-icon.x-ltx,.x-item-icon.x-lua,.x-item-icon.x-lucene,.x-item-icon.x-m,.x-item-icon.x-m3,.x-item-icon.x-m3u8,.x-item-icon.x-m4,.x-item-icon.x-magnet,.x-item-icon.x-mailcap,.x-item-icon.x-make,.x-item-icon.x-makefile,.x-item-icon.x-manifest,.x-item-icon.x-map,.x-item-icon.x-markdown,.x-item-icon.x-mask,.x-item-icon.x-master,.x-item-icon.x-mathml,.x-item-icon.x-matlab,.x-item-icon.x-mbox,.x-item-icon.x-mc,.x-item-icon.x-mcurl,.x-item-icon.x-md,.x-item-icon.x-mdx,.x-item-icon.x-mediawiki,.x-item-icon.x-mel,.x-item-icon.x-meta,.x-item-icon.x-mf,.x-item-icon.x-mht,.x-item-icon.x-mhtml,.x-item-icon.x-mime,.x-item-icon.x-missing,.x-item-icon.x-mixal,.x-item-icon.x-mjs,.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-mod,.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-mtl,.x-item-icon.x-mush,.x-item-icon.x-mustache,.x-item-icon.x-mvnw,.x-item-icon.x-mycli-history,.x-item-icon.x-myclirc,.x-item-icon.x-mymetadata,.x-item-icon.x-mysql,.x-item-icon.x-mysql_history,.x-item-icon.x-mz,.x-item-icon.x-name,.x-item-icon.x-nb,.x-item-icon.x-nc,.x-item-icon.x-ncx,.x-item-icon.x-netrwhist,.x-item-icon.x-news,.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-nmf,.x-item-icon.x-node_repl_history,.x-item-icon.x-npmignore,.x-item-icon.x-npmrc,.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-obj,.x-item-icon.x-ocaml,.x-item-icon.x-ocamlmakefile,.x-item-icon.x-odin,.x-item-icon.x-oexe,.x-item-icon.x-opf,.x-item-icon.x-orc,.x-item-icon.x-orig_head,.x-item-icon.x-out,.x-item-icon.x-owners,.x-item-icon.x-oz,.x-item-icon.x-p,.x-item-icon.x-p6,.x-item-icon.x-packed-refs,.x-item-icon.x-packs,.x-item-icon.x-page,.x-item-icon.x-pas,.x-item-icon.x-patch,.x-item-icon.x-pbxproj,.x-item-icon.x-pc,.x-item-icon.x-pch,.x-item-icon.x-pearrc,.x-item-icon.x-pem,.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-phpclass,.x-item-icon.x-phps,.x-item-icon.x-phpt,.x-item-icon.x-phtml,.x-item-icon.x-pid,.x-item-icon.x-pig,.x-item-icon.x-pl,.x-item-icon.x-pl6,.x-item-icon.x-plantuml,.x-item-icon.x-plg,.x-item-icon.x-plist,.x-item-icon.x-plistpch,.x-item-icon.x-pls,.x-item-icon.x-plsql,.x-item-icon.x-plugins,.x-item-icon.x-pm,.x-item-icon.x-pm6,.x-item-icon.x-po,.x-item-icon.x-pp,.x-item-icon.x-praat,.x-item-icon.x-praatscript,.x-item-icon.x-pre-commit,.x-item-icon.x-prefs,.x-item-icon.x-prettierrc,.x-item-icon.x-pri,.x-item-icon.x-prisma,.x-item-icon.x-pro,.x-item-icon.x-proc,.x-item-icon.x-project,.x-item-icon.x-prolog,.x-item-icon.x-properties,.x-item-icon.x-props,.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-pub,.x-item-icon.x-pug,.x-item-icon.x-puml,.x-item-icon.x-pxd,.x-item-icon.x-pxi,.x-item-icon.x-py,.x-item-icon.x-pylintrc,.x-item-icon.x-pyw,.x-item-icon.x-pyx,.x-item-icon.x-q,.x-item-icon.x-qml,.x-item-icon.x-qrc,.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-readme,.x-item-icon.x-red,.x-item-icon.x-rediscli_history,.x-item-icon.x-reds,.x-item-icon.x-refs,.x-item-icon.x-reg,.x-item-icon.x-rels,.x-item-icon.x-repo,.x-item-icon.x-rest,.x-item-icon.x-resx,.x-item-icon.x-rexx,.x-item-icon.x-rhtml,.x-item-icon.x-rkt,.x-item-icon.x-rng,.x-item-icon.x-robot,.x-item-icon.x-rq,.x-item-icon.x-rs,.x-item-icon.x-rss,.x-item-icon.x-rst,.x-item-icon.x-rtx,.x-item-icon.x-ru,.x-item-icon.x-s,.x-item-icon.x-sample,.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-schema,.x-item-icon.x-scheme,.x-item-icon.x-scm,.x-item-icon.x-sco,.x-item-icon.x-scss,.x-item-icon.x-scurl,.x-item-icon.x-sed,.x-item-icon.x-servers,.x-item-icon.x-service,.x-item-icon.x-settings,.x-item-icon.x-sgml,.x-item-icon.x-sh,.x-item-icon.x-sh_history,.x-item-icon.x-sharedmimeinfo,.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-sln,.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-sourcetreeconfig,.x-item-icon.x-soy,.x-item-icon.x-space,.x-item-icon.x-sparql,.x-item-icon.x-spec,.x-item-icon.x-spot,.x-item-icon.x-sql,.x-item-icon.x-sqlite_history,.x-item-icon.x-sqlserver,.x-item-icon.x-srt,.x-item-icon.x-ss,.x-item-icon.x-st,.x-item-icon.x-status,.x-item-icon.x-stcommitmsg,.x-item-icon.x-stl,.x-item-icon.x-storyboard,.x-item-icon.x-str,.x-item-icon.x-strings,.x-item-icon.x-styl,.x-item-icon.x-stylus,.x-item-icon.x-sub,.x-item-icon.x-sublime-project,.x-item-icon.x-sum,.x-item-icon.x-supp,.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-t,.x-item-icon.x-target,.x-item-icon.x-targets,.x-item-icon.x-tcl,.x-item-icon.x-template,.x-item-icon.x-tern-project,.x-item-icon.x-terragrunt,.x-item-icon.x-tex,.x-item-icon.x-texi,.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-tld,.x-item-icon.x-tmx,.x-item-icon.x-todo,.x-item-icon.x-toml,.x-item-icon.x-tpl,.x-item-icon.x-trigger,.x-item-icon.x-ts,.x-item-icon.x-tsv,.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-typed,.x-item-icon.x-types,.x-item-icon.x-typescript,.x-item-icon.x-ui,.x-item-icon.x-uri,.x-item-icon.x-url,.x-item-icon.x-using_foreign_code,.x-item-icon.x-uu,.x-item-icon.x-v,.x-item-icon.x-vala,.x-item-icon.x-values,.x-item-icon.x-vb,.x-item-icon.x-vbproj,.x-item-icon.x-vbs,.x-item-icon.x-vcf,.x-item-icon.x-vcproj,.x-item-icon.x-vcs,.x-item-icon.x-vcxproj,.x-item-icon.x-version,.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-viminfo,.x-item-icon.x-vm,.x-item-icon.x-vmx,.x-item-icon.x-vmxd,.x-item-icon.x-vmxf,.x-item-icon.x-vsixmanifest,.x-item-icon.x-vtl,.x-item-icon.x-vtt,.x-item-icon.x-vue,.x-item-icon.x-wast,.x-item-icon.x-wat,.x-item-icon.x-we,.x-item-icon.x-webapp,.x-item-icon.x-webidl,.x-item-icon.x-webloc,.x-item-icon.x-wiki,.x-item-icon.x-wl,.x-item-icon.x-wlk,.x-item-icon.x-wls,.x-item-icon.x-wml,.x-item-icon.x-wmls,.x-item-icon.x-wpgm,.x-item-icon.x-wpy,.x-item-icon.x-wsdl,.x-item-icon.x-wtest,.x-item-icon.x-x-classpath,.x-item-icon.x-x-gitattributes,.x-item-icon.x-x-gitmodules,.x-item-icon.x-x-magnet,.x-item-icon.x-x-readme,.x-item-icon.x-x-sublime-project,.x-item-icon.x-x-vbproj,.x-item-icon.x-x-vtt,.x-item-icon.x-x3d,.x-item-icon.x-xaml,.x-item-icon.x-xbl,.x-item-icon.x-xcscheme,.x-item-icon.x-xhtml,.x-item-icon.x-xib,.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-y,.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-zsh,.x-item-icon.x-zsh-template,.x-item-icon.x-zsh-theme,.x-item-icon.x-zsh-update,.x-item-icon.x-zsh_history,.x-item-icon.x-zshrc,.x-item-icon.x-zshrc_self,.x-item-icon.x-stderr,.x-item-icon.x-stdout,.x-item-icon.x-stdin,.x-item-icon.x-sha,.x-item-icon.x-verification,.x-item-icon.x-en,.x-item-icon.x-utf8,.x-item-icon.x-es,.x-item-icon.x-euc-kr,.x-item-icon.x-de,.x-item-icon.x-pt-br,.x-item-icon.x-policy,.x-item-icon.x-copyright,.x-item-icon.x-cname,.x-item-icon.x-deploy {
    background-image: url("../../images/file_icon/icon_file/txt.png");
    background-size: contain
}

.x-item-icon.x-pl,.x-item-icon.x-code,.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,.x-item-icon.x-cjs,.x-item-icon.x-jsm,.x-item-icon.x-mjs,.x-item-icon.x-tsx,.x-item-icon.x-apinotes,.x-item-icon.x-tbd {
    background-image: url("../../images/file_icon/icon_file/code.png");
    background-size: contain
}

.x-item-icon.x-bin,.x-item-icon.x-hex,.x-item-icon.x-swf,.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,.x-item-icon.x-frm,.x-item-icon.x-myd,.x-item-icon.x-myi,.x-item-icon.x-jsa,.x-item-icon.x-jmod,.x-item-icon.x-nib,.x-item-icon.x-bom,.x-item-icon.x-db,.x-item-icon.x-db-shm,.x-item-icon.x-db-wal,.x-item-icon.x-sqlite,.x-item-icon.x-sqlitedb,.x-item-icon.x-sqlitedb-shm,.x-item-icon.x-sqlitedb-wal,.x-item-icon.x-cat,.x-item-icon.x-icc {
    background-image: url("../../images/file_icon/icon_file/bin.png");
    background-size: contain
}

.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: contain
}

.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: contain
}

.x-item-icon.x-css,.x-item-icon.x-less,.x-item-icon.x-sass,.x-item-icon.x-scss {
    background-image: url("../../images/file_icon/icon_file/css.png");
    background-size: contain
}

.x-item-icon.x-js,.x-item-icon.x-coffee,.x-item-icon.x-jsx,.x-item-icon.x-ts,.x-item-icon.x-mjs,.x-item-icon.x-jsm,.x-item-icon.x-cjs,.x-item-icon.x-cts,.x-item-icon.x-tsx {
    background-image: url("../../images/file_icon/icon_file/js.png");
    background-size: contain
}

.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: contain
}

.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: contain
}

.x-item-icon.x-java,.x-item-icon.x-jsp {
    background-image: url("../../images/file_icon/icon_file/java.png");
    background-size: contain
}

.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,.x-item-icon.x-modulemap {
    background-image: url("../../images/file_icon/icon_file/cpp.png");
    background-size: contain
}

.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: contain
}

.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-avif,.x-item-icon.x-avifs,.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-cr2,.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/1-image.svg");
    background-size: contain
}

.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: contain
}

.x-item-icon.x-iso,.x-item-icon.x-vcd {
    background-image: url("../../images/file_icon/icon_file/iso.png");
    background-size: contain
}

.x-item-icon.x-pkg,.x-item-icon.x-package,.x-item-icon.x-framework,.x-item-icon.x-bundle {
    background-image: url("../../images/file_icon/icon_file/pkg.png");
    background-size: contain
}

.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,.x-item-icon.x-gzip {
    background-image: url("../../images/file_icon/icon_file/zip_all.png");
    background-size: contain
}

.x-item-icon.x-exe,.x-item-icon.x-bin,.x-item-icon.x-class,.x-item-icon.x-so,.x-item-icon.x-dylib,.x-item-icon.x-pyc,.x-item-icon.x-coderesources,.x-item-icon.x-codedirectory,.x-item-icon.x-codesignature,.x-item-icon.x-coderequirements {
    background-image: url("../../images/file_icon/icon_file/exe.png");
    background-size: contain
}

.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,.x-item-icon.x-woff,.x-item-icon.x-woff2,.x-item-icon.x-shx {
    background-image: url("../../images/file_icon/icon_file/font.png");
    background-size: contain
}

.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: contain
}

.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.x-git,.x-item-icon.x-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-prettierignore,.x-item-icon.x-opt,.x-item-icon.x-pre-update,.x-item-icon.x-default,.x-item-icon.x-editorconfig,.x-item-icon.x-prettierrc,.x-item-icon.x-nvmrc,.x-item-icon.x-security,.x-item-icon.x-access {
    background-image: url("../../images/file_icon/icon_file/ini.png");
    background-size: contain
}

.x-item-icon.x-md,.x-item-icon.x-markdown,.x-item-icon.x-mdx {
    background-image: url("../../images/file_icon/icon_file/md.png");
    background-size: contain
}

.x-item-icon.x-file {
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: contain
}

.x-item-icon.x-accdb {
    background-image: url("../../images/file_icon/icon_file/accdb.png");
    background-size: contain
}

.x-item-icon.x-7z {
    background-image: url("../../images/file_icon/icon_file/7z.png");
    background-size: contain
}

.x-item-icon.x-ai {
    background-image: url("../../images/file_icon/icon_file/ai.png");
    background-size: contain
}

.x-item-icon.x-air {
    background-image: url("../../images/file_icon/icon_file/air.png");
    background-size: contain
}

.x-item-icon.x-arj {
    background-image: url("../../images/file_icon/icon_file/arj.png");
    background-size: contain
}

.x-item-icon.x-apk,.x-item-icon.x-spk {
    background-image: url("../../images/file_icon/icon_file/apk.png");
    background-size: contain
}

.x-item-icon.x-as {
    background-image: url("../../images/file_icon/icon_file/as.png");
    background-size: contain
}

.x-item-icon.x-ascx {
    background-image: url("../../images/file_icon/icon_file/ascx.png");
    background-size: contain
}

.x-item-icon.x-ashx {
    background-image: url("../../images/file_icon/icon_file/ashx.png");
    background-size: contain
}

.x-item-icon.x-asmx {
    background-image: url("../../images/file_icon/icon_file/asmx.png");
    background-size: contain
}

.x-item-icon.x-aspx {
    background-image: url("../../images/file_icon/icon_file/aspx.png");
    background-size: contain
}

.x-item-icon.x-bz2 {
    background-image: url("../../images/file_icon/icon_file/bz2.png");
    background-size: contain
}

.x-item-icon.x-cdr {
    background-image: url("../../images/file_icon/icon_file/cdr.png");
    background-size: contain
}

.x-item-icon.x-cer,.x-item-icon.x-cert,.x-item-icon.x-certs {
    background-image: url("../../images/file_icon/icon_file/cer.png");
    background-size: contain
}

.x-item-icon.x-chm {
    background-image: url("../../images/file_icon/icon_file/chm.png");
    background-size: contain
}

.x-item-icon.x-cmd {
    background-image: url("../../images/file_icon/icon_file/cmd.png");
    background-size: contain
}

.x-item-icon.x-c {
    background-image: url("../../images/file_icon/icon_file/c.png");
    background-size: contain
}

.x-item-icon.x-cpp {
    background-image: url("../../images/file_icon/icon_file/cpp.png");
    background-size: contain
}

.x-item-icon.x-cs {
    background-image: url("../../images/file_icon/icon_file/cs.png");
    background-size: contain
}

.x-item-icon.x-cshtml {
    background-image: url("../../images/file_icon/icon_file/cshtml.png");
    background-size: contain
}

.x-item-icon.x-csproj {
    background-image: url("../../images/file_icon/icon_file/csproj.png");
    background-size: contain
}

.x-item-icon.x-css {
    background-image: url("../../images/file_icon/icon_file/css.png");
    background-size: contain
}

.x-item-icon.x-csv {
    background-image: url("../../images/file_icon/icon_file/csv.png");
    background-size: contain
}

.x-item-icon.x-djvu {
    background-image: url("../../images/file_icon/icon_file/djvu.png");
    background-size: contain
}

.x-item-icon.x-dll {
    background-image: url("../../images/file_icon/icon_file/dll.png");
    background-size: contain
}

.x-item-icon.x-dng {
    background-image: url("../../images/file_icon/icon_file/dng.png");
    background-size: contain
}

.x-item-icon.x-dmg,.x-item-icon.x-img {
    background-image: url("../../images/file_icon/icon_file/dmg.png");
    background-size: contain
}

.x-item-icon.x-doc,.x-item-icon.x-wps {
    background-image: url("../../images/file_icon/icon_file/doc.png");
    background-size: contain
}

.x-item-icon.x-docm {
    background-image: url("../../images/file_icon/icon_file/docm.png");
    background-size: contain
}

.x-item-icon.x-docx {
    background-image: url("../../images/file_icon/icon_file/docx.png");
    background-size: contain
}

.x-item-icon.x-dot {
    background-image: url("../../images/file_icon/icon_file/dot.png");
    background-size: contain
}

.x-item-icon.x-dotm {
    background-image: url("../../images/file_icon/icon_file/dotm.png");
    background-size: contain
}

.x-item-icon.x-dotx {
    background-image: url("../../images/file_icon/icon_file/dotx.png");
    background-size: contain
}

.x-item-icon.x-dtd {
    background-image: url("../../images/file_icon/icon_file/dtd.png");
    background-size: contain
}

.x-item-icon.x-eps {
    background-image: url("../../images/file_icon/icon_file/eps.png");
    background-size: contain
}

.x-item-icon.x-epub {
    background-image: url("../../images/file_icon/icon_file/epub.png");
    background-size: contain
}

.x-item-icon.x-exe {
    background-image: url("../../images/file_icon/icon_file/exe.png");
    background-size: contain
}

.x-item-icon.x-eml {
    background-image: url("../../images/file_icon/icon_file/eml.png");
    background-size: contain
}

.x-item-icon.x-f {
    background-image: url("../../images/file_icon/icon_file/f.png");
    background-size: contain
}

.x-item-icon.x-file {
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: contain
}

.x-item-icon.x-fla {
    background-image: url("../../images/file_icon/icon_file/fla.png");
    background-size: contain
}

.x-item-icon.x-font {
    background-image: url("../../images/file_icon/icon_file/font.png");
    background-size: contain
}

.x-item-icon.x-gz {
    background-image: url("../../images/file_icon/icon_file/gz.png");
    background-size: contain
}

.x-item-icon.x-h {
    background-image: url("../../images/file_icon/icon_file/h.png");
    background-size: contain
}

.x-item-icon.x-hdr {
    background-image: url("../../images/file_icon/icon_file/hdr.png");
    background-size: contain
}

.x-item-icon.x-hlp {
    background-image: url("../../images/file_icon/icon_file/hlp.png");
    background-size: contain
}

.x-item-icon.x-html {
    background-image: url("../../images/file_icon/icon_file/html.png");
    background-size: contain
}

.x-item-icon.x-indd {
    background-image: url("../../images/file_icon/icon_file/indd.png");
    background-size: contain
}

.x-item-icon.x-ini {
    background-image: url("../../images/file_icon/icon_file/ini.png");
    background-size: contain
}

.x-item-icon.x-ipa {
    background-image: url("../../images/file_icon/icon_file/ipa.png");
    background-size: contain
}

.x-item-icon.x-jar {
    background-image: url("../../images/file_icon/icon_file/jar.png");
    background-size: contain
}

.x-item-icon.x-java {
    background-image: url("../../images/file_icon/icon_file/java.png");
    background-size: contain
}

.x-item-icon.x-js {
    background-image: url("../../images/file_icon/icon_file/js.png");
    background-size: contain
}

.x-item-icon.x-json,.x-item-icon.x-bowerrc,.x-item-icon.x-jscsrc,.x-item-icon.x-jshintrc,.x-item-icon.x-csslintrc,.x-item-icon.x-eslintrc {
    background-image: url("../../images/file_icon/icon_file/json.png");
    background-size: contain
}

.x-item-icon.x-key {
    background-image: url("../../images/file_icon/icon_file/key.png");
    background-size: contain
}

.x-item-icon.x-ldf {
    background-image: url("../../images/file_icon/icon_file/ldf.png");
    background-size: contain
}

.x-item-icon.x-lnk {
    background-image: url("../../images/file_icon/icon_file/lnk.png");
    background-size: contain
}

.x-item-icon.x-makefile {
    background-image: url("../../images/file_icon/icon_file/makefile.png");
    background-size: contain
}

.x-item-icon.x-mdb {
    background-image: url("../../images/file_icon/icon_file/mdb.png");
    background-size: contain
}

.x-item-icon.x-mdf {
    background-image: url("../../images/file_icon/icon_file/mdf.png");
    background-size: contain
}

.x-item-icon.x-mht {
    background-image: url("../../images/file_icon/icon_file/mht.png");
    background-size: contain
}

.x-item-icon.x-mhtml {
    background-image: url("../../images/file_icon/icon_file/mhtml.png");
    background-size: contain
}

.x-item-icon.x-midi {
    background-image: url("../../images/file_icon/icon_file/midi.png");
    background-size: contain
}

.x-item-icon.x-mpp {
    background-image: url("../../images/file_icon/icon_file/mpp.png");
    background-size: contain
}

.x-item-icon.x-mpt {
    background-image: url("../../images/file_icon/icon_file/mpt.png");
    background-size: contain
}

.x-item-icon.x-msg {
    background-image: url("../../images/file_icon/icon_file/msg.png");
    background-size: contain
}

.x-item-icon.x-msi {
    background-image: url("../../images/file_icon/icon_file/msi.png");
    background-size: contain
}

.x-item-icon.x-numbers {
    background-image: url("../../images/file_icon/icon_file/numbers.png");
    background-size: contain
}

.x-item-icon.x-odp {
    background-image: url("../../images/file_icon/icon_file/odp.png");
    background-size: contain
}

.x-item-icon.x-ods {
    background-image: url("../../images/file_icon/icon_file/ods.png");
    background-size: contain
}

.x-item-icon.x-odt {
    background-image: url("../../images/file_icon/icon_file/odt.png");
    background-size: contain
}

.x-item-icon.x-oexe {
    background-image: url("../../images/file_icon/icon_file/oexe.png");
    background-size: contain
}

.x-item-icon.x-oexe2 {
    background-image: url("../../images/file_icon/icon_file/oexe2.png");
    background-size: contain
}

.x-item-icon.x-ogg {
    background-image: url("../../images/file_icon/icon_file/ogg.png");
    background-size: contain
}

.x-item-icon.x-pages {
    background-image: url("../../images/file_icon/icon_file/pages.png");
    background-size: contain
}

.x-item-icon.x-pdb {
    background-image: url("../../images/file_icon/icon_file/pdb.png");
    background-size: contain
}

.x-item-icon.x-pdf {
    background-image: url("../../images/file_icon/icon_file/pdf.png");
    background-size: contain
}

.x-item-icon.x-php {
    background-image: url("../../images/file_icon/icon_file/php.png");
    background-size: contain
}

.x-item-icon.x-pkg {
    background-image: url("../../images/file_icon/icon_file/pkg.png");
    background-size: contain
}

.x-item-icon.x-pl {
    background-image: url("../../images/file_icon/icon_file/pl.png");
    background-size: contain
}

.x-item-icon.x-pps {
    background-image: url("../../images/file_icon/icon_file/pps.png");
    background-size: contain
}

.x-item-icon.x-ppsx {
    background-image: url("../../images/file_icon/icon_file/ppsx.png");
    background-size: contain
}

.x-item-icon.x-ppt {
    background-image: url("../../images/file_icon/icon_file/ppt.png");
    background-size: contain
}

.x-item-icon.x-pptx {
    background-image: url("../../images/file_icon/icon_file/pptx.png");
    background-size: contain
}

.x-item-icon.x-pot {
    background-image: url("../../images/file_icon/icon_file/pot.png");
    background-size: contain
}

.x-item-icon.x-potx,.x-item-icon.x-ppam {
    background-image: url("../../images/file_icon/icon_file/potx.png");
    background-size: contain
}

.x-item-icon.x-prproj {
    background-image: url("../../images/file_icon/icon_file/prproj.png");
    background-size: contain
}

.x-item-icon.x-ps1 {
    background-image: url("../../images/file_icon/icon_file/ps1.png");
    background-size: contain
}

.x-item-icon.x-psd {
    background-image: url("../../images/file_icon/icon_file/psd.png");
    background-size: contain
}

.x-item-icon.x-pspimage {
    background-image: url("../../images/file_icon/icon_file/pspimage.png");
    background-size: contain
}

.x-item-icon.x-pst {
    background-image: url("../../images/file_icon/icon_file/pst.png");
    background-size: contain
}

.x-item-icon.x-pub {
    background-image: url("../../images/file_icon/icon_file/pub.png");
    background-size: contain
}

.x-item-icon.x-py {
    background-image: url("../../images/file_icon/icon_file/py.png");
    background-size: contain
}

.x-item-icon.x-rar {
    background-image: url("../../images/file_icon/icon_file/rar.png");
    background-size: contain
}

.x-item-icon.x-rb {
    background-image: url("../../images/file_icon/icon_file/rb.png");
    background-size: contain
}

.x-item-icon.x-reg {
    background-image: url("../../images/file_icon/icon_file/reg.png");
    background-size: contain
}

.x-item-icon.x-resx {
    background-image: url("../../images/file_icon/icon_file/resx.png");
    background-size: contain
}

.x-item-icon.x-rtf {
    background-image: url("../../images/file_icon/icon_file/rtf.png");
    background-size: contain
}

.x-item-icon.x-sitx {
    background-image: url("../../images/file_icon/icon_file/sitx.png");
    background-size: contain
}

.x-item-icon.x-sln {
    background-image: url("../../images/file_icon/icon_file/sln.png");
    background-size: contain
}

.x-item-icon.x-sql {
    background-image: url("../../images/file_icon/icon_file/sql.png");
    background-size: contain
}

.x-item-icon.x-suo {
    background-image: url("../../images/file_icon/icon_file/suo.png");
    background-size: contain
}

.x-item-icon.x-svg {
    background-image: url("../../images/file_icon/icon_file/svg.png");
    background-size: contain
}

.x-item-icon.x-swf {
    background-image: url("../../images/file_icon/icon_file/swf.png");
    background-size: contain
}

.x-item-icon.x-tar {
    background-image: url("../../images/file_icon/icon_file/tar.png");
    background-size: contain
}

.x-item-icon.x-tga {
    background-image: url("../../images/file_icon/icon_file/tga.png");
    background-size: contain
}

.x-item-icon.x-tgz {
    background-image: url("../../images/file_icon/icon_file/tgz.png");
    background-size: contain
}

.x-item-icon.x-txt {
    background-image: url("../../images/file_icon/icon_file/txt.png");
    background-size: contain
}

.x-item-icon.x-torrent {
    background-image: url("../../images/file_icon/icon_file/utorrent.png");
    background-size: contain
}

.x-item-icon.x-utorrent {
    background-image: url("../../images/file_icon/icon_file/utorrent.png");
    background-size: contain
}

.x-item-icon.x-vb {
    background-image: url("../../images/file_icon/icon_file/vb.png");
    background-size: contain
}

.x-item-icon.x-vbproj {
    background-image: url("../../images/file_icon/icon_file/vbproj.png");
    background-size: contain
}

.x-item-icon.x-vbs {
    background-image: url("../../images/file_icon/icon_file/vbs.png");
    background-size: contain
}

.x-item-icon.x-vcf {
    background-image: url("../../images/file_icon/icon_file/vcf.png");
    background-size: contain
}

.x-item-icon.x-vcproj {
    background-image: url("../../images/file_icon/icon_file/vcproj.png");
    background-size: contain
}

.x-item-icon.x-vcxproj {
    background-image: url("../../images/file_icon/icon_file/vcxproj.png");
    background-size: contain
}

.x-item-icon.x-vdw {
    background-image: url("../../images/file_icon/icon_file/vdw.png");
    background-size: contain
}

.x-item-icon.x-vdx {
    background-image: url("../../images/file_icon/icon_file/vdx.png");
    background-size: contain
}

.x-item-icon.x-vsd {
    background-image: url("../../images/file_icon/icon_file/vsd.png");
    background-size: contain
}

.x-item-icon.x-vsdx {
    background-image: url("../../images/file_icon/icon_file/vsdx.png");
    background-size: contain
}

.x-item-icon.x-vss {
    background-image: url("../../images/file_icon/icon_file/vss.png");
    background-size: contain
}

.x-item-icon.x-vst {
    background-image: url("../../images/file_icon/icon_file/vst.png");
    background-size: contain
}

.x-item-icon.x-vsx {
    background-image: url("../../images/file_icon/icon_file/vsx.png");
    background-size: contain
}

.x-item-icon.x-vtx {
    background-image: url("../../images/file_icon/icon_file/vtx.png");
    background-size: contain
}

.x-item-icon.x-wasm {
    background-image: url("../../images/file_icon/icon_file/wasm.png");
    background-size: contain
}

.x-item-icon.x-xaml {
    background-image: url("../../images/file_icon/icon_file/xaml.png");
    background-size: contain
}

.x-item-icon.x-xap {
    background-image: url("../../images/file_icon/icon_file/xap.png");
    background-size: contain
}

.x-item-icon.x-xls {
    background-image: url("../../images/file_icon/icon_file/xls.png");
    background-size: contain
}

.x-item-icon.x-xlsb {
    background-image: url("../../images/file_icon/icon_file/xlsb.png");
    background-size: contain
}

.x-item-icon.x-xlsm {
    background-image: url("../../images/file_icon/icon_file/xlsm.png");
    background-size: contain
}

.x-item-icon.x-xlsx {
    background-image: url("../../images/file_icon/icon_file/xlsx.png");
    background-size: contain
}

.x-item-icon.x-xlt {
    background-image: url("../../images/file_icon/icon_file/xlt.png");
    background-size: contain
}

.x-item-icon.x-xltx {
    background-image: url("../../images/file_icon/icon_file/xltx.png");
    background-size: contain
}

.x-item-icon.x-xml {
    background-image: url("../../images/file_icon/icon_file/xml.png");
    background-size: contain
}

.x-item-icon.x-xps {
    background-image: url("../../images/file_icon/icon_file/xps.png");
    background-size: contain
}

.x-item-icon.x-xsd {
    background-image: url("../../images/file_icon/icon_file/xsd.png");
    background-size: contain
}

.x-item-icon.x-xsl {
    background-image: url("../../images/file_icon/icon_file/xsl.png");
    background-size: contain
}

.x-item-icon.x-y {
    background-image: url("../../images/file_icon/icon_file/y.png");
    background-size: contain
}

.x-item-icon.x-zip {
    background-image: url("../../images/file_icon/icon_file/zip.png");
    background-size: contain
}

.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/1-movie.svg");
    background-size: contain
}

.x-item-icon.x-flv,.x-item-icon.x-f4v {
    background-image: url("../../images/file_icon/icon_file/movie/flv.png");
    background-size: contain
}

.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: contain
}

.x-item-icon.x-3ds {
    background-image: url("../../images/file_icon/icon_file/autodesk/3ds.png");
    background-size: contain
}

.x-item-icon.x-3dm {
    background-image: url("../../images/file_icon/icon_file/autodesk/3dm.png");
    background-size: contain
}

.x-item-icon.x-dae {
    background-image: url("../../images/file_icon/icon_file/autodesk/dae.png");
    background-size: contain
}

.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: contain
}

.x-item-icon.x-dwg {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwg.png");
    background-size: contain
}

.x-item-icon.x-dwf {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size: contain
}

.x-item-icon.x-dwfx {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size: contain
}

.x-item-icon.x-dxf {
    background-image: url("../../images/file_icon/icon_file/autodesk/dxf.png");
    background-size: contain
}

.x-item-icon.x-ifc {
    background-image: url("../../images/file_icon/icon_file/autodesk/ifc.png");
    background-size: contain
}

.x-item-icon.x-iam {
    background-image: url("../../images/file_icon/icon_file/autodesk/iam.png");
    background-size: contain
}

.x-item-icon.x-fbx {
    background-image: url("../../images/file_icon/icon_file/autodesk/fbx.png");
    background-size: contain
}

.x-item-icon.x-rvt {
    background-image: url("../../images/file_icon/icon_file/autodesk/rvt.png");
    background-size: contain
}

.x-item-icon.x-skp {
    background-image: url("../../images/file_icon/icon_file/autodesk/skp.png");
    background-size: contain
}

.x-item-icon.x-vnd,.x-item-icon.x-dgn {
    background-image: url("../../images/file_icon/icon_file/autodesk/vnd-dgn.png");
    background-size: contain
}

.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 .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: 100%;
    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%;
    max-width: 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: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 2px;
    box-shadow: none;
    background: none;
    box-sizing: border-box
}

.path-ico.is-folder-icon .picture img {
    background: none !important;
    box-shadow: none !important
}

.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: 0px;
    margin-left: 2px;
    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 {
    zoom:1;margin-top: 0;
    width: 16px;
    height: 16px
}

.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;
    background: none;
    border-bottom: .5px solid #99999940;
    -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.file-file .children-more,.file-list-split .file.file-file .children-more {
    visibility: hidden
}

.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 {
    min-width: 40px;
    padding-left: 5px;
    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;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px)
}

.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;
    min-width: initial
}

.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;
    min-width: 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-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;
    max-width: 100%;
    overflow: visible;
    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;
    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;
    top: 0
}

.file-list-split .file .children-open i.font-icon {
    font-size: 1.1em;
    color: #bbb;
    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";
    font-size: 16px;
    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 -4px 0 0;
    opacity: .8;
    font-style: normal
}

.file .meta-info .share-outer,.panel-info .share-outer {
    position: relative
}

.file .meta-info .share-outer:after,.panel-info .share-outer:after {
    color: #f7629e;
    font-size: 12px;
    content: "\eb9c";
    font-family: 'remixicon' !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    margin: -4px -4px 0 0;
    opacity: .8;
    font-style: normal
}

.file .meta-info .share-outer.share-timeout:after,.panel-info .share-outer.share-timeout:after {
    margin: -3px 8px 0 0
}

.kui-notify .path-item-list {
    overflow: hidden
}

.kui-notify .path-item {
    cursor: pointer;
    padding: 4px 5px 4px 5px;
    background: #aaaaaa20;
    border-radius: 3px;
    margin: 3px 0 0 0px;
    display: flex;
    align-items: center
}

.kui-notify .path-item:hover {
    background: #1890ff20;
    color: #1890ff
}

.kui-notify .path-item .item-name {
    position: relative;
    top: -1px;
    margin-left: 5px
}

.kui-notify .path-item .path-ico img {
    max-width: 18px;
    max-height: 18px;
    border-radius: 2px
}

.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;
    top: -8px;
    left: -2px;
    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;
    top: -8px;
    left: -2px;
    top: 4px;
    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
}

.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-list .meta-info .meta-info-content,.file-draging-box .file-draging.file-list-split .meta-info .meta-info-content {
    display: none
}

.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.make-drag-image-view.file-list-icon .file,.file-draging-box .file-draging.make-drag-image-view.file-list-list .file,.file-draging-box .file-draging.make-drag-image-view.file-list-split .file {
    transition: none !important
}

.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
}

.bodymain.drag-view,.file-draging-tips {
    pointer-events: none
}

.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)
}

.file-continer.file-list-list .drag-file-hover-child.file {
    overflow: visible
}

.file-continer.file-list-list .drag-file-hover-child.file:before {
    box-sizing: content-box;
    padding-bottom: 3px;
    pointer-events: none;
    transition: all .2s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -4px;
    left: -1px;
    content: "";
    border: 1px solid rgba(24,144,255,0.6);
    background: rgba(24,144,255,0.05);
    border-top-width: 0px;
    border-bottom-width: 0px;
    z-index: 150
}

.file-continer.file-list-list .drag-file-hover-child.file.at-last:before {
    border-bottom-width: 1px
}

.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;
    z-index: 20 !important
}

.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 .drag-file-hover.bodymain .file-continer-main:before {
    top: 35px
}

.app-wap-small .drag-file-hover.tree-node:before {
    border: 1px solid rgba(24,144,255,0.8)
}

.app-wap-small .drag-file-hover.header-address-item a {
    color: #fff !important;
    background: rgba(100,100,100,0.5) !important
}

.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
}

.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,.file-panel .header-content .file-icon .meta-info em {
    font-size: .9em
}

.file-continer .file .meta-info .file-meta-fileEncodeType,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .meta-label em {
    font-size: 12px;
    font-style: normal
}

.file-continer .file .meta-info .meta-label.history-count,.file-panel .header-content .file-icon .meta-info .meta-label.history-count {
    margin: 4px 2px;
    color: #ff9800;
    background: #ff980021
}

.file-continer .file .meta-info .meta-label.history-count:before,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .children-count {
    position: absolute;
    bottom: 60%;
    left: -300%
}

.file-continer .file .meta-info .children-count em,.file-panel .header-content .file-icon .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 .meta-icon i.file-meta-top .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-top .font-icon,.file-continer .file .meta-info .meta-icon i.file-meta-lock .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-lock .font-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 20px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    font-size: 12px;
    display: inline-block
}

.file-continer .file .meta-info .meta-icon i.file-meta-lock .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-lock .font-icon {
    color: #fff;
    background: rgba(0,0,0,0.7)
}

.file-continer .file .meta-info .meta-icon i.file-meta-top .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-top .font-icon {
    color: #de8e00;
    background: #ffea7b
}

.file-continer .file .meta-info .meta-icon i.file-meta-lock.lock-self .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-lock.lock-self .font-icon {
    background: rgba(27,191,33,0.8)
}

.file-continer .file .meta-info .meta-icon i.folder-meta-password .the-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.folder-meta-password .the-icon {
    background: #FF9800;
    color: #fff;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    display: inline-block
}

.file-continer .file .meta-info .meta-icon i.folder-meta-password .the-icon:before,.file-panel .header-content .file-icon .meta-info .meta-icon i.folder-meta-password .the-icon:before {
    font-size: .7em;
    vertical-align: text-bottom
}

.file-continer .file .meta-info .path-ico .x-share-link,.file-panel .header-content .file-icon .meta-info .path-ico .x-share-link {
    color: #31dc48;
    background: none
}

.file-continer .file .meta-info .file-list-tag,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .file-list-tag .item {
    display: inline-block;
    margin: 0;
    margin-right: -4px;
    height: 16px;
    line-height: 16px
}

.file-continer .file .meta-info .file-list-tag .item .name,.file-panel .header-content .file-icon .meta-info .file-list-tag .item .name {
    display: none
}

.file-continer .file .meta-info .file-list-tag .item .x-item-icon.label,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .file-list-tag .item.group-tag .font-icon.is-empty {
    display: none
}

.file-list-icon .file .meta-info,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .meta-icon {
    font-style: normal
}

.file-list-icon .file .meta-info .meta-add,.file-panel .header-content .file-icon .meta-info .meta-add {
    font-style: normal
}

.file-list-icon .file .meta-info img,.file-panel .header-content .file-icon .meta-info img {
    width: 100%;
    height: 100%
}

.file-list-icon .file .meta-info .file-meta-fileEncodeType,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .play-time {
    position: absolute;
    right: -10%;
    top: 0%;
    margin: -18px 3px 0 0
}

.file-list-icon .file .meta-info .history-count,.file-panel .header-content .file-icon .meta-info .history-count {
    display: none
}

.file-list-icon .file .meta-info .path-ico,.file-panel .header-content .file-icon .meta-info .path-ico,.file-list-icon .file .meta-info .path-ico .x-item-icon,.file-panel .header-content .file-icon .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,.file-panel .header-content .file-icon .meta-info .path-ico .font-icon {
    color: #888
}

.file-list-icon .file .meta-info .meta-icon i:nth-child(2),.file-panel .header-content .file-icon .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),.file-panel .header-content .file-icon .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),.file-panel .header-content .file-icon .meta-info .meta-icon i:nth-child(4) {
    position: absolute;
    right: 110%;
    top: -110%
}

.file-list-icon .file .meta-info .file-list-tag,.file-panel .header-content .file-icon .meta-info .file-list-tag {
    position: absolute;
    top: 20%;
    width: 200%;
    right: 200%;
    margin-right: 0px;
    text-align: left;
    white-space: nowrap
}

.file-list-icon .file .meta-info .file-list-tag .item:nth-child(n+6),.file-panel .header-content .file-icon .meta-info .file-list-tag .item:nth-child(n+6) {
    display: none
}

.file-list-icon .file .meta-info .meta-icon i.file-meta-lock,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-lock,.file-list-icon .file .meta-info .meta-icon i.file-meta-top,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-top {
    width: 1em;
    height: 1em;
    line-height: 1em
}

.file-list-icon .file .meta-info .meta-icon i.file-meta-lock .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-lock .font-icon,.file-list-icon .file .meta-info .meta-icon i.file-meta-top .font-icon,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-top .font-icon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 1.4em;
    font-size: .7em
}

.file-list-icon .file .meta-info .meta-icon i.file-meta-top,.file-panel .header-content .file-icon .meta-info .meta-icon i.file-meta-top {
    position: absolute;
    right: 0;
    top: -350%
}

.file-list-icon .file .meta-info .file-list-tag.group-tag,.file-panel .header-content .file-icon .meta-info .file-list-tag.group-tag {
    margin-top: -16px;
    margin-right: 2px
}

.file-panel .panel-info-header .header-content .file-icon {
    overflow: visible
}

.file-panel .panel-info-header .header-content .file-icon .meta-info {
    height: 10px;
    width: 10px;
    line-height: 10px;
    margin: 0 6px 0 0px;
    position: absolute;
    right: 0;
    bottom: 5px
}

.file-panel .panel-info-header .header-content .file-icon .meta-info .path-ico {
    font-size: 90%;
    line-height: 90%
}

.file-panel .panel-info-header .header-content .file-icon .meta-info .file-list-tag {
    top: -15%;
    right: 220%
}

.file-list-list .file .meta-info,.file-list-split .file .meta-info {
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 2;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.file-list-list .file .meta-info .meta-info-content,.file-list-split .file .meta-info .meta-info-content {
    width: 1000px;
    position: absolute;
    right: 0px
}

.file-list-list .file .meta-info .meta-icon,.file-list-split .file .meta-info .meta-icon,.file-list-list .file .meta-info .meta-add,.file-list-split .file .meta-info .meta-add {
    font-style: normal;
    float: right
}

.file-list-list .file .meta-info .meta-icon .path-ico.name-kod-share,.file-list-split .file .meta-info .meta-icon .path-ico.name-kod-share {
    width: 22px
}

.file-list-list .file .meta-info .meta-icon .path-ico.name-kod-share.share-timeout:before,.file-list-split .file .meta-info .meta-icon .path-ico.name-kod-share.share-timeout:before {
    margin: -4px -1px 0 0
}

.file-list-list .file .meta-info .path-ico,.file-list-split .file .meta-info .path-ico {
    float: right;
    margin-left: 2px;
    margin-right: 0px;
    font-size: 18px;
    line-height: 18px
}

.file-list-list .file .meta-info .path-ico .svg-icon,.file-list-split .file .meta-info .path-ico .svg-icon {
    width: 17px
}

.file-list-list .file .meta-info .user-space-info,.file-list-split .file .meta-info .user-space-info {
    display: none !important
}

.file-list-list .file .meta-info img,.file-list-split .file .meta-info img {
    width: 100%;
    height: 100%
}

.file-list-list .file .meta-info .file-desc,.file-list-split .file .meta-info .file-desc {
    float: left;
    color: #bbb;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    text-align: right
}

.file-list-list .file .meta-info .file-desc:hover,.file-list-split .file .meta-info .file-desc:hover,.file-list-list .file .meta-info .file-desc:active,.file-list-split .file .meta-info .file-desc:active,.file-list-list .file .meta-info .file-desc:focus,.file-list-split .file .meta-info .file-desc:focus {
    color: #888
}

.file-list-list .file .meta-info .file-desc:before,.file-list-split .file .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: 16px;
    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 .file .meta-info.app-link,.file-list-split .file .meta-info.app-link {
    position: relative;
    left: -20px;
    top: 8px;
    width: 0;
    height: 0;
    overflow: visible;
    display: inline-block;
    flex: none
}

.file-list-list .file .meta-info.app-link .x-item-icon,.file-list-split .file .meta-info.app-link .x-item-icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-bottom: 2px
}

.file-list-list .file .meta-info .meta-icon:after,.file-list-split .file .meta-info .meta-icon:after,.file-list-list .file .meta-info .file-list-tag:after,.file-list-split .file .meta-info .file-list-tag:after {
    content: "";
    clear: both
}

.file-list-list .file .meta-info .file-list-tag,.file-list-split .file .meta-info .file-list-tag {
    display: inline;
    padding-right: 5px
}

.file-list-list .file .title-type-name .title-continer,.file-list-split .file .title-type-name .title-continer {
    display: flex
}

.file-list-list .file.file-icon-edit .title-type-name .title-continer,.file-list-split .file.file-icon-edit .title-type-name .title-continer {
    display: block
}

.file-list-list .file .meta-info,.file-list-split .file .meta-info {
    flex: 1;
    position: relative;
    height: 32px;
    width: auto
}

.file-list-list .file .meta-info .file-list-tag .item {
    color: #888;
    background: #f9fcfd;
    float: right;
    border: 1px solid rgba(24,144,255,0.25);
    margin: 6px 3px 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: 8px
}

.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-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: #99999915
}

.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: #99999930
}

.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: 4px;
    margin-left: 2px
}

.file-list-split .file .title-rename {
    position: relative;
    top: 4px;
    margin-left: 2px
}

.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.5);
    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 .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 {
    position: relative
}

.file-list-list .file.file-search-match .search-match-content .match-text {
    line-height: 22px;
    box-sizing: border-box;
    margin: 0px 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
}

.file-list-list .file.file-search-match .title-type-name .textarea .newfile {
    font-weight: 800;
    opacity: .8
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content {
    padding-right: 5px
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover {
    margin: 0 10px 5px 25px;
    height: 160px;
    float: left;
    display: block
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover .path-ico {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover .path-ico .picture {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover .path-ico .picture img {
    height: 100%;
    position: relative
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover .path-ico .picture:after {
    display: none
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content .match-text {
    margin-left: 10px;
    display: table-cell;
    height: 160px
}

.file-list-list .file.file-search-match.has-file-cover .search-match-content:after {
    content: "";
    display: block;
    float: none;
    clear: both
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text,.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text {
    margin: -5px 10px 5px 70px
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover,.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-search-match.has-file-cover .search-match-content .file-cover {
    display: none
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-search-match.has-file-cover .search-match-content .match-text,.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-search-match.has-file-cover .search-match-content .match-text {
    display: block;
    height: auto
}

.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: 5px 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;
    background: #dddedf10;
    margin-top: 84px;
    border-left: .5px solid #66666630
}

.file-panel .dialog-form.target-form .form-box.config-box .panel-form-body {
    background: none
}

.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;
    background: none;
    background-image: linear-gradient(190deg, #6accff20, #00000002);
    border-bottom: .5px solid #99999920
}

.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
}

.file-panel .panel-info-header .header-content>.file-icon .path-ico .x-item-icon {
    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 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: 12px;
    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-info-header .header-content>.file-icon .path-ico img {
    box-shadow: none
}

.file-panel .panel-info-header .header-content>.file-icon .user-space-info {
    display: none !important
}

.file-panel .panel-info-header .header-content>.file-icon .file-menu-btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    color: #fff;
    background: #33333315;
    opacity: .01;
    transition: all .2s
}

.file-panel .panel-info-header .header-content>.file-icon .file-menu-btn:hover,.file-panel .panel-info-header .header-content>.file-icon .file-menu-btn.context-menu-active {
    opacity: 1
}

.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.panel-image .panel-close {
    color: #eee
}

.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;
    background: none;
    border: none;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    padding: 0;
    border-top: .5px solid #66666620;
    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
}

.frame-main-explorer .file-panel>.tab-group-line .tab-item.active {
    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
}

.file-panel.panel-image .panel-info-header .header-content>.file-icon .file-menu-btn {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.context-menu-list.file-panel-self .context-menu-item.open,.context-menu-list.file-panel-self .context-menu-item.open+.context-menu-item.context-menu-separator,.context-menu-list.file-panel-self .context-menu-item.refresh-tree,.context-menu-list.file-panel-self .context-menu-item.refresh-tree+.context-menu-item.context-menu-separator,.context-menu-list.file-panel-self .context-menu-item.disabled,.context-menu-list.file-panel-self .context-menu-item.disabled+.context-menu-item.context-menu-separator,.context-menu-list.file-panel-self .context-menu-item.zip {
    display: none !important
}

.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 .path-ico {
    top: -2px
}

.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 .block-info-view {
    border: .7px solid #aaaaaa50;
    margin: 2px 0 10px 0;
    border-radius: 6px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-panel .pathinfo .block-info-view .block-header {
    line-height: 28px;
    padding: 0 8px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    background: #aaaaaa30;
    border-bottom: .7px solid #aaaaaa30
}

.file-panel .pathinfo .block-info-view .block-header i {
    font-style: normal;
    opacity: .5;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px
}

.file-panel .pathinfo .block-info-view .block-content {
    margin: 8px 8px;
    opacity: .8
}

.file-panel .pathinfo .block-info-view .block-content .content-item {
    line-height: 1.4em
}

.file-panel .pathinfo .block-info-view .block-content .content-item i {
    font-style: normal;
    opacity: .5
}

.file-panel .pathinfo .block-info-view .block-content em:before {
    content: "∙";
    padding: 0 5px;
    font-style: normal;
    font-weight: 800;
    font-size: 16px
}

.file-panel .pathinfo .block-info-view .block-footer {
    line-height: 22px;
    padding: 1px 0;
    font-size: 12px;
    background: #aaaaaa15;
    border-top: .7px solid #aaaaaa50;
    white-space: nowrap;
    width: 100%;
    display: table;
    overflow: hidden;
    text-align: center
}

.file-panel .pathinfo .block-info-view .block-footer .footer-item {
    opacity: .4;
    display: table-cell;
    border-right: .7px solid #aaaaaa30;
    padding: 0 5px;
    width: 20%
}

.file-panel .pathinfo .block-info-view .block-footer .footer-item.item-exposureTime {
    border: none
}

.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 span,.file-panel .pathinfo .p .content.link-href span {
    vertical-align: middle
}

.file-panel .pathinfo .p .content .link-href .file-icon,.file-panel .pathinfo .p .content.link-href .file-icon {
    vertical-align: middle;
    margin-right: 4px
}

.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 {
    word-spacing: -4px
}

.file-panel .pathinfo .p.info-item-share-link .label {
    margin: 0;
    padding: 2px 1px;
    margin-right: 2px;
    display: inline-block;
    min-width: 16px;
    cursor: default
}

.file-panel .pathinfo .p.info-item-share-link .label.text {
    padding: 3px 3px
}

.file-panel .pathinfo .p.info-item-share-link .label .font-icon {
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -1px
}

.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;
    position: relative;
    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 #e6e6e6;
    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",'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: #e6e6e6
}

.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: #e6e6e6;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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;
    min-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: 13.5px
}

.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;
    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 .info-item-share-info>.content .user-info,.file-panel .pathinfo .info-item-share-info>.content .desc {
    vertical-align: middle
}

.file-panel .pathinfo .info-item-share-info>.content .desc {
    margin-left: 5px;
    zoom:.9;opacity: .8;
    position: relative;
    top: 0
}

.file-panel .pathinfo .edit-share-to {
    color: #1a57de;
    background: #e5edff;
    border: 1px solid #b5caf7;
    border-radius: 20px;
    padding: 3px 6px;
    margin-bottom: 2px;
    vertical-align: middle
}

.file-panel .pathinfo .edit-share-to .font-icon {
    color: #1a57de
}

.file-panel .pathinfo .edit-share-to:hover {
    opacity: .7
}

.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;
    vertical-align: bottom;
    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 .tab-group {
    white-space: nowrap
}

.explorer-auth-description .form-box .form-row .title-desc {
    padding: 0 6px;
    margin: 8px 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.explorer-auth-description .form-row .content {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    overflow: hidden;
    overflow-y: auto;
    bottom: 45px;
    padding: 0 0 40px 0
}

.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 .font-icon {
    padding-right: 3px;
    opacity: .6;
    font-size: 14px;
    vertical-align: text-top
}

.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
}

.explorer-auth-description .table-view .auth-info {
    padding: 4px 10px 4px 6px;
    border-radius: 10px;
    background: #99999915
}

.explorer-auth-description .table-view.auth-parent .auth-from-desc {
    margin: 3px 0
}

.explorer-auth-description .table-view.auth-parent .auth-from-desc i {
    font-style: normal;
    opacity: .5;
    padding-right: 5px
}

.explorer-auth-description .table-view.auth-parent .item-path .path-ico {
    margin-right: 5px
}

.explorer-auth-description .table-view.auth-parent .item-path {
    color: #7891af;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    padding: 2px 2px 2px 2px;
    transition: all .2s
}

.explorer-auth-description .table-view.auth-parent .item-path:hover {
    background: #1890ffc4;
    color: #fff
}

.explorer-auth-description .table-view.auth-parent .row-header .table-column,.explorer-auth-description .table-view.auth-parent .table-column.col-user,.explorer-auth-description .table-view.auth-parent .table-column.col-auth {
    white-space: nowrap
}

.explorer-auth-description .table-view.auth-parent .table-column.col-user {
    width: 25%
}

.explorer-auth-description .table-view.auth-parent .table-column.col-auth {
    width: 30%
}

.explorer-auth-description .table-view.auth-parent .table-column.col-item-target {
    width: 45%
}

.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 {
    width: auto;
    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: #f6f8fa;
    border: .5px solid #d5dfe8;
    box-shadow: 2px 2px 4px rgba(213,223,232,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: #77777709
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active {
    background: rgba(100,172,255,0.1)
}

.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: #e6f7ff;
    border: .5px solid #b3e7ff;
    box-shadow: -2px 2px 4px rgba(179,231,255,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: #e6f7ff;
    border: .5px solid #b3e7ff;
    right: -3px;
    border-left: none;
    border-bottom: none
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert {
    background: #f6f8fa;
    border: .5px solid #d5dfe8;
    left: -3px;
    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,.file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger.context-menu-active-show {
    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 .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.has-reply .placeholder {
    display: none !important
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-box {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 30px
}

.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: transparent
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar {
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: auto;
    width: auto
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item {
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 3px 3px;
    color: #aaa;
    font-size: 18px;
    border-radius: 3px
}

.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.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-block-markdown {
    padding: 5px;
    margin: 0;
    border-radius: 4px;
    position: absolute;
    color: inherit;
    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;
    background: transparent;
    font-family: Menlo,Consolas,source-code-pro,Monaco,'Liberation Mono','Ubuntu Mono',monospace,'Microsoft Yahei','微软雅黑','Lantinghei SC',Courier,'Helvetica',STXihei,WenQuanYi,sans-serif
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .markdown-label {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    background: #d8f2ff;
    color: #40a9ff;
    padding: 2px 10px;
    border-radius: 0 0 0 10px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .markdown-label:before {
    content: 'markdown'
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input .markdown-remove {
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 20;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 0 3px 0 3px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    background: #fff;
    color: #888
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input .markdown-remove:hover {
    color: #f30;
    background: #ffcfe0
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:hover .markdown-remove {
    visibility: visible;
    opacity: 1
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .kui-btn {
    vertical-align: top;
    box-sizing: border-box;
    height: 27px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .send-hotkey {
    padding: 4px 2px 4px 2px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .send-hotkey .font-icon {
    font-size: 20px;
    line-height: 18px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .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 .send-group .dropdown-menu li {
    line-height: 30px;
    color: #666;
    padding: 0 15px;
    cursor: pointer;
    position: relative
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .dropdown-menu li .font-icon {
    display: inline-block;
    width: 20px
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .dropdown-menu li:hover {
    background: #eee
}

.file-panel .panel-tab-content .panel-chat .chat-content-box .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 .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;
    position: relative
}

.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 .chat-content-box.has-reply .chat-block-markdown,.file-panel .panel-tab-content .panel-chat .chat-content-box.has-reply .markdown-remove,.file-panel .panel-tab-content .panel-chat .chat-content-box.has-reply .markdown-label {
    top: 35px
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .file-preview {
    pointer-events: none
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .file-preview {
    height: auto;
    background: transparent;
    border: none;
    display: inline
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .file-preview .file-icon {
    position: relative;
    width: 20px;
    height: 20px;
    top: 2px;
    display: inline-block
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .file-preview .text-content,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .file-preview .file-size {
    display: inline;
    padding: 0
}

.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 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 .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
}

.project-log-item .file-preview,.file-panel .panel-tab-content .file-preview {
    color: #666;
    background: #fff;
    border: .5px solid #dcecfd;
    position: relative;
    padding: 5px;
    height: 50px;
    border-radius: 4px;
    user-select: none;
    margin-bottom: 2px;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1em;
    min-width: 150px
}

.project-log-item .file-preview:hover,.file-panel .panel-tab-content .file-preview:hover {
    background: #f7fbff;
    border-color: #ebf5ff
}

.project-log-item .file-preview .file-icon,.file-panel .panel-tab-content .file-preview .file-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px
}

.project-log-item .file-preview .file-icon .path-ico,.file-panel .panel-tab-content .file-preview .file-icon .path-ico {
    width: 100%;
    height: 100%
}

.project-log-item .file-preview .text-content,.file-panel .panel-tab-content .file-preview .text-content {
    display: block;
    padding: 5px 5px 2px 45px;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.project-log-item .file-preview .file-size,.file-panel .panel-tab-content .file-preview .file-size {
    display: block;
    padding: 0px 5px 0 45px;
    opacity: .6;
    font-size: 12px
}

.project-log-item .file-preview span[data-action="file-download"],.file-panel .panel-tab-content .file-preview span[data-action="file-download"] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #99999910;
    color: #1890ff;
    text-align: center;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.project-log-item .file-preview span[data-action="file-download"]:hover,.file-panel .panel-tab-content .file-preview span[data-action="file-download"]:hover {
    background: #1890ff30
}

.project-log-item .file-preview:hover span[data-action="file-download"],.file-panel .panel-tab-content .file-preview:hover span[data-action="file-download"] {
    visibility: visible;
    opacity: 1
}

.dark-mode .project-log-item .file-preview,.dark-mode .file-panel .panel-tab-content .file-preview {
    color: #fff;
    background: #333;
    border-color: #555
}

.dark-mode .project-log-item .file-preview:hover,.dark-mode .file-panel .panel-tab-content .file-preview:hover {
    background: #444;
    border-color: #666
}

.chat-content-box .drag-file-hover-tips {
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #1890ff80;
    text-align: center;
    font-size: 20px
}

.chat-content-box .drag-file-hover-tips span {
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -0.2em;
    top: 50%;
    transform: translateY(-50%)
}

.chat-content-box.drag-file-hover .drag-file-hover-tips {
    visibility: visible;
    opacity: 1
}

.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: .7px 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 .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 .content-header .title {
    visibility: hidden
}

.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-tab-content .panel-chat .markdown-preview {
    min-width: 100px;
    color: #333
}

.file-panel .panel-tab-content .panel-chat .markdown-preview .h1,.file-panel .panel-tab-content .panel-chat .markdown-preview h1 {
    border-bottom-color: #77777720
}

.file-panel .panel-tab-content .panel-chat .markdown-preview .h1,.file-panel .panel-tab-content .panel-chat .markdown-preview h1,.file-panel .panel-tab-content .panel-chat .markdown-preview .h2,.file-panel .panel-tab-content .panel-chat .markdown-preview h2,.file-panel .panel-tab-content .panel-chat .markdown-preview .h3,.file-panel .panel-tab-content .panel-chat .markdown-preview h3,.file-panel .panel-tab-content .panel-chat .markdown-preview .h4,.file-panel .panel-tab-content .panel-chat .markdown-preview h4,.file-panel .panel-tab-content .panel-chat .markdown-preview .h5,.file-panel .panel-tab-content .panel-chat .markdown-preview h5,.file-panel .panel-tab-content .panel-chat .markdown-preview .h6,.file-panel .panel-tab-content .panel-chat .markdown-preview h6 {
    padding: .2em 0 .2em 0;
    margin: .1em 0 .1em 0;
    color: inherit
}

.file-panel .panel-tab-content .panel-chat .markdown-preview ul,.file-panel .panel-tab-content .panel-chat .markdown-preview ol {
    margin-top: 0;
    margin-bottom: 0
}

.file-panel .panel-tab-content .panel-chat .markdown-preview pre {
    padding: 0;
    background: none;
    border-radius: 4px
}

.file-panel .panel-tab-content .panel-chat .markdown-preview pre,.file-panel .panel-tab-content .panel-chat .markdown-preview pre code {
    border: none
}

.file-panel .panel-tab-content .panel-chat .markdown-preview blockquote {
    padding: 8px 10px;
    margin: 5px 0 5px 0
}

.file-panel .panel-tab-content .panel-chat .markdown-preview table {
    background: #fff;
    margin: 0;
    margin: 5px 0
}

.file-panel .panel-tab-content .panel-chat .markdown-preview .katex-display {
    color: inherit;
    margin: 0
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview {
    display: inline-block;
    position: absolute;
    margin-left: 2px
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview table,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .markdown-alert {
    margin: 0
}

.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h1,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h1,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h2,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h2,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h3,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h3,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h4,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h4,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h5,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h5,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview .h6,.file-panel .panel-tab-content .panel-chat .chat-input-content .reply-item .markdown-preview h6 {
    padding: 0;
    margin: 0
}

.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content {
    background: #41778f;
    border-color: #5294b1;
    color: #fff;
    box-shadow: 2px 2px 4px rgba(65,119,143,0.1)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert {
    background: #41778f;
    border-color: #5294b1
}

.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content {
    background: #444;
    border-color: #5e5e5e;
    color: #fff;
    box-shadow: 2px 2px 4px rgba(68,68,68,0.1)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert {
    background: #444;
    border-color: #5e5e5e
}

.dark-mode .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box .info-alert {
    background: #fffbe620;
    border-top: .5px solid #ffe97420
}

.dark-mode .file-panel .panel-tab-content .panel-chat a {
    color: #6ab7ff
}

.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 .markdown-label {
    background: #313d43
}

.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-block-markdown {
    box-shadow: 0 0 50px rgba(255,255,255,0.1) inset;
    border: 1px solid 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 .markdown-remove {
    background: #666;
    color: #eee
}

.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input .markdown-remove:hover {
    background: #604139;
    color: #f30
}

.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 {
    color: #eee
}

.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item:hover {
    background: rgba(255,255,255,0.1);
    color: #1890ff
}

.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .send-group .dropdown-menu li {
    color: #ddd
}

.dark-mode .file-panel .panel-tab-content .panel-chat .chat-content-box .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.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-tab-content .panel-chat .markdown-preview {
    color: #eee
}

.dark-mode .file-panel .panel-tab-content .panel-chat .markdown-preview table {
    background: #333;
    color: #eee
}

.dark-mode .file-panel .panel-tab-content .panel-chat .markdown-preview table td,.dark-mode .file-panel .panel-tab-content .panel-chat .markdown-preview table th {
    border-color: #888
}

.dark-mode .file-panel .panel-tab-content .panel-chat .markdown-preview table thead {
    background: #555
}

.dark-mode .file-panel .panel-tab-content .panel-chat .markdown-preview table tr:nth-child(even) {
    background: #555
}

.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x .ps__thumb-y,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y .ps__thumb-y {
    background-color: rgba(250,250,250,0.4)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:hover,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:hover,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:focus,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:focus {
    background-color: rgba(250,250,250,0.1)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x.ps--clicking,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y.ps--clicking {
    background-color: rgba(250,250,250,0.15)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:hover .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:hover .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:focus .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:focus .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:hover .ps__thumb-y,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:hover .ps__thumb-y,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x:focus .ps__thumb-y,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y:focus .ps__thumb-y {
    background-color: rgba(250,250,250,0.4)
}

.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x.ps--clicking .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y.ps--clicking .ps__thumb-x,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-x.ps--clicking .ps__thumb-y,.dark-mode .file-panel .panel-tab-content .panel-chat .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(250,250,250,0.5)
}

.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: #77777715;
    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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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: #1890ff;
    border-color: #007cee;
    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: #22b66c;
    border-color: #1c9458;
    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: #1890ff;
    border-color: #007cee;
    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: #1890ff;
    border-color: #007cee;
    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: #1890ff;
    border-color: #007cee;
    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: #22b66c;
    border-color: #1c9458;
    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: #1890ff
}

.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: #1890ff
}

.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: 2px 2px 2px 2px;
    margin-left: -1px;
    border-radius: 3px;
    position: relative
}

.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;
    position: relative;
    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 {
    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;
    border-width: .5px;
    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 !important
}

.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: 1px;
    right: 20px;
    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: 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: 0 0 15px 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;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -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: 10px;
    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
}

.file-panel .panel-meta .form-row.item-user_sourceCover .item-cover {
    text-align: center
}

.file-panel .panel-meta .form-row.item-user_sourceCover .empty {
    padding: 4px 0;
    display: inline-block
}

.file-panel .panel-meta .form-row.item-user_sourceCover .img-view {
    width: 90px;
    height: 90px;
    position: relative;
    margin: 0 auto;
    border: 1px solid #77777720;
    border-radius: 4px
}

.file-panel .panel-meta .form-row.item-user_sourceCover .img-view img {
    max-width: 95%;
    max-height: 95%;
    object-fit: contain;
    margin: auto;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.file-panel .panel-meta .form-row.item-user_sourceCover .item-clear {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 4px;
    color: #F44336;
    background: #f4433610;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.file-panel .panel-meta .form-row.item-user_sourceCover .item-clear:hover {
    background-color: #F44336;
    color: #fff
}

.file-panel .panel-meta .form-row.item-user_sourceCover .item-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: "\eb98"
}

.file-panel .panel-meta .form-row.item-user_sourceCover:hover .item-clear {
    visibility: visible;
    opacity: 1
}

.file-panel .panel-meta .folder-meta-password-view .kui-btn {
    border-width: .5px;
    padding: 5px 8px
}

.file-panel .panel-meta .folder-meta-password-view .kui-btn,.file-panel .panel-meta .folder-meta-password-view .has-desc {
    vertical-align: middle
}

.file-panel .panel-meta .folder-meta-password-view .has-desc {
    opacity: .6;
    margin-left: 10px
}

.file-panel .panel-meta .folder-meta-password-view span[data-action="folder-passowrd-add"] {
    display: inline-block
}

.file-panel .panel-meta .folder-meta-password-view span[data-action="folder-passowrd-edit"],.file-panel .panel-meta .folder-meta-password-view .has-desc {
    display: none
}

.file-panel .panel-meta .folder-meta-password-view.has-passowrd span[data-action="folder-passowrd-add"] {
    display: none
}

.file-panel .panel-meta .folder-meta-password-view.has-passowrd span[data-action="folder-passowrd-edit"],.file-panel .panel-meta .folder-meta-password-view.has-passowrd .has-desc {
    display: inline-block
}

.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
}

.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;
    color: #ccc;
    opacity: 1
}

.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
}

.explorer-folder-password .header-icon {
    text-align: center
}

.explorer-folder-password .header-icon .path-ico {
    width: 120px;
    height: 120px;
    font-size: 120px;
    display: block;
    margin: 0 auto
}

.explorer-folder-password .form-box .form-row .setting-title {
    padding-top: 0
}

.explorer-folder-password .action-view {
    position: relative
}

.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: 1px
}

.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;
    overflow: visible
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .panel-content {
    padding: 5px 10px 10px 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 .path-thumb-clear {
    margin: 10px 20px 0px
}

.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: 190px
}

.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
}

.dialog-file-panel.dialog-panel-image .aui-outer .aui-min,.dialog-file-panel.dialog-panel-image .aui-outer .aui-max,.dialog-file-panel.dialog-panel-image .aui-outer .aui-close {
    color: #fff;
    text-shadow: 0 0 0 #fff,0 0 2px #000,0 0 4px #000
}

.dialog-file-panel.dialog-panel-image .aui-outer .aui-min:hover,.dialog-file-panel.dialog-panel-image .aui-outer .aui-max:hover,.dialog-file-panel.dialog-panel-image .aui-outer .aui-close:hover {
    background: #00000040
}

.dialog-file-panel.dialog-panel-image .aui-outer .aui-close:hover {
    background: #e81123;
    text-shadow: 0 0 0 #fff
}

.app-wap-small .frame-main-explorer .file-panel {
    display: none
}

.frame-main-explorer .frame-right .dropdown-menu.search-history {
    margin: 0
}

.header-right .dropdown-menu.search-history {
    top: 40px;
    right: 20px;
    width: 198px;
    left: auto;
    padding: 0;
    box-shadow: 0 15px 30px #00000015
}

.header-right .dropdown-menu.search-history.is-empty {
    display: none !important
}

.header-right .dropdown-menu.search-history:before,.header-right .dropdown-menu.search-history:after {
    display: none
}

.header-right .dropdown-menu.search-history .clear-history {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px 8px;
    color: #aaa;
    background: none;
    border: none;
    box-shadow: none;
    text-shadow: none
}

.header-right .dropdown-menu.search-history .clear-history:hover {
    color: #FF5722;
    background: #FF572220
}

.header-right .dropdown-menu.search-history .history-title {
    padding-bottom: 5px;
    margin: 10px 15px 5px 10px;
    border-bottom: .6px solid #88888850;
    font-size: 12px
}

.header-right .dropdown-menu.search-history .history-title .name {
    opacity: .5
}

.header-right .dropdown-menu.search-history .history-list {
    max-height: 160px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    overflow: auto;
    overflow-x: hidden
}

.header-right .dropdown-menu.search-history .history-item {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    line-height: 30px;
    padding: 0px 4px;
    margin-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-right .dropdown-menu.search-history .history-item:hover,.header-right .dropdown-menu.search-history .history-item.active {
    background: #99999930
}

.header-right .dropdown-menu.search-history .history-item .item-clear {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    padding: 0;
    transition: all .2s;
    opacity: 0;
    visibility: hidden
}

.header-right .dropdown-menu.search-history .history-item .item-clear:hover {
    background: #99999950
}

.header-right .dropdown-menu.search-history .history-item:hover .item-clear {
    opacity: .6;
    visibility: visible
}

.app-wap-small .header-right .dropdown-menu.search-history {
    left: 10px;
    right: 10px;
    top: 35px;
    width: auto;
    max-width: 420px
}

.app-wap-small .header-right .dropdown-menu.search-history .history-item .item-clear {
    opacity: .6;
    visibility: visible
}

.search-toolbar {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    height: 25px;
    margin-left: 0;
    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 span.select2-container .select2-selection .select2-selection__rendered .path-ico {
    width: 16px
}

.search-toolbar .form-box .form-row.item-fileExt span.select2-container {
    width: 100px
}

.search-toolbar .form-box .form-row.item-fileExt span.select2-container .select2-search--inline {
    min-width: 60px
}

.search-toolbar .form-box .form-row.item-fileExt span.select2-container .select2-selection .select2-selection__choice {
    height: 18px;
    line-height: 16px;
    margin: 2px 2px 1px 0px
}

.search-toolbar .form-box .form-row.item-fileExt span.select2-container .select2-selection__choice .select2-selection__choice__remove {
    height: 18px;
    line-height: 18px
}

.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.inline+.inline {
    padding: 0
}

.search-toolbar.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-clear {
    line-height: 25px;
    height: 25px;
    width: 25px !important;
    margin: 0;
    right: 0;
    padding: 0
}

.search-toolbar.dialog-form.target-form.form-inline .form-box .form-row .select2-container .font-icon {
    position: relative;
    top: -1px
}

.form-select2-dropdown-type-tags.form-select2-dropdown-key-fileExt .select2-results__options {
    padding: 10px 5px
}

.form-select2-dropdown-type-tags.form-select2-dropdown-key-fileExt .select2-results__option {
    width: auto;
    text-align: center;
    min-width: 25px;
    float: left;
    margin: 0px 0 5px 5px;
    padding: 4px 10px 4px 10px;
    border-radius: 20px
}

.form-select2-dropdown-type-tags.form-select2-dropdown-key-fileExt .select2-results__option[aria-selected=true] {
    padding: 4px 15px 4px 5px
}

.form-select2-dropdown-type-tags.form-select2-dropdown-key-fileExt .select2-results__option[aria-selected=true]:after {
    right: 2px;
    top: 8px;
    font-size: 12px
}

.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
}

.theme-mac .frame-left .ztree ul:before,.theme-mac .frame-left .ztree ul:after {
    margin-left: 0
}

.dark-mode .frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header,.dark-mode .frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header {
    color: #ffffff60
}

.dark-mode .frame-main-explorer .frame-left .ztree li a span.button.switch:after,.dark-mode .frame-main-editor .frame-left .ztree li a span.button.switch:after {
    color: #ffffff50
}

.dark-mode .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open:after,.dark-mode .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open:after,.dark-mode .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open_hover:after,.dark-mode .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open_hover:after {
    color: #1890ff
}

.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)
}

.dark-mode .frame-left .ztree li a.curSelectedNode_Edit input {
    background: rgba(255,255,255,0.1);
    color: #fff
}

.dark-mode .tree-header {
    border-bottom-color: rgba(255,255,255,0.075) !important;
    background: rgba(255,255,255,0.075) !important;
    color: #aaa
}

.dark-mode .drag-resize-tree.drag-resize .drag-item:before {
    background: #303030 !important;
    border-color: #666
}

.app-wap-small .frame-main-explorer .frame-left .ztree ul.is-dragging-view>li>a,.frame-left .ztree ul.is-dragging-view>li>a {
    pointer-events: none
}

.app-wap-small .frame-main-explorer .frame-left .ztree ul.is-dragging-view .is-dragging,.frame-left .ztree ul.is-dragging-view .is-dragging {
    box-shadow: none
}

.app-wap-small .frame-main-explorer .frame-left .ztree ul.is-dragging-view .is-dragging>a,.frame-left .ztree ul.is-dragging-view .is-dragging>a {
    box-shadow: 0 0 0 .5px #00000010,0 2px 10px #00000020 !important;
    background: #fff;
    background: #dddddd10;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.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: 0px 0 0px 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: 0;
    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: 35px;
    height: 24px;
    opacity: .5;
    font-size: 12px;
    background: rgba(0,0,0,0.05);
    text-align: right;
    padding-right: 5px;
    float: left
}

.file-list-list .file .children-search-content .search-info {
    white-space: nowrap;
    overflow: hidden;
    word-break: keep-all;
    padding-left: 10px;
    width: 80%;
    text-overflow: ellipsis
}

.file-list-list .file .children-search-content:after {
    content: "";
    display: block;
    clear: both;
    float: none
}

.file-list-list .file .children-search-content .search-show-more-toggle {
    margin-left: 0;
    padding-left: 48px;
    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"
}

.desktop-app-setting .aui-content {
    overflow: auto
}

.desktop-app-setting .info-alert {
    margin: 10px 10px 0 10px
}

.desktop-app-setting .app-item-list {
    padding: 10px 0 10px 10px;
    display: grid;
    align-content: stretch;
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fill, 90px)
}

.desktop-app-setting .app-item {
    display: inline-block;
    border-radius: 4px;
    position: relative;
    width: 80px;
    height: 80px;
    padding: 5px 2px 8px 2px;
    margin: 0 10px 10px 0;
    border: 1px solid #94949430;
    text-align: center;
    cursor: pointer
}

.desktop-app-setting .app-item .path-ico {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto
}

.desktop-app-setting .app-item .path-ico .picture {
    width: 100%;
    height: 100%
}

.desktop-app-setting .app-item .path-ico .picture img {
    max-width: 100%;
    max-height: 100%
}

.desktop-app-setting .app-item:hover {
    background-color: #94949410;
    color: #1890ff
}

.desktop-app-setting .app-item .select-type {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #1890ff;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    opacity: 0;
    transition: all .2s;
    transform: rotate(90deg)
}

.desktop-app-setting .app-item .select-type: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"
}

.desktop-app-setting .app-item.selected {
    background: #1890ff0a;
    border-color: #1890ff
}

.desktop-app-setting .app-item.selected .select-type {
    opacity: 1;
    transform: rotate(0)
}

.desktop-app-setting .app-item.selected.item-default {
    cursor: not-allowed
}

#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;
    position: relative;
    top: -2px;
    left: 0
}

.dialog-form.share-dialog-box.share-type-link .form-box.config-box .panel-form-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.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-openMore .btn {
    border-radius: 20px;
    margin-right: 5px
}

.dialog-form.share-dialog-box .form-row.item-shareOut {
    margin: 15px 20px;
    padding: 20px 15px 10px 15px;
    border-radius: 6px;
    box-shadow: #1890ff30 1px 2px 20px inset;
    border: .7px solid #1890ffd0;
    position: relative
}

.dialog-form.share-dialog-box .form-row.item-shareOut .setting-title {
    float: none;
    width: auto;
    text-align: center;
    color: #fff !important;
    background: #1890ff;
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    position: absolute;
    top: -17px;
    z-index: 20;
    left: 50%;
    transform: translateX(-50%)
}

.dialog-form.share-dialog-box .form-row.item-shareOut .setting-title:after {
    display: none
}

.dialog-form.share-dialog-box .form-row.item-shareOut .setting-content {
    width: auto;
    padding: 0;
    float: none;
    clear: both;
    overflow: visible
}

.dialog-form.share-dialog-box .form-row.item-shareOut .desc {
    display: block
}

.dialog-form.share-dialog-box .form-row.item-shareOut .kui-btn {
    border-width: .7px;
    box-shadow: none;
    text-shadow: none;
    padding: .6em .8em
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col {
    padding: 6px 8px
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.target {
    white-space: normal
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.target .path-ico {
    width: 22px;
    text-align: left
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .auth-box {
    padding-bottom: 5px
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item {
    position: relative
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item:after {
    font-family: 'remixicon';
    content: "\eb7b";
    font-size: 18px;
    color: #1890ff;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 2px;
    right: 6px
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item:hover {
    background: #99999920
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item.select:after {
    visibility: visible
}

.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item.select,.dialog-form.share-dialog-box .form-row.item-shareOut .form-table-main .list-row .list-col.auth .share-out-auth-item.select:hover {
    background: #1890ff20
}

.dialog-form.share-dialog-box .form-row.item-shareOut .share-out-auth {
    padding: 3px 5px;
    border-radius: 4px;
    min-width: 45px;
    display: inline-block;
    cursor: pointer
}

.dialog-form.share-dialog-box .form-row.item-shareOut .share-out-auth:hover {
    background: #99999920
}

.dialog-form.share-dialog-box .form-row.item-shareOut .add-user {
    vertical-align: top;
    margin-bottom: 10px
}

.dialog-form.share-dialog-box .share-site-select {
    display: inline-block !important
}

.dialog-form.share-dialog-box .share-site-select .form-box .panel-form-body {
    position: relative !important;
    top: 0;
    padding: 0;
    margin: 0;
    min-height: inherit;
    min-width: inherit;
    background: none !important
}

.dialog-form.share-dialog-box .share-site-select .form-box .panel-form-body:after {
    display: none !important
}

.dialog-form.share-dialog-box .share-site-select .form-box .panel-form-body .form-target-save {
    display: none !important
}

.dialog-form.share-dialog-box .share-site-select .form-box .panel-form-body .form-row {
    margin: 0;
    padding: 0
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect {
    padding: 0;
    margin: 0
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-title {
    display: none
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content {
    width: auto;
    padding: 0;
    margin: 0;
    float: none
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select {
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    width: auto
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select .select-list,.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select .clear-select,.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select .font-icon {
    display: none !important
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select .site-user:before {
    font-family: "remixicon";
    font-style: normal;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea10";
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px
}

.dialog-form.share-dialog-box .form-row.item-siteUserSelect .setting-content .kod-select-main .kod-select .site-user {
    margin-right: 10px
}

.dialog-form.share-dialog-box .form-row.item-timeToSet {
    padding-right: 0
}

.dialog-form.share-dialog-box .form-row.item-timeToSelect {
    padding: 0 10px 0 0;
    margin-left: -5px
}

.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: 170px
}

.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-outer-edit-dialog .form-box .form-row.item-isOpen {
    position: absolute;
    z-index: 100;
    right: 0;
    margin-top: 7px
}

.share-outer-edit-dialog .form-box .form-row.item-isOpen label {
    margin-right: 0
}

.share-outer-edit-dialog .form-box .form-row.item-isOpen label em {
    margin-right: .2em
}

.share-outer-edit-dialog .form-box .form-row.item-targetShow {
    padding-right: 20px
}

.share-outer-site-safe-dialog .form-box .form-row.item-isOpen {
    position: absolute;
    z-index: 100;
    right: 0;
    margin-top: 7px
}

.share-outer-site-safe-dialog .form-box .form-row.item-isOpen label {
    margin-right: 0
}

.share-outer-site-safe-dialog .form-box .form-row.item-isOpen label em {
    margin-right: .2em
}

.app-wap-small .dialog-max.dialog-form.share-dialog-box.share-type-link .form-box .form-row.item-shareOut {
    margin: 20px 15px;
    padding: 20px 15px 10px 15px
}

.app-wap-small .dialog-max.dialog-form.share-dialog-box.share-type-link .form-box .form-row.item-shareOut .setting-title {
    padding: 0 10px
}

.app-wap-small .dialog-max.dialog-form.share-dialog-box.share-type-link .form-box .share-site-select .form-box .panel-form-body {
    position: relative !important;
    top: 0;
    padding: 0;
    margin: 0
}

.app-wap-small .dialog-max.dialog-form.share-dialog-box.share-type-link .form-box .share-site-select .form-box .panel-form-body:after {
    display: none !important
}

.app-wap-small .dialog-max.dialog-form.share-dialog-box.share-type-link .form-box .share-site-select .form-box .panel-form-body .form-row {
    margin: 0;
    padding: 0
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.dark-mode .share-page-main .share-password-box {
    background: #3a3a3a;
    color: #ddd
}

.dark-mode .share-page-main .share-password-box .title {
    background: #454545;
    border-color: #4f4f4f
}

.dark-mode .share-page-main .share-password-box input {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.07)
}

.dark-mode .share-page-main .share-password-box input:focus {
    box-shadow: 0 0 0 3px rgba(255,255,255,0.02)
}

.share-page-main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
 
}

.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: 220px;
    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 .topbar-menu.clear-down-btn {
    color: #1890ff;
    background: #1890ff20;
    width: auto;
    font-size: 1em;
    height: 1.5em;
    line-height: 1.5em;
    border: none;
    margin-top: 6px;
    padding: 4px 12px;
    margin-right: 10px;
    border-radius: 4px
}

.share-page-main .common-header .topbar .content .top-right .topbar-menu.clear-down-btn span {
    font-size: .9em;
    margin-right: 3px
}

.share-page-main .common-header .topbar .content .top-right .topbar-menu.clear-down-btn:hover {
    color: #1890ff;
    background: #1890ff40
}

.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 .address-header {
    top: 35px !important
}

.share-page-main .content-box .file-show-dialog .artDialog,.share-page-main .content-box .file-show-dialog .artDialog.aui-content-iframe iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.share-page-main .content-box .file-show-dialog .artDialog .dplayer,.share-page-main .content-box .file-show-dialog .artDialog .jPlayer,.share-page-main .content-box .file-show-dialog .artDialog .jPlayer-music .player-bg {
    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 .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"
}

.share-page-main .dark-mode-toggle {
    position: relative
}

.share-page-main .dark-mode-toggle .theme-type {
    display: none
}

.share-page-main .dark-mode-toggle span.desc {
    position: absolute;
    right: 5px;
    top: 4px;
    width: auto;
    font-size: 12px;
    font-style: normal;
    background: #99999930;
    opacity: .6;
    padding: 2px 5px;
    border-radius: 4px
}

.share-page-main .dark-mode-toggle[data-theme="light"] .theme-light {
    display: inline-block
}

.share-page-main .dark-mode-toggle[data-theme="dark-mode"] .theme-dark {
    display: inline-block
}

.share-page-main.share-page-error .topbar a[share-action],.share-page-main.share-page-error .topbar li[share-action],.share-page-main.share-page-error .topbar li.divider {
    display: none !important
}

.share-page-main.share-page-error .content-box {
    width: 100%;
    left: 0;
    box-shadow: none
}

.app-share-file-show .header-address-content {
    width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 2px 5px 2px 15px;
    list-style: none;
    height: 35px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: auto;
    padding-right: 50px;
    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: 0px;
    margin-right: 3px
}

.app-share-file-show .header-address-content a .path-ico .svg-icon {
    vertical-align: top
}

.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 5% 50px 5%;
    position: relative;
    border-right: 1px solid #eee
}

.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
}

.page-explorer-file-view .context-menu-list.menu-default-body .context-menu-item.step-7-5,.share-view-body .context-menu-list.menu-default-body .context-menu-item.step-7-5,.page-explorer-file-view .context-menu-list .context-menu-item.disabled,.share-view-body .context-menu-list .context-menu-item.disabled,.page-explorer-file-view .context-menu-list .context-menu-item.disabled+.context-menu-separator,.share-view-body .context-menu-list .context-menu-item.disabled+.context-menu-separator,.page-explorer-file-view .context-menu-list .context-menu-item.more-action,.share-view-body .context-menu-list .context-menu-item.more-action {
    display: none !important
}

.page-explorer-file-view .context-menu-list.menu-zip-list-file .unzip-this,.share-view-body .context-menu-list.menu-zip-list-file .unzip-this,.page-explorer-file-view .context-menu-list.menu-zip-list-folder .unzip-this,.share-view-body .context-menu-list.menu-zip-list-folder .unzip-this,.page-explorer-file-view .context-menu-list.menu-zip-list-file .unzip-to,.share-view-body .context-menu-list.menu-zip-list-file .unzip-to,.page-explorer-file-view .context-menu-list.menu-zip-list-folder .unzip-to,.share-view-body .context-menu-list.menu-zip-list-folder .unzip-to,.page-explorer-file-view .context-menu-list.menu-zip-list-file .sep1,.share-view-body .context-menu-list.menu-zip-list-file .sep1,.page-explorer-file-view .context-menu-list.menu-zip-list-folder .sep1,.share-view-body .context-menu-list.menu-zip-list-folder .sep1 {
    display: none !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left {
    background: #fafcff;
    width: 280px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree {
    margin-bottom: 0
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a.tree-node.drag-file-hover:before {
    border: 1px solid rgba(24,144,255,0.8)
}

.app-share-doc-show .share-page-main .user-sidebar-view,.app-share-doc-show .share-page-main .user-sidebar-view p,.app-share-doc-show .share-page-main .markdown-preview,.app-share-doc-show .share-page-main .markdown-preview p,.app-share-doc-show .share-page-main .doc-content .markdown-page-menu {
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",Arial,sans-serif
}

.app-share-doc-show .share-page-main .common-header .topbar .content .topbar-menu.title {
    width: 280px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content {
    padding: 0 15px;
    margin-top: 0
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a {
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    position: relative;
    box-shadow: none
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a:hover,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a:active {
    background: #88888810
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a span.button.switch {
    width: 25px;
    border-radius: 4px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a.level0 {
    margin-left: 0 !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a.curSelectedNode,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a.curSelectedNode:active,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a.curSelectedNode:hover {
    background: #88888825;
    border-color: #88888810
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level0 a.level1 {
    height: 32px;
    line-height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li.level0 a.level0 .node_name {
    font-size: 15px;
    font-weight: 600
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li.level0 a.level0 .space.space-level-0 {
    width: 10px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li.level0 a.level0 .tree_icon,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li.level0 a.level0 .switch {
    display: none
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level0 li a>.space {
    width: 0 !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level0::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level0::after {
    left: 0
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level0 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level1 li a>.space {
    width: 15px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level1::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level1::after {
    left: 15px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level1 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level2 li a>.space {
    width: 30px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level2::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level2::after {
    left: 30px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level2 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level3 li a>.space {
    width: 45px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level3::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level3::after {
    left: 45px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level3 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level4 li a>.space {
    width: 60px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level4::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level4::after {
    left: 60px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level4 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level5 li a>.space {
    width: 75px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level5::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level5::after {
    left: 75px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level5 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level6 li a>.space {
    width: 90px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level6::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level6::after {
    left: 90px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level6 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level7 li a>.space {
    width: 105px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level7::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level7::after {
    left: 105px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level7 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level8 li a>.space {
    width: 120px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level8::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level8::after {
    left: 120px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level8 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level9 li a>.space {
    width: 135px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level9::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level9::after {
    left: 135px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level9 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level10 li a>.space {
    width: 150px !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level10::before,.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level10::after {
    left: 150px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content ul.level10 span.button.switch {
    line-height: 34px;
    height: 32px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a .menu-item {
    border: none;
    background: none;
    margin-top: -7px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #aaa;
    right: 0;
    margin: 0;
    top: 0
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a .menu-item .cert {
    display: none
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a .menu-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: "\ef77"
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree .tree-content li a .menu-item:hover {
    background: #99999910
}

.app-share-doc-show .share-page-main .frame-main-editor .drag-resize-tree {
    margin-left: -4px
}

.app-share-doc-show .share-page-main .frame-main-editor .drag-resize-tree .drag-item {
    left: 0;
    top: 10%
}

.app-share-doc-show .share-page-main .common-header .topbar .content .topbar-share-info .item-title {
    margin-left: 15px
}

.app-share-doc-show .share-page-main .content-box {
    left: 0;
    top: 41px;
    right: 0;
    bottom: 32px;
    width: 100%;
    z-index: 100;
    box-shadow: none
}

.app-share-doc-show .share-page-main .x-item-icon.x-md,.app-share-doc-show .share-page-main .x-item-icon.x-txt,.app-share-doc-show .share-page-main .x-item-icon.x-markdown,.app-share-doc-show .share-page-main .x-item-icon.x-mdx,.app-share-doc-show .share-page-main .x-item-icon.x-license {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNzE4MTY5NTU5MDkxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjQiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNMjAyLjY2NjY2NyA5MzguNjY2NjY3aDYxOC42NjY2NjZhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDAgMCAxMC42NjY2NjctMTAuNjY2NjY3VjI5OC42NjY2NjdINjUwLjY2NjY2N2MtMTcuNjQyNjY3IDAtMzItMTQuMzU3MzMzLTMyLTMyVjg1LjMzMzMzM0gyMDIuNjY2NjY3YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAwIDAtMTAuNjY2NjY3IDEwLjY2NjY2N3Y4MzJhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDAgMCAxMC42NjY2NjcgMTAuNjY2NjY3eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMjQyNSI+PC9wYXRoPjxwYXRoIGQ9Ik04MjcuNTg0IDI3Ny4zMzMzMzNMNjQwIDg5Ljc0OTMzM1YyNjYuNjY2NjY3YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAwIDAgMTAuNjY2NjY3IDEwLjY2NjY2NmgxNzYuOTE3MzMzeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMjQyNiI+PC9wYXRoPjxwYXRoIGQ9Ik04NDMuOTU3MzMzIDI2My41NDEzMzNMNjUzLjc5MiA3My4zNzZBMzEuNzY1MzMzIDMxLjc2NTMzMyAwIDAgMCA2MzEuMTY4IDY0SDIwMi42NjY2NjdjLTE3LjY0MjY2NyAwLTMyIDE0LjM1NzMzMy0zMiAzMnY4MzJjMCAxNy42NDI2NjcgMTQuMzU3MzMzIDMyIDMyIDMyaDYxOC42NjY2NjZjMTcuNjQyNjY3IDAgMzItMTQuMzU3MzMzIDMyLTMyVjI4Ni4xNjUzMzNjMC04LjUzMzMzMy0zLjMzODY2Ny0xNi41NzYtOS4zNzYtMjIuNjI0ek02NDAgODkuNzQ5MzMzTDgyNy41ODQgMjc3LjMzMzMzM0g2NTAuNjY2NjY3YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAwIDEtMTAuNjY2NjY3LTEwLjY2NjY2NlY4OS43NDkzMzN6TTgyMS4zMzMzMzMgOTM4LjY2NjY2N0gyMDIuNjY2NjY3YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAwIDEtMTAuNjY2NjY3LTEwLjY2NjY2N1Y5NmExMC42NjY2NjcgMTAuNjY2NjY3IDAgMCAxIDEwLjY2NjY2Ny0xMC42NjY2NjdoNDE2djE4MS4zMzMzMzRjMCAxNy42NDI2NjcgMTQuMzU3MzMzIDMyIDMyIDMyaDE4MS4zMzMzMzN2NjI5LjMzMzMzM2ExMC42NjY2NjcgMTAuNjY2NjY3IDAgMCAxLTEwLjY2NjY2NyAxMC42NjY2Njd6IiBmaWxsPSIjNjA1RTVDIiBvcGFjaXR5PSIuNjQiIHAtaWQ9IjI0MjciPjwvcGF0aD48cGF0aCBkPSJNNzU3LjMzMzMzMyA2NTAuNjY2NjY3SDI2Ni42NjY2NjdhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDEgMSAwLTIxLjMzMzMzNGg0OTAuNjY2NjY2YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAxIDEgMCAyMS4zMzMzMzR6IG0wLTY0SDI2Ni42NjY2NjdhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDEgMSAwLTIxLjMzMzMzNGg0OTAuNjY2NjY2YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAxIDEgMCAyMS4zMzMzMzR6IG0wLTY0SDI2Ni42NjY2NjdhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDEgMSAwLTIxLjMzMzMzNGg0OTAuNjY2NjY2YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAxIDEgMCAyMS4zMzMzMzR6IG0wLTY0SDI2Ni42NjY2NjdhMTAuNjY2NjY3IDEwLjY2NjY2NyAwIDEgMSAwLTIxLjMzMzMzNGg0OTAuNjY2NjY2YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAxIDEgMCAyMS4zMzMzMzR6IG0wIDI1NkgyNjYuNjY2NjY3YTEwLjY2NjY2NyAxMC42NjY2NjcgMCAxIDEgMC0yMS4zMzMzMzRoNDkwLjY2NjY2NmExMC42NjY2NjcgMTAuNjY2NjY3IDAgMSAxIDAgMjEuMzMzMzM0eiIgZmlsbD0iI0M4QzZDNCIgcC1pZD0iMjQyOCI+PC9wYXRoPjwvc3ZnPg==")
}

.app-share-doc-show .share-page-main .x-item-icon.x-folder.small {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNzE4MTY5OTk4ODY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjczMzYiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNMjEzLjMzMzMzMyA4OTZoNTk3LjMzMzMzNGExMjggMTI4IDAgMCAwIDEyOC0xMjhWMzQxLjMzMzMzM2ExMjggMTI4IDAgMCAwLTEyOC0xMjhoLTM0MS4zMzMzMzRMNDIxLjUwNCAxNjUuNTA0QTEyOCAxMjggMCAwIDAgMzMwLjk2NTMzMyAxMjhIMjEzLjMzMzMzM2ExMjggMTI4IDAgMCAwLTEyOCAxMjh2NTEyYTEyOCAxMjggMCAwIDAgMTI4IDEyOHoiIGZpbGw9IiNkYmRiZGIiIHAtaWQ9IjczMzciIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTEwLjI3NTUzYTgxTDd0SEl3IiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0iTTg1LjMzMzMzMyAyOTguNjY2NjY3bTEyOCAwbDU5Ny4zMzMzMzQgMHExMjggMCAxMjggMTI4bDAgMzQxLjMzMzMzM3EwIDEyOC0xMjggMTI4bC01OTcuMzMzMzM0IDBxLTEyOCAwLTEyOC0xMjhsMC0zNDEuMzMzMzMzcTAtMTI4IDEyOC0xMjhaIiBmaWxsPSIjYmZiZmJmIiBwLWlkPSI3MzM4IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LnNlYXJjaF9pbmRleC4wLmk4LjI3NTUzYTgxTDd0SEl3IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+")
}

.app-share-doc-show .share-page-main .search-doc-box {
    margin: 15px 15px 10px 15px;
    position: relative
}

.app-share-doc-show .share-page-main .search-doc-box input {
    border: none;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    width: 100%;
    border-radius: 4px;
    background: #88888810;
    transition: all .2s
}

.app-share-doc-show .share-page-main .search-doc-box input:hover {
    background: #88888815
}

.app-share-doc-show .share-page-main .search-doc-box input:focus,.app-share-doc-show .share-page-main .search-doc-box input:active {
    background: #88888820
}

.app-share-doc-show .share-page-main .search-doc-box .kui-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0;
    box-shadow: none;
    border: none;
    background: none;
    text-shadow: none;
    height: 28px;
    width: 28px;
    line-height: 28px;
    color: #bbb
}

.app-share-doc-show .share-page-main .search-doc-box .kui-btn.clear {
    right: 25px
}

.app-share-doc-show .share-page-main .search-doc-box .kui-btn.clear:hover {
    color: #f30
}

.app-share-doc-show .share-page-main .search-doc-box .kui-btn.search:hover {
    color: #888;
    background: #99999910
}

.app-share-doc-show .share-page-main .search-result {
    display: none
}

.app-share-doc-show .share-page-main .search-result .file-continer {
    position: static;
    min-width: 200px;
    padding: 0;
    margin: 0 15px;
    padding-bottom: 30px
}

.app-share-doc-show .share-page-main .search-result .file-continer .file {
    position: static;
    width: auto;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s;
    box-sizing: border-box;
    border: none
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-more {
    display: none
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .path-ico,.app-share-doc-show .share-page-main .search-result .file-continer .file .title-item {
    cursor: pointer
}

.app-share-doc-show .share-page-main .search-result .file-continer .file:hover {
    background: #88888820
}

.app-share-doc-show .share-page-main .search-result .file-continer .file.this {
    background: #1890ff20
}

.app-share-doc-show .share-page-main .search-result .file-continer .file.this .title-type-name .title {
    color: #1890ff
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .title-type-name .title-continer {
    display: inline-block
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .title-type-name .title {
    max-width: inherit
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .title-item {
    box-sizing: border-box;
    height: 32px;
    line-height: 32px
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .title-type-size,.app-share-doc-show .share-page-main .search-result .file-continer .file .title-type-modifyTime {
    display: none
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content {
    border: none;
    width: auto;
    background: #88888810;
    margin: 0 5px 5px 5px;
    border-radius: 4px;
    overflow: hidden
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content .search-match {
    color: #f60
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content .line {
    display: none
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content .search-show-more-toggle {
    padding-left: 20px
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content .children-search-item {
    background: none;
    color: #888;
    line-height: 20px;
    height: 20px;
    font-size: 12px
}

.app-share-doc-show .share-page-main .search-result .file-continer .file .children-search-content .children-search-item:hover {
    background: none
}

.app-share-doc-show .share-page-main .search-result .file-continer .is-empty {
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    color: #aaa;
    background: #88888810
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left.has-search .search-result {
    display: block
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left.has-search .ztree,.app-share-doc-show .share-page-main .frame-main-editor .frame-left.has-search .user-sidebar-view {
    display: none !important
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .left-content-view {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
    overflow: auto
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-left .left-content-view.user-sidebar-view {
    padding: 0 15px 50px 10px;
    font-size: 14px
}

.app-share-doc-show .share-page-main .content-box .common-main {
    right: 0 !important
}

.app-share-doc-show .share-page-main .content-box>.drag-resize,.app-share-doc-show .share-page-main .content-box>.common-side {
    display: none !important
}

.app-share-doc-show .share-page-main .header-address-content {
    overflow: hidden;
    overflow-x: auto;
    background: linear-gradient(0, #ffffff00, #bdc0c320);
    border-bottom: .5px solid #88888810
}

.app-share-doc-show .share-page-main .user-sidebar-view {
    margin: 0;
    padding: 0 20px 20px 10px;
    min-width: inherit;
    border: none
}

.app-share-doc-show .share-page-main .user-sidebar-view div[data-chunk]>p {
    padding-left: 10px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul,.app-share-doc-show .share-page-main .user-sidebar-view ul li {
    list-style: none;
    padding: 0
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li p {
    padding: 5px 0;
    margin: 10px 0 5px 10px;
    display: block;
    font-weight: 500;
    position: relative;
    border-bottom: .6px solid #99999930;
    color: #1890ff;
    font-size: 1.1em
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li p:before {
    position: absolute;
    height: 1px;
    width: 30px;
    bottom: -0.5px;
    content: "";
    border-radius: 4px;
    background: #1890ff60;
    box-shadow: 0 1px 4px rgba(24,144,255,0.3)
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li p>a {
    margin-left: -5px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li p.link-header {
    margin: 0 0 0 10px;
    border: none;
    padding: 0;
    font-size: 13px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li p.link-header:before {
    display: none
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li a {
    display: block;
    height: 2em;
    line-height: 2em;
    border-radius: 4px;
    position: relative;
    color: #444;
    transition: all .2s;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 -5px 0 5px;
    margin-bottom: .5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li a:hover {
    background: #88888810
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li a.this {
    background: #88888815;
    font-weight: 600
}

.app-share-doc-show .share-page-main .user-sidebar-view ul li a:focus {
    outline: none;
    box-shadow: none
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>a {
    padding-left: 15px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>.markdown-page-menu {
    margin-left: 15px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 25px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>.markdown-page-menu {
    margin-left: 25px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 35px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>ul>li>.markdown-page-menu {
    margin-left: 35px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 45px
}

.app-share-doc-show .share-page-main .user-sidebar-view ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>.markdown-page-menu {
    margin-left: 45px
}

.app-share-doc-show .share-page-main .user-sidebar-view h1,.app-share-doc-show .share-page-main .user-sidebar-view h2,.app-share-doc-show .share-page-main .user-sidebar-view h3,.app-share-doc-show .share-page-main .user-sidebar-view h4,.app-share-doc-show .share-page-main .user-sidebar-view h5 {
    padding-left: 10px
}

.app-share-doc-show .share-page-main .user-sidebar-view .target-menu {
    display: none !important
}

.app-share-doc-show .share-page-main .markdown-page-menu {
    position: relative
}

.app-share-doc-show .share-page-main .markdown-page-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 12px;
    left: 12px;
    width: 8px;
    border: .5px solid #99999930;
    border-top: none;
    border-right: none
}

.app-share-doc-show .share-page-main .markdown-page-menu .toggle-show-menu {
    display: none
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item {
    line-height: 2em;
    height: 2em;
    margin-bottom: 1px;
    font-size: .93em;
    position: relative;
    cursor: pointer
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item:before {
    font-family: 'remixicon' !important;
    content: "\edfc";
    display: inline-block;
    font-size: 10px;
    color: #ccc;
    width: 15px
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item:after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 6px;
    border-radius: 4px;
    border-left: 2px solid #1890ff;
    transition: all .2s;
    top: 50%;
    bottom: 50%;
    opacity: 0
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.active {
    color: #1890ff;
    background: #1890ff10;
    font-weight: normal
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.active:after {
    top: 4px;
    bottom: 4px;
    opacity: 1
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.active:before {
    color: #1890ff50
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h3,.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h4 {
    font-size: .86em;
    color: #666
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h3.active,.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h4.active {
    color: #1890ff
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h1 {
    padding-left: 15px
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h1:before {
    visibility: hidden;
    width: 0
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h2 {
    padding-left: 15px
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h2:before {
    visibility: hidden;
    width: 0
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h3 {
    padding-left: 15px
}

.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h4 {
    padding-left: 30px
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu {
    position: fixed;
    top: 100px;
    right: 4%;
    width: 250px;
    margin-right: -20px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    max-height: calc(100% - 150px);
    overflow: hidden;
    overflow-y: auto
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu:before {
    left: 20px;
    border-bottom: none;
    top: 10px;
    bottom: 10px
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu a {
    display: block;
    border-radius: 4px;
    position: relative;
    color: #444;
    transition: all .2s;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 -5px 0 5px;
    margin-bottom: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu a:hover {
    background: #88888810
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.this {
    background: #88888815;
    font-weight: 600
}

.app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item:after {
    left: 4px
}

.app-share-doc-show .share-page-main .frame-main-editor .frame-right {
    border-left-width: .5px
}

.app-share-doc-show .share-page-main .change-toggle {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 5px;
    padding: 0;
    white-space: nowrap;
    box-sizing: border-box
}

.app-share-doc-show .share-page-main .change-toggle .show-item {
    background: #fff;
    border: .5px solid #ddd;
    margin-right: 5px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    transition: all .2s;
    color: #888;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    padding: 0;
    border-radius: 20px;
    display: inline-block
}

.app-share-doc-show .share-page-main .change-toggle .show-item .text {
    display: none
}

.app-share-doc-show .share-page-main .change-toggle .show-item.type-menu,.app-share-doc-show .share-page-main .change-toggle .show-item.type-tree {
    display: none
}

.app-share-doc-show .share-page-main .change-toggle .show-item:hover {
    background: #99999920
}

.app-share-doc-show .share-page-main .user-sidebar-view {
    visibility: hidden;
    opacity: 0
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu .change-toggle .show-item {
    display: inline-block
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="menu"] .frame-left .ztree {
    visibility: hidden;
    opacity: 0
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="menu"] .user-sidebar-view {
    visibility: visible;
    opacity: 1
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="menu"] .change-toggle .show-item.type-menu {
    background: #1890ff10;
    color: #1890ff;
    border-color: #1890ff40
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="menu"] .change-toggle .show-item.type-menu {
    display: none
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="tree"] .frame-left .ztree {
    visibility: visible;
    opacity: 1
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="tree"] .user-sidebar-view {
    visibility: hidden;
    opacity: 0
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="tree"] .change-toggle .show-item.type-tree {
    background: #1890ff10;
    color: #1890ff;
    border-color: #1890ff40
}

.app-share-doc-show .share-page-main .explorer-share-doc.has-menu[show-type="tree"] .change-toggle .show-item.type-tree {
    display: none
}

.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-preview {
    margin-right: 0;
    padding-bottom: 20px
}

.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu {
    display: none
}

.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .show-doc-explorer+.page-prev-next {
    padding-right: 4%;
    margin-right: auto
}

.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .markdown-preview {
    margin-right: 250px
}

.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .page-prev-next {
    margin-right: 250px
}

.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .show-doc-explorer+.page-prev-next {
    padding-right: 4%;
    margin-right: auto
}

.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .markdown-page-menu {
    display: block
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next {
    margin: 10px auto;
    padding: 0 4% 40px 4%;
    display: none
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next.page-markdown,.app-share-doc-show .share-page-main .doc-content .page-prev-next.page-explorer {
    display: block
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next .prev-next-content {
    padding-top: 10px;
    border-top: .5px solid #ddd;
    position: relative
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to {
    background: #99999910;
    border-radius: 4px;
    margin-right: 20px;
    padding: 0 15px;
    line-height: 30px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    max-width: calc(50% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to .tips {
    color: #888;
    display: inline-block;
    margin-right: 5px
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to .tips:after {
    content: ":";
    opacity: .8;
    padding-left: 3px
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-next {
    margin-right: 0
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to:hover {
    background: #99999920
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to:before {
    position: absolute;
    font-family: 'remixicon' !important;
    color: #aaa;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-prev {
    padding-left: 30px
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-prev:before {
    content: "\ea60";
    left: 10px
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-next {
    padding-right: 30px
}

.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-next:before {
    content: "\ea6c";
    right: 10px
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next {
    position: absolute;
    right: 10px;
    z-index: 100;
    top: 0
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to {
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    width: 32px;
    height: 28px;
    margin-top: 3px;
    margin-left: 4px;
    background: #99999910
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to .tips,.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to .text {
    display: none
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to:hover {
    background: #99999920
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to:before {
    font-family: 'remixicon' !important;
    color: #aaa;
    font-size: 20px;
    width: 20px;
    text-align: center
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to.to-prev:before {
    content: "\ea60";
    left: 10px
}

.app-share-doc-show .share-page-main .doc-main-header .page-prev-next a.page-to.to-next:before {
    content: "\ea6c";
    right: 10px
}

.app-share-doc-show .share-page-main .doc-view-main .doc-content {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.app-share-doc-show .share-page-main .doc-view-main .aui-content {
    position: absolute
}

.app-share-doc-show .share-page-main .doc-view-main .artDialog.dplayer-dialog {
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important
}

.app-share-doc-show .share-page-main .doc-view-main .artDialog.dplayer-dialog .Dplayer {
    border-radius: 0;
    box-shadow: none
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header {
    padding: 0 4% 0 4%;
    margin: 20px auto 10px auto
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .name {
    font-size: 32px;
    color: #222;
    line-height: 1.5em
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .line {
    border-top: .5px solid #ddd
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .file-list-info {
    font-size: 12px;
    color: #888
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .item-info {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0 10px 0
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .item-info .info-desc {
    color: #aaa
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer {
    position: static;
    min-width: 200px;
    margin: 10px auto;
    padding: 0 4% 0 4%;
    font-size: 14px
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file {
    position: static;
    width: auto;
    margin: 0;
    line-height: 32px;
    height: 34px;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s;
    box-sizing: border-box
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .children-more {
    display: none
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .path-ico,.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-item {
    cursor: pointer
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file:hover {
    background: #eee
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-name .title-continer {
    display: inline-block
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-name .title {
    max-width: inherit
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-item {
    box-sizing: border-box
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-name {
    width: 65%
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-size {
    width: 15%;
    font-size: 12px;
    color: #888
}

.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-modifyTime {
    width: 20%;
    text-align: right;
    font-size: 12px;
    color: #888
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview {
    font-size: 14px;
    border: none
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview blockquote {
    border-radius: 4px
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview strong,.app-share-doc-show .share-page-main .doc-view-main .markdown-preview b,.app-share-doc-show .share-page-main .doc-view-main .markdown-preview table th {
    font-weight: 600
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview ul,.app-share-doc-show .share-page-main .doc-view-main .markdown-preview ol {
    margin: 0;
    padding: .2em 0 .2em 1.5em
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview a {
    text-decoration: none;
    border-bottom: 1px solid transparent
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview a:hover {
    border-bottom: 1px solid
}

.app-share-doc-show .share-page-main .doc-view-main .hljs ul li::marker {
    color: #555
}

.app-share-doc-show .share-page-main .doc-view-main .hljs ul {
    background: #f8f8f8;
    padding: 10px 0;
    border: none;
    margin: 0px 0px 0 0px !important;
    list-style: none
}

.app-share-doc-show .share-page-main .doc-view-main .hljs ul:before {
    background: #fafafa15;
    background: none
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview pre code,.app-share-doc-show .share-page-main .doc-view-main div .hljs {
    display: block;
    overflow-y: hidden;
    overflow-x: auto;
    border: none;
    padding: .5em;
    background: #f8f8f8
}

.app-share-doc-show .share-page-main .doc-view-main .markdown-preview pre code,.app-share-doc-show .share-page-main .doc-view-main div .hljs {
    background: #1a1a1a;
    color: #ddd
}

.app-share-doc-show .share-page-main .doc-view-main .hljs ul {
    background: #272822
}

.app-share-doc-show .share-page-main .doc-view-main .code-toolbar {
    background: #444
}

.app-share-doc-show .share-page-main .doc-view-main .hljs {
    background: #23241f;
    color: #f8f8f2
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-tag,.app-share-doc-show .share-page-main .doc-view-main .hljs-subst {
    color: #f8f8f2
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-strong,.app-share-doc-show .share-page-main .doc-view-main .hljs-emphasis {
    color: #a8a8a2
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-bullet,.app-share-doc-show .share-page-main .doc-view-main .hljs-quote,.app-share-doc-show .share-page-main .doc-view-main .hljs-number,.app-share-doc-show .share-page-main .doc-view-main .hljs-regexp,.app-share-doc-show .share-page-main .doc-view-main .hljs-literal,.app-share-doc-show .share-page-main .doc-view-main .hljs-link {
    color: #ae81ff
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-code,.app-share-doc-show .share-page-main .doc-view-main .hljs-title,.app-share-doc-show .share-page-main .doc-view-main .hljs-section,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-class {
    color: #a6e22e
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-strong {
    font-weight: bold
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-emphasis {
    font-style: italic
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-keyword,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-tag,.app-share-doc-show .share-page-main .doc-view-main .hljs-name,.app-share-doc-show .share-page-main .doc-view-main .hljs-attr {
    color: #f92672
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-symbol,.app-share-doc-show .share-page-main .doc-view-main .hljs-attribute {
    color: #66d9ef
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-params,.app-share-doc-show .share-page-main .doc-view-main .hljs-title.class_,.app-share-doc-show .share-page-main .doc-view-main .hljs-class .hljs-title {
    color: #f8f8f2
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-string,.app-share-doc-show .share-page-main .doc-view-main .hljs-type,.app-share-doc-show .share-page-main .doc-view-main .hljs-built_in,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-id,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-attr,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-pseudo,.app-share-doc-show .share-page-main .doc-view-main .hljs-addition,.app-share-doc-show .share-page-main .doc-view-main .hljs-variable,.app-share-doc-show .share-page-main .doc-view-main .hljs-template-variable {
    color: #e6db74
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-comment,.app-share-doc-show .share-page-main .doc-view-main .hljs-deletion,.app-share-doc-show .share-page-main .doc-view-main .hljs-meta {
    color: #75715e
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-comment {
    font-style: normal
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-section,.app-share-doc-show .share-page-main .doc-view-main .hljs-selector-id,.app-share-doc-show .share-page-main .doc-view-main .hljs-title {
    font-weight: normal
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-title.class_ {
    color: #fc0;
    font-weight: 600
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-keyword {
    color: #c678dd;
    font-weight: 600
}

.app-share-doc-show .share-page-main .doc-view-main .hljs-params,.app-share-doc-show .share-page-main .doc-view-main .hljs-variable {
    color: #f80
}

.dark-mode .app-share-doc-show .share-page-main .frame-main-editor .frame-left {
    background-color: #303030
}

.dark-mode .app-share-doc-show .share-page-main .doc-view-main .hljs ul {
    background: #1a1a1a
}

.dark-mode .app-share-doc-show .share-page-main .change-toggle .show-item {
    background: #333;
    border-color: #555;
    color: #eee
}

.dark-mode .app-share-doc-show .share-page-main .change-toggle .show-item:hover {
    background: #555
}

.dark-mode .app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .line,.dark-mode .app-share-doc-show .share-page-main .doc-content .page-prev-next .prev-next-content {
    border-color: #363636
}

.dark-mode .app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file:hover {
    background: #363636
}

.dark-mode .app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .folder-list-header .name {
    color: #fff
}

.dark-mode .app-share-doc-show .share-page-main .user-sidebar-view ul li a {
    color: #eee
}

.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item {
    color: #bbb
}

.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item:before,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item:before {
    color: #444
}

.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h3,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item.menu-h3,.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.menu-h4,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item.menu-h4 {
    color: #888
}

.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.active,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item.active {
    color: #1890ff
}

.dark-mode .app-share-doc-show .share-page-main .markdown-page-menu a.menu-item.active:before,.dark-mode .app-share-doc-show .share-page-main .doc-content .markdown-page-menu a.menu-item.active:before {
    color: #1890ff50
}

.dark-mode .app-share-doc-show .share-page-main .markdown-preview hr {
    border-bottom: .5px solid #88888830
}

.dark-mode .app-share-doc-show .share-page-main .page-prev-next a.page-to {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.app-wap-small.app-share-doc-show .share-page-main .common-header .topbar .content .topbar-menu,.app-wap-small.app-share-doc-show .share-page-main .common-footer {
    border-width: .5px
}

.app-wap-small.app-share-doc-show .share-page-main .common-footer {
    height: 30px;
    line-height: 30px
}

.app-wap-small.app-share-doc-show .share-page-main .content-box.content-show {
    border-radius: 0
}

.app-wap-small.app-share-doc-show .share-page-main .content-box.content-show,.app-wap-small.app-share-doc-show .share-page-main .content-box.content-show .common-main {
    bottom: 30px
}

.app-wap-small.app-share-doc-show .share-page-main .common-footer {
    display: none
}

.app-wap-small.app-share-doc-show .share-page-main .content-box.content-show,.app-wap-small.app-share-doc-show .share-page-main .content-box.content-show .common-main {
    bottom: 0
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .page-prev-next,.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc[show-type="tree"] .doc-content .markdown-preview {
    margin-right: 0
}

.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a {
    margin: 0
}

.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a .menu-item {
    display: none
}

.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a:hover .menu-item,.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item,.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item {
    display: block
}

.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .ztree ul.level0 li.level1 span.button.switch {
    margin-left: -10px
}

.app-wap-small.app-share-doc-show .share-page-main .markdown-page-menu a.menu-item {
    margin-bottom: 0
}

.app-wap-small.app-share-doc-show .share-page-main .content-box>.common-side {
    display: block !important
}

.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-name {
    width: 50%
}

.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .size-content {
    padding-left: 3px
}

.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-size {
    width: 22%;
    padding: 0 5px 0 5px
}

.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-modifyTime {
    width: 27%;
    padding: 0
}

.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-size,.app-wap-small.app-share-doc-show .share-page-main .doc-view-main .show-doc-explorer .file-continer .file .title-type-modifyTime {
    overflow: visible
}

.app-wap-small.app-share-doc-show .share-page-main .frame-main-editor .frame-left .left-content-view.user-sidebar-view {
    font-size: 15px
}

.app-wap-small.app-share-doc-show .share-page-main .doc-content .markdown-page-menu {
    font-size: 14px
}

.app-wap-small.app-share-doc-show .share-page-main .header-address-content {
    padding-left: 35px;
    background: #8888880a;
    border-bottom: .5px solid #88888815
}

.app-wap-small.app-share-doc-show .share-page-main .header-address-content .header-address-item.last {
    padding-right: 100px
}

.app-wap-small.app-share-doc-show .share-page-main .menu-show-parent.frame-main-editor .menu-show-toggle {
    margin-top: 5px;
    background: none;
    box-shadow: none;
    height: 26px;
    width: 32px
}

.app-wap-small.app-share-doc-show .share-page-main .menu-show-parent.frame-main-editor .menu-show-toggle:hover {
    background: #1890ff10
}

.app-wap-small.app-share-doc-show .share-page-main .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon {
    color: #1890ff
}

.app-wap-small.app-share-doc-show .share-page-main .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon:before {
    font-size: 18px;
    content: "\ef32"
}

.app-wap-small.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to {
    font-size: 12px
}

.app-wap-small.app-share-doc-show .share-page-main .doc-content .page-prev-next a.page-to.to-next {
    position: absolute;
    right: 0
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-preview {
    padding: 10px 20px 20px 20px
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu {
    display: block !important;
    right: 5px;
    right: -255px;
    transition: .25s all;
    background: #fafafa;
    margin: 5px;
    padding: 10px 15px 15px 10px;
    border-radius: 4px;
    box-shadow: none;
    border: .5px solid #99999920;
    border-top: 4px solid #2196f3
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu.menu-open {
    right: 5px;
    box-shadow: 0 5px 20px #88888830
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu .toggle-show-menu {
    position: fixed;
    z-index: 100;
    background: #99999920;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    margin-top: -15px;
    margin-left: -45px;
    background: #fafafa20;
    color: #888;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-sizing: border-box;
    border: .5px solid #88888820
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu .toggle-show-menu:hover {
    background: #fafafa30
}

.app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu.menu-open .toggle-show-menu:before {
    content: "\ef3f"
}

.dark-mode .app-wap-small.app-share-doc-show .share-page-main .explorer-share-doc .doc-content .markdown-page-menu {
    background: #363636
}

.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
}

.share-page-main .search-dropdown .form-row.item-option label[data-value="mutil"] {
    display: none !important
}

.share-view-folder-api.share-view-body .share-page-main .common-header,.share-view-folder-api.share-view-body .share-page-main .common-footer {
    display: none !important
}

.share-view-folder-api.share-view-body .share-page-main .content-box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto
}

.app-share-file-show.file-show-readonly .common-main .show-image {
    cursor: pointer
}

.app-share-file-show.file-show-readonly .common-main .show-image i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app-share-file-show.file-show-readonly .pswp .pswp__ui .pswp__button.pswp__button--download {
    display: none !important
}

.app-share-file-show.file-show-readonly .pswp .pswp__zoom-wrap .pswp__img {
    pointer-events: none
}

.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.shareOpenFolder .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.shareOpenFolder .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:focus {
    background: none;
    color: #444
}

body .dropdown-menu a:hover,body .dropdown-menu .this a,body .dropdown-menu a:active {
    background: #eee;
    color: #444
}

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
}

body.theme-mac .frame-main-explorer .frame-left {
    background: #bcbdbf10
}

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 .frame-main-explorer .frame-left .ztree li a,body.theme-mac .frame-main-editor .frame-left .ztree li a {
    border-radius: 4px;
    border: none !important;
    margin: 0px 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,body.theme-mac .frame-main-editor .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 .menu-item .cert:before,body.theme-mac .frame-main-editor .frame-left .ztree li .menu-item .cert:before {
    position: relative;
    top: -1px
}

body.theme-mac .frame-main-explorer .frame-left .ztree li a:hover,body.theme-mac .frame-main-editor .frame-left .ztree li a:hover,body.theme-mac .frame-main-explorer .frame-left .ztree li a:active,body.theme-mac .frame-main-editor .frame-left .ztree li a:active,body.theme-mac .frame-main-explorer .frame-left .ztree li a:focus,body.theme-mac .frame-main-editor .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-editor .frame-left .ztree li a.curSelectedNode,body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover,body.theme-mac .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover,body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active,body.theme-mac .frame-main-editor .frame-left .ztree li a.curSelectedNode:active {
    background: rgba(150,150,150,0.2);
    box-shadow: none
}

body.theme-mac .frame-main-explorer .frame-left .ztree li a.curSelectedNode.curSelectedNode_Edit,body.theme-mac .frame-main-editor .frame-left .ztree li a.curSelectedNode.curSelectedNode_Edit {
    box-shadow: 0 0 0 1px rgba(150,150,150,0.3)
}

body.theme-mac .frame-main-explorer .frame-left .ztree li a.level0,body.theme-mac .frame-main-editor .frame-left .ztree li a.level0,body.theme-mac .frame-main-explorer .frame-left .ztree a.level0 span.button.switch,body.theme-mac .frame-main-editor .frame-left .ztree a.level0 span.button.switch {
    border-radius: 0
}

body.theme-mac .frame-main-editor .frame-left .ztree ul:before,body.theme-mac .frame-main-editor .frame-left .ztree ul:after {
    margin-left: 0px
}

body.theme-mac div.file-continer .file {
    border-radius: 4px
}

body.theme-mac div.file-continer .drag-file-hover.file.file-folder:before {
    border-radius: 4px
}

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-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-radius: 0 0 4px 4px
}

body.theme-mac .file-list-list .file.drag-file-hover-child.at-last:before {
    border-radius: 0 0 4px 4px
}

body.theme-mac .explorer-auth-description .form-box .form-row .title-desc {
    top: -40px
}

body.theme-mac .light-app-main .menu-left .setting a {
    margin: 0 8px 1px 8px;
    border-radius: 8px;
    height: 35px;
    line-height: 35px
}

body.theme-mac .setting-page .setting-menu-left .menu-item .menu-item-content {
    margin: 0 8px 1px 5px;
    border-radius: 8px;
    height: 35px;
    line-height: 35px
}

body.theme-mac .setting-page .setting-menu-left .menu-item .menu-item-content:after {
    display: none
}

body.theme-mac .path-ico.name-kod-folder-simple svg {
    background-image: url("../../images/file_icon/icon_others/folder_mac.png");
    background-size: cover;
    background-repeat: no-repeat
}

body.theme-mac .path-ico.name-kod-folder-simple svg use {
    display: none
}

body.theme-mac .path-ico.name-kod-folder-simple.small-size svg {
    width: 20px;
    height: 20px
}

body.theme-mac .path-ico.name-kod-folder-personal svg {
    background-image: url("../../images/file_icon/icon_others/folder_mac_group.png");
    background-size: cover;
    background-repeat: no-repeat
}

body.theme-mac .path-ico.name-kod-folder-personal svg use {
    display: none
}

body.theme-mac .path-ico.name-kod-folder-personal.small-size svg {
    width: 20px;
    height: 20px
}

body.theme-mac .path-ico.name-kod-folder-safe svg {
    background-image: url("../../images/file_icon/icon_others/folder_mac_safe.png");
    background-size: cover;
    background-repeat: no-repeat
}

body.theme-mac .path-ico.name-kod-folder-safe svg use {
    display: none
}

body.theme-mac .path-ico.name-kod-folder-safe.small-size svg {
    width: 20px;
    height: 20px
}

body.theme-mac .path-ico.name-kod-folder-share svg {
    background-image: url("../../images/file_icon/icon_others/folder_mac_share.png");
    background-size: cover;
    background-repeat: no-repeat
}

body.theme-mac .path-ico.name-kod-folder-share svg use {
    display: none
}

body.theme-mac .path-ico.name-kod-folder-share.small-size svg {
    width: 20px;
    height: 20px
}

body.theme-mac .path-ico.name-kod-home-yellow svg,body.theme-mac .path-ico.name-kod-folder-group svg {
    background-image: url("../../images/file_icon/icon_others/folder_mac_user.png");
    background-size: cover;
    background-repeat: no-repeat
}

body.theme-mac .path-ico.name-kod-home-yellow svg use,body.theme-mac .path-ico.name-kod-folder-group svg use {
    display: none
}

body.theme-mac .path-ico.name-kod-home-yellow.small-size svg,body.theme-mac .path-ico.name-kod-folder-group.small-size svg {
    width: 20px;
    height: 20px
}

body.theme-mac.app-wap-small div.file-continer .file,body.theme-mac .app-wap-small div.file-continer .file {
    border-radius: 0
}

body.theme-mac.app-wap-small div.file-continer .drag-file-hover.file.file-folder:before,body.theme-mac .app-wap-small div.file-continer .drag-file-hover.file.file-folder:before {
    border-radius: 0
}

body.theme-mac.app-wap-small .frame-main-explorer .frame-left .ztree ul:before,body.theme-mac .app-wap-small .frame-main-explorer .frame-left .ztree ul:before,body.theme-mac.app-wap-small .frame-main-explorer .frame-left .ztree ul:after,body.theme-mac .app-wap-small .frame-main-explorer .frame-left .ztree ul:after {
    margin-left: -1px
}

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.shareOpenFolder .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.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.shareOpenFolder .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_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")
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-outer .aui-title,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-title {
    background: linear-gradient(180deg, #fefefe, #f3f3f3);
    border-bottom: .5px solid #d6d6d6;
    text-align: center;
    height: 30px;
    padding: 0 80px 0 80px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-outer .aui-title .font-icon,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-title .font-icon {
    color: #2196F3
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .form-box.config-box .form-header,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .form-box.config-box .form-header {
    background: linear-gradient(180deg, #fefefe, #f3f3f3);
    border-bottom: .5px solid #d6d6d6;
    text-align: center;
    height: 30px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .form-box.config-box .form-header .font-icon,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .form-box.config-box .form-header .font-icon {
    color: #2196F3
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-title-bar,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-title-bar {
    z-index: 99999
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title.dialog-simple .aui-outer .aui-title,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-simple .aui-outer .aui-title {
    background: rgba(0,0,0,0.8);
    border: none
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-outer .aui-buttons button,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-buttons button {
    height: 26px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box {
    position: absolute;
    left: 0;
    right: inherit;
    width: 80px;
    height: 100%;
    opacity: .5
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-min,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-max,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close {
    width: 15px;
    height: 15px;
    line-height: 13px;
    border-radius: 20px;
    color: rgba(0,0,0,0.01);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    position: absolute;
    top: 7px;
    overflow: visible;
    transition: all .2s;
    background: #88888830;
    text-align: center
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-min:before,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-max:before,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close:before {
    font-family: 'remixicon';
    text-shadow: none;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
    vertical-align: middle;
    position: relative;
    top: .5px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-min:after,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-max:after,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close:after {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    left: -4px;
    top: -4px;
    border-radius: 20px;
    transition: all .2s
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close {
    left: 10px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close:before {
    content: "\eb99"
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-min {
    left: 32px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-min:before {
    content: "\f1ae"
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-max {
    left: 54px;
    line-height: 13px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-max:before {
    content: "\ed9c";
    font-size: 10px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box .aui-close:before {
    padding: 0
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-min,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-max,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-close {
    color: rgba(0,0,0,0.3)
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-min:hover,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-max:hover,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-close:hover {
    color: rgba(0,0,0,0.5)
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-min:hover:after,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-max:hover:after,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-close:hover:after {
    background: rgba(0,0,0,0.1)
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-max .aui-outer .aui-btn-box .aui-max:before {
    content: "\ed9a"
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-file-upload .aui-outer .aui-btn-box .aui-min {
    left: 10px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.aui-state-focus .aui-outer .aui-btn-box,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover {
    opacity: 1
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.aui-state-focus .aui-outer .aui-btn-box .aui-close,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-close {
    background: #ff5f57
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.aui-state-focus .aui-outer .aui-btn-box .aui-min,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-min {
    background: #febc2e
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.aui-state-focus .aui-outer .aui-btn-box .aui-max,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-btn-box:hover .aui-max {
    background: #28c840
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-outer .aui-title {
    height: 30px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .form-box.config-box .form-header .modal-title,body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .form-box.config-box .form-header .modal-title {
    height: 30px;
    line-height: 30px;
    width: auto;
    font-size: 13px;
    position: absolute;
    left: 80px;
    right: 80px;
    text-align: center
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-confirm-box .aui-outer .aui-buttons {
    text-align: center
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-file-panel .file-panel .panel-info-header {
    padding: 20px 0 0 0;
    height: 60px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-file-panel .file-panel.panel-image .panel-info-header {
    padding: 0px 0 0 0;
    height: 105px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-file-panel .file-panel.panel-image .panel-tab-content .tab-content .panel-content {
    top: 185px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-file-panel .file-panel .panel-tab-content .tab-content .panel-content {
    top: 165px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.music-player-dialog .jPlayer-music .top-banner .item-title {
    text-align: center;
    left: 90px;
    right: 90px;
    width: auto
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    padding: 16px 10px 0px 30px
}

body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc {
    top: 25px
}

.dark-mode body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .aui-outer .aui-title,.dark-mode body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .aui-outer .aui-title {
    background: linear-gradient(180deg, #2a2a2a, #262626);
    border-bottom: .5px solid #444
}

.dark-mode body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .dialog-form.dialog-no-title .form-box.config-box .form-header,.dark-mode body.theme-mac:not(.app-wap-small):not(.app-wap-touch) .artDialog .form-box.config-box .form-header {
    background: linear-gradient(180deg, #2a2a2a, #262626);
    border-bottom: .5px solid #444
}

.dark-mode body.theme-mac .frame-main-explorer .frame-left {
    background: rgba(38,38,38,0.15)
}

.dark-mode body.theme-mac.app-wap-small .frame-main-editor .frame-left,.dark-mode body.theme-mac .app-wap-small .frame-main-editor .frame-left,.dark-mode body.theme-mac.app-wap-small .frame-main-explorer .frame-left,.dark-mode body.theme-mac .app-wap-small .frame-main-explorer .frame-left {
    background: rgba(38,38,38,0.95)
}

.dark-mode body.theme-mac .context-menu-list {
    box-shadow: 4px 5px 10px rgba(255,255,255,0.04),0 0 0 1px rgba(255,255,255,0.1)
}

.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 .preview-markdown-tool a[action="toggle-edit"] {
    pointer-events: none;
    opacity: .4
}

.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 .edit-right-frame .preview-markdown-tool .markdown-preview {
    margin: 0
}

.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 .edit-content.markdown-full-page .markdown-preview-content {
    background: transparent
}

.dark-mode .edit-main .edit-content.markdown-full-page .markdown-preview {
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
    box-shadow: none
}

.page-explorer-file-view #app .markdown-preview {
    max-width: 1000px;
    box-sizing: border-box;
    min-height: 90%;
    margin: 45px auto;
    padding: 10px 30px 30px 30px;
    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;
    top: 35px;
    background: none;
    margin-left: 980px;
    width: 200px;
    max-height: 80%;
    padding: 0 0 10px 0
}

.page-explorer-file-view #app .markdown-preview .markdown-menu a {
    border-radius: 0
}

.dark-mode.page-explorer-file-view #app .markdown-preview {
    background: rgba(0,0,0,0.5)
}

.app-wap-small.page-explorer-file-view #app .markdown-preview {
    background: none;
    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: 0px 0 10px 0;
    top: 0;
    width: 100%
}

.app-wap-small.page-explorer-file-view #app .markdown-preview .markdown-menu a {
    border-radius: 4px
}

.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 .preview-markdown-tool .box,.edit-main .edit-right-frame .preview-url-frame .preview-url-tool .box {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 35px;
    z-index: 40;
    background: none
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a,.edit-main .edit-right-frame .preview-url-frame .preview-url-tool .box a {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    color: #888;
    height: 35px;
    line-height: 35px;
    border: none;
    text-decoration: none
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a .font-icon,.edit-main .edit-right-frame .preview-url-frame .preview-url-tool .box a .font-icon {
    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-url-frame .preview-url-tool .box a:hover,.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active,.edit-main .edit-right-frame .preview-url-frame .preview-url-tool .box a:active,.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:focus,.edit-main .edit-right-frame .preview-url-frame .preview-url-tool .box a:focus {
    border: none;
    background: #77777720;
    box-shadow: none
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box .content,.edit-main .edit-right-frame .preview-url-frame .preview-url-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-url-frame .preview-frame-content {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    top: 0;
    overflow: hidden
}

.edit-content.html-full-page pre.ace_editor {
    width: 100% !important
}

.edit-content.html-full-page .resize {
    display: none
}

.edit-content.html-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.html-full-page .edit-right-frame .right-main {
    width: 100% !important
}

.edit-content.html-full-page .edit-right-frame a[action=toggle-view] {
    opacity: .6 !important;
    pointer-events: none !important
}

.edit-content.html-full-page .edit-right-frame 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.html-hidden .ace_editor {
    width: 100% !important
}

.edit-content.html-hidden .editor-preview-resize {
    display: none
}

.edit-content.html-hidden .edit-right-frame {
    width: 0 !important
}

.edit-content.html-hidden a[action=toggle-full],.edit-content.html-hidden a[action=refresh] {
    display: none !important
}

.edit-main .edit-right-frame .preview-markdown-frame {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Helvetica","Lantinghei SC",PingFangSC-light,PingFangTC-light,"PingFang SC",Optima-Regular,"Microsoft Yahei","WenQuanYi Micro Hei","微软雅黑","STXihei","WenQuanYi Micro Hei",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 .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: -10px;
    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;
    margin: 0
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-menu {
    padding: 5px 10px 10px 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','微软雅黑','Lantinghei SC',Courier,'Helvetica',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: 30;
    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;
    z-index: 200;
    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-main .edit-content .preview-markdown-tool a[action="toggle-edit"] {
    display: none !important
}

.app-wap-small .edit-main .edit-content.markdown-preview-full .preview-markdown-tool a[action="toggle-markdown"],.edit-main .edit-content.markdown-preview-full .preview-markdown-tool a[action="toggle-markdown"] {
    display: none
}

.app-wap-small .edit-main .edit-content.markdown-preview-full .preview-markdown-tool a[action="toggle-edit"] i:before,.edit-main .edit-content.markdown-preview-full .preview-markdown-tool a[action="toggle-edit"] i:before {
    content: "\ec82"
}

.app-wap-small .edit-main .edit-content.markdown-preview-full .preview-markdown-tool .toolbar,.edit-main .edit-content.markdown-preview-full .preview-markdown-tool .toolbar {
    display: none
}

.app-wap-small .edit-main .edit-content.markdown-preview-full .ace-editor-content,.edit-main .edit-content.markdown-preview-full .ace-editor-content,.app-wap-small .edit-main .edit-content.markdown-preview-full .editor-preview-resize,.edit-main .edit-content.markdown-preview-full .editor-preview-resize {
    display: none
}

.app-wap-small .edit-main .edit-content.markdown-preview-full .edit-right-frame,.edit-main .edit-content.markdown-preview-full .edit-right-frame {
    width: 100% !important
}

.app-wap-small .edit-main .edit-content .preview-markdown-tool a[action="toggle-edit"],.share-view-body .edit-main .edit-content .preview-markdown-tool a[action="toggle-edit"] {
    display: block !important
}

.app-wap-small .edit-main .edit-content .preview-markdown-tool a[action="toggle-markdown"],.share-view-body .edit-main .edit-content .preview-markdown-tool a[action="toggle-markdown"] {
    display: none !important
}

.app-wap-small .edit-main .edit-content .preview-markdown-tool a[action="toggle-full"] {
    display: none !important
}

.code-toolbar {
    background: #eee
}

.hljs-comment {
    color: #8e908c
}

.hljs-tag {
    color: #969896
}

.hljs-operator,.hljs-punctuation,.hljs-subst {
    color: #4d4d4c
}

.hljs-operator {
    opacity: .7
}

.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable {
    color: #C82829
}

.hljs-attribute,.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_ {
    color: #f5871f
}

.hljs-class,.hljs-title,.hljs-title.class_ {
    color: #eab700
}

.hljs-strong {
    font-weight: 700;
    color: #eab700
}

.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__ {
    color: #718c00
}

.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp {
    color: #3e999f
}

.hljs-function,.hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property {
    color: #3685c3
}

.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type {
    color: #8959a8
}

.hljs-emphasis {
    color: #8959a8;
    font-style: italic
}

.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string {
    color: #a3685a
}

.hljs-keyword,.hljs-class,.hljs-title.class_,.hljs-meta .hljs-keyword,.hljs-meta-keyword {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

.hljs {
    color: #666
}

.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.015)
}

.hljs ul li:hover,.hljs ul li:active {
    background: rgba(0,0,0,0.05)
}

.dark-mode .code-toolbar {
    background: #444
}

.dark-mode .hljs {
    background: #23241f;
    color: #f8f8f2
}

.dark-mode .hljs-tag,.dark-mode .hljs-subst {
    color: #f8f8f2
}

.dark-mode .hljs-strong,.dark-mode .hljs-emphasis {
    color: #a8a8a2
}

.dark-mode .hljs-bullet,.dark-mode .hljs-quote,.dark-mode .hljs-number,.dark-mode .hljs-regexp,.dark-mode .hljs-literal,.dark-mode .hljs-link {
    color: #ae81ff
}

.dark-mode .hljs-code,.dark-mode .hljs-title,.dark-mode .hljs-section,.dark-mode .hljs-selector-class {
    color: #a6e22e
}

.dark-mode .hljs-strong {
    font-weight: bold
}

.dark-mode .hljs-emphasis {
    font-style: italic
}

.dark-mode .hljs-keyword,.dark-mode .hljs-selector-tag,.dark-mode .hljs-name,.dark-mode .hljs-attr {
    color: #f92672
}

.dark-mode .hljs-symbol,.dark-mode .hljs-attribute {
    color: #66d9ef
}

.dark-mode .hljs-params,.dark-mode .hljs-title.class_,.dark-mode .hljs-class .hljs-title {
    color: #f8f8f2
}

.dark-mode .hljs-string,.dark-mode .hljs-type,.dark-mode .hljs-built_in,.dark-mode .hljs-selector-id,.dark-mode .hljs-selector-attr,.dark-mode .hljs-selector-pseudo,.dark-mode .hljs-addition,.dark-mode .hljs-variable,.dark-mode .hljs-template-variable {
    color: #e6db74
}

.dark-mode .hljs-comment,.dark-mode .hljs-deletion,.dark-mode .hljs-meta {
    color: #75715e
}

.dark-mode .hljs-comment {
    font-style: normal
}

.dark-mode .hljs-section,.dark-mode .hljs-selector-id,.dark-mode .hljs-title {
    font-weight: normal
}

.dark-mode .hljs-title.class_ {
    color: #fc0;
    font-weight: 600
}

.dark-mode .hljs-keyword {
    color: #c678dd;
    font-weight: 600
}

.dark-mode .hljs-params,.dark-mode .hljs-variable {
    color: #f80
}

.dark-mode div .hljs {
    background: #23241f
}

.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(150,150,150,0.015)
}

.dark-mode .hljs ul li:hover,.dark-mode .hljs ul li:active {
    background: rgba(150,150,150,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 {
    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 {
    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 {
    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 {
    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-markdown-tool .box a:active,.edit-main .edit-right-frame .function-list-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 .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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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: 100;
    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: 25px
}

.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 #e6e6e6;
    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: 24px;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 .list-content {
    overflow: auto;
    overflow-x: hidden;
    max-width: 250px;
    max-height: 400px;
    white-space: nowrap
}

.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
}

body>div>.ace_prompt_container {
    width: 400px;
    max-width: 80%;
    margin-top: 10px;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%)
}

body>div>.ace_prompt_container .ace_editor.ace_autocomplete {
    margin: 17px auto 0 0px !important;
    box-shadow: none;
    border: none;
    border-radius: 0 0 4px 4px;
    border-top: .5px solid #99999920
}

body>div>.ace_prompt_container .ace_completion-meta {
    font-size: 10px;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis
}

.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 .ace_scrollbar {
    z-index: 100
}

.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;
    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: #77777720;
    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: #77777730;
    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 .tree-node.tree-folder-group-header {
    font-size: 12px;
    cursor: default;
    height: 24px;
    line-height: 24px
}

.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header .tree_icon,.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header .menu-item {
    display: none !important
}

.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header .node_name {
    color: #999999;
    display: inline-block;
    position: relative;
    margin-left: -3px
}

.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header .node_name:after {
    content: "";
    background: #1890ffc0;
    border-radius: 4px;
    box-shadow: 0 1px 4px #1890ff40;
    position: absolute;
    left: 0;
    bottom: -0.5px;
    width: 24px;
    height: 1px
}

.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header:hover,.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header.curDropTreeNode,.frame-main-editor .frame-left .ztree .tree-node.tree-folder-group-header.curSelectedNode {
    border-color: transparent !important;
    background: none !important
}

.frame-main-editor .frame-left .ztree {
    padding-top: 0
}

.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 {
    position: relative;
    z-index: 20
}

.frame-main-editor .frame-left .ztree li a.curSelectedNode_Edit {
    box-shadow: 0 0 0 1px #99d1ff
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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','微软雅黑','Lantinghei SC',Courier,'Helvetica',STXihei,WenQuanYi,sans-serif;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    left: 0px;
    right: 0%
}

.edit-body .file-history-tips {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    z-index: 100;
    background: #ff980075;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    white-space: nowrap;
    font-size: 13px
}

.edit-body .file-history-tips .kui-btn {
    position: absolute;
    right: 10px;
    top: 3px
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input .font-icon {
    display: none
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input input {
    border: 1px solid #e6e6e6;
    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
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input input:hover,.menu-body.menu-body-edit .context-menu-item.context-menu-input input:active {
    border-color: #75A1F0
}

.menu-body.menu-body-edit .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)
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input input.disabled,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='true'],.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='readonly'] {
    opacity: .7;
    cursor: not-allowed
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input input.disabled:hover,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='true']:hover,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='readonly']:hover,.menu-body.menu-body-edit .context-menu-item.context-menu-input input.disabled:active,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='true']:active,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='readonly']:active {
    border-color: #e6e6e6
}

.menu-body.menu-body-edit .context-menu-item.context-menu-input input.disabled:focus,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='true']:focus,.menu-body.menu-body-edit .context-menu-item.context-menu-input input[readonly='readonly']:focus {
    border-color: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.menu-body.menu-body-edit .context-menu-list.menu-view-goto-line .context-menu-item.context-menu-input label span {
    padding-right: 10px
}

.menu-body.menu-body-edit .context-menu-list.menu-view-file-mode {
    height: 300px;
    overflow: auto
}

.menu-body.menu-body-edit .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input {
    position: fixed;
    width: 210px;
    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: 45px;
    margin-right: 20px;
    z-index: 50
}

.edit-main .page-list .my-page-box,.edit-main .bottom-toolbar {
    background: #bbbbbb10;
    border: 1px solid #bbbbbb20;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.edit-main .bottom-toolbar {
    width: auto;
    height: 28px;
    z-index: 25;
    position: absolute;
    bottom: 10px;
    right: 0;
    margin-right: 20px;
    border-radius: 4px;
    overflow: hidden
}

.edit-main .bottom-toolbar a {
    float: left;
    padding: 0 8px;
    line-height: 28px;
    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 .bottom-toolbar .meta-label.history-count {
    color: #ff9800;
    background: #ff980021;
    padding: 2px 5px;
    border-radius: 3px
}

.edit-main .bottom-toolbar .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
}

.edit-main .bottom-toolbar .meta-label.history-count em {
    font-size: 12px;
    font-style: normal
}

.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;
    display: none
}

.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)
}

.frame-main-editor .tree-header {
    display: none
}

.explorer-editor-dialog-open .frame-main-editor .drag-resize-tree.drag-resize .drag-item {
    opacity: 1;
    display: block;
    padding: 5px 5px 5px 0;
    margin-left: 6px;
    top: -4px
}

.explorer-editor-dialog-open .frame-main-editor .drag-resize-tree.drag-resize .drag-item:before {
    border-radius: 0 4px 4px 0;
    border-left: none;
    box-shadow: none;
    width: 26px;
    height: 24px;
    line-height: 24px
}

.explorer-editor-dialog-open .frame-main-editor .edit-main .tools .left {
    padding-left: 28px
}

.explorer-editor-dialog-open .frame-main-editor .ztree {
    padding-top: 0;
    top: 30px
}

.explorer-editor-dialog-open .frame-main-editor .ztree .tree-content {
    margin-top: 0
}

.explorer-editor-dialog-open .frame-main-editor .ztree .tree-content li a.level0 {
    margin-top: 0 !important
}

.explorer-editor-dialog-open .frame-main-editor .tree-header {
    width: 100%;
    display: block;
    padding: 0 5px 0 5px;
    overflow: hidden;
    box-sizing: border-box;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #ddd;
    position: relative;
    background: #f8f8f8 url("../../images/common/bg.gif") 0 0
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-content {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .clear {
    display: inline-block;
    width: 20px
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item {
    display: inline-block;
    position: relative;
    list-style: none
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item a {
    display: inline-block;
    padding: 0 10px 0 5px;
    border-radius: 4px;
    line-height: 26px;
    height: 26px;
    margin-top: 1px;
    font-size: 12px;
    text-decoration: none;
    color: inherit;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item a:hover {
    background: #77777730
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item a:after {
    content: "\ea6e";
    font-family: "remixicon";
    position: absolute;
    top: 1.5px;
    right: -2px;
    opacity: .6;
    line-height: inherit;
    font-size: inherit;
    width: inherit
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item .path-ico,.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item .item-menu,.explorer-editor-dialog-open .frame-main-editor .tree-header .header-address-item.last {
    display: none
}

.explorer-editor-dialog-open .frame-main-editor .tree-header .empty {
    text-align: center;
    opacity: .6
}

.explorer-editor-dialog-open .frame-main-editor .tree-header:before,.explorer-editor-dialog-open .frame-main-editor .tree-header:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 20px;
    box-shadow: 1px 0 5px #77777790;
    left: -15px;
    top: 0;
    visibility: hidden
}

.explorer-editor-dialog-open .frame-main-editor .tree-header:after {
    left: inherit;
    right: -15px
}

.explorer-editor-dialog-open .frame-main-editor .tree-header.style-left:before {
    visibility: visible
}

.explorer-editor-dialog-open .frame-main-editor .tree-header.style-right:after {
    visibility: visible
}

body {
    overflow: hidden
}

body .frame-main-explorer .frame-header .header-middle .children-list,body .select2-container--default .select2-dropdown,body .kod-user-group-select .select-dropdown-content,body .form-pop-view.pop-form-list,body .context-menu-list {
    background-image: url("../../images/common/banner/color-bg.png");
    background-size: 100% auto;
    background-position: top 0 right 0;
    background-repeat: no-repeat
}

body .frame-main-explorer .frame-header .header-middle .children-list .context-menu-item.context-menu-separator,body .select2-container--default .select2-dropdown .context-menu-item.context-menu-separator,body .kod-user-group-select .select-dropdown-content .context-menu-item.context-menu-separator,body .form-pop-view.pop-form-list .context-menu-item.context-menu-separator,body .context-menu-list .context-menu-item.context-menu-separator {
    border-bottom: .5px solid #66666630
}

body .frame-main-explorer {
    width: 100%;
    height: 100%;
    background-image: url("../../images/common/banner/color-bg.png");
    background-size: 100% auto;
    background-position: top 0 right 0;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 60% 40%, #4bb4ff15 0, #7800f015 60%, #2196f310 100%);
    background: none
}

.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;
    background: #ffffff60;
    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;
    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: #77777720;
    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: #77777730;
    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 .frame-left .ztree .tree-node.tree-folder-group-header {
    font-size: 12px;
    cursor: default;
    height: 24px;
    line-height: 24px
}

.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header .tree_icon,.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header .menu-item {
    display: none !important
}

.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header .node_name {
    color: #999999;
    display: inline-block;
    position: relative;
    margin-left: -3px
}

.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header .node_name:after {
    content: "";
    background: #1890ffc0;
    border-radius: 4px;
    box-shadow: 0 1px 4px #1890ff40;
    position: absolute;
    left: 0;
    bottom: -0.5px;
    width: 24px;
    height: 1px
}

.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header:hover,.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header.curDropTreeNode,.frame-main-explorer .frame-left .ztree .tree-node.tree-folder-group-header.curSelectedNode {
    border-color: transparent !important;
    background: none !important
}

.frame-main-explorer ::placeholder {
    opacity: .4;
    color: inherit
}

.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
}

.frame-main-explorer .frame-header .btn-default {
    background-color: transparent
}

.frame-main-explorer .frame-header .header-content {
    padding-top: 12px;
    height: 37px;
    border-bottom: 1px solid #e6e6e6;
    background: linear-gradient(0deg, #b0b0b020, transparent);
    border-bottom: .5px solid #77777730
}

.frame-main-explorer .frame-header .header-content .disable .font-icon {
    opacity: .4;
    filter: alpha(opacity=40)
}

.frame-main-explorer .frame-header .header-content .header-address .path-ico .x-item-icon.label {
    top: 2px;
    margin: 0
}

.frame-main-explorer .frame-header .header-content .header-address .path-ico {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: -2px 0 0 0
}

.frame-main-explorer .frame-header .header-content .header-address img {
    width: 20px;
    height: auto;
    max-height: 20px;
    object-fit: cover;
    border-radius: 2px;
    box-sizing: border-box
}

.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;
    width: 200px;
    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: 28px;
    background: none;
    -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: 60px;
    width: 100%;
    box-sizing: border-box;
    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-content .header-right .search-down-mask,.frame-main-explorer .frame-header .header-content .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-content .header-right .search-dropdown {
    transform: translateY(30px)
}

.frame-main-explorer .frame-header .header-content .header-right.search-open .search-down-mask,.frame-main-explorer .frame-header .header-content .header-right.search-open .search-dropdown {
    visibility: visible;
    opacity: 1 !important
}

.frame-main-explorer .frame-header .header-content .header-right.search-open .search-dropdown {
    transform: translateY(0)
}

.frame-main-explorer .frame-header .header-content .header-right.search-open .search-box .search-more {
    color: #222
}

.frame-main-explorer .frame-header .header-content .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-content .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-content .header-right .search-down-mask:before {
    display: none
}

.frame-main-explorer .frame-header .header-content .header-right.search-open .search-down-mask:before {
    display: block
}

.frame-main-explorer .frame-header .header-content .header-right.search-show .search-dropdown {
    transform: none !important
}

.frame-main-explorer .frame-header .header-middle {
    padding-left: 0;
    white-space: nowrap;
    display: flex;
    width: calc(100% - 320px)
}

.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;
    background: #ffffff60;
    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;
    overflow: visible
}

.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: 28px;
    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;
    box-shadow: 0 0 0 .5px #88888830,0 10px 40px 0 #88888840;
    animation-name: dropdownMenuShow;
    -webkit-animation-name: dropdownMenuShow;
    animation-duration: .16s;
    -webkit-animation-duration: .16s;
    border: none;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    max-height: 70%;
    overflow: auto
}

.frame-main-explorer .frame-header .header-middle .children-list .list-empty {
    color: #aaa;
    text-align: center;
    margin: 0 0;
    padding: 5px 10px;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item {
    padding: 2px 5px;
    position: relative;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #444;
    border-radius: 4px;
    transition: all .2s
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item.group-title {
    pointer-events: none;
    border-radius: 0;
    margin: 0px 5px 5px 5px;
    padding: 0;
    border-bottom: .5px solid #99999920
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item.group-title .path-ico {
    display: none
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item.group-title .item-name {
    font-size: 12px;
    padding-left: 0;
    opacity: .5
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item.group-title:hover {
    background: none !important
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item.group-title:after {
    content: "";
    width: 25px;
    height: .7px;
    background: #1890ffc0;
    box-shadow: 0 1px 4px #1890ff40;
    position: absolute;
    left: 0;
    bottom: 0
}

.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: #99999920
}

.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: #1890ff;
    background: #1890ff10
}

.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 .picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico img {
    border-radius: 2px
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico .x-item-icon,.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico img,.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico svg {
    position: relative;
    vertical-align: top
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico .x-item-icon.label {
    top: 2px
}

.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 .role-label-view {
    display: inline-block
}

.frame-main-explorer .frame-header .header-middle .header-address-input {
    height: 28px;
    width: 50%;
    cursor: text;
    float: left;
    box-sizing: border-box;
    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 .header-middle .header-address,.frame-main-explorer .frame-header .header-middle .header-address-input {
    height: 28px;
    box-sizing: border-box;
    flex: auto;
    max-width: 70%;
    width: calc(100% - 270px)
}

.frame-main-explorer .frame-header .header-middle .btn.path-is-fav .font-icon {
    color: #fec740
}

.frame-main-explorer .frame-header .search-dropdown {
    width: 420px;
    min-height: 200px;
    max-width: 100%;
    position: absolute;
    right: 20px;
    background: #fff;
    z-index: 100;
    margin-top: 0;
    overflow: auto;
    border-radius: 3px 0 3px 3px;
    border: .5px solid #ddd;
    box-shadow: 0 10px 20px #88888820;
    -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: 50;
    height: 34px;
    min-width: 505px;
    position: relative;
    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);
    border-bottom: .5px solid #66666620;
    background: none;
    background: #dddddd10
}

.frame-main-explorer .frame-header .tools .tools-left {
    overflow: hidden
}

.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: 0 0 5px 10px;
    max-width: calc(100% - 200px);
    height: 30px;
    padding-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    max-width: calc(100% - 230px)
}

.frame-main-explorer .frame-header .tools .tools-left::-webkit-scrollbar {
    height: 3px
}

.frame-main-explorer .frame-header .tools .tools-left .btn-group {
    float: left;
    margin-top: 5px
}

.frame-main-explorer .frame-header .tools .tools-right {
    margin: 5px 20px 0 0;
    height: 26px;
    position: absolute;
    top: 5px;
    right: 20px;
    margin: 0
}

.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;
    float: none;
    clear: both;
    display: inline-block;
    padding-left: 5px;
    margin-left: -5px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .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
}

.frame-main-explorer .frame-header .tools .kod-toolbar .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) {
    .frame-main-explorer .frame-header .tools .kod-toolbar .font-icon.ri-pencil-fill {
        background-image:url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.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 .kod-toolbar.kod-toolbar-userFileTag .btn-group .btn.user-tag-filter {
    margin-left: 0
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item {
    float: none;
    clear: both;
    display: inline-block;
    vertical-align: top;
    font-size: 0
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn {
    font-size: 13px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group>.btn {
    float: none;
    clear: both;
    display: inline-block
}

.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.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.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.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.shareOpenFolder .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.shareOpenFolder .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.shareOpenFolder .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-fast .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-fast .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-fast .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.set-icon-size>.font-icon,.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: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,.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.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);
    margin-left: 0;
    border-left: .5px solid #66666630;
    -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: 84px;
    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 3px 3px 5px;
    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: -4px
}

.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-color: #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 .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: visible;
    cursor: pointer;
    transition: all .16s;
    position: relative;
    color: #555;
    white-space: nowrap
}

.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(24,144,255,0.15)
}

.setting-page .setting-menu-left .menu-item .menu-item-content .item-icon .svg-icon,.admin-page .admin-menu-left .menu-item .menu-item-content .item-icon .svg-icon {
    width: 22px;
    height: 22px;
    overflow: visible;
    vertical-align: middle;
    margin-left: -2px
}

.setting-page .setting-menu-left .menu-item .menu-item-content .item-icon .svg-icon img,.admin-page .admin-menu-left .menu-item .menu-item-content .item-icon .svg-icon img {
    position: relative;
    left: -8px
}

.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: rgba(24,144,255,0.15)
}

.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(24,144,255,0.2)
}

.admin-page .admin-menu-left .menu-item.select .menu-item-content {
    color: #fff;
    background: #1890ff !important
}

.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-page .admin-menu-left div.menu-content {
    overflow: auto;
    overflow-x: hidden !important;
    bottom: 40px
}

.admin-page .admin-menu-left div.menu-content .ps__rail-x {
    display: none !important
}

.admin-page .admin-menu-left .left-menu-footer {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 5px 0
}

.admin-page .admin-menu-left .left-menu-footer .footer-link {
    padding: 0 25px;
    line-height: 40px;
    background-color: #ffffff05;
    color: #ddd
}

.admin-page .admin-menu-left .left-menu-footer .footer-link .font-icon {
    display: inline-block;
    opacity: .6;
    padding-right: .6em
}

.admin-page .admin-menu-left .left-menu-footer .footer-link:hover {
    background-color: #ffffff15;
    color: #fff
}

.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: 120px 0px 150px
}

.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: 2px
}

.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-table-box .dialog-tab.tab-group-line {
    margin-bottom: 5px
}

.panel-body.overview-page .tab-table-box .tab-group-pan .kodTable .toolbar {
    padding-bottom: 5px
}

.panel-body.overview-page .tab-table-box .tab-group-pan .kodTable .toolbar .right {
    position: absolute;
    top: -40px;
    right: 0px
}

.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
}

.panel-body.menu-page .menu-list .list-row .list-col.name .path-ico {
    margin-right: 7.5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 4px;
    vertical-align: middle
}

.panel-body.menu-page .menu-list .list-row .list-col.name .path-ico img,.panel-body.menu-page .menu-list .list-row .list-col.name .path-ico .svg-icon {
    border-radius: 4px;
    font-size: 25px
}

.panel-body.menu-page .menu-list .list-row .list-col .label {
    border-radius: 20px;
    margin-right: 5px;
    padding: .3em .6em
}

.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,.app-content .app-list .app-li .icon .path-ico .svg-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: -60px;
    right: 10px
}

.panel-body.plugin-page .app-toolbar .search-box .btn-search {
    padding: 5px 8px 6px 8px;
    margin-top: 1px;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0 4px 4px 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: 28px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 .left-content.item-hidden .icon,.panel-body.plugin-page .app-descript .left-content.item-hidden .text,.panel-body.plugin-page .app-descript .left-content.item-hidden .action>.btn {
    opacity: .3
}

.panel-body.plugin-page .app-descript .left-content.item-hidden .dropdown-menu li a[action="appDisable"],.panel-body.plugin-page .app-descript .left-content.item-hidden .dropdown-menu li a[action="appRemove"] {
    display: none
}

.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 .app-li.item-hidden {
    display: none;
    box-shadow: 0 1px 2px #00000006;
    border-color: #99999910
}

.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .icon,.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .flag-box,.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .text,.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .action>.btn {
    opacity: .3
}

.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .icon {
    background-image: linear-gradient(to bottom, #99999950 0, #99999905 100%)
}

.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .dropdown-menu li a[action="appDisable"],.panel-body.plugin-page .app-content .app-list .app-li.item-hidden .dropdown-menu li a[action="appRemove"] {
    display: none
}

.panel-body.plugin-page .app-content .app-list[tab-current="update"] .app-li.item-hidden {
    display: inline-block
}

.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;
    height: 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,.panel-body.plugin-page .app-descript .left-content .icon .path-ico .svg-icon,.panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico .svg-icon {
    width: 70px;
    height: 70px;
    padding-top: 10px
}

.panel-body.plugin-page .app-descript .left-content .icon .path-ico .svg-icon img,.panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico .svg-icon img {
    margin-top: 0
}

.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-login-list .list-col .span-item,.admin-main-content .panel-body .log-list .list-col .span-item,.admin-main-content .panel-body .task-list .list-col .span-item {
    display: inline-block;
    margin-right: 4px
}

.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;
    word-break: break-all
}

.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: #1890ff;
    border-color: #007cee;
    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: #22b66c;
    border-color: #1c9458;
    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: #1890ff;
    border-color: #007cee;
    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: #1890ff;
    border-color: #007cee;
    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: #1890ff;
    border-color: #007cee;
    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: #1890ff;
    border-color: #007cee;
    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: #22b66c;
    border-color: #1c9458;
    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: #1890ff
}

.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: #1890ff
}

.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-file.action-file-download .action-icon {
    background: #d2eafb;
    border-color: #add9f8;
    color: #1890ff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-file.action-file-download .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: #1890ff;
    border-color: #007cee;
    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: #22b66c;
    border-color: #1c9458;
    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.log-page .list-table .list-col .log-action.type-storage .action-icon {
    background: #1890ff;
    border-color: #007cee;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-storage .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: "\edf9"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-storage.action-storage-move .action-icon {
    background: #f78e3d;
    border-color: #f57716;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-storage.action-storage-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: "\edf9"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-storage.action-storage-remove .action-icon {
    background: #f46e65;
    border-color: #f14a3f;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-storage.action-storage-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: "\edf9"
}

.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 {
    background: #1890ffc0;
    color: #fff;
    top: -2px;
    right: -2px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    border-radius: 0 4px 0 10px
}

.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='option'] {
    float: left;
    padding: 0px 10px 0px 5px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    width: 78px;
    margin: 0px 0px 5px 5px;
    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;
    margin: 0;
    padding: 0;
    clear: both
}

.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option strong {
    background: rgba(24,144,255,0.1);
    margin: 5px 6px;
    border-radius: 3px
}

.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-content .setting-content .desc span {
    display: inline-block;
    margin-bottom: 3px
}

.artDialog.recovery-dg .form-box .form-row.item-dbTypeDesc .setting-content .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
}

.app-wap-small .admin-page .frame-main-explorer .frame-header .search-dropdown .form-box .form-row .setting-title {
    text-align: right !important;
    color: inherit;
    padding-left: 5px;
    margin-right: 15px;
    height: 30px;
    line-height: 30px
}

.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 .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 .app-li.item-hidden {
    display: none;
    box-shadow: 0 1px 2px #00000006;
    border-color: #99999910
}

.panel-body.storage-page .app-content .app-list .app-li.item-hidden .icon,.panel-body.storage-page .app-content .app-list .app-li.item-hidden .flag-box,.panel-body.storage-page .app-content .app-list .app-li.item-hidden .text,.panel-body.storage-page .app-content .app-list .app-li.item-hidden .action>.btn {
    opacity: .3
}

.panel-body.storage-page .app-content .app-list .app-li.item-hidden .icon {
    background-image: linear-gradient(to bottom, #99999950 0, #99999905 100%)
}

.panel-body.storage-page .app-content .app-list .app-li.item-hidden .dropdown-menu li a[action="appDisable"],.panel-body.storage-page .app-content .app-list .app-li.item-hidden .dropdown-menu li a[action="appRemove"] {
    display: none
}

.panel-body.storage-page .app-content .app-list[tab-current="update"] .app-li.item-hidden {
    display: inline-block
}

.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;
    height: 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 .store-group-list .app-list {
    padding: 0px;
    margin-bottom: 0px
}

.panel-body.storage-page .app-content .store-group-list .group-by {
    position: relative;
    border-bottom: .5px solid rgba(130,130,130,0.15);
    margin: -10px 0 15px
}

.panel-body.storage-page .app-content .store-group-list .group-by:hover {
    background: #1890ff15;
    border-color: #1890ff14
}

.panel-body.storage-page .app-content .store-group-list .group-by:active {
    background: #1890ff25;
    border-color: #1890ff20
}

.panel-body.storage-page .app-content .store-group-list .group-by .group-title {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.panel-body.storage-page .app-content .store-group-list .group-by .group-title>span {
    border-bottom: 1px solid #1890ff;
    position: absolute;
    padding-left: 5px
}

.panel-body.storage-page .app-content .store-group-list .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
}

.panel-body.storage-page .app-content .store-group-list .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
}

.panel-body.storage-page .app-content .app-list .app-li .path-ico {
    width: 100%;
    height: 100%;
    padding-top: 10px
}

.panel-body.storage-page .app-content .app-list .app-li .path-ico .svg-icon {
    width: 80px;
    height: 80px;
    margin-top: 5px;
    padding-top: 0px
}

.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.storage-page .app-content .app-list .app-li .progress-box .space-info-bar .space-info img {
    width: 12px;
    height: 12px;
    margin-bottom: 2px
}

.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 .bak-bar-box .bak-file-dtl {
    margin-left: 10px;
    cursor: pointer;
    color: #40a9ff
}

.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
}

.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col:nth-child(4) {
    display: none
}

.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 .detail .lb-btn,.admin-page .panel-body.admin-share-page .share-report-list .content .list-col .detail .lb-btn {
    cursor: pointer
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .detail .lb-btn.target .font-icon,.admin-page .panel-body.admin-share-page .share-report-list .content .list-col .detail .lb-btn.target .font-icon {
    margin-left: 3px
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .share-time-out>span,.admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-time-out>span {
    display: inline-block
}

.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
}

.admin-share.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #2196F3;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 360px
}

.admin-share.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .name {
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.admin-share.dialog-form.share-dialog-box .form-row.item-shareTitle {
    margin-top: 0px
}

.admin-share.dialog-form.share-dialog-box .form-row .add-user-group,.admin-share.dialog-form.share-dialog-box .form-row .auth-toolbar,.admin-share.dialog-form.share-dialog-box .aui-footer {
    display: none
}

.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-dbTypeDesc .setting-content {
    margin-top: 5px
}

.panel-body.admin-server-page .tab-content.recovery .item-dbTypeDesc .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: 21px;
    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 {
    height: 100%;
    overflow: hidden !important;
    padding: 0 !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;
    position: relative;
    height: 100%
}

.panel-body.member-page .page-box .drag-resize {
    z-index: 110
}

.panel-body.member-page .page-box .frame-left {
    width: 200px;
    border-right: 1px solid #eee;
    z-index: 100;
    background: #fff;
    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 .frame-left .ztree li a.level0 {
    margin-top: 0 !important
}

.panel-body.member-page .page-box .frame-right {
    min-width: auto;
    border-left: none;
    padding: 15px 0;
    position: absolute
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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 .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>.toolbar {
    position: absolute;
    width: auto;
    right: 5px;
    top: 6px;
    border: none
}

.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;
    right: 0px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.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 #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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
}

.context-menu-list.admin-group-menu .context-menu-item.group-close.disabled {
    display: none !important
}

.context-menu-list.admin-group-menu .context-menu-item.group-open.disabled {
    display: none !important
}

.context-menu-list.admin-member-menu .context-menu-item.user-status-close.disabled {
    display: none !important
}

.context-menu-list.admin-member-menu .context-menu-item.user-status-open.disabled {
    display: none !important
}

.setting-page .setting-main .panel-body {
    padding: 20px
}

.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: 0 20px;
    margin: 0px 0;
    width: auto
}

.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;
    margin-left: 5px;
    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'] {
    border: 1px solid #e6e6e6;
    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: #e6e6e6
}

.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: #e6e6e6;
    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: 5px
}

.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;
    -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;
    top: 6px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(60,60,60,0.3);
    text-align: center;
    right: 6px;
    opacity: 0;
    visibility: 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 .item-remove:hover,.setting-page .panel-body.wall-page .section .box .list .item-remove:active {
    background: #f30
}

.setting-page .panel-body.wall-page .section .box .list:hover .item-remove {
    opacity: 1;
    visibility: visible
}

.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;
    top: 6px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(60,60,60,0.3);
    text-align: center;
    right: 6px;
    opacity: 0;
    visibility: 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 .ico img {
    width: 100%;
    height: 100%
}

.setting-page .panel-body.wall-page .section .box .list:hover .item-select,.setting-page .panel-body.wall-page .section .box .list.this .item-select {
    opacity: 1;
    visibility: visible
}

.setting-page .panel-body.wall-page .section .box .list:hover .info,.setting-page .panel-body.wall-page .section .box .list.this .info {
    color: #ffffff;
    background: #1890ff;
    border-color: #1890ff
}

.setting-page .panel-body.wall-page .section .box .list.this .item-select {
    color: #ffffff;
    background: #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 10px 3px 10px;
    border-radius: 3px;
    box-sizing: content-box;
    vertical-align: middle
}

.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 #e6e6e6;
    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;
    vertical-align: middle;
    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: #e6e6e6
}

.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: #e6e6e6;
    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;
    transition: all .2s
}

.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,.form-box .form-row.form-row-auth-check label.select {
    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: -47px;
    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: -86px
}

.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 .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-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,.app-wap-small .form-row.form-userSelect .setting-content .user-select-role .select2-container {
    width: 346px
}

.app-wap-small .form-row.form-userSelect .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img {
    top: 1px
}

.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 .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 {
    max-width: calc(100vw - 30px);
    overflow-x: auto !important;
    overflow-y: hidden !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 {
    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;
    white-space: inherit
}

.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 .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 .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .btn.path-select {
    padding-bottom: 4px
}

.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 {
    top: -56px;
    right: -10px
}

.app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box input {
    width: 120px;
    height: 28px
}

.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.menu-show-parent .admin-main .panel-body.member-page,.app-wap-small .admin-page.menu-show-parent .admin-main .panel-body.admin-recycle-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-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: -1px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico .x-item-icon,.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico img,.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico .picture.ico {
    width: 24px;
    height: 24px;
    vertical-align: top;
    position: relative;
    top: 0px
}

.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:not(.dialog-simple) .aui-main {
    box-sizing: border-box
}

.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-timeToSelect {
    padding: 5px 10px 0 15px !important
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-timeToSelect .setting-content .select2-container {
    width: 80px !important
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-pageTypeDocInfo {
    position: absolute;
    right: 0;
    margin-top: -28px
}

.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-timeTo .setting-content {
    padding: 0
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-timeTo .setting-content input {
    width: inherit !important
}

.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: -32px;
    margin-top: 4px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-timeTo {
    padding: 3px 0 0 0
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-timeTo .setting-content {
    padding: 0
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-timeTo .setting-content input {
    width: inherit !important
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-timeTo {
    padding: 1px 15px 0 0
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-timeToDesc {
    padding: 6px 0 0 0
}

.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-view-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 {
    max-width: calc(100vw - 30px);
    overflow-x: auto !important;
    overflow-y: hidden !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 {
    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
}

.app-wap-small .aui-outer .aui-header .aui-title .path-ico .svg-icon {
    width: 100%;
    height: 100%;
    font-size: 24px;
    position: relative;
    top: -3px
}

.artDialog.dialog-prompt-box .aui-outer,.artDialog.dialog-confirm-box .aui-outer,.artDialog.dialog-alert-box .aui-outer {
    width: 350px
}

.artDialog.dialog-prompt-box .aui-content,.artDialog.dialog-confirm-box .aui-content,.artDialog.dialog-alert-box .aui-content {
    max-height: 160px;
    max-width: 350px;
    word-break: break-word;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 10px
}

.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: 30px 20px 40px 10px !important
}

.artDialog.dialog-prompt-box .aui-buttons,.artDialog.dialog-confirm-box .aui-buttons,.artDialog.dialog-alert-box .aui-buttons {
    padding: 15px 15px
}

.artDialog.dialog-prompt-box.Alert .aui-buttons,.artDialog.dialog-confirm-box.Alert .aui-buttons,.artDialog.dialog-alert-box.Alert .aui-buttons {
    text-align: center
}

.artDialog.dialog-prompt-box .aui-icon {
    display: none
}

.artDialog.dialog-prompt-box .aui-main {
    padding: 15px 20px 40px 20px !important
}

.artDialog.dialog-prompt-box .aui-main div {
    font-size: 15px !important;
    text-align: center
}

.artDialog.dialog-prompt-box .aui-main .aui-content {
    overflow: visible !important
}

.artDialog.dialog-prompt-box .aui-main .prompt-input input {
    font-size: 13px !important;
    margin-top: 10px;
    width: 100% !important;
    text-align: center
}

.artDialog.dialog-prompt-box .aui-buttons {
    text-align: center
}

.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: .5px solid rgba(0,0,0,0.1);
    vertical-align: middle
}

.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(150,150,150,0.25);
    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(150,150,150,0.25);
    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(150,150,150,0.25)
}

.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 .header .name-title-desc {
    white-space: nowrap;
    padding-left: 20px;
    font-size: 12px
}

.app-wap-small .dialog-max.file-rename-mutil-dialog.dialog-form.dialog-no-title .header .actions .btn .font-icon {
    position: relative;
    top: -2px;
    font-size: 12px;
    margin: 0 2px 0 0
}

.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: 210px !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 .toolbar-menu {
    padding: 0 3px
}

.app-wap-small .edit-main .tools .line {
    margin: 5px 1px;
    border-left-width: .6px
}

.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 .tools a .font-icon.ri-arrow-down-s-fill {
    width: 12px;
    margin-left: -2px;
    font-size: 12px;
    opacity: .5;
    display: inline-block;
    text-align: left
}

.app-wap-small .edit-main .bottom-toolbar a {
    font-size: 12px;
    padding: 0 6px
}

.app-wap-small .edit-main .bottom-toolbar a.menu-view-file-mode {
    max-width: 50px;
    font-size: 10px;
    overflow: hidden;
    text-overflow: clip
}

.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 .preview-markdown-tool .toolbar {
    display: none
}

.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .markdown-preview {
    padding: 0
}

.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 a[action="toggle-markdown"] {
    display: none
}

.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;
    line-height: 20.5px
}

.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.have-same-name:before,.app-wap-small .frame-main-desktop .bodymain .file-continer .file.have-same-name:before {
    left: 0;
    right: 0
}

.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: 20px;
    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-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-header .header-content .header-address {
    right: 40px;
    left: 10px
}

.app-wap-small .frame-main-explorer .frame-header {
    min-width: auto;
    background: none;
    height: 75px;
    border-bottom: .5px solid #eee;
    position: relative
}

.app-wap-small .frame-main-explorer .frame-header .header-content {
    padding: 0;
    background: none;
    border: none;
    height: 34px;
    overflow: hidden
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-left {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle {
    padding: 0;
    display: block;
    width: inherit
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .btn-default {
    height: 28.5px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .role-label-box {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address-content .role-label-box {
    position: relative;
    left: inherit;
    right: inherit;
    float: none;
    display: inline-block;
    margin: 0
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address-content .role-label-box.pose-right {
    position: absolute;
    right: 0;
    top: 6px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address,.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address-input {
    max-width: inherit;
    width: auto;
    flex: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .btn[data-action="goto-father"],.app-wap-small .frame-main-explorer .frame-header .header-content .btn.fav-button,.app-wap-small .frame-main-explorer .frame-header .header-content .btn.refresh-button {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address {
    position: absolute;
    right: 35px;
    left: 38px;
    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-header .header-content .header-address .loading-item {
    line-height: 34px;
    height: 34px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .path-ico {
    position: relative;
    top: 10px;
    vertical-align: top
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content {
    height: 50px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content .clear {
    display: none
}

.app-wap-small .frame-main-explorer .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-header .header-content .header-address .header-address-content a:active,.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content a:focus {
    background: #eee
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content a .item-menu {
    display: none !important
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content .first a {
    padding-left: 2px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content a .ripple-father {
    padding-right: 15px
}

.app-wap-small .frame-main-explorer .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-header .header-content .header-address .header-address-content .header-address-item,.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content a,.app-wap-small .frame-main-explorer .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-header .header-content .header-address .header-address-content .header-address-item.last {
    pointer-events: none;
    opacity: .7
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content .header-address-item.last a:after {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content .header-address-item.first {
    opacity: 1
}

.app-wap-small .frame-main-explorer .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-header .header-content .header-middle .header-address-input {
    position: absolute;
    left: 0px;
    right: 40px;
    left: 40px;
    width: auto;
    border-right: none;
    border: none
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address-input input.path {
    border-radius: 0px;
    box-shadow: none;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 0 5px;
    background: rgba(150,150,150,0.1);
    border-radius: 4px
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .header-address-input input:focus {
    box-shadow: inset 0 0 3px #def
}

.app-wap-small .frame-main-explorer .frame-header .header-right {
    top: 40px;
    height: 38px;
    position: absolute;
    width: 100%
}

.app-wap-small .frame-main-explorer .frame-header .header-right .search-box {
    top: 0;
    left: 10px;
    right: 10px;
    z-index: 50;
    margin-top: 0;
    width: auto;
    height: 40px;
    overflow: hidden
}

.app-wap-small .frame-main-explorer .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-header .header-right .search-box input.search:focus,.app-wap-small .frame-main-explorer .frame-header .header-right .search-box input.search:active {
    box-shadow: none
}

.app-wap-small .frame-main-explorer .frame-header .header-right .search-box .start-search,.app-wap-small .frame-main-explorer .frame-header .header-right .search-box .search-more,.app-wap-small .frame-main-explorer .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-header .header-right .search-box .start-search {
    background: none;
    border-radius: 30px
}

.app-wap-small .frame-main-explorer .frame-header .header-right .search-box .search-more {
    right: 30px
}

.app-wap-small .frame-main-explorer .frame-header .header-right .search-box .search-clear {
    right: 60px
}

.app-wap-small .frame-main-explorer .frame-header .header-right.search-open .search-box input.search,.app-wap-small .frame-main-explorer .frame-header .header-right .search-box input.search:focus {
    background: #f1f1f1
}

.app-wap-small .frame-main-explorer .frame-header .header-right .search-dropdown .form-row.item-searchContentTips .setting-title.no-title {
    display: inline-block
}

.app-wap-small .frame-main-explorer .frame-header .header-content .header-middle .btn {
    border-width: .5px
}

.app-wap-small .frame-main-explorer .frame-header .tools {
    border: none;
    min-width: inherit;
    height: 0
}

.app-wap-small .frame-main-explorer .frame-header .tools .btn {
    border-width: .5px
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right {
    margin-right: 0;
    position: absolute;
    top: -34px;
    right: 0
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .menu-file-sort-by {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .set-icon-size {
    display: none !important
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .panel-toggle {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .list-type.active {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn[data-action="set-list-split"] {
    display: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm {
    position: absolute;
    right: 5px;
    top: 5px;
    float: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm>.btn {
    padding: 7px 8px;
    margin: 0;
    border-radius: 4px;
    margin-top: -1px;
    background: none;
    border: none;
    box-shadow: none
}

.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm>.btn:active,.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm>.btn:focus {
    background: #f3f3f3
}

.app-wap-small .frame-main-explorer .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-header .tools .tools-right .btn-group-sm .list-type {
    color: #aaa
}

.app-wap-small .frame-main-explorer .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-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-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-header .search-dropdown.dialog-form .panel-form-body {
    overflow: inherit;
    padding: 5px 5px 5px 5px
}

.app-wap-small .frame-main-explorer .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-header .search-dropdown.dialog-form .panel-form-body .form-row.inline .setting-content {
    width: auto
}

.app-wap-small .frame-main-explorer .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-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 .file-select-info {
    display: none
}

.app-wap-small .frame-main-explorer .file-page {
    bottom: 8px;
    font-size: 10px
}

.app-wap-small .frame-main-explorer .file-page .my-page-box {
    border-width: .5px
}

.app-wap-small .frame-main-explorer .file-page .my-page-box .page-content .page-cover {
    display: none
}

.app-wap-small .frame-main-explorer .file-page .my-page-box .page-content .page-to {
    padding: 0 4px;
    min-width: inherit
}

.app-wap-small .frame-main-explorer .file-page .my-page-box .page-content .page-to.hidden {
    display: inline-block !important;
    visibility: visible !important
}

.app-wap-small .frame-main-explorer .file-page .my-page-box .page-info {
    border-left: none;
    margin-left: 2px;
    height: 28px;
    line-height: 28px
}

.app-wap-small .frame-main-explorer .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 .file-page .my-page-box .page-select select {
    padding: 0 13px 0 3px
}

.app-wap-small .frame-main-explorer .file-page .my-page-box .page-info-text {
    padding-left: 32px
}

.app-wap-small .frame-main-explorer .file-page .my-page-box.data-only-one-page .page-content .page-to.hiddden {
    display: none !important
}

.app-wap-small .frame-main-explorer .file-page .my-page-box.data-only-one-page .page-info-text {
    padding-left: 4px
}

.app-wap-small .frame-main-explorer .file-page.page-hide {
    display: none
}

.app-wap-small .frame-main-explorer .tools .btn-group-sm>.btn.panel-toggle {
    padding: 4px 6px 5px 6px !important;
    margin-left: 10px
}

.app-wap-small .frame-main-explorer .bodymain {
    top: 40px;
    margin-top: 0;
    -ms-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.app-wap-small .frame-main-explorer .bodymain .list-type-header {
    display: none !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer-main {
    top: 0px !important;
    padding: 0px;
    background: #fff
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list {
    padding: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .file.select:not(.drag-menu),.app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.select:not(.drag-menu) {
    background: #1890ff10
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .drag-back-menu {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #1890ff;
    opacity: .7;
    z-index: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .drag-back-menu.active {
    opacity: 1
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .drag-back-menu .font-icon {
    width: 50px;
    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 .bodymain .file-list-list .drag-back-menu .font-icon:before {
    display: table-cell;
    vertical-align: middle
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file {
    max-width: 100%;
    width: 100%;
    padding: 0;
    display: block;
    height: auto;
    border: none;
    margin: 0;
    background: #fff;
    z-index: 2
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file:after {
    content: " ";
    position: absolute;
    right: 0px;
    bottom: 0;
    left: 70px;
    height: .55px;
    background: #e6e6e6
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon {
    width: 60px;
    min-height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-left: 5px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .meta-info.app-link,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .meta-info.app-link {
    width: 14px;
    height: 14px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .meta-info.app-link .x-item-icon {
    width: 14px;
    height: 14px;
    margin-left: 15.2px;
    margin-top: 15.2px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico {
    height: 90%;
    width: 50px;
    line-height: 50px;
    display: flex;
    justify-content: center
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico .x-item-icon {
    font-size: 50px;
    width: 50px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico .x-item-icon.x-tag-label {
    height: 40px !important;
    width: 40px !important;
    margin-top: 5px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico .svg-icon {
    height: 50px;
    width: 50px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico img {
    height: auto;
    max-height: 100%
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main {
    padding: 5px 40px 5px 0px;
    min-height: 60px;
    line-height: 20px;
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row {
    display: block;
    width: 100%;
    height: initial;
    line-height: initial
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item {
    color: #aaa;
    display: inline-block;
    float: none;
    clear: both;
    padding: 0;
    margin: 0;
    position: relative;
    margin-right: 5px;
    width: auto;
    height: auto;
    line-height: 14px;
    font-size: 12px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name {
    display: block;
    color: #555;
    font-size: 15px;
    line-height: 0;
    width: inherit !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer {
    display: inline-block;
    overflow: inherit;
    line-height: 18px;
    white-space: initial
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .title {
    display: inline;
    word-break: break-word
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info {
    display: inline;
    line-height: 20px;
    text-align: left
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info .meta-icon {
    margin-left: 0px;
    position: relative;
    top: .5px;
    zoom:1;padding: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info .meta-icon .path-ico {
    margin: 0;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info .meta-icon .path-ico>.font-icon,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info .meta-icon .path-ico>svg {
    margin: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info.is-empty .meta-icon .path-ico {
    margin: 0;
    width: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info.is-empty .meta-icon .path-ico>.font-icon,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer .item-meta.meta-info.is-empty .meta-icon .path-ico>svg {
    width: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-item,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .meta-info {
    vertical-align: middle;
    line-height: 20px;
    display: inline;
    position: static
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .path-ico {
    float: none;
    position: relative;
    vertical-align: middle
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .user-info .path-ico {
    margin: 0 2px 0 5px;
    top: -3px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-item.title-type-path {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-item.title-type-ioType {
    font-weight: 800
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-type-size {
    text-align: left
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .size-content,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-count {
    float: none;
    padding: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .main-row.row-file-info .title-count.pl-5 {
    padding-left: 5px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title {
    display: inline-block;
    height: inherit !important;
    width: 100% !important;
    position: relative;
    top: 0px;
    margin: 0 !important;
    margin-bottom: -2px !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title .textarea {
    overflow: inherit;
    margin: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title .newfile {
    padding: 0;
    margin: 0;
    min-width: 100%;
    width: 100%;
    box-shadow: none;
    background: transparent;
    line-height: 18px;
    position: relative
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title .textarea:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -5px;
    bottom: -2px;
    right: -5px;
    background: #8383831c;
    border-radius: 3px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name {
    overflow: visible;
    height: auto !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .item-meta.meta-info {
    display: none !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .children-more {
    display: none !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .children-search-content {
    background: transparent;
    position: relative;
    border: none;
    margin-bottom: 0;
    width: 100%;
    padding-left: 70px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .children-search-content:before {
    content: "";
    position: absolute;
    left: 70px;
    top: 0px;
    width: 100%;
    border-top: .5px solid #77777730
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .children-search-content .search-show-more-toggle {
    margin-left: 0px;
    padding-left: 6px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .children-search-content .children-search-item {
    margin-left: 0px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu {
    height: 100%;
    padding: 0;
    width: 45px;
    text-align: center;
    right: 0;
    border-radius: 0
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu .cert {
    background: none;
    color: #ddd;
    font-size: 14px;
    opacity: 1;
    display: inline;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu:active,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu:focus {
    background: rgba(24,144,255,0.1)
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu:active .cert,.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu:focus .cert {
    color: #1890ff
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    width: auto;
    overflow: visible
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-icon,.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-add,.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-meta-fileEncodeType {
    float: none;
    margin: 0
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-label,.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-meta-fileEncodeType {
    float: none;
    margin: 0;
    padding: 2px 6px;
    vertical-align: middle;
    position: static;
    transform: scale(1);
    zoom:1;display: inline-block;
    border: none;
    box-sizing: border-box;
    height: 18px;
    font-size: 12px;
    line-height: 15px;
    margin-right: 4px;
    margin-top: -1px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-desc {
    line-height: 18px;
    vertical-align: middle;
    max-width: 120px;
    float: none;
    display: inline-block
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-desc:before {
    width: 15px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag {
    padding-right: 0px;
    font-size: 12px;
    top: 0;
    float: none;
    margin: 0;
    display: inline
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag .font-icon {
    font-size: 10px;
    margin: 0;
    position: relative;
    top: 3px;
    margin-left: 1px;
    text-shadow: none
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag .item {
    float: none;
    margin: 0;
    white-space: nowrap;
    padding: 0px 4px 0 3px;
    vertical-align: middle;
    position: relative;
    top: 0px;
    line-height: 15px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag .item:nth-child(n+6) {
    display: none
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag .item:nth-child(5) {
    margin-right: 1px !important
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .file-list-tag .name {
    max-width: 50px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .path-ico,.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .svg-icon,.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    float: none;
    margin-top: 0px;
    margin-left: 2px;
    overflow: initial
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .path-ico>.font-icon {
    position: relative;
    top: -2px;
    box-shadow: none;
    margin-left: 5px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-icon {
    margin-left: 5px;
    zoom:.9;white-space: nowrap;
    height: 20px;
    padding-right: 1px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-icon .path-ico {
    margin-top: 2px;
    box-shadow: none
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-icon .x-item-icon {
    font-size: 16px
}

.app-wap-small .frame-main-explorer .file-continer.file-list-list .file .meta-info .meta-icon .x-item-icon:before {
    position: relative;
    top: -3px
}

.app-wap-small .frame-main-explorer .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: 35px
}

.app-wap-small .frame-main-explorer .refresh-element.pull {
    visibility: visible;
    transition: none
}

.app-wap-small .frame-main-explorer .refresh-element .font-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.app-wap-small .frame-main-explorer .refresh-element .refresh-icon {
    transition: transform .3s;
    text-align: center;
    margin: 0 auto;
    width: 20px;
    height: 20px
}

.app-wap-small .frame-main-explorer .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 .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: 0px;
    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 div.frame-left,.app-wap-small .frame-main-editor div.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: 37px;
    line-height: 35px;
    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: #88888820
}

.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: 37px;
    line-height: 37px
}

.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: 37px;
    line-height: 37px
}

.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: 36px
}

.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: 35px;
    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: 37px;
    line-height: 37px
}

.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: 37px;
    line-height: 37px;
    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-right: 35px;
    margin-top: 9.5px
}

.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: 37px;
    height: 37px;
    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: 37px;
    height: 37px;
    margin: 0;
    line-height: 37px
}

.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-touch .frame-main-explorer .frame-left .ztree li span.tree_icon,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon {
    height: 24px;
    width: 24px;
    margin-top: -3px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon.ico_loading,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon.ico_loading,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon.ico_loading,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon.ico_loading {
    margin: 3px 2px 0 -1px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open:after,.app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch.noline_open:after,.app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open:after,.app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch.noline_open:after,.app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open_hover:after,.app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch.noline_open_hover:after,.app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open_hover:after,.app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch.noline_open_hover:after {
    top: -2px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico,.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 20px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico .x-item-icon,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico .x-item-icon,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico .x-item-icon,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico .x-item-icon,.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon,.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico svg,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico svg,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico svg,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico svg,.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico svg,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico svg,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico svg,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico svg {
    width: 24px;
    height: 24px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico .x-item-icon.x-tag-label,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico .x-item-icon.x-tag-label,.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label {
    width: 18px;
    height: 18px;
    top: 2px
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico img,.app-wap-touch .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico img,.app-wap-small .frame-main-explorer .frame-left .ztree li span.tree_icon .path-ico img,.app-wap-small .frame-main-editor .frame-left .ztree li span.tree_icon .path-ico img,.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico img,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico img,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico img,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico img {
    width: 24px;
    max-height: 24px
}

.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico {
    top: 7px
}

.app-wap-touch .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-touch .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label,.app-wap-small .frame-main-editor .frame-right .frame-header .header-content .header-address .path-ico .x-item-icon.x-tag-label {
    top: 3.5px
}

.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 {
    border-radius: 4px;
    margin: 0px 5px;
    box-shadow: none !important
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li .menu-item .cert:before,.app-wap-touch .frame-main-editor .frame-left .ztree li .menu-item .cert:before,.app-wap-small .frame-main-explorer .frame-left .ztree li .menu-item .cert:before,.app-wap-small .frame-main-editor .frame-left .ztree li .menu-item .cert:before {
    position: relative;
    top: -1px
}

.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,.app-wap-touch .frame-main-explorer .frame-left .ztree a.level0 span.button.switch,.app-wap-touch .frame-main-editor .frame-left .ztree a.level0 span.button.switch,.app-wap-small .frame-main-explorer .frame-left .ztree a.level0 span.button.switch,.app-wap-small .frame-main-editor .frame-left .ztree a.level0 span.button.switch {
    border-radius: 0
}

.app-wap-touch .frame-main-explorer .frame-left .ztree ul:before,.app-wap-touch .frame-main-editor .frame-left .ztree ul:before,.app-wap-small .frame-main-explorer .frame-left .ztree ul:before,.app-wap-small .frame-main-editor .frame-left .ztree ul:before,.app-wap-touch .frame-main-explorer .frame-left .ztree ul:after,.app-wap-touch .frame-main-editor .frame-left .ztree ul:after,.app-wap-small .frame-main-explorer .frame-left .ztree ul:after,.app-wap-small .frame-main-editor .frame-left .ztree ul:after {
    margin-left: -1px
}

.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.copy>.font-icon:before,.app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.copy>.font-icon:before,.app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.copy>.font-icon:before,.app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.copy>.font-icon:before,.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.copy-to>.font-icon:before,.app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.copy-to>.font-icon:before,.app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.copy-to>.font-icon:before,.app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.copy-to>.font-icon:before,.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.cute>.font-icon:before,.app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.cute>.font-icon:before,.app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.cute>.font-icon:before,.app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.cute>.font-icon:before,.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.clone>.font-icon:before,.app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.clone>.font-icon:before,.app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.clone>.font-icon:before,.app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.clone>.font-icon:before,.app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.past>.font-icon:before,.app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.past>.font-icon:before,.app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn.past>.font-icon:before,.app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn.past>.font-icon:before {
    opacity: 1 !important
}

.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: 100%;
    width: 60px
}

.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: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.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-small .file-select-sdk .explorer-select-footer {
    height: 60px;
    box-sizing: border-box;
    border-top-width: .5px
}

.app-wap-small .file-select-sdk .explorer-select-footer .select-api-input-box input {
    border-width: .5px
}

.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;
    max-width: 100px;
    overflow: hidden
}

.app-wap-small .menuBar .menu-item.this {
    background: #aaaaaa20
}

.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 .font-icon.app-icon {
    width: 20px;
    height: 20px;
    margin-top: 0
}

.app-wap-small .menuBar .menu-item .font-icon.words {
    padding: 0 0px
}

.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: 315px;
    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;
    left: calc((100vw - 315px) / 2)
}

.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;
    margin-top: 10px
}

.app-wap-small .menuBar .menu-group-user .menu-item-user .avata img {
    vertical-align: top
}

.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;
    width: auto
}

.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 .menuBar .menu-topbar .menu-item .font-icon {
    width: 20px;
    height: 30px;
    line-height: 20px;
    font-size: 20px;
    border-radius: 4px
}

.app-wap-small .menuBar .menu-topbar .menu-item .font-icon.app-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px
}

.app-wap-small .menuBar .menu-topbar .menu-item .image-icon {
    margin-top: 7px;
    margin-right: 0;
    vertical-align: top
}

.app-wap-small .menuBar .menu-topbar .menu-item .image-icon .svg-icon {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: visible
}

.app-wap-small .menuBar .menu-topbar .menu-item .title {
    vertical-align: top
}

.app-wap-small .menuBar {
    border-bottom: .5px solid #99999920;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #4bb4ff15, #00000000)
}

.app-wap-small .menuBar .logo {
    width: auto;
    min-width: 60px;
    padding: 0 0;
    max-width: 120px
}

.app-wap-small .menuBar .logo a {
    padding: 4px 4px;
    box-sizing: border-box;
    line-height: 36px
}

.app-wap-small .menuBar .menu-item .title {
    display: inline
}

.app-wap-small .menuBar .menu-item,.app-wap-small .menuBar .menu-group-submenu .menu-item {
    color: #aaa
}

.app-wap-small .menuBar .menu-item .title,.app-wap-small .menuBar .menu-group-submenu .menu-item .title {
    color: #666
}

.app-wap-small .menuBar .menu-item {
    border-left: .5px solid #99999910
}

.app-wap-small .menuBar .menu-item.this:hover,.app-wap-small .menuBar .open .menu-item:hover {
    color: #888;
    background: #99999920
}

.app-wap-small .menuBar .dropdown-menu .dropdown-menu-main {
    border: .5px solid #66666630
}

.app-style-opacity .menuBar .menu-item,.app-wap-small .app-desktop#app .menuBar .menu-item,.app-style-opacity .menuBar .menu-group-submenu .menu-item,.app-wap-small .app-desktop#app .menuBar .menu-group-submenu .menu-item {
    color: #eee
}

.app-style-opacity .menuBar .menu-item .title,.app-wap-small .app-desktop#app .menuBar .menu-item .title,.app-style-opacity .menuBar .menu-group-submenu .menu-item .title,.app-wap-small .app-desktop#app .menuBar .menu-group-submenu .menu-item .title {
    color: #fff
}

.app-style-opacity .menuBar .menu-item,.app-wap-small .app-desktop#app .menuBar .menu-item {
    border-left: .5px solid #ffffff10
}

.app-style-opacity .menuBar .menu-item.this:hover,.app-wap-small .app-desktop#app .menuBar .menu-item.this:hover,.app-style-opacity .menuBar .open .menu-item:hover,.app-wap-small .app-desktop#app .menuBar .open .menu-item:hover {
    color: #fff;
    background: #99999920
}

.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: 50;
    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.touch-left-menu-main .menu-show-toggle {
    margin: 5px 0 0 0;
    line-height: 25px
}

.app-wap-small .menu-show-parent.touch-left-menu-main .touch-left-menu {
    visibility: hidden;
    transform: translateX(-100%);
    z-index: 200;
    transition: all .25s
}

.app-wap-small .menu-show-parent.touch-left-menu-main .touch-left-menu:before {
    visibility: hidden
}

.app-wap-small .menu-show-parent.touch-left-menu-main.menu-show-open .menu-show-mask {
    visibility: visible;
    opacity: 1
}

.app-wap-small .menu-show-parent.touch-left-menu-main.menu-show-open .menu-show-mask:before {
    visibility: visible
}

.app-wap-small .menu-show-parent.touch-left-menu-main.menu-show-open .touch-left-menu {
    visibility: visible;
    transform: none
}

.app-wap-small .menu-show-parent.touch-left-menu-main.menu-show-open .touch-left-menu:before {
    visibility: visible
}

.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(-100%)
}

.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: none
}

.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(-100%);
    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: none
}

.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.item-storeType>.setting-content>span.select2-container {
    width: 100% !important
}

.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(-100%);
    -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: none
}

.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(-100%)
}

.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: none
}

.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
}

.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(-100%)
}

.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: none
}

.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
}

.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(-100%)
}

.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: none
}

.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);
    animation-name: none;
    -webkit-animation-name: none;
    animation-duration: initial;
    -webkit-animation-duration: initial
}

.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 15px 0 15px;
    margin: 0 10px;
    -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: 2px;
    border: none !important;
    box-shadow: none;
    padding: 0;
    margin: 3px 0 3px 0px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.context-menu-separator:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.context-menu-separator:before {
    content: '';
    position: absolute;
    left: 25px;
    right: 0;
    top: 0;
    height: .5px;
    background: #77777740
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.menu-add-subview+.context-menu-item.context-menu-separator:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.menu-add-subview+.context-menu-item.context-menu-separator:before {
    display: none
}

.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 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-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-submenu:after,.app-wap-small .right-menu-box .context-menu-list .context-menu-submenu:after {
    top: 9px
}

.app-wap-touch .right-menu-box .context-menu-item.context-menu-separator.hover,.app-wap-small .right-menu-box .context-menu-item.context-menu-separator.hover {
    background: none !important
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-top,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-top,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-bottom,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-bottom {
    overflow: visible
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-top:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-top:before,.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-bottom:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-bottom:before {
    left: 15px;
    right: -10px;
    border-bottom-width: .5px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-top,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-top {
    margin-top: 8px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-top:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-top:before {
    top: -4px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-bottom,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-bottom {
    margin-bottom: 8px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item.line-bottom:before,.app-wap-small .right-menu-box .context-menu-list .context-menu-item.line-bottom:before {
    bottom: -4px
}

.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,.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-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.dialog-menu-title .refresh,.app-wap-small .right-menu-box .context-menu-list.dialog-menu-title .refresh {
    display: block
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box .context-menu-list li.selected i.font-icon {
    top: -3px
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box .context-menu-list .context-menu-item.context-menu-input label {
    display: flex;
    position: relative;
    right: 10px
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box .context-menu-list .context-menu-item.context-menu-input input {
    width: 100%;
    margin-top: 3px;
    padding: 3px 15px
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box .context-menu-list.menu-view-file-mode,.app-wap-small .menu-body.menu-body-edit .right-menu-box .context-menu-list.menu-view-file-charset {
    height: 80%
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box.menu-view-goto-line {
    transition: none !important
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box.menu-view-goto-line .menu-content {
    transition: none !important
}

.app-wap-small .menu-body.menu-body-edit .right-menu-box.menu-view-goto-line .context-menu-list.menu-view-goto-line {
    transition: none !important
}

.app-wap-touch .menu-body.menu-body-edit .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input,.app-wap-small .menu-body.menu-body-edit .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 .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
}

.rightmenu-content-list .context-menu-list.more-action.body-action-more .step-10-1,.rightmenu-content-list .context-menu-list.more-action.body-action-more .fav-add,.rightmenu-content-list .context-menu-list.more-action.body-action-more .fav-remove {
    display: none !important
}

.app-wap-small .rightmenu-content-list .context-menu-list.more-action.body-action-more .step-10-1:not(.hidden),.app-wap-small .rightmenu-content-list .context-menu-list.more-action.body-action-more .fav-add:not(.hidden),.app-wap-small .rightmenu-content-list .context-menu-list.more-action.body-action-more .fav-remove:not(.hidden) {
    display: block !important
}

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-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;
    border-radius: 0 0 0 3px
}

.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: #bbb;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #ffffff15;
    border-radius: 50%;
    margin: 0px 0 0 0px;
    border: .5px solid rgba(0,0,0,0.1)
}

.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-device-pc .app-wap-small .frame-main-explorer .bodymain[list-type="list"] .file-continer-main {
    top: 0
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .title-item.title-type-name {
    font-size: 14px
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title .newfile {
    height: 21px
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .item-select,.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .item-menu {
    display: none !important
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file.file-icon-edit .file-content-main .title-item.title-type-name .title {
    top: 0px;
    margin: 0 !important;
    margin-bottom: -1.5px !important
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file:after {
    display: none
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file,.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-icon .file {
    background: #cce8ff;
    box-shadow: 0 0 0 1px #a8d8ff
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file .item-select {
    display: block !important
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file .item-menu .cert {
    color: #1890ff
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right-main .tools-left {
    display: none
}

.dark-mode.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file,.dark-mode.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-icon .file {
    background: #444;
    box-shadow: 0 0 0 1px #666
}

.dark-mode.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-list .file .file-content-main .title-item.title-type-name,.dark-mode.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-draging-box .file-list-icon .file .file-content-main .title-item.title-type-name {
    color: #ddd
}

.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);
    -webkit-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-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    padding: 3px 3px 8px 3px;
    margin-left: -3px
}

.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 .share-page-main .dialog-simple.movie-player-dialog {
    position: sticky !important;
    width: 100% !important
}

.app-share-file-show .share-page-main .dialog-simple.movie-player-dialog .aui-title {
    margin-right: 2px
}

.app-share-file-show .share-page-main .dialog-simple.movie-player-dialog .aui-title-bar .aui-btn-box {
    display: none !important
}

.app-share-file-show .share-page-main .dialog-simple.music-player-dialog {
    position: sticky !important;
    width: 320px;
    margin-top: 10px
}

.app-share-file-show .share-page-main .dialog-simple.music-player-dialog .aui-title {
    display: none !important
}

.app-share-file-show .share-page-main .dialog-simple.music-player-dialog .aui-title-bar .aui-btn-box {
    display: none !important
}

.app-share-file-show .share-page-main .dplayer-dialog .aui-min,.app-share-file-show .share-page-main .dplayer-dialog .aui-close {
    display: none !important
}

.app-share-file-show .share-page-main .dplayer-dialog.dialog-max .aui-header {
    top: 0 !important;
    z-index: 9999
}

.app-share-file-show .share-page-main .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 .share-page-main .dplayer-dialog.dialog-max .dplayer {
    box-shadow: none
}

.app-share-file-show .share-page-main.app-wap-small .dplayer-dialog.dialog-max .aui-header {
    top: 0 !important;
    z-index: 9999
}

.app-share-file-show .share-page-main.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 .share-page-main.app-wap-small .dplayer-dialog.dialog-max .dplayer {
    box-shadow: none
}

.app-share-file-show .share-page-main .music-player-dialog .aui-min,.app-share-file-show .share-page-main .music-player-dialog .aui-close,.app-share-file-show .share-page-main .music-player-dialog .aui-max {
    display: none !important
}

.app-share-file-show .share-page-main .music-player-dialog.dialog-max {
    top: 107px !important;
    bottom: 32px !important;
    height: inherit !important
}

.app-share-file-show .share-page-main .music-player-dialog.dialog-max .aui-header {
    top: 107px !important;
    z-index: 9999
}

.app-share-file-show .share-page-main .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 .share-page-main .music-player-dialog.dialog-max .player-bg {
    border-radius: 0
}

.app-share-file-show .share-page-main .music-player-dialog.dialog-max .jPlayer-music {
    box-shadow: none;
    min-height: inherit !important
}

.app-share-file-show .share-page-main .music-player-dialog .jPlayer-music .play-list .item .action-right {
    display: none !important
}

.app-share-file-show .share-page-main.app-wap-small .dialog-max.music-player-dialog {
    top: 107px !important;
    bottom: 32px !important;
    height: inherit !important
}

.app-share-file-show .share-page-main.app-wap-small .dialog-max.music-player-dialog .aui-header {
    top: 107px !important;
    z-index: 9999
}

.app-share-file-show .share-page-main.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 .share-page-main.app-wap-small .dialog-max.music-player-dialog .player-bg {
    border-radius: 0
}

.app-share-file-show .share-page-main.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 .share-page-main {
        width:100%;
        left: 0px
    }

    .app-share-file-show .share-page-main .dplayer-dialog.dialog-max .aui-header {
        top: 0 !important;
        z-index: 9999
    }

    .app-share-file-show .share-page-main .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 .share-page-main .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: 74px
    }

    .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;
        border-width: .5px;
        -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 .dark-mode-toggle span.desc {
        right: 8px;
        top: 8px
    }

    .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: 10px 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: 43.5px;
        height: 44px;
        line-height: 42px;
        background: rgba(150,150,150,0.05);
        font-size: 20px;
        border-left: .5px solid rgba(150,150,150,0.1);
        border-bottom: .5px 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
    }

    .share-page-main .content-box.content-show .common-main.address-header {
        top: 35px
    }
}

.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: 74px
}

.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;
    border-width: .5px;
    -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 .dark-mode-toggle span.desc {
    right: 8px;
    top: 8px
}

.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: 10px 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: 43.5px;
    height: 44px;
    line-height: 42px;
    background: rgba(150,150,150,0.05);
    font-size: 20px;
    border-left: .5px solid rgba(150,150,150,0.1);
    border-bottom: .5px 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: 10px 5% 50px 5%;
    border: none
}

.app-wap-small .share-page-main .content-box .markdown-preview table td,.app-wap-small .share-page-main .content-box .markdown-preview table th {
    border-width: .7px
}

.app-wap-small .share-page-main .close-common-side {
    background: none;
    width: 43px;
    transition: all .2s
}

.app-wap-small .share-page-main .close-common-side:hover {
    background: none
}

.app-wap-small .share-page-main .close-common-side:active {
    background: #99999920
}

.app-wap-small .share-page-main .common-header .topbar {
    background-image: linear-gradient(180deg, #4bb4ff15, #00000000)
}

.app-wap-small .share-page-main .common-header .topbar .content .topbar-menu.title {
    font-size: 16px;
    width: inherit;
    padding: 0 6px;
    border-right: .5px solid #99999920
}

.app-wap-small .share-page-main .common-header .topbar .content .top-right .topbar-menu {
    border: none;
    border-left: .5px solid #99999920;
    transition: all .2s
}

.app-wap-small .share-page-main .common-header .topbar .content .top-right .topbar-menu:hover {
    background: none
}

.app-wap-small .share-page-main .common-header .topbar .content .top-right .topbar-menu:active {
    background: #99999920
}

.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;
    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%;
    border: none
}

.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: 40px;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: hidden;
    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,.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p.line-bottom,.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .info-group .group-header:before {
    border-bottom: .5px solid #77777740
}

.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 .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 .menuBar .dropdown-menu .dropdown-menu-main,.not-support-blur .menuBar:before,.not-support-blur .menuBar.menubar-desktop:before,.not-support-blur #app.app-style-opacity .menuBar:before,.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-wap-touch .frame-main-explorer .bodymain .refresh-element,.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
}

.not-support-blur .menuBar .dropdown-menu .dropdown-menu-main,.not-support-blur .artDialog.dialog-blur .aui-outer,.not-support-blur .dialog-bg-blur .aui-border,.not-support-blur.app-wap-touch .frame-main-explorer .bodymain .refresh-element,.not-support-blur .setting-page .setting-menu-left,.not-support-blur .dialog-copyright .dialog-copyright-content,.not-support-blur .check-version-dialog .aui-content {
    background: #fffffff6
}

.dark-mode .not-support-blur .menuBar .dropdown-menu .dropdown-menu-main,.dark-mode .not-support-blur .artDialog.dialog-blur .aui-outer,.dark-mode .not-support-blur .dialog-bg-blur .aui-border,.dark-mode .not-support-blur.app-wap-touch .frame-main-explorer .bodymain .refresh-element,.dark-mode .not-support-blur .setting-page .setting-menu-left,.dark-mode .not-support-blur .dialog-copyright .dialog-copyright-content,.dark-mode .not-support-blur .check-version-dialog .aui-content {
    background: #000000e6
}

.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-list-icon .file .item-menu .cert,.app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-icon .file .item-menu .cert {
    line-height: 22px
}

.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: #cce8ff !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: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 #a8d8ff
}

.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 .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 .bodymain .file-continer.file-list-list .file .item-menu:hover .cert {
    color: #1890ff
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-select {
    padding: 0;
    right: 0;
    left: unset;
    width: 60px;
    right: 40px;
    height: 100%;
    top: 0
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-select .item-check {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.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-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__rail-x .ps__thumb-x,.dark-common .ps__rail-y .ps__thumb-x,.dark-common .ps__rail-x .ps__thumb-y,.dark-common .ps__rail-y .ps__thumb-y {
    background-color: rgba(250,250,250,0.4)
}

.dark-common .ps__rail-x:hover,.dark-common .ps__rail-y:hover,.dark-common .ps__rail-x:focus,.dark-common .ps__rail-y:focus {
    background-color: rgba(250,250,250,0.1)
}

.dark-common .ps__rail-x.ps--clicking,.dark-common .ps__rail-y.ps--clicking {
    background-color: rgba(250,250,250,0.15)
}

.dark-common .ps__rail-x:hover .ps__thumb-x,.dark-common .ps__rail-y:hover .ps__thumb-x,.dark-common .ps__rail-x:focus .ps__thumb-x,.dark-common .ps__rail-y:focus .ps__thumb-x,.dark-common .ps__rail-x:hover .ps__thumb-y,.dark-common .ps__rail-y:hover .ps__thumb-y,.dark-common .ps__rail-x:focus .ps__thumb-y,.dark-common .ps__rail-y:focus .ps__thumb-y {
    background-color: rgba(250,250,250,0.5)
}

.dark-common .ps__rail-x.ps--clicking .ps__thumb-x,.dark-common .ps__rail-y.ps--clicking .ps__thumb-x,.dark-common .ps__rail-x.ps--clicking .ps__thumb-y,.dark-common .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(250,250,250,0.65)
}

.dark-mode .app-share-file-show .header-address-content {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title,.app-wap-small .dark-mode.dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .frame-main-editor {
    height: 100%;
    width: 100%;
    background: #262626
}

.dark-mode .frame-main-editor .ztree li a.curSelectedNode {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.25)
}

.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 .menu-body.menu-body-edit .context-menu-list .context-menu-item,.menu-body .rightmenu-content-list.dark-mode .context-menu-list .context-menu-item {
    color: #ddd
}

.dark-mode .menu-body.menu-body-edit .context-menu-item.context-menu-input input,.menu-body .rightmenu-content-list.dark-mode .context-menu-item.context-menu-input input {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .menu-body.menu-body-edit .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input,.menu-body .rightmenu-content-list.dark-mode .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input {
    background: #262626;
    border-color: #454545
}

.dark-mode .menu-body.menu-body-edit .right-menu-box .context-menu-list:before,.menu-body .rightmenu-content-list.dark-mode .right-menu-box .context-menu-list:before {
    background: #454545
}

.dark-mode .menu-body.menu-body-edit .right-menu-box .menu-content .item-cancle,.menu-body .rightmenu-content-list.dark-mode .right-menu-box .menu-content .item-cancle,.dark-mode .menu-body.menu-body-edit .right-menu-box .menu-content .item-back,.menu-body .rightmenu-content-list.dark-mode .right-menu-box .menu-content .item-back {
    background: #262626;
    border-top-color: #303030;
    color: #ddd
}

.app-wap-small .app-main.dark-mode .frame-main-editor .frame-left,.app-wap-small .dark-mode.artDialog .frame-main-editor .frame-left {
    background: #262626
}

.app-wap-small .app-main.dark-mode .frame-main-editor .frame-left .ztree li a .menu-item,.app-wap-small .dark-mode.artDialog .frame-main-editor .frame-left .ztree li a .menu-item {
    background: transparent;
    color: #303030
}

.dark-mode .edit-main {
    background: #262626
}

.dark-mode .edit-main .code-toolbar {
    background: #444
}

.dark-mode .edit-main .hljs {
    background: #23241f;
    color: #f8f8f2
}

.dark-mode .edit-main .hljs-tag,.dark-mode .edit-main .hljs-subst {
    color: #f8f8f2
}

.dark-mode .edit-main .hljs-strong,.dark-mode .edit-main .hljs-emphasis {
    color: #a8a8a2
}

.dark-mode .edit-main .hljs-bullet,.dark-mode .edit-main .hljs-quote,.dark-mode .edit-main .hljs-number,.dark-mode .edit-main .hljs-regexp,.dark-mode .edit-main .hljs-literal,.dark-mode .edit-main .hljs-link {
    color: #ae81ff
}

.dark-mode .edit-main .hljs-code,.dark-mode .edit-main .hljs-title,.dark-mode .edit-main .hljs-section,.dark-mode .edit-main .hljs-selector-class {
    color: #a6e22e
}

.dark-mode .edit-main .hljs-strong {
    font-weight: bold
}

.dark-mode .edit-main .hljs-emphasis {
    font-style: italic
}

.dark-mode .edit-main .hljs-keyword,.dark-mode .edit-main .hljs-selector-tag,.dark-mode .edit-main .hljs-name,.dark-mode .edit-main .hljs-attr {
    color: #f92672
}

.dark-mode .edit-main .hljs-symbol,.dark-mode .edit-main .hljs-attribute {
    color: #66d9ef
}

.dark-mode .edit-main .hljs-params,.dark-mode .edit-main .hljs-title.class_,.dark-mode .edit-main .hljs-class .hljs-title {
    color: #f8f8f2
}

.dark-mode .edit-main .hljs-string,.dark-mode .edit-main .hljs-type,.dark-mode .edit-main .hljs-built_in,.dark-mode .edit-main .hljs-selector-id,.dark-mode .edit-main .hljs-selector-attr,.dark-mode .edit-main .hljs-selector-pseudo,.dark-mode .edit-main .hljs-addition,.dark-mode .edit-main .hljs-variable,.dark-mode .edit-main .hljs-template-variable {
    color: #e6db74
}

.dark-mode .edit-main .hljs-comment,.dark-mode .edit-main .hljs-deletion,.dark-mode .edit-main .hljs-meta {
    color: #75715e
}

.dark-mode .edit-main .hljs-comment {
    font-style: normal
}

.dark-mode .edit-main .hljs-section,.dark-mode .edit-main .hljs-selector-id,.dark-mode .edit-main .hljs-title {
    font-weight: normal
}

.dark-mode .edit-main .hljs-title.class_ {
    color: #fc0;
    font-weight: 600
}

.dark-mode .edit-main .hljs-keyword {
    color: #c678dd;
    font-weight: 600
}

.dark-mode .edit-main .hljs-params,.dark-mode .edit-main .hljs-variable {
    color: #f80
}

.dark-mode .edit-main div .hljs {
    background: #23241f
}

.dark-mode .edit-main .hljs ul {
    background: inherit
}

.dark-mode .edit-main .hljs ul:before {
    background: rgba(80,80,80,0.5)
}

.dark-mode .edit-main .hljs ul li:nth-of-type(even) {
    background: rgba(150,150,150,0.015)
}

.dark-mode .edit-main .hljs ul li:hover,.dark-mode .edit-main .hljs ul li:active {
    background: rgba(150,150,150,0.05)
}

.dark-mode .edit-main .cal-toolbar a {
    color: #ddd
}

.dark-mode .edit-main .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 {
    box-shadow: none;
    border-bottom-color: #3a3a3a;
    background: #303030
}

.dark-mode .edit-main div.tools .right .btn {
    border-color: #3a3a3a;
    background: #303030;
    color: #ddd
}

.dark-mode .edit-main div.tools .right .btn:hover,.dark-mode .edit-main div.tools .right .btn:active,.dark-mode .edit-main div.tools .right .btn:focus {
    background: #3a3a3a
}

.dark-mode .edit-main div.tools .line {
    border-color: #454545
}

.dark-mode .edit-main div.tools a.context-menu-active,.dark-mode .edit-main div.tools a.context-menu-active:hover,.dark-mode .edit-main div.tools a.select,.dark-mode .edit-main div.tools a.select:hover,.dark-mode .edit-main div.tools a:active,.dark-mode .edit-main div.tools a:hover {
    background: #454545
}

.dark-mode .edit-main div.tools a .font-icon {
    color: #ddd;
    text-shadow: none
}

.dark-mode .edit-main div.tools .disable-mask {
    background: #3d3d3d
}

.dark-mode .edit-main .edit-tab .tabs {
    background: #262626;
    border-bottom: 1px solid #3a3a3a
}

.dark-mode .edit-main .edit-tab .tabs .tab {
    background: #3a3a3a;
    border-color: #454545;
    color: #ddd
}

.dark-mode .edit-main .edit-tab .tabs .close {
    text-shadow: none;
    color: #ddd
}

.dark-mode .edit-main .edit-tab .tabs .tab.hover {
    background: #454545
}

.dark-mode .edit-main .edit-tab .tabs .add {
    background: #454545;
    border-color: #262626;
    color: #ddd
}

.dark-mode .edit-main .edit-tab .tabs .add:hover,.dark-mode .edit-main .edit-tab .tabs .add:active {
    background: #4f4f4f
}

.dark-mode .edit-main .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 {
    background: #262626
}

.dark-mode .edit-main .draggable-dragging {
    background: #454545;
    border-left: 3px solid #63acff
}

.dark-mode .edit-main .edit-content .resize {
    background-color: #ddd;
    background-color: rgba(255,255,255,0.01)
}

.dark-mode .edit-main .edit-content .resize:hover,.dark-mode .edit-main .edit-content .resize:active,.dark-mode .edit-main .edit-content .resize:focus {
    background-color: #ddd;
    background-color: rgba(255,255,255,0.1)
}

.dark-mode .edit-main .edit-content .resize.resize-active {
    background-color: #ddd;
    background-color: rgba(255,255,255,0.3)
}

.dark-mode .edit-main .edit-right-frame {
    background: #262626;
    border-left-color: #454545
}

.dark-mode .edit-main .edit-right-frame .function-list-parent {
    background: #262626
}

.dark-mode .edit-main .edit-right-frame .function-list-box .list-row {
    color: #ddd
}

.dark-mode .edit-main .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 {
    background: #63acff
}

.dark-mode .edit-main .edit-right-frame .function-list-box .list-row.mark,.dark-mode .edit-main .edit-right-frame .function-list-box .list-row.class {
    background: #454545
}

.dark-mode .edit-main .edit-right-frame .function-list-tool {
    border-bottom-color: #303030
}

.dark-mode .edit-main .edit-right-frame .function-list-tool .box {
    background: #262626;
    color: #ddd;
    border: none
}

.dark-mode .edit-main .edit-right-frame .function-list-tool .box a {
    padding: 0px 6px
}

.dark-mode .edit-main .edit-right-frame .function-list-tool .box a:hover,.dark-mode .edit-main .edit-right-frame .function-list-tool .box a:active,.dark-mode .edit-main .edit-right-frame .function-list-tool .box a:focus {
    border-color: #4f4f4f
}

.dark-mode .edit-main .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 .function-list-tool .input-content input:focus {
    box-shadow: none
}

.dark-mode .edit-main .edit-right-frame .function-search input {
    color: #ddd;
    border-color: #454545;
    background: #3a3a3a
}

.dark-mode .edit-main .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 {
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools:hover,.dark-mode .edit-main .edit-right-frame .preview-markdown-tool .toolbar .md-tools:active,.dark-mode .edit-main .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 {
    color: #4f4f4f
}

.dark-mode .edit-main .edit-right-frame .markdown-help {
    border-color: #454545;
    background: #3a3a3a;
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .markdown-help h3 {
    border-color: #4f4f4f
}

.dark-mode .edit-main .edit-right-frame .markdown-help h5 {
    border-color: #4f4f4f
}

.dark-mode .edit-main .edit-right-frame .markdown-help pre {
    background: #4f4f4f;
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .markdown-menu-box {
    background: #3a3a3a;
    color: #ddd;
    border-color: #454545
}

.dark-mode .edit-main .edit-right-frame .markdown-menu-box h3 {
    border-color: #4f4f4f
}

.dark-mode .edit-main .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 {
    background: #4f4f4f
}

.dark-mode .edit-main .edit-right-frame .markdown-setting {
    border-color: #454545;
    background: #3a3a3a;
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .markdown-setting ul li.line {
    height: 1px;
    background: #454545
}

.dark-mode .edit-main .edit-right-frame .markdown-setting ul a,.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:visited {
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .markdown-setting ul a i {
    color: #ddd
}

.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:hover,.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:active,.dark-mode .edit-main .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,.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:active i,.dark-mode .edit-main .edit-right-frame .markdown-setting ul a:focus i {
    color: #ddd
}

.dark-mode .edit-main .bottom-toolbar a {
    color: #ddd
}

.dark-mode .edit-main .bottom-toolbar a .font-icon {
    color: #ddd
}

.dark-mode .edit-main .bottom-toolbar a.context-menu-active,.dark-mode .edit-main .bottom-toolbar a.context-menu-active:hover,.dark-mode .edit-main .bottom-toolbar a:hover,.dark-mode .edit-main .bottom-toolbar a:active {
    color: #ddd;
    background: #ffffff10
}

.dark-mode .edit-main .bottom-toolbar a.select {
    background: #ffffff10;
    color: #ddd
}

.dark-mode .edit-main .search-content {
    background: #262626
}

.dark-mode .edit-main .search-content .ace_search {
    background-color: #3a3a3a;
    border-color: #454545;
    color: #ddd
}

.dark-mode .edit-main .search-content .ace_search .ace_button {
    border: 1px solid #454545;
    color: #ddd
}

.dark-mode .edit-main .search-content .ace_search .ace_button:hover,.dark-mode .edit-main .search-content .ace_search .ace_button:active,.dark-mode .edit-main .search-content .ace_search .ace_button:focus {
    background-color: #454545
}

.dark-mode .edit-main .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 {
    background-color: #303030;
    border: 1px solid #454545;
    color: #ddd
}

.dark-mode .edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info {
    color: #f66
}

.dark-mode .edit-main .search-content .ace_search .btn-background {
    background: #3a3a3a;
    border-color: #454545;
    color: #ddd
}

.dark-mode .edit-main .search-content .ace_search .btn-background-hover {
    background: #454545;
    border-color: #4f4f4f
}

.dark-mode .edit-main .search-content .ace_search .ace_searchbtn,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn {
    background: #3a3a3a;
    border-color: #454545;
    color: #ddd
}

.dark-mode .edit-main .search-content .ace_search .ace_searchbtn:hover,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn:hover,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn:active,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn:active,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn:focus,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn:focus {
    background: #454545;
    border-color: #4f4f4f
}

.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next,.dark-mode .edit-main .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,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:hover,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next:active,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:active,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.next:focus,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.next:focus {
    background: #454545;
    border-color: #4f4f4f
}

.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev,.dark-mode .edit-main .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,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:hover,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev:active,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:active,.dark-mode .edit-main .search-content .ace_search .ace_searchbtn.prev:focus,.dark-mode .edit-main .search-content .ace_search .ace_replacebtn.prev:focus {
    background: #454545;
    border-color: #4f4f4f
}

.dark-mode .edit-main .introduction {
    background: #303030;
    top: 59px
}

.dark-mode .edit-main .introduction pre {
    background: #303030;
    border-bottom: 1px solid #3a3a3a
}

.dark-mode .edit-main .introduction .tips h1 {
    border-bottom: 1px dashed #303030
}

.dark-mode .edit-main .introduction .green {
    border-left: 1px solid #303030
}

.dark-mode .edit-main .code-mode-list {
    background: #3a3a3a;
    color: #ddd
}

.dark-mode .edit-main .code-mode-list li.list-input {
    background: #3a3a3a
}

.dark-mode .edit-main .code-mode-list li.list-input input {
    color: #ddd;
    background: #4f4f4f;
    border-color: #3a3a3a
}

.dark-mode .edit-main .code-mode-list li.selected,.dark-mode .edit-main .code-mode-list li.selected.hover,.dark-mode .edit-main .code-mode-list li.hover {
    background: #4f4f4f;
    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.disable:hover,.dark-mode .btn-group>.btn.btn-default.disable:hover,.dark-mode .btn-group-sm>.btn.btn-default.disable:hover {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.07)
}

.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 .menu-item .title {
    color: #fff
}

.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-language li.this {
    color: #fff
}

.dark-mode .menuBar .menu-dropdown-notice .content li .time {
    color: #ffffff60
}

.dark-mode .menuBar .menu-dropdown-notice .content li {
    border-bottom-color: #262626
}

.dark-mode .menuBar .menu-dropdown-notice .content li:hover {
    background-color: #303030
}

.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-color: #262626 !important;
    box-shadow: 4px 5px 10px rgba(255,255,255,0.04),0 0 0 .6px 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.1)
}

.dark-mode .context-menu-list .context-menu-item span.context-menu-accesskey {
    color: #777
}

.dark-mode .context-menu-list .context-menu-item span.context-menu-accesskey i {
    color: #666
}

.dark-mode .group-tag-edit-body .group-tag-view .item.add-tag input,.dark-mode .context-menu-item.file-tag-view .item.add-tag input {
    border-color: rgba(255,255,255,0.17)
}

.dark-mode .group-tag-edit-body .group-tag-view .item.add-tag input:hover,.dark-mode .context-menu-item.file-tag-view .item.add-tag input:hover,.dark-mode .group-tag-edit-body .group-tag-view .item.add-tag input:active,.dark-mode .context-menu-item.file-tag-view .item.add-tag input:active,.dark-mode .group-tag-edit-body .group-tag-view .item.add-tag input:focus,.dark-mode .context-menu-item.file-tag-view .item.add-tag input:focus {
    border-color: rgba(255,255,255,0.25)
}

.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:after {
    border-color: rgba(255,255,255,0.1)
}

.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 .content .list-table.is-dragging-view .list-row.is-dragging {
    background: rgba(255,255,255,0.1)
}

.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: none;
    color: inherit
}

.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 .process-title,.dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-message,.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 .label-grey-deep {
    background: #919191;
    border-color: #7d7d7d;
    color: #fff
}

.dark-mode .label-grey-normal {
    background: #5a5a5a;
    border-color: #464646;
    color: #fff
}

.dark-mode .label-grey-light {
    background: #404040;
    border-color: #2c2c2c;
    color: #fff
}

.dark-mode .ps__rail-x .ps__thumb-x,.dark-mode .ps__rail-y .ps__thumb-x,.dark-mode .ps__rail-x .ps__thumb-y,.dark-mode .ps__rail-y .ps__thumb-y {
    background-color: rgba(250,250,250,0.4)
}

.dark-mode .ps__rail-x:hover,.dark-mode .ps__rail-y:hover,.dark-mode .ps__rail-x:focus,.dark-mode .ps__rail-y:focus {
    background-color: rgba(250,250,250,0.1)
}

.dark-mode .ps__rail-x.ps--clicking,.dark-mode .ps__rail-y.ps--clicking {
    background-color: rgba(250,250,250,0.15)
}

.dark-mode .ps__rail-x:hover .ps__thumb-x,.dark-mode .ps__rail-y:hover .ps__thumb-x,.dark-mode .ps__rail-x:focus .ps__thumb-x,.dark-mode .ps__rail-y:focus .ps__thumb-x,.dark-mode .ps__rail-x:hover .ps__thumb-y,.dark-mode .ps__rail-y:hover .ps__thumb-y,.dark-mode .ps__rail-x:focus .ps__thumb-y,.dark-mode .ps__rail-y:focus .ps__thumb-y {
    background-color: rgba(250,250,250,0.5)
}

.dark-mode .ps__rail-x.ps--clicking .ps__thumb-x,.dark-mode .ps__rail-y.ps--clicking .ps__thumb-x,.dark-mode .ps__rail-x.ps--clicking .ps__thumb-y,.dark-mode .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(250,250,250,0.65)
}

.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,.dark-mode .aui-outer .aui-max,.dark-mode .aui-outer .aui-close {
    color: #fff;
    text-shadow: 0 0 #fff,0 .5px #fff,1px 1px 0 rgba(0,0,0,0.5)
}

.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 {
    color: #f7f7f7;
    background-color: rgba(255,255,255,0.07)
}

.dark-mode .aui-outer .aui-close:hover,.dark-mode .aui-outer .aui-close:active {
    background: #f30
}

.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 .artDialog.dialog-prompt-box input {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1)
}

.dark-mode .artDialog.dialog-prompt-box input:hover,.dark-mode .artDialog.dialog-prompt-box input:active,.dark-mode .artDialog.dialog-prompt-box input:focus {
    border-color: #1890ff
}

.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 .7px 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 .7px rgba(255,255,255,0.17),0 0 0 4px 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-view-dialog .tag-edit-body .content {
    border-color: rgba(255,255,255,0.07)
}

.dark-mode .tag-view-dialog .tag-edit-body .header .line {
    border-color: rgba(255,255,255,0.1)
}

.dark-mode .tag-view-dialog .tag-edit-body .content .item {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.04)
}

.dark-mode .tag-view-dialog .tag-edit-body .content .item:hover,.dark-mode .tag-view-dialog .tag-edit-body .content .item.current {
    background: rgba(255,255,255,0.17);
    border-color: rgba(255,255,255,0.07)
}

.dark-mode .tag-view-dialog .tag-edit-body .content .item:hover:after {
    opacity: 0
}

.dark-mode .tag-view-dialog .tag-edit-body .content .item .drag-item {
    background: none
}

.dark-mode .tag-view-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,.dark-mode .zip-view-dialog .zip-view-content .zip-header-bg {
    background: #3a3a3a;
    border-color: #454545
}

.dark-mode .zip-view-dialog .zip-view-content .zip-header-title .item span,.dark-mode .zip-view-dialog .zip-view-content .zip-header-bg .item span {
    border-color: #454545
}

.dark-mode .zip-view-dialog .zip-view-content .ztree li a {
    background: transparent
}

.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 .item-content {
    background: #303030
}

.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode):hover .item-content,.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode):active .item-content,.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode).odd:hover .item-content,.dark-mode .zip-view-dialog .zip-view-content .ztree li a:not(.curSelectedNode).odd:active .item-content {
    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 .list-page {
    background: rgba(255,255,255,0.1)
}

.dark-mode .client-sync-box .dialog-tab-content .progress {
    background: rgba(255,255,255,0.05)
}

.dark-mode .client-sync-box .dialog-tab-content .progress .progress-bar {
    background: rgba(255,255,255,0.2)
}

.dark-mode .client-sync-box .sync-action .status-info-box {
    background: rgba(255,255,255,0.17)
}

.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 .client-sync-box .sync-action .status-type {
    height: 48px;
    margin-top: 6px
}

.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);
    background: none
}

.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
}

.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: #1890ff
}

.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 .file-list-list .file .meta-info .meta-label,.dark-mode .file-list-split .file .meta-info .meta-label {
    color: #ffffffd0
}

.dark-mode .file-list-list .file .meta-info .meta-label.history-count,.dark-mode .file-list-split .file .meta-info .meta-label.history-count {
    color: #ff9800
}

.dark-mode .file-list-list .file.file-search-match .title-type-name .title {
    color: #fff
}

.dark-mode .file-list-list .file.file-search-match .search-match-content .match-text {
    color: #ffffff60
}

.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);
    -webkit-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-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: #ffffff40
}

.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: transparent;
    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.04);
    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: #303030;
    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: #454545;
    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 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: #88888810
}

.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 .code-toolbar {
    background: #444
}

.dark-mode .markdown-preview .hljs {
    background: #23241f;
    color: #f8f8f2
}

.dark-mode .markdown-preview .hljs-tag,.dark-mode .markdown-preview .hljs-subst {
    color: #f8f8f2
}

.dark-mode .markdown-preview .hljs-strong,.dark-mode .markdown-preview .hljs-emphasis {
    color: #a8a8a2
}

.dark-mode .markdown-preview .hljs-bullet,.dark-mode .markdown-preview .hljs-quote,.dark-mode .markdown-preview .hljs-number,.dark-mode .markdown-preview .hljs-regexp,.dark-mode .markdown-preview .hljs-literal,.dark-mode .markdown-preview .hljs-link {
    color: #ae81ff
}

.dark-mode .markdown-preview .hljs-code,.dark-mode .markdown-preview .hljs-title,.dark-mode .markdown-preview .hljs-section,.dark-mode .markdown-preview .hljs-selector-class {
    color: #a6e22e
}

.dark-mode .markdown-preview .hljs-strong {
    font-weight: bold
}

.dark-mode .markdown-preview .hljs-emphasis {
    font-style: italic
}

.dark-mode .markdown-preview .hljs-keyword,.dark-mode .markdown-preview .hljs-selector-tag,.dark-mode .markdown-preview .hljs-name,.dark-mode .markdown-preview .hljs-attr {
    color: #f92672
}

.dark-mode .markdown-preview .hljs-symbol,.dark-mode .markdown-preview .hljs-attribute {
    color: #66d9ef
}

.dark-mode .markdown-preview .hljs-params,.dark-mode .markdown-preview .hljs-title.class_,.dark-mode .markdown-preview .hljs-class .hljs-title {
    color: #f8f8f2
}

.dark-mode .markdown-preview .hljs-string,.dark-mode .markdown-preview .hljs-type,.dark-mode .markdown-preview .hljs-built_in,.dark-mode .markdown-preview .hljs-selector-id,.dark-mode .markdown-preview .hljs-selector-attr,.dark-mode .markdown-preview .hljs-selector-pseudo,.dark-mode .markdown-preview .hljs-addition,.dark-mode .markdown-preview .hljs-variable,.dark-mode .markdown-preview .hljs-template-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-comment {
    font-style: normal
}

.dark-mode .markdown-preview .hljs-section,.dark-mode .markdown-preview .hljs-selector-id,.dark-mode .markdown-preview .hljs-title {
    font-weight: normal
}

.dark-mode .markdown-preview .hljs-title.class_ {
    color: #fc0;
    font-weight: 600
}

.dark-mode .markdown-preview .hljs-keyword {
    color: #c678dd;
    font-weight: 600
}

.dark-mode .markdown-preview .hljs-params,.dark-mode .markdown-preview .hljs-variable {
    color: #f80
}

.dark-mode .markdown-preview div .hljs {
    background: #23241f
}

.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(150,150,150,0.015)
}

.dark-mode .markdown-preview .hljs ul li:hover,.dark-mode .markdown-preview .hljs ul li:active {
    background: rgba(150,150,150,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 .header-address-content a:hover {
    background: #4d4d4d
}

.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 .kod-select-main .kod-select .placeholder {
    color: #fff
}

.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 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.form-codeEditor .setting-content>textarea,.dark-mode .form-box .form-row.form-htmlEditor .setting-content>textarea,.dark-mode .form-box .form-row.form-textarea textarea {
    color: #ddd;
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.07)
}

.dark-mode .form-box .form-row.form-codeEditor .setting-content>textarea:focus,.dark-mode .form-box .form-row.form-htmlEditor .setting-content>textarea:focus,.dark-mode .form-box .form-row.form-textarea textarea:focus {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.07)
}

.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.btn:hover,.dark-mode .form-box .form-row .setting-content .input-title-right.btn:hover,.dark-mode .form-box .form-row .setting-content .input-title-left.kui-btn:hover,.dark-mode .form-box .form-row .setting-content .input-title-right.kui-btn: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,.dark-mode .form-box .form-row.form-row-auth-check label.select {
    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: #303030;
    border-color: #3a3a3a;
    color: #c4c4c4
}

.dark-mode .form-box .form-row.form-button .setting-content .btn.btn-default:hover,.dark-mode .form-box .form-row.form-button .setting-content .btn.btn-default.active {
    background: #3a3a3a;
    border-color: #454545;
    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: #3a3a3a
}

.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 .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-selection--single,.dark-mode span.select2-container--classic .select2-selection--single {
    background: linear-gradient(to bottom, #ffffff09, #ffffff06)
}

.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--single:active,.dark-mode span.select2-container--classic .select2-selection--single:active,.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: linear-gradient(to bottom, #ffffff1a, #ffffff10)
}

.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 .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: #1c1c1c
}

.dark-mode div.tox .tox-editor-header .tox-tbtn--select.tox-tbtn--bespoke {
    border-color: #303030
}

.dark-mode div.tox .tox-editor-header {
    border-color: #303030
}

.dark-mode div.tox .tox-toolbar__group {
    border-color: #303030 !important
}

.dark-mode div.tox .tox-edit-area__iframe {
    background: #1c1c1c
}

.dark-mode div.tox .tox-statusbar {
    border-color: #303030;
    background: #262626
}

.dark-mode div.tox .tox-statusbar a,.dark-mode div.tox .tox-statusbar button {
    color: #ddd
}

.dark-mode div.tox .tox-statusbar button {
    border-color: #3a3a3a;
    background: #1c1c1c
}

.dark-mode div.tox .tox-tbtn--disabled,.dark-mode div.tox .tox-tbtn:disabled,.dark-mode div.tox .tox-tbtn--disabled:hover,.dark-mode div.tox .tox-tbtn:disabled:hover {
    background: transparent !important
}

.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 div.tox .btn.pathSelect {
    border-color: #3a3a3a;
    color: #ddd
}

.dark-mode div.tox .tox-dropzone {
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-listboxfield button.tox-listbox--select,.dark-mode div.tox .tox-button.tox-button--secondary {
    color: #c4c4c4;
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-listboxfield button.tox-listbox--select:hover,.dark-mode div.tox .tox-button.tox-button--secondary:hover {
    background: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap {
    color: #ddd
}

.dark-mode div.tox .tox-dialog-wrap .tox-dialog__header {
    background: #262626;
    color: #ddd;
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap .tox-dialog {
    background: #262626
}

.dark-mode div.tox .tox-dialog-wrap .tox-dialog__footer {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap .tox-label,.dark-mode div.tox .tox-dialog-wrap .tox-toolbar-label {
    color: #fff
}

.dark-mode div.tox .tox-dialog-wrap .tox-dialog__body .tox-button--naked {
    background: #303030;
    color: #ddd;
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap .tox-textarea,.dark-mode div.tox .tox-dialog-wrap .tox-textfield,.dark-mode div.tox .tox-dialog-wrap .tox-toolbar-textfield,.dark-mode div.tox .tox-dialog-wrap .tox-selectfield select {
    background: #1c1c1c;
    border-color: #3a3a3a;
    color: #ddd;
    transition: all .2s
}

.dark-mode div.tox .tox-dialog-wrap .tox-textarea:hover,.dark-mode div.tox .tox-dialog-wrap .tox-textfield:hover,.dark-mode div.tox .tox-dialog-wrap .tox-toolbar-textfield:hover,.dark-mode div.tox .tox-dialog-wrap .tox-selectfield select:hover,.dark-mode div.tox .tox-dialog-wrap .tox-textarea:focus,.dark-mode div.tox .tox-dialog-wrap .tox-textfield:focus,.dark-mode div.tox .tox-dialog-wrap .tox-toolbar-textfield:focus,.dark-mode div.tox .tox-dialog-wrap .tox-selectfield select:focus {
    background: #121212;
    border-color: #454545
}

.dark-mode div.tox .tox-dialog-wrap .tox-dialog__body-nav {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap .tox-tab {
    border-right-color: #3a3a3a;
    color: #f7f7f7
}

.dark-mode div.tox .tox-dialog-wrap .tox-tab:hover {
    background: #3a3a3a
}

.dark-mode div.tox .tox-dialog-wrap .tox-tab.tox-dialog__body-nav-item--active {
    background: #3a3a3a;
    border-color: #3a3a3a;
    border-right: none
}

.dark-mode div.tox .tox-dialog-wrap .tox-dropzone {
    background: #262626
}

.dark-mode div.tox .tox-dialog-wrap .tox-dropzone p {
    color: #ddd
}

.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 {
    color: #def
}

.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: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 .app-wap-touch .menuBar .menu-item,.dark-mode .app-wap-small .menuBar .menu-item,.dark-mode .app-wap-touch .menuBar .menu-group-submenu .menu-item,.dark-mode .app-wap-small .menuBar .menu-group-submenu .menu-item {
    color: #ffffffa0
}

.dark-mode .app-wap-touch .menuBar .menu-item.this,.dark-mode .app-wap-small .menuBar .menu-item.this,.dark-mode .app-wap-touch .menuBar .open .menu-item.this,.dark-mode .app-wap-small .menuBar .open .menu-item.this {
    color: #fff
}

.dark-mode .app-wap-touch .menuBar .menu-item.this:hover,.dark-mode .app-wap-small .menuBar .menu-item.this:hover,.dark-mode .app-wap-touch .menuBar .open .menu-item.this:hover,.dark-mode .app-wap-small .menuBar .open .menu-item.this:hover {
    color: #fff
}

.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-header .header-content .header-address .header-address-content a {
    padding: 0 16px 0 5px
}

.dark-mode .app-wap-small .frame-main-explorer .frame-header .header-content .header-address .header-address-content a:after {
    right: 0;
    margin-right: 0
}

.dark-mode .app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm .list-type {
    color: #ffffffa0
}

.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);
    box-shadow: none
}

.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.select {
    background: #1890ff10
}

.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-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-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: none;
    padding: 10px 6px
}

body .context-menu-list .context-menu-item {
    padding: 0px 15px 0 15px
}

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: #99999920;
    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 {
    margin-left: 16px;
    margin-right: -5px
}

body .context-menu-list .context-menu-item.context-menu-separator:active {
    background: none
}

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 .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 .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.shareOpenFolder .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.shareOpenFolder .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 ::selection {
    background: #1890ff60
}

.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
}