.search{color: #c9c9c9;}
.search-input{width: 200px;}
.el-input__inner,.el-button{border-radius: 0;border: none;}
.search_item div {cursor: pointer;display: inline-block;color: #c9c9c9;margin-bottom: 10px;margin-left: 30px;}
.search_item .on{background-color: #ea5703;color: #fff;padding: 2px 15px;}
.des_img_box{overflow: hidden}
.case_img_box{padding: 10px;}
.des_img{width: 100%;display: inline-block;height: 402px;background: url("https://file.jt111.com/image/gw/images/desbg.jpg") no-repeat 100%;background-size: cover;transform: scale(1);transition: all .5s}
.case_img{width: 100%;display: inline-block;height: 290px;transform: scale(1);transition: all .5s}
.vr_img{width: 100%;display: inline-block;height: 300px;transform: scale(1);transition: all .5s}
.video_img{width: 100%;display: inline-block;height: 380px;transform: scale(1);transition: all .5s}
.des_list_btn{margin-bottom: 8px;}
.des_img:hover,.vr_img:hover,.case_img:hover,.video_img:hover{transform: scale(1.1)}
.des_info_box{padding: 20px;height: 402px;}
.case_info_box,.vr_info_box,.video_info_box{padding: 10px 15px;}
.case_t2_line{margin: 0 8%;width: 1px;background: #767676;display: inline-block;color: #FFF;}
.btn_line{width: 1px;background: #787878;height: 25px;display: inline-block;vertical-align: middle;position: relative;top: -2px;}
.des_name{font-size:25px;color: #333;margin-bottom: 20px;}
.case_name{font-size:22px;color: #333;margin-bottom: 10px;}
.vr_name{font-size:20px;color: #333;margin-bottom: 10px;font-weight: bolder}
.vr_tt2{color:#a98551;padding-right: 10px; }
.case_t2{color: #767676;display: inline-block}
.vr_b_line{height: 1px;background: #E6E6E6;width: 80%}
.vr_pm{margin: 6px 0 12px;}
.vr_pm .iconfont{padding-right: 6px;color: #666}
.vr_t2{color: #333;display: inline-block;margin-bottom: 6px;}
.vr_des_head{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;vertical-align: middle;display: inline-block}
.vr_des_txt{display: inline-block;vertical-align: middle;padding-left: 5px;}
.vr_des_name span{color:#a98551;font-size: 13px; }
.vr_des_name{color: #333;margin-bottom: 4px;}
.vr-btn{width: 100%;color:#a98551;background: #FFF;border: 1px solid #a98551; }
.vr-btn:hover{background-color: #a98551!important;color: #FFF!important;}
.vr_des_box{margin: 15px 0;}
.des_name_2,.des_tit_1,.des_tit_2{color: #a98551;font-size: 15px;font-weight: normal;}
.des_tit_1{margin-bottom: 20px;}
.des_tit_2{margin-bottom: 10px;height: 60px;}
.des_top{height: 278px;overflow: hidden;margin-bottom: 15px;cursor: pointer}
.anli_txt{font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;margin: 5px 0 10px;color: #747474}
.anli_img{height: 120px;}
.des_desc{color: #747474;}
.ln{display: inline-block}
.c-box{width: calc(100% - 85px);vertical-align: top;}
.des_t1{width: 80px;}
.des_t2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.des_t3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.case_region{display: inline-block;background: #EEE;padding: 5px 10px;}
.elRowBox{border-radius: 3px;overflow: hidden;background: #FFF;box-shadow: 1px 1px 3px #999;color: #898989;}
.el-scrollbar__bar {opacity: 1 !important;}


.vr_icon{position: absolute;top:15px;left:15px;background: rgba(0,0,0,.95);color: #FFF;padding: 6px 13px;font-size: 14px;z-index: 9;border-radius: 16px;cursor: pointer}
.video_icon{position: absolute;top:40%;left:calc(50% - 31px);font-size: 14px;z-index: 9;border-radius: 16px;cursor: pointer}


@media screen and (min-width: 1300px) and (max-width:1519px) {
    .anli_img{height: 100px;}
    .case_img{height: 260px;}
    .vr_img{height: 250px;}
    .video_img{height: 340px;}
    .vr_info_box{padding: 10px 10px 10px 0;}
    .des_name,.des_tit_1{margin-bottom: 10px;}
    .des_info_box,.des_img{height: 350px;}
    .des_name_2, .des_tit_1, .des_tit_2{font-size: 14px;}
    .des_desc{line-height: 22px;}
    .c-box{width: calc(100% - 75px);}
    .des_t1{width: 70px;}
    .vr_des_head{height: 50px;width: 50px;}
}

@media screen and (min-width: 1080px) and (max-width:1299px) {
    .des_name{font-size: 22px;}
    .anli_img{height: 60px;}
    .des_info_box,.des_img{height: 285px;}
    .des_name,.des_tit_1{margin-bottom: 5px;}
    .des_name_2, .des_tit_1, .des_tit_2{font-size: 14px;}
    .des_desc{line-height: 19px;}
    .c-box{width: calc(100% - 75px);}
    .des_t1{width: 70px;}
    .vr_info_box{padding: 10px 10px 10px 0;}
    .case_img{height: 220px;}
    .vr_des_name{font-size: 14px;}
    .vr_des_name span,.vr_des_info{font-size: 12px;}
    .vr_img{height: 230px;}
    .video_img{height: 300px;}
    .vr_des_head{height: 40px;width: 40px;}

    .case_region{font-size: 12px;}
    .case_name{font-size: 18px;}
    .f15{font-size: 13px;}
    .vr-btn2 {
        width: 100%;
        color: #fff;
        background: #a98551;
        border: 1px solid #a98551;
    }
}



@media screen and (min-width: 860px) and (max-width:1079px) {
    .zjw-xs-only{display: none;}
    .zjw-sm-and-up{display: block!important;}
    .vr-btn {width: 45%;position: absolute;right: 10px;top: 10px;}
    .des_info_box{padding: 10px;}
    .anli_img{height: 60px;}
    .des_info_box,.des_img{height: 227px;}
    .des_name{font-size: 20px;}
    .des_name,.des_tit_1{margin-bottom: 5px;}
    .des_name_2, .des_tit_1, .des_tit_2,.anli_txt{font-size: 12px;}
    .des_desc{line-height: 19px;}
    .des_tit_2{margin-bottom: 5px;}
    .c-box{width: calc(100% - 65px);}
    .des_t1{width: 60px;}
    .des_anli{display: none;}
    .case_img{height: 165px;}
    .vr_img{height: 170px;}
    .video_img{height: 250px;}
    .case_region{font-size: 11px;padding: 5px;}
    .case_name{font-size: 18px;}
    .f15{font-size: 13px;}
    .el-dialog__body{padding: 10px 30px 30px;}
    .vr_des_box {padding: 10px;margin: 0}
    .vr-btn2 {
        width: 100%;
        color: #fff;
        background: #a98551;
        border: 1px solid #a98551;
    }
}
/*<=959px and >=768px的设备：PC端;*/
@media screen and (min-width: 768px) and (max-width:859px) {
    .zjw-xs-only{display: none;}
    .zjw-sm-and-up{display: block!important;}
    .vr-btn {width: 45%;position: absolute;right: 10px;top: 10px;}
    .vr_img{height: 170px;}
    .video_img{height: 230px;}
    .vr_des_box {padding: 10px;margin: 0}
    .des_info_box{padding: 10px;}
    .anli_img{height: 60px;}
    .des_info_box,.des_img{height: 227px;}
    .des_tit_2{margin-bottom: 5px;}
    .des_anli{display: none;}
    .des_name{font-size: 20px;}
    .des_name,.des_tit_1{margin-bottom: 5px;}
    .des_name_2, .des_tit_1, .des_tit_2,.anli_txt{font-size: 12px;}
    .des_desc{line-height: 19px;}
    .c-box{width: calc(100% - 65px);}
    .des_t1{width: 60px;}

    .case_img{height: 165px;}
    .case_region{font-size: 11px;padding: 5px;}
    .case_name{font-size: 18px;}
    .f15{font-size: 13px;}

    .el-dialog__body{padding: 10px 30px 30px;}
    .diaLog .title2{font-size: 16px;margin-bottom: 15px;}
    .el-dialog__header{padding-top: 10px;}
    .vr-btn2 {
        width: 100%;
        color: #fff;
        background: #a98551;
        border: 1px solid #a98551;
    }

}

@media screen and (max-width:767px){
    .vr-btn2{width: 100%;color:#fff;background: #a98551;border: 1px solid #a98551; }
    .des_info_box{padding: 8px;}
    .des_tit_2{margin-bottom: 5px;}
    .anli_img{height: 14vw;}
    .des_info_box,.des_img{height: auto;}
    .des_name{font-size: 20px;}
    .des_name,.des_tit_1{margin-bottom: 5px;}
    .des_name_2, .des_tit_1, .des_tit_2,.anli_txt{font-size: 12px;}
    .des_desc{line-height: 19px;}
    .c-box{width: calc(100% - 65px);}
    .des_t1{width: 60px;}
    .el-pagination{padding:0;}
    .des_anli{display: none;}
    .case_img{height: auto;}
    .vr_img{height: 40vw}
    .video_img{height: auto}
    .vr_name{font-size: 16px;}
    .vr_info_box{padding-left: 0;}
    .case_region{font-size: 11px;padding: 5px;}
    .case_name{font-size: 18px;font-weight: bolder}
    .f15{font-size: 13px;}
    .el-dialog__header{padding-top: 0;}
    .el-dialog{width: 90%;}
    .el-dialog__body{padding: 10px 30px 30px;}
    .diaLog .title{font-size: 24px;}
    .diaLog .title2{font-size: 14px;margin-bottom: 15px;}
    .vr_des_box{padding-left: 10px;}
    .vr-btn{width: 45%;position: absolute;right: 10px;top: 10px;}
}