/* 字号 */
@font-xxxxxxxxl: 1rem;
@font-xxxxxxxl: .8rem;
@font-xxxxxxl: .72rem;
@font-xxxxxl: .64rem;
@font-xxxxl: .48rem;
@font-xxxl: .44rem;
@font-xxl: .4rem;
@font-xl: .36rem;
@font-l: .32rem;
@font-xm: .28rem;
@font-m: .26rem;
@font-s: .24rem;
@font-xs: .22rem;
@font-xxs: .2rem;
@font-xxxs: .18rem;
@font-xxxxs: .16rem;

/* color */
@color-yellow: #ffdd21;
@color-white: #fff;
@color-white-80: fade(@color-white, 80%);
@color-white-70: fade(@color-white, 70%);
@color-white-60: fade(@color-white, 60%);
@color-white-40: fade(@color-white, 40%);
@color-white-50: fade(@color-white, 50%);
@color-white-30: fade(@color-white, 30%);
@color-white-15: fade(@color-white, 15%);
@color-white-10: fade(@color-white, 10%);
@color-black: #000;
@color-black-90: fade(@color-black, 90%);
@color-black-70: fade(@color-black, 70%);
@color-black-60: fade(@color-black, 60%);
@color-black-55: fade(@color-black, 55%);
@color-black-50: fade(@color-black, 50%);
@color-black-40: fade(@color-black, 40%);
@color-black-30: fade(@color-black, 30%);
@color-black-20: fade(@color-black, 20%);
@color-black-10: fade(@color-black, 10%);
@color-black-1: #212124;
@color-black-2: #121212;
@color-black-2-95: fade(@color-black-2, 95%);
@color-gray: #85a7a2;
@color-gray-1: #1a1a1a;
@color-gray-80: fade(@color-gray-1, 80%);
@color-gray-2: #242424; 
@color-gray-50: fade(@color-gray-2, 50%);
@color-gray-3: #282828;
@color-gray-4: #404142;
@color-gray-5: #121212;
@color-gray-95: fade(@color-gray-5, 95%);
@color-gray-6: #818181;
@color-gray-70: fade(@color-gray-6, 70%);
@color-gray-7: #415051;
@color-gray-8: #353535;
@color-gray-8-60: fade(@color-gray-8, 60%);
@color-blue: #5adddd;
@color-blue-1: #3770b6;
@color-blue-2: #b1ffff;
@color-blue-20: fade(@color-blue-2, 20%);
@color-blue-3: #14161f;
@color-blue-82: fade(@color-blue-3, 82%);
@color-blue-4: #334E52;
@color-blue-4-60: fade(@color-blue-4, 60%);
@color-blue-active: #c7fff6;   
@color-red: #e2163b;
@color-green: #5ad28a;