body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#000;font-weight: normal;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;font-family: PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei;}

a{color:#666; text-decoration:none;cursor:pointer;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; }
/*a:visited{text-decoration: none; outline:none;}*/
a:hover{text-decoration:none; color:#e31a2a; }
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}

.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fz14{ font-size: .14rem;}
.fz16{ font-size: .16rem;}

.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

* {
	margin: 0;
	padding: 0
}

.content-container {
	height: 100%;
	display: flex;
	flex-direction: column
}

.filter-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px
}

.table-content {
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1),-1px -1px 3px rgba(0,0,0,.1);
	position: relative
}

.table-content.no-shadow {
	box-shadow: none
}

.table-content .content {
	flex: 1;
	display: flex;
	flex-direction: column
}

.table-content .table {
	flex: 1
}

.table-content .table th,.table-content .table thead td {
	background: #bce0fa!important;
	color: #17233d
}

.table-content .pagination {
	height: 50px;
	text-align: center
}

.table-content .pagination .el-pagination {
	display: inline-block;
	margin-top: 10px
}

.table-list .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle,.table-list .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
	box-shadow: none!important
}

.table-list .vxe-table--header-wrapper {
	background-color: #e2e2e2!important
}

.table-list .vxe-table--render-default .vxe-body--column:not(.col--ellipsis),.table-list .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis),.table-list .vxe-table--render-default .vxe-header--column:not(.col--ellipsis) {
	padding: 0!important
}

.table-list th .vxe-cell {
	padding: 5px 0
}

.table-list td .vxe-cell {
	padding: 3px 5px
}

.table-list .vxe-table--render-default .vxe-body--column.col--ellipsis,.table-list .vxe-table--render-default.vxe-editable .vxe-body--column,.table-list .vxe-table--render-default .vxe-footer--column.col--ellipsis,.table-list .vxe-table--render-default .vxe-header--column.col--ellipsis {
	height: 0!important
}

.handle-container .el-dialog__footer {
	text-align: center!important
}

.handle-container .el-dialog__header {
	background-color: #017bff!important
}

.handle-container .el-dialog__header .el-dialog__headerbtn .el-dialog__close,.handle-container .el-dialog__header .el-dialog__title {
	color: #fff!important
}

.map-common {
	width: 100%;
	height: 100%
}

.map-common .leaflet-bottom,.map-common .leaflet-top {
	display: none
}

.map-common .tool-div {
	width: 1rem
}

.leaflet-tooltip {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #2390ff!important;
	background: transparent!important;
	border: none;
	text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
	font-weight: 700;
	box-shadow: none
}

.leaflet-tooltip p {
	padding: 0;
	margin: 0;
	height: 10px
}

.leaflet-tooltip-top:before {
	border-top-color: transparent
}

.leaflet-tooltip-bottom:before {
	border-bottom-color: transparent
}

.leaflet-tooltip-left:before {
	border-left-color: transparent
}

.leaflet-tooltip-right:before {
	border-right-color: transparent
}

#app {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000
}

#app,body {
	background: #e8f5ff
}

.upload-file-container {
	width: 100%;
	height: 100%
}

.upload-file-container .file-list {
	display: flex;
	flex-wrap: wrap
}

.upload-file-container .file-list .file-details {
	display: flex;
	flex-direction: column;
	background: #fbfbfb;
	border: 1px solid #1f1f1f;
	width: .6rem;
	height: .6rem;
	border-radius: .04rem;
	align-items: center;
	justify-content: center;
	color: #1f1f1f;
	font-size: .12rem;
	margin: 0 .1rem .1rem 0
}

.upload-file-container .file-list .file-details .iconfont {
	font-size: .16rem;
	margin-bottom: .02rem
}

.upload-file-container .file-list .file-details .photo-info {
	width: 100%;
	height: 100%
}

.upload-file-container .file-list .upload-file {
	position: relative
}

.upload-file-container .file-list .upload-file .icon-cha {
	position: absolute;
	top: -.05rem;
	right: -.05rem;
	color: #3d3d3d
}

.upload-file-container .file-list .vedio-info {
	width: 100%;
	height: 1.2rem
}

.upload-file-container .file-list .vedio-info .vedio-player {
	width: 100%;
	height: 100%;
	min-height: 100%
}

.upload-file-container .file-list .vedio-info .vedio-player ._play-btn,.upload-file-container .file-list .vedio-info .vedio-player .qun-base-controls {
	z-index: 555
}

.upload-file-container .file-list .audio-details {
	background: #3296fa;
	color: #fff;
	padding: .05rem .1rem;
	border-radius: .02rem;
	width: .6rem;
	text-align: center
}

.upload-file-container .file-list .audio-info {
	width: 1rem;
	height: .3rem;
	line-height: .3rem;
	background: #3296fa;
	border-radius: .02rem;
	color: #fff;
	display: flex;
	align-items: center
}

.upload-file-container .file-list .audio-info .voice-img {
	width: .2rem;
	height: .2rem;
	margin: 0 .1rem
}

.upload-file-container .file-list .pswp__button--fs {
	display: none
}

.upload-file-container .vux-previewer {
	z-index: 9999999
}

* {
	margin: 0;
	padding: 0
}

.content-container {
	height: 100%;
	display: flex;
	flex-direction: column
}

.filter-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px
}

.table-content {
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1),-1px -1px 3px rgba(0,0,0,.1);
	position: relative
}

.table-content.no-shadow {
	box-shadow: none
}

.table-content .content {
	flex: 1;
	display: flex;
	flex-direction: column
}

.table-content .table {
	flex: 1
}

.table-content .table th,.table-content .table thead td {
	background: #bce0fa!important;
	color: #17233d
}

.table-content .pagination {
	height: 50px;
	text-align: center
}

.table-content .pagination .el-pagination {
	display: inline-block;
	margin-top: 10px
}

.table-list .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle,.table-list .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
	box-shadow: none!important
}

.table-list .vxe-table--header-wrapper {
	background-color: #e2e2e2!important
}

.table-list .vxe-table--render-default .vxe-body--column:not(.col--ellipsis),.table-list .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis),.table-list .vxe-table--render-default .vxe-header--column:not(.col--ellipsis) {
	padding: 0!important
}

.table-list th .vxe-cell {
	padding: 5px 0
}

.table-list td .vxe-cell {
	padding: 3px 5px
}

.table-list .vxe-table--render-default .vxe-body--column.col--ellipsis,.table-list .vxe-table--render-default.vxe-editable .vxe-body--column,.table-list .vxe-table--render-default .vxe-footer--column.col--ellipsis,.table-list .vxe-table--render-default .vxe-header--column.col--ellipsis {
	height: 0!important
}

.handle-container .el-dialog__footer {
	text-align: center!important
}

.handle-container .el-dialog__header {
	background-color: #017bff!important
}

.handle-container .el-dialog__header .el-dialog__headerbtn .el-dialog__close,.handle-container .el-dialog__header .el-dialog__title {
	color: #fff!important
}

.map-common {
	width: 100%;
	height: 100%
}

.map-common .leaflet-bottom,.map-common .leaflet-top {
	display: none
}

.map-common .tool-div {
	width: 1rem
}

.leaflet-tooltip {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #2390ff!important;
	background: transparent!important;
	border: none;
	text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
	font-weight: 700;
	box-shadow: none
}

.leaflet-tooltip p {
	padding: 0;
	margin: 0;
	height: 10px
}

.leaflet-tooltip-top:before {
	border-top-color: transparent
}

.leaflet-tooltip-bottom:before {
	border-bottom-color: transparent
}

.leaflet-tooltip-left:before {
	border-left-color: transparent
}

.leaflet-tooltip-right:before {
	border-right-color: transparent
}

.home-container .home-head {
	padding: .3rem .1rem;
	padding-top: 0;
	background-image: url(../img/bg.679bd602.png);
	background-size: 100% 100%;
	background-position: 50%
}

.home-container .home-head .head-title {
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: center
}

.home-container .home-head .head-title .banner-img {
	position: absolute;
	width: .34rem;
	height: inherit;
	top: .1rem;
	left: 0
}

.home-container .home-head .head-title .platform-name {
	background-image: url(../img/top.1804fd15.png);
	background-size: 100% 100%;
	background-position: 50%;
	height: .4rem;
	line-height: .4rem;
	width: 85%;
	text-align: center;
	font-size: .18rem;
	font-weight: 700
}

.home-container .home-head .disaster-box {
	background-image: linear-gradient(#fff,#c9defc);
	border-radius: .05rem;
	margin-top: .1rem;
	padding: .1rem;
	padding-bottom: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.home-container .home-head .disaster-box .disaster-content {
	width: 21%;
	margin-bottom: .1rem;
	height: .5rem
}

.home-container .home-head .disaster-box .disaster-content .disaster-img {
	width: 100%;
	height: 100%
}

.home-container .home-head .disaster-box .disaster-content .no-disaster {
	width: 100%;
	height: 100%;
	background: #b9d8ff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: .1rem;
	color: #2878ff
}

.home-container .home-head .disaster-box .disaster-content .no-disaster .no-text{
	font-size: .14rem;
}

.home-container .home-head .warn-box {
	display: flex;
	align-items: center;
	margin-top: .1rem
}

.home-container .home-head .warn-box .warn-img {
	width: .25rem;
	height: .25rem
}

.home-container .home-head .warn-box .text-scroll {
	flex: 1;
	margin-left: .1rem
}

.home-container .home-head .warn-box .text-scroll .vux-swiper {
	height: .2rem!important
}

.home-container .home-head .warn-box .text-scroll .vux-swiper .vux-swiper-item p {
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .14rem;
}

.home-container .menu-box {
	margin: 0;
	margin-bottom: .2rem;
	border-radius: .05rem
}

.home-container .menu-box .menu-info {
	background: #fff;
	border-radius: .03rem;
	margin-top: .1rem;
	padding: 0 .2rem
}

.home-container .menu-box .menu-info .card{
	background: #f5f5f5;
    border-radius: .05rem;
    margin: .1rem .1rem 0;
	padding: .1rem;
}

.card .shortorder {
    font-weight: 400;
    color: #333;
    line-height:.24rem;
}

.week-forecast-container {
    background: #fff;
    border-radius: .05rem;
    margin: 0 .13rem;
    padding: .15rem .12rem;
    position: relative;
    box-sizing: border-box;
}

.week-forecast-container .hr-title{
    padding-bottom: .15rem;
}

.week-forecast-container .hr-title .hrt-left {
	display: flex;
	align-items: center;font-size: .14rem;
}

.week-forecast-container .hr-title .hrt-left span {
	margin-right: .20rem;
	color: #979797;
	white-space: nowrap;
}

.week-forecast-container .hr-title .hrt-left .active {
	font-size: .16rem;
	font-weight: bolder;
	color: #333
}

.week-forecast-container .hr-title .hrt-right {
	font-size: 12px;
	font-weight: 400;
	color: #999;
	line-height: 17px
}

.week-forecast-container .hr-title .hrt-right .weekmore span {
	width: 48px;
	height: 24px;
	font-size: 12px;
	border-radius: 12px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #2e77ff
}

.week-forecast-container .hr-title .hrt-right .weekmore span.active {
	background: #2e77ff;
	color: #fff
}

.week-forecast-container .hr-title .hrt-right .weekmore span:nth-child(2) {
	margin-left: 6px
}

.week-forecast-container .tempwhole {
	width: 100%;
	position: relative
}

.week-forecast-container .tempwhole .week-forecast-main {
	width: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items {
	display: flex;
	position: relative;
	left: 0;
	top: 0;
	width: 140%;
	min-height: 225px;
	height: auto
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item {
	width: 14.28571%;
	font-size: 14px;
	text-align: center;
	border-right: .5px solid #d4d9e2
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item:nth-child(7) {
	border-right: none
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-day {
	color: #333;
	font-size: 14px;
	margin-bottom: 3px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-date {
	color: #999;
	font-size: 14px;
	margin-bottom: 8px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .imgicon {
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .imgicon.iconday {
	margin: 0px 0
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .imgicon.iconnight {
	margin-bottom: 0px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .imgicon img {
	width: 32px;
	height: 32px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-day-ww {
	margin-top: 10px;
	height: 34px;
	font-size: 14px;
	color: #101010;
	font-weight: 400
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-nite-ww {
	font-size: 12px;
	color: #101010
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-wd-wind {
	margin-top: 10px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-wd-wind,.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .item-ws-wind {
	font-size: 12px;
	height: 32px;
	overflow: hidden;
	color: #333
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .daydesc {
	font-size: 12px;
	color: #101010
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .daydesc .desc {
	height: 16px;
	overflow: hidden;
	line-height: 16px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .daydesc .desc.more {
	height: auto
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items .week-forecst-item .daydesc .more_img {
	padding-top: 10px;
	width: 11px
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items #top-arr {
	position: absolute;
	top: 120px;
	left: 0;
	height: 100px;
	width: 100%
}

.week-forecast-container .tempwhole .week-forecast-main .week-forecast-items #bottom-arr {
	position: absolute;
	top: 170px;
	left: 0;

	width: 100%
}

.week-forecast-container .tempwhole .tempscope {
	font-family: PingFangSC;
	position: absolute;
	left: -13px;
	top: 0px;
	width: 14px;
	height: 230px;
	z-index: 0
}

.week-forecast-container .tempwhole .tempscope div.temp-day,.week-forecast-container .tempwhole .tempscope div.temp-night {
	padding: 4px 1px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 12px;
	position: absolute;
	left: 0;
	transform: translateY(-50%)
}

.week-forecast-container .tempwhole .tempscope div.temp-day.isfirst,.week-forecast-container .tempwhole .tempscope div.temp-night.isfirst {
	top: 26%
}

.week-forecast-container .tempwhole .tempscope div.temp-day.islast,.week-forecast-container .tempwhole .tempscope div.temp-night.islast {
	top: 42%
}

.week-forecast-container .tempwhole .tempscope div.temp-day.temp-day,.week-forecast-container .tempwhole .tempscope div.temp-night.temp-day {
	background: #f7d43e
}

.week-forecast-container .tempwhole .tempscope div.temp-day.temp-night,.week-forecast-container .tempwhole .tempscope div.temp-night.temp-night {
	background: #35a9ff
}

.week-forecast-container .tempwhole .tempscope div.temp-day .tmpsp-div,.week-forecast-container .tempwhole .tempscope div.temp-night .tmpsp-div {
	display: block
}

.week-forecast-container .tempwhole .tempscope .temp-three {
	position: absolute;
	top: 55%;
	left: 0
}

.week-forecast-container .tempwhole .tempscope .temp-three div {
	padding: 4px 1px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 12px
}

.week-forecast-container .tempwhole .tempscope .temp-three div span {
	display: block
}

.week-forecast-container .tempwhole .tempscope .temp-three div.highT {
	background: #f7d43e
}

.week-forecast-container .tempwhole .tempscope .temp-three div.lowT {
	background: #35a9ff;
	margin-top: 15px
}

.week-forecast-container .tempwhole .tempscope .temp-three div.descT {
	background: #4caf50;
	margin-top: 32px;
	padding: 10px 0
}

.week-forecast-container .nodata {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666
}

.week-forecast-container .weektemp-exp-text {
	padding: 10px 20px;
	font-weight: 400;
	color: #333;
	line-height: 24px
}






.home-container .menu-box .menu-info .menu-main-name {
	font-size: .16rem;
	padding: .1rem 0;
	border-bottom: 1px solid rgba(31,31,31,.09);
	font-weight: 700;
	display: flex;
	align-items: center
}

.home-container .menu-box .menu-info .menu-main-name .module-icon {
	width: .17rem;
	height: inherit;
	margin-right: .1rem
}

.home-container .menu-box .menu-info .menu-list {
	display: flex;
	margin-top: .05rem;
	flex-wrap: wrap
}

.home-container .menu-box .menu-info .menu-list .menu-details {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	margin-bottom: .1rem
}

.home-container .menu-box .menu-info .menu-list .menu-details p{
	font-size: 0.14rem;
}

.home-container .menu-box .menu-info .menu-list .menu-details .iconfont-color {
	width: .48rem;
	height: .48rem
}

.home-container .menu-box .menu-info .menu-list .menu-details .iconfont {
	background: #3296fa;
	color: #fff;
	font-size: .22rem;
	padding: .08rem;
	border-radius: .1rem
}

.home-container .menu-box .menu-info .menu-list .menu-details .menu-img {
	width: .4rem;
	height: inherit
}

.home-container .menu-box .menu-info .menu-list .menu-details .menu-name {
	margin-top: .08rem
}

.home-container .rain-box {
	margin-top: 0rem
}

.home-container .rain-box .menu-info {
	padding: 0
}

.home-container .rain-box .menu-info .menu-main-name {
	padding: .1rem .1rem .1rem
}

.home-container .rain-box .rain-title {
	display: flex;
	justify-content: space-between
}

.home-container .rain-box .rain-title .rain-menu-name {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: .7rem
}

.home-container .rain-box .rain-title .rain-hours {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: auto;
	font-size: .14rem;
	font-weight: 400
}

.home-container .rain-box .rain-title .rain-hours span {
	margin-left: .05rem
}

.home-container .rain-box .rain-title .rain-hours .select-text {
	background: #2878ff;
	padding: 2px 5px;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	display: inline-block
}

.home-container .rain-box .rain-info {
	padding: .1rem .05rem
}

.home-container .rain-box .rain-info .rain-img {
	width: 100%;
	height: 1.8rem
}

.find_nav.w100{width: 100%;}
.find_nav {
	width: 80%;
	top: 0;
	z-index: 9999;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	
}
.find_nav_left {
	height:.25rem;
	position: relative;
	overflow: hidden;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	margin-top: 0.05rem;
}
.find_nav_list {
	position: absolute;
	left: 0;
}
.find_nav_list ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}
.find_nav_list ul li {
	display: inline-block;
	padding: 0;
	margin:0 .05rem;
}
.find_nav_list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: .25rem;
	font-size: .14rem;
	font-weight: normal;
	text-align: center;
	color:#000;
}
.find_nav_cur a {
	background: #2878ff;
    padding: 0px 5px;
    border-radius: 8px;
    color: #fff !important;
    text-align: center;
    display: inline-block;
}
.find_nav_list a.active{ color:#C00}
.sideline {
	display: block;
	position: absolute;
	border: 0;
	height: 2px;
	background-color: #48a5f4;
	left: 0;
	top: 68px;
	pointer-events: none;
}
.swipe{ height: auto;}
.mar-t1{ margin-top: 0.1rem;}
.mar-t2{ margin-top: 0.8rem;}
.mar-t5{ margin-top: 1.15rem;}
.top-map{ width: 100%; height: 3.2rem;}
/*.top-map img{ width: 100%; height:100%;}*/

.main-container{
	padding: .0rem 0rem;
	background: #e8f5ff;
	position: relative;
	overflow: hidden;
}

.navigation-bar{ position:absolute; top:3.4rem; width: 100%;}

.main-menu{
	margin: 0 .05rem;
	overflow: hidden;
    position: relative;
}
.grids-item {
    width: 25%;
	float: left;
    position: relative;
    z-index: 0;
    padding: 0.1rem 0;
	font-size: 0.14rem;
	border-radius: 0.06rem;
}

.main-menu .grids-item {
    width: 31.333333%;
	margin: 0 1%;
	background-color: #d3eafd;
}
.grids-txt {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    color: #232323;
    padding: 0 .1rem;
	font-weight: bold;
	font-size: .15rem;
}
.main-menu .grids-item.act{background-color: #2878ff; }
.main-menu .grids-item.act .grids-txt { color:#fff}
.grids-icon {
    height: .68rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.grids-icon img {
    height: 70%;
}

.attractions-list{
	position: relative;
	margin: .15rem .1rem;
	background:linear-gradient(0deg, #80b9fe, #80b9fe);
	padding:.15rem 0.1rem;
	
}
.attractions-list .swiper-slide {	
	overflow: hidden;
	padding-left:15px
  }



.attractions-list .swiper-slide img{ width: 100%; height: auto;border-radius: 0.1rem;}
	.attractions-list .swiper-slide .name {
		font-size: .15rem;
		font-weight: bold;
		margin: 0.1rem 0 .05rem 0;
		color: #fff;
		text-align: center;
	}
.attractions-list .swiper-slide .p{ font-size: .12rem; color:#fff;}

	.attractions-list .swiper-slide-active {
		transform: scale(1.14);
		transition: all .2s ease-in 0s;
		z-index: 20;
	}

		.attractions-list .swiper-slide-active .name {
			font-size: .15rem;
			font-weight: bold;
			margin: 0.1rem 0 .05rem 0;
			color: #ff0000;
		}
		.attractions-list .swiper-slide-active .p {
			font-size: .12rem;
			color: #ff0000;
		}

	.find2_nav.w100 {
		overflow: hidden;
	}
.find2_nav {
	margin: .05rem .1rem;
	top: 0;
	z-index: 9999;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	
}
.find2_nav_left {
	height:.25rem;
	position: relative;
	overflow: hidden;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	margin-top: 0.05rem;
}
.find2_nav_list {
	position: absolute;
	left: 0;
}
.find2_nav_list ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}
.find2_nav_list ul li {
	display: inline-block;
	padding: 0;
	margin-right: .15rem;
}
.find2_nav_list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: .25rem;
	font-size: .14rem;
	font-weight: normal;
	text-align: center;
	color:#000;
	padding: 0px .05rem;
}
.find2_nav_cur a {
	background: #2878ff;
    border-radius: .06rem;
    color: #fff !important;
    text-align: center;
    display: inline-block;
}
.find2_nav_list a.active{ color:#C00}

.attractions-show{
	position: relative;	
}
.attractions-show .swiper-slide {	
	overflow: hidden;	
  }
.attractions-show .swiper-slide img{ width: 100%; height: auto;}
.attractions-show .swiper-pagination-bullets{ bottom: .5rem; right:.15rem; left: auto;} 
.attractions-show .swiper-pagination-bullet-active{ background: rgba(255,255,255,.8);}
.attractions-show .swiper-pagination{ text-align: right;}

.attractions-show .now{ position: absolute;left: .15rem; top: .1rem;z-index: 5; font-size: .13rem; color:#fff;text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;}
.attractions-show .now .yjxh{ width: 0.6rem; margin-top: .1rem;}
.attractions-show .now .yjxh img{ width: 100%; height: auto;}
.attractions-show .temperature{position: absolute; right: .2rem; bottom: .2rem; z-index: 5;}
.attractions-show .temperature h2{ font-size: .62rem; color:#fff;text-align: right;text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-weight: lighter; position: relative; padding-right: .5rem;}
.attractions-show .temperature h2 span{ font-size: .2rem;vertical-align: top;}
.attractions-show .temperature h2 .ico{ width:.45rem; height:.45rem; margin-left: .1rem; position: absolute; right: 0;top: 0;} 
.attractions-show .temperature h2 .ico img{ width: 100%; height: auto;}
.attractions-show .temperature p{ color:#fff; font-size: .14rem;text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;text-align: left; line-height: 1.75;  }
.attractions-show .temperature p i.ico{ width: 0.15rem;height: .15rem; float: left; margin-right:.1rem; margin-top: .05rem;}
.attractions-show .temperature p i.ico img{ width: 100%; height: auto;}
.attractions-show .temperature p span{ font-weight: lighter; font-size: .12rem;}  


.att-introduce{ 
	background: linear-gradient(180deg,#fff,#e8f5ff);
    border-radius: .12rem .12rem 0 0;
    margin-top: -.12rem;
    position: relative;
    z-index: 2;
	padding:.2rem .15rem;
}
.att-introduce .title{ font-size: .16rem; font-weight: 700; line-height: .22rem; margin-bottom: .1rem; position: relative; padding-left: .15rem;}
.h2{ font-size: .16rem; font-weight: 700;  }
.att-introduce .title::before{
	content: '';
	position: absolute;
	border-color: #2878ff;
	border-style: solid;
	border-width: 0.2em;
	border-radius: .1rem;
	height: 1em;
	top: 1.3em;
	left: 0;
	margin-top: -1em;
	width: 0.2em;
}
.att-introduce .content{ font-size: .14rem; line-height: 1.8;}
.card {
    background: #fff;
    /* border-radius: 0.08rem; */
    padding:.15em;
}
.card-bg1{ background-color: #e8f5ff;}
.att-introduce .travel-info{
	color: #fff;
	margin-bottom: .2rem;
	position: relative;
}
.att-introduce .travel-info h2{font-size:.2rem;margin-bottom:.06rem; color:#000; font-weight: bold;}
/* .att-introduce .travel-info h2{font-size:.2rem;margin-bottom:.06rem; color:#000; font-weight: bold;} */
.att-introduce .travel-info span{font-size:.12rem;margin-bottom: .06rem;color:#4f90fe; padding:0 0.04rem; border: 1px solid #c8dcff; } 
.att-introduce .travel-info .navigation{ position: absolute; right: 0.1rem;top: .05rem; width: 0.45rem; height: 0.45rem;}
.att-introduce .travel-info .navigation img{ width: 100%; height: auto;}

.att-introduce .content{position: relative;overflow: hidden;transition: height 0.24s;}
/* .att-introduce .content.xg:after{content: "";position: absolute;bottom: 0;display: block;width: 100%;height: 1.2rem;background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);} */
.poster-btn{ outline:none;display: block;width: 100%;line-height: 2;color: #999;font-size: .14rem;text-align: right; margin-top: .02rem; } 
.poster-btn a{color: #999;}    
.current-menu { background:url(../images/arrowposterhui.jpg) no-repeat 2.7rem  center;content: '';display: block;}

.forecast-box{ width: 100%;}


.forecast-box .forecast{ 
	background: #fff;
    border-radius: 8px;
    margin: 8px 3px;
    padding: 20px 5px 14px;
	width: auto;
    overflow-x: auto;
    min-height: 142px;
}

.forecast-box .forecast .fores{
width: auto;
    display: flex;
    position: relative;
    padding-bottom: 112px;
}

.forecast-box .forecast .fores .item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.forecast-box .forecast .fores .item .time{
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 12px;
    white-space: nowrap;
}

.forecast-box .forecast .fores .item .wicon{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 8px 0 0;
}


.forecast-box  .forecast .fores .item .temp{
    width: 65px;
    white-space: pre-wrap;
    font-size: 12px;
    position: absolute;
    top: 118px;
    text-align: center;
    padding: 0 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.forecast-box .forecast .fores .item .temp span[data-v-202ce3e6]:first-child {
    padding-bottom: 4px;
}
.forecast-box .hoursvg{	   
    position: absolute;
    top: 60px; 
    height: 100px;
   
}
.forecast-box .txt{ text-align: center;line-height: 2;color: #999;font-size: .13rem;}

.weather-box{ width: 100%;}
.weather-box .weather{ width: 100%; margin: 0.15rem 0 .08rem;}
.weather-box .weather img{ width: 100%; height: auto;}
.weather-box .weather .week-forecast-container{ margin: 0;padding: .0rem .12rem;}

.grade-box {
    position: relative;
    margin: .15rem .1rem;
    background:#fff;
    padding: .15rem 0.1rem;
}
.grade-box .title{ font-size: .16rem; font-weight: 700; line-height: .22rem; margin-bottom: .13rem; position: relative; padding-left: .15rem;}
.h2{ font-size: .16rem; font-weight: 700;  }
.grade-box .title::before{
	content: '';
	position: absolute;
	border-color: #2878ff;
	border-style: solid;
	border-width: 0.2em;
	border-radius: .1rem;
	height: 1em;
	top: 1.2em;
	left: 0;
	margin-top: -1em;
	width: 0.2em;
}

/*适游度开始*/
.grade .g_intro {
    background: #FFF;
}
.grade .g_intro ul {
        width: 20%;
        float: left;
        padding-top: .02rem;
        overflow: hidden
}
.grade .g_intro ul li {			
        text-align: center;
        line-height: .24rem;
        padding:.01rem;
}

.g_intro_01 {               
	 line-height:.3rem;
     height: .3rem;
	font-size: .15rem;
}

.g_intro_02 {
    height: .34rem;
    background: url(../img/star.png) center center no-repeat;background-size:.25rem .25rem ;
    width: 100%
}

.g_intro_03 {
    height: .34rem;
    background: url(../img/star1.png) center center no-repeat; background-size:.25rem .25rem ;
    width: 100%
}

.grade .g_intro ul li.g_intro_04 {
	padding-top: .1rem;
	line-height: .14rem;
    width: 100%;
    font-size:.12rem;
}
.jingqu{
	    overflow: hidden;
    visibility: visible;
    list-style: none;
    position: relative;
}