*{margin:0; padding:0; font-family:"微软雅黑";box-sizing: border-box;}
body{margin:0 auto; padding:0 auto;max-width: 650px;color: #333333;font-size: 16px;}
ul li{ list-style:none;}
a{ text-decoration: none;outline: none;color: #333333;}
button{outline: none;border: none;}

.diandian{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.duodian{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sandian{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.flex{display: flex;align-items: center;}
.flex_bet{display: flex;justify-content: space-between;align-items:center;}
.flex_col{display: flex;flex-direction: column;justify-content: center;}
.flex_cen{display: flex;justify-content: center;align-items:center;}
.flex_betwarp{display: flex;justify-content: space-between;align-items:center;flex-wrap: wrap}
.flex_colac{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flex_colbot{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.flex_colend{display: flex;justify-content: space-between;align-items: baseline;}
.heig16{width:100%;height:0.1rem;background:rgba(238,238,238,1);}
.heig40{width:100%;height:0.4rem;}
.heig20{width:100%;height:0.2rem;}
.lineE6{width: 100%;height: 1px;background: #E6E6E6;}
.hide{display: none!important;}


.titbug {display:flex;clear:both;height:0.44rem;line-height:0.44rem;margin:0.28rem 0;align-items: baseline;justify-content: space-between;}
.titbug h3 {padding-left:0.2rem;border-left:0.08rem solid #38f;font-size:0.32rem;color:#333;font-weight:bold;}
.titbug a{ margin-right: 0.2rem;font-size: 0.24rem;color: #808080;}

.titwo{display: flex;flex-wrap: wrap;padding: 0 0.2rem;}
.titwo a{margin: 0 0.18rem 0.32rem 0;padding: 0.1rem;width:48.7%;font-size: 0.24rem;height:0.7rem;background:#E1EEFF!important;border-radius:3px;display: inline-block;text-align: center;line-height: 0.5rem;}
.titwo a:nth-child(2n){margin-right: 0;}

.listul{width: 100%;height: 0.9rem;background:rgba(230,230,230,.4);display: flex;align-items: center;border-bottom: 1px solid #E6E6E6;font-size: 0.22rem;}
.listul .wi190{width: 1.9rem;height: 100%;border-right: 1px solid #E6E6E6;}
.listul .wi140{width: 1.4rem;height: 100%;border-right: 1px solid #E6E6E6;}
.listul .wi120{width: 1.2rem;height: 100%;border-right: 1px solid #E6E6E6;}
.listul .wi333{width: 33.3%;height: 100%;border-right: 1px solid #E6E6E6;}
.listul>div:last-child{border-right: none;}
.alioq a:nth-child(2n){background:rgba(230,230,230,.4);}
.listto{width: 100%;height: 1rem;display: flex;align-items: center;}
.listto .wi190{width: 1.9rem;height: 100%;font-size: 0.24rem;border-right: 1px solid #E6E6E6;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.listto .wi140{width: 1.4rem;height: 100%;font-size: 0.24rem;border-right: 1px solid #E6E6E6;}
.listto .wi120{width: 1.2rem;height: 100%;font-size: 0.24rem;border-right: 1px solid #E6E6E6;}
.listto .wi333{width: 33.3%;height: 100%;font-size: 0.24rem;border-right: 1px solid #E6E6E6;}
.listto>div:last-child{border-right: none;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.yansea{padding:0.2rem 0.2rem 0 0.2rem;position: relative;}
.yansea2{height: 100vh;overflow: hidden;}
.yansea li{border: 1px solid #E6E6E6;margin-bottom: 0.38rem;}
.yansea li:last-child .alioq{border-bottom:none;}

.yansea .yansea_bt{width:100%;height:0.8rem;background:rgba(51,136,255,0.15);font-size: 0.26rem;padding-left: 0.2rem;}


.recordsmore{position: absolute;bottom: 0;left: 0;width: 100%;height: 4rem;background:linear-gradient(0deg,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);display: flex;align-items: flex-end;justify-content: center;}

.recordsmore>div{width:3rem;height:0.64rem;border: 1px solid #3388FF;border-radius:32px;color: #3388FF;background: #ffffff;font-size: 0.26rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.3rem;}
.recordsmore>div img{width: 0.25rem!important;margin-left: 0.1rem;position: relative;top:0.03rem;height: 0.24rem!important;}

.nowdaysix{padding: 0.2rem 0;}
.nowdaysix li{padding: 0.1rem 0.2rem;width: 100%;}
.nowdaysix li a{padding: 0 2.46rem 0 0;position: relative;height: 70px;display: flex;flex-direction: column;justify-content: space-between;}
.nowdaysix li .nowdaysix_n{width: 108px;height: 70px;position: absolute;right: 0;top: 0;}
.nowdaysix li .nowdaysix_v{font-size: 0.32rem;}
.nowdaysix li .nowdaysix_b{color: #B6B6B6;font-size: 0.24rem;}
.morelu{color: #BBBBBB;text-align: center;font-size: 0.26rem;margin: 0.2rem 0;}
.ocemore{font-size: 0.26rem;height: 0.8rem;}
.ocemore img{width: 0.34rem;height: 0.34rem;margin-left: 0.1rem;}

.nowdalft{display: none;padding-bottom: 0;}
.nowdalft li a{padding: 0 0 0 2.46rem;}
.nowdalft li .nowdaysix_n{width: 108px;height: 70px;position: absolute;left: 0;top: 0;}

/*è¿‘æµ·*/
.vanimg{padding: 0.2rem 0.2rem 0 0.2rem;}
.vanimg img{width: 100%;height: 8.6rem;}

/*全国高温分布图*/
.ocefour{padding: 0.2rem 0.2rem 0 0.2rem;display: flex;flex-wrap: wrap;align-items: center;}
.ocefour a{width:1.30rem;height:0.6rem;border:1px solid rgba(230,230,230,1);border-radius:3px;margin: 0 0.15rem 0.27rem 0;font-size: 0.24rem;display: inline-block;text-align: center;line-height: 0.6rem;padding: 0 0.1rem;}
.ocefour a:nth-child(5n){margin-right: 0;}

.ocetwo{display: flex;flex-wrap: wrap;align-items: center;padding: 0.2rem 0.2rem 0 0.2rem;}
.ocetwo a{width: 50%;margin-bottom: 0.3rem;font-size: 0.3rem;}
.ocetex{padding: 0.2rem;font-size: 0.3rem;line-height: 0.54rem;position: relative;}

.gaofen{padding: 0.2rem 0.2rem 0.2rem 0.2rem;}
.gaofen img{width: 100%;height: 5.9rem;}
.gaofen .rowmor a{width: 2.2rem;height: 0.6rem;display: inline-block;text-align: center;line-height: 0.6rem;font-size: 0.28rem;background:rgba(51,136,255,0.2);border-radius:3px;margin: 0 0.25rem 0.25rem 0;}
.gaofen .rowmor{display: flex;flex-wrap: wrap;}
.gaofen .rowmor a:nth-child(3n){margin-right: 0;}
.gaofen .rowmor .gaofenact{color: #ffffff;background:rgba(51,136,255,1);}

.gaofen .rowmortwo{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;}
.gaofen .rowmortwo a{width: 3.4rem;height: 0.6rem;display: inline-block;text-align: center;line-height: 0.6rem;font-size: 0.28rem;background:rgba(51,136,255,0.2);border-radius:3px;position: relative;}
.gaofen .rowmortwo .rowmortwo_a{color: #ffffff;background:rgba(51,136,255,1);}
.rowmortwo a.rowmortwo_a span{position: absolute;top: 100%;width: 0;height: 0;border-top: 7px solid #3388FF;border-left: 8px solid transparent;border-right: 8px solid transparent;left: 50%;margin-left: -0.16rem;}
.allci{padding: 0.2rem 0.2rem 0 0.2rem;display: flex;flex-direction: column;}
.allci a{font-size: 0.26rem;margin-bottom: 0.2rem;}
.ocetexfa{text-indent: 0.52rem;}
/*气象卫星云图*/
.scene{padding: 0.2rem 0.2rem 0.2rem 0.2rem;display: flex;flex-direction: column;}
.scene .sceneimg{width: 100%;height: 4.95rem;}
.scene .sceneimg img{width: 100%;height: 100%;}
.scene .scenebut{margin: 0.3rem 0;}
.scene .scenebut button{width: 2.1rem;height: 0.6rem;text-align: center;line-height: 0.6rem;font-size: 0.26rem;background:rgba(240,240,240,1);border-radius: 3px;}
.scene .scenebut .scenebut_play{background: #3388FF;color: #ffffff;}
.scene .scenebut .scenebut_play img{width: 0.16rem;height: 0.27rem;margin-right: 0.1rem;}

.scene .scenetime{width: 100%;height: 0.6rem;font-size: 0.26rem;position: relative;display: flex;align-items: center;justify-content: space-between;}


.weixing_choose_time{font-size:16px;font-weight:500;position: relative;}
.scenetime select{padding-left: 0.2rem;height:100%;width: 5.1rem;background:rgba(240,240,240,1);border-radius:4px;border: none;outline: none;font-size: 0.26rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.scenetime select::-ms-expand { display: none; }
.scenetime p{width: 0;height: 0;border-top: 8px solid #999999;border-left: 7.5px solid transparent;border-right: 7.5px solid transparent;position: absolute;right: 15px;top: 12px;}
.scenetime select option{line-height: 0.2rem;}

.yujing {display: flex;flex-wrap: wrap;padding: 0.27rem 0.2rem 0 0.2rem;justify-content: space-around;}
.yujing img {width: 0.88rem;height: 0.88rem;margin-bottom: 0.3rem;}
.yujing li {margin: 0 1rem 0.4rem 0;}
.yujing li:nth-child(3n) {margin-right: 0;}
.yujing a {font-size: 0.26rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
/*城市搜索*/
.seanod{padding: 0.2rem 0.2rem 0 0.2rem;}

.seanod form{height: 0.7rem;border: 1px solid #CCCCCC;display: flex;align-items: center;justify-content: space-between;border-right: none;position: relative;}
.seanod .tianqi_search_btn{width:1.44rem;height:0.7rem;background:#3388FF;border-radius:3px;border: none;outline: none;color: #ffffff;font-size: 0.3rem;}
.seanod img{width: 0.3rem;height: 0.3rem;margin-left: 0.25rem;}
.seanod input{display: flex;width: 5rem;height: 100%;padding: 0 0.1rem 0 0.2rem;color: #333333;border: none;outline: none;position: relative;font-size: 0.3rem;}

.seanod .nonesearch{display: flex;align-items: center;justify-content: center;font-size: 0.24rem;padding: 0.3rem 0;display: none;}
.seanod .nonesearch img{width: 0.62rem;height: 0.62rem;margin-right: 0.2rem;}
.nonesearch55{display: none;}
.nehot{font-size: 0.28rem;padding: 0 0.2rem;margin: 0.35rem 0;}
.nolist{display: flex;flex-wrap: wrap;align-content: center;padding: 0 0 0 0.2rem;}
.nolist a{margin: 0 0.2rem 0.3rem 0;font-size: 0.26rem;display: inline-block;text-align: center;width:1.5rem;height:0.56rem;border:1px solid rgba(221, 221, 221, 1);border-radius:0.28rem;line-height: 0.5rem;}
.nolist a:nth-child(4n){margin-right: 0;}
.nolist a.actki{background: #3387FF;color: #ffffff;}

.noulfir{display: flex;flex-direction: column;}
.noulfir .firtem{height: 0.64rem;width: 100%;background: #F7F7F7;padding-left: 0.2rem;line-height: 0.64rem;}
.noulfir .firli{padding: 0 0.6rem 0 0.2rem;display: flex;flex-direction: column;}
.noulfir .firli a{display: inline-block;color: #656565;font-size: 0.28rem;border-bottom: 1px solid #E5E5E5;padding: 0.2rem 0;}

.maodian{display: flex;flex-direction: column;position: fixed;right: 0.18rem;top: 2rem;z-index: 9;height: 100vh;}
.maodian a{color: #656565;font-size: 0.26rem;line-height: 0.46rem;text-align: center;}



/* 搜索框 */
#citySelect,#searchResult{position: absolute; top: 100%; width: 100%;line-height: normal;z-index: 99999;background: white;}
#citySelect{overflow: hidden;}
.tiaqni_header_box .tianqi_top_search_box form{overflow: initial;position: relative;}
.city_lx_more{border: 1px solid #CCCCCC;}
#province_ .btitle{text-align: left;}
#searchResult ul{border: 1px solid #CCCCCC;max-height: 286px;overflow-y: scroll;}
#searchResult ul li a{height: 0.7rem;line-height: 0.7rem;display: block;text-decoration: none;color: #000;text-indent: 10px;padding-right: 10px;overflow: hidden;font-size: 14px;text-align: left;cursor: pointer;}
.city_lx_more .btitle {height: 26px;line-height: 2;font-size: 14px;overflow: hidden;color: #666; text-align: right;font-weight: normal;padding: 0 16px 0 4px;border-bottom: 2px solid #cde1ff;background-color: #f2f8ff;}
.city_lx_more .meta {padding: 10px 5px 10px 8px;overflow: hidden;zoom: 1;}
#searchResult ul li.active a{color: white;}
#searchResult ul li.active{background: #3388ff;}
#citySelect li:hover a{color: #3388ff;}
.city_lx_more .meta li {float: left;min-width: 52px;height: 24px;line-height: 24px;white-space: nowrap;padding: 4px 6px;list-style: none;}
.city_lx_more .meta li a{font-size: 14px;cursor: pointer;}
.btitle .back{float: left;}

/*海洋天气预报*/
.locatak{padding:  0.2rem;color: #7F7F7F;font-size: 0.24rem;}
.locatak a{color: #7F7F7F;font-size: 0.24rem;}
.acotie{font-weight:800;text-align: center;font-size: 0.3rem;padding: 0.1rem 0 0.3rem 0;}
.acotext{line-height: 0.6rem;font-size: 0.26rem;padding: 0 0.2rem;}
.acotext img{width: 100%;}

.ocetwo2 span{color: #808080;}


/*全国降水量24小时预报图*/
.gaofen .rowm24{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;}
.gaofen .rowm24 a{width: 2.2rem;height: 0.6rem;display: inline-block;text-align: center;line-height: 0.6rem;font-size: 0.28rem;background:rgba(51,136,255,0.2);border-radius:3px;position: relative;}
.gaofen .rowm24 .rowmortwo_a{color: #ffffff;background:rgba(51,136,255,1);}
.rowm24 a.rowmortwo_a span{position: absolute;top: 100%;width: 0;height: 0;border-top: 7px solid #3388FF;border-left: 8px solid transparent;border-right: 8px solid transparent;left: 50%;margin-left: -0.16rem;}

/**/
.journalism{width: 7.5rem;}

.jouover{height:450px;overflow: hidden;}

.tcdnav{padding: 0 0.2rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.28rem;font-weight: bold;height: 0.75rem;border-bottom: 1px solid #DDDDDD;}
.tcdnav div span{position: relative;}
.tcdnav .active:after{ content: "";display: block;height: 2px;width: 100%;background: #3388FF;position: absolute; bottom: -10px;left: 0px;border-radius: 16px;animation: item_on .3s ease-out;}
@keyframes item_on{0%{transform: scale(0)}100%{transform: scale(1)}}

/*最新天气资讯首页*/
.flexshow{display: flex!important;}
.twolines{display: flex;align-items: center;justify-content: space-between;padding: 0.2rem 0.2rem;display: none;}
.twolines a{display: flex;flex-direction: column;width: 3.37rem;font-size: 0.24rem;line-height: 0.4rem;}
.twolines a img{width: 3.37rem;height: 2.3rem;}
.tcdcont{padding: 0 0.2rem;display: flex;flex-direction: column;display: none;}
.tcdcont a{height: 0.8rem;border-bottom: 1px dashed #DDDDDD;display: inline-block;font-size: 0.26rem;line-height: 0.8rem;width: 100%;}
.tcdcont a span{width: 4px;height: 4px;border-radius: 50%;background: #666666;display: inline-block;margin-right: 0.2rem;position: relative;top: -2px;}

.tcdlaik{padding: 0 0.2rem;display: flex;flex-direction: column;}
.tcdlaik a{height: 0.8rem;border-bottom: 1px dashed #DDDDDD;display: inline-block;font-size: 0.26rem;line-height: 0.8rem;width: 100%;}
.tcdlaik a span{width: 0.34rem;height: 0.34rem;background: #DDDDDD;display: inline-block;margin-right: 0.2rem;position: relative;top: 0px;font-size: 0.24rem;color: #ffffff;line-height: 0.34rem;text-align: center;}
.tcdlaik a:last-child{border-bottom: none;}
.tcdlaik a:nth-child(1) span{background: #E60012;}
.tcdlaik a:nth-child(2) span{background: #FF881E;}
.tcdlaik a:nth-child(3) span{background: #FFC21E;}



.twolbei{display: flex;align-items: center;justify-content: space-between;padding: 0.2rem;display: none;}
.twolbei img{width: 2.9rem;height: 2rem;}
.twolbei div{color: #666666;font-size: 0.24rem;line-height: 0.4rem;width: 3.9rem;}
.twolbei div a{color: #3388FF;font-size: 0.24rem;}

.bdkaimg{display: inline-block;width: 7.5rem;padding: 0.2rem 0.2rem 0 0.2rem;position: relative;display: none;}
.bdkaimg img{width: 100%;height: 4.85rem;}
.bdkaimg div{width: 7.1rem;height: 0.8rem;position: absolute;bottom: 0rem;left: 0.2rem;color: #ffffff;font-size: 0.26rem;padding-left: 0.2rem;background: rgba(0,0,0,.2);line-height: 0.8rem;}


/*穿衣指数*/
.culoac{font-size: 0.28rem;color: #808080;padding: 0.2rem;}
.culoac a{color: #3388FF;font-size: 0.26rem;}
.culoac span{color: #808080;margin: 0 0.1rem;}

.clad{width: 100%;height: 5.9rem;color: #ffffff;padding: 0.2rem;}
.clad .cladone{display: flex;justify-content: space-between; }
.clad .cladone .cladone_o{display: flex;align-items: center;}
.clad .cladone .cladone_o img{width: 0.26rem;height: 0.36rem;}
.clad .cladone .cladone_o div{font-size: 0.3rem;margin: 0 0.1rem;}
.clad .cladone .cladone_o a{font-size: 0.24rem;color: #ffffff;}
.clad .cladone .cladone_d{display: flex;flex-direction: column;font-size: 0.24rem;text-align:right;}
.clad .cladone .cladone_d p:last-child{margin-bottom: 0.05rem;}
.clad .cladtwo{display: flex;align-items: center;margin-top: 0.1rem;}
.clad .cladtwo img{width: 1.14rem;height: 0.94rem;margin-right: 0.2rem;}
.clad .cladtwo>div{}
.clad .cladtwo>div div{font-size: 0.48rem;margin-bottom: 0.05rem;}
.clad .cladtwo>div p{font-size: 0.26rem;}
.clad .cladthr{width: 2.22rem;height: 2.22rem;background: rgba(255,255,255,0.1);border-radius: 50%;margin: 0 auto;box-shadow: 0 0 37px 0px rgba(0,0,0,0.05);margin-top: 0.58rem;margin-bottom: 0.38rem;}
.clad .cladthr>div{padding: 0.3rem 0;width: 1.89rem;height: 1.89rem;background: rgba(255,255,255,0.3);border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}

.clad .cladthr>div img{width: 0.6rem;height: 0.6rem;}
.clad .cladthr>div p{font-size: 0.4rem;font-weight:bold;}
.clad .cladfour{display: flex;align-items: center;}
.clad .cladfour>div{width: 25%;border-right: 1px solid rgba(255, 255, 255, .1);display: flex;align-items: center;justify-content: center;}
.clad .cladfour>div:last-child{border-right: none;}
.clad .cladfour img{width: 0.26rem;height: 0.26rem;margin-right: 0.05rem;}
.clad .cladfour span{font-size: 0.22rem;}
.clad .cladfour p{font-size: 0.22rem;display: flex;align-items: center;justify-content: center;padding: 0 0.1rem;background: #8CCD26;border-radius: 2px;margin-left: 0.05rem;}

.yijia{padding: 0 0.2rem;}
.yijia .yijia_m{padding: 0 0.2rem;display: flex;align-items: center;padding: 0.25rem 0;border-bottom: 1px dashed #CCCCCC;}
.yijia .yijia_m p{font-size: 0.26rem;display: inline-block;padding: 0.05rem 0.12rem;background: #5CC50F;border-radius: 3px;color: #ffffff;}
.yijia .yijia_m span{font-size: 0.26rem;margin-left: 0.1rem;}
.yijia .yijia_mk{padding: 0 0.2rem;display: flex;align-items: center;padding: 0.25rem 0;}
.yijia .yijia_mk p{font-size: 0.26rem;display: inline-block;padding: 0.05rem 0.12rem;background: #FC3939;border-radius: 3px;color: #ffffff;}
.yijia .yijia_mk span{font-size: 0.26rem;margin-left: 0.1rem;}




::-webkit-scrollbar {display: none;}
.jianyc{display: flex;flex-direction: column;padding: 0.2rem;display: none;}
.jianyc .jianyc_y img{width: 0.32rem;margin-right: 0.1rem;height: 0.34rem;}
.jianyc .jianyc_y{font-size: 0.26rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.2rem;}
.jianyc .jianyc_h{font-size: 0.26rem;line-height: 0.46rem;color: #333333;}

.jinrzhi{padding: 0 0.2rem;}
.jinrzhi>div{display: flex;align-items: center;justify-content: space-between;padding: 0.17rem 0;border-bottom: 1px solid #E6E6E6;}
.jinrzhi img{width: 1.2rem;height: 1.2rem;}
.jinrzhi .jinrzhi_ad{width: 5.9rem;padding-left: 0.2rem;}
.jinrzhi .jinrzhi_ad div{font-size: 0.26rem;}
.jinrzhi .jinrzhi_ad div span{color: #FF0000;}
.jinrzhi .jinrzhi_ad p{font-size: 0.24rem;line-height: 0.34rem;}

.four-seasons{padding: 0.25rem 0;border-top: 1px solid #e6e6e6;}
.season{width: 1.66rem;height: 1.82rem;margin-left: 0.18rem;position: relative;float: left;}
.season img{width: 1.66rem;height: 1.82rem;}
.season-info{position: absolute;top: 0;left: 0;padding: 0.15rem 0 0 0.2rem;font-size: 0.24rem;color:#fff;}
.season-infoTitle{font-size: 0.26rem;}

.annual-dress{border-top: 1px solid #e6e6e6;padding: 0.1rem 0 0.15rem;}
.annual-dress ul li{width: 1.05rem;height: 0.66rem;border: 1px solid #e6e6e6;margin-left: 0.17rem;float: left;border-radius: 0.05rem;text-align: center;line-height: 0.64rem;font-size: 0.24rem;color: #333333;margin-top: 0.16rem;}

.more_weat3{border-top: 1px solid #e6e6e6;overflow: hidden;font-size: 0.3rem;}
.more_weat3 li{width: 33.3333%;padding: 0.24rem 0;float: left;text-align: center;border-bottom: 1px solid #e6e6e6;height: 0.86rem;overflow: hidden;}
.more_weat3 li div{height: 0.36rem;line-height: 0.36rem;border-right: 1px solid #e6e6e6;overflow: hidden;}
.more_weat3 li div a{font-size: 0.24rem;color:#333;}
.more_weat3 li:last-child div{border-right: 0;}
.open-button, .take-up{display: inline-block;font-size: 0.24rem;}
.open-button img, .take-up img{width: 0.34rem;height: 0.34rem;float: right;margin-left: 0.1rem;}


.cuadao{padding: 0.2rem;}
.cuadao div{background:rgba(246,246,246,1);color: #666666;font-size: 0.26rem;line-height: 0.48rem;padding: 0.2rem;}
.cuadao p{display: inline-block;color: #ffffff;font-size: 0.24rem;padding: 0 0.2rem;background: #333333;border-radius: 3px;}

.anpin{padding: 0 0.2rem;position: relative;}
.anpin .anpin_for{display: flex;justify-content: space-between;border-bottom: 1px dashed #E6E6E6;margin-top: 0.26rem;}
.anpin .anpin_for>p{display: inline-block;width: 0.4rem;font-size: 0.3rem;}
.anpin .anpin_for>div{width: 6.6rem;display: flex;align-items: center;flex-wrap: wrap;}
.anpin .anpin_for>div a{margin: 0 0.19rem 0.26rem 0;width: 1.5rem;height: 0.56rem;display: inline-block;font-size: 0.26rem;color: #666666;border-radius: 0.56rem;border: 1px solid #DDDDDD;text-align: center;line-height: 0.56rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.anpin .anpin_for>div a:nth-child(4n){margin-right: 0;}

.weixbu{font-size: 0.34rem;padding:0 0.9rem;line-height: 0.5rem;text-align: center;}
.weixbute{font-size: 0.26rem;padding: 0.2rem;line-height: 0.6rem;}

.ocetwo8 a{width: 100%;}
.ocetwo8 a span{color: #808080;}
.wechat{font-size: 0.26rem;padding: 0.2rem;line-height: 0.54rem;position: relative;}
.wechathide{height: 33rem;overflow: hidden;}
.wechat img{width: 4.73rem;height: 8.4rem;margin:0.2rem 0;}
.wechat .chatul_two{text-align: center;}
.wechat .erweima{width: 4.73rem;height:4.73rem;}


/*台风预警信号*/

.taiyu{padding: 0.2rem;}
.taiyu>div{width: 100%; height:1.24rem;background:rgba(245,245,245,1);border-radius:3px;font-size: 0.26rem;padding: 0.2rem 0.15rem;line-height: 0.4rem;}
.taiyu>div span{color: #F92424;}


.taifengyujing_list{font-size: 0.26rem;padding: 0 0.2rem;line-height: 0.5rem;}
.taifengyujing_list li{border-bottom: 1px dashed #E6E6E6;display: flex;flex-direction: column;padding: 0.2rem 0;}
.taifengyujing_list li img{width: 2.6rem;height: 2.24rem;margin: 0 auto;}
.tfyj_img_info>div p:first-child{font-weight: bold;margin-top: 0.2rem;}
.tfyj_img_info>h3{text-align: center;margin: 0.1rem 0;}
/*天气预警符号大全*/
.gaofen .fudadeta{width:100%;background:rgba(245,245,245,1);border-radius:3px;font-size: 0.26rem;padding: 0.25rem;}

.gaofen .fudadeta div{color: #3388FF;margin-bottom: 0.2rem;}
.gaofen .fudadeta span{color: #808080;line-height: 0.45rem;}


.fuhaul{padding: 0.2rem;}
.fuhalist{font-size: 0.26rem;display: flex;flex-wrap: wrap;border: 1px solid #E6E6E6;}
.fuhalist .fuhaliop{width: 50%;display: flex;flex-direction: column;align-items: center;padding: 0.25rem 0.18rem;border-right: 1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; }
.fuhalist .fuhaliop:nth-child(2n){border-right: none;}
/*.fuhalist .fuhaliop:nth-last-child(1){border-bottom: none;}*/
.fuhalist .fuhaliop .fuhaliop_a{display: flex;align-items: center;justify-content: center;}
.fuhalist .fuhaliop .fuhaliop_a img{width: 0.76rem;height: 0.76rem;margin: 0 0.3rem;}
.fuhalist .fuhaliop .fuhaliop_b{font-size: 0.28rem;color: #3388FF;margin-top: 0.1rem;}
.fuhalist .fuhaliop .fuhaliop_c{color: #333333;font-size: 0.28rem;margin: 0.1rem 0;}
.fuhalist .fuhaliop .fuhaliop_d{color: #808080;line-height: 0.4rem;text-align: center;}

.fuhalist .tulist{}
.fuhalist .tulist .tulist_a{display: flex;align-items: center;justify-content: center;}
.fuhalist .tulist .tulist_a img{width: 1.1rem;height: 1.1rem;margin: 0 0.3rem;}
.fuhalist .tulist .tulist_b{color: #333333;font-size: 0.28rem;margin: 0.1rem 0;}
.fuhalist .tulist .tulist_d{color: #808080;line-height: 0.4rem;}
.fuhalist .tulist .tulist_d a{color: #3388FF;}


/*关于我们*/
.navbug{display: flex;align-items: center;justify-content: space-between;padding: 0.37rem 0.2rem 0.23rem 0.2rem;}
.navbug a{position: relative;font-size: 0.32rem;}
.navbug .navactive{color:#3388FF; }
.navbug a.navactive span{position: absolute;top: 120%;width: 0;height: 0;border-bottom: 7px solid #3388FF;border-left: 8px solid transparent;border-right: 8px solid transparent;left: 50%;margin-left: -0.16rem;}
.aboutme_img{width: 100%;height: 2.2rem;}
.aboutme_tie{display: flex;align-items: center;justify-content: center;padding: 0.4rem 0;}
.aboutme_tie span{width:0.08rem;height:0.08rem;background:rgba(51,136,255,1);display: inline-block;}
.aboutme_tie p{margin: 0 0.3rem;font-size: 0.34rem;font-weight: bold;}
.aboutme_text{font-size: 0.3rem;line-height: 0.5rem;padding: 0 0.2rem;}
.aboutme_img2{width: 100%;height: 4.2rem;}
.aboutme_ema{font-size: 0.3rem;padding: 0 0.2rem 0.2rem 0.2rem;}
.opinion{padding: 0 0.2rem;}
.opinion div{width:100%;height:0.8rem;background:rgba(245,245,245,1);border-radius:3px;font-size: 0.3rem;display: flex;align-items: center;padding:  0 0.2rem;}
.opiniontext{padding: 0 0.2rem;margin-top: 0.2rem;}
.opiniontext textarea{width: 100%;height: 4.5rem;outline: none;border: none;background: #F5F5F5;border-radius:3px;padding: 0.2rem;line-height: 0.38rem;}
#validate{display: flex;align-items: center;justify-content: center;width: 100%;color: #ffffff;background: #3388FF;font-size: 0.3rem;height: 0.8rem;border-radius: 0.4rem;margin-top: 0.3rem;}
.atlasthr{display: flex;align-items: center;flex-wrap: wrap;padding: 0 0.2rem;}
.atlasthr a{display: inline-block;width:2.24rem;height:0.7rem;border:1px solid rgba(238,238,238,1);border-radius:3px;font-size: 0.26rem;text-align: center;line-height: 0.7rem;margin: 0 0.19rem 0.2rem 0;}

.atlasthr a:nth-child(3n){margin-right: 0;}
.weather_week dt{font-size: 0.3rem!important;}

.cladmap{height: 2.6rem!important;display: flex;flex-direction: column;justify-content: space-between;}
.cladmap .cladmapdiv{font-size: 0.26rem;color: #ffffff;}



.bureau{display: flex;flex-direction: column;align-items: center;}
.bureau h3{}
.bureau div{margin: 0.23rem 0 0.33rem 0;color: #808080;font-size: 0.28rem;}

.ocetexhide{height: 18rem;overflow: hidden;}


.citylist a{width: 100%!important;}
.citylist a span{background: #808080;width: 0.08rem;height:0.08rem;border-radius: 50%;display: inline-block;position: relative;top: -2px;margin-right: 0.1rem;}

.imgfloat{font-size: 0.3rem;line-height: 0.54rem;padding: 0.2rem;}
.imgfloat img{float: left;width: 3.04rem;height: 2.07rem;margin-right: 0.15rem;}
.imgfloat a{color: #3388FF!important;}

.jinlist{display: flex;align-items: center;padding: 0.2rem 0.2rem 0 0.2rem;flex-wrap: wrap;}
.jinlist a{display: flex;flex-direction: column;width: 2.2rem;margin: 0 0.25rem 0.25rem 0;}
.jinlist a:nth-child(3n){margin-right: 0;}
.jinlist a img{width: 2.2rem;height:1.46rem;margin-bottom: 0.2rem;}
.jinlist a div{font-size: 0.24rem;text-align: center;}
/*重庆办事指南*/
.banmatter{padding: 0 0.2rem;}
.banmatter li{padding: 0.25rem 0;border-bottom: 1px solid #DDDDDD;}
.banmatter li:first-child{padding-top: 0;}
.banmatter li a{display: flex;align-items: center;justify-content: space-between;}
.banmatter li a img{width: 2.36rem;height: 1.6rem;}
.banmatter .banmatter_p{width: 4.5rem;}
.banmatter .banmatter_p span{font-size: 0.32rem;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.banmatter .banmatter_p div{color: #808080;font-size: 0.28rem;margin: 0.1rem 0;}
.banmatter .banmatter_p p{font-size: 0.24rem;color: #999999;}

/*分页*/
.pagebox {display:block; text-align:center; padding:0.3rem 0 0.2rem;font-family:arial; clear:both;}
.pagebox span,.pagebox a {display:inline-block;height:0.68rem;line-height:0.68rem;margin-right:0.08rem;margin-bottom:0.12rem;color:#333;font-size:0.32rem;border-radius:0.06rem;}
.pagebox a,.pagebox span {padding:0 0.22rem;border:0.02rem solid #e3e3e3;}
.pagebox a:hover,.pagebox a.current { background:#38f; border:0.02rem solid #38f; color:#fff; text-decoration:none; }
.pagebox a.w1 {width:0.8rem;}
.pagebox a.w2 {width:1.02rem;}
.pagebox a:last-child {margin-right:0;}

.matterfour{padding: 0.2rem 0.2rem 0 0.2rem;display: flex;flex-wrap: wrap;align-items: center;}
.matterfour a{width:1.67rem;height:0.64rem;border:1px solid rgba(230,230,230,1);border-radius:3px;margin: 0 0.14rem 0.27rem 0;font-size: 0.26rem;display: inline-block;text-align: center;line-height: 0.64rem;padding: 0 0.1rem;}
.matterfour a:nth-child(4n){margin-right: 0;}
.matterthr{padding: 0.2rem 0.2rem 0 0.2rem;display: flex;flex-wrap: wrap;align-items: center;}
.matterthr a{width:2.2rem;height:0.64rem;border:1px solid rgba(230,230,230,1);border-radius:3px;margin: 0 0.25rem 0.4rem 0;font-size: 0.26rem;display: inline-block;text-align: center;line-height: 0.64rem;padding: 0 0.1rem;}
.matterthr a:nth-child(3n){margin-right: 0;}
.titbughot h3{display: flex;align-items: baseline;}
.titbughot h3 div{font-weight: 400;color: #808080;font-size: 0.26rem;margin-left: 0.3rem;}

.zhisitui{display: inline-block;width: 100%;padding: 0.2rem 0.2rem 0 0.2rem;height: 4rem;}
.zhisitui a{position: relative;display: inline-block;width: 100%;height: 100%;}
.zhisitui img{width: 100%;height: 3.8rem;}
.zhisitui div{background:rgba(0,0,0,0.5);height: 0.7rem;width: 100%;bottom: 0;left: 0;font-size: 0.26rem;color: #FFFFFF;position: absolute;line-height: 0.7rem;padding-left: 0.2rem;}

.daymatter{padding: 0 0.2rem;}
.daymatter li{padding: 0.25rem 0;border-bottom: 1px solid #DDDDDD;}
.daymatter li:first-child{padding-top: 0;}
.daymatter li a{display: flex;justify-content: space-between;flex-direction: column;}
.daymatter li a img{width: 2.36rem;height: 1.6rem;}
.daymatter a>p{color: #808080;font-size: 0.28rem;margin: 0.2rem 0;}
.daymatter a>span{font-size: 0.24rem;color: #999999;}
.daymatter div{position: relative;padding-left: 0.2rem;font-size: 0.32rem;}
.daymatter div .readio{background: #333333;width: 0.1rem;height:0.1rem;border-radius: 50%;display: inline-block;position: relative;top: -2px;margin-right: 0.1rem;position: absolute;left: 0;top: 0.2rem;}

/*pm2.5*/
.zhupm{width: 100%;height: 4.78rem;}
.pmdao{padding: 0.2rem;}
.pmdao div{display: flex;align-items: baseline;margin-bottom: 0.1rem;}
.pmdao div h3{font-size: 0.36rem}
.pmdao div span{font-size: 0.3rem;color: #999999;margin-left: 0.2rem;}
.pmdao p{font-size: 0.3rem;line-height: 0.54rem;}

.hunan{font-size: 0.3rem;line-height: 0.54rem;padding: 0.2rem;}
.hunan a{font-size: 0.3rem;color: #3388FF!important;}


.jinlisttwo{display: flex;align-items: center;padding: 0.3rem 0.2rem 0 0.2rem;flex-wrap: wrap;}
.jinlisttwo a{display: flex;flex-direction: column;width: 3.38rem;margin: 0 0.25rem 0.3rem 0;}
.jinlisttwo a:nth-child(2n){margin-right: 0;}
.jinlisttwo a img{width: 3.38rem;height:2.24rem;margin-bottom: 0.2rem;}
.jinlisttwo a div{font-size: 0.26rem;text-align: center;}

.pmlist{display: flex;align-items: center;justify-content: space-between;background:rgba(241,241,241,.4);height: 0.8rem;font-size: 0.28rem;}
.pmlist div{width: 25%;}

.pmlistul{}
.pmlistul .pmlistul_jk{display: flex;height: 0.8rem;font-size: 0.28rem;}
.pmlistul .pmlistul_jk:nth-child(2n){background:rgba(241,241,241,.4); }
.pmlistul .pmlistul_jk>div{width: 25%;}
.pmlistul .pmlistul_jk .you{color: #80BB03;}
.pmlistul .pmlistul_jk .liang{color: #FF9521;}
.pmlistul .pmlistul_jk .yanzhong{color: #E61358;}


.pmlistul .pmlistul_jk:nth-child(1) .pmlistul_sp span,.pmlistul .pmlistul_jk:nth-child(2) .pmlistul_sp span,.pmlistul .pmlistul_jk:nth-child(3) .pmlistul_sp span{width: 0.34rem;height: 0.34rem;display: inline-block;position: relative;top: 0px;font-size: 0.24rem;color: #ffffff;line-height: 0.34rem;text-align: center;}
.pmlistul .pmlistul_jk:nth-child(1) .pmlistul_sp span{background: #E60012;}
.pmlistul .pmlistul_jk:nth-child(2) .pmlistul_sp span{background: #FF881E;}
.pmlistul .pmlistul_jk:nth-child(3) .pmlistul_sp span{background: #FFC21E;}


/*升旗时间*/

.rigdaoyu_tit{display: flex;align-items: flex-end;padding:  0 0.2rem;}
.rigdaoyu_tit p{font-weight:bold;font-size: 0.36rem;margin-right: 0.1rem;}
.rigdaoyu_tit span{color: #999999;font-size: 0.3rem;}
.sheqi{padding:0 0.2rem 0.2rem 0.2rem;}
.sheqi .sheqiimg{position: relative;overflow: hidden;}
.sheqi .sheqiimg img{width: 100%;height: 4.8rem;}
.sheqi .sheqiimg .shwa_te{width: 100%;height: 0.6rem;position: absolute;bottom: 0;left: 0;font-size: 0.3rem;color: #FFFFFF; box-shadow: 0px 15px 10px  #000;z-index: 99;padding-left: 0.2rem;}

.shwa{width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;box-shadow: 0px -4px 33px 18px #000;}


.switime{padding: 0.2rem;}
.switime .switime_ad{display: flex;align-items: center;justify-content: center;margin: 0.1rem 0 0.3rem 0;}
.switime .switime_ad img{width: 0.33rem;height: 0.39rem;margin-right: 0.2rem;}
.switime .switime_ad span{font-size: 0.32rem;}
.navtime{border:1px dashed rgba(51,132,254,1);width: 100%;height:1.6rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.3rem;font-weight: bold;padding: 0.3rem 0.45rem;}
.navtime div{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.navtime p span{color: #0C932F;}


.choice{display: flex;align-items: center;font-size: 0.26rem;color: #333333;justify-content: center;height: 0.86rem;}

.choice .choice_img{width: 0.17rem;height: 0.34rem;}
.choice .choice_up{margin-left: 0.2rem;}
.choice .choice_down{margin-right: 0.2rem;}
.choice .choicediv{position: relative;width: 2.8rem;padding-right: 0.2rem;}
.choice .choicediv .btn3{width: 100%;display: inline-block;outline: none;border: none;text-align: center;font-size: 0.32rem;font-weight: bold;}
.choice .zximg{width: 0.2rem;height: 0.1rem;position: absolute;right: 0.2rem;top: 0.17rem;margin-right: 0.1rem;}

.chodate td{text-align: center;padding: 0 0 0.1rem 0;}
.chodate td .f36{font-size: 0.42rem;color: #333333;text-align: center;}
.chodate td .f14{font-size: 0.2rem;color: #808080;transform: scale(0.83)}

.chodate td.actik{background: #3384FE;border-radius:0.1rem;}
.chodate td.actik .f36{color: #ffffff;}
.chodate td.actik .f14{color: #ffffff;}

.chodate .f24{font-size: 0.22rem;margin-bottom: 0.2rem;}
.chodate .f24 th{padding: 0.2rem;}
.chodate .f24 .borange{color: #DC0202;}
.chodate tr>td:nth-child(7n) .f36{color: #DC0202;}
.chodate tr>td:nth-child(7n-6) .f36{color: #DC0202;}
.chodate .dattime_ti{font-size: 0.24rem;color: #808080;padding:0 0.2rem;margin: 0.2rem 0 0.3rem 0;line-height: 0.48rem;}
.chodate .dattime_ti span{color: #FF0101;}
.select_box{z-index: 99;}