a{width: 100%;height: 100%;display: inline-block}
/*header*/
.equipment{padding-bottom: 1.69rem}
/*.equipment header{position: fixed;top: 0;z-index: 22;width: 100%;}*/
 .search{box-sizing: border-box;position: relative;   margin-bottom: 0.75rem;display: flex;align-items: center;}
 .search input{ height: 2rem;line-height: 2rem;border-radius: 1rem;background: #f4f4f4;border: 0;padding-left: 2.375rem;box-sizing: border-box;width: 92%;color: #9a9b9e;}
.search span{position: relative;left: 1.75rem;color: #9a9b9e;margin-left: 0;float: left;}
.li3{border-right: 0;}
.li2{border-top: 1px solid #efefef;}
/*category*/
.equipment .category{padding-bottom: 1.88rem}
.equipment .category ul{}
.equipment .category ul li{float:left;width: 32%;text-align: center}
.equipment .category ul li section{width: 3.13rem;margin: auto;margin-top: 1.56rem;}
.equipment .category ul li img{width: 100%}
.equipment .category ul li span{color: #1b1c1e;display: block;margin-top: 0.5rem;}
.equipment .category ul .li3{border-right: 0;}
/*digitalcamera*/
.digitalcamera{background: #faf7ee;margin-bottom: 1.75rem;box-shadow: 0 0.75rem 0.62rem 0px #faf7ee;}
.digitalcamera .title{    position: relative;height: 2.75rem}
.digitalcamera .title img{    width: 14rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.digitalcamera .title h3{ font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.digitalcamera .camara{}
.digitalcamera .camara ul{    background: #fff;border-radius: 0.75rem;}
.digitalcamera .camara ul li{border-right:1px solid #efefef;float:left;width: 33.3%;text-align: center;height: 6.56rem}
.digitalcamera .camara ul li section{width: 4.38rem;margin: auto;margin-top: 0.69rem;}
.digitalcamera .camara ul li img{  width: 100%}
.digitalcamera .camara ul li span{    display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.digitalcamera .camara ul .li3{border-right: 0;}
/*cameralens*/
.cameralens{    background: #faece8;margin-bottom: 1.75rem;box-shadow: 0 0.75rem 0.62rem 0px #faece8;}
.cameralens .title{    position: relative;height: 2.75rem}
.cameralens .title img{    width: 4rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.cameralens .title h3{ font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.cameralens .camara{}
.cameralens .camara ul{background: #fff;border-radius: 0.75rem;position: relative}
.cameralens .camara ul li{height: 6.56rem;float: left;width: 33.3%;text-align: center;border-right: 1px solid #efefef;}
.cameralens .camara ul li section{width: 4.75rem;margin: auto;margin-top: 0.69rem;}
.cameralens .camara ul li img{width: 100%; }
.cameralens .camara ul li span{ display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.cameralens .camara ul li .more{color:#64669b }
.cameralens .camara ul .li3{border-right: 0;height: 100%;line-height: 6.56rem;text-align: center;}
/*videoequipment*/
.videoequipment{ background: #eff4fb;margin-bottom: 1.75rem;box-shadow: 0 0.75rem 0.62rem 0px #eff4fb;}
.videoequipment .title{  position: relative;height: 2.75rem}
.videoequipment .title img{ width: 15rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.videoequipment .title h3{font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.videoequipment .camara{}
.videoequipment .camara ul{background: #fff;border-radius: 0.75rem;position: relative}
.videoequipment .camara ul li{float: left;width: 33.3%;text-align: center;border-right: 1px solid #efefef;height: 6.56rem}
.videoequipment .camara ul li section{width: 4.75rem;margin: auto;margin-top: 0.69rem;}
.videoequipment .camara ul li img{width: 100%; }
.videoequipment .camara ul li span{ display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.videoequipment .camara ul li .more{color:#64669b }
.videoequipment .camara ul .li3{border-right: 0;height: 100%;line-height: 6.56rem;text-align: center;margin-left: 0}
.videoequipment .camara ul .li4{border-right: 0;}
/*annex*/
.annex{ background: #faece8;margin-bottom: 1.75rem;box-shadow: 0 0.75rem 0.62rem 0px #faece8;}
.annex .title{  position: relative;height: 2.75rem}
.annex .title img{ width: 5.44rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.annex .title h3{font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.annex .camara{}
.annex .camara ul{background: #fff;border-radius: 0.75rem;}
.annex .camara ul li{ float: left;width: 33.3%;text-align: center;border-right: 1px solid #efefef;}
.annex .camara ul li section{width: 4.75rem;margin: auto;margin-top: 0.69rem;}
.annex .camara ul li img{width: 100%; }
.annex .camara ul li span{ display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.annex .camara ul li .more{color:#64669b }
.annex .camara ul .li3{border-right: 0;}
/*otherequipment*/
.otherequipment{ background: #eff4fb;margin-bottom: 2.5rem;box-shadow: 0 0.75rem 0.62rem 0px #eff4fb;}
.otherequipment .title{  position: relative;height: 2.75rem}
.otherequipment .title img{ width: 11.56rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.otherequipment .title h3{font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.otherequipment .camara{}
.otherequipment .camara ul{background: #fff;border-radius: 0.75rem;}
.otherequipment .camara ul li{float: left;width: 33.3%;text-align: center;border-right: 1px solid #efefef;}
.otherequipment .camara ul li section{width: 4.75rem;margin: auto;margin-top: 0.69rem;}
.otherequipment .camara ul li img{width: 100%; }
.otherequipment .camara ul li span{ display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.otherequipment .camara ul li .more{color:#64669b }
.otherequipment .camara ul .li3{border-right: 0;}
/*plate*/
.plate{}
.plate h3{color: #1b1c1e;font-weight: bold;margin-top: 1.56rem;}
.plate ul{margin-top: 0.38rem}
.plate ul li{ color: #fff;float: left;width:32%;height: 3rem;margin-top: 0.38rem;padding-right: 0.6rem;padding-left: 0.8rem;margin-left: 0.375rem;font-size: 0.875rem}
.plate ul .red{background: #f16a4b;border-radius:5px 5px 0px 5px;position: relative;}
.plate ul .red .triangle{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #f16a4b;position: absolute;right: -4px;bottom: 0;}
.plate ul .purpel{background: #666bfe;border-radius:5px 5px 0px 5px;position: relative}
.plate ul .purpel .triangle{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #666bfe;position: absolute;right: -4px;bottom: 0;}
.plate ul .yellow{background: #f7ba14;border-radius:5px 5px 0px 5px;position: relative;}
.plate ul .yellow .triangle{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #f7ba14;position: absolute;right: -4px;bottom: 0;}
.plate ul li .span1{ display: block;text-align: center}
.plate ul li .span2{ margin-top: 0.125rem;display: inline-block;font-size: 0.5rem}
.plate a{color: #fff;display: flex;align-items: center}
/*filmcamera*/
.filmcamera{ background: #faf7ee;margin-bottom: 1.75rem;box-shadow: 0 0.75rem 0.62rem 0px #faf7ee;}
.filmcamera .title{  position: relative;height: 2.75rem}
.filmcamera .title img{ width: 11.56rem;margin-top: 0.31rem;margin-left: 0.56rem;float: left;}
.filmcamera .title h3{font-weight: bold;color: #1b1c1e;position: absolute;left: 1.19rem;top: 1rem;}
.filmcamera .camara{}
.filmcamera .camara ul{background: #fff;border-radius: 0.75rem;position: relative}
.filmcamera .camara ul li{ float: left;width: 33.3%;text-align: center;border-right: 1px solid #efefef;height: 6.56rem}
.filmcamera .camara ul li section{width: 4.75rem;margin: auto;margin-top: 0.69rem;}
.filmcamera .camara ul li img{width: 100%; }
.filmcamera .camara ul li span{ display: block;color: #211f1e;margin-bottom: 0.86rem;margin-top: 0.2rem}
.filmcamera .camara ul li .more{color:#64669b }
.filmcamera .camara ul .li3{border-right: 0;height: 100%;line-height: 6.56rem;text-align: center;}
/*piccont*/
.equipment .content{position: relative}
.equipment .content .num{width: 2.75rem;background: #000;opacity: 0.6;color: #fff;text-align: center;line-height: 1.44rem;border-radius: 0.75rem;position: absolute;right: 0.625rem;bottom: 0.625rem;}
.equipment .content .num .current{margin-right: 0.1rem;}
.equipment .content .num .total{margin-left: 0.1rem}
.equipment .content .swiper-slide{box-sizing: border-box;}
.equipment .content .swiper-slide a{ display:block; width:100%; height:100%; position:relative;}
.equipment .content .swiper-slide img{width: 100%;height: 100%;}
.equipment .content .footer{padding-right: 4%;width: 100%;z-index: 11;height: 3rem;line-height: 3rem;padding-left: 4%;position: absolute;bottom: 0;background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);}
.equipment .content .footer .title{color: #fff;}
.swiper-container-horizontal>.swiper-pagination{bottom: 1.2rem !important; right: 0.94rem !important; width: auto !important; text-align: right;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 0.125rem !important;}
.swiper-pagination-bullet{width: 0.38rem !important; height: 0.25rem !important; background: #fff !important; display: inline-block !important; border-radius: 2.19rem !important; opacity: 0.4;margin-left: 0.25rem !important;}
.swiper-pagination-bullet-active{background: #fff !important; opacity: 1; width: 0.63rem !important;}