*{margin: 0;padding: 0;box-sizing: border-box;}
a{
    text-decoration:none;
    color:#333;
}
ul,ol{list-style: none}

.m-header{
    position: relative;
    width: 100%;
    /*height: 36rem;*/
    padding: 1rem;
}

#shortRainText{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: rgba(255,255,255, 0.3);
    color: #fff;
    height: 3.5rem;
    font-size: 1.4rem;
    line-height: 3.5rem;
    padding-left: 1rem;
}

.almt-box{
    position: absolute;
    right: 3vw;
    top: 13vw;
    display: flex;
    flex-direction: column;
}

.almt-box>img{
    width: 6rem;
    margin-bottom: 0.5rem;
}

.m-header>img{position: absolute;top:0;left: 0;width: 100%;z-index: -1;}
.m-header.m-night-bg{background-image: url("images/bg-night.png");}
.m-header.m-night-bg .i-tips .i-refreshtime{text-shadow: none;}
.m-header .u-header{
    width: 100%;
    color: #ffffff;
    font-size: 1.5rem;
    position: absolute;
    left: 0;
    background: rgba(51, 51, 51, 0.54);
    right: 0;
    top: 0;
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
}
.u-header .i-location,.u-header .i-customization{
    height: 2rem;
    line-height: 2rem;
}
.u-header .i-location{
    float: left;
}
.u-header .i-customization{
    float: right;
    color: #fff;
}
.i-location .i-locationicon{
    display: inline-block;
    background: url("images/location.png") no-repeat;
    height: 1.65rem;
    width: 1.25rem;
    margin-right: 0.25rem;
    background-size: cover;
    vertical-align: middle;
}
.i-location .i-locationiconname{
    height: 2rem;
    line-height: 2rem;
}
.i-locationiconname{
    background-color: transparent !important;
    color: rgb(255,255,255) !important;
}
.i-customization .i-customizationicon{
    display: inline-block;
    background: url("images/pen.png");
    height: 1.65rem;
    width: 1.65rem;
    margin-right: 0.25rem;
    background-size: cover;
    vertical-align: middle;
}
.i-customization .i-customizationiconname{
    height: 2rem;
    line-height: 2rem;
}

.i-tips{
    margin-top: 3.5rem;
    color: #ffffff;
    font-family: Microsoft Yahei;
}

.i-tips .i-temptips{
    display: inline-block;
    font-size: 7.4rem;
    font-weight: 300;
}
.i-tips .i-unit{
    display: inline-block;
    margin-left: 0.25rem;
    font-size: 2.5rem;
    font-weight:100;
}
.i-tips .i-aleart{
    display: inline-block;
    margin-left: 0.25rem;
    background: url("images/aleart.png");
    width: 2.25rem;
    height: 2.25rem;
    background-size: cover;
}
.i-tips .i-leaficon{
    display: inline-block;
    background: url("images/leaf.png");
    width: 1.3rem;
    height: 2.15rem;
    margin-right: 0.25rem;
    background-size: cover;
}
.i-tips .i-infors{
    font-size: 1.5rem;
    height: 2.2rem;
    line-height: 2.2rem;
}
.i-tips .i-infor1{display: inline-block;margin-bottom:.5rem;height: 2.9rem;padding: 0 .8rem;background: rgba(0,0,0,.1);border-radius: 1.4rem;}
.i-tips .i-infor1 img{height: 1.5rem;margin-right: .2rem;vertical-align: middle;}
.i-tips .i-infor1>span{display: inline-block;height: 2.9rem;line-height: 2.9rem;}
.i-tips .i-refreshtime {
    display: inline-block;
    font-size: 1.2rem;
    height: 2.25rem;
    line-height: 2.25rem;
}
.i-tips .a-ybyj {margin-top: .5rem;display:inline-block;width:100%;font-size: 1.8rem;height: 5.2rem;line-height: 2.2rem;color:red;}
.i-tips .a-ybyj img{height: 5.2rem;}
.i-Alarmt{
    /*position: absolute;*/
    /*bottom: 1.5rem;*/
    /*left: 1.5rem;*/
}
.i-Alarmt img{
    width: 6.65rem;
    height: 5.65rem;
    margin-right: .5rem;
}
.m-container{
    background: #e8f0f1;
    width: 100%;
}
.m-container .i-48details,.m-container .i-week{
    width: 100%;
    background: #fbfbfb;
}
.m-container .i-week img{width: 2.9rem;height: 2.9rem;}
.i-title{
    width: 100%;
    height: 3.2rem;
    padding: 0 1rem;
    line-height: 3.1rem;
    border-bottom: 1px dashed #ddd;
}
.i-titleline{
    display: inline-block;
    height: 1.5rem;
    width: 0.3rem;
    border-radius: 0.15rem;
    background: #ff9c00;
    vertical-align: middle;
    /* margin-left: 0.5rem; */
    margin-right: 0.5rem;
}
.i-titletext{
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1.7rem;
    vertical-align: middle;
    font-weight: 500;
}
.i-title-refreshtime {
    float: right;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 100;
    vertical-align: middle;
}

/*24小时预报*/
.i-highchar{
    position: relative;
    padding-bottom: .3rem;
    width: 100%;
    height: 20rem;
    overflow-x: scroll;
    background: #fbfbfb;
    /*color: #ff0084;*/
}

.i-highchar0{
    position: relative;
    margin-left: 5%;
    width: 95%;
    height: 13rem;
    overflow-x: scroll;
}
#m-airT{
    height: 100%;
    left: 0.3rem;
}
.m-line{
    height:0.1rem;
    margin: 0 1.2rem .5rem 1.2rem;
    background: #79b4f0;
}
#m-echart{
    min-width: 100%;
    height: 100%;
}
.i-highchar::-webkit-scrollbar {display:none}
#m-airT::-webkit-scrollbar {display:none}
.i-windPack{
    width: 100%;
}
#m-echart::-webkit-scrollbar {display:none}
#m-echart::-webkit-scrollbar {display:none}
.i-segmentation{
    width: 100%;
    height: 1.5rem;
}
.m-chart-detail{position: absolute;bottom: 2.1rem;min-width: 100%;}
.i-windPack{
    display: flex;
    justify-content: space-around;
}
.i-weather0{
    display: flex;
    justify-content: space-around;
    font-size: 1.4rem;
}
.i-weather,.i-weatherpic{
    flex-shrink: 1;
    text-align: center;
    flex-grow: 1;
    width: 1%;
}
.i-weatherpic img{
    width:2.6rem;
    vertical-align: middle;
}

.i-weatherpic0{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.i-wind{
    display: inline-block;
    width: 41.6%;
    text-align: center;
    font-size: 1.3rem;
}
.i-wind img{
    width: 1.3rem;
    transform: rotate(180deg);
}
#container{
    width: 95%;
    height: 12.3rem;
    overflow: hidden;
    overflow-y:hidden;
}
#m-echart::-webkit-scrollbar {display:none}
.i-table{
    width: 100%;
    padding: 0 0.7rem;
}
.i-table table{
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
}
.i-table table td{
    padding:0.3rem 0;
    width:12%;
}
.i-table .i-tr{
    font-size: 1.3rem;
    color: #656565;
}
.i-table .i-tr2{
    color: #ababab;
}
.i-tr2{
    font-size:1.3rem;
}
.i-airImg > td > span{
    display: inline-block;background-image: url("images/bigrain.png"); height: 2.95rem; width: 2.9rem;background-size: 100% 100%;background-repeat: no-repeat;
}
.i-airImg01 > td > span{
    display: inline-block;background-image: url("images/weather.png");width: 2.9rem;height: 2.9rem;background-size: 100% 100%;background-repeat: no-repeat;
}
.i-btnsearch{
    width: 100%;
    height: 3rem;
    color: #ffffff;
    background-color: #4288f2;
    line-height: 3rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
}
.i-bottonmenu{
    padding-bottom: 1rem;
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.i-bottonmenu li{
    /* float: left; */
    /* margin-left: 2.5%; */
    margin-top: .9rem;
    width: 30%;
    height: 9.25rem;
    text-align: center;
    border-radius: 5px;
}
.i-bottonmenu a{color: #fff !important;}
.i-bottonmenu div{height: 3rem;line-height: 3rem;font-size: 1.5rem;}
.i-bottonmenu img{margin-top: 1.3rem;/* width: 4.5rem; */height: 4.25rem;}
.i-bottonmenu li:first-child{background:#ff78b2;}
.i-bottonmenu li:nth-child(2){background:#9f6bf1;}
.i-bottonmenu li:nth-child(3){background:#32c87e;}
.i-bottonmenu li:nth-child(4){background:#ff9632;}
.i-bottonmenu li:nth-child(5){background:#f7747a;}
.i-bottonmenu li:nth-child(6){background:#4495e7;}
.i-bottonmenu li:nth-child(7){background:#6274f4;}
.i-bottonmenu li:nth-child(8){background:#c352e2;}
.i-bottonmenu li:nth-child(9){background:#ffba0b;}
.i-bottonmenu li:nth-child(7) img,
.i-bottonmenu li:nth-child(8) img,
.i-bottonmenu li:nth-child(9) img{height:3.5rem;margin-top:2rem;}
.i-bottonmenu li span{
    margin-top: 2.25rem;
    margin-bottom: 0.5rem;
}
.g-waiting{/*position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/waiting-bg.png) bottom center;background-size: cover;z-index: 9999;*/}

.valueForecast{
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;
}
.valueForecast .content{

}