body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td,
 menu,
 footer,
 header {
   margin: 0;
   padding: 0;
   border: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   font: normal 14px/24px "Microsoft YaHei"
 }

 a:hover {
   color: #6B5008
 }

 table {
   border-collapse: collapse;
   border-spacing: 0
 }


 fieldset,
 img {
   border: 0
 }

 ol,
 ul {
   list-style: none
 }

 a {
   text-decoration: none;
   color: #333;
 }

 a:hover {
   color: #FFC21E
 }

 .fl {
   float: left;
 }

 .fr {
   float: right;
 }

 .ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .no-margin {
   margin-right: 0 !important;
 }

 .btn-org-b {
   background: none;
   color: #ff8d1c;
   border: 1px solid #ff8d1c
 }

 .btn-org-b:hover {
   background: #ff8d1c;
   color: #fff
 }

 .text-center {
   text-align: center;
 }

 .fw-b {
   font-weight: bold;
 }


 .clear {
   clear: both;
 }

 .none {
   display: none;
 }

 .mt8 {
   margin-top: 8px;
 }

 .fl {
   float: left;
 }

 .fr {
   float: right;
 }

 .clearfix {
   -webkit-zoom: 1;
   -moz-zoom: 1;
   -ms-zoom: 1;
   -o-zoom: 1;
   zoom: 1;
   *zoom: 1;
 }

 .clearfix:after {
   display: block;
   content: "";
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden;
 }

 .ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .ellipsis2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }

 .ellipsis3 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }

 .btn {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;

 }

 .btn:focus {
   -webkit-box-shadow: 0 0 0 0;
   box-shadow: 0 0 0 0;
 }

 .btn-lg {
   padding: 10px 70px;
   font-size: 16px
 }

 .imgCont,
 .imgCont .lb {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
 }

 .imgCont .lb .lb-l {
   width: 72%;
   height: 100%;
   position: relative;
   overflow: hidden;
 }

 .imgCont .lb .lb-l .cont {
   position: absolute;
   top: 94%;
   width: 10%;
   left: 45%;
   height: 34px;
   line-height: 34px;
   z-index: 4;
   text-align: center;
   font-size: 24px;
   color: #FFFFFF;
 }

 .imgCont .lb .lb-l .mySwiper2 {
   width: 100%;
   height: 100%;
 }

 .imgCont .lb .lb-l .mySwiper2 .swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
   background: #3D3F41;
   flex-direction: column;
 }

 .imgCont .lb .lb-l .mySwiper2 .swiper-slide img {
   display: block;
   max-width: 100%;
   max-height: 100%;
 }

 .imgCont .lb .lb-l .yuantu {
   position: absolute;
   width: 52px;
   height: 41px;
   z-index: 4;
   right: 30px;
   top: 30px;
   cursor: pointer;
   background: url(../images/yuantu.png) center no-repeat;
   ;
 }

 .imgCont .lb .lb-l .yuantu .pic {
   width: 52px;
   height: 41px;
   display: none;
   background: url(../images/yuantu.png) center no-repeat;
 }

 .imgCont .lb .lb-l .yuantu img {
   position: absolute;
   z-index: 0;
   opacity: -1;
   width: 52px;
   height: 41px;
 }

 .imgCont .lb .lb-r {
   width: 28%;
   padding-left: 40px;
   background: #474A4D;
   height: 100%;
 }

 .imgCont .lb .lb-r .mySwiper {
   width: 100%;
   height: calc(100% - 244px);
   overflow-x: hidden;
   overflow-y: auto;
 }

 .imgCont .lb .lb-r .mySwiper .pic {
   margin-bottom: 20px;
   margin-right: 10px;
   height: auto;
   border-radius: 4px;
 }

 .imgCont .lb .lb-r .mySwiper img {
   width: 100%;
   border-radius: 4px;
 }

 .imgCont .lb .lb-r .mySwiper .swiper-slide {
   height: auto !important;
 }

 .imgCont .lb .lb-r .mySwiper .swiper-slide .pic {
   height: auto !important;
 }

 .imgCont .lb .lb-r .mySwiper .swiper-grid-column>.swiper-wrapper {
   column-count: 2;
   column-gap: 0;
 }

 .imgCont .lb .lb-r .mySwiper .swiper-wrapper {
   display: block;
   column-count: 2;
   column-gap: 0;
 }

 .imgCont .lb .lb-r .mySwiper .swiper-slide-thumb-active {
   opacity: 1;
 }


 .imgCont .lb .swiper-button-next,
 .imgCont .lb .swiper-container-rtl .swiper-button-prev,
 .imgCont .lb .swiper-button-prev,
 .imgCont .lb .swiper-container-rtl .swiper-button-next {
   top: 94%;
   width: 50px;
   height: 34px;
   margin: 0;
 }

 .imgCont .lb .swiper-button-prev,
 .imgCont .lb .swiper-container-rtl .swiper-button-next {
   left: 38%;
   background: url(../images/L.png) center center no-repeat;
 }

 .imgCont .lb .swiper-button-next,
 .imgCont .lb .swiper-container-rtl .swiper-button-prev {

   right: 38%;

   background: url(../images/R.png) center center no-repeat;
 }

 .imgCont .lb .swiper-button-next:focus,
 .imgCont .lb .swiper-container-rtl .swiper-button-prev:focus,
 .imgCont .lb .swiper-button-prev:focus,
 .imgCont .lb .swiper-container-rtl .swiper-button-next:focus {
   outline: 0;
   border: 0;
 }

 .imgCont .lb .swiper-button-next:hover,
 .imgCont .lb .swiper-container-rtl .swiper-button-prev:hover {
   background: url(../images/R-sel.png) center center no-repeat;
 }

 .imgCont .lb .swiper-button-prev:hover,
 .imgCont .lb .swiper-container-rtl .swiper-button-next:hover {
   background: url(../images/L-sel.png) center center no-repeat;
 }

 .imgCont .lb .lb-r .iconBox {
   position: fixed;
   bottom: 0;
   right: 0;
   width: 28%;
   background: rgba(0, 0, 0, .6);
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 104px;
   border-radius: 0px 0px 4px 0px;
   z-index: 3;
   padding: 20px 60px;
   box-sizing: border-box;
   flex-wrap: wrap;

 }

 .imgCont .lb .lb-r .iconBox .item {
   display: flex;
   flex-wrap: wrap;
   color: #FFFFFF;
   cursor: pointer;
 }

 .imgCont .lb .lb-r .iconBox .icon {
   width: 100%;
   height: 40px;

 }

 .imgCont .lb .lb-r .iconBox .item:hover,
 .imgCont .lb .lb-r .iconBox .active {
   color: #FFC21E;
 }

 /*.imgCont .lb .lb-r .iconBox .icon_down {
        background: url(../../images/case-pc/20226/icon_dabao_bl.png) center center no-repeat;
    }
    .imgCont .lb .lb-r .iconBox .item:hover .icon_down,
    .imgCont .lb .lb-r .iconBox .active .icon_down{
        background: url(../../images/case-pc/20226/icon_dabao_ye.png) center center no-repeat;
    }
    .imgCont .lb .lb-r .iconBox .icon_collect_case {
        background: url(./images/icon_shoucang_bl.png) center center no-repeat;
    }
    .imgCont .lb .lb-r .iconBox .item:hover .icon_collect_case ,
    .imgCont .lb .lb-r .iconBox .active .icon_collect_case {
        background: url(./images/icon_shoucang_ye.png) center center no-repeat;
    }
    .imgCont .lb .lb-r .iconBox .icon_see {
        background: url(./images/icon_dabao_bl.png) center center no-repeat;
    }
    .imgCont .lb .lb-r .iconBox .item:hover .icon_see, 
    .imgCont .lb .lb-r .iconBox .active .icon_see {
        background: url(./images/icon_dabao_ye.png) center center no-repeat;
    }*/
 .viewer-btns #viewer-canvas-right-button,
 .viewer-btns #viewer-canvas-left-button {
   display: none;
 }

 .lb-r-title {
   width: 100%;
   line-height: 26px;
   padding-top: 34px;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
 }

 .lb-l-title {
   display: none;
 }

 .mySwiper221box {
   height: calc(100% - 60px);
   overflow-y: auto;
   overflow-x: hidden;
   padding: 40px 0px;
 }

 .mySwiper221 {

   column-count: 2;


 }

 .mySwiper221 .pic {

   height: auto;
   margin-bottom: 20px;
   margin-right: 0px;
   cursor: pointer;
   border-radius: 4px;
   overflow: hidden;
   border: 2px solid transparent;
   margin-top: 10px;
 }

 .mySwiper221 .pic.pic_active {
   border: 2px solid #c00;
 }

 .mySwiper221 .pic:nth-chil(2n) {
   margin-right: 0;
 }

 .mySwiper221 .pic img {
   max-width: 100%;

   display: block;
 }

 /*折叠部分的功能*/
 .sidebar-collapse .e_container .e_aside {
   width: 64px;
 }

 .sidebar-collapse .e_container {
   padding-left: 64px;
 }

 .sidebar-collapse .e_container .e_aside .design .item span {
   display: none;
 }

 .sidebar-collapse .navbar-side,
 .sidebar-collapse .nav_bar,
 .sidebar-collapse .fixed_kind,
 .sidebar-collapse .commont_tag_search22 {
   left: 64px;
 }

 .sidebar-collapse .e_container .e_aside .design .item {
   padding-left: 24px;
 }




 @media (max-width:1024px) {
   .imgCont .lb .lb-r {
     display: none;
   }

   .imgCont .lb .lb-l {
     width: 100%;
   }

   .imgCont .lb .lb-l .cont {

     width: 20%;
     left: 40%;
   }

   .imgCont .lb .swiper-button-prev,
   .imgCont .lb .swiper-container-rtl .swiper-button-next {
     left: 26%;

   }

   .imgCont .lb .swiper-button-next,
   .imgCont .lb .swiper-container-rtl .swiper-button-prev {

     right: 26%;


   }


   .lb-r-title {
     width: 100%;
     line-height: 26px;
     padding-top: 34px;
     font-size: 18px;
     color: #fff;
     font-weight: bold;
   }

   .lb-l {
     position: relative;
   }

   .lb-l-title {
     display: inline-block;
     width: 100%;
     text-align: left;
     padding: 0 20px;
     font-size: 18px;
     line-height: 100px;

     font-size: 18px;
     color: #fff;
     font-weight: bold;
     height: 100px;
     background: #3D3F41;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;

   }



 }

 @media (max-width:767px) {
   .imgCont .lb .lb-r {
     display: none;
   }

   .imgCont .lb .lb-l {
     width: 100%;
   }

   .imgCont .lb .lb-l .cont {

     width: 20%;
     left: 40%;
   }

   .imgCont .lb .swiper-button-prev,
   .imgCont .lb .swiper-container-rtl .swiper-button-next {
     left: 26%;

   }

   .imgCont .lb .swiper-button-next,
   .imgCont .lb .swiper-container-rtl .swiper-button-prev {

     right: 26%;


   }

 }