[v-cloak] { display: none !important; } 
a:hover{
    text-decoration: none;
}
.aftersales {}

.aftersales .selectProduct {
    position: relative;
    margin: 0 auto;
    background: #fff;
}

.aftersales .selectProduct .find-zone {
    padding: 100px 0 30px;
    width: 100%;
    text-align: center;
}

.aftersales .selectProduct .find-zone h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    margin-bottom: 25px;
}

.select-block, .find-zone .findResult.noResult, .find-zone .findResult,  .resultList ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    /* align-items: center; */
    flex-wrap: nowrap;
    justify-content: space-between;
}
.aftersales .selectProduct .find-zone .find-zone-content{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    /* align-items: center; */
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.aftersales .selectProduct .find-zone .findFilter {
    /*width: 47%;*/
    height: 100%;
}
.aftersales .selectProduct .find-zone .findFilter .select-block{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    /* align-items: center; */
    flex-wrap: nowrap;
    justify-content: space-between;
}
.aftersales .selectProduct .find-zone .findFilter .select-block .colm3.showxs {
    position: relative;
}
.aftersales .selectProduct .find-zone .findFilter .select-block .colm3 {
    width: 100%;
}

.aftersales .selectProduct .find-zone .findFilter .select-block .colm3 .col3mlr {
    margin-bottom: 15px;
}
.find-zone input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.find-zone input[type="search"] {
    outline: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding: 0px 20px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}
.find-zone .colm3.showxs button {
    position: absolute;
    top: 16%;
    right: 15px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 30px;
    color: #d5d5d5;
    font-size: 25px;
}
.find-zone .loadAutoResult {
    position: absolute;
    width: 100%;
    text-align: left;
    max-height: 0;
    overflow: hidden;
    
    /* box-shadow: 2px 0 5px rgb(0 0 0 / 30%); */
    box-shadow: 0px 15px 14px -11px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 15px 14px -11px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 15px 14px -11px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0px 15px 14px -11px rgb(0 0 0 / 30%);
    -o-box-shadow: 0px 15px 14px -11px rgb(0 0 0 / 30%);
    
    
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	
    z-index: 150;
    background-color: #fff;
    display: none;
    margin-top: -1px;
    height: auto;
}
.find-zone .loadAutoResult.active {
    display: block;
    max-height: 100vh;
    border: 1px solid #d5d5d5;
    
}
.find-zone .loadAutoResult a.linkhow.btline {
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

.find-zone .loadAutoResult a.linkhow {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 14px;
    color: #999 !important;
    padding: 0 15px 0 25px;
    line-height: 40px;
}
.find-zone .loadAutoResult .resultList {
    padding:0;
    margin: 0;
    background: #fff;
    border: 0;
    width: 100%;
    height: 100%;

}
.find-zone .loadAutoResult .resultList li a {
    display: block;
    width: 100%;
    font-size: 14px;
   /* line-height: 22px;*/
    color: #666;
    padding: 10px 25px;
    background: #fff;
    cursor: pointer;
}
.find-zone .findResult {
    width: 50%;
    padding-top: 50px;
}
.find-zone .findResult.noResult {
    height: 100%;
    position: relative;
    
}
.find-zone .findResult .resultImg {
    position: relative;
    width: 35%;
    text-align: center;
}
.find-zone .findResult .resultList {
    overflow: hidden;
    width: 60%;
    text-align: left;
}
.find-zone .findResult .resultList h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    height: 25px;
    padding-left: 0;
    overflow: hidden;
    margin-bottom: 15px;
}
.find-zone .findResult .resultList h2 {
    font-size: 14px;
    font-weight: normal;
    color: #777;
    line-height: 25px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.select-block, .find-zone .findResult.noResult, .find-zone .findResult, .resultList ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    /* align-items: center; */
    flex-wrap: nowrap;
    justify-content: space-between;
}
.find-zone .findResult, .resultList ul {
    flex-wrap: wrap;
}
.find-zone .findResult .resultList ul li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #f5f5f5;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
    overflow: hidden;
}
.find-zone .findResult .resultList ul li:hover {
    background-color: #ececec;
}
.find-zone .findResult .resultList ul li a{
    display: inline-block;
    width:100%;
    text-align: left;
}
.find-zone .findResult .resultList ul li a .bl-icon-download{
    margin: 0 10px;
}
.find-zone .findResult.noResult span {
    display: inline-block;
    width: 35%;
    font-size: 150px;
    line-height: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    color: #aaa;
    background: url(/static/website/blink/img/icon-empty.png) 50% no-repeat;
    background-size: contain;
}
.find-zone .findResult.noResult .desp {
    display: inline-block;
    position: relative;
    width: 64%;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #777;
    padding: 25px 0 25px 25px;
}

.downblock {
    width: 100%;
    
    border-top: 1px solid rgb(0 0 0 / 15%);
    border-bottom: 1px solid rgb(0 0 0 / 7%);
    display: flex;
    justify-content: center;
}

.downblock .downbox {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: 50px auto;
}

.downblock .downbox .typeitem {
    display: inline-flex;
    padding: 14px 0;
    /* float: left; */
    margin: 0 auto;
    vertical-align: middle;
    border: 1px solid #cbcaca;
    width: 100%;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    cursor: pointer;
}
.downblock .downbox .typeitem .itemname{
    color:#8a8a8a;
}
.downblock .downbox .typeitem:hover,.downblock .downbox .typeitem.active{
    background-color: #f4f4f4;
    
}
.downblock .downbox .typeitem:hover .itemname,.downblock .downbox .typeitem.active .itemname{
    /*
    color: var(--blred);
    */
    color:#000;
}
.downblock .downbox .typeitem .itembut {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-size: 34px;
    color: #bfbfbf;
}

.downblock .downbox .typeitem:hover .itembut img,.downblock .downbox .typeitem.active .itembut img{
    -webkit-filter: brightness(1%);
    -moz-filter: brightness(1%);
    -ms-filter: brightness(1%);
    -o-filter: brightness(1%);
    filter: brightness(1%);
}
.search-group {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #f4f4f4;
    min-height: 15vh;
}

.search-group .dn_list {
    width: 85%;
    margin: 30px 0;
   /* padding-right: 15px;
    padding-left: 15px;
    */
}
.search-group .dn_list ul {
    margin: auto;
}
.search-group .dn_list .list_detail {
   margin-bottom: 20px;
}

.search-group .dn_list .list_detail a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 25px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    line-height: 80px;
}
.search-group .dn_list .list_detail a:hover{
     box-shadow: 0 20px 10px -12px rgb(196 196 196 / 50%);
    -webkit-box-shadow: 0 20px 10px -12px rgb(196 196 196 / 50%);
    -moz-box-shadow: 0 20px 10px -12px rgb(196 196 196 / 50%);
    -ms-box-shadow: 0 20px 10px -12px rgb(196 196 196 / 50%);
}

/***************下载信息弹窗**********************/

.downinfo-item {
    position: fixed;
    background: rgba(232,232,237,.4);
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    /*
    visibility: hidden;
    opacity: 0;
    */
}

.downinfo-item.on {
    opacity: 1;
    visibility: visible
}

.downinfo-item .downbox {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 16%);
    box-sizing: border-box;
    margin-bottom: 100px;
    border-radius: 5px;
}
.downinfo-item .downbox i.iconclose {
    float: right;
    margin: 10px;
    line-height: 16px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.downinfo-item .downbox  i.iconclose:hover {
    transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.downinfo-item .downbox11 {
    position: relative;
    padding: 25px 50px;
    width: 900px;
    margin: 0 auto;
    margin-top: -45px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 16%);
    box-sizing: border-box;
    margin-bottom: 100px;
}

.downinfo-item .downbox .downDetail {
    padding: 70px 0;
    text-align: center;
}

.downinfo-item .downbox .downDetail h1 {
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    margin-bottom: 30px;
}

.downinfo-item .downbox .downDetail .btnlists {
    width: 100%;
    overflow: hidden;
}

.downinfo-item .downbox .downDetail .btnlists .btncell {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.downinfo-item .downbox .downDetail .btnlists .btncell .onebtn {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: var(--blred);
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.downinfo-item .downbox .downDetail .btnlists .btncell .onebtn .qline {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 60px;
    background: #fff
}

.downinfo-item .downbox .downDetail .btnlists .btncell .onebtn a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
}

.downinfo-item .downbox .downDetail .btnlists .btncell .onebtn a:hover {
    background-color: #fb4646;
}

.downinfo-item .downbox .downDetail .downsize {
    line-height: 32px;
    margin-top: 20px;
    color: #999;
}

.downinfo-item .downbox .downDetail .downsize span {
    margin-right: 20px;
}

.downinfo-item .downbox .downDetail .downsize a {
    color: #999;
}
.nullResult {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #8a8a8a;
}
#mainLoading,#downLoading {
  width: 100vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainLoading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 100;
    
}
#mainLoading .ddr,#downLoading .ddr  {
  width: 8px;
  height: 100px;
  float: left;
  margin: 2px;
  background-color: var(--blred);
  animation: loading 1s infinite ease-in-out; /*animation：动画名称 持续时间 动画速度曲线 延迟 执行多少次 是否正反方向轮流播放*/
}
#mainLoading .ddr2,#downLoading .ddr2 {
  animation-delay: -0.9s; /*定义开始执行的地方，负号表示直接从第900ms开始执行*/
}
#mainLoading .ddr3,#downLoading .ddr3  {
  animation-delay: -0.8s;
}
#mainLoading .ddr4,#downLoading .ddr4 {
  animation-delay: -0.7s;
}
#mainLoading .ddr5,#downLoading .ddr5 {
  animation-delay: -0.6s;
}
@keyframes loading {
  0%,
  40%,
  100% {
    /*定义每帧的动作*/
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}


.v-enter-active{
    transition: opacity .8s;
}
.v-enter{
    opacity: 0;
}
.v-active{
    transition: opacity .8s;
}
.v-to{
    opacity: 1;
}
@media (max-width: 700px) {
    .downinfo-item .downbox .downDetail .btnlists .btncell {
        width:100%;
        flex-wrap: wrap;
    }

    .downinfo-item .downbox .downDetail .btnlists .btncell .onebtn {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .downinfo-item .downbox .downDetail .btnlists .btncell {
        width:100%;
    }
}



/*****************下载信息弹窗-end************************/
/*
.faqblock {
    background: #fff;
    padding-top: 50px;
    border-top: 1px solid rgb(0 0 0 / 15%);
    border-bottom: 1px solid rgb(0 0 0 / 7%);
}
.aftersales ul.zzul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
}

.aftersales ul.zzul li {
    width: 16%;
    padding-bottom: 55px;
}
.aftersales ul.zzul li a {
    display: block;
    
}
.aftersales ul.zzul li .box-view {
    position: relative;
    display: block;
    background-color: #000;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
    border-radius: 5px;
}
.aftersales ul.zzul li:first-of-type .box-view {background-color: brown; }
.aftersales ul.zzul li:nth-of-type(2) .box-view{background-color: blueviolet;}
.aftersales ul.zzul li:nth-of-type(3) .box-view{background-color: chocolate; }
.aftersales ul.zzul li:nth-of-type(4) .box-view{background-color: darkcyan; }
.aftersales ul.zzul li:nth-of-type(5) .box-view{background-color: darkslategrey; }
.aftersales ul.zzul li:nth-of-type(6) .box-view{background-color: #e47979; }
.aftersales ul.zzul li .box-view:hover {
    -webkit-box-shadow: 0 10px 40px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 10px 40px 1px rgba(0,0,0,.3);
    box-shadow: 0 10px 40px 1px rgb(0 0 0 / 30%);
    background-color: red;
}

*/
/*
.aftersales ul.zzul li:first-of-type .box-view:hover {background-color: brown; }
.aftersales ul.zzul li:nth-of-type(2) .box-view:hover{background-color: blueviolet;}
.aftersales ul.zzul li:nth-of-type(3) .box-view:hover{background-color: chocolate; }
.aftersales ul.zzul li:nth-of-type(4) .box-view:hover{background-color: darkcyan; }
.aftersales ul.zzul li:nth-of-type(5) .box-view:hover{background-color: darkslategrey; }
.aftersales ul.zzul li:nth-of-type(6) .box-view:hover{background-color: #e47979; }
*/
/*
.aftersales ul.zzul li .box-view .type-title {
    position: relative;
    display: block;
    text-align: center;
    padding: 15px 0 5px 0;
}
.aftersales ul.zzul li .box-view .type-title .iconfont {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.aftersales ul.zzul li .box-view .type-title h3 {
    font-size: 16px;
    color: #fff;
    padding-top: 5px;
    font-weight: normal;
}

.aftersales ul.zzul li .box-view p {
    padding: 0px 35px 0px 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

*/

@media (max-width: 991px) {
    .search-group {

    }
    
    .search-group .dn_list {
        width: 95%;
        
    }
    
    .search-group .dn_list .list_detail {
        width: 50%;
           
    }
/*
.faqblock {	 padding-top:15px;}
.faqblock .container { width: 100%;padding:0px; }	
.faqblock .container .row { margin-right: 0px; margin-left: 0px; }
.aftersales ul.zzul { flex-wrap: wrap;justify-content: space-between; }

.aftersales ul.zzul.sim li{width:50%;}



	.aftersales ul.zzul li, .aftersales ul.zzul.zzul2 li {
		width: 50%;
		padding: 0px;
	}
.aftersales ul.zzul li:last-child{border-bottom:solid 0px #f5F5F5;}
.aftersales ul.zzul li .box-view{margin: 2px 2px;padding:10px 0 20px 0;}
.aftersales ul.zzul li .box-view:hover{-webkit-box-shadow:0 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow:0 0px 0px 0px rgba(0,0,0,0);box-shadow:0 0px 0px 0px rgba(0,0,0,0)}

.aftersales ul.zzul li .box-view .type-title .iconfont {min-height:40px;min-height:40px;text-align:center;font-size:36px;vertical-align:middle;}
.aftersales ul.zzul li .box-view .type-title h3 {  padding-top: 5px;font-weight:normal;padding-bottom:0px;}
.aftersales ul.zzul li .box-view .type-title { padding: 0px 0 0px 0; }
.aftersales ul.zzul li .box-view p { display:none;  }
*/
}
@media(max-width: 768px){
    
    .search-group .dn_list {
        width: 98%;
        
    }
    
    .search-group .dn_list .list_detail {

        width: 100%;
           
    }
}

@media (max-width: 992px){
    .aftersales .selectProduct .find-zone {
        padding: 60px 10px 10px;
    }

    .aftersales .selectProduct .find-zone .findFilter, .aftersales .selectProduct .find-zone .findResult {
        width: 100%;
        height: 100%;
        float: none;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        padding: 0;
    }
    .find-zone .findResult .resultList{
        width:100%
    }
    .find-zone .findResult .resultList h1{
        margin-bottom:0;
    }
    .find-zone .findResult .resultList h2{
        margin-bottom: 15px;
    }
    .find-zone .colm3 .col3mlr {
        margin-bottom: 5px;
        padding: 0;
        margin-bottom: 0;
    }
    .select-block, .find-zone .findResult.noResult, .find-zone .findResult, .find-zone-content, .find-zone .findResult.noResult, .find-zone .findResult, .resultList ul {
        flex-wrap: wrap;
        width: 100%;
    }
    .aftersales .selectProduct .find-zone .findResult.noResult {
        padding-top: 15px;
       /* padding-bottom: 25px;*/
    }
    .find-zone .findResult.noResult span {
        font-size: 80px;
        line-height: 80px;
        height: 80px;
    }
    .find-zone .findResult.noResult .desp {
        width:100%;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
    .find-zone .select2-container--default .select2-selection--single, .find-zone input[type=search] {
       /* height: 40px;*/
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
/*
.aftersales ul.zzul  li .box-view .type-title .iconfont {font-size:30px;}
*/		

}

@media (min-width: 992px) and (max-width: 1439px) {

/*
.aftersales ul.zzul ,.aftersales ul.zzul2 { flex-wrap: wrap; } 
.aftersales ul.zzul li,	.aftersales ul.zzul.zzul2 li{
    padding:0px 5px;
    margin-bottom:15px;
    
}	
*/

}

@media (min-width: 1400px){
    /*
    .container {
        width: 90%;
        max-width: 1760px;
    }
    */
}