/*css document*/
@charset "utf-8";
.vr-con{ background:#f0f0f0;max-width:640px; min-width:320px;  width:100%; margin:0 auto; overflow:hidden}
.vr-box{ background:#ffffff;margin:0 auto; padding:3.125%; width:100%; margin-top:3.125%;}
.vr-img{ width:100%; position:relative}
.vr-xf{ position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-15px; margin-top:-15px;}
.vr-box-p{ width:100%; text-align:left; margin-top:2.25%; font-size:12px;}
.vr-box-p a{ font-size:14px; color:#333333}
.more a{background-color: #fff;display: block;margin: 4.125% auto; width: 93.75%;border: 1px solid #c9c9c9;height: 40px; line-height: 40px;text-align: center; border-radius: 3px; color:#fa4c06}
.vr-box-p1{ text-align:left}
.vr-box-p2{ margin-top:2%; font-size:12px;}
.vr-box-p2 img{ padding-right:1%; vertical-align:top; width:15px;}
.vr-box-p2 span{ padding-right:3%}
.vr-box-p2 span{ color:#999999}
@media screen and (max-width: 320px){
 .vr-xf{width:30px; height:30px; margin-left:-15px; margin-top:-15px;}
 .vr-box-p a{ font-size:14px;}
}
@media screen and (min-width: 321px) and (max-width: 375px){
 .vr-xf{width:36px; height:36px; margin-left:-18px; margin-top:-18px;}
 .vr-box-p a{ font-size:14px;}
}
@media screen and (min-width: 376px) and (max-width: 414px){
	
 .mui-slider .mui-slider-group .mui-slider-item .vr-xf{width:36px !important; height:36px  !important; margin-left:-18px; margin-top:-18px;}
 .vr-xf{width:36px !important; height:36px  !important; margin-left:-18px; margin-top:-18px;}
 .vr-box-p a{ font-size:14px;}
}
@media screen and (min-width: 1000px) {
 .vr-xf{width:60px; height:60px; margin-left:-30px; margin-top:-30px;}
 .vr-box-p a{ font-size:16px;}
 .vr-box-p2 img{ width:18px;}
}

.mui-table-view.cases{background:#f0f0f0;}
.mui-table-view.cases li:before,.mui-table-view.cases li:after{ display:none;}

.mui-slider .mui-slider-group .mui-slider-item .vr-xf{ width:36px}