.posi-distribution-view .main{padding:40px 10px;background:#fff}.posi-distribution-view .title-group{padding:0 0 0 40px;margin:0 0 50px;text-align:center}.posi-distribution-view .title-group .title-txt{font-weight:600;font-size:20px;line-height:28px;color:#292929}.posi-distribution-view .title-group .usd-select{width:110px;margin:0 0 0 40px;vertical-align:top}.posi-distribution-view .title-group .usd-select .el-input--small .el-input__inner{padding:0 28px 0 12px;font-family:WikiFX-Light}.posi-distribution-view .hang-tag-group{width:350px;margin:0 auto;background-image:url(https://resources.interface003.com/cloud/img/app/watermark.jpg);background-size:cover;position:relative}.posi-distribution-view .hang-tag-group .sides-txt{width:100%;padding:0 0 8px;display:flex;align-items:center;position:absolute;bottom:100%}.posi-distribution-view .hang-tag-group .sides-txt .sides-left,.posi-distribution-view .hang-tag-group .sides-txt .sides-right{flex-grow:1;font-size:12px;line-height:17px;color:#292929}.posi-distribution-view .hang-tag-group .sides-txt .sides-right{text-align:right}.posi-distribution-view .hang-tag-group .legend-box{width:100%;position:absolute;bottom:-56px;left:0}.posi-distribution-view .hang-tag-group .legend-box .item{padding:0;margin:0 16px 0 0;font-size:12px;line-height:17px;color:#7a7a7a;float:left;cursor:default}.posi-distribution-view .hang-tag-group .legend-box .item i{width:16px;height:8px;margin:0 8px 0 0;border-radius:1px;display:inline-block}.posi-distribution-view .hang-tag-group .legend-box .item-green i{background:#2e9987}.posi-distribution-view .hang-tag-group .legend-box .item-red i{background:#c7344c}.posi-distribution-view .hang-tag-group .grid-line{width:100%;height:100%;position:absolute;top:0;left:0}.posi-distribution-view .hang-tag-group .grid-line .grid-table{width:100%;height:100%;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6}.posi-distribution-view .hang-tag-group .grid-line .grid-table tr td{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}.posi-distribution-view .hang-tag-group .grid-line .y-worth{position:absolute;top:0;right:-64px}.posi-distribution-view .hang-tag-group .grid-line .y-worth li{height:61px;line-height:60px;font-family:WikiFX;font-size:16px;color:#292929}.posi-distribution-view .hang-tag-group .grid-line .x-worth{width:100%;position:absolute;bottom:-24px;left:0}.posi-distribution-view .hang-tag-group .grid-line .x-worth li{width:35px;font-family:WikiFX;font-size:16px;color:#292929;float:left;position:relative}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate2{left:5px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate3{left:12px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate4{left:20px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate5{left:28px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate6{left:38px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate7{left:46px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate8{left:56px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate9{left:60px}.posi-distribution-view .hang-tag-group .bar-box{width:50%;height:330px;float:left;position:relative}.posi-distribution-view .hang-tag-group .cut-off-line{width:100%;border-bottom:1px dashed #5c8ae5;margin:3px 0;position:relative}.posi-distribution-view .hang-tag-group .cut-off-line .cut-txt{min-width:78px;height:28px;line-height:28px;padding:0 4px 0 8px;background-image:url(https://resources.interface003.com/cloud/img/distribution/mark-bg.png);background-repeat:no-repeat;background-size:cover;text-align:center;position:absolute;top:-14px;right:-80px;font-family:WikiFX;font-size:16px;color:#fff;box-sizing:border-box}.posi-distribution-view .hang-tag-group .down-charts-group{transform:rotate(180deg)}.posi-distribution-view .small-print{width:400px;margin:100px auto 0;position:relative;left:24px}.posi-distribution-view .small-print .print-title{font-weight:600;font-size:12px;line-height:17px;color:#7a7a7a}.posi-distribution-view .small-print .print-desc{margin:8px 0 0;font-size:12px;line-height:17px;color:#7a7a7a}.posi-distribution-view .small-print .statistics{margin:20px 0 0}.posi-distribution-view .small-print .provide-group{margin:20px 0 0;text-align:right;font-size:12px;line-height:17px;color:#ccc}.posi-distribution-view .small-print .provide-group .wiki-logo{margin:0 4px;vertical-align:text-top}.posi-distribution-view .small-print .provide-group .special-txt{margin:0 4px 0 0;color:#3685ff}.posi-distribution-view .sides-pop-rotate{transform:rotate(180deg)}.posi-distribution-view .sides-pop{width:10px;height:10px;margin:0 5px 0 0;border-radius:10px;display:inline-block}@media screen and (max-width:575px){.posi-distribution-view .main{padding:20px 15px 30px}.posi-distribution-view .title-group{padding:0;text-align:left;display:flex;align-items:center}.posi-distribution-view .title-group .title-txt{flex:1}.posi-distribution-view .title-group .usd-select{margin:0 0 0 10px}.posi-distribution-view .hang-tag-group{width:78%;margin:0}.posi-distribution-view .hang-tag-group .grid-line .y-worth li{font-size:14px}.posi-distribution-view .hang-tag-group .grid-line .x-worth{width:110%}.posi-distribution-view .hang-tag-group .grid-line .x-worth li{width:11%;font-size:14px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate2,.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate3,.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate4,.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate5{left:0}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate6,.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate7{left:2px}.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate8,.posi-distribution-view .hang-tag-group .grid-line .x-worth .x-rate9{left:4px}.posi-distribution-view .hang-tag-group .cut-off-line .cut-txt{min-width:66px;font-size:14px;right:-74px}.posi-distribution-view .small-print{width:100%;position:static}}.currency-pairs-select{z-index:2!important}.opposite .posi-distribution-view .title-group{padding:0}.opposite .posi-distribution-view .title-group .usd-select{margin:0 40px 0 0}.opposite .posi-distribution-view .title-group .usd-select .el-input--small .el-input__inner{padding:0 12px 0 28px}.opposite .posi-distribution-view .title-group .usd-select .el-input__suffix{left:5px;right:auto}.opposite .posi-distribution-view .hang-tag-group .sides-txt{flex-direction:row-reverse}.opposite .posi-distribution-view .hang-tag-group .sides-txt .sides-left{text-align:left}.opposite .posi-distribution-view .hang-tag-group .legend-box .item{margin:0 0 0 16px;float:right}.opposite .posi-distribution-view .hang-tag-group .legend-box .item i{margin:0 0 0 8px}.opposite .posi-distribution-view .hang-tag-group .grid-line .x-worth li{text-align:left}.opposite .posi-distribution-view .small-print .provide-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}.opposite .posi-distribution-view .small-print .provide-group .special-txt{margin:0 0 0 4px}.opposite .posi-distribution-view .sides-pop{margin:0 0 0 5px}@media screen and (max-width:575px){.opposite .posi-distribution-view .title-group .title-txt{text-align:right}.opposite .posi-distribution-view .title-group .usd-select{margin-left:0;margin-right:16px}.opposite .posi-distribution-view .title-group .usd-select .el-input--small .el-input__inner{padding:0 15px 0 30px}.opposite .posi-distribution-view .title-group .usd-select .el-input__suffix{left:5px;right:auto}.opposite .posi-distribution-view .hang-tag-group{margin:0 auto 0 0}}.opposite .currency-pairs-select .el-scrollbar__wrap::-webkit-scrollbar{display:none}