.commodity[data-v-0afc57e0]{position:relative}.commodity .box[data-v-0afc57e0]{display:flex;height:calc(100% - 50px)}.commodity .box .c1[data-v-0afc57e0]{width:100px;padding:0 10px;background-color:#fff;box-sizing:border-box}.commodity .box .c1 .aside[data-v-0afc57e0]{background-color:#fff}.commodity .box .c1 .aside .menu[data-v-0afc57e0]{border:none!important}.commodity .box .c2[data-v-0afc57e0]{flex:1;background-color:#fff;padding:20px;box-sizing:border-box}.xtitle[data-v-0afc57e0]{height:20%;display:flex;justify-content:space-between;margin-bottom:20px}.xtitle .xt_box[data-v-0afc57e0]{color:#fff;font-size:16px;height:100%;flex:1;margin-right:20px;border-radius:5px;display:flex;align-items:center;align-content:center;justify-content:center}.xtitle .xt_box .xf[data-v-0afc57e0]{width:100px}.xtitle .xt_box .xf .xg[data-v-0afc57e0]{margin-bottom:10px}.xtitle .xt_box .xf .xh[data-v-0afc57e0]{font-size:20px}.xtitle .xt_box img[data-v-0afc57e0]{width:60px;height:60px;margin-right:15px}.xtitle .xt1[data-v-0afc57e0]{background:linear-gradient(90deg,#7ec8fd,#84b4f8)}.xtitle .xt2[data-v-0afc57e0]{background:linear-gradient(90deg,#bc8cef,#c170e8)}.xtitle .xt3[data-v-0afc57e0]{background:linear-gradient(90deg,#8290f1,#6f7eea)}.xtitle .xt4[data-v-0afc57e0]{background:linear-gradient(90deg,#f3a095,#e67c78)}.xtitle .xt5[data-v-0afc57e0]{background:linear-gradient(90deg,#f3a073,#e78c29);margin:0}.xcontent[data-v-0afc57e0]{height:calc(100% - 20px)}.secondfloor[data-v-0afc57e0]{height:calc(90% - 40px)}