.commodity[data-v-c0d7a842]{position:relative}.commodity .box[data-v-c0d7a842]{display:flex;height:calc(100% - 50px)}.commodity .box .c1[data-v-c0d7a842]{width:100px;padding:0 10px;background-color:#fff;box-sizing:border-box}.commodity .box .c1 .aside .menu[data-v-c0d7a842]{border:none!important}.commodity .box .c2[data-v-c0d7a842]{flex:1;box-sizing:border-box}.commodity .box .c2 .cvue[data-v-c0d7a842]{height:120vh}.xtitle[data-v-c0d7a842]{height:16%;display:flex;justify-content:space-between;margin-bottom:20px}.xtitle .xt_box[data-v-c0d7a842]{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;position:relative}.xtitle .xt_box .xf[data-v-c0d7a842]{width:100px;z-index:10}.xtitle .xt_box .xf .xg[data-v-c0d7a842]{margin-bottom:10px}.xtitle .xt_box .xf .xh[data-v-c0d7a842]{font-size:20px}.xtitle .xt_box .bg[data-v-c0d7a842]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.xtitle .xt_box .head[data-v-c0d7a842]{width:70px;height:70px;margin-right:20px;z-index:10}.xcontent[data-v-c0d7a842]{height:calc(84% - 20px);display:flex}.xcontent .xLeft[data-v-c0d7a842]{width:440px;height:100%;display:flex;justify-content:space-between;flex-direction:column}.xcontent .xLeft .xLeftTop[data-v-c0d7a842]{background-color:#fff;box-sizing:border-box;height:calc(100% - 490px);margin-bottom:10px}.xcontent .xLeft .xLeftTop .xLeftTop1[data-v-c0d7a842]{height:100px;margin-right:10px;box-sizing:border-box;padding-top:40px!important}.xcontent .xLeft .xLeftTop .xLeftTop2[data-v-c0d7a842]{padding:20px;height:calc(100% - 110px);box-sizing:border-box}.xcontent .xLeft .xLeftTop .xbox[data-v-c0d7a842]{display:flex;justify-content:space-around}.xcontent .xLeft .xLeftTop .xItem[data-v-c0d7a842]{display:flex;flex-direction:column;justify-content:space-around;height:100%;text-align:center}.xcontent .xLeft .xLeftTop .xItem .xItemt[data-v-c0d7a842]{font-weight:600;font-size:14px}.xcontent .xLeft .xLeftTop .xItem .xItemb[data-v-c0d7a842]{font-size:10px;margin-top:5px}.xcontent .xLeft .xLeftBottom[data-v-c0d7a842]{padding:20px;background-color:#fff;height:480px;box-sizing:border-box}.xcontent .xLeft .xLeftBottom .xbox[data-v-c0d7a842]{height:100%}.xcontent .xLeft .xLeftBottom .xbox .xLine[data-v-c0d7a842]{margin:5px 0;display:flex;justify-content:space-between;flex-wrap:wrap}.xcontent .xLeft .xLeftBottom .xbox .xLine .xLiner[data-v-c0d7a842]{font-size:10px;color:#999}.xcontent .xLeft .xBox[data-v-c0d7a842]{background-color:#f6f7fb;padding:10px;font-size:12px;line-height:20px}.xcontent .xLeft .xHead[data-v-c0d7a842]{margin-bottom:5px}.xcontent .xLeft .xLine[data-v-c0d7a842]{display:flex;justify-content:center}.xcontent .xLeft .xLine .xItem[data-v-c0d7a842]{flex:1}.xcontent .xRight[data-v-c0d7a842]{height:100%;box-sizing:border-box;flex:1;margin-right:10px}.xcontent .xRight .xRightTop[data-v-c0d7a842]{height:100px;margin-bottom:10px;display:flex}.xcontent .xRight .xRightTop .xRightTopLeft[data-v-c0d7a842]{padding:20px;background-color:#fff;height:100px;width:500px;margin-right:10px;box-sizing:border-box;padding-top:40px!important}.xcontent .xRight .xRightTop .xRightTopRight[data-v-c0d7a842]{padding:20px;background-color:#fff;height:100px;padding-top:40px!important;box-sizing:border-box;flex:3}.xcontent .xRight .xRightTop .xbox[data-v-c0d7a842]{display:flex;justify-content:space-around}.xcontent .xRight .xRightTop .xItem[data-v-c0d7a842]{display:flex;flex-direction:column;justify-content:space-around;height:100%;text-align:center}.xcontent .xRight .xRightTop .xItem .xItemt[data-v-c0d7a842]{font-weight:600;font-size:14px}.xcontent .xRight .xRightTop .xItem .xItemb[data-v-c0d7a842]{font-size:10px;margin-top:5px}.xcontent .xRight .xRightBottom[data-v-c0d7a842]{height:calc(100% - 110px);box-sizing:border-box;display:flex}.xcontent .xRight .xRightBottom .xRightTopLeft[data-v-c0d7a842]{padding:20px;background-color:#fff;height:100%;width:500px;margin-right:10px;box-sizing:border-box}.xcontent .xRight .xRightBottom .xbox01[data-v-c0d7a842]{height:100%;box-sizing:border-box;flex:3}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom[data-v-c0d7a842]{padding:20px;background-color:#fff;height:200px;box-sizing:border-box;margin-bottom:10px;display:flex}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom .xbox[data-v-c0d7a842]{flex:1;height:100%;padding:10px 20px;box-sizing:border-box;border-right:1px solid #ccc}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom .xbox .xLine[data-v-c0d7a842]{margin:5px 0;display:flex;justify-content:space-between;flex-wrap:wrap}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom .xbox .xLine .xLiner[data-v-c0d7a842]{font-size:10px;color:#999}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom .xbox2[data-v-c0d7a842]{width:180px;position:relative}.xcontent .xRight .xRightBottom .xbox01 .xLeftBottom .xbox2 .xb[data-v-c0d7a842]{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center}.xcontent .xRight .xRightBottom .xRightTopRight[data-v-c0d7a842]{padding:20px;background-color:#fff;height:calc(100% - 270px)}.xcontent .xRight .xRightBottom .xbox[data-v-c0d7a842]{display:flex;justify-content:space-around}.xcontent .xRight .xRightBottom .xItem[data-v-c0d7a842]{display:flex;flex-direction:column;justify-content:space-around;height:100%;text-align:center}.xcontent .xRight .xRightBottom .xItem .xItemt[data-v-c0d7a842]{font-weight:600;font-size:14px}.xcontent .xRight .xRightBottom .xItem .xItemb[data-v-c0d7a842]{font-size:10px;margin-top:5px}.secondfloor[data-v-c0d7a842]{height:calc(100% - 40px)}.firstfloor[data-v-c0d7a842]{position:relative;padding:30px 0 20px}.firstfloor .f1[data-v-c0d7a842]{flex:1}.firstfloor .fsz[data-v-c0d7a842]{width:100%;position:absolute;display:flex;justify-content:flex-end;bottom:0;left:0;right:0;padding-left:200px;box-sizing:border-box}.firstfloor .fsz .fs[data-v-c0d7a842]{border:1px solid;border-radius:10px;padding:10px;width:200px;margin:10px;min-width:200px;flex:1}.firstfloor .fsz .fs .fs1[data-v-c0d7a842]{position:relative}.firstfloor .fsz .fs .fs1 .fs1s[data-v-c0d7a842]{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%}.firstfloor .fsz .fs .fs3[data-v-c0d7a842]{display:flex;justify-content:space-between}.firstfloor .fsz .f2[data-v-c0d7a842]{color:red}.firstfloor .fsz .f2 .fs1s[data-v-c0d7a842]{background:red}.firstfloor .fsz .f3[data-v-c0d7a842]{color:#f69524}.firstfloor .fsz .f3 .fs1s[data-v-c0d7a842]{background:#f69524}.firstfloor .fsz .f4[data-v-c0d7a842]{color:#12c67f;margin-right:0}.firstfloor .fsz .f4 .fs1s[data-v-c0d7a842]{background:#12c67f}