body,
html {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
}
.wrap{
    position:absolute;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-flex-flow:column;
    flex-flow:column;
}
.wrap .m-con{
    position:relative;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    overflow:auto;
    -webkit-overflow-scrolling : touch;
}

/* 指数预报 */
.m-index{
    width: 100%;
    background-color: #fff;
    padding: 0 .4rem .4rem .533333rem;
    box-sizing: border-box;
}
.m-index .title{
    font-size: .426667rem;
    color: #333333;
    font-weight: 900;
}
.m-index .update{
    color: #666666;
    font-size: .32rem;
}
.m-index  .index-list tr>td{
    text-align: left;
}
.m-index  .index-list tr{
    display: block;
    width: 100%;
    margin-bottom: .266667rem;
}
.m-index  .index-list{
    width: 100%;
    table-layout: fixed;
    margin-top: .533333rem;
}
.m-index  .index-list tr td{
    display: inline-block;
    margin-right: .533333rem;
}
.m-index  .index-list img{
    width:.8rem;
    height: .8rem;
    vertical-align: middle;
}
.m-index  .index-list tr td.imgBox{
    width: 1.066667rem;
    line-height: 1.066667rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.m-index  .index-list tr td p span{
    margin-left: .266667rem;
}
.m-index  .index-list tr td p:first-child{
    font-size: .373333rem;
}
.m-index  .index-list tr td p:last-child{
    font-size: .346667rem;
    color: #808080;
}
.m-index .index-level{
    margin-top: .666667rem;
    color: #333;
}
.m-index .index-level tr td{
    text-align: center;
}
.m-index .index-level tr td span{
    vertical-align: middle;
}
.m-index .index-level .index-more img{
    width: .533333rem;
    height: .533333rem;
    vertical-align: middle;
}
/* 盒子背景色 */
.bg1{
    background-color: #8cc5ff;
	box-shadow: 0px 6px 16.2px 1.8px 
		rgba(140, 197, 255, 0.74);
}
.bg2{
    background-color: #ffd28c;
	box-shadow: 0px 6px 16.2px 1.8px 
		rgba(231, 189, 124, 0.74);
}
.bg3{
    background-color: #ffc5ba;
	box-shadow: 0px 6px 16.2px 1.8px 
		rgba(255, 197, 186, 0.74);
}
.bg4{
    background-color: #f9afb6;
	box-shadow: 0px 6px 16.2px 1.8px 
		rgba(249, 175, 182, 0.74);
}
.bg5{
    background-color: #f29898;
	box-shadow: 0px 6px 16.2px 1.8px 
		rgba(242, 152, 152, 0.74);
}
/* 指数预报字体颜色 */
.cor1{
    color: #8cc5ff;
}
.cor2{
    color: #ffdba3;
}
.cor3{
    color: #ffc5ba;
}
.cor4{
    color: #f9afb6;
}
.cor5{
    color: #f29898;
}
/* 不同颜色的圆 */
.olev{
    width: .533333rem;
	height: .533333rem;
    background-color: #f9afb6;
    border-radius: 50%;
    display: inline-block;
}
.tlev{
    width: .533333rem;
	height: .533333rem;
    background-color: #ffc5ba;
    border-radius: 50%;
    display: inline-block;
}
.slev{
    width: .533333rem;
	height: .533333rem;
    background-color: #ffdba3;
    border-radius: 50%;
    display: inline-block;
}
.flev{
    width: .533333rem;
	height: .533333rem;
    background-color: #8cc5ff;
    border-radius: 50%;
    display: inline-block;
}
.vlev{
    width: .533333rem;
	height: .533333rem;
    background-color: #f29898;
    border-radius: 50%;
    display: inline-block;
}