@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 14px;
	font-family: "Microsoft YaHei", 微软雅黑, "SimSun", "宋体", "Arial Narrow",
		HELVETICA;
	background-color: #FFFFFF;
}

h1,h2,h3,h4,h5,h6,strong,ul,li,strong,form,p,dl,dd,dt,img {
	margin: 0;
	padding: 0;
}

ul,li {
	list-style: none;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #28A1E5;
}

img {
	border: none;
}

h1 {
	font-size: 32px;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	margin-left: 0px;
}

h2 {
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	font-weight: normal;
	margin-left: 100px;
}

h4 {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	font-weight: normal;
	height: 27px;
	line-height: 27px;
	color: #28A1E5;
	border-bottom: 3px solid #28A1E5;
}

.clear {
	clear: both;
}

.fill {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#showPDF{width:1010px;height:800px;margin:0 auto;}
#pdfiframe{width:1010px;height:800px;margin:0 auto;}

/*顶部的当前时间 -- 开始*/
.wrapper {
	position: relative;
	margin: 0;
	clear: both;
}

.wrapper-container {
	position: relative;
	margin: 0 auto;
	width: 1230px;
}
/*顶部的当前时间-- 结束*/



/*栏目导航条 --开始*/
#column-nav {
	height: 40px;
	background-color: #28A1E5;
	min-width: 1280px;
}

#nav {
	height: 40px;
	line-height: 40px;
	font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑;
	padding: 0 0
}
.topnav-wrap {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20000;
	display: block;
	float: left;
	height: 40px;
	font-size: 16px;
	text-align: center;
	border-radius: 0;
	opacity: 1;
	cursor: pointer;
	background: url(../images/topnavicon.png) 0px 0px no-repeat;
}
.topnav-wrap:nth-child(1){background:none;}
.topnav-wrap a {
	float: left;
	color: #fff;
	display: block;
	cursor: pointer;
	font-size: 16px;
}

.topnav-wrap a span {
	padding: 0 20px;
	display: block;
	float: left;
	cursor: pointer;
}
/*渐变*/
/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); *//*IE 6 7 8*/ 
/*background:-ms-linear-gradient(top, #fff,  #0000ff);*/        /* IE 10 */
/*background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);*//*火狐*/ 
/*background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#28A1E5), to(#f6f6f8));*//*谷歌*/ 
/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));*/      /* Safari 4-5, Chrome 1-9*/
/*background:-webkit-linear-gradient(top, #fff, #0000ff);*/   /*Safari5.1 Chrome 10+*/
/*background:-o-linear-gradient(top, #fff, #0000ff);*/  /*Opera 11.10+*/
.topnav-wrap .select {
	background-color: #2888E5;
	color: #FFF;
}

.topnav-wrap .zsubnav {
 position: absolute;
  top: 40px;
  left: 0px;
  width: 97%;
  text-align: center;
  z-index: 1000;
  color: #FFF;
  display: none;
  margin: 0;
  background-color: #2888E5;
  padding: 0 3px 3px;
}

.navigation {
	position: absolute;
	top: 40px;
	left: -25px;
	width: 160px;
	text-align: center;
	z-index: 1000;
	color: #FFF;
	display: none;
	margin: 0;
	background-color: #2888E5;
	padding: 0 3px 3px
}
.en-navigation {
	position: absolute;
	top: 40px;
	width: 300px;
	text-align: center;
	z-index: 1000;
	color: #FFF;
	display: none;
	margin: 0;
	background-color: #2888E5;
	padding: 0 3px 3px
}


.navigation li,.en-navigation li {
	float: none;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	border: none
}

.navigation li a,.en-navigation li a {
	float: none;
	color: #FFF;
	font-size: 14px;
}

.navigation li a:hover,.en-navigation li a:hover {
	background-color: #FAFAFA;
	color: #28A1E5
}

.topnav-wrap a .column-link {
	padding: 0 52px;
}

.topnav-wrap a .column-links {
	padding: 0 45px;
}

.topnav-wrap a .zccolumn-links {
	padding: 0 37px;
}
.topnav-wrap a .pycolumn-link {
	padding: 0 38px;
}
.topnav-wrap a .lwcolumn-link {
	padding: 0 42px;
}
/*栏目导航条 --结束*/


/*整个网站的文章显示样式 --开始*/
.right-box .article h1 {
	text-align: center;
	color: #000;
	font-size: 24px;
	color:#0873cb;
	height: 50px;
	line-height: 50px;
}

.right-box .article .info {
	text-align: center;
	color: #666666;
	height: 25px;
	line-height: 25px;
}

.right-box .article .info span {
	margin: 0 10px;
}

.right-box .article .body-cn {
	padding: 10px;
	font-size: 14px;
	line-height: 28px;
	border: none;
}
/*整个网站的文章显示样式 --结束*/
/*建党100 周年横幅背景 --开始*/
.festival-head {
	height: 130px;
	background: url("../images/100-headBG.png") no-repeat center center;
	margin: 0 auto;
	min-width: 1280px;
}
/*建党100 周年横幅背景 --结束*/

/*建党100 周年 内容 背景 --开始*/
/* .content-container {
	background: url("../images/100-bodyBG.png") no-repeat center center;
	background-size: cover;
} */
/*建党100 周年 内容 背景 --结束*/
/*广州logo图片 --开始*/
.head-wrap {
	background: url(../images/title-bac.jpg) no-repeat center top;
	height: 130px;
	margin: 0px auto;
	min-width: 1280px;
}

.head-wrap-en {
	background: url(../images/title-bac-en.png) no-repeat center top;
	height: 130px;
	margin: 0px auto;
	min-width: 1280px;
}

/*广州番禺logo图片 --开始*/
.head-wrap-panyu {
	background: url(../images/gzpanyu/title-bac.png) no-repeat center top;
	height: 130px;
	margin: 0px auto;
	min-width: 1280px;
}

.head .logo {
	background: url(../images/gzlogo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 15px;
	top: 10px
}

.head .logo-en {
	background: url(../images/gzlogo-en.png) left top no-repeat;
	width: 400px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 15px;
	top: 10px
}
/*广州logo图片 --结束*/

/*花都logo图片--- 开始*/
.head .gzhuadu_logo {
	background: url(../images/gzhuadu/huadu-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*花都logo图片--- 结束*/

/*番禺logo图片--- 开始*/
.head .gzpanyu_logo {
	background: url(../images/gzpanyu/panyu-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
	cursor: pointer;
}
/*番禺logo图片--- 结束*/

/*南沙logo图片--- 开始*/
.head .nansha_logo {
	background: url(../images/gznansha/nansha-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*南沙logo图片--- 结束*/

/*海珠logo图片--- 开始*/
.head .gzhaizhu_logo {
	background: url(../images/gzhaizhu/haizhu-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*海珠logo图片--- 结束*/

/*从化logo图片--- 开始*/
.head .conghua_logo {
	background: url(../images/gzconghua/conghua-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*从化logo图片--- 结束*/

/*白云logo图片--- 开始*/
.head .baiyun_logo {
	background: url(../images/gzbaiyun/baiyun-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}

/*白云logo图片--- 结束*/

/*黄埔logo图片--- 开始*/
.head .huangpu_logo {
	background: url(../images/gzhuangpu/huangpu-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*黄埔logo图片--- 结束*/

/*荔湾logo图片--- 开始*/
.head .gzliwan_logo {
	background: url(../images/gzliwan/liwan-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*荔湾logo图片--- 结束*/

/*天河logo图片--- 开始*/
.head .gztianhe_logo {
	background: url(../images/gztianhe/tianhe-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*天河logo图片--- 结束*/

/*增城logo图片--- 开始*/
.head .zengcheng_logo {
	background: url(../images/gzzengcheng/zengcheng-logo.png) left top
		no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*增城logo图片--- 结束*/

/*越秀logo图片--- 开始*/
.head .gzyuexiu_logo {
	background: url(../images/gzyuexiu/yuexiu-logo.png) left top no-repeat;
	width: 340px;
	height: 90px;
	color: #28A1E5;
	position: absolute;
	left: 45px;
	top: 10px;
}
/*越秀logo图片--- 结束*/




/*最新消息和搜索条--开始*/
.serch-bar {
	margin:0 auto;
	width: 1208px;
	height: 30px;
	background-color: #FCFCFC;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #EDECEC;
	border-right: 1px solid #EDECEC;
	padding:4px 10px 4px 10px;
}

.serch-bar .serch-wrap {
	float: right;
	text-align: center;
	padding: 0;
}

.serch-bar .serch-wrap input {
	height: 28px;
	width: 150px;
	line-height: 28px;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #ccc;
	color: #AAA;
	float:left;
	-webkit-border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	background-color: #F2F2F2;
}

.serch-bar .serch-wrap div {
	height: 30px;
	line-height: 30px;
	width: 50px;
	float: right;
	color: #FFF;
	background-color: #28A1E5;
	cursor: pointer;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
}

.serch-bar .news {
	float: left;
	font-size: 14px;
	color: #666;
	width: 950px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}

#latest24HF {
    position: relative; 
    overflow: hidden;
    width: 400px;
    height: 30px;
    line-height: 30px;
    display:none;
}

.serch-bar .zt {
    float: left;
    font-size: 14px;
    color: #666;
    width: 300px;
    height: 30px;
    overflow: hidden;
}

.serch-bar .news li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #000;
	background: url(../../designs/images/news-icon-3.png) 0 center no-repeat
}

.serch-bar .news li a {
	font-size: 14px;
	color: #000;
	cursor: pointer
}

.serch-bar .news .news-img {
	float: left;
	margin-top: 2px
}

.serch-bar .news li a:hover {
	color: #FF7300
}

.serch-bar .news li span {
	color: #666;
	margin: 0 5px
}
/*最新消息和搜索条--结束*/

/*左侧导航栏--开始*/
.g-left-nav {
	width: 200px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	background-color: #F8FAF9;
	min-height: 600px;
}

.g-left-nav li {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
	background: url(../images/module-list-icon1.gif) 10px center no-repeat;
}

.g-left-nav li a {
	color: #000;
	cursor: pointer;
}

.g-left-nav li a:hover {
	color: #28a0e5;
}

.g-left-nav .selected {
	color: #28a0e5;
	border-top: 1px solid #a9d2f0;
	border-bottom: 1px solid #a9d2f0;
	background: url(../images/module-list-icon.jpg) 10px center no-repeat;
}

.g-left-nav .selected a {
	color: #28a0e5;
}

/*左侧导航栏--开始*/
.en-g-left-nav {
	width: 280px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	background-color: #F8FAF9;
	min-height: 600px;
}

.en-g-left-nav li {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
	background: url(../images/module-list-icon1.gif) 10px center no-repeat;
}

.en-g-left-nav li a {
	color: #000;
	cursor: pointer;
}

.en-g-left-nav li a:hover {
	color: #28a0e5;
}

.en-g-left-nav .selected {
	color: #28a0e5;
	border-top: 1px solid #a9d2f0;
	border-bottom: 1px solid #a9d2f0;
	background: url(../images/module-list-icon.jpg) 10px center no-repeat;
}

.en-g-left-nav .selected a {
	color: #28a0e5;
}
/*左侧导航栏--结束*/

/*内页栏目内容主体（左导航-右侧内容）--开始*/
.en-g-column-cont {
	position: relative;
	width: 930px;
	min-height: 100px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px
}

.g-column-cont {
	position: relative;
	width: 1010px;
	min-height: 100px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px
}

.g-column-module {
	position: relative
}

.g-column-module-head {
	float: left;
	position: relative;
	height: 60px;
	line-height: 40px;
	font-size: 16px;
	clear: both;
	padding: 0;
	background: url(../../designs/images/secondary-bac.png) 0 center
		no-repeat;
	background-position: center 40px;
}

.g-column-module-cont {
	position: relative;
	overflow-x:hidden;
	width:100%;
}

.g-column-module-head-datetime {
	position: relative;
	height: 40px;
	line-height: 42px;
	font-size: 14px;
	text-align: right;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 20px;
	z-index: -10;
}

.g-column-cont .g-column-module .g-column-module-head-width {
	width: 645px;
}

.g-column-module-head .g-column-module-title {
	margin-right: 0;
	color: #28A1E5;
	float: left;
	cursor: pointer;
	font-size: 20px;
}

.g-column-module-head-radio {
	height: 40px;
	position: relative;
	float: left;
	clear: right
}

.g-column-module-head-radio:hover {
	background-color: #28A1E5;
	color: #FFF
}

.g-column-module-head-radio>li {
	line-height: 40px;
	font-size: 15px;
	display: none;
	float: left;
	cursor: pointer
}

.g-column-module-head-radio>li:hover {
	color: #D7D6D6
}

.g-column-module-head-radio>.selected {
	font-size: 20px;
	height: 38px;
	color: #FF7300;
	display: block
}

.g-column-module-head-radio:hover>li {
	display: block;
	padding: 0 3px
}

.g-column-module-head-radio:hover>.selected {
	color: #FFF;
}

.g-column-module-head>.selected {
	height: 38px;
	line-height: 38px;
	color: #28A1E5;
	border-bottom: 2px solid #28A1E5
}

.g-column-module-head-ul {
	position: relative;
	float: left;
	clear: right;
	height: 30px
}

.g-column-module-cont-ul>li {
	display: none
}

.g-column-module-cont-ul .selected {
	display: block
}

.g-column-module-head-ul li {
	position: relative;
	float: left;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	color: #666;
	display: block
}

.g-column-module-head-ul .selected {
	color: #28A1E5;
	height: 27px;
	line-height: 30px;
	border-bottom: 3px solid #28A1E5
}
/*内页栏目内容主体（左导航-右侧内容）--结束*/

/*产品说明或提示--开始*/
.g-module-tips {
	clear: both;
	border: 3px solid #28A1E5;
	padding: 10px;
}

.g-module-tips li {
	padding-left: 10px;
	list-style: disc inside none;
}
/*产品说明或提示--结束*/

/*友情链接--开始*/
.links-module {
	height: 90px
}

.links-module .module-cont {
	padding-left: 100px;
	padding-top: 10px
}

.links-module select {
	width:283px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	padding: 2px 5px;
	font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑
}
/*友情链接--结束*/

/*页脚--开始*/
.footer {
	line-height: 30px;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	background-color: #28a0e5;
	clear: both;
}

.footer ul {
	width: 1130px;
	margin: 0 auto;
	padding-left: 100px;
	background: url(../images/logo2.png) 50px center no-repeat;
	position:relative;
}
.footer .beian{width:300px;margin:0 auto;position:absolute;top:132px;left:-40px;}

.footer ul li {
	float: left;
	color: #ccc;
	margin-left:110px
}

.footer ul li .title {
	color: #FFF;
	border-bottom: 1px solid #E9F9FF;
	width: 100px
}

.footer ul li .cont {
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
	border-top: 1px solid #E9F9FF
}

.footer ul li .weixin {
	background: url(../images/wxm.png) right center no-repeat;
	height: 120px;
	width: 220px
}
.footer ul li .zcweixin {
	background: url(../images/zcwxm.jpg) right center no-repeat 100px 100px;
	height: 120px;
	width: 220px
}
.footer ul li .zcweixin div {
	width:100px;
	float:left;	
	margin:5px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
}
.footer ul li .zcweixin div img {
	width:100px;

}
.footer ul li .wbicon{
	width:100px;
	height:100px;
	margin-top: 30px;
    margin-left: 10px;
}

.footer ul li .wbicon .xlwb{
	background: url(../images/xlwb.png) no-repeat;
	display: block;
	width: 120px;
    height: 35px;
}
.footer ul li .wbicon .txwb{
	background: url(../images/txwb.png) no-repeat;
	display: block;
	width: 120px;
    height: 35px;
}

#linkspanyu{
	width: 1130px;
	margin: 0 auto;
	padding-left: 100px;
	background: url(../images/logo2.png) 0px center no-repeat;
}
#linkspanyu li{
	float: left;
	color: #ccc;
	margin-left:65px;
}
#panyutext{
	height: 120px;
	width: 72px;
	display: inline-block;
	vertical-align:middle;
	float: left;
}
#panyuweixin {
	background: url(../images/gzpanyu/panyuweixin.jpg) right center no-repeat;
	background-size: contain;
	height: 120px;
	width: 120px;
	display: inline-block;
	cursor: pointer;
}
#panyuweibo{
	background: url(../images/gzpanyu/panyuweibo.png) right center no-repeat;
	height: 120px;
	width: 120px;
	display: inline-block;
	cursor: pointer;
}

.footer ul li .cont a {
	color: #ccc
}

.footer .copyright {
	color: #ccc;
	font-size: 12px
}

.footer .copyright span {
	margin: 0 20px
}

.footer .copyright a {
	color: #ddd;
	margin: 0 20px
}
/*页脚--结束*/

/*浏览器兼容性提示--开始*/
#browser-check {
	display: none;
}

.browser-check-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 150px;
	z-index: 50005;
}

.browser-check-bac {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #28A1E5;
	filter: alpha(opacity =   50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	z-index: 50000;
}

.browser-check {
	margin: 100px auto;
	width: 500px;
	background-color: #fff;
	padding: 30px;
	border: 10px solid #28A1E5;
}

.browser-check-head {
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #28A1E5;
	text-align: center;
}

.browser-check-tips {
	font-size: 14px;
	line-height: 20px;
}

.browser-check-support-head {
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #28A1E5;
	margin-top: 10px;
}

.browser-check-support {
	margin: 5px;
}

.browser-check-support li {
	marign: 10px;
	color: #28A1E5;
	list-style: initial;
}

.browser-check-close {
	margin: 20px auto 0;
	width: 200px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #28A1E5;
	text-align: center;
	cursor: pointer;
	border: 1px solid #28A1E5;
}

.weather-tips {
   /*  background: url(../images/modules/news.png) left center no-repeat; */
   
    line-height: 1.6;
    display:none;
}
/*浏览器兼容性提示--结束*/


/*气候统计开始*/
.climate-statistics-area{
	width:400px;margin:0 auto;height:30px;
}
.climate-statistics-area li{
	width:80px;float:left;line-height:20px;text-align:center;cursor: default;font-size:18px;
	
}

.climate-statistics-area .selected{
	color: #FF7506;
	border-bottom: 2px solid #FE7100; 
}


/*气候统计结束*/

/*网上科普馆*/
.vr-list li{
	list-style: none;
	float: left;
    padding: 4px 8px;
    width: 310px;
}

.vr-list li img{
	width: 300px;
    height: 300px;
}
.vr-list li div{
	text-align: center;
	font-size:20px;
}


/*短时预报*/
.short-time-leftwrap{
  position: relative;
  width: 645px;
}

.short-time-leftwrap .weather-types{
  position: relative;
  width: 100%;
  height: 114px;
}

.short-time-leftwrap .weather-types li{
  position: relative;
  float: left;
  margin-right: 8px;
  border: 2px solid #fff;
  width: 80px;
  height: 112px;
  background-size: 100% 100%;
  cursor: pointer;
  display: none;
}

.short-time-leftwrap .weather-types li .thumbnail{
  width: 100%;
}

.short-time-leftwrap .weather-types li.weather-act{
  display: block;
}

.short-time-leftwrap .weather-types li .tname{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 0 5px;
  color: #ffffff;
  border-radius: 0 5px 0 0;
  background-color:#28A1E5;
  text-align: right;
}

.short-time-leftwrap .weather-types li .arrows{
  position: absolute;
  bottom: -17px;
  left: calc(50% - 10px);
  height: 15px;
  width: 15px;
  background-image:url('/designs/images/arrow.png');
  background-size: 100% 100%;
  display: none;
}

.short-time-leftwrap .weather-types li:hover{
  border: 2px solid #28a0e585;
}

.short-time-leftwrap .weather-types li.selected{
  border: 2px solid #28A1E5;
}

.short-time-leftwrap .weather-types li.selected .arrows{
  display:block;
}

.short-time-leftwrap .weather-img{
  margin-top: 10px;
  width: 632px;
  height: auto;
  border: 1px solid #d0d0d0;
}

.short-time-rightwrap{
  position: absolute;
  width: 350px;
  height: fit-content;
  top: 0px;
  right: 0px;
}

.short-time-rightwrap .rmodule{
  position: relative;
  width: 100%;
}

.short-time-rightwrap .rmodule .rmodule-head{
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  border-radius:6px 6px 0 0 ;
  border: 1px solid #28A1E5;
  background-color: #28A1E5;
}
.short-time-rightwrap .rmodule .rmodule-cont{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #28A1E5;
}

.short-time-rightwrap .rmodule .rmodule-cont p{
  position: relative;
  margin: 0 10px;
  line-height: 28px;
  font-size: 14px;
}

.short-time-rightwrap .rmodule .rmodule-cont .datetime{
  border-top: 1px solid #d0d0d0;
  color: #999;
  text-align: right;
}