body{background-color: #f6f6f6;}
img{ overflow:hidden;display:block;border: none;}
#main {overflow: hidden;width: 100%;margin: 0;padding: 0;color: #333;}
.navTit{
    overflow: hidden;
    padding: 0 .3rem;
    background: #fff;
}
.navTit ul{
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.navTit ul li{
    overflow: hidden;
    list-style: none;
    width: 25%;
    float: left;
    margin: .23rem 0 0;
}
.navTit ul li span{
    overflow: hidden;
    display: block;
    width: .44rem;
    height: .44rem;
    margin: 0 auto .05rem;
}
.navTit ul li span.ic01{background: url("/images/position/icon-01.png") no-repeat;background-size: 100% 100%;}
.navTit ul li.checked span.ic01{background: url("/images/position/icon-01-hover.png") no-repeat;background-size: 100% 100%;}
.navTit ul li span.ic02{background: url("/images/position/icon-02.png") no-repeat;background-size: 100% 100%;}
.navTit ul li.checked span.ic02{background: url("/images/position/icon-02-hover.png") no-repeat;background-size: 100% 100%;}
.navTit ul li span.ic03{background: url("/images/position/icon-03.png") no-repeat;background-size: 100% 100%;}
.navTit ul li.checked span.ic03{background: url("/images/position/icon-03-hover.png") no-repeat;background-size: 100% 100%;}
.navTit ul li span.ic04{background: url("/images/position/icon-04.png") no-repeat;background-size: 100% 100%;}
.navTit ul li.checked span.ic04{background: url("/images/position/icon-04-hover.png") no-repeat;background-size: 100% 100%;}
.navTit ul li p{
    overflow: hidden;
    display: block;
    font-size: .28rem;
    text-align: center;
}
.navTit ul li.checked p{color: #2480ef}
.navTit ul li p.line{
    width: .3rem;
    height: .05rem;
    background: #2480ef;
    margin: .12rem auto 0;
    display: none;
}
.navTit ul li.checked p.line{display: block;}
.conPage{overflow: hidden;padding: 0 .3rem;margin-top: .34rem}
.conPage .conNav{overflow: hidden;display: none}
.conPage .conNav ul{
    overflow: hidden;
    margin: 0 0 .54rem;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.conPage .conNav ul li{
    overflow: hidden;
    list-style: none;
    height: .5rem;
    border: solid 1px #ccc;
    border-radius: .06rem;
    padding: 0 .2rem;
    color: #999;
    font-size: .24rem;
    line-height: .48rem;
}
.conPage .conNav ul li.checked{
    background: #2480ef;
    color: #fff;
    border: solid 1px #2480ef;
}
.conPage .conList{overflow: hidden}
.conPage .conList .layout{
    overflow: hidden;
    position: relative;
    padding-bottom: .3rem;
}
.conPage .conList .layout .item {
    overflow: hidden;
    width: 6.9rem;
    height: 1.5rem;
    background: #fff;
    border-radius: .1rem;
}
.conPage .conList .layout .shadow{
    overflow: hidden;
    width: 6rem;
    height: 1.5rem;
    box-shadow: 0 .16rem .3rem rgba(51,51,51,.2);
    position: absolute;
    top: 0;
    left: .45rem;
    z-index: -1;
}
.conPage .conList .layout .nameCon{overflow: hidden;margin: .2rem .3rem .2rem .3rem}
.conPage .conList .layout .nameCon span{
    overflow: hidden;
    display: block;
    width: 50%;
    float: left;
    font-size: .32rem;
    font-weight: bold;
    color: #333;
}
.conPage .conList .layout .nameCon span:nth-child(2){text-align: right}
.conPage .conList .layout .scale{overflow: hidden;margin: 0 .3rem}
.conPage .conList .layout .scale .data{
    overflow: hidden;
    font-size: .24rem;
    width: 1.7rem;
    float: left;
    text-align: center;
    height: .44rem;
    line-height: .44rem;
    color: #333;
}
.conPage .conList .layout .scale .rect {
    overflow: hidden;
    width: 2.89rem;
    height: .44rem;
    background: #ff5048;
    border-radius: .06rem;
    float: left;
}
.conPage .conList .layout .scale .rect span{
    overflow: hidden;
    display: block;
    height: .44rem;
    background: #3ac445;
}
.conExplain{overflow: hidden;margin: .5rem .3rem 1.5rem .3rem}
.conExplain .tit{overflow: hidden;}
.conExplain .tit img{width: .29rem;float: left;margin: .05rem .26rem 0 0}
.conExplain .tit p{
    overflow: hidden;
    display: block;
    float: left;
    font-size: .32rem;
    font-weight: bold;
}
.conExplain .tit span{
    overflow: hidden;
    display: block;
    float: right;
    background: url("/images/position/icon-arrow.png");
    background-size: 100% 100%;
    width: .26rem;
    height: .14rem;
    margin-top: .1rem;
}
.conExplain .tit.checked span{
    transform: rotate(180deg);
}
.conExplain .cons{
    overflow: hidden;
    font-size: .28rem;
    line-height: .48rem;
    margin: .2rem 0 0;
    text-align: justify;
    display: none;
}