.colorDB{width:300px;display:flex;color:#000;justify-content:space-around;align-items:center;font-size:20px;margin-left:10px}.colorDB span{width:16px;height:16px;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:3px}.colorDB .zc{background:linear-gradient(180deg,#226df0,#00c0fa)}.colorDB .di{background:linear-gradient(0deg,#f7fa00,#f09622)}.colorDB .middle{background:linear-gradient(0deg,#00deb2,#26f05a)}.colorDB .h{background:linear-gradient(0deg,#ff887c,#b6325f)}.stockBox{width:100%;display:flex;position:relative;align-content:center;flex-wrap:wrap;justify-content:flex-start;cursor:pointer}.stockBox .boxMaina{width:540px;height:390px;background:#fff;border-radius:12px;margin:10px}.stockBox .boxMaina .hBox{display:flex;justify-content:space-between;align-content:center;margin-top:40px}.stockBox .boxMaina .sLeft{width:190px;height:310px;position:relative;left:10px}.stockBox .boxMaina .sLeft .one{position:absolute;z-index:1;left:0;top:0;background:url(../img/oneg.1c5bfea9.png) no-repeat 50%;background-size:100% 100%;width:181px;height:310px}.stockBox .boxMaina .sLeft .two{position:absolute;z-index:2;left:0;top:0;background:url(../img/twog.7c42ceb6.png) no-repeat 50%;background-size:100% 100%;width:181px;height:310px}.stockBox .boxMaina .sLeft .loadbar{width:99px;height:172px;position:absolute;bottom:112px;left:80px;z-index:3;overflow-y:clip}.stockBox .boxMaina .sLeft .bar{width:90px;display:block;position:absolute;bottom:0;left:5px;overflow:hidden;background:linear-gradient(180deg,#226df0,#00c0fa)}.stockBox .boxMaina .sLeft .changeLow{background:linear-gradient(0deg,#f7fa00,#f09622)}.stockBox .boxMaina .sLeft .changeMid{background:linear-gradient(0deg,#00deb2,#26f05a)}.stockBox .boxMaina .sLeft .changeUpp{background:linear-gradient(0deg,#ff887c,#b6325f)}.stockBox .boxMaina .sLeft .defaultBg{background:transparent}.stockBox .boxMaina .sLeft .four{background:url(../img/fourg.6be4f3cf.png) no-repeat 50%;background-size:100% 100%;position:relative;left:0;bottom:0;z-index:4;width:181px;height:310px}.stockBox .boxMaina .sRight{width:400px}.stockBox .boxMaina .sRight .rightTop{margin:50px 0 0 30px;width:260px;height:50px;line-height:50px;background:linear-gradient(90deg,#eef5fe 10%,#fff);border-radius:12px 0 0 0}.stockBox .boxMaina .sRight .rightTop .rightT{color:#2e335a;font-size:26px;padding-left:30px;height:50px;box-sizing:border-box}.stockBox .boxMaina .sRight .rightTop .rightT .changeGreen{color:green}.stockBox .boxMaina .sRight .rightTop .rightT .changeGray{color:grey}.stockBox .boxMaina .sRight .rightTop .rightB{margin-top:50px;color:#a7a8ac;font-size:20px;width:360px}.stockBox .boxMaina .sRight .rightTop .rightB .sCircle{width:16px;height:16px;background:#cedafe;border-radius:50%;display:inline-block;margin-right:5px}.stockBox .boxMaina .sRight .rightTop .rightB .changeC{color:#656e81}.stockBox .boxMaina:after{content:"";width:540px}#lineEchart{width:600px;height:300px}.chooseDate{text-align:right}