弹窗px转rem

page/bigData/css/alert.css

@@ -23,24 +23,24 @@
}
.alert_centent .alert_title .right .alert_type {
  float: left;
  width: 168px;
  height: 24px;
  line-height: 24px;
  width: .875rem;
  height: .125rem;
  line-height: .125rem;
  background-color: transparent;
  border: solid 1px #009dfe;
  margin-top: 25px;
  margin-top: .130208rem;
  overflow: hidden;
  border-radius: 3px;
  border-radius: .015625rem;
}
.alert_centent .alert_title .right .btn-group {
  margin: 0;
}
.alert_centent .alert_title .right .btn-group .btn {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  height: .125rem;
  line-height: .125rem;
  font-size: .072917rem;
  padding: 0;
  width: 56px;
  width: .291667rem;
  background-color: transparent;
  border-color: #009dfe;
  color: #257fb7;
@@ -53,63 +53,63 @@
  float: right;
  margin-right: .223958rem;
  color: #b5e1fc;
  font-size: 14px;
  font-size: .072917rem;
}
.alert_centent .alert_title .right .alert_time select {
  width: 130px;
  height: 26px;
  width: .677083rem;
  height: .135417rem;
  background-color: #051f33;
  border: solid 1px #009dfe;
}
.alert_centent .alert_people {
  padding-left: 50px;
  padding-right: 50px;
  padding-left: .260417rem;
  padding-right: .260417rem;
}
.alert_centent .alert_people > div {
  width: 322px;
  height: 46px;
  width: 1.677083rem;
  height: .239583rem;
  line-height: .239583rem;
  background-image: url("../images/people_bgi.png");
  background-size: 100% 100%;
  line-height: 46px;
}
.alert_centent .alert_people > div span {
  color: #b5e1fc;
  display: inline-block;
}
.alert_centent .alert_people > div span:nth-of-type(1) {
  font-size: 20px;
  margin-left: 70px;
  font-size: .104167rem;
  margin-left: .364583rem;
}
.alert_centent .alert_people > div span:nth-of-type(2) {
  font-size: 26px;
  margin-left: 25px;
  font-size: .135417rem;
  margin-left: .130208rem;
}
.alert_centent .alert_people > div span:nth-of-type(3) {
  font-size: 16px;
  font-size: .083333rem;
}
.alert_chart {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 12px;
  padding-left: .260417rem;
  padding-right: .260417rem;
  margin-top: .0625rem;
}
.alert_chart .left {
  height: 547px;
  width: 414px;
  height: 2.848958rem;
  width: 2.15625rem;
  background-image: url("../images/quxian-bgi.png");
  background-size: 100% 100%;
}
.alert_chart .right {
  width: 880px;
  width: 4.583333rem;
}
.alert_chart .right .top > div {
  width: 1.510417rem;
  height: 1.380208rem;
  background-image: url("../images/top_bgi.png");
  background-size: 100% 100%;
  width: 290px;
  height: 265px;
}
.alert_chart .right .bottom {
  height: 265px;
  margin-top: 17px;
  height: 1.380208rem;
  margin-top: .088542rem;
  background-image: url("../images/bottom_bgi.png");
  background-size: 100% 100%;
  position: relative;
@@ -117,6 +117,6 @@
.alert_chart .right .bottom .btn-group {
  position: absolute;
  top: 0;
  right: 15px;
  right: .078125rem;
  z-index: 5;
}

page/bigData/css/alert.less

@@ -12,67 +12,67 @@
    float: right;width: 2.838542rem;overflow: hidden;
}
.alert_centent .alert_title .right .alert_type{
    float: left;width: 168px;
    height: 24px;line-height: 24px;
    float: left;width: .875rem;
    height: .125rem;line-height: .125rem;
    background-color:transparent;
    border: solid 1px #009dfe;
    margin-top: 25px;overflow: hidden;border-radius: 3px;
    margin-top: .130208rem;overflow: hidden;border-radius: .015625rem;
}
.alert_centent .alert_title .right .btn-group{
    margin: 0;
}
.alert_centent .alert_title .right .btn-group .btn{
    height: 24px;line-height: 24px;font-size: 14px;padding: 0;width: 56px;background-color: transparent;
    height: .125rem;line-height: .125rem;font-size: .072917rem;padding: 0;width: .291667rem;background-color: transparent;
    border-color: #009dfe;color: #257fb7;
}
.alert_centent .alert_title .right .btn-group .btn.active{
    color: #fff;background-color: #009dfe;
}
.alert_centent .alert_title .right .alert_time{
    float: right;margin-right: .223958rem;color: #b5e1fc;font-size: 14px;
    float: right;margin-right: .223958rem;color: #b5e1fc;font-size: .072917rem;
}
.alert_centent .alert_title .right .alert_time select{
    width: 130px;
    height: 26px;
    width: .677083rem;
    height: .135417rem;
    background-color: #051f33;
    border: solid 1px #009dfe;
}
.alert_centent .alert_people{
    padding-left: 50px;padding-right: 50px;
    padding-left: .260417rem;padding-right: .260417rem;
}
.alert_centent .alert_people>div{
    width: 322px;height: 46px;background-image: url("../images/people_bgi.png");background-size: 100% 100%;line-height: 46px;
    width: 1.677083rem;height: .239583rem;line-height: .239583rem;background-image: url("../images/people_bgi.png");background-size: 100% 100%;
    span{
        color: #b5e1fc;display: inline-block;
        &:nth-of-type(1){
            font-size: 20px;margin-left: 70px;
            font-size: .104167rem;margin-left: .364583rem;
        }
        &:nth-of-type(2){
            font-size: 26px;margin-left: 25px;
            font-size: .135417rem;margin-left: .130208rem;
        }
        &:nth-of-type(3){
            font-size: 16px;
            font-size: .083333rem;
        }
    }
}
.alert_chart{
    padding-left: 50px;padding-right: 50px;margin-top: 12px;
    padding-left: .260417rem;padding-right: .260417rem;margin-top: .0625rem;
    .left{
        height: 547px;width: 414px;background-image: url("../images/quxian-bgi.png");background-size: 100% 100%;
        height: 2.848958rem;width: 2.15625rem;background-image: url("../images/quxian-bgi.png");background-size: 100% 100%;
    }
    .right{
        width: 880px;
        width: 4.583333rem;
        .top{
            &>div{
                background-image: url("../images/top_bgi.png");background-size: 100% 100%;width: 290px;height: 265px;
                width: 1.510417rem;height: 1.380208rem;background-image: url("../images/top_bgi.png");background-size: 100% 100%;
            }
        }
        .bottom{
            height: 265px;margin-top: 17px;background-image: url("../images/bottom_bgi.png");background-size: 100% 100%;
            height: 1.380208rem;margin-top: .088542rem;background-image: url("../images/bottom_bgi.png");background-size: 100% 100%;
            position: relative;
            .btn-group{
                position: absolute;top: 0;right: 15px;z-index: 5;
                position: absolute;top: 0;right: .078125rem;z-index: 5;
            }
        }
    }