.sides-pop{border-radius:10px;display:inline-block;height:10px;margin-right:5px;width:10px}.sides-pop-rotate{transform:rotate(180deg)}.distri-bution .title-l-t-text{margin-right:0!important;overflow:hidden;text-overflow:ellipsis}@keyframes twinkle-red{0%,to{background:rgba(199,52,76,.8)}50%{background:#c30e1d}}@keyframes twinkle-green{0%,to{background:rgba(46,153,135,.8)}50%{background:#007659}}.distri-bution,.distri-bution .distri-list-l{display:flex;justify-content:space-between}.distri-bution .distri-list-l{flex:1;margin-right:18px}.distri-bution .distri-list-l .distri-list{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:2px;box-sizing:border-box;padding:16px;width:388px}.distri-bution .distri-list-l .distri-list .label{display:flex;justify-content:flex-end;margin-top:20px}.distri-bution .distri-list-l .distri-list .label .label-icon{align-items:center;display:flex;margin-left:8px}.distri-bution .distri-list-l .distri-list .label .label-icon .label-icon-1{background:#c7344c;border-radius:1px;height:8px;width:20px}.distri-bution .distri-list-l .distri-list .label .label-icon .label-icon-2{color:#a3a3a3;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:17px;padding-left:8px}.distri-bution .distri-list-l .distri-list .list-ul{margin-top:8px}.distri-bution .distri-list-l .distri-list .transverse2bars{align-items:center;display:flex;height:40px;margin-bottom:4px;position:relative}.distri-bution .distri-list-l .distri-list .transverse2bars .label-group{color:#292929;font-family:DIN;margin-right:10px}.distri-bution .distri-list-l .distri-list .transverse2bars .is-en{font-size:16px;font-weight:700;line-height:19px;min-width:75px}.distri-bution .distri-list-l .distri-list .transverse2bars .is-cn{font-size:13px;line-height:16px;min-width:60px}.distri-bution .distri-list-l .distri-list .transverse2bars [class*=bar-]{color:#fff;font-family:DIN;font-size:14px;height:20px;line-height:18px;transition:all .3s}.distri-bution .distri-list-l .distri-list .transverse2bars .inside-group{display:flex;flex:1}.distri-bution .distri-list-l .distri-list .transverse2bars .inside-group .bar-left{background:#c7344c;border:1px solid rgba(0,0,0,.2);border-radius:2px 0 0 2px;box-shadow:0 1px 4px rgba(179,36,60,.3);padding-left:6px}.distri-bution .distri-list-l .distri-list .transverse2bars .inside-group .bar-right{background:#2e9987;border:1px solid rgba(0,0,0,.2);border-radius:0 2px 2px 0;box-shadow:0 1px 4px rgba(51,128,102,.3);padding-right:6px;text-align:right}.distri-bution .distri-list-l .distri-list .transverse2bars:hover .label-group{font-family:DIN-Medium;font-weight:600}.distri-bution .distri-list-l .distri-list .transverse2bars:hover .inside-group{cursor:pointer}.distri-bution .distri-list-l .distri-list .transverse2bars:hover .inside-group .bar-left{background:#c30e1d}.distri-bution .distri-list-l .distri-list .transverse2bars:hover .inside-group .bar-right{background:#007659}.distri-bution .distri-list-l .distri-list .twinkle-once .inside-group .bar-left{animation:twinkle-red .5s;animation-iteration-count:2}.distri-bution .distri-list-l .distri-list .twinkle-once .inside-group .bar-right{animation:twinkle-green .5s;animation-iteration-count:2}.distri-bution .distri-more{background:#fff;border:1px solid rgba(0,0,0,.05);padding:16px;width:388px}.distri-bution .distri-more .head{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:18px}.distri-bution .distri-more .head .usd-select{width:110px}.distri-bution .distri-more .head .usd-select .el-input__inner{color:#3d3d3d;font-family:DIN-Medium;padding-left:12px}.distri-bution .distri-more .head .head-r{display:flex;justify-content:flex-end}.distri-bution .distri-more .head .head-r .label-icon{align-items:center;display:flex}.distri-bution .distri-more .head .head-r .label-icon .label-icon-1{background:#c7344c;border-radius:1px;height:8px;width:20px}.distri-bution .distri-more .head .head-r .label-icon .label-icon-2{color:#a3a3a3;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:17px;padding-left:8px}.distri-bution .distri-more .head .head-r .label-icon:not(:first-child){margin-left:8px}.distri-bution .distri-more .hang-tag-group{margin:20px 0 25px;position:relative;width:270px}.distri-bution .distri-more .hang-tag-group .grid-line{height:100%;left:0;position:absolute;top:0;width:100%}.distri-bution .distri-more .hang-tag-group .grid-line .grid-table{border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;height:100%;width:100%}.distri-bution .distri-more .hang-tag-group .grid-line .grid-table tr td{border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6}.distri-bution .distri-more .hang-tag-group .grid-line .y-worth{position:absolute;right:-60px;top:0}.distri-bution .distri-more .hang-tag-group .grid-line .y-worth li{color:#292929;font-family:DIN-Medium;font-size:12px;height:36px;line-height:36px}.distri-bution .distri-more .hang-tag-group .grid-line .x-worth{bottom:-24px;display:flex;left:-8%;position:absolute;width:116%}.distri-bution .distri-more .hang-tag-group .grid-line .x-worth li{color:#292929;font-family:DIN-Medium;font-size:12px;text-align:center;width:15%}.distri-bution .distri-more .hang-tag-group .bar-box{height:195px;position:relative;width:50%}.distri-bution .distri-more .hang-tag-group .cut-off-line{border-bottom:1px dashed #ffd733;margin:1px 0;position:relative;width:100%}.distri-bution .distri-more .hang-tag-group .cut-off-line .cut-txt{background-image:url(https://resources1.interface003.com/web20/img/home/chart-mark-bg.png);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#301;font-family:DIN-Medium;font-size:14px;height:28px;line-height:28px;min-width:64px;padding:0 4px 0 8px;position:absolute;right:-72px;text-align:center;top:-14px}.distri-bution .distri-more .hang-tag-group .down-charts-group,.distri-bution .distri-more .hang-tag-group .up-charts-group{display:flex}.distri-bution .distri-more .hang-tag-group .down-charts-group{transform:rotate(180deg)}@media screen and (max-width:1199px){.distri-bution .distri-list-l .distri-list{width:301px}.distri-bution .distri-list-l .distri-list .transverse2bars .is-en{font-size:15px;line-height:18px;margin-right:8px;min-width:68px}.distri-bution .distri-list-l .distri-list .transverse2bars [class*=bar-]{font-size:12px;line-height:20px}.distri-bution .distri-list-l .distri-list .transverse2bars .inside-group .bar-left{padding-left:3px}.distri-bution .distri-list-l .distri-list .transverse2bars .inside-group .bar-right{padding-right:3px}.distri-bution .distri-more{width:301px}.distri-bution .distri-more .head .usd-select{width:101px}.distri-bution .distri-more .hang-tag-group{width:202px}}@media screen and (max-width:999px){.distri-bution .distri-list-l{flex-direction:column;width:371px}.distri-bution .distri-list-l .distri-list{width:100%}.distri-bution .distri-list-l .distri-list .transverse2bars:not(:nth-child(-n+4)){display:none}.distri-bution .distri-list-l .distri-list:not(:first-child){margin-top:18px}.distri-bution .distri-more{width:371px}.distri-bution .distri-more .hang-tag-group{margin:30px 0 25px;width:270px}}@media screen and (max-width:799px){.distri-bution{flex-direction:column}.distri-bution .distri-list-l{flex-direction:column;width:100%}.distri-bution .distri-list-l .distri-list{margin-bottom:18px;width:100%}.distri-bution .distri-list-l .distri-list:not(:first-child){margin-top:0}.distri-bution .distri-more{width:100%}.distri-bution .distri-more .hang-tag-group{left:-25px;margin:20px auto 25px;width:64%}}html[dir=rtl] .distri-bution .distri-more .hang-tag-group .grid-line .y-worth{left:-60px;right:auto}html[dir=rtl] .distri-bution .distri-list-l{margin-left:18px;margin-right:0}html[dir=rtl] .distri-bution .distri-list-l .distri-list .label .label-icon .label-icon-2,html[dir=rtl] .distri-bution .distri-more .head .head-r .label-icon .label-icon-2{padding-left:8px;padding-right:8px}html[dir=rtl] .distri-bution .distri-more .hang-tag-group .cut-off-line .cut-txt{left:-72px;right:auto}html[dir=rtl] .distri-bution .distri-more .hang-tag-group{direction:ltr;left:0}