.tq-tq{
    width: 660px;
    height: 530px;
    position: relative;
}
.tq-tq-city-select{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 200px;
    height: 22px;
    padding-left: 8px;
}
.tq-tq-city-select span{
    display: block;
    float: left;
    font-size: 14px;
    color: #323232;
    padding-right: 12px;
}
.tq-top-selector{
    float: right;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 10px 8px 0;
    font-size:0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 8px 5px;
}
.tq-day-tab{
    width: 660px;
    height: 22px;
    float: left;
    margin-top: 5px;
}
.tq-day-tab .tab-day{
    display: block;
    float: left;
    width: 80px;
    height: 22px;
    text-align: center;
    font-size: 14px;
    margin-top: 28px;
    background: #ececec;

}
.tq-day-tab .tq-time{
    height: 22px;
    width: 320px;
    float: right;
    padding-right: 20px;
    color: #5aaaef;
    font-size: 12px;
    line-height: 22px;
    margin-top: 28px;
    background: #ececec;
    text-align: center;
}
.tq-day-tab .for-bg{
    position: absolute;
    left: 0;
    top: 18px;
    height: 37px;
    width: 80px;
    background: url(../img/tq/tq_day_bg.png) no-repeat;
    z-index: -999;
}
.tab-day.on{
    color:#fff;
    background: transparent;
}
.tq-day-tab .tab-container{
    float: left;
    height: 22px;
    width: 660px;
}

.tq-tqyb-container{
    float: left;
    margin-top: 35px;
    width: 320px;
    height: 260px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
/*需要重新写下面的*/
.tq-current-time {
    float: right;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #323232;
}
.tq-current-time span:first-child{
    display: block;
    float: left;
    width: 36px;
    text-align: right;
    margin-right: 4px;
}
.tq-current-time span:last-child{
    display: block;
    float: right;
    width: 60px;
}
.tq-warning {
    width: 90px;
    height: 20px;
    float: right;
    padding-left: 3px;
    margin-left: 30px;
    background-color: #ed832f;
    color: #fff;
    font-size: 14px;
}
.tq-icon {
    float: left;
    width: 160px;
    margin-top: 20px;
    text-align: center;
}
.tq-icon img{
    width: 120px;
}
.tq-content {
    float: left;
    width: 160px;
}
.tq-temperature {
    font-size: 36px;
    display: block;
    /*text-align: center;*/
    margin: 5px 0;
}
.tq-description {
    font-size: 20px;
    display: block;
    /*text-align: center;*/
    margin: 20px 0 10px;
}
.tq-details {
    float: left;
    width: 300px;
    height: 80px;
    font-size: 14px;
    margin-top: 10px;
}
.tq-uv,.tq-comfort {
    float: left;
    width: 290px;
    margin: 10px 0;
    padding-left: 10px;
    font-size: 14px;
}
.tq-details img{
    width: 12px;
    vertical-align: middle;
    margin-bottom: 2px;
}
span.uv,span.comfort{
    margin-right: 20px;
}
span.pm25{
    margin: 0 5px;
    color: #188eee;
}
span.pm25-content{
    background-color: #ffa901;
    color: #fff;
    padding: 0 5px;
}
span.humidity{
    margin: 0 10px;
}
.tq-feeling {
    float: left;
    width: 295px;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    background: #7bb52b;
    color:#fff;
    text-align: center;
    margin: 5px 5px;
}
.tq-feeling img{
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}
/*结束*/

.tq-day,.tq-night{
    width: 167px;
    height: 260px;
    float: left;
    margin-top: 35px;
    border-right: 1px solid #e5e5e5;
}
span.tq-time-des {
    display: block;
    width: 167px;
    height: 20px;
    margin: 20px 0;
    text-align: center;
}
div.tq-img-container{
    width: 167px;
    height: 80px;
    text-align: center;
    margin: 10px 0;
}
span.tq-desc{
    display: block;
    width: 167px;
    height: 20px;
    font-size: 20px;
    text-align: center;
    margin: 10px 0;
}
span.tq-temp{
    display: block;
    width: 167px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    margin-top: 10px;
    color: #389fee;
}
.tq-night span.tq-temp{
    color: #000;
}
div.tq-sunrise{
    width: 167px;
    height: 30px;
    margin-top: 10px;
    text-align: center;
}
.tq-4rows{
    float: left;
    width: 650px;
    height: 210px;
    margin: 5px;
    border: 1px solid #e5e5e5;
}
.tq-4rows li{
    display: block;
    height: 50px;
    width: 640px;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 60px;
    margin: 0 5px;

}
.tq-4rows li span{
    display: block;
    float: left;
    width: 120px;
    height: 50px;
    text-align: center;
}
.tq-4rows li img{
    float: left;
    width: 32px;
    margin-top: 16px;
}
.tq-4rows li:nth-child(2n+1){
    background: #e5f3fc;
}
/*天气预报样式结束*/
/*定点预报样式开始*/
.ddyb-title{
    width: 660px;
    float: left;
}
.ddyb-map{
    height: 400px;
    width: 650px;
    float: left;
    position: relative;
}

.ddyb-chart{
    width: 650px;
    height: 350px;
    float: left;
}

/*复制的首页天气的位置选择*/
.city-select {
    width: 200px;
    height: 20px;
    float: right;
    line-height: 20px;
    font-size: 14px;
    margin: 4px 0;
}
.chart-province-select span{
    float: left;
    width: 50px;
    height: 20px;
    padding: 0 5px;
    margin-left: 5px;

}
.chart-city-select span{
    float: left;
    width: 50px;
    height: 20px;
    padding: 0 5px;
    margin: 0 5px;
    /*border-left: 1px solid #c5c5c5;*/
}
.city-select .tq-search{
    float: right;
}
.chart-selector {
    float: left;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 8px 5px 0;
    font-size:0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 6px 2px;
}
/*复制结束*/
.ddyb-chart-title{
    width: 650px;
    height: 30px;
}
span.chart-title-text{
    display: block;
    float: left;
    font-size: 16px;
    color: #188eee;
    margin: 5px 0;
}
span.five-days{
    display: block;
    float: left;
    height: 20px;
    font-size: 14px;
    margin: 5px 0 5px 10px;
    background: #7bb52b;
    color: #fff;
}
.ddyb-chart-title img{
    float: left;
}
span.ddyb-time{
    display: block;
    float: left;
    width: 170px;
    font-size: 12px;
    margin-left: 5px;
}
span.ddyb-temp{
    display: block;
    float: left;
    font-size: 12px;
}
.ddyb-chart-switch{
    width: 650px;
    height: 30px;
    float: left;
    margin-top: 10px;
}
.chart-switch{
       float: left;
}
.chart-switch li{
    display: block;
    float: left;
    width: 75px;
    height: 25px;
    font-size: 12px;
}
/*.chart-switch li:first-child{*/
/*text-align: center;*/
/*}*/
.chart-switch li img{
    width: 18px;
    height: 18px;
}
.chart-switch li.hover{
    background: url(../img/spanhover.png) no-repeat 5px 19px;
}
/*定点预报样式结束*/

/*预警信息样式开始*/
.yjxx-title{
    width: 310px;
    height: 30px;
    border-bottom: 1px solid #c5c5c5;
}
.warn-list-container{
    width: 305px;
    height: 222px;
    background: #fff;
    padding-left:5px;
    padding-top:5px;
}
.warn-list-content {
    width: 310px;
    height: 50px;
    float: left;
    margin-bottom: 5px;
}
.warn-list-content p{
    float: left;
    font-size: 12px;
    height: 20px;
    margin-left: 5px;
    margin-top: 6px;
    width: 245px;
   color:#707070;
}
.warn-list-content p span{
    font-size: 12px;
    margin-left:5px;
}
.warntype_img{
    width: 43px;
    height: 43px;
    float: left;
    margin: 5px;
}
.warntype_img img{
    width: 42px;
    border: 0;
}
.warntype_title{
    float:left;
    width:255px;
}
.warntype_title span.warning_1{
    border-right: 1px solid #c5c5c5;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
}
.warntype_title span.warning_2{
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 29px;
    padding: 0 5px;
}
.warntype_title span.warning_3{
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 29px;
    padding: 0 5px;
    color:grey;

}
.warntype_title span.warning_2:hover{
   color:#188eee;
}

/*预警信息样式结束*/

/*天气实况样式开始*/
.tqsk-title{
    width: 660px;
    height: 30px;
border-bottom:1px solid #c5c5c5;
   float:left;
}
.tqsk-switch{
    width: 290px;
    float: right;
}
.tqsk-switch li {
    display:    block;
    float:      left;
    width:      70px;
    height:     20px;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}

.tqsk-switch li.hover{
    background: url(../img/spanhover.png) no-repeat 4px 15px;
}
.tqsk-content{
   background:#fff;
   height:355px;
   float:left;
   width:660px;
}
.tqsk-content img{
    height:345px;
    margin:5px 5px 0 0;
    float:right;
     width: 490px;
}
.tqskImg{
    float:left;
    margin-left:8px;
}
.tqsk-nav{
     float:left;
     margin-left:3px;
     margin-top:2px;
}
.tqsk-nav li{
   width:150px;
   height:83px;
   list-style:none;
   margin-bottom:4px;
}
.tqsk-nav li a{
    text-decoration:none;
    width:150px;
    height:83px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.tqsk-nav li a span{
    display:none;
    width:144px;
    height:83px;
    margin:3px;
    position:absolute;
    text-align:center;
     line-height:83px;
     font-size:18px;
     color:#fff;
     letter-spacing:1px;
    z-index:2007;
   background-color: rgba(0,0,0,.4);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fc8c8c8,endColorstr=#7fc8c8c8); /*IE8支持*/       
}
.tqsk-nav li a img{
   height:83px;
   width:144px;
   margin:3px;
   display:block;
}
 
/*天气实况样式结束*/

/*生活指数样式开始*/
.shzs-title,.zdyb-title,.zbhj-title{
    width: 660px;
    height: 30px;
}
.shzs-title .shzs-time{
    font-size: 14px;
    line-height: 30px;
    margin-left: 30px;
    color: #808080;
    letter-spacing: 1px;
}
.shzs-content{
   width:660px;
   height:100px;
}
.shzs-content-box{
  background:#5db1f1;
  float: left;
  height: 85px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px;
  position: relative;
  width: 205px;
}
.shzs-content-box img{
  display:inline-block;
  width:54px;
  height:52px;
  vertical-align:top;
  margin-top:5px;
}
.shzs-content-wz{
  display: inline-block;
  margin-left: 10px;
  width: 128px;
}
.shzs-content-wz p{
  color:#fff;
  font-size:14px;
  line-height:18px;
}
.shzs-content-wz p:first-child{
  font-size:18px;
  line-height:30px;
}
.shzs-content span{
  display:inline-block;
  font-size:18px;
  position:absolute;
  left:0;
  bottom:0;
  letter-spacing: 5px;
  padding: 0 6px 0 9px;
  color:#fff;
}
span.zs-first{background:#00d8ff}
span.zs-second{background:#94cb78}
span.zs-third{background:#018c00}
span.zs-fourth{background:#3e62f4}
span.zs-fifth{background:#e3c85d}
/*生活指数样式结束*/
/*高清图集样式*/
.tq-gqtj{
    width: 660px;
}
.gqtj-title{
    width: 660px;
    height: 30px;
    float:left;
}
/*高清图集样式结束*/
/*景点天气样式开始*/
.tq-jdtq{
    width: 310px;
}
.jdtq-title{
    width: 310px;
    height: 30px;
    border-bottom:1px solid #c5c5c5;
    
}
.jdtq-big{
    width: 310px;
    height: 125px;
    position: relative;
    border-bottom: 1px dashed #e5e5e5;
    background:#fff;
}
.jdtq-big img{
   margin:3px;
   width:168px;
   height:119px;
}

span.jdtq-big-title{
    color: #737373;
    display: block;
    font-size: 17px;
    left: 177px;
    position: absolute;
    top: 11px;
    width: 120px;
}
span.jdtq-big-tq{
    color: #737373;
    display: block;
    font-size: 17px;
    left: 182px;
    position: absolute;
    top: 47px;
    width: 120px;
    text-align: center;
}

span.jdtq-big-content{
    color: #737373;
    display: block;
    font-size: 17px;
    left: 196px;
    position: absolute;
    top: 92px;
    width: 120px;
}
.jdtq-list-container li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e5e5e5;

}
.jdtq-list-container li:hover{
    background:#f7f9f9;
}
.jdtq-list-container li span{
    display: inline-block;
    float: left;
    width: 100px;
    height: 40px;
    color: #737373;
    }
.jdtq-list-container li span:first-child{
    margin-left: 12px;
    width: 115px;
}
.jdtq-list-container li span.lastspan{
    width: 67px;
    }
.jdtq-list-container{
    background:#fff;
    height:auto;
    overflow:hiden;
}
/*景点天气样式结束*/

/*新广东今日天气样式开始*/
.tq-tqyb-list li img{
    width: 25px;
    height: 25px;
}
.tq-tqyb-list li{
    display: block;
    float: left;
    width: 210px;
    padding-left: 10px;
    font-size: 18px;
    color: #323232;
    padding-bottom: 5px;
    padding-top: 5px;

    border-bottom: 1px solid #e5e5e5;
}
.tq-tqyb-list li:nth-child(3n){
    width: 190px;
    padding-left: 30px;
}

.tq-tqyb-list{
    width: 660px;
}
.tq-tqyb-title span:first-child{
    font-size: 24px;
    color: #323232;
    margin: 0 10px;
}
.tq-tqyb-title{
    width: 660px;
    background: #e4f3fc;
}
/*新广东天气样式结束*/
/********海洋天气***********/
.OceanFo-content{
	position:relative;
	text-align:center;
	margin-bottom:10px;
       width:100%;
}
.OceanTitle{
    height:30px;
}
.OceanFo{
	background:#fff;
	padding-bottom:2px;
	clear: both;
}
.OceanMap{
	width:100;

}
.OceanFo-content .bg{
	width:98%;
}
.OceanBox{
	background:url("../img/tq/OceanTip.png") no-repeat;
	width:474px;
	height:176px;
	top:219px;
	left:164px;
	position:absolute;
	text-align:left;
}
.OceanBoxTitle{
	height:34px;
	margin-top:7px;
	line-height:34px;
	font-size:18px;
	padding:0 10px;
}
.OceanBoxContent table{
	width:98%;
	margin:0 auto;
}
.OceanBoxContent table tr:first-child{
	background:#CFD8DE;
}
.OceanBoxContent tr{
	height:32px;
	text-align:center;
	vertical-align:middle;
}
.OceanBoxContent tr td{
	font-size:12px;
}
.OceanBoxContent tr .we span{
	font-size:13px;
}
.OceanBoxTitle span{
	float:right;
	margin-top:10px;
	cursor:pointer;
}
.OceanFoList{
	width:100%;
        margin-top:2px;
}
.OceanFoListTitle{
	font-size:18px;
	height:25px;
	line-height:25px;
	background:#e5f3fc;
	padding:10px 5px;
}
.OceanFoListTitle span{
	float:right;
	font-size:13px;
	color:#737373;
}
.OceanFoListCon ul li{
	font-size:14px;
	height: 40px;
  line-height: 40px;
  border-bottom:1px dashed #DBDBDB;
}
.OceanFoListCon ul li:first-child{
	font-size:16px;
	border-top:1px dashed #DBDBDB;
}
.OceanFoListCon ul li:first-child span{
	text-align:center;
}
.OceanFoListCon ul li span{
	display:inline-block;
	margin-left:10px;
}
.OceanFoListCon li span img{
	margin-right:5px;
         vertical-align:middle;
}
.OceanFoListCon .sig{
	background:#F2F2F2;
}
.datda-table tr:first-child th{
    background:#4f81bd;
}
.datda-table tr th{
    background:#97a6c5;
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 1px;
    text-align: center;
    width:50px;
}
.datda-table{
   border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    text-align: center;
    width:100%;
}
.datda-table td{
    background:#e9edf4;
    border: 1px solid #ffffff;
    font-size: 13px;
    padding: 5px 1px;
    text-align: center;

}
.three-model{
  float:left;
  width:310px;
  margin-left:35px;
}
.three-model:first-child{
  margin-left:0;
}
.hytq-content-switch{
	width: 100%;
	height: 36px;
    clear: both;
	background: #e9f0f5;
	float:none;
}
#oceanUl{
	float: right;
}
/*台风路径*/
.typhoonContent{background:#fff;width:1000px; position:relative;margin-bottom:20px;z-index:444}
.typhoonContent .typhoonMap{display:inline-block;width:656px;vertical-align:top;height:472px;}
.typhoonContentX{display:inline-block; vertical-align:top;width:328px;left: 665px;position: absolute;}
.typhoonContentX .headline{border-bottom:1px dashed #e4e4e5; padding-bottom:10px;width:100%;}
.typhoonList span:first-child a{color:#379fee;}
.typhoonList .title{margin-bottom:10px;}
.typhoonList .title span{margin-right:20px;}
.typhoonListTable{padding: 0 8px;height: 32px;line-height: 32px;border: 1px solid #e4e4e5;font-size: 0;font-weight: bold;}
.typhoonListX ul{border:1px solid #e4e4e5;border-top:0px; width:100%; height:auto;box-sizing: border-box;text-align: center;}
.typhoonListX ul li{padding:0 8px;height: 32px;line-height: 32px;border-bottom:1px solid #e4e4e5; color: #737373;font-size: 13px;}
.typhoonListX ul li:last-child{border-bottom:0px;}
.typhoonListContent span.t1{width:151px;}
.typhoonListContent span.t2{width:87px;}
.typhoonListContent span.t3{width:44px;}
.typhoonListContent span.t4{width:28px;}
.typhoonListContent span{display:inline-block;width: 25% !important;font-size: 14px;box-sizing: border-box;text-align: center;border-right: 1px solid #e4e4e5;}
.typhoonListContent .typhoonListTable span.t2{width:72px;}
.typhoonListContent span:last-child
{ 
	border-right: none;
}
.typhoonContent .mapSelect{
    left: 40px;
    position: absolute;
    top: 5px;
    width: 119px;
}
/*********景点天气************/
.viewContent{
background:#fff;
height:auto;
color:#333;
padding:10px 0;
margin-bottom:20px;
}
.ViewPic{margin:0 10px 10px;padding-bottom:10px;}
.viewTitle{font-size:16px;height:30px;}
.viewPicZ{float:right;width:48%;margin-bottom:5px;}
.viewPicZ >img{display:inline-block;width:235px;}
.ViewPic .picLeft{
  width:459px;
  display:inline-block;
  margin-right:15px;
}
.picLeft .ViewPicB{font-size: 16px;margin: 10px 0;}
.ViewPicS{
  font-size: 16px;
  display:inline-block;
  vertical-align:top;
  margin: 0 0 0 15px;
  width:216px;	
}
.picLeft .ViewPicB span{
  margin-right:10px;
  color:#757575;
}
.picLeft .ViewPicB span:first-child{color:#333;}
.ViewPicB span img,.ViewPicS ul li img{margin: 0 3px;vertical-align: bottom;}
.picLeft p{
 line-height:25px;
 text-indent:2em;
 color:#757575;
 font-size:13px;
}
.ViewPic .picRight{
  width:500px;
  display:inline-block;
  vertical-align:top;
}
.ViewPicS span{
  font-size: 16px;
  margin-bottom: 10px;
  color:#333;
  display:block;
}
.ViewPicS ul li{
 color:#757575;
 width:90px;
 float:left;
 height:38px;
 line-height:38px;
 font-size: 15px;
}
.ViewPicS ul li:first-child{width:50px;}
.ViewPicS ul li.lastchild{width:73px;}
.ViewPicS ul li img{vertical-align: top;}
.picRight div > img{width:248px;height:184px;}
.picRight > div{margin-bottom:10px;}
.picLeft .ViewPicS{ 
  display: inline-block;
  margin: 5px 0 0 19px;
}
.otherView{margin:20px 10px 10px}
.otherViewTable table{border:1px solid #C8C8C8;width:100%;}
.otherViewTable table tr{height:40px;vertical-align:middle}
.otherViewTable table tr td{font-size:15px;color:#757575;padding-left:10px;border-bottom:1px dashed #C8C8C8;text-align:center}
.otherViewTable table tr th{font-size:16px;color:#000;text-align:center;border-bottom:1px solid #C8C8C8;font-weight:100}
.otherViewTable table tr:last-child td{border-bottom:0px;}
.otherViewTable table tr td span{margin-left:5px;vertical-align:bottom;float:left;width:90px;display:inline-block;}
.otherViewTable table tr td:first-child {text-align:left;}
.otherViewTable table tr:first-child td:first-child{text-align:center}
.otherViewTable table tr:hover td{background:#F7F9F9;}
.otherViewTable table tr td img{margin:0 2px;}
.hyxx-title,.wxyt-title,.ldyt-title,.tflj-title{width:310px;border-bottom:1px solid #c4c4c4;height:30px;}

/*天气子页面*/
.tqskz-top{position:relative;margin-top:30px;height:275px;}
.tqskz-top-nav ul{
    background:#ececec;
    display: block;
    height: 27px;
    margin-top: 10px;
    padding: 0 10px;
    width: 640px;
}
.tqskz-top-nav ul li{
color: #333;
    cursor: pointer;
    float: left;
    font-size: 17px;
    height: 49px;
    line-height: 68px;
    list-style: outside none none;
    padding-left: 2px;
    position: relative;
    text-align: center;
    top: -20px;
    vertical-align: bottom;
    width: 100px;
}
.tqskz-top-nav ul li:first-child{margin:0;}
.tqskz-top-nav ul li.choosetq{background:url("../img/tq/tqxqnav.png") no-repeat 3px -2px;color:#fff}
.tqskz-top-nav ul li.tqskz-time{float:right;width:auto;color:#379FEE;padding:0;font-size:14px; cursor:default}
.tqskz-top-nav ul li.weather-bureau{ width: 120px; color:#379FEE;padding:0;font-size:14px; cursor:default}
.tqskz-top .selectbox{  
    color: #323232;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: -30px;
    width: auto;
}
.tqskz-top .selectbox span{
    margin-right:5px;
    letter-spacing:3px;
}
.tqskz-x{width:658px;border:1px solid #DDD;position:absolute;height:245px;}
.tqskz-x .tqskz-today div.now-on{width:318px;border:0px;}
.tqskz-today > div,.sevenday >div,.tomandafter >div{width:169px;border-left:1px solid #ddd;height:245px;float:left}
.tomandafter >div{width:163px;}
.sevenday > div{width:93px;}
.sevenday > div:first-child,.tomandafter >div:first-child{border:0;}
.tqskz-x > div.sevenday{width:100%;}
.tqskz-x div.clear{height:0;border:0;}
.tqskz-top-all{    
    height: 275px;
    position: relative;
}
.tqskz-x-title{
  margin: 10px 0;
  position: relative;
  text-align: center;
}
.tqskz-x-title span{
   background: #ed832f;
    color: #fff;
    float: right;
    padding: 0 3px;
    position: absolute;
    right: 14px;
}
.tqskz-x-img{text-align:center;margin-bottom:10px;}
.tqskz-x-img div{
    display: inline-block;
    vertical-align: top;
    width: 95px;
}
.tomandafter .tqskz-x-title{margin:22px 0 10px;}
.tqskz-today .tqskz-x-img div{margin-top:5px;}
.sevenday .tqskz-x-img div{margin:0 0 15px;}
.tqskz-today .tqskz-x-img div span:first-child{font-size:25px;margin-bottom:6px;}
.tomandafter .tqskz-x-img div span:first-child{font-size:15px;}
.sevenday .tqskz-x-img div span:first-child{font-size:16px;display:block;}
.tqskz-today .tqskz-x-img div span,.tomandafter .tqskz-x-img div span{display:block;text-align:center;color:#232323;font-size:25px}
.tomandafter .tqskz-x-img div span{margin-bottom:10px;}
.center-div{text-align:center}
span.bg-span{padding:0 2px;}
.tqskz-x-bottom{padding-left:45px;margin-top:10px;}
.tqskz-x-bottom span,.tqskz-x-bottom-right span{display:inline-block;}
.tqskz-x-bottom span:first-child{width:70px;}
.tqskz-x-bottom img,.tqskz-x-bottom-right img{vertical-align:middle;}
.tqskz-x-bottom-right{padding:0;margin:0;text-align:center}
.tqxq-qh{height:250px;cursor:pointer}
.tqskz-today .tqxq-qh-on{background:url("../img/tqxq_qh.png") no-repeat -1px 223px;}
.sevenday .tqxq-qh-on{background:url("../img/tqxq_qh.png") no-repeat -35px 223px;}
/*天气详情列表*/
.tqxq-list ul{}
.tqxq-list li{height:40px;line-height:40px;padding:0 20px;float:left;width:94%;border-bottom:1px dashed #ddd}
.tqxq-list li span{margin-right:58px;display:inline-block}
.tqxq-list li span.ali{
    height: 18px;
    letter-spacing: 5px;
    line-height: 15px;
    margin-left: 17px;
    padding-right: 20px;
    width: 56px;
}
.tqxq-list li.on{background:#e4f3fc;}
.tqxq-list li span.bli{width:56px}
.tqxq-list li span.bli img{vertical-align:middle;}
.tqxq-list li span.cli{width:60px}
.tqxq-list li span.dli{width:80px}
.tqxq-list li span.eli{width:66px}
.tqxq-list li span.fli{margin-right:0}
/*天气实况*/
.tqsk-box-top{
  background:#fff;
  margin-bottom: 30px;
  height: 86px;
  padding: 10px;
}
.tqsk-box-bottom{
  border-radius: 10px;
  background:#fff;
  margin-bottom: 30px;
  padding:20px 0;
}
.tqsk-box-top ul{
  display: block;
  margin-left: 0px;
}
.tqsk-box-top ul li{
  width: 138px;
  float:left;
  border:1px solid #fff;
  position:relative;
}

.tqsk-box-top li a img{
    border: 2px solid #fff;
    display: block;
    height: 83px;
    max-height: 100%;
    width: 135px;
}
.Tanbg{
   background: #e4e4e5;
   border: 1.5px solid #c5c5c5;
   border-radius: 8px 8px 4px 4px;
   padding-top: 2px;
   width: 100%;
   box-shadow:0 1px 1px rgba(0, 0, 0, 0.50);
}

.tqsk-box-top li a img:hover{border:2px solid #565656}
.tqsk-box-top ul li span{
  position:absolute;
  bottom: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  background:rgba(0, 0, 0, 0.3);
  color:#fff;
}
.tqsk-t{
  width: 660px;
  margin:0 auto;
}
.tcPopTab{width:100%;z-index:751; font-family:微软雅黑;}
.tcPopTab tr{    
  border: 0 none !important;
  margin: 0;
  padding-left: 5px;
  height:28px;
  background:#f9f9f9;
}
.tcPopTab tr .appen_p{text-align:right;width:65px;}
.tcPopTab tr .appen_p1{padding-left:5px;}
.tcPopTab td{height:30px;line-height:20px;margin:0;}
.tcPopTab .Tabg_bottom{background:none;height:15px;}
.tcPopTab .Tabg_bottom td{height:15px;}
.tcListTitle{width:100%;background:#dde7ed;height:30px;line-height:30px;border-bottom:1px solid #ccc;}
.tcListTitle td{padding-left:5px;text-align:center; font-size:14px; font-weight:bold;color: #565656;}
/*台风测距工具*/
.tools{
    background: rgba(155, 155, 155, 0.39);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    height: 30px;
    left: 441px;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    top: 6px;
    width: 203px;
    z-index: 777;
}

.tools li{
    color: #fff;
    float: left;
    width: 50px;
    height:30px;
    line-height:31px;
}
.tools li a{cursor:pointer;}
.tools li img{
    height: 14px;
    margin-right: 2px;
    margin-top: -5px;
    vertical-align: middle;
}
.tools li a:hover{
  color: #eee;
  cursor: pointer;
}
.drawDiv {
    border: 1px solid #3f96b3;
    height: 23px;
	color:#000;
	line-height:23px;
	width:auto;
	border-radius:5px;
	padding:0 5px;
  background:url(../img/bg123.png);
}
/*天气排行*/
.tq-ranking-title{height:30px;border-bottom:1px solid #c5c5c5;}
.tq-ranking-content{background:#fff;padding:10px;}
.tq-ranking-list{
  border:1px solid #e5e5e5;
  border-radius:4px 4px 0 0;
}
.tq-ranking-list-title li{
  float:left;
  height:30px;
  line-height:30px;
  padding:0 8px;
}
.tq-ranking-list-title,.tq-ranking-list-xq{
  display:block;
  height:30px;
}
.tq-ranking-list-title{
  padding: 3px 5px 0;
  background: #e1e2e5;
}
.tq-ranking-list-title li a.sj{
   background: url("../img/tq/jiangxu.png") no-repeat scroll 0 -15px rgba(0, 0, 0, 0);
   cursor: pointer;
   display: inline-block;
   padding-left: 22px;
}

.tq-ranking-list-title li a.zx{
   background: url("../img/tq/jiangxu.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
   cursor: pointer;
   display: inline-block;
   padding-left: 22px;
}
.tq-ranking-list-title li.on{
  background:#fff;
  border-radius:4px 4px 0 0;
}
.tq-ranking-list-xq li{
    border-top: 1px dashed #e5e5e5;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}
.tq-ranking-list-xq li:first-child{font-weight:bold;border:0}
.tq-ranking-list-xq li span{display:inline-block;width:150px;}
.tq-ranking-list-xq li:hover{
  background:#f7f9f9;
}
.tq-ranking-list-xq{height:auto;}
.tq-ranking-list-xq li span.col1{
 background: none repeat scroll 0 0 #f2f9fd;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 0 124px 0 5px;
    text-align: center;
    width: 18px;
}
.tq-ranking-list-xq li span.col2{}
.tq-ranking-list-xq li span.col3{}
.tq-ranking-list-xq li span.col4{}

/*珠三角*/
div.four_hover{
   border-bottom: 3px solid #188eee;
}
/*气候盘点农业气象切换*/
.qhpd-list{
	position:relative;
	font-size: 0;
}
.qhpd-title span{color:#e5e5e5}
div.qhpd-title span a{display:inline-block;color:#323232}
div.qhpd-title span a.current{
    border-bottom: 3px solid #188eee;
    color: #188eee;
    cursor: pointer;
    height:28px;
}
.qhpd-list.hide{display:none;}
.qhpd-nyqx-more a{
    background:url("../img/uni-more-bg-white.png") no-repeat 33px 3px #8cd233;
    bottom: 10px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 16px;
    line-height: 15px;
    padding: 1px 4px;
    position: absolute;
    right: 5px;
    width:38px;
}
.qhpd-nyqx-more a:hover{
   background:url("../img/uni-more-bg-white.png") no-repeat 33px 3px #1f90de;
}
/*周边环境*/
.zbhj-content{
  background:#fff;
  border-top:1px solid #c5c5c5;
  height:260px;
}
.zbhj .city{margin:10px 0;}
.zbhj .city li{
    height: 50px;
    line-height: 50px;
    width: 320px;
    border: 1px solid #dadada;
    float: left;
    font-size: 16px;
    margin-left:5px;
    margin-bottom:10px;
}
.zbhj .city li a{
   cursor: pointer;
   display: block;
   text-decoration: none;
}
.zbhj .city li span{
   display:inline-block;
   height: 50px;
   line-height: 50px;
}
.zbhj .city li span:first-child{
    float: left;
    margin-left: 8px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 72px;
}
.zbhj .city li span.tb{width:125px;}
.zbhj .city li span.tb img{
    vertical-align:top;
    width:50px;
    height:50px;
}
.zbhj .city li span.tb em{
    display: inline-block;
    text-align: center;
    width: 15px;
    font-style:normal;
}
.zbhj .city li span img{
  margin: 1px 5px;
  vertical-align: top;
}
.zbhj .city li span em{
  font-style:normal;
}
.zbhj .city li:hover{
   background: #f7f9f9;

}
.zbhj .city li span.last-wendu{
   float: right;
    margin-right: 5px;
    text-align: right;
    width: 116px;
}

/*整点预报样式*/
.zdyb-title{
  border-bottom:1px solid #c5c5c5; 
}
.zdyb-content{
   background:#fff;
   width:660px;
   padding-bottom:10px;
}
.zdyb-content .big-title{
   float: left;
    margin-left: 7px;
    text-align: center;
    width: 113px;
}
.zdyb-content .big-title h2{
  font-size: 16px;
  font-weight: normal;
  line-height: 37px;
  margin: 5px;
}
.zdyb-content .big-title h2 i{
  font-style:normal;
}
.zdyb-content .xq{
  margin:5px;
  float:left;
  width:195px;
}
.zdyb-content .xq p{
  font-size: 14px;
  height: 27px;
  line-height: 26px;
  padding: 0 5px;
}
.zdyb-content .xq p:first-child{
  border-bottom:1px dashed #3f3f3f;
}
#liveUl li{
  margin-right: 14px;
  width: auto;
}
.zdyb-content .chart-switch{
  margin:10px 0;
}
.zdyb-content .chart-switch li.hover{
  background-position: -4px 22px;
}
.zdyb-content .chart-switch li.js.hover{
  background-position: 5px 22px;
}
.zdyb-content .chart-switch li.sd.hover,.zdyb-content .chart-switch li.fl.hover{
  background-position: 17px 22px;
}
/*国际城市与国内城市*/
.abroadCityTitle{
  height:28px;
  border-bottom:1px solid #c5c5c5;
}
.abroadCityContent{
  background:#fff;
  height:220px;
  width:660px;
}
.abroadCityTitle span a.current{
   border-bottom: 3px solid #188eee;
   color: #188eee;
   cursor: default;
   height: 28px;
}
.abroadCityTitle span a{
  cursor:pointer;
}
.abroadCityTitle .search_box{
    float: right;
    height: 28px;
    line-height: 28px;
    width: 158px;
}
.abroadCityTitle .search_box input{
    padding-left:5px;
}
.abroadCityTitle .search_box span{
    background:#188eee;
    border-radius: 13px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 0 -8px;
    padding: 3px;
}

/*现代海洋*/
.modernTechnology .headline .headlineX{
  text-indent: 0;
}

/*定点预报子页面*/
.ddyb-tq .sevenday .tqskz-x-img div{
  margin: 0 auto 15px;
}
.ddyb-tq .tqskz-x-img div{
  display:block;
}
.ddyb-tq .sevenday > div{
  width:165px;
}
.ddyb-tq{
  margin-bottom:30px;
}