.hot-article[data-v-cd0bb357]{background:#fff;border:1px solid #b1ccff;border-radius:8px;width:100%}.hot-article .title-box[data-v-cd0bb357]{align-items:center;background-image:url(../imgs/common/article_hot_bg.png);background-position:100%;background-repeat:no-repeat;background-size:253px 100%;display:flex;height:45px;padding-left:10px;width:100%}.hot-article .line[data-v-cd0bb357]{border-bottom:1px solid #edf5fd;height:0;margin-top:4px}.hot-article .progress[data-v-cd0bb357]{padding:23px 20px 30px}.hot-article .progress .top[data-v-cd0bb357]{justify-content:space-between}.hot-article .progress .top[data-v-cd0bb357],.hot-article .progress .top .left[data-v-cd0bb357]{align-items:center;display:flex}.hot-article .progress .top .left .left-text[data-v-cd0bb357]{color:#3072f6;font-size:16px;font-weight:400;margin-left:7px}.hot-article .progress .top .right[data-v-cd0bb357]{align-items:center;display:flex}.hot-article .progress .top .right .right-text[data-v-cd0bb357]{color:#ff4c5a;font-size:16px;font-weight:400;margin-right:7px}.hot-article .progress .gender-progress[data-v-cd0bb357]{align-items:center;display:flex;gap:4px;margin-top:4px;width:100%}.hot-article .progress .side[data-v-cd0bb357]{align-items:center;display:flex;font-size:14px;gap:4px;white-space:nowrap}.hot-article .progress .side.left[data-v-cd0bb357]{justify-content:flex-start}.hot-article .progress .side.right[data-v-cd0bb357]{justify-content:flex-end}.hot-article .progress .percent.blue[data-v-cd0bb357]{color:#3072f6;font-size:14px;font-weight:400}.hot-article .progress .percent.red[data-v-cd0bb357]{color:#ff4d4f;font-size:14px;font-weight:400}.hot-article .progress .icon[data-v-cd0bb357]{height:18px;width:18px}.hot-article .progress .bar[data-v-cd0bb357]{align-items:center;background:#eeeaea;border-radius:7px;display:flex;flex:1;height:18px;overflow:hidden}.hot-article .progress .bar-left[data-v-cd0bb357]{background:linear-gradient(90deg,#4b8bff,#2f6fff);border-radius:7px 0 0 7px;clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);height:100%}.hot-article .progress .bar-right[data-v-cd0bb357]{background:linear-gradient(90deg,#ff6b6b,#ff4d4f);border-radius:0 7px 7px 0;clip-path:polygon(4px 0,100% 0,100% 100%,0 100%);height:100%}.hot-article[data-v-11fc251d]{background:#fff;border:1px solid #b1ccff;border-radius:8px;font-family:Source Han Sans SC;width:100%}.hot-article .title-box[data-v-11fc251d]{height:45px;justify-content:space-between;padding-left:10px;width:100%}.hot-article .title-box[data-v-11fc251d],.hot-article .title-box-left[data-v-11fc251d],.hot-article .title-box-right[data-v-11fc251d]{align-items:center;display:flex}.hot-article .title-box-right[data-v-11fc251d]{background-image:url(../imgs/gasx/ditu_bg.png);background-position:100%;background-repeat:no-repeat;background-size:253px 100%;height:38px;margin-right:10px;width:100px}.hot-article .title-box-right[data-v-11fc251d] .el-select__wrapper{background:transparent;box-shadow:none!important}.hot-article .title-box-right[data-v-11fc251d] .el-icon{color:#424242!important}.hot-article .line[data-v-11fc251d]{border-bottom:1px solid #edf5fd;height:0;margin-top:4px}.hot-article .bottom-box[data-v-11fc251d]{margin-top:16px;padding:0 12px 30px}.hot-article .bottom-box .item[data-v-11fc251d]{display:flex;margin-bottom:10px}.hot-article .bottom-box .item .left[data-v-11fc251d]{display:flex;margin-right:16px}.hot-article .bottom-box .item .left .label[data-v-11fc251d]{color:#3b3b3b;font-size:14px;font-weight:400;margin-left:4px;white-space:nowrap}.hot-article .bottom-box .item .right[data-v-11fc251d]{color:#3b3b3b;font-size:14px;font-weight:400;word-break:break-all}.hot-article .bottom-box .item .icon[data-v-11fc251d]{font-size:12px}.hot-article .bottom-box .item[data-v-11fc251d]:last-child{margin-bottom:0}.hot-article .map-container[data-v-11fc251d]{box-sizing:border-box;height:200px;padding:0;width:100%}