.view .pc .casebox{width:100%;padding:0.2rem 0;text-align: center;font-size: 0;overflow: hidden;}
.view .pc .caseclass{width: 2.2rem;float: left;padding:0 0.1rem;position: relative;}
.view .pc .caseclass:before{content:'';width:0.02rem;height: 1.3rem;position: absolute;background: #ffa200;left: 0.05rem;top: -0.2rem;}
.view .pc .caseclass:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.05rem;}
.view .pc .caseclass .titbox{width: 2rem;height: 1.11rem;background: #f76f0c;padding:0.2rem 0.1rem;text-align: left;color: #fff;}
.view .pc .caseclass .titbox .maintit{font-size: 0.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .pc .caseclass .titbox .subtit{font-size: 0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .pc .caseclass .clsbox{background: #f6f6f6;border:0.01rem solid #f76f0c;padding:0.2rem 0;}
.view .pc .caseclass .cls{width: 1.98rem;display: block;height: 0.5rem;line-height: 0.5rem;text-indent: 0.15rem;font-size: 0.17rem;text-align: left;color: #000;background-image: url(../images/btnright.jpg);background-position: 1.7rem center;background-repeat: no-repeat;}
.view .pc .caseclass .cls:hover{background: #f76f0c;color: #fff;background-image: url(../images/hbtnright.jpg);background-position: 1.7rem center;background-repeat: no-repeat;}
.view .pc .caseclass .info{width:100%;background: #f76f0c;padding:0.05rem;}
.view .pc .caseclass .info .infobox{width:100%;height:2.5rem;background: #f76f0c;border:0.01rem dashed #fff;padding:0.1rem;}
.view .pc .caseclass .info .infobox p{font-size:0.18rem;text-align: left;color: #fff;line-height: 0.32rem;}
.view .pc .caseclass .info .infobox p.call{font-weight: bold;font-size: 0.22rem;}
.view .pc .casepro{width: 8.8rem;text-align: center;font-size: 0;float: right;background:#eeeeee;}
.view .pc .casepro .titbox{width: 95%;height: 0.6rem;padding-top: 0.2rem;line-height: 0.4rem;margin:0 auto;border-bottom: 0.02rem solid #f73e0c}
.view .pc .casepro .titbox .tit{font-size: 0.3rem;float: left;}
.view .pc .casepro .titbox .seat{font-size: 0.18rem;float: right}
.view .pc .casepro .probox{width: 95%;margin:0 auto;padding:0.4rem 0;}
.view .pc .casepro .probox .tit{font-size: 0.24rem;line-height: 0.4rem;}
.view .pc .casepro .probox .time{font-size: 0.16rem;margin-bottom: 0.2rem;}
.view .pc .casepro .probox mip-img{width: 50%;margin:0 auto;}
.view .pc .casepro .probox .richtext{width: 90%;font-size: 0.18rem;text-align: left;text-indent: 0em;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.92rem;height: 0.4rem;line-height: 0.4rem;background:#f73e0c;border-radius: 0.2rem;text-align: center;margin:0 auto;font-size: 0.24rem;color: #fff;margin-top: 0.3rem;display: block}

.view .ipad .casebox{width:100%;text-align: center;font-size: 0;overflow: hidden;}
.view .ipad .caseclass{width: 100%;margin:0.4rem auto;position: relative;padding-top: 0.1rem;overflow: hidden;}
.view .ipad .caseclass .titbox{width:1.96rem;display:inline-block;vertical-align: middle;height: 0.76rem;background: #f76f0c;text-align: left;color: #fff;margin:0.05rem;padding: 0.02rem 0.1rem;position: relative;}
.view .ipad .caseclass .titbox:before{content:'';width:0.02rem;height: 1.3rem;position: absolute;background: #ffa200;left: -0.1rem;top: -0.2rem;}
.view .ipad .caseclass .titbox:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.1rem;}
.view .ipad .caseclass .titbox .maintit{font-size: 0.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .ipad .caseclass .titbox .subtit{font-size: 0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .ipad .caseclass .cls{width:1.96rem;display:inline-block;vertical-align: middle;height: 0.76rem;line-height: 0.76rem;background: #787878;margin: 0.05rem;font-size: 0.2rem;text-align: center;color: #fff;}
.view .ipad .caseclass .cls:hover{background: #f76f0c}
.view .ipad .casepro{width:100%;text-align: center;font-size: 0;}
.view .ipad .casepro .probox{width: 95%;margin:0 auto;padding:0.4rem 0;background: #eeeeee;padding:0.2rem;}
.view .ipad .casepro .probox .tit{font-size: 0.24rem;line-height: 0.4rem;}
.view .ipad .casepro .probox .time{font-size: 0.16rem;margin-bottom: 0.2rem;}
.view .ipad .casepro .probox mip-img{width: 50%;margin:0 auto;}
.view .ipad .casepro .probox .richtext{width: 90%;font-size: 0.18rem;text-align: left;text-indent: 2em;padding:0.2rem 0;margin:0.2rem auto;}
.view .ipad .casepro .probox .prev{font-size: 0.18rem;text-align: left;display: block;}
.view .ipad .casepro .probox .next{font-size: 0.18rem;text-align: left;display: block;}
.view .ipad .casepro .probox .back{width: 1.92rem;height: 0.4rem;line-height: 0.4rem;background:#f73e0c;border-radius: 0.2rem;text-align: center;margin:0 auto;font-size: 0.24rem;color: #fff;margin-top: 0.3rem;display: block}

.view .mobile .casebox{width:100%;text-align: center;font-size: 0;overflow: hidden;}
.view .mobile .caseclass{width: 100%;margin:0.2rem auto;position: relative;overflow: hidden;margin-top: 0;padding-top: 0.2rem}
.view .mobile .caseclass .titbox{width:1.7rem;display:inline-block;vertical-align: middle;height: 0.66rem;background: #f76f0c;text-align: left;color: #fff;margin:0.05rem;padding: 0.02rem 0.1rem;position: relative;}
.view .mobile .caseclass .titbox:before{content:'';width:0.02rem;height: 1.3rem;position: absolute;background: #ffa200;left: -0.1rem;top: -0.2rem;}
.view .mobile .caseclass .titbox:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.1rem;}
.view .mobile .caseclass .titbox .maintit{font-size: 0.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .mobile .caseclass .titbox .subtit{font-size: 0.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .mobile .caseclass .cls{width:1.7rem;display:inline-block;vertical-align: middle;height: 0.66rem;line-height: 0.66rem;background: #787878;margin: 0.05rem;font-size: 0.2rem;text-align: center;color: #fff;}
.view .mobile .caseclass .cls:hover{background: #f76f0c}
.view .mobile .casepro{width:100%;text-align: center;font-size: 0;}
.view .mobile .casepro .probox{width: 95%;margin:0 auto;padding:0.4rem 0;background: #eeeeee;padding:0.2rem;}
.view .mobile .casepro .probox .tit{font-size: 0.24rem;line-height: 0.4rem;}
.view .mobile .casepro .probox .time{font-size: 0.16rem;margin-bottom: 0.2rem;}
.view .mobile .casepro .probox mip-img{width: 50%;margin:0 auto;}
.view .mobile .casepro .probox .richtext{width: 90%;font-size: 0.18rem;text-align: left;text-indent: 2em;padding:0.2rem 0;margin:0.2rem auto;}
.view .mobile .casepro .probox .prev{font-size: 0.18rem;text-align: left;display: block;}
.view .mobile .casepro .probox .next{font-size: 0.18rem;text-align: left;display: block;}
.view .mobile .casepro .probox .back{width: 1.92rem;height: 0.4rem;line-height: 0.4rem;background:#f73e0c;border-radius: 0.2rem;text-align: center;margin:0 auto;font-size: 0.24rem;color: #fff;margin-top: 0.3rem;display: block}

/*.back{width: 1.5rem;height: 0.4rem;line-height: 0.4rem;border:0.01rem solid #2b314b;border-radius: 0.1rem;margin:0.3rem auto;font-size: 0.18rem;text-align: center;color: #2b314b;display: block;}*/