@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');


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

.bg-green-5 {
    background-color: #3dbd7d
}

.bd-green-5 {
    border-color: #3dbd7d
}

.green-6 {
    color: #00a854
}

.bg-green-6 {
    background-color: #00a854
}

.bd-green-6 {
    border-color: #00a854
}

.green-7 {
    color: #00924c
}

.bg-green-7 {
    background-color: #00924c
}

.bd-green-7 {
    border-color: #00924c
}

.green-8 {
    color: #007b43
}

.bg-green-8 {
    background-color: #007b43
}

.bd-green-8 {
    border-color: #007b43
}

.green-9 {
    color: #00643b
}

.bg-green-9 {
    background-color: #00643b
}

.bd-green-9 {
    border-color: #00643b
}

.green-10 {
    color: #004c32
}

.bg-green-10 {
    background-color: #004c32
}

.bd-green-10 {
    border-color: #004c32
}

.green-light {
    color: #a7e1c4
}

.bg-green-light {
    background-color: #a7e1c4
}

.bd-green-light {
    border-color: #a7e1c4
}

.green-normal {
    color: #3dbd7d
}

.bg-green-normal {
    background-color: #3dbd7d
}

.bd-green-normal {
    border-color: #3dbd7d
}

.green-deep {
    color: #007b43
}

.bg-green-deep {
    background-color: #007b43
}

.bd-green-deep {
    border-color: #007b43
}

.pink-1 {
    color: #feeff5
}

.bg-pink-1 {
    background-color: #feeff5
}

.bd-pink-1 {
    border-color: #feeff5
}

.pink-2 {
    color: #fdd8e7
}

.bg-pink-2 {
    background-color: #fdd8e7
}

.bd-pink-2 {
    border-color: #fdd8e7
}

.pink-3 {
    color: #fcb8d3
}

.bg-pink-3 {
    background-color: #fcb8d3
}

.bd-pink-3 {
    border-color: #fcb8d3
}

.pink-4 {
    color: #fa90ba
}

.bg-pink-4 {
    background-color: #fa90ba
}

.bd-pink-4 {
    border-color: #fa90ba
}

.pink-5 {
    color: #f7629e
}

.bg-pink-5 {
    background-color: #f7629e
}

.bd-pink-5 {
    border-color: #f7629e
}

.pink-6 {
    color: #f5317f
}

.bg-pink-6 {
    background-color: #f5317f
}

.bd-pink-6 {
    border-color: #f5317f
}

.pink-7 {
    color: #dc277d
}

.bg-pink-7 {
    background-color: #dc277d
}

.bd-pink-7 {
    border-color: #dc277d
}

.pink-8 {
    color: #c11c7b
}

.bg-pink-8 {
    background-color: #c11c7b
}

.bd-pink-8 {
    border-color: #c11c7b
}

.pink-9 {
    color: #a71278
}

.bg-pink-9 {
    background-color: #a71278
}

.bd-pink-9 {
    border-color: #a71278
}

.pink-10 {
    color: #8c0776
}

.bg-pink-10 {
    background-color: #8c0776
}

.bd-pink-10 {
    border-color: #8c0776
}

.pink-light {
    color: #fdd8e7
}

.bg-pink-light {
    background-color: #fdd8e7
}

.bd-pink-light {
    border-color: #fdd8e7
}

.pink-normal {
    color: #f7629e
}

.bg-pink-normal {
    background-color: #f7629e
}

.bd-pink-normal {
    border-color: #f7629e
}

.pink-deep {
    color: #c11c7b
}

.bg-pink-deep {
    background-color: #c11c7b
}

.bd-pink-deep {
    border-color: #c11c7b
}

.red-1 {
    color: #fef0ef
}

.bg-red-1 {
    background-color: #fef0ef
}

.bd-red-1 {
    border-color: #fef0ef
}

.red-2 {
    color: #fcdbd9
}

.bg-red-2 {
    background-color: #fcdbd9
}

.bd-red-2 {
    border-color: #fcdbd9
}

.red-3 {
    color: #fabeb9
}

.bg-red-3 {
    background-color: #fabeb9
}

.bd-red-3 {
    border-color: #fabeb9
}

.red-4 {
    color: #f79992
}

.bg-red-4 {
    background-color: #f79992
}

.bd-red-4 {
    border-color: #f79992
}

.red-5 {
    color: #f46e65
}

.bg-red-5 {
    background-color: #f46e65
}

.bd-red-5 {
    border-color: #f46e65
}

.red-6 {
    color: #f04134
}

.bg-red-6 {
    background-color: #f04134
}

.bd-red-6 {
    border-color: #f04134
}

.red-7 {
    color: #d73435
}

.bg-red-7 {
    background-color: #d73435
}

.bd-red-7 {
    border-color: #d73435
}

.red-8 {
    color: #bd2636
}

.bg-red-8 {
    background-color: #bd2636
}

.bd-red-8 {
    border-color: #bd2636
}

.red-9 {
    color: #a31837
}

.bg-red-9 {
    background-color: #a31837
}

.bd-red-9 {
    border-color: #a31837
}

.red-10 {
    color: #880a38
}

.bg-red-10 {
    background-color: #880a38
}

.bd-red-10 {
    border-color: #880a38
}

.red-light {
    color: #fcdbd9
}

.bg-red-light {
    background-color: #fcdbd9
}

.bd-red-light {
    border-color: #fcdbd9
}

.red-normal {
    color: #f46e65
}

.bg-red-normal {
    background-color: #f46e65
}

.bd-red-normal {
    border-color: #f46e65
}

.red-deep {
    color: #bd2636
}

.bg-red-deep {
    background-color: #bd2636
}

.bd-red-deep {
    border-color: #bd2636
}

.orange-1 {
    color: #fef3eb
}

.bg-orange-1 {
    background-color: #fef3eb
}

.bd-orange-1 {
    border-color: #fef3eb
}

.orange-2 {
    color: #fde3cf
}

.bg-orange-2 {
    background-color: #fde3cf
}

.bd-orange-2 {
    border-color: #fde3cf
}

.orange-3 {
    color: #fccca7
}

.bg-orange-3 {
    background-color: #fccca7
}

.bd-orange-3 {
    border-color: #fccca7
}

.orange-4 {
    color: #faaf76
}

.bg-orange-4 {
    background-color: #faaf76
}

.bd-orange-4 {
    border-color: #faaf76
}

.orange-5 {
    color: #f78e3d
}

.bg-orange-5 {
    background-color: #f78e3d
}

.bd-orange-5 {
    border-color: #f78e3d
}

.orange-6 {
    color: #f56a00
}

.bg-orange-6 {
    background-color: #f56a00
}

.bd-orange-6 {
    border-color: #f56a00
}

.orange-7 {
    color: #d75000
}

.bg-orange-7 {
    background-color: #d75000
}

.bd-orange-7 {
    border-color: #d75000
}

.orange-8 {
    color: #b93600
}

.bg-orange-8 {
    background-color: #b93600
}

.bd-orange-8 {
    border-color: #b93600
}

.orange-9 {
    color: #991b00
}

.bg-orange-9 {
    background-color: #991b00
}

.bd-orange-9 {
    border-color: #991b00
}

.orange-10 {
    color: #7a0000
}

.bg-orange-10 {
    background-color: #7a0000
}

.bd-orange-10 {
    border-color: #7a0000
}

.orange-light {
    color: #fde3cf
}

.bg-orange-light {
    background-color: #fde3cf
}

.bd-orange-light {
    border-color: #fde3cf
}

.orange-normal {
    color: #f78e3d
}

.bg-orange-normal {
    background-color: #f78e3d
}

.bd-orange-normal {
    border-color: #f78e3d
}

.orange-deep {
    color: #b93600
}

.bg-orange-deep {
    background-color: #b93600
}

.bd-orange-deep {
    border-color: #b93600
}

.yellow-1 {
    color: #fffaeb
}

.bg-yellow-1 {
    background-color: #fffaeb
}

.bd-yellow-1 {
    border-color: #fffaeb
}

.yellow-2 {
    color: #fff3cf
}

.bg-yellow-2 {
    background-color: #fff3cf
}

.bd-yellow-2 {
    border-color: #fff3cf
}

.yellow-3 {
    color: #ffe9a7
}

.bg-yellow-3 {
    background-color: #ffe9a7
}

.bd-yellow-3 {
    border-color: #ffe9a7
}

.yellow-4 {
    color: #ffdd76
}

.bg-yellow-4 {
    background-color: #ffdd76
}

.bd-yellow-4 {
    border-color: #ffdd76
}

.yellow-5 {
    color: #ffce3d
}

.bg-yellow-5 {
    background-color: #ffce3d
}

.bd-yellow-5 {
    border-color: #ffce3d
}

.yellow-6 {
    color: #ffbf00
}

.bg-yellow-6 {
    background-color: #ffbf00
}

.bd-yellow-6 {
    border-color: #ffbf00
}

.yellow-7 {
    color: #e09a00
}

.bg-yellow-7 {
    background-color: #e09a00
}

.bd-yellow-7 {
    border-color: #e09a00
}

.yellow-8 {
    color: #c17500
}

.bg-yellow-8 {
    background-color: #c17500
}

.bd-yellow-8 {
    border-color: #c17500
}

.yellow-9 {
    color: #a04f00
}

.bg-yellow-9 {
    background-color: #a04f00
}

.bd-yellow-9 {
    border-color: #a04f00
}

.yellow-10 {
    color: #802800
}

.bg-yellow-10 {
    background-color: #802800
}

.bd-yellow-10 {
    border-color: #802800
}

.yellow-light {
    color: #fff3cf
}

.bg-yellow-light {
    background-color: #fff3cf
}

.bd-yellow-light {
    border-color: #fff3cf
}

.yellow-normal {
    color: #ffce3d
}

.bg-yellow-normal {
    background-color: #ffce3d
}

.bd-yellow-normal {
    border-color: #ffce3d
}

.yellow-deep {
    color: #c17500
}

.bg-yellow-deep {
    background-color: #c17500
}

.bd-yellow-deep {
    border-color: #c17500
}

.grey-1 {
    color: #fbfbfb
}

.bg-grey-1 {
    background-color: #fbfbfb
}

.bd-grey-1 {
    border-color: #fbfbfb
}

.grey-2 {
    color: #f7f7f7
}

.bg-grey-2 {
    background-color: #f7f7f7
}

.bd-grey-2 {
    border-color: #f7f7f7
}

.grey-3 {
    color: #f5f5f5
}

.bg-grey-3 {
    background-color: #f5f5f5
}

.bd-grey-3 {
    border-color: #f5f5f5
}

.grey-4 {
    color: #e9e9e9
}

.bg-grey-4 {
    background-color: #e9e9e9
}

.bd-grey-4 {
    border-color: #e9e9e9
}

.grey-5 {
    color: #d9d9d9
}

.bg-grey-5 {
    background-color: #d9d9d9
}

.bd-grey-5 {
    border-color: #d9d9d9
}

.grey-6 {
    color: #bfbfbf
}

.bg-grey-6 {
    background-color: #bfbfbf
}

.bd-grey-6 {
    border-color: #bfbfbf
}

.grey-7 {
    color: #919191
}

.bg-grey-7 {
    background-color: #919191
}

.bd-grey-7 {
    border-color: #919191
}

.grey-8 {
    color: #5a5a5a
}

.bg-grey-8 {
    background-color: #5a5a5a
}

.bd-grey-8 {
    border-color: #5a5a5a
}

.grey-9 {
    color: #404040
}

.bg-grey-9 {
    background-color: #404040
}

.bd-grey-9 {
    border-color: #404040
}

.grey-10 {
    color: #222
}

.bg-grey-10 {
    background-color: #222
}

.bd-grey-10 {
    border-color: #222
}

.grey-light {
    color: #f7f7f7
}

.bg-grey-light {
    background-color: #f7f7f7
}

.bd-grey-light {
    border-color: #f7f7f7
}

.grey-normal {
    color: #bfbfbf
}

.bg-grey-normal {
    background-color: #bfbfbf
}

.bd-grey-normal {
    border-color: #bfbfbf
}

.grey-deep {
    color: #5a5a5a
}

.bg-grey-deep {
    background-color: #5a5a5a
}

.bd-grey-deep {
    border-color: #5a5a5a
}

.label {
    font-weight: 400;
    font-size: 1em;
    display: inline-block;
    padding: .25em .5em .3em
}

.label.circle {
    border-radius: 1em
}

.label-blue-deep {
    background: #0c60aa;
    border-color: #094a84;
    color: #fff
}

.label-blue-normal {
    background: #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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.label-green-light {
    background: #a7e1c4;
    border-color: #89d7b0;
    color: #007b43
}

.label-pink-deep {
    background: #c11c7b;
    border-color: #9d1764;
    color: #fff
}

.label-pink-normal {
    background: #f7629e;
    border-color: #f53b86;
    color: #fff
}

.label-pink-light {
    background: #fdd8e7;
    border-color: #fbb1cf;
    color: #c11c7b
}

.label-red-deep {
    background: #bd2636;
    border-color: #9b1f2c;
    color: #fff
}

.label-red-normal {
    background: #f46e65;
    border-color: #f14a3f;
    color: #fff
}

.label-red-light {
    background: #fcdbd9;
    border-color: #f9b7b3;
    color: #bd2636
}

.label-orange-deep {
    background: #b93600;
    border-color: #902a00;
    color: #fff
}

.label-orange-normal {
    background: #f78e3d;
    border-color: #f57716;
    color: #fff
}

.label-orange-light {
    background: #fde3cf;
    border-color: #fbcca8;
    color: #b93600
}

.label-yellow-deep {
    background: #c17500;
    border-color: #985c00;
    color: #fff
}

.label-yellow-normal {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.label-yellow-light {
    background: #fff3cf;
    border-color: #ffe9a6;
    color: #c17500
}

.label-grey-deep {
    background: #5a5a5a;
    border-color: #464646;
    color: #fff
}

.label-grey-normal {
    background: #bfbfbf;
    border-color: #ababab;
    color: #fff
}

.label-grey-light {
    background: #f7f7f7;
    border-color: #e3e3e3;
    color: #5a5a5a
}

.border-circle {
    border-radius: 2em
}

.x-tag-label.label.label-mutil:after {
    content: "";
    width: inherit;
    height: inherit;
    background: inherit;
    border: inherit;
    display: inline-block;
    position: absolute;
    left: 0;
    border-radius: 50%;
    opacity: .5;
    margin-top: -1px;
    margin-left: 4px
}

.info-alert {
    border-radius: 3px;
    line-height: 1.6em;
    margin: 0 auto;
    padding: 5px 4px;
    font-style: normal;
    text-align: center;
    background: #e6f7ff;
    border: 1px solid #cbecff;
    color: #798e9a
}

.info-alert .info-alert {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.info-alert.info-alert-grey,
.info-alert.info-alert-normal {
    background: #fafafa;
    border-color: #eee;
    color: #888
}

.info-alert.info-alert-yellow,
.info-alert.info-alert-warning {
    background: #fffbe6;
    border-color: #f5edc3;
    color: #96883c
}

.info-alert.info-alert-green,
.info-alert.info-alert-success {
    background: #f6ffed;
    border-color: #b7eb8f;
    color: #758c6c
}

.info-alert.info-alert-blue,
.info-alert.info-alert-primary {
    background: #e6f7ff;
    border-color: #cbecff;
    color: #798e9a
}

.info-alert.info-alert-red,
.info-alert.info-alert-error {
    background: #fff1f0;
    border-color: #ffa39e;
    color: #b58886
}

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

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

.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: 1em;
    font-size: .6em;
    margin: -0.35em 0 0 0;
    top: 0;
    background: none
}

button,
.btn,
.kui-btn {
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    cursor: pointer;
    outline: none;
    user-select: none;
    transition: all .16s
}

button[disabled],
.btn[disabled],
.kui-btn[disabled],
input[disabled] {
    cursor: not-allowed;
    opacity: .6
}

.kui-btn {
    padding: .4em 1.2em;
    display: inline-block;
    line-height: 1.2;
    border-radius: .2em;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #777;
    border: 1px solid #ddd;
    background: #fefefe
}

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

.kui-btn:hover {
    background: #eee;
    border-color: #ddd;
    color: #777
}

.kui-btn:active,
.kui-btn:focus {
    background: #ddd;
    box-shadow: 0 0 0 .25em rgba(0, 0, 0, 0.05)
}

.kui-btn.btn-radius {
    border-radius: 3em
}

.kui-btn .font-icon {
    font-weight: 200;
    line-height: 0;
    display: inline-block;
    text-shadow: none;
    opacity: .7;
    position: relative;
    top: -0.05em
}

.kui-btn.btn-simple {
    border-width: .5px;
    padding: .3em .6em;
    box-shadow: none;
    text-shadow: none
}

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

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

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

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

.kui-btn-default:hover,
.kui-btn-blue:hover {
    background: #007cee;
    border-color: #0069cb;
    color: #fff
}

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

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

.kui-btn-success:hover,
.kui-btn-green:hover {
    background: #529d2e;
    border-color: #448226;
    color: #fff
}

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

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

.kui-btn-error:hover,
.kui-btn-red:hover {
    background: #ff2427;
    border-color: #ff0003;
    color: #fff
}

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

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

.kui-btn-warning:hover,
.kui-btn-yellow:hover {
    background: #e09705;
    border-color: #bd7f04;
    color: #fff
}

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

.kui-btn-normal,
.kui-btn-grey {
    color: #777;
    border: 1px solid #ddd;
    background: #fefefe
}

.kui-btn-normal:hover,
.kui-btn-grey:hover {
    background: #eee;
    border-color: #ddd;
    color: #777
}

.kui-btn-normal:active,
.kui-btn-grey:active,
.kui-btn-normal:focus,
.kui-btn-grey:focus {
    background: #ddd;
    box-shadow: 0 0 0 .25em rgba(0, 0, 0, 0.05)
}

.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 {
    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 {
    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 {
    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 {
    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;
    padding-right: 3px;
    font-size: 1.4em;
    line-height: .9em
}

.btn-group.btn-group-segment>.btn.btn-default.btn-active,
.btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    border-color: #1890ff !important;
    background: #1890ff !important;
    border-left-color: #0084fe !important;
    border-right-color: #0084fe !important;
    position: relative;
    z-index: 2;
    color: #fff
}

.btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon,
.btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color: #fff
}

.btn-group.btn-group-segment>.btn.btn-default:focus {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1)
}

.btn-group.btn-group-segment>.btn.btn-default:hover,
.btn-group.btn-group-segment>.btn.btn-default:active {
    background-color: #e4f2ff;
    border-color: #7ec1ff;
    color: #1890ff;
    z-index: 1;
    text-decoration: none
}

.btn-group.btn-group-segment>.btn.btn-default:hover .font-icon,
.btn-group.btn-group-segment>.btn.btn-default:active .font-icon {
    color: #1890ff
}

.btn-group.btn-group-segment>.btn:first-child:not(:last-child) {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.btn-group.btn-group-segment>.btn:last-child:not(:first-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

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

@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: "Droid Arabic Kufi", "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: "Droid Arabic Kufi", "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: "Droid Arabic Kufi", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

pre,
code {
    tab-size: 4;
    border: none;
    border-radius: 0;
    font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}

label {
    font-weight: normal
}

table {
    border-collapse: collapse
}

a {
    color: #40a9ff;
    text-decoration: none
}

a:hover,
a:active,
a:focus {
    color: #1890ff;
    border-color: #1890ff
}

a:focus {
    outline: none !important
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(180, 180, 180, 0.06);
    border-radius: 3px
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(180, 180, 180, 0.2);
    border-radius: 12px;
    background-clip: padding-box;
    border: 1px solid rgba(180, 180, 180, 0.4);
    min-height: 28px
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(180, 180, 180, 0.4);
    border: 1px solid rgba(180, 180, 180, 0.7)
}

::placeholder {
    opacity: .4
}

[link-href],
a {
    cursor: pointer
}

.can-select {
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important;
    -webkit-touch-callout: text !important;
    -moz-touch-callout: text !important;
    -ms-touch-callout: text !important;
    touch-callout: text !important
}

.can-not-select {
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -moz-touch-callout: none !important;
    -ms-touch-callout: none !important;
    touch-callout: none !important
}

.after-clear:after {
    clear: both;
    float: none;
    content: "";
    display: block
}

*,
*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

*:focus {
    outline: none
}

.fl {
    float: left
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.disable,
.disabled {
    cursor: not-allowed;
    opacity: .6
}

.disable-event {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .6
}

.btn,
.kui-btn,
button {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.form-box.disable-event {
    opacity: .6
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.border-radius-none {
    border-radius: 0 !important
}

.font-normal {
    font-weight: 800
}

.font-bold,
.bold {
    font-weight: 800
}

.font-400 {
    font-weight: 400
}

.font-800 {
    font-weight: 800
}

.size12 {
    font-size: 12px
}

.size14 {
    font-size: 14px
}

.size15 {
    font-size: 15px
}

.size16 {
    font-size: 16px
}

.size18 {
    font-size: 18px
}

.size20 {
    font-size: 20px
}

.size22 {
    font-size: 22px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.no-animate {
    -ms-transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation-name: none !important;
    animation-duration: 0s !important
}

.translation-fast {
    -ms-transition: all .168s ease-in-out;
    -webkit-transition: all .168s ease-in-out;
    -moz-transition: all .168s ease-in-out;
    -o-transition: all .168s ease-in-out;
    transition: all .168s ease-in-out
}

.translation-normal {
    -ms-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.translation-slow {
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.translation-100 {
    -ms-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.translation-150 {
    -ms-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.translation-200 {
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.translation-300 {
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.translation-500 {
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.translation-1000 {
    -ms-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.opacity-hidden {
    opacity: .001 !important;
    visibility: hidden
}

.h1,
h1 {
    font-size: 2.2em
}

.h2,
h2 {
    font-size: 1.8em
}

.h3,
h3 {
    font-size: 1.4em
}

.h4,
h4 {
    font-size: 1.2em
}

.h5,
h5 {
    font-size: 1.1em
}

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

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

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

.dropdown-menu.dropdown-menu-left:after {
    left: 8px;
    right: auto
}

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

.dropdown-menu li>a:hover,
.dropdown-menu .this a,
.dropdown-menu li>a:focus {
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-image: none;
    filter: none;
    background: #63acff;
    color: #fff
}

.dropdown-menu li>a {
    font-weight: inherit;
    color: #666;
    padding: 5px 15px;
    line-height: 1.5em;
    display: block;
    white-space: nowrap;
    clear: both;
    text-decoration: none
}

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

.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #FFF;
    position: absolute;
    top: -6px;
    right: 8px
}

.dropdown-menu:before {
    content: '';
    left: auto;
    right: 12px;
    display: inline-block;
    position: absolute;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    top: -7px;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    right: 7px
}

.dropdown-menu.pull-left:after {
    right: auto;
    left: 10px
}

.dropdown-menu.pull-left:before {
    right: auto;
    left: 9px
}

.dropdown-menu.menu-top:after {
    content: '';
    display: inline-block;
    border-left: 6px solid rgba(0, 0, 0, 0);
    top: inherit;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #FFF;
    border-bottom: none;
    position: absolute;
    bottom: -6px;
    right: 10px
}

.dropdown-menu.menu-top:before {
    content: '';
    left: auto;
    right: 12px;
    display: inline-block;
    position: absolute;
    border-bottom: none;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    bottom: -7px;
    border-top: 7px solid #CCC;
    border-top-color: rgba(0, 0, 0, 0.2);
    right: 9px;
    top: inherit
}

.dropdown-menu .divider {
    margin: .3em 0
}

.open>.dropdown-menu {
    display: inline-block
}

body .context-menu-list .context-menu-item.hover {
    background: #63acff
}

body .aui-outer {
    *border: 1px solid #7dbaff;
    border: 1px solid #7dbaff \0/IE9;
    border: 1px solid #7dbaff
}

input {
    border: 1px solid #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-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
    }
}

.message-box {
    position: absolute;
    top: 15%;
    left: 0px;
    z-index: 88;
    background: #63acff;
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);
    display: none
}

.message-box .content {
    padding: 10px 30px;
    line-height: 20px;
    width: auto
}

.aui-outer {
    text-align: left;
    position: relative
}

.aui-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .01;
    filter: alpha(opacity=1)
}

.aui-loading {
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: .7;
    filter: alpha(opacity=70);
    top: 16px;
    position: absolute;
    left: 0;
    z-index: 9999;
    text-align: center;
    text-indent: -999em
}

.aui-loading span {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    opacity: .8;
    background: #fff url("../../images/common/dialog/dialog_loading.gif") no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px
}

.dialog-change-max,
.dialog-change-max .aui-main {
    -ms-transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

table.aui-border,
table.aui-dialog {
    width: 100%;
    border: 0;
    margin: 0;
    border-collapse: collapse
}

.aui-nw,
.aui-n,
.aui-ne,
.aui-w,
.aui-c,
.aui-e,
.aui-sw,
.aui-s,
.aui-se,
.aui-header,
.aui-td-icon,
.aui-main,
.aui-footer {
    padding: 0
}

.aui-header,
.aui-buttons button {
    font: 12px/1.11
}

.aui-title-bar {
    position: relative;
    height: 100%
}

.aui-title {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    height: 30px;
    line-height: 31px;
    padding: 0 28px 0 10px;
    color: #fff;
    background-color: #7dbaff
}

.aui-title .path-ico {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 4px;
    cursor: pointer
}

.aui-title .path-ico img {
    vertical-align: baseline;
    border-radius: 2px
}

.aui-title .path-ico:hover,
.aui-title .path-ico:active,
.aui-title .path-ico:focus {
    transform: scale(1.1, 1.1)
}

.aui-title img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    position: relative;
    top: -1px
}

.aui-title i.desc {
    opacity: .5;
    padding-left: 5px;
    font-style: normal
}

.aui-title .font-icon {
    position: relative;
    top: -1px;
    margin-right: .2em
}

.task-tab .tabs .tab i.desc {
    opacity: .5;
    padding-left: 5px;
    font-style: normal
}

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

.aui-state-focus .aui-outer {
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.7);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.7)
}

.aui-state-focus .aui-title {
    background-color: #63acff
}

.aui-state-drag .aui-title {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.aui-state-no-title .aui-title {
    display: none
}

.aui-main {
    text-align: center;
    background: #FFF;
    min-width: 9em;
    min-width: 0 \9;
    visibility: auto
}

.artDialog.drag-file-hover .aui-main:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0px;
    pointer-events: none;
    border: 2px solid rgba(24, 144, 255, 0.8);
    background: rgba(24, 144, 255, 0.1);
    border-radius: 4px;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.aui-content {
    text-align: left;
    border: none 0;
    color: #666;
    width: 100%;
    height: 100%;
    position: relative
}

.aui-content.aui-content-iframe {
    overflow: hidden !important
}

.aui-content.aui-state-full {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    height: 100%
}

.aui-icon {
    vertical-align: middle;
    background: #fff
}

.aui-icon div {
    width: 48px;
    height: 48px;
    margin: 10px 0 10px 10px;
    background-position: center center;
    background-repeat: no-repeat
}

.aui-buttons {
    padding: 10px 8px;
    text-align: right;
    white-space: nowrap;
    background-color: #F6F6F6;
    border-top: solid 1px #DADEE5
}

.aui-buttons button {
    margin-left: 15px;
    padding: 3px 20px;
    height: 25px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 1;
    overflow: visible;
    color: #000;
    border: none;
    background: #aaa;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.aui-buttons button:focus {
    outline: none 0;
    box-shadow: inset 0 0 0 2px rgba(99, 172, 255, 0.3)
}

.aui-buttons button:hover {
    background: #c3c3c3
}

.aui-buttons button:active {
    background: #777
}

.aui-buttons button[disabled] {
    cursor: default;
    color: #919191;
    background: #aaa;
    opacity: .5;
    filter: alpha(opacity=50)
}

.aui-buttons button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.aui-buttons button.aui-state-highlight {
    color: #fff;
    background: #63acff
}

.aui-buttons button.aui-state-highlight:hover {
    color: #FFF;
    background: #96c7ff
}

.aui-buttons button.aui-state-highlight:active {
    background: #0076fc
}

.aui-buttons button.aui-state-highlight:focus {
    box-shadow: 0 0 0 3px rgba(99, 172, 255, 0.3)
}

.aui-buttons button.disable,
.aui-buttons button.disabled {
    opacity: .3;
    filter: alpha(opacity=30)
}

.aui-outer {
    border: 0 solid #63acff;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
    -ms-transition: box-shadow .1s opacity .2s;
    -webkit-transition: box-shadow .1s opacity .2s;
    -moz-transition: box-shadow .1s opacity .2s;
    -o-transition: box-shadow .1s opacity .2s;
    transition: box-shadow .1s opacity .2s
}

.aui-state-lock .aui-nw,
.aui-state-lock .aui-n,
.aui-state-lock .aui-ne,
.aui-state-lock .aui-w,
.aui-state-lock .aui-e,
.aui-state-lock .aui-sw,
.aui-state-lock .aui-s,
.aui-state-lock .aui-se {
    background: rgba(0, 0, 0, 0.5);
    background: #000 \9 !important;
    opacity: .5;
    filter: alpha(opacity=50)
}

.aui-btn-box {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    z-index: 10
}

.aui-min,
.aui-max,
.aui-close {
    display: block;
    text-decoration: none;
    float: left;
    outline: none;
    cursor: pointer;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-top: none;
    font-size: 1.15em;
    text-align: center;
    background-color: transparent;
    height: 30px;
    width: 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))
}

.artDialog .aui-title .font-icon.app-icon,
.task-tab .tabs .tab i.font-icon.app-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px
}

.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 .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 span b {
    display: inline-block;
    font-size: 12px;
    zoom: .95;
    font-weight: 200;
    color: #888;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    width: 65px;
    min-width: 50px;
    text-align: right;
    overflow: hidden
}

.context-menu-list .hover>span>b {
    color: #fff
}

.context-menu-list.menu-auto-fit {
    top: 5px !important;
    background-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.disabled,
.context-menu-list .context-menu-item.disable,
.context-menu-list .context-menu-item.hover.disable {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: not-allowed;
    pointer-events: auto
}

.context-menu-list .context-menu-item.disabled:hover,
.context-menu-list .context-menu-item.disable:hover,
.context-menu-list .context-menu-item.hover.disable:hover,
.context-menu-list .context-menu-item.disabled:active,
.context-menu-list .context-menu-item.disable:active,
.context-menu-list .context-menu-item.hover.disable:active,
.context-menu-list .context-menu-item.disabled:focus,
.context-menu-list .context-menu-item.disable:focus,
.context-menu-list .context-menu-item.hover.disable:focus {
    background: #fff
}

.context-menu-list .context-menu-item.hover {
    cursor: pointer;
    color: #fff;
    background: #63acff;
    background-color: none \9
}

.context-menu-list .context-menu-item.hover.not-hover {
    color: inherit;
    background: inherit
}

.context-menu-list .context-menu-item.hover .font-icon {
    color: #fff
}

.context-menu-list .context-menu-item span i {
    float: right;
    text-align: right;
    font-style: normal;
    color: #888
}

.context-menu-list .context-menu-item.context-menu-separator {
    height: 2px;
    line-height: 0;
    border-bottom: 1px solid #eee;
    margin: 2px 0 4px;
    cursor: default
}

.context-menu-list .context-menu-item>.context-menu-list {
    display: none;
    right: -5px;
    top: 5px
}

.context-menu-list .context-menu-item.hover>.context-menu-list {
    display: block
}

.context-menu-list .context-menu-item.hover>.context-menu-list .font-icon {
    color: #aaa
}

.context-menu-list .context-menu-item.hover>.context-menu-list .hover .font-icon {
    color: #fff;
    color: #aaa \9
}

.context-menu-list .context-menu-item span.context-menu-accesskey {
    margin-left: 2px;
    color: #bbb;
    font-size: .9em
}

.context-menu-list .context-menu-item span.context-menu-accesskey i {
    text-decoration: underline;
    float: none;
    padding: 0 1px;
    color: #bbb
}

.context-menu-list .context-menu-item span.context-menu-accesskey:before {
    content: '('
}

.context-menu-list .context-menu-item span.context-menu-accesskey:after {
    content: ')'
}

.context-menu-list .line-top,
.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 {
    content: "" !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 {
    content: "" !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 {
    content: "" !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 {
    content: "" !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 {
    content: "" !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 {
    content: "" !important
}

.font-icon.ri-pencil-fill {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: 0 -64px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.font-icon.ri-pencil-fill:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .font-icon.ri-pencil-fill {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.context-menu-list .font-icon:before {
    background-image: -webkit-linear-gradient(-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-file .font-icon {
    color: #31dc48 !important
}

.context-menu-list .context-menu-item.share-type-link .font-icon:before,
.context-menu-list .context-menu-item.share-link-edit .font-icon:before,
.context-menu-list .context-menu-item.share-link-file .font-icon:before {
    content: "\eb17" !important;
    font-family: "kod-svg-font" !important
}

.context-menu-list .context-menu-item.share-type-link .font-icon:before,
.context-menu-list .context-menu-item.share-link-edit .font-icon:before,
.context-menu-list .context-menu-item.share-link-file .font-icon:before {
    background: none;
    color: #31dc48 !important;
    vertical-align: unset;
    text-fill-color: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    -webkit-background-clip: unset
}

.context-menu-list .context-menu-item.set-background .font-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: -16px -609px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px
}

.context-menu-list .context-menu-item.set-background .font-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.set-background .font-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.context-menu-list .context-menu-item.fav .font-icon,
.context-menu-list .context-menu-item.fav-page .font-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: -16px -773px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px
}

.context-menu-list .context-menu-item.fav .font-icon:before,
.context-menu-list .context-menu-item.fav-page .font-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .context-menu-list .context-menu-item.fav .font-icon,
    .context-menu-list .context-menu-item.fav-page .font-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.context-menu-list .context-menu-item.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-modifyTime {
    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
}

.html-edit-show {
    font-family: -apple-system, Segoe UI, PingFangSC-light, PingFangTC-light, "PingFang SC", "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif
}

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

.html-edit-show p {
    margin: .3em 0;
    line-height: 1.4em
}

.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 {
    text-align: center;
    margin-top: 65px
}

.img-code-box .code-input {
    background: #fff;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-transition: all ease-in-out .168s;
    -webkit-transition: all ease-in-out .168s;
    -moz-transition: all ease-in-out .168s;
    -o-transition: all ease-in-out .168s;
    transition: all ease-in-out .168s;
    border: 1px solid #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: 100%;
    max-height: 100%
}

.menuBar .menu-item {
    transition: all .2s;
    width: 100%;
    cursor: pointer;
    font-size: .9em;
    width: 70px;
    height: 70px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    position: relative;
    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;
    background-color: transparent;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 8px auto 2px auto;
    border-radius: 6px
}

.menuBar .menu-item .image-icon {
    display: block;
    font-size: 24px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 8px auto 2px auto;
    margin-top: 10px;
    border-radius: 4px
}

.menuBar .menu-item .image-icon img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    position: relative;
    top: -4px
}

.menuBar .menu-item .image-icon .font-icon {
    padding-top: 5px;
    width: 36px
}

.menuBar .menu-item span {
    position: relative;
    padding: 0 3px
}

.menuBar .ripple-item {
    cursor: pointer;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.menuBar .menu-item.this,
.menuBar .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: 410px;
    top: auto
}

.menuBar .menu-dropdown-submenu .dropdown-menu-main {
    padding: 15px 0 15px 15px
}

.menuBar .menu-dropdown-submenu .dropdown-menu-main .content {
    padding-bottom: 15px
}

.menuBar .menu-dropdown-submenu.position-middle .menu-arrow {
    top: 50%;
    margin-top: -5px
}

.menuBar .menu-dropdown-submenu .content:after {
    content: "";
    clear: both;
    float: none;
    display: block
}

.menuBar .menu-dropdown-submenu li {
    float: left;
    display: block;
    margin: 0 10px 10px 0;
    width: 85px;
    height: 95px
}

.menuBar .menu-dropdown-submenu li .menu-item-sub {
    border-radius: 4px;
    display: block;
    height: 100%;
    padding: 0;
    text-align: center
}

.menuBar .menu-dropdown-submenu li .menu-item-sub:hover,
.menuBar .menu-dropdown-submenu li .menu-item-sub:active,
.menuBar .menu-dropdown-submenu li .menu-item-sub:focus {
    background: rgba(150, 150, 150, 0.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 .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: 30px;
    margin: 5px auto 2px auto
}

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

.menuBar .menu-list .menu-item .title {
    display: inline;
    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: "Droid Arabic Kufi", "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: "Droid Arabic Kufi", "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
}

.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.7);
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.07)
}

.loading-msg .loading-msg-content .loading-msg-box {
    font-size: 30px;
    margin: 25px auto 6px auto
}

.loading-msg .loading-msg-content .loading-msg-box img {
    max-height: 32px;
    max-width: 32px;
    opacity: .8;
    border-radius: 4px
}

.loading-msg .loading-msg-content .loading-msg-box .loader {
    display: none
}

.loading-msg .loading-msg-content .loading-msg-title {
    padding: 2px 4px;
    color: #888;
    min-height: 10px;
    word-break: break-word
}

.loading-msg .loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #fff;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.loading-msg.tips-small .loading-msg-content {
    background: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: -10px 0 0 -10px
}

.loading-msg.tips-small .loading-msg-content .loading-msg-box {
    margin: 0;
    height: 18px;
    line-height: 14px
}

.loading-msg.tips-small .loading-msg-content .loading-msg-box img {
    width: 18px;
    height: 18px
}

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

.loader {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    transform: translateZ(0)
}

.loader-moon {
    border: 1px solid rgba(160, 160, 160, 0.8);
    border-radius: 50%;
    -webkit-animation: .8s loader-moon linear infinite;
    animation: .8s loader-moon linear infinite;
    position: relative
}

.loader-moon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -0.2em;
    left: 50%;
    border: .2em solid rgba(160, 160, 160, 0.8);
    border-radius: 50%
}

@-webkit-keyframes loader-moon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-moon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader-point {
    position: relative
}

.loader-point:before,
.loader-point:after {
    content: "";
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background-color: rgba(160, 160, 160, 0.8);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: loader-point 2s infinite ease-in-out;
    animation: loader-point 2s infinite ease-in-out
}

.loader-point:after {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes loader-point {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-point {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loader-star {
    position: relative;
    -webkit-animation: loader-star-1 2s infinite linear;
    animation: loader-star-1 2s infinite linear
}

.loader-star:before,
.loader-star:after {
    content: "";
    width: 0;
    height: 0;
    border: .5em solid rgba(24, 144, 255, 0.8);
    display: block;
    position: absolute;
    border-radius: 100%;
    -webkit-animation: loader-star-2 2s infinite ease-in-out;
    animation: loader-star-2 2s infinite ease-in-out
}

.loader-star:before {
    top: 0;
    left: 50%;
    border-color: rgba(64, 169, 255, 0.8)
}

.loader-star:after {
    bottom: 0;
    right: 50%;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes loader-star-1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-star-1 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-star-2 {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-star-2 {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loader-square {
    background-color: rgba(160, 160, 160, 0.8);
    -webkit-animation: loader-square 1.2s infinite ease-in-out;
    animation: loader-square 1.2s infinite ease-in-out
}

@-webkit-keyframes loader-square {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes loader-square {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.loader-wave {
    background: rgba(160, 160, 160, 0.8);
    position: relative;
    -webkit-animation: loader-wave 1s ease-in-out infinite;
    animation: loader-wave 1s ease-in-out infinite;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    width: .25em;
    height: .5em
}

.loader-wave:after,
.loader-wave:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
    -webkit-animation: inherit;
    animation: inherit
}

.loader-wave:before {
    right: .5em;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loader-wave:after {
    left: .5em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes loader-wave {
    0%,
    100% {
        box-shadow: 0 0 0 rgba(160, 160, 160, 0.8), 0 0 0 rgba(160, 160, 160, 0.8)
    }
    50% {
        box-shadow: 0 -0.25em 0 rgba(160, 160, 160, 0.8), 0 .25em 0 rgba(160, 160, 160, 0.8)
    }
}

@keyframes loader-wave {
    0%,
    100% {
        box-shadow: 0 0 0 rgba(160, 160, 160, 0.8), 0 0 0 rgba(160, 160, 160, 0.8)
    }
    50% {
        box-shadow: 0 -0.25em 0 rgba(160, 160, 160, 0.8), 0 .25em 0 rgba(160, 160, 160, 0.8)
    }
}

.markdown-preview {
    font-family: "Lantinghei SC", PingFangSC-light, PingFangTC-light, "PingFang SC", "Droid Arabic Kufi", "Helvetica", 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: "Lantinghei SC", PingFangSC-light, PingFangTC-light, "PingFang SC", "Droid Arabic Kufi", "Helvetica", Optima-Regular, "Microsoft Yahei", "WenQuanYi Micro Hei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif
}

.markdown-preview article,
.markdown-preview footer,
.markdown-preview header,
.markdown-preview nav {
    margin: 0 auto
}

.markdown-preview article {
    margin-top: 4em;
    margin-bottom: 4em;
    min-height: 400px
}

.markdown-preview footer {
    margin-bottom: 50px
}

.markdown-preview video {
    margin: 2em 0;
    border: 1px solid #ddd
}

.markdown-preview nav {
    font-size: .9em;
    font-style: italic;
    border-bottom: 1px solid #ddd;
    padding: 1em 0
}

.markdown-preview nav p {
    margin: 0
}

.markdown-preview details {
    margin: 15px 0
}

.markdown-preview summary {
    cursor: pointer;
    display: list-item;
    border-radius: 3px
}

.markdown-preview summary:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.markdown-preview summary:focus {
    outline: none;
    box-shadow: 0 0 3px #2196F3
}

.markdown-preview .h1,
.markdown-preview h1 {
    font-size: 2.2em
}

.markdown-preview .h2,
.markdown-preview h2 {
    font-size: 1.8em
}

.markdown-preview .h3,
.markdown-preview h3 {
    font-size: 1.6em
}

.markdown-preview .h4,
.markdown-preview h4 {
    font-size: 1.3em
}

.markdown-preview .h5,
.markdown-preview h5 {
    font-size: 1.2em
}

.markdown-preview .h6,
.markdown-preview h6 {
    font-size: 1.1em
}

.markdown-preview .h1,
.markdown-preview .h2,
.markdown-preview .h3,
.markdown-preview .h4,
.markdown-preview .h5,
.markdown-preview .h6,
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5,
.markdown-preview h6 {
    font-family: inherit;
    font-weight: 500;
    color: #333;
    line-height: 1.2em;
    padding: .3em 0;
    margin: .8em 0 .6em 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 {
    -webkit-hypens: auto;
    -moz-hypens: auto;
    hyphens: auto;
    margin: .2em 0
}

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

.markdown-preview blockquote {
    margin-left: 1em;
    padding: 10px 15px;
    margin: 10px 0 20px 0;
    background: #f6f6f6;
    border-left: 7px solid rgba(102, 128, 153, 0.1);
    background: rgba(102, 128, 153, 0.04)
}

.markdown-preview 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: Consolas, 'Liberation Mono', 'Ubuntu Mono', Menlo, Courier, 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: 4px;
    margin: .4em 0;
    background: rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0
}

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

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

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

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

.markdown-preview table td,
.markdown-preview table th {
    padding: .5em;
    border: 1px solid #ddd;
    line-height: 1.5
}

.markdown-preview table tr:nth-child(even) {
    background: #f9f9f9
}

.markdown-preview ul.contains-task-list {
    padding: .2em 0 .2em .5em;
    list-style: none
}

.markdown-preview ul.contains-task-list input {
    margin-right: .2em;
    height: 1em;
    font-size: 14px;
    vertical-align: text-bottom;
    position: relative;
    top: -1px
}

.markdown-preview ul.contains-task-list label {
    margin: 0
}

.markdown-preview .footnotes {
    background: #fafafa;
    padding: 0 15px 0 0;
    border-radius: 4px;
    color: #888
}

.markdown-preview .markdown-flow {
    background: #fff;
    padding: 15px 0;
    max-width: 100%;
    overflow: auto
}

.markdown-preview .markdown-flow .label {
    color: #444
}

.markdown-preview .markdown-flow svg {
    height: auto
}

.markdown-preview .katex-display {
    text-align: center;
    font-size: 1.3em;
    color: #000;
    margin-bottom: 1.5em
}

.markdown-preview .latex-inline .katex-display {
    display: inline-block;
    font-size: .8em
}

.markdown-preview .katex-display>.katex {
    white-space: pre-wrap;
    word-break: break-all
}

.markdown-preview .text-align-center {
    text-align: center
}

.markdown-preview .markdown-alert {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    line-height: 1.5;
    padding: 8px 15px 8px 40px;
    margin: 6px 0;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #f6f6f6;
    border: none
}

.markdown-preview .markdown-alert p {
    padding: 0;
    margin: 0
}

.markdown-preview .markdown-alert-icon {
    font-size: 18px;
    height: 100%;
    position: absolute;
    left: 12px;
    top: 0;
    margin-top: 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', 'Droid Arabic Kufi', 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 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif
}

.markdown-preview .markdown-menu {
    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 pre,
.dark-mode .markdown-preview code,
.dark-mode .markdown-preview pre code {
    color: #aaa;
    border-color: rgba(150, 150, 150, 0.3);
    background: #222
}

.dark-mode .markdown-preview code {
    color: #C5AC18;
    background: rgba(150, 150, 150, 0.3)
}

.dark-mode .markdown-preview a {
    color: #FFA500
}

.dark-mode .markdown-preview hr {
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);
    background-image: none
}

.dark-mode .markdown-preview .h1,
.dark-mode .markdown-preview .h2,
.dark-mode .markdown-preview .h3,
.dark-mode .markdown-preview .h4,
.dark-mode .markdown-preview .h5,
.dark-mode .markdown-preview .h6,
.dark-mode .markdown-preview h1,
.dark-mode .markdown-preview h2,
.dark-mode .markdown-preview h3,
.dark-mode .markdown-preview h4,
.dark-mode .markdown-preview h5,
.dark-mode .markdown-preview h6 {
    color: #fff
}

.dark-mode .markdown-preview .h1,
.dark-mode .markdown-preview h1 {
    border-bottom: 1px solid rgba(150, 150, 150, 0.3)
}

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

.dark-mode .markdown-preview table td,
.dark-mode .markdown-preview table th {
    border-color: rgba(150, 150, 150, 0.3)
}

.dark-mode .markdown-preview table tr:nth-child(even) {
    background: #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)
}

.markdown-preview .h1,
.markdown-preview h1 {
    font-size: 2em
}

.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 {
    padding: .3em 0;
    margin: .5em 0 .2em 0
}

.content-main-message {
    background-color: #f0f2f5;
    font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif;
    line-height: 1.5em;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.content-main-message .content-main {
    width: 60%;
    margin: 10% auto 5% auto;
    color: #666;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: center
}

.content-main-message .check-result {
    text-align: center;
    color: #000
}

.content-main-message .check-result .font-icon.error,
.content-main-message .check-result .font-icon.success,
.content-main-message .check-result .font-icon.info {
    width: 70px;
    height: 70px;
    line-height: 60px;
    font-size: 30px;
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    top: -35px;
    border: 6px solid #fff;
    color: #fff
}

.content-main-message .check-result .font-icon.error:before,
.content-main-message .check-result .font-icon.success:before,
.content-main-message .check-result .font-icon.info:before {
    font-size: 30px
}

.content-main-message .check-result .font-icon.error {
    background: #f5222d
}

.content-main-message .check-result .font-icon.error:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb99"
}

.content-main-message .check-result .font-icon.success {
    background: #63bd37
}

.content-main-message .check-result .font-icon.success:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7b"
}

.content-main-message .check-result .font-icon.info {
    background: #faad14
}

.content-main-message .check-result .font-icon.info:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eca1"
}

.content-main-message .message-content {
    padding: 30px 10px 80px 10px;
    line-height: 1.5em;
    color: #888
}

.content-main-message .message-content .title {
    font-size: 22px;
    line-height: 1.3em;
    margin: 15px;
    color: #444
}

.content-main-message .link {
    background: #fbfbfb;
    border-top: 1px solid #f6f6f6;
    line-height: 80px;
    height: 80px;
    border-radius: 0 0 4px 4px
}

.content-main-message a {
    color: #1890ff;
    text-decoration: none;
    padding: 4px .5em;
    border-radius: 2px;
    cursor: pointer
}

.content-main-message a:hover,
.content-main-message a:active,
.content-main-message a:focus {
    background: #def
}

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

.tab-group-line {
    position: relative;
    font-size: 1.1em
}

.tab-group-line .tab-item.active,
.tab-group-line .tab-item.this {
    border-color: transparent !important
}

.tab-group-line .tab-item-bar {
    -webkit-transition: width .16s cubic-bezier(.645, .045, .355, 1), left .16s cubic-bezier(.645, .045, .355, 1), transform .16s cubic-bezier(.645, .045, .355, 1);
    transition: width .16s cubic-bezier(.645, .045, .355, 1), left .16s cubic-bezier(.645, .045, .355, 1), transform .16s cubic-bezier(.645, .045, .355, 1);
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 1;
    height: 3px;
    width: 0;
    background: -webkit-linear-gradient(-200deg, #006CFA, #1acbff);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(24, 144, 255, 0.3)
}

.dialog-tab {
    border-bottom: 1px solid #eee;
    margin: 5px 20px
}

.dialog-tab .tab-item {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    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: 600px;
    min-width: 160px;
    overflow: hidden;
    position: fixed;
    font-size: 14px;
    padding: 2px 1em;
    text-align: left;
    z-index: 9900000;
    pointer-events: none;
    background: #fff;
    transition: width .6s ease;
    border: 1px solid #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: 80%
    }
}

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

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

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

.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-small+em,
    input[type="checkbox"].kui-switch.size-small+em {
        width: 32px;
        height: 16px
    }
    input[type="checkbox"].kui-checkbox-ios.size-small+em:after,
    input[type="checkbox"].kui-switch.size-small+em:after {
        width: 14px;
        height: 14px
    }
    input[type="checkbox"].kui-checkbox-ios.size-small:checked+em:after,
    input[type="checkbox"].kui-switch.size-small:checked+em:after {
        margin-left: 17px
    }
    input[type="checkbox"].kui-checkbox-ios+em,
    input[type="checkbox"].kui-switch+em {
        width: 40px;
        height: 20px
    }
    input[type="checkbox"].kui-checkbox-ios+em:after,
    input[type="checkbox"].kui-switch+em:after {
        width: 18px;
        height: 18px
    }
    input[type="checkbox"].kui-checkbox-ios:checked+em:after,
    input[type="checkbox"].kui-switch:checked+em:after {
        margin-left: 21px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big+em,
    input[type="checkbox"].kui-switch.size-big+em {
        width: 48px;
        height: 24px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big+em:after,
    input[type="checkbox"].kui-switch.size-big+em:after {
        width: 22px;
        height: 22px
    }
    input[type="checkbox"].kui-checkbox-ios.size-big:checked+em:after,
    input[type="checkbox"].kui-switch.size-big:checked+em:after {
        margin-left: 25px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx+em,
    input[type="checkbox"].kui-switch.size-bigx+em {
        width: 56px;
        height: 28px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx+em:after,
    input[type="checkbox"].kui-switch.size-bigx+em:after {
        width: 26px;
        height: 26px
    }
    input[type="checkbox"].kui-checkbox-ios.size-bigx:checked+em:after,
    input[type="checkbox"].kui-switch.size-bigx:checked+em:after {
        margin-left: 29px
    }
    input[type="checkbox"].kui-checkbox-ios:checked+em,
    input[type="checkbox"].kui-switch:checked+em {
        background-color: #1890ff;
        border: 1px solid #1890ff;
        box-shadow: inset 0 0 0 10px #1890ff
    }
    input[type="checkbox"].kui-checkbox-ios.red:checked+em,
    input[type="checkbox"].kui-switch.red:checked+em {
        background-color: #ff5722;
        border: 1px solid #ff5722;
        box-shadow: inset 0 0 0 10px #ff5722
    }
    input[type="checkbox"].kui-checkbox-ios.blue:checked+em,
    input[type="checkbox"].kui-switch.blue:checked+em {
        background-color: #1890ff;
        border: 1px solid #1890ff;
        box-shadow: inset 0 0 0 10px #1890ff
    }
    input[type="checkbox"].kui-checkbox-ios.green:checked+em,
    input[type="checkbox"].kui-switch.green:checked+em {
        background-color: #64bd63;
        border: 1px solid #64bd63;
        box-shadow: inset 0 0 0 10px #64bd63
    }
    input[type="checkbox"].kui-checkbox-ios.yellow:checked+em,
    input[type="checkbox"].kui-switch.yellow:checked+em {
        background-color: #ffc107;
        border: 1px solid #ffc107;
        box-shadow: inset 0 0 0 10px #ffc107
    }
    input[type="checkbox"].kui-checkbox-ios.grey:checked+em,
    input[type="checkbox"].kui-switch.grey:checked+em {
        background-color: #aaa;
        border: 1px solid #aaa;
        box-shadow: inset 0 0 0 10px #aaa
    }
    input[type="checkbox"].kui-checkbox-ios.black:checked+em,
    input[type="checkbox"].kui-switch.black:checked+em {
        background-color: #444;
        border: 1px solid #444;
        box-shadow: inset 0 0 0 10px #444
    }
    input[type="checkbox"].kui-checkbox {
        background: #fdfdfd;
        cursor: pointer;
        border: 1px solid #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', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif;
    font-variant-ligatures: no-common-ligatures;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    left: 0px;
    right: 0%;
    background: #fff
}

.ace_editor .ace_gutter-cell {
    cursor: pointer
}

.ace_editor .editor-full-screen,
.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', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}

.ace_editor.ace_autocomplete .ace_scrollbar-v {
    padding: 0px;
    right: 0px
}

.ace_editor.ace_autocomplete .ace_line {
    padding-left: 6px;
    line-height: 1.5em
}

.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
    background: #63acff !important;
    border-radius: 0px;
    z-index: 10
}

.ace_editor.ace_autocomplete .ace_line-hover {
    border: none;
    margin-top: 0;
    background: #e6e6e6;
    border-radius: 0px
}

.ace_editor.ace_autocomplete .ace_selected {
    color: #fff
}

.ace_editor.ace_autocomplete .ace_completion-highlight {
    color: #2882be
}

.ace_editor.ace_autocomplete .ace_rightAlignedText {
    color: #aaa
}

.ace_editor.ace_autocomplete .ace_selected .ace_completion-highlight {
    color: #cfe8ff !important
}

.ace_editor.ace_autocomplete .ace_selected .ace_rightAlignedText {
    color: #fff;
    z-index: 10;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: .9em
}

.ace_editor .ace_content .ace_marker-layer .ace_selected-word {
    background: rgba(210, 235, 255, 0.3);
    border: 1px solid #65b5f5;
    z-index: 10
}

.ace_editor .ace_content .ace_marker-layer .ace_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;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    width: auto
}

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

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

.dialog-form.form-box-title-block .form-box .form-row.form-button .setting-content {
    text-align: center
}

.dialog-form.form-box-title-block .form-box .form-row.inline {
    border: none;
    padding-right: 0;
    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: -2px
}

.form-box .info-alert a:hover,
.form-box .desc a:hover,
.form-box .info-alert a:active,
.form-box .desc a:active,
.form-box .info-alert a:focus,
.form-box .desc a:focus {
    background: #def
}

.form-box .panel-form-body {
    position: relative
}

.form-box .panel-form-body .line,
.form-box .panel-form-body hr {
    height: 1px;
    overflow: hidden;
    margin: 10px 5px;
    border: none;
    background: none;
    border-bottom: 1px dotted #e9eaea
}

.form-box .panel-form-body h1,
.form-box .panel-form-body h2,
.form-box .panel-form-body h3,
.form-box .panel-form-body h4,
.form-box .panel-form-body h5 {
    margin: .5em 0 0 5px;
    padding-bottom: .3em;
    border-bottom: 1px dotted #e6e6e6;
    line-height: 1.2em
}

.form-box .panel-form-body h1:before,
.form-box .panel-form-body h2:before,
.form-box .panel-form-body h3:before,
.form-box .panel-form-body h4:before,
.form-box .panel-form-body h5:before {
    content: " ";
    border-left: 4px solid #1890ff;
    border-radius: 4px;
    margin-right: .6em;
    font-size: .9em;
    position: relative;
    top: 0em;
    box-shadow: 0 1px 4px rgba(24, 144, 255, 0.3)
}

.form-box .panel-form-body .info-alert {
    text-align: left;
    padding: 10px
}

.form-box .panel-form-body .info-alert h1,
.form-box .panel-form-body .info-alert h2,
.form-box .panel-form-body .info-alert h3,
.form-box .panel-form-body .info-alert h4,
.form-box .panel-form-body .info-alert h5 {
    margin-left: 0;
    margin-bottom: .5em;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1)
}

.form-box .panel-form-body .info-alert h1:before,
.form-box .panel-form-body .info-alert h2:before,
.form-box .panel-form-body .info-alert h3:before,
.form-box .panel-form-body .info-alert h4:before,
.form-box .panel-form-body .info-alert h5:before {
    border-left-color: inherit;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05)
}

.form-box .panel-form-body .form-header-center {
    text-align: center;
    margin-bottom: 1.2em
}

.form-box .panel-form-body .form-header-center:before {
    display: none
}

.form-box .panel-form-body .form-header-center span {
    position: relative;
    top: 15px;
    padding: .3em .8em .4em .8em;
    border-radius: 60px;
    background: #1890ff;
    color: #e6f7ff
}

.form-box.config-box .form-header {
    height: 40px;
    background-image: -webkit-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image: -moz-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image: -o-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image: -ms-linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    background-image: linear-gradient(60deg, #efefef 0%, #f5f7fa 100%);
    border-bottom: 1px solid #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.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.item-not-empty>.setting-content:hover>input[disabled]+.input-clear,
.form-box .form-row.item-not-empty>.setting-content:hover>input[readonly]+.input-clear {
    visibility: hidden;
    opacity: 0
}

.form-box .form-row.item-not-empty.item-focus>.setting-content>input+.input-clear {
    visibility: hidden !important;
    opacity: 0 !important
}

.form-box .form-row.form-segment .input-clear,
.form-box .form-row.form-slider .input-clear {
    visibility: hidden !important;
    opacity: 0 !important
}

.form-box .form-row.form-htmlEditor textarea {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border-color: rgba(100, 100, 100, 0.1)
}

.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 {
    min-width: 268px;
    margin-right: 10px
}

.form-box .form-row.form-codeEditor {
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -moz-touch-callout: none !important;
    -ms-touch-callout: none !important;
    touch-callout: none !important
}

.form-box .form-row.form-codeEditor .ace_editor {
    border: 1px solid #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', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif
}

.form-box .form-row.form-segment button [class^="icon-"] {
    padding-right: .5em;
    opacity: .7
}

.form-box .form-row.form-textarea .desc {
    display: block
}

.form-box .form-row.form-colorImage .input-title-right i:before {
    content: "\efc4"
}

.form-box .form-row.form-textarea textarea {
    border: 1px solid #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;
    color: #444;
    margin-right: 10px;
    width: 100%;
    height: 130px;
    margin-bottom: 5px;
    border-radius: 2px;
    padding: 5px;
    box-sizing: border-box;
    transition: none
}

.form-box .form-row.form-textarea textarea:hover,
.form-box .form-row.form-textarea textarea:active {
    border-color: #75A1F0
}

.form-box .form-row.form-textarea textarea:focus {
    border-color: #75A1F0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(117, 161, 240, 0.3)
}

.form-box .form-row.form-textarea textarea.disabled,
.form-box .form-row.form-textarea textarea[readonly='true'],
.form-box .form-row.form-textarea textarea[readonly='readonly'] {
    opacity: .7;
    cursor: not-allowed
}

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

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

.form-box .form-row.form-textarea textarea:focus {
    box-shadow: 0 0 0 3px rgba(117, 161, 240, 0.33)
}

.form-box .form-row .setting-title {
    height: 30px;
    line-height: 30px;
    width: 120px;
    margin-right: 20px;
    padding-top: 5px;
    line-height: 1.2em;
    margin-top: 5px;
    float: left;
    position: relative;
    text-align: right;
    text-shadow: 0 0 1px #bbb;
    color: #666
}

.form-box .form-row .setting-title .desc {
    font-style: normal;
    position: relative;
    top: -1px
}

.form-box .form-row .setting-title .require {
    color: #ff5722;
    font-size: 20px;
    position: absolute;
    margin-top: 4px;
    padding: 0 0 0 5px
}

.form-box .form-row .setting-title.has-title:after {
    content: ":";
    opacity: .3;
    position: absolute
}

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

.form-box .form-row.clear+.form-row.inline {
    clear: both
}

.form-box .form-row .setting-title.no-title {
    height: 1px;
    line-height: 1px
}

.form-box .form-row .setting-title.no-title+.setting-content {
    padding-top: 0
}

.form-box .form-row.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-userSelect .setting-content>input {
    display: none
}

.form-row.form-cityPicker .setting-content>select,
.form-row.form-colorLabel .setting-content>select,
.form-row.form-fontIcon .setting-content>select,
.form-row.form-select .setting-content>select,
.form-row.form-tags .setting-content>select,
.form-row.form-auth .setting-content>select,
.form-row.form-group .setting-content>select,
.form-row.form-groupAuth .setting-content>select,
.form-row.form-job .setting-content>select,
.form-row.form-role .setting-content>select,
.form-row.form-user .setting-content>select,
.form-row.form-userGroup .setting-content>select,
.form-row.form-userSelect .setting-content>select {
    display: none
}

.form-row.form-cityPicker .desc,
.form-row.form-colorLabel .desc,
.form-row.form-fontIcon .desc,
.form-row.form-select .desc,
.form-row.form-tags .desc,
.form-row.form-auth .desc,
.form-row.form-group .desc,
.form-row.form-groupAuth .desc,
.form-row.form-job .desc,
.form-row.form-role .desc,
.form-row.form-user .desc,
.form-row.form-userGroup .desc,
.form-row.form-userSelect .desc {
    margin-top: 5px
}

.form-row .desc:empty {
    display: none !important
}

.form-row.form-userSelect .setting-title {
    padding-top: 15px
}

.form-row.form-userSelect .setting-content .select-user-box {
    background: #f8fcff;
    padding: 10px 5px;
    border-radius: 2px
}

.form-row.form-userSelect .btn-group.btn-group-segment .btn {
    color: #666
}

.form-row.form-userSelect .btn-group.btn-group-segment .btn .font-icon {
    opacity: .7
}

.form-row.form-slider .slider.slider-horizontal {
    width: 252px;
    margin-right: 17px;
    height: 30px
}

.form-row.form-slider .slider .tooltip {
    pointer-events: none
}

.form-row.form-color .color-picker-view .font-icon {
    width: 18px;
    height: 18px;
    font-size: 20px
}

.form-row.form-cityPicker .city-picker-span {
    height: 28px;
    width: 258px;
    line-height: 28px;
    padding: 0px 4px 0 5px
}

.form-row.form-cityPicker .city-picker-span .arrow {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    text-align: center;
    height: 100%;
    width: 38px;
    line-height: 28px;
    border-left: 1px solid #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%
}

.app-wap-small .dialog-form.form-box-title-block .form-box .form-row.form-row.form-userSelect span.select2-container {
    width: 100% !important
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line {
    position: relative;
    height: 55px;
    margin: 3px 0 0 0
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line.empty-desc {
    height: 42px
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line.empty-desc .setting-content {
    height: 42px
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-title {
    position: relative;
    z-index: 10;
    font-size: 14px;
    pointer-events: none
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content {
    position: absolute;
    top: 0px;
    right: 10px;
    left: 10px;
    width: inherit;
    height: 55px;
    box-sizing: border-box
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content:hover {
    background: rgba(150, 150, 150, 0.05)
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content label {
    position: absolute;
    right: 0;
    left: 10px;
    height: 100%;
    margin-right: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1)
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content em {
    position: absolute;
    right: 0;
    margin-top: 9px;
    margin-right: 0
}

.dialog-form.form-box-title-block .form-box .form-row.form-switch.switch-block-line .setting-content .desc {
    position: absolute;
    left: 0;
    margin-top: 32px;
    font-size: 13px
}

span.select2-container .select2-dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #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
}

span.select2-container .select2-selection .select2-selection__rendered .path-ico {
    padding: 0;
    padding-right: 3px
}

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

span.select2-container .select2-selection .select2-selection__rendered .path-ico .x-item-icon.x-folder {
    width: 20px
}

span.select2-container .select2-selection .select2-selection__choice {
    background-color: #edf5ff;
    color: #3a96ff;
    border-color: #badaff;
    height: 22px;
    line-height: 22px;
    border-radius: 15px;
    margin: 4px 4px 0px 0px
}

span.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    float: right;
    font-size: 15px;
    color: #3a96ff;
    width: 20px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    margin-right: -2px
}

span.select2-container .select2-selection__choice__remove:hover,
span.select2-container .select2-selection__choice__remove:active,
span.select2-container .select2-selection__choice__remove:focus {
    color: #0063d3
}

span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px
}

span.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 5px
}

span.select2-container:hover .select2-selection .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: 400px
}

span.select2-container .select2-results__option {
    position: relative;
    padding: 6px 6px 6px 15px
}

span.select2-container .select2-search--inline .select2-search__field {
    padding-top: 1px;
    padding-left: 5px
}

span.select2-container .select2-results__option[aria-selected=true],
span.select2-container .select2-results__option[aria-selected=true].select2-results__option--highlighted,
span.select2-container .select2-results__option[aria-selected=true]:hover,
span.select2-container .select2-results__option[aria-selected=true]:active {
    background: #edf5ff;
    color: #3a96ff
}

span.select2-container .select2-results__option[aria-selected=true]:hover,
span.select2-container .select2-results__option[aria-selected=true]:active,
span.select2-container .select2-results__option[aria-selected=true]:focus {
    background: #e2f0ff
}

span.select2-container .select2-results__option[aria-selected=true]:after {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7b";
    color: #3a96ff;
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 18px
}

span.select2-container .select2-results__option--highlighted[aria-selected] {
    background: #e2f0ff;
    color: #3a96ff
}

.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: 2px;
    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: 7px;
    text-shadow: 0 0 1px #fff, 0 0 2px rgba(0, 0, 0, 0.2)
}

span.select2-container.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label {
    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
}

.form-box .form-row.form-colorLabel.inline {
    margin-left: -21px;
    border-radius: 0 3px 3px 0
}

.form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-radius: 0px 4px 4px 0
}

span.select2-container {
    margin-right: 10px;
    max-width: 100%
}

span.select2-container.select2-container--disabled {
    opacity: .5
}

span.select2-container .path-ico {
    font-size: 16px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    padding-right: 6px;
    color: #999
}

span.select2-container .path-ico .font-icon {
    font-size: 14px;
    padding-right: 10px;
    width: 13px
}

span.select2-container .path-ico .x-item-icon {
    position: relative;
    top: 1px
}

span.select2-container .path-ico .picture.ico img {
    width: 16px;
    height: 16px;
    vertical-align: bottom
}

span.select2-container .search-match {
    font-weight: inherit;
    background: #ffe58f;
    padding: 3px 0;
    border-radius: 2px
}

span.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid #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
}

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

span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    float: left;
    width: 62px;
    height: 62px;
    line-height: 24px;
    border: 1px solid #eee;
    padding: 1px 0px 1px 1px;
    margin: 0 -1px -1px 0;
    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: #1890ff15
}

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

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

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

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

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

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

.form-box .form-row.form-userSelect .setting-content .user-select-role select {
    width: 360px;
    min-width: 360px
}

.form-box .form-row.form-userSelect .setting-content .user-select-role .select2-container .select2-selection--multiple .select2-search--inline {
    line-height: 20px
}

.form-box .form-row .setting-content .kod-select {
    width: 268px;
    height: 30px;
    max-width: 100%;
    border-radius: 3px;
    border: 1px solid #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: 10px;
    color: #666
}

.form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico {
    line-height: 15px;
    margin: -2px 5px 0 0;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    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-mutil {
    padding-bottom: 4px;
    min-height: 28px;
    height: auto
}

.form-box .form-row .setting-content .kod-select.select-mutil:hover,
.form-box .form-row .setting-content .kod-select.select-mutil:active,
.form-box .form-row .setting-content .kod-select.select-mutil:focus {
    border-color: #3a96ff
}

.form-box .form-row .setting-content .kod-select.select-mutil.open {
    border-radius: 3px 3px 0 0;
    border-color: #d6d7d7;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list {
    padding: 0 5px;
    max-height: 85px;
    overflow: auto
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice {
    float: left;
    background-color: #edf5ff;
    color: #3a96ff;
    padding: 0 8px 0 4px;
    border: 1px solid #badaff;
    line-height: 22px;
    border-radius: 15px;
    margin: 4px 4px 0px 0px
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove {
    float: right;
    font-size: 15px;
    width: 20px;
    line-height: 21px;
    text-align: center;
    position: relative;
    top: 1px;
    margin-right: -5px;
    color: #3a96ff
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:hover,
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:active,
.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:focus {
    color: #f44336
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    margin: 0
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img {
    top: 2px;
    left: -1px;
    vertical-align: top
}

.form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico svg {
    position: relative;
    top: 1px
}

.form-row .add-user-group {
    margin: 8px 0;
    display: block
}

.form-row .kod-select-main {
    display: inline-block;
    max-width: 100%
}

.form-row .kod-select-main.auth-table {
    display: block
}

.form-row .kod-select-main.auth-table .auth-select-box {
    padding: 0;
    border: 1px solid #e6e6e6
}

.form-row .kod-select-main.auth-table .auth-select-box .item-null {
    text-align: center;
    color: #bbb;
    line-height: 30px;
    height: 30px
}

.form-row .kod-select-main.auth-table .item-choice {
    border-top: 1px solid #eee;
    position: relative;
    border-bottom: 1px solid transparent;
    margin-top: -1px;
    -ms-transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.form-row .kod-select-main.auth-table .item-choice:nth-child(odd) {
    background: #f8f8f8
}

.form-row .kod-select-main.auth-table .item-choice.disabled {
    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: -6px;
    padding-right: 5px
}

.form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text,
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text,
.form-row .kod-select-main.auth-table .item-choice .item-content.item-parent .item-content-text,
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent .item-content-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.form-row .kod-select-main.auth-table .item-choice .item-content.item-name,
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name {
    width: 34%
}

.form-row .kod-select-main.auth-table .item-choice .item-content.item-parent,
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent {
    width: 20%
}

.form-row .kod-select-main.auth-table .item-choice .item-content.item-role,
.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role {
    width: 44%;
    border-right: none
}

.form-row .kod-select-main.auth-table .list-result {
    margin-top: 1px
}

.form-row .kod-select-main.auth-table .item-choice-title {
    display: block !important;
    background: #f3f3f3;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 800;
    color: #888;
    overflow: hidden;
    background: #fff url("../../images/common/bg.gif") 0 -5px repeat-x
}

.form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role {
    text-align: right;
    margin-left: -10px
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-title {
    opacity: 1;
    transition: all .2s
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all {
    position: absolute;
    right: -6%;
    left: 10px;
    visibility: hidden;
    opacity: .01;
    transition: all .2s;
    background: rgba(33, 150, 243, 0.1)
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .auth-desc {
    position: absolute;
    left: 5px
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .auth-desc .font-icon {
    position: relative;
    top: -1px;
    font-weight: 400;
    font-size: 18px
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .select2-container {
    position: absolute;
    right: 5px;
    width: inherit !important;
    margin: 0
}

.form-row .kod-select-main.auth-table .item-choice-title .item-role .auth-all .select2-container .select2-selection--single {
    width: 100px;
    margin-right: 0;
    height: 25px;
    line-height: 25px;
    min-height: 20px;
    text-align: left;
    margin-top: 2px;
    position: relative
}

.form-row .kod-select-main.auth-table .item-choice-title:hover .item-role .auth-title,
.form-row .kod-select-main.auth-table .item-choice-title.select-open .item-role .auth-title {
    visibility: hidden;
    opacity: .01;
    transition: all .2s
}

.form-row .kod-select-main.auth-table .item-choice-title:hover .item-role .auth-all,
.form-row .kod-select-main.auth-table .item-choice-title.select-open .item-role .auth-all {
    visibility: visible;
    opacity: 1;
    transition: all .2s
}

.form-row .kod-select-main.auth-table .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
    text-overflow: clip
}

.form-row .kod-select-main.auth-table .select2-container .select2-selection--single .select2-selection__rendered .path-ico {
    width: 25px
}

.form-row .kod-select-main .path-ico {
    vertical-align: text-bottom
}

.form-row .kod-select-main .path-ico img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative
}

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

.form-row .kod-select-main .kod-select .clear-select {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 18px;
    right: 8px;
    top: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    margin-top: -11px;
    z-index: 99;
    background: #fff;
    color: #777;
    border: 1px solid #eee
}

.form-row .kod-select-main .kod-select .clear-select:hover,
.form-row .kod-select-main .kod-select .clear-select:active,
.form-row .kod-select-main .kod-select .clear-select:focus {
    background: #e6f7ff;
    color: #1890ff;
    border: 1px solid #91d5ff;
    font-weight: 800
}

.form-row .kod-select-main:hover .clear-select {
    display: block
}

.form-row .kod-select-main .kod-select.open .clear-select {
    display: block !important
}

.form-row .kod-select-main .kod-select .placeholder {
    line-height: 32px;
    left: 10px;
    position: absolute;
    opacity: .3;
    color: #666
}

.form-row .kod-select-main .auth-toolbar {
    position: absolute;
    z-index: 2;
    background: #fff;
    color: #666;
    right: 0;
    margin-top: -1px;
    margin-right: 5px;
    border: .5px solid #e6e6e6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    visibility: hidden;
    opacity: .001;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item {
    display: inline-block;
    padding: 4px 8px;
    cursor: pointer;
    -ms-transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border-left: .5px solid #eee
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item[data-action="clear"] {
    border-left: none
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item .font-icon {
    position: relative;
    top: 0px
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item:hover,
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item:active,
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item:focus {
    background: #e6f7ff;
    color: #1890ff
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable {
    cursor: not-allowed
}

.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:hover,
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:active,
.form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:focus {
    background: #fff;
    color: #666
}

.form-row .kod-select-main:hover .auth-toolbar {
    visibility: visible;
    opacity: 1
}

.form-select2-dropdown-type-group-auth {
    min-width: 200px
}

.kod-user-group-select {
    position: absolute;
    overflow: hidden;
    display: none;
    border: 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: #eee
}

.kod-user-group-select .group-list-tree li a.tree-node.this,
.kod-user-group-select .group-list-search .search-item.this {
    background: #edf5ff;
    color: #3a96ff
}

.kod-user-group-select .group-list-tree li a.tree-node.this .check-icon:before,
.kod-user-group-select .group-list-search .search-item.this .check-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7b"
}

.kod-user-group-select .group-list-tree li a.tree-node.this:hover,
.kod-user-group-select .group-list-search .search-item.this:hover,
.kod-user-group-select .group-list-tree li a.tree-node.this.hover,
.kod-user-group-select .group-list-search .search-item.this.hover,
.kod-user-group-select .group-list-tree li a.tree-node.this:active,
.kod-user-group-select .group-list-search .search-item.this:active {
    background: #badaff
}

.kod-user-group-select .group-list-tree li a.tree-node.group-status-0,
.kod-user-group-select .group-list-search .search-item.group-status-0,
.kod-user-group-select .group-list-tree li a.tree-node.user-status-0,
.kod-user-group-select .group-list-search .search-item.user-status-0 {
    opacity: .4
}

.kod-user-group-select .group-list-tree li a.tree-node .item-select,
.kod-user-group-select .group-list-search .search-item .item-select {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 1.1em;
    width: 28px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    z-index: 50;
    padding: 0;
    color: rgba(0, 0, 0, 0.2)
}

.kod-user-group-select .group-list-tree li a.tree-node .item-select:hover,
.kod-user-group-select .group-list-search .search-item .item-select:hover {
    background: rgba(0, 0, 0, 0.05)
}

.kod-user-group-select .group-list-tree li a.tree-node .item-select .font-icon,
.kod-user-group-select .group-list-search .search-item .item-select .font-icon {
    width: 26px;
    line-height: 26px;
    position: relative;
    top: -2px
}

.kod-user-group-select .group-list-tree li a.tree-node.this .item-select,
.kod-user-group-select .group-list-search .search-item.this .item-select {
    color: #3b8cff
}

.kod-user-group-select .group-list-tree li a.tree-node:hover .item-select,
.kod-user-group-select .group-list-search .search-item:hover .item-select,
.kod-user-group-select .group-list-tree li a.tree-node:focus .item-select,
.kod-user-group-select .group-list-search .search-item:focus .item-select,
.kod-user-group-select .group-list-tree li a.tree-node:active .item-select,
.kod-user-group-select .group-list-search .search-item:active .item-select,
.kod-user-group-select .group-list-tree li a.tree-node.this .item-select,
.kod-user-group-select .group-list-search .search-item.this .item-select {
    display: block
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select,
.kod-user-group-select .group-list-search .search-item .children-select {
    display: none;
    position: absolute;
    right: 35px;
    top: 0px;
    font-size: 1.1em;
    width: 28px;
    height: 28px;
    line-height: 24px;
    cursor: pointer;
    text-align: center;
    z-index: 50;
    padding: 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.2)
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select:hover,
.kod-user-group-select .group-list-search .search-item .children-select:hover {
    background: rgba(0, 0, 0, 0.05)
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select .font-icon,
.kod-user-group-select .group-list-search .search-item .children-select .font-icon {
    border: 2px solid #007ee2;
    color: #3b8cff;
    font-weight: 800;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    margin-top: 4px;
    border-radius: 2px
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select .font-icon,
.kod-user-group-select .group-list-search .search-item .children-select .font-icon {
    border: none;
    font-weight: normal;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-empty .font-icon:before,
.kod-user-group-select .group-list-search .search-item .children-select.list-empty .font-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f260"
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-full .font-icon:before,
.kod-user-group-select .group-list-search .search-item .children-select.list-full .font-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f260"
}

.kod-user-group-select .group-list-tree li a.tree-node .children-select.list-has .font-icon:before,
.kod-user-group-select .group-list-search .search-item .children-select.list-has .font-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f261"
}

.kod-user-group-select .group-list-tree li a.tree-node:hover .children-select,
.kod-user-group-select .group-list-search .search-item:hover .children-select,
.kod-user-group-select .group-list-tree li a.tree-node:focus .children-select,
.kod-user-group-select .group-list-search .search-item:focus .children-select,
.kod-user-group-select .group-list-tree li a.tree-node:active .children-select,
.kod-user-group-select .group-list-search .search-item:active .children-select {
    display: block
}

.kod-user-group-select .group-list-tree li a.tree-node .check-icon,
.kod-user-group-select .group-list-search .search-item .check-icon {
    float: right;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    padding: 0;
    margin-top: 5px;
    margin-right: 5px;
    -ms-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.kod-user-group-select .group-list-tree li a.tree-node .check-icon:before,
.kod-user-group-select .group-list-search .search-item .check-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7b"
}

.kod-user-group-select .group-list-tree li a.tree-node .path-ico,
.kod-user-group-select .group-list-search .search-item .path-ico {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 20px;
    position: relative;
    top: -1px
}

.kod-user-group-select .group-list-tree li a.tree-node .path-ico .font-icon,
.kod-user-group-select .group-list-search .search-item .path-ico .font-icon {
    font-size: 18px
}

.kod-user-group-select.select-user .group-list-tree li a.tree-node .children-select {
    right: 0px
}

.kod-user-group-select .group-list-search {
    padding-bottom: 30px
}

.kod-user-group-select .group-list-search .search-item {
    cursor: pointer;
    padding-left: 10px
}

.kod-user-group-select .group-list-search .search-item .path-ico {
    padding-right: 8px
}

.kod-user-group-select .group-list-search .search-item .item-select .font-icon {
    top: 0
}

.kod-user-group-select .group-list-search .search-no-result {
    width: 100%;
    position: absolute;
    text-align: center;
    margin-top: 30px;
    color: #ccc;
    font-size: .9em
}

.kod-user-group-select .group-list-search .search-no-result:before {
    content: "\e604" !important;
    font-family: "kod-svg-font" !important
}

.kod-user-group-select .group-list-search .search-no-result:before {
    display: block;
    font-size: 100px;
    padding-left: 5px;
    text-shadow: 0 0 5px #ffffff
}

.kod-user-group-select .group-list-search .search-result-info {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: .9em;
    color: #bbb;
    background: #fafafa;
    border-top: 1px solid #eee
}

.kod-user-group-select .group-list-tree {
    padding-top: 0
}

.kod-user-group-select .group-list-tree .sub-menu {
    float: right;
    display: none;
    line-height: 20px;
    padding-right: 7px;
    font-size: 1.15em;
    color: #ddd
}

.kod-user-group-select .group-list-tree li a.curSelectedNode,
.kod-user-group-select .group-list-tree li a.curSelectedNode:hover,
.kod-user-group-select .group-list-tree li a.curSelectedNode.this:hover {
    background: #1890ff3d;
    color: #1890ff;
    box-shadow: 0 0 0 1px #1890ff
}

.kod-user-group-select .path-ico img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: -5px;
    position: relative
}

.kod-user-group-select .group-list-tree.ztree li a.tree-node span.tree_icon .path-ico img {
    top: 0;
    border-radius: 50%
}

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

.kod-user-group-select.select-user .group-list-tree li a.node-item-group .item-select {
    display: none !important
}

.kod-user-group-select .group-list-tree li a.tree-node.node-disable-select .item-select {
    display: none !important
}

.kod-user-group-select .group-list-tree li a.tree-node.node-append-group {
    background: #fafafa;
    color: #aaa;
    margin: 10px 0 0 0 !important
}

.kod-user-group-select .group-list-tree li a.tree-node.node-append-group .tree_icon {
    display: none
}

.kod-user-group-select .group-list-tree li a.tree-node.node-append-group:hover {
    background: #eee;
    color: #444
}

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

.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget .tree_icon .path-ico .font-icon {
    color: #ffac33;
    font-size: 19px
}

.kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget:hover {
    background: #eee;
    color: #444
}

.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .tree_icon .path-ico .font-icon {
    color: #1890ff;
    font-size: 19px
}

.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select {
    display: block
}

.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check {
    font-size: 14px;
    line-height: 24px;
    padding-left: 1px
}

.kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ec81"
}

.form-row .slider {
    min-width: 100px
}

.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 .form-table-main {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px
}

.form-box .form-row.form-table .form-table-main .list-row {
    display: table-row;
    border-bottom: 1px solid #eee;
    position: relative
}

.form-box .form-row.form-table .form-table-main .list-row:nth-child(even) {
    background: #fafafa
}

.form-box .form-row.form-table .form-table-main .list-row:hover,
.form-box .form-row.form-table .form-table-main .list-row:active,
.form-box .form-row.form-table .form-table-main .list-row:focus {
    background: #f8f8f8
}

.form-box .form-row.form-table .form-table-main .list-row.title {
    background: #f3f3f3;
    font-weight: bold;
    color: #888;
    border-top: 1px solid #e6e6e6
}

.form-box .form-row.form-table .form-table-main .list-row.title .list-col,
.form-box .form-row.form-table .form-table-main .list-row.title .form-row {
    border-color: #e6e6e6
}

.form-box .form-row.form-table .form-table-main .list-content {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.form-box .form-row.form-table .form-table-main .list-content.table-type-inline .form-box>.panel-form-body-main {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row .list-col,
.form-box .form-row.form-table .form-table-main .list-row .form-row {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 8px 10px;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.form-box .form-row.form-table .form-table-main .list-row .list-col pre,
.form-box .form-row.form-table .form-table-main .list-row .form-row pre {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    background: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row {
    padding: 2px 5px;
    margin: 0;
    padding-left: 15px
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-title {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    float: none;
    width: auto;
    padding: 2px 2px 2px 6px;
    margin: 0;
    overflow-y: hidden;
    overflow-x: auto
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>.desc,
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>label>.desc {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content>.select-user-box {
    padding: 0;
    margin: 0;
    background: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content .input-clear {
    margin-left: -30px
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide {
    display: table-cell !important;
    opacity: 1 !important
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide .setting-title {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.item-hide .setting-content {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    padding-left: 0;
    margin-left: -4px
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content .input-title-right {
    margin-left: -7px;
    position: relative
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row textarea,
.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row input.form-input-text {
    width: auto;
    margin: 0
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row>.clear {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row.form-select .setting-content {
    overflow: hidden
}

.form-box .form-row.form-table .form-table-main .list-row .row-action {
    display: none;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0 5px 0 0px;
    box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1)
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action {
    padding: 4px 5px;
    cursor: pointer;
    display: inline-block;
    color: #1890ff;
    border-radius: 3px;
    word-break: keep-all;
    position: relative;
    top: 4px;
    top: calc(50% - 13px)
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action .font-icon {
    position: relative;
    top: -1px
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:hover,
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:active,
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:focus {
    background: #e6f7ff
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag {
    display: inline-block;
    height: 100%;
    width: 50px;
    cursor: move;
    padding: 0;
    margin: 0;
    color: #1890ff;
    border-right: .5px solid #eef6ff;
    text-align: center;
    position: relative;
    top: 0px;
    left: px;
    vertical-align: top
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag .font-icon {
    position: relative;
    top: 50%;
    margin-top: -16px
}

.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:hover,
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:active,
.form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:focus {
    background: #e6f7ff
}

.form-box .form-row.form-table .form-table-main .list-row:hover .row-action,
.form-box .form-row.form-table .form-table-main .list-row:active .row-action {
    display: block
}

.form-box .form-row.form-table .form-table-main .list-content.can-not-sort .row-action .col-drag {
    display: none
}

.form-box .form-row.form-table .form-table-main .list-content.table-type-inline {
    box-shadow: none
}

.form-box .form-row.form-table .form-table-main .list-content.table-type-inline .col-action[action="edit"] {
    display: none
}

.form-box .form-row.form-table .list-row-empty {
    display: block;
    border-bottom: 1px solid #eee;
    margin: -5px 0 5px 0;
    padding: 8px 0;
    background: #fefefe;
    color: #aaa;
    text-align: center
}

.password-view {
    cursor: pointer;
    color: #888;
    position: absolute;
    border-radius: 4px;
    text-align: center;
    opacity: .4;
    padding: 4px 0;
    -ms-transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    line-height: 1em;
    width: 2em;
    margin-left: -2.2em;
    margin-top: .3em
}

.password-view:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ecb3"
}

.password-view:hover {
    background: rgba(150, 150, 150, 0.1);
    color: #1890ff;
    opacity: 1
}

.password-view.active {
    background: #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: .15em
}

.user-set .item-change-password .password-view {
    margin-left: -3em;
    margin-top: 4px
}

.user-set .item-change-password .title .password-view {
    margin-top: 8px
}

.form-box .form-row.form-input-text input.input-password {
    -webkit-text-security: disc
}

.form-box .form-row.form-input-text input.input-password.input-password-show {
    -webkit-text-security: inherit
}

.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: -66px;
    line-height: 28px;
    height: 28px
}

.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select {
    margin: 0
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container {
    margin: 0
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .kod-select,
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection {
    box-sizing: border-box;
    border-radius: 3px
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left,
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    z-index: 2
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left .font-icon,
.dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 26px
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding: 5px 12px
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size: 1.3em
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content input.form-input-text {
    height: 24px
}

.dialog-form.target-form.form-inline .form-box .form-row.form-switch .setting-content label,
.dialog-form.target-form.form-inline .form-box .form-row.form-radio .setting-content label,
.dialog-form.target-form.form-inline .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom: 0;
    margin-top: 2px
}

.dialog-form.target-form.form-inline .form-box .form-row.form-cityPicker .city-picker-span {
    line-height: 26px;
    height: 26px
}

.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height: 25px;
    margin-top: 2px
}

.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position: relative;
    top: -1px
}

.dialog-form.target-form.form-inline .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position: relative;
    top: -3px;
    overflow: auto;
    height: 27px
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height: 26px
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height: 27px;
    line-height: 27px
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    padding-top: 0
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height: 22px;
    line-height: 22px;
    margin-top: 1px
}

.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height: 22px;
    line-height: 22px;
    margin-top: -1px
}

.dialog-form.target-form.form-inline .form-box .form-row .setting-content .kod-select,
.dialog-form.target-form.form-inline .form-box .form-row span.select2-container .select2-selection {
    height: 28px;
    min-height: 28px;
    line-height: 28px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left,
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    display: inline-block;
    line-height: 24px;
    height: 24px;
    z-index: 2
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left .font-icon,
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 24px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding: 4px 10px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size: 1.3em
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content input.form-input-text {
    height: 22px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-switch .setting-content label,
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-radio .setting-content label,
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom: 0;
    margin-top: 1px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row.form-cityPicker .city-picker-span {
    line-height: 24px;
    height: 24px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height: 23px;
    margin-top: 3px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position: relative;
    top: -2px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position: relative;
    top: -3px;
    overflow: auto;
    height: 25px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height: 24px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height: 25px;
    line-height: 25px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    padding-top: 0
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height: 20px;
    line-height: 20px;
    margin-top: 1px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height: 20px;
    line-height: 20px;
    margin-top: -1px
}

.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .kod-select,
.dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row span.select2-container .select2-selection {
    height: 26px;
    min-height: 26px;
    line-height: 26px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left,
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    display: inline-block;
    line-height: 28px;
    height: 28px;
    z-index: 2
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left .font-icon,
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 28px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default {
    padding: 6px 14px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .btn-group.btn-group-segment>.btn.btn-default .font-icon {
    font-size: 1.3em
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content input.form-input-text {
    height: 26px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-switch .setting-content label,
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-radio .setting-content label,
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-checkbox .setting-content label {
    margin-bottom: 0;
    margin-top: 3px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row.form-cityPicker .city-picker-span {
    line-height: 28px;
    height: 28px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select .placeholder {
    line-height: 27px;
    margin-top: 1px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select.select-single .kod-select-title {
    position: relative;
    top: 0
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .kod-select-main .kod-select.select-mutil .select-list {
    position: relative;
    top: -3px;
    overflow: auto;
    height: 29px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection__rendered {
    line-height: 28px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline {
    height: 29px;
    line-height: 29px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    padding-top: 0
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection .select2-selection__choice {
    height: 24px;
    line-height: 24px;
    margin-top: 1px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection .select2-selection__choice select2-selection__choice__remove {
    height: 24px;
    line-height: 24px;
    margin-top: -1px
}

.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .kod-select,
.dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row span.select2-container .select2-selection {
    height: 30px;
    min-height: 30px;
    line-height: 30px
}

.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    margin-right: 0
}

.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content input.form-input-text {
    height: 26px
}

.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left,
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right {
    line-height: 25px;
    height: 25px
}

.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-left .font-icon,
.app-wap-small .dialog-form.target-form.form-inline .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 25px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    margin-right: 0
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content input.form-input-text {
    height: 24px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left,
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right {
    line-height: 23px;
    height: 23px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-left .font-icon,
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-small .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 23px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    margin-right: 0
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content input.form-input-text {
    height: 28px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left,
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right {
    line-height: 27px;
    height: 27px
}

.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-left .font-icon,
.app-wap-small .dialog-form.target-form.form-inline.form-inline-size-big .form-box .form-row .setting-content .input-title-right .font-icon {
    line-height: 27px
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment {
    background: #eee;
    border-radius: 5px;
    padding: 2px 2px 2px 1px
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default {
    margin: 0;
    border: none;
    background: transparent;
    border-radius: 4px;
    margin-left: 1px
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:hover {
    color: #222;
    background: rgba(150, 150, 150, 0.1)
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:focus {
    box-shadow: none;
    color: #222
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active,
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    background: transparent !important;
    border: none !important;
    color: #222 !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon,
.form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color: #222
}

.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment {
    background: #444
}

.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:hover {
    color: #fff
}

.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default:focus {
    color: #fff
}

.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active,
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover {
    background: #222 !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active .font-icon,
.dark-mode .form-box .form-row.form-segment.style-simple .btn-group.btn-group-segment>.btn.btn-default.btn-active:hover .font-icon {
    color: #fff
}

.form-box .form-row.form-checkbox.segment label {
    border-radius: 0;
    background: transparent;
    border: 1px solid rgba(150, 150, 150, 0.3);
    padding: 1px 5px;
    margin-right: -5px;
    position: relative;
    top: -3px
}

.form-box .form-row.form-checkbox.segment label input {
    opacity: 0;
    width: 0
}

.form-box .form-row.form-checkbox.segment label .font-icon {
    width: auto;
    padding-right: .1em;
    opacity: .8
}

.form-box .form-row.form-checkbox.segment label:hover {
    background: rgba(24, 144, 255, 0.1);
    border-color: rgba(24, 144, 255, 0.3)
}

.form-box .form-row.form-checkbox.segment label.select {
    background: #1890ff;
    border-color: #1d7cd4;
    color: #fff
}

.form-box .form-row.form-checkbox.segment.style-light label.select {
    background: rgba(24, 144, 255, 0.1);
    border-color: #1890ff;
    color: #1890ff
}

.form-box .form-row.form-checkbox.segment label:first-child {
    border-radius: 4px 0 0 4px
}

.form-box .form-row.form-checkbox.segment label:nth-last-child(3) {
    border-radius: 0 4px 4px 0
}

.form-box .form-row.style-size-auto.form-checkbox label,
.form-box .form-row.style-size-auto.form-radio label {
    width: 15%;
    margin-right: 0;
    box-sizing: border-box;
    white-space: nowrap
}

@media (max-width:500px) {
    .form-box .form-row.style-size-auto.form-checkbox label,
    .form-box .form-row.style-size-auto.form-radio label {
        width: 32%
    }
}

.form-box .form-row label.style-html {
    margin-right: 6px;
    margin-bottom: 9px
}

.form-box .form-row label.style-html input {
    display: none !important
}

.form-box .form-row label.style-html .input-item {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all .2s;
    box-sizing: border-box
}

.form-box .form-row label.style-html .input-item:hover {
    opacity: .7
}

.form-box .form-row label.style-html .input-item>div {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-size: cover !important;
    background-position: center !important
}

.form-box .form-row label.style-html .input-item:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7a";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    border-radius: 20px;
    transform: rotate(-60deg);
    color: #fff;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.form-box .form-row label.style-html .input-item:hover:before {
    visibility: hidden
}

.form-box .form-row label.style-html input:checked+.input-item,
.form-box .form-row label.style-html input:checked+em+.input-item {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2196f3
}

.form-box .form-row label.style-html input:checked+.input-item:before,
.form-box .form-row label.style-html input:checked+em+.input-item:before {
    visibility: visible;
    opacity: 1;
    right: 4px;
    transform: rotate(0)
}

.form-box .form-row label.style-html .input-item img {
    max-width: 100%;
    max-height: 100%
}

.form-box .form-row.form-radio .setting-content {
    white-space: normal
}

.form-box .form-row.form-checkbox .setting-content {
    white-space: normal
}

.dark-mode .form-box .form-row label.style-html input:checked+.input-item,
.dark-mode .form-box .form-row label.style-html input:checked+em+.input-item {
    box-shadow: 0 0 0 2px #262626, 0 0 0 4px #2196f3
}

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: 200px;
    padding: 10px 20px 20px 20px
}

.form-pop-view.pop-view-color-image .color-select {
    padding-top: 2px
}

.form-pop-view.pop-view-color-image .color-select .color-item {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    margin-right: 4px
}

.form-pop-view.pop-view-color-image .color-select .color-item:hover {
    opacity: .8
}

.form-pop-view.pop-view-image-select {
    width: 345px;
    height: 420px;
    padding: 0;
    max-height: 80%
}

.form-pop-view.pop-view-image-select .view-content {
    padding: 10px
}

.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect {
    position: absolute;
    top: -32px;
    right: 40px;
    width: 30px;
    padding: 0;
    margin: 0
}

.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect .btn.input-title-right {
    border: 1px solid transparent;
    width: 28px;
    height: 24px;
    line-height: 28px
}

.form-pop-view.pop-view-image-select .view-content .form-box.config-box .panel-form-body .form-fileSelect .btn.input-title-right:hover {
    border: 1px solid rgba(150, 150, 150, 0.1)
}

.form-pop-view.pop-view-image-select .search-input {
    border: 1px solid #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: 27px;
    line-height: 26px;
    padding: 0;
    border-radius: 0 3px 3px 0;
    color: #888888
}

.form-pop-view.pop-view-image-select .search .start-search:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f0d1"
}

.form-pop-view.pop-view-image-select .image-list {
    position: absolute;
    top: 80px;
    left: 0;
    bottom: 10px;
    right: 0;
    border-radius: 0 0 4px 4px;
    text-align: center;
    padding: 0px 5px 20px 10px
}

.form-pop-view.pop-view-image-select .image-list .load-more {
    display: none;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px
}

.form-pop-view.pop-view-image-select .image-list.has-more .load-more {
    display: inline-block
}

.form-pop-view.pop-view-image-select .image-list .list-view:after {
    content: "";
    display: block;
    float: none;
    clear: both
}

.form-pop-view.pop-view-image-select .image-item {
    width: 105px;
    height: 105px;
    position: relative;
    display: block;
    float: left;
    padding: 0;
    margin: 5px 5px 0 0;
    border-radius: 3px;
    cursor: pointer
}

.form-pop-view.pop-view-image-select .image-item:hover {
    box-shadow: 0 0 0 1px #00000020
}

.form-pop-view.pop-view-image-select .image-item.active {
    box-shadow: 0 0 0 2px #2196f37a
}

.form-pop-view.pop-view-image-select .image-item.active .desc {
    visibility: visible;
    opacity: 1
}

.form-pop-view.pop-view-image-select .image-item .image {
    width: 100%;
    height: 100%;
    background-color: #91919120;
    background-size: cover;
    background-position: center;
    display: block;
    border-radius: 3px;
    transition: all .2s
}

.form-pop-view.pop-view-image-select .image-item .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 5px;
    color: #fff;
    background: #0000003f;
    box-sizing: border-box;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    visibility: hidden;
    opacity: 0
}

.form-pop-view.pop-view-image-select .clear {
    display: block;
    clear: both;
    float: none
}

.form-pop-view.pop-view-image-select .image-item:hover .desc {
    visibility: visible;
    opacity: 1
}

.form-pop-view.pop-view-image-select .tips-info {
    background: #7c7c7c17;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 20px;
    line-height: 20px;
    margin-top: 20px
}

.dialog-form.target-form {
    padding: 0 !important
}

.dialog-form.target-form .form-box.config-box .panel-form-body {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 20px 0 40px 0px
}

.dialog-form.dialog-form-has-menu .aui-outer .aui-buttons {
    border-top: 1px solid #f3f3f3;
    padding: 10px 0 10px 0
}

.dialog-form.dialog-form-has-menu .tab-group .tab-item {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    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
}

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

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

::-webkit-input-placeholder,
::-ms-input-placeholder,
::-moz-placeholder {
    color: #aaa;
    font-size: .9em
}

.page-model-login {
    background: #f6f6f6;
    padding: 0px;
    margin: 0px;
    color: #666;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center
}

.page-model-login a {
    text-decoration: none;
    color: #adf
}

.page-model-login .background {
    position: fixed;
    overflow: hidden;
    z-index: 0;
    background: url() no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #0065B3
}

.page-model-login .menu-group {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    font-weight: 400
}

.page-model-login .menu-group a i.font-icon {
    padding-right: 5px
}

.page-model-login .language-list .language-menu {
    background: #2196F3;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.page-model-login .open .language-menu,
.page-model-login .language-menu:active,
.page-model-login .open .language-menu,
.page-model-login .language-menu:hover {
    background: #63acff;
    color: #fff
}

.page-model-login .language-list .dropdown-menu {
    width: 365px;
    padding: 10px 5px 10px 10px;
    left: 0;
    overflow: auto;
    border-radius: 0 3px 3px 3px;
    margin-top: -1px;
    margin-left: 0px;
    border: none
}

.page-model-login .language-list .dropdown-menu li {
    float: left;
    width: 120px;
    margin: 0 1px 1px 0
}

.page-model-login .language-list .dropdown-menu li a {
    padding: 3px 3px 3px 5px;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-model-login .language-list .dropdown-menu li a.this,
.page-model-login .language-list .dropdown-menu li a:focus,
.page-model-login .language-list .dropdown-menu li a:hover,
.page-model-login .language-list .dropdown-menu li a:active {
    background: #63acff;
    filter: none;
    color: #fff
}

.page-model-login .language-list .dropdown-menu.lang-small {
    width: 155px;
    padding: 10px 0px
}

.page-model-login .language-list .dropdown-menu.lang-small li {
    width: auto;
    float: none;
    margin: 0;
    margin-top: 1px
}

.page-model-login .loginbox {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 0, 0, 0.4);
    width: 430px;
    max-width: 430px;
    border-radius: 4px;
    margin: auto;
    position: absolute;
    z-index: 100;
    max-height: 95%;
    overflow-y: auto;
    left: 50%;
    margin-left: -215px
}

.page-model-login .loginbox.aero:before {
    filter: blur(10px);
    -webkit-filter: blur(10px)
}

.page-model-login .form {
    position: relative;
    padding: 10px 15px 50px 15px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 3px 3px;
    text-align: center;
    min-height: 260px
}

.page-model-login .form .actions {
    text-align: left;
    width: 242px;
    margin: 0 auto
}

.page-model-login .form .actions .checkbox {
    display: inline-block;
    border: none;
    margin: 0px;
    outline-offset: 0;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    min-height: 10px
}

.page-model-login .form .actions .checkbox:focus {
    outline-offset: 0;
    box-shadow: none
}

.page-model-login .form .actions label {
    display: inline-block;
    margin-bottom: 0px;
    border-radius: 4px;
    padding: 5px 4px 5px 4px;
    margin-left: -5px;
    font-weight: normal;
    max-width: 45%;
    white-space: nowrap;
    overflow: hidden
}

.page-model-login .form .actions .agreement label {
    max-width: 100%;
    white-space: inherit;
    overflow: visible;
    margin-right: 0;
    padding-right: 0
}

.page-model-login .form .actions label:active,
.page-model-login .form .actions label:hover {
    background: rgba(0, 0, 0, 0.05)
}

.page-model-login .form .actions .forget-password {
    float: right;
    margin: 0;
    padding: 5px 4px 5px 4px;
    margin-right: -2px;
    max-width: 45%;
    white-space: nowrap;
    overflow: hidden
}

.page-model-login .form .submit-button {
    border: none;
    outline: none;
    color: #fff;
    padding: 6px 0px;
    text-align: center;
    margin: 8px auto;
    cursor: pointer;
    width: 242px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #1890ff;
    background-color: #1890ff;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    transition: all .16s
}

.page-model-login .submit-button:hover {
    background: #007aea
}

.page-model-login .submit-button:active {
    box-shadow: 0 0 0 3px rgba(56, 144, 255, 0.2)
}

.page-model-login .form .url-link {
    cursor: pointer;
    color: #1890ff;
    padding: 6px 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    transition: all .16s
}

.page-model-login .form .url-link.link-bottom {
    margin: 20px 0 10px
}

.page-model-login .form .url-link:hover {
    background: rgba(24, 144, 255, 0.1)
}

.page-model-login .form .url-link:active {
    background: rgba(24, 144, 255, 0.3)
}

.page-model-login .loginbox .form {
    user-select: none;
    overflow: hidden
}

.page-model-login .loginbox .title {
    width: 100%;
    height: 150px;
    background: rgba(0, 0, 0, 0.1);
    font-weight: 100;
    color: #fff;
    padding-top: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.page-model-login .loginbox .title .logo {
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    height: 120px
}

.page-model-login .loginbox .title .logo.logo-image img {
    max-width: 400px;
    max-height: 100px;
    position: relative
}

.page-model-login .loginbox .title .logo.logo-image .logo-text {
    font-size: 32px;
    font-weight: 300;
    width: 100%;
    max-width: 90%;
    display: inline-block;
    padding-top: 25px;
    position: relative;
    z-index: 10
}

.page-model-login .loginbox .title .logo.logo-image .logo-text i {
    margin-right: .5em
}

.page-model-login .loginbox .title .logo-text {
    -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(70%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background-image: -webkit-linear-gradient(60deg, #FFFFFF, #14A1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-model-login .loginbox .title .info {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 115px
}

.page-model-login .inputs {
    padding: 50px 0px 0px 0px
}

.page-model-login .inputs .input-item {
    margin: 0 auto 15px auto;
    text-align: center
}

.page-model-login .inputs .input-item span {
    display: block;
    float: left;
    width: 80px;
    line-height: 30px;
    height: 30px
}

.page-model-login .inputs .input-item input {
    height: 30px;
    width: 201px;
    line-height: 25px;
    padding: 0;
    border-radius: 3px;
    padding-left: 40px;
    margin-left: -33px;
    border: 1px solid #bbb
}

.page-model-login input:-webkit-autofill {
    box-shadow: inset 0 0 0 40px #fff
}

.page-model-login .inputs .input-item input:focus,
.page-model-login input:focus {
    border-color: #3890ff;
    box-shadow: inset 0 0 0 40px #fff, 0 0 0 4px rgba(56, 144, 255, 0.15)
}

.page-model-login .inputs .input-item .font-icon {
    border-radius: 2px 0 0 2px;
    height: 32px;
    width: 30px;
    line-height: 30px;
    color: #fff;
    background: #b6b6b6;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    position: relative;
    z-index: 2
}

.page-model-login .inputs .check-code input {
    width: 120px;
    border-radius: 3px 0 0 3px
}

.page-model-login .inputs .check-code img {
    cursor: pointer;
    margin-left: -6px;
    position: relative;
    width: 82px;
    height: 30px;
    border-radius: 0 3px 3px 0;
    border: 1px solid #bbb;
    vertical-align: top
}

.page-model-login .from-line {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
    margin-top: -5px;
    margin-bottom: 10px;
    margin: 20px auto;
    width: 90%
}

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

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

.page-model-login .loginbox .license-box .form-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    color: #aaa;
    margin: 0;
    margin-left: -15px;
    padding: 10px 0;
    background: rgba(146, 196, 255, 0.15);
    border-radius: 0 0 3px 3px;
    border-top: 1px solid rgba(146, 196, 255, 0.2)
}

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

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

.page-model-login .loginbox .license-box .content-regist-offline textarea:focus {
    border-color: #75A1F0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(117, 161, 240, 0.3)
}

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

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

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

.page-model-login .loginbox .license-box .content-regist-offline .item-title {
    color: #888;
    font-weight: 800;
    border-left: 4px solid #40a9ff;
    padding-left: 10px;
    margin: 2px 0 5px 1px;
    text-align: left
}

.page-model-login .loginbox .license-box .content-regist-offline .desc {
    font-size: .9em;
    color: #888;
    font-style: normal;
    background: #E6F7FE;
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px;
    width: 220px;
    text-align: left
}

.page-model-login .loginbox .license-box .content-regist-offline .input-item {
    padding-left: 30px
}

.page-model-login .loginbox .license-box .content-regist-offline .regist-link {
    width: 315px;
    background: #fafafa;
    padding: 0 10px;
    color: #40a9ff;
    margin-left: -30px
}

.page-model-login .loginbox .license-box .content-regist-offline textarea {
    margin-left: -30px
}

.page-model-login .loginbox .license-box .content-regist-offline textarea,
.page-model-login .loginbox .license-box .content-regist-offline .desc {
    width: 315px
}

.page-model-login .admin-password,
.page-model-login .admin-password-repeat {
    padding: 20px 0px 0px 0;
    text-align: center
}

.page-model-login .admin-password input,
.page-model-login .admin-password-repeat input {
    width: 200px;
    padding: 4px 6px;
    height: 35px;
    text-align: center
}

.page-model-login .admin-password-repeat {
    padding: 10px 0px 0px 0
}

.page-model-login .input-item .input-button {
    cursor: pointer;
    position: relative;
    margin: 0 0 0 -5px;
    width: 66px;
    height: 30px;
    line-height: 27px;
    padding: 0 8px;
    border-radius: 0 3px 3px 0;
    border: 1px solid #bbb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    -webkit-appearance: none;
    appearance: none;
    background: #fff
}

.page-model-login .loginbox .guest {
    padding-top: 5px;
    position: relative
}

.page-model-login .loginbox .guest a {
    padding: 6px 0px;
    color: #217ef2;
    width: 242px;
    border-radius: 4px;
    border: 1px solid #217ef2;
    background: #1890ff14;
    display: inline-block
}

.page-model-login .loginbox .guest a i {
    padding-left: 8px
}

.page-model-login .loginbox .guest a:hover,
.page-model-login .loginbox .guest a:active {
    color: #f60;
    border-color: #f60;
    background: #ff660015
}

.page-model-login .common-footer,
.install-box .common-footer {
    bottom: 0px;
    border: none;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    height: 30px;
    line-height: 30px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15), 0 -1px 0 1px rgba(0, 0, 0, 0.05)
}

.page-model-login .common-footer .footer-content,
.install-box .common-footer .footer-content {
    background: rgba(0, 0, 0, 0.15);
    color: #fff
}

.install-box .common-footer .copyright-open {
    display: none
}

.common-footer .footer-content {
    z-index: 5;
    position: relative
}

.dialog-copyright .dialog-copyright-content .content a,
.check-version-dialog .aui-content .content a,
.common-footer .footer-content a,
.dialog-copyright .dialog-copyright-content .content .btn,
.check-version-dialog .aui-content .content .btn,
.common-footer .footer-content .btn {
    color: #1890ff;
    text-decoration: none;
    padding: .2em .15em;
    border-radius: 2px;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.dialog-copyright .dialog-copyright-content .content a:hover,
.check-version-dialog .aui-content .content a:hover,
.common-footer .footer-content a:hover,
.dialog-copyright .dialog-copyright-content .content .btn:hover,
.check-version-dialog .aui-content .content .btn:hover,
.common-footer .footer-content .btn:hover {
    color: #1890ff;
    background: rgba(24, 144, 255, 0.2)
}

.dialog-copyright .dialog-copyright-content .content .btn,
.check-version-dialog .aui-content .content .btn,
.common-footer .footer-content .btn {
    margin-top: -2px
}

.install-box .common-footer .footer-content,
.page-model-login .common-footer .footer-content {
    text-shadow: 0 0 0 #fff, 0 0 3px rgba(0, 0, 0, 0.6)
}

.install-box .common-footer .footer-content a,
.page-model-login .common-footer .footer-content a,
.install-box .common-footer .footer-content .btn,
.page-model-login .common-footer .footer-content .btn {
    color: #e7f4ff;
    text-shadow: 0 0 0 #1890ff, 0 0 2px #1890ff
}

.install-box .common-footer .footer-content a:hover,
.page-model-login .common-footer .footer-content a:hover,
.install-box .common-footer .footer-content .btn:hover,
.page-model-login .common-footer .footer-content .btn:hover {
    color: #fff;
    background: rgba(24, 144, 255, 0.6)
}

.page-model-login .agreement .agree-link,
.artDialog.agreement-dg .link-box .agree-link {
    cursor: pointer;
    color: #1890ff;
    transition: all .16s;
    text-decoration: none;
    padding: 2px 1px;
    border-radius: 3px
}

.page-model-login .agreement .agree-link:hover,
.artDialog.agreement-dg .link-box .agree-link:hover {
    background: rgba(24, 144, 255, 0.1)
}

.bg-banner-fly {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-fly:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image: -moz-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image: -o-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image: -ms-linear-gradient(bottom, #2c41b3, #222b5d);
    background-image: linear-gradient(bottom, #2c41b3, #222b5d)
}

.bg-banner-fly:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/fly.png") 100px -300px
}

.bg-banner-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-box:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -moz-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -o-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -ms-linear-gradient(bottom, #00a9fb, #084998);
    background-image: linear-gradient(bottom, #00a9fb, #084998)
}

.bg-banner-box:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/box.png") 180px -220px
}

.bg-banner-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-dots:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -moz-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -o-linear-gradient(bottom, #00a9fb, #084998);
    background-image: -ms-linear-gradient(bottom, #00a9fb, #084998);
    background-image: linear-gradient(bottom, #00a9fb, #084998)
}

.bg-banner-dots:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/dots.png") 180px -220px
}

.bg-banner-light {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-light:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: linear-gradient(bottom, #fdfeff, #daf3ff)
}

.bg-banner-light:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/fly.png") 80px -220px
}

.bg-banner-light:after {
    opacity: .2
}

.bg-banner-light-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-light-box:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: linear-gradient(bottom, #fdfeff, #daf3ff)
}

.bg-banner-light-box:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/box.png") 80px -220px
}

.bg-banner-light-box:after {
    opacity: .2
}

.bg-banner-light-fly {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-light-fly:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: linear-gradient(bottom, #fdfeff, #daf3ff)
}

.bg-banner-light-fly:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/fly.png") 80px -220px
}

.bg-banner-light-fly:after {
    opacity: .2
}

.bg-banner-light-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-light-dots:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -moz-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -o-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: -ms-linear-gradient(bottom, #fdfeff, #daf3ff);
    background-image: linear-gradient(bottom, #fdfeff, #daf3ff)
}

.bg-banner-light-dots:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/banner/dots.png") 80px -220px
}

.bg-banner-light-dots:after {
    opacity: .2
}

.bg-banner-default {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bg-banner-default:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: none;
    background-image: -webkit-linear-gradient(bottom, #084998, #00a9fb);
    background-image: -moz-linear-gradient(bottom, #084998, #00a9fb);
    background-image: -o-linear-gradient(bottom, #084998, #00a9fb);
    background-image: -ms-linear-gradient(bottom, #084998, #00a9fb);
    background-image: linear-gradient(bottom, #084998, #00a9fb)
}

.bg-banner-default:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../images/common/login.png") 0 0
}

.drag-resize {
    position: absolute;
    z-index: 10;
    -ms-transition: background .16s;
    -webkit-transition: background .16s;
    -moz-transition: background .16s;
    -o-transition: background .16s;
    transition: background .16s
}

.drag-resize:hover {
    background: rgba(64, 169, 255, 0.04)
}

.drag-resize.active,
.drag-resize:active,
.drag-resize:focus {
    background: rgba(64, 169, 255, 0.15);
    z-index: 999999;
    -ms-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.drag-resize.active.drag-resize-default {
    background: rgba(64, 169, 255, 0.3)
}

.drag-resize.active.drag-resize-min,
.drag-resize.active.drag-resize-max {
    background: rgba(64, 169, 255, 0.04)
}

.drag-resize.active:before {
    position: fixed;
    z-index: 5;
    content: "";
    background: transparent;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.drag-resize.drag-resize-x {
    width: 9px;
    margin-left: -4px;
    top: 0;
    bottom: 0;
    cursor: col-resize
}

.drag-resize.drag-resize-x.drag-at-after {
    margin-left: 0;
    margin-right: -4px
}

.drag-resize.drag-resize-x.drag-resize-min {
    cursor: e-resize
}

.drag-resize.drag-resize-x.drag-resize-max {
    cursor: w-resize
}

.drag-resize.drag-resize-x.drag-at-after.drag-resize-min {
    cursor: w-resize
}

.drag-resize.drag-resize-x.drag-at-after.drag-resize-max {
    cursor: e-resize
}

.drag-resize.drag-resize-y {
    height: 9px;
    margin-top: -4px;
    left: 0;
    right: 0;
    cursor: row-resize
}

.drag-resize.drag-resize-y.drag-at-after {
    margin-top: 0;
    margin-bottom: -4px
}

.drag-resize.drag-resize-y.drag-resize-min {
    cursor: s-resize
}

.drag-resize.drag-resize-y.drag-resize-max {
    cursor: n-resize
}

.drag-resize.drag-resize-y.drag-at-after.drag-resize-min {
    cursor: n-resize
}

.drag-resize.drag-resize-y.drag-at-after.drag-resize-max {
    cursor: s-resize
}

.drag-resize:after {
    content: ' ';
    border-radius: 20px;
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.drag-resize.active:after,
.drag-resize:hover:after {
    background: rgba(0, 0, 0, 0.2)
}

.drag-resize.drag-resize-x:after {
    width: 4px;
    height: 32px;
    margin-left: -2px;
    margin-top: -16px;
    top: 50%
}

.drag-resize.drag-resize-y:after {
    height: 4px;
    width: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -2px
}

.drag-resize:after {
    backdrop-filter: none;
    border-radius: 0;
    border: 1px solid #ddd;
    background: transparent
}

.drag-resize.drag-resize-x:after {
    width: 1px;
    height: 18px;
    margin-left: -1px;
    margin-top: -9px;
    border-top: none;
    border-bottom: none
}

.drag-resize.drag-resize-y:after {
    height: 1px;
    width: 18px;
    margin-left: -9px;
    margin-top: -1px;
    border-left: none;
    border-right: none
}

.drag-resize.active:after,
.drag-resize:hover:after {
    background: transparent
}

.drag-resize.drag-resize-y:after {
    display: none
}

.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 {
    width: 110px !important;
    min-width: inherit !important
}

.file-rename-mutil-dialog .data-from .form-row.inline+.inline {
    padding-top: 2px
}

.file-rename-mutil-dialog .data-from .form-row .setting-title {
    display: none !important
}

.file-rename-mutil-dialog .data-from .form-row .setting-content .input-title-right {
    margin: 0 5px 0 -10px
}

.file-rename-mutil-dialog .data-from .form-row input {
    margin-right: 2px
}

.file-rename-mutil-dialog .data-from .form-target-save {
    display: none !important
}

.file-rename-mutil-dialog .data-from .rename-start {
    position: absolute;
    right: 20px;
    top: 0;
    margin-top: 9px
}

.file-rename-mutil-dialog .data-from .rename-start.disabled {
    pointer-events: none
}

.file-rename-mutil-dialog .data-from .form-row.item-replaceSet.form-codeEditor .setting-content {
    position: absolute;
    top: 3px;
    left: 140px;
    width: 55%;
    padding: 0
}

.file-rename-mutil-dialog .actions .btn.clear-finished {
    border-radius: 3px 0px 0 3px
}

.file-rename-mutil-dialog .actions .btn.clear-all {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.tag-edit-body .header {
    padding: 0
}

.tag-edit-body .header .panel-form-body {
    padding: 10px 0 5px 0 !important;
    overflow: hidden !important
}

.tag-edit-body .header .panel-form-body .form-row {
    padding: 2px 16px
}

.tag-edit-body .header .panel-form-body .form-row.inline+.form-row.inline {
    margin: -5px 0 0 0
}

.tag-edit-body .header .action {
    padding: 0 16px;
    display: none
}

.tag-edit-body .header .line {
    margin: 0 15px 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: 2px;
    margin-right: 5px
}

.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.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: 1px solid rgba(100, 100, 100, 0.15);
    margin-top: 4px;
    margin-bottom: 4px
}

.group-tag-edit-body .group-tag-view .item-content,
.context-menu-item.file-tag-view .item-content {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    max-height: 300px;
    overflow: auto
}

.group-tag-edit-body .group-tag-view .item-content:after,
.context-menu-item.file-tag-view .item-content:after {
    content: "";
    clear: both;
    display: block
}

.group-tag-edit-body .group-tag-view .list-empty,
.context-menu-item.file-tag-view .list-empty {
    text-align: center;
    margin: 15px 10px
}

.group-tag-edit-body .group-tag-view .list-empty img,
.context-menu-item.file-tag-view .list-empty img {
    width: 150px;
    display: block;
    margin: 0 auto
}

.group-tag-edit-body .group-tag-view .list-empty .text,
.context-menu-item.file-tag-view .list-empty .text {
    opacity: .5;
    display: block;
    padding: 15px 10px 0 15px;
    white-space: normal;
    line-height: 1.2em
}

.group-tag-edit-body .group-tag-view .item-content .item,
.context-menu-item.file-tag-view .item-content .item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    float: left;
    max-width: 88px;
    min-width: 30px;
    padding: 2px 6px 1px 6px;
    margin: 0 5px 5px 0;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background: rgba(150, 150, 150, 0.05);
    border: 1px solid rgba(150, 150, 150, 0.1)
}

.group-tag-edit-body .group-tag-view .item-content .item:hover,
.context-menu-item.file-tag-view .item-content .item:hover {
    background: rgba(150, 150, 150, 0.2)
}

.group-tag-edit-body .group-tag-view .item-content .item .x-item-icon.label,
.context-menu-item.file-tag-view .item-content .item .x-item-icon.label {
    top: 2px;
    margin-right: 0
}

.group-tag-edit-body .group-tag-view .item-content .item.this,
.context-menu-item.file-tag-view .item-content .item.this {
    background: #e8f4ff;
    color: #1890ff;
    border-color: #63baff
}

.group-tag-edit-body .group-tag-view .item-content .item.this:after,
.context-menu-item.file-tag-view .item-content .item.this:after {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7a";
    text-shadow: 0 0 0 #fff, 0 0 1px #000;
    position: absolute;
    top: 5px;
    left: 6px;
    color: #fff;
    font-size: 12px
}

.group-tag-edit-body .group-tag-view .item-content .item,
.context-menu-item.file-tag-view .item-content .item,
.group-tag-edit-body .group-tag-view .item-add,
.context-menu-item.file-tag-view .item-add {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.group-tag-edit-body .group-tag-view .item-add,
.context-menu-item.file-tag-view .item-add {
    padding-left: 10px;
    cursor: pointer;
    height: 30px;
    line-height: 30px
}

.group-tag-edit-body .group-tag-view .item-add:before,
.context-menu-item.file-tag-view .item-add:before {
    font-family: "remixicon";
    font-style: normal;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eae3";
    padding-right: 8px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    color: #1890ff
}

.group-tag-edit-body .group-tag-view .item-add:hover,
.context-menu-item.file-tag-view .item-add:hover {
    background: #1890ff;
    color: #fff
}

.group-tag-edit-body .group-tag-view .item-add:hover:before,
.context-menu-item.file-tag-view .item-add:hover:before {
    color: #fff
}

.group-tag-edit-body .group-tag-view .item.add-tag,
.context-menu-item.file-tag-view .item.add-tag {
    height: 24px;
    width: 80px;
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
    overflow: visible
}

.group-tag-edit-body .group-tag-view .item.add-tag:hover,
.context-menu-item.file-tag-view .item.add-tag:hover {
    background: none
}

.group-tag-edit-body .group-tag-view .item.add-tag input,
.context-menu-item.file-tag-view .item.add-tag input {
    border: 1px solid rgba(150, 150, 150, 0.2);
    opacity: .5;
    border-radius: 20px;
    width: 80px;
    border: 1px solid #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.dialog-file-view {
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.page-explorer-file-view .artDialog.dialog-file-view .aui-title-bar {
    pointer-events: none
}

.page-explorer-file-view .artDialog.dialog-file-view .aui-title-bar .aui-btn-box {
    display: none !important
}

.page-explorer-file-view .artDialog.dialog-file-view.dplayer-dialog .dplayer-subtitle-btn {
    display: none
}

.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .aui-main {
    height: 154px !important
}

.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .jPlayer-music {
    min-height: inherit
}

.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .play-tools .right,
.page-explorer-file-view .artDialog.dialog-file-view.music-player-dialog .play-list {
    display: none
}

.page-explorer-file-view .artDialog.dialog-file-view.animated,
.page-explorer-file-view .artDialog.dialog-file-view .animated {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important
}

.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .edit-body {
    top: 29px
}

.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .tools .right,
.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .edit-tab {
    display: none
}

.page-explorer-file-view .artDialog.dialog-file-view.dialog-editor .tools .top-toolbar a[action="saveAll"] {
    display: none
}

.page-explorer-file-view #app .markdown-preview,
.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 .show-code .ace_editor {
    width: 100% !important;
    height: 100% !important
}

.page-explorer-file-view.share-page-main .content-box {
    box-shadow: none;
    background: none;
    position: static !important;
    top: inherit;
    bottom: inherit;
    left: inherit
}

.page-explorer-file-view .content-empty {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    opacity: .5
}

.page-explorer-file-view .content-empty svg {
    display: block;
    font-size: 100px;
    margin: 0 auto;
    margin-bottom: -40px
}

.file-image-print-dialog .dialog-content {
    top: 10px
}

.task-list-view {
    height: 100%;
    position: relative;
    overflow: auto
}

.task-list-view .list-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 15px 10px;
    min-width: 260px
}

.task-list-view .list-empty {
    position: absolute;
    top: -40px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 120px;
    text-align: center;
    color: #999
}

.task-list-view .list-empty .path-ico {
    font-size: 100px;
    width: 100px;
    height: 110px
}

.task-list-view .list-item {
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 7px;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    line-height: 1.5em;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.task-list-view .list-item .user-info {
    color: #888;
    cursor: default
}

.task-list-view .list-item .user-info .path-ico {
    overflow: initial;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 2px
}

.task-list-view .list-item .user-info img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff
}

.task-list-view .list-item .user-info .name-char {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    padding: 0;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.task-list-view .list-item:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.task-list-view .list-item .item {
    line-height: 1.5em;
    display: inline-block;
    margin-right: 5px
}

.task-list-view .list-item .item.user {
    margin-right: 10px
}

.task-list-view .list-item .item.title {
    background: #e6f7ff;
    color: #40a9ff;
    border: 1px solid #91d5ff;
    padding: 1px 5px;
    border-radius: 2px
}

.task-list-view .list-item .item.current {
    width: calc(100% - 130px);
    position: absolute;
    bottom: 7px;
    left: 7px;
    line-height: 14px
}

.task-list-view .list-item .item.current .info {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.task-list-view .list-item .item.current .info em {
    font-style: normal;
    padding-left: 4px;
    opacity: .7
}

.task-list-view .list-item .item.current .info.info-current {
    width: calc(100% - 100px)
}

.task-list-view .list-item .item.current .info.info-size {
    width: 100px;
    float: right;
    text-align: right
}

.task-list-view .list-item .item.percent {
    clear: both;
    float: none;
    margin: 4px 0px;
    display: block
}

.task-list-view .list-item .item.time {
    text-align: right;
    position: absolute;
    right: 100px;
    top: 10px
}

.task-list-view .list-item .item-time {
    display: none;
    padding-right: 10px;
    color: #8a929a
}

.task-list-view .list-item .item-time i {
    padding-right: 0px;
    color: #bbb;
    font-style: normal
}

.task-list-view .list-item .item-time i:after {
    content: ": "
}

.task-list-view .list-item .item-time 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
}

.task-list-view.task-user-notify .list-item .item.current .info-current {
    width: 90%
}

.task-list-view.task-user-notify .list-item .item.current .info.info-size {
    position: absolute;
    right: 0;
    z-index: 10;
    background: #ffffff2b;
    padding-left: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.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: 10px;
    right: 20px;
    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 .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 10px 50px 10px
}

.folder-readme-info.info-empty {
    display: none !important
}

.folder-readme-info.show-hide {
    display: inline-block;
    overflow: hidden;
    width: auto;
    padding: 10px
}

.folder-readme-info.show-hide .readme-content {
    padding-bottom: 0
}

.folder-readme-info.show-hide .markdown-preview {
    display: none !important
}

.folder-readme-info.show-hide .show-toggle:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea6e"
}

.folder-readme-info .show-toggle:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea4e";
    position: absolute;
    right: 5px;
    top: 8px
}

.folder-readme-info .readme-content {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    box-shadow: 2px 2px 0 1px rgba(0, 0, 0, 0.05);
    right: 10px;
    left: 0;
    padding-bottom: 20px
}

.folder-readme-info .readme-content .show-toggle {
    background: rgba(0, 0, 0, 0.01);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 35px;
    line-height: 32px;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    font-size: 16px;
    color: #aaa
}

.folder-readme-info .readme-content .show-toggle:hover,
.folder-readme-info .readme-content .show-toggle:active,
.folder-readme-info .readme-content .show-toggle:focus {
    color: #1890ff;
    background: rgba(0, 0, 0, 0.02)
}

.folder-readme-info .readme-content .info-title {
    line-height: 35px;
    background: #fbfbfb;
    padding-left: 15px;
    padding-right: 50px;
    color: #888;
    border-radius: 7px 7px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative
}

.folder-readme-info .readme-content .info-title:hover {
    background: #eee
}

.folder-readme-info .readme-content .markdown-preview {
    padding: 10px 15px;
    overflow: hidden;
    word-break: break-word
}

.file-embed-dialog .form-box.config-box .panel-form-body {
    background: none
}

.file-embed-dialog .form-box.config-box .panel-form-body .form-row .setting-content {
    overflow: visible
}

.file-embed-dialog .form-box.config-box .panel-form-body .form-row .setting-content .desc .btn-group {
    right: 0;
    top: 0px
}

.file-embed-dialog .header .logo.font-icon {
    font-size: 42px;
    left: 10px;
    top: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.file-embed-dialog .dialog-content {
    margin: 0;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.file-embed-dialog .dialog-content .embed-show {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px;
    transition: all .2s;
    box-shadow: 2px 2px 0 3px rgba(0, 0, 0, 0.05)
}

.file-embed-dialog .drag-resize,
.file-embed-dialog .data-from,
.file-embed-dialog .dialog-content {
    top: 81px
}

.file-embed-dialog .data-from {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0px;
    background: #fdfdfd;
    border-left: 1px solid #eee
}

.file-embed-dialog .data-from .form-content.dialog-form {
    height: 100%
}

.file-embed-dialog .data-from .form-content.dialog-form .form-box {
    height: 100%
}

.file-embed-dialog .data-from .form-content.dialog-form .panel-form-body-main {
    height: 100%
}

.file-embed-dialog .data-from .form-content.dialog-form .panel-form-body {
    height: 100%
}

.app-wap-small .file-embed-dialog .data-from .form-box .panel-form-body {
    top: 0 !important;
    padding-bottom: 10px !important
}

.app-wap-small.small-y .file-embed-dialog .file-embed-view {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.app-wap-small.small-y .file-embed-dialog .dialog-content {
    width: 100%;
    height: calc(60% - 80px);
    position: relative;
    right: 0;
    top: 0;
    overflow: auto
}

.app-wap-small.small-y .file-embed-dialog .drag-resize {
    display: none
}

.app-wap-small.small-y .file-embed-dialog .data-from {
    width: 100% !important;
    height: 40%;
    top: 60%;
    overflow: auto;
    border: none;
    border-top: 1px solid rgba(150, 150, 150, 0.1);
    background: rgba(150, 150, 150, 0.05)
}

.page-view-search {
    width: 860px;
    border-radius: 4px;
    margin: 20px auto;
    overflow: auto;
    background: #fff;
    border: 1px solid #e3eaef;
    box-shadow: 0 1px 2px 0 rgba(101, 129, 156, 0.1)
}

.page-view-search p {
    padding: 0;
    margin: 0
}

.page-view-search ul {
    margin: 0;
    padding: 0
}

.page-view-search li {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-view-search .info-alert {
    max-width: 40%;
    margin: 30px auto;
    padding: 20px
}

.page-view-search h3,
.page-view-search .share-header-info {
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding: 20px 10px 20px 30px;
    font-size: 22px;
    color: #666
}

.page-view-search .share-header-info .title-item {
    font-size: 13px;
    color: #888;
    margin-right: 5px
}

.page-view-search .share-header-info .title-item.item-name {
    display: block;
    font-size: 22px
}

.page-view-search .share-header-info .title-item.item-name a {
    color: #666;
    text-decoration: none
}

.page-view-search .share-header-info .path-ico {
    display: none
}

.page-view-search .address-info {
    margin: -20px 0 10px 0;
    padding: 4px 10px 4px 30px;
    background: #f5f7f9;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5
}

.page-view-search .address-info a {
    display: inline-block;
    border-radius: 3px;
    padding: 8px 8px;
    text-decoration: none;
    text-align: center;
    min-width: 20px
}

.page-view-search .address-info a:hover {
    background: #def
}

.page-view-search .list-file {
    padding: 10px 25px 30px 25px
}

.page-view-search .list-file .file-item {
    min-height: 30px;
    padding-top: 10px;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    color: #888;
    display: table
}

.page-view-search .list-file .file-item.header {
    background: #fafafa;
    color: #444;
    font-weight: 800
}

.page-view-search .list-file .file-item:hover {
    background: #fafafa
}

.page-view-search .list-file .file-item a {
    color: #444
}

.page-view-search .list-file .file-item .path-ico {
    display: inline-block;
    margin-right: 5px
}

.page-view-search .list-file .file-item .file-link {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -10px
}

.page-view-search .list-file .file-item .title-item {
    padding: 0 5px;
    display: table-cell
}

.page-view-search .list-file .file-item .title-item.item-name {
    width: 60%
}

.page-view-search .list-file .file-item .title-item.item-time {
    width: 120px
}

.page-view-search .list-file .file-item .title-item.item-user {
    width: 100px
}

.page-view-search .list-file .file-item .title-item.item-size {
    width: 100px
}

.page-view-search .list-file.list-file-folder .file-item .title-item.item-name {
    width: 570px
}

.page-view-search video,
.page-view-search img {
    max-width: 100%
}

.page-view-search .content-file {
    margin: 50px 5%;
    width: 90%;
    text-align: center
}

.page-view-search .content-download {
    margin: 100px auto;
    width: 200px;
    text-align: center
}

.page-view-search .content-download .kui-btn {
    font-size: 16px
}

.page-view-search .page-box {
    margin: 0;
    margin-top: 20px;
    border-top: 1px solid #f6f6f6;
    background: #fafdff;
    padding: 20px 10px 20px 30px
}

.page-view-search .page-box .page-info-text {
    margin-left: 10px
}

.page-view-search .page-box a {
    padding: 8px 0;
    width: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background: rgba(0, 0, 0, 0.02)
}

.page-view-search .page-box a:hover {
    text-decoration: none;
    background: #1890ff;
    color: #fff
}

.page-view-search .page-box a.current {
    background: transparent !important;
    font-weight: 800;
    color: #888 !important
}

.page-view-search pre {
    color: #abb2bf;
    background: #282c34;
    padding: 0;
    font-size: 14px;
    margin: 0;
    margin-top: -10px
}

.page-view-search pre code {
    padding: 1.5em 2em !important;
    display: block
}

.page-view-search .hljs {
    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
}

.frame-main-explorer .frame-right .search-match {
    font-weight: inherit;
    color: #f73131;
    padding: 3px 0;
    border-radius: 2px
}

.file-list-list .file.file-search-match .search-match-content .match-text {
    line-height: 22px;
    margin: 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
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text {
    margin: -5px 10px 5px 70px
}

.app-device-pc .app-wap-small .frame-main-explorer .bodymain .file-list-list .file .search-match-content .match-text {
    margin: -5px 10px 5px 70px
}

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

.file-list-icon .file .path-ico,
.file-list-split .file .path-ico {
    text-align: left
}

.file-list-icon .file .path-ico .x-item-icon:before,
.file-list-split .file .path-ico .x-item-icon:before {
    margin-top: 3px;
    display: inline-block
}

.file-list-icon .file .path-ico .x-item-icon.label,
.file-list-split .file .path-ico .x-item-icon.label {
    zoom: .9;
    margin-top: 8%;
    border-radius: 50%
}

.file-list-icon .file .path-ico .x-item-icon.label:before,
.file-list-split .file .path-ico .x-item-icon.label:before {
    width: 40%;
    height: 40%;
    border-radius: 50%;
    content: " ";
    background: linear-gradient(45deg, #ffffff7d, #ffffff00);
    margin-top: 4px;
    position: absolute;
    right: 15%;
    top: 15%
}

.ztree .x-item-icon.label {
    top: 2px;
    margin: 0
}

.ztree .x-item-icon:before {
    margin-top: 14px
}

.aui-title .x-item-icon.label {
    top: -3px
}

.path-ico.user-avatar .picture img {
    border-radius: 50% !important;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.path-ico .font-icon.file-icon {
    font-size: 1em;
    width: 1em;
    background-image: none;
    display: inline-block;
    position: relative
}

.file-list-list .file .path-ico .font-icon.file-icon,
.file-list-split .file .path-ico .font-icon.file-icon {
    font-size: 20px;
    margin-top: 2px;
    margin-left: 0;
    margin-top: -6px
}

.file-continer.file-list-icon .file .path-ico .font-icon.file-icon {
    margin-top: -20%
}

.aui-title .path-ico .font-icon.file-icon {
    position: relative;
    top: -4px
}

.header-middle .header-address .path-ico .font-icon.file-icon {
    position: relative;
    top: -4px
}

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-position: center;
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    font-style: normal;
    display: inline-block;
    pointer-events: none
}

.x-item-icon.x-4th,
.x-item-icon.x-a,
.x-item-icon.x-abap,
.x-item-icon.x-abc,
.x-item-icon.x-ada,
.x-item-icon.x-adb,
.x-item-icon.x-adoc,
.x-item-icon.x-ahk,
.x-item-icon.x-alda,
.x-item-icon.x-apex,
.x-item-icon.x-apl,
.x-item-icon.x-aql,
.x-item-icon.x-as,
.x-item-icon.x-asc,
.x-item-icon.x-asciidoc,
.x-item-icon.x-asl,
.x-item-icon.x-asm,
.x-item-icon.x-asn,
.x-item-icon.x-asn1,
.x-item-icon.x-asp,
.x-item-icon.x-aspx,
.x-item-icon.x-atom,
.x-item-icon.x-aw,
.x-item-icon.x-b,
.x-item-icon.x-bash,
.x-item-icon.x-bashrc,
.x-item-icon.x-bat,
.x-item-icon.x-bf,
.x-item-icon.x-bib,
.x-item-icon.x-blade.php,
.x-item-icon.x-bro,
.x-item-icon.x-build,
.x-item-icon.x-bzl,
.x-item-icon.x-c,
.x-item-icon.x-c9search_results,
.x-item-icon.x-cabal,
.x-item-icon.x-cakefile,
.x-item-icon.x-cbl,
.x-item-icon.x-cc,
.x-item-icon.x-cf,
.x-item-icon.x-cfg,
.x-item-icon.x-cfm,
.x-item-icon.x-cirru,
.x-item-icon.x-cl,
.x-item-icon.x-clj,
.x-item-icon.x-cljc,
.x-item-icon.x-cljs,
.x-item-icon.x-cljx,
.x-item-icon.x-cls,
.x-item-icon.x-cmake,
.x-item-icon.x-cmake.in,
.x-item-icon.x-cmd,
.x-item-icon.x-cob,
.x-item-icon.x-coffee,
.x-item-icon.x-component,
.x-item-icon.x-conf,
.x-item-icon.x-cpp,
.x-item-icon.x-cpy,
.x-item-icon.x-cql,
.x-item-icon.x-cr,
.x-item-icon.x-cs,
.x-item-icon.x-csd,
.x-item-icon.x-cshtml,
.x-item-icon.x-cson,
.x-item-icon.x-css,
.x-item-icon.x-ctp,
.x-item-icon.x-curly,
.x-item-icon.x-cxx,
.x-item-icon.x-cyp,
.x-item-icon.x-cypher,
.x-item-icon.x-d,
.x-item-icon.x-dart,
.x-item-icon.x-def,
.x-item-icon.x-di,
.x-item-icon.x-diff,
.x-item-icon.x-dockerfile,
.x-item-icon.x-dot,
.x-item-icon.x-drl,
.x-item-icon.x-dsl,
.x-item-icon.x-dtd,
.x-item-icon.x-dyalog,
.x-item-icon.x-dyl,
.x-item-icon.x-dylan,
.x-item-icon.x-e,
.x-item-icon.x-ecl,
.x-item-icon.x-edi,
.x-item-icon.x-edn,
.x-item-icon.x-eex,
.x-item-icon.x-ejs,
.x-item-icon.x-el,
.x-item-icon.x-elm,
.x-item-icon.x-epp,
.x-item-icon.x-erb,
.x-item-icon.x-erl,
.x-item-icon.x-ex,
.x-item-icon.x-exs,
.x-item-icon.x-f,
.x-item-icon.x-f77,
.x-item-icon.x-f90,
.x-item-icon.x-f95,
.x-item-icon.x-factor,
.x-item-icon.x-feature,
.x-item-icon.x-for,
.x-item-icon.x-forth,
.x-item-icon.x-frag,
.x-item-icon.x-frt,
.x-item-icon.x-fs,
.x-item-icon.x-fsi,
.x-item-icon.x-fsl,
.x-item-icon.x-fsscript,
.x-item-icon.x-fsx,
.x-item-icon.x-fth,
.x-item-icon.x-ftl,
.x-item-icon.x-fun,
.x-item-icon.x-gbs,
.x-item-icon.x-gcode,
.x-item-icon.x-ge,
.x-item-icon.x-gemfile,
.x-item-icon.x-gemspec,
.x-item-icon.x-gitignore,
.x-item-icon.x-helmignore,
.x-item-icon.x-pre-commit,
.x-item-icon.x-license,
.x-item-icon.x-license-mit,
.x-item-icon.x-license-gpl,
.x-item-icon.x-codeowners,
.x-item-icon.x-glsl,
.x-item-icon.x-go,
.x-item-icon.x-gql,
.x-item-icon.x-gradle,
.x-item-icon.x-groovy,
.x-item-icon.x-gss,
.x-item-icon.x-guardfile,
.x-item-icon.x-gunmakefile,
.x-item-icon.x-h,
.x-item-icon.x-haml,
.x-item-icon.x-handlebars,
.x-item-icon.x-hbs,
.x-item-icon.x-hh,
.x-item-icon.x-hjson,
.x-item-icon.x-hpp,
.x-item-icon.x-hrl,
.x-item-icon.x-hs,
.x-item-icon.x-htaccess,
.x-item-icon.x-htgroups,
.x-item-icon.x-htm,
.x-item-icon.x-html,
.x-item-icon.x-html.eex,
.x-item-icon.x-html.erb,
.x-item-icon.x-htpasswd,
.x-item-icon.x-hx,
.x-item-icon.x-hxml,
.x-item-icon.x-hxx,
.x-item-icon.x-in,
.x-item-icon.x-inc,
.x-item-icon.x-ini,
.x-item-icon.x-ino,
.x-item-icon.x-intr,
.x-item-icon.x-io,
.x-item-icon.x-j2,
.x-item-icon.x-jack,
.x-item-icon.x-jade,
.x-item-icon.x-java,
.x-item-icon.x-jinja,
.x-item-icon.x-jinja2,
.x-item-icon.x-jl,
.x-item-icon.x-jq,
.x-item-icon.x-js,
.x-item-icon.x-jsm,
.x-item-icon.x-json,
.x-item-icon.x-json5,
.x-item-icon.x-jsonld,
.x-item-icon.x-jsp,
.x-item-icon.x-jssm,
.x-item-icon.x-jssm_state,
.x-item-icon.x-jsx,
.x-item-icon.x-ksh,
.x-item-icon.x-kt,
.x-item-icon.x-kts,
.x-item-icon.x-latex,
.x-item-icon.x-latte,
.x-item-icon.x-ldr,
.x-item-icon.x-less,
.x-item-icon.x-lhs,
.x-item-icon.x-liquid,
.x-item-icon.x-lisp,
.x-item-icon.x-list,
.x-item-icon.x-log,
.x-item-icon.x-logic,
.x-item-icon.x-lp,
.x-item-icon.x-lql,
.x-item-icon.x-ls,
.x-item-icon.x-lsl,
.x-item-icon.x-ltx,
.x-item-icon.x-lua,
.x-item-icon.x-lucene,
.x-item-icon.x-m,
.x-item-icon.x-m3u8,
.x-item-icon.x-m4,
.x-item-icon.x-make,
.x-item-icon.x-makefile,
.x-item-icon.x-map,
.x-item-icon.x-markdown,
.x-item-icon.x-mask,
.x-item-icon.x-mathml,
.x-item-icon.x-matlab,
.x-item-icon.x-mbox,
.x-item-icon.x-mc,
.x-item-icon.x-md,
.x-item-icon.x-mediawiki,
.x-item-icon.x-mel,
.x-item-icon.x-mixal,
.x-item-icon.x-mkd,
.x-item-icon.x-ml,
.x-item-icon.x-mli,
.x-item-icon.x-mll,
.x-item-icon.x-mly,
.x-item-icon.x-mm,
.x-item-icon.x-mml,
.x-item-icon.x-mo,
.x-item-icon.x-module,
.x-item-icon.x-mps,
.x-item-icon.x-msc,
.x-item-icon.x-mscgen,
.x-item-icon.x-mscin,
.x-item-icon.x-msgenny,
.x-item-icon.x-mush,
.x-item-icon.x-mustache,
.x-item-icon.x-mysql,
.x-item-icon.x-mz,
.x-item-icon.x-nb,
.x-item-icon.x-nginx,
.x-item-icon.x-nim,
.x-item-icon.x-nix,
.x-item-icon.x-nj,
.x-item-icon.x-njk,
.x-item-icon.x-nq,
.x-item-icon.x-nsh,
.x-item-icon.x-nsi,
.x-item-icon.x-nt,
.x-item-icon.x-nunjs,
.x-item-icon.x-nunjucks,
.x-item-icon.x-nut,
.x-item-icon.x-oak,
.x-item-icon.x-ocamlmakefile,
.x-item-icon.x-orc,
.x-item-icon.x-oz,
.x-item-icon.x-p,
.x-item-icon.x-p6,
.x-item-icon.x-page,
.x-item-icon.x-pas,
.x-item-icon.x-patch,
.x-item-icon.x-pgp,
.x-item-icon.x-pgsql,
.x-item-icon.x-php,
.x-item-icon.x-php3,
.x-item-icon.x-php4,
.x-item-icon.x-php5,
.x-item-icon.x-php7,
.x-item-icon.x-phps,
.x-item-icon.x-phpt,
.x-item-icon.x-phtml,
.x-item-icon.x-pig,
.x-item-icon.x-pl,
.x-item-icon.x-pl6,
.x-item-icon.x-plg,
.x-item-icon.x-pls,
.x-item-icon.x-pm,
.x-item-icon.x-pm6,
.x-item-icon.x-pp,
.x-item-icon.x-praat,
.x-item-icon.x-praatscript,
.x-item-icon.x-prefs,
.x-item-icon.x-prisma,
.x-item-icon.x-pro,
.x-item-icon.x-proc,
.x-item-icon.x-prolog,
.x-item-icon.x-properties,
.x-item-icon.x-proto,
.x-item-icon.x-ps1,
.x-item-icon.x-psc,
.x-item-icon.x-psd1,
.x-item-icon.x-psm1,
.x-item-icon.x-pug,
.x-item-icon.x-pxd,
.x-item-icon.x-pxi,
.x-item-icon.x-py,
.x-item-icon.x-pyw,
.x-item-icon.x-pyx,
.x-item-icon.x-q,
.x-item-icon.x-qml,
.x-item-icon.x-r,
.x-item-icon.x-rake,
.x-item-icon.x-rakefile,
.x-item-icon.x-raku,
.x-item-icon.x-rakumod,
.x-item-icon.x-rakutest,
.x-item-icon.x-rb,
.x-item-icon.x-rd,
.x-item-icon.x-rdf,
.x-item-icon.x-red,
.x-item-icon.x-reds,
.x-item-icon.x-rhtml,
.x-item-icon.x-rkt,
.x-item-icon.x-rq,
.x-item-icon.x-rs,
.x-item-icon.x-rss,
.x-item-icon.x-rst,
.x-item-icon.x-ru,
.x-item-icon.x-s,
.x-item-icon.x-sas,
.x-item-icon.x-sass,
.x-item-icon.x-sbt,
.x-item-icon.x-scad,
.x-item-icon.x-scala,
.x-item-icon.x-scheme,
.x-item-icon.x-scm,
.x-item-icon.x-sco,
.x-item-icon.x-scss,
.x-item-icon.x-sh,
.x-item-icon.x-shtml,
.x-item-icon.x-sieve,
.x-item-icon.x-sig,
.x-item-icon.x-siv,
.x-item-icon.x-sjs,
.x-item-icon.x-skim,
.x-item-icon.x-slim,
.x-item-icon.x-sm,
.x-item-icon.x-smackspec,
.x-item-icon.x-smarty,
.x-item-icon.x-smithy,
.x-item-icon.x-sml,
.x-item-icon.x-snippets,
.x-item-icon.x-soy,
.x-item-icon.x-space,
.x-item-icon.x-sparql,
.x-item-icon.x-spec,
.x-item-icon.x-sql,
.x-item-icon.x-sqlserver,
.x-item-icon.x-ss,
.x-item-icon.x-st,
.x-item-icon.x-str,
.x-item-icon.x-styl,
.x-item-icon.x-stylus,
.x-item-icon.x-sv,
.x-item-icon.x-svg,
.x-item-icon.x-svh,
.x-item-icon.x-swift,
.x-item-icon.x-swig,
.x-item-icon.x-tcl,
.x-item-icon.x-terragrunt,
.x-item-icon.x-tex,
.x-item-icon.x-text,
.x-item-icon.x-textile,
.x-item-icon.x-tf,
.x-item-icon.x-tfvars,
.x-item-icon.x-tgr,
.x-item-icon.x-toml,
.x-item-icon.x-tpl,
.x-item-icon.x-trigger,
.x-item-icon.x-ts,
.x-item-icon.x-tsx,
.x-item-icon.x-ttcn,
.x-item-icon.x-ttcn3,
.x-item-icon.x-ttcnpp,
.x-item-icon.x-ttl,
.x-item-icon.x-twig,
.x-item-icon.x-txt,
.x-item-icon.x-typescript,
.x-item-icon.x-v,
.x-item-icon.x-vala,
.x-item-icon.x-vb,
.x-item-icon.x-vbs,
.x-item-icon.x-vert,
.x-item-icon.x-vfp,
.x-item-icon.x-vh,
.x-item-icon.x-vhd,
.x-item-icon.x-vhdl,
.x-item-icon.x-vm,
.x-item-icon.x-vtl,
.x-item-icon.x-vue,
.x-item-icon.x-wast,
.x-item-icon.x-wat,
.x-item-icon.x-we,
.x-item-icon.x-webidl,
.x-item-icon.x-wiki,
.x-item-icon.x-wl,
.x-item-icon.x-wlk,
.x-item-icon.x-wls,
.x-item-icon.x-wpgm,
.x-item-icon.x-wpy,
.x-item-icon.x-wsdl,
.x-item-icon.x-wtest,
.x-item-icon.x-xaml,
.x-item-icon.x-xbl,
.x-item-icon.x-xhtml,
.x-item-icon.x-xml,
.x-item-icon.x-xq,
.x-item-icon.x-xquery,
.x-item-icon.x-xsd,
.x-item-icon.x-xsl,
.x-item-icon.x-xslt,
.x-item-icon.x-xu,
.x-item-icon.x-xul,
.x-item-icon.x-xy,
.x-item-icon.x-yaml,
.x-item-icon.x-yml,
.x-item-icon.x-ys,
.x-item-icon.x-z80,
.x-item-icon.x-zeek,
.x-item-icon.x-oexe,
.x-item-icon.x-csv,
.x-item-icon.x-tsv,
.x-item-icon.x-lnk,
.x-item-icon.x-url,
.x-item-icon.x-webloc,
.x-item-icon.x-meta,
.x-item-icon.x-inf,
.x-item-icon.x-dummy,
.x-item-icon.x-hta,
.x-item-icon.x-cgi,
.x-item-icon.x-lean,
.x-item-icon.x-hlean,
.x-item-icon.x-ji,
.x-item-icon.x-readme,
.x-item-icon.x-changes,
.x-item-icon.x-changelog,
.x-item-icon.x-version,
.x-item-icon.x-license,
.x-item-icon.x-bash_logout,
.x-item-icon.x-bash_profile,
.x-item-icon.x-vbproj,
.x-item-icon.x-storyboard,
.x-item-icon.x-vcproj,
.x-item-icon.x-vcxproj,
.x-item-icon.x-pbxproj,
.x-item-icon.x-csproj,
.x-item-icon.x-xib,
.x-item-icon.x-strings,
.x-item-icon.x-jshintrc,
.x-item-icon.x-sublime-project,
.x-item-icon.x-plistpch,
.x-item-icon.x-localized,
.x-item-icon.x-local,
.x-item-icon.x-xcscheme,
.x-item-icon.x-manifest,
.x-item-icon.x-gitmodules,
.x-item-icon.x-webapp,
.x-item-icon.x-npmignore,
.x-item-icon.x-babelrc,
.x-item-icon.x-editorconfig,
.x-item-icon.x-prettierrc,
.x-item-icon.x-vtt,
.x-item-icon.x-filters,
.x-item-icon.x-cer,
.x-item-icon.x-reg,
.x-item-icon.x-config,
.x-item-icon.x-pem,
.x-item-icon.x-srt,
.x-item-icon.x-ass,
.x-item-icon.x-lrc,
.x-item-icon.x-opf,
.x-item-icon.x-ncx,
.x-item-icon.x-classpath,
.x-item-icon.x-mymetadata,
.x-item-icon.x-jsdtscope,
.x-item-icon.x-project,
.x-item-icon.x-tern-project,
.x-item-icon.x-tld,
.x-item-icon.x-iml,
.x-item-icon.x-sln,
.x-item-icon.x-gitattributes,
.x-item-icon.x-mf,
.x-item-icon.x-name,
.x-item-icon.x-container,
.x-item-icon.x-lock,
.x-item-icon.x-applescript,
.x-item-icon.x-mvnw,
.x-item-icon.x-apple-app-site-association,
.x-item-icon.x-magnet,
.x-item-icon.x-sample,
.x-item-icon.x-example,
.x-item-icon.x-http,
.x-item-icon.x-puml,
.x-item-icon.x-plantuml,
.x-item-icon.x-plist,
.x-item-icon.x-dockerignore,
.x-item-icon.x-mod,
.x-item-icon.x-sum,
.x-item-icon.x-owners {
    background-image: url("../../images/file_icon/icon_file/txt.png");
    background-size: cover
}

.x-item-icon.x-pl,
.x-item-icon.x-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 {
    background-image: url("../../images/file_icon/icon_file/code.png");
    background-size: cover
}

.x-item-icon.x-bin,
.x-item-icon.x-hex,
.x-item-icon.x-zip,
.x-item-icon.x-pdf,
.x-item-icon.x-swf,
.x-item-icon.x-gzip,
.x-item-icon.x-rar,
.x-item-icon.x-arj,
.x-item-icon.x-tar,
.x-item-icon.x-gz,
.x-item-icon.x-cab,
.x-item-icon.x-tbz,
.x-item-icon.x-tbz2,
.x-item-icon.x-lzh,
.x-item-icon.x-uue,
.x-item-icon.x-bz2,
.x-item-icon.x-ace,
.x-item-icon.x-exe,
.x-item-icon.x-so,
.x-item-icon.x-dll,
.x-item-icon.x-chm,
.x-item-icon.x-rtf,
.x-item-icon.x-odp,
.x-item-icon.x-odt,
.x-item-icon.x-pages,
.x-item-icon.x-class,
.x-item-icon.x-psd,
.x-item-icon.x-ttf,
.x-item-icon.x-fla,
.x-item-icon.x-dmg,
.x-item-icon.x-dat,
.x-item-icon.x-ipa,
.x-item-icon.x-lib,
.x-item-icon.x-a,
.x-item-icon.x-apk,
.x-item-icon.x-so,
.x-item-icon.x-o {
    background-image: url("../../images/file_icon/icon_file/bin.png");
    background-size: cover
}

.x-item-icon.x-music,
.x-item-icon.x-mp3,
.x-item-icon.x-wma,
.x-item-icon.x-mp2,
.x-item-icon.x-mid,
.x-item-icon.x-aac,
.x-item-icon.x-ogg,
.x-item-icon.x-oga,
.x-item-icon.x-webma,
.x-item-icon.x-wav,
.x-item-icon.x-m4a,
.x-item-icon.x-m3u,
.x-item-icon.x-m4a,
.x-item-icon.x-midi,
.x-item-icon.x-mid,
.x-item-icon.x-flac,
.x-item-icon.x-alac,
.x-item-icon.x-ape,
.x-item-icon.x-ac3 {
    background-image: url("../../images/file_icon/icon_file/music.png");
    background-size: cover
}

.x-item-icon.x-html,
.x-item-icon.x-htm,
.x-item-icon.x-url,
.x-item-icon.x-tpl,
.x-item-icon.x-lnk,
.x-item-icon.x-haml,
.x-item-icon.x-shtml,
.x-item-icon.x-webloc,
.x-item-icon.x-hta,
.x-item-icon.x-xhtml {
    background-image: url("../../images/file_icon/icon_file/html.png");
    background-size: cover
}

.x-item-icon.x-css,
.x-item-icon.x-less,
.x-item-icon.x-sass {
    background-image: url("../../images/file_icon/icon_file/css.png");
    background-size: cover
}

.x-item-icon.x-js,
.x-item-icon.x-coffee,
.x-item-icon.x-jsx,
.x-item-icon.x-ts,
.x-item-icon.x-mjs,
.x-item-icon.x-jsm,
.x-item-icon.x-cjs,
.x-item-icon.x-tsx {
    background-image: url("../../images/file_icon/icon_file/js.png");
    background-size: cover
}

.x-item-icon.x-xml,
.x-item-icon.x-config,
.x-item-icon.x-manifest,
.x-item-icon.x-xaml,
.x-item-icon.x-csproj,
.x-item-icon.x-vbproj {
    background-image: url("../../images/file_icon/icon_file/xml.png");
    background-size: cover
}

.x-item-icon.x-cs,
.x-item-icon.x-asp,
.x-item-icon.x-aspx {
    background-image: url("../../images/file_icon/icon_file/cs.png");
    background-size: cover
}

.x-item-icon.x-java,
.x-item-icon.x-jsp {
    background-image: url("../../images/file_icon/icon_file/java.png");
    background-size: cover
}

.x-item-icon.x-mm,
.x-item-icon.x-cc,
.x-item-icon.x-cxx,
.x-item-icon.x-cpp,
.x-item-icon.x-c,
.x-item-icon.x-m,
.x-item-icon.x-nc {
    background-image: url("../../images/file_icon/icon_file/cpp.png");
    background-size: cover
}

.x-item-icon.x-h,
.x-item-icon.x-hpp,
.x-item-icon.x-hh,
.x-item-icon.x-pch {
    background-image: url("../../images/file_icon/icon_file/h.png");
    background-size: cover
}

.x-item-icon.x-png,
.x-item-icon.x-jpg,
.x-item-icon.x-jpeg,
.x-item-icon.x-bmp,
.x-item-icon.x-gif,
.x-item-icon.x-picture,
.x-item-icon.x-heic,
.x-item-icon.x-ico,
.x-item-icon.x-svg,
.x-item-icon.x-cur,
.x-item-icon.x-webp,
.x-item-icon.x-tif,
.x-item-icon.x-tiff,
.x-item-icon.x-avif,
.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: cover
}

.x-item-icon.x-make,
.x-item-icon.x-Makefile,
.x-item-icon.x-makefile,
.x-item-icon.x-GNUmakefile,
.x-item-icon.x-OCamlMakefile,
.x-item-icon.x-makemakefile {
    background-image: url("../../images/file_icon/icon_file/makefile.png");
    background-size: cover
}

.x-item-icon.x-iso,
.x-item-icon.x-vcd {
    background-image: url("../../images/file_icon/icon_file/iso.png");
    background-size: cover
}

.x-item-icon.x-pkg,
.x-item-icon.x-package,
.x-item-icon.x-framework {
    background-image: url("../../images/file_icon/icon_file/pkg.png");
    background-size: cover
}

.x-item-icon.x-7z,
.x-item-icon.x-apk,
.x-item-icon.x-ace,
.x-item-icon.x-arj,
.x-item-icon.x-bza,
.x-item-icon.x-cab,
.x-item-icon.x-cxr,
.x-item-icon.x-dgc,
.x-item-icon.x-gca,
.x-item-icon.x-gz,
.x-item-icon.x-gza,
.x-item-icon.x-iso,
.x-item-icon.x-jar,
.x-item-icon.x-lzh,
.x-item-icon.x-rar,
.x-item-icon.x-rk,
.x-item-icon.x-tar,
.x-item-icon.x-tbz,
.x-item-icon.x-tgz,
.x-item-icon.x-tlz,
.x-item-icon.x-txz,
.x-item-icon.x-yz1,
.x-item-icon.x-zip {
    background-image: url("../../images/file_icon/icon_file/zip_all.png");
    background-size: cover
}

.x-item-icon.x-exe,
.x-item-icon.x-bin,
.x-item-icon.x-class,
.x-item-icon.x-a,
.x-item-icon.x-so {
    background-image: url("../../images/file_icon/icon_file/exe.png");
    background-size: cover
}

.x-item-icon.x-ttf,
.x-item-icon.x-otf,
.x-item-icon.x-eot,
.x-item-icon.x-woff,
.x-item-icon.x-tiff,
.x-item-icon.x-ttc,
.x-item-icon.x-woff,
.x-item-icon.x-woff2 {
    background-image: url("../../images/file_icon/icon_file/font.png");
    background-size: cover
}

.x-item-icon.x-bat,
.x-item-icon.x-cmd,
.x-item-icon.x-sh,
.x-item-icon.x-bash,
.x-item-icon.x-bashrc {
    background-image: url("../../images/file_icon/icon_file/cmd.png");
    background-size: cover
}

.x-item-icon.x-ini,
.x-item-icon.x-inf,
.x-item-icon.x-conf,
.x-item-icon.x-meta,
.x-item-icon.x-plist,
.x-item-icon.x-htaccess,
.x-item-icon.x-localized,
.x-item-icon.x-xcscheme,
.x-item-icon.x-storyboard,
.x-item-icon.x-xib,
.x-item-icon.x-strings,
.x-item-icon.x-pbxproj,
.x-item-icon.gitmodules,
.x-item-icon.x-gitignore,
.x-item-icon.x-webapp,
.x-item-icon.x-npmignore,
.x-item-icon.x-babelrc,
.x-item-icon.x-prettierignore,
.x-item-icon.x-editorconfig,
.x-item-icon.x-prettierrc,
.x-item-icon.x-nvmrc {
    background-image: url("../../images/file_icon/icon_file/ini.png");
    background-size: cover
}

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

.x-item-icon.x-file {
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: cover
}

.x-item-icon.x-accdb {
    background-image: url("../../images/file_icon/icon_file/accdb.png");
    background-size: cover
}

.x-item-icon.x-7z {
    background-image: url("../../images/file_icon/icon_file/7z.png");
    background-size: cover
}

.x-item-icon.x-ai {
    background-image: url("../../images/file_icon/icon_file/ai.png");
    background-size: cover
}

.x-item-icon.x-air {
    background-image: url("../../images/file_icon/icon_file/air.png");
    background-size: cover
}

.x-item-icon.x-arj {
    background-image: url("../../images/file_icon/icon_file/arj.png");
    background-size: cover
}

.x-item-icon.x-apk,
.x-item-icon.x-spk {
    background-image: url("../../images/file_icon/icon_file/apk.png");
    background-size: cover
}

.x-item-icon.x-as {
    background-image: url("../../images/file_icon/icon_file/as.png");
    background-size: cover
}

.x-item-icon.x-ascx {
    background-image: url("../../images/file_icon/icon_file/ascx.png");
    background-size: cover
}

.x-item-icon.x-ashx {
    background-image: url("../../images/file_icon/icon_file/ashx.png");
    background-size: cover
}

.x-item-icon.x-asmx {
    background-image: url("../../images/file_icon/icon_file/asmx.png");
    background-size: cover
}

.x-item-icon.x-aspx {
    background-image: url("../../images/file_icon/icon_file/aspx.png");
    background-size: cover
}

.x-item-icon.x-bz2 {
    background-image: url("../../images/file_icon/icon_file/bz2.png");
    background-size: cover
}

.x-item-icon.x-cdr {
    background-image: url("../../images/file_icon/icon_file/cdr.png");
    background-size: cover
}

.x-item-icon.x-cer {
    background-image: url("../../images/file_icon/icon_file/cer.png");
    background-size: cover
}

.x-item-icon.x-chm {
    background-image: url("../../images/file_icon/icon_file/chm.png");
    background-size: cover
}

.x-item-icon.x-cmd {
    background-image: url("../../images/file_icon/icon_file/cmd.png");
    background-size: cover
}

.x-item-icon.x-c {
    background-image: url("../../images/file_icon/icon_file/c.png");
    background-size: cover
}

.x-item-icon.x-cpp {
    background-image: url("../../images/file_icon/icon_file/cpp.png");
    background-size: cover
}

.x-item-icon.x-cs {
    background-image: url("../../images/file_icon/icon_file/cs.png");
    background-size: cover
}

.x-item-icon.x-cshtml {
    background-image: url("../../images/file_icon/icon_file/cshtml.png");
    background-size: cover
}

.x-item-icon.x-csproj {
    background-image: url("../../images/file_icon/icon_file/csproj.png");
    background-size: cover
}

.x-item-icon.x-css {
    background-image: url("../../images/file_icon/icon_file/css.png");
    background-size: cover
}

.x-item-icon.x-csv {
    background-image: url("../../images/file_icon/icon_file/csv.png");
    background-size: cover
}

.x-item-icon.x-djvu {
    background-image: url("../../images/file_icon/icon_file/djvu.png");
    background-size: cover
}

.x-item-icon.x-dll {
    background-image: url("../../images/file_icon/icon_file/dll.png");
    background-size: cover
}

.x-item-icon.x-dng {
    background-image: url("../../images/file_icon/icon_file/dng.png");
    background-size: cover
}

.x-item-icon.x-dmg,
.x-item-icon.x-img {
    background-image: url("../../images/file_icon/icon_file/dmg.png");
    background-size: cover
}

.x-item-icon.x-doc,
.x-item-icon.x-wps {
    background-image: url("../../images/file_icon/icon_file/doc.png");
    background-size: cover
}

.x-item-icon.x-docm {
    background-image: url("../../images/file_icon/icon_file/docm.png");
    background-size: cover
}

.x-item-icon.x-docx {
    background-image: url("../../images/file_icon/icon_file/docx.png");
    background-size: cover
}

.x-item-icon.x-dot {
    background-image: url("../../images/file_icon/icon_file/dot.png");
    background-size: cover
}

.x-item-icon.x-dotm {
    background-image: url("../../images/file_icon/icon_file/dotm.png");
    background-size: cover
}

.x-item-icon.x-dotx {
    background-image: url("../../images/file_icon/icon_file/dotx.png");
    background-size: cover
}

.x-item-icon.x-dtd {
    background-image: url("../../images/file_icon/icon_file/dtd.png");
    background-size: cover
}

.x-item-icon.x-eps {
    background-image: url("../../images/file_icon/icon_file/eps.png");
    background-size: cover
}

.x-item-icon.x-epub {
    background-image: url("../../images/file_icon/icon_file/epub.png");
    background-size: cover
}

.x-item-icon.x-exe {
    background-image: url("../../images/file_icon/icon_file/exe.png");
    background-size: cover
}

.x-item-icon.x-eml {
    background-image: url("../../images/file_icon/icon_file/eml.png");
    background-size: cover
}

.x-item-icon.x-f {
    background-image: url("../../images/file_icon/icon_file/f.png");
    background-size: cover
}

.x-item-icon.x-file {
    background-image: url("../../images/file_icon/icon_file/file.png");
    background-size: cover
}

.x-item-icon.x-fla {
    background-image: url("../../images/file_icon/icon_file/fla.png");
    background-size: cover
}

.x-item-icon.x-font {
    background-image: url("../../images/file_icon/icon_file/font.png");
    background-size: cover
}

.x-item-icon.x-gz {
    background-image: url("../../images/file_icon/icon_file/gz.png");
    background-size: cover
}

.x-item-icon.x-h {
    background-image: url("../../images/file_icon/icon_file/h.png");
    background-size: cover
}

.x-item-icon.x-hdr {
    background-image: url("../../images/file_icon/icon_file/hdr.png");
    background-size: cover
}

.x-item-icon.x-hlp {
    background-image: url("../../images/file_icon/icon_file/hlp.png");
    background-size: cover
}

.x-item-icon.x-html {
    background-image: url("../../images/file_icon/icon_file/html.png");
    background-size: cover
}

.x-item-icon.x-indd {
    background-image: url("../../images/file_icon/icon_file/indd.png");
    background-size: cover
}

.x-item-icon.x-ini {
    background-image: url("../../images/file_icon/icon_file/ini.png");
    background-size: cover
}

.x-item-icon.x-ipa {
    background-image: url("../../images/file_icon/icon_file/ipa.png");
    background-size: cover
}

.x-item-icon.x-jar {
    background-image: url("../../images/file_icon/icon_file/jar.png");
    background-size: cover
}

.x-item-icon.x-java {
    background-image: url("../../images/file_icon/icon_file/java.png");
    background-size: cover
}

.x-item-icon.x-js {
    background-image: url("../../images/file_icon/icon_file/js.png");
    background-size: cover
}

.x-item-icon.x-json {
    background-image: url("../../images/file_icon/icon_file/json.png");
    background-size: cover
}

.x-item-icon.x-key {
    background-image: url("../../images/file_icon/icon_file/key.png");
    background-size: cover
}

.x-item-icon.x-ldf {
    background-image: url("../../images/file_icon/icon_file/ldf.png");
    background-size: cover
}

.x-item-icon.x-lnk {
    background-image: url("../../images/file_icon/icon_file/lnk.png");
    background-size: cover
}

.x-item-icon.x-makefile {
    background-image: url("../../images/file_icon/icon_file/makefile.png");
    background-size: cover
}

.x-item-icon.x-mdb {
    background-image: url("../../images/file_icon/icon_file/mdb.png");
    background-size: cover
}

.x-item-icon.x-mdf {
    background-image: url("../../images/file_icon/icon_file/mdf.png");
    background-size: cover
}

.x-item-icon.x-mht {
    background-image: url("../../images/file_icon/icon_file/mht.png");
    background-size: cover
}

.x-item-icon.x-mhtml {
    background-image: url("../../images/file_icon/icon_file/mhtml.png");
    background-size: cover
}

.x-item-icon.x-midi {
    background-image: url("../../images/file_icon/icon_file/midi.png");
    background-size: cover
}

.x-item-icon.x-mpp {
    background-image: url("../../images/file_icon/icon_file/mpp.png");
    background-size: cover
}

.x-item-icon.x-mpt {
    background-image: url("../../images/file_icon/icon_file/mpt.png");
    background-size: cover
}

.x-item-icon.x-msg {
    background-image: url("../../images/file_icon/icon_file/msg.png");
    background-size: cover
}

.x-item-icon.x-msi {
    background-image: url("../../images/file_icon/icon_file/msi.png");
    background-size: cover
}

.x-item-icon.x-numbers {
    background-image: url("../../images/file_icon/icon_file/numbers.png");
    background-size: cover
}

.x-item-icon.x-odp {
    background-image: url("../../images/file_icon/icon_file/odp.png");
    background-size: cover
}

.x-item-icon.x-ods {
    background-image: url("../../images/file_icon/icon_file/ods.png");
    background-size: cover
}

.x-item-icon.x-odt {
    background-image: url("../../images/file_icon/icon_file/odt.png");
    background-size: cover
}

.x-item-icon.x-oexe {
    background-image: url("../../images/file_icon/icon_file/oexe.png");
    background-size: cover
}

.x-item-icon.x-oexe2 {
    background-image: url("../../images/file_icon/icon_file/oexe2.png");
    background-size: cover
}

.x-item-icon.x-ogg {
    background-image: url("../../images/file_icon/icon_file/ogg.png");
    background-size: cover
}

.x-item-icon.x-pages {
    background-image: url("../../images/file_icon/icon_file/pages.png");
    background-size: cover
}

.x-item-icon.x-pdb {
    background-image: url("../../images/file_icon/icon_file/pdb.png");
    background-size: cover
}

.x-item-icon.x-pdf {
    background-image: url("../../images/file_icon/icon_file/pdf.png");
    background-size: cover
}

.x-item-icon.x-php {
    background-image: url("../../images/file_icon/icon_file/php.png");
    background-size: cover
}

.x-item-icon.x-pkg {
    background-image: url("../../images/file_icon/icon_file/pkg.png");
    background-size: cover
}

.x-item-icon.x-pl {
    background-image: url("../../images/file_icon/icon_file/pl.png");
    background-size: cover
}

.x-item-icon.x-pps {
    background-image: url("../../images/file_icon/icon_file/pps.png");
    background-size: cover
}

.x-item-icon.x-ppsx {
    background-image: url("../../images/file_icon/icon_file/ppsx.png");
    background-size: cover
}

.x-item-icon.x-ppt {
    background-image: url("../../images/file_icon/icon_file/ppt.png");
    background-size: cover
}

.x-item-icon.x-pptx {
    background-image: url("../../images/file_icon/icon_file/pptx.png");
    background-size: cover
}

.x-item-icon.x-pot {
    background-image: url("../../images/file_icon/icon_file/pot.png");
    background-size: cover
}

.x-item-icon.x-potx,
.x-item-icon.x-ppam {
    background-image: url("../../images/file_icon/icon_file/potx.png");
    background-size: cover
}

.x-item-icon.x-prproj {
    background-image: url("../../images/file_icon/icon_file/prproj.png");
    background-size: cover
}

.x-item-icon.x-ps1 {
    background-image: url("../../images/file_icon/icon_file/ps1.png");
    background-size: cover
}

.x-item-icon.x-psd {
    background-image: url("../../images/file_icon/icon_file/psd.png");
    background-size: cover
}

.x-item-icon.x-pspimage {
    background-image: url("../../images/file_icon/icon_file/pspimage.png");
    background-size: cover
}

.x-item-icon.x-pst {
    background-image: url("../../images/file_icon/icon_file/pst.png");
    background-size: cover
}

.x-item-icon.x-pub {
    background-image: url("../../images/file_icon/icon_file/pub.png");
    background-size: cover
}

.x-item-icon.x-py {
    background-image: url("../../images/file_icon/icon_file/py.png");
    background-size: cover
}

.x-item-icon.x-rar {
    background-image: url("../../images/file_icon/icon_file/rar.png");
    background-size: cover
}

.x-item-icon.x-rb {
    background-image: url("../../images/file_icon/icon_file/rb.png");
    background-size: cover
}

.x-item-icon.x-reg {
    background-image: url("../../images/file_icon/icon_file/reg.png");
    background-size: cover
}

.x-item-icon.x-resx {
    background-image: url("../../images/file_icon/icon_file/resx.png");
    background-size: cover
}

.x-item-icon.x-rtf {
    background-image: url("../../images/file_icon/icon_file/rtf.png");
    background-size: cover
}

.x-item-icon.x-sitx {
    background-image: url("../../images/file_icon/icon_file/sitx.png");
    background-size: cover
}

.x-item-icon.x-sln {
    background-image: url("../../images/file_icon/icon_file/sln.png");
    background-size: cover
}

.x-item-icon.x-sql {
    background-image: url("../../images/file_icon/icon_file/sql.png");
    background-size: cover
}

.x-item-icon.x-suo {
    background-image: url("../../images/file_icon/icon_file/suo.png");
    background-size: cover
}

.x-item-icon.x-svg {
    background-image: url("../../images/file_icon/icon_file/svg.png");
    background-size: cover
}

.x-item-icon.x-swf {
    background-image: url("../../images/file_icon/icon_file/swf.png");
    background-size: cover
}

.x-item-icon.x-tar {
    background-image: url("../../images/file_icon/icon_file/tar.png");
    background-size: cover
}

.x-item-icon.x-tga {
    background-image: url("../../images/file_icon/icon_file/tga.png");
    background-size: cover
}

.x-item-icon.x-tgz {
    background-image: url("../../images/file_icon/icon_file/tgz.png");
    background-size: cover
}

.x-item-icon.x-txt {
    background-image: url("../../images/file_icon/icon_file/txt.png");
    background-size: cover
}

.x-item-icon.x-torrent {
    background-image: url("../../images/file_icon/icon_file/utorrent.png");
    background-size: cover
}

.x-item-icon.x-utorrent {
    background-image: url("../../images/file_icon/icon_file/utorrent.png");
    background-size: cover
}

.x-item-icon.x-vb {
    background-image: url("../../images/file_icon/icon_file/vb.png");
    background-size: cover
}

.x-item-icon.x-vbproj {
    background-image: url("../../images/file_icon/icon_file/vbproj.png");
    background-size: cover
}

.x-item-icon.x-vbs {
    background-image: url("../../images/file_icon/icon_file/vbs.png");
    background-size: cover
}

.x-item-icon.x-vcf {
    background-image: url("../../images/file_icon/icon_file/vcf.png");
    background-size: cover
}

.x-item-icon.x-vcproj {
    background-image: url("../../images/file_icon/icon_file/vcproj.png");
    background-size: cover
}

.x-item-icon.x-vcxproj {
    background-image: url("../../images/file_icon/icon_file/vcxproj.png");
    background-size: cover
}

.x-item-icon.x-vdw {
    background-image: url("../../images/file_icon/icon_file/vdw.png");
    background-size: cover
}

.x-item-icon.x-vdx {
    background-image: url("../../images/file_icon/icon_file/vdx.png");
    background-size: cover
}

.x-item-icon.x-vsd {
    background-image: url("../../images/file_icon/icon_file/vsd.png");
    background-size: cover
}

.x-item-icon.x-vsdx {
    background-image: url("../../images/file_icon/icon_file/vsdx.png");
    background-size: cover
}

.x-item-icon.x-vss {
    background-image: url("../../images/file_icon/icon_file/vss.png");
    background-size: cover
}

.x-item-icon.x-vst {
    background-image: url("../../images/file_icon/icon_file/vst.png");
    background-size: cover
}

.x-item-icon.x-vsx {
    background-image: url("../../images/file_icon/icon_file/vsx.png");
    background-size: cover
}

.x-item-icon.x-vtx {
    background-image: url("../../images/file_icon/icon_file/vtx.png");
    background-size: cover
}

.x-item-icon.x-wasm {
    background-image: url("../../images/file_icon/icon_file/wasm.png");
    background-size: cover
}

.x-item-icon.x-xaml {
    background-image: url("../../images/file_icon/icon_file/xaml.png");
    background-size: cover
}

.x-item-icon.x-xap {
    background-image: url("../../images/file_icon/icon_file/xap.png");
    background-size: cover
}

.x-item-icon.x-xls {
    background-image: url("../../images/file_icon/icon_file/xls.png");
    background-size: cover
}

.x-item-icon.x-xlsb {
    background-image: url("../../images/file_icon/icon_file/xlsb.png");
    background-size: cover
}

.x-item-icon.x-xlsm {
    background-image: url("../../images/file_icon/icon_file/xlsm.png");
    background-size: cover
}

.x-item-icon.x-xlsx {
    background-image: url("../../images/file_icon/icon_file/xlsx.png");
    background-size: cover
}

.x-item-icon.x-xlt {
    background-image: url("../../images/file_icon/icon_file/xlt.png");
    background-size: cover
}

.x-item-icon.x-xltx {
    background-image: url("../../images/file_icon/icon_file/xltx.png");
    background-size: cover
}

.x-item-icon.x-xml {
    background-image: url("../../images/file_icon/icon_file/xml.png");
    background-size: cover
}

.x-item-icon.x-xps {
    background-image: url("../../images/file_icon/icon_file/xps.png");
    background-size: cover
}

.x-item-icon.x-xsd {
    background-image: url("../../images/file_icon/icon_file/xsd.png");
    background-size: cover
}

.x-item-icon.x-xsl {
    background-image: url("../../images/file_icon/icon_file/xsl.png");
    background-size: cover
}

.x-item-icon.x-y {
    background-image: url("../../images/file_icon/icon_file/y.png");
    background-size: cover
}

.x-item-icon.x-zip {
    background-image: url("../../images/file_icon/icon_file/zip.png");
    background-size: cover
}

.x-item-icon.x-avi,
.x-item-icon.x-rm,
.x-item-icon.x-rmvb,
.x-item-icon.x-mpg,
.x-item-icon.x-mkv,
.x-item-icon.x-wmv,
.x-item-icon.x-mov,
.x-item-icon.x-mp4,
.x-item-icon.x-evo,
.x-item-icon.x-divx,
.x-item-icon.x-3gp,
.x-item-icon.x-3g2,
.x-item-icon.x-asf,
.x-item-icon.x-ogv,
.x-item-icon.x-webmv,
.x-item-icon.x-cue,
.x-item-icon.x-hd,
.x-item-icon.x-hdmov,
.x-item-icon.x-mov,
.x-item-icon.x-mp4v,
.x-item-icon.x-mpeg,
.x-item-icon.x-ogm,
.x-item-icon.x-qt,
.x-item-icon.x-spx,
.x-item-icon.x-vob,
.x-item-icon.x-wmv,
.x-item-icon.x-xvid,
.x-item-icon.x-webm,
.x-item-icon.x-m4v,
.x-item-icon.x-mts,
.x-item-icon.x-mpe,
.x-item-icon.x-m2ts,
.x-item-icon.x-mpv,
.x-item-icon.x-cue {
    background-image: url("../../images/file_icon/icon_file/1-movie.svg");
    background-size: cover
}

.x-item-icon.x-flv,
.x-item-icon.x-f4v {
    background-image: url("../../images/file_icon/icon_file/movie/flv.png");
    background-size: cover
}

.x-item-icon.x-3dm,
.x-item-icon.x-3ds,
.x-item-icon.x-asm,
.x-item-icon.x-cam360,
.x-item-icon.x-catpart,
.x-item-icon.x-catproduct,
.x-item-icon.x-cgr,
.x-item-icon.x-collaboration,
.x-item-icon.x-dae,
.x-item-icon.x-dgn,
.x-item-icon.x-dlv3,
.x-item-icon.x-dwf,
.x-item-icon.x-dwfx,
.x-item-icon.x-dwg,
.x-item-icon.x-dwt,
.x-item-icon.x-dxf,
.x-item-icon.x-exp,
.x-item-icon.x-f3d,
.x-item-icon.x-fbx,
.x-item-icon.x-g,
.x-item-icon.x-gbxml,
.x-item-icon.x-iam,
.x-item-icon.x-idw,
.x-item-icon.x-ifc,
.x-item-icon.x-ige,
.x-item-icon.x-iges,
.x-item-icon.x-igs,
.x-item-icon.x-ipt,
.x-item-icon.x-jt,
.x-item-icon.x-model,
.x-item-icon.x-neu,
.x-item-icon.x-nwc,
.x-item-icon.x-nwd,
.x-item-icon.x-obj,
.x-item-icon.x-prt,
.x-item-icon.x-rvt,
.x-item-icon.x-sab,
.x-item-icon.x-sat,
.x-item-icon.x-session,
.x-item-icon.x-skp,
.x-item-icon.x-sldasm,
.x-item-icon.x-sldprt,
.x-item-icon.x-smb,
.x-item-icon.x-smt,
.x-item-icon.x-ste,
.x-item-icon.x-step,
.x-item-icon.x-stl,
.x-item-icon.x-stla,
.x-item-icon.x-stlb,
.x-item-icon.x-stp,
.x-item-icon.x-wire,
.x-item-icon.x-x_b,
.x-item-icon.x-x_t,
.x-item-icon.x-xas,
.x-item-icon.x-xpr {
    background-image: url("../../images/file_icon/icon_file/autodesk/autodesk.png");
    background-size: cover
}

.x-item-icon.x-3ds {
    background-image: url("../../images/file_icon/icon_file/autodesk/3ds.png");
    background-size: cover
}

.x-item-icon.x-3dm {
    background-image: url("../../images/file_icon/icon_file/autodesk/3dm.png");
    background-size: cover
}

.x-item-icon.x-dae {
    background-image: url("../../images/file_icon/icon_file/autodesk/dae.png");
    background-size: cover
}

.x-item-icon.x-stl,
.x-item-icon.x-stla,
.x-item-icon.x-stlb {
    background-image: url("../../images/file_icon/icon_file/autodesk/stl.png");
    background-size: cover
}

.x-item-icon.x-dwg {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwg.png");
    background-size: cover
}

.x-item-icon.x-dwf {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size: cover
}

.x-item-icon.x-dwfx {
    background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png");
    background-size: cover
}

.x-item-icon.x-dxf {
    background-image: url("../../images/file_icon/icon_file/autodesk/dxf.png");
    background-size: cover
}

.x-item-icon.x-ifc {
    background-image: url("../../images/file_icon/icon_file/autodesk/ifc.png");
    background-size: cover
}

.x-item-icon.x-iam {
    background-image: url("../../images/file_icon/icon_file/autodesk/iam.png");
    background-size: cover
}

.x-item-icon.x-fbx {
    background-image: url("../../images/file_icon/icon_file/autodesk/fbx.png");
    background-size: cover
}

.x-item-icon.x-rvt {
    background-image: url("../../images/file_icon/icon_file/autodesk/rvt.png");
    background-size: cover
}

.x-item-icon.x-skp {
    background-image: url("../../images/file_icon/icon_file/autodesk/skp.png");
    background-size: cover
}

.x-item-icon.x-vnd,
.x-item-icon.x-dgn {
    background-image: url("../../images/file_icon/icon_file/autodesk/vnd-dgn.png");
    background-size: cover
}

.file-select {
    background: #cce8ff;
    border-color: #99d1ff
}

.file-select:focus,
.file-select.file-focus {
    border-color: #a8d8ff
}

.file-hover {
    background: #e5f3ff;
    border-color: transparent
}

.bodymain .file-continer .file.file-focus.file-icon-edit,
.bodymain .file-continer .file.file-focus.context-menu-active,
.bodymain:focus .file-continer .file.file-focus,
.bodymain .file-continer-main:focus .file-continer .file.file-focus {
    border-color: #99d1ff
}

.bodymain .file-continer .file.file-focus.file-icon-edit.select,
.bodymain .file-continer .file.file-focus.context-menu-active.select,
.bodymain:focus .file-continer .file.file-focus.select,
.bodymain .file-continer-main:focus .file-continer .file.file-focus.select {
    border-color: #4daeff
}

.bodymain .file-continer .file.file-icon-edit {
    z-index: 70
}

.select-container {
    position: absolute;
    z-index: 1000;
    cursor: default;
    width: 0px;
    height: 0px;
    left: -10px;
    top: 0;
    border: 1px solid #005ec9;
    background-color: #63acff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.select-container:hover,
.select-container:active,
.select-container:focus {
    cursor: default
}

.file-continer {
    position: absolute;
    overflow: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.file-continer .file {
    position: absolute
}

.file-continer .file .title-type-name .title.db-click-rename {
    cursor: text
}

.file-continer .file .item-menu {
    display: none;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    z-index: 50;
    border-radius: 2px;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.file-continer .file .item-menu .cert {
    margin-top: 6px;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid silver
}

.file-continer .file .item-menu:hover,
.file-continer .file .item-menu:active,
.file-continer .file.context-menu-active .item-menu {
    border-color: #3399ff;
    background: #dff1ff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.file-continer .file .item-menu:hover .cert,
.file-continer .file .item-menu:active .cert,
.file-continer .file.context-menu-active .item-menu .cert {
    border-top-color: #3399ff
}

.file-continer .file.file-focus {
    border-color: #eee
}

.file-continer .file.is-drag-from {
    opacity: .6
}

.file-continer .file.is-drag-from>* {
    opacity: 0
}

.file-continer .file.is-draging {
    transition: none !important
}

.file-continer .file .item-select {
    display: none;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    z-index: 50;
    border-radius: 2px;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    padding: 2px;
    top: 2px;
    left: 5px;
    background: transparent;
    width: 20px;
    height: 20px;
    border: none;
    color: #fff
}

.file-continer .file .item-select .cert {
    margin-top: 6px;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid silver
}

.file-continer .file .item-select .item-check {
    display: block;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.05);
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid transparent;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.file-continer .file .item-select .item-check:before {
    position: relative;
    left: 0px;
    top: 0px
}

.file-continer .file .item-select:hover .item-check,
.file-continer .file .item-select:focus .item-check,
.file-continer .file .item-select:active .item-check {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: none
}

.file-continer .file.hover .item-menu,
.file-continer .file.select .item-menu,
.file-continer .file.file-select-drag-temp .item-menu {
    display: block
}

.file-continer .file.hover .item-select,
.file-continer .file.select .item-select,
.file-continer .file.file-select-drag-temp .item-select {
    display: block
}

.file-continer .file.select .item-select .item-check {
    color: #fff;
    background: #3b8cff;
    border: 1px solid #fff
}

.file-continer .file.file-not-exists {
    opacity: .8
}

.file-continer .file.file-not-exists .title {
    opacity: .5;
    color: #f5222d
}

.file-continer .file.file-not-exists .path-self-share {
    display: none
}

.file-list-icon .file .download {
    position: absolute;
    bottom: 4px;
    margin-left: 45px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.file-list-icon .file .download .btn {
    font-size: 1.25em;
    padding: 0;
    display: block;
    border-radius: 18px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    color: #aaa
}

.file-list-list {
    padding-top: 1px
}

.file-list-list .file .download {
    position: absolute;
    bottom: -2px;
    margin-left: 45px;
    left: 180px;
    z-index: 99;
    opacity: .5;
    filter: alpha(opacity=50)
}

.file-list-list .file .download .btn {
    font-size: 1.25em;
    padding: 0;
    display: block;
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    color: #aaa
}

.file-continer .file .path-ico {
    text-align: center
}

.file-continer .file .path-ico img,
.file-continer .file .path-ico svg {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    pointer-events: none
}

.file-continer .file .path-ico .x-item-icon {
    margin-top: 5px
}

.file-continer .file .path-ico .x-item-icon.label {
    border-radius: 50%
}

.file-continer .file .path-ico .picture {
    margin-top: 2px;
    position: relative
}

.file-continer .file .path-ico .picture[filetype="svg"] img,
.file-continer .file .path-ico .picture[filetype="gif"] img,
.file-continer .file .path-ico .picture[filetype="png"] img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center
}

.file-continer .file .path-ico .picture:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    content: ""
}

.file-continer .file .path-ico .picture img {
    max-height: 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
}

.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 {
    margin-top: 2px;
    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
}

.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 -5px 0 0;
    opacity: .8;
    font-style: normal
}

.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;
    left: -2px;
    top: -8px;
    right: 3px
}

.frame-main-explorer .file-list-split .file .title-notify-tips,
.frame-main-explorer .file-list-list .file .title-notify-tips {
    width: 12px;
    height: 12px;
    font-size: 12px;
    background: #ff5722;
    color: #fff;
    color: transparent;
    display: inline-block;
    text-align: center;
    line-height: 10px;
    border-radius: 10px;
    opacity: .9;
    position: relative;
    left: -2px;
    top: -8px;
    right: 7px
}

.frame-main-explorer .file-list-split .file .title-notify-tips {
    right: 4px
}

.file-draging-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999998;
    pointer-events: none;
    opacity: .9;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: visible !important
}

.file-draging-box .file-draging.file-list-icon,
.file-draging-box .file-draging.file-list-list,
.file-draging-box .file-draging.file-list-split {
    z-index: 1000;
    overflow: visible !important
}

.file-draging-box .file-draging.file-list-icon .file,
.file-draging-box .file-draging.file-list-list .file,
.file-draging-box .file-draging.file-list-split .file {
    position: fixed;
    pointer-events: none;
    transition: none !important
}

.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 {
    font-size: .9em
}

.file-continer .file .meta-info .file-meta-fileEncodeType {
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-style: normal;
    padding: 2px 5px;
    opacity: .8;
    white-space: nowrap;
    min-width: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    float: right
}

.file-continer .file .meta-info .meta-label {
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.1);
    line-height: 1em;
    transform: scale(.9);
    padding: 4px 5px;
    float: right;
    margin: 5px 2px
}

.file-continer .file .meta-info .meta-label em {
    font-size: 12px;
    font-style: normal
}

.file-continer .file .meta-info .meta-label.history-count {
    margin: 4px 2px;
    color: #ff9800;
    background: #ff980021
}

.file-continer .file .meta-info .meta-label.history-count:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ee16";
    font-size: 1em;
    padding-right: 2px;
    position: relative;
    top: -1px
}

.file-continer .file .meta-info .children-count {
    position: absolute;
    bottom: 60%;
    left: -300%
}

.file-continer .file .meta-info .children-count em {
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-style: normal;
    color: #ab7703;
    background: #fff2cd;
    opacity: .25
}

.file-continer .file .meta-info .meta-icon i.file-meta-top .font-icon,
.file-continer .file .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 {
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.file-continer .file .meta-info .meta-icon i.file-meta-top .font-icon {
    color: #de8e00;
    background: #ffea7b
}

.file-continer .file .meta-info .meta-icon .file-meta-lock.lock-self .font-icon {
    background: rgba(27, 191, 33, 0.8)
}

.file-continer .file .meta-info .path-ico .x-share-link {
    color: #31dc48;
    background: none
}

.file-continer .file .meta-info .file-list-tag {
    position: relative;
    top: -1px;
    text-align: right;
    display: inline-block;
    padding-right: 2px;
    font-size: .9em;
    font-style: normal;
    color: #999
}

.file-continer .file .meta-info .file-list-tag .item {
    display: inline-block;
    margin: 0;
    margin-right: -4px;
    height: 16px;
    line-height: 16px
}

.file-continer .file .meta-info .file-list-tag .item .name {
    display: none
}

.file-continer .file .meta-info .file-list-tag .item .x-item-icon.label {
    width: 8px;
    height: 8px;
    top: 1px;
    box-shadow: 0 0 0 1px #fff
}

.file-continer .file .meta-info .file-list-tag .item.group-tag .font-icon {
    color: #1890ff;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    font-size: 14px;
    width: 12px;
    margin-top: 1px;
    vertical-align: top;
    display: inline-block
}

.file-continer .file .meta-info .file-list-tag .item.group-tag .font-icon.is-empty {
    display: none
}

.file-list-icon .file .meta-info {
    height: 22.5px;
    width: 22.5px;
    margin-right: 6.75px;
    margin-top: -22.5px;
    position: absolute;
    right: 0
}

.file-list-icon .file .meta-info .meta-icon {
    font-style: normal
}

.file-list-icon .file .meta-info .meta-add {
    font-style: normal
}

.file-list-icon .file .meta-info img {
    width: 100%;
    height: 100%
}

.file-list-icon .file .meta-info .file-meta-fileEncodeType {
    position: absolute;
    width: auto;
    right: 0;
    top: -250%;
    left: inherit;
    margin-right: -5px
}

.file-list-icon .file .meta-info .play-time {
    position: absolute;
    right: -10%;
    top: 0%;
    margin: -18px 3px 0 0
}

.file-list-icon .file .meta-info .history-count {
    display: none
}

.file-list-icon .file .meta-info .path-ico,
.file-list-icon .file .meta-info .path-ico .x-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    font-size: inherit;
    font-style: normal;
    padding: 0;
    margin: 0
}

.file-list-icon .file .meta-info .path-ico .font-icon {
    color: #888
}

.file-list-icon .file .meta-info .meta-icon i:nth-child(2) {
    position: absolute;
    right: 0;
    top: -110%
}

.file-list-icon .file .meta-info .meta-icon i:nth-child(3) {
    position: absolute;
    right: 110%;
    top: 0%
}

.file-list-icon .file .meta-info .meta-icon i:nth-child(4) {
    position: absolute;
    right: 110%;
    top: -110%
}

.file-list-icon .file .meta-info .file-list-tag {
    position: absolute;
    top: 20%;
    width: 200%;
    right: 200%;
    margin-right: 0px;
    text-align: left;
    white-space: nowrap
}

.file-list-icon .file .meta-info .file-list-tag .item:nth-child(n+6) {
    display: none
}

.file-list-icon .file .meta-info .meta-icon i.file-meta-lock,
.file-list-icon .file .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-list-icon .file .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 {
    position: absolute;
    right: 0;
    top: -350%
}

.file-list-icon .file .meta-info .file-list-tag.group-tag {
    margin-top: -16px;
    margin-right: 2px
}

.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: 4px;
    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: rgba(255, 255, 255, 0.1)
}

.file-continer .file .title-rename:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ec80"
}

.file-continer .file .title-rename:hover {
    color: #1890ff;
    background: rgba(100, 100, 100, 0.05)
}

.file-continer .file.hover .title-continer:hover .title-rename {
    visibility: visible;
    opacity: 1
}

.file-continer .file.hover .title-type-name:hover .title-rename {
    visibility: visible;
    opacity: 1
}

.file-continer .file.file-icon-edit .title-rename {
    display: none
}

.file-list-list .file .title-rename {
    position: relative;
    top: 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 .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;
    overflow: hidden
}

.file-panel .panel-info-header .header-content .file-icon .path-ico {
    width: 100%;
    height: 100%;
    font-size: 42px;
    line-height: 60px
}

.file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label {
    width: 40px;
    height: 40px
}

.file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label:before {
    position: absolute;
    right: 15%;
    top: 15%;
    width: 40%;
    height: 40%;
    border-radius: 50%;
    content: " ";
    background: linear-gradient(45deg, #ffffff7d, #ffffff00);
    margin-top: 4px
}

.file-panel .panel-info-header .header-content .file-icon .path-ico img {
    max-width: 85%;
    max-height: 85%;
    border-radius: 2px;
    object-fit: cover;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.file-panel .panel-info-header .header-content .file-icon .path-ico.path-ico-oexe img {
    max-width: 95%;
    max-height: 95%;
    box-shadow: none;
    border-radius: 5px
}

.file-panel .panel-info-header .header-content .file-name {
    font-size: 15px;
    color: #666;
    word-break: break-word;
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding-left: 65px;
    line-height: 1.2em
}

.file-panel .panel-info-header .header-content .file-name .name {
    max-height: 35px;
    line-height: 1.2em;
    padding-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-panel .panel-info-header .header-content .file-name .name .name-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.file-panel .panel-info-header .header-content .file-name .desc {
    font-size: .9em;
    color: #aaa;
    padding-top: 1px;
    white-space: nowrap
}

.file-panel .panel-info-header .header-content .btn-action {
    opacity: .5;
    color: #999;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative;
    top: -3px;
    text-align: center;
    margin-left: 4px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.05)
}

.file-panel .panel-info-header .header-content .btn-action .font-icon {
    top: 0px;
    font-size: 15px
}

.file-panel .panel-info-header .header-content .btn-action .font-icon:before {
    position: relative;
    top: -1px
}

.file-panel .panel-info-header .header-content .btn-action.select {
    opacity: .9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.file-panel .panel-info-header .header-content .btn-action:hover {
    opacity: 1
}

.file-panel .panel-info-header .header-content .btn-action.fav-button.select {
    color: #fec740;
    background: #fffbe6
}

.file-panel .panel-info-header .header-content .btn-action.move-top-button.select {
    background: #ffea7b;
    color: #de8e00
}

.file-panel .panel-info-header .header-content .btn-action.fav-button.select .font-icon:before {
    content: "\f186"
}

.file-panel .panel-info-header .header-content .btn-action.move-top-button.select .font-icon:before {
    content: "\f036"
}

.file-panel .panel-info-header .header-content .file-name.select-more .btn-action {
    display: none
}

.file-panel .panel-info-header .header-content .kui-btn.task-view-dialog {
    display: none;
    position: absolute;
    right: 6px;
    bottom: 4px;
    padding: .3em .5em;
    background: transparent;
    border: 1px solid #fafafa;
    color: #eee
}

.file-panel .panel-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 0 0 0 4px;
    font-size: 16px;
    color: #ccc;
    cursor: pointer;
    text-align: center
}

.file-panel .panel-close:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb99"
}

.file-panel .panel-close:hover,
.file-panel .panel-close:active,
.file-panel .panel-close:focus {
    background: rgba(24, 144, 255, 0.3);
    color: #40a9ff
}

.file-panel .content-header {
    position: relative;
    height: 35px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    box-shadow: 0 1px 0 0 #fff, 0 2px 0 0 #f6f6f6
}

.file-panel .content-header .title {
    font-size: 14px;
    line-height: 32px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-panel .content-header .title .font-icon {
    color: #40a9ff;
    position: relative;
    top: -1px
}

.file-panel .content-header .title .name-dsc {
    font-size: .9em;
    padding-left: 5px;
    color: #aaa
}

.file-panel .panel-tab-content {
    position: absolute;
    bottom: 50px;
    top: 65px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.file-panel .panel-tab-content .tab-content {
    padding: 10px;
    display: none;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px
}

.file-panel .panel-tab-content .tab-content .content .panel-content {
    overflow: auto
}

.file-panel .panel-tab-content .tab-content.page-empty .content-list {
    bottom: 0
}

.file-panel .panel-tab-content .content-list {
    position: absolute;
    top: 50px;
    bottom: 45px;
    left: 0;
    right: 30px;
    width: 100%;
    padding-bottom: 20px;
    padding: 5px 10px 20px 10px;
    box-sizing: border-box
}

.file-panel .list-page .my-page-box .grey-6 {
    display: none
}

.file-panel .list-page .my-page-box .page-info {
    margin: 0;
    border-right: none
}

.file-panel .list-page .my-page-box .page-info input {
    width: 20px;
    height: 16px;
    line-height: 20px
}

.file-panel .list-page .my-page-box .page-content .page-to {
    padding: 0 .3em
}

.file-panel .list-page .my-page-box .page-content ul li,
.file-panel .list-page .my-page-box .page-content ul .page-active-bg {
    width: 25px
}

.file-panel .list-page .my-page-box .page-select {
    position: absolute;
    right: 0px
}

.file-panel .list-page .my-page-box.data-only-one-page .page-info-text {
    padding-left: 10px
}

.file-panel .list-page .my-page-box.data-only-one-page .grey-6 {
    display: inline
}

.file-panel .list-page {
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 3px;
    z-index: 5;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px
}

.file-panel .user-info {
    color: #888;
    cursor: default
}

.file-panel .user-info .path-ico {
    overflow: initial;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 2px
}

.file-panel .user-info img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff
}

.file-panel .user-info .name-char {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    padding: 0;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.file-panel .user-info {
    color: #456;
    position: relative
}

.file-panel .user-info .path-ico {
    top: -1px
}

.file-panel .user-info .path-ico img {
    border: 1px solid #fff
}

.file-panel.page-share-info .tag-view {
    display: none
}

.file-panel.page-share-info .panel-info-header .move-top-button {
    display: none
}

.file-panel.page-share-info .panel-info-header .fav-button {
    display: none
}

.frame-main-explorer .file-panel .dialog-tab {
    margin: 0;
    background: #fafafa;
    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
}

.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 .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;
    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: "Droid Arabic Kufi", "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;
    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 .desc {
    margin-left: 5px;
    zoom: .9;
    opacity: .8;
    position: relative;
    top: -1px
}

.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;
    background: #1890ff08;
    box-shadow: 0 0 0 1px #1890ff20
}

.file-panel .pathinfo .info-item-share-target .share-item:hover {
    background: #1890ff30;
    box-shadow: 0 0 0 1px #1890ff50
}

.file-panel .pathinfo .info-item-share-target .share-item .picture.ico img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    margin: -2px 0 0 -5px
}

.file-panel .pathinfo .info-item-share-target .auth-info {
    font-style: normal;
    color: #aaa;
    margin-left: 4px
}

.file-panel .pathinfo .info-item-share-target .auth-info:before {
    content: "(";
    display: inline-block;
    padding: 0 1px 0 2px
}

.file-panel .pathinfo .info-item-share-target .auth-info:after {
    content: ")";
    display: inline-block;
    padding: 0 0 0 1px
}

.file-panel .pathinfo .info-item-share-target .auth-info span {
    display: inline-block
}

.file-panel .pathinfo .info-item-share-target .item-name {
    position: relative;
    top: -1px
}

.file-panel .pathinfo .info-item-share-target .x-item-icon.label {
    position: relative;
    top: 1px;
    width: 8px;
    height: 8px
}

.panel-auth.tab-content {
    padding: 20px 0 30px 0;
    color: #446;
    margin: 0
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box.config-box .panel-form-body {
    padding: 0;
    overflow: hidden;
    position: static
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    margin: 0;
    padding: 5px 10px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title {
    width: 92%;
    padding: 0;
    margin: 8px 0 0 2px;
    position: relative;
    top: -5px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title:before {
    content: " ";
    border-left: 4px solid #1890ff;
    border-radius: 4px;
    margin-right: .6em;
    font-size: .9em;
    position: relative;
    top: -0.1em;
    box-shadow: 0 1px 4px rgba(24, 144, 255, 0.3)
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content {
    width: 100%;
    overflow: visible
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content .desc {
    text-shadow: none
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .add-user-group {
    position: absolute;
    top: -36px;
    right: 0px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-select-box {
    height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 5px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-toolbar {
    margin-top: -6px;
    margin-right: 0px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #eee;
    margin-top: -1px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:hover,
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:active,
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:focus {
    border-color: #91d5ff
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-null {
    text-align: center;
    line-height: 150px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType {
    margin-top: -5px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType .setting-content {
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuthType .desc {
    margin-top: -2px
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth {
    background-color: rgba(160, 160, 160, 0.08);
    box-shadow: 0 0 0 1px rgba(160, 160, 160, 0.15)
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row {
    border: none;
    padding: 0;
    margin: 0
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row hr {
    border: none
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-title {
    height: 0
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content {
    text-align: right;
    border-radius: 0;
    width: 100%;
    border: none;
    padding: 12px 0 0 0;
    border-top: solid 1px #f6f6f6;
    background: #fcfcfc;
    background-image: linear-gradient(to bottom, #fbfbfb, #fff)
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-save-button {
    margin: 0px 12px 15px 0;
    padding: 8px 40px;
    float: right
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button {
    margin: 0px 20px 10px;
    float: right;
    background: #eee;
    color: #aaa
}

.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:hover,
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:active,
.panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:focus {
    color: #2196F3;
    background: #eaf5ff
}

.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more {
    margin: 0 12px 5px 0;
    padding: 6px 1em;
    border-radius: 3px;
    color: #888;
    background: #cccccc20
}

.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more:hover {
    color: #1890ff;
    background: #def
}

.panel-auth.tab-content .dialog-form.form-box-title-block .show-auth-more:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ee59";
    opacity: .8;
    position: relative;
    top: -1px;
    display: inline-block;
    padding-right: 2px
}

.frame-main-explorer .file-panel .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    padding: 5px 0
}

.file-auth-mutil .panel-auth.tab-content {
    padding: 0 0 0 0
}

.file-auth-mutil .panel-auth.tab-content .info-alert {
    margin: 10px 20px 0 20px
}

.file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    padding: 5px 20px
}

.file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row {
    padding: 0
}

.explorer-auth-description .form-box .form-row .title-desc {
    position: absolute;
    right: 20px;
    top: -25px;
    opacity: .7;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.explorer-auth-description .form-row .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: auto;
    bottom: 45px;
    padding: 10px 20px 40px 20px
}

.explorer-auth-description .list-page {
    position: absolute;
    bottom: 8px;
    right: 20px
}

.explorer-auth-description .table-column.col-user {
    width: 50%
}

.explorer-auth-description .table-column.col-auth {
    width: 50%
}

.explorer-auth-description .table-column.col-item-path {
    width: 50%
}

.explorer-auth-description .table-column.col-item-target {
    width: 50%
}

.explorer-auth-description .list-empty {
    text-align: center;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    margin: auto;
    margin-top: -60px
}

.explorer-auth-description .list-empty .path-ico {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background: url("../../images/common/status/empty.svg") no-repeat;
    background-size: contain;
    text-align: center;
    background-position: 50%
}

.explorer-auth-description .list-empty .path-ico svg {
    display: none
}

.explorer-auth-description .user-info .path-ico img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.explorer-auth-description .table-column.col-item-path .path-ico {
    position: absolute;
    width: 48px;
    height: 48px;
    font-size: 46px
}

.explorer-auth-description .table-column.col-item-path .path-ico .svg-icon {
    position: relative;
    top: -6px
}

.explorer-auth-description .table-column.col-item-path .title {
    position: absolute;
    left: 60px;
    top: 12px;
    white-space: nowrap
}

.explorer-auth-description .table-column.col-item-path .title .title-name {
    font-size: 1.1em;
    margin-right: 5px
}

.explorer-auth-description .table-column.col-item-path .title .title-time,
.explorer-auth-description .table-column.col-item-path .title .title-size {
    padding-left: 5px;
    color: #aaa;
    font-size: 12px
}

.explorer-auth-description .table-column.col-item-path .title .title-size {
    display: none
}

.explorer-auth-description .table-column.col-item-path .path-at {
    color: #7891af;
    cursor: pointer;
    display: block;
    border-radius: 3px;
    margin: 22px 0 2px 52px;
    padding: 2px 2px 2px 2px;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.explorer-auth-description .table-column.col-item-path .path-at:hover {
    background: #1890ffc4;
    color: #e6f7ff
}

.explorer-auth-description .table-row {
    display: flex
}

.explorer-auth-description .table-column col-item-target {
    display: flex;
    align-items: center
}

.explorer-auth-description .table-column.col-item-target .share-item.user-info {
    display: inline-block;
    white-space: nowrap;
    padding: 0px 5px 0 0px;
    margin: 0 2px 4px 1px;
    border-radius: 10px;
    line-height: 18px;
    background: #1890ff08;
    box-shadow: 0 0 0 1px #1890ff20
}

.explorer-auth-description .table-column.col-item-target .share-item.user-info .svg-icon {
    margin: 0px 0px 0 2px;
    border-radius: 7px 0 0 7px
}

.explorer-auth-description .table-column.col-item-target .share-item.user-info .auth-info {
    color: #aaa;
    margin-left: 6px;
    font-style: normal
}

.explorer-auth-description .table-column.col-item-target .share-item.user-info .auth-info .label {
    width: 8px;
    height: 8px;
    top: 0px;
    margin: 0
}

.explorer-auth-description .table-column.col-item-target .share-item.user-info.item-user.user-0 {
    background: #fff9c5;
    box-shadow: 0 0 0 1px #ffc107
}

.explorer-auth-description .user-info .path-ico {
    position: relative;
    top: 0;
    margin-right: 4px
}

.explorer-auth-description .x-item-icon.label {
    position: relative;
    top: 2px;
    margin-right: 2px
}

.explorer-auth-description .action-toolbar {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #fff;
    box-shadow: -2px 2px 3px #bbb;
    z-index: 10;
    height: 30px;
    border-radius: 0 0 0 4px;
    overflow: hidden
}

.explorer-auth-description .action-toolbar .item {
    padding: 6px 10px;
    cursor: pointer;
    display: inline-block;
    border-right: .5px solid #eee
}

.explorer-auth-description .action-toolbar .item:hover {
    background: #e6f7ff;
    color: #1890ff
}

.explorer-auth-description .table-column.col-item-target:hover .action-toolbar {
    display: block
}

.explorer-auth-description .path-from-info {
    position: absolute;
    left: 0px;
    bottom: -1px;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    background: #dddddd20;
    border-top: 1px solid #dddddd30
}

.explorer-auth-description .path-from-info .path-item {
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 2px;
    background: #dddddd60;
    -ms-transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.explorer-auth-description .path-from-info .path-item:hover {
    background: #1890ffc4;
    color: #e6f7ff
}

.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description {
    min-width: 200px;
    min-height: 200px
}

.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .tab-group {
    margin: 5px 20px 0 20px
}

.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .tab-item:first-child {
    margin-left: -10px
}

.dialog-form.dialog-form-has-menu.dialog-form-style-simple.explorer-auth-description .panel-form-body {
    overflow: visible
}

.dark-mode .explorer-auth-description .action-toolbar {
    background: #666;
    box-shadow: -2px 2px 3px #333
}

.dark-mode .explorer-auth-description .action-toolbar .item {
    border-color: #777
}

.app-wap-small .explorer-auth-description.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-item:first-child {
    margin-left: -5px
}

.app-wap-small .explorer-auth-description .form-row .content {
    padding: 10px 15px 40px 10px
}

.table-view .table-row {
    border-bottom: 1px solid #eee;
    display: block;
    clear: both;
    position: relative;
    -ms-transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.table-view .table-row:hover {
    background: #f8f8f8
}

.table-view .table-row:after {
    content: '';
    clear: both;
    display: block
}

.table-view .table-row.row-header {
    font-weight: 600;
    background: #fafafa;
    border-top: 1px solid #eee
}

.table-view .table-row .table-column {
    float: left;
    padding: 8px 5px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-box .form-row .my-page-box select {
    min-width: initial;
    margin-right: initial
}

.dark-mode .table-view .table-row {
    border-color: rgba(255, 255, 255, 0.05)
}

.dark-mode .table-view .table-row.row-header {
    background: rgba(255, 255, 255, 0.15)
}

.dark-mode .table-view .table-row:hover {
    background: rgba(255, 255, 255, 0.05)
}

.file-panel .panel-tab-content .panel-chat {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0
}

.file-panel .panel-tab-content .panel-chat .content-header {
    margin: 10px
}

.file-panel .panel-tab-content .panel-chat .content-list {
    position: absolute !important;
    overflow: auto;
    padding: 10px 0px 20px 0px;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 62px
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item {
    padding: 8px 10px 10px 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user {
    display: inline-block
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .name {
    padding-left: 40px;
    color: #666;
    transform: scale(.95);
    display: inline-block
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -2px
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico img {
    height: 30px;
    width: 30px
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item.time {
    color: #ddd;
    border-radius: 20px;
    padding: 0 .5em;
    display: inline-block;
    transform: scale(.9)
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-time-after {
    clear: both;
    float: none;
    display: block
}

.file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content {
    padding: 7px;
    background: #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 {
    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 .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: Consolas, 'Liberation Mono', 'Ubuntu Mono', Menlo, Courier, 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 .file-preview {
    color: #666;
    background: #fff;
    border: .5px solid #dcecfd;
    position: relative;
    padding: 5px;
    height: 50px;
    border-radius: 4px;
    user-select: none;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1em;
    min-width: 150px
}

.file-panel .panel-tab-content .panel-chat .file-preview:hover {
    background: #f7fbff;
    border-color: #ebf5ff
}

.file-panel .panel-tab-content .panel-chat .file-preview .file-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px
}

.file-panel .panel-tab-content .panel-chat .file-preview .file-icon .path-ico {
    width: 100%;
    height: 100%
}

.file-panel .panel-tab-content .panel-chat .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
}

.file-panel .panel-tab-content .panel-chat .file-preview .file-size {
    display: block;
    padding: 0px 5px 0 45px;
    opacity: .6;
    font-size: 12px
}

.file-panel .panel-tab-content .panel-chat .file-preview span[data-action="file-download"] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fcfeff;
    color: #1890ff;
    text-align: center;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.file-panel .panel-tab-content .panel-chat .file-preview span[data-action="file-download"]:hover {
    background: #def
}

.file-panel .panel-tab-content .panel-chat .file-preview:hover span[data-action="file-download"] {
    visibility: visible;
    opacity: 1
}

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

.file-panel .panel-tab-content .panel-chat .select-view {
    visibility: hidden;
    transition: all .2s;
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    margin-left: -10px;
    margin-top: -9px;
    padding-left: 5px;
    padding-right: 15px;
    margin-top: -60px;
    z-index: 10;
    background: #fafafa;
    border-bottom: 1px solid #eee
}

.file-panel .panel-tab-content .panel-chat .select-view .select-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: all .2s;
    cursor: pointer;
    font-size: 24px;
    background: rgba(150, 150, 150, 0.01)
}

.file-panel .panel-tab-content .panel-chat .select-view .select-close:hover {
    background: rgba(150, 150, 150, 0.2)
}

.file-panel .panel-tab-content .panel-chat .select-view .kui-btn {
    margin: 11px 0 0 10px
}

.dark-mode .file-panel .panel-tab-content .panel-chat .select-view {
    background: rgba(50, 50, 50, 0.9);
    border-color: rgba(100, 100, 100, 0.9)
}

.app-wap-small .file-panel .panel-tab-content .panel-chat .select-view .kui-btn {
    margin: 6px 0 0 6px
}

.app-wap-small .file-panel .panel-tab-content .panel-chat .select-view .select-close {
    width: 42px;
    height: 42px;
    line-height: 42px
}

.app-wap-small .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert {
    right: -3px
}

.app-wap-small .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert {
    left: -3px
}

.dialog-file-panel .file-panel .panel-tab-content .panel-chat .select-view {
    opacity: 0;
    margin-top: -30px
}

.dialog-file-panel .file-panel .panel-tab-content .panel-chat.list-select .select-view {
    opacity: 1;
    margin-top: -5px
}

.file-panel .panel-tab-content .panel-chat.list-select .select-view {
    visibility: visible;
    margin-top: -9px
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item {
    padding-left: 50px
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb7d";
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #aaa
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .menu-trigger {
    display: none !important
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .item-content {
    pointer-events: none
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item .item-content .content {
    pointer-events: none
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item.selected:before {
    color: #0ec160;
    content: "\eb80"
}

.file-panel .panel-tab-content .panel-chat.list-select .content-list .list-item.selected {
    background: rgba(100, 172, 255, 0.1)
}

.file-panel .panel-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 .markdown-preview .markdown-flow {
    border-radius: 3px
}

.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 .markdown-flow {
    background: #ffffff30
}

.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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.file-panel .panel-log .content-list .list-item.type-create-mkdir .action-icon:before,
.file-panel .panel-log .content-list .list-item.type-create-mkfile .action-icon:before,
.file-panel .panel-log .content-list .list-item.type-create .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea13";
    line-height: 1.2em
}

.file-panel .panel-log .content-list .list-item.type-edit .action-icon {
    background: #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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.file-panel .panel-log .content-list .list-item.type-share .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f0fc";
    line-height: 1.2em
}

.file-panel .panel-log .content-list .list-item.type-rename .action-icon {
    background: #d2eafb;
    border-color: #add9f8;
    color: #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: 0px 2px 2px 2px;
    margin-left: -1px;
    border-radius: 3px
}

.file-panel .panel-log .content-list .list-item .data-path:hover {
    color: #1890ff;
    background: #dbf1ff
}

.file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico {
    width: 18px;
    font-size: 18px;
    height: 18px
}

.file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico .x-item-icon {
    position: relative;
    top: 1px;
    border-radius: 3px;
    width: 18px;
    height: 18px
}

.file-panel .panel-log .content-list .list-item .item.title-show .data-path .file-icon {
    display: none
}

.file-panel .panel-log .content-list .list-item .item.title-show hr {
    margin: 5px 0
}

.file-panel .panel-log .content-list .list-item .item-desc .group-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 1px
}

.file-panel .panel-log .content-list .list-item.action-rename .item-desc em {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    font-style: normal
}

.file-panel .panel-log .content-list .list-item.action-rename .item-desc em:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea6c"
}

.file-panel .panel-log .content-list .list-item .group-item-more {
    height: 62px;
    overflow: hidden
}

.file-panel .panel-log .content-list .list-item .group-item-more.show-all {
    height: inherit
}

.file-panel .panel-log .content-list .list-item .group-item-more .path-ico.name-kod-folder-personal {
    display: none
}

.file-panel .panel-log .content-list .list-item .toggle-item {
    font-style: normal;
    display: block;
    border-radius: 3px;
    color: #1890ff;
    cursor: pointer;
    padding: 2px 6px;
    margin-left: -5px
}

.file-panel .panel-log .content-list .list-item .toggle-item:hover {
    color: #0c3f8a;
    background: rgba(150, 150, 150, 0.1)
}

.file-panel .panel-log .content-list .list-item .toggle-item.toggle-show:after {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea4e"
}

.file-panel .panel-log .content-list .list-item .toggle-item.toggle-hide:after {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea78"
}

.file-panel .panel-meta .content-list {
    position: initial
}

.file-panel .panel-meta .form-box.config-box {
    position: initial
}

.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body {
    padding: 0;
    overflow: hidden;
    position: initial
}

.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row {
    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: 10px 0 40px 0
}

.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-title {
    display: none
}

.file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-content {
    width: 100%;
    padding: 5px 0 5px 0;
    float: none
}

.file-panel .panel-meta .file-list .item-empty {
    margin: 0;
    color: #bbb;
    font-style: normal;
    line-height: 27px
}

.file-panel .panel-meta .file-list .data-path {
    display: block;
    text-align: left;
    color: #40a9ff;
    cursor: pointer;
    padding: 3px 2px;
    margin-left: -2px;
    height: 20px;
    border-radius: 3px;
    margin-bottom: 1px;
    position: relative;
    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: -20px;
    font-size: .9em
}

.file-panel .panel-meta .path-thumb-clear .font-icon {
    color: #40a9ff
}

.file-panel .panel-meta .path-thumb-clear .btn {
    padding: 4px 8px;
    border-radius: 3px
}

.file-panel .panel-meta .path-thumb-clear .desc {
    padding: 5px 0 0 0;
    display: block;
    color: #aaa
}

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

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

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

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .panel-content {
    padding: 5px 10px 0px 10px;
    bottom: 0px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-header {
    margin: 0 20px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-list .list-item {
    border-radius: 4px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log {
    height: auto
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .content-header,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .content-header,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .content-header {
    margin: 5px 20px 0 20px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .list-page,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .list-page,
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .list-page {
    bottom: 10px;
    left: 20px;
    right: 20px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth {
    margin-top: 5px;
    padding: 0
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .panel-content {
    position: static;
    overflow: inherit
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-row {
    padding: 5px 20px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-target-save .form-row {
    padding: 0
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .panel-form-body {
    position: static;
    overflow: inherit;
    padding-bottom: 20px
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta {
    position: relative
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .panel-content {
    position: static;
    margin: 0;
    padding: 5px 20px !important
}

.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .path-thumb-clear {
    margin: -20px 20px 0
}

.dialog-file-panel .file-panel .panel-info-header {
    padding-top: 8px;
    padding-bottom: 2px;
    display: none
}

.dialog-file-panel .file-panel .panel-info-header .header-content .file-name {
    padding-right: 100px
}

.dialog-file-panel .file-panel.panel-image .panel-info-header {
    height: 100px;
    padding: 0
}

.dialog-file-panel .file-panel .dropdown-menu li {
    white-space: nowrap
}

.dialog-file-panel .file-panel.panel-no-tab>.dialog-tab {
    display: none
}

.dialog-file-panel .file-panel.panel-no-tab .panel-tab-content .tab-content .panel-content {
    margin-top: -70px
}

.dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content .panel-content {
    top: 160px
}

.dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content .panel-content {
    top: 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
}

.app-wap-small .frame-main-explorer .file-panel {
    display: none
}

.search-toolbar {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    height: 25px;
    margin-left: -2px;
    border-right: 1px dotted rgba(150, 150, 150, 0.2)
}

.search-toolbar.dialog-form.target-form {
    padding-right: 5px !important
}

.app-wap-small .search-toolbar {
    display: none !important
}

.search-toolbar.dialog-form.target-form .form-box.config-box .panel-form-body {
    top: -1px
}

.search-toolbar .form-box .form-row span.select2-container {
    width: auto !important;
    margin-right: 2px
}

.search-toolbar .form-box .form-row span.select2-container .select2-selection .select2-selection__rendered .path-ico {
    width: 16px
}

.search-toolbar .form-box .form-row.item-fileExt span.select2-container {
    min-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
}

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

.dialog-form.share-dialog-box.share-type-to .bg-banner-light {
    background-position: -100px -50px
}

.dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .topbar-share-info {
    height: 80px;
    margin-bottom: 10px
}

.dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .topbar-share-info .right-desc {
    left: 20px;
    top: 20px
}

.dialog-form.share-dialog-box .form-box .desc a {
    padding-left: 0
}

.dialog-form.share-dialog-box .form-header {
    display: none
}

.dialog-form.share-dialog-box .form-box .form-row {
    padding: 0px 15px
}

.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.item-shareHeader {
    padding: 0
}

.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row {
    padding: 0px 45px
}

.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.form-input-text .setting-content .desc .btn-group {
    right: 0
}

.dialog-form.share-dialog-box.form-box-title-block .form-box .form-row.inline+.inline.form-dateTime .setting-title {
    height: 20px
}

.dialog-form.share-dialog-box.dialog-form.dialog-no-title .form-box.config-box .form-header {
    background: #fff;
    border: none
}

.dialog-form.share-dialog-box .tab-item-bar {
    display: none !important
}

.dialog-form.share-dialog-box .share-copy-view .copy-desc {
    position: relative;
    vertical-align: middle
}

.dialog-form.share-dialog-box .share-copy-view .share-path-copy {
    margin: 0 0 0 5px;
    vertical-align: middle
}

.dialog-form.share-dialog-box .tab-group-pan {
    min-height: 300px
}

.dialog-form.share-dialog-box .form-row.item-shareHeader {
    margin: 0;
    padding: 0
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .setting-content {
    width: 100%;
    padding: 0;
    border: none;
    float: none
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    padding: 10px 10px 10px 40px;
    position: relative;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 0;
    height: 100px;
    margin-bottom: 20px;
    color: #abb6bd
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .path-ico {
    width: 80px;
    height: 80px;
    font-size: 72px;
    margin-top: 10px;
    margin-left: -5px;
    position: absolute
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc {
    position: absolute;
    left: 120px;
    right: 30px;
    top: 20px
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name {
    line-height: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 600;
    color: #2196F3
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name .name-title {
    display: inline-block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    opacity: .8;
    padding: 0px 5px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: -6px;
    vertical-align: bottom;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .name,
.dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info .right-desc .desc-location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dialog-form.share-dialog-box .tab-group {
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 30px;
    z-index: 10;
    background: none;
    top: 106px
}

.dialog-form.share-dialog-box .tab-group .tab-item {
    float: none;
    display: inline-block;
    padding: 1px 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px 3px 0 0 !important;
    -ms-transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
    background: #edf6ff;
    border: 1px solid #e2f1ff !important;
    border-bottom: 1px solid #e4ebfe
}

.dialog-form.share-dialog-box .tab-group .tab-item .tab-item-content {
    padding: 0;
    height: inherit;
    line-height: inherit
}

.dialog-form.share-dialog-box .tab-group .tab-item:hover,
.dialog-form.share-dialog-box .tab-group .tab-item:active,
.dialog-form.share-dialog-box .tab-group .tab-item:focus {
    color: #1890ff;
    background: #def;
    border-color: #e4ebfe !important
}

.dialog-form.share-dialog-box .tab-group .tab-item.active {
    background: #fff;
    color: #1890ff;
    border: 1px solid #e4ebfe !important;
    border-bottom-color: transparent !important
}

.dialog-form.share-dialog-box .tab-group .tab-item.active:hover,
.dialog-form.share-dialog-box .tab-group .tab-item.active:active,
.dialog-form.share-dialog-box .tab-group .tab-item.active:focus {
    color: #1890ff;
    background: #fff
}

.dialog-form.share-dialog-box .tab-group .font-icon {
    opacity: .9;
    font-size: 16px;
    line-height: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    text-align: center
}

.dialog-form.share-dialog-box .form-row.item-password .input-title-right {
    cursor: pointer;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-form.share-dialog-box .form-row.item-password .input-title-right:hover,
.dialog-form.share-dialog-box .form-row.item-password .input-title-right:active,
.dialog-form.share-dialog-box .form-row.item-password .input-title-right:focus {
    color: #444;
    background: #eee
}

.dialog-form.share-dialog-box .form-row.item-shareLink .setting-content input {
    background: #fdfdfd;
    border-color: #ddd;
    width: 227px;
    box-shadow: none
}

.dialog-form.share-dialog-box .form-row.item-timeToSet {
    padding-right: 0
}

.dialog-form.share-dialog-box .form-row.item-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-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;
    background: #f0f2f5
}

.share-page-main .common-header .topbar {
    color: #666;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: auto;
    width: 100%;
    height: 40px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05)
}

.share-page-main .common-header .topbar .content {
    padding: 0px;
    line-height: 36px;
    height: 40px;
    word-break: break-word
}

.share-page-main .common-header .topbar .content i.font-icon {
    display: inline-block;
    padding-right: 10px;
    font-size: 1.1em
}

.share-page-main .common-header .topbar .content .topbar-menu {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    color: #888;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: none;
    margin-left: -1px;
    padding: 0 1.2em;
    float: left
}

.share-page-main .common-header .topbar .content .topbar-menu.title {
    font-size: 20px;
    width: 219px;
    padding: 0;
    text-align: center;
    height: 40px
}

.share-page-main .common-header .topbar .content .topbar-menu.title:hover,
.share-page-main .common-header .topbar .content .topbar-menu.title:focus {
    background: none
}

.share-page-main .common-header .topbar .content .topbar-menu.title .logo-text {
    background-image: -webkit-linear-gradient(40deg, #1890ff, #a16dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px
}

.share-page-main .common-header .topbar .content .topbar-menu.title .logo-text i.font-icon {
    padding: 0px;
    margin-left: 5px
}

.share-page-main .common-header .topbar .content .topbar-menu img {
    height: 40px;
    margin-top: -1px
}

.share-page-main .common-header .topbar .content .top-left {
    height: 40px;
    position: absolute;
    left: 0px;
    right: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.share-page-main .common-header .topbar .content .top-right {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: 0px;
    height: 40px
}

.share-page-main .common-header .topbar .content .top-right .menu-group {
    height: 40px;
    margin-right: -1px;
    float: left;
    position: relative
}

.share-page-main .common-header .topbar .content .top-right .topbar-menu {
    display: inline-block;
    padding: 0px 12px;
    height: 40px;
    width: 20px;
    text-align: center
}

.share-page-main .common-header .topbar .content .top-right .topbar-menu:hover,
.share-page-main .common-header .topbar .content .top-right .topbar-menu:active,
.share-page-main .common-header .topbar .content .top-right .topbar-menu:focus {
    background: #eee
}

.share-page-main .common-header .topbar .content .top-right .topbar-menu i {
    padding-right: 3px
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu {
    margin-top: -1px;
    padding: 10px 0;
    min-width: 180px
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu i {
    width: 10px;
    font-size: 1.3em
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li.hidden[share-action="copy-to"]+li.divider {
    display: none
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu a {
    padding: 6px 15px;
    margin: 3px 10px;
    border-radius: 4px
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu .divider {
    margin: .5em 0
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="copy-to"] a,
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="download"] a {
    color: #1890ff;
    background: #1890ff20
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="copy-to"] a:hover,
.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu li[share-action="download"] a:hover {
    color: #1890ff;
    background: #1890ff40
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language {
    width: 470px;
    padding: 10px 5px
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language li {
    width: 115px;
    float: left;
    margin: 0 1px 1px 0
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language a {
    padding: 0 8px 0 8px;
    height: 26px;
    line-height: 26px
}

.share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language i.flag {
    padding-right: 0px;
    background-color: #eee;
    position: relative;
    top: 1px
}

.share-page-main .common-header .topbar .content .share-title {
    text-align: center;
    margin-left: 8px;
    margin-right: 7px
}

.share-page-main .common-header .topbar .content .share-title-info {
    font-size: 1.25em;
    padding: 6px
}

.share-page-main .common-header .topbar .content .topbar-share-info {
    font-size: 1em;
    display: inline
}

.share-page-main .common-header .topbar .content .topbar-share-info .time {
    padding-left: 5px;
    padding-right: 8px
}

.share-page-main .common-header .topbar .content .topbar-share-info .item-title {
    text-align: center;
    margin-left: 8px;
    margin-right: 7px
}

.share-page-main .common-header .topbar .content .topbar-share-info .item-title .title-name {
    font-size: 1.25em;
    padding: 6px
}

.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user {
    margin-right: 10px;
    position: relative;
    top: 2px
}

.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user .info {
    padding-right: 10px
}

.share-page-main .common-header .topbar .content .top-right .topbar-share-info-user .kui-btn {
    overflow: inherit
}

.share-page-main .common-header .topbar ul.dropdown-menu.topbar-submenu {
    right: auto;
    left: auto;
    margin-left: -1px;
    margin-top: -1px;
    font-size: .9em;
    padding: 20px 0 10px 20px;
    width: 380px
}

.share-page-main .common-header .topbar .user-info {
    color: #888;
    cursor: default
}

.share-page-main .common-header .topbar .user-info .path-ico {
    overflow: initial;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 2px
}

.share-page-main .common-header .topbar .user-info img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff
}

.share-page-main .common-header .topbar .user-info .name-char {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    padding: 0;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.share-page-main .common-header .topbar .user-info {
    cursor: pointer
}

.share-page-main .common-header .topbar .user-info .name {
    display: none
}

.share-page-main .common-header .topbar .user-info .path-ico img {
    display: none
}

.share-page-main .common-header .topbar .user-info-view .caret {
    display: none
}

.share-page-main .common-header .topbar .user-info .path-ico::before,
.share-page-main .common-header .topbar .user-info-view i.font-icon::before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ef3b";
    font-size: 1.1em;
    padding-left: 1px;
    position: relative
}

.share-page-main .common-header .topbar .user-info .path-ico::before {
    top: -7px
}

.share-page-main .content-box {
    bottom: 40px;
    top: 50px;
    position: absolute;
    overflow: hidden;
    width: 90%;
    left: 5%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow-x: hidden
}

.share-page-main .content-box .common-main {
    position: absolute;
    overflow: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

.share-page-main .content-box .common-main.address-header {
    top: 35px
}

.share-page-main .content-box.content-show .common-main {
    right: 240px
}

.share-page-main .content-box .common-main.file-show-dialog .artDialog {
    position: absolute !important;
    width: auto !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.share-page-main .content-box .common-main.file-show-dialog .artDialog .dplayer,
.share-page-main .content-box .common-main.file-show-dialog .artDialog .jPlayer,
.share-page-main .content-box .common-main.file-show-dialog .artDialog .jPlayer-music .player-bg {
    border-radius: 0
}

.share-page-main .content-box .common-main.file-show-dialog .address-header {
    top: 35px !important
}

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

.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-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: -2px;
    margin-right: 3px
}

.app-share-file-show .header-address-content a .item-menu {
    display: none !important
}

.app-share-file-show .header-address-content a:after {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea6e";
    opacity: .6
}

.app-share-file-show .header-address-content .header-address-item {
    display: inline-block
}

.app-share-file-show .header-address-content .header-address-item.last {
    pointer-events: none;
    opacity: .7
}

.app-share-file-show .header-address-content .header-address-item.last a:after {
    display: none
}

.app-share-file-show .share-page-main .markdown-preview {
    min-width: 200px;
    margin: 20px auto;
    padding: 0 4% 50px 4%;
    position: relative;
    border-right: 1px solid #eee
}

.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: "Lantinghei SC", PingFangSC-light, PingFangTC-light, "PingFang SC", "Droid Arabic Kufi", "Helvetica", 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 .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
}

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

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: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool {
    border: none;
    height: inherit
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ecb7"
}

.edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .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', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif;
    font-size: .9em;
    margin: 5px 0;
    padding: 8px 5px
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-help .col-md-4 {
    padding-bottom: 30px;
    box-sizing: border-box
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box {
    width: 300px;
    background: #fff;
    height: 80%;
    max-height: 90%;
    border-radius: 4px;
    border-top-right-radius: 0;
    position: absolute;
    top: 20px;
    right: 60px;
    bottom: .1px;
    z-index: 10;
    border: 1px solid #e6e6e6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    background: linear-gradient(110deg, #fff, #fafdff)
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box h3 {
    padding: 20px 10px 15px 20px;
    margin: 0;
    border-bottom: 1px solid #eee;
    font-size: 22px
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .content {
    height: 100%;
    overflow: auto
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .tools-markdown-more {
    position: absolute;
    top: 20px;
    right: 10px
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting {
    width: 160px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border-top-right-radius: 0;
    position: absolute;
    top: 125px;
    right: 60px;
    -webkit-transform: translateZ(0)
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul {
    padding: 0;
    margin: 10px 0
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li {
    width: 100%;
    height: 25px;
    list-style: none;
    overflow: hidden
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li.line {
    height: 1px;
    background: #f3f3f3;
    margin: 5px 0
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a,
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:visited {
    display: block;
    line-height: 25px;
    text-decoration: none;
    padding: 0 0 0 20px;
    color: #444;
    overflow: hidden
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a i.font-icon {
    padding-right: 5px;
    color: #888;
    display: inline-block;
    width: 16px;
    text-align: center
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover,
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active,
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:focus {
    background: #63acff;
    color: #fff
}

.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover i,
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active i,
.edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:focus i {
    color: #fff
}

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

.hljs-comment,
.hljs-quote {
    color: #998;
    font-style: italic
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
    color: #333;
    font-weight: 700
}

.hljs-literal,
.hljs-number,
.hljs-tag .hljs-attr,
.hljs-template-variable,
.hljs-variable {
    color: teal
}

.hljs-doctag,
.hljs-string {
    color: #d14
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
    color: #900;
    font-weight: 700
}

.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title,
.hljs-type {
    color: #458;
    font-weight: 700
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
    color: navy;
    font-weight: 400
}

.hljs-meta,
.hljs-strong {
    font-weight: 700
}

.hljs-link,
.hljs-regexp {
    color: #009926
}

.hljs-bullet,
.hljs-symbol {
    color: #990073
}

.hljs-built_in,
.hljs-builtin-name {
    color: #0086b3
}

.hljs-meta {
    color: #999
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs {
    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.02)
}

.hljs ul li:hover,
.hljs ul li:active {
    background: rgba(0, 0, 0, 0.05)
}

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

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

.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 {
    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', '微软雅黑', Courier, 'Droid Arabic Kufi', 'Lantinghei SC', 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
}

.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.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 .path-ico .x-item-icon.label {
    top: 2px;
    margin: 0
}

.frame-main-explorer .frame-header .header-content .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 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;
    color: #888
}

.frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default {
    height: 26px;
    line-height: 20px;
    padding: 0 8px;
    position: absolute;
    top: 1px;
    right: 1px;
    border: none;
    border-radius: 0 1px 1px 0;
    border-left: 1px solid #ddd
}

.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more {
    position: absolute;
    right: 35px;
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}

.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:hover,
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:active,
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:focus {
    background: rgba(0, 0, 0, 0.1)
}

.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear {
    display: none;
    z-index: 10;
    position: absolute;
    right: 60px;
    top: 2px;
    width: 24px;
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    color: #ccc;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:hover,
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:active,
.frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:focus {
    color: #ff4d4f;
    background: rgba(0, 0, 0, 0.1)
}

.frame-main-explorer .frame-header .header-content .header-right .search-box input.search {
    display: block;
    border: 1px solid #ddd;
    height: 26px;
    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: 0px;
    width: 200px;
    border-radius: 1px
}

.frame-main-explorer .frame-header .header-content .header-right .search-box input.search:hover {
    border-color: #63acff
}

.frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus,
.frame-main-explorer .frame-header .header-content .header-right .search-box input.search:active {
    box-shadow: 0 0 0 4px rgba(24, 144, 255, 0.15);
    border-color: #63acff
}

.frame-main-explorer .frame-header .header-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: 12px
}

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

.frame-main-explorer .frame-header .header-middle .btn-default .font-icon.svg-icon {
    font-size: 17px;
    line-height: 28px
}

.frame-main-explorer .frame-header .header-middle .header-address {
    width: 50%;
    cursor: text;
    height: 26px;
    overflow: hidden;
    float: left;
    border: 1px solid #ddd;
    margin-left: -1px
}

.frame-main-explorer .frame-header .header-middle .header-address .loading-item {
    line-height: 28px;
    padding-left: 15px;
    color: #aaa
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content {
    list-style: none;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 50px;
    width: 100%;
    box-sizing: border-box
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item {
    display: inline-block
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a,
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:link,
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:visited {
    color: #666;
    text-decoration: none
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.first a {
    margin-left: 0px;
    padding-left: 5px
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a {
    background-image: url("../../images/common/ybutton.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    cursor: pointer;
    height: 27px;
    min-width: 16px;
    line-height: 27px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 1em;
    padding: 0px 25px 0px 25px;
    margin-left: -15px;
    position: relative;
    vertical-align: top
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover {
    background-position: 100% -48px;
    color: #222
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active,
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active {
    background-position: 100% -96px;
    color: #222
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.last {
    margin-right: 50px
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.group-root a {
    font-weight: 800
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu {
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    text-align: left;
    background: #fff;
    color: #aaa;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition: .1s all;
    right: 2px;
    top: 5px;
    font-size: 14px;
    overflow: hidden;
    width: 14px;
    height: 18px;
    line-height: 16px;
    background: none !important;
    border: none;
    box-shadow: none !important
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu .font-icon {
    margin-left: -5px
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active .item-menu,
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover .item-menu {
    visibility: visible;
    opacity: .4
}

.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a.active .item-menu,
.frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a .item-menu:hover {
    background: #dff1ff;
    color: #3399ff;
    border-color: #3399ff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    opacity: 1
}

.frame-main-explorer .frame-header .header-middle .children-list {
    min-width: 180px;
    max-width: 300px;
    position: fixed;
    z-index: 999;
    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;
    padding: 2px 10px;
    text-align: center;
    margin: 10px 0
}

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

.frame-main-explorer .frame-header .header-middle .children-list .list-item .item-name {
    padding-left: 25px
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico {
    position: absolute;
    top: 5px
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico svg {
    position: relative;
    top: -1px
}

.frame-main-explorer .frame-header .header-middle .children-list .list-item .path-ico .x-item-icon.label {
    top: -3px
}

.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content {
    box-shadow: none;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: -10px auto auto -10px
}

.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content .loading-msg-box {
    font-size: 16px;
    margin: 0px 0 2px 0
}

.frame-main-explorer .frame-header .header-middle .children-list .loading-msg .loading-msg-content .loading-msg-title {
    display: none
}

.frame-main-explorer .frame-header .header-middle .btn.path-is-fav .font-icon {
    color: #fec740
}

.frame-main-explorer .frame-header .header-middle .header-address-input {
    height: 26px;
    width: 50%;
    cursor: text;
    float: left;
    border: 1px solid #ddd;
    display: none;
    margin-left: -1px
}

.frame-main-explorer .frame-header .header-middle .header-address-input input.path {
    border: none;
    height: 25px;
    display: block;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    background: #fff url("../../images/common/bg.gif") 0 10px repeat-x;
    background: none;
    width: 94%;
    font-size: 1em;
    line-height: 25px;
    color: #444
}

.frame-main-explorer .frame-header .header-middle .header-address-input input:focus {
    outline: none
}

.frame-main-explorer .frame-header .search-dropdown {
    width: 420px;
    min-height: 200px;
    max-width: 100%;
    position: absolute;
    right: 20px;
    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: 100;
    height: 34px;
    min-width: 505px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    background: #fefefe;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
    border-bottom: .5px solid #66666620;
    background: none;
    background: #dddddd10
}

.frame-main-explorer .frame-header .tools a.left:hover,
.frame-main-explorer .frame-header .tools a.middle:hover,
.frame-main-explorer .frame-header .tools a.left:active,
.frame-main-explorer .frame-header .tools a.middle:active {
    margin-right: 2px;
    padding-right: 8px
}

.frame-main-explorer .frame-header .tools .btn.toolbar-path-more {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.frame-main-explorer .frame-header .tools a.this {
    background: #eee;
    cursor: default
}

.frame-main-explorer .frame-header .tools a.this:hover,
.frame-main-explorer .frame-header .tools a.this:active,
.frame-main-explorer .frame-header .tools a.this:focus {
    margin-right: 0px;
    padding-right: 10px;
    border: 1px solid #ddd;
    background: #eee;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.frame-main-explorer .frame-header .tools .tools-left {
    float: left;
    margin: 0px 0 0 10px
}

.frame-main-explorer .frame-header .tools .tools-left .btn-group {
    float: left;
    padding-top: 5px
}

.frame-main-explorer .frame-header .tools .tools-right {
    margin: 5px 20px 0 0;
    height: 26px;
    position: absolute;
    right: 0px
}

.frame-main-explorer .frame-header .tools .tools-right .btn-group-sm {
    float: right
}

.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon {
    width: 20px;
    height: 25px;
    line-height: 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    color: #bbb;
    border-radius: 3px
}

.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:hover,
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:active,
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:focus,
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.context-menu-active,
.frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.open {
    background: #f6f6f6;
    color: #888
}

.frame-main-explorer .frame-header .tools .tools-right .menu-file-sort-by {
    float: right
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size {
    display: none;
    float: right
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider {
    position: relative;
    margin-left: -12px;
    margin-top: -18px;
    padding: 10px 0;
    width: 40px;
    min-width: 10px;
    height: 120px
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:before {
    right: 13px
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:after {
    right: 14px
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-bg {
    height: 100%;
    width: 5px;
    background: #ddd;
    margin-left: 17px;
    border-radius: 3px;
    cursor: pointer
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle {
    -ms-transition: box-shadow .2s;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    margin-top: 10px;
    cursor: pointer;
    border-width: 1px \9;
    cursor: grab;
    border: 2px solid #96dbfa;
    background: #fff;
    position: absolute;
    margin-left: 10px;
    top: 0px;
    left: 0
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle:hover {
    box-shadow: 0 0 0 6px rgba(150, 219, 250, 0.7)
}

.frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle.active {
    background: #7ed3f9;
    border-color: #7ed3f9;
    box-shadow: none;
    cursor: grabbing
}

.frame-main-explorer .frame-header .tools .list-type-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: 0 -561px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px;
    width: 12px !important;
    margin-right: 1px !important;
    margin-left: 1px !important
}

.frame-main-explorer .frame-header .tools .list-type-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .list-type-list {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: -16px -624px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px;
    width: 12px !important;
    margin-right: 1px !important;
    margin-left: 1px !important
}

.frame-main-explorer .frame-header .tools .list-type-list:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-list {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .list-type-split {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: 0 -609px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px;
    width: 12px !important;
    margin-right: 1px !important;
    margin-left: 1px !important
}

.frame-main-explorer .frame-header .tools .list-type-split:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .list-type-split {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .theme-select {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: 0 -720px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px;
    width: 12px !important;
    margin-right: 1px !important;
    margin-left: 1px !important
}

.frame-main-explorer .frame-header .tools .theme-select:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .theme-select {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .kod-toolbar {
    height: 30px;
    padding-left: 5px;
    margin-left: -5px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn b {
    display: none
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-default .font-icon {
    width: 12px;
    height: 16px;
    line-height: 16px;
    margin-right: 1px !important
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .desc-name {
    position: relative;
    top: -1px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b {
    position: absolute;
    right: -13px;
    top: -8px;
    background: #00000080;
    text-indent: -600px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    display: block
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eb99";
    color: #fff;
    position: absolute;
    top: 5px;
    left: 1px;
    font-size: 12px;
    font-weight: 200;
    text-indent: 0
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item .desc-name b:hover {
    background: #dc0202b5
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn.explorer-past-item:hover .desc-name b {
    visibility: visible;
    opacity: 1
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button {
    padding: 3px 3px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button .desc-name {
    display: none
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button,
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button {
    padding: 3px 3px
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button .font-icon,
.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button .font-icon {
    padding-right: 0
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.context-menu-active {
    color: #365f80;
    background-color: #e4f8ff;
    border-color: #93cfff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: 0 0;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.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-file .font-icon {
    color: #31dc48 !important
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-file .font-icon:before {
    content: "\eb17" !important;
    font-family: "kod-svg-font" !important
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-file .font-icon:before {
    background: none;
    color: #31dc48 !important;
    vertical-align: unset;
    text-fill-color: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    -webkit-background-clip: unset
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: -16px -609px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon {
    display: inline-block;
    background-image: url("../../images/common/menu_icon.png");
    background-position: -16px -773px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 8px
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon:before,
.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon:before {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon,
    .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon {
        background-image: url("../../images/common/menu_icon@2x.png");
        background-size: 32px auto !important
    }
}

.frame-main-explorer .frame-header .tools .toolbar-item .btn-default.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;
    margin-left: 10px;
    float: left;
    padding: 2px 5px;
    background: rgba(0, 0, 0, 0.05);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 20px
}

.frame-main-explorer .role-label-box:hover,
.frame-main-explorer .role-label-box:active,
.frame-main-explorer .role-label-box:focus {
    opacity: .6
}

.frame-main-explorer .role-label-box .label {
    top: 2px
}

.explorer-select-footer {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    height: 59px;
    border-top: 1px solid #eee;
    background: #fafafa
}

.explorer-select-footer .select-api-input-box {
    overflow: hidden;
    margin: 14px 10px 0 20px;
    position: relative
}

.explorer-select-footer .select-api-input-box input {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 6px 5px 4px 10px;
    width: 100%;
    border-radius: 3px;
    color: #000;
    outline: none;
    border: 1px solid rgba(100, 100, 100, 0.2)
}

.explorer-select-footer .select-api-input-box input[readonly] {
    background: #fcfcfc
}

.explorer-select-footer .select-api-input-box input:not([readonly]):focus {
    border-color: #75A1F0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2)
}

.explorer-select-footer .select-api-input-box .label {
    position: absolute;
    right: 6px;
    top: 6px;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis
}

.explorer-select-footer.aui-footer {
    position: relative
}

.explorer-select-footer.aui-footer .select-api-input-box {
    margin: 15px 10px 0 20px
}

.explorer-select-footer.aui-footer .btn-actions.aui-buttons {
    margin: 0px 0 0 0;
    background: none;
    border: none
}

.explorer-select-footer.aui-footer .btn-actions.aui-buttons button {
    margin-left: 5px
}

.explorer-select-footer .btn-actions {
    padding: 15px 15px 15px 2px;
    float: right
}

.explorer-select-footer.aui-footer .btn-actions {
    padding: 15px 15px 15px 2px
}

.explorer-select-footer .btn-actions .kui-btn {
    margin-left: 5px;
    margin-top: 0
}

.frame-main-explorer .context-menu-list.menu-path-folder-tree .new-file-others {
    display: none !important
}

.frame-main-explorer .drag-resize-tree,
.frame-main-editor .drag-resize-tree {
    z-index: 50;
    margin-left: -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.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 .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
}

.app-content .app-list .app-li .icon {
    background-image: linear-gradient(to bottom, #def 0, #fff 100%);
    border-radius: 4px
}

.app-content .app-list .app-li .icon .path-ico,
.app-content .app-list .app-li .icon .font-icon {
    width: 70px;
    height: 70px;
    padding-top: 10px
}

.app-content .app-list .app-li .icon .x-font-icon,
.app-content .app-list .app-li .icon .font-icon-words {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 36px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 12px
}

.app-content .app-list .app-li .icon .x-font-icon {
    font-size: 42px
}

.app-content .app-list .app-li .icon .x-item-icon {
    margin-top: 10px
}

.app-content .app-list .app-li .icon .font-icon-words {
    margin-top: 20px
}

.admin-page .admin-main .panel-body.plugin-page {
    padding: 0
}

.panel-body.plugin-page .app-toolbar {
    padding: 10px 10px 0 10px;
    position: relative
}

.panel-body.plugin-page .app-toolbar .cat {
    height: 32px;
    line-height: 32px
}

.panel-body.plugin-page .app-toolbar .panel-tab {
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin: 0px 10px 5px 0px
}

.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item {
    float: left;
    color: #666;
    cursor: pointer;
    position: relative;
    border-bottom: 3px solid transparent;
    padding: 8px 8px;
    margin: 5px 1px -2px 0;
    border-radius: 3px 3px 0 0
}

.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item .font-icon {
    padding-right: 5px;
    font-size: .9em;
    opacity: .5;
    display: none
}

.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item:hover {
    color: #1890ff;
    border-color: #eee;
    background: #f6f6f6
}

.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item.active {
    color: #1890ff;
    border-bottom: 3px solid #1890ff
}

.panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-line {
    background: #ccc;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 12px 10px 0 0px;
    float: left
}

.panel-body.plugin-page .app-toolbar .panel-tab .badge-tag-update {
    margin: 0;
    z-index: 9;
    right: -3px;
    top: -8px;
    padding: 0 3px
}

.panel-body.plugin-page .app-toolbar .update-all {
    position: absolute;
    bottom: 5px;
    right: 0
}

.panel-body.plugin-page .app-toolbar .search-box {
    position: absolute;
    top: -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 .right-content {
    padding-left: 200px
}

.panel-body.plugin-page .app-descript .right-content .description {
    padding: 10px 0 20px 15px;
    line-height: 1.6em;
    word-break: break-word
}

.panel-body.plugin-page .app-descript .right-content .sliders {
    margin: 5px 0 30px 20px;
    padding: 0
}

.panel-body.plugin-page .app-descript .right-content .carousel-indicators {
    bottom: -40px !important
}

.panel-body.plugin-page .app-descript .right-content .carousel-indicators li {
    border-color: #ccc
}

.panel-body.plugin-page .app-descript .right-content .carousel-indicators .active {
    background: #2196F3;
    border-color: #2865e2;
    background: linear-gradient(to right, #44abf6, #2865e2)
}

.panel-body.plugin-page .app-descript .right-content .glyphicon {
    font-size: 50px;
    margin-top: -30px !important;
    border-radius: 50%
}

.panel-body.plugin-page .app-descript .right-content .carousel-control {
    background: rgba(0, 0, 0, 0.001) !important;
    width: 20%
}

.panel-body.plugin-page .app-descript .right-content .carousel-control:hover .glyphicon {
    background: rgba(0, 0, 0, 0.3)
}

.panel-body.plugin-page .app-descript .right-content .carousel-inner {
    width: 100%;
    text-align: center
}

.panel-body.plugin-page .app-descript .right-content .carousel-inner .item {
    height: 350px;
    line-height: 350px;
    width: 100%
}

.panel-body.plugin-page .app-descript .right-content .carousel-inner .item img,
.panel-body.plugin-page .app-descript .right-content .carousel-inner .item a img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    display: inline;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

.panel-body.plugin-page .app-descript .progress {
    background: #def;
    margin: 10px 0;
    position: relative
}

.panel-body.plugin-page .app-descript .progress .progress-bar {
    border-bottom: 4px solid #2196F3;
    border-radius: 0
}

.panel-body.plugin-page .app-content {
    margin: 10px 5px
}

.panel-body.plugin-page .app-content .app-model {
    padding: 0
}

.panel-body.plugin-page .app-content .app-list {
    margin-top: 10px;
    margin-right: -15px;
    padding: 10px 0 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0px;
    padding-top: 0px
}

.panel-body.plugin-page .app-content .app-list .flex-empty {
    margin: 0 15px 1px 0;
    width: 140px;
    height: 1px
}

.panel-body.plugin-page .app-content .app-list .app-li {
    list-style: none;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 0 15px 20px 0;
    width: 140px;
    height: 200px;
    background: #f5faff;
    color: #2196F3;
    border: 1px solid #d2d7dc;
    position: relative;
    -ms-transition: .16s all;
    -webkit-transition: .16s all;
    -moz-transition: .16s all;
    -o-transition: .16s all;
    transition: .16s all;
    border-radius: 4px;
    background: none;
    border: 1px solid #dee5e7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.panel-body.plugin-page .app-content .app-list .app-li .btn.btn-default .font-icon {
    position: relative;
    top: 1px
}

.panel-body.plugin-page .app-content .app-list .app-li:hover,
.panel-body.plugin-page .app-content .app-list .app-li:active {
    background: #fff;
    box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1), 0 20px 30px rgba(0, 0, 0, 0.05)
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label {
    position: absolute;
    top: 10px;
    right: -1px;
    border-radius: 0;
    line-height: 24px;
    height: 24px;
    padding: 0 10px;
    box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.3)
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label.label:before {
    position: absolute;
    top: 0;
    left: -14px;
    content: " ";
    height: 0;
    width: 0;
    border: #f0ad4e 12px solid;
    border-left-color: transparent
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning {
    background: #ff9800
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning.label:before {
    border-color: #ff9800;
    border-left-color: transparent
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success {
    background: #00a854
}

.panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success.label:before {
    border-color: #00a854;
    border-left-color: transparent
}

.panel-body.plugin-page .app-content .app-list .app-li .flag-box {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px
}

.panel-body.plugin-page .app-content .app-list .app-li .flag {
    position: absolute;
    top: 10px;
    right: -28px;
    width: 100px;
    height: 22px;
    line-height: 22px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: rotate(45deg)
}

.panel-body.plugin-page .app-content .app-list .app-li .text {
    height: 50px
}

.panel-body.plugin-page .app-content .app-list .app-li .name {
    color: #444;
    font-weight: 800;
    margin: 10px 5px 0;
    max-height: 32px;
    overflow: hidden
}

.panel-body.plugin-page .app-content .app-list .app-li .copyright {
    color: #aaa;
    max-height: 32px;
    overflow: hidden
}

.panel-body.plugin-page .app-content .app-list .app-li .icon {
    height: 90px;
    background-image: linear-gradient(to bottom, #def 0, #fff 100%)
}

.panel-body.plugin-page .app-content .app-list .app-li .icon img {
    max-width: 100%;
    max-height: 100%;
    width: 72px;
    border-radius: 10%
}

.panel-body.plugin-page .app-content .app-list .app-li .icon .content {
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 0 auto
}

.panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon {
    width: 55px;
    height: 55px;
    line-height: 52px;
    font-size: 40px;
    text-align: center;
    background-image: linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding: 10px;
    margin-top: 1px;
    display: inline-block;
    border-radius: 12px;
    color: #fff
}

.panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon.words {
    font-size: 26px;
    font-weight: 800;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8)
}

.panel-body.plugin-page .app-content .app-list .app-li .action>.btn {
    float: none;
    width: 80px;
    height: 22px;
    padding-left: 0;
    padding-right: 0
}

.panel-body.plugin-page .app-content .app-list .app-li .action>.btn:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-body.plugin-page .app-content .app-list .app-li .action>.btn:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-toggle {
    width: 26px
}

.panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-menu {
    min-width: 130px;
    text-align: left;
    margin-top: -1px;
    margin-right: 0px
}

.panel-body.plugin-page .app-content .app-list .empty {
    margin: 50px auto;
    font-size: 20px;
    color: #888
}

.panel-body.plugin-page .app-content .app-list .empty .icon {
    background: url("../../images/file_icon/icon_others/appStore.png");
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-size: cover
}

.panel-body.plugin-page .app-content .progress {
    border-radius: 0px;
    margin: 0 auto;
    color: #42a3f1;
    height: 23px;
    background: none;
    border: none;
    box-shadow: none
}

.panel-body.plugin-page .app-content .progress .total-size {
    position: absolute;
    left: 5px;
    z-index: 100;
    line-height: 20px
}

.panel-body.plugin-page .app-content .progress .download-speed {
    position: absolute;
    right: 4px;
    z-index: 100;
    line-height: 20px
}

.panel-body.plugin-page .app-content .progress .progress-bar {
    position: absolute;
    left: 0px;
    bottom: -1px;
    border-bottom: 2px solid #2196F3;
    background: none;
    border-radius: 3px;
    box-shadow: none;
    height: 100%;
    background: rgba(33, 150, 243, 0.2);
    animation: progress-bar-stripes 2s linear infinite
}

.panel-body.plugin-page .app-content.app-plugins .app-li .icon img {
    border-radius: 0;
    box-shadow: none;
    border-radius: 8px;
    margin-top: 10px
}

.panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle {
    margin-left: -5px;
    margin-top: 0px;
    position: relative;
    top: 0px
}

.panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret {
    opacity: .5;
    margin-top: -2px
}

.panel-body.plugin-page .app-toolbar .panel-tab-item[data-type="oem"]:after {
    content: "VIP";
    position: absolute;
    top: -6px;
    right: -5px;
    opacity: .9;
    font-size: .7em;
    color: #ff8400;
    background: #ffe8d6;
    padding: 2px 6px 0px;
    border-radius: 4px
}

.panel-body.plugin-page .app-descript .left-content .icon,
.panel-body.plugin-page .app-content .app-list .app-li .icon {
    background-image: linear-gradient(to bottom, #def 0, #fff 100%);
    border-radius: 4px
}

.panel-body.plugin-page .app-descript .left-content .icon .path-ico,
.panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico,
.panel-body.plugin-page .app-descript .left-content .icon .font-icon,
.panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon {
    width: 70px;
    height: 70px;
    padding-top: 10px
}

.panel-body.plugin-page .app-descript .left-content .icon .x-font-icon,
.panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon,
.panel-body.plugin-page .app-descript .left-content .icon .font-icon-words,
.panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 36px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 12px
}

.panel-body.plugin-page .app-descript .left-content .icon .x-font-icon,
.panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon {
    font-size: 42px
}

.panel-body.plugin-page .app-descript .left-content .icon .x-item-icon,
.panel-body.plugin-page .app-content .app-list .app-li .icon .x-item-icon {
    margin-top: 10px
}

.panel-body.plugin-page .app-descript .left-content .icon .font-icon-words,
.panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words {
    margin-top: 20px
}

.panel-body.plugin-page .app-descript .left-content .icon .path-ico .font-icon {
    width: 50px;
    height: 50px
}

.panel-body.plugin-page .app-descript .left-content .icon img {
    width: 100%
}

.panel-body.plugin-page .app-content .app-list .flex-empty {
    width: 165px;
    border: 1px solid transparent
}

.panel-body.plugin-page .app-content .app-list .app-li {
    width: 165px;
    height: 230px
}

.panel-body.plugin-page .app-content .app-list .app-li .text {
    position: relative;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.panel-body.plugin-page .app-content .app-list .app-li .text .detail {
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #aaa;
    line-height: 1.1em;
    margin: 0px 5px;
    transform: scale(.95)
}

.panel-body.plugin-page .app-content .app-list .app-li .text .copyright {
    display: none
}

.panel-body.plugin-page .app-content .app-list .app-li .text .name {
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 10px)
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag {
    margin-top: 5px
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label {
    margin-bottom: 2px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.first {
    color: #20a0ff;
    background: #e0f1ff
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.company {
    color: #00924c;
    background: #daf7e9
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.oem {
    color: #ff8400;
    background: #ffedde
}

.panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.network {
    color: #837adc;
    background: #edecf9
}

.panel-body.plugin-page .app-content .app-list-line {
    border-top: 1px solid #eee;
    margin-right: 0
}

.panel-body.plugin-page .app-content .app-list-line .app-li {
    width: 100%;
    height: auto;
    height: 38px;
    float: none;
    text-align: left;
    position: relative;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
    overflow: hidden
}

.panel-body.plugin-page .app-content .app-list-line .app-li .icon,
.panel-body.plugin-page .app-content .app-list-line .app-li .text,
.panel-body.plugin-page .app-content .app-list-line .app-li .action {
    display: inline-block;
    height: auto
}

.panel-body.plugin-page .app-content .app-list-line .app-li .text {
    color: #666;
    width: 80%;
    position: relative;
    top: -9px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle
}

.panel-body.plugin-page .app-content .app-list-line .app-li .text .name,
.panel-body.plugin-page .app-content .app-list-line .app-li .text .copyright,
.panel-body.plugin-page .app-content .app-list-line .app-li .text .detail {
    display: inline-block;
    overflow: inherit
}

.panel-body.plugin-page .app-content .app-list-line .app-li .text .name {
    width: 130px;
    padding-left: 10px;
    font-weight: normal;
    color: #222
}

.panel-body.plugin-page .app-content .app-list-line .app-li .text .detail {
    width: 50%
}

.panel-body.plugin-page .app-content .app-list-line .app-li .text .tag {
    position: absolute;
    top: 3px;
    right: 0px;
    margin-right: 100px;
    left: inherit
}

.panel-body.plugin-page .app-content .app-list-line .app-li .action {
    position: absolute;
    right: 10px;
    margin-top: 5px
}

.panel-body.plugin-page .app-content .app-list-line .app-li:hover,
.panel-body.plugin-page .app-content .app-list-line .app-li:active {
    background: #fafafb;
    box-shadow: none
}

.panel-body.plugin-page .app-content .app-list-line .app-li .icon {
    background: none;
    position: relative;
    top: 3px;
    margin-left: 10px
}

.panel-body.plugin-page .app-content .app-list-line .app-li .icon .path-ico,
.panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon {
    padding-top: 0;
    width: 30px;
    height: 30px
}

.panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon-words,
.panel-body.plugin-page .app-content .app-list-line .app-li .icon .x-font-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    border-radius: 4px
}

.panel-body.plugin-page .app-content .app-list-line .app-li .flag-box {
    overflow: inherit;
    right: 150px;
    height: inherit
}

.panel-body.plugin-page .app-content .app-list-line .app-li .flag-box .flag {
    width: fit-content;
    padding: 0px 10px;
    transform: none;
    text-align: center;
    border-radius: 15px;
    position: relative;
    right: 0;
    margin-top: -3px;
    box-shadow: none
}

.panel-body.plugin-page .app-content .app-list-line .app-li .price-label {
    top: 8px;
    right: 152px
}

.panel-body.plugin-page .app-descript .left-content .icon {
    background-image: none
}

.admin-main-content .panel-body.admin-login-check .form-box.config-box .panel-form-body {
    padding-top: 12px
}

.admin-main-content .panel-body.admin-login-check .form-table-main {
    margin-top: 40px
}

.admin-main-content .panel-body.admin-login-check .kui-btn.row-add {
    position: absolute;
    top: 2px
}

.admin-main-content .panel-body.admin-login-check .form-target-save {
    display: none !important
}

.admin-main-content .panel-body.admin-login-check .form-box .form-row.form-table .setting-content {
    overflow: auto !important
}

.admin-main-content .panel-body .user-info {
    color: #888;
    cursor: default
}

.admin-main-content .panel-body .user-info .path-ico {
    overflow: initial;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 2px
}

.admin-main-content .panel-body .user-info img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff
}

.admin-main-content .panel-body .user-info .name-char {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    padding: 0;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.admin-main-content .panel-body .user-info {
    color: #456
}

.admin-main-content .panel-body .user-info .path-ico {
    margin-right: 5px
}

.admin-main-content .panel-body.log-page .toolbar .search-type,
.admin-main-content .panel-body.log-login-page .toolbar .search-type,
.admin-main-content .panel-body.task-page .toolbar .search-type {
    text-align: right
}

.admin-main-content .panel-body.log-page .toolbar .search-type select,
.admin-main-content .panel-body.log-login-page .toolbar .search-type select,
.admin-main-content .panel-body.task-page .toolbar .search-type select {
    width: 150px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    outline: none
}

.admin-main-content .panel-body .kodTable .toolbar .form-box .panel-form-body {
    padding: 2px 0 2px 0;
    overflow: hidden
}

.admin-main-content .panel-body .kodTable .toolbar .form-box .panel-form-body .form-row.item-timeFrom:after {
    content: ' - '
}

.admin-main-content .panel-body .log-login-list,
.admin-main-content .panel-body .log-list,
.admin-main-content .panel-body .task-list {
    height: 100%;
    position: relative
}

.admin-main-content .panel-body .log-login-list .content .data-path,
.admin-main-content .panel-body .log-list .content .data-path,
.admin-main-content .panel-body .task-list .content .data-path {
    color: #40a9ff;
    cursor: pointer;
    padding: 2px 0px;
    margin: 0 1px;
    border-radius: 2px;
    display: inline;
    max-width: 300px;
    white-space: normal
}

.admin-main-content .panel-body .log-login-list .content .data-path:hover,
.admin-main-content .panel-body .log-list .content .data-path:hover,
.admin-main-content .panel-body .task-list .content .data-path:hover {
    color: #1890ff;
    background: #dbf1ff
}

.admin-main-content .panel-body .log-login-list .content .data-path-none,
.admin-main-content .panel-body .log-list .content .data-path-none,
.admin-main-content .panel-body .task-list .content .data-path-none {
    color: #abc;
    margin: 0px 2px;
    text-decoration: line-through
}

.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill,
.admin-main-content .panel-body .log-list .content .list-col[field="desc"] .ri-kodcloud-fill,
.admin-main-content .panel-body .task-list .content .list-col[field="desc"] .ri-kodcloud-fill {
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 2px
}

.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill:before,
.admin-main-content .panel-body .log-list .content .list-col[field="desc"] .ri-kodcloud-fill:before,
.admin-main-content .panel-body .task-list .content .list-col[field="desc"] .ri-kodcloud-fill:before {
    content: 'K';
    background: #333;
    color: #fff;
    width: 12px;
    height: 12px;
    line-height: 9px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: top
}

.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .desc-os,
.admin-main-content .panel-body .log-list .content .list-col[field="desc"] .desc-os,
.admin-main-content .panel-body .task-list .content .list-col[field="desc"] .desc-os,
.admin-main-content .panel-body .log-login-list .content .list-col[field="desc"] .desc-browser,
.admin-main-content .panel-body .log-list .content .list-col[field="desc"] .desc-browser,
.admin-main-content .panel-body .task-list .content .list-col[field="desc"] .desc-browser {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom
}

.admin-main-content .panel-body .log-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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkdir .action-icon:before,
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create-mkfile .action-icon:before,
.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea13"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-view .action-icon {
    background: #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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f0fc"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon {
    background: #d2eafb;
    border-color: #add9f8;
    color: #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: #3dbd7d;
    border-color: #339e69;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea08"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-login .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eed4"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\eeda"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon {
    background: #f78e3d;
    border-color: #f57716;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea08"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea09"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea09"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon {
    background: #3db8c1;
    border-color: #339aa2;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f20f"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f186"
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon {
    background: #ffce3d;
    border-color: #ffc414;
    color: #fff
}

.admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\f18b"
}

.admin-main-content .panel-body.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 {
    right: 5px
}

.select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='option'] {
    float: left;
    padding: 0px 5px 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: 10px 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-recTypeDesc .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 .store-list-box .toolbar {
    border-bottom: 1px solid #eee
}

.panel-body.storage-page .app-content {
    margin: 10px 5px;
    margin: 0px;
    margin-top: 10px
}

.panel-body.storage-page .app-content .app-model {
    padding: 0
}

.panel-body.storage-page .app-content .app-list {
    margin-top: 10px;
    margin-right: -15px;
    padding: 10px 0 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0px;
    padding-top: 0px
}

.panel-body.storage-page .app-content .app-list .flex-empty {
    margin: 0 15px 1px 0;
    width: 140px;
    height: 1px
}

.panel-body.storage-page .app-content .app-list .app-li {
    list-style: none;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 0 15px 20px 0;
    width: 140px;
    height: 200px;
    background: #f5faff;
    color: #2196F3;
    border: 1px solid #d2d7dc;
    position: relative;
    -ms-transition: .16s all;
    -webkit-transition: .16s all;
    -moz-transition: .16s all;
    -o-transition: .16s all;
    transition: .16s all;
    border-radius: 4px;
    background: none;
    border: 1px solid #dee5e7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.panel-body.storage-page .app-content .app-list .app-li .btn.btn-default .font-icon {
    position: relative;
    top: 1px
}

.panel-body.storage-page .app-content .app-list .app-li:hover,
.panel-body.storage-page .app-content .app-list .app-li:active {
    background: #fff;
    box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1), 0 20px 30px rgba(0, 0, 0, 0.05)
}

.panel-body.storage-page .app-content .app-list .app-li .price-label {
    position: absolute;
    top: 10px;
    right: -1px;
    border-radius: 0;
    line-height: 24px;
    height: 24px;
    padding: 0 10px;
    box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.3)
}

.panel-body.storage-page .app-content .app-list .app-li .price-label.label:before {
    position: absolute;
    top: 0;
    left: -14px;
    content: " ";
    height: 0;
    width: 0;
    border: #f0ad4e 12px solid;
    border-left-color: transparent
}

.panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning {
    background: #ff9800
}

.panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning.label:before {
    border-color: #ff9800;
    border-left-color: transparent
}

.panel-body.storage-page .app-content .app-list .app-li .price-label.label-success {
    background: #00a854
}

.panel-body.storage-page .app-content .app-list .app-li .price-label.label-success.label:before {
    border-color: #00a854;
    border-left-color: transparent
}

.panel-body.storage-page .app-content .app-list .app-li .flag-box {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px
}

.panel-body.storage-page .app-content .app-list .app-li .flag {
    position: absolute;
    top: 10px;
    right: -28px;
    width: 100px;
    height: 22px;
    line-height: 22px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: rotate(45deg)
}

.panel-body.storage-page .app-content .app-list .app-li .text {
    height: 50px
}

.panel-body.storage-page .app-content .app-list .app-li .name {
    color: #444;
    font-weight: 800;
    margin: 10px 5px 0;
    max-height: 32px;
    overflow: hidden
}

.panel-body.storage-page .app-content .app-list .app-li .copyright {
    color: #aaa;
    max-height: 32px;
    overflow: hidden
}

.panel-body.storage-page .app-content .app-list .app-li .icon {
    height: 90px;
    background-image: linear-gradient(to bottom, #def 0, #fff 100%)
}

.panel-body.storage-page .app-content .app-list .app-li .icon img {
    max-width: 100%;
    max-height: 100%;
    width: 72px;
    border-radius: 10%
}

.panel-body.storage-page .app-content .app-list .app-li .icon .content {
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 0 auto
}

.panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon {
    width: 55px;
    height: 55px;
    line-height: 52px;
    font-size: 40px;
    text-align: center;
    background-image: linear-gradient(164deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    padding: 10px;
    margin-top: 1px;
    display: inline-block;
    border-radius: 12px;
    color: #fff
}

.panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon.words {
    font-size: 26px;
    font-weight: 800;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8)
}

.panel-body.storage-page .app-content .app-list .app-li .action>.btn {
    float: none;
    width: 80px;
    height: 22px;
    padding-left: 0;
    padding-right: 0
}

.panel-body.storage-page .app-content .app-list .app-li .action>.btn:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-body.storage-page .app-content .app-list .app-li .action>.btn:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel-body.storage-page .app-content .app-list .app-li .action .dropdown-toggle {
    width: 26px
}

.panel-body.storage-page .app-content .app-list .app-li .action .dropdown-menu {
    min-width: 130px;
    text-align: left;
    margin-top: -1px;
    margin-right: 0px
}

.panel-body.storage-page .app-content .app-list .empty {
    margin: 50px auto;
    font-size: 20px;
    color: #888
}

.panel-body.storage-page .app-content .app-list .empty .icon {
    background: url("../../images/file_icon/icon_others/appStore.png");
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-size: cover
}

.panel-body.storage-page .app-content .progress {
    border-radius: 0px;
    margin: 0 auto;
    color: #42a3f1;
    height: 23px;
    background: none;
    border: none;
    box-shadow: none
}

.panel-body.storage-page .app-content .progress .total-size {
    position: absolute;
    left: 5px;
    z-index: 100;
    line-height: 20px
}

.panel-body.storage-page .app-content .progress .download-speed {
    position: absolute;
    right: 4px;
    z-index: 100;
    line-height: 20px
}

.panel-body.storage-page .app-content .progress .progress-bar {
    position: absolute;
    left: 0px;
    bottom: -1px;
    border-bottom: 2px solid #2196F3;
    background: none;
    border-radius: 3px;
    box-shadow: none;
    height: 100%;
    background: rgba(33, 150, 243, 0.2);
    animation: progress-bar-stripes 2s linear infinite
}

.panel-body.storage-page .app-content.app-plugins .app-li .icon img {
    border-radius: 0;
    box-shadow: none;
    border-radius: 8px;
    margin-top: 10px
}

.panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle {
    margin-left: -5px;
    margin-top: 0px;
    position: relative;
    top: 0px
}

.panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret {
    opacity: .5;
    margin-top: -2px
}

.panel-body.storage-page .app-content .app-list .app-li .path-ico {
    width: 100%;
    height: 100%
}

.panel-body.storage-page .app-content .app-list .app-li .path-ico .svg-icon {
    width: 80px;
    height: 80px;
    margin-top: 5px
}

.panel-body.storage-page .app-content .app-list .app-li .text {
    height: 40px
}

.panel-body.storage-page .app-content .app-list .app-li .text .name {
    margin-top: 5px
}

.panel-body.storage-page .app-content .app-list .app-li .progress-box {
    margin-top: 8px
}

.panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar {
    margin: 0px auto
}

.panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar .space-process-use {
    background-color: #0a9afe
}

.panel-body.admin-backup-page .line-box {
    height: 15px
}

.panel-body.admin-backup-page .backup-set {
    margin: 10px 0px
}

.panel-body.admin-backup-page .backup-set .main .panel-box {
    width: 100%;
    min-height: 160px;
    padding: 0px;
    background: linear-gradient(80deg, #fcfdff, #f7fdff);
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 1px 1px 0 2px #e6f7ff
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main,
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail {
    padding: 0px
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div,
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail>div {
    margin: 15px 20px
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title,
.panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail .title {
    width: 75px;
    display: inline-block
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main {
    margin-left: -1px;
    border-right: 1px solid #eee
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div {
    display: flex
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box {
    margin: 15px 20px 0px 0px
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box .bak-icon {
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 36px;
    background-color: #40abfb;
    text-align: center;
    font-size: 48px;
    color: #fff
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box+div {
    width: 100%
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title-default {
    color: #1890ff
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title [name] {
    font-size: 18px;
    font-weight: 800
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-safe {
    background-color: #3dbd7d
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-default {
    background-color: #40abfb
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-warning {
    background-color: #ffbf00
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-minor {
    background-color: #eceef1
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info {
    height: 6px;
    overflow: hidden;
    background-color: #eceef1;
    min-width: 4px;
    border-radius: 5px
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info .process {
    width: 0%;
    height: 100%;
    border-radius: 5px;
    transition: all .2s
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box {
    display: flex
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-bar {
    width: 30%;
    padding: 4px 0px;
    cursor: pointer
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-size {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title {
    width: 60px
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc {
    color: #949494
}

.panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc a {
    text-decoration: none
}

.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a,
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a {
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    padding: 1px .5em
}

.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a:hover,
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a:hover {
    background-color: #def
}

.panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a i,
.panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a i {
    vertical-align: middle;
    margin-bottom: 1px;
    display: inline-block
}

@media (max-width:768px) {
    .panel-body.admin-backup-page .backup-set .bak-main {
        border-right: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    .panel-body.admin-backup-page .backup-set .bak-main>div {
        position: relative;
        margin: 15px 5px !important
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box {
        position: absolute;
        margin: 0px !important;
        left: 40px;
        top: -2px
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box .bak-icon {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 20px !important
    }
    .panel-body.admin-backup-page .backup-set .bak-main .bak-title [name=status] {
        margin-left: -5px
    }
    .panel-body.admin-backup-page .backup-set .bak-main .title,
    .panel-body.admin-backup-page .backup-set .bak-main .title-wap {
        width: 70px !important;
        margin-right: 10px;
        text-align: right;
        display: inline-block
    }
    .panel-body.admin-backup-page .backup-set .bak-main .desc span {
        display: inline-block;
        margin-left: 80px
    }
    .panel-body.admin-backup-page .backup-set .bak-detail>div {
        margin-top: 25px !important;
        margin: 15px 5px !important
    }
    .panel-body.admin-backup-page .backup-set .bak-detail .title {
        text-align: right;
        margin-right: 10px
    }
}

.panel-body.admin-backup-page .backup-set .bak-rotate {
    -webkit-animation: 5s bak-rotate linear infinite;
    animation: 5s bak-rotate linear infinite;
    position: relative
}

@-webkit-keyframes bak-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes bak-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.panel-body.admin-backup-page .backup-list .bak-info-tips {
    color: #ffce3d;
    cursor: pointer;
    margin-left: 5px
}

.panel-body.admin-backup-page .backup-list .bak-info-tips:hover {
    color: #ffbf00
}

.panel-body.admin-backup-page .backup-list .kodTable .content {
    border-bottom: 1px solid #eee
}

.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col {
    white-space: nowrap
}

.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col[field=name] .bak-manual {
    font-size: 1em;
    margin-left: 2px;
    vertical-align: text-top;
    cursor: pointer
}

.panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col[field=ioName] .store-none {
    color: #abc;
    margin: 0px 2px;
    text-decoration: line-through
}

.admin-page .panel-body.admin-share-page .dialog-tab.tab-group-line {
    margin: 0px 0px 10px 0
}

.admin-page .panel-body.admin-share-page .dialog-tab.tab-group-line .tab-item:first-child {
    margin-left: -8px
}

.admin-page .panel-body.admin-share-page .share-report-list .toolbar .left .config-box {
    margin-bottom: 5px
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar {
    padding-bottom: 0px
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar .search-type,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type {
    text-align: right
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar .search-type select,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type select {
    width: 150px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    outline: none
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn.btn-share-batch,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn.btn-share-batch {
    margin-left: 5px
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn-group.btn-report-batch .btn,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn-group.btn-report-batch .btn {
    border-radius: 4px
}

.admin-page .panel-body.admin-share-page .share-data-list .toolbar .btn-group.btn-report-batch .group-list,
.admin-page .panel-body.admin-share-page .share-report-list .toolbar .btn-group.btn-report-batch .group-list {
    min-width: 120px
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info {
    color: #888;
    cursor: default
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .path-ico,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico {
    overflow: initial;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 2px
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info img,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .name-char,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info .name-char {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    padding: 0;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info {
    color: #456
}

.admin-page .panel-body.admin-share-page .share-data-list .content .user-info .path-ico,
.admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico {
    margin-right: 5px
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"],
.admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] {
    min-width: 150px;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"] .data-path,
.admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path {
    color: #40a9ff;
    cursor: pointer;
    padding: 2px 0px;
    margin: 0 1px;
    border-radius: 2px;
    max-width: 300px;
    white-space: normal;
    display: inline-block
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col[field="title"] .data-path:hover,
.admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path:hover {
    color: #1890ff;
    background: #dbf1ff
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col.reason,
.admin-page .panel-body.admin-share-page .share-report-list .content .list-col.reason {
    width: 350px;
    min-width: 150px;
    white-space: normal;
    line-height: 1.2em
}

.admin-page .panel-body.admin-share-page .share-data-list .content .list-col .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-recTypeDesc .setting-content {
    margin-top: 5px
}

.panel-body.admin-server-page .tab-content.recovery .item-recTypeDesc .desc {
    display: inline-block;
    margin-left: 10px;
    vertical-align: baseline
}

.panel-body.admin-server-page .server_info .action-header {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
    margin: 20px 0 10px 0;
    padding-bottom: 5px
}

.panel-body.admin-server-page .server_info .action-content {
    padding-bottom: 10px
}

.panel-body.admin-server-page .server_info .action-content .btn .font-icon {
    position: relative;
    top: -1px;
    padding-right: 2px
}

.server-db-save-dg .aui-title i {
    vertical-align: bottom
}

.server-db-save-dg .header {
    text-align: center
}

.server-db-save-dg .header .icon {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.02);
    text-align: center;
    color: #666;
    border-radius: 50%
}

.server-db-save-dg .header .icon.icon-success {
    background: #52c41a;
    color: #fff
}

.server-db-save-dg .header .icon.icon-error {
    background: #f5222d;
    color: #fff
}

.server-db-save-dg .header .tips-info {
    color: #bcc4d0;
    font-size: .9em;
    margin-top: -15px;
    margin-bottom: 15px
}

.server-db-save-dg .content p {
    display: flex;
    margin-bottom: 15px
}

.server-db-save-dg .content p .dtl {
    flex: 1;
    text-align: right
}

.server-db-save-dg .content p .dtl .icon {
    display: inline-block;
    border-radius: 50%;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    line-height: 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;
    overflow: hidden;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.setting-page .panel-body.wall-page .section .box .list.list-add {
    text-align: center;
    line-height: 20px;
    color: #ccc;
    opacity: .9
}

.setting-page .panel-body.wall-page .section .box .list.list-add .font-icon {
    font-size: 40px;
    padding: 0px;
    margin-top: 10px;
    display: inline-block
}

.setting-page .panel-body.wall-page .section .box .list .item-remove {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(60, 60, 60, 0.3);
    text-align: center;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    right: -50px
}

.setting-page .panel-body.wall-page .section .box .list.listhover .item-remove {
    right: 6px;
    background: #f30
}

.setting-page .panel-body.wall-page .section .box .list .ico {
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    overflow: hidden;
    border-radius: 3px
}

.setting-page .panel-body.wall-page .section .box .list .info {
    text-align: center;
    color: #fff;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0 0 3px 3px;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.setting-page .panel-body.wall-page .section .box .list .item-select {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(60, 60, 60, 0.3);
    text-align: center;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    right: -50px
}

.setting-page .panel-body.wall-page .section .box .list .ico img {
    width: 100%;
    height: 100%
}

.setting-page .panel-body.wall-page .section .box .list.this {
    box-shadow: 0 2px 10px rgba(24, 144, 255, 0.55)
}

.setting-page .panel-body.wall-page .section .box .list.this .item-select {
    right: 6px;
    background: #1890ff
}

.setting-page .panel-body.wall-page .section .box .list.this .info {
    color: #ffffff;
    border-color: #1890ff;
    background: #1890ff
}

.setting-page .panel-body.wall-page .section .box .list.listhover .item-select {
    right: 6px
}

.setting-page .panel-body.wall-page .section .box .list.listhover .info {
    background: #1890ff;
    border-color: #1890ff
}

.setting-page .panel-body.wall-page .section .content {
    word-break: break-word;
    color: #448;
    margin-bottom: 20px
}

.setting-page .panel-body.wall-page .section .content h2 {
    border-bottom: 1px dashed #eef;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 1.25em
}

.setting-page .panel-body.wall-page .section .content p {
    margin-left: 5px;
    text-indent: 2em;
    margin-bottom: 8px;
    color: #666;
    font-size: 1em;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    -webkit-touch-callout: text;
    -moz-touch-callout: text;
    -ms-touch-callout: text;
    touch-callout: text;
    width: 100%
}

.setting-page .panel-body.wall-page .section .content .box {
    color: #555;
    clear: both;
    color: #666
}

.setting-page .panel-body.wall-page .section .content .box .title {
    color: #444;
    border-bottom: 1px dashed #ddd;
    width: 100%;
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 10px
}

.setting-page .panel-body.wall-page .section .content .box .title span {
    border-bottom: 1px solid #aaa;
    display: inline-block;
    margin-bottom: -1px;
    text-align: center;
    padding: 5px 10px;
    float: none;
    width: auto
}

.setting-page .panel-body.wall-page .section .content .box p {
    line-height: 1.7em;
    text-indent: 2em;
    padding: 3px;
    margin: 0
}

.setting-page .panel-body.wall-page .section .content .box p b {
    padding-right: 8px
}

.setting-page .panel-body.wall-page .section .content .box p i {
    padding-right: 10px
}

.setting-page .panel-body.wall-page .btn {
    padding: 4px 10px 3px 10px;
    border-radius: 3px;
    box-sizing: content-box;
    vertical-align: top
}

.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image {
    display: flex;
    width: 100%
}

.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content {
    flex: 1;
    width: auto
}

.setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input {
    border: 1px solid #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;
    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 .page-model-login .loginbox .license-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    top: 200px;
    border-radius: 0;
    overflow: auto
}

.app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container {
    width: 160px !important;
    font-size: .9em
}

.app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection__rendered {
    padding-left: 10px
}

.app-wap-small .form-row.form-table .setting-content {
    overflow-x: scroll
}

.app-wap-small .form-row.form-userSelect .setting-content .select-user-box {
    padding: 2px 0px 2px 0px;
    background: none
}

.app-wap-small .form-row.form-userSelect .setting-content .kod-select {
    width: 346px
}

.app-wap-small .form-row.form-userSelect .setting-content .user-select-role select {
    width: 346px;
    min-width: 346px
}

.app-wap-small .form-row.form-userSelect .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img {
    top: 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 span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option[aria-selected=true]:after {
    left: 4px;
    top: 6px
}

.app-wap-small .setting-page .setting-main,
.app-wap-small .admin-page .admin-main {
    left: 0 !important;
    padding-bottom: 60px
}

.app-wap-small .setting-page .setting-main .panel-body,
.app-wap-small .admin-page .admin-main .panel-body {
    padding: 15px 10px !important
}

.app-wap-small .setting-page .setting-main .panel-body.dialog-form,
.app-wap-small .admin-page .admin-main .panel-body.dialog-form {
    padding: 10px 5px 10px 5px !important
}

.app-wap-small .setting-page .setting-main .panel-body.dialog-form-has-menu.dialog-form,
.app-wap-small .admin-page .admin-main .panel-body.dialog-form-has-menu.dialog-form {
    padding: 5px 5px 10px 5px !important
}

.app-wap-small .setting-page .setting-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body,
.app-wap-small .admin-page .admin-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body {
    padding-right: 5px
}

.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row,
.app-wap-small .admin-page .admin-main .panel-body.base-page .form-row {
    padding: 5px 5px
}

.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-title,
.app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-title {
    padding-left: 0px;
    float: none;
    color: #000;
    width: 100%;
    height: 20px;
    line-height: 20px
}

.app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-content,
.app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-content {
    width: 100%;
    float: none
}

.app-wap-small .setting-page .setting-main .form-box .form-row,
.app-wap-small .admin-page .admin-main .form-box .form-row {
    padding-left: 2px;
    padding-right: 0;
    overflow: visible
}

.app-wap-small .setting-page .setting-main .form-box .form-row.inline,
.app-wap-small .admin-page .admin-main .form-box .form-row.inline {
    padding-left: 2px;
    padding-right: 0
}

.app-wap-small .setting-page .setting-main .form-box .form-row.inline+.inline,
.app-wap-small .admin-page .admin-main .form-box .form-row.inline+.inline {
    padding-left: 2px;
    padding-right: 0
}

.app-wap-small .setting-page .setting-main .panel-body.dialog-form .form-box .form-row,
.app-wap-small .admin-page .admin-main .panel-body.dialog-form .form-box .form-row {
    padding-left: 5px;
    padding-right: 0
}

.app-wap-small .setting-page .form-box .form-row,
.app-wap-small .admin-page .form-box .form-row {
    padding: 0px 15px 0px 15px
}

.app-wap-small .setting-page .form-box .form-row .setting-title,
.app-wap-small .admin-page .form-box .form-row .setting-title {
    text-align: left !important;
    height: 25px;
    line-height: 25px;
    color: #222;
    padding-left: 0;
    padding-top: 0
}

.app-wap-small .setting-page .form-box .form-row.form-userSelect .setting-title,
.app-wap-small .admin-page .form-box .form-row.form-userSelect .setting-title {
    padding-top: 5px
}

.app-wap-small .setting-page .form-box .form-row label,
.app-wap-small .admin-page .form-box .form-row label {
    margin-top: 0px
}

.app-wap-small .setting-page .form-box .form-row .setting-content,
.app-wap-small .admin-page .form-box .form-row .setting-content {
    padding: 0;
    margin-bottom: 3px;
    overflow: visible !important
}

.app-wap-small .setting-page .form-box .form-row .setting-content .form-save-button,
.app-wap-small .admin-page .form-box .form-row .setting-content .form-save-button {
    margin: 10px 0 10px
}

.app-wap-small .setting-page .form-box .form-row.row-inline .setting-content,
.app-wap-small .admin-page .form-box .form-row.row-inline .setting-content {
    position: relative;
    top: 5px
}

.app-wap-small .setting-page .form-box .form-row.form-table .setting-content,
.app-wap-small .admin-page .form-box .form-row.form-table .setting-content {
    max-width: calc(100vw - 30px);
    overflow-x: auto !important
}

.app-wap-small .setting-page .form-box .form-row h1,
.app-wap-small .admin-page .form-box .form-row h1,
.app-wap-small .setting-page .form-box .form-row h2,
.app-wap-small .admin-page .form-box .form-row h2,
.app-wap-small .setting-page .form-box .form-row h3,
.app-wap-small .admin-page .form-box .form-row h3,
.app-wap-small .setting-page .form-box .form-row h4,
.app-wap-small .admin-page .form-box .form-row h4,
.app-wap-small .setting-page .form-box .form-row h5,
.app-wap-small .admin-page .form-box .form-row h5 {
    margin-left: 0
}

.app-wap-small .setting-page .form-box .form-row .kod-select-main:hover .clear-select,
.app-wap-small .admin-page .form-box .form-row .kod-select-main:hover .clear-select {
    display: none
}

.app-wap-small .setting-page .form-box .form-row.form-button-line:before,
.app-wap-small .admin-page .form-box .form-row.form-button-line:before {
    top: 13px
}

.app-wap-small .setting-page .form-box .form-row.inline,
.app-wap-small .admin-page .form-box .form-row.inline {
    box-sizing: border-box
}

.app-wap-small .setting-page .form-box .form-row.inline+.inline,
.app-wap-small .admin-page .form-box .form-row.inline+.inline {
    padding-left: 0
}

.app-wap-small .setting-page .form-box .form-row.inline+.inline .setting-title,
.app-wap-small .admin-page .form-box .form-row.inline+.inline .setting-title {
    height: 23px
}

.app-wap-small .setting-page .form-box .form-row.inline.inline-group+.form-row.inline,
.app-wap-small .admin-page .form-box .form-row.inline.inline-group+.form-row.inline {
    margin-right: 0
}

.app-wap-small .setting-page .form-box .form-row.inline.inline-group+.inline .setting-title,
.app-wap-small .admin-page .form-box .form-row.inline.inline-group+.inline .setting-title {
    margin-top: 0
}

.app-wap-small .setting-page .form-box .form-row .line,
.app-wap-small .admin-page .form-box .form-row .line,
.app-wap-small .setting-page .form-box .form-row hr,
.app-wap-small .admin-page .form-box .form-row hr {
    margin: 5px 2px
}

.app-wap-small .setting-page .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single,
.app-wap-small .admin-page .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-bottom-right-radius: 0px
}

.app-wap-small .setting-page .form-box .form-row.inline.form-input-text .setting-content input,
.app-wap-small .admin-page .form-box .form-row.inline.form-input-text .setting-content input {
    min-width: 50px
}

.app-wap-small .setting-page .form-box .form-row.form-input-text .desc,
.app-wap-small .admin-page .form-box .form-row.form-input-text .desc,
.app-wap-small .setting-page .form-box .form-row.form-segment .desc,
.app-wap-small .admin-page .form-box .form-row.form-segment .desc,
.app-wap-small .setting-page .form-box .form-row.form-checkbox .desc,
.app-wap-small .admin-page .form-box .form-row.form-checkbox .desc,
.app-wap-small .setting-page .form-box .form-row.form-radio .desc,
.app-wap-small .admin-page .form-box .form-row.form-radio .desc,
.app-wap-small .setting-page .form-box .form-row.form-slider .desc,
.app-wap-small .admin-page .form-box .form-row.form-slider .desc {
    display: block
}

.app-wap-small .setting-page .form-box .form-row.form-radio label,
.app-wap-small .admin-page .form-box .form-row.form-radio label {
    top: 0
}

.app-wap-small .setting-page .form-box .form-row.form-tags .setting-content .select2-container,
.app-wap-small .admin-page .form-box .form-row.form-tags .setting-content .select2-container {
    width: inherit !important
}

.app-wap-small .setting-page .form-box .form-row.form-tags .desc,
.app-wap-small .admin-page .form-box .form-row.form-tags .desc {
    display: block
}

.app-wap-small .setting-page .form-box .form-row.form-select>.setting-content>span.select2-container,
.app-wap-small .admin-page .form-box .form-row.form-select>.setting-content>span.select2-container,
.app-wap-small .setting-page .form-box .form-row.form-role>.setting-content>span.select2-container,
.app-wap-small .admin-page .form-box .form-row.form-role>.setting-content>span.select2-container {
    min-width: 100%
}

.app-wap-small .setting-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico,
.app-wap-small .admin-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    position: relative;
    top: -1px
}

.app-wap-small .setting-page .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content,
.app-wap-small .admin-page .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    margin-left: 8px
}

.app-wap-small .setting-page .dialog-form.target-form .form-box.config-box .panel-form-body,
.app-wap-small .admin-page .dialog-form.target-form .form-box.config-box .panel-form-body {
    overflow: hidden;
    padding: 0px 0 10px 0
}

.app-wap-small .setting-page .kodTable .toolbar .right .search-box input,
.app-wap-small .admin-page .kodTable .toolbar .right .search-box input {
    width: 80px;
    height: 26px
}

.app-wap-small .setting-page .kodTable .toolbar .right .btn,
.app-wap-small .admin-page .kodTable .toolbar .right .btn {
    padding: 4px 8px;
    margin: 0 5px 5px 0
}

.app-wap-small .setting-page .kodTable .toolbar .right .btn-search,
.app-wap-small .admin-page .kodTable .toolbar .right .btn-search {
    height: 26px;
    line-height: 26px
}

.app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body,
.app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body {
    padding: 0px 0 0px 0;
    overflow: visible;
    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 .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 .panel-body.member-page {
    padding: 0 !important
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-left {
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    border-right: none
}

.app-wap-small .admin-page .panel-body.member-page .page-box .drag-resize {
    display: none
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right {
    left: 0 !important;
    margin-left: 10px;
    margin: 0
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title {
    font-size: 16px;
    margin-left: 10px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"] {
    display: none
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-title-span {
    margin: 0
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .label-info {
    display: none
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size {
    bottom: 2px;
    margin-left: 5px;
    padding: 4px 5px 2px 5px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar {
    width: auto
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right a.font-icon-label {
    margin: 0;
    margin-left: 2px;
    position: relative;
    top: -2px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user {
    right: 10px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user .btn-search {
    padding: 6px 8px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user input {
    width: 100px;
    padding-right: 10px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .button-aciton-muti {
    margin-left: 2px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right div.btn-group-sm>.btn {
    padding: 6px 6px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content {
    right: 0px
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.content {
    top: 39px;
    overflow-y: auto
}

.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar,
.app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process {
    width: 75px;
    font-size: 10px
}

.app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box .btn-search {
    padding: 5px 10px
}

.app-wap-small .admin-page .panel-body.admin-share-page .kodTable .toolbar .left,
.app-wap-small .admin-page .panel-body.admin-share-page .kodTable .toolbar .right {
    display: inline-block
}

.app-wap-small .admin-page .panel-body.log-page .list-table .list-col .log-action .action-icon:before {
    font-size: 14px !important;
    position: relative;
    top: 0px;
    left: 0px;
    top: .5px;
    left: .5px
}

.app-wap-small .admin-page .panel-body.log-page .toolbar .ip-label {
    margin-left: -15px;
    bottom: 12px
}

.app-wap-small .admin-page .panel-body.log-login-page .toolbar .ip-label {
    left: 105px;
    bottom: 12px
}

.app-wap-small .dialog-max {
    left: 0 !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    bottom: 0px !important;
    min-width: inherit !important
}

.app-wap-small .dialog-max.artDialog .aui-outer {
    border-radius: 0px !important
}

.app-wap-small .dialog-max.dialog-no-title.dialog-form .aui-content {
    overflow: hidden
}

.app-wap-small .dialog-max.dialog-no-title.dialog-form .config-box.form-box {
    overflow: hidden;
    position: static
}

.app-wap-small .dialog-max.dialog-no-title.dialog-form .form-box .panel-form-body {
    padding: 10px 0 40px 0;
    position: absolute !important;
    top: 45px;
    bottom: 0;
    overflow: auto
}

.app-wap-small .dialog-max .aui-content {
    overflow-y: auto;
    min-width: inherit
}

.app-wap-small .dialog-max .aui-border>tbody>tr {
    display: block !important
}

.app-wap-small .dialog-max .aui-border .aui-c {
    display: block
}

.app-wap-small .dialog-max .aui-buttons button.aui-state-highlight:focus {
    box-shadow: none
}

.app-wap-small .dialog-max .aui-max {
    display: none
}

.app-wap-small .dialog-max .resize-handle {
    display: none !important
}

.app-wap-small .dialog-max .aui-main {
    overflow: inherit
}

.app-wap-small .dialog-max.dialog-min-size {
    top: initial !important;
    bottom: 10px !important;
    left: 10px !important;
    width: 250px !important;
    height: 40px !important
}

.app-wap-small .dialog-max.dialog-min-size .aui-title-bar {
    background: transparent
}

.app-wap-small .dialog-max.dialog-min-size .aui-title {
    width: 250px !important;
    box-sizing: border-box
}

.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size {
    margin-bottom: 20px
}

.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom: 40px
}

.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom: 60px
}

.app-wap-small .dialog-max.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size+.dialog-min-size {
    margin-bottom: 80px
}

.app-wap-small .dialog-max:not(.dialog-simple) {
    width: inherit;
    margin-top: 5px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.15)
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title-bar {
    height: 40px;
    line-height: 40px
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title {
    height: 40px;
    line-height: 40px;
    background: #fafafa;
    border-bottom: .5px solid #eee
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico {
    position: relative;
    top: -5px
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-min,
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-max,
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close {
    height: 40px;
    width: 44px;
    line-height: 40px;
    background-color: transparent
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:hover,
.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:active {
    background-color: #e81123;
    color: #fff
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-outer {
    width: 100% !important;
    height: 100% !important
}

.app-wap-small .dialog-max:not(.dialog-simple) .aui-main {
    box-sizing: border-box;
    height: calc(100vh - 40px) !important
}

.app-wap-small .dialog-max.dialog-file-view:not(.dialog-simple) {
    margin: 0;
    border-radius: 0
}

.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-title {
    padding-top: 5px
}

.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-min,
.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-max,
.app-wap-small .dialog-max.dialog-simple .aui-outer .aui-close {
    height: 36px;
    line-height: 32px
}

.app-wap-small .dialog-max.dialog-bg-blur .aui-border {
    background: rgba(255, 255, 255, 0.96)
}

.app-wap-small .dialog-max.check-version-dialog .update-box {
    height: 100%
}

.app-wap-small .dialog-max.dialog-app-select .aui-title-bar {
    position: absolute;
    width: 100%
}

.app-wap-small .dialog-max.dialog-app-select .aui-content {
    margin-top: 70px
}

.app-wap-small .dialog-max.dialog-file-upload .uploader-content,
.app-wap-small .dialog-max.dialog-file-upload .downloader-content {
    bottom: 30px
}

.app-wap-small .dialog-max.dialog-file-upload .file-upload-box .uploader-content {
    background: none
}

.app-wap-small .dialog-max.server-dwonload-textarea textarea {
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .topbar-share-info {
    height: 75px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .topbar-share-info .right-desc {
    left: 15px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info {
    height: 90px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info .path-ico {
    display: none
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .topbar-share-info .right-desc {
    left: 15px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader {
    padding: 0
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader .topbar .right-desc .name {
    font-weight: normal
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box.config-box .panel-form-body {
    min-width: 100%;
    padding-top: 0;
    top: -2px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box.config-box .panel-form-body:after {
    content: "";
    display: block;
    height: 120px
}

.app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-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
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row h1,
.app-wap-small .dialog-max .dialog-form .form-box .form-row h1,
.app-wap-small .dialog-max.dialog-form .form-box .form-row h2,
.app-wap-small .dialog-max .dialog-form .form-box .form-row h2,
.app-wap-small .dialog-max.dialog-form .form-box .form-row h3,
.app-wap-small .dialog-max .dialog-form .form-box .form-row h3,
.app-wap-small .dialog-max.dialog-form .form-box .form-row h4,
.app-wap-small .dialog-max .dialog-form .form-box .form-row h4,
.app-wap-small .dialog-max.dialog-form .form-box .form-row h5,
.app-wap-small .dialog-max .dialog-form .form-box .form-row h5 {
    margin-left: 0
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row .kod-select-main:hover .clear-select,
.app-wap-small .dialog-max .dialog-form .form-box .form-row .kod-select-main:hover .clear-select {
    display: none
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-button-line:before,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-button-line:before {
    top: 13px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline {
    box-sizing: border-box
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline+.inline,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline+.inline {
    padding-left: 0
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline+.inline .setting-title,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline+.inline .setting-title {
    height: 23px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.inline-group+.form-row.inline,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.inline-group+.form-row.inline {
    margin-right: 0
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.inline-group+.inline .setting-title,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.inline-group+.inline .setting-title {
    margin-top: 0
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row .line,
.app-wap-small .dialog-max .dialog-form .form-box .form-row .line,
.app-wap-small .dialog-max.dialog-form .form-box .form-row hr,
.app-wap-small .dialog-max .dialog-form .form-box .form-row hr {
    margin: 5px 2px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single {
    border-bottom-right-radius: 0px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.form-input-text .setting-content input,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.inline.form-input-text .setting-content input {
    min-width: 50px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-input-text .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-input-text .desc,
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-segment .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-segment .desc,
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-checkbox .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-checkbox .desc,
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-radio .desc,
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-slider .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-slider .desc {
    display: block
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio label,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-radio label {
    top: 0
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .setting-content .select2-container,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .setting-content .select2-container {
    width: inherit !important
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .desc,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .desc {
    display: block
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-select>.setting-content>span.select2-container,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-select>.setting-content>span.select2-container,
.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-role>.setting-content>span.select2-container,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-role>.setting-content>span.select2-container {
    min-width: 100%
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico,
.app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico {
    position: relative;
    top: -1px
}

.app-wap-small .dialog-max.dialog-form .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content,
.app-wap-small .dialog-max .dialog-form .form-box .form-row.form-table .form-table-main .list-row.form-box>.form-row .setting-content {
    margin-left: 8px
}

.app-wap-small .dialog-max.dialog-form .form-box.config-box .form-header .modal-title,
.app-wap-small .dialog-max .dialog-form .form-box.config-box .form-header .modal-title {
    padding-left: 15px
}

.app-wap-small .dialog-max.dialog-form .form-box .panel-form-body,
.app-wap-small .dialog-max .dialog-form .form-box .panel-form-body {
    padding: 10px 0 50px 0;
    position: relative !important;
    top: 0px
}

.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group,
.app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    margin: 0 15px -10px 10px
}

.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item,
.app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item {
    padding: 5px 5px
}

.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body,
.app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body {
    padding: 0px 0 40px 0;
    top: 15px;
    position: relative !important;
    min-height: 80%
}

.app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body-main,
.app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body-main {
    position: absolute;
    top: 41px;
    bottom: 0;
    overflow: auto;
    padding: 0;
    width: 100%
}

.app-wap-small .dialog-simple.music-player-dialog .aui-close {
    display: block !important
}

.app-wap-small .dialog-simple.music-player-dialog .aui-max {
    display: none !important
}

.app-wap-small .dialog-simple.music-player-dialog .aui-outer .aui-close {
    border: none
}

.app-wap-small .dplayer-dialog.dialog-max.dialog-simple .aui-outer .aui-close {
    border: none
}

.artDialog.dialog-prompt-box .aui-outer,
.artDialog.dialog-confirm-box .aui-outer,
.artDialog.dialog-alert-box .aui-outer {
    width: 330px
}

.artDialog.dialog-prompt-box .aui-content,
.artDialog.dialog-confirm-box .aui-content,
.artDialog.dialog-alert-box .aui-content {
    max-height: 160px;
    overflow: hidden;
    word-break: break-word;
    max-width: 300px
}

.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: 1px solid rgba(0, 0, 0, 0.1)
}

.artDialog.dialog-confirm-box .confirm-tips input:focus {
    border-color: #1890ff;
    box-shadow: 0 0 0 3px #1890ff2b
}

.artDialog.dialog-confirm-box.dialog-confirm2 .aui-main {
    padding: 30px 15px 20px 15px
}

.app-wap-small .artDialog.dialog-prompt-box .aui-header,
.app-wap-touch .artDialog.dialog-prompt-box .aui-header,
.app-wap-small .artDialog.dialog-confirm-box .aui-header,
.app-wap-touch .artDialog.dialog-confirm-box .aui-header,
.app-wap-small .artDialog.dialog-alert-box .aui-header,
.app-wap-touch .artDialog.dialog-alert-box .aui-header,
.app-wap-small .artDialog.dialog-prompt-box .aui-icon,
.app-wap-touch .artDialog.dialog-prompt-box .aui-icon,
.app-wap-small .artDialog.dialog-confirm-box .aui-icon,
.app-wap-touch .artDialog.dialog-confirm-box .aui-icon,
.app-wap-small .artDialog.dialog-alert-box .aui-icon,
.app-wap-touch .artDialog.dialog-alert-box .aui-icon {
    display: none
}

.app-wap-small .artDialog.dialog-prompt-box .aui-outer,
.app-wap-touch .artDialog.dialog-prompt-box .aui-outer,
.app-wap-small .artDialog.dialog-confirm-box .aui-outer,
.app-wap-touch .artDialog.dialog-confirm-box .aui-outer,
.app-wap-small .artDialog.dialog-alert-box .aui-outer,
.app-wap-touch .artDialog.dialog-alert-box .aui-outer {
    border-radius: 13px;
    width: 300px !important;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: none !important;
    background: #efefef;
    background: rgba(250, 250, 250, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.app-wap-small .artDialog.dialog-prompt-box .aui-main,
.app-wap-touch .artDialog.dialog-prompt-box .aui-main,
.app-wap-small .artDialog.dialog-confirm-box .aui-main,
.app-wap-touch .artDialog.dialog-confirm-box .aui-main,
.app-wap-small .artDialog.dialog-alert-box .aui-main,
.app-wap-touch .artDialog.dialog-alert-box .aui-main {
    background: none;
    padding: 20px 15px !important;
    min-height: 50px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap
}

.app-wap-small .artDialog.dialog-prompt-box .aui-content,
.app-wap-touch .artDialog.dialog-prompt-box .aui-content,
.app-wap-small .artDialog.dialog-confirm-box .aui-content,
.app-wap-touch .artDialog.dialog-confirm-box .aui-content,
.app-wap-small .artDialog.dialog-alert-box .aui-content,
.app-wap-touch .artDialog.dialog-alert-box .aui-content {
    color: #333;
    font-size: 1.1em;
    overflow-y: auto;
    word-break: break-word;
    text-align: center;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -moz-touch-callout: none !important;
    -ms-touch-callout: none !important;
    touch-callout: none !important
}

.app-wap-small .artDialog.dialog-prompt-box .aui-content h5,
.app-wap-touch .artDialog.dialog-prompt-box .aui-content h5,
.app-wap-small .artDialog.dialog-confirm-box .aui-content h5,
.app-wap-touch .artDialog.dialog-confirm-box .aui-content h5,
.app-wap-small .artDialog.dialog-alert-box .aui-content h5,
.app-wap-touch .artDialog.dialog-alert-box .aui-content h5 {
    color: #111
}

.app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons,
.app-wap-touch .artDialog.dialog-prompt-box .aui-outer .aui-buttons,
.app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons,
.app-wap-touch .artDialog.dialog-confirm-box .aui-outer .aui-buttons,
.app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons,
.app-wap-touch .artDialog.dialog-alert-box .aui-outer .aui-buttons {
    background: none;
    padding: 0;
    border-top: .5px solid rgba(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 .line {
    margin: 5px 1px
}

.app-wap-small .edit-main .tools a[action="saveAll"],
.app-wap-small .edit-main .tools a[action="historyBack"],
.app-wap-small .edit-main .tools a[action="historyNext"],
.app-wap-small .edit-main .tools a[action="historyNext"]+.line,
.app-wap-small .edit-main .tools a[action="preview"],
.app-wap-small .edit-main .tools .right,
.app-wap-small .edit-main .tools a.menu-view-goto-line {
    display: none
}

.app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .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 .item-menu,
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu {
    display: block !important;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: none;
    border: none;
    border-radius: 0;
    top: 0px;
    right: 0px;
    opacity: 1;
    box-shadow: none;
    text-shadow: none
}

.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert,
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert {
    margin: 0;
    color: #aaa;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    opacity: .5;
    background: rgba(255, 255, 255, 0.5);
    border: .5px solid rgba(150, 150, 150, 0.2);
    margin: -1px 0 0 -1px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before,
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before {
    position: relative;
    top: -1px
}

.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert,
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert {
    opacity: .8;
    border-color: #1890ff;
    color: #1890ff
}

.app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before,
.app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ef78"
}

.app-wap-small .frame-main-explorer .bodymain .file-continer {
    -webkit-overflow-scrolling: touch
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.vlist-h-scoll-hidden::-webkit-scrollbar {
    display: none
}

.app-wap-small .frame-main-explorer .bodymain .file-list-list {
    overflow-x: hidden
}

.app-wap-small .frame-main-explorer .bodymain .file-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;
    z-index: 2
}

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

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

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

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

.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 {
    margin-top: -35px;
    margin-right: -4px
}

.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%;
    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: 50px;
    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: 45px !important;
    width: 45px !important
}

.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-icon .path-ico .x-item-icon.x-tag-label:before {
    width: 40%;
    height: 40%;
    border-radius: 50%;
    content: " ";
    background: linear-gradient(45deg, #ffffff7d, #ffffff00);
    position: absolute;
    right: 15%;
    top: 15%;
    margin-top: 4px
}

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

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

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

.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 .frame-left,
.app-wap-small .frame-main-editor .frame-left {
    width: 280px !important;
    z-index: 100;
    background: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-right: none;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.app-wap-small .frame-main-explorer .drag-resize-tree,
.app-wap-small .frame-main-editor .drag-resize-tree {
    display: none
}

.app-wap-small .frame-main-explorer .frame-right,
.app-wap-small .frame-main-editor .frame-right {
    left: 0 !important;
    margin: 0;
    min-width: auto;
    border-left: none
}

.app-wap-touch .frame-main-explorer .frame-left .ztree li a,
.app-wap-touch .frame-main-editor .frame-left .ztree li a,
.app-wap-small .frame-main-explorer .frame-left .ztree li a,
.app-wap-small .frame-main-editor .frame-left .ztree li a {
    height: 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: 35px
}

.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: 16px;
    height: 16px;
    top: 3px
}

.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: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;
    border-left: .5px solid rgba(255, 255, 255, 0.05)
}

.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 .image-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    overflow: visible;
    padding: 0;
    margin-right: 2px
}

.app-wap-small .menuBar .menu-item .image-icon img {
    top: 5px
}

.app-wap-small .menuBar .menu-item.this:before {
    display: none
}

.app-wap-small .menuBar .activebar-bottom .menu-item {
    padding: 0;
    width: 45px
}

.app-wap-small .menuBar .menu-group-submenu {
    float: left;
    position: relative
}

.app-wap-small .menuBar .menu-group-submenu .menu-item {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 15px;
    color: #fff
}

.app-wap-small .menuBar .menu-group-submenu .menu-item span {
    display: none
}

.app-wap-small .menuBar .menu-group-user {
    font-size: 1em
}

.app-wap-small .menuBar .dropdown-menu {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-top: -2px;
    left: initial;
    top: 44px;
    bottom: initial;
    right: 0
}

.app-wap-small .menuBar .dropdown-menu .menu-arrow {
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    top: -4px;
    right: 18px;
    left: auto;
    bottom: auto
}

.app-wap-small .menuBar .dropdown-menu li.divider {
    height: .5px;
    margin: 3px 0px 3px 20px;
    background: rgba(0, 0, 0, 0.1)
}

.app-wap-small .menuBar .menu-dropdown-submenu {
    width: 305px;
    right: auto;
    left: 0
}

.app-wap-small .menuBar .menu-dropdown-submenu .menu-arrow {
    right: auto;
    left: 17px
}

.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right {
    right: 0;
    left: inherit
}

.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right .menu-arrow {
    right: 17px;
    left: inherit
}

.app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle {
    position: fixed;
    left: 0px;
    left: calc((100vw - 305px) / 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 {
    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,
.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: 5;
    width: 40px;
    height: 30px;
    line-height: 29px;
    background: #e6f7ff;
    text-align: center;
    margin: 20px 0 0 0;
    border-radius: 0 3px 3px 0;
    background: rgba(24, 144, 255, 0.6);
    color: #fff;
    border-left: none;
    font-size: 10px;
    cursor: pointer;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1)
}

.app-wap-small .menu-show-parent .menu-show-toggle .font-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.app-wap-small .menu-show-parent .menu-show-toggle .font-icon:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ee55"
}

.app-wap-small .menu-show-parent .menu-show-toggle:active {
    color: #fff;
    background: rgba(24, 144, 255, 0.9)
}

.app-wap-small .menu-show-parent .menu-show-mask {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 90;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden
}

.app-wap-small .menu-show-parent .menu-show-mask:before {
    visibility: hidden
}

.app-wap-small .menu-show-parent.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.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;
    z-index: 20
}

.app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon {
    color: #fff;
    position: relative;
    top: -2px;
    height: 22px;
    line-height: 22px
}

.app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon:before {
    font-size: 15px
}

.app-wap-small .menu-show-parent.frame-main-editor .frame-left {
    visibility: hidden;
    transform: translateX(-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;
    z-index: 10
}

.app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon {
    height: inherit;
    line-height: inherit
}

.app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon:before {
    font-size: 1.1em
}

.app-wap-small .menu-show-parent.frame-main-member .frame-left {
    visibility: hidden;
    transform: translateX(-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: 1px;
    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:active,
.app-wap-small .right-menu-box .context-menu-list .context-menu-item:active {
    background: rgba(0, 0, 0, 0.15)
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon,
.app-wap-small .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon {
    width: 120%;
    max-width: 120%;
    max-height: 120%;
    margin-top: -2px
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey,
.app-wap-small .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey {
    display: none
}

.app-wap-touch .right-menu-box .context-menu-list .context-menu-submenu:after,
.app-wap-small .right-menu-box .context-menu-list .context-menu-submenu:after {
    top: 9px
}

.app-wap-touch .right-menu-box .context-menu-item.context-menu-separator.hover,
.app-wap-small .right-menu-box .context-menu-item.context-menu-separator.hover {
    background: none
}

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

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

.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: 0 3% 50px 3%;
    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%
}

.app-wap-small .file-panel .emoji-panel .tab-content {
    max-width: 410px
}

.app-wap-small .file-panel .emoji-panel .tab-content .item-face {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px
}

.app-wap-small .file-panel .emoji-panel .tab-content .item-face img {
    position: relative;
    top: -3px;
    width: 28px
}

.app-wap-small .file-panel .emoji-panel .tab-group-pan {
    position: absolute;
    top: 0;
    bottom: 45px;
    overflow: auto;
    padding: 10px 0px 10px 0px
}

.app-wap-small .dialog-file-panel .file-panel {
    position: absolute;
    top: 0;
    bottom: 0
}

.app-wap-small .dialog-file-panel .file-panel .dialog-tab .tab-item {
    font-size: 1em
}

.app-wap-small .dialog-file-panel .file-panel .panel-info-header {
    padding-top: 0;
    height: 65px
}

.app-wap-small .dialog-file-panel .file-panel .panel-info-header .header-content .file-name {
    padding-top: 3px
}

.app-wap-small .dialog-file-panel .file-panel .panel-info-header .header-content .file-icon {
    top: 10px
}

.app-wap-small .dialog-file-panel .file-panel .pathinfo .tag-view .tag-list .item .x-item-icon.label {
    top: 2px
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0
}

.app-wap-small .dialog-file-panel .file-panel.panel-no-tab .panel-tab-content {
    top: 10px
}

.app-wap-small .dialog-file-panel .file-panel.panel-no-tab .panel-tab-content .tab-content .panel-content {
    top: 0
}

.app-wap-small .dialog-file-panel .file-panel.panel-image.panel-no-tab .panel-tab-content {
    top: 10px
}

.app-wap-small .dialog-file-panel .file-panel.panel-image .panel-info-header .header-content .play-time {
    left: 15px !important;
    right: unset !important
}

.app-wap-small .dialog-file-panel .file-panel.panel-image .panel-info-header .header-content .file-icon {
    top: 0
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content {
    min-width: inherit;
    min-height: inherit;
    height: inherit
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .panel-content {
    top: 45px
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .dialog-form.target-form .form-box.config-box .panel-form-body {
    position: static !important
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body {
    overflow: inherit
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .setting-title.has-title {
    height: 30px;
    line-height: 30px
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys {
    top: -5px;
    right: 20px
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row .setting-content {
    width: 100%;
    padding: 5px 3% 5px 3%;
    margin-bottom: 0
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p {
    margin-bottom: 3px
}

.app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p.line,
.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 .license-box .form-bottom {
    background: none;
    border: none
}

.app-wap-small .page-model-login .loginbox .form .actions {
    width: 300px;
    margin: 30px auto 15px auto
}

.app-wap-small .page-model-login .loginbox .form .actions .forget-password {
    padding: 8px 5px 8px 5px;
    margin: 0 -2px 0 0
}

.app-wap-small .page-model-login .loginbox .form .actions label {
    padding: 8px 5px 8px 5px;
    margin: 0 0 0 -2px
}

.app-wap-small .page-model-login .loginbox .form .submit-button {
    width: 300px;
    box-sizing: border-box;
    padding: 10px 0px
}

.app-wap-small .page-model-login .loginbox .form .guest a {
    width: 300px;
    box-sizing: border-box;
    padding: 8px 0px;
    margin-top: 5px
}

.app-wap-small .page-model-login .loginbox .form .url-link {
    padding: 8px 15px
}

.app-wap-small .page-model-login .common-footer {
    z-index: 200;
    box-shadow: none
}

.app-wap-small .page-model-login .common-footer:before {
    display: none !important
}

.app-wap-small .page-model-login .common-footer .footer-content {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: .9em;
    border-top: .5px solid rgba(0, 0, 0, 0.02)
}

.not-support-blur .admin-page .menu-show-mask,
.not-support-blur .setting-page .menu-show-mask,
.not-support-blur .admin-page .admin-main .header .menu-toggle,
.not-support-blur .setting-page .admin-main .header .menu-toggle,
.not-support-blur .setting-page .panel-body.wall-page .section .box .list .info,
.not-support-blur .menuBar .dropdown-menu,
.not-support-blur .menu-show-parent .menu-show-toggle,
.not-support-blur .menu-show-parent .menu-show-mask,
.not-support-blur .light-app-main .menu-toggle,
.not-support-blur .drag-resize:after,
.not-support-blur #app.app-desktop .file-list-icon .file.select.hover,
.not-support-blur #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover,
.not-support-blur .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box,
.not-support-blur .frame-main-explorer .frame-right .file-select-info,
.not-support-blur .file-page,
.not-support-blur .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto,
.not-support-blur .file-draging-tips,
.not-support-blur .dialog-bg-blur .aui-border,
.not-support-blur .artDialog.dialog-simple.dialog-min-size .aui-title-bar,
.not-support-blur .artDialog.dialog-blur .aui-outer {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important
}

.app-device-pc .app-wap-small {
    font-size: 13px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form {
    width: 100%
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-content a:hover {
    background: #eee
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:hover {
    background: #f3f3f3
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto {
    display: none
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after {
    height: .55px;
    background: #f3f3f3
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name {
    font-size: 14px
}

.app-device-pc .app-wap-small .context-menu-item.file-tag-view .item-content .item {
    padding: 2px 5px 1px 5px
}

.app-device-pc .app-wap-small .context-menu-item.file-tag-view .item-content .item.this:after {
    top: 5px
}

.app-device-pc .app-wap-small .frame-main-explorer.menu-show-parent.frame-main .frame-left,
.app-device-pc .app-wap-small .frame-main-editor.menu-show-parent.frame-main .frame-left {
    transform: none;
    margin-left: -280px
}

.app-device-pc .app-wap-small .frame-main-explorer.menu-show-parent.frame-main.menu-show-open .frame-left,
.app-device-pc .app-wap-small .frame-main-editor.menu-show-parent.frame-main.menu-show-open .frame-left {
    transform: none;
    margin-left: 0
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a {
    height: 30px;
    line-height: 30px;
    font-size: 1em
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a:hover,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a:hover {
    background: #e5f3ff
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open {
    line-height: 30px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1 span.button.switch,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a.level1 span.button.switch {
    height: 30px;
    line-height: 30px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a span.button.switch,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a span.button.switch {
    height: 30px;
    line-height: 30px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a span.button.switch:hover,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a span.button.switch:hover {
    background: rgba(0, 0, 0, 0.05)
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background: rgba(0, 0, 0, 0.05)
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert,
.app-device-pc .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-list-icon .file,
.app-device-pc .app-wap-small .frame-main-desktop .bodymain .file-continer.file-list-icon .file {
    border: 1px solid transparent;
    border-radius: 3px
}

.app-device-pc .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer.file-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 .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.02)
}

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

.dark-mode .ztree li a {
    color: #ddd
}

.dark-mode .ztree li span.button.switch:hover,
.dark-mode .ztree li span.button.switch:active,
.dark-mode .ztree li span.button.switch:focus {
    background: rgba(255, 255, 255, 0.07)
}

.dark-mode .ztree li span.button.ico_loading {
    background-image: url("../../images/common/loading_tree_black.gif") !important
}

.dark-mode .task-list-view .list-item {
    background: transparent
}

.dark-mode .content-main-message {
    background: #1c1c1c
}

.dark-mode .content-main-message .content-main {
    background: #262626
}

.dark-mode .content-main-message .message-content .title {
    color: #ddd
}

.dark-mode .content-main-message .link {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .content-main-message .check-result .font-icon.error,
.dark-mode .content-main-message .check-result .font-icon.success,
.dark-mode .content-main-message .check-result .font-icon.info {
    border-color: #262626
}

.dark-mode .content-main-message a:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row textarea:focus,
.dark-mode .form-box .form-row input[type='text']:focus,
.dark-mode .form-box .form-row input[type='password']:focus,
.dark-mode .form-box .form-row input[type='number']:focus,
.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus,
.dark-mode .panel-body.member-page .page-box .frame-left .select-search input:focus,
.dark-mode .panel-body.member-page .page-box .frame-right .search-user input:focus,
.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content textarea:focus,
.dark-mode .panel-body.plugin-page .app-toolbar .search-box input:focus,
.dark-mode .setting-page .panel-body.account-page .form-row input[type='text']:focus,
.dark-mode .setting-page .panel-body.account-page .form-row input[type='password']:focus,
.dark-mode .setting-page .panel-body.account-page .form-row input[type='number']:focus,
.dark-mode .kod-user-group-select .select-search input:focus {
    box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.7), 0 0 0 4px rgba(33, 150, 243, 0.3)
}

.dark-mode .loading-msg .loading-msg-content {
    background: rgba(10, 10, 10, 0.7)
}

.dark-mode .info-alert,
.dark-mode .info-alert.info-alert-grey,
.dark-mode .info-alert.info-alert-normal,
.dark-mode .info-alert.info-alert-yellow,
.dark-mode .info-alert.info-alert-warning,
.dark-mode .info-alert.info-alert-green,
.dark-mode .info-alert.info-alert-success,
.dark-mode .info-alert.info-alert-blue,
.dark-mode .info-alert.info-alert-primary,
.dark-mode .info-alert.info-alert-red,
.dark-mode .info-alert.info-alert-error {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .info-alert.info-alert-grey,
.dark-mode .info-alert.info-alert-normal {
    color: #ddd
}

.dark-mode .info-alert.info-alert-yellow,
.dark-mode .info-alert.info-alert-warning {
    color: #e5dfbf
}

.dark-mode .info-alert.info-alert-green,
.dark-mode .info-alert.info-alert-success {
    color: #8bc34a
}

.dark-mode .info-alert.info-alert-blue,
.dark-mode .info-alert.info-alert-primary {
    color: #8cb0c5
}

.dark-mode .info-alert.info-alert-red,
.dark-mode .info-alert.info-alert-error {
    color: #cdaea4
}

.dark-mode .kui-notify .kui-notify-box .kui-notify-item {
    background: #454545
}

.dark-mode .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .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: #222;
    border-color: #0e0e0e;
    color: #fff
}

.dark-mode .label-grey-normal {
    background: #5a5a5a;
    border-color: #464646;
    color: #fff
}

.dark-mode .label-grey-light {
    background: #bfbfbf;
    border-color: #ababab;
    color: #222
}

.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 1px rgba(255, 255, 255, 0.1)
}

.dark-mode .dialog-form.dialog-no-title.aui-state-focus .aui-outer,
.dark-mode .artDialog.aui-state-focus .aui-outer {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.17), 0 0 0 5px rgba(255, 255, 255, 0.07)
}

.dark-mode .dialog-form.dialog-no-title .form-box.config-box .form-header,
.dark-mode .artDialog .form-box.config-box .form-header {
    background-color: #303030;
    color: #ddd;
    border-bottom: .5px solid rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box.config-box .panel-form-body {
    background: transparent;
    border-radius: 0
}

.dark-mode .dialog-copyright .dialog-copyright-content,
.dark-mode .check-version-dialog .aui-content {
    background-color: rgba(0, 0, 0, 0.3);
    color: #f7f7f7
}

.dark-mode .dialog-copyright .dialog-copyright-content .content p,
.dark-mode .check-version-dialog .aui-content .content p {
    color: #eaeaea
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group {
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:hover,
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:active,
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:focus {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group {
    background: #303030
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item {
    color: #c4c4c4
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:hover,
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:active,
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:focus {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active,
.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover {
    color: #f7f7f7;
    background: #262626
}

.dark-mode .dialog-app-select .tab-group .tab-item:not(.active) {
    background: #3a3a3a;
    border: 1px solid #454545
}

.dark-mode .dialog-app-select .tab-group .tab-item:not(.active) a {
    color: #ddd
}

.dark-mode .dialog-app-select .tab-group .tab-item:not(.active):hover {
    background-color: #454545
}

.dark-mode .dialog-app-select .app-list {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .dialog-app-select .app-list .app-item {
    border-color: rgba(255, 255, 255, 0.02);
    color: #fff
}

.dark-mode .dialog-app-select .app-list .app-item:not(.select):hover,
.dark-mode .dialog-app-select .app-list .app-item:not(.select):active,
.dark-mode .dialog-app-select .app-list .app-item:not(.select):focus {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .artDialog.dialog-file-panel .file-panel {
    background: transparent
}

.dark-mode .dialog-form.share-dialog-box .form-row.item-shareHeader .topbar-share-info {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label {
    background: transparent
}

.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:hover,
.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:active,
.dark-mode .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:focus {
    background: rgba(255, 255, 255, 0.02)
}

.dark-mode .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content input {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.07) !important;
    color: #f7f7f7
}

.dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:hover,
.dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:active,
.dark-mode .dialog-form.share-dialog-box .form-row.item-password .input-title-right:focus {
    background: rgba(255, 255, 255, 0.17);
    color: #f7f7f7
}

.dark-mode .dialog-tab {
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .dialog-tab .tab-item:hover,
.dark-mode .dialog-tab .tab-item.focus {
    background: rgba(234, 245, 251, 0.1);
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row {
    border-color: rgba(255, 255, 255, 0.02)
}

.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth {
    border-color: rgba(255, 255, 255, 0.02)
}

.dark-mode .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content {
    border-color: rgba(255, 255, 255, 0.04);
    background-color: transparent;
    background-image: none;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0))
}

.dark-mode .pathAuth-dialog .auth-list-body table thead td {
    background: rgba(255, 255, 255, 0.04);
    color: #ddd
}

.dark-mode .pathAuth-dialog .auth-list-body table td {
    border-color: rgba(255, 255, 255, 0.02)
}

.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title {
    background: rgba(255, 255, 255, 0.04);
    color: #ddd
}

.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:hover,
.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:active,
.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item:focus {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .pathAuth-dialog .auth-list-body table tr.auth-item.current td {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .tag-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 {
    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 .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: #fff;
    font-weight: 600
}

.dark-mode .frame-main-explorer .frame-header .header-middle .children-list .list-item:hover {
    background: #3a3a3a;
    color: #f7f7f7
}

.dark-mode .frame-main-explorer .frame-header .header-middle .header-address-input {
    border-color: rgba(255, 255, 255, 0.17)
}

.dark-mode .frame-main-explorer .frame-header .header-middle .header-address-input input.path {
    color: #f7f7f7;
    background: rgba(255, 255, 255, 0.07);
    height: 26px;
    width: 100%;
    box-sizing: border-box
}

.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box {
    color: #f7f7f7
}

.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more {
    color: #f7f7f7
}

.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .frame-main-explorer .frame-header .header-content .header-right .search-box input.search {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #ddd
}

.dark-mode .frame-main-explorer .frame-header .search-dropdown {
    background: #262626;
    border-color: #303030
}

.dark-mode .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body hr {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .frame-main-explorer .role-label-box {
    background: rgba(255, 255, 255, 0.25)
}

.dark-mode .frame-main-explorer .file-panel .dialog-tab {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item {
    color: #f7f7f7
}

.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item .font-icon {
    color: #f7f7f7
}

.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item:hover,
.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item.active {
    background: rgba(234, 245, 251, 0.1);
    color: #fff
}

.dark-mode .frame-main-explorer .file-panel>.tab-group-line .tab-item.active .font-icon {
    background: transparent;
    color: #1890ff
}

.dark-mode .frame-main-explorer .ztree li .node_name span.node-name-desc {
    color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .frame-main-explorer .bodymain .group-by {
    background: rgba(0, 0, 0, 0.1)
}

.dark-mode .frame-main-explorer .bodymain .group-by:hover {
    background: #1890ff17
}

.dark-mode .frame-main-explorer .bodymain .group-by:active {
    background: #1890ff25
}

.dark-mode .file-list-list .file.loading-children .children-more i.font-icon,
.dark-mode .file-list-split .file.loading-children .children-more i.font-icon {
    background-image: url("../../images/common/loading_tree_black.gif") !important
}

.dark-mode div.file-continer .file.hover,
.dark-mode div.file-continer .file2.hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer .file.file-focus,
.dark-mode div.file-continer .file2.file-focus {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer .file.select,
.dark-mode div.file-continer .file2.select,
.dark-mode div.file-continer .file.file-select-drag-temp,
.dark-mode div.file-continer .file2.file-select-drag-temp {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer .file.select.hover,
.dark-mode div.file-continer .file2.select.hover,
.dark-mode div.file-continer .file.file-select-drag-temp.hover,
.dark-mode div.file-continer .file2.file-select-drag-temp.hover,
.dark-mode div.file-continer .file.select.hover:focus,
.dark-mode div.file-continer .file2.select.hover:focus,
.dark-mode div.file-continer .file.file-select-drag-temp.hover:focus,
.dark-mode div.file-continer .file2.file-select-drag-temp.hover:focus,
.dark-mode div.file-continer .file.select.hover.file-focus,
.dark-mode div.file-continer .file2.select.hover.file-focus,
.dark-mode div.file-continer .file.file-select-drag-temp.hover.file-focus,
.dark-mode div.file-continer .file2.file-select-drag-temp.hover.file-focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer .file.select:focus,
.dark-mode div.file-continer .file2.select:focus,
.dark-mode div.file-continer .file.file-select-drag-temp:focus,
.dark-mode div.file-continer .file2.file-select-drag-temp:focus,
.dark-mode div.file-continer .file.select.file-focus,
.dark-mode div.file-continer .file2.select.file-focus,
.dark-mode div.file-continer .file.file-select-drag-temp.file-focus,
.dark-mode div.file-continer .file2.file-select-drag-temp.file-focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.25)
}

.dark-mode div.file-continer .file .title-rename,
.dark-mode div.file-continer .file2 .title-rename {
    color: #fff
}

.dark-mode #app.app-desktop .file-continer.file-list-icon .file .file .item-menu {
    background: rgba(0, 0, 0, 0.2)
}

.dark-mode #app.app-desktop .file-continer.file-list-icon .file.hover {
    background: rgba(0, 0, 0, 0.15)
}

.dark-mode #app.app-desktop .file-continer.file-list-icon .file.select,
.dark-mode #app.app-desktop .file-continer.file-list-icon .file.file-select-drag-temp {
    background: rgba(0, 0, 0, 0.3)
}

.dark-mode #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select {
    background: rgba(0, 0, 0, 0.3)
}

.dark-mode .bodymain .file-continer .file.file-focus.file-icon-edit,
.dark-mode .bodymain .file-continer .file.file-focus.context-menu-active,
.dark-mode .bodymain .file-continer-main:focus .file-continer .file.file-focus,
.dark-mode .bodymain:focus .file-continer .file.file-focus {
    border-color: rgba(255, 255, 255, 0.25)
}

.dark-mode .bodymain .file-continer .file.file-focus.file-icon-edit.select,
.dark-mode .bodymain .file-continer .file.file-focus.context-menu-active.select,
.dark-mode .bodymain .file-continer-main:focus .file-continer .file.file-focus.select,
.dark-mode .bodymain:focus .file-continer .file.file-focus.select {
    border-color: rgba(255, 255, 255, 0.25)
}

.dark-mode .file-list-list .file .title-type-name .title-continer,
.dark-mode .file-list-split .file .title-type-name .title-continer {
    background: transparent !important
}

.dark-mode .file-list-list .file.select:focus,
.dark-mode .file-list-split .file.select:focus,
.dark-mode .file-list-list .file.file-select-drag-temp:focus,
.dark-mode .file-list-split .file.file-select-drag-temp:focus,
.dark-mode .file-list-list .file.select.file-focus,
.dark-mode .file-list-split .file.select.file-focus,
.dark-mode .file-list-list .file.file-select-drag-temp.file-focus,
.dark-mode .file-list-split .file.file-select-drag-temp.file-focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.25)
}

.dark-mode .file-list-list .file .children-more i.font-icon:hover,
.dark-mode .file-list-split .file .children-more i.font-icon:hover,
.dark-mode .file-list-list .file .children-more i.font-icon:active,
.dark-mode .file-list-split .file .children-more i.font-icon:active,
.dark-mode .file-list-list .file .children-more i.font-icon:focus,
.dark-mode .file-list-split .file .children-more i.font-icon:focus {
    background: rgba(255, 255, 255, 0.07)
}

.dark-mode div.file-continer.file-list-split .split-box .content {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer.file-list-split .split-box.split-select {
    box-shadow: 0 -4px 0 0 #50afff inset;
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode div.file-continer.file-list-split .split-box.split-select:after {
    background: #50afff
}

.dark-mode div.file-continer.file-list-split .file.hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode div.file-continer.file-list-split .file .children-open,
.dark-mode div.file-continer.file-list-split .file .children-open i.font-icon {
    color: #ddd
}

.dark-mode div.file-continer.file-list-split .file .children-open {
    background: transparent;
    color: #ddd
}

.dark-mode div.file-continer.file-list-split .file.select-split-parent {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode div.file-continer.file-list-split .file.select-split-parent.select,
.dark-mode div.file-continer.file-list-split .file.select-split-parent.file-select-drag-temp {
    background: rgba(255, 255, 255, 0.17);
    border-color: rgba(255, 255, 255, 0.17)
}

.dark-mode .list-type-header {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1)
}

.dark-mode .list-type-header .main-title .title-item {
    color: #ddd;
    border-color: rgba(255, 255, 255, 0.07);
    height: 26px;
    line-height: 26px
}

.dark-mode .list-type-header .main-title .title-item:hover,
.dark-mode .list-type-header .main-title .title-item:active,
.dark-mode .list-type-header .main-title .title-item:focus,
.dark-mode .list-type-header .main-title .title-item.this {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-list-list .file .title-item {
    color: #ddd
}

.dark-mode .file-list-list .file .title-item.title-type-name {
    color: #ddd
}

.dark-mode .file-list-list .file .title-item .user-info img {
    border-color: rgba(255, 255, 255, 0.25)
}

.dark-mode .file-list-list .file2 {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .file-list-list .file .meta-info .file-list-tag .item {
    color: #f7f7f7;
    background: rgba(255, 255, 255, 0.17);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-list-list .file .meta-info .file-list-tag .item .x-item-icon.label {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3)
}

.dark-mode .file-list-list .file.file-search-text-has {
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .file-list-list .file.file-search-text-has.select .children-search-content {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-list-list .file .children-search-content {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-list-list .file .children-search-content .children-search-item {
    color: #b7b7b7
}

.dark-mode .file-list-list .file .children-search-content .children-search-item.this {
    color: #eaeaea
}

.dark-mode .file-list-list .file .children-search-content .search-show-more-toggle:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile {
    background: none
}

.dark-mode #app.app-desktop .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    background: #3a3a3a;
    backdrop-filter: none
}

.dark-mode .file-list-icon .file.file-icon-edit {
    box-shadow: none
}

.dark-mode .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile {
    border-color: rgba(255, 255, 255, 0.3);
    border-top-color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(30px);
    -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: #777
}

.dark-mode .file-panel .pathinfo .download-url {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link,
.dark-mode .file-panel .pathinfo .p.info-item-path .content .link {
    color: #8ac0ff
}

.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:hover,
.dark-mode .file-panel .pathinfo .p.info-item-path .content .link:hover,
.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:active,
.dark-mode .file-panel .pathinfo .p.info-item-path .content .link:active,
.dark-mode .file-panel .pathinfo .p.info-item-path-group .content .link:focus,
.dark-mode .file-panel .pathinfo .p.info-item-path .content .link:focus {
    background: rgba(255, 255, 255, 0.17)
}

.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item .close {
    line-height: 16px
}

.dark-mode .file-panel .pathinfo .file-info-tag .tag-list .item:hover {
    color: #fff
}

.dark-mode .file-panel .pathinfo .info-group .show-more,
.dark-mode .file-panel .pathinfo .info-group .show-less {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .file-panel .pathinfo .info-group .show-more:hover,
.dark-mode .file-panel .pathinfo .info-group .show-less:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-panel .panel-history .content-list .file-item {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .file-panel .panel-history .content-list .file-item .file-item-line {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .file-panel .panel-history .content-list .file-item:hover,
.dark-mode .file-panel .panel-history .content-list .file-item:active,
.dark-mode .file-panel .panel-history .content-list .file-item:focus,
.dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .file-panel .panel-history .content-list .file-item:hover .file-item-line,
.dark-mode .file-panel .panel-history .content-list .file-item:active .file-item-line,
.dark-mode .file-panel .panel-history .content-list .file-item:focus .file-item-line,
.dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active .file-item-line {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .file-panel .panel-history .content-list .file-item.context-menu-active .menu-trigger {
    background: rgba(255, 255, 255, 0.25)
}

.dark-mode .file-panel .panel-history .content-list .file-item .menu-trigger {
    background: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .file-panel .panel-history .content-list .file-item .menu-trigger:hover {
    background: rgba(255, 255, 255, 0.25)
}

.dark-mode .file-panel .panel-history .content-list .file-item .item.detail {
    border-color: rgba(255, 255, 255, 0.02)
}

.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content textarea {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.07);
    color: #ddd
}

.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder {
    color: rgba(255, 255, 255, 0.25);
    border-radius: 3px
}

.dark-mode .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder:hover {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body>.form-row {
    background: 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: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item,
.dark-mode .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item,
.dark-mode .frame-main-explorer .frame-left .ztree li a .menu-item:hover,
.dark-mode .frame-main-editor .frame-left .ztree li a .menu-item:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .frame-main-explorer .frame-left .user-space-info {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .frame-main-explorer .frame-left .user-space-info .space-process {
    background: rgba(255, 255, 255, 0.17)
}

.dark-mode .frame-main-explorer .frame-right {
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .frame-main-explorer .frame-right .file-select-info,
.dark-mode .frame-main-explorer .frame-right .file-page {
    background: rgba(255, 255, 255, 0.1);
    color: #ddd;
    border: none
}

.dark-mode .frame-main-explorer .frame-right .file-select-info .item-select {
    background: rgba(255, 255, 255, 0.07);
    color: #ddd
}

.dark-mode .frame-main-explorer .frame-right .file-page:hover,
.dark-mode .frame-main-explorer .frame-right .file-page:active,
.dark-mode .frame-main-explorer .frame-right .file-page:focus {
    background: rgba(255, 255, 255, 0.3)
}

.dark-mode .frame-main-explorer .my-page-box {
    color: #ddd
}

.dark-mode .folder-readme-info .readme-content {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .folder-readme-info .readme-content .info-title {
    background: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .folder-readme-info .readme-content .info-title:hover {
    background: rgba(255, 255, 255, 0.17)
}

.dark-mode .markdown-preview {
    color: #ddd;
    background: none
}

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

.dark-mode .markdown-preview pre,
.dark-mode .markdown-preview code,
.dark-mode .markdown-preview pre code {
    color: #aaa;
    border-color: rgba(150, 150, 150, 0.3);
    background: #222
}

.dark-mode .markdown-preview code {
    color: #C5AC18;
    background: rgba(150, 150, 150, 0.3)
}

.dark-mode .markdown-preview a {
    color: #FFA500
}

.dark-mode .markdown-preview hr {
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);
    background-image: none
}

.dark-mode .markdown-preview .h1,
.dark-mode .markdown-preview .h2,
.dark-mode .markdown-preview .h3,
.dark-mode .markdown-preview .h4,
.dark-mode .markdown-preview .h5,
.dark-mode .markdown-preview .h6,
.dark-mode .markdown-preview h1,
.dark-mode .markdown-preview h2,
.dark-mode .markdown-preview h3,
.dark-mode .markdown-preview h4,
.dark-mode .markdown-preview h5,
.dark-mode .markdown-preview h6 {
    color: #fff
}

.dark-mode .markdown-preview .h1,
.dark-mode .markdown-preview h1 {
    border-bottom: 1px solid rgba(150, 150, 150, 0.3)
}

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

.dark-mode .markdown-preview table td,
.dark-mode .markdown-preview table th {
    border-color: rgba(150, 150, 150, 0.3)
}

.dark-mode .markdown-preview table tr:nth-child(even) {
    background: #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 .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.02)
}

.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 textarea,
.dark-mode .form-box .form-row input[type='text'],
.dark-mode .form-box .form-row input[type='password'],
.dark-mode .form-box .form-row input[type='number'] {
    color: #ddd;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .form-box .form-row textarea:focus,
.dark-mode .form-box .form-row input[type='text']:focus,
.dark-mode .form-box .form-row input[type='password']:focus,
.dark-mode .form-box .form-row input[type='number']:focus {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row input:read-only:not(:radio):not(:checkbox),
.dark-mode .form-box .form-row input:disabled:not(:radio):not(:checkbox),
.dark-mode .form-box .form-row input.disabled {
    color: #b7b7b7;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.02) !important
}

.dark-mode .form-box .form-row label.style-html .input-item:hover {
    box-shadow: 0 0 0 2px #262626, 0 0 0 3px #666
}

.dark-mode .form-box .form-row.error>.setting-content {
    background: #f443361a
}

.dark-mode .form-box .form-row .setting-content .input-title-left,
.dark-mode .form-box .form-row .setting-content .input-title-right {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .form-box .form-row .setting-content .input-title-left.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: bg-color-l2
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row.title {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row.title .list-col,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row.title .form-row {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row:nth-child(even) {
    background: #303030
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row:not(.title):hover {
    background: #3a3a3a
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action {
    background: #454545;
    color: #ddd
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:hover,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:hover,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:active,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:active,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:focus,
.dark-mode .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:focus {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row.form-table .list-row-empty {
    background: #262626;
    border-color: #303030
}

.dark-mode .form-box .form-row .setting-content .kod-select {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .setting-content .kod-select.open,
.dark-mode .form-box .form-row .setting-content .kod-select:hover,
.dark-mode .form-box .form-row .setting-content .kod-select:active,
.dark-mode .form-box .form-row .setting-content .kod-select:focus {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row .setting-content .kod-select .clear-select {
    color: #ddd;
    background: #3a3a3a;
    border-color: #454545
}

.dark-mode .form-box .form-row .setting-content .kod-select .clear-select:hover {
    color: #ff4d4f;
    background: #262626
}

.dark-mode .form-box .form-row .setting-content .kod-select.select-single {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .setting-content .kod-select.select-single .kod-select-title {
    color: #ddd
}

.dark-mode .form-box .form-row .setting-content .kod-select.select-single.open,
.dark-mode .form-box .form-row .setting-content .kod-select.select-single:hover,
.dark-mode .form-box .form-row .setting-content .kod-select.select-single:active,
.dark-mode .form-box .form-row .setting-content .kod-select.select-single:focus {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row .setting-content .kod-select.select-mutil.open {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .kod-select .placeholder {
    color: #ddd
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-select-box {
    border-color: rgba(255, 255, 255, 0.17)
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice-title {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.04);
    color: #ddd
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .item-content,
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice-title .item-content {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice {
    border-color: rgba(255, 255, 255, 0.04) !important
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:nth-child(odd) {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:hover,
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:active,
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice:focus {
    background: rgba(255, 255, 255, 0.1) !important
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:hover,
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:active,
.dark-mode .form-box .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:focus {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar {
    background: #303030;
    border-color: #3a3a3a;
    color: #ddd
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar .auth-toolbar-item {
    border-color: #454545
}

.dark-mode .form-box .form-row .kod-select-main.auth-table .auth-toolbar .auth-toolbar-item:hover {
    background: #3a3a3a
}

.dark-mode .form-box .info-alert a:hover,
.dark-mode .form-box .desc a:hover,
.dark-mode .form-box .info-alert a:focus,
.dark-mode .form-box .desc a:focus,
.dark-mode .form-box .info-alert a:active,
.dark-mode .form-box .desc a:active {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active) {
    background: #303030;
    border-color: #454545
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active) .tab-item-content {
    color: #eaeaea
}

.dark-mode .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:not(.active):hover {
    background: #3a3a3a
}

.dark-mode .form-box .panel-form-body .line,
.dark-mode .form-box .panel-form-body hr {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-box .panel-form-body h1,
.dark-mode .form-box .panel-form-body h2,
.dark-mode .form-box .panel-form-body h3,
.dark-mode .form-box .panel-form-body h4,
.dark-mode .form-box .panel-form-body h5 {
    border-color: rgba(255, 255, 255, 0.17)
}

.dark-mode span.select2-container .select2-dropdown .select2-results__option {
    color: #ddd
}

.dark-mode span.select2-container .select2-dropdown .select2-results__option[aria-selected=true],
.dark-mode span.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.dark-mode span.select2-container .select2-dropdown .select2-results__option:hover,
.dark-mode span.select2-container .select2-dropdown .select2-results__option:active,
.dark-mode span.select2-container .select2-dropdown .select2-results__option:focus {
    background: rgba(255, 255, 255, 0.07)
}

.dark-mode span.select2-container--default .select2-selection--single,
.dark-mode span.select2-container--classic .select2-selection--single,
.dark-mode span.select2-container--default .select2-selection--multiple,
.dark-mode span.select2-container--classic .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.02)
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__rendered,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    color: #ddd
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #b7b7b7
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    color: #ddd
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__clear,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__clear,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__clear,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    color: #ddd;
    background: #3a3a3a;
    border-color: #454545
}

.dark-mode span.select2-container--default .select2-selection--single .select2-selection__clear:hover,
.dark-mode span.select2-container--classic .select2-selection--single .select2-selection__clear:hover,
.dark-mode span.select2-container--default .select2-selection--multiple .select2-selection__clear:hover,
.dark-mode span.select2-container--classic .select2-selection--multiple .select2-selection__clear:hover {
    color: #ff4d4f;
    background: #262626
}

.dark-mode span.select2-container--default .select2-dropdown,
.dark-mode span.select2-container--classic .select2-dropdown {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above,
.dark-mode span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-color: #454545
}

.dark-mode span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below,
.dark-mode span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--below {
    border-color: #454545
}

.dark-mode span.select2-container--default.select2-container--focus .select2-selection--single,
.dark-mode span.select2-container--classic.select2-container--focus .select2-selection--single,
.dark-mode span.select2-container--default.select2-container--open .select2-selection--single,
.dark-mode span.select2-container--classic.select2-container--open .select2-selection--single {
    background: rgba(255, 255, 255, 0.1);
    border-color: #3a3a3a
}

.dark-mode span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option {
    border-color: #3a3a3a
}

.dark-mode span.select2-container .select2-search--dropdown .select2-search__field {
    background: #262626;
    border-color: #3a3a3a;
    color: #ddd
}

.dark-mode span.select2-container .select2-search--dropdown .select2-search__field:focus {
    border-color: #75A1F0
}

.dark-mode span.select2-container .search-match {
    background: rgba(255, 200, 0, 0.4)
}

.dark-mode .kod-user-group-select {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode .kod-user-group-select .search-match {
    background: rgba(255, 200, 0, 0.4)
}

.dark-mode .kod-user-group-select .select-search {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode .kod-user-group-select .select-search:after {
    background: transparent
}

.dark-mode .kod-user-group-select .select-search input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .kod-user-group-select .select-search .search-clear {
    background: #4f4f4f;
    color: #ddd
}

.dark-mode .kod-user-group-select .select-search .search-clear:hover,
.dark-mode .kod-user-group-select .select-search .search-clear:active {
    background: #1c1c1c
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node .item-select,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node .item-select,
.dark-mode .kod-user-group-select .group-list-tree .search-item .item-select,
.dark-mode .kod-user-group-select .group-list-search .search-item .item-select {
    color: rgba(255, 255, 255, 0.1)
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.hover,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node.hover,
.dark-mode .kod-user-group-select .group-list-tree .search-item.hover,
.dark-mode .kod-user-group-select .group-list-search .search-item.hover,
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node item-select:hover,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node item-select:hover,
.dark-mode .kod-user-group-select .group-list-tree .search-item item-select:hover,
.dark-mode .kod-user-group-select .group-list-search .search-item item-select:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node.this,
.dark-mode .kod-user-group-select .group-list-tree .search-item.this,
.dark-mode .kod-user-group-select .group-list-search .search-item.this,
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node:hover,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node:hover,
.dark-mode .kod-user-group-select .group-list-tree .search-item:hover,
.dark-mode .kod-user-group-select .group-list-search .search-item:hover,
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node:active,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node:active,
.dark-mode .kod-user-group-select .group-list-tree .search-item:active,
.dark-mode .kod-user-group-select .group-list-search .search-item:active {
    background: #303030
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node:hover,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node:hover,
.dark-mode .kod-user-group-select .group-list-tree .search-item:hover,
.dark-mode .kod-user-group-select .group-list-search .search-item:hover {
    background: #303030
}

.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this .item-select,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node.this .item-select,
.dark-mode .kod-user-group-select .group-list-tree .search-item.this .item-select,
.dark-mode .kod-user-group-select .group-list-search .search-item.this .item-select,
.dark-mode .kod-user-group-select .group-list-tree li a.tree-node.this:hover .item-select,
.dark-mode .kod-user-group-select .group-list-search li a.tree-node.this:hover .item-select,
.dark-mode .kod-user-group-select .group-list-tree .search-item.this:hover .item-select,
.dark-mode .kod-user-group-select .group-list-search .search-item.this:hover .item-select {
    color: #f7f7f7
}

.dark-mode .kod-user-group-select .group-list-search .search-result-info {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled {
    background: none
}

.dark-mode .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:hover {
    background: none
}

.dark-mode .xdsoft_datetimepicker {
    background: #262626;
    border-left-color: #3a3a3a;
    border-right-color: #3a3a3a;
    border-bottom-color: #3a3a3a
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label {
    background: #303030;
    color: #ddd
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label:hover {
    background: #3a3a3a;
    color: #f7f7f7
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    color: #ddd
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1)
}

.dark-mode .xdsoft_datetimepicker .xdsoft_calendar th {
    background: rgba(255, 255, 255, 0.1);
    color: #ddd
}

.dark-mode .xdsoft_datetimepicker .xdsoft_prev,
.dark-mode .xdsoft_datetimepicker .xdsoft_next,
.dark-mode .xdsoft_datetimepicker .xdsoft_today_button {
    background: none;
    color: #ddd;
    text-indent: inherit
}

.dark-mode .xdsoft_datetimepicker .xdsoft_prev:hover,
.dark-mode .xdsoft_datetimepicker .xdsoft_next:hover,
.dark-mode .xdsoft_datetimepicker .xdsoft_today_button:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .xdsoft_datetimepicker .xdsoft_prev:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea63"
}

.dark-mode .xdsoft_datetimepicker .xdsoft_next:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea6d"
}

.dark-mode .xdsoft_datetimepicker .xdsoft_today_button:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ee1a"
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left: 0;
    width: 100%
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea77"
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before {
    font-family: "remixicon";
    font-style: normal;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.3em;
    width: 1.2em;
    text-align: center;
    content: "\ea4d"
}

.dark-mode .form-row .slider .slider-track,
.dark-mode .form-row .slider.slider-horizontal:after {
    background: #3a3a3a
}

.dark-mode .form-row.form-cityPicker .city-picker-span,
.dark-mode .form-row.form-cityPicker .city-picker-span .arrow {
    background: #303030;
    border-color: #3a3a3a;
    color: #ddd
}

.dark-mode .form-row.form-cityPicker .city-picker-span>.title>span {
    color: #ddd
}

.dark-mode .form-row.form-cityPicker .city-picker-span>.title>span:hover {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .city-picker-dropdown {
    background: #262626;
    border-color: #3a3a3a
}

.dark-mode .city-picker-dropdown .city-select-content {
    background: #262626
}

.dark-mode .city-picker-dropdown .city-select-tab>a {
    color: #ddd
}

.dark-mode .city-picker-dropdown .city-select-tab>a.active,
.dark-mode .city-picker-dropdown .city-select-tab>a:hover {
    color: #2196f3
}

.dark-mode .city-picker-dropdown .city-select a {
    color: #c4c4c4
}

.dark-mode .city-picker-dropdown .city-select a:hover {
    background: #3a3a3a
}

.dark-mode .city-picker-dropdown .city-select a.active,
.dark-mode .city-picker-dropdown .city-select a.active:hover {
    background-color: #2196f3;
    color: #f7f7f7
}

.dark-mode .city-picker-dropdown .city-select-tab {
    background: #303030;
    border-color: #3a3a3a
}

.dark-mode .city-picker-dropdown .city-select dl {
    border-color: #3a3a3a
}

.dark-mode .city-picker-dropdown .city-select-tab>a.active {
    background: #262626;
    border-color: #3a3a3a;
    border-bottom-color: #262626
}

.dark-mode .city-picker-dropdown.position-top .city-select-tab>a.active {
    border-color: #3a3a3a;
    border-top-color: #262626
}

.dark-mode .pcr-app[data-theme=nano] {
    background: #3a3a3a
}

.dark-mode .pcr-app[data-theme=nano] .pcr-swatches {
    border-color: #454545
}

.dark-mode .pcr-app[data-theme=nano] .pcr-interaction .pcr-result {
    background: #1c1c1c;
    color: #ddd
}

.dark-mode .tox-tinymce {
    border-color: #303030
}

.dark-mode div.tox .tox-editor-header {
    background: #121212
}

.dark-mode div.tox .tox-editor-header .tox-tbtn--select.tox-tbtn--bespoke {
    border-color: #303030
}

.dark-mode div.tox .tox-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: #121212
}

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

.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 .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 .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-right .bodymain .file-continer-main {
    background: none
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header {
    border-color: rgba(255, 255, 255, 0.07)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search {
    background: rgba(255, 255, 255, 0.04)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search:focus,
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right.search-open .search-box input.search {
    background: rgba(255, 255, 255, 0.25)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:active,
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:focus {
    background: rgba(255, 255, 255, 0.07)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:active,
.dark-mode .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm>.btn:focus {
    background: rgba(255, 255, 255, 0.1)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain {
    border-color: rgba(255, 255, 255, 0.04)
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file {
    background: none
}

.dark-mode .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file.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
}


.frame-main-explorer .frame-left {
    position: absolute;
    right: 0!important;
    top: 0;
    bottom: 0px;
    width: 200px;
    background-attachment: fixed;
    overflow: hidden;
    left: auto;
}
.frame-main-explorer .frame-right {
    position: absolute;
    left: 0px !important;
    right: 270px!important;
    top: 0;
    bottom: 0;
    overflow: hidden;
    margin-left: -1px;
    border-right: 1px solid rgba(100, 100, 100, 0.1)!important;
    margin-right: 0!important;
    border-right: .5px solid #66666630!important;
    -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;
}
body {
    overflow: hidden;
    font-family: "Droid Arabic Kufi" !important;
}

.frame-main-explorer .frame-left .ztree ul.level0 a.level1 {
    height: 29px;
    line-height: 29px;
    direction: rtl;
    text-align: justify;
}

.ztree li span.tree_icon {
    height: 20px;
    width: 22px;
    background: none;
    margin-top: -1px;
    margin-left: 8px;
    margin-right: 8px;
}

.ztree li a .menu-item {
    display: none;
    position: absolute;
    left: 8px;
    right: auto;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    height: 14px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    z-index: 50;
    text-align: -webkit-left;
}

.ztree li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    white-space: nowrap;
    outline: 0;
}
.frame-main-explorer .frame-left .ztree li a {
  
    direction: rtl;
}
.frame-left .ztree ul.level1:before, .frame-left .ztree ul.level1:after {
    right: 30px;
    display: block;
    left: auto;
}
.frame-left .ztree ul.level2:before, .frame-left .ztree ul.level2:after {
    right: 45px;
    display: block;
    left: auto;
}

body .context-menu-list {
    border: none;
    padding: 10px 6px;
    direction: rtl;
}
.context-menu-list span b {
    display: inline-block;
    font-size: 12px;
    zoom: .95;
    font-weight: 200;
    color: #888;
    padding-left: 10px;
    position: absolute;
    left: -7px;
    width: 65px;
    min-width: 50px;
    text-align: left;
    overflow: hidden;
    right: auto;
}
.context-menu-list .context-menu-item.down .font-icon, .context-menu-list .context-menu-item.download .font-icon {
    display: inline-block;
     background-position: -15px -48px;
    background-size: auto !important;
    background-repeat: no-repeat;
    height: 16px;
    margin-left: 8px!important;
    margin-right: auto!important;
}
.context-menu-list .context-menu-item .font-icon {
    display: inline-block;
    color: #aaa;
    margin-left: 8px!important;
    margin-right: auto!important;
    font-size: 17px;
    margin-top: -2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}
body .context-menu-list .context-menu-item {
    padding: 0px 4px 0 15px;
    text-align: right;
}
.context-menu-list .context-menu-item span.context-menu-accesskey {
    margin-right: 2px;
    color: #bbb;
    font-size: .9em;
    margin-left: auto;
}
.frame-main-explorer .drag-resize-tree, .frame-main-editor .drag-resize-tree {
    z-index: 50;
    margin-left: -4px;
    display: none;
}

.frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .desc-name {
    position: relative;
    top: 2px;
}
.frame-main-explorer .frame-header .header-content .header-left .btn {
    padding: 3px 6px;
    width: 18px;
    height: 19px;
    line-height: 13px;
}
.file-panel .panel-tab-content .tab-content {
    padding: 10px;
    display: none;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    direction: rtl;
    text-align: right;
}
.file-panel .pathinfo .p>.title {
    float: right;
    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;
    text-align: right;
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content {
    padding: 0;
    position: static;
    overflow: inherit;
    min-width: 420px;
    min-height: 450px;
    direction: rtl;
    text-align: right;
}
.dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content .btn-edit {
    right: auto;
    left: 0;
}
.dialog-tab {
    border-bottom: 1px solid #eee;
    margin: 5px 20px;
    direction: ltr;
    text-align: right;
}
.file-panel .panel-log .content-list .list-item .item.time {
    position: absolute;
    left: 7px;
    right: auto;
    top: 5px;
    opacity: .6;
    font-size: .9em;
}

.kui-notify {
    display: none;
}

.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: right;
    position: relative;
    text-align: right;
    text-shadow: 0 0 1px #bbb;
    color: #666;
    direction: rtl;
}

li.context-menu-item.create-link-home {
    display: none;
}
li.context-menu-item.set-background {
    display: none;
}
.share-page-main .common-side .share-file-info {
    padding: 10px 15px;
    direction: rtl;
}
li.context-menu-item.app-install {
    display: none;
}
.share-page-main .common-side .share-user-info .img-box {

    display: none;
}
li.version_vip_free {
    display: none;
}
.page-model-login {
    display: none00;
}
.aero.menuBar {
    display: none0;
}
.aero.menuBar.hover-active {
    display: none0;

}
#app.auto-hide .menuBar.hover-active {
    display: none;
}
li.context-menu-item.shareOpenDoc {
    display: none;
}


ul#tree-WtLEA_1_ul {
    direction: rtl;
}
li#tree-WtLEA_4 {
    direction: rtl;
    text-align: right;
}