body {
    --red-1: 255,236,232;
    --red-2: 253,205,197;
    --red-3: 251,172,163;
    --red-4: 249,137,129;
    --red-5: 247,101,96;
    --red-6: 245,63,63;
    --red-7: 203,39,45;
    --red-8: 161,21,30;
    --red-9: 119,8,19;
    --red-10: 77,0,10;
    --orangered-1: 255,243,232;
    --orangered-2: 253,221,195;
    --orangered-3: 252,197,159;
    --orangered-4: 250,172,123;
    --orangered-5: 249,144,87;
    --orangered-6: 247,114,52;
    --orangered-7: 204,81,32;
    --orangered-8: 162,53,17;
    --orangered-9: 119,31,6;
    --orangered-10: 77,14,0;
    --orange-1: 255,247,232;
    --orange-2: 255,228,186;
    --orange-3: 255,207,139;
    --orange-4: 255,182,93;
    --orange-5: 255,154,46;
    --orange-6: 255,125,0;
    --orange-7: 210,95,0;
    --orange-8: 166,69,0;
    --orange-9: 121,46,0;
    --orange-10: 77,27,0;
    --gold-1: 255,252,232;
    --gold-2: 253,244,191;
    --gold-3: 252,233,150;
    --gold-4: 250,220,109;
    --gold-5: 249,204,69;
    --gold-6: 247,186,30;
    --gold-7: 204,146,19;
    --gold-8: 162,109,10;
    --gold-9: 119,75,4;
    --gold-10: 77,45,0;
    --yellow-1: 254,255,232;
    --yellow-2: 254,254,190;
    --yellow-3: 253,250,148;
    --yellow-4: 252,242,107;
    --yellow-5: 251,232,66;
    --yellow-6: 250,220,25;
    --yellow-7: 207,175,15;
    --yellow-8: 163,132,8;
    --yellow-9: 120,93,3;
    --yellow-10: 77,56,0;
    --lime-1: 252,255,232;
    --lime-2: 237,248,187;
    --lime-3: 220,241,144;
    --lime-4: 201,233,104;
    --lime-5: 181,226,65;
    --lime-6: 159,219,29;
    --lime-7: 126,183,18;
    --lime-8: 95,148,10;
    --lime-9: 67,112,4;
    --lime-10: 42,77,0;
    --green-1: 232,255,234;
    --green-2: 175,240,181;
    --green-3: 123,225,136;
    --green-4: 76,210,99;
    --green-5: 35,195,67;
    --green-6: 0,180,42;
    --green-7: 0,154,41;
    --green-8: 0,128,38;
    --green-9: 0,102,34;
    --green-10: 0,77,28;
    --cyan-1: 232,255,251;
    --cyan-2: 183,244,236;
    --cyan-3: 137,233,224;
    --cyan-4: 94,223,214;
    --cyan-5: 55,212,207;
    --cyan-6: 20,201,201;
    --cyan-7: 13,165,170;
    --cyan-8: 7,130,139;
    --cyan-9: 3,97,108;
    --cyan-10: 0,66,77;
    --blue-1: 232,247,255;
    --blue-2: 195,231,254;
    --blue-3: 159,212,253;
    --blue-4: 123,192,252;
    --blue-5: 87,169,251;
    --blue-6: 52,145,250;
    --blue-7: 32,108,207;
    --blue-8: 17,75,163;
    --blue-9: 6,48,120;
    --blue-10: 0,26,77;
    --arcoblue-1: 232,243,255;
    --arcoblue-2: 190,218,255;
    --arcoblue-3: 148,191,255;
    --arcoblue-4: 106,161,255;
    --arcoblue-5: 64,128,255;
    --arcoblue-6: 22,93,255;
    --arcoblue-7: 14,66,210;
    --arcoblue-8: 7,44,166;
    --arcoblue-9: 3,26,121;
    --arcoblue-10: 0,13,77;
    --purple-1: 245,232,255;
    --purple-2: 221,190,246;
    --purple-3: 195,150,237;
    --purple-4: 168,113,227;
    --purple-5: 141,78,218;
    --purple-6: 114,46,209;
    --purple-7: 85,29,176;
    --purple-8: 60,16,143;
    --purple-9: 39,6,110;
    --purple-10: 22,0,77;
    --pinkpurple-1: 255,232,251;
    --pinkpurple-2: 247,186,239;
    --pinkpurple-3: 240,142,230;
    --pinkpurple-4: 232,101,223;
    --pinkpurple-5: 225,62,219;
    --pinkpurple-6: 217,26,217;
    --pinkpurple-7: 176,16,182;
    --pinkpurple-8: 138,9,147;
    --pinkpurple-9: 101,3,112;
    --pinkpurple-10: 66,0,77;
    --magenta-1: 255,232,241;
    --magenta-2: 253,194,219;
    --magenta-3: 251,157,199;
    --magenta-4: 249,121,183;
    --magenta-5: 247,84,168;
    --magenta-6: 245,49,157;
    --magenta-7: 203,30,131;
    --magenta-8: 161,16,105;
    --magenta-9: 119,6,79;
    --magenta-10: 77,0,52;
    --gray-1: 247,248,250;
    --gray-2: 242,243,245;
    --gray-3: 229,230,235;
    --gray-4: 201,205,212;
    --gray-5: 169,174,184;
    --gray-6: 134,144,156;
    --gray-7: 107,119,133;
    --gray-8: 78,89,105;
    --gray-9: 39,46,59;
    --gray-10: 29,33,41;
    --primary-1: 243,247,255;
    --primary-2: 235,241,255;
    --primary-3: 151,188,255;
    --primary-4: 110,159,255;
    --primary-5: 56,123,255;
    --primary-6: 22,100,255;
    --primary-7: 23,89,221;
    --primary-8: 17,74,185;
    --primary-9: 3,26,121;
    --primary-10: 0,13,77;
    --link-1: 244,247,255;
    --link-2: 235,241,255;
    --link-3: 151,188,255;
    --link-4: 102,158,255;
    --link-5: 56,123,255;
    --link-6: 22,100,255;
    --link-7: 23,89,221;
    --link-8: 17,74,185;
    --link-9: 3,26,121;
    --link-10: 0,13,77;
    --success-1: 238,249,241;
    --success-2: 225,246,230;
    --success-3: 124,205,148;
    --success-4: 92,174,119;
    --success-5: 48,146,86;
    --success-6: 42,129,75;
    --success-7: 35,112,64;
    --success-8: 28,94,53;
    --success-9: 0,102,34;
    --success-10: 0,77,28;
    --danger-1: 253,245,245;
    --danger-2: 255,236,236;
    --danger-3: 255,163,160;
    --danger-4: 255,112,109;
    --danger-5: 238,63,56;
    --danger-6: 215,49,42;
    --danger-7: 189,41,35;
    --danger-8: 159,33,28;
    --danger-9: 119,8,19;
    --danger-10: 77,0,10;
    --warning-1: 254,248,235;
    --warning-2: 255,243,220;
    --warning-3: 249,199,109;
    --warning-4: 240,165,15;
    --warning-5: 208,141,6;
    --warning-6: 189,126,0;
    --warning-7: 153,102,0;
    --warning-8: 122,82,0;
    --warning-9: 121,46,0;
    --warning-10: 77,27,0;
    --color-fill-5: #fff;
    --color-fill-6: #fcfdfe;
    --color-bg-6: rgba(26,27,30,.05);
    --color-bg-7: #f6f8fa;
    --color-bg-8: #fff;
    --color-bg-9: #fff;
    --alert-component-1: 232,243,255;
    --alert-component-2: 190,218,255;
    --alert-component-3: 148,191,255;
    --alert-component-4: 255,245,228;
    --alert-component-5: 255,244,244;
    --alert-component-6: 240,246,255;
    --alert-component-7: 241,248,245;
    --alert-component-8: 7,44,166;
    --alert-component-9: 3,26,121;
    --alert-component-10: 0,13,77;
    --base-grey-1: 246,248,250;
    --base-grey-2: 246,246,246;
    --base-grey-3: 236,237,237;
    --base-grey-4: 160,162,167;
    --base-grey-5: 103,107,114;
    --base-grey-6: 65,70,79;
    --base-grey-7: 52,56,64;
    --base-grey-8: 43,48,58;
    --base-grey-9: 3,26,121;
    --base-grey-10: 0,13,77;
    --color-grey-1: #f6f8fa;
    --color-grey-2: #f6f6f6;
    --color-grey-3: #eceded;
    --color-grey-4: #a0a2a7;
    --color-grey-5: #676b72;
    --color-grey-6: #41464f;
    --color-grey-7: #343840;
    --color-grey-8: #292a2e;
    --oranged-1: 255,242,232;
    --oranged-2: 255,234,219;
    --oranged-3: 255,179,122;
    --oranged-4: 255,131,43;
    --oranged-5: 235,98,0;
    --oranged-6: 192,79,0;
    --oranged-7: 168,68,0;
    --oranged-8: 137,60,0;
    --oranged-9: var(--arcoblue-9);
    --oranged-10: var(--arcoblue-10);
    --teal-1: 238,248,255;
    --teal-2: 228,243,252;
    --teal-3: 128,197,224;
    --teal-4: 88,168,196;
    --teal-5: 56,136,163;
    --teal-6: 36,117,142;
    --teal-7: 7,108,133;
    --teal-8: 0,90,112;
    --teal-9: 6,64,93;
    --teal-10: 0,48,77;
    --violet-1: 250,244,255;
    --violet-2: 242,234,251;
    --violet-3: 193,163,237;
    --violet-4: 162,133,212;
    --violet-5: 135,99,184;
    --violet-6: 110,76,159;
    --violet-7: 96,63,142;
    --violet-8: 83,45,134;
    --violet-9: var(--arcoblue-9);
    --violet-10: var(--arcoblue-10)
}

body[arco-theme=dark] {
    --red-1: 77,0,10;
    --red-2: 119,6,17;
    --red-3: 161,22,31;
    --red-4: 203,46,52;
    --red-5: 245,78,78;
    --red-6: 247,105,101;
    --red-7: 249,141,134;
    --red-8: 251,176,167;
    --red-9: 253,209,202;
    --red-10: 255,240,236;
    --orangered-1: 77,14,0;
    --orangered-2: 119,30,5;
    --orangered-3: 162,55,20;
    --orangered-4: 204,87,41;
    --orangered-5: 247,126,69;
    --orangered-6: 249,146,90;
    --orangered-7: 250,173,125;
    --orangered-8: 252,198,161;
    --orangered-9: 253,222,197;
    --orangered-10: 255,244,235;
    --orange-1: 77,27,0;
    --orange-2: 121,48,4;
    --orange-3: 166,75,10;
    --orange-4: 210,105,19;
    --orange-5: 255,141,31;
    --orange-6: 255,150,38;
    --orange-7: 255,179,87;
    --orange-8: 255,205,135;
    --orange-9: 255,227,184;
    --orange-10: 255,247,232;
    --gold-1: 77,45,0;
    --gold-2: 119,75,4;
    --gold-3: 162,111,15;
    --gold-4: 204,150,31;
    --gold-5: 247,192,52;
    --gold-6: 249,204,68;
    --gold-7: 250,220,108;
    --gold-8: 252,233,149;
    --gold-9: 253,244,190;
    --gold-10: 255,252,232;
    --yellow-1: 77,56,0;
    --yellow-2: 120,94,7;
    --yellow-3: 163,134,20;
    --yellow-4: 207,179,37;
    --yellow-5: 250,225,60;
    --yellow-6: 251,233,75;
    --yellow-7: 252,243,116;
    --yellow-8: 253,250,157;
    --yellow-9: 254,254,198;
    --yellow-10: 254,255,240;
    --lime-1: 42,77,0;
    --lime-2: 68,112,6;
    --lime-3: 98,148,18;
    --lime-4: 132,183,35;
    --lime-5: 168,219,57;
    --lime-6: 184,226,75;
    --lime-7: 203,233,112;
    --lime-8: 222,241,152;
    --lime-9: 238,248,194;
    --lime-10: 253,255,238;
    --green-1: 0,77,28;
    --green-2: 4,102,37;
    --green-3: 10,128,45;
    --green-4: 18,154,55;
    --green-5: 29,180,64;
    --green-6: 39,195,70;
    --green-7: 80,210,102;
    --green-8: 126,225,139;
    --green-9: 178,240,183;
    --green-10: 235,255,236;
    --cyan-1: 0,66,77;
    --cyan-2: 6,97,108;
    --cyan-3: 17,131,139;
    --cyan-4: 31,166,170;
    --cyan-5: 48,201,201;
    --cyan-6: 63,212,207;
    --cyan-7: 102,223,215;
    --cyan-8: 144,233,225;
    --cyan-9: 190,244,237;
    --cyan-10: 240,255,252;
    --blue-1: 0,26,77;
    --blue-2: 5,47,120;
    --blue-3: 19,76,163;
    --blue-4: 41,113,207;
    --blue-5: 70,154,250;
    --blue-6: 90,170,251;
    --blue-7: 125,193,252;
    --blue-8: 161,213,253;
    --blue-9: 198,232,254;
    --blue-10: 234,248,255;
    --arcoblue-1: 0,13,77;
    --arcoblue-2: 4,27,121;
    --arcoblue-3: 14,50,166;
    --arcoblue-4: 29,77,210;
    --arcoblue-5: 48,111,255;
    --arcoblue-6: 60,126,255;
    --arcoblue-7: 104,159,255;
    --arcoblue-8: 147,190,255;
    --arcoblue-9: 190,218,255;
    --arcoblue-10: 234,244,255;
    --purple-1: 22,0,77;
    --purple-2: 39,6,110;
    --purple-3: 62,19,143;
    --purple-4: 90,37,176;
    --purple-5: 123,61,209;
    --purple-6: 142,81,218;
    --purple-7: 169,116,227;
    --purple-8: 197,154,237;
    --purple-9: 223,194,246;
    --purple-10: 247,237,255;
    --pinkpurple-1: 66,0,77;
    --pinkpurple-2: 101,3,112;
    --pinkpurple-3: 138,13,147;
    --pinkpurple-4: 176,27,182;
    --pinkpurple-5: 217,46,217;
    --pinkpurple-6: 225,61,219;
    --pinkpurple-7: 232,102,223;
    --pinkpurple-8: 240,146,230;
    --pinkpurple-9: 247,193,240;
    --pinkpurple-10: 255,242,253;
    --magenta-1: 77,0,52;
    --magenta-2: 119,8,80;
    --magenta-3: 161,23,108;
    --magenta-4: 203,43,136;
    --magenta-5: 245,69,166;
    --magenta-6: 247,86,169;
    --magenta-7: 249,122,184;
    --magenta-8: 251,158,200;
    --magenta-9: 253,195,219;
    --magenta-10: 255,232,241;
    --gray-1: 23,23,26;
    --gray-2: 46,46,48;
    --gray-3: 72,72,73;
    --gray-4: 95,95,96;
    --gray-5: 120,120,122;
    --gray-6: 146,146,147;
    --gray-7: 171,171,172;
    --gray-8: 197,197,197;
    --gray-9: 223,223,223;
    --gray-10: 246,246,246;
    --primary-1: 36,46,64;
    --primary-2: 39,51,76;
    --primary-3: 49,80,143;
    --primary-4: 29,83,210;
    --primary-5: 104,154,255;
    --primary-6: 69,131,255;
    --primary-7: 51,119,255;
    --primary-8: 147,193,255;
    --primary-9: 190,218,255;
    --primary-10: 234,244,255;
    --link-1: 36,46,64;
    --link-2: 39,51,76;
    --link-3: 49,80,143;
    --link-4: 29,83,210;
    --link-5: 143,181,255;
    --link-6: 116,162,255;
    --link-7: 96,149,255;
    --link-8: 147,193,255;
    --link-9: 190,218,255;
    --link-10: 234,244,255;
    --success-1: 37,55,46;
    --success-2: 39,63,51;
    --success-3: 51,111,81;
    --success-4: 30,153,96;
    --success-5: 86,207,147;
    --success-6: 73,193,133;
    --success-7: 70,173,122;
    --success-8: 143,224,175;
    --success-9: 178,240,183;
    --success-10: 235,255,236;
    --danger-1: 60,38,39;
    --danger-2: 69,40,41;
    --danger-3: 126,52,56;
    --danger-4: 203,46,52;
    --danger-5: 247,98,106;
    --danger-6: 223,76,82;
    --danger-7: 197,49,56;
    --danger-8: 251,176,167;
    --danger-9: 253,209,202;
    --danger-10: 255,240,236;
    --warning-1: 63,51,26;
    --warning-2: 73,57,25;
    --warning-3: 136,96,15;
    --warning-4: 201,134,18;
    --warning-5: 245,180,51;
    --warning-6: 242,162,0;
    --warning-7: 222,148,0;
    --warning-8: 171,114,0;
    --warning-9: 121,46,0;
    --warning-10: 77,27,0;
    --color-fill-5: #fff;
    --color-fill-6: #4e5969;
    --color-bg-6: hsla(0,0%,100%,.12);
    --color-bg-7: #4e5969;
    --color-bg-8: #4e5969;
    --color-bg-9: #4e5969;
    --alert-component-1: 0,13,77;
    --alert-component-2: 4,27,121;
    --alert-component-3: 14,50,166;
    --alert-component-4: 29,77,210;
    --alert-component-5: 48,111,255;
    --alert-component-6: 60,126,255;
    --alert-component-7: 104,159,255;
    --alert-component-8: 147,190,255;
    --alert-component-9: 190,218,255;
    --alert-component-10: 234,244,255;
    --base-grey-1: 0,13,77;
    --base-grey-2: 37,37,37;
    --base-grey-3: 42,42,42;
    --base-grey-4: 46,46,46;
    --base-grey-5: 51,51,51;
    --base-grey-6: 56,56,56;
    --base-grey-7: 45,45,45;
    --base-grey-8: 65,65,65;
    --base-grey-9: 190,218,255;
    --base-grey-10: 234,244,255;
    --color-grey-1: #4e5969;
    --color-grey-2: #4e5969;
    --color-grey-3: #4e5969;
    --color-grey-4: #fff;
    --color-grey-5: #fff;
    --color-grey-6: #fff;
    --color-grey-7: #fff;
    --color-grey-8: #fff;
    --oranged-1: var(--arcoblue-1);
    --oranged-2: var(--arcoblue-2);
    --oranged-3: var(--arcoblue-3);
    --oranged-4: var(--arcoblue-4);
    --oranged-5: var(--arcoblue-5);
    --oranged-6: var(--arcoblue-6);
    --oranged-7: var(--arcoblue-7);
    --oranged-8: var(--arcoblue-8);
    --oranged-9: var(--arcoblue-9);
    --oranged-10: var(--arcoblue-10);
    --teal-1: 0,48,77;
    --teal-2: 4,63,93;
    --teal-3: 15,81,109;
    --teal-4: 28,99,126;
    --teal-5: 45,119,142;
    --teal-6: 67,145,165;
    --teal-7: 100,172,187;
    --teal-8: 139,200,210;
    --teal-9: 184,227,232;
    --teal-10: 235,253,255;
    --violet-1: var(--arcoblue-1);
    --violet-2: var(--arcoblue-2);
    --violet-3: var(--arcoblue-3);
    --violet-4: var(--arcoblue-4);
    --violet-5: var(--arcoblue-5);
    --violet-6: var(--arcoblue-6);
    --violet-7: var(--arcoblue-7);
    --violet-8: var(--arcoblue-8);
    --violet-9: var(--arcoblue-9);
    --violet-10: var(--arcoblue-10)
}

:root {
    --primary: #165dff;
    --primary-hover: #4080ff
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 85%
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400
}

body,button,input,select,textarea {
    font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

a {
    transition: all .3s ease-in-out 0s
}

textarea.form-control {
    height: auto!important
}

.text-primary {
    color: var(--primary)!important
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary)
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover)
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary)
}

.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active {
    border-color: var(--primary);
    background-color: var(--primary)
}

.page-item.active .page-link {
    background-color: var(--primary)
}

:focus {
    outline: 0
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out,background-color 99999s ease-out
}

input[type=checkbox] {
    position: relative;
    margin-right: 2px;
    width: 18px;
    height: 12px
}

input[type=checkbox]:after {
    content: '';
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #cfd5de;
    background-color: #fff;
    border-radius: 0;
    color: rgba(0,0,0,.9);
    position: absolute;
    transform: translate(0,0)
}

input[type=checkbox]:focus:after,input[type=checkbox]:hover:after {
    border-color: #0b53d9
}

input[type=checkbox]:checked:after {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #0b53d9;
    background-color: #0b53d9
}

input[type=checkbox]:checked:before {
    position: absolute;
    width: 16px;
    height: 16px;
    color: #fff;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    z-index: 10;
    font-size: .8rem;
    top: 2px;
    left: 3px;
}

.text-white {
    color: #fff
}

.hidden {
    display: none!important
}

.form-control,.form-control-plaintext {
    box-shadow: none!important;
    border: 1px solid #edefef;
    transition: all .3s;
    height: 36px
}

.form-control:focus,.form-control:hover {
    outline: 0;
    box-shadow: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none
}

.btn-default {
    color: #4e5969;
    background-color: #fff;
    border-color: #c9cdd5;
    box-shadow: 0 1px 1px rgba(0,0,0,.08)
}

.btn-default:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.btn-primary {
    background-color: #165dff;
    border-color: #165dff;
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.btn-primary:hover {
    background-color: #4080ff;
    border-color: #4080ff;
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.space {
    padding-top: 70px!important;
    padding-bottom: 70px!important
}

section.new-solution {
    background: #f5f7fd
}

.navbar-brand {
    text-indent: -999rem;
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center;
    height: 40px;
    width: 122px;
    margin: 0;
    padding: 0
}

.homepage header#header {
    z-index: 101;
    width: 100%;
    position: fixed;
    background-color: transparent;
    transition: background-color .3s ease;
    background: #fff;
    box-shadow: 0 0 2px rgb(15 48 106 / 6%);
    background: hsla(0,0%,100%,.1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

header#header.header-dark {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #2b303b
}

header#header.header-white {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: inset 0 -1px 0 #f0f1f3
}

.header-dark .navbar-brand {
    background-image: url("../img/logo.svg")
}

.header-dark .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0
}

.nav-item.billing .dropdown-menu {
    width: 240px
}

.header-dark .dropdown-menu {
    background-color: #1d212b
}

.header-dark .dropdown-menu .dropdown-divider {
    border-color: #262f3e
}

.header-dark .dropdown-item:hover {
    background-color: #344258
}

.header-dark .dropdown-item .dropdown-link {
    display: flex;
    align-items: center;
    color: #c1c6c8!important
}

.header-dark .dropdown-item .dropdown-link i {
    margin-right: 6px;
    font-size: 16px
}

.dropdown-menu .panel-amount {
    padding: 0 1.5rem
}

.dropdown-menu .panel-amount-head {
    font-size: 12px;
    color: #888;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropdown-menu .panel-amount-head .panel-amount-head-btn a {
    font-size: 12px!important;
    color: #e6c979
}

.dropdown-menu .panel-amount-number {
    color: #333;
    font-style: normal;
    margin: 1rem 0;
    display: flex;
    align-items: flex-end
}

.header-dark .dropdown-menu .panel-amount-number {
    color: #fff
}

.dropdown-menu .panel-amount-number em {
    font-style: normal
}

.dropdown-menu .panel-amount-number .amount-number {
    font-size: 28px;
    line-height: 1;
    margin-right: 2px
}

header .navbar {
    height: 60px
}

header .navbar-nav .nav-item>a {
    font-size: 14px;
    display: block
}

header .navbar-dark .navbar-nav .show>.nav-link {
    color: #5e6166
}

header .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    color: #5e6166;
    line-height: 59px;
    padding: 0 1rem;
    font-weight: 500
}

header .navbar-nav .nav-item .nav-link .bi {
    font-size: 12px;
    transition: all .3s ease
}

header .navbar-nav .nav-item .nav-link.show,header .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary)
}

header .navbar-nav.navbar-nav-right .nav-item .btn {
    border-radius: 2px
}

.header-dark .navbar-nav .nav-item .nav-link {
    color: #c1c6c8
}

.header-dark .navbar-nav .nav-item .nav-link:hover {
    color: rgba(255,255,255,.9)
}

.dropdown-item {
    padding: .5rem 1.5rem
}

.dropdown-item:active {
    background-color: transparent
}

.dropdown-item .dropdown-link {
    color: #5e6166;
    display: block;
    text-decoration: none
}

.dropdown-wrap {
    position: relative
}

.dropdown-wrap-fluid {
    position: unset
}

.dropdown-container {
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    position: absolute;
    top: 60px;
    left: 0;
    width: 150px;
    z-index: -1;
    transition: max-height .25s ease-in-out,opacity .25s ease-in-out
}

.dropdown-wrap-fluid .dropdown-container {
    width: 100%
}

.dropdown-container.show {
    padding-bottom: 20px;
    z-index: 100;
    height: auto;
    opacity: 1;
    max-height: 900px
}

.dropdown-body {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 5%);
    position: relative
}

.dropdown-body ul>li>a {
    color: #444;
    display: block;
    line-height: 40px;
    text-decoration: none;
    padding: 0 1rem
}

.dropdown-body ul>li>a:hover {
    color: var(--primary-hover);
    background-color: #f9faff
}

.dropdown-body .list-items .list-item-link {
    margin-bottom: 1rem
}

.dropdown-body .list-items .list-item-link a {
    padding: 0;
    line-height: 1.5
}

.dropdown-body .list-items .list-item-link a:hover {
    background-color: transparent
}

.dropdown-body .card .card-title {
    color: #444
}

.dropdown-wrap-fluid .dropdown-body {
    width: 100%;
    display: flex;
    align-items: stretch
}

.dropdown-body-menu {
    width: 100%
}

.body-menu-title {
    font-weight: 400;
    font-size: 1.215rem;
    margin-bottom: 1.5rem
}

.body-menu-desc {
    color: rgba(34,34,34,.7);
    line-height: 28px
}

.dropdown-bd {
    width: 100%
}

.dropdown-bd .body-main-title {
    font-weight: 400;
    font-size: 1.215rem;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 18px
}

.dropdown-bd .body-main-title:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    display: block;
    height: 20px;
    width: 4px;
    background-color: var(--primary)
}

.dropdown-bd .body-main-bd {
    display: flex;
    flex-direction: column;
    display: flex;
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(4,1fr);
    margin-bottom: 2rem
}

.body-main-bd-item {
    background-color: #f7f9fd;
    border-radius: .25rem;
    padding: .85rem;
    display: block
}

.body-main-bd-item:last-child {
    margin-bottom: 0
}

.body-main-bd-item h4 {
    color: #333;
    font-size: 1rem;
    display: flex;
    align-items: center
}

.body-main-bd-item h4 .badge {
    margin-left: .5rem;
    transform: scale(.8);
    text-transform: uppercase
}

.body-main-bd-item h4 .badge-hot {
    color: #fff;
    background-color: #dc3545
}

.body-main-bd-item h4 .badge-new {
    color: #fff;
    background-color: var(--primary)
}

.body-main-bd-item p {
    font-size: .815rem;
    color: rgba(34,34,34,.5);
    margin-bottom: 0
}

.body-main-bd-item:hover {
    text-decoration: none;
    background-color: #f4f4f8;
    transition: .25s
}

.body-main-bd-item:hover h4 {
    color: var(--primary)
}

.dropdown-body-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 20px
}

.dropdown-body-menu-list li {
    text-align: left;
    -moz-box-pack: left;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
    -webkit-justify-content: left;
    justify-content: left;
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-weight: 600
}

.dropdown-body-menu-list li.active {
    background: #d9e5fd;
    color: #1664ff;
    cursor: pointer;
    font-weight: 600
}

.dropdown-body-main .tabs-content {
    display: none
}

.dropdown-body-main .tabs-content.active {
    display: block
}

.dropdown-body .card {
    border-color: #ebf0fc
}

.dropdown-body .card:hover {
    background-color: #f9faff;
    text-decoration: none;
    border-color: var(--primary-hover);
    color: var(--primary-hover)
}

.dropdown-body .card .card-text {
    color: #444
}

.dropdown-body .card:hover .card-text {
    color: #444
}

.dropdown-body-box {
    flex: 1;
    padding: 0 1.5rem
}

.account .dropdown-menu {
    width: 240px;
    border: 0 none;
    box-shadow: 0 0 16px 0 rgb(54 58 80 / 16%)
}

.btn-thememode>a>div {
    display: flex;
    align-items: center;
    font-size: 12px;
    overflow: hidden;
    border-radius: .25rem;
    border: 1px solid #9ba0a4;
    vertical-align: middle
}

.btn-thememode>a>div>div {
    padding: 2px 5px
}

.btn-thememode>a>div .active {
    color: #fff;
    background-color: var(--primary)
}

.wrap-main-swiper {
    overflow: hidden;
    background-position: center;
    background-size: auto 610px;
    position: relative
}

.wrap-main-swiper .swiper-slide-banner {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 550px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 540px
}

.wrap-main-swiper .swiper-slide-mp4 video {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%,-50%)
}

.wrap-main-swiper .content-slide {
    padding: 0;
    font-size: 18px;
    max-width: 560px;
    position: relative;
    z-index: 20
}

.wrap-main-swiper .content-slide .slogan {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 120%;
    color: #020814;
    font-size: 42px;
    font-weight: 500;
    line-height: 60px
}

.wrap-main-swiper .content-slide .sub-slogan {
    opacity: .8;
    margin-bottom: 3rem;
    padding-right: 50px
}

.wrap-main-swiper .content-slide .btn {
    padding: 0;
    line-height: 48px;
    min-width: 180px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600
}

.wrap-main-swiper .content-slide img {
    position: absolute;
    left: 50px;
    top: -70px;
    max-height: 700px;
    z-index: -1
}

.swiper-pagination-bullets {
    text-align: left!important;
    top: -120px
}

.swiper-pagination-bullet {
    cursor: pointer;
    margin: 0 3px;
    border-radius: .5rem!important;
    opacity: 1!important;
    width: 40px!important;
    height: 5px!important;
    background-color: #fff!important
}

.swiper-pagination-bullet-active {
    background-color: var(--primary)!important
}

.swiper-media {
    z-index: 100;
    width: 100%;
    z-index: 2;
    position: relative;
    z-index: 100;
    position: absolute;
    width: 100%;
    bottom: 80px
}

.swiper-media-items {
    overflow: hidden;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1.5px solid #fff;
    background-color: rgba(255,255,255,.6);
    box-shadow: 0 4px 33px rgb(190 196 207 / 28%);
    display: flex;
    align-items: center
}

.swiper-media-item {
    flex: 1;
    color: #4a5072;
    height: 110px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 1.3rem
}

.swiper-media-item:after {
    content: '';
    right: 0;
    top: 50%;
    width: 1px;
    height: 50px;
    background-color: #ebf0fc;
    position: absolute;
    margin-top: -25px
}

.swiper-media-item:hover {
    color: #4a5072;
    text-decoration: none
}

.swiper-media-item img {
    max-width: 43px
}

.swiper-media-item .media-body {
    margin-left: 1.3rem
}

.swiper-media-item .media-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #282c33;
    margin-bottom: 5px
}

.swiper-media-item .media-text {
    line-height: 24px;
    color: #9599a8;
    font-size: 14px
}

.swiper-media-item:last-child:after {
    display: none
}

.main-header {
    text-align: center;
    margin-bottom: 4rem
}

.main-products-menu {
    border-bottom: 2px solid #e7e8ef
}

.main-products-menu .nav .nav-link {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: -2px
}

.main-products-menu .nav .nav-link.active {
    color: #096eff;
    border-radius: 0;
    box-shadow: inset 0 -2px 0 0 #096eff;
    background-color: transparent
}

.main-products {
    padding-top: 120px!important;
    background: #f4f4f8;
    background-size: 1920px 610px;
    background-position: center;
    background-image: url("../img/vit4w.png")
}

.main-products-body {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%)
}

.main-products-body.style2 {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.product-detail {
    display: flex
}

.product-detail-side {
    width: 378px;
    padding-right: 48px;
    margin-bottom: 0
}

.product-detail-main {
    flex: 1
}

.product-recommend {
    background-color: #f3f5f8;
    background-image: url("../img/w45wr.webp"),linear-gradient(180deg,#f3f5f8,#fff 178px,#fff);
    background-size: 340px auto,auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 18px;
    box-sizing: border-box;
    height: 150px;
    position: relative;
    margin-bottom: 2rem
}

.product-recommend:last-child {
    margin-bottom: 0
}

.product-recommend-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.product-recommend-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000
}

.product-recommend-title {
    font-weight: 500;
    font-size: 20px;
    color: inherit;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.product-recommend:hover .product-recommend-title {
    color: #0052d9
}

.product-recommend-desc {
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-recommend-btns {
    margin-top: 16px;
    display: flex;
    position: relative;
    z-index: 2
}

.product-recommend-btns .btn:first-child {
    margin-left: 0;
    position: relative
}

.product-recommend-btns .btn {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
    padding: 0 12px;
    height: 36px;
    line-height: 36px
}

.product-detail-lists {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(3,auto)
}

.clientarea-body .product-detail-lists {
    grid-gap: 1rem
}

.product-detail-list:hover {
    text-decoration: none
}

.product-detail-list-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000
}

.product-detail-list:hover .product-detail-list-title {
    color: #0052d9
}

.product-detail-list-title {
    font-weight: 500;
    font-size: 16px;
    color: inherit;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.product-detail-list-desc {
    margin-bottom: 8px;
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-detail-list-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    color: #98a3b7;
    border: 1px solid rgba(157,173,193,.5);
    border-radius: 2px;
    margin-right: 8px
}

.product-detail-list-marks {
    margin-left: 8px;
    white-space: nowrap
}

.product-detail-list-bubble {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.product-detail-list-bubble:last-child {
    margin-right: 0
}

.product-detail-list-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #f64041;
    border-radius: 2px;
    border-bottom-left-radius: 0
}

.product-detail-list-bubble-inner:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent #f64041 #f64041 transparent;
    border-style: solid;
    border-width: 2px 3px
}

.page-product-aside {
    padding-right: 0
}

.page-product-body-aside {
    height: 483px;
    padding: 28px 32px;
    background-color: #077cff;
    background-image: url("../img/bg-product-aside.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box
}

.page-product-body-title {
    line-height: 32px;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 16px
}

.page-product-body-data {
    color: #fff;
    margin: 0 0;
    padding: 0;
    list-style: none
}

.page-product-body-data li {
    line-height: 24px;
    font-size: 14px
}

.page-product-body-data li+li {
    margin-top: 16px
}

.page-product-body-foot {
    margin-top: 46px
}

.page-product-body-foot .btn {
    width: 100px
}

.page-product-list [class*=col-] {
    padding: 0;
    border-right: 1px solid #e5e8ed;
    border-bottom: 1px solid #e5e8ed
}

.page-product-list [class*=col-]:nth-child(2n) {
    padding-right: 15px;
    border-right: none
}

.page-product-list [class*=col-]:nth-child(5n),.page-product-list [class*=col-]:nth-child(6n) {
    border-bottom: none
}

.page-product-card {
    padding: 25px;
    display: block
}

.page-product-card:hover {
    color: inherit;
    text-decoration: none;
    box-shadow: 0 4px 8px 0 rgb(0 110 255 / 12%)
}

.page-product-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}

.page-product-card-title {
    color: #333;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

.page-product-card-price {
    color: #ff7900;
    font-weight: 500;
    font-size: 16px
}

.page-product-card-desc {
    color: #999
}

.page-product-card-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

.page-product-card-body ul li {
    flex: 1;
    color: #000
}

.page-product-card-body ul li span {
    display: block;
    color: #999;
    line-height: 24px;
    font-size: 12px
}

.left-tools {
    display: flex;
    align-items: center
}

.left-tools>.btn {
    margin-right: .8rem
}

.left-tools .btn-default {
    border-color: #aaa;
    background-color: transparent
}

.right-tools {
    display: flex;
    align-items: center
}

.right-tools button {
    border: 0 none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 18px
}

.changeViews {
    margin-left: 1.5rem
}

.changeViews {
    display: flex;
    overflow: hidden;
    border-radius: .25rem
}

.changeViews>button {
    border: 0 none;
    cursor: pointer;
    flex: 1 1 50%;
    background-color: #fff
}

.changeViews>button.active,.changeViews>button:focus,.changeViews>button:hover {
    color: var(--primary);
    outline: 0;
    background-color: #a8bff2
}

.main-solution {
    background-size: cover;
    background-image: url("../img/9r9c9.png")
}

.main-solution-body .main-solution-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 180px;
    padding: 0 16px 0 26px;
    position: relative;
    margin-bottom: 3rem;
    border-radius: .5rem;
    background-color: #fbfcfd;
    transition: all .3s ease-in-out;
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%)
}

.main-solution-body .main-solution-item:hover {
    background-color: #fff;
    transform: translateY(-20px)
}

.main-solution-body .main-solution-item img {
    width: 110px
}

.main-solution-body .main-solution-item h4 {
    margin-bottom: 16px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500
}

.main-solution-body .main-solution-item p {
    line-height: 22px;
    color: #848b99;
    margin-bottom: 0
}

.main-services-item {
    padding: 50px 28px;
    height: 400px;
    overflow: hidden;
    border-radius: .8rem;
    box-sizing: border-box;
    background-size: 110%;
    transition: all .3s ease-in-out;
    background-position: bottom;
    background-color: #e5eaf6
}

.main-services-item:hover {
    transform: translateY(-20px)
}

.main-services-item-1 {
    background-image: url("../img/simple_bg.png")
}

.main-services-item-1:hover {
    background-image: url("../img/simple_hover_bg.png")
}

.main-services-item-2 {
    background-image: url("../img/data_bg.png")
}

.main-services-item-2:hover {
    background-image: url("../img/data_hover_bg.png")
}

.main-services-item-3 {
    background-image: url("../img/intelligence_bg.png")
}

.main-services-item-3:hover {
    background-image: url("../img/intelligence_hover_bg.png")
}

.main-services-item-4 {
    background-image: url("../img/export_bg.png")
}

.main-services-item-4:hover {
    background-image: url("../img/export_hover_bg.png")
}

.intl-map {
    position: relative
}

.intl-map-object {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 92.2882%;
    box-sizing: border-box;
    z-index: 2
}

.intl-map-bg-pc {
    position: relative;
    padding-top: 48.944%;
    width: 100%;
    height: 0;
    font-size: 0;
    box-sizing: border-box
}

.intl-map-bg-pc img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.intl-map-bg-mb {
    display: none
}

.intl-map-dot-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.intl-map-dot-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.intl-map-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    cursor: pointer
}

.intl-map-dot::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    visibility: hidden;
    opacity: 0
}

.intl-map-dot-layer,.intl-map-dot::after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    transform: translate(-50%,-50%)
}

.intl-map-dot-group.anim .intl-map-dot-layer {
    animation: fadeIn .3s ease-out forwards
}

.intl-map-dot.active .intl-map-dot-layer,.intl-map-dot:hover .intl-map-dot-layer {
    opacity: 0;
    visibility: hidden
}

.intl-map-dot.active::after,.intl-map-dot:hover::after {
    opacity: 1;
    visibility: visible;
    animation: fadeInLarger .5s ease-out forwards
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        width: 6px;
        height: 6px
    }

    100% {
        opacity: 1;
        width: 22px;
        height: 22px
    }
}

@keyframes fadeInLarger {
    0% {
        width: 22px;
        height: 22px
    }

    100% {
        width: 36px;
        height: 36px
    }
}

.intl-map-dot.style-1 {
    background: #006eff
}

.intl-map-dot.style-1 .intl-map-dot-layer,.intl-map-dot.style-1::after {
    background: rgba(0,110,255,.1);
    border-color: rgba(0,110,255,.2)
}

.intl-map-dot.style-2 {
    background: #ff7800
}

.intl-map-dot.style-2 .intl-map-dot-layer,.intl-map-dot.style-2::after {
    background: rgba(255,120,0,.1);
    border-color: rgba(255,120,0,.2)
}

.intl-map-dot-tit {
    position: absolute;
    top: 50%;
    line-height: 1;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    transform: translateY(-50%)
}

.intl-map-dot-tit.pos-left {
    margin-right: 4px;
    right: 100%
}

.intl-map-dot-tit.pos-right {
    margin-left: 4px;
    left: 100%
}

.intl-map-bubble {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 12px;
    width: 200px;
    text-align: center;
    transition: .3s all ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    pointer-events: none;
    box-sizing: border-box
}

.intl-map-bubble-inner {
    position: static!important;
    left: 50%;
    top: 50%;
    min-width: 196px;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #006eff;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(3,27,78,.12);
    box-sizing: border-box
}

.intl-map-bubble-tit {
    line-height: 24px;
    font-size: 14px;
    color: #006eff;
    background: #ebf4ff;
    border-radius: 4px 4px 0 0;
    padding: 8px 16px;
    font-weight: 500
}

.intl-map-bubble-detail {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    padding: 8px 16px
}

.intl-map-bubble-detail-item {
    margin-bottom: 4px
}

.intl-map-bubble-detail-item::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.intl-map-bubble-detail-tip {
    float: right;
    margin-left: 16px
}

.intl-map-bubble-detail-main {
    overflow: hidden
}

.intl-map-bubble-inner::after,.intl-map-bubble-inner:before {
    content: "";
    position: absolute;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 8px dashed transparent;
    border-top-style: solid;
    box-sizing: border-box
}

.intl-map-bubble-inner::before {
    border-top-color: #006eff
}

.intl-map-bubble-inner::after {
    margin-top: -2px;
    border-top-color: #fff
}

.intl-map-dot.activ,.intl-map-dot:hover {
    z-index: 3
}

.intl-map-dot.active .intl-map-bubble,.intl-map-dot:hover .intl-map-bubble {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.intl-map-main {
    position: absolute;
    left: 0;
    bottom: 20px
}

.intl-map-data-item+.intl-map-data-item {
    margin-top: 20px
}

.intl-map-data-tit {
    line-height: 32px;
    font-size: 32px;
    color: #000;
    font-weight: 700
}

.intl-map-data-desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #000
}

.intl-map-explain {
    margin-top: 40px
}

.intl-map-explain-item+.intl-map-explain-item {
    margin-top: 12px
}

.intl-map-explain-item {
    position: relative;
    padding-left: 32px
}

.intl-map-explain-item .intl-map-dot {
    position: absolute;
    top: 9px;
    left: 9px
}

.intl-map-explain-item .intl-map-dot-layer {
    width: 24px;
    height: 24px
}

.intl-map-explain-text {
    line-height: 24px;
    font-size: 14px;
    color: #000
}

.intl-map-annotations2 {
    display: none
}

.intl-map-annotations {
    margin-top: 40px
}

.intl-map-annotations-text {
    max-width: 266px;
    color: rgba(255,255,255,.7);
    font-size: 14px;
    line-height: 18px
}

.sidebar-sticky {
    height: 100%;
    background-color: #1e222d
}

.sidebar-sticky .nav-title {
    padding: 18px 0 5px 20px;
    color: #7c878e;
    font-size: 12px
}

.sidebar-sticky .nav-link {
    color: #c1c6c8;
    padding: 9px 0 9px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px
}

.sidebar-sticky .nav-link i {
    color: #7c878e;
    margin-right: 8px;
    font-size: 20px;
    text-align: center
}

.sidebar-sticky .nav-link span:first-child {
    flex: 1
}

.sidebar-sticky .nav-link:hover {
    background-color: #262f3e
}

.sidebar-sticky .nav-link.active {
    color: #fff;
    background-color: var(--primary)
}

.sidebar-sticky .nav-link.active i {
    color: #fff
}

.side-white .sidebar-sticky {
    border-right: 1px solid #f0f1f3;
    background: #fff;
    box-shadow: 4px 0 8px 0 rgba(0,0,0,.02)
}

.side-white .sidebar-sticky .nav-link {
    color: #7c878e
}

.side-white .sidebar-sticky .nav-link:not(.active):hover {
    background-color: #165dff2e;
    color: #165dff
}

.side-white .sidebar-sticky .nav-link:not(.active):hover i {
    color: #165dff
}

.side-white .sidebar-sticky .nav-link.active {
    color: #fff
}

.page-container {
    height: 100%;
    position: relative
}

.page-body {
    transition: all cubic-bezier(.4,0,.2,1) .2s;
    position: absolute;
    left: 200px;
    top: 0;
    right: 0;
    bottom: 0
}

.page-body .card {
    border-color: #eef0f8
}

.page-side {
    position: fixed;
    top: 60px;
    width: 200px;
    display: inline-block;
    height: 100%;
    vertical-align: top
}

.subtop {
    padding: 140px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/banner/1.png");
    padding-top: 140px;
    background-position: top right
}

.subtop.cloud,.subtop.ec,.subtop.vps {
    background-image: url("../img/banner/banner1.png")
}

.subtop .subtop-info {
    color: #fff;
    font-size: 16px
}

.subtop .subtop-title {
    color: #181818;
    font-family: PingFang SC;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    height: 52px;
    letter-spacing: .002em;
    line-height: 52px
}

.subtop-info p {
    color: hsla(0,0%,9%,.8);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    width: 100%
}

.subtop .subtop-title small {
    font-size: 20px;
    margin-left: 1rem
}

.pages-actindex {
    background-color: #fff
}

.act-hd {
    margin-bottom: 4rem
}

.act-title {
    font-size: 28px;
    color: #16181a;
    line-height: 48px;
    font-weight: 500
}

.act-tit-dazzing {
    color: #0052d9;
    position: relative;
    display: inline-block
}

.act-tit-routine::before {
    content: ""
}

.act-desc {
    font-size: 16px;
    color: #666;
    line-height: 22px
}

.actindex-hd {
    margin-top: -60px
}

.act-selllist-item {
    height: 180px;
    border: 1px solid #e5e8ed;
    box-shadow: 0 2px 4px 0 rgb(178 178 178 / 20%);
    box-sizing: border-box;
    padding: 16px 20px;
    position: relative;
    margin-bottom: 2rem;
    background-color: #fff;
    cursor: pointer
}

.act-selllist-item:hover {
    padding-top: 15px;
    transform: translate(0,-1px);
    border: 1px solid #0052d9
}

.act-selllist-item-first {
    color: #fff;
    padding: 2rem 20px;
    background-size: cover;
    background-image: url("../img/act/k97nc.png")
}

.act-selllist-item-first:hover {
    padding-top: 2rem
}

.act-selllist-item-first .act-selllist-tit {
    color: #fff;
    border-bottom: 0 none
}

.act-selllist-item-first .act-selllist-subtit {
    color: rgba(255,255,255,.8)
}

.act-selllist-link {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: auto
}

.act-selllist-tit-tag {
    margin-left: -46px;
    display: inline-block;
    padding-left: 8px;
    width: 38px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    vertical-align: middle;
    background-image: url("../img/hot.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 18px
}

.act-selllist-tit-tag-con {
    background-color: #ff6000;
    height: 18px;
    line-height: 18px;
    width: 100%;
    display: none;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center
}

.act-selllist-icon {
    position: absolute;
    width: 158px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/5wjtu.svg")
}

.act-selllist-con {
    height: 100%;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding-bottom: 56px;
    pointer-events: none
}

.act-selllist-tit {
    white-space: nowrap;
    white-space: nowrap;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #eaedf4;
    color: #000;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    transition: color .2s linear
}

.act-selllist-tit-txt {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding-right: 46px
}

.act-selllist-subtit {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.act-selllist-code {
    position: absolute;
    left: 0;
    bottom: 0
}

.act-selllist-promocode {
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase
}

.act-selllist-promocode .act-selllist-warm-txt {
    font-size: 14px
}

.act-selllist-price {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.act-selllist-warm-txt {
    color: #ff6000
}

section#main-body {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 60px;
    height: 100%
}

.main-content {
    margin-bottom: 0
}

.main-content .card {
    margin-bottom: 1.5rem
}

.main-content h3.card-title {
    font-size: 1.25rem;
    font-weight: 400
}

.main-content .form-check {
    padding-left: 0
}

.bootstrap-switch.bootstrap-switch-mini,.bootstrap-switch.bootstrap-switch-small {
    min-width: 55px;
    line-height: auto
}

.marketing-email-optin {
    padding: 20px;
    margin: 0 0 20px 0;
    background-color: #f8f8f8;
    border-radius: 3px
}

#registration label {
    font-weight: 400;
    font-size: 16px
}

#registration .checkbox {
    margin-top: 0;
    margin-bottom: 20px
}

.checkbox label,.radio label {
    padding-left: 0
}

.bg-theme .card {
    margin-bottom: 22px;
    border: 0 solid #f1f2f3;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 3%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.bg-theme .card .card-header {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 24px
}

.bg-theme .card .card-header .btn:hover {
    color: #fff
}

.bg-theme .card .card-header .card-title {
    color: #666;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-text-1);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

.bg-theme .card .card-body {
    padding: 1rem 1.25rem;
    position: relative;
    max-height: inherit;
    overflow: hidden
}

.bg-theme .card .card-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.bg-theme .card .card-body ul li.list-group-item {
    padding: 10px 1.25rem;
    border: 0 none;
    border-bottom: 1px solid #f1f2f3
}

.bg-theme .card .card-body li.list-group-item .date {
    color: #aaa
}

.bg-theme .card .card-body li h5 {
    color: #333;
    font-size: 1rem;
    margin-bottom: 0
}

.bg-theme .card .card-body li a {
    display: block
}

.bg-theme .card .card-body a,.bg-theme .card .card-body a:hover {
    text-decoration: none
}

.bg-theme .card-item {
    display: flex;
    margin: .5rem 0 .75rem;
    padding: 10px;
    border: 1px solid rgba(234,237,241,.8);
    border-radius: 4px
}

.bg-theme .card-item .card-item-icon {
    height: 48px;
    width: 48px;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1
}

.bg-theme .card-item .card-item-title {
    color: #020814;
    margin-bottom: 4px
}

.bg-theme .card-item:hover .card-item-title {
    color: #076dff
}

.bg-theme .card-item .card-item-info {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: flex-start;
    word-break: break-word
}

.home-billing-recent {
    display: flex
}

.consumption-infos {
    flex: 0 0 28.57143%;
    min-width: 200px;
    width: 28.57143%;
    display: flex;
    flex-direction: column
}

.consumption-info {
    background-color: #f6f8fa;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    height: 110px;
    margin-top: 16px;
    padding: 16px 20px
}

.consumption-info:first-child {
    margin-top: 0;
    height: auto;
    background-color: #f0f0ff;
    border: 1px solid #f0f0ff
}

.consumption-chart {
    margin-left: 24px;
    flex: 0 0 71.42857%;
    max-width: calc(100% - 200px);
    width: 71.42857%
}

.consumption-info {
    color: #888
}

.consumption-info span {
    color: #333
}

.current-month-number {
    margin: 16px 0 10px 0;
    font-size: 20px;
    color: #333;
    font-family: TCloudNumber
}

.last-month-number {
    margin-top: 10px;
    font-size: 14px
}

ul.reward-primary {
    display: flex
}

ul.reward-primary>li {
    flex: 1;
    border-right: 1px solid #ebebeb;
    text-align: center
}

ul.reward-primary>li:last-child {
    border-right: 0
}

ul.reward-primary>li .money {
    color: #333;
    font-size: 2rem;
    font-family: TCloudNumber
}

ul.reward-primary>li .symbol {
    font-size: 14px
}

ul.reward-primary>li .money-label {
    font-size: 12px;
    color: rgba(85,85,85,.5)
}

ul.reward-secondary {
    margin-top: 20px
}

ul.reward-secondary>li {
    display: flex;
    position: relative;
    line-height: 24px;
    font-size: 12px
}

ul.reward-secondary>li .money-label {
    color: #333;
    flex: 1;
    color: #888;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-aff .links {
    margin-top: 16px;
    text-align: center
}

.item-aff .inner {
    font-size: 12px;
    margin-top: 16px;
    margin-right: -17px;
    margin-left: -17px;
    padding: 12px 16px;
    color: #555;
    background-color: #ebf4fb
}

.no-data {
    min-height: 300px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column
}

.no-data .icon-holder {
    background-image: url("../img/icon-no-openorder.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px
}

.avatar {
    border-radius: 50%;
    overflow: hidden
}

.avatar-sm {
    width: 24px;
    height: 24px
}

.avatar-md {
    width: 48px;
    height: 48px
}

.avatar-lg {
    width: 64px;
    height: 64px
}

.avatar img {
    max-width: 100%
}

.card-body-info {
    display: flex;
    align-items: center;
    background-image: url("../img/avatar-bg.svg");
    background-position: 110px 14px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 1.5rem
}

.funds-item-info {
    display: flex;
    align-items: center;
    padding-bottom: 2rem
}

.funds-item-label {
    color: #4e5969;
    padding: 1px 8px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #dde2e9,0 2px 1px rgba(0,0,0,.08);
    border: 0 none;
    background-color: #f6f8fa;
    margin-right: 8px
}

.funds-item-top {
    display: flex;
    align-items: center
}

.funds-item-top small {
    margin-left: 1rem
}

.funds-item-other {
    display: flex;
    margin: 0 -20px
}

.funds-item {
    flex: 1;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none
}

.funds-item:last-child {
    margin-right: 0
}

.funds-item:hover {
    text-decoration: none
}

.funds-item-header {
    font-size: 13px;
    color: #888;
    line-height: 1.5
}

.funds-item .funds-num {
    color: #000;
    font-size: 20px;
    font-family: TCloudNumber
}

.funds-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.funds-header h5 {
    font-size: 12px
}

.main-top {
    background-color: #fff;
    margin: 0;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaedf1
}

.main-top>.container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-top h1 {
    color: #2a2e36;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0
}

.main-top h1 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 10px;
    font-size: 1rem
}

.main-top .breadcrumb {
    color: #4d5460;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent
}

.main-top .breadcrumb a {
    color: #a6abaf
}

@media (min-width: 992px) and (max-width:1199px) {
    .invoice-container>div:last-child:not(.col-md-3) {
        width:242px!important
    }
}

.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255,255,255,.1)
}

.invoice-logo img {
    max-width: 280px
}

.invoice-top ul>li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right
}

.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2
}

.invoice-status {
    color: #fff
}

.invoice-status .status-id {
    padding-left: 44px!important
}

.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right
}

.invoice-status.status-md .status-label {
    font-weight: 700
}

.panel-invoice .list-address,.panel-invoice address {
    font-size: 13px
}

.invoice-info h5 {
    font-size: 14px;
    font-weight: 700
}

.form-actions table,.form-actions table>tbody,.form-actions table>tbody>tr,.form-actions table>tbody>tr>td,.form-actions table>tbody>tr>td>form {
    display: block;
    width: 100%
}

.form-actions table>tbody>tr>td:first-child {
    margin-bottom: 8px
}

.invoice-table .table>tbody>tr>td,.invoice-table .table>tbody>tr>th,.invoice-table .table>tfoot>tr>td,.invoice-table .table>tfoot>tr>th,.invoice-table .table>thead>tr>td,.invoice-table .table>thead>tr>th {
    padding-left: 0
}

.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0 none
}

.table .table-summary>tr>td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none
}

@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left:-20px;
        margin-right: -20px
    }

    .panel-invoice [class*=col-] {
        padding-left: 20px;
        padding-right: 20px
    }

    .panel-invoice .table>tbody>tr>td,.panel-invoice .table>tfoot>tr>td,.panel-invoice .table>thead>tr>th {
        padding: 10px 25px
    }

    .panel-invoice .table>tbody>tr>td:first-child,.panel-invoice .table>tfoot>tr>td:first-child,.panel-invoice .table>thead>tr>th:first-child,.panel-invoice>.panel-body>h4,.panel-invoice>.panel-body>p {
        padding-left: 0
    }

    .panel-invoice .table>tbody>tr>td:last-child,.panel-invoice .table>tfoot>tr>td:last-child,.panel-invoice .table>thead>tr>th:last-child,.panel-invoice>.panel-body>h4,.panel-invoice>.panel-body>p {
        padding-right: 0
    }

    .status-label {
        padding: 0 20px
    }

    .invoice-status,.invoice-top {
        margin-bottom: 40px
    }

    .invoice-info {
        margin-bottom: 20px
    }

    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px
    }

    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px
    }

    .invoice-taxitem {
        margin: -30px 0 40px
    }
}

@media (max-width: 767px) {
    .invoice-status {
        padding-left:54px;
        margin: 0 0 20px -40px
    }

    .invoice-status .status-id {
        padding-left: 10px!important
    }

    .invoice-status .status-label {
        padding-left: 20px
    }

    .invoice-invoicedto,.invoice-payto {
        margin-bottom: 20px!important
    }

    .invoice-top {
        margin-bottom: 32px!important
    }

    .invoice-taxitem {
        margin: -10px 0 20px
    }

    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px
    }

    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px
    }

    .panel-invoice h4 {
        margin-bottom: 10px
    }

    .invoice-table .table>tbody>tr,.invoice-table .table>thead>tr th {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .invoice-table .table>tbody>tr .amount-col {
        line-height: 32px
    }

    .table-summary tr {
        width: 100%;
        padding: 10px 0
    }

    .table-summary tr:after {
        display: block;
        content: "";
        clear: both
    }

    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px!important
    }
}

@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding:24px
    }

    .invoice-logo {
        text-align: center;
        margin-bottom: 20px
    }

    .invoice-logo img {
        max-width: 200px
    }

    .invoice-top ul>li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left
    }

    .invoice-top ul>li .list-label {
        display: block
    }

    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px
    }

    .invoice-status .status-id {
        padding-left: 10px!important
    }

    .invoice-status .status-label {
        padding-left: 20px
    }

    .main-top {
        display: flex;
        flex-direction: column;
        align-items: start
    }
}

.products-lists {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgb(54 58 80 / 32%)
}

.products-row {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e8eaf0;
    transition: background-color .1s linear
}

.products-row:hover {
    background-color: #eceef2
}

.products-row.products-head {
    border-bottom: 1px solid #cfd5de
}

.products-row.products-foot {
    align-items: center;
    justify-content: space-between
}

.products-row.products-foot:hover,.products-row.products-head:hover {
    background-color: transparent
}

.products-row.products-head .products-cell {
    font-weight: 600;
    padding: .8rem .5rem;
    color: rgba(0,0,0,.4)
}

.products-row.products-foot .products-cell {
    width: 100%;
    padding: 1rem;
    flex-direction: unset
}

.products-row.products-foot .products-cell:nth-child(2) {
    justify-content: end
}

.products-row.products-foot .products-cell .page-link {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 24px
}

.products-row.products-foot .products-cell .page-link.prev {
    border-radius: 2px 0 0 2px
}

.products-row.products-foot .products-cell .page-link.next {
    border-radius: 0 2px 2px 0
}

.products-cell {
    font-size: 12px;
    width: 15%;
    padding: 1rem .5rem;
    color: rgba(0,0,0,.7);
    display: flex;
    position: relative
}

.ip-div {
    display: flex;
    align-items: center
}

.ip-div .bi-clipboard {
    display: none
}

.products-row:hover .ip-div .bi-clipboard {
    display: inline-block
}

.ip-tag {
    height: 18px;
    min-width: 35px;
    display: block;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #dbdee3;
    border-radius: 2px;
    background-color: #fbfbfc;
    color: #aaa;
    transform: scale(.8);
    margin-right: 2px;
    padding: 0 4px;
    text-transform: uppercase
}

.products-cell:first-child {
    width: 30px
}

.products-cell:nth-child(2) {
    flex-direction: column
}

.products-cell:nth-child(3),.products-cell:nth-child(4),.products-cell:nth-child(5),.products-cell:nth-child(6) {
    width: 110px
}

.products-cell .fa-os {
    width: 16px;
    height: 16px;
    background-size: 100%
}

.products-cell .iti-flag {
    margin-top: 2px
}

.products-grid {
    background-color: transparent;
    box-shadow: none;
    overflow: unset
}

.products-grid .products-lists-bd {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(3,auto)
}

.products-grid .products-row.products-foot,.products-grid .products-row.products-head {
    display: none
}

.products-grid .products-row {
    overflow: hidden;
    background-color: #fff;
    display: unset;
    position: relative;
    height: 150px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgb(54 58 80 / 32%)
}

.products-grid .products-cell {
    position: absolute;
    padding: 1rem 1rem;
    width: auto
}

.products-grid .products-cell .ip-div.PrivateIP {
    display: none
}

.products-grid .products-cell:nth-child(2) {
    left: 30px
}

.products-grid .products-cell:nth-child(3) {
    right: 0
}

.products-grid .products-cell:nth-child(4) {
    top: 50px;
    left: 30px
}

.products-grid .products-cell:nth-child(5) {
    top: 50px;
    left: 130px
}

.products-grid .products-cell:nth-child(6) {
    top: 50px;
    left: 230px
}

.products-grid .products-cell:nth-child(7) {
    bottom: 0;
    right: 0
}

.products-grid .products-cell:nth-child(8) {
    left: 0;
    bottom: 0;
    flex-direction: unset!important
}

.products-grid .products-cell:nth-child(8)>div {
    margin-right: .5rem
}

.products-grid .products-cell:nth-child(9) {
    display: none
}

.btn-return-to-admin {
    right: 150px;
    bottom: 0;
    top: unset;
    transform: unset;
    border-radius: .25rem .25rem 0 0!important
}

.table-container {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 3%)
}

div.dataTables_wrapper div.dataTables_info {
    padding: 1rem!important;
    color: #333;
    font-weight: 400
}

div.dataTables_wrapper div.dataTables_filter label {
    padding: 0;
    margin-bottom: 0
}

.dataTables_wrapper .dataTables_length {
    height: 55px
}

.dataTables_wrapper .dataTables_length label {
    padding: 0 10px
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: 10px
}

.dataTables_wrapper .dataTables_filter label .form-control {
    margin: 7px 10px 0 0;
    background-position: left 10px center;
    background-size: auto 15px;
    padding-left: 40px!important
}

.dataTables_wrapper table.table-list {
    border: 0;
    border-top: 0 none;
    border-bottom: 1px solid #f0f2f2;
    border-radius: 0;
    margin: 0!important
}

.dataTables_wrapper table.table-list thead th {
    color: #34474d;
    font-weight: 600;
    background-color: #f8f8f9;
    border: 0;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    text-align: left;
    border-radius: 0!important
}

table.dataTable>thead .sorting:after,table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc_disabled:before {
    bottom: 15px!important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    top: auto!important
}

table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after {
    content: "\f0dd"!important
}

table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before {
    content: "\f0de"!important
}

.dataTables_wrapper table.table-list tbody td:first-child,.dataTables_wrapper table.table-list thead th:first-child {
    padding-left: 1.5rem
}

.dataTables_wrapper table.table-list tbody tr:first-child td {
    border-top: 0 none
}

.table-list>tbody>tr>td {
    color: #666;
    padding: 1rem;
    border-top: 1px solid #f1f2f2
}

.table-container .dataTables_empty {
    height: 100px;
    vertical-align: middle
}

.table-list>tbody>tr>td .fa-os {
    height: 18px;
    width: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle
}

.table-list>tbody>tr>td a:not([class]) {
    color: #999;
    font-weight: 400;
    text-decoration: none
}

.iti-flag {
    display: inline-block
}

.visible-xs {
    display: none
}

.table-header {
    padding: 20px;
    display: flex;
    align-items: center
}

.table-footer {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff
}

.table-header .btn {
    box-shadow: none;
    background-image: none
}

.table-header .btn-group .btn.active {
    color: #36dba1;
    font-weight: 500;
    background-color: #f8fcfd;
    border-color: #36dba1
}

.table-pages,.table-paginate {
    color: #8e9595;
    font-size: 13px
}

.table-status {
    display: flex
}

.table-status .dropdown {
    margin-right: 10px
}

.table-paginate {
    display: flex;
    align-items: center
}

.table-paginate .dropdown {
    margin-right: 10px
}

.table-paginate .dropdown .btn {
    padding: 5px 25px 5px 10px;
    background-image: none;
    height: 31px
}

.table-paginate .dropdown .btn:after {
    position: absolute;
    top: 7px;
    right: 7px;
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    border: 0 none;
    transform: scale(.8)
}

.table-paginate .dropdown .c-dropdown__menu {
    width: 60px;
    min-width: 60px
}

.table-paginate .pagination {
    margin: 0
}

.table-paginate .pagination .form-control {
    max-width: 40px;
    text-align: center;
    border: 1px solid #edefef;
    border-radius: 4px!important;
    min-height: 28px;
    padding: 0 .25rem;
    font-size: .8em;
    margin-right: 1px
}

.table-paginate .pagination .page-link {
    border: 0 none;
    cursor: pointer
}

.table-paginate .pagination .page-link i {
    font-weight: 600;
    color: #36d29b
}

.table-paginate .pagination .page-link:hover {
    color: #333;
    font-weight: 600;
    background-color: transparent
}

.table-search {
    min-width: 25%;
    position: relative;
    margin-right: 1rem;
    padding-right: 1rem
}

.table-search:after {
    position: absolute;
    content: '';
    border-right: 1px solid #edefef;
    height: 16px;
    top: 50%;
    right: 0;
    margin-top: -8px
}

.table-search i {
    position: absolute;
    color: #3bdba2;
    font-size: 16px;
    font-weight: 600;
    width: 24px;
    height: 24px;
    top: 6px;
    left: 12px
}

.table-search .form-control {
    padding-left: 40px;
    max-height: 32px;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.table-search .form-control::-webkit-input-placeholder {
    color: #b4bebc
}

.table-search .table-search-val {
    z-index: 100;
    width: 400px;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    border: 1px solid #dfe3ea;
    border-radius: 4px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 410px
}

.table-search .table-search-val ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.table-search .table-search-val li {
    border-bottom: 1px solid #dfe3ea
}

.table-search .table-search-val li:last-child {
    border-bottom: 0
}

.table-search .table-search-val li.no-data {
    height: auto;
    margin: 0;
    padding: 15px
}

.table-search .table-search-val li a {
    padding: 10px 15px;
    color: #7f8fa4;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: space-between
}

.table-search .table-search-val li a:hover {
    background-color: #f8fcfd
}

.btn-createHost {
    padding: .215rem 1.125rem;
    border-radius: 6px;
    border-color: #55b291;
    background-color: #36dba1
}

.btn-createHost:active,.btn-createHost:focus,.btn-createHost:hover {
    border-color: #55b291;
    background-color: #55b291
}

.security-title-box {
    padding: 24px;
    background-color: #d0e3ff;
    display: flex;
    justify-content: flex-start
}

.security-title-box .icon-box {
    margin-right: 16px
}

.security-title-box .icon-box .bi {
    color: #084298;
    font-size: 40px;
    line-height: 1
}

.security-title-box .title-info .title {
    color: #1f2533;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px
}

.security-title-box .title-info .sub-title {
    color: #7c8294;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0
}

.security-list {
    padding: 0
}

.security-content {
    min-height: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #eef0f8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.security-line {
    padding: 0 24px
}

.security-line:hover {
    background-color: #fafbfc
}

.security-line:last-child .security-content {
    border-bottom: 0 none
}

.security-line .security-content .icon-title-box {
    display: flex;
    align-items: center;
    margin-right: 12px
}

.security-line .security-content .icon-title-box .icon-box {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.security-line .security-content .icon-title-box .icon-box .bi {
    color: var(--primary);
    font-size: 24px;
    line-height: 1;
    vertical-align: text-top
}

.security-line .security-content .icon-title-box .title-box .line-title {
    color: #40475b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0
}

.security-line .security-content .icon-title-box .title-box .line-desc {
    color: #9ba1b1;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0
}

.security-line .security-content .right-content {
    width: 340px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.security-line .security-content .right-content span {
    margin-right: 16px;
    font-size: 12px;
    font-weight: 500
}

.security-line .security-content .right-content span:last-child {
    margin-right: 0
}

.security-line .security-content .right-content .info-text {
    color: #9aa1b1;
    line-height: 16px
}

.announcement-items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(3,1fr)
}

.announcement-item {
    flex: 1;
    position: relative;
    border-radius: .35rem;
    border: 1px solid #f0f1f3;
    overflow: hidden
}

.announcement-items {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto)
}

.announcement-item a {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-decoration: none;
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: 200px;
    height: 100%
}

.announcement-item h4 {
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.announcement-body {
    font-size: 1.25rem
}

.main-news-body .announcement-items {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(2,auto)
}

.announcement-item:hover {
    transform: translateY(-2px) scale(1.02);
    transition: all .3s ease-in-out
}

.announcement-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.announcement-item:after {
    position: absolute;
    z-index: 2;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.main-news-body .announcement-item a {
    min-height: 180px
}

.announcement-item:first-child {
    grid-column: 1/span 2;
    grid-row: 1/span 2
}

.main-partner-items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(6,1fr)
}

.main-partner-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.main-partner-item img {
    max-height: 100px;
    max-width: 90%;
    opacity: .6;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.main-partner-item:hover img {
    opacity: 1;
    transform: translateY(-2px) scale(1.02)
}

.pageError {
    display: flex;
    align-items: center;
    justify-items: center;
    padding: calc((100vh - 661px)/ 2) 0
}

.pageError .display-1 {
    font-size: 12rem;
    background-image: linear-gradient(to right,#ffcf02,#ff7352);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.pageError lottie-player {
    max-width: 720px;
    max-height: 400px;
    margin: 0 auto
}

.notes .layui-layer-content {
    padding: 25px
}

.notes.layui-layer {
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
}

.notes .layui-layer-title {
    padding: 0 25px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 0 none;
    background-color: transparent
}

.layui-layer-content .form-item-title {
    line-height: 24px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: -20px
}

.notes .layui-layer-setwin {
    top: 10px;
    right: 15px
}

.notes .layui-layer-setwin .layui-layer-close1 {
    font-family: "Font Awesome 5 Pro";
    background-image: none;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa
}

.notes .layui-layer-setwin .layui-layer-close1:before {
    content: "\f00d"
}

.notes .layui-layer-btn {
    display: flex;
    padding: 0 25px 25px
}

.notes .layui-layer-btn>a {
    display: flex;
    flex: 1;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 600;
    margin: 0
}

.notes .layui-layer-btn .layui-layer-btn0 {
    border-color: #087fdf;
    background-color: #087fdf
}

.notes .layui-layer-btn .layui-layer-btn1 {
    margin-left: 20px;
    color: #087fdf;
    border-color: #087fdf
}

.layui-layer-loading .layui-layer-loading2 {
    width: 48px;
    height: 48px;
    background: 0 0;
    border: 3px solid rgba(0,0,0,.15);
    border-top: 3px solid #2d9df3;
    border-radius: 100%;
    vertical-align: text-bottom;
    animation: rotation .6s infinite linear;
    background-image: none!important
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 576px) {
    .table-footer,.table-header {
        display:block
    }

    .table-pages,.table-status {
        margin-bottom: 1rem
    }

    .table-status .btn-group {
        display: flex
    }

    .table-status .btn-group .btn {
        flex: 1
    }

    .table-search .table-search-val {
        width: 100%
    }
}

.status {
    font-weight: 600;
    padding: 0;
    color: #6c757d;
    display: inline-block;
    margin-bottom: 0;
    background-color: transparent
}

.status.status-pending {
    color: #fd7e14
}

.status.status-active,.status.status-completed,.status.status-open,.status.status-paid {
    color: #28a745
}

.status.status-Fraud,.status.status-close,.status.status-terminated,.status.status-unpaid {
    color: #dc3545
}

.status.status-cancelled,.status.status-suspended {
    color: #6c757d
}

.status.status-customer-reply {
    color: #f60
}

.article section#main-body {
    padding-top: 0!important;
    padding-bottom: 0!important;
    background-color: transparent
}

.xs-title h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px
}

.terms-wraper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.647;
    color: #444
}

.terms-wraper:not(:last-child) {
    margin-bottom: 30px
}

.order-list {
    padding-left: 0;
    margin-bottom: 0
}

.order-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.647;
    color: #666;
    list-style: decimal;
    list-style-position: inside
}

.order-list li:not(:last-child) {
    margin-bottom: 10px
}

.tickets-main {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    display: block
}

.tickets-main:focus,.tickets-main:hover {
    text-decoration: none;
    background-color: #fafafa
}

.tickets-main h4 {
    color: #333;
    font-size: 18px;
    margin: 0 0 15px
}

.tickets-main p {
    color: #666;
    margin-bottom: 0
}

#popup-backdrop .main-content {
    padding: 0
}

.sitemap h4 {
    margin: 0;
    font-weight: 400;
    padding-bottom: 18px
}

.sitemap li {
    padding-bottom: 5px
}

.sitemap li a {
    color: #333;
    font-size: 1rem;
    line-height: 1.5
}

.sitemap li .label {
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 .6em .1em
}

.label-update {
    background-color: #3ca6ff
}

.label-new {
    background-color: #cf4f2e
}

.submit-item a {
    display: flex;
    align-items: center;
    border-radius: .5rem;
    border: 1px solid #f0f1f3;
    padding: 1rem 1.5rem;
    text-decoration: none
}

.submit-item a:hover {
    background-color: #f0f1f3
}

.common-tool-icon {
    margin-right: 1.5rem
}

.common-tool-icon i {
    color: var(--primary);
    font-size: 48px
}

.submit-item-title {
    color: #333;
    font-size: 16px
}

.submit-item-text {
    margin-bottom: 0;
    color: #6c757d
}

footer.footer h5 {
    font-size: 16px;
    margin-bottom: 1rem
}

footer.footer a {
    line-height: 26px;
    color: #939699
}

footer.footer .copyright {
    margin: 0;
    font-size: 1rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer.footer .privacy a {
    color: #fff;
    position: relative;
    display: inline-block;
    padding-right: 20px
}

footer.footer .privacy a:after {
    height: 14px;
    position: absolute;
    content: '';
    right: 8px;
    top: 6px;
    width: 1px;
    background-color: #444
}

footer.footer .privacy a:last-child::after {
    display: none
}

div.header-lined h1 {
    margin: 0 0 0 -2px;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 28px;
    line-height: 40px;
    line-height: 1.5
}

div.header-lined h1 small {
    color: #777;
    font-size: 1.25rem;
    margin-left: 1rem
}

div.header-lined .breadcrumb {
    font-size: 14px
}

div.header-lined .breadcrumb>.active {
    color: #666
}

div.header-lined .breadcrumb>.breadcrumb-item>a {
    color: #888
}

div.dataTables_wrapper div.dataTables_length label {
    margin-top: 4px
}

.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #ddd;
    min-width: 50px;
    height: 27px!important;
    line-height: 27px;
    padding: 0 0 0 10px
}

select.form-control {
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none
}

.tickets-main {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    display: block
}

.tickets-main:focus,.tickets-main:hover {
    text-decoration: none;
    background-color: #fafafa
}

.tickets-main h4 {
    color: #333;
    font-size: 18px;
    margin: 0 0 15px
}

.tickets-main p {
    color: #666;
    margin-bottom: 0
}

.ticket-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ticket-action {
    display: flex;
    align-items: center
}

.ticket-cell {
    margin-left: 1.5rem;
    color: #a2a2a2
}

.ticket-cell strong {
    color: #333;
    margin-left: 15px
}

.ticket-detail {
    display: flex;
    padding: 1.5rem 0;
    border-bottom: 1px dashed #d3d3d3
}

.ticket-detail:last-child {
    border-bottom: 0 none
}

.ticket-detail-icon {
    margin-right: 1rem
}

.ticket-detail-icon img {
    width: 40px;
    height: 40px
}

.ticket-detail-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem
}

.ticket-detail-main {
    width: 100%
}

.ticket-detail-message {
    font-size: 12px
}

.ticket-detail-message ol,.ticket-detail-message ul {
    margin: 0 0 1rem;
    padding-left: 25px
}

.ticket-detail-message pre {
    padding: .7rem 1rem;
    margin: 0 0 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border-radius: .25rem
}

.ticket-detail-message blockquote {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    padding: .7rem 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    border-left: 4px solid var(--primary)
}

.ticket-detail-message blockquote p:last-child {
    margin-bottom: 0
}

.ticket-reply .rating,.ticket-reply .rating-done {
    font-size: 18px
}

@media (min-width: 768px) {
    .container {
        max-width:98%
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1340px
    }
}

@media (max-width: 1052px) {
    .nav-item.language {
        display:none
    }
}

@media (max-width: 800px) {
    .space {
        padding-top:30px!important;
        padding-bottom: 30px!important
    }

    .px100 {
        padding-top: 50px!important;
        padding-bottom: 50px!important
    }

    .navbar-collapse {
        background-color: #fff;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        margin-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px
    }

    .footer.footer .back-to-top {
        position: absolute;
        top: 10px;
        right: 10px
    }

    div.dataTables_wrapper div.dataTables_length label {
        float: left
    }

    div.dataTables_wrapper div.dataTables_paginate {
        padding: 5px 0 0
    }

    .navbar-toggle {
        margin: 0;
        position: absolute;
        right: 15px
    }

    .navbar-brand {
        margin: 0
    }

    .header .navbar {
        min-height: 90px
    }

    .header .navbar-toggler {
        color: #333;
        min-height: 36px;
        border: 1px solid #999
    }

    .header .navbar-collapse {
        display: block!important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
        height: 100%;
        width: 240px;
        background-color: #1b70b8;
        transition: transform .24s ease;
        transform: translateX(-240px);
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        height: 100%;
        border: 0
    }

    .header .navbar-collapse.show {
        transform: translateX(0)
    }

    .header .navbar-nav.navbar-right>li>a,.header .navbar-nav>li>a {
        color: #fff;
        text-align: center
    }

    .header .navbar-nav>li>a:hover {
        color: #eee
    }

    .header .navbar-collapse.in {
        transform: translateX(0)
    }

    .product-table td .info,.product-table td .ip-div,.product-table td .ip-tag,.reload .status {
        display: inline-block
    }

    .product-wrap .boxe-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px
    }

    .product-wrap .boxe-title .cost,.product-wrap .boxe-title .name {
        margin: 0
    }

    .product-wrap .boxe .btn {
        display: block
    }

    .product-wrap .boxe dl dt {
        float: inherit
    }

    .product-wrap .boxe dl dd,.product-wrap .boxe dl dt {
        width: 24%;
        min-width: auto;
        display: inline-block
    }

    .product-wrap .boxe dl dd:last-child {
        width: 60%
    }

    .notice .item-list li a {
        height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .item-list li .time {
        display: block;
        float: inherit
    }

    .language {
        display: block;
        border-left: 0 none;
        padding-left: 0;
        margin-top: 15px
    }

    .login-bg {
        display: none
    }

    .login-container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .login-body {
        padding: 2rem
    }

    .login-wrapper {
        min-height: 500px
    }

    .page-side {
        transform: translateX(-300px)
    }

    .page-side.show {
        top: 59px;
        z-index: 100;
        transform: translateX(0);
        transition: transform .2s
    }

    .page-body {
        left: 0
    }

    .home-billing-recent {
        flex-direction: column
    }

    .consumption-info {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 1;
        max-width: 100%
    }

    .consumption-info>* {
        flex: 1
    }

    .consumption-chart {
        width: 100%;
        flex: 1;
        max-width: 100%;
        margin: 0
    }

    .footer-logo,.page-product-aside,.wrap-main-swiper .content-slide img {
        display: none
    }

    .page-product-list [class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
        border: 0 none
    }

    .main-maps {
        overflow: hidden
    }

    .page-product-card {
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%);
        margin-bottom: 2rem
    }

    .main-solution-body .card {
        margin-bottom: 2rem
    }

    .main-products-body {
        border-radius: 0;
        box-shadow: none;
        background-color: transparent
    }

    .wrap-main-swiper .swiper-slide {
        height: 450px;
        background-size: auto 450px
    }

    .wrap-main-swiper .content-slide {
        height: 450px;
        max-height: 450px;
        padding-top: 80px
    }

    .swiper-pagination-bullets {
        top: -50px
    }

    .wrap-main-swiper .content-slide .slogan {
        font-size: 2rem
    }

    .navbar-collapse {
        display: block!important;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 12;
        width: 300px;
        transition: transform .24s ease;
        transform: translateX(-300px);
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        height: 100vh;
        border: 0;
        box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%)
    }

    .navbar-collapse.show {
        transform: translateX(0)
    }

    header .navbar-nav .nav-item .nav-link {
        text-align: center
    }

    .navbar-toggler {
        position: relative
    }

    .navbar-toggler:focus {
        outline: 0
    }

    .navbar-toggler {
        border: 1px solid #dfe1e7
    }

    .navbar-toggler>i {
        color: #dfe1e7
    }

    header .navbar-nav.navbar-nav-right .nav-item .btn {
        margin-top: 1rem;
        line-height: 40px
    }

    header .navbar-nav.navbar-nav-right .nav-item .nav-link {
        line-height: 60px!important
    }

    .dropdown-container.show {
        top: 110px;
        max-height: 100vh
    }

    .dropdown-body-menu {
        display: none
    }

    .dropdown-bd {
        padding: 1rem;
        grid-gap: 1rem;
        grid-template-columns: repeat(1,1fr)
    }

    .body-main-bd-item p {
        display: none
    }

    .card-body-info {
        background-image: none
    }

    .funds-items {
        flex-direction: column
    }

    .funds-item-info {
        width: 100%;
        display: flex;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e8e9f0
    }

    .funds-item-other {
        width: 100%;
        display: grid;
        grid-gap: 0rem;
        grid-template-columns: repeat(2,auto)
    }

    .funds-item {
        width: 100%;
        font-size: 18px;
        padding: 1rem 1.5rem 1rem 0;
        border-left: none;
        border-bottom: 1px solid #e8e9f0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .funds-item .funds-num {
        margin: 0
    }

    .main-top h1 {
        font-size: 1.25rem
    }

    .consumption-info {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(2,auto);
        margin-bottom: 2rem
    }

    .current-month-number,.last-month-number {
        margin: 0;
        font-size: 1.125rem
    }

    .announcement-items {
        display: flex;
        flex-direction: column
    }

    .main-partner-items {
        grid-template-columns: repeat(2,1fr)
    }

    .main-header {
        margin-bottom: 2rem
    }

    .main-title {
        font-size: 1.5rem
    }

    .product-detail {
        flex-direction: column
    }

    .product-detail-side {
        padding-right: 1.5rem
    }

    .product-detail-main {
        margin-top: 1.5rem
    }

    .product-detail-lists {
        grid-gap: 1.5rem;
        grid-template-columns: repeat(1,auto)
    }

    .intl-map-main {
        bottom: -10px
    }

    .swiper-media {
        margin: 2rem 0 0
    }

    .main-services-item {
        height: 300px;
        margin-bottom: 1.5rem
    }

    .swiper-media-items {
        align-items: unset;
        flex-direction: column
    }

    .swiper-media-item {
        padding: 1.5rem
    }

    .swiper-media-item:after {
        right: 0;
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        margin-top: 0;
        margin-left: 50%
    }

    .dataTables_wrapper table.table-list thead {
        display: none
    }

    .dataTables_wrapper table.table-list tbody tr {
        border-top: 1px solid #f1f2f2
    }

    .dataTables_wrapper table.table-list tbody tr td {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        vertical-align: unset;
        white-space: nowrap;
        padding: 1rem!important;
        min-width: 300px;
        border: none!important
    }

    .dataTables_wrapper table.table-list tbody tr td .w-hidden {
        display: inline-block
    }
}

@font-face {
    font-display: swap;
    font-family: TCloudNumber;
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/TCloudNumber-Regular.ttf")
}

@font-face {
    font-family: ucicon-product;
    src: url(./fonts/ucicon-division.eot?v=1656486059844);
    src: url(./fonts/ucicon-division.eot?v=1656486059844) format("embedded-opentype"),url(./fonts/ucicon-division.ttf?v=1656486059844) format("truetype"),url(./fonts/ucicon-division.woff?v=1656486059844) format("woff"),url(./fonts/ucicon-division.svg?v=1656486059844) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-product__"],[class^=icon-product__] {
    font-family: ucicon-product!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-product__"]:before,[class^=icon-product__]:before {
    display: inline-block
}

.icon-product__access-control:before {
    content: "\E001"
}

.icon-product__accessgw:before {
    content: "\E002"
}

.icon-product__account-security:before {
    content: "\E003"
}

.icon-product__account:before {
    content: "\E004"
}

.icon-product__aim5g:before {
    content: "\E005"
}

.icon-product__anycasteip:before {
    content: "\E006"
}

.icon-product__billing:before {
    content: "\E007"
}

.icon-product__caas:before {
    content: "\E008"
}

.icon-product__censor:before {
    content: "\E009"
}

.icon-product__cloudshell:before {
    content: "\E00A"
}

.icon-product__company:before {
    content: "\E00B"
}

.icon-product__consumption-analysis:before {
    content: "\E00C"
}

.icon-product__contract-center:before {
    content: "\E00D"
}

.icon-product__cube:before {
    content: "\E00E"
}

.icon-product__dashboard3:before {
    content: "\E00F"
}

.icon-product__epc-graphics:before {
    content: "\E010"
}

.icon-product__finance:before {
    content: "\E011"
}

.icon-product__firewall:before {
    content: "\E012"
}

.icon-product__globalrdp:before {
    content: "\E013"
}

.icon-product__globalssh:before {
    content: "\E014"
}

.icon-product__gpu:before {
    content: "\E015"
}

.icon-product__hela:before {
    content: "\E016"
}

.icon-product__httpdns:before {
    content: "\E017"
}

.icon-product__invoice:before {
    content: "\E018"
}

.icon-product__iotedge:before {
    content: "\E019"
}

.icon-product__ipsecvpn:before {
    content: "\E01A"
}

.icon-product__isms:before {
    content: "\E01B"
}

.icon-product__library:before {
    content: "\E01C"
}

.icon-product__logo:before {
    content: "\E01D"
}

.icon-product__message-center:before {
    content: "\E01E"
}

.icon-product__message:before {
    content: "\E01F"
}

.icon-product__mongodb:before {
    content: "\E020"
}

.icon-product__mq:before {
    content: "\E021"
}

.icon-product__nat:before {
    content: "\E022"
}

.icon-product__networkacl:before {
    content: "\E023"
}

.icon-product__overview:before {
    content: "\E024"
}

.icon-product__plive:before {
    content: "\E025"
}

.icon-product__qqtc:before {
    content: "\E026"
}

.icon-product__recycle:before {
    content: "\E027"
}

.icon-product__roma:before {
    content: "\E028"
}

.icon-product__routetable:before {
    content: "\E029"
}

.icon-product__safehouse:before {
    content: "\E02A"
}

.icon-product__search-global:before {
    content: "\E02B"
}

.icon-product__secgroup:before {
    content: "\E02C"
}

.icon-product__sharedgpu:before {
    content: "\E02D"
}

.icon-product__shockwave:before {
    content: "\E02E"
}

.icon-product__snapshot:before {
    content: "\E02F"
}

.icon-product__tidb:before {
    content: "\E030"
}

.icon-product__transaction-bill:before {
    content: "\E031"
}

.icon-product__uads:before {
    content: "\E032"
}

.icon-product__uai-behavior:before {
    content: "\E033"
}

.icon-product__uai-exterior:before {
    content: "\E034"
}

.icon-product__uai-face:before {
    content: "\E035"
}

.icon-product__uai-object:before {
    content: "\E036"
}

.icon-product__uai-ubox:before {
    content: "\E037"
}

.icon-product__uai-ucvm:before {
    content: "\E038"
}

.icon-product__uai-ueng:before {
    content: "\E039"
}

.icon-product__uai-uepg:before {
    content: "\E03A"
}

.icon-product__uai-upda:before {
    content: "\E03B"
}

.icon-product__uai-vehicle:before {
    content: "\E03C"
}

.icon-product__uai:before {
    content: "\E03D"
}

.icon-product__uaitrain:before {
    content: "\E03E"
}

.icon-product__uanycastclean:before {
    content: "\E03F"
}

.icon-product__uapi:before {
    content: "\E040"
}

.icon-product__uapigateway:before {
    content: "\E041"
}

.icon-product__uapistore:before {
    content: "\E042"
}

.icon-product__uarchive:before {
    content: "\E043"
}

.icon-product__uas:before {
    content: "\E044"
}

.icon-product__ucamon:before {
    content: "\E045"
}

.icon-product__ucdn:before {
    content: "\E046"
}

.icon-product__ucgs:before {
    content: "\E047"
}

.icon-product__uclickhouse:before {
    content: "\E048"
}

.icon-product__ucloudstack:before {
    content: "\E049"
}

.icon-product__ucloudstor:before {
    content: "\E04A"
}

.icon-product__ucmp:before {
    content: "\E04B"
}

.icon-product__ucnam:before {
    content: "\E04C"
}

.icon-product__udas:before {
    content: "\E04D"
}

.icon-product__udataark:before {
    content: "\E04E"
}

.icon-product__udb:before {
    content: "\E04F"
}

.icon-product__uddb:before {
    content: "\E050"
}

.icon-product__udhost:before {
    content: "\E051"
}

.icon-product__udi:before {
    content: "\E052"
}

.icon-product__udisk:before {
    content: "\E053"
}

.icon-product__udnr:before {
    content: "\E054"
}

.icon-product__udns:before {
    content: "\E055"
}

.icon-product__udocker:before {
    content: "\E056"
}

.icon-product__udoris:before {
    content: "\E057"
}

.icon-product__udpn:before {
    content: "\E058"
}

.icon-product__udts:before {
    content: "\E059"
}

.icon-product__udw:before {
    content: "\E05A"
}

.icon-product__ues:before {
    content: "\E05B"
}

.icon-product__uewaf:before {
    content: "\E05C"
}

.icon-product__ufile:before {
    content: "\E05D"
}

.icon-product__uflink:before {
    content: "\E05E"
}

.icon-product__ufs:before {
    content: "\E05F"
}

.icon-product__ugaa:before {
    content: "\E060"
}

.icon-product__ugc:before {
    content: "\E061"
}

.icon-product__ugn:before {
    content: "\E062"
}

.icon-product__ugroup:before {
    content: "\E063"
}

.icon-product__uhadoop:before {
    content: "\E064"
}

.icon-product__uhas:before {
    content: "\E065"
}

.icon-product__uhids:before {
    content: "\E066"
}

.icon-product__uhive:before {
    content: "\E067"
}

.icon-product__dedicated:before,.icon-product__ec:before,.icon-product__uhost:before {
    content: "\E068"
}

.icon-product__uhub:before {
    content: "\E06A"
}

.icon-product__uhybrid:before {
    content: "\E06B"
}

.icon-product__uhyperbox:before {
    content: "\E06C"
}

.icon-product__uiot:before {
    content: "\E06D"
}

.icon-product__uiotbox:before {
    content: "\E06E"
}

.icon-product__uiotstack:before {
    content: "\E06F"
}

.icon-product__uiw:before {
    content: "\E070"
}

.icon-product__uk8s:before {
    content: "\E071"
}

.icon-product__ukafka:before {
    content: "\E072"
}

.icon-product__ukms:before {
    content: "\E073"
}

.icon-product__ulb:before {
    content: "\E074"
}

.icon-product__ulive:before {
    content: "\E075"
}

.icon-product__ulog:before {
    content: "\E076"
}

.icon-product__umarket:before {
    content: "\E077"
}

.icon-product__umedia:before {
    content: "\E078"
}

icon-product__umem:before {
    content: "\E079"
}

.icon-product__umon:before {
    content: "\E07A"
}

.icon-product__unet:before {
    content: "\E07B"
}

.icon-product__uni:before {
    content: "\E07C"
}

.icon-product__unvs:before {
    content: "\E07D"
}

.icon-product__uodn:before {
    content: "\E07E"
}

.icon-product__uodn2:before {
    content: "\E07F"
}

.icon-product__uol:before {
    content: "\E080"
}

.icon-product__upca:before {
    content: "\E081"
}

.icon-product__uphone:before {
    content: "\E082"
}

.icon-product__uphoneserver:before {
    content: "\E083"
}

.icon-product__server:before,.icon-product__uphost:before {
    content: "\E084"
}

.icon-product__uprivate:before {
    content: "\E085"
}

.icon-product__upro:before {
    content: "\E086"
}

.icon-product__urecord:before {
    content: "\E087"
}

.icon-product__urlm:before {
    content: "\E088"
}

.icon-product__urmp:before {
    content: "\E089"
}

.icon-product__urtc:before {
    content: "\E08A"
}

.icon-product__usa:before {
    content: "\E08B"
}

.icon-product__usdp:before {
    content: "\E08C"
}

.icon-product__user:before {
    content: "\E08D"
}

.icon-product__uslk:before {
    content: "\E08E"
}

.icon-product__uslpe:before {
    content: "\E08F"
}

.icon-product__usmc:before {
    content: "\E090"
}

.icon-product__usnap:before {
    content: "\E091"
}

.icon-product__hgc:before,.icon-product__usql:before {
    content: "\E092"
}

.icon-product__ussg:before {
    content: "\E093"
}

.icon-product__ussl:before {
    content: "\E094"
}

.icon-product__utsdb:before {
    content: "\E095"
}

.icon-product__uvms:before {
    content: "\E096"
}

.icon-product__uws:before {
    content: "\E097"
}

.icon-product__video:before {
    content: "\E098"
}

.icon-product__vip:before {
    content: "\E099"
}

.icon-product__vouchers:before {
    content: "\E09A"
}

.icon-product__vpc:before {
    content: "\E09B"
}

.icon-product__work-order:before {
    content: "\E09C"
}

.icon-product__xzone:before {
    content: "\E09D"
}

.icon-product__xzoneserver:before {
    content: "\E09E"
}

.icon-product__host:before {
    content: "\E049"
}

.icon-product__cdn:before {
    content: "\E059"
}

ul.footer-contact.under-line {
    list-style: none;
    padding: 0
}

@media (max-width: 768px) {
    .product-detail {
        overflow:hidden
    }

    .product-detail-side {
        padding-right: 0
    }

    .product-detail-lists a {
        overflow: hidden
    }
}

section.home-news {
    background: #f5f6f9
}

.home-news .news-item {
    height: auto;
    text-align: left;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
    cursor: pointer;
    padding: 30px;
    min-height: 200px;
    margin-bottom: 20px;
    width: auto;
    display: block
}

.home-news .tagTitle {
    margin-bottom: 16px;
    color: #030a1a;
    font-size: 18px;
    line-height: 24px
}

.home-news .content-summary {
    color: #020814;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    min-height: 60px
}

.article-sidebar .sidebar-sticky {
    background: 0 0
}

.icon-product__tiktok:before {
    content: "\E075"
}

.pageError img {
    max-width: 300px;
    margin-bottom: 20px
}

.wrap-main-swiper .swiper-slide-banner {
    background-repeat: no-repeat!important;
    background-size: cover;
    background-position: 50%
}

@media (max-width: 768px) {
    a.product-detail-list {
        background-color:#f3f5f8;
        background-image: url(../img/w45wr.webp),linear-gradient(180deg,#f3f5f8,#fff 178px,#fff);
        background-size: 340px auto,auto;
        background-position: 100% 0;
        background-repeat: no-repeat;
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%),-8px -8px 20px 0 #fff;
        border-radius: 4px;
        padding: 18px;
        box-sizing: border-box;
        height: 150px;
        position: relative
    }
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs .nav-link {
    border: solid transparent;
    border-width: 0 0 2px;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0,0,0,.55);
    padding: 17px 29px 16px
}

.nav-tabs .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent
}

.nav-tabs .nav-link:focus {
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #165dff;
    border-color: #165dff
}

.nav-pills {
    margin-left: -.5rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: #e3ebf7;
    color: #285192
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: auto
}

.ann-card ul.nav.nav-tabs {
    margin-bottom: 5px
}

.clientarea-home .card .card-body li h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.solution-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 28px 24px;
    height: 193px;
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #e6e6e6
}

.solution-item .subtitle {
    margin-bottom: 28px;
    font-weight: 600;
    font-size: 22px;
    line-height: 31px
}

.solution-item p {
    margin-top: 12px;
    z-index: 2;
    margin-bottom: 0
}

.solution-item p a {
    position: relative;
    color: #181818;
    font-size: 14px
}

.solution-item p a i {
    font-size: 20px;
    line-height: 14px;
    vertical-align: text-bottom;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s
}

.solution-item p a:hover i {
    transform: translateX(4px)
}

.solution-item p a>i {
    margin-left: 12px
}

.solution-item .background-box {
    width: 208px;
    height: 193px;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 208px 193px
}

.solution-item:hover {
    position: relative;
    background-color: #02e894;
    background-image: -webkit-linear-gradient(344deg,#02e894,#00ab75);
    background-image: linear-gradient(106deg,#02e894,#00ab75);
    color: #fff
}

.solution-item:hover:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/home/solutionBg.png);
    position: absolute;
    left: 0;
    top: 0
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #d5dce5
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #d5dce5
}

.table tbody+tbody {
    border-top: 2px solid #d5dce5
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #d5dce5
}

.table-bordered td,.table-bordered th {
    border: 1px solid #d5dce5
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgb(52 97 255 / 5%);
    --bs-table-accent-bg: transparent
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #b8d8f3
}

.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
    border-color: #7bb6e9
}

.table-hover .table-primary:hover {
    background-color: #a2ccef
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #a2ccef
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #f5c9c8
}

.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
    border-color: #ec9b99
}

.table-hover .table-secondary:hover {
    background-color: #f1b4b2
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #f1b4b2
}

.table-success,.table-success>td,.table-success>th {
    background-color: #b8d8f3
}

.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
    border-color: #7bb6e9
}

.table-hover .table-success:hover {
    background-color: #a2ccef
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #a2ccef
}

.table-info,.table-info>td,.table-info>th {
    background-color: #d1edf6
}

.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
    border-color: #aadeee
}

.table-hover .table-info:hover {
    background-color: #bce5f2
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #bce5f2
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #fbe8cd
}

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
    border-color: #f7d4a3
}

.table-hover .table-warning:hover {
    background-color: #f9ddb5
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #f9ddb5
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f4cfce
}

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
    border-color: #eba6a3
}

.table-hover .table-danger:hover {
    background-color: #efbbb9
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #efbbb9
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #d5dce5
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255,255,255,.075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.table-masspay {
    margin-top: 20px
}

.table-masspay tr th {
    font-weight: 500
}

.table-masspay tr td h5 {
    font-size: 15px
}

.table-masspay tr td h5 i {
    margin-right: 4px
}

.table-masspay tr td a {
    text-decoration: none
}

.table-masspay .item-description td {
    border: 0 none!important
}

.table-masspay .masspay-total td {
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    padding: 15px 0
}

.table-masspay .masspay-total td.text-right {
    padding-right: 4px
}

.table-container {
    background-color: #fff;
    border: 1px solid #eaedf1;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 4px;
    border-radius: 10px;
    border-radius: 2px
}

.table-container .listtable .table {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.table-container .listtable .table thead th {
    font-weight: 400;
    font-size: 80%;
    border-bottom: 2px solid #d5dce5
}

.table-container .listtable .table thead th[class*=sorting_] {
    border-bottom: 2px solid #3461ff
}

.table-container .listtable .table tbody .col-small {
    width: 45px;
    min-width: 45px
}

.table-container .listtable .table tbody .col-small.center {
    text-align: center
}

.table-container .listtable .table tbody tr {
    cursor: pointer
}

.table-container .listtable .table tbody tr.row-detail ul {
    padding: 0
}

.table-container .listtable .table tbody tr.row-detail ul li {
    list-style-type: none
}

.table-container .listtable .table tbody tr td {
    outline: 0!important
}

.table-container .listtable .table tbody tr td a {
    text-decoration: none
}

.table-container .listtable .table tbody tr td .text-small {
    display: inline-block;
    font-size: 85%
}

.table-container .listtable .table tbody tr td .ssl-info {
    display: inline-block
}

.table-container .listtable .table tbody tr td .ssl-info img {
    height: 12px;
    width: 12px;
    max-width: 12px
}

.table-container .listtable .table tbody tr td .btn-link {
    color: #0273d4;
    background-color: transparent!important;
    text-decoration: none
}

@media (min-width: 1041px) {
    .table-container .listtable .table tbody tr td .cycle-text {
        display:block
    }
}

.table-container .listtable .table tbody tr td,.table-container .listtable .table tbody tr th,.table-container .listtable .table tfoot tr td,.table-container .listtable .table tfoot tr th,.table-container .listtable .table thead tr td,.table-container .listtable .table thead tr th {
    position: relative;
    vertical-align: middle
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td a {
    -ms-word-break: break-all;
    word-break: break-all
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander {
    top: 0!important;
    left: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
    height: 100%;
    width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    text-align: center;
    text-indent: 0!important;
    outline: 0;
    background-color: #edf0f5
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander:before {
    font-weight: 500
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td:first-child {
    padding-left: 60px
}

.table-container .dataTables_filter,.table-container .dataTables_info {
    display: none
}

.table-container .table-header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    background: #f6f8fa
}

.table-container .table-header label {
    font-weight: 400;
    margin: 0;
    margin-right: 10px
}

.table-container .table-header .btn {
    background-color: #fff!important;
    border: 1px solid #d5dce5!important;
    padding: 3px 6px
}

.table-container .dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    padding: 10px 15px
}

.table-container .dataTables_paginate .pagination {
    margin: 0
}

.table-container .dataTables_length {
    border-top: 1px solid #d5dce5
}

.table-container .dataTables_length label {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    white-space: nowrap;
    padding: 10px 15px;
    margin: 0
}

.table-container .dataTables_length:after {
    display: block;
    content: "";
    clear: both
}

.table-container.domain-pricing-table {
    box-shadow: none!important;
    border: 0 none
}

.table-container.domain-pricing-table table {
    box-shadow: 0 4px 6px 0 rgba(0,11,40,.1);
    border: 1px solid #d5dce5
}

.table-container.domain-pricing-table .dataTables_filter {
    display: block
}

.dataTable.table.has-columns-hidden>tbody>tr>td>span.responsiveExpander::before {
    font-style: normal;
    font-weight: 900;
    content: "\2b";
    padding-right: 5px;
    font-size: 19px;
    color: #888;
    font-family: "Font Awesome 5 Pro"!important
}

.pagination {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0273d4;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.pagination li:hover {
    z-index: 2;
    color: #0c8efd;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.pagination li:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2,115,212,.25)
}

.pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.pagination li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: #0273d4;
    border-color: #0273d4
}

.pagination li.disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

form[name=hiddenProduct] {
    display: flex;
    margin-bottom: 10px;
    margin-left: -20px
}

form[name=hiddenInvoice] {
    display: flex;
    margin-bottom: 10px;
    margin-left: -10px
}

@media (max-width: 768px) {
    .hideChecks {
        left:10px
    }
}

.no-data .text {
    margin-top: 10px;
    margin-bottom: 20px
}

.service-tab a {
    line-height: 65px;
    text-decoration: none;
    display: inline-block;
    height: inherit
}

.service-mod {
    position: relative;
    padding: 40px 0 60px;
    overflow: hidden
}

.service-tab {
    background: #fff;
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 10%)
}

.security-tab-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-size: cover;
    margin-bottom: 30px;
    background-repeat: inherit;
    margin-bottom: 60px
}

.security-tab-icon:hover {
    background-position: 0 0
}

.service-tab .title-main {
    padding-top: 70px;
    text-align: center
}

.security-tab-title {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    line-height: 25px;
    color: #666;
    font-family: PingFangSC-Medium,sans-serif;
    text-align: center;
    font-family: djf
}

.service-nav-link {
    position: relative;
    height: 130px;
    cursor: pointer;
    width: 100%;
    border-bottom: 4px solid transparent
}

.service-nav-card {
    text-align: center;
    justify-content: center;
    display: flex
}

.service-tab-row .col-md-3.active .security-tab-title {
    color: var(--primary)
}

.service-tab-row .col-md-3.active .security-tab-icon {
    background-position: 0 0
}

.service-tab-row .col-md-3.active .service-nav-link {
    border-bottom: 4px solid var(--primary)
}

a.spro-mod-2 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top
}

a.spro-mod-2:hover {
    background: url(../img/index/icon_arrow_black_web.svg) right 20px center no-repeat #fff;
    background-size: 16px 16px;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1)
}

.spro-mod2-hint {
    margin-top: 6px;
    font-size: 14px;
    color: #989898;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

span.spro-mod2-title-name {
    margin-top: 6px;
    padding-right: 14px;
    font-size: 16px;
    color: #333;
    line-height: 30px
}

span.hot {
    width: 28px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    background: url(../img/index/tag_hot_white_web.svg) right center no-repeat
}

span.sale {
    width: 28px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    background: url(../img/index/icon_sale_white.svg) right center no-repeat
}

.fade:not(.show) {
    display: none
}

section.subtop.ec {
    background-position: center;
    background-image: url(../img/banner/banner6.png)
}

section.subtop.cdn {
    background-image: url(../img/product/cdn-banner.jpg);
    background-position: center
}

section.subtop.server {
    background-position: center;
    background-image: url(../img/banner/banner5.png)
}

.subtop.cdn .subtop-title,.subtop.ec .subtop-title,.subtop.server .subtop-title {
    color: #121933
}

section.subtop.cdn p,section.subtop.ec p,section.subtop.server p {
    color: #525252;
    font-size: 18px
}

.home-service .product-type-item {
    height: 190px;
    margin-bottom: 20px
}

.home-service .product-type-item .product-type-item-content {
    position: relative;
    float: left;
    width: 100%;
    height: 190px;
    background: linear-gradient(0deg,#fff,#fff);
    padding: 23px 15px 23px 23px;
    border: 1px solid #fff;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    box-shadow: 0 4px 8px 0 rgba(30,35,45,.08)
}

.home-service .product-type-item .product-type-item-content .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: right center
}

.home-service .product-type-item .product-type-item-content>a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.home-service .product-type-item:hover .product-type-item-content {
    background: linear-gradient(0deg,#fff,#f0f2f5);
    margin-top: -8px;
    box-shadow: 0 8px 8px 0 rgba(30,35,45,.08)
}

.home-service .product-type-item:hover .product-type-item-content .title {
    color: var(--primary)
}

.home-service .product-type-item .title {
    position: relative;
    z-index: 2;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    color: #2d3037
}

.home-service .product-type-item .title a {
    font-size: 20px;
    color: #2d3037
}

.home-service .product-type-item .title a:hover {
    color: var(--primary)
}

.home-service .product-type-item .title .minprice {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: var(--primary);
    padding: 0 8px;
    border: 1px solid var(--primary);
    vertical-align: top;
    margin-left: 16px
}

.home-service .product-type-item .title .yh-s {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background-color: var(--primary);
    padding: 0 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-left: 6px
}

.home-service .product-type-item .des {
    position: relative;
    z-index: 2;
    line-height: 24px;
    font-size: 14px;
    color: #5e6d81;
    margin-top: 10px
}

.home-service .product-type-item .badge-list {
    position: relative;
    z-index: 2;
    margin-top: 10px
}

.home-service .product-type-item .badge-list span {
    float: left;
    height: 20px;
    line-height: 18px;
    color: #9ea7b3;
    padding: 0 8px;
    border: 1px solid #bdc5d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 4px
}

.home-service .product-type-item .badge-list span:last-child {
    margin-right: 0
}

.home-service .product-type-item .link {
    position: relative;
    z-index: 4;
    height: 36px;
    margin-top: 18px
}

.home-service .product-type-item .link a {
    float: left;
    width: 100px;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--primary);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 16px
}

.home-service .product-type-item .link a:first-child {
    color: #fff;
    background-color: var(--primary)
}

.home-service .product-type-item .link a:first-child:hover {
    background-color: var(--primary-hover)
}

.home-service .product-type-item .link a:last-child {
    color: #2d3037;
    border-color: #bdc5d3;
    margin-right: 0
}

.home-service .product-type-item .link a:last-child:hover {
    color: var(--primary);
    border-color: var(--primary)
}

.home-service .product-item {
    float: left;
    height: 190px;
    padding: 24px 10px 0 10px;
    margin-bottom: 20px
}

.home-service .product-item .title {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #2d3037;
    white-space: nowrap
}

.home-service .product-item .title .minprice {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: var(--primary);
    padding: 0 8px;
    border: 1px solid var(--primary);
    vertical-align: top;
    margin-left: 16px
}

.home-service .product-item .title .yh-s {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    padding: 0 8px;
    background-color: var(--primary);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-left: 6px
}

.home-service .product-item .des {
    line-height: 24px;
    font-size: 14px;
    color: #5e6d81;
    margin-top: 12px;
    margin-bottom: 0
}

.home-service .product-item .badge-list {
    margin-top: 15px
}

.home-service .product-item .badge-list span {
    float: left;
    height: 22px;
    line-height: 20px;
    color: #9ea7b3;
    padding: 0 7px;
    border: 1px solid #bdc5d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 4px
}

.home-service .product-item .badge-list span:last-child {
    margin-right: 0
}

.home-service .product-item .now-s-buy {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #9ea7b3;
    margin-top: 22px
}

.home-service .product-item .now-s-buy i {
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(../../images/arrow-right-gray.png) no-repeat center;
    margin-left: 9px;
    vertical-align: -1px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.home-service .product-item .now-s-buy:hover {
    color: var(--primary)
}

.home-service .product-item .now-s-buy:hover i {
    background: url(../../images/link-arrow-right.png) no-repeat center;
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px)
}

.home-service .product-item .look-all-product-link {
    line-height: 20px;
    font-size: 14px;
    color: var(--primary);
    margin-top: 15px
}

.home-service .product-item .look-all-product-link .arrow {
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(../../images/link-arrow-right.png) no-repeat center;
    margin-left: 10px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.home-service .product-item .look-all-product-link:hover .arrow {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px)
}

.home-service .product-item:hover .title {
    color: var(--primary)
}

.hotnew-left .better {
    position: relative;
    border-radius: 2px;
    border: 1px solid #fff;
    height: 302px;
    background-size: auto 302px;
    padding: 40px 0 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background: url(http://p4.qhimg.com/t010ead841227128fed.png),linear-gradient(#d9ffef .01%,#f0fcf7 100%);
    background-repeat: no-repeat!important;
    background-position: 100% 0!important;
    background-size: 100% auto!important
}

.hotnew-left .better h2 {
    height: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #181818;
    line-height: 24px;
    margin-bottom: 30px;
    font-family: djf
}

.hotnew-left .better .des {
    margin-top: 10px;
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #6e6e6e;
    line-height: 22px
}

.hotnew-left .better .enter {
    position: relative;
    z-index: 10;
    margin-top: 30px;
    width: 88px;
    height: 28px;
    background: #337dff;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(51,125,255,.3);
    box-shadow: 2px 2px 8px 0 rgba(51,125,255,.3);
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    background-color: var(--primary);
    border-color: var(--primary);
    padding: 10px 30px;
    margin-top: 40px
}

.hotnew-left .better .enter.home-service:hover {
    background-color: #1f6bf1
}

.hotnew-left .better .triangle {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 300px;
    z-index: 100
}

.hotnew-left .hotnew-all {
    margin-top: 8px;
    height: 147px;
    background: #fff;
    border-radius: 2px;
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    background-color: #fff4d7;
    background-image: url(https://easyv.assets.dtstack.com/homepage/common/assets/images/price/saas_advanced_newbg.png);
    border: 1px solid #fff
}

.hotnew-left .hotnew-all:hover h4 {
    color: var(--primary)
}

.hotnew-left .hotnew-all:hover h4 .product-right {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.hotnew-left .hotnew-all h4 {
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    line-height: 25px
}

.hotnew-left .hotnew-all h4 .product-right {
    display: inline-block;
    padding-left: 5px;
    font-size: 18px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.hotnew-left .hotnew-all p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #6e6e6e;
    line-height: 22px
}

.special-div {
    margin-bottom: 8px;
    width: 100%;
    height: 147px;
    padding: 30px 24px 19px;
    text-align: left;
    border-radius: 2px;
    position: relative;
    background: #fff;
    cursor: pointer
}

.special-div .label p {
    padding: 1px 5px;
    border-radius: 2px;
    border: 1px solid #e3e3e3;
    font-weight: 400;
    color: #aaa;
    line-height: 18px;
    font-size: 12px;
    margin-right: 8px;
    cursor: pointer
}

.special-div .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.special-div .header {
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.special-div .header span {
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    line-height: 25px
}

p.normal_subtitle {
    width: auto;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #6e6e6e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.special-div.sale {
    background: url(../img/product/logo.svg);
    border: 1px solid #fff;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    background-size: cover
}

.special-div .iconbox {
    width: 57px;
    height: 57px;
    position: absolute;
    top: -2px;
    right: -2px
}

.special-div .iconbox img {
    width: 57px;
    height: 57px
}

.special-div .iconbox p {
    position: absolute;
    top: 11px;
    right: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.special-div:hover {
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%)
}

.special-div:hover .header span {
    color: #337dff
}

.WPA3-SELECT-PANEL {
    z-index: 2147483647;
    width: 463px;
    height: 292px;
    margin: 0;
    padding: 0;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px #d4d4d4
}

.WPA3-SELECT-PANEL * {
    position: static;
    z-index: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    max-height: auto;
    max-width: auto;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    clear: none;
    clip: auto;
    background: 0 0;
    color: #333;
    cursor: auto;
    direction: ltr;
    float: none;
    font: normal normal normal 12px "Helvetica Neue",Arial,sans-serif;
    line-height: 16px;
    letter-spacing: normal;
    list-style: none;
    marks: none;
    overflow: visible;
    page: auto;
    quotes: none;
    -o-set-link-source: none;
    size: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-overflow: clip;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
    word-wrap: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-outline: 0;
    -moz-outline: 0;
    -ms-outline: 0;
    -o-outline: 0;
    outline: 0;
    -webkit-text-size-adjust: none;
    font-family: Microsoft YaHei,Simsun
}

.WPA3-SELECT-PANEL a {
    cursor: auto
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-TOP {
    height: 25px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CLOSE {
    float: right;
    display: block;
    width: 47px;
    height: 25px;
    background: url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CLOSE:hover {
    background-position: 0 -25px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-MAIN {
    padding: 23px 20px 45px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-GUIDE {
    margin-bottom: 42px;
    font-family: "Microsoft Yahei";
    font-size: 16px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-SELECTS {
    width: 246px;
    height: 111px;
    margin: 0 auto
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CHAT {
    float: right;
    display: block;
    width: 88px;
    height: 111px;
    background: url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat 0 -80px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CHAT:hover {
    background-position: -88px -80px
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-AIO-CHAT {
    float: left
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-QQ {
    display: block;
    width: 76px;
    height: 76px;
    margin: 6px;
    background: url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat -50px 0
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-QQ-ANONY {
    background-position: -130px 0
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-LABEL {
    display: block;
    padding-top: 10px;
    color: #00a2e6;
    text-align: center
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-BOTTOM {
    padding: 0 20px;
    text-align: right
}

.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-INSTALL {
    color: #8e8e8e
}

.network-providers img {
    margin: 5px 25px
}

.cros-pricing-container {
    position: relative
}

.cros-pricing-container .owl-carousel {
    margin-bottom: 0
}

.cros-pricing-container .owl-carousel .owl-next.disabled,.cros-pricing-container .owl-carousel .owl-prev.disabled {
    display: none
}

.cros-pricing-container .owl-carousel .owl-prev {
    position: absolute;
    left: -120px;
    top: 50%;
    margin-top: -32px
}

.cros-pricing-container .owl-carousel .owl-next {
    position: absolute;
    right: -120px;
    top: 50%;
    margin-top: -32px
}

.cros-pricing-container .home-products,.cros-pricing-container .pricing-box,.cros-pricing-container .pricing-slider {
    position: relative;
    z-index: 2
}

.cros-pricing-container .home-products .slide-item,.cros-pricing-container .pricing-box .slide-item,.cros-pricing-container .pricing-slider .slide-item {
    padding: 45px 10px 0
}

.cros-pricing-container .tns-nav {
    text-align: center
}

.cros-pricing-container .tns-controls {
    position: absolute;
    top: -20px;
    left: auto;
    right: 30px;
    z-index: 5
}

@media (max-width: 991px) {
    .cros-pricing-container .tns-controls {
        left:30px;
        right: auto
    }
}

.cros-pricing-container .cros-pricing-table {
    position: relative;
    margin: 0 0 45px;
    padding: 10px 30px 15px;
    box-shadow: 0 4px 6px 0 rgba(0,11,40,.1);
    border: 1px solid #d5dce5;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    color: #2a2e36
}

.cros-pricing-container .cros-pricing-table .st-sm {
    display: none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing {
    display: block
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group {
    width: 100%
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent!important;
    border-color: #d5dce5;
    color: #2a2e36;
    padding: 5px 10px;
    text-align: left;
    margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fad,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fal,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .far,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fas {
    margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn.dropdown-toggle:after {
    display: none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu {
    width: 100%;
    border-color: #d5dce5;
    border-radius: 0;
    padding: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #d5dce5;
    position: relative
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:last-child {
    border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:focus,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:hover {
    background-color: #edf0f5
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing {
    color: #2a2e36
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar {
    font-size: 20px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .save_text {
    margin-bottom: 5px;
    font-size: 90%
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options {
    color: #777
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options div:first-child {
    margin-right: 4px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .price_duration {
    font-size: 14px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .regular_pricing.savecut {
    position: relative;
    display: inline-block;
    font-size: 11px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .regular_pricing.savecut:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -2px;
    width: calc(100% + 8px);
    height: 1px;
    background: #2a2e36
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-word-break: break-all;
    word-break: break-all
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .cents,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar,.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .prefix {
    font-weight: 700;
    color: #db3f3b
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .suffix {
    font-weight: 700;
    margin: 0 2px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar {
    font-size: 29px;
    color: #db3f3b
}

@media only screen and (max-width: 767px) {
    .cros-pricing-container .cros-pricing-table .PriceList-toggle {
        margin:15px 0;
        cursor: pointer;
        font-weight: 700
    }

    .cros-pricing-container .cros-pricing-table .plan-features {
        padding: 0
    }
}

.cros-pricing-container .cros-pricing-table .table-heading {
    display: inline-block;
    background-color: #0273d4;
    color: #fff;
    padding: .08em .7em .08em .7em;
    line-height: 1.42857143;
    position: relative;
    text-transform: none;
    margin: 30px 0 0
}

.cros-pricing-container .cros-pricing-table .table-heading:after {
    content: "";
    background-color: #0273d4;
    position: absolute;
    top: 0;
    right: -.1em;
    width: .2em;
    height: 1.535em;
    -moz-transform: skew(-7deg,0);
    -webkit-transform: skew(-7deg,0);
    -o-transform: skew(-7deg,0);
    -ms-transform: skew(-7deg,0);
    transform: skew(-7deg,0)
}

.cros-pricing-container .cros-pricing-table .table thead th {
    font-weight: 500;
    border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .table thead th:first-child {
    font-weight: 700
}

.cros-pricing-container .cros-pricing-table .table th {
    text-align: center
}

.cros-pricing-container .cros-pricing-table .table th:first-child {
    text-align: left
}

.cros-pricing-container .cros-pricing-table .table tbody {
    border-collapse: separate
}

.cros-pricing-container .cros-pricing-table .table tbody tr {
    vertical-align: baseline;
    background-color: #edf0f5;
    border-bottom: 10px solid #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    border-top: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td .h3,.cros-pricing-container .cros-pricing-table .table tbody td .h4,.cros-pricing-container .cros-pricing-table .table tbody td h3,.cros-pricing-container .cros-pricing-table .table tbody td h4 {
    background: 0 0;
    padding: 0;
    margin: 10px 0;
    border: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:first-child {
    text-align: left;
    border-right: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:last-child {
    border-right: 0 none
}

@media (min-width: 768px) {
    .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info img {
        width:70px;
        max-width: 70px
    }

    .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info .h4,.cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info h4 {
        font-size: 21px;
        margin: 20px 0
    }

    .cros-pricing-container .cros-pricing-table .table tbody td:last-child {
        max-width: 195px
    }
}

@media only screen and (max-width: 991px) {
    .cros-pricing-container .cros-pricing-table .table tbody td .footable-toggle {
        margin-left:5px
    }
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-heading {
    padding-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #1a1a1a;
    color: #fff;
    text-align: left;
    padding: 7px;
    margin-left: -4px;
    position: relative;
    margin-right: 10px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info:before {
    border-top: 4px solid transparent;
    border-right: 4px solid #1a1a1a;
    left: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: -3px;
    width: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info .h4,.cros-pricing-container .cros-pricing-table .table tbody td .server-info h4 {
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info .h5,.cros-pricing-container .cros-pricing-table .table tbody td .server-info h5 {
    font-weight: 700;
    text-transform: uppercase
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info img {
    float: right;
    width: 50px;
    max-width: 50px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info span .fad {
    font-size: 48px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight {
    border: 5px solid #fedc45;
    margin-right: 0;
    border-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight:before {
    top: -8px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.success {
    border-color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.danger {
    border-color: #d9534f
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.primary {
    border-color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td small {
    display: block
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-inner {
    width: 100%
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name {
    color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name,.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-value {
    display: block
}

@media only screen and (min-width: 1152px) {
    .cros-pricing-container .cros-pricing-table .table tbody td mark {
        margin-top:7.5px
    }
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price {
    background-color: #1a1a1a
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price a {
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn {
    border: 0 none;
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .cents,.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .dollar,.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .prefix,.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .price_duration,.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .regular_pricing {
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .regular_pricing.savecut:before {
    background: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-word-break: normal;
    word-break: normal;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span {
    color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.cost {
    font-size: 21px
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.prefix {
    top: -.2em
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .btn {
    margin: 0
}

@media only screen and (max-width: 597px) {
    .cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-row:last-child {
        margin-top:15px
    }
}

.cros-pricing-container .cros-pricing-table .table tbody td .btn {
    margin: 15px 0 0
}

@media (min-width: 768px) {
    .cros-pricing-container .cros-pricing-table .table.ssl tbody td:first-child .server-info .h4,.cros-pricing-container .cros-pricing-table .table.ssl tbody td:first-child .server-info h4 {
        text-transform:none
    }
}

.cros-pricing-container .cros-pricing-table .table.ssl tbody td.company {
    width: 150px;
    max-width: 150px
}

.cros-pricing-container .cros-pricing-table .table.ssl tbody td img {
    max-width: 120px;
    width: 120px
}

@media (min-width: 992px) {
    .cros-pricing-container .cros-pricing-table:focus,.cros-pricing-container .cros-pricing-table:hover {
        -ms-transform:translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.cros-pricing-container .cros-pricing-table.no-animation {
    padding: 15px 30px 20px
}

.cros-pricing-container .cros-pricing-table.no-animation:focus,.cros-pricing-container .cros-pricing-table.no-animation:hover {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}

.cros-pricing-container .cros-pricing-table.bg-primary .desc,.cros-pricing-container .cros-pricing-table.bg-primary .h3,.cros-pricing-container .cros-pricing-table.bg-primary .h4,.cros-pricing-container .cros-pricing-table.bg-primary .plan-features ul li,.cros-pricing-container .cros-pricing-table.bg-primary .price span,.cros-pricing-container .cros-pricing-table.bg-primary h3,.cros-pricing-container .cros-pricing-table.bg-primary h4 {
    color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary {
    background-color: transparent;
    border-color: #fff;
    border-bottom-width: 2px;
    color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:focus,.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:hover {
    background-color: rgba(255,255,255,.1)
}

.cros-pricing-container .cros-pricing-table.bg-primary .starting-from.text-muted {
    color: #fff;
    border-color: #fff
}

.cros-pricing-container .cros-pricing-table.dark .desc,.cros-pricing-container .cros-pricing-table.dark .h3,.cros-pricing-container .cros-pricing-table.dark .h4,.cros-pricing-container .cros-pricing-table.dark .plan-features ul li,.cros-pricing-container .cros-pricing-table.dark .price span,.cros-pricing-container .cros-pricing-table.dark h3,.cros-pricing-container .cros-pricing-table.dark h4 {
    color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn {
    color: #fff;
    border-color: rgba(255,255,255,.25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .current_prcing,.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .discounted_options,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .current_prcing,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .discounted_options {
    color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents,.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar,.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar,.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix {
    color: #db3f3b
}

.cros-pricing-container .cros-pricing-table.bg-primary .text-muted,.cros-pricing-container .cros-pricing-table.dark .text-muted {
    color: rgba(255,255,255,.7)
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__header,.cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__header {
    border-right: 1px solid rgba(255,255,255,.25);
    border-bottom: 3px solid rgba(255,255,255,.25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__body .plan__cell,.cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__body .plan__cell {
    border-right: 1px solid rgba(255,255,255,.25);
    border-bottom: 1px solid rgba(255,255,255,.25)
}

.cros-pricing-container .cros-pricing-table.no-shadow {
    box-shadow: none
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper {
    position: absolute;
    top: -20px;
    right: 15px
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper .sticker {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    text-align: center;
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    position: relative;
    background-color: #fedc45;
    white-space: nowrap;
    border-radius: 25px 0 0 0;
    border: 3px solid #fff;
    padding: 7.5px 15px;
    background-color: #010101;
    color: #fff;
    letter-spacing: 5px;
    text-shadow: 2px 1px 0 #ee1d52,-2px -1px 0 #69c9d0;
    cursor: pointer
}

@keyframes shadows {
    0%,100% {
        text-shadow: 4px 0 0 #ee1d52,0 -4px 0 #69c9d0
    }

    25% {
        text-shadow: 4px 4px 0 #ee1d52,-4px -4px 0 #69c9d0
    }

    50% {
        text-shadow: 0 4px 0 #ee1d52,-4px 0 0 #69c9d0
    }

    75% {
        text-shadow: 0 0 0 #ee1d52,0 0 0 #69c9d0
    }
}

.cros-pricing-container .cros-pricing-table.st_s-1 .sticker-wrapper {
    right: -1px;
    left: -1px
}

.cros-pricing-container .cros-pricing-table.st_s-1 .sticker-wrapper .sticker {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border: 0 none;
    border-radius: 4px 4px 4px 4px
}

.cros-pricing-container .cros-pricing-table.st_s-2.active .h4,.cros-pricing-container .cros-pricing-table.st_s-2.active h4,.cros-pricing-container .cros-pricing-table.st_s-2.popular .h4,.cros-pricing-container .cros-pricing-table.st_s-2.popular h4 {
    margin-bottom: 0
}

.cros-pricing-container .cros-pricing-table.st_s-2.active .sticker-wrapper,.cros-pricing-container .cros-pricing-table.st_s-2.popular .sticker-wrapper {
    display: none
}

.cros-pricing-container .cros-pricing-table.st_s-2 .st-sm {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 7.5px;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    background-color: #fedc45;
    color: #000;
    border-radius: 10px;
    margin: 5px 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 {
    padding: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

@media (max-width: 767px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
    -ms-flex-align: center;
    align-items: center
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
    border-bottom: 1px solid #d5dce5
}

@media (min-width: 768px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
        border-right:1px solid #d5dce5;
        border-bottom: 0 none
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h1,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h2,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h3,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h4,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h1,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h2,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h3,.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h4 {
    margin-top: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:last-child .btn {
    margin: 0
}

@media (max-width: 778px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
        display:block;
        width: 100%
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content .featured_desc {
    border-top: 1px dashed #d5dce5;
    padding: 10px 0 0;
    margin-top: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features {
    padding: 0;
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
    display: inline-table;
    width: 48%
}

@media (min-width: 1200px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
        width:32%
    }
}

@media (max-width: 991px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
        width:100%
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active {
    margin: 45px 0 30px
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h1,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h2,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h3,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h4,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h1,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h2,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h3,.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h4 {
    margin-top: 10px;
    margin-bottom: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active:first-child {
    margin-top: 0
}

.cros-pricing-container.mbo .pricing-slider .slide-item {
    padding: 0 10px 0
}

.cros-pricing-container.mbo table.trns {
    border-collapse: separate;
    border-spacing: 0;
    border: 0 none;
    width: 100%
}

.cros-pricing-container.mbo table.trns td,.cros-pricing-container.mbo table.trns th,.cros-pricing-container.mbo table.trns tr {
    border: 0 none
}

.cros-pricing-container.mbo .cros-pricing-table {
    position: static;
    margin: 0 0 30px;
    background-image: url(https://bce.bdstatic.com/p3m/common-service/uploads/jijianshitiyangx_12be1f6.png);
    background-repeat: no-repeat;
    background-size: 440px 148px;
    background-position: right bottom;
    background-color: #fff
}

.cros-pricing-container.mbo .cros-pricing-table .sticker-wrapper {
    top: -47px
}

.cros-pricing-container.mbo .cros-pricing-table.st_s-1 .sticker-wrapper {
    top: -58px;
    right: -30px;
    left: -30px
}

@media (min-width: 992px) {
    .cros-pricing-container.mbo .cros-pricing-table:focus,.cros-pricing-container.mbo .cros-pricing-table:hover {
        -ms-transform:none;
        -webkit-transform: none;
        transform: none
    }
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .st-sm {
    margin: -10px 0 10px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .sticker-wrapper {
    top: -20px;
    left: auto;
    right: 20px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4.st_s-1 .sticker-wrapper {
    top: -15px;
    left: 20px;
    right: 20px
}

.cros-pricing-container .card.upgrade-plans .card-body ul li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem 0;
    border-top: 1px dotted #d5dce5;
    font-size: 80%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li:last-child {
    border-bottom: 1px dotted #d5dce5
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-label {
    text-align: left;
    margin-right: 5px;
    max-width: 75%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-value {
    text-align: right;
    margin-left: 5px
}

.product-content {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin-right: 16px;
    min-height: 457px;
    background: #fff
}

.product-content .product-content__header {
    position: relative;
    height: 116px;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    background: linear-gradient(265deg,#08b883 -1.12%,#00cba1)
}

.product-content .product-content__header .product-content__header__img {
    position: absolute;
    right: -4px;
    top: -4px
}

.product-content .product-content__header .product-content__header__title {
    position: absolute;
    top: 24px;
    left: 32px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: djf
}

.product-content .product-content__header .product-content__header__secondTitle {
    position: absolute;
    top: 57px;
    left: 32px;
    width: 240px;
    height: 51px;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.product-content .product-content__center {
    position: relative;
    height: 274px;
    text-align: left;
    margin-top: 20px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.08);
    background-color: #fff
}

.product-content .product-content__center .product-content__center__parameter {
    height: 40px;
    margin-left: 32px
}

.product-content .product-content__center .product-content__center__parameter .product-content__center__parameter__key {
    display: inline-block;
    text-align: left;
    width: 64px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    margin-right: 24px;
    vertical-align: top
}

.product-content .product-content__center .product-content__center__parameter .product-content__center__parameter__value {
    display: inline-block;
    text-align: left;
    width: 164px;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.product-content .product-content__center .product-content__center__hostNumber {
    position: absolute;
    text-align: center;
    left: 32px;
    bottom: 90px;
    width: 80px;
    border: 1px solid #f65240;
    border-radius: 2px;
    font-size: 12px;
    color: #f65240;
    font-weight: 400
}

.product-content .product-content__center .product-content__center__prise {
    position: absolute;
    left: 32px;
    bottom: 35px
}

.product-content .product-content__center .product-content__center__prise .product-content__center__prise__new {
    font-size: 32px;
    color: #f65240;
    font-weight: 400
}

.product-content .product-content__center .product-content__center__prise .product-content__center__prise__new .product-content__center__prise__new__symbol {
    font-size: 14px
}

.product-content .product-content__center .product-content__center__prise .product-content__center__prise__new .product-content__center__prise__new__decimal {
    font-size: 24px;
    color: #f65240;
    letter-spacing: 0;
    line-height: 38px;
    font-weight: 400
}

.product-content .product-content__center .product-content__center__prise .product-content__center__prise__old {
    font-size: 12px;
    color: #ccc;
    letter-spacing: 0;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 16px
}

.product-content .product-content__footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 56px;
    font-weight: 500;
    box-shadow: 0 -4px 11px 0 hsla(0,0%,89.8%,.47);
    background-color: var(--primary);
    border-color: var(--primary)
}

.product-content .product-content__footer:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover)
}

.cros-pricing-container.mbo .cros-pricing-table {
    border-left: 10px #25f4ee solid;
    border-right: 10px #fe2c55 solid;
    background-color: #fff;
    transition: all .2s
}

.cros-pricing-container.mbo .cros-pricing-table:hover {
    transform: scale(105%);
    border-left: 10px #fe2c55 solid;
    border-right: 10px #25f4ee solid
}

.home-map .resource-summary {
    display: table;
    border-collapse: separate;
    border-spacing: 16px 0;
    width: 100%
}

.home-map .resource-summary>.item {
    display: table-cell;
    vertical-align: top
}

.home-map .resource-summary {
    margin-bottom: 24px;
    margin-top: 15px
}

.home-map .resource-summary .item {
    width: 25%;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 20px 24px;
    color: #5b5b5b
}

.home-map .resource-summary .item .text {
    font-size: 22px;
    vertical-align: middle
}

.home-map .resource-summary .item div:first-child {
    font-size: 40px;
    font-weight: 600;
    color: #181818;
    margin-bottom: 16px
}

.home-map .resource-distribute {
    height: 209px;
    box-sizing: border-box;
    padding: 31px 24px 0;
    background: hsla(0,0%,96.1%,.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 8px;
    position: relative;
    z-index: 1
}

.home-map .resource-distribute .map-tab-item {
    width: 120px!important;
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #181818;
    padding-bottom: 12px!important;
    position: relative;
    padding-bottom: 8px
}

.home-map .resource-distribute .map-tab-item:after {
    content: "";
    position: absolute;
    left: 26px;
    bottom: 0;
    width: 0;
    height: 4px;
    transform: translateX(-50%);
    transition: width .3s ease;
    background: linear-gradient(109.9deg,#06f 30.4%,#0453d9 77.46%)
}

.home-map .resource-distribute .map-tab-item.active:after {
    width: 56px
}

.home-map .resource-distribute .resource-box {
    margin-top: 30px;
    overflow: hidden
}

.home-map .resource-distribute .tab-content {
    white-space: nowrap
}

.home-map .resource-distribute .tab-content.scroll {
    width: 9999px;
    transition: transform .1s ease
}

.home-map .resource-distribute .tab-content.scroll>.row {
    width: 9999px;
    white-space: pre-wrap
}

.home-map .resource-distribute .tab-content .pool {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 16px;
    background: #fff;
    border-radius: 4px;
    min-width: 104px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 16px
}

.home-map .resource-distribute .tab-content .pool:after {
    content: "";
    clear: both;
    display: block
}

.home-map .resource-distribute .tab-content .pool>span {
    float: right
}

.home-map .resource-distribute .tab-content .pool>span:first-child {
    float: left
}

.home-map .earch-box {
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: -1000px;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: 100%
}

.home-map .earch-box.has-bg {
    background-image: url(/portal/_nuxt/img/earth.0bd412c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.home-map .bg {
    position: relative;
    height: 390px;
    width: calc(100% - 32px);
    margin: 0 16px
}

.ct-cert {
    background-color: #fff;
    overflow: hidden
}

.ct-cert .ct-cert-list {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

.ct-cert .ct-cert-list>.ct-cert-item {
    display: table-cell;
    vertical-align: top
}

.ct-cert>.ct-cert-list .ct-cert-item {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 142px;
    padding-top: 24px
}

.ct-cert>.ct-cert-list .ct-cert-item>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f7;
    border-radius: 8px;
    padding: 12px 0;
    height: 62px;
    width: 160px;
    line-height: 38px
}

.ct-cert>.ct-cert-list .ct-cert-item>div img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%
}

.ct-cert>.ct-cert-list .ct-cert-item>p {
    font-size: 12px;
    line-height: 17px;
    color: #181818;
    position: absolute;
    top: 98px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    white-space: nowrap;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.22,.08,.32,.99);
    transition-delay: 0s
}

.ct-cert>.ct-cert-list .ct-cert-item>p:hover {
    color: #c70b0b!important
}

@-webkit-keyframes wipes {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}

@keyframes wipes {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}

div#globe canvas {
    width: 100%!important;
    max-width: 100%!important
}

section.home-map {
    overflow: hidden;
    background: #fff
}

.home-map .resource-distribute>div {
    display: flex
}

a.btn.btn-customservice-black:before {
    position: absolute;
    left: -50px;
    width: 15px;
    height: 75px;
    background: #fff;
    -webkit-transform: matrix(.69,.69,-.75,.69,0,0);
    -ms-transform: matrix(.69,.69,-.75,.69,0,0);
    transform: matrix(.69,.69,-.75,.69,0,0);
    opacity: .4;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    content: ""
}

a.btn.btn-customservice-black {
    color: #fff;
    background: linear-gradient(91.54deg,#393939,#1f1f1f);
    display: block;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 24px;
    overflow: hidden;
    font-size: 14px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer
}

a.btn.btn-customservice-black:hover:before {
    left: 230px;
    transition: left .8s
}

.current_prcing .big {
    font-family: DINAlternate-Bold;
    font-size: 24px;
    color: #ff502e;
    line-height: 24px;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 5px
}

.hotnew-left .hotnew-all.blue {
    background: linear-gradient(150.84deg,#e3fffb 11.25%,#f7fdfe 85.08%)
}

a.btn.btn-customservice-blue:before {
    position: absolute;
    left: -50px;
    width: 15px;
    height: 75px;
    background: #fff;
    -webkit-transform: matrix(.69,.69,-.75,.69,0,0);
    -ms-transform: matrix(.69,.69,-.75,.69,0,0);
    transform: matrix(.69,.69,-.75,.69,0,0);
    opacity: .4;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    content: ""
}

a.btn.btn-customservice-blue {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 24px;
    overflow: hidden;
    font-size: 14px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff
}

a.btn.btn-customservice-blue:hover:before {
    left: 230px;
    transition: left .8s
}

a.btn.btn-customservice-blue:before {
    position: absolute;
    left: -50px;
    width: 15px;
    height: 75px;
    background: #fff;
    -webkit-transform: matrix(.69,.69,-.75,.69,0,0);
    -ms-transform: matrix(.69,.69,-.75,.69,0,0);
    transform: matrix(.69,.69,-.75,.69,0,0);
    opacity: .4;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    content: ""
}

a.btn.btn-customservice-blue {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 24px;
    overflow: hidden;
    font-size: 14px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    color: #fff;
    background-color: #165dff
}

a.btn.btn-customservice-blue:hover:before {
    left: 230px;
    transition: left .8s
}

.home-service .main-title {
    margin-top: 50px;
    font-size: 40px;
    font-family: djf
}

@media (max-width: 768px) {
    .home-service .main-title {
        margin-top:50px
    }

    .service-tab-row .col-md-3.active .service-nav-link {
        margin-bottom: 10px
    }

    .home-service .product-item {
        width: 100%;
        height: auto
    }

    .hotnew-left .hotnew-all {
        margin-bottom: 10px
    }

    .home-map .resource-summary .item {
        width: 100%;
        display: block;
        margin-bottom: 10px
    }

    div#globe canvas {
        height: 400px!important
    }

    div#globe {
        bottom: -200px
    }

    .home-map .bg {
        height: 300px
    }

    .home-map .resource-distribute>div {
        flex-wrap: wrap
    }

    .home-map .resource-distribute .map-tab-item {
        margin-bottom: 20px
    }

    .home-map .resource-distribute .map-tab-item:last-child {
        margin-bottom: 0
    }

    .home-map .resource-distribute {
        height: 269px
    }

    section.main-partner {
        display: none
    }
}

.recomm-card {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent
}

.recomm-img {
    flex: none;
    padding-right: 10px
}

.recomm-img img {
    width: 72px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.recomm-text h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recomm-text p {
    color: #888;
    line-height: 20px;
    font-weight: 400;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 12px
}

.recomm-text {
    flex: auto;
    max-width: calc(100% - 82px);
    text-align: left
}

@media (max-width: 768px) {
    .right_aside {
        display:none
    }
}

.icon-product__baremetal:before {
    content: "\E091"
}

.product-wrap-price .big>span {
    display: block;
    width: 100%;
    float: right;
    color: #e0ddd9!important;
    font-size: 16px
}

.product-wrap-price .big {
    color: #f33e3e
}

.card.wechat-card {
    background-image: url(../img/wechat/unbind.svg);
    background-size: auto 100%;
    background-position-x: right;
    background-repeat: no-repeat
}

.card.wechat-card h2 {
    font-size: 16px
}

.card.wechat-card p {
    max-width: 60%
}

.card.wechat-card a {
    min-width: 130px
}

.card.wechat-card.bind {
    background-image: url(../img/wechat/bind.svg)
}

footer.footer {
    padding-bottom: 0;
    border: 0 none;
    font-size: 14px;
    position: relative;
    background-color: #fff;
    padding-top: 0
}

footer.footer .btn {
    color: #333;
    display: flex;
    align-items: center
}

footer.footer .btn>div {
    margin-right: .2rem
}

.footer-top {
    padding-bottom: 60px;
    padding-top: 50px
}

.footer-top h4 {
    margin-bottom: 18px;
    line-height: 20px;
    font-size: 15px;
    color: #3e474f;
    font-size: 18px;
    font-weight: 500
}

.footer-top ul li {
    padding: 6px 0;
    line-height: 20px;
    font-size: 14px;
    color: #999
}

.footer-top ul li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #77808c
}

.footer-top ul li a:hover {
    color: #165dff;
    text-decoration: none
}

.footer-bottom {
    padding: 20px 0
}

footer.footer .footer-bottom .copyright {
    font-size: 14px;
    margin: 0;
    text-align: left;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

footer.footer .footer-bottom .copyright .nav {
    align-items: center
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link {
    padding: 0
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link2 {
    max-width: 67px
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link img {
    max-width: 100%
}

footer.footer .footer-bottom .copyright .nav .stick {
    margin: 0 12px;
    width: 1px;
    height: 14px;
    background-color: rgba(255,255,255,.1)
}

footer.footer .navbar-brand {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

@media screen and (max-width: 768px) {
    .footer-col.active h4 {
        color:#165dff
    }

    .footer-col.active h4:after {
        background-image: url(../img/footer-media.svg);
        background-position: 95% 50%;
        background-size: 225% 112.5%;
        background-repeat: no-repeat;
        transform: rotate(360deg)
    }

    .footer-top ul.list-unstyled {
        display: none;
        padding: 10px 16px;
        border-top: 1px solid rgba(229,232,237,.1)
    }

    .footer-top h4 {
        position: relative;
        margin: 0;
        padding: 12px 40px 12px 16px;
        line-height: 24px;
        font-size: 16px
    }

    .footer-top h4:after {
        content: "";
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
        width: 16px;
        height: 16px;
        background-image: url(../img/footer-media.svg);
        background-position: 95% 50%;
        background-size: 225% 112.5%;
        background-repeat: no-repeat;
        transform: rotate(180deg)
    }

    .footer-top .col {
        flex-basis: auto;
        width: 100%;
        border-bottom: 1px solid rgba(229,232,237,.1);
        padding: 0
    }
}

@media (max-width: 768px) {
    footer.footer .footer-bottom .copyright {
        display:block
    }

    footer.footer .footer-bottom .copyright .nav {
        position: static;
        margin-top: 20px!important
    }
}

.footer-col .list-unstyled.active {
    display: block
}

.footer-icon .desc-item {
    display: flex;
    align-items: center
}

.footer-icon .desc-item-img,.footer-icon img {
    max-width: 38px;
    margin-right: 13px;
    max-height: 38px
}

.footer-icon .desc-item-text .title {
    border-bottom: none;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 24px;
    margin-bottom: 2px;
    color: #1d2129
}

.footer-icon .desc-item-text .desc {
    font-size: 14px;
    letter-spacing: .003em;
    line-height: 22px;
    margin-bottom: 0;
    color: #86909c
}

.footer-icon {
    padding-top: 30px;
    margin-bottom: 30px
}

.footer-icon .row {
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-size: 14px
}

i.icon-product__sharevds:before {
    content: "\E085"
}

i.icon-product__excvds:before {
    content: "\E049"
}

header#header.header-dark .header-container,header#header.header-white .header-container {
    box-shadow: inset 0 -1px 0 0 #e7eaef
}

img.footer-icp {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    line-height: initial
}

.omnisearch {
    width: 100%;
    margin-top: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    background-color: transparent;
    pointer-events: none;
    transform: translateY(0);
    transition: transform .3s,opacity .15s
}

@media (prefers-reduced-motion:reduce) {
    .omnisearch {
        transition: none
    }
}

.omnisearch.show {
    opacity: 1;
    transform: translateY(50%)
}

.omnisearch .container {
    position: relative;
    height: 100%
}

.omnisearch .omnisearch-form {
    display: block;
    position: relative;
    z-index: 700;
    background: #fff;
    border-radius: .375rem;
    width: 680px;
    margin: auto
}

.omnisearch .omnisearch-form .input-group-text {
    font-size: 1.25rem;
    background: 0 0
}

.omnisearch .omnisearch-form .form-control {
    display: block;
    height: 68px;
    font-size: 1.25rem;
    color: #454545;
    background-color: transparent;
    background-image: none
}

.omnisearch .omnisearch-form .form-control:-ms-input-placeholder {
    color: #c0ccda
}

.omnisearch .omnisearch-form .form-control::placeholder {
    color: #c0ccda
}

.omnisearch .omnisearch-suggestions {
    width: 680px;
    min-height: 150px;
    padding: 1.5rem;
    background: #fff;
    margin: auto;
    border-radius: .375rem;
    position: relative;
    opacity: 0;
    transition: opacity .3s;
    transition-delay: 0.21s
}

@media (prefers-reduced-motion:reduce) {
    .omnisearch .omnisearch-suggestions {
        transition: none
    }
}

.omnisearch .omnisearch-suggestions:before {
    background: #fff;
    box-shadow: none;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    left: 20px;
    position: absolute;
    bottom: 100%;
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: .2rem
}

.omnisearch .omnisearch-suggestions .heading {
    color: #8492a6
}

.omnisearch .omnisearch-suggestions .list-link span {
    font-weight: 600;
    color: #3c4858
}

.omnisearch .omnisearch-suggestions .list-link:hover {
    color: #6e00ff
}

.omnisearch .omnisearch-suggestions .list-link:hover span {
    color: #6e00ff
}

.omnisearch.show .omnisearch-form,.omnisearch.show .omnisearch-suggestions {
    pointer-events: auto
}

.omnisearch.show .omnisearch-suggestions {
    opacity: 1
}

@media (max-width: 991.98px) {
    .omnisearch .omnisearch-form {
        width:100%
    }

    .omnisearch .omnisearch-suggestions {
        width: 100%
    }
}

.mask-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999998
}

.mask-body-dark {
    background: rgba(31,45,61,.3)
}

.mask-body-light {
    background: rgba(255,255,255,.3)
}

.omnisearch.show {
    z-index: 999999
}

.omnosearch-search-card-header {
    padding: 0 20px;
    padding-top: 1px;
    height: 64px;
    background: linear-gradient(90.07deg,#4080ff .78%,#165dff)
}

.omnosearch-search-card-header span {
    display: inline-block;
    cursor: pointer;
    height: 64px;
    width: auto;
    color: #fff;
    opacity: .9;
    padding-right: 30px;
    text-align: center;
    line-height: 64px;
    font-size: 15px;
    float: left;
    letter-spacing: 0;
    position: relative
}

.omnosearch-search-card {
    position: relative;
    background: #fff;
    box-shadow: 0 8px 13px 0 rgb(0 0 0 / 7%);
    border-radius: 0 0 2px 2px;
    z-index: 1;
    transition: width .2s ease-in-out
}

.omnisearch .omnisearch-form .input-group-text {
    border: none;
    padding: 20px
}

.omnisearch .omnisearch-form .form-control {
    border: #ffdead
}

.input-group-prepend {
    border: none
}

a.common-search-history-item {
    line-height: 18px;
    height: 24px;
    font-size: 12px;
    color: #181818;
    display: inline-block;
    letter-spacing: 0;
    padding: 3px 12px;
    border: 1px solid #d8d8d8;
    margin-right: 12px;
    margin-bottom: 10px;
    min-width: 64px;
    cursor: pointer;
    text-align: center;
    transition: all .2s
}

a.common-search-history-item:hover {
    color: #ff6a00;
    border: 1px solid #ff6a00
}

.omnisearch .omnisearch-suggestions .heading {
    color: #999;
    font-weight: 400;
    margin-bottom: 10px
}

.omnisearch .omnisearch-suggestions {
    min-height: 100px
}

a.omnisearch-close {
    height: 64px;
    width: auto;
    color: #fff;
    opacity: .6;
    line-height: 64px;
    font-size: 15px;
    float: left;
    letter-spacing: 0;
    position: relative
}

.list-wrapper {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
    border-radius: 2px;
    background: #fff;
    list-style: none;
    padding-left: 0
}

.list-wrapper .item {
    position: relative;
    padding: 40px 40px 30px
}

.list-wrapper .item:last-child {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 196px 131px
}

.list-wrapper .name {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #031129;
    margin-bottom: 10px
}

.list-wrapper .desc {
    font-size: 14px;
    color: #333;
    line-height: 22px
}

ul.content-wrapper {
    list-style: none;
    padding-left: 0
}

.list-wrapper .number {
    font-size: 18px;
    line-height: 25px;
    color: #0052d9;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.list-wrapper .content-wrapper .content {
    margin-bottom: 10px
}

.list-wrapper .item:first-child:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #eee
}

ul.list-wrapper .item {
    width: 50%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 196px 131px
}

.kf-list {
    display: flex;
    width: 100%
}

.kf-list span {
    width: 30%
}

ul.list-wrapper.beian .item {
    background-size: 196px 111px
}

.kf-list span:first-child {
    color: rgba(0,0,0,.9);
    font-size: 15px;
    font-weight: 500
}

.kf-list span:nth-child(2) {
    font-family: PingFangSC-Semibold;
    font-weight: 600
}

.kf-list span:nth-child(2) svg {
    color: #333
}

.list-wrapper.beian .desc {
    font-size: 18px;
    line-height: 25px;
    color: #0052d9;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.list-wrapper.beian .desc i {
    margin-left: 10px
}

@media (max-width: 768px) {
    .header-container-wrap a img {
        height:52px
    }

    .header-container .nav-item {
        padding: 0 5px
    }

    li#Secondary_Navbar-Account-themeMode {
        display: none
    }
}

.home-event {
    position: relative;
    z-index: 1;
    margin: -60px 0
}

.home-event .event-items {
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1.5px solid #fff;
    background-color: rgba(255,255,255,.6);
    box-shadow: 0 4px 33px rgb(190 196 207 / 28%)
}

.home-event .event-item {
    display: flex;
    align-items: center;
    flex: 1;
    color: #4a5072;
    height: 110px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 1.3rem
}

.home-event .event-item-icon {
    height: 70px;
    width: 70px;
    margin-right: 20px;
    background-size: 70px;
    background-position: center;
    background-repeat: no-repeat
}

.home-event .event-item-info h3 {
    font-size: 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #282c33;
    margin-bottom: 5px
}

.home-event .event-item-info p {
    color: #999;
    margin-bottom: 0
}

.home-event .event-item-icon.icon1 {
    background-image: url("../img/home/sub1.png")
}

.home-event .event-item-icon.icon2 {
    background-image: url("../img/home/sub2.png")
}

.home-event .event-item-icon.icon3 {
    background-image: url("../img/home/sub3.png")
}

.home-event .event-item-icon.icon4 {
    background-image: url("../img/home/sub4.png")
}

@media screen and (max-width: 770px) {
    section.home-event {
        margin-top:-20px
    }

    .home-event .event-item {
        margin-bottom: 20px;
        background-position-x: 130%!important
    }
}

@media screen and (min-width: 996px) {
    .bor-header-container-top {
        padding-left:50px
    }
}

li#Secondary_Navbar-Account-Account_Security {
    display: none
}

.footer-split {
    width: 100%;
    height: 9px;
    margin-top: -1px;
    background: linear-gradient(90.07deg,#4080ff .78%,#165dff)
}

.home-news .news-item .item-active-1 {
    background-image: url(../img/news/img-1.81aebf8e.png);
    transition: .4s
}

.home-news .news-item .item-active-2 {
    background-image: url(../img/news/img-2.30e41ed4.png);
    transition: .4s
}

.home-news .news-item .item-active-3 {
    background-image: url(../img/news/img-3.578df191.png);
    transition: .4s
}

.home-news .news-item .item-active-4 {
    background-image: url(../img/news/img-4.2e6386fe.png);
    transition: .4s
}

.home-news .news-item:hover {
    background-size: cover;
    z-index: 11
}

.home-news .news-item:hover .item-active-1 {
    background-image: url(../img/news/img-1-active.53e88a18.png)
}

.home-news .news-item:hover .item-active-2 {
    background-image: url(../img/news/img-2-active.9653cffb.png)
}

.home-news .news-item:hover .item-active-3 {
    background-image: url(../img/news/img-3-active.588da18c.png)
}

.home-news .news-item:hover .item-active-4 {
    background-image: url(../img/news/img-4-active.e95f6a99.png)
}

.home-news .news-item .item-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 170px;
    width: 140px;
    background-size: cover
}

.hero-card-item {
    display: flex;
    margin-bottom: 15px;
    border-radius: 10px;
    height: 124px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.1);
    border: 1px solid hsla(0,0%,100%,.1);
    box-shadow: 0 4px 40px rgb(0 110 255 / 10%);
    color: #fff;
    padding: 24px 15px;
    cursor: pointer;
    overflow: hidden
}

.hero-card-item .item-title {
    font-size: 19px;
    font-weight: 900;
    color: #000;
    line-height: 28px;
    margin-bottom: 6px;
    margin-top: 8px;
    font-family: djf
}

.hero-card-item .item-text {
    font-size: 15px;
    color: #000;
    opacity: .5;
    font-weight: 500
}

.hero-card-item:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(hsla(0,0%,100%,.15),hsla(0,0%,100%,.06));
    z-index: -1
}

.hero-card-item .item-text {
    opacity: 1
}

.hero-card-item video {
    margin-right: 10px
}

.home-notices {
    height: 60px;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.2);
    box-shadow: inset 0 4px 4px hsl(0deg 0% 100% / 1%),inset 0 0 68px hsl(0deg 0% 100% / 1%)
}

.home-notices .splide--ttb>.splide__pagination {
    display: none
}

.home-notices .splide__arrows {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 100;
    display: inline-block
}

.home-notices .splide__arrow {
    display: block;
    height: 16px;
    width: 16px;
    font-size: 1.5rem;
    outline: 0;
    background-color: transparent;
    position: relative
}

.home-notices .splide__arrow svg {
    max-height: 16px;
    max-width: 16px
}

.home-notices .splide--ttb>.splide__arrows .splide__arrow--prev {
    top: 0;
    margin-bottom: 15px;
    color: #fff
}

.home-notices .splide--ttb>.splide__arrows .splide__arrow--next {
    bottom: 10px;
    color: #fff
}

.home-notices .splide__slide {
    display: flex;
    align-items: center
}

.home-notices .splide__slide .badge-cell {
    margin-right: 15px;
    padding: 3px 11px;
    border-radius: 13px;
    background: #009ef7;
    font-size: .875rem;
    color: #fff;
    font-weight: 600
}

.home-notices .splide__slide .text {
    padding-left: 10px
}

.home-notices .splide__slide .text a {
    color: #0a0a0a;
    font-size: 14px
}

.hero-card-item img {
    height: 64px;
    margin-right: 10px;
    width: 64px
}

@media (max-width: 768px) {
    .new_plan .plan_advert .pc_img {
        display:none
    }

    .new_plan .plan_advert .mobile_img {
        display: block
    }

    .new_plan .plan_advert .center1200 {
        justify-content: space-between
    }

    .hero-card-item {
        height: unset;
        padding: 12px;
        border-radius: 3px
    }

    .hero-card-item video {
        width: 28px;
        height: 28px
    }

    .hero-card-item .item-text {
        display: none
    }

    .hero-card-item .item-title {
        margin: 0;
        font-size: 14px
    }

    .hero-card-item img {
        width: 28px;
        height: 28px
    }

    .wrap-main-swiper .swiper-slide {
        height: 650px;
        background-size: auto 650px
    }

    .wrap-main-swiper .content-slide {
        height: 450px;
        max-height: 450px;
        padding-top: 30px
    }

    .swiper-pagination-bullets {
        top: -50px
    }

    .wrap-main-swiper .content-slide .slogan {
        font-size: 2rem
    }
}

.dropdown-menu {
    border: 0 none;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgb(64 64 64 / 15%)
}

.index-section-header {
    text-align: center;
    margin-bottom: 70px
}

.index-section-header p {
    margin-bottom: 0!important
}

.index-section-header-title {
    margin-bottom: 10px
}

.CatalogBlock_tab__E_OiC {
    cursor: pointer;
    height: 160px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(45,60,100,.03),0 4px 32px rgba(45,60,100,.05);
    transition: background .3s ease-in-out
}

.CatalogBlock_tabs__32aFe {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 16px;
    gap: 16px
}

.CatalogBlock_tabContent__iohZQ {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 20px
}

.CatalogBlock_tabTitle__ROiJq {
    margin: 0;

    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #373e45;
    transition: color .3s ease-in-out
}

.CatalogBlock_tabIcon__sJJHg {
    width: 48px;
    height: 48px;
    margin-top: auto
}

.CatalogBlock_icon__uu1KW {
    position: absolute;
    z-index: 0;
    right: 16px;
    bottom: 16px;
    transition: color .3s ease-in-out
}

.CatalogBlock_products__xhDSm.CatalogBlock_active__UNG0L {
    width: 100%;
    height: auto;
    padding: 48px;
    visibility: visible
}

.CatalogBlock_products__xhDSm {
    position: absolute;
    left: 0;
    display: grid;
    grid-column: 1/5;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 16px;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    margin-top: 16px;
    padding: 0;
    visibility: hidden;
    background: #212830;
    border-radius: 12px;
    transition: height .3s ease-in-out;
    z-index: 9
}

.CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L,.CatalogBlock_tab__E_OiC:hover {
    background: #212830
}

.CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L .CatalogBlock_icon__uu1KW,.CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L .CatalogBlock_tabTitle__ROiJq,.CatalogBlock_tab__E_OiC:hover .CatalogBlock_icon__uu1KW,.CatalogBlock_tab__E_OiC:hover .CatalogBlock_tabTitle__ROiJq {
    color: #fff
}

.CatalogBlock_productsTitle__kRs56 {
    grid-column: 1/5;
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 36px;
    color: #fff;
    letter-spacing: -.01em
}

.CatalogBlock_card__ROIvh {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background: #373e45;
    border-radius: 8px;
    outline: 1px solid transparent;
    transition: outline-color .3s ease-in-out
}

.CatalogBlock_cardTitle__Q5XCI {

    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0
}

.CatalogBlock_cardText__Fc7tT {
    overflow: hidden;
    display: -webkit-box;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #a6a9ac;
    letter-spacing: .01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.CatalogBlock_cardIcon__qPKjQ {
    -ms-flex: none;
    flex: none
}

@media (max-width: 768px) {
    .CatalogBlock_tabs__32aFe {
        display:block
    }

    .CatalogBlock_products__xhDSm {
        display: block
    }

    .CatalogBlock_card__ROIvh {
        margin-bottom: 20px
    }

    .CatalogBlock_tab__E_OiC {
        margin-bottom: 20px!important
    }

    span.index-module-textbg {
        font-size: 35px
    }

    .index-section-header-title h2 {
        font-size: 22px
    }
}

.page-body.page-home {
    width: 100%;
    left: 0
}

body.bg-theme {
    background: #f5f7fd
}

.verification-banner.email-verification {
    display: none
}

img.avatar-menu {
    width: 50px;
    border-radius: 50%
}

.header-container .nav-item a i {
    font-size: 18px;
    margin-right: 10px;
    color: #5e6673
}

.dropdown-toggle::after {
    border: solid #949499;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px
}

.newsContainer-vMFw {
    -moz-box-pack: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .newsContainer-vMFw {
        background:#fff;
        border-radius: 8px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 12px
    }

    .newsItem-y_ek {
        -moz-box-pack: justify;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 12px
    }
}

@media screen and (max-width: 767px) {
    .newsItem-y_ek {
        width:100%
    }

    .newsItem-y_ek:nth-child(-n+3) .newsTitleWrap-sM5T {
        border-bottom: 1px solid #eaedf1
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .newsItem-y_ek {
        width:50%
    }

    .newsItem-y_ek:nth-child(-n+2) .newsTitleWrap-sM5T {
        border-bottom: 1px solid #eaedf1
    }
}

@media screen and (min-width: 1024px) {
    .newsItem-y_ek {
        -moz-box-flex:1;
        -webkit-flex: 1 1;
        flex: 1 1;
        margin-left: 32px
    }

    .newsItem-y_ek:hover .newsTitle-ZYMW {
        color: #1664ff
    }

    .newsItem-y_ek:hover .newsPicPc-czWx {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .newsItem-y_ek:first-child {
        margin-left: 0
    }
}

.newsTitleWrap-sM5T {
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-pack: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .newsTitleWrap-sM5T {
        padding:12px 0
    }
}

.newsTitleWrap-sM5T .newsTitle-ZYMW {
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    color: #020814;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1023px) {
    .newsTitleWrap-sM5T .newsTitle-ZYMW {
        font-size:14px;
        line-height: 22px
    }
}

@media screen and (min-width: 1024px) {
    .newsTitleWrap-sM5T .newsTitle-ZYMW {
        font-size:18px;
        letter-spacing: .003em;
        line-height: 26px
    }
}

.newsTitleWrap-sM5T .newsTagMob-p25n {
    color: #41464f;
    font-size: 12px;
    letter-spacing: .003em;
    line-height: 20px;
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .newsTitleWrap-sM5T .newsTagMob-p25n {
        display:none
    }
}

.newsPicPcWrap-DQNZ {
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1024px)and (max-width:1439px) {
    .newsPicPcWrap-DQNZ {
        height:155px
    }
}

@media screen and (min-width: 1440px)and (max-width:1679px) {
    .newsPicPcWrap-DQNZ {
        height:167px
    }
}

@media screen and (min-width: 1680px) {
    .newsPicPcWrap-DQNZ {
        height:189px
    }
}

@media screen and (max-width: 1023px) {
    .newsPicPcWrap-DQNZ {
        display:none
    }
}

.newsPicPcWrap-DQNZ .newsPicPc-czWx {
    display: block;
    height: 100%;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    width: 100%
}

.newsPicPcWrap-DQNZ .newsTagPc-egc0 {
    background-image: url(https://portal.volccdn.com/obj/volcfe/Home4.0/news/news_tag.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 20px;
    padding: 2px 17px 2px 12px;
    position: absolute
}

@media screen and (max-width: 1023px) {
    .newsPicPcWrap-DQNZ .newsTagPc-egc0 {
        display:none
    }
}

.newsPicMob-Yb8o {
    aspect-ratio: 4/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 12px;
    width: 27%
}

@media screen and (min-width: 1024px) {
    .newsPicMob-Yb8o {
        display:none
    }
}

section.home-bigdata {
    background-image: url(../img/number_banner_bg-cd7f2fde4ac2ef41d8918ee9d4834911.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

section.main-solutions {
    background: #f9fafc
}

.home-bigdata-contentlistitem {
    display: flex
}

.home-bigdata-contentlistitem p {
    margin-bottom: 0
}

.home-bigdata-contentlistitem img {
    width: 54px;
    height: 49px;
    margin-right: 20px
}

.home-bigdata-contentlistitem div div {
    display: flex;
    color: #181818;
    display: inline-block;
    font-size: 48px;
    position: relative;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

span.index-module--unit--cdOR6 {
    font-size: 20px;
    color: #181818;
    padding-left: 8px
}

.index-module--numberBox--iyObb {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

@media (max-width: 768px) {
    .home-bigdata-contentlistitem div div {
        font-size:18px
    }

    span.index-module--unit--cdOR6 {
        font-size: 14px
    }

    .home-bigdata-contentlistitem img {
        margin-right: 10px
    }

    .home-bigdata-contentlistitem {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

.active-link {
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.active-link:hover {
    color: #165dff!important
}

.menu-hover {
    padding-left: .1rem;
    margin-left: -.1rem;
    border-radius: 3px;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 rgba(191,191,191,.08);
    box-shadow: 0 0 0 rgba(191,191,191,.08)
}

.menu-hover:hover {
    -webkit-box-shadow: 0 0 10px rgba(191,191,191,.08);
    box-shadow: 0 0 10px rgba(191,191,191,.08)
}

.header-container-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-sizing: border-box
}

.header-container {
    position: relative;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    position: relative;
    height: 60px
}

.header-container:hover {
    background: #fff
}

.header-container.white {
    background: #fff
}

.bor-header-container-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    margin: 0 auto;
    height: 100%;
    padding-left: 20px
}

.header-container-left {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header-container-left .et-logo {
    display: inline-block;
    margin-right: 6%
}

.header-container-left .et-logo .bor-logo-img {
    margin-top: 16px;
    vertical-align: baseline
}

.header-container-left .et-diff-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

.header-container .nav-item {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #333;
    padding: 0 15px
}

.header-container .nav-item>span {
    color: #333;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.header-container .nav-item:hover>a>span,.header-container .nav-item:hover>span {
    color: #165dff
}

.header-container .nav-item:hover .menu-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-container .nav-item .hot-new {
    color: #181818
}

.header-container .nav-item .hot-new::after {
    content: "Hot";
    margin-left: 2px;
    color: #ff69b4
}

.menu-arrow {
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-left: .03rem;
    color: #e2e2e7;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s,-moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;
    vertical-align: middle;
    margin-top: -2px
}

.nav-item .nav-topbar-dropdown-wrap {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    z-index: 999;
    min-width: 1020px;
    overflow-y: hidden;
    -webkit-transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
    -o-transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
    -moz-transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
    transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
    background-color: #fff;
    box-shadow: 0 10px 8px rgba(0,0,0,.07)
}

.header-container .nav-item a {
    color: #181818;
    display: flex;
    align-items: center;
    font-weight: 500;
    flex-wrap: wrap;
}

.header-container .nav-item:hover .second-nav-topbar-dropdown {
    opacity: 1;
    height: 540px;
    max-height: 540px
}

.header-container .nav-item:hover .products-nav-topbar-dropdown {
    opacity: 1;
    height: 480px;
    max-height: 480px
}

.header-container .nav-item:hover .third-nav-topbar-dropdown {
    opacity: 1;
    height: 428px;
    max-height: 428px
}

.header-container .nav-item:hover .sixth-nav-topbar-dropdown {
    opacity: 1;
    height: 460px;
    max-height: 460px
}

.header-container .nav-item:hover .eigth-nav-topbar-dropdown {
    opacity: 1;
    height: 310px;
    max-height: 310px
}

.nav-item .nav-topbar-dropdown {
    color: #1b2226;
    height: 100%;
    z-index: 1;
    margin: 0 auto;
    padding-top: 0;
    background-color: #fff
}

.header-container-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header-container-right .bor-link {
    padding: 18px 28px;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    height: 100%;
    font-size: 15px;
    -moz-box-pack: center;
    border-radius: 0;
    display: block;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center;
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear;
    z-index: 2
}

.header-container-right .bor-link.et-trial {
    border-left: 1px solid #e6e9f0!important;
    color: #333
}

.header-container-right .bor-link.et-trial:hover {
    background-color: #165dff1f;
    color: #165dff
}

.header-container-right .bor-link.et-demonstract {
    color: #fff;
    background-color: var(--primary)
}

.header-container-right .bor-link.et-demonstract:hover {
    background-color: var(--primary-hover)
}

.nav-item .nav-topbar-dropdown>h2 {
    padding: 15px 0;
    text-align: left;
    font-size: 17px;
    font-weight: 500
}

.nav-item .product-title {
    color: #152235;
    font-size: 16px
}

.nav-item .bor-block-product-container {
    float: right;
    display: inline-block;
    width: 78%;
    height: auto;
    color: #0a0a0a;
    vertical-align: top;
    margin-top: .6rem
}

.nav-item .bor-block-product-container .product-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .2rem;
    max-width: 25%;
    padding-left: 10px;
    padding-right: 10px
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item-title {
    display: inline-block;
    width: 55%;
    line-height: normal;
    font-size: 15px;
    color: #818b99;
    font-weight: 400;
    vertical-align: middle;
    margin-bottom: 0
}

.nav-item .product-detail .bor-product-menu-second-wrap>hr {
    width: 90%;
    color: #87a0be;
    opacity: .36;
    margin: 10px 0
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item {
    display: block;
    color: #87a0be;
    line-height: 60px;
    cursor: default;
    margin: 10px 0
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-item-wrap {
    padding-left: .1rem;
    margin-left: -.1rem;
    border-radius: 3px
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item:first-of-type {
    margin-top: 0
}

.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-title {
    color: #047ad4
}

.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-info {
    color: #152235
}

.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-img {
    background-color: #d0e2f4
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #ebf3ff;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img .img {
    width: 54%
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary {
    display: inline-block;
    vertical-align: middle;
    margin-left: .05rem
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary>span {
    display: block;
    line-height: normal
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-title {
    font-size: 16px;
    color: #152235
}

.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-info {
    font-size: 13px;
    color: #727c8e;
    margin-top: .05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.nav-item .bor-block-product-container .product-version>img {
    width: 7px;
    vertical-align: middle;
    margin-left: 14px
}

.nav-item .bor-block-product-container .product-version>span {
    color: #87a0be;
    vertical-align: middle
}

.nav-item .bor-block-product-container .product-version>.iconmenu-arrow {
    font-size: 12px;
    color: #dde1e4;
    margin-left: .2rem
}

.nav-item .bor-block-product-type {
    float: left;
    width: 15%;
    height: 100%;
    border-right: 2px solid #f5f5f5;
    font-size: 14px;
    text-align: left;
    margin-top: 25px
}

.nav-item .bor-block-product-type .product-type-item {
    width: 100%;
    color: #152235;
    line-height: normal
}

.nav-item .bor-block-product-type .product-type-item a {
    display: block;
    font-size: 16px;
    color: #152235;
    margin-bottom: 24px
}

.nav-item .bor-block-product-type .product-function {
    white-space: normal
}

.nav-item .bor-block-product-type .product-function a {
    display: inline-block;
    width: 45%
}

.solution-nav-topbar .product-title {
    margin-top: .4rem
}

.container-top {
    margin-top: 24px
}

.nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu {
    width: 26%
}

.second-menu-inner-wrap {
    display: inline-block;
    width: 14%;
    margin-right: .6rem;
    vertical-align: top
}

.second-menu-inner-wrap>hr {
    color: #87a0be;
    opacity: .36;
    margin: 10px 0
}

.second-menu-inner-wrap .second-menu-title {
    line-height: normal;
    font-size: 15px;
    color: #818b99
}

.second-menu-inner-wrap .menu-title {
    display: inline-block;
    color: #152235;
    font-size: 15px
}

.second-menu-inner-wrap .third-menu-item-wrap {
    line-height: 45px
}

.second-menu-inner-wrap .third-menu-item-wrap .between-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.second-menu-inner-wrap .third-menu-item-wrap .between-item .econ::after {
    content: "";
    padding: 2px 4px;
    background-color: #fffae5;
    color: #f93;
    font-size: 12px;
    margin-left: .03rem
}

.menu-icon {
    display: none;
    position: relative;
    height: 48px;
    width: 48px;
    vertical-align: middle;
    overflow: hidden;
    margin-top: -2px;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent
}

.menu-icon .nav-trigger {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    background-color: #404040;
    height: 2px;
    width: 24px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.menu-icon .nav-trigger:after,.menu-icon .nav-trigger:before {
    position: absolute;
    background-color: #404040;
    height: 2px;
    width: 24px;
    content: "";
    left: 0;
    transition: -webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s,-moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;
    transition: transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;
    transition: transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.menu-icon .nav-trigger:before {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px)
}

.menu-icon .nav-trigger:after {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px)
}

.menu-icon.active .nav-trigger {
    background-color: transparent
}

.menu-icon.active .nav-trigger:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-icon.active .nav-trigger:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-container-wrap .nav-side-menu {
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 399;
    overflow: hidden;
    background-color: rgba(55,61,65,.4)
}

.header-container-wrap .dropdown-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 100%;
    z-index: 399;
    opacity: 1
}

.nav-side-menu.show {
    -webkit-animation: showSide .5s;
    -moz-animation: showSide .5s;
    -o-animation: showSide .5s;
    animation: showSide .5s;
    opacity: 1
}

.nav-side-menu.hide {
    -webkit-animation: hideSide .5s;
    -moz-animation: hideSide .5s;
    -o-animation: hideSide .5s;
    animation: hideSide .5s;
    opacity: 0
}

.nav-side-menu.show .dropdown-wrap {
    -webkit-animation: showMove .5s;
    -moz-animation: showMove .5s;
    -o-animation: showMove .5s;
    animation: showMove .5s;
    left: 0
}

.nav-side-menu.hide .dropdown-wrap {
    -webkit-animation: hideMove .5s;
    -moz-animation: hideMove .5s;
    -o-animation: hideMove .5s;
    animation: hideMove .5s;
    left: 100%
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    overflow: auto;
    background-color: #fff
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: self-start;
    -webkit-align-items: self-start;
    -moz-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 140px;
    background-color: #f2f4f7;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t {
    width: 100%
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item {
    width: 100%;
    padding: 14px 0;
    color: #181818;
    border-bottom: 1px solid #e0e0e0
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item.active {
    color: var(--primary)
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t ul {
    list-style: none;
    padding: 0
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f {
    width: 100%
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item {
    display: block;
    padding: 8px 0;
    color: #787979;
    position: relative
}

.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 12px;
    height: 5px;
    background-image: url(../img/page/icon-link.svg)
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0 10px 15px;
    overflow: auto
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #272727
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-first-title {
    display: block;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #ececec;
    line-height: 42px
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item,.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main>a {
    width: 100%;
    padding-right: 20px
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #272727;
    margin-top: 11px
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span {
    display: block;
    font-size: 14px;
    color: #6f7786;
    margin-top: 18px
}

.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span::after {
    content: "";
    width: 6px;
    height: 12px;
    background: url(../../images/lanyun/icon/icon-arrow-right.svg) no-repeat right/cover;
    float: right
}

.banner .banner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 350px
}

.banner .banner-container .banner-text-wrap {
    color: #fff;
    max-width: 1140px
}

.banner .banner-container .banner-text-wrap .banner-text {
    text-align: center;
    color: #fff
}

.banner .banner-container .banner-text-wrap .banner-text .pOne {
    font-size: 59px;
    margin-bottom: 30px
}

.banner .banner-container .banner-text-wrap .banner-text .pTwo {
    font-size: 18px;
    margin-top: 29px;
    line-height: 33px
}

.version {
    padding: 68px;
    text-align: center
}

.version .version-title {
    text-align: center;
    font-size: 32px;
    color: #17214c;
    font-weight: 400;
    margin-bottom: 65px
}

.version .ver-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1180px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 55px;
    text-align: left
}

.version .ver-wrap .version-container {
    position: relative;
    width: 556px;
    max-width: 556px;
    margin: 0 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 42px 38px 80px;
    flex-shrink: 1;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 5px rgba(165,165,165,.35);
    box-shadow: 3px 3px 5px rgba(165,165,165,.35)
}

.version .ver-wrap .version-container>h3 {
    color: #307fe2;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 58px
}

.version .ver-wrap .version-container>h4 {
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 29px
}

.version .ver-wrap .version-container>p {
    color: #5a5a66;
    font-size: 14px;
    margin-bottom: 5px
}

.version .ver-wrap .version-container .major-function {
    background-color: #f5fbff;
    padding: 21px 18px;
    height: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    text-align: left
}

.version .ver-wrap .version-container .major-function h5 {
    font-size: 14px;
    color: #191919;
    margin-bottom: 23px
}

.version .ver-wrap .version-container .major-function li {
    font-size: 14px;
    color: #5a5a66;
    margin: 14px 0
}

.version .ver-wrap .version-container .major-function li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background: url(../../images/lanyun/icon/icon-tick-bg.svg) no-repeat center/cover;
    vertical-align: middle
}

.version .ver-wrap .version-container .contact-btn {
    width: 100%;
    margin-top: 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.version .ver-wrap .version-container .contact-btn a {
    width: 45%;
    display: inline-block;
    font-size: 18px;
    padding: 10px 0;
    text-align: center
}

.version .ver-wrap .version-container .contact-btn .try {
    background-color: #307fe2;
    color: #fff;
    -webkit-transition: background-color .3s,color .3s;
    -o-transition: background-color .3s,color .3s;
    -moz-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

.version .ver-wrap .version-container .contact-btn .ask {
    border: 1px solid #307fe2;
    color: #307fe2;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.version .ver-wrap .version-container .contact-btn .try:hover {
    background-color: #4baaea
}

.version .ver-wrap .version-container .contact-btn .ask:hover {
    border: 1px solid #4baaea;
    background-color: #e6f4fd
}

.version .version-free {
    position: absolute;
    top: -2px;
    left: 5%;
    display: block;
    width: 50px
}

.fire-icon {
    display: inline-block;
    width: 9px;
    height: 11px;
    margin-left: 4px
}

.arrow-right {
    display: inline-block;
    width: 6px;
    line-height: 10px
}

@-webkit-keyframes showSide {
    0% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes showSide {
    0% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes showSide {
    0% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 1
    }
}

@keyframes showSide {
    0% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hideSide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        display: none
    }
}

@-moz-keyframes hideSide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        display: none
    }
}

@-o-keyframes hideSide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        display: none
    }
}

@keyframes hideSide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        display: none
    }
}

@-webkit-keyframes showMove {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-moz-keyframes showMove {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-o-keyframes showMove {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@keyframes showMove {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes hideMove {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-moz-keyframes hideMove {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-o-keyframes hideMove {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@keyframes hideMove {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

.home-customer {
    text-align: center
}

.home-customer .customer-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 56px;
    margin-bottom: 60px
}

.home-customer .customer-logo>a {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

.home-customer .customer-logo .logo {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    width: 96%;
    margin: 8px 0;
    border: 1px solid #ededed;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-customer .customer-logo .logo img {
    display: inline-block;
    width: 100%
}

.area-section {
    padding-top: 64px;
    padding-bottom: 64px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.area-section .title {
    font-size: 32px;
    color: #1b1c1c;
    font-weight: 400;
    margin-bottom: 12px
}

.area-section .title2 {
    font-size: 16px;
    font-weight: 400;
    color: #777;
    max-width: 850px;
    margin: 0 auto 40px
}

.area-section .carousel-item {
    width: 1144px
}

.button {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: background-position .3s ease-in-out;
    -o-transition: background-position .3s ease-in-out;
    -moz-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out
}

.button__left {
    margin-left: 30px
}

.button__right {
    margin-right: 30px
}

.button__normal {
    width: 166px;
    height: 46px;
    font-size: 18px;
    line-height: 46px
}

.button__large {
    width: 190px;
    height: 49px;
    font-size: 18px;
    line-height: 49px
}

.button.button-theme__blue {
    color: #fff;
    background-image: -webkit-linear-gradient(340deg,#1c96ff,#06f,#a72dda);
    background-image: -moz-linear-gradient(340deg,#1c96ff,#06f,#a72dda);
    background-image: -o-linear-gradient(340deg,#1c96ff,#06f,#a72dda);
    background-image: linear-gradient(110deg,#1c96ff,#06f,#a72dda);
    -o-background-size: 200%;
    background-size: 200%
}

.button-theme__blue:hover {
    background-position: 100% 20%
}

.button.button-theme__white {
    background-image: -webkit-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);
    background-image: -moz-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);
    background-image: -o-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);
    background-image: linear-gradient(120deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);
    color: #047ad4;
    -o-background-size: 300%;
    background-size: 300%;
    -webkit-transition: background-position .3s ease-in-out,color .3s ease-in-out;
    -o-transition: background-position .3s ease-in-out,color .3s ease-in-out;
    -moz-transition: background-position .3s ease-in-out,color .3s ease-in-out;
    transition: background-position .3s ease-in-out,color .3s ease-in-out
}

.button-theme__white:hover {
    color: #fff;
    background-position: 100% 19%
}

.button.button-theme__orange {
    position: relative;
    border: 1px solid #047ad4;
    background-image: -webkit-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);
    background-image: -moz-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);
    background-image: -o-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);
    background-image: linear-gradient(315deg,#f9bb30 0,#ff890d 74%)
}

.button.button-theme__orange:hover {
    background-image: -webkit-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);
    background-image: -moz-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);
    background-image: -o-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);
    background-image: linear-gradient(315deg,#ffc74a 0,#ff9b33 74%)
}

.button.button-theme__white2 {
    border: 1px solid #047ad4;
    background-color: #fff;
    color: #047ad4;
    -webkit-transition: color .3s,background-color .3s;
    -o-transition: color .3s,background-color .3s;
    -moz-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

.button-theme__white2:hover {
    color: #fff;
    background-color: #c5e8ff4a
}

.button-theme__white.color__black:hover,.button-theme__white2.color__black:hover {
    color: #fff
}

.button.button-theme__transparent {
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.button.button-theme__transparent:hover {
    background-color: #56ade84a
}

.button.color__black {
    color: #232d5d
}

.waves {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    z-index: 1
}

.waves .waves-animation {
    position: absolute;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    opacity: 0;
    background: rgba(255,255,255,.3);
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    transition: all .7s ease-out;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

@media screen and (min-width: 770px) {
    body {
        min-width:1020px
    }

    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #f5f5f5
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #f5f5f5
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        background-color: #c8c8c8
    }
}

@media screen and (max-width: 1100px) {
    .menu-arrow {
        display:none
    }
}

@media screen and (min-width: 770px) and (max-width:1200px) {
    .bor-header-container-top {
        min-width:1020px
    }

    .header-container .nav-item:hover .second-nav-topbar-dropdown {
        height: 510px;
        max-height: 510px
    }

    .nav-item .product-detail .bor-product-menu-second-wrap>hr {
        margin: 6px 0
    }

    .nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu {
        min-width: 245px
    }

    .header-container .nav-item:hover .eigth-nav-topbar-dropdown {
        height: 280px;
        max-height: 280px
    }
}

@media screen and (max-width: 770px) {
    .header-container {
        background-color:#fff
    }

    .header-container .bor-link {
        display: none
    }

    .header-container-left .et-diff-intro {
        display: none
    }

    .header-container-right .menu-icon,.header-container-right .user-icon {
        display: inline-block
    }

    .pc-footer {
        display: none
    }

    #footer {
        display: block
    }

    .version {
        padding: 50px 12px
    }

    .version .version-title {
        font-size: 28px
    }

    .version .ver-wrap {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        min-width: auto;
        margin-bottom: 0
    }

    .version .ver-wrap .version-container {
        width: 90%;
        padding: 40px 18px;
        text-align: left;
        margin: 0 auto 30px;
        -webkit-box-shadow: 3px 3px 10px rgb(165 165 165 / 10%);
        box-shadow: 3px 3px 10px rgb(165 165 165 / 10%)
    }

    .version .ver-wrap .version-container>h3 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .version .ver-wrap .version-container>h4 {
        font-size: 16px;
        margin-bottom: 16px
    }

    .version .ver-wrap .version-container .major-function {
        margin-top: 20px
    }

    .version .ver-wrap .version-container .contact-btn {
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .version .ver-wrap .version-container .contact-btn a {
        font-size: 16px
    }

    .home-customer .customer-logo>a {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 33%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%
    }

    .home-customer .customer-logo .logo {
        width: 94%;
        height: auto
    }

    .home-customer .customer-logo .logo img {
        width: 100%
    }

    .home-customer .customer-logo {
        margin-bottom: 32px;
        margin-top: 40px
    }

    .area-section {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .area-section .title {
        font-size: 28px
    }

    .button__normal {
        width: 120px;
        height: 40px;
        font-size: 17px;
        line-height: 40px
    }

    .button__large {
        width: 146px;
        height: 50px;
        font-size: 18px;
        line-height: 50px
    }
}

.header-container-wrap a {
    text-decoration: none!important
}

.solution-menu-main {
    margin-top: 30px
}

.main-menu-title {
    position: relative;
    padding-left: 18px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px
}

.main-menu-title:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    display: block;
    height: 20px;
    width: 4px;
    background: #165dff
}

.solution-item {
    line-height: unset;
    border: 1px solid #e6e9f0;
    transition: all .1s;
    margin-top: 20px;
    background-color: #fff;
    border: solid 2px #fff;
    border-radius: 2px
}

.solution-item .nav-item-name {
    padding-left: 20px
}

.solution-item:hover {
    color: #165dff;
    cursor: pointer;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0f2f5),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    background-image: -o-linear-gradient(top,#f0f2f5 0,#fff 100%),-o-linear-gradient(#fff,#fff);
    background-image: linear-gradient(180deg,#f0f2f5 0,#fff 100%),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal;
    -webkit-box-shadow: 0 4px 20px 0 rgb(0 53 128 / 10%);
    box-shadow: 0 4px 20px 0 rgb(0 53 128 / 10%);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.solution-menu-box-body {
    margin-bottom: 20px
}

.product-menu-item-box {
    margin-top: 10px;
    line-height: unset;
    border: 1px solid #e6e9f0;
    transition: all .1s;
    display: block;
    padding: 12px 20px;
    max-width: 227px
}

.product-menu-item-box .menu-title {
    width: 100%;
    display: block;
    line-height: normal;
    margin-bottom: 5px
}

.product-menu-item-box .menu-info {
    width: 100%;
    display: block;
    line-height: normal
}

.product-menu-item-box:hover {
    border: 1px solid #165dff;
    color: #165dff;
    cursor: pointer
}

.product-menu-item-box:hover .menu-info,.product-menu-item-box:hover .menu-title {
    color: #165dff!important
}

.nav-item .bor-block-product-type .product-type-item a {
    border-radius: 8px;
    color: #165dff;
    background-color: #165dff1c!important;
    padding: 10px;
    margin-right: 10px
}

.nav-item .bor-block-product-type .product-type-item a img {
    margin-right: 5px
}

.old-system-login {
    margin-right: 12px;
    color: #333
}

.header-dropdown-left {
    box-sizing: border-box;
    max-height: 600px;
    min-height: 300px;
    padding: 36px 0 40px 50px;
    background: #f6f9fe url(https://bce.bdstatic.com/p3m/common-service/uploads/left_backend_new_ba6a747.png) right bottom no-repeat;
    background-size: 236px auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    float: left;
    width: 20%;
    height: 100%;
    font-size: 14px;
    text-align: left
}

.header-dropdown-left {
    box-sizing: border-box;
    max-height: 600px;
    min-height: 300px;
    padding: 36px 0 40px 50px;
    background-size: 236px auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between
}

.header-dropdown-left.product {
    background: #f6f9fe url(../img/header/headerbg_1.svg) right bottom no-repeat
}

.header-dropdown-left.products {
    background: linear-gradient(90deg,#ebf2fd,#ebf2fd 100%,#fff 0,#fff)
}

.header-dropdown-left.solution {
    background: linear-gradient(90deg,#ebf2fd,#ebf2fd 100%,#fff 0,#fff)
}

.header-dropdown-left.services {
    background: linear-gradient(90deg,#ebf2fd,#ebf2fd 100%,#fff 0,#fff)
}

.header-dropdown-left.about {
    background: #f6f9fe url(../img/header/headerbg_5.svg) right bottom no-repeat
}

.header-dropdown-left .header-dropdown-nav {
    box-sizing: border-box;
    overflow: auto
}

.header-dropdown-left .header-dropdown-nav .header-all-product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title h2 {
    margin-bottom: 16px
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title p {
    margin-bottom: 16px
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button {
    margin-bottom: 24px;
    vertical-align: middle;
    padding-right: 10px;
    font: 600 14px/22px PingFangSC-Semibold;
    height: 22px;
    color: #222;
    position: relative
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    right: -8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow_aca2afe.svg) no-repeat center/cover;
    transition: right .3s cubic-bezier(.25, .1, .25, .1)
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover {
    color: #2468f2
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover::after {
    right: -16px;
    background-image: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow-hover_5c62c57.svg)
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li {
    float: left;
    clear: left;
    position: relative;
    font: 400 14px/22px PingFangSC-Regular;
    color: #222;
    margin-bottom: 16px;
    cursor: default
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li::after {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    top: 27px;
    height: 2px;
    background-color: #2468f2;
    transition: width .3s linear
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li.current {
    color: #2468f2
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li.current::after {
    width: 100%
}

.header-dropdown-left .header-dropdown-nav .header-left-jump {
    display: block;
    float: left;
    clear: left;
    position: relative;
    font: 400 14px/22px PingFangSC-Regular;
    color: #222;
    cursor: pointer
}

.header-dropdown-left .header-dropdown-nav .header-left-jump:hover {
    color: #2468f2
}

.header-dropdown-left .header-left-extends {
    padding-right: 24px;
    box-sizing: border-box;
    white-space: pre-line
}

.header-dropdown-left .header-left-title {
    font: 400 20px/28px PingFangSC;
    color: #222
}

.header-dropdown-left .header-left-desc {
    font: 400 14px/22px PingFangSC-Regular;
    padding-right: 24px;
    box-sizing: border-box;
    color: rgba(34,34,34,.7)
}

.header-dropdown-left {
    padding-left: calc((100% - 1438px)/ 2);
    min-width: 288px
}

.header-dropdown-left .header-dropdown-nav {
    width: 238px
}

.header-dropdown-left .header-left-extends {
    width: 238px
}

.header-dropdown-left .header-left-desc {
    width: 238px;
    white-space: initial
}

.product-type-item {
    width: 100%;
    color: #152235;
    line-height: normal
}

.product-type-item a {
    display: block;
    font-size: 16px;
    color: #152235;
    margin-bottom: 24px
}

.product-type-item img {
    width: 30px
}

.solution-menu-main>.row {
    margin: 0
}

.product-info-card {
    margin-bottom: 10px;
    line-height: normal;
    border: 1px solid #e6e9f0;
    transition: all .1s;
    padding: 10px 20px
}

.product-info-card-name {
    color: #333;
    line-height: normal
}

small.product-info-card-headline {
    color: #333;
    line-height: normal!important;
    height: auto;
    margin-top: 10px;
    display: block
}

.header-dropdown-left .header-dropdown-nav {
    box-sizing: border-box;
    overflow: auto
}

.header-dropdown-left .header-dropdown-nav .header-all-product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title h2 {
    margin-bottom: 16px
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title p {
    margin-bottom: 16px
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button {
    margin-bottom: 24px;
    vertical-align: middle;
    padding-right: 10px;
    font: 600 14px/22px PingFangSC-Semibold;
    height: 22px;
    color: #222;
    position: relative
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    right: -8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow_aca2afe.svg) no-repeat center/cover;
    transition: right .3s cubic-bezier(.25, .1, .25, .1)
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover {
    color: #2468f2
}

.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover::after {
    right: -16px;
    background-image: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow-hover_5c62c57.svg)
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li {
    float: left;
    clear: left;
    position: relative;
    font: 400 14px/22px PingFangSC-Regular;
    color: #222;
    margin-bottom: 16px;
    cursor: default
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li::after {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    top: 27px;
    height: 2px;
    background-color: #2468f2;
    transition: width .3s linear
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li.current {
    color: #2468f2
}

.header-dropdown-left .header-dropdown-nav .header-left-nav li.current::after {
    width: 100%
}

.header-dropdown-left .header-dropdown-nav .header-left-jump {
    display: block;
    float: left;
    clear: left;
    position: relative;
    font: 400 14px/22px PingFangSC-Regular;
    color: #222;
    cursor: pointer
}

.header-dropdown-left .header-dropdown-nav .header-left-jump:hover {
    color: #2468f2
}

.header-dropdown-left .header-left-extends {
    padding-right: 24px;
    box-sizing: border-box;
    white-space: pre-line
}

.header-dropdown-left .header-left-title {
    font: 400 20px/28px PingFangSC;
    color: #222
}

.header-dropdown-left .header-left-desc {
    font: 400 14px/22px PingFangSC-Regular;
    padding-right: 24px;
    box-sizing: border-box;
    color: rgba(34,34,34,.7)
}

.header-dropdown-left .header-dropdown-nav {
    width: 238px
}

.header-dropdown-left .header-left-extends {
    width: 238px
}

.header-dropdown-left .header-left-desc {
    width: 238px;
    white-space: initial
}

.product-info-card:hover {
    border-color: #165dff
}

.product-info-card:hover .product-info-card-name {
    color: #165dff!important
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap.active {
    display: block;
    width: 100%;
    max-width: 100%
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap {
    display: none
}

.bor-product-menu-second-wrap .card {
    border-color: #ebf0fc
}

.bor-product-menu-second-wrap .card:hover {
    background-color: #f9faff;
    text-decoration: none;
    border-color: #06f;
    color: #06f
}

.bor-product-menu-second-wrap .card .card-text {
    color: #444
}

.bor-product-menu-second-wrap .card:hover .card-text {
    color: #444
}

.product-type-item a img {
    height: 24px
}

.product-type-item a {
    border-radius: 8px;
    padding: 5px 5px;
    margin-right: 10px;
    transition: all .3s
}

.product-type-item a.active {
    color: #165dff;
    background-color: #165dff1a!important
}

.product-type-item a img {
    margin-right: 5px;
    width: 24px
}

.product-detail {
    margin-top: 30px
}

main {
    margin-top: 60px
}

.prodNav a {
    margin-top: 20px;
    background-color: #fff;
    padding: 15px 30px 15px 30px
}

.prodNav a h4 {
    font-size: 16px;
    font-weight: 500
}

.prodNav a p {
    margin-top: 3px;
    color: #7d87a5;
    line-height: initial;
    margin-bottom: 0
}

.ffsub a:hover,.prodNav a:hover {
    background: #f8f8fa;
    border-left: 5px solid #165dff
}

.prodNav a:hover h4,.prodNav a:hover p {
    color: #fff
}

.user-icon {
    display: none;
    position: relative;
    height: 48px;
    width: 48px;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    overflow: hidden;
    margin-right: 10px
}

.user-icon svg {
    position: absolute;
    left: 50%;
    top: 12px;
    bottom: auto;
    right: auto
}

.header-container-wrap .nav-user-menu.show {
    display: block
}

.header-container-wrap .nav-user-menu {
    top: 70px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 398;
    overflow: hidden;
    background-color: rgba(55,61,65,.4);
    -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    cursor: default;
    background: #fff
}

.user-menu-bottom {
    padding: 20px
}

ul.header-user-info-list.account-nav {
    list-style: none;
    padding-left: 0
}

.user-menu-top {
    padding: 20px;
    padding-bottom: 0
}

.header-user-info-split {
    height: 1px;
    line-height: 1;
    background: #dfe1e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px
}

ul.header-user-info-list.account-nav li a span {
    width: auto;
    min-width: 16px;
    background-color: var(--primary);
    float: right;
    padding: 0 4px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #fff!important;
    margin-top: 3px
}

ul.header-user-info-list.account-nav li a {
    height: 22px;
    line-height: 22px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #252b3a;
    font-size: 14px
}

.header-user-info-list .header-verification {
    padding-left: 0;
    line-height: 20px;
    text-align: right;
    height: 32px;
    display: block
}

.header-user-info-list>li {
    position: relative;
    line-height: 20px;
    color: #252b3a
}

.header-user-info-item-account>a {
    float: left;
    width: 50%
}

.header-user-info-list>li:not(.header-user-info-split) {
    padding-top: 5px;
    padding-bottom: 5px
}

a.account-verification.header-verification {
    margin-bottom: 5px
}

.header-menu-content a {
    display: block;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #f8f8fa;
    border: 1px solid transparent;
    margin-bottom: 20px
}

.header-menu-content a span {
    margin: 0;

    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #212830
}

.header-menu-content-right {
    margin-left: 10px
}

a.d-flex.flex-column.product-item {
    text-align: left;
    align-items: baseline;
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px 0 rgba(46,70,146,.05)
}

a.d-flex.flex-column.product-item:hover {
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    background-color: var(--primary)
}

.CatalogBlock_cardHead__ew_HX {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

@media (max-width: 1280px) {
    .CatalogBlock_cardHead__ew_HX {
        gap:.9375vw;
        margin-bottom: 1.25vw
    }
}

.CatalogBlock_card__ROIvh:hover {
    outline-color: #06c37f
}

@media (max-width: 768px) {
    .footer-advisory .title {
        font-size:26px
    }

    .footer-icon .desc-item-text .title {
        margin-bottom: 0;
        font-size: 14px
    }

    .footer-icon .desc-item {
        margin-bottom: 5px
    }

    .footer-icon .desc-item-text .desc {
        font-size: 12px
    }
}

.TZ_qLFdV span {
    color: #626f84
}

.TZ_qLFdV {
    display: flex;
    justify-content: center
}

.TZ_qLFdV .TZ_2H8wl img {
    margin-right: 8px;
    width: 24px
}

.TZ_qLFdV .TZ_2H8wl {
    display: flex;
    margin: 0 48px;
    font-size: 16px
}

.acp-home-earth-item-line {
    background-color: #34a853;
    border-radius: 4px;
    bottom: 0;
    height: 79px;
    left: 0;
    position: absolute;
    width: 4px
}

.acp-home-earth-item {
    margin-bottom: 40px
}

.acp-home-earth-item-amount,.acp-home-earth-item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.datacenter-right-content {
    grid-gap: 43px 100px;
    display: grid;
    gap: 43px 100px;
    grid-template-columns: 230px 1fr;
    margin-top: 40px
}

.acp-home-earth-item {
    padding-left: 23px;
    position: relative
}

.acp-home-earth-item-title {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    margin-bottom: 8px
}

.acp-home-earth-item-amount,.acp-home-earth-item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: block
}

.acp-home-earth-item-amount {
    font-size: 56px;
    font-weight: 700;
    display: flex;
    align-items: baseline
}

.acp-home-earth-item-unit {
    font-size: 20px;
    margin-left: 16px
}

.acp-home-earth-item-desc {
    font-size: 16px
}

.acp-home-earth-item-line {
    background-color: #34a853;
    border-radius: 4px;
    bottom: 0;
    height: 99px;
    left: 0;
    position: absolute;
    width: 4px
}

.datacenter-right {
    padding-left: 80px
}

@media (max-width: 768px) {
    video.acp-home-earth-video {
        max-width:100%;
        height: auto
    }

    .datacenter-right {
        padding-left: 0
    }

    .datacenter-right-content {
        display: block;
        display: grid;
        grid-gap: 1.5rem;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,auto)
    }

    .acp-home-earth-item-amount {
        font-size: 20px
    }

    .acp-home-earth-item-line {
        height: 50px
    }
}

p.slogan b {
    letter-spacing: 1px
}

.datacenter-right .main-title {
    font-family: djf
}

section.home-service.bg-white.space {
    padding-bottom: 0!important;
    background: #f5f7fb
}

.hero-card-item:hover {
    transition: all .5s;
    background: linear-gradient(180deg,#f0f4ff 34.55%,#f9fbff 100%)
}

.pageError h3 {
    color: #434e59;
    font-size: 72px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 24px;
    padding-top: 20px
}

.pageError p {
    color: rgba(0,0,0,.45);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.invoice-main .card,.invoice-slide .card,body.clientareadetails .card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    overflow: hidden;
    width: 100%;
    border: none
}

.invoice-main .card-header,.invoice-slide .card-header,body.clientareadetails .card-header {
    background: 0 0;
    border-bottom: 0
}

body.clientareadetails .primary-content.main-container,body.viewinvoice .primary-content.main-container {
    background: #f6f8fa
}

.invoice-main .card .card {
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 2px;
    box-shadow: none
}

.card .card .card-header {
    background: #f6f8fa;
    border-color: #eaedf1
}

.invoice-main .table td,.invoice-main .table th {
    border-color: #eaedf1
}

.invoice-main .btn-group.btn-group-sm.d-print-none a {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08);
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
    padding: 5px 20px!important
}

.invoice-main .btn-group.btn-group-sm.d-print-none a:last-child {
    color: #165dff;
    border-color: #165dff;
    background: 0 0
}

.badge-success {
    background: #165dff
}

.badge-refunded {
    background: #f98600
}

.invoice-status.badge-default {
    background: #ff5b5b
}

.margin-bottom {
    margin-bottom: 20px
}

.homepage header#header.header-fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: hsla(0,0%,100%,.6);
    z-index: -10
}

.homepage header#header.header-fixed {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    background: 0 0
}

.header-container-wrap a svg.logo-primary {
    height: 35px;
    width: 130px
}

.user-icon {
    max-width: 112px
}

.user-icon {
    max-width: 88px
}

.user-icon {
    max-width: 112px
}

.move-icon {
    left: 56px;
    top: 38px;
    width: 44px!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.recomm-img .user-icon {
    width: 100px;
    display: flex;
    height: 100px
}

.header-container .solution-menu-main a:hover {
    background: linear-gradient(90deg,#e8f3ff 0,#f4f8ff 100%);
    color: #0368ff
}

.header-container .solution-menu-main a:hover span {
    color: #0368ff
}

.alert-lg.no-data .icon img {
    width: 120px
}

.clientarea-home .card-item .card-item-icon img {
    width: 48px;
    height: 48px
}

.product-coming-soon {
    float: left;
    width: 100%;
    background: linear-gradient(0deg,#fff,#fff);
    padding: 23px 15px 23px 23px;
    border: 1px solid #fff;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    box-shadow: 0 4px 8px 0 rgba(30,35,45,.08);
    text-align: center
}

.product-coming-soon-icon img {
    margin-bottom: 20px;
    width: 100px
}

.product-coming-soon-text {
    color: #666;
    font-family: PingFangSC-Medium,sans-serif;
    text-align: center;
    font-family: djf;
    font-size: 18px
}

a.right-link {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-text-3);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    color: #80838a
}

a.right-link i {
    margin-left: 5px
}

a.right-link:hover {
    color: #165dff;
    text-decoration: none
}

.todo-card {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(234,237,241,.8);
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 46px;
    padding: 12px;
    justify-content: space-between;
    margin-bottom: 15px
}

.todo-left img {
    width: 28px;
    margin-right: 10px
}

.todo-left {
    display: flex;
    align-items: center
}

section.subtop.pages {
    background-image: url(../img/bg-img-1.png)
}

.header-menu-content-left img {
    width: 36px;
    height: 36px
}

.card.activity-newyear {
    background: linear-gradient(90deg,rgba(255,37,37,.6) 0,#ff2525 100%);
    background-image: url(../img/cloudData_bg_red.jpg);
    background-size: cover
}

.btn-activity {
    border-radius: 20px;
    width: 140px;
    text-align: center;
    color: #cf371f;
    font-weight: 500;
    border-color: #ffdca9;
    background-color: #ffdca9;
    line-height: 20px
}

img.newyear-left-png {
    height: 60px;
    margin-right: 20px
}

img.newyear-font-svg {
    width: 420px
}

@media (max-width: 768px) {
    .card.activity-newyear {
        flex-wrap:wrap
    }

    .clientarea-home .card.activity-newyear .card-header .card-title {
        flex-wrap: wrap
    }

    img.newyear-font-svg {
        width: 260px
    }

    .btn-activity {
        width: 100%;
        margin-top: 20px
    }

    .clientarea-home .card.activity-newyear .card-header {
        display: block
    }

    img.newyear-left-png {
        height: 48px
    }

    .consumption-infos {
        min-width: 100%;
        margin-bottom: 20px
    }

    .consumption-info {
        margin-bottom: 0
    }

    .funds-item-other {
        width: 100%;
        grid-template-columns: repeat(3,auto);
        margin: 0 0
    }

    .funds-item {
        border-bottom: 0
    }
}

.side-white .sidebar-sticky img {
    width: 24px;
    margin-right: 5px
}

.header-container .nav-item .dropdown-item .dropdown-link img {
    width: 24px;
    margin-right: 5px
}

.header-container-right .bor-link.et-trial img {
    width: 26px
}

.header-container .nav-item a i.if-group:before,.header-container .nav-item a i.if-human:before,.icon-product__account:before,.icon-product__company:before,.if-up-left:before,i.fas.fa-user-circle.icon-product__transaction-bill:before,i.fas.fa-user-circle.if-sub-account:before,i.icon-product__account-security:before {
    content: unset
}

.sec-menu-icon.active svg path {
    fill: var(--primary)
}

.swiper-thumbs-main {
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%
}

.swiper-thumbs-main .swiper-slide {
    text-align: center
}

.swiper-thumbs-main .swiper-slide span {
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 15px
}

.swiper-pagination-progress-body {
    margin-top: 10px
}

.header-container .nav-item.nav-dropdown-menu::after {
    border-left: 1px solid;
    border-top: 1px solid;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: 2px;
    margin-left: 6px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: margin-bottom .3s ease,-webkit-transform .3s ease;
    transition: margin-bottom .3s ease,-webkit-transform .3s ease;
    -o-transition: margin-bottom .3s ease,-o-transform .3s ease;
    -moz-transition: transform .3s ease,margin-bottom .3s ease,-moz-transform .3s ease;
    transition: transform .3s ease,margin-bottom .3s ease;
    transition: transform .3s ease,margin-bottom .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
    width: 4px
}

.header-container .nav-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.header-container::after {
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    z-index: -1;
    background: hsla(0,0%,9%,.05)
}

.home-top {
    padding-top: 50px;
    padding-bottom: 50px
}

.home-top .box {
    display: flex;
    align-items: center;
    border: 1px solid #e6e7ea;
    border-radius: 8px
}

.home-top .box.noboard {
    border: 0
}

.home-top .box:after {
    content: '';
    display: table;
    clear: both
}

.home-top .icon,.home-top .txt {
    float: left;
    vertical-align: middle;
    padding: 20px 20px 20px 0;
    max-width: calc(100% - 10px)
}

.home-top .icon {
    display: block;
    width: 100px;
    height: 100px;
    transition: all .2s linear;
    background-size: 100%
}

.home-top .txt:hover h2:after {
    right: -20px
}

.home-top h2 {
    transition: all .2s linear;
    font-weight: 500;
    margin-bottom: 4px;
    color: #020814;
    font-size: 16px;
    position: relative
}

.home-top p {
    word-break: break-all;
    white-space: normal;
    margin: 0;
    color: #41464f;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%
}

.gray-bg {
    background: linear-gradient(360deg,#fff 0,#f4f7fc 100%)
}

.home-top h2:after {
    border-bottom: 1px solid;
    border-left-color: currentColor;
    border-right: 1px solid;
    border-top-color: currentColor;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -moz-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    transition: right .3s;
    width: 6px
}

.home-top .box img {
    margin-right: 0;
    max-height: 36px;
    max-width: 36px
}

.bg-top-Zeth {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 40px;
    z-index: 2
}

@media (min-width: 768px) {
    .bg-top-Zeth {
        bottom:100px;
        height: calc(100% - 200px)
    }
}

@media (min-width: 1280px) {
    .bg-top-Zeth {
        right:calc(-600px + 45vw)
    }
}

@media (min-width: 1024px) {
    .home-information {
        background:#f4f7fc
    }

    .home-information .section-body {
        height: 300px
    }
}

.home-information .section {
    background: #f8f9fb
}

.home-information .section-head {
    text-align: center
}

.home-information .information-main {
    position: relative;
    z-index: 1;
    padding-top: 68px;
    padding-bottom: 110px
}

@media (min-width: 1024px) {
    .home-information .information-main {
        background-image:none!important
    }
}

.home-information .information-title {
    width: 424px;
    font-size: 24px;
    line-height: 30px;
    color: #252b3a;
    margin-bottom: 12px
}

.home-information .information-desc {
    width: 424px;
    font-size: 14px;
    line-height: 22px;
    color: #575d6c;
    margin-bottom: 16px
}

.home-information .information-frontground {
    position: absolute;
    right: 125px;
    bottom: -60px;
    width: 615px;
    height: 379px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: right .2s;
    transition: right .2s
}

@media (min-width: 1024px) {
    .home-information .information-frontground:not(.init-parallax) {
        display:none
    }
}

@media (max-width: 1180px) {
    .home-information .information-frontground {
        right:50px
    }
}

@media (max-width: 1080px) {
    .home-information .information-frontground {
        right:0
    }
}

.home-information .information-news {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.home-information .information-news-column {
    width: 33.33333333%
}

.home-information .information-news-column+.information-news-column {
    border-left: 1px solid #dfe1e6
}

.home-information .information-news-card {
    padding: 32px;
    background-color: #fff;
    text-align: left
}

.home-information .information-news-card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-information .information-news-card-title span {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #252b3a;
    -webkit-transition: .2s;
    transition: .2s
}

.home-information .information-news-card-title .por-icon {
    font-size: 14px;
    color: #252b3a;
    margin-left: 8px;
    -webkit-transition: .2s;
    transition: .2s
}

.home-information .information-news-card-title:hover .por-icon,.home-information .information-news-card-title:hover span {
    color: #0008ff
}

.home-information .information-news-card-title:hover .por-icon {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.home-information .information-news-card-icon {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    background-size: cover
}

.home-information .information-news-card-list {
    margin-top: 24px;
    list-style: none;
    padding-left: 0
}

.home-information .information-news-card-list>li+li {
    margin-top: 16px
}

.home-information .information-news-card-list a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #252b3a;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-information .information-news-card-list a em {
    font-style: normal;
    font-weight: 600;
    color: inherit
}

.home-information .information-news-card-list a:hover {
    color: #0008ff
}

@media (max-width: 1023px) {
    .home-information {
        background-size:cover;
        background-position: top;
        background: #f4f7fc
    }

    .home-information .section {
        background-image: none!important
    }

    .home-information .information-main {
        padding: 12px 15px 32px;
        background-size: 100% auto;
        background-position: 100% 0
    }

    .home-information .information-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px
    }

    .home-information .information-desc {
        width: 50%;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .home-information .information-frontground-m {
        position: absolute;
        top: 0;
        right: 0;
        bottom: -100%;
        width: 50%;
        background-size: auto 100%;
        background-position: top;
        background-repeat: no-repeat
    }

    .home-information .information-news {
        display: block;
        margin-top: 0
    }

    .home-information .information-news-column {
        width: auto
    }

    .home-information .information-news-column+.information-news-column {
        position: relative;
        border-left: none
    }

    .home-information .information-news-column+.information-news-column:before {
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        border-top: 1px solid #dfe1e6
    }

    .home-information .information-news-card {
        padding: 20px 15px
    }

    .home-information .information-news-card-title {
        margin-bottom: 12px
    }

    .home-information .information-news-card-title span {
        font-size: 14px;
        line-height: 18px
    }

    .home-information .information-news-card-title .por-icon {
        margin-left: 4px
    }

    .home-information .information-news-card-icon {
        width: 30px;
        height: 30px;
        margin-right: 12px
    }

    .home-information .information-news-card-list {
        margin-top: 12px
    }

    .home-information .information-news-card-list>li+li {
        margin-top: 8px
    }

    .home-information .information-news-card-list a {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 1023px) and (max-width:580px) {
    .home-information .information-frontground-m {
        bottom:-25%
    }
}

@media (max-width: 1023px) and (max-width:374px) {
    .home-information .information-frontground-m {
        background-size:100% auto
    }
}

.section-head {
    padding-bottom: 32px;
    text-align: center
}

.section-head-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #252b3a
}

.section-head-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    color: #575d6c
}

.section-head-subtitle a {
    margin-left: 1em;
    -webkit-transition: .2s;
    transition: .2s
}

.section-head-subtitle a i {
    margin-top: -4px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.section-head-subtitle a:hover {
    color: #0008ff
}

.section-head-subtitle a:hover i {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.home-solutions {
    width: 130px;
    border-right: 1px solid #d2dbe8;
    position: relative;
    margin-top: 50px;
    padding-top: 20px
}

.home-solutions .home-solution {
    padding-bottom: 24px
}

.home-solutions .home-solution .solution-name {
    width: 100px;
    height: 30px;
    padding-right: 29px;
    font-size: 16px;
    color: #374567;
    line-height: 30px;
    text-align: right;
    cursor: pointer
}

.home-solutions .home-solution .solution-contain {
    display: none;
    position: absolute;
    left: 175px;
    top: 20px;
    width: 905px;
    font-size: 14px
}

.home-solutions .home-solution .solution-contain p {
    margin-top: 32px;
    margin-bottom: 40px;
    color: #7a8ba6;
    line-height: 24px
}

.home-solutions .home-solution .solution-contain .sicon {
    display: inline-block;
    margin-right: 15px;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: cover
}

.home-solutions .home-solution .solution-contain .solution-tag {
    display: inline-block;
    margin: 0 12px 32px 0;
    padding: 0 10px;
    border: 1px solid #dcdee3;
    border-radius: 4px
}

.home-solutions .home-solution .solution-contain .solution-imgs {
    margin-top: 64px;
    height: 60px
}

.home-solutions .home-solution .solution-contain .solution-imgs a {
    display: inline-block;
    vertical-align: middle
}

.home-solutions .home-solution .solution-contain .simg {
    width: auto;
    height: 60px;
    margin-right: 22px
}

.home-solutions .home-solution .solution-contain .more {
    display: inline-block;
    margin-left: 20px;
    font-size: 13px;
    color: #3860f4
}

.home-solutions .home-solution.selected .solution-name {
    color: #3860f4;
    border-right: 3px solid
}

.home-solutions .home-solution.selected .solution-contain {
    display: block
}

.home-solutions .home-solution:hover .solution-name {
    color: #3860f4;
    border-right: 3px solid
}

.home-solutions-new {
    position: relative;
    margin-top: 42px;
    text-align: center
}

.home-solutions-new .solution-tabs {
    position: relative;
    width: 268px;
    height: 32px;
    background: linear-gradient(to left,#3860f4,#5f87f8);
    border-radius: 16px
}

.home-solutions-new .solution-tabs .line1 {
    position: absolute;
    left: 133px;
    top: 9px;
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #fff;
    opacity: .2
}

.home-solutions-new .solution-tabs>button {
    float: left;
    width: 134px;
    height: 32px;
    color: #fff;
    background: 0 0;
    border-radius: 0
}

.home-solutions-new .solution-tabs>button:first-child {
    width: 135px;
    margin-left: -1px;
    border-radius: 16px 0 0 16px
}

.home-solutions-new .solution-tabs>button:last-child {
    width: 135px;
    margin-right: -1px;
    border-radius: 0 16px 16px 0
}

.home-solutions-new .solution-tabs>button:hover {
    background: linear-gradient(to right,#537ffa,#3357df)
}

.home-solutions-new .solution-tabs>button.selected {
    background: linear-gradient(to right,#ffcf87,#ffbc76);
    color: #4e342e
}

.home-solutions-new .solution-contain {
    position: relative
}

.solution-icon {
    border: 1px solid #e5e6eb;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 64px;
    height: 64px;
    text-align: center;
    justify-content: center
}

.solution-contain {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    padding-bottom: 0px;
}

.home-solutions-new .solution-contain>a>button {
    position: absolute;
    right: 0;
    top: -80px
}

.home-solutions-new .solution-contain ul {
    margin-top: 48px;
    font-size: 0
}

.home-solutions-new .solution-contain .solution-contain-item {
    position: relative;
    display: inline-block;
    padding: 30px;
    width: 100%;
    height: calc(100% - 20px);
    background: #fff;
    vertical-align: top;
    border: 1px solid #e1e6f0;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 8px
}

.home-solutions-new .solution-contain .solution-contain-item p {
    margin: 8px 0 24px 0;
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.home-solutions-new .solution-contain .solution-contain-item .button-base {
    bottom: 40px;
    left: 32px;
    color: #3860f4
}

.home-solutions-new .solution-contain .solution-contain-item .simg {
    display: inline-block;
    margin-right: 12px;
    margin-top: 4px;
    width: 24px;
    height: 24px;
    vertical-align: top
}

.home-solutions-new .solution-contain .solution-contain-item:nth-child(3n) {
    margin-right: 0
}

.home-solutions-new .solution-contain .solution-contain-item .more-img {
    width: 343px;
    margin-top: -53px;
    margin-left: 42px;
    position: absolute
}

.new-tabs {
    position: relative;
    font-size: 0;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 40px;
    background: #fff;
    padding: 10px 10px;
    border-radius: 100px
}

.new-tabs>li {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #86909c;
    vertical-align: top;
    cursor: pointer;
    transition: all .25s ease-in-out
}

.new-tabs>li:last-child:after {
    display: none
}

.new-tabs>li:hover {
    color: #3860f4
}

.new-tabs>li.selected {
    font-weight: 700;
    color: #fff;
    background: #1d2129;
    border-radius: 100px
}

.new-tabs.bluebg>li {
    color: rgba(255,255,255,.5);
    border-bottom: 1px solid #7599ff
}

.new-tabs.bluebg>li.selected {
    color: #fff
}

.new-tabs.bluebg>li:hover {
    color: #fff
}

.new-tabs.bluebg .selected-line {
    background-color: #fff;
    transition: all .25s ease-in-out
}

.dn {
    display: none!important
}

.button-base {
    display: inline-block;
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out
}

.button-radius-40 {
    border-radius: 40px
}

.button-radius-32 {
    border-radius: 32px
}

.button-radius-4 {
    border-radius: 4px
}

.button-bluegradient {
    background: linear-gradient(to right,#5f87f8,#3860f4);
    color: #fff
}

.button-bluegradient:hover {
    background: linear-gradient(to right,#537ffa,#3357df);
    color: #fff
}

.button-white {
    background: #fff;
    color: #3860f4
}

.button-yellowgradient {
    background: linear-gradient(to right,#ffcf87,#ffbc76);
    color: #4e342e
}

.button-yellowgradient:hover {
    background: linear-gradient(to right,#fec672,#f6ad61);
    color: #4e342e
}

.button-whiteborder {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-whiteborder:hover {
    background: rgba(255,255,255,.3)
}

.button-blueborder {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4
}

.button-blueborder:hover {
    background: #e7eeff
}

.button-blueoborder {
    background: linear-gradient(to right,#5f87f8,#3860f4);
    color: #3860f4;
    padding: 0
}

.button-blueoborder .inborder {
    margin: 1px;
    background: #fff;
    padding: 0 24px
}

.button-blueoborder:hover .inborder {
    background: #e7eeff
}

.button-disable {
    border: 1px solid #d9d9d9;
    color: #bbb;
    background-color: #f8f8f8;
    cursor: not-allowed
}

.button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background-color: #3860f4;
    border: 1px solid #3860f4;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    transition: all .25s ease-in-out
}

.button:hover {
    height: 40px;
    line-height: 40px;
    background-color: #3357df;
    border-color: #3357df;
    box-shadow: 0 4px 8px rgba(0,0,0,.12)
}

.button.small {
    height: 34px;
    line-height: 34px
}

.button.small:hover {
    height: 34px;
    line-height: 34px
}

a.button:hover {
    color: #fff
}

.button.yellow {
    background-color: #ffcf87;
    border: 1px solid #ffcf87;
    color: #374567
}

.button.yellow:hover {
    color: #374567;
    height: 40px;
    line-height: 40px;
    background-color: #ffcf87;
    border: 1px solid #ffcf87
}

a.button.yellow:hover {
    color: #374567
}

.button.white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #374567
}

.button.white:hover {
    color: #3860f4;
    background-color: #fff;
    border: 1px solid #fff
}

a.button.white:hover {
    color: #3860f4
}

.button.t-blue {
    background-color: transparent;
    border: 1px solid #3860f4;
    color: #3860f4
}

.button.t-blue:hover {
    background-color: #3860f4;
    color: #fff
}

a.button.t-blue:hover {
    color: #fff
}

.button.t-white {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.button.t-white:hover {
    background-color: #fff;
    color: #3860f4
}

a.button.t-white:hover {
    color: #3860f4
}

.button-circle {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    text-align: center;
    background-color: #3860f4;
    color: #fff;
    line-height: 22px
}

.button-circle:hover {
    background-color: #3357df
}

.button-circle-yellow {
    color: #374567;
    background-color: #ffcf87
}

.button-circle-yellow:hover {
    background-color: #ffcf87
}

.button-circle-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #abb4c3;
    color: #abb4c3;
    line-height: 20px;
    box-sizing: border-box
}

.button-circle-gray:hover {
    border: 1px solid #3860f4;
    color: #3860f4
}

.button-square-white {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #7a8ba6;
    line-height: 24px;
    box-sizing: border-box;
    box-shadow: 0 8px 10px 0 rgba(229,234,255,.82);
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    background-color: #fff
}

.button-square-white:hover {
    border: 1px solid #3860f4;
    color: #3860f4
}

.button-text {
    font-size: 13px;
    line-height: 22px;
    color: #3860f4;
    font-weight: 400;
    vertical-align: middle
}

.button-text:hover {
    color: #2a49b8
}

.button-text-icon {
    font-size: 12px;
    line-height: 22px;
    vertical-align: middle;
    color: #3860f4
}

.button-text-icon:hover {
    text-decoration: none;
    color: #2a49b8
}

@media (max-width: 768px) {
    .home-top .box {
        margin-bottom:20px
    }

    .swiper-thumbs-main {
        display: none
    }

    .wrap-main-swiper .swiper-slide {
        height: 450px;
        padding-top: 70px
    }

    .swiper-wrapper {
        padding-top: 60px
    }

    .home-product .product-buttons {
        top: -50px
    }

    h2.left-header-title {
        font-size: 30px
    }

    .solution-contain .col-md-4:last-child {
        display: none
    }
}

body.clientregister header#header,body.login header#header {
    background-color: transparent!important
}

.login-container {
    width: 100%;
    max-width: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: auto;
    min-height: auto;
    flex-wrap: wrap;
    background: 0 0;
    margin: 0 auto;
    padding: 20px
}

.login-wrapper {
    display: flex;
    width: 100%
}

.login-bg {
    width: 600px;
    padding: 4rem
}

.login-loading {
    position: relative;
    overflow: hidden
}

.login-loading:before {
    background-color: rgba(255,255,255,.6);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s linear;
    width: 100%;
    z-index: 1
}

.arco-spin-icon {
    color: var(--primary);
    font-size: 20px;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%,-50%)
}

.arco-icon-loading {
    display: inline-block;
    color: inherit;
    font-style: normal;
    width: 1em;
    height: 1em;
    vertical-align: -2px;
    animation: arco-loading-circle 1s linear infinite
}

@keyframes arco-loading-circle {
    to {
        transform: rotate(1turn)
    }
}

.login-body .form-control {
    height: 42px
}

.login-body .agreement {
    font-size: 12px;
    color: #7f8792
}

.login-body .agreement a {
    color: #000;
    margin: 0 2px
}

.login-body .login-or {
    position: relative;
    margin-bottom: 4px;
    color: rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 22px;
    text-align: center
}

.login-body .login-or:after,.login-body .login-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 44%;
    height: 1px;
    background-color: #e8eaec;
    content: "";
    transform: translateY(-50%)
}

.login-body .login-or:before {
    left: 0
}

.login-body .social-login .btn:hover {
    color: #007bff;
    border-color: #007bff;
    background-color: transparent
}

.m-change-part {
    cursor: pointer
}

.m-change-part .u-change-tip {
    right: 60px;
    top: 9px;
    z-index: 1;
    width: auto;
    padding: 0 5px;
    height: 23px;
    border: 1px solid #0d5ffe;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 21px;
    font-size: 12px;
    color: #0d5ffe;
    text-align: center;
    background: #dfeafe
}

.m-change-part .u-change-tip,.m-change-part .u-change-tip .u-arrow {
    position: absolute
}

.m-change-part .u-change-tip .u-arrow {
    width: 7px;
    height: 19px;
    background: url(../img/user/switch-arrow-icon.svg) no-repeat;
    background-position: 0;
    z-index: 2;
    top: 1px;
    -webkit-transform: translateX(-.2px);
    -moz-transform: translateX(-.2px);
    -ms-transform: translateX(-.2px);
    transform: translateX(-.2px);
    right: -7px
}

.m-change-part .u-change-loginType-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: url(../img/user/account-switch-icon.svg);
    cursor: pointer;
    background-size: cover
}

.m-change-part.f-account .u-change-loginType-btn {
    background: url(../img/user/phone-switch-icon.svg)
}

.whmcs_content_right .whmcs_box {
    position: relative
}

.u-change-loginType-btn.wechat {
    background: url(../img/user/qrcode-switch-icon.svg)
}

.login_weChatText__2QyuK {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    color: #79879c
}

.login_weChatText__2QyuK span {
    font-weight: 500;
    color: #242e42
}

.my-auto.wechat h1 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #242e42;
    margin-top: 30px
}

.index-module__left-panel--jrHKe .index-module__left-panel-title--aSRni {
    color: #181818;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 40px;
    margin: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.index-module__left-panel--jrHKe .index-module__left-panel-subtitle--xA6c9 {
    color: #525b6a;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj {
    margin-top: 40px
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6:not(:first-child) {
    margin-top: 32px
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 .index-module__advantage-item-tag--cYEPz {
    border: 1px solid rgba(0,110,255,.7);
    border-radius: 4px;
    box-shadow: 0 0 0 1px #dde2e9;
    color: #006eff;
    display: -moz-box;
    display: flex;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px;
    padding: 0 6px;
    vertical-align: middle
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 .index-module__advantage-item-title--X4Lnb {
    color: #181818;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-left: 8px;
    vertical-align: middle
}

.index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-des--H4ijK {
    color: #525b6a;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 4px;
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.index-module__right-panel--tkLBq {
    -moz-box-flex: 0;
    flex: none;
    padding-top: 60px;
    position: relative;
    width: 60%
}

.index-module__right-panel--tkLBq .index-module__success-block-wrapper--2x92Y {
    height: 100%;
    width: 100%
}

.index-module__right-panel--tkLBq .index-module__form-block-wrapper--GnwU0 {
    height: 100%;
    padding: 0 calc(50% - 218.5px);
    width: 100%
}

@media screen and (max-width: 767.9px) {
    .index-module__left-panel--jrHKe {
        display:none
    }

    .index-module__right-panel--tkLBq {
        background-color: #fff;
        border-radius: 8px;
        padding: 24px 24px 0;
        width: 100%
    }

    .index-module__right-panel--tkLBq .index-module__success-block-wrapper--2x92Y {
        height: auto
    }

    .index-module__right-panel--tkLBq .index-module__form-block-wrapper--GnwU0 {
        height: auto;
        padding: 0
    }
}

.hidden {
    display: none
}

span.cloud-theme-user-info {
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    background-color: #ecf2ff;
    color: #05f;
    border-radius: 50%;
    display: inline-block;
    font-family: Roboto,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif,Helvetica Neue,-apple-system,BlinkMacSystemFont,noto sans;
    font-weight: 600;
    text-align: center;
    outline: 0
}

@font-face {
    font-family: icomoon;
    src: url('../fonts/icomoon.eot?1b0qx7');
    src: url('../fonts/icomoon.eot?1b0qx7#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?1b0qx7') format('truetype'),url('../fonts/icomoon.woff?1b0qx7') format('woff'),url('../fonts/icomoon.svg?1b0qx7#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-abnormality:before {
    content: "\e900"
}

.icon-access-control:before {
    content: "\e901"
}

.icon-accident-report:before {
    content: "\e902"
}

.icon-accident:before {
    content: "\e903"
}

.icon-account:before {
    content: "\e904"
}

.icon-add-bookmark:before {
    content: "\e905"
}

.icon-add-bookshelf:before {
    content: "\e906"
}

.icon-add-com-mark:before {
    content: "\e907"
}

.icon-add-folder:before {
    content: "\e908"
}

.icon-add-member:before {
    content: "\e909"
}

.icon-add-subscription:before {
    content: "\e90a"
}

.icon-add-to-job:before {
    content: "\e90b"
}

.icon-add-to-library:before {
    content: "\e90c"
}

.icon-add-to-playlist:before {
    content: "\e90d"
}

.icon-add-user:before {
    content: "\e90e"
}

.icon-add-video-camera:before {
    content: "\e90f"
}

.icon-adjuster:before {
    content: "\e910"
}

.icon-agenda:before {
    content: "\e911"
}

.icon-ai:before {
    content: "\e912"
}

.icon-air-conditioner:before {
    content: "\e913"
}

.icon-alarm-off:before {
    content: "\e914"
}

.icon-alarm:before {
    content: "\e915"
}

.icon-album-fill:before {
    content: "\e916"
}

.icon-album:before {
    content: "\e917"
}

.icon-alert-octagon:before {
    content: "\e918"
}

.icon-alert-triangle-fill:before {
    content: "\e919"
}

.icon-alert-triangle:before {
    content: "\e91a"
}

.icon-align-bottom:before {
    content: "\e91b"
}

.icon-align-horizontal-centers:before {
    content: "\e91c"
}

.icon-align-justified:before {
    content: "\e91d"
}

.icon-align-left:before {
    content: "\e91e"
}

.icon-align-right:before {
    content: "\e91f"
}

.icon-align-top:before {
    content: "\e920"
}

.icon-align-vertical-centers:before {
    content: "\e921"
}

.icon-ambulance:before {
    content: "\e922"
}

.icon-analysis:before {
    content: "\e923"
}

.icon-announcement:before {
    content: "\e924"
}

.icon-anti-crawler:before {
    content: "\e925"
}

.icon-anti-disgust:before {
    content: "\e926"
}

.icon-anti-porn:before {
    content: "\e927"
}

.icon-anti-violence:before {
    content: "\e928"
}

.icon-api-gateway:before {
    content: "\e929"
}

.icon-api-management:before {
    content: "\e92a"
}

.icon-app-notification:before {
    content: "\e92b"
}

.icon-approval:before {
    content: "\e92c"
}

.icon-apps-fill:before {
    content: "\e92d"
}

.icon-apps:before {
    content: "\e92e"
}

.icon-area-chart:before {
    content: "\e92f"
}

.icon-arrow-fall-square:before {
    content: "\e930"
}

.icon-arrow-fall:before {
    content: "\e931"
}

.icon-arrow-insert:before {
    content: "\e932"
}

.icon-arrow-rise-square:before {
    content: "\e933"
}

.icon-arrow-rise:before {
    content: "\e934"
}

.icon-ascending-alphabet:before {
    content: "\e935"
}

.icon-ascending-sorting:before {
    content: "\e936"
}

.icon-assignment:before {
    content: "\e937"
}

.icon-at:before {
    content: "\e938"
}

.icon-attachment:before {
    content: "\e939"
}

.icon-attendance-analysis:before {
    content: "\e93a"
}

.icon-audio-file:before {
    content: "\e93b"
}

.icon-audiobook:before {
    content: "\e93c"
}

.icon-auth:before {
    content: "\e93d"
}

.icon-authorization:before {
    content: "\e93e"
}

.icon-auto-brightness:before {
    content: "\e93f"
}

.icon-award:before {
    content: "\e940"
}

.icon-background-process:before {
    content: "\e941"
}

.icon-bag:before {
    content: "\e942"
}

.icon-band-width:before {
    content: "\e943"
}

.icon-banned:before {
    content: "\e944"
}

.icon-batch-activation:before {
    content: "\e945"
}

.icon-batch-adjustment:before {
    content: "\e946"
}

.icon-batch-upload:before {
    content: "\e947"
}

.icon-bath:before {
    content: "\e948"
}

.icon-bathtub:before {
    content: "\e949"
}

.icon-battery:before {
    content: "\e94a"
}

.icon-beautify:before {
    content: "\e94b"
}

.icon-bed:before {
    content: "\e94c"
}

.icon-behavior-analysis:before {
    content: "\e94d"
}

.icon-bg-colors:before {
    content: "\e94e"
}

.icon-bicycle:before {
    content: "\e94f"
}

.icon-big-eye:before {
    content: "\e950"
}

.icon-blacklist:before {
    content: "\e951"
}

.icon-block-storage-alt:before {
    content: "\e952"
}

.icon-block-storage:before {
    content: "\e953"
}

.icon-block:before {
    content: "\e954"
}

.icon-blockchain:before {
    content: "\e955"
}

.icon-bluetooth-off:before {
    content: "\e956"
}

.icon-body-text:before {
    content: "\e957"
}

.icon-bold:before {
    content: "\e958"
}

.icon-book-alt:before {
    content: "\e959"
}

.icon-book:before {
    content: "\e95a"
}

.icon-borders:before {
    content: "\e95b"
}

.icon-bottom-align:before {
    content: "\e95c"
}

.icon-bottom-border .path1:before {
    content: "\e95d";
    color: #444;
    opacity: .4
}

.icon-bottom-border .path2:before {
    content: "\e95e";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path3:before {
    content: "\e95f";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path4:before {
    content: "\e960";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path5:before {
    content: "\e961";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path6:before {
    content: "\e962";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path7:before {
    content: "\e963";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path8:before {
    content: "\e964";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path9:before {
    content: "\e965";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path10:before {
    content: "\e966";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path11:before {
    content: "\e967";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path12:before {
    content: "\e968";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path13:before {
    content: "\e969";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path14:before {
    content: "\e96a";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path15:before {
    content: "\e96b";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path16:before {
    content: "\e96c";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path17:before {
    content: "\e96d";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path18:before {
    content: "\e96e";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path19:before {
    content: "\e96f";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path20:before {
    content: "\e970";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path21:before {
    content: "\e971";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path22:before {
    content: "\e972";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path23:before {
    content: "\e973";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path24:before {
    content: "\e974";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path25:before {
    content: "\e975";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path26:before {
    content: "\e976";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path27:before {
    content: "\e977";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path28:before {
    content: "\e978";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path29:before {
    content: "\e979";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path30:before {
    content: "\e97a";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path31:before {
    content: "\e97b";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path32:before {
    content: "\e97c";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path33:before {
    content: "\e97d";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-bottom-border .path34:before {
    content: "\e97e";
    margin-left: -1em;
    color: #444
}

.icon-bowling:before {
    content: "\e97f"
}

.icon-box-plot:before {
    content: "\e980"
}

.icon-brain:before {
    content: "\e981"
}

.icon-bread:before {
    content: "\e982"
}

.icon-bring-backward:before {
    content: "\e983"
}

.icon-bring-forward:before {
    content: "\e984"
}

.icon-browser:before {
    content: "\e985"
}

.icon-brush:before {
    content: "\e986"
}

.icon-bug:before {
    content: "\e987"
}

.icon-bulb:before {
    content: "\e988"
}

.icon-bus-stop:before {
    content: "\e989"
}

.icon-bus:before {
    content: "\e98a"
}

.icon-business-card-fill:before {
    content: "\e98b"
}

.icon-business-center:before {
    content: "\e98c"
}

.icon-buy-in:before {
    content: "\e98d"
}

.icon-cake:before {
    content: "\e98e"
}

.icon-calculator:before {
    content: "\e98f"
}

.icon-calendar-alt-fill:before {
    content: "\e990"
}

.icon-calendar-alt:before {
    content: "\e991"
}

.icon-calendar-fill-123 .path1:before {
    content: "\e992";
    color: #2b2f36
}

.icon-calendar-fill-123 .path2:before {
    content: "\e993";
    margin-left: -1em;
    color: #2b2f36
}

.icon-calendar-fill-123 .path3:before {
    content: "\e994";
    margin-left: -1em;
    color: #fff
}

.icon-calendar-founder:before {
    content: "\e995"
}

.icon-calendar-to-do:before {
    content: "\e996"
}

.icon-calendar:before {
    content: "\e997"
}

.icon-camera:before {
    content: "\e998"
}

.icon-cancel-onborading:before {
    content: "\e999"
}

.icon-cancel-topping:before {
    content: "\e99a"
}

.icon-car:before {
    content: "\e99b"
}

.icon-card-view:before {
    content: "\e99c"
}

.icon-career:before {
    content: "\e99d"
}

.icon-caret-down:before {
    content: "\e99e"
}

.icon-caret-left:before {
    content: "\e99f"
}

.icon-caret-right:before {
    content: "\e9a0"
}

.icon-caret-up:before {
    content: "\e9a1"
}

.icon-case:before {
    content: "\e9a2"
}

.icon-cash:before {
    content: "\e9a3"
}

.icon-cctv:before {
    content: "\e9a4"
}

.icon-cd-fill:before {
    content: "\e9a5"
}

.icon-cd:before {
    content: "\e9a6"
}

.icon-chair:before {
    content: "\e9a7"
}

.icon-change-color:before {
    content: "\e9a8"
}

.icon-charging-pole:before {
    content: "\e9a9"
}

.icon-chart-block:before {
    content: "\e9aa"
}

.icon-chart-fill:before {
    content: "\e9ab"
}

.icon-chart:before {
    content: "\e9ac"
}

.icon-check-circke:before {
    content: "\e9ad"
}

.icon-check-circle-fill:before {
    content: "\e9ae"
}

.icon-check-circle:before {
    content: "\e9af"
}

.icon-chicken-drumstick:before {
    content: "\e9b0"
}

.icon-ci:before {
    content: "\e9b1"
}

.icon-clean:before {
    content: "\e9b2"
}

.icon-clear-borders:before {
    content: "\e9b3"
}

.icon-clipboard-add:before {
    content: "\e9b4"
}

.icon-clipboard-delete:before {
    content: "\e9b5"
}

.icon-clipboard-error:before {
    content: "\e9b6"
}

.icon-clipboard-fill:before {
    content: "\e9b7"
}

.icon-clipboard-success:before {
    content: "\e9b8"
}

.icon-clipboard-text:before {
    content: "\e9b9"
}

.icon-clipboard:before {
    content: "\e9ba"
}

.icon-clock-circle:before {
    content: "\e9bb"
}

.icon-close-circle:before {
    content: "\e9bc"
}

.icon-close:before {
    content: "\e9bd"
}

.icon-cloud-computing:before {
    content: "\e9be"
}

.icon-cloud-disk-fill:before {
    content: "\e9bf"
}

.icon-cloud-download-alt:before {
    content: "\e9c0"
}

.icon-cloud-download:before {
    content: "\e9c1"
}

.icon-cloud-editing:before {
    content: "\e9c2"
}

.icon-cloud-engine:before {
    content: "\e9c3"
}

.icon-cloud-gateway:before {
    content: "\e9c4"
}

.icon-cloud-parse-success:before {
    content: "\e9c5"
}

.icon-cloud-parse:before {
    content: "\e9c6"
}

.icon-cloud-phone:before {
    content: "\e9c7"
}

.icon-cloud-server-fill:before {
    content: "\e9c8"
}

.icon-cloud-space-fill:before {
    content: "\e9c9"
}

.icon-cloud-space:before {
    content: "\e9ca"
}

.icon-cloud-update:before {
    content: "\e9cb"
}

.icon-code-block:before {
    content: "\e9cc"
}

.icon-code-pen:before {
    content: "\e9cd"
}

.icon-code-release-managment:before {
    content: "\e9ce"
}

.icon-code-sandbox:before {
    content: "\e9cf"
}

.icon-code-square:before {
    content: "\e9d0"
}

.icon-code:before {
    content: "\e9d1"
}

.icon-coded-lock:before {
    content: "\e9d2"
}

.icon-color:before {
    content: "\e9d3"
}

.icon-command-line:before {
    content: "\e9d4"
}

.icon-command:before {
    content: "\e9d5"
}

.icon-comment:before {
    content: "\e9d6"
}

.icon-compass:before {
    content: "\e9d7"
}

.icon-complete-info:before {
    content: "\e9d8"
}

.icon-complete:before {
    content: "\e9d9"
}

.icon-comprehensive-evaluation:before {
    content: "\e9da"
}

.icon-config:before {
    content: "\e9db"
}

.icon-connection:before {
    content: "\e9dc"
}

.icon-console:before {
    content: "\e9dd"
}

.icon-contact-fill:before {
    content: "\e9de"
}

.icon-contact:before {
    content: "\e9df"
}

.icon-content-detection:before {
    content: "\e9e0"
}

.icon-content-review:before {
    content: "\e9e1"
}

.icon-contrast-alt:before {
    content: "\e9e2"
}

.icon-controller:before {
    content: "\e9e3"
}

.icon-conversion-analysis:before {
    content: "\e9e4"
}

.icon-coordinate:before {
    content: "\e9e5"
}

.icon-copy:before {
    content: "\e9e6"
}

.icon-course-information:before {
    content: "\e9e7"
}

.icon-course-statistics:before {
    content: "\e9e8"
}

.icon-course:before {
    content: "\e9e9"
}

.icon-create-copy:before {
    content: "\e9ea"
}

.icon-create-file:before {
    content: "\e9eb"
}

.icon-create-record:before {
    content: "\e9ec"
}

.icon-create-service:before {
    content: "\e9ed"
}

.icon-credit-card-unavailable:before {
    content: "\e9ee"
}

.icon-credit-card:before {
    content: "\e9ef"
}

.icon-credits:before {
    content: "\e9f0"
}

.icon-crop:before {
    content: "\e9f1"
}

.icon-currency:before {
    content: "\e9f2"
}

.icon-curtain:before {
    content: "\e9f3"
}

.icon-curve:before {
    content: "\e9f4"
}

.icon-custom-image:before {
    content: "\e9f5"
}

.icon-customer-service:before {
    content: "\e9f6"
}

.icon-cycling:before {
    content: "\e9f7"
}

.icon-data-analysis:before {
    content: "\e9f8"
}

.icon-data-check:before {
    content: "\e9f9"
}

.icon-data-mining:before {
    content: "\e9fa"
}

.icon-data-package:before {
    content: "\e9fb"
}

.icon-data-table-block:before {
    content: "\e9fc"
}

.icon-data-table:before {
    content: "\e9fd"
}

.icon-data-traffic:before {
    content: "\e9fe"
}

.icon-data-visualization:before {
    content: "\e9ff"
}

.icon-dau:before {
    content: "\ea00"
}

.icon-deal:before {
    content: "\ea01"
}

.icon-delete-document:before {
    content: "\ea02"
}

.icon-delete-folder:before {
    content: "\ea03"
}

.icon-delete:before {
    content: "\ea04"
}

.icon-delivery:before {
    content: "\ea05"
}

.icon-demonstration:before {
    content: "\ea06"
}

.icon-deploy-associations:before {
    content: "\ea07"
}

.icon-descending-alphabet:before {
    content: "\ea08"
}

.icon-descending-sorting:before {
    content: "\ea09"
}

.icon-description:before {
    content: "\ea0a"
}

.icon-desktop:before {
    content: "\ea0b"
}

.icon-details:before {
    content: "\ea0c"
}

.icon-dev-process:before {
    content: "\ea0d"
}

.icon-developer:before {
    content: "\ea0e"
}

.icon-dimension:before {
    content: "\ea0f"
}

.icon-direction-alt:before {
    content: "\ea10"
}

.icon-direction:before {
    content: "\ea11"
}

.icon-disassemble:before {
    content: "\ea12"
}

.icon-distribution-config:before {
    content: "\ea13"
}

.icon-divide-circle:before {
    content: "\ea14"
}

.icon-divider:before {
    content: "\ea15"
}

.icon-diving:before {
    content: "\ea16"
}

.icon-document:before {
    content: "\ea17"
}

.icon-done-alt:before {
    content: "\ea18"
}

.icon-done:before {
    content: "\ea19"
}

.icon-door:before {
    content: "\ea1a"
}

.icon-double-down:before {
    content: "\ea1b"
}

.icon-double-left:before {
    content: "\ea1c"
}

.icon-double-right:before {
    content: "\ea1d"
}

.icon-double-triangle-left:before {
    content: "\ea1e"
}

.icon-double-up:before {
    content: "\ea1f"
}

.icon-down-choice:before {
    content: "\ea20"
}

.icon-down-circle:before {
    content: "\ea21"
}

.icon-down:before {
    content: "\ea22"
}

.icon-download-desktop:before {
    content: "\ea23"
}

.icon-download:before {
    content: "\ea24"
}

.icon-drag-arrow:before {
    content: "\ea25"
}

.icon-drag-dot-horizontal:before {
    content: "\ea26"
}

.icon-drag-dot-vertical:before {
    content: "\ea27"
}

.icon-drag-dot:before {
    content: "\ea28"
}

.icon-drawer:before {
    content: "\ea29"
}

.icon-drink:before {
    content: "\ea2a"
}

.icon-duplicate:before {
    content: "\ea2b"
}

.icon-dust:before {
    content: "\ea2c"
}

.icon-dynamic-config-center:before {
    content: "\ea2d"
}

.icon-dynamic-decision-making:before {
    content: "\ea2e"
}

.icon-ear:before {
    content: "\ea2f"
}

.icon-earth:before {
    content: "\ea30"
}

.icon-eco-mode:before {
    content: "\ea31"
}

.icon-edit-song:before {
    content: "\ea32"
}

.icon-edit:before {
    content: "\ea33"
}

.icon-education-experience:before {
    content: "\ea34"
}

.icon-education:before {
    content: "\ea35"
}

.icon-eject:before {
    content: "\ea36"
}

.icon-ellipse:before {
    content: "\ea37"
}

.icon-email:before {
    content: "\ea38"
}

.icon-encrypted-chat:before {
    content: "\ea39"
}

.icon-encrypted-document:before {
    content: "\ea3a"
}

.icon-energy:before {
    content: "\ea3b"
}

.icon-english:before {
    content: "\ea3c"
}

.icon-enter-theme:before {
    content: "\ea3d"
}

.icon-equal-circle:before {
    content: "\ea3e"
}

.icon-equalizer:before {
    content: "\ea3f"
}

.icon-eraser:before {
    content: "\ea40"
}

.icon-error-fill:before {
    content: "\ea41"
}

.icon-examinee-information:before {
    content: "\ea42"
}

.icon-exclamation-circle:before {
    content: "\ea43"
}

.icon-exhibition:before {
    content: "\ea44"
}

.icon-exit-rich-text:before {
    content: "\ea45"
}

.icon-export-alt:before {
    content: "\ea46"
}

.icon-export:before {
    content: "\ea47"
}

.icon-external:before {
    content: "\ea48"
}

.icon-eye-invisible:before {
    content: "\ea49"
}

.icon-eye:before {
    content: "\ea4a"
}

.icon-face-recognition:before {
    content: "\ea4b"
}

.icon-face:before {
    content: "\ea4c"
}

.icon-fan:before {
    content: "\ea4d"
}

.icon-fast-forward:before {
    content: "\ea4e"
}

.icon-fencing:before {
    content: "\ea4f"
}

.icon-file-group:before {
    content: "\ea50"
}

.icon-file-upload:before {
    content: "\ea51"
}

.icon-file:before {
    content: "\ea52"
}

.icon-filter-app:before {
    content: "\ea53"
}

.icon-filter:before {
    content: "\ea54"
}

.icon-find-replace:before {
    content: "\ea55"
}

.icon-fire:before {
    content: "\ea56"
}

.icon-firewall:before {
    content: "\ea57"
}

.icon-first-aid:before {
    content: "\ea58"
}

.icon-flag-alt:before {
    content: "\ea59"
}

.icon-flag:before {
    content: "\ea5a"
}

.icon-flip-horizontal:before {
    content: "\ea5b"
}

.icon-flip-vertical:before {
    content: "\ea5c"
}

.icon-floor:before {
    content: "\ea5d"
}

.icon-flow-control:before {
    content: "\ea5e"
}

.icon-flow:before {
    content: "\ea5f"
}

.icon-folder-download:before {
    content: "\ea60"
}

.icon-folder-error:before {
    content: "\ea61"
}

.icon-folder-success:before {
    content: "\ea62"
}

.icon-folder-upload:before {
    content: "\ea63"
}

.icon-folder:before {
    content: "\ea64"
}

.icon-font-colors:before {
    content: "\ea65"
}

.icon-font-select:before {
    content: "\ea66"
}

.icon-font:before {
    content: "\ea67"
}

.icon-football:before {
    content: "\ea68"
}

.icon-form:before {
    content: "\ea69"
}

.icon-formula:before {
    content: "\ea6a"
}

.icon-forward-all:before {
    content: "\ea6b"
}

.icon-forward:before {
    content: "\ea6c"
}

.icon-four-k:before {
    content: "\ea6d"
}

.icon-freckle:before {
    content: "\ea6e"
}

.icon-freeze-columns:before {
    content: "\ea6f"
}

.icon-freeze-first-column:before {
    content: "\ea70"
}

.icon-freeze-top-row:before {
    content: "\ea71"
}

.icon-freezing-rain:before {
    content: "\ea72"
}

.icon-fridge-alt:before {
    content: "\ea73"
}

.icon-fridge:before {
    content: "\ea74"
}

.icon-fullscreen-exit:before {
    content: "\ea75"
}

.icon-fullscreen:before {
    content: "\ea76"
}

.icon-fund:before {
    content: "\ea77"
}

.icon-funnel-plot:before {
    content: "\ea78"
}

.icon-gale:before {
    content: "\ea79"
}

.icon-gold:before {
    content: "\ea7a"
}

.icon-grade:before {
    content: "\ea7b"
}

.icon-grid:before {
    content: "\ea7c"
}

.icon-group-card:before {
    content: "\ea7d"
}

.icon-group-chat:before {
    content: "\ea7e"
}

.icon-h1:before {
    content: "\ea7f"
}

.icon-h2:before {
    content: "\ea80"
}

.icon-h3:before {
    content: "\ea81"
}

.icon-h4:before {
    content: "\ea82"
}

.icon-h5:before {
    content: "\ea83"
}

.icon-h6:before {
    content: "\ea84"
}

.icon-h7:before {
    content: "\ea85"
}

.icon-h8:before {
    content: "\ea86"
}

.icon-h9:before {
    content: "\ea87"
}

.icon-ha:before {
    content: "\ea88"
}

.icon-hardware-server:before {
    content: "\ea89"
}

.icon-havip:before {
    content: "\ea8a"
}

.icon-heart-rate:before {
    content: "\ea8b"
}

.icon-heater:before {
    content: "\ea8c"
}

.icon-hide-separate-window:before {
    content: "\ea8d"
}

.icon-hierarchy:before {
    content: "\ea8e"
}

.icon-highlight:before {
    content: "\ea8f"
}

.icon-history:before {
    content: "\ea90"
}

.icon-hobby-group:before {
    content: "\ea91"
}

.icon-horse-toy:before {
    content: "\ea92"
}

.icon-hospital:before {
    content: "\ea93"
}

.icon-hot-air-ballon:before {
    content: "\ea94"
}

.icon-hotel:before {
    content: "\ea95"
}

.icon-hourglass:before {
    content: "\ea96"
}

.icon-housing-subsidy:before {
    content: "\ea97"
}

.icon-hurricane:before {
    content: "\ea98"
}

.icon-ice-cream-cone:before {
    content: "\ea99"
}

.icon-ice-cream-lolly:before {
    content: "\ea9a"
}

.icon-identity:before {
    content: "\ea9b"
}

.icon-image-editing:before {
    content: "\ea9c"
}

.icon-image-file:before {
    content: "\ea9d"
}

.icon-image:before {
    content: "\ea9e"
}

.icon-import-alt:before {
    content: "\ea9f"
}

.icon-import-record:before {
    content: "\eaa0"
}

.icon-import:before {
    content: "\eaa1"
}

.icon-inbox:before {
    content: "\eaa2"
}

.icon-info-circle:before {
    content: "\eaa3"
}

.icon-info-fill:before {
    content: "\eaa4"
}

.icon-info:before {
    content: "\eaa5"
}

.icon-inline-view:before {
    content: "\eaa6"
}

.icon-inner-borders .path1:before {
    content: "\eaa7";
    color: #444
}

.icon-inner-borders .path2:before {
    content: "\eaa8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path3:before {
    content: "\eaa9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path4:before {
    content: "\eaaa";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path5:before {
    content: "\eaab";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path6:before {
    content: "\eaac";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path7:before {
    content: "\eaad";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path8:before {
    content: "\eaae";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path9:before {
    content: "\eaaf";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path10:before {
    content: "\eab0";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path11:before {
    content: "\eab1";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path12:before {
    content: "\eab2";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path13:before {
    content: "\eab3";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path14:before {
    content: "\eab4";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path15:before {
    content: "\eab5";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path16:before {
    content: "\eab6";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path17:before {
    content: "\eab7";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path18:before {
    content: "\eab8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path19:before {
    content: "\eab9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path20:before {
    content: "\eaba";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-inner-borders .path21:before {
    content: "\eabb";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-insert-chart:before {
    content: "\eabc"
}

.icon-insert-row:before {
    content: "\eabd"
}

.icon-intersect:before {
    content: "\eabe"
}

.icon-invisible:before {
    content: "\eabf"
}

.icon-ios-switch:before {
    content: "\eac0"
}

.icon-italic:before {
    content: "\eac1"
}

.icon-job:before {
    content: "\eac2"
}

.icon-jump-rope:before {
    content: "\eac3"
}

.icon-jump-to:before {
    content: "\eac4"
}

.icon-kanban:before {
    content: "\eac5"
}

.icon-key:before {
    content: "\eac6"
}

.icon-keyboard-off:before {
    content: "\eac7"
}

.icon-keyboard-on:before {
    content: "\eac8"
}

.icon-keyboard-shortcuts:before {
    content: "\eac9"
}

.icon-knife:before {
    content: "\eaca"
}

.icon-knowledge:before {
    content: "\eacb"
}

.icon-lamp-alt:before {
    content: "\eacc"
}

.icon-lamp:before {
    content: "\eacd"
}

.icon-laptop:before {
    content: "\eace"
}

.icon-last:before {
    content: "\eacf"
}

.icon-law:before {
    content: "\ead0"
}

.icon-left-border .path1:before {
    content: "\ead1";
    color: #444;
    opacity: .4
}

.icon-left-border .path2:before {
    content: "\ead2";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path3:before {
    content: "\ead3";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path4:before {
    content: "\ead4";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path5:before {
    content: "\ead5";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path6:before {
    content: "\ead6";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path7:before {
    content: "\ead7";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path8:before {
    content: "\ead8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path9:before {
    content: "\ead9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path10:before {
    content: "\eada";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path11:before {
    content: "\eadb";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path12:before {
    content: "\eadc";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path13:before {
    content: "\eadd";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path14:before {
    content: "\eade";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path15:before {
    content: "\eadf";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path16:before {
    content: "\eae0";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path17:before {
    content: "\eae1";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path18:before {
    content: "\eae2";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path19:before {
    content: "\eae3";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path20:before {
    content: "\eae4";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path21:before {
    content: "\eae5";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path22:before {
    content: "\eae6";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path23:before {
    content: "\eae7";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path24:before {
    content: "\eae8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path25:before {
    content: "\eae9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path26:before {
    content: "\eaea";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path27:before {
    content: "\eaeb";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path28:before {
    content: "\eaec";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path29:before {
    content: "\eaed";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path30:before {
    content: "\eaee";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path31:before {
    content: "\eaef";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path32:before {
    content: "\eaf0";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path33:before {
    content: "\eaf1";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-left-border .path34:before {
    content: "\eaf2";
    margin-left: -1em;
    color: #444
}

.icon-left-circle:before {
    content: "\eaf3"
}

.icon-left:before {
    content: "\eaf4"
}

.icon-level-test:before {
    content: "\eaf5"
}

.icon-level:before {
    content: "\eaf6"
}

.icon-light:before {
    content: "\eaf7"
}

.icon-lighter:before {
    content: "\eaf8"
}

.icon-like:before {
    content: "\eaf9"
}

.icon-line-chart:before {
    content: "\eafa"
}

.icon-line-height:before {
    content: "\eafb"
}

.icon-line:before {
    content: "\eafc"
}

.icon-link:before {
    content: "\eafd"
}

.icon-list:before {
    content: "\eafe"
}

.icon-load-balancing:before {
    content: "\eaff"
}

.icon-loading:before {
    content: "\eb00"
}

.icon-location:before {
    content: "\eb01"
}

.icon-lock:before {
    content: "\eb02"
}

.icon-log-search:before {
    content: "\eb03"
}

.icon-loop:before {
    content: "\eb04"
}

.icon-loudspeaker:before {
    content: "\eb05"
}

.icon-man:before {
    content: "\eb06"
}

.icon-manager:before {
    content: "\eb07"
}

.icon-mark:before {
    content: "\eb08"
}

.icon-market-quotations:before {
    content: "\eb09"
}

.icon-market:before {
    content: "\eb0a"
}

.icon-mask:before {
    content: "\eb0b"
}

.icon-medal:before {
    content: "\eb0c"
}

.icon-medication:before {
    content: "\eb0d"
}

.icon-meeting-room-off:before {
    content: "\eb0e"
}

.icon-meeting-room:before {
    content: "\eb0f"
}

.icon-memo:before {
    content: "\eb10"
}

.icon-menu-fold:before {
    content: "\eb11"
}

.icon-menu-unfold:before {
    content: "\eb12"
}

.icon-merge-cells:before {
    content: "\eb13"
}

.icon-message-alt:before {
    content: "\eb14"
}

.icon-message-box:before {
    content: "\eb15"
}

.icon-message-fill:before {
    content: "\eb16"
}

.icon-message:before {
    content: "\eb17"
}

.icon-microphone:before {
    content: "\eb18"
}

.icon-microwave:before {
    content: "\eb19"
}

.icon-mind-mapping:before {
    content: "\eb1a"
}

.icon-mindmap:before {
    content: "\eb1b"
}

.icon-mini-program:before {
    content: "\eb1c"
}

.icon-minus-circle-fill:before {
    content: "\eb1d"
}

.icon-minus-circle:before {
    content: "\eb1e"
}

.icon-mirror-off:before {
    content: "\eb1f"
}

.icon-mirror-on:before {
    content: "\eb20"
}

.icon-mirror:before {
    content: "\eb21"
}

.icon-mist:before {
    content: "\eb22"
}

.icon-mobile-fill .path1:before {
    content: "\eb23";
    color: #000
}

.icon-mobile-fill .path2:before {
    content: "\eb24";
    margin-left: -1em;
    color: #fff
}

.icon-mobile:before {
    content: "\eb25"
}

.icon-model-platform:before {
    content: "\eb26"
}

.icon-monitor-fill:before {
    content: "\eb27"
}

.icon-moon:before {
    content: "\eb28"
}

.icon-more-vertical:before {
    content: "\eb29"
}

.icon-more:before {
    content: "\eb2a"
}

.icon-morph:before {
    content: "\eb2b"
}

.icon-mosaic:before {
    content: "\eb2c"
}

.icon-mouse:before {
    content: "\eb2d"
}

.icon-music-list:before {
    content: "\eb2e"
}

.icon-music:before {
    content: "\eb2f"
}

.icon-musical-notation:before {
    content: "\eb30"
}

.icon-mute-alt:before {
    content: "\eb31"
}

.icon-mute-fill:before {
    content: "\eb32"
}

.icon-mute:before {
    content: "\eb33"
}

.icon-mysql:before {
    content: "\eb34"
}

.icon-nat-gateway:before {
    content: "\eb35"
}

.icon-navigation:before {
    content: "\eb36"
}

.icon-new-theme:before {
    content: "\eb37"
}

.icon-new-window:before {
    content: "\eb38"
}

.icon-next:before {
    content: "\eb39"
}

.icon-notes:before {
    content: "\eb3a"
}

.icon-notification-off:before {
    content: "\eb3b"
}

.icon-notification:before {
    content: "\eb3c"
}

.icon-nuclear:before {
    content: "\eb3d"
}

.icon-office-building-off:before {
    content: "\eb3e"
}

.icon-office-building:before {
    content: "\eb3f"
}

.icon-onbording:before {
    content: "\eb40"
}

.icon-open-account:before {
    content: "\eb41"
}

.icon-ops-management:before {
    content: "\eb42"
}

.icon-option-management:before {
    content: "\eb43"
}

.icon-option:before {
    content: "\eb44"
}

.icon-ordered-list:before {
    content: "\eb45"
}

.icon-original-size:before {
    content: "\eb46"
}

.icon-outbox:before {
    content: "\eb47"
}

.icon-outer-borders:before {
    content: "\eb48"
}

.icon-overflow:before {
    content: "\eb49"
}

.icon-parking:before {
    content: "\eb4a"
}

.icon-paste:before {
    content: "\eb4b"
}

.icon-pause-circle-fill:before {
    content: "\eb4c"
}

.icon-pause-circle:before {
    content: "\eb4d"
}

.icon-payment-check:before {
    content: "\eb4e"
}

.icon-payment-management:before {
    content: "\eb4f"
}

.icon-payment-report:before {
    content: "\eb50"
}

.icon-pc:before {
    content: "\eb51"
}

.icon-pdf-file:before {
    content: "\eb52"
}

.icon-pen:before {
    content: "\eb53"
}

.icon-percentage:before {
    content: "\eb54"
}

.icon-personal-information:before {
    content: "\eb55"
}

.icon-personal-kanban:before {
    content: "\eb56"
}

.icon-pie-chart:before {
    content: "\eb57"
}

.icon-pin-fill:before {
    content: "\eb58"
}

.icon-plan-analysis:before {
    content: "\eb59"
}

.icon-plan:before {
    content: "\eb5a"
}

.icon-play-circle-fill:before {
    content: "\eb5b"
}

.icon-play-circle:before {
    content: "\eb5c"
}

.icon-play-fill:before {
    content: "\eb5d"
}

.icon-play-later:before {
    content: "\eb5e"
}

.icon-play:before {
    content: "\eb5f"
}

.icon-playlist:before {
    content: "\eb60"
}

.icon-plug:before {
    content: "\eb61"
}

.icon-plus-circle:before {
    content: "\eb62"
}

.icon-plus:before {
    content: "\eb63"
}

.icon-pokeball:before {
    content: "\eb64"
}

.icon-poll-fill:before {
    content: "\eb65"
}

.icon-poll:before {
    content: "\eb66"
}

.icon-polygon:before {
    content: "\eb67"
}

.icon-position-correct:before {
    content: "\eb68"
}

.icon-position-error:before {
    content: "\eb69"
}

.icon-position-warning:before {
    content: "\eb6a"
}

.icon-position:before {
    content: "\eb6b"
}

.icon-power-plug:before {
    content: "\eb6c"
}

.icon-power-switch:before {
    content: "\eb6d"
}

.icon-pre-study:before {
    content: "\eb6e"
}

.icon-preview:before {
    content: "\eb6f"
}

.icon-print:before {
    content: "\eb70"
}

.icon-printer:before {
    content: "\eb71"
}

.icon-privacy:before {
    content: "\eb72"
}

.icon-private-equity:before {
    content: "\eb73"
}

.icon-private-ip:before {
    content: "\eb74"
}

.icon-product:before {
    content: "\eb75"
}

.icon-profit-model-alt:before {
    content: "\eb76"
}

.icon-profit-model:before {
    content: "\eb77"
}

.icon-project-fill:before {
    content: "\eb78"
}

.icon-project:before {
    content: "\eb79"
}

.icon-promise:before {
    content: "\eb7a"
}

.icon-proportion-alt:before {
    content: "\eb7b"
}

.icon-proportion:before {
    content: "\eb7c"
}

.icon-public-image:before {
    content: "\eb7d"
}

.icon-public-ip:before {
    content: "\eb7e"
}

.icon-public-kanban:before {
    content: "\eb7f"
}

.icon-push-service:before {
    content: "\eb80"
}

.icon-puzzle:before {
    content: "\eb81"
}

.icon-qq:before {
    content: "\eb82"
}

.icon-qrcode:before {
    content: "\eb83"
}

.icon-query:before {
    content: "\eb84"
}

.icon-question-circle:before {
    content: "\eb85"
}

.icon-question-mark-circle:before {
    content: "\eb86"
}

.icon-question-pool:before {
    content: "\eb87"
}

.icon-questionnaire:before {
    content: "\eb88"
}

.icon-quote:before {
    content: "\eb89"
}

.icon-qzone:before {
    content: "\eb8a"
}

.icon-radio:before {
    content: "\eb8b"
}

.icon-rain:before {
    content: "\eb8c"
}

.icon-range-hood:before {
    content: "\eb8d"
}

.icon-ranking:before {
    content: "\eb8e"
}

.icon-reading-list-fill .path1:before {
    content: "\eb8f";
    color: #fff
}

.icon-reading-list-fill .path2:before {
    content: "\eb90";
    margin-left: -1em;
    color: #2b2f36
}

.icon-reading-list-fill .path3:before {
    content: "\eb91";
    margin-left: -1em;
    color: #fff
}

.icon-reading-list-fill .path4:before {
    content: "\eb92";
    margin-left: -1em;
    color: #fff
}

.icon-reading-list-fill .path5:before {
    content: "\eb93";
    margin-left: -1em;
    color: #fff
}

.icon-reading-list:before {
    content: "\eb94"
}

.icon-ready-to-deliver:before {
    content: "\eb95"
}

.icon-ready-to-pay:before {
    content: "\eb96"
}

.icon-receipt:before {
    content: "\eb97"
}

.icon-record-information:before {
    content: "\eb98"
}

.icon-record-stop:before {
    content: "\eb99"
}

.icon-record:before {
    content: "\eb9a"
}

.icon-rectangle:before {
    content: "\eb9b"
}

.icon-red-packet:before {
    content: "\eb9c"
}

.icon-redo:before {
    content: "\eb9d"
}

.icon-reference:before {
    content: "\eb9e"
}

.icon-refresh:before {
    content: "\eb9f"
}

.icon-related-lists:before {
    content: "\eba0"
}

.icon-relational-database:before {
    content: "\eba1"
}

.icon-reminders:before {
    content: "\eba2"
}

.icon-remove-bookshelf:before {
    content: "\eba3"
}

.icon-repeat-one:before {
    content: "\eba4"
}

.icon-repeat:before {
    content: "\eba5"
}

.icon-replacement-warranty:before {
    content: "\eba6"
}

.icon-reply:before {
    content: "\eba7"
}

.icon-report:before {
    content: "\eba8"
}

.icon-repository:before {
    content: "\eba9"
}

.icon-resign:before {
    content: "\ebaa"
}

.icon-responsive:before {
    content: "\ebab"
}

.icon-return-uplevel:before {
    content: "\ebac"
}

.icon-revert:before {
    content: "\ebad"
}

.icon-rewind:before {
    content: "\ebae"
}

.icon-rich-text:before {
    content: "\ebaf"
}

.icon-right-border .path1:before {
    content: "\ebb0";
    color: #444;
    opacity: .4
}

.icon-right-border .path2:before {
    content: "\ebb1";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path3:before {
    content: "\ebb2";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path4:before {
    content: "\ebb3";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path5:before {
    content: "\ebb4";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path6:before {
    content: "\ebb5";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path7:before {
    content: "\ebb6";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path8:before {
    content: "\ebb7";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path9:before {
    content: "\ebb8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path10:before {
    content: "\ebb9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path11:before {
    content: "\ebba";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path12:before {
    content: "\ebbb";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path13:before {
    content: "\ebbc";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path14:before {
    content: "\ebbd";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path15:before {
    content: "\ebbe";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path16:before {
    content: "\ebbf";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path17:before {
    content: "\ebc0";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path18:before {
    content: "\ebc1";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path19:before {
    content: "\ebc2";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path20:before {
    content: "\ebc3";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path21:before {
    content: "\ebc4";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path22:before {
    content: "\ebc5";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path23:before {
    content: "\ebc6";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path24:before {
    content: "\ebc7";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path25:before {
    content: "\ebc8";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path26:before {
    content: "\ebc9";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path27:before {
    content: "\ebca";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path28:before {
    content: "\ebcb";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path29:before {
    content: "\ebcc";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path30:before {
    content: "\ebcd";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path31:before {
    content: "\ebce";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path32:before {
    content: "\ebcf";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path33:before {
    content: "\ebd0";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-right-border .path34:before {
    content: "\ebd1";
    margin-left: -1em;
    color: #444
}

.icon-right:before {
    content: "\ebd2"
}

.icon-risk-warning:before {
    content: "\ebd3"
}

.icon-robot-add:before {
    content: "\ebd4"
}

.icon-robot:before {
    content: "\ebd5"
}

.icon-roi-analysis:before {
    content: "\ebd6"
}

.icon-rotate-device:before {
    content: "\ebd7"
}

.icon-rotate-left:before {
    content: "\ebd8"
}

.icon-route:before {
    content: "\ebd9"
}

.icon-router:before {
    content: "\ebda"
}

.icon-rss-subscription:before {
    content: "\ebdb"
}

.icon-rss:before {
    content: "\ebdc"
}

.icon-ruler:before {
    content: "\ebdd"
}

.icon-running:before {
    content: "\ebde"
}

.icon-safari:before {
    content: "\ebdf"
}

.icon-sandstorm:before {
    content: "\ebe0"
}

.icon-satisfaction-analysis:before {
    content: "\ebe1"
}

.icon-save-file:before {
    content: "\ebe2"
}

.icon-save-water:before {
    content: "\ebe3"
}

.icon-scale:before {
    content: "\ebe4"
}

.icon-scan:before {
    content: "\ebe5"
}

.icon-scatter-plot:before {
    content: "\ebe6"
}

.icon-scenic-spot:before {
    content: "\ebe7"
}

.icon-scissor:before {
    content: "\ebe8"
}

.icon-screenshot:before {
    content: "\ebe9"
}

.icon-scroll:before {
    content: "\ebea"
}

.icon-sdk:before {
    content: "\ebeb"
}

.icon-search-file:before {
    content: "\ebec"
}

.icon-search-log:before {
    content: "\ebed"
}

.icon-search:before {
    content: "\ebee"
}

.icon-seat:before {
    content: "\ebef"
}

.icon-security-authorization:before {
    content: "\ebf0"
}

.icon-security:before {
    content: "\ebf1"
}

.icon-select-all:before {
    content: "\ebf2"
}

.icon-selected:before {
    content: "\ebf3"
}

.icon-self-selected:before {
    content: "\ebf4"
}

.icon-sell-out:before {
    content: "\ebf5"
}

.icon-send:before {
    content: "\ebf6"
}

.icon-separate-window:before {
    content: "\ebf7"
}

.icon-service-analysis:before {
    content: "\ebf8"
}

.icon-setting-fill:before {
    content: "\ebf9"
}

.icon-setting:before {
    content: "\ebfa"
}

.icon-settings:before {
    content: "\ebfb"
}

.icon-shake-device:before {
    content: "\ebfc"
}

.icon-shape:before {
    content: "\ebfd"
}

.icon-share-external:before {
    content: "\ebfe"
}

.icon-share-internal:before {
    content: "\ebff"
}

.icon-shared-folder:before {
    content: "\ec00"
}

.icon-sharpen:before {
    content: "\ec01"
}

.icon-short-task:before {
    content: "\ec02"
}

.icon-shuffle:before {
    content: "\ec03"
}

.icon-shutdown:before {
    content: "\ec04"
}

.icon-sidebar-fold:before {
    content: "\ec05"
}

.icon-sidebar-unfold:before {
    content: "\ec06"
}

.icon-skating:before {
    content: "\ec07"
}

.icon-slides:before {
    content: "\ec08"
}

.icon-slim-face:before {
    content: "\ec09"
}

.icon-smog:before {
    content: "\ec0a"
}

.icon-snowsquall:before {
    content: "\ec0b"
}

.icon-social-insurance-management:before {
    content: "\ec0c"
}

.icon-sofa:before {
    content: "\ec0d"
}

.icon-softball:before {
    content: "\ec0e"
}

.icon-sort-alt:before {
    content: "\ec0f"
}

.icon-sort:before {
    content: "\ec10"
}

.icon-sound-balance:before {
    content: "\ec11"
}

.icon-soundwave:before {
    content: "\ec12"
}

.icon-spinning:before {
    content: "\ec13"
}

.icon-spreadsheet-alt:before {
    content: "\ec14"
}

.icon-spreadsheet-file:before {
    content: "\ec15"
}

.icon-spreadsheet:before {
    content: "\ec16"
}

.icon-staff-transfer:before {
    content: "\ec17"
}

.icon-stamp-fill:before {
    content: "\ec18"
}

.icon-stamp:before {
    content: "\ec19"
}

.icon-star-fill:before {
    content: "\ec1a"
}

.icon-star:before {
    content: "\ec1b"
}

.icon-starred-folder-fill:before {
    content: "\ec1c"
}

.icon-starred-folder:before {
    content: "\ec1d"
}

.icon-stop-recording-fill:before {
    content: "\ec1e"
}

.icon-stop:before {
    content: "\ec1f"
}

.icon-stopwatch:before {
    content: "\ec20"
}

.icon-storage-fill:before {
    content: "\ec21"
}

.icon-storm:before {
    content: "\ec22"
}

.icon-strikethrough:before {
    content: "\ec23"
}

.icon-subordinates:before {
    content: "\ec24"
}

.icon-subway-alt:before {
    content: "\ec25"
}

.icon-subway-map:before {
    content: "\ec26"
}

.icon-subway-station:before {
    content: "\ec27"
}

.icon-subway:before {
    content: "\ec28"
}

.icon-success-fill:before {
    content: "\ec29"
}

.icon-summary:before {
    content: "\ec2a"
}

.icon-sun:before {
    content: "\ec2b"
}

.icon-sunrise:before {
    content: "\ec2c"
}

.icon-sunset:before {
    content: "\ec2d"
}

.icon-swap-alt:before {
    content: "\ec2e"
}

.icon-swap:before {
    content: "\ec2f"
}

.icon-swim-pants:before {
    content: "\ec30"
}

.icon-swim-ring:before {
    content: "\ec31"
}

.icon-swing:before {
    content: "\ec32"
}

.icon-swipe:before {
    content: "\ec33"
}

.icon-switch-complete:before {
    content: "\ec34"
}

.icon-switch-routes:before {
    content: "\ec35"
}

.icon-switch-theme:before {
    content: "\ec36"
}

.icon-table-tennis:before {
    content: "\ec37"
}

.icon-tap:before {
    content: "\ec38"
}

.icon-target:before {
    content: "\ec39"
}

.icon-technology:before {
    content: "\ec3a"
}

.icon-temperature:before {
    content: "\ec3b"
}

.icon-tennis:before {
    content: "\ec3c"
}

.icon-terminal:before {
    content: "\ec3d"
}

.icon-text-ailgn-right:before {
    content: "\ec3e"
}

.icon-text-align-center:before {
    content: "\ec3f"
}

.icon-text-align-left:before {
    content: "\ec40"
}

.icon-text-alt:before {
    content: "\ec41"
}

.icon-text:before {
    content: "\ec42"
}

.icon-texture:before {
    content: "\ec43"
}

.icon-thunder-bolt:before {
    content: "\ec44"
}

.icon-title:before {
    content: "\ec45"
}

.icon-to-bottom:before {
    content: "\ec46"
}

.icon-to-do:before {
    content: "\ec47"
}

.icon-to-left:before {
    content: "\ec48"
}

.icon-to-right:before {
    content: "\ec49"
}

.icon-to-top:before {
    content: "\ec4a"
}

.icon-toggle-calendar-view:before {
    content: "\ec4b"
}

.icon-toilet:before {
    content: "\ec4c"
}

.icon-tone-alt:before {
    content: "\ec4d"
}

.icon-tone:before {
    content: "\ec4e"
}

.icon-tool:before {
    content: "\ec4f"
}

.icon-toolbox:before {
    content: "\ec50"
}

.icon-top-align:before {
    content: "\ec51"
}

.icon-top-border .path1:before {
    content: "\ec52";
    color: #444;
    opacity: .4
}

.icon-top-border .path2:before {
    content: "\ec53";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path3:before {
    content: "\ec54";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path4:before {
    content: "\ec55";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path5:before {
    content: "\ec56";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path6:before {
    content: "\ec57";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path7:before {
    content: "\ec58";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path8:before {
    content: "\ec59";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path9:before {
    content: "\ec5a";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path10:before {
    content: "\ec5b";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path11:before {
    content: "\ec5c";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path12:before {
    content: "\ec5d";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path13:before {
    content: "\ec5e";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path14:before {
    content: "\ec5f";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path15:before {
    content: "\ec60";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path16:before {
    content: "\ec61";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path17:before {
    content: "\ec62";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path18:before {
    content: "\ec63";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path19:before {
    content: "\ec64";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path20:before {
    content: "\ec65";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path21:before {
    content: "\ec66";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path22:before {
    content: "\ec67";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path23:before {
    content: "\ec68";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path24:before {
    content: "\ec69";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path25:before {
    content: "\ec6a";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path26:before {
    content: "\ec6b";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path27:before {
    content: "\ec6c";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path28:before {
    content: "\ec6d";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path29:before {
    content: "\ec6e";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path30:before {
    content: "\ec6f";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path31:before {
    content: "\ec70";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path32:before {
    content: "\ec71";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path33:before {
    content: "\ec72";
    margin-left: -1em;
    color: #444;
    opacity: .4
}

.icon-top-border .path34:before {
    content: "\ec73";
    margin-left: -1em;
    color: #444
}

.icon-top-choice:before {
    content: "\ec74"
}

.icon-topic:before {
    content: "\ec75"
}

.icon-tower:before {
    content: "\ec76"
}

.icon-traffic-cone:before {
    content: "\ec77"
}

.icon-translation:before {
    content: "\ec78"
}

.icon-trophy:before {
    content: "\ec79"
}

.icon-truncation:before {
    content: "\ec7a"
}

.icon-typhoon:before {
    content: "\ec7b"
}

.icon-underline:before {
    content: "\ec7c"
}

.icon-undo:before {
    content: "\ec7d"
}

.icon-unencrypted:before {
    content: "\ec7e"
}

.icon-unfold:before {
    content: "\ec7f"
}

.icon-unfreeze:before {
    content: "\ec80"
}

.icon-union:before {
    content: "\ec81"
}

.icon-unordered-list:before {
    content: "\ec82"
}

.icon-up:before {
    content: "\ec83"
}

.icon-update:before {
    content: "\ec84"
}

.icon-upload-log:before {
    content: "\ec85"
}

.icon-usb:before {
    content: "\ec86"
}

.icon-user-group:before {
    content: "\ec87"
}

.icon-user-management:before {
    content: "\ec88"
}

.icon-user-research:before {
    content: "\ec89"
}

.icon-user:before {
    content: "\ec8a"
}

.icon-vertical-centers-align:before {
    content: "\ec8b"
}

.icon-video-camera:before {
    content: "\ec8c"
}

.icon-video-chat:before {
    content: "\ec8d"
}

.icon-video-file:before {
    content: "\ec8e"
}

.icon-video-on-demand-fill:before {
    content: "\ec8f"
}

.icon-video-on-demand:before {
    content: "\ec90"
}

.icon-view-alt:before {
    content: "\ec91"
}

.icon-view:before {
    content: "\ec92"
}

.icon-voice-call:before {
    content: "\ec93"
}

.icon-voice-input:before {
    content: "\ec94"
}

.icon-voice-wake-up:before {
    content: "\ec95"
}

.icon-voice:before {
    content: "\ec96"
}

.icon-volume-fill:before {
    content: "\ec97"
}

.icon-volume:before {
    content: "\ec98"
}

.icon-wait:before {
    content: "\ec99"
}

.icon-walking:before {
    content: "\ec9a"
}

.icon-wallet:before {
    content: "\ec9b"
}

.icon-wardrobe:before {
    content: "\ec9c"
}

.icon-warning-fill:before {
    content: "\ec9d"
}

.icon-washing-machine:before {
    content: "\ec9e"
}

.icon-watch:before {
    content: "\ec9f"
}

.icon-wechat:before {
    content: "\eca0"
}

.icon-whistle:before {
    content: "\eca1"
}

.icon-wifi-off:before {
    content: "\eca2"
}

.icon-wifi-security:before {
    content: "\eca3"
}

.icon-wifi:before {
    content: "\eca4"
}

.icon-wind:before {
    content: "\eca5"
}

.icon-woman:before {
    content: "\eca6"
}

.icon-word-wrap:before {
    content: "\eca7"
}

.icon-www:before {
    content: "\eca8"
}

.icon-zipped-folder:before {
    content: "\eca9"
}

.icon-zoom-in-fill:before {
    content: "\ecaa"
}

.icon-zoom-in:before {
    content: "\ecab"
}

.icon-zoom-out-fill:before {
    content: "\ecac"
}

.icon-zoom-out:before {
    content: "\ecad"
}

.product-detail-column .column-bg {
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 102px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.column-wrap {
    border-bottom: 1px solid;
    border-radius: 8px 8px 0 0;
    margin: 0 32px 22px;
    padding-bottom: 25px
}

.column-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.column-subtitle {
    color: rgba(19,87,189,.8);
    font-size: 14px;
    line-height: 22px
}

.column-link {
    display: block;
    padding: 16px 32px;
    background: #fafbfc;
    border: 1px dashed #dde2e9
}

.column-link:hover {
    text-decoration: none
}

.column-link-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000
}

.column-link:hover .column-link-title {
    color: #0052d9
}

.column-link-title {
    font-weight: 500;
    font-size: 18px;
    color: inherit;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.column-link-desc {
    margin-bottom: 8px;
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

.column-link-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 26px;
    color: #41464f;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    margin-right: 8px
}

.column-link-marks {
    margin-left: 8px;
    white-space: nowrap
}

.column-link-bubble {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.column-link-bubble:last-child {
    margin-right: 0
}

.column-link-bubble-inner22 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #28a745;
    border-radius: 2px;
    border-bottom-left-radius: 0
}

.column-link-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #f64041;
    border-radius: 2px;
    border-bottom-left-radius: 0
}

.column-link-bubble-inner3:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent #1673ff #1673ff transparent;
    border-style: solid;
    border-width: 2px 3px
}

.column-link-bubble-inner3 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #1673ff;
    border-radius: 2px;
    border-bottom-left-radius: 0
}

.column-link-bubble-inner:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent #f64041 #f64041 transparent;
    border-style: solid;
    border-width: 2px 3px
}

.header-container-right .bor-link.et-trial {
    font-size: 20px
}

.header-container-wrap a.logo img {
    height: 28px
}

.footer-split {
    width: 100%;
    height: 9px;
    margin-top: -1px;
    background: linear-gradient(90.07deg,#6b69fe .78%,#504ed0)
}

.footer-advisory {
    box-sizing: border-box;
    padding: 40px 0;
    background-color: #f7f9fa;
    background-image: url(https://www-s.ucloud.cn/2024/03/4069e83140474e52e63a7d9251b31733_1710310973411.png);
    background-repeat: no-repeat;
    background-size: auto 278px;
    background-position: top;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover
}

.footer-advisory .title {
    width: fit-content;
    font-size: 36px;
    font-weight: 500;
    color: #020814;
    line-height: 50px;
    margin: auto;
    font-family: djf
}

.footer-advisory .description {
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    color: rgba(24,24,24,.64);
    line-height: 16px;
    margin: 22px auto 0
}

.footer-advisory .btn {
    display: block;
    margin: 40px auto;
    font-weight: 600;
    letter-spacing: .002em;
    width: 240px;
    line-height: 40px;
    background-color: rgb(56 96 244/1);
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0
}

.container-v0SK {
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

@media screen and (max-width: 767px) {
    .container-v0SK {
        display:block
    }
}

@media screen and (min-width: 1024px)and (max-width:1679px) {
    .container-v0SK {
        height:389px
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .middleDecorate-IFvd {
        height:256px;
        width: 44px
    }
}

@media screen and (min-width: 1024px) {
    .middleDecorate-IFvd {
        height:100%;
        width: 44px;
        background: #fff
    }
}

@media screen and (min-width: 1680px) {
    .middleDecorate-IFvd {
        width:48px;
        background: #fff
    }
}

.halfPart-Nr0A {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 767px) {
    .halfPart-Nr0A {
        height:256px;
        padding: 20px 20px 15px;
        width: 100vw
    }
}

@media screen and (min-width: 768px) {
    .halfPart-Nr0A {
        -moz-box-flex:1;
        -webkit-flex: 1 1;
        flex: 1 1;
        width: 0
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .halfPart-Nr0A {
        height:256px;
        padding: 24px 24px 22px
    }
}

@media screen and (min-width: 1024px)and (max-width:1439px) {
    .contentWrap-YHoz {
        margin-top:64px
    }

    .contentWrap-YHoz.left-qHGf {
        -webkit-align-self: flex-end;
        align-self: flex-end;
        margin-right: 32px;
        width: 546px
    }

    .contentWrap-YHoz.right-xh32 {
        margin-left: 58px;
        width: 518px
    }
}

.linkButton-lhzc {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border-radius: 4px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.linkButton-lhzc:hover .volcfe-home-arrow {
    right: -5px
}

.linkButton-lhzc .titleLink-iQF7 {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

@media screen and (max-width: 1023px) {
    .linkButton-lhzc .titleLink-iQF7 {
        font-size:12px;
        line-height: 26px;
        margin-bottom: 4px;
        margin-top: 12px
    }
}

@media screen and (max-width: 1023px)and (max-width:767px) {
    .linkButton-lhzc .titleLink-iQF7 {
        margin-bottom:4px
    }
}

@media screen and (min-width: 1024px) {
    .linkButton-lhzc .titleLink-iQF7 {
        font-size:16px;
        line-height: 36px;
        margin-bottom: 12px
    }
}

.linkButton-lhzc .title-dhUm {
    font-weight: 500
}

@media screen and (max-width: 1023px) {
    .linkButton-lhzc .title-dhUm {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (min-width: 1024px) {
    .linkButton-lhzc .title-dhUm {
        font-size:30px;
        line-height: 38px
    }
}

.linksWrap-zdQ9 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

@media screen and (max-width: 1023px) {
    .linksWrap-zdQ9 {
        grid-column-gap:8px;
        grid-row-gap: 8px
    }
}

@media screen and (min-width: 1024px) {
    .linksWrap-zdQ9 {
        grid-column-gap:16px;
        grid-row-gap: 16px
    }
}

@media screen and (max-width: 767px) {
    .linksWrap-zdQ9 {
        margin-top:36px
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .linksWrap-zdQ9 {
        margin-top:36px
    }
}

@media screen and (min-width: 1024px)and (max-width:1679px) {
    .linksWrap-zdQ9 {
        margin-top:46px
    }
}

@media screen and (min-width: 1680px) {
    .linksWrap-zdQ9 {
        margin-top:54px
    }
}

.link-KGxo {
    background: hsla(0,0%,100%,.04);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 4px;
    color: #fff;
    display: block;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .link-KGxo {
        font-size:12px;
        height: 40px;
        line-height: 40px
    }
}

@media screen and (min-width: 1024px) {
    .link-KGxo {
        font-size:16px;
        height: 54px;
        line-height: 54px
    }
}

.ecoItemWrap-D5mU {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

@media screen and (max-width: 767px) {
    .ecoItemWrap-D5mU {
        margin:36px 0
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .ecoItemWrap-D5mU {
        margin:36px 0
    }
}

@media screen and (min-width: 1024px)and (max-width:1679px) {
    .ecoItemWrap-D5mU {
        margin:46px 0
    }
}

@media screen and (min-width: 1680px) {
    .ecoItemWrap-D5mU {
        margin:54px 0
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x {
    -moz-box-flex: 1;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 1023px) {
    .ecoItemWrap-D5mU .clickZone-ha9x {
        height:74px
    }
}

@media screen and (min-width: 1024px) {
    .ecoItemWrap-D5mU .clickZone-ha9x {
        height:134px
    }

    .ecoItemWrap-D5mU .clickZone-ha9x:hover .image-yT2I {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ {
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 24px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ {
        margin-left:16px
    }
}

@media screen and (min-width: 1024px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ {
        height:100%;
        margin-right: 40px
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .title-dhUm {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    margin-bottom: 4.3px
}

@media screen and (min-width: 1024px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .title-dhUm {
        font-size:18px;
        line-height: 26px;
        margin-bottom: 8px
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .text-U1BN {
    -webkit-line-clamp: 3;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    line-height: 16.8px;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1024px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .text-U1BN {
        -webkit-line-clamp:2;
        font-size: 14px;
        line-height: 22px
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .detail-pkbm {
    border: 1px solid #fff;
    border-radius: 4px;
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: 500;
    height: 32px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 85px
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .detail-pkbm:hover {
    background: hsla(0,0%,100%,.2)
}

.ecoItemWrap-D5mU .clickZone-ha9x .imageWrap-f1M9 {
    border-radius: 8px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 1023px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .imageWrap-f1M9 {
        width:132px
    }
}

@media screen and (min-width: 1024px) {
    .ecoItemWrap-D5mU .clickZone-ha9x .imageWrap-f1M9 {
        width:240px
    }
}

.ecoItemWrap-D5mU .clickZone-ha9x .imageWrap-f1M9 .image-yT2I {
    height: 100%;
    opacity: 1;
    pointer-events: all;
    position: relative;
    -webkit-transition: opacity .8s ease,-webkit-transform .25s ease;
    transition: opacity .8s ease,-webkit-transform .25s ease;
    -o-transition: opacity .8s ease,-o-transform .25s ease;
    -moz-transition: transform .25s ease,opacity .8s ease,-moz-transform .25s ease;
    transition: transform .25s ease,opacity .8s ease;
    transition: transform .25s ease,opacity .8s ease,-webkit-transform .25s ease,-moz-transform .25s ease,-o-transform .25s ease;
    width: 100%
}

.ecoItemWrap-D5mU .clickZone-ha9x .imageWrap-f1M9 .image-yT2I.notCurrent-uVhw {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.ecoItemWrap-D5mU .clickZone-ha9x .animationContainer-kIxd {
    height: 100%;
    position: relative;
    width: 100%
}

.ecoItemWrap-D5mU .clickZone-ha9x .animationContainer-kIxd .animateItem-y4oG {
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.buttonsWrap-sY32 {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.button-C3Lf,.buttonsWrap-sY32 {
    -moz-box-align: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.button-C3Lf {
    border: 1px solid #fff;
    border-radius: 16px;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.button-C3Lf:hover {
    background: hsla(0,0%,100%,.2)
}

.button-C3Lf.disabled-TeBH {
    cursor: default;
    opacity: .5
}

.button-C3Lf.disabled-TeBH:hover {
    background: 0 0
}

.indicator-KPif {
    font-size: 12px;
    line-height: 20px;
    margin: 8px 0
}

.tab-item-wrap-Ivvl {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

@media(min-width: 1024px) {
    .tab-item-wrap-Ivvl {
        margin:0 auto
    }
}

@media(max-width: 767px) {
    .tab-item-wrap-Ivvl {
        overflow-x:scroll;
        padding: 0 12px 32px;
        scrollbar-width: none
    }

    .tab-item-wrap-Ivvl::-webkit-scrollbar {
        display: none
    }
}

@media(min-width: 768px)and (max-width:1023px) {
    .tab-item-wrap-Ivvl {
        -moz-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 12px 32px
    }
}

@media(min-width: 1024px)and (max-width:1439px) {
    .tab-item-wrap-Ivvl {
        padding:0 40px 79px;
        width: 1281px
    }
}

@media(min-width: 1440px)and (max-width:1679px) {
    .tab-item-wrap-Ivvl {
        padding-bottom:64px;
        width: 1201px
    }
}

@media(min-width: 1680px) {
    .tab-item-wrap-Ivvl {
        padding-bottom:64px;
        width: 1279px
    }
}

.card-wrap-jUCY {
    border-radius: 8px;
    box-shadow: 0 4px 60px rgba(0,28,85,.04);
    cursor: default;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 534px;
    margin-left: 32px;
    overflow: hidden;
    position: relative;
    width: 405px
}

.card-wrap-jUCY.clickable-B2Da {
    cursor: pointer
}

@media(max-width: 1679px) {
    .card-wrap-jUCY {
        height:513px;
        width: 380px
    }
}

@media(max-width: 1023px) {
    .card-wrap-jUCY {
        height:362px;
        margin-left: 8px;
        width: -webkit-calc(33.33333% - 5.33333px);
        width: -moz-calc(33.33333% - 5.33333px);
        width: calc(33.33333% - 5.33333px)
    }
}

@media(max-width: 767px) {
    .card-wrap-jUCY {
        height:396px;
        width: 300px
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:not(:hover) .data-list-p2kH {
        display:none
    }

    .card-wrap-jUCY:hover {
        box-shadow: 0 4px 20px rgba(0,28,85,.12)
    }

    .card-wrap-jUCY:hover .bg-rDlQ {
        -webkit-transform: translate(1%,1%);
        -moz-transform: translate(1%,1%);
        -o-transform: translate(1%,1%);
        transform: translate(1%,1%);
        -webkit-transition: 0s .5s;
        -o-transition: 0s .5s;
        -moz-transition: 0s .5s;
        transition: 0s .5s;
        -webkit-transition-property: width,-webkit-transform;
        transition-property: width,-webkit-transform;
        -o-transition-property: width,-o-transform;
        -moz-transition-property: width,transform,-moz-transform;
        transition-property: width,transform;
        transition-property: width,transform,-webkit-transform,-moz-transform,-o-transform;
        width: 98%
    }
}

@media(min-width: 1024px)and (min-width:1024px) {
    .card-wrap-jUCY:hover .card-title-fThD {
        margin:20px 0 18px
    }
}

@media(min-width: 1024px)and (min-width:1680px) {
    .card-wrap-jUCY:hover .card-title-fThD {
        margin:32px 0 24px
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .card-bottom-heMS {
        background:-webkit-gradient(linear,left top,left bottom,color-stop(.33%,hsla(0,0%,100%,.9)),color-stop(22.5%,#fff));
        background: -webkit-linear-gradient(top,hsla(0,0%,100%,.9) .33%,#fff 22.5%);
        background: -moz-linear-gradient(top,hsla(0,0%,100%,.9) .33%,#fff 22.5%);
        background: linear-gradient(180deg,hsla(0,0%,100%,.9) .33%,#fff 22.5%);
        top: 0
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .logo-eLmc {
        margin-top:28px
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .detail-long-d7i0 {
        display:block
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .just-hidden-EyVd {
        display:-webkit-box
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .detail-short-Gvaa {
        display:none
    }
}

@media(min-width: 1024px) {
    .card-wrap-jUCY:hover .detail-more-pvJN {
        display:inline
    }
}

.card-wrap-jUCY:first-child {
    margin-left: 0
}

.card-bottom-heMS {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.8)),color-stop(17.97%,#fff));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,.8),#fff 17.97%);
    background: -moz-linear-gradient(top,hsla(0,0%,100%,.8) 0,#fff 17.97%);
    background: linear-gradient(180deg,hsla(0,0%,100%,.8),#fff 17.97%);
    border-radius: 8px;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 0 32px;
    position: absolute;
    top: 200px;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s;
    transition: top .5s;
    width: 100%;
    z-index: 0
}

@media(max-width: 1679px) {
    .card-bottom-heMS {
        top:193px
    }
}

@media(max-width: 1023px) {
    .card-bottom-heMS {
        padding:0 20px;
        top: 128px
    }
}

@media(max-width: 767px) {
    .card-bottom-heMS {
        top:158px
    }
}

.volcfe-home-arrow {
    border-right: 2px solid;
    border-top: 2px solid;
    color: #1664ff;
    display: inline-block;
    height: 1em;
    position: relative;
    right: 0;
    -webkit-transform: rotate(45deg) scale(.5);
    -moz-transform: rotate(45deg) scale(.5);
    -o-transform: rotate(45deg) scale(.5);
    transform: rotate(45deg) scale(.5);
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    transition: right .3s;
    width: 1em
}

@media screen and (max-width: 1023px) {
    .volcfe-home-arrow {
        font-size:13px
    }
}

@media screen and (min-width: 1024px) {
    .volcfe-home-arrow {
        font-size:16px
    }
}

@media screen and (min-width: 768px) {
    .volcfe-home-hover-arrow-trigger:hover .volcfe-home-hover-arrow {
        display:inline-block
    }
}

.volcfe-home-hover-arrow {
    display: none;
    height: 1px;
    position: relative;
    width: 1px
}

.volcfe-home-hover-arrow:after {
    background: no-repeat 50%/100% 100% url(https://portal.volccdn.com/obj/volcfe/home/arrowright.svg);
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: -18px;
    top: -12.5px;
    width: 14px
}

.ecoItemWrap-D5mU .clickZone-ha9x .ecoItemContent-aQHQ .detail-pkbm {
    display: none
}

.animateItem-y4oG {
    display: flex;
    align-items: center
}

.ecoItemWrap-D5mU {
    align-items: center
}

section.home-developer {
    padding-top: 70px!important;
    padding-bottom: 70px!important
}

.halfPart-Nr0A.blue-P3vF.left-qHGf {
    background: #175eff
}

.halfPart-Nr0A.black-ab3W.right-xh32 {
    background: #272e3b
}

.halfPart-Nr0A {
    padding: 30px;
    border-radius: 20px
}

.header-container-right .bor-link.et-register {
    color: #4e5969;
    background: 0 0
}

.header-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 28px;
    background: #3370ff;
    color: #fff!important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
    white-space: nowrap;
    height: 100%
}

.header-login-btn:hover {
    background: #2860e1;
    color: #fff!important
}

.header-text-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    color: #4e5969;
    font-size: 15px;
    text-decoration: none;
    transition: color .2s ease
}

.header-text-link:hover {
    color: #3370ff
}

.top-icon-bg {
    height: 100%;
    padding: 20px 0;
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    justify-content: center
}

section.home-service h2.left-header-title {
    color: #333
}

.col-md-3.footer-contact h3 {
    color: #3e474f;
    font-size: 18px;
    font-weight: 500
}

.col-md-3.footer-contact p {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #77808c
}

.col-md-3.footer-contact img {
    width: 128px
}

@media screen and (max-width: 768px) {
    h2.left-header-title {
        font-size:20px
    }

    .home-product .product-buttons {
        top: -45px
    }

    .home-product .product-hots {
        flex-wrap: wrap
    }

    .home-product .product-hots .product-hots-item {
        width: 100%;
        min-width: 100%;
        height: auto;
        margin-bottom: 20px
    }

    .home-product .product-hots .product-hots-item>.prod-intro {
        height: auto;
        padding: 24px
    }
}

.index-module__container-dark--4TTP4 {
    color: inherit;
    background-color: hsla(0,0%,100%,.1)
}

.index-module__container--2aA6j {
    width: 200px;
    height: 36px;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all .3s ease;
    margin-right: 20px
}

.index-module__searchBar--PmDnf {
    height: 36px;
    z-index: 19999;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all .3s ease;
    cursor: pointer;
    padding: 9px 8px;
    background: 0 0;
    border-radius: 10px;
    border: 1px solid rgba(53,76,109,.15)
}

.index-module__input--1b933 {
    border: none;
    background: 0 0;
    color: inherit;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    flex: 1 0 auto;
    font-size: 13px;
    cursor: pointer
}

a.bor-link.cursor.waves.header-language {
    border: 1px solid #dcdcde
}

a.cursor.waves.header-language {
    border: 1px solid #dcdcde;
    padding: 2px 15px;
    color: #3f4042;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-right: 15px;
    margin-left: 15px
}

a.cursor.waves.header-language svg {
    width: 20px;
    margin-right: 4px
}

.language-dropdown {
    position: relative;
    display: inline-block
}

.language-dropdown .header-language {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: all .3s ease
}

.language-dropdown .header-language:hover {
    background-color: #f5f5f5
}

.language-dropdown .header-language.active {
    background-color: #e8f4fd
}

.language-dropdown .language-text {
    font-size: 14px;
    color: #3f4042
}

.language-dropdown .dropdown-arrow {
    transition: transform .3s ease
}

.language-dropdown .header-language.active .dropdown-arrow {
    transform: rotate(180deg)
}

.language-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    min-width: 120px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .3s ease
}

.language-dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.language-dropdown-menu .language-option {
    display: block;
    padding: 12px 16px;
    color: #3f4042;
    text-decoration: none;
    font-size: 14px;
    transition: background-color .2s ease;
    border-bottom: 1px solid #f0f0f0
}

.language-dropdown-menu .language-option:last-child {
    border-bottom: none
}

.language-dropdown-menu .language-option:hover {
    background-color: #f8f9fa;
    color: #0368ff
}

.language-dropdown-menu .language-option.active {
    background-color: #e8f4fd;
    color: #0368ff;
    font-weight: 500
}

a.header-link.cursor.waves {
    color: #3f4042;
    margin-left: 15px;
    margin-right: 15px
}

.search-container {
    position: relative
}

.search-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .3s ease;
    margin-top: 5px;
    min-width: 280px
}

.search-dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.search-dropdown-header {
    padding: 12px 16px 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    border-bottom: 1px solid #f0f0f0
}

.search-dropdown-content {
    padding: 8px 12px 12px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.search-tag {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f5f5f5;
    color: #666;
    border-radius: 16px;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s ease;
    border: 1px solid transparent
}

.search-tag:hover {
    background-color: #e8f4fd;
    color: #0368ff;
    border-color: #0368ff
}

.search-tag.active {
    background-color: #e8f4fd;
    color: #0368ff;
    border-color: #0368ff;
    font-weight: 500
}

.login-form-container {
    transition: all .3s ease
}

.login-divider {
    position: relative;
    text-align: center;
    margin: 20px 0
}

.login-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5
}

.login-divider .divider-text {
    background-color: #fff;
    padding: 0 15px;
    color: #999;
    font-size: 14px;
    position: relative;
    z-index: 1
}

.btn-wechat {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .3s ease;
    padding: .375rem .75rem;
    font-size: 1rem
}

.btn-wechat:hover {
    background-color: #f8f9fa;
    border-color: #dcdcde;
    color: #333
}

.wechat-icon {
    flex-shrink: 0
}

.wechat-login-content {
    text-align: center
}

.wechat-header {
    margin-bottom: 30px
}

.wechat-header h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0368ff;
    margin: 0 0 8px 0
}

.wechat-subtitle {
    font-size: 14px;
    color: #666;
    margin: 0
}

.wechat-qr-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.qr-code-wrapper {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.qr-code {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.qr-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.loading-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #e5e5e5;
    border-top: 3px solid #0368ff;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.qr-loading p {
    margin: 0;
    font-size: 14px;
    color: #666
}

.success-icon {
    width: 40px;
    height: 40px;
    background-color: #07c160;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700
}

.wechat-agreement {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 20px
}

.wechat-agreement a {
    color: #0368ff;
    text-decoration: none
}

.wechat-agreement a:hover {
    text-decoration: underline
}

.wechat-footer {
    text-align: center
}

.wechat-modal-footer {
    text-align: center
}

.wechat-divider {
    position: relative;
    margin-bottom: 20px
}

.wechat-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5
}

.wechat-divider .divider-text {
    background-color: #fff;
    padding: 0 15px;
    color: #999;
    font-size: 14px;
    position: relative;
    z-index: 1
}

.btn-phone-login {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #333;
    width: 100%;
    transition: all .3s ease;
    padding: .375rem .75rem;
    font-size: 1rem
}

.btn-phone-login:hover {
    background-color: #f8f9fa;
    border-color: #dcdcde;
    color: #333
}

.wechat-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    transition: background-color .2s ease
}

.wechat-modal-close:hover {
    background-color: #f5f5f5
}

@media screen and (max-width: 767px) {
    .index-module__container--2aA6j {
        display:none
    }
}

@font-face {
    font-family: blanch-sed;
    src: url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed.eot');
    src: url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed.eot#iefix') format('embedded-opentype'),url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed-webfont.woff2') format('woff2'),url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed-webfont.woff') format('woff'),url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: blanch-sed-light;
    src: url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed_light-webfont.woff') format('woff');
    src: url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed_light-webfont.woff2') format('woff2'),url('https://www.ucloud.cn/static/style/fonts/font-en/blanch_condensed_light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

.home-product {
    position: relative;
    margin-top: 48px
}

.home-product .product-buttons {
    position: absolute;
    right: 0;
    top: -88px;
    display: flex
}

.home-product .product-buttons a {
    display: inline-flex;
    margin-left: 50px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    align-items: center
}

.home-product .product-buttons a:hover {
    color: #3860f4
}

.home-product .product-buttons a .sicon {
    display: inline-block;
    margin-right: 16px;
    background-repeat: no-repeat;
    background-position: right
}

.home-product .product-buttons a .sicon-new {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    background-image: url(../img/product/b6f4696660e849cf8899bf7ff977b11c.png);
    background-size: cover
}

.home-product .product-buttons a .sicon-calc {
    width: 18px;
    height: 24px;
    vertical-align: -6px;
    background-image: url(../img/product/f80b36984ee6403a9f7716301634236d.png);
    background-size: contain
}

.home-product .product-hots {
    position: relative;
    margin-bottom: 1px;
    padding-bottom: 36px
}

.home-product .product-hots .row {
    margin-left: -12px;
    margin-right: -12px
}

.home-product .product-hots [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px
}

.home-product .product-hots .product-hots-item {
    height: 100%;
    min-height: 320px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0,20,50,.02);
    border-radius: 12px;
    transition: all .3s;
    position: relative
}

.home-product .product-hots .product-hots-item:nth-child(2),.home-product .product-hots .product-hots-item:nth-child(3),.home-product .product-hots .product-hots-item:nth-child(4) {
    left: auto
}

.home-product .product-hots .product-hots-item>.prod-intro {
    padding: 24px;
    opacity: 1;
    transition: all .25s ease-in-out;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    height: 100%;
    flex-direction: column;
    align-items: center
}

.home-product .product-hots .product-hots-item>.prod-intro .card-line {
    position: absolute;
    top: 0;
    left: 24px;
    width: 60px;
    height: 4px;
    border-radius: 0 0 2px 2px;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.87, 0, .13, 1)
}

.home-product .product-hots .product-hots-item>.prod-intro>img {
    display: block;
    margin-bottom: 0;
    width: 36px;
    height: 36px;
    opacity: 1
}

.home-product .product-hots .product-hots-item>.prod-intro>.title {
    font-family: 'IBM Plex Mono',monospace;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    color: #1d2129;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 16px
}

.home-product .product-hots .product-hots-item>.prod-intro>.des {
    padding: 0 20px;
    font-family: 'Nunito Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #86909c;
    opacity: .6;
    height: auto;
    overflow: hidden;
    margin-bottom: 24px
}

.home-product .product-hots .product-hots-item>.prod-intro .prod-icon {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    margin-top: 30px
}

.home-product .product-hots .product-hots-item>.prod-intro .view-detail-link {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #1d2129;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-top: auto;
    padding-left: 24px
}

.home-product .product-hots .product-hots-item>.prod-intro .view-detail-link::after {
    content: "\2192";
    margin-left: 8px;
    font-size: 14px
}

.home-product .product-hots .product-hots-item>.prod-intro .view-detail-link i {
    display: none
}

.home-product .product-hots .product-hots-item>.prod-intro .view-detail-link:hover {
    color: #0368ff
}

.home-product .product-hots .product-hots-item:hover {
    box-shadow: 0 12px 24px rgba(0,20,50,.08);
    transform: translateY(-4px)
}

.home-product .product-hots .product-hots-item>.prod-intro>.arrow .icon__right {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 12px
}

.home-product .product-hots .product-hots-item>.prod-intro .card {
    position: absolute;
    top: 68px;
    width: calc(100% - 20px);
    opacity: 0;
    transition: opacity .1s cubic-bezier(.87, 0, .13, 1);
    border: none
}

.home-product .product-hots .product-hots-item>.prod-intro .card>.desc {
    padding-bottom: 16px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 28px;
    color: #7a8ba6;
    border-bottom: 1px solid #ebf0fc
}

.home-product .product-hots .product-hots-item>.prod-intro .card .links {
    color: #3860f4;
    vertical-align: 1px
}

.home-product .product-hots .product-hots-item>.prod-intro .card .links i {
    font-size: 50px;
    line-height: 28px
}

.home-product .product-hots .product-hots-item>.prod-intro .card .links:hover {
    color: #2a49b8
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content {
    padding: 16px 0 16px 0
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table {
    width: 100%;
    margin-bottom: 32px
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table tr {
    height: 48px;
    line-height: 32px
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table tr .label {
    position: relative;
    font-size: 14px;
    color: #374567
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table tr .label .tags {
    position: absolute;
    top: -4px;
    margin-left: 6px
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table tr .control {
    font-size: 14px;
    font-weight: 700;
    color: #374567
}

.home-product .product-hots .product-hots-item>.prod-intro .card-content .content-table tr .control input {
    vertical-align: 0
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom {
    position: absolute;
    bottom: -86px;
    width: 100%
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap {
    height: 100px;
    padding: 24px 0 36px 0;
    border-top: 1px solid #ebf0fc;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .price-detail {
    display: inline-block;
    font-size: 12px;
    color: #374567
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .price-detail .font-num {
    font-size: 50px;
    color: #3860f4;
    font-family: blanch-sed,Arial
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .price-detail .font-desc {
    font-size: 30px;
    font-weight: 700
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .price-detail .gray {
    color: #7a8ba6
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .price-detail .desc {
    display: inline-block;
    line-height: 17px
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap .button-base {
    float: right
}

.home-product .product-hots .product-hots-item>.smc-card {
    opacity: 0;
    transition: all .25s ease-in-out
}

.home-product .product-types>li {
    position: relative;
    display: inline-block;
    padding-top: 35px;
    padding-left: 24px;
    width: 191px;
    height: 93px;
    cursor: pointer;
    border-top: 1px solid #e1e6f0;
    border-bottom: 1px solid #e1e6f0;
    border-left: 1px solid #e1e6f0;
    vertical-align: top;
    transition: all .25s ease-in-out
}

.home-product .product-types>li:last-child {
    width: 190px;
    border-right: 1px solid #e1e6f0
}

.home-product .product-types>li.have-only {
    width: 191px
}

.home-product .product-types>li>.bgimg {
    display: block;
    width: 32px;
    height: 32px
}

.home-product .product-types>li>span {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #374567
}

.home-product .product-types>li:hover {
    background-color: rgba(235,240,252,.3)
}

.home-product .product-types>li.selected {
    background-color: #fff;
    border-color: #3860f4
}

.home-product .product-types>li.selected+li {
    border-left: 1px solid #3860f4
}

.home-product .product-list-box {
    position: relative;
    overflow: visible!important;
    opacity: 0;
    background-color: #f9faff
}

.home-product .product-list {
    width: 1016px;
    opacity: 0;
    position: absolute;
    padding: 50px 59px 20px 59px;
    font-size: 0
}

.home-product .product-list li {
    display: inline-block;
    vertical-align: top;
    width: 278px;
    margin-right: 64px;
    padding-bottom: 32px
}

.home-product .product-list li a i:first-child {
    display: inline-block;
    font-size: 16px;
    color: #abb4c3;
    vertical-align: middle
}

.home-product .product-list li a span {
    display: inline-block;
    margin-left: 16px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: #374567;
    font-weight: 700;
    vertical-align: middle;
    transition: color .25s ease-in-out
}

.home-product .product-list li a p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 32px;
    max-height: 64px;
    overflow: hidden;
    color: #7a8ba6
}

.home-product .product-list li a .prod_tag {
    color: #fff
}

.home-product .product-list li a:hover i,.home-product .product-list li a:hover span {
    color: #3860f4
}

.home-product .product-list li a:hover p {
    color: #7a8ba6
}

.home-product .product-list li a:hover .prod_tag {
    color: #fff
}

.home-product .product-list li:nth-child(3n+3) {
    margin-right: 0
}

.home-product .product-try {
    width: 100%
}

.home-product .product-try a {
    margin-top: 32px;
    width: 1078px;
    height: 62px;
    background: url(https://web.archive.org/web/20240107001418im_/https://static.ucloud.cn/d609724e83ee41f792847e952cd2bc64.png);
    background-position: 0 -62px;
    background-size: cover;
    box-shadow: 0 2px 8px rgba(193,205,241,.42)
}

.home-product .product-try a span {
    margin-left: 415px;
    font-size: 16px;
    color: #374567;
    line-height: 62px
}

.home-product .product-try a i {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 70px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(https://web.archive.org/web/20240107001418im_/https://static.ucloud.cn/358c332432a9451abb2a8afbe1681d3b.png);
    background-position: 0 0;
    background-size: 226%
}

.home-product .product-try a:hover {
    background-position: 0 0;
    box-shadow: 0 6px 18px rgba(215,221,237,.8)
}

.home-product .product-try a:hover span {
    color: #3860f4
}

.home-product .product-try a:hover i {
    background-position: 20px 0
}

.bota_home_product {
    overflow: hidden
}

@media(max-width: 1024px) {
    .bota_home_product {
        padding:24px 0 0
    }
}

.bota_home_product .bota_title_main {
    margin-bottom: 29px
}

@media(max-width: 1024px) {
    .bota_home_product .bota_title_main {
        margin-bottom:15px
    }
}

.bota_home_product .bota_product_serice_item_mb {
    position: relative
}

.bota_home_product .bota_product_serice_item_mb.active .bota_product_serice_content_mb {
    display: block
}

.bota_home_product .bota_product_serice_item_mb.active .bota_product_serice_title_mb {
    font-weight: 600
}

.bota_home_product .bota_product_serice_item_mb.active .bota_product_serice_title_mb::before {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzExJyBoZWlnaHQ9JzcnIHZpZXdCb3g9JzAgMCAxMSA3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00wLjU1MTM0IDUuNDA3MkMwLjM1NDU5NyA1LjYwMDQxIDAuMzUxNDIgNS45MTY0MyAwLjU0NDI0IDYuMTEzNTZDMC43Mzc1OTIgNi4zMTEyMyAxLjA1NDY4IDYuMzE0NDQgMS4yNTE5OCA2LjEyMDcxTDUuNjM2NzIgMS44MTU0M0wxMC4wMjM0IDYuMTIwODVDMTAuMjIwNyA2LjMxNDUxIDEwLjUzNzggNi4zMTEyOCAxMC43MzExIDYuMTEzNjNDMTAuOTIzOSA1LjkxNjQ3IDEwLjkyMDcgNS42MDA0IDEwLjcyMzkgNS40MDcxOUw1LjYzNjcyIDAuNDEzMDg2TDAuNTUxMzQgNS40MDcyWicgZmlsbD0nIzI1MkIzQScvPjwvc3ZnPgo=)
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb {
    display: none
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul {
    padding: 0;
    margin-left: -7.5px;
    margin-right: -7.5px
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul li {
    list-style: none;
    padding: 0 7.5px
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_title_mb {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0,0,0,.05);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #252b3a;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 15px;
    position: relative
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_title_mb::before {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzExJyBoZWlnaHQ9JzcnIHZpZXdCb3g9JzAgMCAxMSA3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMC42ODUgMS40Nzc1N0MxMC44ODE3IDEuMjg0MzYgMTAuODg0OSAwLjk2ODMzNCAxMC42OTIxIDAuNzcxMjA1VjAuNzcxMjA1QzEwLjQ5ODcgMC41NzM1MzIgMTAuMTgxNyAwLjU3MDMzIDkuOTg0MzUgMC43NjQwNTlMNS41OTk2MSA1LjA2OTM0TDEuMjEyOTIgMC43NjM5MThDMS4wMTU2IDAuNTcwMjU1IDAuNjk4NTcyIDAuNTczNDg5IDAuNTA1MjQ1IDAuNzcxMTM2VjAuNzcxMTM2QzAuMzEyMzk4IDAuOTY4MjkyIDAuMzE1NjA0IDEuMjg0MzcgMC41MTI0MDkgMS40Nzc1N0w1LjU5OTYxIDYuNDcxNjhMMTAuNjg1IDEuNDc3NTdaJyBmaWxsPScjMjUyQjNBJy8+PC9zdmc+Cg==);
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 11px;
    height: 7px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 100%
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul li .bota_product_serice_item {
    margin-bottom: 15px
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul li .bota_product_serice_item .bota_product_serice_link {
    height: 219px;
    padding: 15px 7px
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul li .bota_product_serice_item .bota_product_serice_link h5 {
    font-size: 14px
}

.bota_home_product .bota_product_serice_item_mb .bota_product_serice_content_mb ul li .bota_product_serice_item .bota_product_serice_descrpition {
    font-size: 12px;
    margin-top: 0;
    max-height: 90px
}

.bota_home_product .bota_product_serice_mb_readmore {
    text-align: center;
    margin: 20px 0 29px
}

.bota_home_product .bota_product_serice_mb_readmore a {
    background: #0052cc;
    border-radius: 2px;
    height: 40px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    min-width: 189px
}

.bota_home_product .bota_product_serice_img_mb {
    margin-bottom: 30px
}

.bota_home_product .bota_product_serice_img_mb img {
    margin: auto;
    display: block
}

.bota_home_product .bota_home_product_content {
    display: flex;
    padding-left: 7px
}

@media(max-width: 1024px) {
    .bota_home_product .bota_home_product_content {
        display:none
    }
}

.bota_home_product .bota_home_product_content .nav {
    border-left: 1px solid #e5e6eb;
    flex: 0 0 180px;
    min-height: 620px;
    max-width: 180px;
    position: relative
}

.bota_home_product .bota_home_product_content .nav a {
    height: 40px;
    -webkit-transition: .2s;
    transition: .2s;
    border: none;
    border-radius: unset;
    position: relative;
    padding: 0 0 0 24px;
    font-family: 'Nunito Sans',sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #86909c;
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.bota_home_product .bota_home_product_content .nav a:last-child {
    margin-bottom: 0
}

.bota_home_product .bota_home_product_content .nav a:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 4px;
    background: #0368ff;
    opacity: 0;
    height: 40px;
    -webkit-transition: .2s;
    transition: .2s
}

.bota_home_product .bota_home_product_content .nav a.active:before,.bota_home_product .bota_home_product_content .nav a:hover:before {
    opacity: 1
}

.bota_home_product .bota_home_product_content .nav a.active,.bota_home_product .bota_home_product_content .nav a:hover {
    font-weight: 600;
    background: 0 0;
    color: #1d2129
}

.bota_home_product .bota_home_product_content .tab-content {
    position: relative;
    width: calc(100% - 200px);
    margin-left: auto
}

.bota_home_product .bota_home_product_content .nav a>svg {
    margin-left: 10px
}

.bota_home_product .bota_product_serice_img_col {
    position: static
}

.bota_home_product .bota_product_serice_img {
    transition: transform .5s;
    left: 24px;
    position: relative;
    transition: transform .5s
}

.bota_home_product .bota_product_serice_img:hover {
    transform: translateX(-36px)
}

@media(min-width: 60em) {
    .bota_home_product .bota_product_serice_img {
        width:973px;
        height: 547px
    }
}

.bota_home_product .bota_product_serice_img img {
    max-height: 547px;
    border: 12px solid #575d6c;
    border-radius: 30px
}

.bota_product_serice_item {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0,20,50,.02)
}

@media(max-width: 767px) {
    .bota_product_serice_item {
        margin-bottom:15px
    }
}

.bota_product_serice_item:hover {
    box-shadow: 0 3px 30px rgba(0,0,0,.15)
}

.bota_product_serice_item:hover .bota_product_serice_link h5 {
    color: #0052cc
}

.bota_product_serice_item:hover .bota_product_serice_readmore {
    color: #0368ff
}

.bota_product_serice_item .bota_product_serice_link {
    display: flex;
    min-height: 187px;
    background-position: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    flex-direction: column;
    padding: 24px;
    text-align: left;
    position: relative
}

@media(max-width: 767px) {
    .bota_product_serice_item .bota_product_serice_link {
        min-height:180px
    }
}

.bota_product_serice_item .bota_product_serice_link img {
    width: 36px;
    height: 36px;
    margin-right: auto;
    padding: 10px;
    box-sizing: content-box
}

.bota_product_serice_item .bota_product_serice_link h5 {
    font-family: 'IBM Plex Mono',monospace;
    font-weight: 500;
    font-size: 18px;
    color: #1d2129;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .bota_product_serice_item .bota_product_serice_link h5 {
        font-size:14px
    }
}

.bota_product_serice_item .bota_product_serice_readmore {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #1d2129;
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    background: 0 0;
    border-radius: 0;
    height: auto;
    position: relative;
    bottom: auto;
    width: auto;
    left: auto;
    right: auto;
    opacity: 1;
    visibility: visible;
    transition: color .2s
}

.bota_product_serice_item .bota_product_serice_readmore::after {
    content: "\2192";
    margin-left: 8px;
    font-size: 14px
}

@media(max-width: 767px) {
    .bota_product_serice_item .bota_product_serice_readmore {
        font-size:12px
    }
}

.bota_product_serice_item .bota_product_serice_readmore:hover {
    color: #0368ff
}

.bota_product_serice_item.no-readmore .bota_product_serice_readmore {
    display: none
}

#v-product-service-2 .bota_product_serice_link img,#v-product-service-3 .bota_product_serice_link img,#v-product-service-4 .bota_product_serice_link img,#v-product-service-5 .bota_product_serice_link img,#v-product-service-6 .bota_product_serice_link img,#v-product-service-7 .bota_product_serice_link img,#v-product-service-8 .bota_product_serice_link img {
    display: none
}

.bota_product_serice_link .icon-wrapper {
    width: 58px;
    height: 58px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #e5e6eb;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

.bota_product_serice_link .icon-wrapper img {
    max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto
}

.bota_product_serice_item .bota_product_serice_descrpition {
    margin-top: 0;
    font-family: 'Nunito Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #86909c;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media(max-width: 767px) {
    .bota_product_serice_item .bota_product_serice_descrpition {
        font-size:12px;
        line-height: 1.4
    }
}

.bota_product_serice_col {
    padding-left: 10px;
    padding-right: 10px
}

@media(max-width: 767px) {
    .bota_product_serice_col {
        padding-left:7.5px;
        padding-right: 7.5px
    }
}

.bota_product_serice_row {
    margin-left: -10px;
    margin-right: -10px
}

@media(max-width: 767px) {
    .bota_product_serice_row {
        margin-left:-7.5px;
        margin-right: -7.5px
    }
}

.scrollspy-example {
    position: relative;
    max-height: 621px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 15px
}

.scrollspy-example::-webkit-scrollbar {
    display: none
}

.home-product .product-hots .product-hots-item>.prod-intro .card-bottom .bottom-wrap a {
    min-width: 120px
}

h2.left-header-title {
    display: flex;
    flex-wrap: wrap;
    font-size: 36px;
    font-weight: 600
}

span.left-header-subtitle {
    display: block;
    width: 100%;
    color: #86909c;
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
    margin-bottom: 10px
}

.bota_home_product .h3-title {
    font-family: 'IBM Plex Mono',monospace;
    color: #1d2129;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 16px;
    margin-bottom: 8px
}

.home-product .product-buttons a svg {
    margin-right: 10px
}

.bota_product_serice_item .bota_product_serice_link svg {
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: auto
}

section.auth-content {
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f9fafb
}
.auth-left-content {
    display: none
}

.login-body {
    width: 100%
}

.login-footer {
    width: 100%;
    margin-top: auto;
    text-align: center;
    padding-bottom: 20px;
    font-size: 12px;
    color: #7f8792
}

.login-header {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center
}

.login-header-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.login-header-language button {
    background: 0 0;
    border: none;
    display: flex;
    align-items: center
}

@media (max-width: 992px) {
    .auth-left-content {
        display:none
    }

    .login-container {
        width: 100%
    }

    .login-wrapper {
        width: 100%
    }

    .login-header {
        padding: 20px
    }
}

#scloud-sidebar-wrap {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    bottom: 76px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 24px;
    width: 48px;
    z-index: 699
}

#scloud-sidebar-wrap.scloud-prevent-pointer-events * {
    pointer-events: none!important
}

@media (max-width: 990px) {
    #scloud-sidebar-wrap {
        bottom:90px;
        right: 24px
    }
}

#scloud-sidebar-wrap.scloud-force-mobile {
    bottom: 90px;
    right: 24px
}

#scloud-sidebar-wrap.scloud-force-mobile .scloud-sidebar-pc {
    display: none
}

#scloud-sidebar-wrap.scloud-force-mobile .scloud-sidebar-mobile {
    display: block
}

#scloud-sidebar-wrap * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#scloud-sidebar-wrap .arco-popover-content {
    border-radius: 8px!important;
    height: 100%
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu {
    -webkit-transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -o-transform: translateX(-290px);
    transform: translateX(-290px)
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu .arco-popover-content {
    padding: 8px 12px;
    width: 278px
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu.scloud-sidebar-style-fix .arco-popover-content {
    -webkit-transform: translateY(60px)!important;
    -moz-transform: translateY(60px)!important;
    -o-transform: translateY(60px)!important;
    transform: translateY(60px)!important
}

#scloud-sidebar-wrap .scloud-sidebar-feelgood {
    -webkit-transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -o-transform: translateX(-290px);
    transform: translateX(-290px)
}

#scloud-sidebar-wrap .scloud-sidebar-feelgood .arco-popover-content {
    padding: 16px;
    width: 278px
}

#scloud-sidebar-wrap .scloud-sidebar-mobileMenu {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

#scloud-sidebar-wrap .scloud-sidebar-mobileMenu .arco-popover-content {
    padding: 8px 12px;
    -webkit-transform: translateX(-180px);
    -moz-transform: translateX(-180px);
    -o-transform: translateX(-180px);
    transform: translateX(-180px);
    width: 228px
}

.scloud-sidebar-cell-wrap {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03);
    color: #41464f;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 12px;
    min-height: 48px;
    overflow: visible;
    padding: 9px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px;
    z-index: 0
}

.scloud-sidebar-cell-wrap.scloud-sidebar-mini {
    padding: 5px 0
}

.scloud-sidebar-cell-wrap.scloud-sidebar-topcell {
    border: none;
    color: #fff;
    margin-top: 0;
    padding: 14px 0;
    cursor: pointer
}

.scloud-sidebar-cell-wrap.scloud-sidebar-topcell .scloud-sidebar-cell-text {
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 20px;
    margin-top: 9px;
    width: 14px
}

.scloud-sidebar-secondcell-item {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 9px 0;
    position: relative;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    width: 100%;
    cursor: pointer
}

.scloud-sidebar-secondcell-item:hover {
    color: #1664ff
}

.scloud-sidebar-cell-text {
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    line-height: 22px;
    width: 24px
}

.scloud-sidebar-icon-small {
    height: 21px;
    width: 21px
}

.scloud-sidebar-icon-middle {
    height: 24px;
    width: 24px
}

.scloud-sidebar-menu-item {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 48px;
    margin-top: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.scloud-sidebar-menu-item:first-child {
    margin-top: 0
}

.scloud-sidebar-menu-item:hover {
    background: #f3f7ff;
    color: #1664ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-title {
    color: #1664ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-subtitle {
    color: #387bff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-menu-icon-wrap {
    background: #f3f7ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-rightarrow {
    color: #1664ff
}

.scloud-sidebar-menu-item:hover [class^=scloud-sidebar-icon] {
    color: #1664ff
}

.scloud-sidebar-menu-icon-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f1f3f5;
    border-radius: 18px;
    color: #80838a;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 10px;
    width: 36px
}

.scloud-sidebar-menu-text-wrap {
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-pack: space-evenly;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    padding: 7px 0
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-title {
    color: #020814;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-subtitle {
    color: #41464f;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-subtitle a {
    color: #1664ff
}

.scloud-sidebar-menu-rightarrow-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px
}

.scloud-sidebar-rightarrow {
    color: #41464f;
    height: 100%;
    width: 6px
}

#scloud-sidebar-linkchat {
    border-radius: 4px;
    bottom: 18px;
    overflow: hidden;
    pointer-events: auto;
    position: fixed;
    right: 24px;
    z-index: 1100
}

#scloud-sidebar-linkchat>iframe {
    height: 65vh!important;
    max-height: 580px!important;
    min-height: 400px!important
}

.scloud-sidebar-scrolltop-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    bottom: -65px;
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03);
    color: #41464f;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px
}

.scloud-sidebar-scrolltop-wrap:hover {
    color: #1664ff
}

.scloud-sidebar-clickable {
    cursor: pointer
}

.scloud-sidebar-red-dot {
    background: #f65159;
    border: .5px solid #db373f;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,.08);
    height: 8px;
    position: absolute;
    right: 11px;
    top: 7px;
    width: 8px
}

.prod-icon svg {
    width: auto;
    height: 40px
}

.prod-icon {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e5e6eb;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer {
    background-color: #fff;
    padding: 60px 0 20px;
    border-top: 1px solid #f0f0f0
}

.footer-main {
    margin-bottom: 40px;
    border-top: 1px solid #9396991f;
    padding-top: 60px
}

.footer-left {
    padding-right: 40px
}

.footer-brand {
    margin-bottom: 20px
}

.footer-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333
}

.footer-logo img {
    height: 40px;
    margin-right: 12px
}

.company-name {
    font-size: 24px;
    font-weight: 600;
    color: #333
}

.footer-description {
    margin-bottom: 30px
}

.footer-description p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.contact-hotline {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.hotline-label {
    font-size: 14px;
    color: #666
}

.hotline-number {
    font-size: 20px;
    font-weight: 600;
    color: #333
}

.online-consultation {
    display: flex;
    align-items: center;
    gap: 8px
}

.chat-icon {
    width: 24px;
    height: 24px
}

.consultation-link {
    color: #0368ff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500
}

.consultation-link:hover {
    text-decoration: underline
}

.footer-right {
    padding-left: 20px
}

.footer-col {
    margin-bottom: 30px
}

.footer-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-links li {
    margin-bottom: 12px
}

.footer-links a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color .3s ease
}

.footer-links a:hover {
    color: #0368ff
}

.footer-bottom {
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    text-align: center
}

.copyright p {
    color: #999;
    font-size: 12px;
    margin: 0
}

.online-consultation {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0368ff
}

.online-consultation a {
    color: #0368ff!important
}

.qr-code-popup {
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 1000;
    margin-bottom: 10px;
    min-width: 120px
}

.qr-code-popup.show {
    opacity: 1;
    visibility: visible
}

.qr-code-popup::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 20px;
    border: 6px solid transparent;
    border-top-color: #fff
}

.qr-code-content {
    text-align: center
}

.qr-code-image {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 8px
}

.qr-code-text {
    font-size: 12px;
    color: #666;
    margin: 0
}

#sidebar-menu {
    padding: 10px 0 30px 0
}

#sidebar-menu .mm-active>.has-arrow:after {
    transform: rotate(-180deg)
}

#sidebar-menu .has-arrow:after {
    content: "\f140";
    font-family: "Material Design Icons";
    display: block;
    float: right;
    transition: transform .2s;
    font-size: 1rem
}

#sidebar-menu ul li a {
    display: block;
    padding: .7rem 1.5rem;
    color: #4e5969;
    position: relative;
    font-size: 14px;
    transition: all .4s;
    text-decoration: none
}

#sidebar-menu ul li a svg {
    min-width: 1.75rem
}

#sidebar-menu ul li a .uim-svg {
    fill: var(--bs-sidebar-menu-item-icon-color)!important
}

#sidebar-menu ul li a:hover {
    color: var(--bs-sidebar-menu-item-hover-color)
}

#sidebar-menu ul li a:hover i {
    color: var(--bs-sidebar-menu-item-hover-color)
}

#sidebar-menu ul li .badge {
    margin-top: 4px
}

#sidebar-menu ul li ul.sub-menu {
    padding: 0
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 3.7rem;
    font-size: 13.5px;
    color: #4e5969
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
    padding: 0
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 4.5rem;
    font-size: 13.5px
}

.menu-title {
    padding: 12px 20px!important;
    letter-spacing: .05em;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--bs-sidebar-menu-item-color);
    font-weight: 600
}

.mm-active {
    color: var(--bs-sidebar-menu-item-active-color)!important
}

.mm-active .active {
    color: var(--bs-sidebar-menu-item-active-color)!important
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0,0,0,.2);
    background: -webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
    background: -moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -o-transition-property: -o-transform,opacity;
    transition-property: transform,opacity;
    -webkit-transform: scale(0) translate(0,0);
    -moz-transform: scale(0) translate(0,0);
    -ms-transform: scale(0) translate(0,0);
    -o-transform: scale(0) translate(0,0);
    transform: scale(0) translate(0,0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255,255,255,.4);
    background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
    background: -moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0,0,0,.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255,255,255,.4)
}

.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.waves-button,.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%)
}

.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: rgba(0,0,0,0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3);
    box-shadow: 0 8px 20px 1px rgba(0,0,0,.3)
}

.waves-block {
    display: block
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255,255,255,.4)
}

.waves-effect.waves-primary .waves-ripple {
    background-color: rgba(48,81,211,.4)
}

.waves-effect.waves-success .waves-ripple {
    background-color: rgba(61,220,151,.4)
}

.waves-effect.waves-info .waves-ripple {
    background-color: rgba(0,167,225,.4)
}

.waves-effect.waves-warning .waves-ripple {
    background-color: rgba(228,204,55,.4)
}

.waves-effect.waves-danger .waves-ripple {
    background-color: rgba(240,101,67,.4)
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.simplebar-content:after,.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 4px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #a2adb7;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.custom-scroll {
    height: 100%
}

.metismenu {
    margin: 0
}

.metismenu li {
    display: block;
    width: 100%
}

.metismenu .mm-collapse {
    display: none
}

.metismenu .mm-collapse:not(.mm-show) {
    display: none
}

.metismenu .mm-collapse.mm-show {
    display: block
}

.metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height,visibility
}

#sidebar-menu ul li a i {
    font-size: 20px;
    font-weight: 300;
    margin-right: 10px
}

#sidebar-menu ul li a {
    display: flex;
    align-items: center
}

#sidebar-menu ul li a div {
    display: flex!important;
    align-items: center
}

.homepage-title {
    font-weight: 600
}

.homepage-default-content {
    background: #f7f8fa;
    border-radius: 8px;
    padding: 20px
}

.homepage-product-item {
    display: flex;
    align-items: center
}

.homepage-product-item-info {
    max-width: 80%
}

.homepage-product-item-btn {
    margin-left: auto
}

.homepage-product-item-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

span.homepage-product-item-desc {
    color: #86909c;
    font-size: 14px
}

.homepage-todolist-item {
    display: block;
    background: #f7f8fa;
    border-radius: 8px;
    padding: 20px
}

.homepage-todolist-item-title {
    color: #86909c
}

.homepage-todolist-item-count {
    font-size: 36px;
    color: #1d2129;
    margin-top: 10px
}

.homepage-quick-link-item {
    border-radius: 8px;
    padding: 20px;
    display: flex
}

homepage-quick-link-item-no-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(180deg,#c9cdd4,#f2f3f5 100%);
    border-raius: 8px
}

.homepage-quick-link-item-icon {
    width: 56px;
    height: 56px;
    margin-right: 20px
}

.homepage-quick-link-item-no-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(180deg,#c9cdd4,#f2f3f5 100%);
    border-radius: 8px
}

.homepage-quick-link-item {
    border: 1px solid #f2f3f5;
    box-sizing: border-box;
    margin-bottom: 10px
}

.homepage-quick-link-item-title {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px
}

span.homepage-quick-link-item-desc {
    font-size: 12px
}

.avatar.avatar-lg {
    background-color: #ecf2ff;
    color: #05f;
    font-size: 20px;
    display: flex;
    border-radius: 50%;
    display: inline-flex;
    font-family: Roboto,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif,Helvetica Neue,-apple-system,BlinkMacSystemFont,noto sans;
    font-weight: 600;
    text-align: center;
    outline: 0;
    align-items: center;
    justify-content: center
}

.homepage-account-info-item {
    display: flex;
    justify-content: space-between
}

.homepage-account-info-item span:first-child {
    color: #86909c;
    font-size: 14px
}

.page-topbar {
    margin-top: 20px;
    margin-bottom: 20px
}

li.breadcrumb-item i {
    display: flex;
    align-items: center;
    font-size: 18px
}

li.breadcrumb-item a {
    color: #333
}

div#Primary_Navbar-Network_Status {
    display: none
}

div#Primary_Navbar-Knowledgebase {
    display: none
}

p.login-form-container-p {
    text-align: center;
    margin-bottom: 30px;
    color: #4e5969
}

.scloud-sidebar-popup {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 9999;
    margin-right: 10px;
    min-width: 120px;
    white-space: nowrap
}

.scloud-sidebar-popup.show {
    opacity: 1;
    visibility: visible
}

.scloud-sidebar-popup::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: #fff
}

.popup-content {
    text-align: center
}

.popup-title {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-bottom: 4px
}

.popup-phone {
    font-size: 16px;
    color: #0368ff;
    font-weight: 600
}

.popup-qr {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto
}

#scrollTopBtn {
    display: none
}

.scloud-sidebar-icon-small svg {
    height: 21px;
    width: 21px
}

.scloud-sidebar-icon-middle svg {
    height: 24px;
    width: 24px
}

div#scrollTopBtn {
    align-items: center;
    justify-content: center
}

.scloud-sidebar-scrolltop-wrap.top-show {
    display: flex!important
}

.scloud-sidebar-scrolltop-wrap svg {
    display: none
}

.scloud-sidebar-scrolltop-wrap.top-show svg {
    display: block
}

.news-announcements-page {
    background-color: #f5f7fd;
    min-height: 100vh
}

.news-card {
    transition: all .3s ease;
    border-radius: 12px!important
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,.15)!important
}

.news-card-image {
    border-radius: 12px 12px 0 0
}

.news-image {
    transition: transform .3s ease
}

.news-card:hover .news-image {
    transform: scale(1.05)
}

.news-card .card-title a:hover {
    color: #0368ff!important
}

.pagination .page-link {
    border-radius: 6px;
    margin: 0 2px;
    border: 1px solid #e0e0e0;
    color: #666;
    transition: all .3s ease
}

.pagination .page-link:hover {
    background-color: #0368ff;
    color: #fff;
    border-color: #0368ff
}

.pagination .page-item.active .page-link {
    background-color: #0368ff;
    color: #fff;
    border-color: #0368ff
}

.pagination .page-item.disabled .page-link {
    background-color: #f5f5f5;
    color: #ccc;
    border-color: #e0e0e0;
    cursor: not-allowed
}

@media (max-width: 768px) {
    .news-announcements-page {
        padding:2rem 0!important
    }

    .news-card .card-img-top {
        height: 160px!important
    }
}

.menu-arrow-icon {
    width: 16px;
    height: 16px;
    fill: #C9CDD4;
    transition: fill .3s ease;
    margin-left: 8px;
    flex-shrink: 0
}

.body-main-bd-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-main-bd-item .menu-arrow-icon {
    margin-left: auto
}

.header-menu-content-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.header-menu-content-right .menu-arrow-icon {
    margin-left: auto
}

.body-main-bd-item a:hover .menu-arrow-icon,.body-main-bd-item a:hover .menu-arrow-icon path,.header-menu-content a:hover .menu-arrow-icon,.header-menu-content a:hover .menu-arrow-icon path {
    fill: #0368FF
}

@media (max-width: 768px) {
    h2.left-header-title {
        font-size:30px
    }

    .home-product .product-buttons {
        top: -60px;
        left: 0
    }

    .home-product {
        margin-top: 80px
    }

    .home-product .product-buttons a {
        margin-left: 0;
        margin-right: 50px
    }

    a.header-link.cursor.waves {
        display: none
    }

    .header-container-wrap a.logo img {
        height: 32px
    }
}

section.help-center-page {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(../img/bgkb.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

section.help-article-page {
    background: #f5f7fd;
    padding-top: 70px;
    padding-bottom: 70px
}

.page-card {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    transition: height .2s cubic-bezier(.87, 0, .13, 1) .1s;
    overflow: hidden;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    padding: 20px
}

.help-section {
    padding: 2rem;
    height: calc(100% - 20px);
    margin-bottom: 20px;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.help-section h3 {
    color: #333;
    font-weight: 600
}

.help-section ul li {
    color: #666;
    font-size: 14px;
    line-height: 1.6
}

.help-image-card img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

.help-image-card p {
    font-size: 12px;
    color: #666;
    line-height: 1.4
}

.service-feature {
    padding: 1.5rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    height: 100%;
    transition: transform .3s ease
}

.service-feature:hover {
    transform: translateY(-5px)
}

.service-feature h5 {
    color: #333;
    font-weight: 600;
    margin-bottom: .5rem
}

.consultation-section {
    background: linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)
}

.consultation-section h3 {
    color: #333;
    font-weight: 600
}

.help-article-page {
    background-color: #fff;
    min-height: 100vh
}

.article-content {
    line-height: 1.8;
    color: #333
}

.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6 {
    color: #333;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.article-content p {
    margin-bottom: 1rem
}

.article-content ol,.article-content ul {
    margin-bottom: 1rem;
    padding-left: 2rem
}

.article-content li {
    margin-bottom: .5rem
}

.article-meta {
    font-size: 14px;
    color: #666
}

.sidebar-section a span {
    padding-left: 10px
}

.sidebar-section a span.bullet {
    padding-left: 0
}

.sidebar-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.1rem
}

.sidebar ul li a {
    color: #666;
    font-size: 14px;
    transition: color .3s ease
}

.sidebar ul li a:hover {
    color: #0368ff
}

.bullet {
    color: #0368ff;
    font-weight: 700
}

.breadcrumb {
    background: 0 0;
    padding: 0;
    margin-bottom: 0
}

.breadcrumb-item a {
    color: #666;
    transition: color .3s ease
}

.breadcrumb-item a:hover {
    color: #0368ff
}

.breadcrumb-item.active {
    color: #333
}

.help-category-page {
    background-color: #fff;
    min-height: 100vh
}

.subcategory-card {
    background: #fff;
    transition: transform .3s ease,box-shadow .3s ease
}

.subcategory-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,.1)
}

.subcategory-card h5 a {
    color: #333;
    transition: color .3s ease
}

.subcategory-card:hover h5 a {
    color: #0368ff
}

.articles-list .list-group-item {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: .5rem;
    transition: box-shadow .3s ease
}

.articles-list .list-group-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.articles-list .list-group-item h5 a {
    color: #333;
    transition: color .3s ease
}

.articles-list .list-group-item:hover h5 a {
    color: #0368ff
}

.popular-article-card {
    background: #fff;
    transition: transform .3s ease,box-shadow .3s ease;
    height: 100%
}

.popular-article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,.1)
}

.popular-article-card h6 a {
    color: #333;
    transition: color .3s ease
}

.popular-article-card:hover h6 a {
    color: #0368ff
}

.kb-search .form-control {
    border-radius: 8px 0 0 8px;
    border-right: none
}

.kb-search .btn {
    border-radius: 0 8px 8px 0
}

@media (max-width: 768px) {
    .help-center-page {
        padding:2rem 0
    }

    .help-section {
        padding: 1.5rem;
        margin-bottom: 1.5rem
    }

    .service-feature {
        margin-bottom: 1.5rem
    }

    .consultation-section {
        padding: 2rem 1rem
    }

    .help-article-page,.help-category-page {
        padding: 1rem 0
    }

    .sidebar {
        position: static;
        margin-top: 2rem
    }

    .sidebar-section {
        margin-bottom: 1.5rem
    }

    .popular-article-card {
        margin-bottom: 1rem
    }
}

section.help-center-page-category {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #f5f7fd
}

.article-card {
    height: calc(100% - 20px);
    margin-bottom: 20px;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    overflow: hidden
}

.article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,.1)
}

.article-card:hover .article-image img {
    transform: scale(1.05)
}

div#Secondary_Navbar-Account:after {
    display: none
}

.desc-item svg {
    margin-right: 20px;
    height: 40px
}

.solution-icon svg {
    height: 40px;
    width: auto
}

.prod-icon img {
    max-width: 36px;
    max-height: 36px
}

.solution-icon img {
    max-width: 36px;
    max-height: 36px
}

.home-news span.left-header-subtitle {
    margin-bottom: 50px
}

.swiper-slide.swiper-slide-banner {
    background: linear-gradient(110deg,#dbfdfc 0,#e6efff 50%,#eef1ff 100%);
    background-size: cover
}

.banner-image img {
    width: 100%;
    max-height: 350px;
    border-radius: 20px
}

.banner-image {
    border-radius: 10px;
    height: 300px;
    border-radius: 20px;
    background-size: cover
}

@media (max-width: 768px) {
    .banner-image {
        display:none
    }
}

.login-wrapper {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 20px;
    margin-bottom: 20px
}

.login-app-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.login-app-title p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #6a7282
}

.oversea-faq-answer {
    padding: 20px
}

.swiper-pagination-progress-body-helper {
    background: #fff
}

.home-product .product-hots .product-hots-item:hover a {
    visibility: visible
}

@media (max-width: 768px) {
    .home-product .product-hots .product-hots-item a {
        visibility:visible!important
    }
}

.home-solutions-new .solution-contain .solution-contain-item h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px
}

.home-solutions-new .solution-contain .solution-contain-item p {
    text-align: center;
    line-height: 22px
}

.lg-footer {
    margin-top: auto;
    width: 100%
}

.lg-card {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.lg-card .lg-panel:first-child .lg-panel.lg-panel-active {
    margin-top: auto
}

.lg-panel.lg-panel-active {
    width: 100%
}

header#header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8)
}

div#Primary_Navbar-Open_Ticket {
    display: none
}

a,a:hover {
    text-decoration: none!important
}

.header-user-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 12px
}

.header-user-avatar {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 20px;
    transition: all .2s
}

.header-user-avatar.active,.header-user-avatar:hover {
    background-color: rgba(22,93,255,.08)
}

.avatar-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #3370ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.avatar-initials {
    text-transform: uppercase
}

.avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.avatar-arrow {
    margin-left: 4px;
    color: #5e6166;
    transition: transform .2s
}

.header-user-avatar.active .avatar-arrow {
    transform: rotate(180deg)
}

.header-user-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .2s ease;
    z-index: 1000;
    overflow: hidden
}

.header-user-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.user-menu-header {
    padding: 16px;
    background: linear-gradient(135deg,#f8faff,#f0f4ff)
}

.user-info .user-name {
    font-size: 16px;
    font-weight: 600;
    color: #1a1f36;
    margin-bottom: 4px
}

.user-info .user-email {
    font-size: 13px;
    color: #6b7280;
    word-break: break-all
}

.user-menu-divider {
    height: 1px;
    background: #e5e7eb;
    margin: 0
}

.user-menu-footer,.user-menu-items {
    padding: 8px
}

.user-menu-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 8px;
    color: #374151;
    text-decoration: none;
    transition: all .15s;
    font-size: 14px
}

.user-menu-item:hover {
    background-color: #f3f4f6;
    color: #165dff;
    text-decoration: none
}

.user-menu-item svg {
    margin-right: 12px;
    flex-shrink: 0
}

.user-menu-item.logout {
    color: #ef4444
}

.user-menu-item.logout:hover {
    background-color: #fef2f2;
    color: #dc2626
}

.menu-badge {
    margin-left: auto;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center
}

@media (max-width: 991px) {
    .header-user-dropdown {
        display:none
    }
}

/* 搜索框展开效果 */
.search-wrapper {
    position: relative;
}

.search-box {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 12px;
    transition: all 0.3s cubic-bezier(.22,.08,.32,.99);
    background: #fff;
}

.search-box:hover {
    border-color: #165DFF;
}

.search-box-icon {
    color: #666;
    flex-shrink: 0;
}

.search-box-scroll {
    margin-left: 8px;
    overflow: hidden;
    margin-right: 20px;
}

.search-box-scroll ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-box-scroll li {
    color: #8d8d8d;
    font-size: 14px;
    white-space: nowrap;
}

.search-pannel {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    width: 0;
    opacity: 0;
    padding: 12px 0;
    transition: all 0.25s cubic-bezier(.2,.68,.4,1);
    z-index: 1001;
}

.search-pannel.close {
    opacity: 0;
    width: 0;
    padding: 12px 0;
    transition-timing-function: cubic-bezier(.68,.2,1,.4);
}

.search-pannel.active {
    opacity: 1;
    width: 480px;
    padding: 12px;
}

.search-input-box {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: #fff;
    transition: border-color 0.2s;
}

.search-input-box:focus-within {
    border-color: #165DFF;
}

.search-panel-icon {
    color: #666;
    flex-shrink: 0;
    margin-right: 10px;
}

.search-input-box input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
    color: #333;
}

.search-input-box input::placeholder {
    color: #8d8d8d;
}

.close-panel-icon {
    color: #999;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 10px;
    transition: color 0.2s;
}

.close-panel-icon:hover {
    color: #165DFF;
}

.search-discovery-box {
    margin-top: 12px;
    padding: 16px;
    background: #f7f8fa;
    border-radius: 6px;
}

.search-discovery-title {
    color: #666;
    font-size: 12px;
    margin-bottom: 12px;
}

.search-discovery-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-discovery-tag {
    display: inline-block;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s;
    flex-basis: calc(50% - 5px);
    text-align: center;
    box-sizing: border-box;
}

.search-discovery-tag:hover {
    color: #165DFF;
    border-color: #165DFF;
    background: #f0f5ff;
}

@media (max-width: 768px) {
    .search-wrapper {
        display: none;
    }
}


a.footer-beian-link {display: inline-block;align-items: center;}

a.footer-beian-link img {
    width: 14px;
    margin-right: 5px;
}














@media (max-width: 768px) {
h2.left-header-title {
    justify-content: center;
    text-align: center;
}

.product-buttons {
    justify-content: center;
}

.home-product .product-buttons a {
    margin-right: 20px;
    margin-left: 20px;
}

h2.left-header-title.justify-content-left.justify-content-lg-center.text-left.text-lg-center {
    text-align: center;
}

span.left-header-subtitle {
    text-align: center;
}

.bota_global_site_data {
    text-align: center;
    justify-content: center;
}

.bota_global_site_data .data-item {
    text-align: center;
}

a.bota_global_site_intro_link {
    /* display: block; */
}

.bota_global_site_home .h1-title {
    text-align: center;
    font-size: 22px;
}

.bota_section_body_left {text-align: center;}

h2.left-header-title {
    font-size: 24px;
}

a.header-text-link.cursor.waves {
    display: none;
}

a.header-login-btn.cursor.waves {
    display: none;
}
}

/* ========== 手机端头部图标 ========== */
@media screen and (max-width: 770px) {
    /* 右侧容器 */
    .header-container-right {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        height: 70px !important;
        gap: 0 !important;
    }
    /* 隐藏电脑端元素 */
    .header-container-right .header-text-link,
    .header-container-right .header-login-btn,
    .header-container-right .search-wrapper,
    .header-container-right .header-user-info,
    .header-container-right > a {
        display: none !important;
    }
    /* 图标容器 */
    .header-container-right .search-icon-mobile,
    .header-container-right .user-icon,
    .header-container-right .menu-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        margin-left: 4px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        text-indent: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        color: inherit !important;
        background: none !important;
        background-color: transparent !important;
        border: none !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
        position: static !important;
    }
    /* SVG */
    .header-container-right .search-icon-mobile svg,
    .header-container-right .user-icon svg,
    .header-container-right .menu-icon svg {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        flex-shrink: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
    }
    /* 菜单图标默认 */
    .header-container-right .menu-icon .menu-icon-svg { display: block !important; }
    .header-container-right .menu-icon .menu-icon-close { display: none !important; }
    /* 菜单图标激活 */
    .header-container-right .menu-icon.active .menu-icon-svg { display: none !important; }
    .header-container-right .menu-icon.active .menu-icon-close { display: block !important; }
    
    /* 菜单面板 - 强制覆盖 */
    .header-container-wrap .nav-side-menu {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        background-color: rgba(55,61,65,.4) !important;
        overflow: hidden !important;
    }
    .header-container-wrap .nav-side-menu.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .header-container-wrap .nav-side-menu .dropdown-wrap {
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
    }
    .header-container-wrap .nav-side-menu.show .dropdown-wrap {
        left: 0 !important;
    }
    .header-container-wrap .nav-side-menu.hide .dropdown-wrap {
        left: 100% !important;
    }
}
@media screen and (min-width: 771px) {
    .header-container-right .search-icon-mobile,
    .header-container-right .user-icon,
    .header-container-right .menu-icon {
        display: none !important;
    }
}

/* ========== 手机菜单面板强制覆盖 ========== */
@media screen and (max-width: 770px) {
    .header-container-wrap .nav-side-menu {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        background-color: rgba(55,61,65,.4) !important;
        overflow: hidden !important;
    }
    .header-container-wrap .nav-side-menu.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .header-container-wrap .nav-side-menu .dropdown-wrap {
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
    }
    .header-container-wrap .nav-side-menu.show .dropdown-wrap {
        left: 0 !important;
    }
    .header-container-wrap .nav-side-menu.hide .dropdown-wrap {
        left: 100% !important;
    }
}

/* ========== 搜索框关键词滚动动画 ========== */
.search-box-scroll {
    height: 20px;
    overflow: hidden;
    position: relative;
}
.search-box-scroll ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.search-box-scroll ul li {
    height: 20px;
    line-height: 20px;
    color: #86909c;
    font-size: 14px;
    white-space: nowrap;
    transition: all .3s ease-in-out;
}
.search-box-scroll ul.scrolling {
    animation: keywordScroll 12s ease-in-out infinite;
}
@keyframes keywordScroll {
    0%, 12% { transform: translate3d(0, 0, 0); }
    16%, 28% { transform: translate3d(0, -20px, 0); }
    32%, 44% { transform: translate3d(0, -40px, 0); }
    48%, 60% { transform: translate3d(0, -60px, 0); }
    64%, 76% { transform: translate3d(0, -80px, 0); }
    80%, 92% { transform: translate3d(0, -100px, 0); }
    96%, 100% { transform: translate3d(0, 0, 0); }
}

/* ========== 手机端搜索面板全屏适配 ========== */
@media screen and (max-width: 770px) {
    .search-pannel {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        border-radius: 0 !important;
        z-index: 99999 !important;
        padding: 0 !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
        transition: all .3s ease-in-out;
    }
    .search-pannel.active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        width: 100% !important;
        padding: 16px !important;
    }
    .search-pannel .search-input-box {
        height: 48px;
        border-radius: 8px;
        padding: 0 16px;
    }
    .search-pannel .search-input-box input {
        font-size: 16px;
    }
    .search-pannel .search-discovery-box {
        margin-top: 16px;
        padding: 16px;
    }
    .search-pannel .search-discovery-tags {
        gap: 12px;
    }
    .search-pannel .search-discovery-tag {
        flex-basis: calc(50% - 6px);
        padding: 10px 12px;
        font-size: 14px;
    }
    .search-pannel .close-panel-icon {
        width: 24px;
        height: 24px;
    }
}

/* ========== 搜索面板独立定位修复 ========== */
.header-container-right {
    position: relative;
}
.header-container-right > .search-pannel {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
}

/* ========== 搜索面板定位修复 ========== */
#searchPannel {
    position: fixed;
    top: 70px;
    right: 20px;
    z-index: 99999;
}
@media screen and (min-width: 771px) {
    #searchPannel {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 10px;
    }
}

/* ========== 手机端搜索面板全屏修复 ========== */
@media screen and (max-width: 770px) {
    #searchPannel {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        z-index: 999999 !important;
        overflow-y: auto !important;
    }
    #searchPannel.active {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 16px !important;
    }
    #searchPannel .search-discovery-box {
        display: block !important;
        margin-top: 20px;
    }
}

/* ========== Vue v-show 强制覆盖 ========== */
.nav-side-menu[style*="display: block"],
.nav-side-menu[style*="display:block"] {
    display: block !important;
}
.nav-user-menu[style*="display: block"],
.nav-user-menu[style*="display:block"] {
    display: block !important;
}
#searchPannel[style*="display: block"],
#searchPannel[style*="display:block"] {
    display: block !important;
}

/* ========== 手机端搜索面板 ========== */
.mobile-search-panel {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.mobile-search-box {
    display: flex;
    align-items: center;
    background: #f5f7fa;
    border-radius: 8px;
    padding: 0 12px;
    height: 44px;
}
.mobile-search-icon {
    flex-shrink: 0;
    margin-right: 8px;
}
.mobile-search-input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 15px;
    outline: none;
    color: #333;
}
.mobile-search-input::placeholder {
    color: #999;
}
.mobile-search-close {
    flex-shrink: 0;
    margin-left: 8px;
    cursor: pointer;
}
.mobile-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.mobile-search-tag {
    display: inline-block;
    padding: 6px 14px;
    background: #f0f2f5;
    border-radius: 16px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
}
.mobile-search-tag:hover {
    background: #e8eaed;
    color: #165DFF;
}
/* 电脑端隐藏手机搜索面板 */
@media screen and (min-width: 771px) {
    .mobile-search-panel {
        display: none !important;
    }
}

/* ========== 新搜索框样式 ========== */
.search-wrapper {
    position: relative;
}
.search-box {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 14px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 200px;
}
.search-box.active {
    width: 320px;
    border-color: #165DFF;
}
.search-box-icon {
    flex-shrink: 0;
    color: #999;
}
.search-box-form {
    flex: 1;
    display: none;
    margin: 0 10px;
}
.search-box.active .search-box-form {
    display: block;
}
.search-box-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
}
.search-box-scroll {
    flex: 1;
    overflow: hidden;
    height: 20px;
    margin-left: 10px;
}
.search-box.active .search-box-scroll {
    display: none;
}
.search-box-close {
    display: none;
    flex-shrink: 0;
    color: #999;
    cursor: pointer;
}
.search-box.active .search-box-close {
    display: block;
}
.search-box-close:hover {
    color: #165DFF;
}

/* 搜索下拉浮窗 */
.search-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    padding: 16px 20px;
    min-width: 480px;
    z-index: 1000;
}
.search-dropdown.show {
    display: block;
}
.search-dropdown .search-discovery-title {
    color: #666;
    font-size: 12px;
    margin-bottom: 12px;
}
.search-dropdown .search-discovery-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.search-dropdown .search-discovery-tag {
    display: inline-block;
    padding: 8px 16px;
    background: #f5f7fa;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
}
.search-dropdown .search-discovery-tag:hover {
    background: #e8f3ff;
    color: #165DFF;
}


.header-fixed {
    background: #fff;
    box-shadow: 0 0 2px rgb(15 48 106 / 6%);
}

.bota_global_site_home {
    overflow: hidden;
}
/* ========== 搜索结果样式 ========== */
.search-results {
    max-height: 400px;
    overflow-y: auto;
}
.search-loading {
    padding: 20px;
    text-align: center;
    color: #999;
}
.search-no-results {
    padding: 30px 20px;
    text-align: center;
    color: #999;
}
.search-section-title {
    font-size: 12px;
    color: #999;
    padding: 12px 0 8px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 8px;
}
.search-result-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
    border-radius: 6px;
    margin: 0 -8px;
    padding-left: 8px;
    padding-right: 8px;
}
.search-result-item:hover {
    background: #f5f7fa;
}
.search-result-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    border-radius: 8px;
    flex-shrink: 0;
    color: #666;
}
.search-result-content {
    flex: 1;
    margin: 0 12px;
    min-width: 0;
}
.search-result-title {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-result-desc {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-result-type {
    font-size: 11px;
    color: #165DFF;
    background: #e8f3ff;
    padding: 2px 8px;
    border-radius: 10px;
    flex-shrink: 0;
}

/* ====================== Mega Menu 产品菜单 (全宽布局) ====================== */
.mega-menu-fullwidth {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 20px;
    min-height: 420px;
}

/* 左侧分类菜单 */
.mega-menu-fullwidth .mega-menu-sidebar {
    width: 180px;
    min-width: 180px;
    background: #f7f8fa;
    border-radius: 10px;
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    margin-right: 24px;
}
.mega-menu-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}
.mega-menu-category {
    display: block;
    padding: 12px 18px;
    cursor: pointer;
    color: #4e5969;
    font-size: 14px;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}
.mega-menu-category:hover {
    background: #fff;
    color: #165DFF;
}
.mega-menu-category.active {
    background: #fff;
    color: #165DFF;
    border-left-color: #165DFF;
    font-weight: 500;
}
.mega-menu-all-products {
    display: block;
    padding: 12px 18px;
    color: #165DFF;
    font-size: 13px;
    text-decoration: none;
    border-top: 1px solid #e5e6eb;
    margin-top: auto;
}
.mega-menu-all-products:hover {
    color: #0e42d2;
    background: #f0f5ff;
}

/* 右侧产品内容 */
.mega-menu-fullwidth .mega-menu-content {
    flex: 1;
    overflow-y: auto;
}
.mega-menu-panel {
    display: none;
}
.mega-menu-panel.active {
    display: block;
}
.mega-menu-section-title {
    font-size: 13px;
    color: #86909c;
    font-weight: 400;
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f3f5;
}

/* 产品卡片网格 */
.mega-menu-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.mega-menu-product {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
}
.mega-menu-product:hover {
    background: #f7f8fa;
}
.mega-menu-product-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega-menu-product-info {
    flex: 1;
    min-width: 0;
}
.mega-menu-product-info h5 {
    font-size: 14px;
    color: #1d2129;
    font-weight: 500;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mega-menu-product-info p {
    font-size: 12px;
    color: #86909c;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mega-menu-product:hover .mega-menu-product-info h5 {
    color: #165DFF;
}

/* Mega Menu 响应式 */
@media (max-width: 1200px) {
    .mega-menu-products {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 992px) {
    .mega-menu-fullwidth {
        display: none !important;
    }
}



  .products-nav-topbar-dropdown{opacity:0;height:0;overflow:hidden;transition:all .3s}
    .header-dropdown-left.products,.header-dropdown-left.solution{width:220px;background:#fff;border-right:1px solid #f0f0f0;padding:24px 0}
    .product-tab-list{display:flex;flex-direction:column;gap:4px;width: 80%;}
    .product-tab-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#1d2129;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s;position:relative}
    .product-tab-item::after{content:'';display:inline-block;width:6px;height:6px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg);transition:all .2s}
    .product-tab-item:hover,.product-tab-item.active{color:#2468f2;background:#f7f8fa}
    .product-tab-item.active::after{border-color:#2468f2}
    .products-nav-topbar-dropdown .bor-block-product-container{flex:1;background:#fff;padding:0;overflow-y:auto;float:none;display:block;width:auto;margin-top:0}
    .product-tab-contents{}
    .product-tab-content{display:none}
    .product-tab-content.active{display:block}

/* 精选产品卡片布局 - 类似阿里云风格 */
.featured-products-title{font-size:18px;font-weight:600;color:#1d2129;padding:28px 32px 0;margin:0 0 4px}
.featured-products-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 16px 24px}
.featured-product-item{display:block;padding:16px;border-radius:4px;text-decoration:none;transition:background .2s}
.featured-product-item:hover{background:#f7f8fa}
.featured-product-name{font-size:14px;font-weight:600;color:#1d2129;line-height:22px;margin-bottom:6px;width: 100%;}
.featured-product-desc{font-size:13px;color:#86909c;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* ========== 产品搜索框 ========== */
.products-nav-topbar-dropdown .nav-topbar-dropdown{position:relative;display:flex}
.product-search-box{position:relative;/* margin:8px 16px 0; */}
.product-search-box .product-search-icon{position:absolute;left:10px;top: 40%;transform:translateY(-50%);pointer-events:none;z-index:1}
.product-search-box .product-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid #e5e6eb;border-radius:6px;font-size:13px;color:#1d2129;outline:none;background:#f7f8fa;transition:all .2s;box-sizing:border-box;line-height: 20px;margin-bottom: 10px;}
.product-search-box .product-search-input:focus{border-color:#2468f2;background:#fff;box-shadow:0 0 0 2px rgba(36,104,242,.1)}
.product-search-box .product-search-input::placeholder{color:#c9cdd4;font-size:13px}
.product-search-box .product-search-clear{position:absolute;right:10px;top: 40%;transform:translateY(-50%);z-index:1}
.product-search-box .product-search-clear:hover svg{stroke:#1d2129}

/* 搜索结果覆盖层 - 阿里云风格 */
.product-search-results{top:0;right:0;bottom:0;background:#fff;z-index:10;padding:28px 32px;overflow-y:auto;display:none;width:100%}
.product-search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.ps-title-text{font-size:16px;font-weight:600;color:#1d2129;line-height:24px}
.ps-title-text b{color:#1d2129}
.product-search-results-close{font-size:20px;color:#86909c;cursor:pointer;line-height:1;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s;flex-shrink:0}
.product-search-results-close:hover{color:#1d2129;background:#f2f3f5}

/* 搜索结果 4列纯文字链接 */
.product-search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.product-search-result-item{display:block;padding:14px 0;font-size:14px;color:#1d2129;text-decoration:none;transition:color .15s;line-height:22px;border-bottom:1px solid #f2f3f5}
.product-search-result-item:hover{color:#2468f2}
.product-search-result-item b.product-search-highlight{color:#2468f2;font-weight:500}

/* 空状态 */
.product-search-empty{text-align:center;padding:60px 0;color:#86909c}
.product-search-empty p{font-size:14px;color:#86909c}

/* 骨架屏 */
.product-search-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.skeleton-item{padding:14px 0;border-bottom:1px solid #f2f3f5}
.skeleton-line{border-radius:4px;animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,#f2f3f5 25%,#e8e8e8 37%,#f2f3f5 63%);background-size:400% 100%}
.skeleton-line-title{height:16px;width:70%}
@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}




/* Mobile bottom menu styles */
.volcfe-sidebar-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding-bottom: env(safe-area-inset-bottom);
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.volcfe-sidebar-mobile-wrap {
    padding: 12px 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.volcfe-sidebar-mobile-items-wrap {
    display: flex;
    justify-content: space-around;
}

.volcfe-sidebar-mobile-item {
    cursor: pointer;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.volcfe-sidebar-mobile-item:active {
    background-color: #f3f7ff;
    transform: scale(0.95);
}

.volcfe-sidebar-mobile-item .volcfe-sidebar-first-level-item-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #41464f;
    transition: color 0.3s ease;
}

.volcfe-sidebar-mobile-item:hover .volcfe-sidebar-first-level-item-wrap,
.volcfe-sidebar-mobile-item:active .volcfe-sidebar-first-level-item-wrap {
    color: #1664ff;
}

.volcfe-sidebar-mobile-item .volcfe-sidebar-icon-small {
    width: 24px;
    height: 24px;
}

/* Lucide icons in mobile footer */
.volcfe-sidebar-mobile-item i[data-lucide] {
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.volcfe-sidebar-mobile-item .volcfe-sidebar-cell-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: inherit;
}

.volcfe-sidebar-contact-button {
    text-align: center;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #2450ff;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    overflow: hidden;
    padding: 0 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.volcfe-sidebar-contact-button:hover {
    background: linear-gradient(135deg, #4281ff 0%, #2e74ff 100%);
    box-shadow: 0 4px 12px rgba(22, 100, 255, 0.4);
    transform: translateY(-1px);
}

.volcfe-sidebar-contact-button:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(22, 100, 255, 0.3);
}

/* Responsive design */
@media (max-width: 990px) {
    /* Hide desktop sidebar on mobile */
    #volcfe-sidebar-wrap,
    .desktop-sidebar {
        display: none !important;
    }
    
    /* Show mobile menu */
    .volcfe-sidebar-mobile {
        display: block;
    }
}

@media (min-width: 991px) {
    /* Hide mobile menu on desktop */
    .volcfe-sidebar-mobile {
        display: none !important;
    }
    
    /* Show desktop sidebar */
    #volcfe-sidebar-wrap,
    .desktop-sidebar {
        display: flex !important;
    }
}

/* Safe area handling for iOS devices */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .volcfe-sidebar-mobile {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* Additional animation for menu items */
.volcfe-sidebar-mobile-item {
    animation: fadeIn 0.4s ease;
    animation-fill-mode: both;
}

.volcfe-sidebar-mobile-item:nth-child(1) {
    animation-delay: 0.1s;
}

.volcfe-sidebar-mobile-item:nth-child(2) {
    animation-delay: 0.2s;
}

.volcfe-sidebar-mobile-item:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ripple effect for touch feedback */
.volcfe-sidebar-mobile-item,
.volcfe-sidebar-contact-button {
    position: relative;
    overflow: hidden;
}

.volcfe-sidebar-mobile-item::before,
.volcfe-sidebar-contact-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.volcfe-sidebar-mobile-item:active::before {
    width: 100px;
    height: 100px;
}

.volcfe-sidebar-contact-button:active::before {
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.3);
}

/* Accessibility improvements */
.volcfe-sidebar-mobile-item:focus-visible,
.volcfe-sidebar-contact-button:focus-visible {
    outline: 2px solid #1664ff;
    outline-offset: 2px;
}

/* Landscape orientation adjustments */
@media (max-width: 990px) and (orientation: landscape) {
    .volcfe-sidebar-mobile-wrap {
        padding: 8px 16px 12px;
    }
    
    .volcfe-sidebar-mobile-items-wrap {
        margin-bottom: 8px;
    }
    
    .volcfe-sidebar-contact-button {
        padding: 10px;
        font-size: 14px;
    }
}

@media (max-width: 990px) {
div#scloud-sidebar-wrap {
    display: none;
}

div#cw-bubble-holder {
    display: none;
}

}


section.home-service {
    background: #f6f7fa;
}


.banner-bg-image.banner-image-tm {
    background-image: url(../img/banner/banner_tm_pc.png);
    background-position: left;
}
@media (max-width: 990px) {
.banner-bg-image.banner-image-tm {
    background-image: url(../img/banner/banner_tm_mb.png);
}
}



.banner-bg-image.banner-image-logo {
    background-image: url(../img/banner/banner_logo_pc.png);
    background-position: left;
}
@media (max-width: 990px) {
.banner-bg-image.banner-image-logo {
    background-image: url(../img/banner/banner_logo_mb.png);
}
}



.banner-bg-image.banner-image-company {
    background-image: url(../img/banner/banner_company_pc.png);
    background-position: left;
}

.banner-bg-image.banner-image-new {
    background-image: url(../img/banner/banner_new_pc.png);
    background-position: left;
}


.banner-bg-image.banner-image-shop {
    background-image: url(../img/banner/banner_shop_pc.png);
    background-position: left;
}
@media (max-width: 990px) {
.banner-bg-image.banner-image-shop {
    background-image: url(../img/banner/banner_shop_mb.png);
}
}