body,html {
	height:100%;
	width: 100%;
	padding:0;
	max-width: 750px;
	margin:auto;
	background: #fcfcfc !important;
}
.clearfix {
	overflow:auto;
	_height:1%
}
*{
	text-decoration: none;
}
.amap-info-close{
	right:6px !important;
	font-size:26px !important;
	color:#666666 !important;
	width: 20px;
    height: 20px;
	font-weight: 400;
	top:8px;
}
.amap-info-outer, .amap-menu-outer{
	border-radius: 10px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.3);
}
#headerM{
	display: none;
}
#qqHeader{
	display: none;
}
#Videotop{
	display: none;
}
#returnUrll{
	display: none;
}
.qqHeader h3{
	text-align: left;
}
.qqHeader h3 img{
	display: block;
    float: left;
    width: 1rem;
    margin-top: 0.5rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.delocation #texts{
	color:#333333;
}
.amap-logo{
	display: none !important;
}
.amap-copyright{
	display: none !important;
}
.dwloading{
	position: fixed;
	width:100%;
	height:100%;
	background: #ffffff;
	left:0;
	top:0rem;
	z-index: 1000000000;
}
.dwloading img{
	width:3rem;
	margin:auto;
	display: block;
	margin-top:30vh;
}
.footerri{
	float: left;
    width: 74%;
}
#jiangshuiliang{
	font-weight: 400;
}
.dwloading span{
	display: block;
	text-align: center;
	color:#2f2f2f;
	font-size:1.2rem;
	line-height: 2.4rem;
}
/*晴天*/
.components-index.CLEAR{
	background-image:url(../img/qing.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*晴天晚上*/
.components-index.CLEAR_NIGHT {
	background-image:url(../img/nqing.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*多云*/
.components-index.PARTLY_CLOUDY {
	background-image:url(../img/duoyun.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*多云晚上*/
.components-index.PARTLY_CLOUDY_NIGHT {
	background-image:url(../img/nduoyun.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*阴*/
.components-index.CLOUDY {
	background-image:url(../img/yin.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*阴晚上*/
.components-index.CLOUDY_NIGHT {
	background-image:url(../img/nyin.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雨*/
.components-index.RAIN {
	background-image:url(../img/yufen.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雨晚上*/
.components-index.RAIN_NIGHT {
	background-image:url(../img/nyufen.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雪*/
.components-index.SNOW {
	background-image:url(../img/xue.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雪晚上*/
.components-index.SNOW_NIGHT {
	background-image:url(../img/nxue.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*风*/
.components-index.WIND {
	background-image:url(../img/feng.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*风晚上*/
.components-index.WIND_NIGHT {
	background-image:url(../img/nfeng.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雾*/
.components-index.FOG {
	background-image:url(../img/wu.jpg);
	transition:all 1s linear;
	background-size:cover;
}
/*雾晚上*/
.components-index.FOG_NIGHT {
	background-image:url(../img/nwu.jpg);
	transition:all 1s linear;
	background-size:cover;
}
.components-index{
	background: #1678b1;
}
#holders {
	bottom:21%
}
#datas,#holders {
	position:absolute
}
#datas {
	left:"-9999em";
	top:"-9999em"
}
.gradientBox {
	background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
	border:1px solid #fff;
	border-width:1px 1px 0
}
.topBar {
	width:96%;
	margin:0 2%;
	height:16vh;
	position: absolute;
	left:50%;
	margin-left: -48%;
	top:50%;
	margin-top:-8vh;
}
.aqitop{
	position: absolute;
    left: 1rem;
    top: 6rem;
    display: block;
    margin-top:1rem;
    z-index: 1000000;
}
.aqitop i{
	display: block;
	float: left;
	margin-left: 0rem;
	font-size:1.2rem;
	line-height: 1.5rem;
}
.aqitop a{
	color: #ffffff;
    font-size: 1.2rem;
    display: block;
    text-decoration: none;
    padding: 0rem 0.2rem;
    border-radius: 0.5rem;
    overflow: hidden;
} 
.topBar .location2 {
	text-align:left;
	width:95%;
	font-size:.32rem;
	padding-left:.3rem;
	background:url(../img/shape.ef60f.png) 0 0/.2rem no-repeat;
	background-position: 0 0.05rem;
	overflow: hidden;
	position: absolute;
	left:0;
	top:1.2rem;
	z-index: 100000;
}
.topBar .location span {
	color:#767676
}
.topBar .location span.cityy{
	color:#fff;
	font-size:0.3rem;
	background: url(../img/aird_03.png) no-repeat left center;
	padding-left: 0.4rem;
	background-size:0.35rem;
	display: block;
}
.moreboxs a{
	display: block;
	color:#ffffff;
	font-size:0.3rem;
	float: right;
	margin-right: 0.3rem;
	text-decoration: none;
}
.moreboxs{
	position: absolute;
    right: 0.2rem;
    top: 8rem;
    z-index: 10000;
}
.topBar .location2 span.cityy{
	color:#767676;
	background: url(../img/dingweihui.png) no-repeat left center;
	background-size:0.4rem;
	padding-bottom: 0.1rem;
}
.topBar .location .address {
	color:#767676;
	font-size:.2rem
}
.topBar .logo {
	float:right;
	color:hsla(0,0%,100%,.8);
	font-size:.25rem;
	min-width:.58rem;
	line-height:.52rem
}
.dialog {
	background:hsla(0,0%,100%,.9);
	border-radius:10px;
	position:fixed;
	margin:0 auto;
	width:90%;
	left:5%;
	top:15%;
	z-index:10
}
.dialog .content {
	padding:.4rem .6rem;
	font-size:.34rem;
	line-height:.6rem;
	color:#333
}
.dialog .btns {
	clear:both;
	display:-webkit-box;
	display:box;
	-moz-display:box
}
.dialog .btns a {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
	color:#368fca;
	font-size:.34rem;
	display:block;
	text-align:center;
	line-height:1rem;
	border-top:1px solid #c7c7c7
}
.dialog .btns a.cancel {
	color:#666;
	border-right:1px solid #c7c7c7
}
.components-weather {
	text-align:center;
    margin-top:0rem;
	width:100%
}
.components-weather .temperature {
	margin-bottom: 0;
	margin-top:0rem;
}
.components-weather .temperature span {
	display:inline-block;
	margin:0 auto;
	height:100%;
	font-size:5rem;
	color:#fff;
	position:relative;
	z-index:1
}

.components-weather .weather {
	text-align:center;
	color:#fff;
	font-size:1rem;
	overflow: hidden;
	font-weight: 100;
}
.components-weather .weather .line {
	color:hsla(0,0%,100%,.4)
}
.components-weather .weather span {
	display: inline-block;
	font-size:1rem;
	margin:auto 0.5rem;
}
.components-weather .weather span b{
	font-weight: 400;
}
.components-weather .weathercode i {
	width:2.2rem;
	height:2.2rem;
	/*background:url(../img/icon-small-qt.png) no-repeat;*/
	background-size:2.2rem 2.2rem;
	padding:0;
	transform:scale(.55);
	display: block;
    float: left;
    margin-top: -0.5rem;
}
/*晴*/
.components-weather .weathercode i.qing{
	background:url(../img/dayweather/d00.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*晴夜*/
.components-weather .weathercode i.qingye{
	background:url(../img/nightweather/n00.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*多云*/
.components-weather .weathercode i.duoyun{
	background:url(../img/dayweather/d01.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*多云夜*/
.components-weather .weathercode i.duoyunye{
	background:url(../img/nightweather/n01.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*阴*/
.components-weather .weathercode i.yin{
	background:url(../img/dayweather/d02.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*阴夜*/
.components-weather .weathercode i.yinye{
	background:url(../img/nightweather/n01.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雨*/
.components-weather .weathercode i.yu{
	background:url(../img/dayweather/d03.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雨夜*/
.components-weather .weathercode i.yuye{
	background:url(../img/nightweather/n03.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雪*/
.components-weather .weathercode i.xue{
	background:url(../img/dayweather/d06.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雪夜*/
.components-weather .weathercode i.xueye{
	background:url(../img/nightweather/n06.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*风*/
.components-weather .weathercode i.feng{
	background:url(../img/dayweather/d20.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*风夜*/
.components-weather .weathercode i.fengye{
	background:url(../img/nightweather/n20.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雾*/
.components-weather .weathercode i.wu{
	background:url(../img/dayweather/d18.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
/*雾夜*/
.components-weather .weathercode i.wuye{
	background:url(../img/nightweather/n18.png) no-repeat;
	background-size:2.2rem 2.2rem;
}
.components-weather .reportWeather {
	color:hsla(0,0%,100%,.6);
	font-size:.22rem
}
.components-weather .reportWeather span {
	padding:0 .4rem
}
.components-weather .reportWeather span a {
	color:hsla(0,0%,100%,.6)
}
.texts{
	text-align: center;
	color:#333333;
	font-size:0.8rem;
	margin-top:-1rem;
}
.aqitop a span{
	font-size:0.8rem;
	display: block;
	float: left;
	line-height: 1.5rem;
}
.aqitop a b{
	font-size:0.8rem;
	display: block;
	float: left;
	line-height: 1.5rem;
}
.popShou{
	position: relative;
	margin-top:6px;
	height:100px;
}
#app{
	height:100%;
	background: #1E438A;
	transition:all 1s linear;
}
#mapPage{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:3rem;
	z-index: 10000 !important;
	display: none;
	background: #ffffff;
}
.dwyu{
	position: absolute;
	left:0.5rem;
	top:-1rem;
}
.dwyu span{
	display: block;
	color:#333;
	font-size:0.7rem;
	line-height:1.2rem;
}
.time{
	overflow: hidden;
    position: absolute;
    width: 92%;
    bottom: -20px;
    left: 50%;
	margin-left: -46%;
	font-size:0.7rem;
}
.time span{
	display: block;
	float: left;
	width:33%;
	text-align: center;
	color:#b3b3b3;
}
.leidabox{
	position: relative;
}
.playboxb{
	bottom:0rem;
	width:95%;
    left: 2.5%;
    height: 1.5rem;
    display: block;
    position: absolute;
    z-index: 9999;
}
.playbox {
    float: left;
    width: 89%;
    background: rgba(0,0,0,.8);
    height:1.5rem;
}
.guanggao{
	margin:auto;
	margin-top:1rem;
	width:92%;
}
.guanggao img{
	width:100%;
	border-radius: 1rem;
}
/* #btnn{
	background: none;
	width:10%;
	height:1.5rem;
	background: rgba(0,0,0,0.8);
	text-align: center;
	line-height: 1.3rem;
	float: right;
} */
/* #btnn img{
	width:1.5rem;
	display: inline-block;
	vertical-align: middle;
} */
.pase {
    background-image: url(../img/pause.6ff2f.png);
}
.play{
    background: url(../img/playend.png) 50% no-repeat;
    background-size: 1.6rem 1.6rem;
}
.play.on{
	background: url(../img/playon.png) 50% no-repeat;
    background-size: 1.6rem 1.6rem;
}
.progress {
    position: relative;
    width: 66%;
    float: right;
    margin-right: 10%;
}
.time-line {
    height: .58rem;
}
.time-line div {
    position: relative;
    float: left;
    color: #999;
}
.slide-wp {
    position: relative;
    margin-top: 0.4rem;
}
.slide, .slide-bg {
    height: 0.2rem;
    border-radius: 5px;
}
.slide-bg {
    width: 100%;
	/* background: rgba(83,83,83,.8); */
	background: #d8e7fe;
}
.slide {
	position: absolute;
    width: 0;
    top: -9px;
    background: url(../img/jindudian.png) no-repeat right center;
    height: 20px;
    background-size: 10px;
}
#slide.on{
	animation: wid 2s ease-in forwards;
}
.dwyu span img{
	width:1rem;
}
.lineb i{
	display: block;
	width:92%;
	height:0px;
	margin:auto;
	border-top:1px dashed #dcdcdc;
	margin-top:26px;
}
@keyframes wid{
	0%{
		width:0%
	}
	50%{
		width:100%
	}
	100%{
		width:0%
	}
}
.time-line .num {
    font-size: 0.7rem;
    line-height: 1rem;
    display: block;
    margin-top: 0;
    text-indent: -100%;
    text-align: center;
}
.time-line .line {
    position: absolute;
    height: .08rem;
    top: .25rem;
    border-left: 1px solid #999;
}
.smnoprint div:first-child{
	top:-200px !important;
}
.xiajiantou img{
	opacity: 0;
}
.xiajiantou .img01{
	animation: hs 1.2s infinite;
}
.xiajiantou .img02{
	animation: hs2 1s infinite;
}
@keyframes hs{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes hs2{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.fanshelv{
	position: absolute;
	/* right:0.1rem; */
	top:0rem;
	z-index: 9999;
}
.fanshelv img{
	width:4rem;
}
.fullscreen{
	/*left:auto;*/
	/* left:0.5rem; */
	top:0.5rem;
	width:2rem;
	height:2rem;
	background: #fff;
	border-radius: 100%;
	text-align:center;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
}
.fullscreen i{
	color:#a3a3a3;
	font-size:20px;
	line-height: 2rem;
}
.floatPops.active{
	/* height:170px; */
}
.floatPops.active .juti{
	display: block;
}
.floatPops.active span{
	line-height: 24px;
	font-size: 0.6rem;
}
.floatPops.active .popShou{
	margin-top: 0;
}
.floatPops.active .lineb span{
	margin-top:20px;
}
.floatPops.active #main{
	height:70px;
	bottom:10px;
}
.floatPops.active #main2{
	height:70px;
	bottom:17px;
}
.floatPops.active .time{
	bottom:-2px;
}
.floatPops.active .lineb i{
	margin-top: 20px;
}
#main,#main2{
	pointer-events:none;
	height:90px;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
	width:100%;
}
    #container {
		height:100%;
		width: 100%;
		left:0;
		background-color: rgb(229, 227, 223);
		overflow: hidden;
		transform: translateZ(0px);
	}
	  .swiper-container {
	  	font-size:0.5rem;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        width:100%;
        height:100%;
        position: relative;
    }
    .components-index{
    	width:100%;
    	height:100%;
    }
    #main2 canvas{
    	/*top:-1rem !important;*/
    }
    #shuju{
    	text-align: center;
    	font-size:0.3rem;
    	position: absolute; display: block; top:2rem; width:100%; color:#fff; left:0; z-index:10000;
    }
   .dawubox{
   	position: relative; width:100%; height:2.4rem;
   }
   .leidaboxs{
   	position: relative;width:100%; height:7rem
   }
   .xiajiantou{
   	position: absolute;width:0.5rem; left:50%; margin-left: -0.25rem; bottom:0.2rem; height:1rem; z-index: 100000; text-align: center; line-height: 1rem;
   }
   .img01{
   	vertical-align: middle; display: inline-block; width:0.5rem; transform: rotate(-180deg);
   }
   .img02{
   	vertical-align: middle; display: inline-block; width:0.3rem; transform: rotate(-180deg); margin-top:-1.7rem
   }
    @keyframes shuishi{
    	from{
    		transform: rotate(0deg);
    	}
    	to{
    		transform: rotate(360deg);
    	}
    }
    .ershisi{
    	width:100%;
    	margin-top:0.3rem;
    }
    .ershisi a{
    	display: block;
    	width:2.5rem;
    	height:0.3rem;
    	margin:auto;
    	background: #3e5990;
    	border-radius: 0.2rem;
    	text-align: center;
    	line-height: 0.3rem;
    	color:#fff;
    	font-size:0.25rem;
    }
    .paomd{
    	position: absolute;
    	left:50%;
    	width:68%;
    	top:1.5rem;
    	margin-left: -34%;
    }
    #wenzi{
    	font-size:0.2rem; color:#fff
    }
    .location2 .juti{
    	color:#393939;
    	padding-left: 0.4rem;
    	height:auto;
		text-align: center;
    }
    .lineb{
    	position: absolute;
    	width:100%;
    	top:9px;
    	left:0;
    	display: none;
    }
    .lineb span{
    	display: block;
    	width:92%;
    	height:0px;
		border-top:1px dashed #dcdcdc;
		margin:auto;
		margin-top:26px;
    }
.bj{
	background:#ffffff;
	border-radius: 1rem;
	width:92%;
	margin:auto;
	box-shadow: 0rem 0.5rem 1rem #eeeded;
	padding-bottom:0.3rem;
	margin-top:0.5rem;
	padding-top: 0.5rem;
}
#header.active{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:50000000000000;
	background:#fff;
}
header{
	overflow: hidden;
	background: #ffffff;
	height:2.5rem;
	width:100%;
	left:0;
	top:0;
	z-index: 10;
}
.dibu{
	display: block;
}
header a img{
	width:0.6rem;
	vertical-align: middle;
}
header h3{
	display: block;
	text-align: center;
	color:#020202;
	font-size:1rem;
	font-weight: 400;
	line-height:2.5rem;
	margin:0;
}
header span{
	display: block;
	position: absolute;
	width:1rem;
	height:1rem;
	right:0;
	top:0;
	z-index: 10;
	text-align: center;
	line-height: 1rem;
}
header span img{
	width:0.5rem;
	display: inline-block;
	vertical-align: middle;
}
header .leh{
	position: absolute;
    left: 0;
    top: 0;
    width: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}
.-mob-share-ui-button{
	background: none !important;
	padding:0 !important;
}
.-mob-share-ui.-mob-share-ui-theme{
	top:auto !important;
	bottom:0 !important;
	height:5rem !important;
}
.bj2{
	bottom:auto;
	background: none;
}
#beijing2{
	position: relative;
}
#beijing2 .topBar{
	position: relative;
	height:34% !important;
	margin:auto !important;
	width:100%;
}
.location2{
	position: absolute;
	left:0.2rem;
	top:1.2rem;
	z-index: 100000000;
}
.location2 span{
	color:#393939;
	display: block;
	font-size:0.3rem;
}
.location2 span.cityy{
	background: url(../img/dingweihui.png) no-repeat left center;
	padding-left: 0.4rem;
	background-size:0.3rem;
}
.dierpingtop{
	height:50vh;
	background: #1678b1;
}
.leidaboxb{
	width:100%;
	height:44vh;
	margin:auto;
	position: relative;
	margin-top:1rem;
}
.leidaboxb.screen{
	width: 100%;
    height: 94%;
    margin: auto;
    position: relative;
    margin-top: 0;
    position: fixed;
    z-index: 10000000000;
    left: 0;
    top: 2rem;
}
.wailian{
	position: absolute;
	right:0.5rem;
	bottom:75px;
	z-index: 10;
}
.wailian a{
	display: block;
	margin-top:0.6rem;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
	border-radius: 100%;
}
.wailian a img{
	width:2rem;
	border-radius: 100%;
	display: block;
}
#texts2{
	top:0.8rem;
}
.PopClose{
	position: absolute;
	right:1rem;
	top:4rem;
	z-index: 10000;
	display: none;
}
.PopClose img{
	width:1.5rem;
	height:1.5rem;
	border:1px solid #dddddd;
	border-radius: 100%;
}
@media(max-width:320px ) {
	
}
#dowebok{
	width:100%;
	height:100%;
}
.section{
	width:100%;
	height:100%;
}

.fp-tableCell{
	display: block !important;
}
.lineb2{
	top:7rem;
}
.lineb2 span{
	margin:2rem auto;
}
.banner{
	margin-top:0.5rem;
}
.banner a{
	display: block;
}
.banner a img{
	width:100%;
	display: block;
}
.returnURL, .returnTop{
	position: fixed;
	bottom:7rem;
	right:1rem;
    z-index: 1000;
    display: none;
}
.shaixingfu a{
	display: block;
}
.shaixingfu a img{
	width:5rem;
	margin-top:1rem;
	margin-left:0.5rem;
}
.ba_div {
	text-align: center;
	width: 100%;
	color: #808080;
	font-size: .25rem;
	line-height: .8rem;
}
.lxwm_div a{
	color:#808080;
}
.lxwm_div{
	color:#808080;
}
.lxbo span{
	display: block;
	color:#595757;
	font-size:0.9rem;
	text-align: center;
}
.components-weather a {
	display: block;
}

.Topfixed {
	width: 100%;
	background: rgba(255, 255, 255, 0);
	transition: background 2s;
	-moz-transition: background 2s;
	/* Firefox 4 */
	-webkit-transition: background 2s;
	/* Safari 和 Chrome */
	-o-transition: background 2s;
	/* Opera */
}

.location {
margin-top:0.5rem
}

.city {
	margin:auto 2rem;
	text-align: left;
	width:92%;
	margin:auto;
}
.city i{
	color:#7c7c7c;
}
.futer{
	position: absolute;
	bottom:0;
	width:92%;
	left:0;
	padding:0rem 4%;
}
.futer a{
	display: block;
	float: left;
	line-height: 3rem;
	font-size:1rem
}
.futer a img{
	width:3rem;
}
.delocation span{
	color:#b3b3b3;
	display: block;
	font-size:0.7rem;
	line-height: 1rem;
	padding-left: 0.5rem;
}
.delocation .juti{
	display: none;
}
.delocation .h{
	color:#020202;
	font-size:1rem;
	line-height: 2rem;
	padding-top:0.5rem;
}
.city span {
	display: block;
	color: #7c7c7c;
	font-size: 1rem;
}
.moretianqi{
	width:92%;
	margin:0.5rem auto;
}
.moretianqi a{
	display: block;
	color:#333333;
	font-size:0.8rem;
	line-height: 1.6rem;
	text-align: right;
}
.juti {
    color: #7c7c7c;
    font-size: 0.7rem;
    font-weight: 100;
    position: relative;
    text-align: left;
}
.juti img{
	position: absolute;
	width:0.6rem;
	left:0rem;
	top:3px;
}
.Topfixed.on {
	/*background: #3db459;*/
	-webkit-transform: all 0.5s;
	-o-transform: all 0.5s;
	-ms-transform: all 0.5s;
	transform: all 0.5s;
}

.Topfixed.on header h3 {
	color: #333333;
}

.Topfixed.on .city span b {
	color: #333333;
}

.Topfixed.on .logo {
	color: #333333 !important;
}

.Topfixed.on .juti {
	color: #333333;
}

.cityy2 b {
	color: #333333;
}

.juti2 {
	color: #333333;
}

#beijing {
	position: relative;
}

.components-weather .weather {
	margin: 0;
}
#fenpingguanggao{
	height:60vh;
}
#fenpingguanggao .swiper-pagination {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.yantu {
	width: 100%;
	position: absolute;bottom:30px;left:0;
}
.yantu a {
	display: block;
	float: left;
	margin-right: 20px;
}

.yantu a img {
	display: block;
}

.yantu a span {
	display: block;
	color: #ffffff;
	font-size: 0.3rem;
	margin-left: 0.2rem;
	margin-top: 0.1rem;
}

#fenpingguanggao .guanggao {
	width: 100%;
	height: 100%;
}

#fenpingguanggao .swiper-pagination-bullet {
	margin: auto 5px;
	background: #ffffff !important;
}

#top {
	display: none;
	height: 40px;
}

.JDClose {
	position: absolute;
	right:0.8rem;
	top: 0.8rem;
	z-index: 10000;
	width: 1.5rem;
	height: 1.5rem;
}
.JDClose img{
	width:1.5rem;
}
.newplay{
	position: absolute;
	width:82%;
	margin:auto;
	left:2%;
	bottom:10px;
	background-color: #fff;
	height:40px;
	border-radius: 4px;
	box-shadow: 1px 5px 6px rgba(154,153,152,0.5);
}
.returnBtn{
	position: absolute;
	right:2%;
	bottom:10px;
}
.returnBtn a{
	display:block;
	background: #fff;
	border-radius: 4px 4px;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3)
}
.returnBtn a img{
	width: 2rem;
    border-radius: 100%;
    display: block;
}
.playBtn{
	float: left;
	width:12%;
	height:40px;
}
.progressBar{
	width:84%;
	float: left;
}
.progressBar .proTime{
	width:100%;
	overflow: hidden;
}
.moreForecast{
	overflow: hidden;
	align-items: center;
}
.moreForecast div{
	text-align: center;
	width:100%;
	float: left;
	margin-left: 0%;
}
.moreForecast a{
	color: #2f2f2f;
    font-size: 0.75rem;
	font-weight: 700;
	display: block;
	line-height: 1.2rem;
	margin-top: 0.3rem;
	border:none;
	border-radius: 0.2rem;
	padding-right:0.5rem;
	text-align: right;
}
.progressBar .proTime div{
	width:33.3%;
	float: left;
	height:25px;
	line-height: 25px;
}
.progressBar span{
	font-size:0.7rem;
	color:#3d3d3d;
}
.line{
	width: 90%;
    height: 5px;
    display: block;
    /* background-color: #dedede; */
    margin-top: 4px;
}