body {
  height: 100vh;
  margin: 0;
  padding: 0;
  background: white;
  font-family: 'Microsoft YaHei';
}
.top{
    width: 100%;
    height:4.125rem;

    position:fixed;
    background: white;
    z-index: 99;
    left:0;
    top:-2px;
}
.top .top_con{
    width: 100%;
    height:3.125rem;
    margin:0 auto;
    text-align: center;
    border-bottom:1px #cdcdcd solid;
}

.top .top_con   p{

    font-size: 0.875rem;
    line-height:3.125rem;
    color:#333333;
}
.top .top_con .type_1{
    width:33%;
    float:left;

}
.top .top_con .type_1 img{
     width:1rem;
     height:1rem;

}
.top .top_con .type_2 img{
     width:1rem;
     height:1rem;

}
.top .top_con .type_3 img{
     width:1rem;
     height:1rem;

}

.top .top_con .type_3{

    width:33%;
    float:left;

}
.top .top_con .type_2{

    width:33%;
    float:left;
}

/* 预警种类 */
.warn_type{
    width:100%;
    height:auto;
    position:fixed;
    background: white;
    z-index: 120;
    left:0;
    top:3rem;
    display:  none;
}
.warn_type_2{
    width:100%;
    height:auto;
    position:fixed;
    background: white;
    z-index: 120;
    left:0;
    top:3rem;
    display:  none;
}

.warn_type_3{
     width:100%;
     height:auto;
     position:fixed;
     background: white;
     z-index: 120;
     left:0;
     top:3rem;
     display:  none;
 }

  .box{
    width:25%;
    height:2.1875rem;
    border-right: 1px #cdcdcd solid;
    border-bottom:1px #cdcdcd solid;

    float: left;
}

  .box p{
  font-size:.7175rem;
    color: #333333;
    text-align: center;
    line-height: 2.1875rem;
}

.search{

    width: 100%;
    height:2.125rem;
    position:fixed;
    background: white;
    margin-top: 2rem;
    z-index: 99;
    left:0;
    top:2rem;
}
.search .search_con{
    width: 20.0rem;
    height:1.9375rem;
    margin:0 auto;
    border-radius:  625rem  625rem;
    border :1px #cdcdcd solid;
}

.search .search_con .search_l{
    width:8%;
    float:left;
    height:1.9375rem;

}


.search .search_con .search_l img{
     width:1rem;
     height:1rem;
     margin-top:0.4375rem;
     margin-left:0.625rem;
}

.search .search_con .search_lt {
    width:16%;
    float:right;
    height:1.9375rem;

}


.search .search_con .search_lt img{
     width:2rem;
     height:1.3rem;
     margin-top:0.3375rem;
     margin-left:0.625rem;
}

.search .search_con .search_r{
    width:75%;
    float:left;
    height:1.9375rem;


}

/*// .input_img{*/
/*//          background: url('http://warn-wx.tianqi.cn/Public/template//wx/img/icon_yjlist_ss.png')  no-repeat;*/
/*//          width:1rem;*/
/*//          height:1rem;*/
/*// }*/
.search .search_con .search_r input{
     width:100%;
     height:1.789rem;

     margin-left:0.625rem;

     font-size: 0.875rem;
    border-width: 0.03125rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-image: initial;
    border-radius: 0.325rem;

}

.alarm_list {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    margin-top: 7rem

}

.alarm_list .title {
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #fff;


}

.alarm_list .title .boxs {
    width: 100%;
    height: 4.5625rem;
    margin: 0 auto;
}

.alarm_list .title .boxs .left {
    float: left;
    width: 5.25rem;
    height: 5.525rem;
    margin: 0 auto;
}

.alarm_list .title .boxs .left img {
    width: 80%;
    height: 60%;
}

.alarm_list .title .boxs .right {
    float: left;
    width: 14.9625rem;
    height: 4.8125rem;
    margin: 0 auto;
    line-height: 1.2rem;
}

.alarm_list .title .boxs .right .normal {
    font-size:0.8575rem;
}
.alarm_list .title .boxs .right .normals {
    font-size:0.675rem;
}
.alarm_list .title .boxs .right .toolarge {
    font-size:0.775rem;
}
.alarm_list .title .boxs .right p {
    font-family: PingFangSC-Semibold, sans-serif;
    font-size:0.875rem;
}

.alarm_list .title .boxs .right span {
    color: #8e8e8e;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: .8125rem;
    line-height: 1.4rem;
}

.alarm_list .title .line2 {
    width: 100%;
    height: 1px;
    margin: 0 auto;
    background: #dee4ee;
    margin-bottom: 1rem;
}