body{min-width:1240px; font: 14px 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; background-color: #f8f8f8;}
html,body{width: 100%; height: 100%:}
html body .container{width: 1240px;}
img{border:none; float:none; max-width: 100%;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none; color: #0e6ec7;}
.row{margin-left: -10px; margin-right: -10px;}
.city-list > div{padding:0 5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
#IV_viewer img {
    max-width: none;
}

.pagination{margin: 10px 0;}
.pagination ul>li { display: inline}
.pagination ul>li>a, .pagination ul>li>span {float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { background-color: #f5f5f5}
.pagination ul>.active>a, .pagination ul>.active>span { color: #999; cursor: default}
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999; cursor: default; background-color: transparent}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px;}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;}
.pagination-centered {text-align: center}
.pagination-right {text-align: right}
.pagination .controls a{border:0}
.pagination .controls input{border:0;color:#999;width:30px;padding:0;margin:-3px 0 0 0;text-align:center}

.contact .contact_t{padding-left: 0;}

table#context{width: 600px;}

#realWarn .r_alarm{display:inline-block; height:24px; line-height:24px; padding:0 10px; margin-top:4px; border-radius: 3px;}
#realWarn .a_red{background-color: #dc1515; color: #fff;}
#realWarn .a_orange{background-color: #f59a00; color: #fff;}
#realWarn .a_yellow{background-color: #e5d50a; color: #333;}
#realWarn .a_blue{background-color: #365fff; color: #fff;}
#realWarn .a_default{background-color: #ddd; color: #333;}

#myTabs li a{font-size: 16px;}
#myTabs.fs14 li a{font-size: 14px;}
#myTabs.fs12 li a{font-size: 12px;}
.weather_h {text-align:center; color:#000; font-size:14px;}
.weather_h .wbg{ background-color:#ceedff; border-radius:3px;}
.weather_h div{padding:5px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.weather_h div.date{font-size:16px;}
.weather_h div.weathericon{height:auto;}
.weather_h div.tmp{color:#ee4141;}
.arrow-r-tab{width: 0; height: 0; position:absolute; border-width: 9px; border-style: solid; border-color: transparent #bbb transparent transparent; border-radius:0px;}
.arrow-r-tab.active{border-color: transparent #2d97db transparent transparent;cursor:pointer;}
.arrow-r-prev{left:-4px; top:8px; transform: rotate(0deg);}
.arrow-r-next{right:-4px; top:8px; transform: rotate(180deg);}
.tab-div{height:34px;position:relative;}
.tab-div-slider{ padding-left: 20px; padding-right: 20px; background-color: #fff; }
.tab-ul-container{position:relative; overflow:hidden; height:34px;}
.tab-ul-container-slider{/*width:552px;*/ width:512px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 2px solid #2d97db;}
		
#toTop { display: none; position: fixed; bottom: 5px; right: 75px; width: 64px; height: 64px; background-size:54px 54px; background-repeat: no-repeat; background-color: #2d97db; text-align: center; padding-top: 15px;}
#toTop i{font-size: 34px; color: #fff;}

#weixin{
	display: block;
    position: fixed;
    top: 229px;
    right: 85px;
    width: 64px;
    height: 64px;
    background-image: url('../img/weixin_share.png');
    background-size:54px 54px;
    background-repeat: no-repeat;
}

#weibo{
	display: block;
    position: fixed;
    top: 172px;
    right: 85px;
    width: 64px;
    height: 64px;
    background-image: url('../img/weibo.png');
    background-size:54px 54px;
    background-repeat: no-repeat;
}

#cityPosition{display: inline-block;}
#cityPosition a{display: block; overflow: hidden;}
#cityPosition a span{float: left; display:inline-block; padding-right: 5px; height: 25px; line-height: 25px;}
#cityPosition a span img{float: left; padding-top: 3px;}

#ex1Slider .top{width: auto; height: auto;background-color: transparent; border-bottom:0;}
.tooltip.top .tooltip-arrow{border-top-color: #dae2e9;}
.tooltip-inner{background-color: #dae2e9; color: #6e6e6f;}

.vt{line-height: 24px; font-size: 16px;margin-bottom: 8px; height: 48px; overflow: hidden;}
.pt{color: #c7c7c7; font-size: 12px;}
.video-item{display:block; padding: 18px 0 12px; border-top: 1px dashed #e0e0e0;}
.video-item:first-child{border: 0;}
.video-item .img:before{content: "";  width: 22px; height: 22px; display: inline-block; background: url(../img/video-btn.png) no-repeat; left: 39px; top: 23px; position: absolute;}
.video-item:hover{background-color:rgba(240,240,240,0.4);}

.vl-video-item{display: block; margin-bottom: 30px;}
.vl-video-item .vl-vt{color: #333; margin-top: 14px;font-size: 18px; line-height: 24px;  font-weight: bold;height: 48px; overflow: hidden;}
.vl-video-item .vl-pt{color: #c7c7c7; font-size: 12px; margin-top: 14px;}
.vl-video-item .vl-img, .vl-video-item .vi-img{position: relative;}
.vl-video-item .vl-img img ,.vl-video-item .vi-img img{width: 383px; height: 215px;}
.vl-video-item .vl-img:before, .vl-video-item .vi-img:before{position:absolute; width:100%; height:100%; content:''; background:#000;  fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:1;}
.vl a:hover .vl-img:before{display: block;}
.vl a:hover .vl-img .load{height:32px;width:32px;position:absolute;top:83px;left:186px; background:url(../img/video-load.png) center center no-repeat; z-index:2;}
.vl a:hover .vl-img .test{height:4px;width:4px;position:absolute;background-color:#fff;border-radius:50%;top:-1px;left:10px; z-index:2;}
.vl a:hover .vl-img .rond {height:40px;width:40px;border:1px solid #fff;border-radius:50%;position:absolute;top:80px;left:180px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite; z-index:2;}
.vl .vl-play{height:215px;width:380px;position:absolute;top:0px;left:10px;z-index:1;}
.vl a:hover .vl-play{display:none;}
.vl a .vl-play .load{height:32px;width:32px;position:absolute;top:83px;left:186px; background:url(../img/video-load.png) center center no-repeat; z-index:2;}
.vl a .vl-play .test{height:4px;width:4px;position:absolute;background-color:#fff;border-radius:50%;top:-1px;left:10px; z-index:2;}
.vl a .vl-play .rond {height:40px;width:40px;border:1px solid #fff;border-radius:50%;position:absolute;top:80px;left:180px; z-index:2;}
@keyframes rond {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rond {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}
.navbar-brand{height: 90px;}
.gotop{position: absolute; top: 0; right: -52px; z-index: 100;}

/*块标题*/
.block-title{border-bottom: 1px solid #C9DFF4; margin-bottom: 15px; padding-top:8px; /* margin-bottom: 15px; margin-top: 20px; */}
.block-title .txt{position: relative; top: 1px; color: #404040; font-size: 18px; height: 39px; display: inline-block; text-decoration: none;}
.block-title .active{color: #1479d7; border-bottom: 4px solid #0276DA;}
.nst .txt{margin-right: 35px;}
.block-title .label {float: right; text-align: right; min-width: 200px;}
.block-title .label li {display: inline-block; margin-left: 26px; line-height: 39px;}
.block-title .label li a {font-size: 14px; color: #64788C;}

a.block-link{display: block; padding: 20px; background-color: #1479d7; margin-top: 10px; text-align: center; font-size: 18px; color: #fff; text-decoration: none;}

.bgwhite{background-color: #fff; padding: 0 15px; padding-bottom: 5px;box-shadow: 0 2px 2px #ddd; }
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}

#text hr{margin-top: 5px; margin-bottom: 5px;}
#text .writing p{line-height: 28px; margin-bottom: 10px;word-break: normal; word-wrap: normal;}

.mt10{margin-top: 10px;}
#footer{background-color: #f5f5f5; border-top: 4px solid #eee; padding: 30px 0 20px 0; margin-top: 20px;}
.qrcodeList div{text-align: center;}
.qrcodeList img{height: 80px;}

.product{margin-bottom: 15px;}
.product a{display: block; text-align: center; position: relative;}
.fwcp .product a:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.product:hover div.text{color:#1479d7;}

.product a img,.product a .img{height: 142px;width: 100%;}
.product a div.img{overflow: hidden;}
.product a:hover div.img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity: 0.8;transition: opacity 0.3s ease-out 0s;}

.product a div.title{position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 5px;}
.product div.text{line-height: 20px; padding-top: 5px; color: #666;}

.product a div.text-wrap{border-bottom: 2px solid #0e6ec7;}
.product a div.index-time{color: #666; text-align: left; padding: 5px 0;}
.product a div.index-title{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;text-align: left; font-weight: 700; color: #0e6ec7; font-size: 16px;height: 26px; line-height: 26px;}
.product div.index-text{line-height: 20px; text-align: left; height: 40px; overflow: hidden; margin-bottom: 10px;}
.index-product a:hover div.index-title{color: #ff6e6e;}
.index-product a:hover div.text-wrap{border-color: #ff6e6e;}

#breadcrumb{margin-bottom: 0; background: #f8fafd; padding: 0 15px; margin:0; border-radius:0; border: 1px solid #eaeaea; height: 40px; line-height: 40px; border-bottom: 3px solid #65b3fc;}
#breadcrumb span.glyphicon {color: #2d97db;}

#breadcrumb2{background: transparent; padding-left: 0; margin-bottom: 10px;}
#breadcrumb2 span.glyphicon {color: #2d97db;}

#navbar_sub{display:none;/* height:0;*/ overflow:hidden;position:absolute;z-index:22;width:1210px;left:155px;}
#menuNavBar{padding-top: 0;}
#menuNavBar .pmenu{margin-bottom: 10px;}

#toolbar{ padding: 5px 0; border-bottom: 1px solid #ddd; border-top:0; padding: 0 10px; margin-left: -10px;}
#toolbar i{font-size: 28px; cursor: pointer; height: 46px; line-height: 46px;}
#toolbar i:hover{color: #2d97db;}
.imgblock{border: 0;text-align: center; position: relative; padding: 10px 0;}
.imgblock .left-arrow{position: absolute; z-index:10; left:0; top: 0; width:200px; height: 100%; }
.imgblock .leftarrow{/* background: url("../site/nmc/img/left-arrow.png") no-repeat 30px center; cursor: pointer; */cursor: url(../site/nmc/img/left-arrow.png), auto;}
.imgblock .right-arrow{position: absolute; z-index:10; right:0; top: 0; width:200px; height: 100%; }
.imgblock .rightarrow{/* background: url("../site/nmc/img/right-arrow.png") no-repeat 138px center; cursor: pointer; */cursor: url(../site/nmc/img/right-arrow.png), auto;}

.leftcursor{cursor: url(../img/pic_prev.cur), auto;}
.rightcursor{cursor: url(../img/pic_next.cur), auto;}

.product-desc{padding:10px 0; border-top:1px solid #ddd;}
#ex1Slider .tooltip{z-index: 10;} 

#rightMain{padding-right: 0;}
.timeDiv{position: relative; background-color: #f3f3f3; border: 1px solid #ddd;}
#expand{position: absolute; right:-13px; top:0; width: 18px; height: 46px; line-height: 46px; background:#65b3fc url("../img/arrow-right.png") no-repeat center; cursor: pointer; z-index: 10;}
#expand.expandClose{background:#65b3fc url("../img/arrow-left.png") no-repeat center;}

.timeDiv .tab1{background: #f3f3f3; border: 0; padding-top: 0; border-bottom: 1px solid #ddd;}
.timeDiv .tab1 li{text-align: center; display: block; float: none; border-bottom: 0; height: 46px; line-height: 46px;}
.timeDiv .tab1 li.active a,.timeDiv .tab1 li.active a:hover{color: #333;}

.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
}


.hp{ box-shadow: 0 2px 2px #ddd;}
.hd{border: 1px solid #eaeaea; background-color: #f8fafd; height: 40px; line-height: 40px; font-size: 18px; color: #333; padding: 0 10px;}
.hd span{display: inline-block; margin-right: 15px;cursor: pointer;}
.hd span.line{border-bottom: 3px solid #65b3fc; height: 37px; line-height: 37px;}
.hd .more{float: right; font-size: 14px; color: #999;}
.hb{padding: 15px 10px; background: #fff; position: relative;}

#realChart .hd span{cursor: pointer;}

#myfocus_content, .live_sort_content{border: 0;}
.live_sort_content{height: auto;}
#data_detail li{height: 32px; line-height: 32px; margin-left: -10px; margin-right: -10px;border-bottom:solid 1px rgba(226,226,226,0.7)}
#data_detail li.selected{ /*background-color: #f7f7f7;*/}
#data_detail li:hover{background-color: #ddefff;}
#data_detail li div,#data_detail li div a{height: 32px; line-height: 32px; display: block;}
#data_detail li div.num{width:20px; height: 20px; line-height: 20px; margin-top: 6px; margin-left: 10px; font-size: 12px;}

#data_detail ul{margin-bottom: 0;}
#sort_sub_type{margin-left: 5px;}
#data_detail .num{background-color: #85C4ED; color: #fff; width: 25px;}
.temperature{float: right;}
#content_type{padding: 0; height: 30px; margin: 0;}
#content_type div{height: 30px; line-height:30px; border:1px solid #ddd; text-align: center;margin-right:-1px;}
#content_type_desc{height: 30px; line-height: 30px; margin-top: 8px;}
#content_type div.content_type_select{background-color: #2d97db; border: 0; color: #fff;}

/*实况排名*/
#myfocus_content, .live_sort_content{border-top: 0;}
#live_select{margin-top: 8px;}
#live_sort{margin-top: 0;}
#live_sort a{font-size: 16px;}

#live_sort #content_type{background-color: #f8f8f8; height: 30px; line-height: 30px; text-align: center;}
#live_sort #content_type div{width: 33.3333%; margin-right: 0; border: 1px solid #cccccc; margin-left: -1px;}
#live_sort #content_type div.content_type_select{background-color: #2d97db; color: #fff; border-color: #2d97db;}

#live_sort #content_type div.hour_6{width: 50%;}
#live_sort #content_type div.hour_24{width: 25%;}




/*预警*/
.alarm-item{height: 32px; line-height: 32px;}
.alarm-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;    font-size: 16px;}
.alarm-title .warning_img{margin-right: 4px;}
.alarm-time{text-align: right; color: #999; display: block; height: 28px; line-height: 28px;}



#forecastChart{position: relative;}
#dayIcons{position: absolute; left: 50%; top:55px; width: 510px;z-index: 5;}
#dayIcons ul li,#nightIcons ul li{float: left; width: 14.285%; text-align: center;}
#nightIcons{position: absolute; left: 50%; bottom: 55px; width: 510px; z-index: 5;}

.forecasts .temp-color1 {
	background-color: #FF0000
}

.forecasts .temp-color2 {
	background-color: #FF8000
}

.forecasts .temp-color3 {
	background-color: #FFAD00
}

.forecasts .temp-color4 {
	background-color: #FFFF00
}

.forecasts .temp-color5 {
	background-color: #80FF00
}

.forecasts .temp-color6 {
	background-color: #00FF80
}

.forecasts .temp-color7 {
	background-color: #00FFFF
}

.forecasts .temp-color8 {
	background-color: #0080FF
}

.forecasts .temp-color9 {
	background-color: #0000FF
}

.forecasts .temp-color10 {
	background-color: #8000FF
}

.forecasts .temp-color11 {
	background-color: #FF00FF
}

.timeWrap div{padding:0;}
.timeWrap div.time div{padding:5px 0; text-align:center; cursor: pointer; border-top: 1px solid #ddd;}
.timeWrap div.actived div{background-color:#65b3fc; color:#fff; border-top: 1px solid #65b3fc;}
.timeWrap div.time:first-child div{border-top: 0;}

.ttmimiWrap div{padding:0;}
.ttmimiWrap a{display:block;text-decoration: none;}
.ttmimiWrap a.ttmimi{border:1px solid #ddd; margin-left:5px; margin-bottom:5px; text-align:center; padding:4px;}
.ttmimiWrap div.actived .ttmimi{background-color:#33a6ea; color:#fff; border:1px solid #33a6ea; }

.fffmmWrap div{padding:0;}
.fffmmWrap div.fffmm div{border:1px solid #ddd; margin-bottom:5px; margin-left:5px; padding:4px; text-align:center; cursor: pointer;}
.fffmmWrap div.actived div{background-color:#33a6ea; color:#fff; border:1px solid #33a6ea; }

#ex1Slider .slider-selection {background: #33a7eb;}
#ex1Slider .slider-track-high {background: #d1d1d1;}
#ex1Slider .slider-handle {background: #33a7eb;border: 3px solid #fff; box-shadow: 0 0 1px #555;}

.ltext a{white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; padding: 3px 0;}

.mytab{background-color: #fbfbfb; padding: 0 10px; border: 1px solid #ddd;}
.mytab li{float: left; padding-top: 5px; margin-right: 10px;}
.mytab li a{display: block; padding: 5px 20px; text-decoration: none; font-size: 16px;}
.mytab li a.selected{border: 1px solid #ddd; border-top: 2px solid #2d6ea3; border-bottom:1px solid #fff; color: #2d6ea3; background-color: #fff; margin-bottom: -1px;}


.phHeader{}
.phHeader div{height: 30px; line-height: 30px;}
.phList{margin-bottom: 5px;}
.phList div{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ph{text-align: center;}
.phList .sname{color: #333;}
.phList .pname{color: #999;}

.tab1{border: 1px solid #eaeaea; background-color: #f8fafd; padding: 0 10px;}
.tab1 .active{border:0; border-bottom: 4px solid #0276DA;}
.tab1>li.active>a, .tab1>li.active>a:focus, .tab1>li.active>a:hover{border: 0; border-radius: 0;color: #1479d7; font-size: 18px;}
.tab1>li>a, .tab1>li>a:focus, .tab1>li>a:hover{background: transparent; border: 0; border-radius: 0; font-size: 16px; line-height: 38px; height: 38px; padding: 0 10px;font-size: 18px;}
#myTabs>li{margin-bottom:0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: transparent;}
.mCSB_inside>.mCSB_container{margin-right: 20px;}

.tab2{padding: 0 1px;}
.tab2 .active{border:0; background-color: #f8fafd;}
.tab2>li.active>a, .tab2>li.active>a:focus, .tab2>li.active>a:hover{border: 0;  background-color: transparent; border-radius: 0; font-size: 18px; height: 38px; line-height: 38px; margin-bottom:-1px; margin:0 10px; padding: 0; color: #1479d7;}
.tab2>li>a, .tab2>li>a:focus, .tab2>li>a:hover{border: 0;  background-color: transparent; border-radius: 0; font-size: 16px;  height: 25px; line-height: 25px; margin: 0 10px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}




.day7 {}
.weather{width:113px; height:394px; padding:15px 0; text-align:center; color:#fff; cursor: pointer;background: url("../img/daybg.png") no-repeat center top;}
.weather:last-child .weatherWrap{border:0;}
.weather div.weathericon{height: 40px; line-height: 40px;}
.weather .weathericon img{height:36px;}
.weather div{height:28px; line-height:28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 16px;}
.weather div.tmp{height: 32px; line-height: 32px;}
.weather div.date{height: 50px; line-height: 25px;}
.day7 .weather.selected{background: url("../img/daybg_selected.png") no-repeat center top; position: relative; z-index: 10;}
.day7 .weather.selected .weatherWrap{border-left:1px solid #0e426d; border-right:1px solid #0e426d; margin-left: -1px;}
.weatherWrap{height: auto; line-height: normal; border-right:1px solid #0e426d;}

.htitle{height: 38px; line-height: 38px; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.arrow{float: left; margin-top: 8px;}
.arrow div.arrow-text{height: 22px; line-height:22px; padding-left:10px; padding-right:5px; background-color: #d9534f;float: left; text-align: center; color: #fff;}
.arrow div.arrow-text-kx{background-color: #1d85c8;}
.arrow div.arrow-r{float: left; width: 0;  height: 0; border-width: 11px; border-style: solid; border-color: transparent #d9534f transparent transparent; transform: rotate(180deg);}
.arrow div.arrow-r-kx{border-color: transparent #1d85c8 transparent transparent;}

.cityselect span{display: inline-block; height: 40px; line-height: 40px; margin-left: 20px;}
.cityselect span select{/* background: #9ecae8; color: #05568a;  */color:#333; border: 0; width: 120px;}

/*精细化预报*/
.hourItems {color:#333; background-color: #fff; margin-top: -11px; width: 791px;}
.hourItems .texts{float: left; background-color: #f8fafc;}
.hourItems .text{width: 119px; color: #333; height:39px; line-height:39px; text-align: center;border-left:0; border-top: 1px solid #fff;}
.hourItems .text:last-child{border-top: 0;}
.hourItems .hourimg{margin-bottom: 12px;}
.hourItems .selectdate{font-weight: bold; font-size: 16px;}
.hourItems .text i{color: #61acff; font-size: 22px;}
.hourItems .text span{display: inline-block; width: 45px; text-align: left;}
.hourItems #hourValues{float: left;width: 672px; overflow: hidden;}
.hourItems .hour3{float: left;}
.hourItems .hour3:hover{background-color:#dceaf9;}
.hourItems .hour3 div{width:84px; height:40px; line-height:40px; border-right:0; margin-top: -1px; text-align: center;}
.hourItems .hour3 div.hourimg{margin-bottom: 12px;}
.hourItems .hour3 div img{height: 32px;}
.hourItems .hbg{background-color:#eef4fa;}

.cityName {font-size:24px; text-align: center; padding-top: 40px;}
#realTemperature{text-align: center; display: block; font-size: 58px; line-height: normal; position: relative; padding-top: 40px;}
.realFeel{font-size: 16px; margin-top: 2px; padding-left: 10px; padding-right:10px;}
.realFeel > div{background-color: rgba(255,255,255,0.2); height: 32px; line-height: 32px;}
.realFeel > div span{height: 32px; line-height: 32px;}
.realFeel i{font-size: 24px;}

#realWarn{height:32px; line-height:32px;}
#realWarn a{display: block; height:32px; line-height:32px;font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#realWarn a img{height: 32px;}
#realIcomfort span{padding: 5px 10px;}
#realPublishTime{font-size: 16px;}
#aqi span{display: block;}
.realtime{height: 32px; line-height: 32px;}

#aqi{background: url("/assets/img/icon/icon_aqi.png?v=0.1") no-repeat left; padding-left: 30px;}
#realIcomfort{background: url("/assets/img/icon/icon_sds.png") no-repeat left; padding-left: 30px;}
.rcrl{background:url(/assets/img/icon/icon_rcrl.png) no-repeat center top; width:389px; height:200px; position:relative; background-position: center; margin-top: 10px;}
.sunrise{position:absolute; left:10px; bottom:-20px;}
.sunset{position:absolute; right:10px; bottom:-20px;}
.sun{position:absolute; width:35px; height:35px;}
.sun0{background: none;}
.sun1{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 18px; top: 90px;}
.sun2{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 30px; top: 70px;}
.sun3{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 75px; top: 28px;}
.sun4{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 90px; top: 16px;}
.sun5{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 180px; top: -4px;}
.sun6{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 250px; top: 14px;}
.sun7{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 280px; top: 30px;}
.sun8{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 310px; top: 52px;}
.sun9{ background:url(../../static/img/w/35x35/3/0.png) no-repeat;left: 330px; top: 90px;}

.radartitle{background-color: #f8fafd; margin-top: 2px; height: 32px; line-height: 32px; color: #333; padding: 0 10px; font-size: 18px;}

.real-items{text-align: center; font-size:16px; margin-top: 42px; margin-left: 0; margin-right: 0;}
.real-items > div{padding: 0;}

.real-items i{font-size: 28px;}
.real-items .real-item{padding: 10px 0; background-color: rgba(255,255,255,0.2); margin-right: 2px; height: 96px;}
.real-items > div:last-child .real-item{margin-right: 0;}
.real-items .real-item div{height: 28px; line-height: 28px;}

.real-items .icon-rain{background: url("/assets/img/icon/icon_rain.png") no-repeat center; height: 30px;}
.real-items .icon-wind{background: url("/assets/img/icon/icon_wind.png") no-repeat center; height: 30px;}
.real-items .icon-sd{background: url("/assets/img/icon/icon_sd.png") no-repeat center; height: 30px;}
.real-items .icon-tg{background: url("/assets/img/icon/icon_tgtemp.png") no-repeat center; height: 30px;}
.real-items .icon-aqi{background: url("/assets/img/icon/icon_aqi.png") no-repeat center; height: 30px;}
.real-items .icon-ssd{background: url("/assets/img/icon/icon_ssd.png") no-repeat center; height: 30px;}

.weather-very-hot {background: #f56048;}
.weather-hot {background: #fbaa1b;}
.weather-average {background: #E8D024;}
.weather-cold {background: #60bdfa;}
.weather-very-cold {background: #1c71f2;}
.weather-none {background: grey;}

/*45,40,35,30,25,20,15,10,4,-1,-6,-11,-16,-21,-26,-31,-36,-41*/
.tmp_lte_45{background-color: #d05b37; color: #fff;}
.tmp_lte_40{background-color: #d76e3c; color: #fff;}
.tmp_lte_35{background-color: #db9148; color: #fff;}
.tmp_lte_30{background-color: #e4ad54; color: #fff;}
.tmp_lte_25{background-color: #efdb64; color: #333;}
.tmp_lte_20{background-color: #dff3bb; color: #333;}
.tmp_lte_15{background-color: #c5f576; color: #333;}
.tmp_lte_10{background-color: #8fc560; color: #fff;}
.tmp_lte_4{background-color: #44ab83; color: #fff;}
.tmp_lte_-1{background-color: #58974c; color: #fff;}
.tmp_lte_-6{background-color: #2a683a; color: #fff;}
.tmp_lte_-11{background-color: #407460; color: #fff;}
.tmp_lte_-16{background-color: #207c65; color: #fff;}
.tmp_lte_-21{background-color: #157c87; color: #fff;}
.tmp_lte_-26{background-color: #0a819d; color: #fff;}
.tmp_lte_-31{background-color: #0474af; color: #fff;}
.tmp_lte_-36{background-color: #0460af; color: #fff;}
.tmp_lte_-41{background-color: #043cad; color: #fff;}

.mapWrap{position: relative;}
.mapToolbar{position: absolute; right: 10px; top: 10px; z-index: 999999;}
.mapToolbar .checkbox,.mapToolbar .radio{margin-top: 0; margin-bottom: 0;}
.mapimg{width: 264px;}
.mapimg .page-header{margin: 10px 0 10px 0; font-weight: bold;padding-left:25px;}
.maplist {padding: 10px 0;}
.maplist .maptext{text-align: center;}
.maplist img{width: 58px;}
.maptoolbar{background-color: #e4e4e4;}
.maptoolbar .type div{float: left; height: 32px; line-height: 32px; padding: 0 15px; text-align: center;cursor: pointer;}
.maptoolbar .type div.selected{background-color: #1996dd; color: #fff;}
.maptoolbar .layers{padding: 0 20px;}
.maptoolbar .layers label{height: 32px; line-height: 32px;}
.maptoolbar .layers label input[type="checkbox"]{margin-top: 10px;}
.map-time-wrap{
	position: absolute; left: 10px; bottom: 30px; z-index: 1000; 
}
#productTime, .map-time{background-color: rgba(255,255,255,0.5); padding: 3px 5px; margin-bottom: 5px; display: none;}
.topLine{background-color: #fff; height:25px; line-height:25px; overflow: hidden;}
.diejia{padding-left:0px;}

#provinceChoose{position: relative;}
#provinceChoose > span{display: block; height: 28px; line-height: 28px; border: 1px solid #ddd; margin: 5px; padding: 0 10px; background: #fff;}
#provinceChoose:hover .province-list{display: block;}
#provinceChoose .province-list{position: absolute; right: -11px; top: 38px; z-index: 999999999; box-shadow: 0 2px 2px #ddd; width:400px; background-color: #f8fafd; padding: 15px 10px 10px 10px; display: none;border:1px solid #eaeaea;}
#provinceChoose .province-list label{cursor: pointer; font-weight: normal; text-align: center; display: block; background-color: #fff; border: 1px solid #ddd; padding: 4px 0;}
#provinceChoose .province-list label:hover,#provinceChoose .province-list label.selected{background-color: #1996dd; color: #fff; border: 1px solid #1996dd;}

.header{background-color:/* #0a4a8c */#2d97db; margin-bottom: 15px;position:relative;}
.header ul li{text-align:center;}
.header ul li a{color:#fff; display: block; font-size: 18px; height: 40px; line-height: 40px; padding: 0;}
.header ul li a:hover{color: #14539a; background-color: #cbe1ed;}
.searchInput{margin: 0; padding: 0;}
.searchInput #searchInput{height: 42px; line-height: 42x;border-color: #2d97db; border-right-color: #ddd; width: 400px;}
.searchInput .input-group-addon{border-color: #2d97db;}

.cityList{padding-top: 10px;}
.cityList.selected{display: block;}
.cityList .city .name{float: left;  height: 24px; line-height: 24px; width: 60px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.cityList .city a{display: block;}
.cityList .city .icon{float: left;}
.cityList .city .temp{float: right; width: 80px; text-align: right; height: 24px; line-height: 24px;}
.cityList .city .temp span{color: #f75c00;}
.cityList .city div img{width: 24px; display: inline-block; float: left; margin: 0 5px;}
.cityList .city {margin-bottom: 5px;}
.cityList .city .cityWrap{overflow: hidden; border: 1px solid #eee; padding: 5px 8px;}
.cityList .city .cityWrap .icon{width: 80px; margin: 0;}
.cityList .city .cityWrap:hover{background-color: #eee; border-left:2px solid #f75c00; padding:5px 8px 5px 7px;}
.cityList .city .country{float: right;}
.cityList .city .cname{color: #333;}
.maplist .selected .maptext{color: #337fe5;}
.maplist .selected img{border: 2px solid #337fe5;}





.leftMenuBar {position:absolute; left:0; top:0; margin-left: -15px;}
.leftMenuBar a{writing-mode: vertical-lr; writing-mode: tb-rl; overflow: hidden; line-height: 12px; font-size: 14px; color: #fff; letter-spacing: 1px; display: block; background-color: #196ca2; padding: 10px 8px; text-decoration: none; border-bottom: 1px solid #fff;}
.leftMenuBar a.actived{background-color: #fff; color: #196ca2; border: 1px solid #196ca2; border-right: 0;}

.forecastMenuBar{background-color: #65b3fd; margin-bottom: 10px; overflow: hidden;}
.forecastMenuBar a{display: inline-block; color: #fff; text-decoration: none; padding: 5px 20px; float: left;}
.forecastMenuBar a.actived{background-color: #fff;color: #196ca2;}


.txt-item{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.simple .ptitle{width:88%;padding-right:5px;}
.simple .ptime{width:12%;padding-left:5px;}
.articleInfos .item{border-bottom: 1px solid #ddd; padding: 2px 10px;}
.articleInfos .item a{display: block; text-decoration: none;}
.articleInfos .item .item-label{background-color: #d9534f;display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;}
 .articleInfos .item .item-label:hover{
 	padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
 }
.articleInfos .item a.other{background: transparent url(/assets/img/index/message.gif) no-repeat 0px 10px; padding-left:25px;}
.articleInfos .item a.typhoon{background: transparent url(/assets/img/index/typhoon.gif) no-repeat 0px 10px; padding-left: 25px;background-size:16px;}
.articleInfos .item a.other .description{margin-left:-25px;} 
.articleInfos .item .alarm{margin-bottom: 0;}
.market-nav-arrow{
 position:absolute;
 top:10px;
 float: left;
 width: 0; 
 height: 0;
 border-width: 11.49px;
 border-style: solid;
 border-color: transparent transparent transparent #d9534f;}
.articleInfos .item:hover,.articleInfos .item.actived{background: #fff; margin: 0; padding: 0 10px;}
.articleInfos .desc{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; display: none; height: 28px; line-height: 28px;}
.articleInfos .articleTitle{font-size:16px; color:#333; display: none;}
.articleInfos .articleTitle div{color:#999;}
.articleInfos .remarks{display: none; padding: 6px 0;}
.articleInfos .description{height:50px; line-height:25px; overflow:hidden; color: #666;}

#menu-list .page-header{padding: 0; margin: 0; margin-bottom: 10px; margin-top: 15px; font-weight: bold; font-size: 18px; color: #333; border: 0;}
#menu-list a{text-decoration: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 5px;display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.weatherbg{margin:0; color: #fff; padding: 20px 0 10px 0; position: relative;}
.weatherbg .weather{background-color: rgba(0,0,0,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.weatherbg .weather:last-child{border-right: 0;}
#myweather  .tmp{background-color: transparent;}
.realitem div{text-align: center; line-height: normal;}
.fontSize .small, .fontSize .mid, .fontSize .big{cursor: pointer; display: inline-block; width: 24px; height: 24px; line-height: 24px; background-color: #d5d7db; text-align: center; float:  left; margin-left: 5px; font-size: 12px;}
.fontSize .active{background-color:#2d97db;color:#fff;}
.seven-day-forecast a{display:block;border:1px solid #fff; border-radius:10px; color:#fff; height:35px; line-height:35px; margin:0 auto; text-align:center;width:90%;margin-top:3px;font-weight:bold;font-size:16px;cursor:pointer;text-decoration:none;}
.nmc-font-size span{height: 24px; line-height: 24px; display: inline-block; float: left;}
.nmc-font-size{overflow: hidden; color: #666;}
.nmc-font-size a.print{height: 24px; line-height: 24px; display: inline-block; margin-left: 5px;}
.printa{margin-left:10px; height: 24px; line-height: 24px;}
#tool-row .bdsharebuttonbox  a{margin-top:0; margin-bottom: 0;}
#typhoonNameTable caption{text-align: center;}


.page-bg{min-height: 260px; position: relative; margin-top: -16px; background:url('../img/index/about_us_banner.png') no-repeat center;}
/**/
.v-menu{background-color: #1d1d26;border-top: 1px solid #272831; border-bottom: 1px solid #56565c;}
.v-menu ul li{float: left;}
.v-menu ul li a{display: block; height: 40px; line-height: 40px; width: 200px; text-align: center; color: #fff; text-decoration: none;}





#weatherIcon div,#weatherList div,#wdList div, #wsList div{float: left; width: 80px; text-align:  center;}
#weatherIcon div img{width: 36px; }


/**我的天气**/
#postion{line-height: normal; padding:10px 10px;}
#cityName{color: #fff; text-decoration: none;}
#cityAlarm{text-align: left;}
#cityAlarm a{text-decoration: none; color: #fff; display: block; height: 30px; line-height: 30px; padding-left:10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#cityAlarm a img{margin-right:10px;}
.realitem{padding: 10px 0 10px 0; position:relative;}
.realitem .item{padding: 5px 0;}
.realitem i{font-size: 16px;}
.realTemp{font-size: 72px; text-align: center; line-height: normal; position: relative;}
.realTemp sup{position: absolute; top: 30px; font-size: 18px;}
#hourItems{overflow: hidden; padding-left:6px;}
#hourItems .hourItem{float: left; width: 60px; text-align: center;}
#hourItems .hourItem img{height: 26px;}
#hourItems .hourItem i.icon-fengli{color: #3aa7ec;}
#hourChart{width: 480px; height: 90px; padding-left: 6px;}


.toutiao {background: #faf1a0 url(../../static/site/nmc/themes/basic/images/top_tit_img.jpg) no-repeat left center; border: 1px solid #f8e353; padding-left: 60px;}
.toutiao li{float: left; height: 30px; line-height: 30px; margin-right: 10px;}
.toutiao li a{color: red;}


.jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{width: auto; height: auto;}
.jcarousel-skin-tango .jcarousel-container{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: none; border:0; border-top: 1px solid #f3f3f3;}
.jcarousel-skin-tango .jcarousel-item{width: auto; height: 134px; cursor: pointer;}
.jcarousel-skin-tango .jcarousel-prev-horizontal,.jcarousel-skin-tango .jcarousel-next-horizontal{top: 55px;}
.jcarousel-skin-tango p{text-align: center;}
.jcarousel-skin-tango p.img{border: 1px solid #a7a7a7; padding: 1px; width: 102px; margin: 0 auto;}
.jcarousel-skin-tango p.actived{border: 2px solid #3773b2; padding: 0;}
.jcarousel-skin-tango p.time{font-size:12px; height: 30px; line-height: 30px; text-align: center; color: #313131;}
.jcarousel-skin-tango .jcarousel-item{width: 104px; height: 32px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal,.jcarousel-skin-tango .jcarousel-next-horizontal{top: 20px;}
.jcarousel-skin-tango p.actived{border: 1px solid #3773b2;}
.bgwhite .jcarousel-skin-tango .jcarousel-item{width: 160px;}

/*左侧菜单导航*/
.panel-default{border-color: #eaeaea;}
.panel-group .panel{border-radius: 0;}
.panel-default>.panel-heading{background-color: #f8fafd; border-radius: 0;padding: 7px 15px 8px 30px;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 3px solid #65b3fc; padding-top: 0; padding-bottom: 0;}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{font-size: 16px; font-weight:bold; text-decoration: none;}
.panel-body a.actived{color: #65b3fc;}
#leftNav .panel-body a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 5px 0; font-size: 14px; border-bottom: 1px solid #f3f3f3;}
#leftNav .panel-body div{background: url("../img/li_normal.png") no-repeat left center; padding-left: 10px;}
#leftNav .panel-body div:last-child a{border-bottom: 0;}
.icon_sk{background: url("../img/category-icon/black/309.png") no-repeat 5px center; padding-left: 30px;}
.icon_yb{background: url("../img/category-icon/black/336.png") no-repeat 5px center; padding-left: 30px;}
.icon_ms{background: url("../img/category-icon/black/579.png") no-repeat 5px center; padding-left: 30px;}
.icon_lq{background: url("../img/category-icon/black/534.png") no-repeat 5px center; padding-left: 30px;}
.icon_sw{background: url("../img/category-icon/black/572.png") no-repeat 5px center; padding-left: 30px;}
.icon_th{background: url("../img/category-icon/black/428.png") no-repeat 5px center; padding-left: 30px;}
.icon_hq{background: url("../img/category-icon/black/457.png") no-repeat 5px center; padding-left: 30px;}

/*页面顶部产品选择*/
.p-nav{padding: 10px; padding-left: 8px; padding-bottom: 0; position: relative; background: none repeat scroll 0 0 #f9f9f9; border-bottom: 1px solid #f3f3f3;}
.p-nav ul{overflow: hidden;height: 30px; padding-right: 100px;}
.p-nav ul.show{overflow: auto; height: auto;}
.p-nav li{float: left; padding-bottom: 10px;}
.p-nav li a{color: #10689b; text-decoration: none; font-size: 14px; display: inline-block; padding: 2px 5px; margin-left: 2px;}
.p-nav li a:hover,.p-nav li a.actived{background: #74ade7; color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morelist{display:none; position: absolute; right: 10px; top: 10px; padding-right:16px; padding-left:5px; height: 24px; line-height: 24px; background: #74ade7 url("../img/down.png") no-repeat 36px center; color: #fff; font-size: 14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor: pointer;}
.up{background: #74ade7 url("../img/up2.png") no-repeat 36px center;}
.sl-key{float: left; width: 100px; font-size: 14px;}
.p-wrap .p-nav{background-color: transparent; border: 0; padding: 0; margin-bottom: 10px; border-bottom: 1px dashed #eee;}
.p-nav:last-child{border-bottom: 0; margin-bottom: 0;}
.p-wrap{border-bottom: 1px solid #ddd; background-color: #fff; padding: 15px; padding-bottom: 7px;margin-left: -10px; margin-right: -10px; margin-bottom: 2px;}
.p-nav li{padding-bottom: 3px;}
.p-nav ul{margin-bottom: 3px;}
.sl-key{font-weight: bold; padding-top: 3px; text-align: left; color: #999;}
.p-wrap .morelist{top: 3px;}

/*页面顶部产品下拉选项*/
.pmenu-wrap{padding-top:10px;}
.pmenu{float:left; margin-right:2px; margin-bottom:20px;}
.pmenu .btn-default{background-color:#33a7eb; border:1px solid #33a7eb; color:#fff;border-radius:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pmenu .dropdown-menu{border-radius:0;width:auto;}
.pmenu .caret{margin-left:5px;}
.pmenu .label-name{color:#c0ebff;}
.pmenu .dropdown-menu .actived{background-color:#f5f5f5;border-left:2px solid #33a7eb;}
.pmenu .btn-default:active, .pmenu .open>.dropdown-toggle.btn-default, .pmenu .btn-default.active.focus, .pmenu .btn-default.active:focus, .pmenu .btn-default.active:hover, .pmenu .btn-default:active.focus, .pmenu .btn-default:active:focus, .pmenu .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{background-color:#33a7eb; border:1px solid #33a7eb; color:#fff;}

#links_width{border-top: 3px solid #2d97db;}


.container #alarmtext p{font-size: 16px;}
.container #alarmtext{font-size: 16px;}
.alarmlist div.alarm-item a{font-size: 16px;}
.alarmlist div.alarm-item img{margin: 0 5px;}



.frilink{background-color: #fff; padding: 3px 0; overflow: hidden;}
.frilink .link-title{color: #333; font-weight: 700; font-size: 18px; float: left; width: 120px; height: 99px; line-height: 99px;}
.frilink a{float: left; border-right: 1px solid #f4f4f4; width: 155px; text-align: center; color: #468dc5; display: block; padding: 10px;}

#footer{color: #666; line-height: 24px;}
.channel-list { margin-bottom: 10px;}
.channel-list a{font-size: 16px; margin-right: 10px;}

#changeCity{cursor: pointer;}
#changeCityWrap{display: none; position: absolute; left: 0; right: 0; top: 30px; z-index: 10; background-color: #fff; color: #333; padding: 20px;}
#changeCityWrap #provinceList{width: 120px;}
#changeCityWrap #cityList{width: 200px;}



/**温度**/
.local_grad_tdb_-25 {background-color: #FFFFFF; color: #676b71;}
.local_grad_tdb_-20 {background-color: #FFFFFF; color: #676b71;}
.local_grad_tdb_-15 {background-color: #FFFFFF; color: #676b71;}
.local_grad_tdb_-10 {background-color: #FFFFFF; color: #676b71;}
.local_grad_tdb_-5 {background-color: #E1F6FB; color: #676b71;}
.local_grad_tdb_0 {background-color: #BCEEFB; color: #676b71;}
.local_grad_tdb_5 {background-color: #B9ECD8; color: #676b71;}
.local_grad_tdb_10 {background-color: #CADB92; color: #676b71;}
.local_grad_tdb_15 {background-color: #FFEB88; color: #676b71;}
.local_grad_tdb_20 {background-color: #FBC25E; color: #fff;}
.local_grad_tdb_25 {background-color: #FF9933; color: #fff;}
.local_grad_tdb_30 {background-color: #FF7B33; color: #fff;}
.local_grad_tdb_35 {background-color: #CD5B12; color: #fff;}
.local_grad_tdb_40 {background-color: #FF3C1C; color: #fff;}
.local_grad_tdb_45 {background-color: #FF3C1C; color: #fff;}
.local_grad_tdb_50 {background-color: #FF3C1C; color: #fff;}
/**温度**/


.tab3{background-color: transparent; border: 0; border-bottom: 2px solid #2d97db;padding:0;}
/* .tab3{padding-top: 5px; border-bottom: 2px solid #2d97db; padding-left: 10px;} */
.tab3>li.active>a, .tab3>li.active>a:focus, .tab3>li.active>a:hover{font-size:16px; border: 0; background-color: #2d97db; margin: 0; color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;  height: 32px; line-height: 32px;border-left: 1px solid #2d97db;border-right: 1px solid #2d97db;border-top: 1px solid #2d97db;}
/* .tab3>li.active>a, .tab3>li.active>a:focus, .tab3>li.active>a:hover{font-size: 16px;border: 1px solid eaeaea; background-color: #2d97db;margin: 0;color: #fff;padding: 0 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 28px;line-height: 28px;float: bottom;} */
.tab3>li>a, .tab3>li>a:focus, .tab3>li>a:hover{height: 32px; line-height: 32px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin:0 1px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding:0 10px;}
.tab3>li{}

.hp2 .hd{background-color: #f8fafd; border-bottom: 2px solid #2d97db; padding:0; padding-right:10px; height: 35px; line-height: 35px;}
.hp2 .hd span.line{font-size:16px; border: 0; padding: 0 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;height: 32px; line-height: 32px; float: left;}
.hp2 #live_select{margin-top: 5px;}

.hp3{box-shadow:none;}
.hp3 .hb{box-shadow: 0 1px 1px #ddd;}
.hp3 .hd{background-color:#f8f8f8;border-left:none;border-right:none;border-top:none;}
.hp3 .hd span.line{
	font-size: 16px;
    border: 0;
    padding: 0 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #2d97db;float:none;}
.articleInfos .top-alarms{background: #faf1a0 url(../../static/site/nmc/themes/basic/images/top_tit_img.jpg) no-repeat left center;padding-left: 60px;overflow: hidden;border-bottom: 1px solid #ddd;height:32px;line-height:32px;}
.articleInfos .top-alarms a{display:inline-block;text-decoration:none;color:red;padding-right:10px;height:30px;line-height:30px;font-size:16px;}
.articleInfos{background-color: #f6f6f6;}
.articleInfos .ptitle{color: #0e1c2a; font-size: 16px; height: 38px; line-height: 38px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.articleInfos .alarm .ptitle{color: #0e1c2a;}
.articleInfos .actived .ptitle{/* font-weight: bold; */}
.articleInfos .ptime{text-align: right; color: #676767; height: 38px; line-height: 38px; font-size: 12px;}
.articleInfos .description{color: #666; height: 80px;padding-left: 25px;}
.articleInfos .b,.articleInfos .b.actived{background: #a1dcfe; color:#0e1c2a;}
.articleInfos .r,.articleInfos .r.actived{background: #fcd0cf; color: #0e1c2a;}
.articleInfos .r .ptitle,.articleInfos .r .ptime,.articleInfos .r .description{color:#0e1c2a;}
.articleInfos .y,.articleInfos .y.actived{background: #fbf9d1 ; color:#0e1c2a;}
.articleInfos .o,.articleInfos .o.actived{background: #fedeb9; color: #0e1c2a;}
.articleInfos .other_ {background: #e1fad9 url("/assets/img/index/message.gif") no-repeat 10px center; background-color: #e1fad9; border: 1px solid #e1fad9;}
.articleInfos .typhoon{background: #ffeedc url("/assets/img/index/typhoon.gif") no-repeat 10px center;}
.articleInfos .aaa{background: #e9f0f3 url("/assets/img/index/message.gif") no-repeat 10px center; color:#18328d; border:1px solid #e9f0f3; height: 28px; line-height: 28px; display: block; color: #18628d; padding-left:36px; margin-bottom: 1px; position: relative;}


/**城市搜索自动补全**/
.searchForm{position: relative;}
#hotCity{position: absolute; background-color: #fff;box-shadow: 0 2px 2px #ddd; z-index: 999;display: none;}
#hotCity .cities{padding: 15px;}
#hotCity .ch{background-color: #e7f3ff; color: #1897dd; font-size: 16px; padding: 10px 15px; font-weight: bold;}
#hotCity a{height: 24px; line-height: 24px; padding: 0 10px;}

.ac_results {padding: 0px; border: 0;box-shadow: 0 2px 2px #ddd; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; font-size: 14px; padding: 0 10px; cursor: default; display: block; line-height: 28px; overflow: hidden;}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #e7f3ff; color: #1897dd;}
.ac_results strong {color:red;}


#content_type div{border: 0; width: auto; padding: 0; margin-right: 20px;}
#content_type div.content_type_select{ border-bottom: 2px solid #1897dd; background: transparent; color: #333; width: auto;}
#data_detail{padding-top: 8px; margin: 0 10px;}
#realBody{padding-bottom:6px; padding-top:6px; height:408px;background: #fff url(/assets/img/index/bg_logo.png) no-repeat center 152px; background-size: 180px 180px;}
#realBody .live_sort_content{background-color: transparent;}
#content_type span{font-size: 16px;}
#content_type_desc{background: #f7f7f7;}
#station_desc{height: 30px; line-height: 30px;}
#date_desc{height: 30px; line-height: 30px;}
#data_detail span.no{display: inline-block; width: 25px; text-align: center;}
#data_detail .numitem{border-bottom: 1px solid #f7f7f7; padding: 5px 0;}
#data_detail .numitem:hover{background: #5db2ff; color: #fff;}
#data_detail .numitem:hover a{color: #fff;}

/**图片发到播放器**/
.IV_toolbar{background: #f9f9f9; border: 1px solid #f3f3f3; margin-left: 0; margin-right: 0;}
#IV_box #View_toolbar{border: 0; background-color: transparent;}
#IV_box{overflow: hidden;}
.iviewer_rotate_left,.iviewer_rotate_right{display: none;}

/*首页气象视频与网站链接*/
.vedio-title{float: left;width: 60px;text-align: center;height: 190px;background-color: #2d97db;color: #fff;margin-right: 10px;padding-top: 35px;font-size: 22px;position:relative;}
.vedio-title a{color:#fff;}
.vedio-title i{position:absolute;font-size:20px;left:20px;}
.vedio-item{float: left;width: 230px;height: 165px;margin-left: 10px;position: relative;margin-top: 3px;}
.vedio-div{width: 800px;height: 190px;background-color: #fff;box-shadow: 0 2px 2px #ddd;}
.vedio-item a{height:165px;margin-top:10px;}
.vedio-item a img{height:165px;}
.v-play{height:119px;width:230px;position:absolute;top:0px;left:0px;background: url('../img/video-load.png') no-repeat center;z-index:2;}
.vedio-item .video-img:before{position:absolute; width:100%; height:100%; content:''; background:#000;  fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:1;}
.vedio-item a:hover .video-img:before{display: block;}
.vedio-item a:hover .video-img .load{height:32px;width:32px;position:absolute;top:53px;left:100px; background:url(../img/video-load.png) center center no-repeat; z-index:2;}
.vedio-item a:hover .video-img .test{height:4px;width:4px;position:absolute;background-color:#fff;border-radius:50%;top:-1px;left:10px; z-index:2;}
.vedio-item a:hover .video-img .rond {height:40px;width:40px;border:1px solid #fff;border-radius:50%;position:absolute;top:49px;left:95px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite; z-index:2;}
.vedio-item .video-play{height:119px;width:230px;position:absolute;top:0px;left:0px;z-index:1;}
.vedio-item a:hover .video-play{display:none;}
.vedio-item a .video-play .load{height:32px;width:32px;position:absolute;top:53px;left:100px; background:url(../img/video-load.png) center center no-repeat; z-index:2;}
.vedio-item a .video-play .test{height:4px;width:4px;position:absolute;background-color:#fff;border-radius:50%;top:-1px;left:10px; z-index:2;}
.vedio-item a .video-play .rond {height:40px;width:40px;border:1px solid #fff;border-radius:50%;position:absolute;top:49px;left:95px; z-index:2;}
.v-title{height:46px;line-height: 23px; color:#fff; background-color: rgba(0,0,0,0.6); position: absolute; bottom: 0; width: 100%; left: 0; right: 0;text-align: left; padding:0 10px;}
.link-div{background-color:#fff;height:190px;padding:7px 10px;widht:380px;box-shadow: 0 2px 2px #ddd;}
.link-item{float:left;width:175px;height:77px; margin: 5px 4px 4px 5px;position:relative;}
.l-title{height:30px;line-height: 30px; color:#fff; text-align:center;background-color: rgba(0,0,0,0.6); position: absolute; bottom: 0; width: 100%; left: 0; right: 0;padding:0 10px;}
.link-item a{height:77px;}
  
  
  
.city-list img{height: 24px; margin-left: 10px;}
.city-list .city{border: 1px solid #ddd;margin-bottom: 10px;display: block; padding: 0 5px;} 
.city-list .city .wdesc{color: #1996dd;}
.city-list .city div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; line-height: 30px;padding:0 5px;}
.city-list .city .hight{color: #e8601b;}
.city-list .city .low{color: #00ddff;}
.city-list .city:hover{background-color: #ddefff; border-color: #c0e1fe;}

.my-div-icon{white-space: nowrap; vertical-align: middle;position: absolute; width: auto !important; height: auto !important; margin-left: -62px !important; margin-top: -13px !important; background-color: white; box-shadow: -1px 1px 3px rgba(0,0,0,0.5); font-weight: normal;}
.marker-city div{display: inline-block; padding: 0 5px; height: 22px; line-height: 22px;}
.marker-city div.wimg{padding: 0;}
.marker-city div.wimg img{height: 22px;}

.navbar_sub ul{height:50px;width:1212px;margin:0 auto;overflow:hidden;}
.navbar_sub{position:absolute;z-index:22;display:none;width:1212px;width:100%;left:0; }
.navbar_sub li {padding:0 10px; height: 50px; line-height: 50px; font-size: 14px; float: left;  list-style: none; text-align: center;}
.navbar_sub ul li a{color:#0e1c2a;font-size:14px;height: 50px; line-height: 50px;}
.navbar_sub ul li a:hover{text-decoration:underline;background-color:#fff;color:#1a96dd;font-weight:bold;}
#mright > ul > li{position:static;}

.pmenu  .dropdown-menu.dropdown-menu-column2{width: 322px; overflow: hidden;}
.dropdown-menu-column2 li{float: left; width: 160px; }
.dropdown-menu-column2 li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cTitle{font-size: 36px; color: #333; line-height: 50px; font-weight: 900 !important;}
.nmc-slider-wrap{position: relative; width: 880px; height: 580px; overflow: hidden;}
.nmc-slider{position: absolute; top:0; left:0; width: 4444444px;}
.nmc-slider li{float: left; width: 880px; display: table-row;}
.nmc-slider li .img{text-align: center; vertical-align: middle; display: table-cell; height: 600px; width: 880px;}
.nmc-slider li .img img{width: 100%; max-height: 100%;}
.imgNum{padding-right: 0;}
.nmc-slider li .itemnum{font-size: 28px; color: #E30B20; margin-bottom: 40px;}
.nmc-slider li .bold{font-weight: 900 !important;}
.nmc-slider li .itemnum span{font-size: 16px; color: #333;}
.nmc-slider li .description{border-left: 1px solid #ddd;padding: 0 20px; line-height: 28px;}

.imgLeft i,.imgRight i{font-size: 38px;}
.imgLeft{position: absolute; left: 0px; width: 40px; height: 40px; top: 50%; z-index: 100; margin-top: -20px; text-align: center; cursor: pointer; background: rgba(0,0,0,0.4); color: #fff;}
.imgRight{position: absolute; right: 0px; width: 40px; height: 40px; top: 50%; z-index: 100; margin-top: -20px; text-align: center; cursor: pointer; background: rgba(0,0,0,0.4); color: #fff;}
.imgLeft:hover,.imgRight:hover{background: #1479d7;}
.opbar {position: relative; height: 80px;}
.opbar .bLeft i,.opbar .bRight i{font-size: 30px; color: #1479d7;}
.opbar .bLeft{float: left; width: 30px; height: 80px; line-height: 80px; cursor: pointer; background-color: #C9DFF4;}
.opbar .imglist{position: absolute; width:800px; height:80px; left: 40px; right: 40px; top: 0; bottom: 0; overflow: hidden;}
.opbar .imglist ul{position: absolute;}
.opbar .bRight{float: right; width: 30px; height: 80px; line-height: 80px; cursor: pointer; background-color: #C9DFF4;}


.opbar .imglist li{float: left; margin: 0 10px;}
.opbar .imglist li.actived{border: 3px solid #e30b20; }
.opbar .imglist li img{width: 140px; height: 80px; line-height: 80px; cursor: pointer;}
.opbar .imglist li.actived img{width: 134px;height: 74px; line-height: 74px;}