body {
    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
    min-height: 100vh;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: #fff;
}

* { margin:0; padding:0; }
[class^=ace-] {box-sizing: border-box;}
img { border: 0;} 
*, :after, :before {box-sizing: inherit;}
div {display: block;}


:root {
    --t1: #fff;
    --t2: #f4f4f4;
    --t3: #ededed;
    --t4: #d8d8d8;
    --t5: #b3b3b3;
    --t6: #999;
    --t7: #666;
    --t8: #3d3d3d;
    --t9: #181818;
    --title: 阿里云官网白橙主题/品牌类;
    --mode: light;
    --scene: channel;
    --c1: #FF6A00;
    --l1: #fff0e5;
    --l2: #ffe1cc;
    --l3: #ffb580;
    --l4: #ff8833;
    --d1: #cc5500;
    --d2: #994000;
    --d3: #662a00;
    --d4: #4d2000;
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --t1: #fff;
    --t2: #f4f4f4;
    --t3: #ededed;
    --t4: #d8d8d8;
    --t5: #b3b3b3;
    --t6: #999;
    --t7: #666;
    --t8: #3d3d3d;
    --t9: #181818;
    --mode: light;
    --c1: #FF6A00;
    --l4: #ff8833;
    --l3: #ffb580;
    --l2: #ffe1cc;
    --l1: #fff0e5;
    --d1: #cc5500;
    --d2: #994000;
    --d3: #662a00;
    --d4: #4d2000;
    --scene: channel;
}
@media only screen and (min-width: 1056px) and (max-width: 1968px)
:root {
    --grid-style3-margin: 12px;
}
@media only screen and (min-width: 1056px) and (max-width: 1968px)
:root {
    --grid-style2-margin: 24px;
}
:root {
    --brand-1: #ffe1cc;
    --brand-8: #ff791a;
    --brand-9: #ff6a00;
    --brand-10: #e65f00;
    --neutral-1: #fff;
    --neutral-2: #f4f4f4;
    --neutral-3: #ededed;
    --neutral-4: #d8d8d8;
    --neutral-5: #b3b3b3;
    --neutral-6: #999;
    --neutral-7: #3d3d3d;
    --neutral-8: #181818;
    --link-2: #339dff;
    --link-3: #1890ff;
    --link-4: #0084ff;
    --error-2: #fcdfd9;
    --error-3: #f15533;
    --success-2: #dff1da;
    --success-3: #63ba4d;
    --notice-2: #ffedcc;
    --notice-3: #ffa400;
}