body{color:#000}
a{color:#0e071e}
a:hover{color:#0e071e}
.b2b-component-video-collection{background:#f2f2f2;margin:auto}
.b2b-component-video-collection #content button{outline:0;border:0}
[v-cloak]{display:none}
.b2b-component-video-collection #content{margin:0 auto;padding-top:42px;min-width:320px;max-width:1600px;width:90%;padding-bottom:40px;padding-right:25px;padding-left:25px}
.b2b-component-video-collection #content .popout-video-content span{position:relative;align-self:flex-end;width:20px;height:20px;background-color:transparent;cursor:pointer;margin-bottom:10px}
.b2b-component-video-collection #content .popout-video-content span:before,.b2b-component-video-collection #content .popout-video-content span:after{content:'';top:0;left:0;position:absolute;display:inline-block;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px);background-color:#fff}
.b2b-component-video-collection #content .popout-video-content span:before{transform:rotate(45deg)}
.b2b-component-video-collection #content .popout-video-content span:after{transform:rotate(-45deg)}
.b2b-component-video-collection #content .popout-container{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(38,31,52,0.85);display:block}
.b2b-component-video-collection #content .popout-container-hide{height:0}
.b2b-component-video-collection #content .popout-video-content{position:relative;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;height:100%}
.b2b-component-video-collection #content .popout-video-content iframe{width:100%;height:80%}
.v-enter-active,.v-leave-active{transition:opacity .5s}
.v-enter,.v-leave-to{opacity:0}
.v-enter-to,.v-leave{opacity:1}
.b2b-component-video-collection #content .right .tit li:nth-child(1){float:left;padding:10px 0}
.b2b-component-video-collection #content .right .tit .choice{float:right;font-size:14px;font-weight:bold}
.b2b-component-video-collection #content .tit span{color:#0050c7;font-size:14px;font-weight:bold;margin-right:5px}
.b2b-component-video-collection #content .tit{color:#4d4f52;margin:auto 1%}
.b2b-component-video-collection #content .ivu-icon-ios-arrow-down:before{color:#4d4f52;font-size:16px}
.b2b-component-video-collection #content .ivu-icon{cursor:pointer}
.b2b-component-video-collection #content .products .lists{display:flex;flex-wrap:wrap}
.b2b-component-video-collection #content .products .item{background:#fff;width:23%;margin:2% 1% auto 1%;position:relative}
.b2b-component-video-collection #content .products .item>a{display:flex;margin:0 20px;align-items:center}
.b2b-component-video-collection #content .products li .list>img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}
.b2b-component-video-collection #content .products .list-title{cursor:pointer;padding:4% 8% 6%;font-size:18px;line-height:1.4;font-weight:normal;color:#000;height:100px}
.b2b-component-video-collection #content .products li .list{width:100%;overflow:hidden;margin:0;padding-top:56.25%;position:relative;cursor:pointer}
.b2b-component-video-collection #content .products .ivu-tooltip{position:absolute;right:9px;top:20px}
.b2b-component-video-collection #content .ivu-checkbox-wrapper{margin:0}
.b2b-component-video-collection #content button{background:#fff;padding:8px 40px;border-radius:100px;min-height:36px;line-height:1.4;margin:0 auto;border:2px solid #0050c7;color:#0050c7;font-weight:600;font-size:1.4rem}
.b2b-component-video-collection #content .more{text-align:center;clear:both;padding:40px 0}
.b2b-component-video-collection #content .more .ivu-icon{font-size:40px}
.b2b-component-video-collection #content .ivu-checkbox{margin-right:0}
.b2b-component-video-collection #content .products .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.4)}
.b2b-component-video-collection #content .checkAllGroup li{float:left;background:#fff;padding:5px 10px;width:auto;margin-right:1%;margin-bottom:1%}
.b2b-component-video-collection #content .checkAllGroup{margin-left:2%}
.b2b-component-video-collection #content select{background:0;border:0;outline:0}
.b2b-component-video-collection #content .buttons{position:relative}
.b2b-component-video-collection #content .buttons:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-30px;right:-120px;z-index:9999}
.b2b-component-video-collection #content .checkAllGroup{margin-left:2%}
.b2b-component-video-collection #content .right .tit .pc{display:block}
.b2b-component-video-collection #content .right .tit .phone{display:none}
.b2b-component-video-collection #content .clearpc{display:block;float:right;font-size:12px;cursor:pointer}
.b2b-component-video-collection #content .clearphone{display:none}
.b2b-component-video-collection #content .leftdisplay{left:80% !important}
.b2b-component-video-collection #content .showit{display:block !important}
.b2b-component-video-collection #content .navShow{display:none}
.b2b-component-video-collection #content .tipphone{display:none}
.b2b-component-video-collection #content .tippc{display:block}
.b2b-component-video-collection #content .fixed{position:fixed}
.b2b-component-video-collection #content .mobilecheckAllGroup{display:none;margin-top:20px;margin-left:0 !important}
.b2b-component-video-collection #content .mobilecheckAllGroup li{color:#000;font-weight:normal !important;font-size:14px;margin-bottom:10px !important}
.b2b-component-video-collection #content .clearButton{font-size:14px;margin:0;padding-top:10px;display:none;cursor:pointer}
.b2b-component-video-collection #content .select{position:relative}
.b2b-component-video-collection #content .select-head{overflow:hidden;width:116px;height:40px;font-size:14px;color:#202020;box-sizing:border-box;padding:0 8px;line-height:40px}
.b2b-component-video-collection #content .select-head .select-head-cont{float:left;padding:0 6px}
.b2b-component-video-collection #content .select-head .select-icon{float:right;color:#535af8}
.b2b-component-video-collection #content .option{position:absolute;left:0;font-size:15px;font-weight:normal;background:#fff;line-height:25px;z-index:20000;text-align:left;box-shadow:0 0 0 0 rgba(0,0,0,0),-4px 0 10px -18px rgba(0,0,0,0.4),10px 0 9px -14px rgba(0,0,0,0.4),0 5px 10px -1px rgba(0,0,0,0.4);width:116px;color:#000}
.b2b-component-video-collection #content .option-item{padding:5px 15px;text-indent:8px;font-size:1.4rem}
.b2b-component-video-collection #content .option-item:last-child{border:0}
.b2b-component-video-collection #content .option p{margin:0}
.b2b-component-video-collection #content .aa{transition:all 1s}
.b2b-component-video-collection #content .go{transform:rotate(180deg);transition:all 1s}
.b2b-component-video-collection #content .bg{background:#f5f5f5;box-shadow:0 0 15px rgba(0,0,0,0.4)}
.b2b-component-video-collection #content .option p:hover{background:#e5e5e5 !important}
.b2b-component-video-collection #content .fa{float:right;line-height:inherit}
.b2b-component-video-collection #content .fa img{width:10px}
.b2b-component-video-collection #content .ivu-tooltip-inner{border-radius:60px;padding:8px 26px;background-color:#4e4f53}
.b2b-component-video-collection #content .ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow{right:4px;border-left-color:#4e4f53}
.b2b-component-video-collection #content .ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow{border-top-color:#4e4f53}
.b2b-component-video-collection #content .gou{width:40px}
.b2b-component-video-collection #content .ivu-checkbox-checked .ivu-checkbox-inner{border-color:#0050c7;background-color:#0050c7}
.b2b-component-video-collection #content .ivu-checkbox-checked .ivu-checkbox-inner:after{content:none}
.b2b-component-video-collection #content .jia span{float:right;font-size:20px}
.b2b-component-video-collection #content .search-section form{max-width:940px;position:relative;padding:0 25px 75px 2%}
.b2b-component-video-collection #content .search-section input{height:60px;font-size:1.6rem;padding-left:18px;border:1px solid #23299b}
.b2b-component-video-collection #content .search-section button{position:absolute;width:60px;height:60px;right:25px;top:0;background:0;border:0;background-color:#23299b;text-align:center;border-radius:0 4px 4px 0;margin-top:0;padding:0;display:block}
.b2b-component-video-collection #content .search-section button:before{font-family:icomoon !important;color:#fff;font-size:25px;display:block;vertical-align:middle}
@media screen and (max-width:1640px){.b2b-component-video-collection #content{padding-left:25px;padding-right:25px}
}
@media screen and (max-width:1220px){.b2b-component-video-collection #content{padding-left:10px;padding-right:10px}
}
@media(min-width:568px) and (max-width:800px){.b2b-component-video-collection #content .option{width:192px;font-size:22px;line-height:40px}
.b2b-component-video-collection #content .option p{font-size:22px}
.b2b-component-video-collection #content .select-head{width:192px;font-size:26px;padding:0 16px}
.b2b-component-video-collection #content .products .list img{width:85%;margin:0 auto}
.b2b-component-video-collection #content button{font-size:15px}
.b2b-component-video-collection #content .products .list img{width:80%;margin:0 auto}
.b2b-component-video-collection #content .products li .text li{font-size:20px !important}
.b2b-component-video-collection #content .list-text>p{font-size:18px !important}
}
@media screen and (max-width:800px){.b2b-component-video-collection #content{padding-right:0;padding-left:0}
.b2b-component-video-collection #content .products p{font-size:16px}
.b2b-component-video-collection #content .right .tit .choice{margin:0}
.b2b-component-video-collection #content .tit{margin-top:0;padding:20px 24px 15px;margin:auto}
.b2b-component-video-collection #content .mobilecheckAllGroup li{position:relative;padding-right:39px;font-size:12px}
.b2b-component-video-collection #content .mobilecheckAllGroup li i{background:#f2f2f2;position:absolute;right:0;padding:3px;top:0;font-size:21px}
.b2b-component-video-collection #content .clearButton{display:block}
.b2b-component-video-collection #content .mobilecheckAllGroup{display:block}
.b2b-component-video-collection #content .pccheckAllGroup{display:none}
.b2b-component-video-collection #content .filter{width:80%;z-index:9999}
.b2b-component-video-collection #content .ivu-tooltip-popper{z-index:90}
.b2b-component-video-collection #content .tipphone{display:block}
.b2b-component-video-collection #content .right .tit .choice,.b2b-component-video-collection #content .tit span{font-size:unset}
.b2b-component-video-collection #content .tippc{display:none}
.b2b-component-video-collection #content .navShow.show{display:block}
.b2b-component-video-collection #content .navShow.covered{z-index:990}
.b2b-component-video-collection #content .navShow{position:fixed;left:-2%;top:100px;z-index:1002;border-radius:0 25px 25px 0;width:50px;height:50px;background:#c09d5b;text-align:center}
.b2b-component-video-collection #content .navShow img{width:64%}
.b2b-component-video-collection #content .clearpc{display:none}
.b2b-component-video-collection #content .clearphone{display:block;float:right;cursor:pointer}
.b2b-component-video-collection #content .left{width:100%;background:rgba(0,0,0,0.4);height:100%;position:fixed;z-index:1001;top:0;display:none;margin-top:0}
.b2b-component-video-collection #content .left>div{overflow-y:scroll}
.b2b-component-video-collection #content .left .ivu-collapse-simple{width:80%;height:100%;padding-bottom:500px}
.b2b-component-video-collection #content .right{width:100%}
.b2b-component-video-collection #content .products .item{width:100%;margin:24px 0 0}
.b2b-component-video-collection #content{width:100%;padding-top:0}
.b2b-component-video-collection #content .products{width:100%;margin:0 auto;padding:0 24px}
.b2b-component-video-collection #content .right .tit .pc{display:none}
.b2b-component-video-collection #content .right .tit .phone{display:block;line-height:36px;float:left}
.b2b-component-video-collection #content .products .list-title{font-size:18px;line-height:1.4;height:160px}
.b2b-component-video-collection #content .search-section form{padding:40px 25px;background-color:#fff}
.b2b-component-video-collection #content .search-section button{top:40px}
}
@media(max-width:600px){.b2b-component-video-collection #content .navShow img{margin-top:10px}
}
@media(max-width:567px){.b2b-component-video-collection #content .search-section input{height:40px}
.b2b-component-video-collection #content .search-section button{width:40px;height:40px}
.b2b-component-video-collection #content .search-section button:before{font-size:16px}
.b2b-component-video-collection #content .search-section input{font-size:1.4rem}
.b2b-component-video-collection #content .more .ivu-icon{font-size:30px}
.b2b-component-video-collection #content .more{padding-top:0;padding-bottom:0}
.b2b-component-video-collection #content{padding-bottom:25px}
.b2b-component-video-collection #content .popout-video-content{margin:auto 20px;width:auto}
.b2b-component-video-collection #content .popout-video-content iframe{height:40%}
.b2b-component-video-collection #content .popout-video-content span:before,.b2b-component-video-collection #content .popout-video-content span:after{width:20px}
}
@media screen and (max-width:320px){.b2b-component-video-collection #content .show-content img{margin-left:0}
.b2b-component-video-collection #content .navShow{top:45px}
}
@media(min-width:800px) and (max-width:1024px){.b2b-component-video-collection #content button{font-size:12px}
}
@media(min-width:1024px) and (max-width:1366px){.b2b-component-video-collection #content .products li img{width:90%;margin:0 auto}
.b2b-component-video-collection #content .products li .list>img{width:100%}
.b2b-component-video-collection #content button{font-size:12px}
.b2b-component-video-collection #content .disabled{opacity:.3}
}
.arabic-style .b2b-component-video-collection #content .search-section button{right:auto;left:0;border-radius:4px 0 0 4px}
.arabic-style .b2b-component-video-collection #content .ivu-radio{margin-right:0;margin-left:4px}
.arabic-style .b2b-component-video-collection .search-section input{padding-right:18px}
.arabic-style .b2b-component-video-collection #content .checkAllGroup{margin-right:1.3%}
.arabic-style .b2b-component-video-collection #content .checkAllGroup li{float:right}
.arabic-style .b2b-component-video-collection #content .left{float:right}
.arabic-style .b2b-component-video-collection #content .right .tit li:nth-child(1){float:right}
.arabic-style .b2b-component-video-collection #content .right .tit .choice{float:left}
.arabic-style .b2b-component-video-collection #content .filter li:nth-child(1){float:right}
.arabic-style .b2b-component-video-collection #content .clearpc{float:left}
.arabic-style .b2b-component-video-collection #content .jia span{float:left}
.arabic-style .b2b-component-video-collection #content .left .ivu-checkbox-wrapper,.b2b-component-video-collection #content .left .ivu-radio-wrapper{margin-left:8px;margin-right:0}
.arabic-style .b2b-component-video-collection #content .left .ivu-checkbox{margin-left:8px;margin-right:0}
@media screen and (max-width:800px){.arabic-style .b2b-component-video-collection #content .search-section button{left:25px}
.arabic-style .b2b-component-video-collection #content .navShow{right:-2%;left:auto;border-radius:25px 0 0 25px}
.arabic-style .b2b-component-video-collection #content .leftdisplay{right:80% !important;left:auto !important}
.arabic-style .b2b-component-video-collection #content .clearphone{float:left}
.arabic-style .b2b-component-video-collection #content .checkAllGroup{margin-right:0}
.arabic-style .b2b-component-video-collection #content .mobilecheckAllGroup li i{right:auto;left:0}
.arabic-style .b2b-component-video-collection #content .mobilecheckAllGroup li{padding-right:10px;padding-left:39px}
.arabic-style .b2b-component-video-collection #content .checkAllGroup li{margin-left:1%;margin-right:0}
.arabic-style .b2b-component-video-collection #content .right .tit .phone{float:right}
}