.view .pc .casepro {

    text-align: center;

    font-size: 0;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 0 0 20px;
}



.view .pc .casepro .titbox {

    width: 100%;

    height: 0.4rem;

    line-height: 0.4rem;

    border-bottom: 0.01rem solid #000;

}



.view .pc .casepro .titbox .tit {

    font-size: 0.22rem;

    font-weight: bold;

    float: left;

    line-height: 0.35rem;

    border-bottom: 0.02rem solid #000;

    margin-bottom: 0.1rem;

}



.view .pc .casepro .titbox .seat {

    font-size: 0.16rem;

    float: right;

}



.view .pc .casepro .probox {

    width: 100%;

    margin: 0 auto;

    padding: 0.4rem 0;

}



.view .pc .casepro .probox .tit {

    font-size: 0.3rem;

    line-height: 0.5rem;

}



.view .pc .casepro .probox .time {

    font-size: 0.16rem;

    margin-bottom: 0.2rem;

}



.view .pc .casepro .probox mip-img {

    display: block;

    margin: 0.3rem auto;

}



.view .pc .casepro .probox img {

    max-width: 100%;

    height: auto;

    min-width: auto;

    min-height: auto;

    margin: auto;

    display: block;

}



.view .pc .casepro .probox .richtext {

    width: 90%;

    font-size: 0.18rem;

    text-align: left;

    padding: 0.2rem 0;

    margin: 0.2rem auto;

}



.view .pc .casepro .probox .prev {

    font-size: 0.18rem;

    text-align: left;

    display: block;

}



.view .pc .casepro .probox .next {

    font-size: 0.18rem;

    text-align: left;

    display: block;

}



.view .pc .casepro .probox .back {

    width: 1.95rem;

    height: 0.45rem;

    line-height: 0.45rem;

    border-radius: 0.12rem;

    text-align: center;

    margin: 0 auto;

    font-size: 0.21rem;

    color: #000;

    border: 0.01rem solid #000;

    margin-top: 0.3rem;

    display: block;

}



.view .ipad .tit {

    font-size: 0.4rem;

    line-height: 0.6rem;

    color: #000;

    text-align: center;

    padding: 0.2rem;

    text-align: center;

}



.view .ipad .time {

    font-size: 0.18rem;

    color: #666666;

    text-align: center;

}



.view .ipad mip-img {

    display: block;

    margin: 0.3rem auto;

}



.view .ipad img {

    width: auto;

    height: auto;

    min-width: auto;

    min-height: auto;

    margin: auto;

    display: block;

}



.view .ipad .richtext {

    width: 90%;

    display: block;

    margin: 0 auto;

    font-size: 0.3rem;

    text-indent: 2em;

    line-height: 0.4rem;

    padding: 0.2rem 0;

}



.view .ipad .btnbox {

    margin: 0.4rem 0;

    width: 100%;

    text-align: center;

}



.view .ipad .btnbox .prevbtn {

    width: 90%;

    height: 0.8rem;

    line-height: 0.8rem;

    padding: 0 0.8rem;

    border-radius: 0.25rem;

    background: #e5e5e5;

    color: #000;

    display: block;

    margin: 0.08rem auto;

    text-align: left;

    font-size: 0.35rem;

}



.view .ipad .btnbox .nextbtn {

    width: 90%;

    height: 0.8rem;

    line-height: 0.8rem;

    padding: 0 0.8rem;

    border-radius: 0.25rem;

    background: #e5e5e5;

    color: #000;

    display: block;

    margin: 0.08rem auto;

    text-align: left;

    font-size: 0.35rem;

}



.view .ipad .btnbox .backbtn {

    width: 3.02rem;

    height: 0.83rem;

    line-height: 0.85rem;

    text-align: center;

    /* background-color: #2081ec; */

    border: .01rem solid #2081ec;

    color: #2081ec;

    font-size: 0.38rem;

    border-radius: 0.2rem;

    display: inline-block;

    vertical-align: middle;

    margin-top: 0.35rem;

}



.view .mobile .tit {

    font-size: 0.34rem;

    font-weight: bold;

    line-height: 0.5rem;

    padding: 0.2rem;

    color: #000;

    text-align: center;

}



.view .mobile .time {

    font-size: 0.18rem;

    color: #666666;

    text-align: center;

}



.view .mobile mip-img {

    display: block;

    margin: 0.3rem auto;

}



.view .mobile img {

    width: 100%;

    height: auto;

    min-width: auto;

    min-height: auto;

    margin: auto;

    display: block;

}



.view .mobile .richtext {

    width: 90%;

    display: block;

    margin: 0 auto;

    font-size: 0.3rem;

    line-height: 0.4rem;

    padding: 0.2rem 0;
    /* height: 1450px; */
}




.view .mobile .btnbox {

    margin: 0.3rem 0;

    width: 100%;

    text-align: center;

}



.view .mobile .btnbox .prevbtn {

    width: 90%;

    height: 0.5rem;

    line-height: 0.5rem;

    padding: 0 0.5rem;

    border-radius: 0.25rem;

    background: #e5e5e5;

    color: #000;

    display: block;

    margin: 0.08rem auto;

    text-align: left;

    font-size: 0.24rem;

}



.view .mobile .btnbox .nextbtn {

    width: 90%;

    height: 0.5rem;

    line-height: 0.5rem;

    padding: 0 0.5rem;

    border-radius: 0.25rem;

    background: #e5e5e5;

    color: #000;

    display: block;

    margin: 0.08rem auto;

    text-align: left;

    font-size: 0.24rem;

}



.view .mobile .btnbox .backbtn {

    width: 1.64rem;

    height: 0.46rem;

    line-height: 0.46rem;

    text-align: center;

    /* background-color: #2081ec; */

    border: .01rem solid #2081ec;

    color: #2081ec;

    font-size: 0.21rem;

    border-radius: 0.2rem;

    display: inline-block;

    vertical-align: middle;

    margin-top: 0.35rem;

}