.ccl-bar{background-color:#363a43;height:35px;line-height:35px;overflow:hidden}.ccl-bar .container{display:flex}.ccl-bar .ccl-bar-box{flex:1}.ccl-bar .ccl-bar-box:last-of-type{text-align:right}@media only screen and (max-width:991px){.ccl-bar .ccl-bar-box:last-of-type{text-align:center}}@media only screen and (max-width:767px){.ccl-bar .ccl-bar-box:last-of-type{text-align:left}.ccl-bar .ccl-bar-box:last-of-type>div{height:50px}}.ccl-bar .ccl-bar-box.animate_top{transition:all .5s;margin-top:-35px}@media only screen and (max-width:767px){.ccl-bar .ccl-bar-box.animate_top{margin-top:-50px!important}}.ccl-bar .ccl-bar-box .label-text{font-size:13px;color:#ccd1db;margin-left:6px;font-weight:700}@media only screen and (max-width:991px){.ccl-bar .ccl-bar-box .label-text{font-size:13px}}.ccl-bar .ccl-bar-box .label-text:first-of-type{margin-left:0}.ccl-bar .ccl-bar-box .label-text .ccl-index{display:inline-block;color:#fff;padding-left:2px}.ccl-bar .ccl-bar-box .label-text .down,.ccl-bar .ccl-bar-box .label-text .up{font-weight:400}.ccl-bar .ccl-bar-box .label-text .down .icon,.ccl-bar .ccl-bar-box .label-text .up .icon{font-size:14px;font-weight:700;vertical-align:top}.ccl-bar .ccl-bar-box .label-text .up{color:#28c613}.ccl-bar .ccl-bar-box .label-text .up .icon:before{content:"\e634"}.ccl-bar .ccl-bar-box .label-text .down{color:#ff1a57}.ccl-bar .ccl-bar-box .label-text .down .icon:before{content:"\e62e"}@media only screen and (max-width:767px){.ccl-bar{height:50px!important;padding:7px 15px 5px;line-height:1.5!important}.ccl-bar .ccl-bar-box{text-align:left}.ccl-bar .ccl-bar-box .br{display:block}.ccl-bar .ccl-bar-box .br+.label-text{margin-left:0}}