.swiper-pagination-bullet-active{
    width:20px;
    border-radius:4px;
    background: #527fe8;
}
.swiper-pagination-bullet{
    background: #527fe8;
}
.head img{
    width:4rem;
}
.head{
    text-align: center;
    position: relative;
}
.title{
    font-size: 1rem;
    color: #464e65;
}
.title_line{
    display: block;
    width:2rem;
    height:3px;
    background: #5982f6;
    margin:0.4rem auto;
}
.title_box{
    position: absolute;
    text-align: center;
    top:0.5rem;
    width:100%;
    text-align: center;
}
.content{
    padding: 1rem 0 0;
}
.content_bottom{
   padding-bottom: 1.5rem;
}
.text{
    font-size:0.58rem;
    color: #999;
    padding: 0.4rem 0 1rem;
}
.caseList{
    padding:0.8rem 0.5rem 0;
}
.caseList li{
    width:50%;
    padding:0 0.2rem 1.8rem;
}
.caseList .caseDetail{
    width:100%;
    position: relative;
    text-align: center;
    box-shadow: 0 0 0.8rem #f0f4fe;
    height:5.5rem;
    padding: 0 0.4rem;
    display: block;
}
.caseTop{
    width:2.2rem;
    height:2.2rem;
    position:absolute ;
    top:-1rem;
    left:50%;
    margin-left: -1.1rem;
    border-radius: 50%;
    background: #f2f5fc;
    line-height: 2.2rem;
}
.caseTop img{
    width:1rem;
}
.caseTile{
    font-size: 0.65rem;
    color: #464e65;
    padding: 1.8rem 0 0.5rem;
}
.caseText{
    font-size: 0.45rem;
    color: #525a6f;
}
.sellNav{
    text-align: center;
}
.sellNav li{
    padding: 0 0.2rem;
}
.sellNav a{
    display: block;
    position: relative;
    /*padding-bottom: 1rem;*/

}
.sellTip{
    width:2rem;
    height:2rem;
    line-height: 2rem;
    border: 1px solid #ececf0;
    border-radius: 50%;
    background: #fff;
    margin: auto;
}
.sellTip.active{
    background: #5982f6;
    border-color: #5982f6;
}
.sellTip img{
    width:1rem;
}
.sellTitle{
    font-size: 0.55rem;
    color: #464e65;
    padding: 1rem 0 0rem;
}
.sellSpring{
    border:0.3rem solid transparent;
    border-bottom-color: #4774f4;
    display: none;
    width:0;
    height:0;
    margin: auto;
}
.sellSpring.active{
    display: block;
}
.content_gray{
    background: #f5f8fd;
}
.sellBot{
    font-size:0.55rem ;
    color: #464e65;
    padding: 0.6rem 2.7rem 1rem;
    text-align: center;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width:5;*/
}
.active .sellBot {
    display: block;
}
.sellImg{
    padding: 0rem 0.5rem 0rem;
    display: none;
}
.sellImg.active{
    display: block;
}
.shopList li{
    width:50%;
    padding: 0.3rem;
}
.shopList a{
    display: block;
    color: #464e65;
    border-radius: 5px;
}
.shopList{
    background: #f7f9ff;
    padding: 0 0.3rem;
}
.shopTop{
    height:4.5rem;
    overflow: hidden;
}
.shopTop img{
    /*height:100%;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.shopBot{
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 0.3rem  0.6rem;
}
.shopTile{
    font-size: 0.58rem;
}
.shopTime{
    font-size: 0.4rem;
    color: #c0c5d0;
}
.shopTrite{
    line-height: 2rem;
}
.shopText{
    font-size: 0.5rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}
.shopTextWrap{
    position: relative;
}
.shopBtn{
    flex-shrink: 0;
    color: #4774f4;
    font-size: 0.5rem;
    position: absolute;
    right:0;
    top:0.7rem;
}
.modalBody{
    padding: 0.6rem;
    line-height: 1rem;
}
.newList a{
    padding: 0 1rem 1rem;
    color: #333;
    width:100%;
    overflow: hidden;
}
.newMonth{
    font-size: 0.7rem;
    padding-bottom: 0.4rem;
}
.newYear{
    font-size: 0.4rem;
}
.newTitle{
    font-size: 0.6rem;
    padding-bottom: 0.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newText{
    font-size: 0.5rem;
    color: #999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 0.7rem;
}
.newLeft{
    padding-right: 0.8rem;
    flex-shrink: 0;
    text-align: right;
}
.seeMore{
    width:4rem;
    line-height: 1.5rem;
    text-align: center;
    display: block;
    background: #5982f6;
    color: #fff;
    font-size: 0.6rem;
    border-radius: 0.8rem;
    margin: 0.4rem auto 0;
}
.newRight{
    width:80%;
}
.sellTipShow{
    display: inline-block;
}
.sellTipActive{
    display: none;
}
.active .sellTipShow{
    display: none;
}
.active .sellTipActive{
    display: inline-block;
}

.modalWrap{
    background: #fff;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width:80%;
    border-radius: 5px;
}