/*@import url('common.css');*/
@import url('clenq.css');

.menu{margin-bottom:60px}
.download{display:flex;justify-content:space-between}

@media only screen and (max-width:750px){
    .menu{margin-bottom:20px}
    .download{display:block}
}


.download_menu{background:#F6F6F6;border-radius:8px;margin-top:-35px;height:90px;margin-bottom:50px}
.download_menu ul{display:flex;}
.download_menu li{margin:0 50px;line-height:90px;font-size:16px}
.download_menu li.active{background:url(../images/dot.png) no-repeat left center;padding-left:25px;font-weight:bold;}
.download_menu li:hover a{color:var(--clenq-base)}
.download_menu.fixed{position:fixed;top:35px;border-radius:0;left:0;right:0;z-index:9999999;width:100%}


/*分类*/
.download .cate_pc{width:270px;}
.download .cate_pc li{margin-bottom:10px}
.download .cate_pc li>a{border-radius: 5px;display:block;height:57px;line-height:57px;font-size:18px;font-weight:bold;background:#F6F6F6 url(../images/down.png) no-repeat 225px center;padding-left:30px;color:#344455}
.download .cate_pc li>a:hover{background-color: var(--clenq-base); color:#fff}
.download .cate_pc li>a.active{background-color: var(--clenq-base); color:#fff}
.download .cate_pc .child{display:none;padding:20px 0}
.download .cate_pc .child a{display:block;background:url(../images/right-1.png) no-repeat 230px center;padding-left:30px;height:40px;line-height:40px;font-size:16px;font-weight:bold}
.download .cate_pc .child a.active{background:url(../images/right-2.png) no-repeat 230px center;color:var(--clenq-base)}
.download .cate_mobile{display:none}


@media only screen and (max-width:750px){
    .download .cate_pc{display:none}
    .download .cate_mobile{display:block;}
    .download .cate_mobile .row{margin:0 20px}
    .download .cate_mobile .row .tit{background:#eee url(../images/up.png) no-repeat 95% center;padding-left:20px;height:50px;line-height:50px;color:#344455;font-weight:bold}
    .download .cate_mobile .row .tit.down{background:#eee url(../images/down.png) no-repeat 95% center;}
    .download .cate_mobile .con{margin-bottom:20px;padding:0 20px;display:none;border:1px #eee solid}
    .download .cate_mobile .child>a{display:block;padding:20px 0;border-bottom:1px #eee solid}
    .download .cate_mobile .child>a:last-child{border-bottom:0}
    .download .cate_mobile .child>a.active{color:var(--clenq-base);font-weight:bold}
    /*.download .cate_mobile .child>a.has_son{background:url(../images/46.png) no-repeat 95% center}*/
    /*.download .cate_mobile .child>a.none_son{background:url(../images/31.png) no-repeat left center;padding-left:30px}*/

    .download_menu{border-radius:0;margin-top:0;height:50px;margin-bottom:20px}
    .download_menu ul{overflow-x:auto;white-space:nowrap;padding:0 20px}
    .download_menu li{margin:0 20px 0 0;line-height:48px;font-size:14px}
    .download_menu li.active{background:none;padding-left:0;border-bottom:0px solid var(--clenq-base)}
    .download_menu li:hover a{color:#000}
    .download_menu.fixed{top:0;}
}

/*列表*/
.download .list{width:980px}
.download .title{display:flex;justify-content:space-between;align-items:center;height:57px;margin-bottom:50px}
.download .title .name{font-size:30px;color:var(--clenq-base);font-weight:bold;}
.download .title .layui-form{position:relative}
.download .title .layui-form .icon{
    background:url(../images/search_active.png);
    width:23px;
    height:22px;
    position:absolute;
    /* right:20px; */
    margin-left: -40px;
    top:15px;cursor:pointer;
}
.download .title .layui-form .icon-search{
    /* background:url(../images/search_active.png); */
    width:23px;
    height:22px;
    position:absolute;
    /* right:20px; */
    margin-left: -10px;
    top:20px;
    cursor:pointer;
    color: var(--clenq-base);
}
.download .title .layui-form .icon-right-arrow1{
    transform: rotate(270deg);
    width:23px;
    height:22px;
    position:absolute;
    /* right:20px; */
    margin-left: -40px;
    top:15px;
    cursor:pointer;
}
.download .title .layui-form input{padding:0 50px 0 25px;border-radius:0px;height:50px;width:350px;}
.download .item{background:#F6F6F6 url(../images/download.png) no-repeat 900px center;margin-bottom:10px;border-radius:5px;padding:15px 0 15px 40px;border:1px #F6F6F6 solid;display:flex;align-items:center;cursor:pointer}
.download .item:hover{border:1px #344455 solid}
.download .item .img{width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin-right:40px}
.download .item .img img{max-width:100%;max-height:100%}
.download .item .name{width:730px;font-weight:bold;font-size:18px;color:#344455;margin-bottom:10px}
.download .item .name span{display:block;color:#999;font-size:14px;padding-top:10px}
.download_dialog{margin-top: 10%;}
@media only screen and (max-width:750px){
    .download .list{width:auto}
    .download .title{display:block;height:auto}
    .download .title .name{font-size:24px;text-align:center;padding:20px 0}
    .download .title .layui-form{width:100%;margin:0px}
    .download .title .layui-form .icon{right:15px;top:9px;}
    .download .title .layui-form input{height:45px;width:100%;}
    .download .item{background:#F6F6F6 url(../images/download.png) no-repeat 95% center;border-radius:0;padding:15px}
    .download .item:hover{border:1px #F6F6F6 solid}
    .download .item .img{margin-right:20px;width: 200px;}
    .download .item .info{width:calc(100% - 110px);}
    .download .item .name{font-size:16px}
	.download .item .name span{font-size:12px;padding-top:5px}
    .el-dialog {
        width: 90% !important;
    }
}

/*弹窗*/
.modal_iot_mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);z-index:999}
.modal_iot{width:660px;display:none;background:#fff;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}
.modal_iot .close{width:28px;height:28px;background:url(../images/56.png);position:absolute;right:-40px;top:0;cursor:pointer}
.modal_iot .info{height:185px;border-bottom:1px #eee solid;display:flex;align-items:center;justify-content:space-between;padding:50px 80px}
.modal_iot .info .img{width:100px;height:100px;display:flex;justify-content:center;align-items:center;}
.modal_iot .info .img img{max-width:100%;max-height:100%}
.modal_iot .info .name{width:370px;font-size:16px;color:#344455}
.modal_iot .tab{ height: 135px; display:flex;align-items:center;padding:0 80px}
.modal_iot .tab a{margin-right:30px;width:146px;height:48px;line-height:48px;background:#b4b4b4 url(../../static/home/images/50.png) no-repeat 110px center;padding-left:25px;color:#fff;border-radius:50px;cursor:pointer}
.modal_iot .tab a:hover,.modal_iot .tab a.active{background:var(--clenq-base) url(../../static/home/images/50.png) no-repeat 110px center}
.modal_iot .tab a:last-child{margin-right:0}
.modal_iot .con{display:none;background:#F9F9F9;border-radius:0 0 20px 20px}
.modal_iot .con>div{width:500px;margin:0 auto;padding:30px 0;display:flex;flex-wrap:wrap}
.modal_iot .con .item{width:calc(33% - 20px);background:url(../images/57.png) no-repeat left center;padding-left:20px;margin-bottom:20px;font-size:16px}

@media only screen and (max-width:750px){
    .modal_iot{width:90%;}
    .modal_iot .close{right:0;top:-40px;}
    .modal_iot .info{height:auto;padding:20px}
    .modal_iot .info .img{margin-right:20px;width:80px;height:80px}
    .modal_iot .info .img img{max-width:100%;max-height:100%}
    .modal_iot .info .name{width:calc(100% - 100px);font-size:14px}
    .modal_iot .tab{height:auto;padding:20px}
    .modal_iot .tab a{flex:1;margin-right:5px;width:100px;height:40px;line-height:40px;background:#b4b4b4 url(../../static/home/images/50.png) no-repeat 85% center;padding-left:15px;}
    .modal_iot .tab a:hover,.modal_iot .tab a.active{background:var(--clenq-base) url(../../static/home/images/50.png) no-repeat 85% center}
    .modal_iot .con>div{width:auto;padding:20px;}
    .modal_iot .con .item{width:calc(50% - 20px);margin-bottom:10px}
}