* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
body {font-size: 16px;}
a {color: #000;text-decoration: none;outline: none;}
body.overflw, html.overflw{overflow: hidden;}
img {border: 0 none;max-width: 100%;}
ul, ol {list-style-type: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}


.oi-wrapper{max-width: 1000px;margin: auto;background: #fff;}
.wrapper{padding: 0px 10px;}
.oi-marquee-lt{position: relative;float: left;}
.oi-marquee-lt::before{position: absolute;content: '';clip-path: polygon(8% 0%, 100% 0%, 90% 100%, 0% 100%);width: 80px;height: 12px;background: #394168;top: -10px;}
.oi-marquee-lt::after{position: absolute;content: '';clip-path: polygon(8% 0%, 100% 0%, 90% 100%, 0% 100%);width: 80px;height: 12px;background: #fff;bottom: -2px;z-index: 111;right: 0;}
.ms-b-news{position: relative;z-index: 11111;top: -3px;}
.ms-b-news::before{position: absolute;content: '';background: #d60001;height: 25px;width: 2px;top: 0;right: 30px;transform: rotate(30deg);z-index: 999;}
.ms-b-news::after{position: absolute;content: '';    background: #d60001;height: 25px;width: 2px;top: 0;right: 18px;transform: rotate(30deg);z-index: 999;}
.oi-mansoon-container{background: #d60001;color: #fff;padding: 2px;padding-top: 10px;}
.ms-b-news-text{background: #da192a;clip-path: polygon(8% 0%, 100% 0%, 90% 100%, 0% 100%);text-transform: uppercase; text-align: center;padding:5px 28px 5px 5px;width: 175px;font-size: 18px;}
.oi-marquee-rt{position: relative;margin-left: 210px;font-size: 14px;}

.os-left{float: left;}
.os-right{float: right;}
.oi-mnson-update{padding: 20px;}
.mnson-forcast{width: 450px;}
.mnson-forcast-txt{width: 300px;}
.mnson-forcast-txt{padding:10px;background: #e7f0f7;color: #000;border-radius: 5px;}
.forcast-title{text-align: center;font-size: 20px;font-weight: 600;padding-bottom: 5px;}
.forcast-desc p{font-size: 14px;padding-bottom: 10px;}
.forcast-desc p:last-child{padding-bottom: 0px;}
.weather-title{font-size: 16px;font-weight: 600;padding-bottom: 8px;}
.weather-report span{display: block;font-size: 14px;color: #000;}
.mnson-forcast-dtls{text-align: right;}
.mnson-forcast-degree{font-size: 33px;font-weight: 600;padding: 10px 0px;}
.oi-manson-forcast-weak div{display: inline-block;vertical-align: middle;width: 63px;text-align: center;}
.oi-manson-forcast-weak div a{display: block;}
.weak-thumb{display: block;width: 40px;margin: auto;}
.oi-manson-forcast-weak span{font-size: 14px;font-weight: 600;}

.forcast-news-title{clip-path: polygon(0 0, 93% 1%, 86% 100%, 0 100%);background: #d60001;width: 300px;padding: 10px;font-weight: 600;color: #fff;}
.forcast-news-title span{margin-left: 28px;}
.forcast-head::before{position: absolute;content: '';background: #fff;height: 51px;width: 4px;top: -4px;right: 30px;transform: rotate(28deg);z-index: 999;}
.forcast-head::after{position: absolute;content: '';background: #fff;height: 53px;width: 9px;top: -6px;right: 50px;transform: rotate(28deg);z-index: 999;}
.forcast-head{position: relative;width: 300px;}
.forcast-m-news{padding: 20px;}
.forcast-m-news ul{display: flex;flex-wrap: nowrap;}
.forcast-m-news ul li{flex: 1 1 33%;padding-right: 20px;}
.forcast-m-news ul li:last-child{padding-right: 0px;}
.forcast-mainnews-thumb{border-radius: 10px;overflow: hidden;}
.forcast-mainnews-thumb img{width: 100%;display: block;}
.forcast-mainnews-desc{padding: 10px 0px;font-size: 14px;}
.forcast-m-news ul li a{color: #000;}


.rain-updates-head{margin-bottom: 10px;margin-left: 35px;font-size: 18px;text-transform: uppercase;font-weight: 600;}
.live-circle{position: relative; width: 30px;height: 30px;font-size: 10px;color: #fff;z-index: 777; text-transform: uppercase;text-align: center;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.live-circle::before{position: absolute;content: '';width: 30px;height: 30px;top: 0px; border-radius: 50%;background: #312941;overflow: hidden;left: -6px;z-index: -1;}
.live-circle::after{position: absolute;content: '';width: 30px;height: 30px;top: 0px; border-radius: 50%;background: #c21125;overflow: hidden;left: 0px;z-index: -1;}
.r-points-list ul{padding: 0px 0px 30px 0px;display: flex;}
.r-points-list ul li{flex: 1 1 30%;text-align: center;position: relative;width: 135px;margin-right: -5px;}
.r-points-list ul li::before{position: absolute;content: '';width: 10px;height: 10px;border-radius: 50%;background: #c21125;top: 65px;}
.rain-p-t-desc{font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #c21125;padding-left: 5px;padding-right: 5px;height: 60px;white-space: initial;font-weight: 600;}
.rain-p-b-desc{font-size: 12px;padding: 10px 5px;white-space: initial;width: 120px;margin: auto;}
.r-points-list {padding-top: 10px;}

.oi-m-videos{width: 650px;}
.w-newslist{width: 300px;}
.more-update-points {margin-bottom: 15px;}
.block-head-title {font-size: 16px;font-weight: 600;color: #000;padding: 15px 0px;}
.oi-m-videos-list ul{display: flex;flex-wrap: nowrap;}
.oi-m-videos-list ul li{flex: 1 1 50%;padding-right: 20px;}
.oi-m-videos-list .forcast-mainnews-thumb{height: 165px;}
.oi-m-videos-list ul li a{color: #000;}
.w-news-list ul li {margin: 10px 0px;}
.rain-news .f-newsthumb {width: 110px;margin-right: 5px;display: block;float: left;}
.rain-news .f-newsdesc {display: block;width: auto;margin-left: 120px;font-size: 12px;}



.menutab-nav {height: 48px;overflow: hidden;position: relative;}
.menutab-nav ul{display: flex;flex-flow: row wrap;align-content: center;align-items: center;}
.menutab-nav .tabs li a.current{background: #fff;color: #000;font-weight: 600;}
.menutab-nav .current::after{position: absolute;content: '';background: url(../images/play_arrow.svg) no-repeat 0 0;width: 20px;height: 19px;top: 28px;left: 40%;transform: rotate(90deg);}
.menutab-nav ul li{position: relative;    -webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.menutab-nav ul li a{padding: 8px;background: #e5e6eb;display: block;position: relative;text-align: center; font-size: 14px;border-bottom: 2px solid #ff970f;margin-right: -5px; font-weight: 600;}
.menutab-points{margin: 10px 0px;overflow: hidden;margin-top: 5px;}
.points-block-content ul{display: flex;flex-flow: row wrap;align-content: center;align-items: center;}
.points-block-content ul li{-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;padding: 10px;margin-right: 5px;border-radius: 10px; background: #f1f6fa;width: 120px;font-size: 14px;}
.points-content{opacity: 0;display: none;}
.points-content.current {opacity: 1;display: block;}


.oi-rain-colscroll ul{display: flex;flex-flow: row wrap;align-content: center;align-items: center;}
.oi-rain-colscroll ul li{-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;margin-right: 20px;border-radius: 10px;overflow: hidden;}
.oi-rain-colscroll ul li:last-child{margin-right: 0px;}
.colscroll-thumb img {display: block;}
.colscroll-thumb {position: relative;}
.oi-rain-colscroll {margin-bottom: 20px;}
.colscroll-thumbinline{position: absolute;color: #fff;
    padding: 10px;
    bottom: 0;
    overflow: hidden;
    display: block;width: 100%;box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}