@charset "utf-8";
/* CSS Document */
.con1 { width: 1200px; /*height: 1325px;*/ position: relative; margin:0 auto; }

.gngw4 {
    width: 861px;
    height: 758px;
    position: absolute;
    top: 0px;
    left: 17px;
    overflow: hidden;
    background: url(../images/jcyj.png) no-repeat 0 128px;
}
.gngw4 .gngw_yjbtn{height: 108px; width: 136px;float:left;cursor:pointer}
/* 
.gngw4 .gngw_tit {overflow: hidden; height: 108px; width: 725px; float: right; position: relative; background: #eff3f6; border-bottom: 1px solid #2489fa; }
.gngw4 .gngw_tit li { float: left; width: 90.5px; height: 113px; /* background: #f0f3f6; 
color: #333; text-align: center; line-height: 24px; font-size: 16px; font-weight: bolder; text-indent: -9999em; background: url("../images/s5.png") 0 0 no-repeat; }
.gngw4 .gngw_tit .tt01 { background-position: -10px 0px; }
.gngw4 .gngw_tit .tt02 { background-position: -105px 0px; }
.gngw4 .gngw_tit .tt03 { background-position: -205px 0px; }
.gngw4 .gngw_tit .tt04 { background-position: -305px 0px; }
.gngw4 .gngw_tit .tt05 { background-position: -405px 0px; }
.gngw4 .gngw_tit .tt06 { background-position: -505px 0; }
.gngw4 .gngw_tit .tt07 { background-position: -605px 0px; }
.gngw4 .gngw_tit .tt08 { background-position: -700px 0px; }
.gngw4 .gngw_tit .tt09 { background-position: -10px -100px; }
.gngw4 .gngw_tit .tt10 { background-position: -105px -100px; }
.gngw4 .gngw_tit .tt11 { background-position: -205px -100px; }
.gngw4 .gngw_tit .tt12 { background-position: -305px -100px; }
.gngw4 .gngw_tit .tt13 { background-position: -405px -100px; }
.gngw4 .gngw_tit .tt14 { background-position: -505px -100px; }
.gngw4 .gngw_tit .tt15 { background-position: -605px -100px; }
.gngw4 .gngw_tit .tt16 { background-position: -700px -100px; }
.gngw4 .gngw_tit .tt01.active { background-position: -10px -215px; }
.gngw4 .gngw_tit .tt02.active { background-position: -105px -215px; }
.gngw4 .gngw_tit .tt03.active { background-position: -205px -215px; }
.gngw4 .gngw_tit .tt04.active { background-position: -305px -215px; }
.gngw4 .gngw_tit .tt05.active { background-position: -405px -215px; }
.gngw4 .gngw_tit .tt06.active { background-position: -505px -215px; }
.gngw4 .gngw_tit .tt07.active { background-position: -605px -215px; }
.gngw4 .gngw_tit .tt08.active { background-position: -700px -215px; }
.gngw4 .gngw_tit .tt09.active { background-position: -10px -314px; }
.gngw4 .gngw_tit .tt10.active { background-position: -105px -314px; }
.gngw4 .gngw_tit .tt11.active { background-position: -205px -314px; }
.gngw4 .gngw_tit .tt12.active { background-position: -305px -314px; }
.gngw4 .gngw_tit .tt13.active { background-position: -405px -314px; }
.gngw4 .gngw_tit .tt14.active { background-position: -505px -314px; }
.gngw4 .gngw_tit .tt15.active { background-position: -605px -314px; }
.gngw4 .gngw_tit .tt16.active { background-position: -700px -314px; }
.gngw4 .gngw_tit .tt1.active { background-position: -747px -110px; }
.gngw4 .gngw_tit .tt17 { background: url("../images/yjtb3.png") 0 0 no-repeat;background-position: -11px 0px; }
.gngw4 .gngw_tit .tt21 { background: url("../images/yjtb3.png") 0 0 no-repeat;background-position: -101px 0px; }
.gngw4 .gngw_tit .tt19 { background: url("../images/yjtb3.png") 0 0 no-repeat;background-position: -11px -100px; }
.gngw4 .gngw_tit .tt20 { background: url("../images/yjtb3.png") 0 0 no-repeat;background-position: -105px -100px; }
.gngw4 .gngw_tit .tt18 { background: url("../images/sq.png") 0 0 no-repeat;background-position: 18px 13px; }

.gngw4 .gngw_tit .tt17.active { background: url("../images/yjtb2.png") 0 0 no-repeat;background-position: -14px 0px; }
.gngw4 .gngw_tit .tt21.active { background: url("../images/yjtb2.png") 0 0 no-repeat;background-position: -104px 0px; }
.gngw4 .gngw_tit .tt19.active { background: url("../images/yjtb2.png") 0 0 no-repeat;background-position: -14px -100px; }
.gngw4 .gngw_tit .tt20.active { background: url("../images/yjtb2.png") 0 0 no-repeat;background-position: -108px -100px; }
.gngw4 .gngw_tit .tt18.active { background: url("../images/sq2.png") 0 0 no-repeat;background-position: 18px 13px; }

.gngw4 .gngw_tit li+li { /* border-left: 1px solid #d9d9d9; 
}
.gngw4 .gngw_tit li a { color: #333; }
.gngw4 .gngw_tit li.active { /* background: #2888fb; 
color: #2489fa; }
.gngw4 .gngw_tit li.active a { color: #2489fa; }
.gngw4 .gngw_box { overflow: hidden; background: #fff; border: 1px solid #ccc; }
.gngw4 .gngw_box .gngw_box_con { display: none;/* margin-top:5px; 
}*/

.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }


.parttop { width: 1170px; margin: auto; }
.parttopl { width: 861px; float: left; }
.parttopr { width: 298px; float: right; position: relative; }
.gengduo a { color: #999 !important; border: none !important; font-size: 14px !important; float: right; }
.csqh{ position:relative;}
#yjts_img{}
.bjs{ position:absolute; right:1px; top:7px;vertical-align: middle;}
.bjs span{vertical-align: middle;}
.lsyj{ width:99%;}
/* #headline{height:20px;} */
img#cityChoice {
    margin-left: 5px;
    margin-right: 10px;
}
/* .lsyj{ height:135px; }*/
.lsyj h2{ background:#7dbeff; text-align:center; padding:8px 10px; margin-top:12px; margin-bottom:6px; color:#FFF; font-size:14px;font-weight:bold;}
.lsyj h2 a{color:#FFF;}
.lsyj p{ line-height:20px; font-size:14px; color:#000;}
.lsyj p a{color:#000; }
.wxts {
    width: 100%;
    height: 263px;
    background: url(../images/wxts2.png) 0px 0px no-repeat;
    margin: 10px 0;
    background-size: 100% 100%;
}
.wxts h3{ font-size: 16px;
color: #FFF;
padding-left: 33px;
padding-top: 5px;}
.wxts p{ line-height: 22px;
font-size: 14px;
color: #000;
padding: 0 10px; margin-top:12px; margin-bottom:5px;text-align: justify;}

.left2{
	position: absolute;
    top: 10px;
    width: 20px;
    height: 36px;
    background: url(../images/right.png);
	    top: 34px;
    left: 10px;
}

.right2{
	position: absolute;
    width: 20px;
    height: 36px;
    background: url(../images/left.png);
	top: 34px;
    right: 10px;
}

.yq_b2 {
    width: 10000px;
    position: relative;
}

/**图标示例**/
.floatDqq li span{
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin: 5px 10px 0 0;

}
.floatDqq li{
	
	margin-bottom:2px;
}
.red{
background:#FF0000;
}
.orange{
background:#FFA500;
}
.yellow{
background:#FFFF00;
}
.blue{
background:#0000FF;
}
.unknown{
background:#999999;
}
.tbsl {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 130px;
    right: 0;
}
.floatDqq li p{
        font-size: 14px;
}

.earthquake {
    width: 100%;
    position: absolute;
    bottom: 114px;
    /*right: 20px;*/
    font-size: 14px;
    text-align: center;
    z-index: 9;
	height: 30px;
	line-height: 30px;
}
.earthquake_2{
	filter:alpha(Opacity=50);
	-moz-opacity:0.5;opacity: 0.5;
	width: 100%;
	background: #ffffff;
	height: 30px;
    position: absolute;
    z-index: 1;
	bottom: 114px;
}
.earthquake span{
	margin-left:15px;
}
.earthquake ul li{
	float:left;
	height:33px;
}
.earthquake ul .hour{background-position: -40px 0px;}
.earthquake ul .week{background-position: -10px 0px;}
.earthquake ul .month{background-position: -10px 0px;}
.top_1{
	width:1200px;
	height:55px;
	margin:0 auto;
	margin-bottom:10px;
	background:#f7f7f7;
	line-height: 55px;
}

.box {
	/*padding-left:50px;*/

}
.winBox {
	width:1030px;
	height:55px;
	overflow:hidden;
	position:relative;
}
.scroll {
	/*width的大小是根据下面li的长度和多少个li而定的，需注意！*/
	width:10000px;
	position:absolute;
	left:0px;
	top:0px;
}
.scroll li {
	/*width:150px;*/
	float:left;
	line-height:55px;
	text-align:center;
	margin-left:40px;
}
.top_span1{
	margin:15px 5px 0 18px;
}
.top_red{
	color:#e0351d;
	font-size:18px;
}
.top_blue{
	color:#2888fb;
	font-size:18px;
}
.top_right{
	float:left;
}
.city-picker-select{
	position:absolute;
	width:298px;
	top: 40px;
	height: 177px;
	margin-top: 10px;
}

.city-picker-select select{
	width:70px;
	
}
.alertinfo_mask{
	position:absolute;
	width:298px;
	top: 40px;
	height: 177px;
	background-color: rgba(0,0,0,.5);
	z-index:1px;
}
.hide_1{
	display:none;
}
button.wv-top-button[data-v-d868839a] {
    background: #fff;
    box-shadow: none;
    -webkit-border-radius: .4em;
}
.wv-top-select[data-v-d868839a], button.wv-top-button[data-v-d868839a] {
    outline: none;
    font-size: 16px;
    border-radius: 0;
    color: #4a4a4a;
    height: 36px;
	width:100%;
	border-radius: 5px;
}
.sure{
	position:absolute;
	width: 60px;
	top: 50px;
    right: 5px;
	box-shadow: 0 0 5px #eee;
	border-radius: 5px;
}
.city-picker-select select:first-child{
	margin-left:5px;
}


 .gngw_tit {
     overflow: hidden;
     height: 108px;
     width: 725px;
     float: right;
     position: relative;
     background: #eff3f6;
     border-bottom: 1px solid #2489fa;
     padding: 0 25px;
	 box-sizing: border-box;
 }


 .gngw_tit ul {
	 display: flex;
	 flex-flow: row nowrap;
	/** overflow: hidden;**/
	 float: left;
	 transition: all 1s;
	 /* transform: translateX(-50%); */
 }


 .gngw_tit li {
     width: 84px;
     height: 220px;
     color: #333;
     text-align: center;
	 font-size: 16px;
	 color: #000;
	 flex: none;
 }

 .gngw_tit li:nth-child(8n) {
    margin-right: 50px;
 }

 .gngw_tit li.active{
	 transform: translateY(-50%); 
 }

 .left2 {
     position: absolute;
     top: 10px;
     width: 20px;
     height: 36px;
     background: url(../images/right.png);
     top: 34px;
     left: 10px;
 }

 .right2 {
     position: absolute;
     width: 20px;
     height: 36px;
     background: url(../images/left.png);
     top: 34px;
     right: 10px;
 }


 .gngw_tit li div {
     height: 50%;
 }

 .gngw_tit li div {
     display: flex;
     align-items: center;
     flex-flow: column nowrap;
     justify-content: space-around;
     height: 50%;
     padding: 10px 0;
     box-sizing: border-box;
 }

 .gngw_tit li div p {
     width: 100%;
     text-align: center;
 }

 .gngw_tit li div a {
     display: block;
	 color: #000;
     box-sizing: border-box;
     padding: 0 10px;
 }

 .gngw_tit li div a img {
     display: block;
     width: 100%;
 }
 .gngw_tit li+li {
     /* border-left: 1px solid #d9d9d9; */
 }
 .gngw_box {
     overflow: hidden;
     background: #fff;
     border: 1px solid #ccc;
 }

 .gngw_box .gngw_box_con {
     display: none;
     /* margin-top:5px; */
 }

 .clearfix:after {
     content: '';
     overflow: hidden;
     width: 100%;
     height: 0px;
     font-size: 0px;
     display: block;
     clear: both;
 }