*{
    margin:0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    background-color: #fff;
    padding:0.2rem;
    padding-top: 0.8rem;
}
.selectx{
    height:0.9rem;
    line-height:0.8rem;
    font-size: 0.32rem;
    text-indent: 0.4rem;
    font-size: 0.34rem;
    color: #262626;
}
.selectx a{
    padding-right:0.4rem;
    color:#333;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.32rem;
    position: relative;
}
.selectx a::after{
    content:'';
    position: absolute;
    right:0;
    top:0.1rem;
    width:0.2rem;
    height:0.2rem;
    border-bottom:2px solid #5286FF;
    border-right:2px solid #5286FF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.tabs{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 0.28rem;
    color:#666;
    border-bottom: 1px solid #dedede;
    height:0.8rem;
    z-index: 999;
    background-color: #fff;
}
.tabs .active{
    font-weight: bold;
    color:#333;
    border-bottom: 3px solid #5487FF;
}
.cons{
    margin-top:1rem;
}
.cons li{
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding:0.2rem 0.1rem;
}
.cons li .left{
    border:1px solid #f1f1f1;
    border-radius: 3px;
    overflow: hidden;
    font-size: 0;
}
.cons li .left img,.cons li .left{
    width:1rem;
    height:1rem;
}
.cons li .right{
    width:5.5rem;
    font-size: 0.26rem;
    color:#666;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 0.4rem;
}
.cons li .right h4{
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.4rem;
    color:#333;
    margin-bottom: 0.1rem;
}
.cons li .right p span{
    font-size: 0.24rem;
    color:#999;
}
.cons li .right i{
    color:#5286FF;
    font-style: normal;
}

.cons li .right p .sp{
    display: inline-block;
    background-color: #FEF2F2;
    border:1px solid #F8B0AC;
    color:#01CB7A;
    margin-top:0.2rem;
    padding:0.04rem 0.1rem;
    border-radius: 3px;
}
.cons li .right p .sp.no{
    color:#EF5F57;
}

.cons li .right h6{
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.3rem;
    color:#999;
    margin-top: 0.1rem;
}
.cons li .right a{
    padding:0.04rem 0.15rem;
    display:inline-block;
    color:#01CB7A;
    border:1px solid #01CB7A;
    border-radius: 3px;
    margin-top: 0.2rem;
    margin-right: 0.1rem;
    font-size:0.24rem;
}
.cons li .right a.no{
    color:#EF5F57;
    border:1px solid #EF5F57;
}

.cons .none{
    width:2rem;
    margin:0.4rem auto;
    display: block;
}
.showCode{
    display:none;
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999;
    background-color:rgba(0,0,0,0.5);
}
.cod{
    width:3rem;
    height:3.6rem;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -1.5rem;
    margin-top: -1.8rem;
    color:#fff;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.6rem;
}
.cod img{
    width:3rem;
    height:3rem;
}
 
.popUp{
    display:none;
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999;
    background-color:rgba(0,0,0,0.5);
}
.popUp>ul{
    width:96%;
    background-color: #fff;
    border-radius: 0.2rem;
    border:1px solid #e4e4e4;
    position: absolute;
    bottom:0.3rem;
    left:2%;
    padding:0.2rem 0;
}
.popUp>ul li{
    height:0.7rem;
    line-height: 0.7rem;
    text-align: center;
    color:#666;
}
.popUp>ul li h4{
    color:#333;
}
.popUp>ul li p{
    border-top:1px solid #f7f7f7;
}
.popUp>ul li a{
    width:90%;
    display: block;
    border:1px solid #f1f1f1;
    color:#999;
    margin:5px auto;
}