.casulbox {width:100%;}
.casuleborder {border:1px solid #e6e6e6;padding:0 30px;box-sizing:border-box;}
.air_top {width:100%;border-bottom:1px solid #E6E6E6;padding:10px 0;margin-bottom:10px;}
.baseinfo {display:inline-block;}
.baseinfo img {width:12px;height:16px;vertical-align:-3px;margin-right:2px;}
.baseinfo_position {font-size:16px;margin-right:2px;}
.baseinfo a {color:#999999;margin-right:6px;}
.baseinfo_date {font-size:14px;}
.datechange {float:right;line-height:27px;}
.datechange a {padding:0 10px;}
.datechange a:hover {color:#3388ff;}
.air_condition {height:343px;padding:20px 0;}
.air_canvasbox {width:262px;float:left;height:100%;position:relative;}
.air_canvastitle {width:100%;text-align:left;font-size:16px;font-weight:bold;margin-bottom:29px;}
.air_canvas_desc {width:100%;position:absolute;z-index:9;text-align:center;bottom: 25px;}
.air_canvas_descimg{position: relative;top: 4px;}
.air_num {width:100%;font-size:70px;font-weight:bold;margin-top: 10px;}
.air_comt {font-size:20px;}
.air_explain {font-size:14px;color:#999999;margin-top:10px;cursor: pointer;}
.air_level {width:100%;cursor: pointer;}
.air_level .air_class {width:15.5%;display:inline-block;text-align:center;font-size:13px;box-sizing:border-box;padding:0 2px;}
.air_level .air_class:nth-child(1) .color_square {width:100%;height:7px;background-color:#8CCD26;margin-top:6px;}
.air_level .air_class:nth-child(2) .color_square {width:100%;height:7px;background-color:#FFB538;margin-top:6px;}
.air_level .air_class:nth-child(3) .color_square {width:100%;height:7px;background-color:#FF6900;margin-top:6px;}
.air_level .air_class:nth-child(4) .color_square {width:100%;height:7px;background-color:#FC3B00;margin-top:6px;}
.air_level .air_class:nth-child(5) .color_square {width:100%;height:7px;background-color:#E00D62;margin-top:6px;}
.air_level .air_class:nth-child(6) .color_square {width:100%;height:7px;background-color:#BE004D;margin-top:6px;}
.air_ctips {width:340px;height:100%;background-color:#F8F8F8;display:inline-block;padding:30px;box-sizing:border-box;float:left;margin-left:55px;}
.air_rank {width:100%;font-size:14px;}
.air_rank img {margin-right:4px;}
a:hover{
    color: #3388ff;
}
.tblue {color:#78A9FC;}
.t1 {color:#8CCD26;}
.t2 {color:#FFB538;}
.t3 {color:#FF6900;}
.t4 {color:#FC3B00;}
.t5 {color:#E00D62;}
.t6 {color:#BE004D;}
.rank_jump {width:100%;color:#999999;margin-top:15px;font-size:14px;}
.air-quality {width:100%;border-bottom:1px dashed #E6E6E6;padding-bottom:20px;}
.air_ssty {margin-top:25px;}
.air_warmtips {margin-top:25px;}
.air_pollution {width:336px;height:100%;display:inline-block;float:right;}
.air_pitem {width:100%;}
.air_pitem ul {width:100%;}
.air_pitem ul li {width:140px;float:left;margin-bottom:55px;height: 60px;}
.air_pitem ul li:nth-child(2n) {float:right;}
.pollute_item {font-size:14px;margin-bottom:10px;}
.pollute_data {width:100%;margin-bottom:5px;}
.pollute_data span:nth-child(1) {float:left;}
.pollute_data span:nth-child(2) {float:right;}
.pollute_bar {width:100%;height:10px;background-color:#EAEBF1;border-radius:24px;position:relative;}
.pollute_progress {width:80%;height:10px;background-color:#8CCD26;border-radius:24px;position:absolute;left:0;top:0;}
.pollute_ball {width:16px;height:16px;background-color:#8CCD26;border-radius:50%;position:absolute;top:-4px;left:70%;text-align:center;z-index:99;}
.white_ball {width:10px;height:10px;border-radius:50%;background-color:#fff;margin:0 auto;z-index:999999;margin-top:3.4px;margin-left:3px;}
.air_toptag {width:100%;margin-top:25px;}
.air_toptag div{width:210px;height:36px;display:inline-block;line-height:36px;text-align:center;background-color:#F6F6F6;float:left;margin-right:10px;border-top-left-radius:6px;border-top-right-radius:6px;cursor: pointer;}
.air_toptag_choose {background-color:#3388ff !important;color:#FFFFFF;}
.canvasbox {width:100%;border:1px solid #e6e6e6;padding:0 30px;box-sizing:border-box;}
.canvas_time {width:100%;}
.canvas_time div {width:4%;text-align:center;float:left;margin-right:1.7px;font-size:13px;margin-top:30px;}
.canvas_time15 div {width:6.4%!important;margin-right:2.7px!important;}
.tit_02 {clear:both;width:100%;padding:0 0 16px 0;height:20px;/* border-bottom:1px solid #e6e6e6;*/margin-top:20px;}
.tit_02 h3 {font-size:18px;font-weight:bold;color:#333;border-left:5px solid #3388ff;height:20px;line-height:20px;overflow:hidden;padding:0 0 0 14px;float:left;}
.tit_02 a.more {float:right;color:#333;font-size:14px;line-height:20px;}
.tit_02 a.more font {font-family:"宋体";font-weight:bold;margin:0 0 0 3px;}
.tit_02 a.more:hover {color:#3388ff;}
.tit_01 {clear:both;width:100%;padding:0 0 16px 0;height:20px;border-bottom:1px solid #e6e6e6;margin-top:20px;}
.tit_01 h3 {font-size:18px;font-weight:bold;color:#333;border-left:5px solid #3388ff;height:20px;line-height:20px;overflow:hidden;padding:0 0 0 14px;float:left;}
.tit_01 a.more {float:right;color:#333;font-size:14px;line-height:20px;}
.tit_01 a.more font {font-family:"宋体";margin:0 0 0 3px;}
.tit_01 a.more:hover {color:#3388ff;}
.air_introbox {width:100%;border:1px solid #e6e6e6;padding:35px 30px;box-sizing:border-box;}
.air_ask {width:100%;font-size:14px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#111111;font-weight:bold;margin-bottom:10px;}
.air_anser {width:100%;color:#666666;line-height:28px;font-size:14px;margin-bottom:20px;}
.air_anser:last-child {margin-bottom:0;}
.air_mapsbox {width:100%;padding:30px;box-sizing:border-box;border:1px solid #e6e6e6;padding-right:10px;}
.air_map {width:620px;height:480px;}
.air_mapright {width:436px;float:left;}
.air_ranklist {width:200px;float:left;margin-right:28px;}
.air_ranklist:last-child {margin-right:0;}
.ranklist_title {width:100%;}
.ranklist_title li {width:100%;}
.ranklist_title li:nth-child(1) {width:100%;margin-bottom:10px;}
.ranklist_title div {font-size:16px;font-weight:bold;text-align:left;}
.ranklist_title span {display:inline-block;float:left;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ranklist_title span:nth-child(1) {width:30px;margin-right:10px;}
.ranklist_title span:nth-child(2) {width:80px;}
.ranklist_title span:nth-child(3) {width:80px;text-align:center;}
.ranklist_content {width:100%;}
.ranklist_content li {width:100%;margin-top:19px;float:left;}
.ranklist_content li:last-child {margin-top:10px;}
.ranklist_content li a {font-size:14px;}
.ranklist_content li a:hover {color:#3388ff;}
.ranklist_content li:nth-child(1) span:nth-child(1) {background-color:#FF0000;}
.ranklist_content li:nth-child(2) span:nth-child(1) {background-color:#FF881E;}
.ranklist_content li:nth-child(3) span:nth-child(1) {background-color:#FFC600;}
.ranklist_content div {font-size:16px;font-weight:bold;text-align:left;}
.ranklist_content span {display:inline-block;float:left;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ranklist_content span:nth-child(1) {width:20px;height:20px;line-height:20px;text-align:center;margin-right:10px;background-color:#BBBBBB;color:#fff;}
.ranklist_content span:nth-child(2) {width:90px;box-sizing:border-box;padding-left:10px;}
.ranklist_content span:nth-child(3) {width:auto;padding:0 5px;margin-left:13px;}
.aqi_city1 {border:1px solid #C0E488;background-color:rgba(192,228,136,0.3);color:#C0E488;}
.aqi_city2 {border:1px solid #FFB538;background-color:rgba(255,181,56,0.3);color:#FFB538;}
.aqi_city3 {border:1px solid #FF6900;background-color:rgba(255,105,0,0.3);color:#FF6900;}
.aqi_city4 {border:1px solid #FC3B00;background-color:rgba(252,59,0,0.3);color:#FC3B00;}
.aqi_city5 {border:1px solid #E00D62;background-color:rgba(224,13,98,0.3);color:#E00D62;}
.aqi_city6 {border:1px solid #BE004D;background-color:rgba(190,0,77,0.3);color:#BE004D;}
.culture_list {clear:both;width:100%;margin:2px 0 0 0;}
.culture_list ul li {float:left;width:360px;height:24px;line-height:24px;overflow:hidden;margin:14px 40px 0 0;}
.culture_list ul li:nth-child(2n) {margin:14px 0 0 0;}
.culture_list ul li a {font-size:16px;color:#333;}
.culture_list ul li a:hover {color:#3388ff;text-decoration:underline;}
.inter_scenic {clear:both;width:100%;}
.scenic_list {clear:both;width:100%;}
.scenic_list ul li {width:144px;margin:20px 10px 0 0;float:left;}
.scenic_list ul li:nth-child(5n) {margin:18px 0 0 0;}
.scenic_list ul li span {width:144px;height:98px;display:block;overflow:hidden;}
.scenic_list ul li span img {width:100%;display:block;}
.scenic_list ul li span img {display:block;border:0;width:100%;height:98px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:all 1s ease 0s;-webkit-transform:all 1s ease 0s;-moz-transform:all 1s ease 0s;-o-transform:all 1s ease 0s;}
.scenic_list ul li:hover span img {display:block;border:0;width:100%;height:98px;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transition:all 1s ease 0s;-webkit-transform:all 1s ease 0s;-moz-transform:all 1s ease 0s;-o-transform:all 1s ease 0s;}
.culture_list ul li {float:left;width:360px;height:24px;line-height:24px;overflow:hidden;margin:14px 40px 0 0;}
.scenic_list ul li h4 {clear:both;width:100%;font-size:14px;color:#333;text-align:center;line-height:18px;height:18px;overflow:hidden;margin:13px 0 0 0;}
.scenic_list ul li a:hover h4 {color:#3388ff;}
.culList2 {width:100%;}
.culList2 ul li {width:100%;height:104px;margin:10px 0;}
.culList2 ul li a {width:100%;height:100%;display:block;}
.culList2 ul li a span {display:inline-block;overflow:hidden;width:156px;height:104px;}
.culList2 ul li a img {width:190px;height:120px;display:block;border:0;width:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:all 1s ease 0s;-webkit-transform:all 1s ease 0s;-moz-transform:all 1s ease 0s;-o-transform:all 1s ease 0s;}
.culList2 ul li a span:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transition:all 1s ease 0s;-webkit-transform:all 1s ease 0s;-moz-transform:all 1s ease 0s;-o-transform:all 1s ease 0s;}
.culList2 ul li a div {width:578px;}
.culList2 ul li a div lable {float:left;}
.culList2 ul li a div h3 {font-size:18px;color:#333;margin-top:16px;height:48px;overflow:hidden;text-overflow:ellipsis;}
.culList2 ul li a div h3:hover {color:#3388FF !important;}
.culList2 ul li a div p {font-size:13px;color:#999;margin-left:0px;margin-top:17px;}
.air_around {width:100%;border:1px solid #e6e6e6;padding:30px;box-sizing:border-box;padding-bottom: 10px;}
.air_around ul{width: 100%;}
.air_around ul li{width: 25%;float: left;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 4px;box-sizing: border-box;margin-bottom: 10px;font-size: 14px;}
.air_around ul li a:hover{color: #3388ff;}

#links{ margin:0 auto; width:1100px;min-width:1100px;margin-top: 20px;}
#links ul li{ margin:0; padding:0;}
#links .bt{float:left; margin:0; padding:0; }
#links .bt li{float:left; margin:0; padding:0 5px;line-height:24px; white-space:nowrap;margin-right: 31px;}
#links .bt li a:hover{color: #3388ff;}
.href-title{
    float: left;
    min-width: 1100px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
.href-title ul{
    float: left;	
    margin: 0;
    padding: 0;
}
.href-title li.hover{
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 3px solid #3388ff;
}
.href-title li{
    float: left;
    color: #333;
    height: 29px;
    line-height: 29px;
    text-align: left;
    font-size: 16px;
    white-spance: nowrap;
    font-weight: bold;
}
.href-content{
    float: left;
    min-width: 1100px;
    width: 1100px;
    height: auto;
    margin: 0;
    padding: 8px 0px;
    border-top: none;
    line-height: 24px;
}
.links-content{
    float: left;
    margin: 0;
    min-width: 1100px;
    width: 1100px;
    height: auto;
    margin-top: 20px;
    padding: 0;
}

.clear1{display:block;clear:both;width:100%;height:1px;overflow:hidden;*zoom:1;}
.clear2{display:block;clear:both;width:100%;height:2px;overflow:hidden;*zoom:1;}
.clear3{display:block;clear:both;width:100%;height:3px;overflow:hidden;*zoom:1;}
.clear5{display:block;clear:both;width:100%;height:5px;overflow:hidden;*zoom:1;}
.clear4{display:block;clear:both;width:100%;height:4px;overflow:hidden;*zoom:1;}
.clear10{display:block;clear:both;width:100%;height:10px;overflow:hidden;*zoom:1;}
.clear12{display:block;clear:both;width:100%;height:12px;overflow:hidden;*zoom:1;}
.clear15{display:block;clear:both;width:100%;height:0px;overflow:hidden;*zoom:1;}
.clear20{display:block;clear:both;width:100%;height:20px;overflow:hidden;*zoom:1;}
.clear25{display:block;clear:both;width:100%;height:25px;overflow:hidden;*zoom:1;}
.clear30{display:block;clear:both;width:100%;height:30px;overflow:hidden;*zoom:1;}
.clear40{display:block;clear:both;width:100%;height:40px;overflow:hidden;*zoom:1;}
.clear50{display:block;clear:both;width:100%;height:50px;overflow:hidden;*zoom:1;}
.clearline {display:block;clear:both;width:100%;height:1px;border-top:1px solid #f3f3f3;overflow:hidden; }
.clearb {float:left;display:block;width:100%;height:3px;background-color:#fff;margin-top:-2px;overflow:hidden; }
.clearline3 {float:left;display:block;width:100%;height:3px;background-color:#333;margin:10px 0;overflow:hidden;}
.clearline2 {float:left;display:block;width:100%;height:2px;background-color:#333;margin:10px 0;overflow:hidden;}
.clearline1 {float:left;display:block;width:100%;height:1px;background-color:#e3e3e3;margin:10px 0;overflow:hidden;}
.clearline {float:left;display:block;width:100%;height:1px;background-color:#e3e3e3;overflow:hidden;}


.all_r300box{ border:1px solid #eee; border-top:2px solid #3388ff; padding:12px 14px 0 14px;margin-bottom: 20px;}
.tit05{width:100%;}
.tit05 h2,.tit05 h3{line-height:24px; height:24px; color:#333; font-size:18px; float:left;}
.tit05 .Newmore{float:right; font-size: 14px; line-height:24px; color: #222;float: right;}
.tit05 .Newmore font{font-family: 'simsun'; letter-spacing: -1px;}

ul.news_listinfo {float:left;width:100%; font-family: "微软雅黑"; padding:0 0 18px 0;}
ul.news_listinfo li {float:left;width:100%; border-bottom:1px dotted #ddd; padding:12px 0;}
ul.news_listinfo li a{-webkit-box-flex: 1; display: -webkit-flex; display:flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-box-flex: 1;
    display: -webkit-flex; display:flex;}
ul.news_listinfo li h3{line-height:16px;height:16px;overflow:hidden;font-size:14px;overflow:hidden;flex:1;-webkit-box-flex: 1;padding-left: 9px;box-sizing: border-box;position: relative;}
ul.news_listinfo li h3:hover{color: #3388ff;}
ul.news_listinfo li h3:before{content: "";width: 3px;height: 3px;border-radius: 50%;position: absolute;left: 0;top: 7px;background-color: #999999;}
ul.news_listinfo li div{float:right; width:100%; display:none; flex:1; -webkit-box-flex: 1; margin:4px 0 4px 0;}
ul.news_listinfo li div b{width:100px; height:67px; display:block; float:left;}
ul.news_listinfo li div b img{width:100%; display:block;}
ul.news_listinfo li div span{float:right; width:158px; display:block;}
ul.news_listinfo li div span h4{font-size:14px; font-weight:bold; color:#333; line-height:24px; height:24px; overflow:hidden; margin:0 0 4px 0;}
ul.news_listinfo li div span p{font-size:12px; color:#999; line-height:18px; height:36px; overflow:hidden;}

.aqi_ranklistbox{width: 100%;}
.aqi_title{width: 100%;font-size: 26px;font-weight: bold;text-align: center;}
.aqi_time{width: 100%;text-align: center;color: #999999;font-size: 14px;margin-top: 20px;margin-bottom: 20px;}
.aqi_ranktitle{width: 100%;background-color: #F6F6F6;}
.aqi_ranktitle li{width: 20%;float: left;font-size: 14px;text-align: center;height: 48px;line-height: 48px;color: #999999;position: relative;}
.aqi_ranktitle li:nth-child(1){width: 15%;}
.aqi_ranktitle li:nth-child(2){width: 25%;}

.aqi_ranklist{width: 100%;}
.aqi_ranklist li{width: 100%;height:50px;line-height: 50px;;}
.aqi_ranklist li span{width:20%;float: left;display: inline-block;height: 100%;}
.aqi_ranklist li span{width: 20%;float: left;font-size: 14px;text-align: center;height: 48px;line-height: 48px;color: #333;}
.aqi_ranklist li span:nth-child(1){width: 15%;}
.aqi_ranklist li span:nth-child(2){
    width: 80%;
    text-align: left;
}
.aqi_ranklist li i{padding: 2px 20px;}
.aqi_ranklist li:nth-child(even){background-color: #FAFAFA;}
.hide{display: none;}
.unblock{width: 100%;text-align: center;border-bottom: 1px dashed #e6e6e6;padding-bottom: 25px;}
.unblock div{cursor: pointer;}
.unblock div:nth-child(1){font-size: 14px;color: #A5A5A5;margin-bottom: 10px;margin-top: 10px;}
.aqi_search{width: 100%;background-color: #3388ff;text-align: center;padding: 5px 0;}
.aqi_search input{float: left;height: 30px;border: none;width: 240px;padding-left: 10px;box-sizing: border-box;}
.aqi_search button{border: none;width: 30px;height: 30px;float: left;}
.inputbox{width: auto;display: inline-block;margin-top: 2px;}
.aboutaqi{width: 100%;padding: 0 15px;box-sizing: border-box;border: 1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 20px;}
.aboutaqi_title{margin: 15px 0;font-size: 16px;font-weight: bold;}
.aboutaqi_content{width: 100%;font-size: 12px;color: #666666;line-height: 26px;}

.aqi_best_title{width: 100%;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;padding: 8px 0;margin-top: 4px;}
.aqi_best_title li{width: 25%;float: left;text-align: center;color: #999999;}
.aqi_best_title li:nth-child(1){width: 20%;text-align: left;}
.aqi_best_title li:nth-child(2){width: 30%;text-align: left;}
.aqi_best_content{width: 100%;}
.aqi_best_content li{width: 100%;padding: 10px 0;}

.aqi_best_content li span{width: 25%;float: left;text-align: center;font-size: 14px;}
.aqi_best_content li span:nth-child(1){width: 20%;text-align: left;}
.aqi_best_content li span:nth-child(1) i{width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;color:#fff;background-color:#BBBBBB;}
.aqi_best_content li:nth-child(1) span:nth-child(1) i{width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;color:#fff;background-color:#FF0000;}
.aqi_best_content li:nth-child(2) span:nth-child(1) i{width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;color:#fff;background-color:#FF881E ;}
.aqi_best_content li:nth-child(3) span:nth-child(1) i{width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;color:#fff;background-color:#FFC600 ;}
.aqi_best_content li span:nth-child(2){width: 30%;text-align: left;line-height: 23px;}
.aqi_best_content li span:nth-child(3){line-height: 23px;}
.aqi_res{padding: 1px 8px;box-sizing: border-box;display: inline-block;}


.hotcity_aqi{width: 100%;margin-top: 20px;}
.hotcity_aqi li{width: 50%;float: left;padding-right: 5px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;margin-bottom: 20px;}

.main-unit { position: relative; zoom: 1; }
.main-unit .btitle { width:592px; border:1px solid #ebebeb; border-bottom: none;height: 65px; padding:0 10px; background:#f8f8f8; overflow: hidden; margin: 0; position: relative; }
.main-unit .btitle h2 { font-size: 24px; font-family: "Microsoft Yahei"; font-weight: normal; color: #0075b9; height: 32px; line-height: 32px; margin-top: 10px; text-align:center;}
.main-unit .btitle p { height: 24px; line-height: 24px; color: #999999; text-align:center;}
.main-unit .btitle .sharebox { position: absolute; right: 14px; top: 10px; }
.main-unit .btitle-fixed { position: fixed; top: 0px; left: 50%; width: 579px; margin-left: -494px; _position: absolute; _left: 1px; _margin-left: 0; }
.main-unit .meta { border: solid #dfe2e8; border-width: 0 1px 1px 1px; background-color: white; zoom: 1; }
.main-unit .meta li { overflow: hidden; zoom: 1; _display: inline; }
.main-unit .meta li span { float: left; font-size: 16px; font-family: "Microsoft Yahei"; display: inline; }
.main-unit .meta li span.th { background-color: #9ec2d4; border-bottom: 1px solid #7caec7; height: 36px; font-weight: normal; color: white; line-height: 36px; }
.main-unit .meta li span.td { height: 29px; color: #333333; line-height: 29px; border-bottom: 1px solid #e8e8e8; }
.main-unit .meta li span.th-1st, .main-unit .meta li span.td-1st { text-align: center; width: 90px; }
.main-unit .meta li span.th-2nd, .main-unit .meta li span.td-2nd { text-align: left; padding-left: 68px; width: 120px; }
.main-unit .meta li span.th-3rd, .main-unit .meta li span.td-3rd { text-align: left; }
.main-unit .meta li span.th-3rd { padding-left:10px; width: 144px; }
.main-unit .meta li span.th-3rd .L01{ float:left; font-style:normal; padding:0 4px 0 0;}
.main-unit .meta li span.th-3rd .pc_top{ float:left; width:16px; height:36px;background:url("//static.tianqistatic.com/img/air_pc.gif") no-repeat 3px 14px; line-height:36px;}
.main-unit .meta li span.th-3rd .pc_bottom{ float:left; width:16px; height:36px;background:url("//static.tianqistatic.com/img/air_pc.gif") no-repeat 3px -28px; line-height:36px;}
.main-unit .meta li span.th-3rd em { font-size: 12px; }
.main-unit .meta li span.th-4rd { padding-left: 30px; width: 150px; }
.main-unit .meta li span.td-3rd { padding-right: 40px; width: 114px; text-align: center; }
.main-unit .meta li span.td-4rd { padding-right: 40px; width: 127px; text-align: center; }
.main-unit .meta li span.td-4rd .f1{ color:#79b800;}
.main-unit .meta li span.td-4rd .f2{ color:#f60;}
.main-unit .meta li span.td-4rd .f3{ color:#c67901;}
.main-unit .meta li span.td-4rd .f4{ color:#eb111b;}
.main-unit .meta li span.td-4rd .f5{ color:#b3065b;}
.main-unit .meta li span.td-4rd .f6{ color:#600202;}
.main-unit .meta li.thead { height: 37px; }
.main-unit .meta li.tr-cur .td { background-color: #e5eff7; }
.main-unit .meta li.tr-last .td { border-bottom: none; }
.main-unit .meta li.tr-fixed { position: fixed; top: 65px; left: 50%; width: 579px; height: 37px; margin-left: -494px; _position: absolute; _left: 1px; _margin-left: 0; }
.main-unit .angle { position: absolute; top: 0px; width: 5px; height: 65px; background-position: 0 0; }
.main-unit .angle-lt { left: 0px; background-position: 0 -66px; }
.main-unit .angle-rt { right: 0px; background-position: -5px -66px; }

.bar-unit {margin-bottom: 0px;position: relative;zoom: 1;margin-top: 10px;}
.bar-unit  .btitle { height: 33px; margin: 0; padding-left: 10px; position: relative; background:#f8f8f8;border:1px solid #ebebeb; border-bottom:2px solid #579adf; }
.bar-unit  .btitle h3 { height: 33px; line-height: 33px; overflow: hidden; text-align: left; color: #444; font-weight: bold; }
.bar-unit  .meta {border-width: 0 1px 1px 1px;background-color: white;}
.bar-unit  .angle { position: absolute; top: 0px; width: 5px; height: 33px; background-position: 0 0; }
.bar-unit  .angle-lt { left: 0px; background-position: 0 0; }
.bar-unit  .angle-rt { right: 0px; background-position: -5px 0; }
.aqs-unit .meta {}
.aqs-unit .meta table { width: 100%; text-align: left; }
.aqs-unit .meta table th {border-bottom: 1px solid #d6e7f1;color: #666666;font-size: 14px;/* font-weight: bold; */height: 26px;padding-left: 4px;color: #999999;}
.aqs-unit .meta table th em { font-size: 12px; font-weight: normal; }
.aqs-unit .meta table .th-1st { width: 74px; }
.aqs-unit .meta table .th-2nd {width: 75px;}
.aqs-unit .meta table .th-3rd {width: 231px;}
.aqs-unit .meta table td { border-bottom: 1px dotted #bdbdbd; color: black; height: 18px; padding: 10px 0 10px 4px; }
.aqs-unit .meta table td em { margin-left: 8px; font-weight: bold; }
.aqs-unit .meta table td em.level-1 { color: #79b800; }
.aqs-unit .meta table td em.level-2 { color: #f60; }
.aqs-unit .meta table td em.level-3 { color: #c67901; }
.aqs-unit .meta table td em.level-4 { color: #eb111b; }
.aqs-unit .meta table td em.level-5 { color: #b3065b; }
.aqs-unit .meta table td em.level-6 { color: #600202; }
.aqs-unit .meta table .tr-last td { border-bottom: none; }

.box336c .box_c .news01{float:left;width:314px; overflow:hidden;margin:0;padding:0;}
.box336c .box_c .news01 li{float:left;width:314px; padding:0;height:27px;line-height:27px;overflow:hidden; font-size:14px; color:#507FAE;}
.box336c .box_c .news01 a.f1{ color:#f60;}

.city_indexbox{width: 100%;padding: 30px;box-sizing: border-box;border: 1px solid #e6e6e6;margin-bottom: 20px;}
.city_indextitle{font-size: 20px;border-bottom: 1px dotted #E6E6E6;padding-bottom: 20px;}
.city_indextitle_emph{font-size: 26px;color: #3388ff;}
.city_competebox{width: 100%;margin-top: 20px;}
.city_competeindex{width: 100px;float: left;}
.city_competeindex span{width: 100%;display: inline-block;font-size: 45px;text-align: center;}
.city_competeindex div{width: 100%;height: 34px;line-height: 34px;text-align: center;color: #fff;background-color: #8ccd26;border-radius: 6px;}
.city_competeindex div img{vertical-align: -4px;margin-right: 5px;}
.city_percent{float: left;width: 400px;margin-left: 20px;}
.city_percentrank{font-size: 16px;float: left;margin-top: 10px;}
.city_percentjump{font-size: 14px;float: left;margin-top: 20px;}
.tblue{color: #3388ff;}
.city_indexrankbox{width: 100%;border: 1px solid #e6e6e6;padding-top: 20px;box-sizing: border-box;}
.city_indexrank_title{width: 100%;background-color: #f6f6f6;}
.city_indexrank_title li{width:100px;text-align: center;float: left;height: 48px;line-height: 48px;font-size: 14px;color: #999999;}
.city_indexrank_title li:nth-child(2){width: 70px;}
.city_indexrank_title li:nth-child(5){width: 288px;}

.city_indexrank_content{width: 100%;}
.city_indexrank_content li:nth-child(even){background-color: #fafafa;}
.city_indexrank_content li span{width:100px;text-align: center;height: 52px;float: left;line-height:52px;padding: 15px 0;box-sizing: unset;}
.city_indexrank_content li span:nth-child(2){width: 70px;}
.city_indexrank_content li span:nth-child(5){width: 288px;line-height: 28px;text-align: left;}
.aqicitybox{padding: 2px 23px;}
.aqicity_choose{width: 100%;border: 1px solid #e6e6e6;border-bottom: none;box-sizing: border-box;padding: 0 15px;border-top: none;padding-top: 15px;}
.aqicity_choose ul{width: 100%;/* padding-top: 20px; */padding-bottom: 10px;}
.aqicity_choose ul li{width: 50%;float: left;}
.aqicity_choose ul li div{display: inline-block;}
.aqicity_choose ul li div:nth-child(1){width: 20px;float: left;color: #999999;font-size: 14px;line-height: 21px;}
.aqicity_choose ul li div:nth-child(2){width: 100px;float: left;}
.aqicity_choose ul li div:nth-child(2) a{width: 50px;float: left;font-size: 14px;display: inline-block;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.aqicity_choose ul li div:nth-child(2) a:hover{color: #3388ff;}
.indexcover{width: 100%;height: 3000px;position: absolute;background-color: rgba(0,0,0,0.7);z-index: 99999;top: 0;}
.indextable{width: 1100px;padding: 30px;box-sizing: border-box;margin: 0 auto;background: #fff;margin-top: 192px;}
.indexcover_title{width: 100%;text-align: center;font-size: 20px;font-weight: bold;position: relative;}
.indextable_title{width: 100%;border: 1px solid #e6e6e6;margin-top: 30px;height: 50px;line-height: 50px;}
.indextable_title li{font-size: 14px;font-weight: bold;float: left;width: 140px;text-align: center;border-right: 1px solid #e6e6e6;}
.indextable_title li:nth-child(4){width: 305px;}
.indextable_title li:nth-child(5){width: 310px;border-right: none;}

.indextable_content{width: 100%;border: 1px solid #e6e6e6;border-top: none;}
.indextable_content li{border-bottom: 1px solid #e6e6e6;}
.indextable_content li div{font-size: 14px;float: left;width: 140px;text-align: center;border-right: 1px solid #e6e6e6;height: 90px;line-height: 90px;}
.indextable_content li div:nth-child(3) span{width: 100px;height: 60px;display: inline-block;margin-top: 15px;}
.indextable_content li div:nth-child(4){width: 305px;line-height: 30px;text-align: left;padding: 0 15px;box-sizing: border-box;}
.indextable_content li div:nth-child(5){width: 310px;line-height: 30px;border-right: none;text-align: left;padding: 0 15px;box-sizing: border-box;text-align: left;}
.indexcover_close{display: inline-block;position: absolute;right: -10px;top: -15px;cursor: pointer;}

.level_1{background-color: #8ccd26;}
.level_2{background-color: #ffb538;}
.level_3{background-color: #ff6900;}
.level_4{background-color: #fc3b00;}
.level_5{background-color: #e00d62;}
.level_6{background-color: #be004d;}



.airquality{overflow: hidden;}
.airquality table{border-right:1px solid#eee;border-bottom:1px solid #eee} 
.airquality table td{border-left:1px solid #eee;border-top:1px solid #eee} 
.airquality div,.airquality span,.airquality p,.airquality tr,.airquality td{box-sizing: border-box;}
.dataList {float: left;width: 300px;padding: 6px 10px 0px;border: 1px solid #eee;border-bottom: none;border-top: 2px solid #3388ff;}
.dataList span {float: right;padding-top: 4px;line-height: 22px;height: 28px;font-weight: 400;font-size: 12px;color: #999;}
.dataList h4 {float: left;height: 28px;line-height: 28px;font-family: 微软雅黑;font-weight: 400;font-size: 18px;color: rgb(51, 51, 51);}
.dataList p.txt {font-size: 12px;line-height: 18px;height: 24px;float: left;font-weight: 400;color: rgb(51, 51, 51);}
.air_tab01 .t1 {font-size: 12px;color: rgb(0, 136, 204);background: rgb(233, 251, 255);}
.air_tab01 td {color: rgb(102, 102, 102);line-height: 20px;padding: 8px 0px; font-size: 12px}
.air_tab01 .f1 span {float: left;width: 38px;height: 8px;display: block;overflow: hidden;margin-left: 6px;}
.air_tab01 .f1 i {float: left;width: 50px;text-align: center;font-style: normal;}
.dataList_jc {float: left;width: 300px;height: 38px;line-height: 38px;text-align: center;cursor: pointer;color: #666;border: 1px solid #eee;border-top: none;}

.canvasbox15{display: none;}

.konoup{position: absolute;right: 20px;top: 16px;}
.kondownthr{position: absolute;right: 20px;top: 16px;transform:rotate(180deg);}
.kondown{position: absolute;right: 20px;bottom: 16px;transform:rotate(180deg);}
.kondowntwo{position: absolute;right: 20px;bottom: 16px;}

.air_canvaspic{background: url(../images/quan.png) no-repeat;background-size:100%;}
.air_img{position: absolute;margin: auto;bottom: 35px;top: 0px;right: 7px;left: 0;transform:rotate(-125deg);transition: all 1s;transform-origin:35px 63px;}

.air_canvaspictitle{position: absolute;margin: auto;bottom: 0;top: -5px;right: 7px;left: 0;z-index: 9;color: #8CCD26;width: 80px;height: 40px;font-size: 32px;text-align: center;line-height: 40px;}

/*  */
.city_lx{
    z-index: -9999;
    overflow-y: scroll;
    /* height: 300px; */

}
.str{
    position: absolute;
}
#oDiv{
    display: none;
}
.spanbook{
    display: inline-block;
    padding-left: 16px;
    box-sizing: border-box;
}
.g-clearfix{
    text-align: left;
}
.spanbook a{
    float: none!important;
    margin-right: 4px;
    font-size: 14px;
}
/*.selectnav-level1{*/
/*text-indent: 10px !important;*/
/*}*/

.content_inner {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
}
.selectnav-wrap .selectnav-cont-wrap a:hover, .selectnav-wrap .selectnav-level1.curr {
    color: #3388ff;
}
.card {
    background: #fff;
    margin-bottom: 0px;
    padding: 13px 30px 15px 30px;
    position: relative;overflow: hidden;
}
.selectnav-wrap {
    padding: 16px 0 25px;
    font-family: 微软雅黑;
    position: relative;
}
.selectnav-wrap .selectnav-title {
    color: #999;
    width: 87px;
    font-size: 14px;
    position: absolute;
    top: 20px;
    left: 0;
    text-align: right;
}
.g-fl {
    float: left;

}
.card div {
    box-sizing: border-box;
}
.selectnav-wrap .selectnav-cont-wrap {
    /*margin-top: -2px;*/
    /*width: calc(100% - 87px);*/
    width: 100%;
    padding-left: 100px;
}
.selectnav-wrap .selectnav-level1.simple-curr {
    background: none;
    border-color: transparent;
}
.selectnav-wrap .selectnav-cont-wrap a {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px;
    font-size: 14px;
    color: #333;
    padding: 5px 8px;
    white-space: nowrap;
    float: left;
    width: 38px;
    text-align: left;
}


/* 输入框点击显示省市区样式 */
.aqicity_choose ul {
    border-bottom: 1px dotted gainsboro;
}
.aqicity_choose ul li{
    position: relative;
    width: 100% !important;
    float: left;
    border-bottom: 1px dotted gainsboro;
    padding: 4px 0;
    overflow: hidden;
    zoom: 1;
    line-height: 24px;
    font-size: 12px;
}
.fbold{font-weight: bold;}
/*--------------------------------------------------------PM2.5查询--------------------------------------------*/
.td_c{ width:930px; overflow:hidden;}
.td_c_tit{ background:url(../images/wa_bg.jpg) no-repeat; width:930px; height:35px; line-height:35px; overflow:hidden;}
.td_c_tit h3{ font-size:18px; font-family:"Microsoft YaHei"; float:left; padding-left:10px;}
.td_c_tit .qiehuan{ float:left; height:35px; line-height:35px;padding-top: 4px;padding-left: 10px;}
.td_c_tit .wlai{ float:right; padding-right:10px;}
.td_c_txt{border:1px solid #DCE7F1; width:906px;border-top:none; overflow:hidden; padding:10px; text-align:center;}
.pm_cx{ width:926px; overflow:hidden;border:1px solid #9adaff; border-bottom:1px solid #c5e8fc; margin-top:15px;}
.pm_cx_tit{ border-bottom: 1px solid #DDD; width:926px; height:35px; line-height:35px; overflow:hidden;}
.pm_cx_tit h3{ font-size:16px; font-family:"Microsoft YaHei"; float:left; padding-left:10px;}
.pm_cx_txt{width:906px;overflow:hidden; padding:10px;}
.pm_cx_txt .txt1 {
    color: #666666;
    float: left;
    font-size: 14px;
    line-height: 26px;
    width: 715px;
}
.pm_cx_txt .txt1 h3 {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    font-family:"Microsoft YaHei";
    text-align: left;
}
.pm_cx_txt .txt1 p {
    float: left;
}
.pm_cx_txt .txt1 a {
    color: #206AA8;
    float: left;
    padding: 0 6px;
}
.pm_cx_txt .txt1 a:hover{ text-decoration:underline;}
.pm_cx_txt .txt2 {
    color: #333333;
    float: left;
    font-size: 14px;
    line-height: 32px;
    padding: 2px 0 0;
    width: 715px;
}
.pm_cx_txt .txt2 li {
    float: left;
    width: 715px;
}
.pm_cx_txt .txt2 em {
    float: left;
    font-size: 16px;
    padding: 0;
    text-align: left;
    text-indent: 4px;
    width: 28px;
}
.pm_cx_txt .txt2 p {
    float: left;
    width: 685px;
}
.pm_cx_txt .txt2 a {
    color: #206AA8;
    float: left;
    padding: 0 16px 0 0;
    white-space: nowrap;
}
.halfmoon{
    margin-bottom: 1em;
}

.halfmoon ul{
    padding: 3px 9px 2px 5px;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    /*border-bottom: 1px solid #929492;*/
}

.halfmoon li{
    display: inline;
    margin: 0;
}





.halfmoon li a:hover{
    background-color: #c8e181;
}
.halfmoon li a:visited{
    text-decoration:none;
}
.nom{
    text-decoration: none;
    padding: 3px 9px 2px 5px;
    margin-right: 1px; /*distance between each tab*/
    border-left: 1px solid gray;
    color: black;
    font-size: 13px;
    background: White url('../images/halfmoontab.gif') no-repeat right top;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight:normal;
}
.currtitle
{
    text-decoration: none;
    padding: 3px 9px 2px 5px;
    margin-right: 1px; /*distance between each tab*/
    border-left: 1px solid gray;
    color: black;
    font-size: 13px;
    background: White url('../images/halfmoontab.gif') no-repeat right top;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color:#EBEFF7;
    font-weight:bold;
}

.selectedno
{
    background-color:White;
}

.weilai {
    clear: both;
    margin: 2px 2px 3px;
    padding-bottom: 2px;
    width: 680px;
    text-align: center;
    padding-left: 20px;
}
.weilai img {
    margin-left: 5px;
    text-align: left;
}
.weilai h2 {
    background: none repeat scroll 0 0 #A3CFEC;
    color: #1A4B9F;
    font-size: 14px;
    height: 22px;
    margin: 0;
    padding-left: 15px;
    padding-top: 8px;
}
.weilai table {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
}
.weilai td {
    border: 1px solid #99B0DA;
    color: #000000;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
}
.weilai th {
    border: 1px solid #99B0DA;
    color: #000000;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    text-align: left;
}
.weilai td b {
    color: #E54600;
    font-weight: normal;
}
.weilai td span {
    color: #000065;
}
.pm_xz{ overflow:hidden;border:1px solid #9adaff; border-bottom:1px solid #c5e8fc; margin-top:15px;}
.pm_xz_tit{border-bottom: 1px solid #DDD;  height:35px; line-height:35px; overflow:hidden;}
.pm_xz_tit h3{ font-size:16px; font-family:"Microsoft YaHei"; float:left; padding-left:10px;}
.pm_xz_tit span{ float:right;font-size:12px; color:#666666; padding-right:10px;}
.pm_xz_tit span a{ padding-left:20px;}
.pm_xz_txt{overflow:hidden; padding:10px;}
.pm_xz_txt p{ float:left; overflow:hidden; line-height:30px;font-size:14px; font-family:"Microsoft YaHei";color: #515151;}
.pm_xz_txt p strong{ font-size:14px; font-family:"Microsoft YaHei"; font-weight:bold;color: #333333;}