body{ background: #fff;}
.synewColumn{margin: 0 auto;width: 1252px; background: #fff; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:5px 15px; 
	box-sizing: border-box; border-bottom-left-radius: none; border-bottom-right-radius: none;}
.gxtit{width:100%; height: 20px; line-height: 20px; color: #444;margin-top:-10px;}
.gxtit span{ line-height: 20px}

.container{margin-top:5px; height: 100%;justify-content: space-between;  flex-direction: row;   flex-wrap: wrap;align-items:flex-start;}
.mapBox,.dateBoxOne,.dateBoxTow,.kqzhiliang,.aqixinxi,.tianqiBox{border: 1px solid #ddd; border-radius: 15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px; box-sizing: border-box;}
.mapBox,.kqzhiliang{ width:100% /*min-height:683px;*/}
.kqzhiliang{ width:50%;}
.shujuBox,.aqixinxi{ width:48.8%;}
.dateBoxOne{ width:100%; /*min-height: 425px;*/}
.dateBoxTow{width:100%;margin-top:10px;}

.fytit{ width:100%; height:30px; overflow: hidden;zoom:1;}
.fytit i,.fytit span{ display: inline-block; float: left; }
.fytit span{ margin-left: 10px;line-height: 30px; font-size: 20px; font-weight: bold;}
.fytit i{ width:30px; height: 35px;}

.maptu,.chartBox,.dataList{ width:100%;margin-top:10px;}
.maptu img,.chartBox img{ width:100%;}
/*.chartBox{margin-top:20px;}*/
.dataList{  border-top:none;margin-top:13px;}
.dataList .tit{ height:45px; background:#f0f9ff; line-height:45px; margin-bottom:5px; font-size: 17px;}
.dataList .tit div,.dataList ul li div{ float:left; display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;height:40px;}
.dataList .bd{ height: 322px; overflow: hidden;}
.dataList ul li{ line-height:40px;  height:40px; font-size: 16px;}
.dataList ul li.sekuai{ background: #f4f4f4;} 
.xuhao{ width:10%; text-align: center;}
.jingqu{ width: 34%;padding-left:2%; box-sizing: border-box;}
.gengxdate{ width: 20%;text-align: center;}
.fylizi{ width: 18%;text-align: center; line-height: 20px; overflow: hidden;zoom:1; }
.fylizi em{ font-size: 14px; font-style:normal;}
.fylizi span{ display: block; float: left;}
.fylizi span.caret-wrapper{ width:7px; height: 10px;margin-left:5px;margin-top:18px;}
.fylizi span i{ display: block; width:7px; height: 4px; cursor: pointer;}
i.ascending{ background: url(../images/fy-arrow-up.png) no-repeat;margin-bottom:2px;}
i.ascending:hover,i.ascending.current{ background: url(../images/fy-arrow-up2.png) no-repeat;}

i.descending{ background: url(../images/fy-arrow-down.png) no-repeat;}
i.descending:hover,i.descending.current{ background: url(../images/fy-arrow-down-2.png) no-repeat;}

.dataList ul li .fylizi{ line-height: 40px;}

.nongdu{ width: 15%;text-align: center;}
.dataList ul li .nongdu strong{ display:inline-block;min-width: 70px; height: 26px; line-height: 26px; border-radius: 30px; -webkit-border-radius:30px; -moz-border-radius:30px; color: #fff;}
.dataList ul li .nongdu strong.grade-button{ background: #22c270;}

.kqziBox{ width:100%;margin:15px auto;}
.target{ width:100%; }
.target .tit{ height: 44px; line-height: 44px; background: #f0f9ff;margin-top: 10px;}
.target .tit span{ display: inline-block; text-align: center; font-size: 18px;}
span.zhibiao{ width:20%;}
span.junzhi{ width:40%;}
span.dushu{ width:40%;}
.zbshuju{ width:100%; margin-top:5px;}
.zbshuju li span{display: inline-block; text-align: center; font-size: 18px;}

.zbshuju li{ line-height:47px;display: flex;align-items: center;justify-content: space-between; font-size: 16px !important; }
.zbshuju li.sekuai{ background: #f4f4f4;}

.airshuom{ width: 100%;margin-top:10px;}
.airOne,.airTow{ width:100%; margin-top:5px;}
.airOne span{display: inline-block; font-size: 16px;margin-right:20px;}
.airOne span.dizhi{ font-weight: bold;font-size: 22px; color: #528aee;margin-left:5px;}
.airTow .smtit{margin-top:10px;}
.airTow .smtit h4{ font-weight: bold; font-size: 16px; color: #444;}
.aircenter{ width:100%; height: 126px;}

.shuzhi{ width:40%; text-align: center;}
.shuzhi span{font-size:64px; font-weight: bold;}
.dengj{ width:20%; text-align: center; }

.dengj span{ display: block; text-align: center; line-height: 30px;}
.tupic{width:40%; text-align: center;}
.tupic img{ text-align: center;}

.airThree{ width:100%; margin-top:-13px;}
.airinfo{ width:100%; overflow: hidden;zoom:1;margin-top:5px;}
.airinfo h4,.airinfo span{ display: block; float: left;}
.airinfo h4{ width:132px; line-height: 25px; height: 25px; font-weight: bold; padding-left:5px; box-sizing: border-box;}
.airinfo span{ line-height:25px; font-size:16px;width:450px;}
.airinfo span img{margin-top: 5px;}

.fysjSearch{ width:100%;}
.fychaxun,.zhandian{ width:100%;padding:13px;box-sizing: border-box; background: #eff8fe; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:10px;}
.fychaxun .tit{ width:130px; border-right:1px solid #bfc6cb; padding-right:12px;box-sizing: border-box;}
.fychaxun .tit h3{ font-weight: bold; color: #026edd; font-size: 18px; background:url(../images/search-icon.png) no-repeat left; padding-left:44px;}
.cxCenter{ width:1030px; justify-content:flex-start; flex-direction: row; flex-flow: wrap;}
.chaxunform{ width:303px; margin-right:18px; overflow: hidden;zoom:1;height: 40px; line-height: 40px; }
.chaxunform span,.chaxunform input,.chaxunform select{ display: block; float: left; }
.chaxunform span{ line-height: 40px; font-size: 16px;}
.chaxunform input,.chaxunform select,.sjdate{width:210px; border: 1px solid #b2dcf6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height: 38px; height: 38px; background-color: #fff !important; font-size: 16px;}
.chaxunform select{ color:#444; text-indent: 10px;}

.cxanniu input.btn{width:63px;height: 36px; line-height: 36px; border: none; font-size: 16px; text-align: center; color: #fff; letter-spacing: 5px;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21a3ed), color-stop(100%,#0b86dd));
        background: -webkit-linear-gradient(left,#21a3ed,#0b86dd);
        background: -o-linear-gradient(left,#21a3ed,#0b86dd);
        background: -moz-linear-gradient(left,#21a3ed,#0b86dd);
        background: -mos-linear-gradient(left,#21a3ed,#0b86dd);
        background: -ms-linear-gradient(left, #21a3ed 0%,#0b86dd 100%);
        background: linear-gradient(left,#21a3ed,#0b86dd);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a3ed', endColorstr='#0b86dd',GradientType=1 );border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
.sjdate{ background: url(../images/fycx-date-icon.png) no-repeat 15px 10px; padding-left:40px; box-sizing: border-box; float: left;}
.sjdate input{ width:98%; height:34px; border: none; line-height: 34px; }
.cxanniu{ width:63px; height: 36px; height: 36px; }
.zhandian{justify-content: flex-start;}
.zhandian .fytit{ width:auto;margin-right:30px;}

.lanmuleft{ width:50%;}
.tianqiBox{ width:100%;margin-bottom:10px;}
.tianqiBox .fytit span{ margin-left: 5px}

.weatherBox{ width:100%;margin-top:5px;}

.weatherBox li{/*width:20%; padding:0 1%;*/ box-sizing: border-box;}
.weatherBox li span{ display: block;width:100%; text-align: center;line-height: 28px; font-size:15px;}
.weatherBox li span.riqi{ font-size: 14px;}
span.zhuagntai{ width: 26px; height: 26px;}
span.zhuagntai img,span.zhuagntai p{ display:inline-block;}
span.zhuagntai img{ margin:0 5px;}


.forecastBox{border: 1px solid #ddd; border-radius: 15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px; box-sizing: border-box;}
.tqVideo{width:100%; margin-top:10px; }
.VideoBox{ width:49%; height:478px; overflow: hidden;zoom:1; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; position: relative;}
.videoPic{ width:100%; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.videoPic img,.videoPic video{width:100%; height: 478px;}
.masklayer{ width:100%; position: absolute; background: url(../images/weather-tmbg.png); height: 478px; top:0; left: 0;}
.masklayer span{ display: block;width:66px; height: 66px;margin: 0 auto;margin-top:70%;}
.VideoBox .text{ width:100%; height: 49px; background: rgba(0,0,0,0.37); line-height: 49px; padding:0 10px; box-sizing: border-box; color: #fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: absolute; bottom:0; left: 0; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}